/*CLIENT CUSTOM CODE HERE*/

/*home background color*/
#home {
    background: #e5e5e5;
}
/*width of Responsive images */
.bootstrap-iso .center-block{width: 40%;}

/* Home page Grid Layout arrangement for different screens */
 @media only screen and (max-width:768px) {
#home-online-three #right-side .modules-right-side.grid-container,
#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-4 module-5" "module-6 module-7 module-8" "module-9 module-10 module-11";} 
}
 @media only screen and (min-width:768px) {
#home-online-three #right-side .modules-right-side.grid-container,
#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-4 module-5" "module-6 module-7 module-8" "module-9 module-10 module-11";}
/* For IE */
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {-ms-grid-column: 1;-ms-grid-row: 1;-ms-grid-column-span: 2;}
#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-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 { -ms-grid-column: 2; -ms-grid-row: 2;}
#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: 1; -ms-grid-row: 3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 { -ms-grid-column: 2; -ms-grid-row: 3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 { -ms-grid-column: 3; -ms-grid-row: 3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 { -ms-grid-column: 1; -ms-grid-row: 4;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-9 { -ms-grid-column: 2; -ms-grid-row: 4;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-10 { -ms-grid-column: 3; -ms-grid-row: 4;}
}
@media only screen and (min-width:1400px){
#home-online-three #right-side .modules-right-side.grid-container,
#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-2" "module-3 module-4 module-5 module-6" "module-7 module-7 module-8 module-8";} 
/* For IE */
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {-ms-grid-column: 1;-ms-grid-row: 1;-ms-grid-column-span: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 { -ms-grid-column: 3; -ms-grid-row: 1; -ms-grid-column-span: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 { -ms-grid-column: 1; -ms-grid-row: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 { -ms-grid-column: 2; -ms-grid-row: 2;}
#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; -ms-grid-column-span: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 { -ms-grid-column: 3; -ms-grid-row: 3; -ms-grid-column-span: 2;}
#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;}
}
@media only screen and (min-width:1920px){
#home-online-three #right-side .modules-right-side.grid-container,
#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-2 module-3 module-4" "module-5 module-6 module-7 module-7 module-8 module-8";}
/* For IE */
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {-ms-grid-column: 1;-ms-grid-row: 1;-ms-grid-column-span: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 { -ms-grid-column: 3; -ms-grid-row: 1; -ms-grid-column-span: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 { -ms-grid-column: 5; -ms-grid-row: 1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 { -ms-grid-column: 6; -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; -ms-grid-column-span: 2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 { -ms-grid-column: 5; -ms-grid-row: 2; -ms-grid-column-span: 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;}
}

/* Default Buttons styling code */
 /*
.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 A.button-style.gray:hover{
 */
 /* Carousals thumbnails adjustment */
 
#home-module-welcome #slider .thumb .rect, .home-module-integrated #slider .thumb .rect {width: 160px;} 


#logo, #mfaContainerGlobal .logo
{
   background: url(/infineon/media/Media/Logo/logo.png) no-repeat;
   background-size: 100% 100% !important;
   height: 80px !important;
   width: 250px !important;
   margin-top: 10px;
   margin-left: 10px;
}
.content-text{
    text-align: center;
}
.content h1{
padding-top: 15px;
}
/*CLIENT CUSTOM CSS CODE HERE*/
/*profile page text size8*/
p.sectionTitledimmedLeft.ng-binding{font-family:'Open Sans', sans-serif !important; font-size:24px; }

.profile #profile-online-2 .row .grid-cell P
{
font-size: 18px !important;
} .in-Cart .you-pay{
width: 190px !important; }
/* available balance */
.modeller-container .fsa-availablebalance {
display: inline;
font-weight: bold;
background-color: #efefef !important;
}
/* LOGIN PAGE BACKGROUND IMAGE */

.online-two-iso.login body {
background:url(/infineon/media/Media/Logo/login@2x.jpg) no-repeat;
background-size: cover;
background-position:bottom;
}

/*FONT AWESOME ICONS FOR NEED HELP LOGIN MODULE*/
#contactDetails:before {
    font-family: 'Open Sans', sans-serif !important;
    content: '\f095';
}
#emailDetails:before {
    font-family: 'Open Sans', sans-serif !important;
    content: '\f0e0';
}
/*STYLING FOR LOGIN MODULES*/
#login-module-clientLogo h2 {
    display: none
}
#login-module-clientLogo table td.clientTable {
    height: 90px;
    background: url(/benefitsadminuk2/media/MediaLibrary/aon-white-logo-trimmed.png) no-repeat right/contain;
}

/*CHANGING OPACITY OF LOGIN MODULE*/
.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
    background-color: rgba(0,0,0,.5);
}
/*CHANGING OPACITY OF LOGIN MODULE BANNER*/
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
    background-color:rgba(0,0,0,.5);
}
/*LOGIN BUTTON COLOUR*/
.online-two-iso.login .LoginPageContainer #login.btn.btn-primary {


}

/*COLOUR OF STRAPLINE TEXT ON LOGIN PAGE*/
#login-module-Strapline h1 {
color: #fff;
margin-left: 2em;
font-size: 4em;
}
   
/*LOGIN PAGE LOGO*/    
.isLoginPageWrapper #logo {
background: url(/infineon/media/Media/Logo/IFX_LOGO_RGB%20(1).png) no-repeat ;
position: relative;
float:right;
background-size: 85% 85% !important;
margin-right:21%;
margin-top:2%;
margin-bottom: -2%
    }


/*footer*/

.online-two-iso #footer div {
width: auto;
}
.online-two-iso #footer a{
color:#666666;
font-size:16px;
text-transform: none !important;
}

/*Hover color */

.bootstrap-iso .btn-default:hover{
color:#fff;
border:none;
}
.bootstrap-iso .btn-default.selected{
color:#fff;
border: none;
text-decoration: none;
}


/* Need assistance - cap*/
.help-ico A {
text-transform: capitalize;
}



/*hide from need assistance*/

#search-box .button search-btn
{
display: none;
}
.search{
display: none;
}

/* cap*/
#menu-no-dashboard li a, #menu li a, #menu-sub li a, .online-two-iso A.button-style.gray, .header-overlay A {
text-transform: Capitalize;
}
/* footer */
.online-two-iso #terminator #footer.footer-fullwidth {
background: white;}



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

/*To bold the amount */
#home-online-three #right-side .show-sensitive, #home-online-three #home-integrated .show-sensitive{font-weight: bold;}

/*Font Size*/
.ng-binding{font-size:16 px;}

/*Language button text*/
#links LI:first-child select#ddlLanguage
{
text-transform: Initial !important;
}

/* module content text size increase */
.ng-scope {font-size: 16px;

}

/* module content text alignment */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .module-copy {text-align: center;}

/* Benefit Statement alignment*/
.BenStatementimg{text-align: center;
margin-top: 20px;

}
.BenStatementimg img{max-width:60% !important;
height: auto !important;}


/* to make module header bolder */
.module-content-header-container h3.module-content-header {
font-weight: bold;
font-size: 24px !important;
font-family:'Open Sans', sans-serif;
text-align: center;}

/* Arrow Color*/

html#profile body#profile .profile #profile-online-2 P.sectionTitle.ng-scope{display:none;}
html#profile body#profile .profile #profile-online-2 P.sectionTitle {font-family:'Open Sans', sans-serif !important; font-size:24px; }
html#profile body#profile .profile #profile-online-2 HR{display:none;}
html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI A {font-size:18px !important;}
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A

a#personalTabControl{font-size:18px !important;}
#contactTab div.content-box-border p.sectionTitle.ng-binding{display:none !important;}

/*Need Assistance*/
.online-two-iso #terminator #header.header-fullwidth ul#assistanceItems, .online-two-iso #terminator #header.header-fullwidth #headerResources{float:center;}

/*Profile Page*/
a#profileTabControl.tab.ng-binding{display:none;}
#payrollTab .box-border .content-box-border P.sectionTitle.ng-binding{display:none !important;}
p.sectionTitledimmed.ng-binding{font-family:'Open Sans', sans-serif !important; font-size:24px; }
p.sectionTitledimmedLeft.ng-binding{font-family:'Open Sans', sans-serif !important; font-size:24px;}
.online-two-iso P.sectionTitledimmedLeft, .online-two-iso P.sectionTitledimmed{font-family:'Open Sans', sans-serif !important; font-size:24px; }
.online-two-iso P.sectionTitle{font-family:'Open Sans', sans-serif !important; font-size:24px;}
label.ng-binding{font-size:18px !Important;}
a#contactTabControl.tab.ng-binding{font-size:18px !important;}
a#workTabControl.tab.ng-binding{font-size:18px !important;}
a#dependantsTabControl.tab.ng-binding{font-size:18px !important;}
a#securityTabControl.tab.ng-binding{font-size:18px !important;}
html#profile body#profile .profile #profile-online-2 .box-left-bg{padding: 16px 16px 16px 16px;}


/*First Time User*/
.online-two-iso h1, .online-two-iso h2, .online-two-iso h3, .online-two-iso h4, .online-two-iso h5{font-size:24px; font-family:'Open Sans', sans-serif !important;}
.online-two-iso p{font-size:16px; font-family:'Open Sans', sans-serif !important;}
select.form-control{font-size:16px !important; font-family:'Open Sans', sans-serif !important;}
.online-two-iso label{font-size:18px !Important;}

/*************Font Family change **************/

.button,
.button-style,
.button-style.blue,
.button-style.gray,
.button-style.green,
.button-style.orange,
.cancel-button,
.form-data .cancel-button,
.form-data .cancel-button .button-style,
.form-data .edit-button,
.form-data .edit-button .button-style,
.form-data .edit-dependant,
.form-data .edit-dependant .button-style,
.form-data .remove-dependant,
.form-data .remove-dependant .button-style,
.form-data .save-button,
.form-data .save-button .button-style,
.htabs-container .checkout-button,
.save-button,
.ui-button,
.ui-button-text,
.ui-buttonset,
.ui-buttonset .ui-button,
.ui-state-active,
A.button-style.orange,
H1,
.online-two-iso h1,
H2,
H4,
button,
input[type=button],

input[type=submit],
.active-benefits .benefit-intro,.tile input,body,.online-two-iso .modal-large .modal-body,
textarea, .bootstrap-iso, .online-two-iso body,
.fsaClaimSubmitContainer .btn-primary

{
font-family: 'Open Sans', sans-serif !important;
}

    margin: 2px !important;
}


#header a:hover {
    
}
#links{
     padding-top:55px !important;
}
/*#menu-container{
    margin-top: -10px !important;
}*/
.benefit-matrix .benefitheader.benefitheader-border{
text-transform: none !important;
}
#resettodefaults{
    display: none !important;
}
#followup-items{
    float: right !important;
}
.in-Cart .cost P, .in-Cart .funded P, .benefitheader-fixed div #followup-items .btn-confirmchoice,
.modeller-links li a, .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, .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue,
.online-two-iso A.button-style.blue, .benefit-matrix .benefitdate, .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green, .online-two-iso A.button-style.green,
.benefitselect .products .box-border.sel .header
{
    text-transform: none !important;
    /*color: #fff !important;*/
}
.bootstrap-iso .glyphicon-cog::before{
    content: url(/starhub/media/Logo/aon-aspire-button-01.png) !important;
}

.bootstrap-iso .glyphicon-gift::before{
    content: url(/starhub/media/Logo/aon-aspire-button-02.png) !important;
}
.right-tab{
    display: none !important;
}
.left-tab{
    width: 60% !important;
}
.option-credit-health .option {
float: left;
width: 250px;
text-align: right;
color: black !important;

}
.option-credit-health .value{
width: 200px !important;
}
#TextBulletPoint UL
{
list-style-type: disc;
padding: 0 0 0 24px;
margin-top:0px !important;
}#TextBulletPoint{
    padding-left: 20px !important;
}
#TextBulletPoint UL li {
    padding-left: 20px !important;
}
#headerResources #links #user-div i{
    color: black !important;
}
#main.matrix .modal-dialog .confirmchoice ul li{
    padding: 0px 0px 0px 14px !important;
}
.online-three-module-popover-control{
display : none;
}

.btn{
    background-
border: none !important;
color: #fff !important;
}
.btn:active {
border: none !important;
color: #fff !important;
}
.btn:active {
border: none !important;
color: #fff !important;
}

#BenefitNameFilter .ng-binding{
    color: #fff !important;
}
.btn:hover, .benefit-matrix .benefitheader.benefitheader-border:hover{
    background-color: #9BC3B7 !important;
    border: none !important;
opacity: 0.7;
color: #fff !important;
}

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

.spendingaccountsTab-container .tabs UL LI.sel A:hover{
background : #9BC3B7 !important;
color: #fff !important;
}
#eoi_elected_costofbenefit{
    padding: 0px 70px 16px 0px !important;
    text-align: left !important;
}
#eoi_elected_ercontribution{
        text-align: left !important;
}.cost-right{
    text-align: right !important;
}
label{
    text-transform: none !important;
}
body{
    padding-top: 0px !important;
}

.sensitive-data-toggle .caption{
color: black !important;}

#wp-forgetPassword:hover{
    color: #fff !important;
    text-decoration: underline !important;
}
.modeller-links li a.checked, .online-two-iso .header-overlay, .online-two-iso A.button-style.blue{
    color: #fff;
    text-decoration: none;
background-color: #5EA290;
}
#header a {
    color: #5EA290  !important;
}
.benefit-matrix .benefitheader.benefitheader-border {
border: none !important;
padding: 8px;
margin-right: 4px;
display: inline-block;
float: none;
cursor: pointer;
color: #666 !important;
background-
/*border-radius: 20px !important;*/
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default{
    border-radius: 20px;
  border: none;
}
#assistanceItems{
    float: left !important;
    margin-left: 50px !important;
}

#home-online-three #home-integrated .module-content-header-container h3.module-content-header{
width: 100%;
}

/*Benefit Overview Line Images*/

/*Group Term Life*/
#overview-item-f089fb22-7195-4445-be9c-6bf84e8a32f1 .benefitIntroSummary .summaryImage .img{
background: url(/infineon/media/Media/Line%20Images/TL.jpg) no-repeat !important;
background-size: 100% 100% !important;
margin-top: 20px;

}
/*Group Personal Accident*/
#overview-item-48f2228c-cebb-476e-88c0-2a831883bc44 .benefitIntroSummary .summaryImage .img{
background: url(/infineon/media/Media/Line%20Images/PA.jpg) no-repeat !important;
background-size: 100% 100% !important;
margin-top: 20px;

}
/*Group Hospital & Surgical*/
#overview-item-46c03029-ab66-4a62-91a4-1a2b5eac406f .benefitIntroSummary .summaryImage .img{
background: url(/infineon/media/Media/Line%20Images/HS.jpg) no-repeat !important;
background-size: 100% 100% !important;
margin-top: 20px;

}
/*Group Major Medical*/
#overview-item-fe3c4685-ab4a-4d8b-a977-1c1c659d2504 .benefitIntroSummary .summaryImage .img{
background: url(/infineon/media/Media/Line%20Images/MM.jpg) no-repeat !important;
background-size: 100% 100% !important;
margin-top: 20px;

}
/* Login Page Registration Module */
#login-module-registration{display: none !important;}

/*For Spending Accounts */
#overview-item-b2c246e1-8a63-4b29-81dc-9dfce220eb3a .benefitIntroSummary .summaryImage .img{
background: url(/infineon/media/Media/Spending%20Account/FSA.jpg) no-repeat !important;
background-size: 100% 100% !important;
margin-top: 20px;
  }
  
#overview-item-e2d445a0-1cdf-4a34-8a1f-5f97a929b1bb .benefitIntroSummary .summaryImage .img{
background: url(/infineon/media/Media/Spending%20Account/SP.jpg) no-repeat !important;
background-size: 100% 100% !important;
margin-top: 20px;
  }

#overview-item-f6bff114-7684-4af9-a67c-1cf0460b4640 .benefitIntroSummary .summaryImage .img{
background: url(/infineon/media/Media/Spending%20Account/CDMP.jpg) no-repeat !important;
background-size: 100% 100% !important;
margin-top: 20px;
  }

#overview-item-b2c246e1-8a63-4b29-81dc-9dfce220eb5m .benefitIntroSummary .summaryImage .img{
background: url(/infineon/media/Media/Spending%20Account/MSA.jpg) no-repeat !important;
background-size: 100% 100% !important;
margin-top: 20px;
  }
.available-options .links-group.four-links, .seealso{
    display: none !important;
}
#header{
    background-color: #fff !important;
}
.online-two-iso.login .LoginPageContainer #header{
    background: none !important;
}
.benefitheader-border .glyphicon{
    top: 4px !important;
}
#TitleResetPassword{
    text-transform: none !important;
}
#flexClaimTitle{
    display: none !important;
}
.confirmagreementbtngroup label.btn{
    background-color: #999 !important;
}
.confirmagreementbtngroup label.btn.active{
    background-color: #9BC3B7 !important;
}
.middle-name{
    display: none !important;
}
.dependant-list .ng-pristine .dependant-list-item .row .dependant-cell {
text-align: center !important;
}
.dependant-list .ng-pristine .dependant-list-item .row .dependant-cell a{
margin: 0px !important;
}
.benefit-matrix .newbenefit, .benefit-matrix .changebenefit, .followup-collect-info, #followup-items-overlay .followup-header .tab-selector{
    display: none !important;
}
/*Select Button Hover color */
.benefit-matrix .row .btn-success:hover {
background-color: #9BC3B7 !important;
opacity: 0.7;
}
}
#menu0{
  Display: block;
  text-transform: Capitalize !important;
}
#menu2{
display: none!important;
}
#menu3{
display: none!important;
}
#menu4{
display: none!important;
}
#menu5{
display: none!important;
}

/* Submit My claim page > button color*/
.btn-lg{
background-color: #9BC3B7 !important;
}


/*Benefit Selection Page Line Images*/
/* Group Term Life */
.img.Lf089fb22-7195-4445-be9c-6bf84e8a32f1 {
background-image:url(/infineon/media/Media/Line%20Images/TL.jpg)!important;
background-size: 100% 100% !important;
margin-top: 25px;
}

/* Group Personal Accident */
.img.L48f2228c-cebb-476e-88c0-2a831883bc44 {
background-image:url(/infineon/media/Media/Line%20Images/PA.jpg)!important;
background-size: 100% 100% !important;
margin-top: 25px;

}

/* Group Major Medical */
.img.Lfe3c4685-ab4a-4d8b-a977-1c1c659d2504 {
background-image:url(/infineon/media/Media/Line%20Images/MM.jpg)!important;
background-size: 100% 100% !important;
margin-top: 25px;
}

/*  Group Hospital & Surgical */
.img.L46c03029-ab66-4a62-91a4-1a2b5eac406f {
background-image:url(/infineon/media/Media/Line%20Images/HS.jpg)!important;
background-size: 100% 100% !important;
margin-top: 25px;
}

.bootstrap-iso .btn-group > .btn:first-child{
background-color: #999 !important;
}

/* Benefit selection step 2 - "This product is in your cart" box text color */
.online-two-iso h2{
color: Black;
}
.benefitselect .products .sel.box-border .header
{background-color:#5EA290;}
.benefitselect .products .sel.box-border
{background-color:#5EA290 !important;}

/*"This product is in your cart" box - Plan name text color */
.product-info .description{
color: black !important;
}
/*Benefit Selection > View dependants - "View" text shift to right" */
.dependant-list .dependant-control {
float: right;
}

/*Benefit Selection > View dependants - Dependant home address details hide */
.online-two-iso .cell-md-12{
display: none;
}*/

/*Submit My Claim > Calendar color*/
.btn-sm {
background-color: #5EA290 !important;

}

.btn-default{
background-color: #5EA290 !important;

}

#navtablist1 {
display: none !important;
}

/*Confirm Choice "yes" button active color*/
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active
{ 
 background-Color: #5ea290 !important;
}

/*Manage claims page - Update Caption to "Benefit Year 2020"*/

.htabs-container .tabs UL LI.sel A{
  text-transform: none !important;
}

/* Hide date after selecting benefits page*/
div.benefitheader.asatdate {
  display: none !important;
}

/* Benefit Statement Page*/
div#dateFormat.input-group-addon.data-addon.benefit-datepicker-acceptedformat.ng-binding {
  display: none;
}


.benefit-matrix .benefitdate .data-addon {
  color: #5EA290;
  }
  
/*Customisation*/

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
  background-color: #fff;
  
  border: none;
  }

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
  Height: 100%;
  background-color: #f0f0f0;
  padding: 0.2rem;
  }
/* Module Header center align*/
h3.module-content-header ng-binding{
  text-align-last: center;
}
#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 {
  text-align: center !important;
  }
/* Spending Account module content center align*/
div.account.ng-scope {
  text-align: center;
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#make-a-claim .make-a-claim-copy .account-details {
text-align: center !important;
}

/*Carousel Image message alignment and button radius*/
.home-module-integrated #slider .sliderContainer .slide-content {
text-align: center;
}

.home-module-integrated #slider .sliderContainer .slide-content .content .btn {
border-radius: 20px;
  border: none;
}

/* to edit the benefit overview panel */
#benefit-overview #overviewAccordion .panel-default > .panel-heading
{ background-color: #5EA290;
}

/* Confirm Button */
.benefitheader-fixed div#followup-items a.btn
{ background-color: #5EA290 ;
}

/* Select Button */
.bootstrap-iso .btn-success
{ 
  Background-color: #5EA290 !important ; 
}

/* Warning Button */
.bootstrap-iso .btn-warning
{ 
  Background-color: #5EA290 !important ; 
}


/* ADD to cart Button */
.online-two-iso A.button-style.green
{ 
  background-color: #5EA290;
  color: #FFF;
}

/* Benefit selection, Select button */
.benefitselect .continue
{ 
  background-color: #5EA290 !important;
}

/* Dashboard Default color */
#home-online-three .dashboard-controls #greeting-message,
#home-online-three #home-integrated .module-content-header-container h3.module-content-header,
#current-option-in-cart,
.home-module-integrated .welcome-items .menu-header #selected-slide
{
  Color: #5EA290 !important;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager button::after 
{
color: #5ea290 !important;
}

.home-module-integrated .welcome-items .menu-header span.toggle-control .bar2
{
background-color: #5ea290 !important;
}
.home-module-integrated .welcome-items .menu-header span.toggle-control .bar1
{
background-color: #5ea290 !important;
}
.home-module-integrated .welcome-items .menu-header span.toggle-control .bar3
{
background-color: #5ea290 !important;
}


/* End Dashboard Default color */

/* benefit group And Claim SUmmary Button */
.group-default,
.section_title
{
  color: #5EA290 !important;
}

div.manage-claims-buttons,
div.make-a-claim-buttons
{
margin-bottom: 20px;
}
/* End benefit group And Claim SUmmary Button */

/* Benefit Overview --> Further info button*/
.bootstrap-iso .btn-info
{
  Background-color: #5EA290 !important;
}

/* Benefit Overview -->date picker*/
.bootstrap-iso .btn.online-two-datepicker
{
  Background-color: #5ea290 !important;
}

/* Benefit-matrix Selection panel*/
.benefit-matrix .benefit-category .panel-default > .panel-heading
{
  Background-color: #5EA290 !important;
}

/* View Dependent */
.dependant-list a.dependant-edit-btn span
{
  color: #5EA290 !important;
}

/* Manage dependent */
.online-two-iso .modal-normal a.tab-selector-link:hover, .online-two-iso .modal-normal .tab-selector-link.active
{
  color: #5EA290 !important;
  border-bottom: solid .5em #5EA290 !important;
}

h3.dependantModalHeader
{ 
color: #5EA290 !important;
}
/*ENd of manage dependent */

/* Cost and Balance */
.modeller-container .row-header
{
  color: #5EA290 !important;
}
h3.modellersModalHeader
{
  color: #5EA290 !important;
}
/*end of Cost and Balance */

/*Benefit overview Information tab header */
.online-two-iso .modal-large .tab-selector-link
 {
    color: #5EA290 !important;
}
.online-two-iso .modal-large .tab-selector-link:hover,
.online-two-iso .modal-large .tab-selector-link.active
{ 
 border-bottom: solid .5em #5EA290 !important;
}

#benefit-overview .benefit-overview-title H1
{
    color: #5EA290 !important;
}

/* END of Benefit overview Information tab header */

/* need assistance modules*/
#floating-header-content .call a,
#floating-header-content .mail a,
#floating-header-content .search input,
#floating-header-content .search-btn
{
 Display: None;
}

/* Forgot password */
h5#TitleResetPassword.forgot-password-controls.ng-binding.ng-scope
{
text-transform: none;
}

A.button-style.gray
{
 Background-color: #5ea290 !important;
}

/* End Forgot password */

/* Claim Buttons */
/*Print Button*/
button.btn.btn-info.claim-detais-print.ng-isolate-scope
{ 
 Background-color: #5ea290;
 border: none !important;
}
/*Edit button*/
button.btn.btn-primary.claim-details-edit.ng-scope.ng-isolate-scope
{
  Background-color: #5ea290;
  border: none !important;
}

button.btn.btn-lg.ng-isolate-scope
{
  Background-color: #5ea290 !important;
  Border: none;
}

/* End of Print Claim Button and edit button */

/* Confirm Choices yes button */
label.btn.btn-default.btn-lg.ng-valid.ng-not-empty.ng-dirty.ng-touched {
background-color: rgb(153, 153, 153) !important;
}

button#BenefitNameFilter.btn.btn-popup.dropdown-toggle {
background-color: #5ea290 !important;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-title
{
Color: #fff;
}
/* End Confirm Choices yes button */

/* white space above benefit selection*/
div.row.totalcost-section-row
{
Display: None;
}

/* select dependent info */
.election-info-collect .main-item.dependant-name-item 
{min-width:200px;}

/* Employer Contribution */
.funded 
{
 display:none
} 

/* EOi COst alignment */
.in-Cart .cost-right P
{
float: inherit !important;
}

/* symbol */
.in-Cart .cost
{
background: none;
}

/* To hide cost of benefit and employer contribution from temporary cover*/

div#nonePensionPercentSalaryTemporary.EOI_EmployerCost_Display.ng-scope
{
  display: none ;
}

/* To hide cost of benefit and employer contribution from Additional Pending Cover*/

div#nonePensionPercentSalaryAddtional.EOI_EmployerCost_Display.ng-scope
{
  display: none ;
}

/* To Align the submission date in claim summary page */

/*td.claim-submission-date.ng-binding.ng-isolate-scope 
{
  padding: 0px !important;
}*/
.FSAStatementAndHistoryContainer .row{
  padding: 0px !important;
  width: 101% !important;
}

ul.BenefitOverview {
  list-style-type: circle;
}
/* To hide employee name on MFA Auth page */
label#p_lt_zoneMain_TBS_MFAAuth_lblUserName.user-data{
    display: none;
}
  
/* To adjust width of Mobile no. country code dropdown on MFA Auth page */
  .mfa-option select{
    width: 27%;
}  

/* Minification failed (line 722, error number 1025): Expected comma or open brace, found '/' */