/*CLIENT CUSTOM CSS CODE HERE */
 
 /*LOGIN PAGE BACKGROUND IMAGE */
.online-two-iso.login body {
  background-image:url(/lumileds/media/Default/General%20Images/LoginPageBackground.jpg);
  }


#slider { display:None; }
#home-carousel{ display:None; }

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module {
  margin-left: 0px;
  }
H1 {color: #09c;}

/*Follow up Heading*/

#followup-items-overlay.online-followup-items #followup-items-title {

color: #4298b5;

}

#logo {
    background: url(/lumileds/media/Default/General%20Images/Lumileds-Logo.png) no-repeat 0% 100%;
    pointer-events: none !important;
    width: 260px;
    height: 60px;
    margin-left: -18px;
}


.bootstrap-iso .show {
  
      margin-right: 662px;
  
  }

/*Home Page My Current Choices*/

#home-module-benefit-statement .home-module-benefit-statement-content {
  
  vertical-align: middle;
margin-top: 25px;
  margin-left: 10px;
  
  
  }

}

/*Home Page Submit My Claims*/
#home-module-make-a-claim .make-a-claim-copy .make-a-claim-intro{
  
    font-size: 22px !important;
  margin-bottom: 10px;
margin-top: 68px !important;
  
  }

#home-module-make-a-claim .make-a-claim-copy {
  font-size: 22px;
    margin-top: 75px;
    
    }

  
#home-module-benefit-statement .benefit-statement-copy .benefit-statement-intro {
   
    margin-top: 23px;
    font-size: 22px;
  
  }

  
  

  /* Popup container */
.popup {
margin-left: -636px !important;
    cursor: pointer;
      height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  
  
      visibility: hidden;
    background-color: #f2f2f2;
    color: #666;
    text-align: left;
    border-radius: 0px;
    padding: 8px 0;
    position: absolute;
    bottom: 100%;
    float: left;
    overflow-y: auto;
    z-index: 10;
    padding: 20px;
  max-height: 325%;
  
  
    /*visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
  max-height: 195%;
  right: 0px;
width: 200%; */
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
} 

/*************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=reset],
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: Arial,Helvetica,sans-serif;
}


.benefit-matrix .benefitheader.asatdate span,.online-two-iso label

{
  color:#666;
}
.dependant-list .caption

{
  color:#666!important;
}
.bootstrap-iso #TextBulletPoint{
  color:#333;
  text-align: left;
}

body{color:#333!important;
}

#page-header h1 {
  
      margin-top: 1em;
}

.benefit-matrix .reschash-instruction {
  
  color: #666;
  font-size: 16px;
  
  }



/*#containerGlobal {
    background-color: #f5f5f5;
}*/
html .onlineTwoPointO-home #home-intro {
    text-align: center;
    padding: 20px 20px 20px 20px;
    margin: 0;
    color: #4f7a86;
    font-size: 30px;
    /*background-color: #f5f5f5;*/
}
.online-two-iso #header{    background-color: #ffffff;
}
h1,.bootstrap-iso h2,h2{
    font-size: 24px !important;
}
.no-spending-account .loading-error {    font-size: 20px;
}
.fsaClaimSubmitContainer .row {padding-top: 0em;
padding-bottom: 0em;}

/*#flexClaimTitle h1 {color: #ffffff;}*/
/*Welcome Text Color change*/

.onlineTwoPointO-home #home-intro
{
  
   color: #004F71;
}


LI.sel{

background-position: 50% -3110px !important;
}


/*Benefit Box*/

.header-overlay A.close ,.header-overlay A.close:hover,
h3.dependantModalHeader
{
  color:#fff;
}

.htabs-container .tabs-bg 
{
  
  margin-bottom: 15px;

}

/*Footer*/

.online-two-iso #footer a:hover, #f-nav li .text-feedback:hover:before,#f-nav li .text-terms-of-use:hover:before,
#f-nav li .text-privacy:hover:before,#f-nav li .text-online-security:hover:before,
#f-nav li .text-contact-us:hover:before
{
  color: #004F71; 
  text-transform : None;
  
}


.online-two-iso #footer a 
{
  color: #333; 
  }

/*
#f-nav 

{
    border-top: 2px solid #999 ;
    height: 64px;
    margin-top: 15px
 
}  

#f-nav 

{
  
   border-bottom: 2px solid #999;
  
}*/
  
@media only screen and (max-width: 750px) {
  #footer #f-nav{
        height: auto;
        margin-bottom: 0px;
    }
	
  }


/*Dep Remove text hover color*/

.dependant-list a.dependant-remove:hover 

{
  
  color:#888;
  
}

/*Claim Table setting*/

.fsaClaimSubmitContainer{
    padding-top: -2.2em;
    margin-right: 16em;
    margin-top: 3em;
}

.online-two-iso .webpartTitle 

{
    background-color: #4298b5  ;
    color: #fff;
}

/*Footer Left Border color*/  


#f-nav li 
{
	float:left;
	line-height:16px;
	width:16%;
	border-left: 1px solid #333;
}
	
#f-nav li:first-child
{
	border-left:none;
}	



	
#f-nav li a 
{
	display:block;
	height:13px;
	margin-left:1px;
	padding:11px 0 0;
	text-align:center;
 
}
  /*Footer Hover style*/
#f-nav li a:hover 
{
	    color:#004F71;
}
#f-nav li.firstChild a 
{
	margin-left:0;
}
#f-nav li.firstChild 
{
	background: none;
	border: none !important;
}
  
/*Footer Links Styling*/
#f-nav li .text-terms-of-use, #f-nav li .text-privacy, #f-nav li .text-online-security, #f-nav li .text-contact-us, #f-nav li .text-feedback 

{
         margin-right: 30px;
          color:#333;
}    
#f-nav li .text-terms-of-use:before 
{
    font-family: FontAwesome;
    font-size: 25px;
	content: "\f0f6"; 
    float: left;
    margin-left: 20px;
    color: #666 ;
}
  #f-nav li .text-terms-of-use:hover:before{color: #004F71;
  }
#f-nav li .text-privacy:before 
{
    font-family: FontAwesome;
    font-size: 25px;
	content: "\f21b"; 
    float: left;
    margin-left: 20px;
    color: #666;
}
#f-nav li .text-online-security:before 
{
    font-family: FontAwesome;
    font-size: 25px;
	content: "\f023"; 
    float: left;
    margin-left: 20px;
    color: #666;
}

#f-nav li .text-contact-us:before 
{
    font-family: FontAwesome;
    font-size: 25px;
	content: "\f0e0"; 
    float: left;
    margin-left: 20px;
    color: #666;
}
#f-nav li .text-feedback:before 
{
    font-family: FontAwesome;
    font-size: 25px;
	content: "\f0ec"; 
    float: left;
    margin-left: 20px;
    color: #666;
}
  
#f-nav li a span 
{
	display:block;
	float:left;
	cursor:pointer
}
	
/*Footer End*/

/*************************************************************** To change the Text transform *******************************************************/

#login-assistance .header-overlay H5,#menu li a,
#menu-sub li a,
.in-Cart .cost-left P,
.in-Cart .cost-right P , #menu-no-dashboard li a ,#followup-items-overlay label span,
#links a,
#pagecontent .htabs-container .tabs-title,
label,
span.label,#login-assistance .steps UL,.htabs-container .tabs UL LI A,#communicationPreferencesTab .ui-buttonset .ui-button .ui-button-text,
#marketingPreference .ui-buttonset .ui-button .ui-button-text,
#footer a.footerlink:first-letter,#current-benefits .in-Cart .cost P,
#current-benefits .in-Cart .funded P,
#page-header h1,
A.button-style,#current-benefits .in-Cart .you-pay H3,.in-Cart .you-chose H3,
.in-Cart .you-pay H3,.benefitselect .products .box-border.sel .header,
.rightsection H3,#session-expire-message .header-overlay H5,.ui-buttonset .ui-button .ui-button-text,
#login-assistance .header-overlay A,.header-overlay H5,.header-overlay A,
.your-beneficiaries .txt-beneficiaries H4,.products-header H4,.line-group H2,
.your-beneficiaries .txt-beneficiaries,html .benefit-matrix .benefitheader-fixed div#followup-items a.btn, 
html .benefit-matrix .benefitheader-fixed div#resettodefaults a.btn,html .benefit-matrix .benefitheader a,
html .benefit-matrix .benefitheader a:hover,#menu li a,
#menu-sub li a,.benefitselect H1,.benefit-matrix .confirm-checkout-button .btn-success,
.in-Cart .cost-left P,.btn,.benefit-matrix .group-default,.benefit-matrix .benefitdate,.bootstrap-iso .uib-datepicker .btn,
.in-Cart .cost-right P, #menu-no-dashboard li a, .in-Cart .cost P, .in-Cart .funded P, 
html .in-Cart .you-chose h3, html .in-Cart .you-pay h3,.bootstrap-iso .btn-warning, html .rightsection h3, html .benefitselect .line-name,#links a, #links span,.in-Cart .cost,.in-Cart .funded,
.bootstrap-iso .btn-primary, .bootstrap-iso .btn-info, .bootstrap-iso .btn-default, .bootstrap-iso .btn-warning, .bootstrap-iso .btn-success,.bootstrap-iso .btn-success:Hover,
.confirmagreementbtngroup label.btn,.perpayperannualbtngroup div.btn,.benefit-matrix .confirm-checkout-button .btn-success:hover,
#home-module-enrolment .enrollment-copy button,.online-two-iso A.button-style.blue,.benefit-matrix .benefitheader.benefitheader-border,
html #home-module-enrolment .home-module-enrolment-content .btn.btn-default,
html .module-content #home-module-benefit-statement .btn.btn-default,
html #home-module-content.module-content [class*="-buttons"] button,
html #home-module-content.module-content [class*="-buttons"] button,
html #home-module-content.module-content [class*="-buttons"] button,
.onlineTwoPointO-home .module-content [class*="-buttons"] button span,
.bootstrap-iso .uib-datepicker .btn-info.active,
.online-two-iso A.button-style.green,
.online-two-iso A.button-style.gray,#profile-online-2 span.label, #profile-online-2 label:not(.ui-button),
.modeller-links li a,.online-two-iso .success-link a.button-style,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green, .online-two-iso A.button-style.green,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue, .online-two-iso A.button-style.blue
{
    text-transform: None;
}


/*Buttons color*/

#communicationPreferencesTab .ui-buttonset .ui-button .ui-button-text,
#marketingPreference .ui-buttonset .ui-button .ui-button-text,
A.button-style,
.ui-buttonset .ui-button .ui-button-text,
html .benefit-matrix .benefitheader-fixed div#followup-items a.btn, 
html .benefit-matrix .benefitheader-fixed div#resettodefaults a.btn,
.benefit-matrix .confirm-checkout-button .btn-success,
.btn,.bootstrap-iso .uib-datepicker .btn,.bootstrap-iso .btn-warning, 
.bootstrap-iso .btn-primary, .bootstrap-iso .btn-info, .bootstrap-iso .btn-default, .bootstrap-iso .btn-warning, .bootstrap-iso .btn-success,
.confirmagreementbtngroup label.btn,.perpayperannualbtngroup div.btn,
#home-module-enrolment .enrollment-copy button,.online-two-iso A.button-style.blue,
html #home-module-enrolment .home-module-enrolment-content .btn.btn-default,
html .module-content #home-module-benefit-statement .btn.btn-default,
html #home-module-content.module-content [class*="-buttons"] button,
html #home-module-content.module-content [class*="-buttons"] button,
html #home-module-content.module-content [class*="-buttons"] button,
.bootstrap-iso .uib-datepicker .btn-info.active,
.online-two-iso A.button-style.green,
.online-two-iso A.button-style.gray,.benefit-matrix .benefit-category .panel-default > .panel-heading,
.online-two-iso A.button-style.green,
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active,
.bootstrap-iso .modal-header,
.btn-default,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue, .online-two-iso A.button-style.blue,
.fsaClaimSubmitContainer .btn-primary,
.fsaClaimSubmitContainer .btn-default,
.modal-footer .btn-default 
{
   background-color : #4298b5;
  
}

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

.fsaClaimSubmitContainer .btn-primary {
  
  border-color: #88AB57!important;
  }
  

.fsaClaimSubmitContainer .btn-default:hover,.modal-footer .btn-default:hover {
  
  background-color: #888!important;
border-color: #888!important;

  }


  
/*
html #home-module-enrolment .home-module-enrolment-content .btn.btn-default:hover,
html #home-module-enrolment .home-module-enrolment-content .btn.btn-default:focus,
html .module-content #home-module-benefit-statement .btn.btn-default:hover,
html .module-content #home-module-benefit-statement .btn.btn-default:focus,
html #home-module-content.module-content [class*="-buttons"] button:hover,
html #home-module-content.module-content [class*="-buttons"] button:focus,
#home-module-content.module-content [class*="-buttons"] button:hover,
#home-module-content.module-content [class*="-buttons"] button:focus,
html #home-module-content.module-content [class*="-buttons"] button:hover,
html #home-module-content.module-content [class*="-buttons"] button:focus
{
   background-color : #9EC862;
  border-color: #9EC862;
}*/
.onlineTwoPointO-home .modules .module.active i[class*="icon-"] {
  color : #4298b5 ;
  }
.online-two-iso .checkout-button A.button-style.blue:hover{
  
  background-color : #88AB57  !important;
   border-color: #88AB57 !important;
  /*box-shadow: 0 0 4px 2px #9EC862;*/
}
#confirm-replacement.overlay .checkout-button A.button-style.green{
    background-color: #4298b5 !important;
}
.bootstrap-iso .btn-warning:hover,
.online-two-iso A.button-style.gray:hover,
.bootstrap-iso .btn-warning .dependant-accept-btn:hover,
.bootstrap-iso .coverage-bottom .btn-warning:Hover,.bootstrap-iso .coverage-bottom .btn-warning:Focus,
  .online-two-iso #divAvailableDependants .checkout-button A.button-style.green:hover,
.online-two-iso .checkout-button A.button-style.blue:hover
{
  
  background-color : #888!important;
   border-color: #888;
}
.dependant-list-bottom .btn-warning:hover,.pull-right .btn-warning:hover,
.bootstrap-iso .btn-warning .dependant-cancel-btn:hover, 
.bootstrap-iso .coverage-bottom .btn-success:Hover,
#followup-items .btn-success:hover,#followup-items .btn-success:focus, #online2header .row .continue:hover, #online2header .row .continue:focus,
.bootstrap-iso .modeller-footer .btn-warning:hover,.bootstrap-iso .modeller-footer .btn-warning:focus,.online-two-iso  #changePasswordDisplay A.button-style.green:hover,
.online-two-iso  #btnSaveAnswer A.button-style.green:hover,
.online-two-iso .checkout-button A.button-style.green:hover,.online-two-iso .checkout-button A.button-style.green:focus,
.modeller-footer .modeller-close-button.btn-warning btn:Hover,.modeller-footer .modeller-close-button.btn-warning btn:Focus,
.bootstrap-iso .modal-large .modal-controls .btn-warning:hover,.bootstrap-iso .modal-large .modal-controls .btn-warning:focus,
.bootstrap-iso .modal-large .modal-controls .btn-warning:active{
  
  background-color : #88AB57  !important;
   border-color: #88AB57 !important;
  /*box-shadow: 0 0 4px 2px #9EC862;*/
}
.online-two-iso #divAvailableDependants .checkout-button A.button-style.green:hover
{
  
  background-color : #88AB57!important;
   border-color: #88AB57;
}

.benefitselect .glyphicon-folder-open:before {content:"\e086";
font-size: 18px;}
.benefitselect .line-benefit-intro .glyphicon-info-sign-color  {    display: none;
}
.benefitselect .glyphicon-folder-open {color: #004F71;}
.bootstrap-iso a {color: #004F71;}

  
/*removed !important*/
.bootstrap-iso .btn-success:Hover,
.confirmagreementbtngroup label.btn:hover,
.bootstrap-iso .btn-primary:hover,
.bootstrap-iso .btn-primary:focus,
.online-two-iso A.button-style.blue:hover
{
 background-color :#88AB57;
  border-color: #88AB57;
  
}
#login.btn-primary:focus,#login.btn-primary:focus,#login.btn-primary:hover, .covered .checkout-button .btn:Hover,.covered .checkout-button .btn:Focus {
 background-color :#88AB57 !important;
  border-color: #88AB57 !important;
  
}
.online-two-iso #exit-confirm #exit-cancel A.button-style.blue:hover,.online-two-iso #exit-confirm #exit-cancel A.button-style.blue:Focus{
 background-color :#888888;
   border-color: #888888;
  
} 

/*Headings Color*/

/*H1,H2,H3,H4,H5,
.online-two-iso h1, .online-two-iso h2, .online-two-iso h3, .online-two-iso h4, .online-two-iso h5

{
  color: #004F71;
  
}*/

.bootstrap-iso .modal-header,
.confirmagreementbtngroup label.btn,.confirmagreementbtngroup label.btn:hover,.confirmagreementbtngroup label.btn:focus{
  
  color: #ffffff;
  
  }
  

.benefit-matrix .group-default {
    background-color: #f5f5f5;
    color: #004F71;
    border-color: #ddd;
}

/*The confirm button was showing capital on selected without !important*/
.bootstrap-iso .btn-success,.bootstrap-iso .btn-success:Hover,
.confirmagreementbtngroup label.btn,.perpayperannualbtngroup div.btn,.benefit-matrix .confirm-checkout-button .btn-success:hover{
    text-transform: None !important;
}
.steps .sel,#content .info .info-links UL LI A {
    text-transform: None;
}

/*To hide search button*/
  #floating-header-content .search { display: None;
  }

/*TO SHOW BULLET POINTS*/
div#TextBulletPoint UL
 {
    list-style-type: disc;
padding: 0 0 0 30px;}
  
.benefit-matrix .benefitheader.benefitheader-border {
  
  border: none; }

.bootstrap-iso .close {
  
  color : none ;
  
  }
  
/*Home Page Modules Images*/

.onlineTwoPointO-home .module-content #home-module-enrolment {
  
  background-image: url(/lumileds/media/Default/HomePageModules/section-panel-01.jpg); }




/*Home Page Modules Button alignment*/


/*BUTTON ALIGNMENT (Bug 786380:Button Alignment on adjusting screen size)*/
/*html #home-module-enrolment .home-module-enrolment-content .btn.btn-default,
html .module-content #home-module-benefit-statement .btn.btn-default,
html #home-module-content.module-content [class*="-buttons"] button,
html #home-module-content.module-content [class*="-buttons"] button,
html #home-module-content.module-content [class*="-buttons"] button
{
position: absolute;
left: 0;
top: 170px;
margin-left: 900px;
width: 200px;
color : #ffffff;
background-color : #4298b5 ;
   
}*/

/*Profile page changes*/

#profilecontainer .htabs-container,
#profilecontainer .content-box-border,
#profilecontainer .box-left-bg,
#profilecontainer .box-border-bg,
#profilecontainer .htabs-container .tabs UL LI.sel A,
#profilecontainer .htabs-container .tabs UL LI A,
#profilecontainer .htabs-container .tabs UL LI

{
  
  background : None ;
  
}



#profile-online-2 .box-left-bg {
    background: #f5f5f5;
    padding: 26px 26px 26px 26px;
    float: left;
}
  

/*#profile-online-2 .htabs-container .tabs-bg

{
  
  padding-left: 100px;
  
  }*/

#profile-online-2 #profilecontainer .htabs-container .tabs UL LI 

{
  
  margin-left: 0px;
  
  padding:  0 12px 0 12px;
  
  }
#profile-online-2 .htabs-container .tabs UL LI A {width: 120px;  }

#profile-online-2 .htabs-container 

{
  
  padding: 6px 0 0 0;
  
}

.htabs-container .tabs UL LI A 

{
  
  outline: 0;
  
}

#profile-online-2 #profilecontainer .content-box-border .row .grid-cell P 
{

  width: 50%;
  
}

span.label 

{
  
background : None;
}  

/*Benefit Overiew Page changes - Fix for Benefit Overview page sub-item menu */

#overviewcontainer .subheader.htabs-container .tabs-bg {
    background-position: left -1050px;
}
#overviewcontainer #content #subTabs .subheader.htabs-container,
#overviewcontainer #content #subTabs .subheader.htabs-container .tabs-bg,
#overviewcontainer #content #subTabs .subheader.htabs-container .tabs,
#overviewcontainer #content #subTabs .subheader.htabs-container .tabs .anythingSlider.anythingSlider-default,
#overviewcontainer #content #subTabs .subheader.htabs-container .tabs .anythingSlider.anythingSlider-default .batchslide.anythingBase.horizontal,
#overviewcontainer #content #subTabs .subheader.htabs-container .tabs .anythingSlider.anythingSlider-default .batchslide.anythingBase.horizontal li.batchslideitem.panel{
    height: 50px !important;
}
#overviewcontainer #content #subTabs .subheader.htabs-container .tabs .anythingSlider.anythingSlider-default .batchslide.anythingBase.horizontal li.batchslideitem.panel a{
    padding: 0px 45px;
}



/*Font changes on whole site*/




.bootstrap-iso small 
{
  
  font-size: 100%;
}



/* SELECTED COLOUR FOR MAIN NAVIGATION ITEMS AND HEADINGS ON LINE SELECTION PAGE */
.online-two-iso #menu-no-dashboard li a,
.online-two-iso #menu-no-dashboard li a.selected,
.benefitselect .line-name,
.glyphicon.glyphicon-info.glyphicon-info-sign.glyphicon-info-sign-color,
.benefitselect .header-selected,
.you-pay h3 p,#menu-no-dashboard li a, #menu li a, #menu-sub li a,
#linedata h1

{
  color: #004F71;
  }

.benefitselect .linename > a,
.benefit-matrix .lineheader > a:link {
  
  color: #0099CC;
  
  }

  
  

.benefit-matrix .lineheader > a:link:Hover,
.benefitselect .linename > a:hover{
   color: #88AB57;
  text-decoration: none;
  }

  
html #menu-container {
    margin:0;
    min-height: 29px;
    /*padding:13px 20px 0 198px;                          
    background-image: none;*/
    background-position: 23px center;
    background-repeat: no-repeat;
    background-size: 150px 30px;}


html .bootstrap-iso .glyphicon-off:before {
  content:"\e031";
  display: inline-block;
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

html .bootstrap-iso .glyphicon-cog:before {content:url(/lumileds/media/Default/General%20Images/aon-aspire-button-01.png);}
html .bootstrap-iso .glyphicon-gift:before {content:url(/lumileds/media/Default/General%20Images/aon-aspire-button-02.png)}
html .bootstrap-iso .glyphicon-refresh:before {content:url(/lumileds/media/Default/General%20Images/aon-aspire-button-03.png);}


.see-also .img.Lef13a6d6-b714-4351-8687-e9f4589e4382,
.see-also .img.Lb1eaa0d1-dcf4-4456-bf81-99bbbda0dc45,
.see-also .img.Lf2fdfe94-ce3a-4170-a070-cf522d0bedff,
.see-also .img.L1bd6e14e-5019-4dbe-8682-f86cb2817c2f,
.see-also .img.L786fbcb2-02a8-47e2-8c4d-e7322f9be3b8,
.see-also .img.Ld6998922-fc61-4300-8f83-f5e31d6f8dff,
.see-also .img.L09fcc19e-58e0-49f7-af31-d571a04c348f,
.see-also .img.L414a86c8-0321-471a-be53-00cb8cdfc933,
.see-also .img.L5c585bc1-dc68-43a6-885d-a0f1decad3d7,
.see-also .img.Lc5a4e744-2db5-4157-ba5e-63e26e2ff936,
.see-also .img.Lfa0fcb24-3891-4033-8c01-7073e448f1a4,
.see-also .img.Lb49b45d1-24d4-4d1a-835a-09aedd5b6fe0,
.see-also .img.L940718bf-a279-42bb-a82e-7cf7d9c73195,
.see-also .img.L495ef50e-15f4-426e-9ae8-1c0224f9c428,
.see-also .img.Lc8df30fb-927d-46e5-b2e8-a7fcfdac3713,
.see-also .img.Lfc0f4af8-3cd8-4cf1-83c7-630069ba87cd,
.see-also .img.L89288846-807a-410d-a089-eda7371c8818,
.see-also .img.Lafa7e8a2-837e-4956-a1cd-89b25ca2e39c,
.see-also .img.Ld52224d4-96ad-4211-bf7e-f89f47269b3e{
  height:54px;
  width: 82px;
  background-size: contain;
  }



/*********************DISABILITY IMAGE**********************/
.img.L09fcc19e-58e0-49f7-af31-d571a04c348f:after {
  display: inline-block;
font-family: FontAwesome;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f193";
padding-right:10px;
padding-left:10px;
font-size:100px;
color: #9b4493;
}

/*********************Annual Leave**********************/
.img.L5f966361-f607-47a7-a9f2-aeea21a0942e {
  background-image:url(/lumileds/media/Default/Benefit%20Images/AnnualLeave.jpg);
}


/*********************Transport Allowance**********************/

.img.L5b9d00a8-786a-437d-8815-b84f4f599fe0 {
  background-image:url(/lumileds/media/Default/Benefit%20Images/Transport.jpg);
}

/*********************Biennial Medical Examination**********************/

/*.img.Lbbda28b3-e155-4a22-bd5f-0af211424d6a {
  background-image:url(/lumileds/media/Default/Benefit%20Images/AnnualLeave.jpg);
}*/

.img.La4068577-3331-4199-98bc-4478d454bc0f {
  background-image:url(/lumileds/media/Default/Benefit%20Images/AnnualLeave.jpg);
}


/*LOGIN PAGE*/
.LoginPageContainer #wrapper #header{
  background: none ;
  }


/* Benefit Overview Alignment*/
.htabs-container .tabs UL LI A {
    line-height: 12px ;
}


.see-also .benefit-menu .img.Lf233be69-6005-43e5-988e-e07f10966444{
    height:54px;
    width: 82px;
    background-size: contain;
}

  

/* disablity */
.benefit-menu .img.Lf4fa21f9-11d9-438a-a875-58b9e8067c8fafter {
  display: inline-block;
font-family: FontAwesome;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f193";
padding-right:10px;
padding-left:10px;
font-size:100px;
color: #9b4493;
}


/** set background images for home page modules **/
/** GBS module : make a claim **/

html .module-content #home-module-make-a-claim {
    background-position:center center; background-size:cover; height:400px;
    background-image:url(/lumileds/media/Default/HomePageModules/section-panel-05.jpg) !important; background-repeat:no-repeat;     
    }
    
html #home-module-make-a-claim .home-module-make-a-claim-content {color:#ffffff;}
html #home-module-make-a-claim .make-a-claim-copy {text-align:left; color:#ffffff; padding-top:40px;}

/** GBS module : manage claims  **/

html .module-content #home-module-manage-claims {
    background-position:center center; background-size:cover; height:400px;
    background-image:url(/lumileds/media/Default/HomePageModules/section-panel-06.jpg)!important; background-repeat:no-repeat;     
    }
    
html #home-module-manage-claims .home-module-manage-claims-content {color:#ffffff;}
html #home-module-manage-claims .manage-claims-copy {text-align:left; color:#ffffff; padding-top:40px;}

/** set background images for home page modules **/
/** APAC module : manage my account **/


    
html #home-module-account .home-module-account-content {color:#ffffff;}
html #home-module-account .account-copy {text-align:left; color:#ffffff; padding-top:40px;}


    
html #home-module-generic .home-module-generic-content {color:#ffffff;}
html #home-module-generic .generic-copy {text-align:left; color:#ffffff; padding-top:40px;}

/********FIX LAYOUT OF FUND ALLOCATION TABLES******************/
TABLE.FundAllocationTable{
    width:auto;
}
.FundAllocationTable .row:before {
    content: normal
}

/*Ensure the labels in the 'in your cart' container all float left on separate lines*/
.selected-coverage,
.selected-plan {float:left; clear:both; width:auto !important;}

.employerFundingCart .funded.percent,
.employerFundingCart .cost.percent {padding-top:0px;}

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
  .option-credit-health,
  .content-option-credit-health,
  .product-amount .block-slider {
    width:100%;
  }
  
  .in-Cart {position:relative;}
  .in-Cart .you-pay {position:absolute; top:5px; right:0px;}

  .benefitselect .in-Cart .you-pay H3{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    font-weight:200;
    }
  
  .you-pay h3 p {color: #333;}

  .employerFundingCart .funded.percent,
  .employerFundingCart .cost.percent {
    width: 100%;
    text-align: left;
    margin-left: 5px;
    margin-top:5px;
    }
  
  .employerFundingCart .cost,
  .employerFundingCart .funded {background-image:none;}
  
  .matrix .bootstrap-iso .glyphicon-info-sign:before {content:none;}
  
  .benefit-matrix.bootstrap-iso .row.totalcostsection {padding-left:7px; padding-right:11px;} 
  
  div#benefitIntro.overlay {overflow:scroll;right:5px;}
  
 }
#profilecontainer #headerTabs .preference{
    display: none;
}
.online-two-iso.login .LoginPageContainer .input-group .input-group-addon,.bootstrap-iso .password-container .input-group-addon:first-child {
   
    text-align: left;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module{    text-align: left;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-title  {  color: #fff;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module {   width: 50%!important;
      margin-left: 515px;
}
  
}
#login-assistance .header-overlay H5,.dependantModalHeader,.online-two-iso .header-overlay h5,.benefit-matrix .benefitheader a,.benefit-matrix .benefitheader SPAN,
h3.modellersModalHeader{
    color: #FFFFFF;
}
.modeller-links li a.checked {    background-color: #004f71;
}
.benefit-matrix .benefitdate .data-addon {color: #004f71;}
.bootstrap-iso {    color: #666;
}
.online-two-iso .slider {background-color: #666;
}
LI.spending.sel{
    background-position: 50% 0px !important;
}


@media only screen and (min-width: 750px) {
/*.fsaClaimSubmitContainer.container {
      margin-left: -80px;
}
  }
.fsaClaimSubmitContainer.container {
      margin-left: -80px;
}
  For the allignment of claim submission page
  */
@media only screen and (min-width: 1200px) {
.container {
    width: 1100px;
}
}
.benefit-matrix .modal-content .benefitheader {
    color: #ffffff;}

.bootstrap-iso .alert {margin-left: 14px;
  width: 1161px;}
  

@media only screen and (max-width: 750px) {
    html #home-module-enrolment .home-module-enrolment-content .btn.btn-default{ margin-left: 0px !important;
}
}

.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger {
    background-color: #c9302c;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info {
    background-color: #31b0d5;
}

.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success {
    background-color: #449d44;
}

/* Container for popups*/
.cookie-popup, .terms-popup, .data-popup, .login-popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Popup*/
.cookie-popup .cookie-popuptext, .terms-popup .terms-popuptext, .data-popup .data-popuptext, .login-popup .login-popuptext {
    visibility: hidden;
    background-color: #EBEFEE;
    color: #000;
    text-align: left;
    border-radius: 0px;
    padding: 8px 0;
    position: absolute;
    bottom: 100%;
    float: left;
    overflow-y: auto;
    z-index: 10;
    padding: 20px;
}

.bootstrap-iso .col-xs-4 {    margin-left: 110px;
}

.benefitselect .links-group.four-links A {    display: none;
}
.employerFundingCart .cost {    display: none;
}
h3.modellersModalHeader,.ui-buttonset .ui-button .ui-button-text {
    color: #ffffff;
}
#HeaderColorAON body{
    color: #333333;
}
#page-header h1,.online-two-iso .validation-caption,.benefit-matrix .group-default{
    color: #333333;
}

#passwordResetStep1IntroText #div_IntroText_Step1{
    color: #333333!important;
}
.online-two-iso h1 {color: #333;
    font-weight: normal;
}
.onlineTwoPointO-home .modules .module i[class*="icon-"] {font-size: 60px;}
.onlineTwoPointO-home .modules .module span.module-label {font-size: 20px;}
.onlineTwoPointO-home .modules .module i[class*="icon-"],#profile-online-2 .htabs-container .tabs UL LI A,
#profile-online-2 span.label, #profile-online-2 label:not(.ui-button),.benefit-matrix .benefitheader{color: #666666;}
#profilecontainer .htabs-container .tabs UL LI, #overviewcontainer .tabs UL LI,
#profilecontainer .htabs-container .tabs UL LI A, #overviewcontainer .tabs UL LI A{
    width: 160px;
}
.htabs-container .tabs UL LI.sel STRONG,#profilecontainer .htabs-container .tabs UL LI.sel STRONG, #overviewcontainer .tabs UL LI.sel STRONG {
    background: None;
}
.online-two-iso #intro h1 {
    color: #09c;
    font-weight: normal;
}
.htabs-container .tabs UL LI.sel A {color: #09c;}
a.button-style:focus, A.button-style:hover {
    box-shadow: None;
}
.bootstrap-iso .modal-dialog h3{
    margin-top: 0.4em;
padding-left: 2px;
    font-size: 18px;}
.bootstrap-iso h3, .bootstrap-iso .h3 {
    font-size: 21px;
}
#confirm-replacement .header-overlay H5,.header-overlay H5 {padding: 6px 0 0 10px;
font-size: 16px;}
#login-assistance .header-overlay A {padding: 28px 25px 5px 0;}


#content .info #overview {
    background: none;
}

@media only screen and (min-width: 750px)
  {
  .value .green-number.PerPay {
    margin-left: -15px;
}
}

@media only screen and (max-width: 750px)
  {
  .value .green-number.PerPay {
    margin-left: -25px;
}
}

.onlineTwoPointO-home .modules .module span.module-label {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    margin-top: 5px;
  
  }

html .onlineTwoPointO-home .modules .module.active:after {margin: 0 auto; position: relative; left: 0;}
html .onlineTwoPointO-home .modules .module {text-align: center;}

.onlineTwoPointO-home .module-content {
  
  padding-top: 10px;
  
  }

.online-two-iso .modal-normal .close {

margin-top: 6px;

}
/*Confirmation button*/
.benefit-matrix .modal-footer #confirmation-buttons .btn-default  {  background-color: #ffffff;
    color: #666666;
}
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active  {  background-color: #4298b5 !important;
    color: #ffffff;
}
.benefit-matrix .modal-footer #confirmation-buttons .btn-default:hover  {  background-color: #88AB57;
    color: #ffffff;
}
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active:hover  {  background-color: #4298b5 !important;
    color: #ffffff;
}

.bootstrap-iso .modal-header .close {
    margin-top: 0px;
}
.benefit-matrix .modal-normal .modal-header .close{
margin-top: 6px!important;}
.bootstrap-iso a:focus {outline: none!important;}
.onlineTwoPointO-home .module-content #home-module-benefit-statement {
    background-image: url("/lumileds/media/Default/HomePageModules/section-panel-02.jpg");
}
.benefitheader-fixed  {
    top: 113px !important;
}

#overviewcontainer .subheader.htabs-container.htabs-container .tabs UL LI A.activelink {
  color: #09c !important;
  }

.content-option-credit-health {
    float: right;
    width: 248px;
  }

.option-credit-health .option {
    float: left;
    width: 177px;
    
    }
    
    
    .option-credit-health {
    padding-left:0px;

}



.option-credit-health .option.sel,
.option-credit-health .value.sel {
  
  font-size: 14px; 
  
  }


.login-frst-time .row-postion {
   
    color: #333;
}

   .claimSubmittedHeader {
    
    background-color: #4298b5;
    
    }
    

  #content .info .info-text {
    padding: 12px 40px 0 12px;
  
  }
  
  
      .online-two-iso .row .grid-cell {
    min-height: 0em;
    margin-bottom: 2em;
}


.table-bordered > thead > tr > th {
    border-bottom-width: 20px;
}


@media only screen and (min-width: 750px) {

#content .info .info-text {
    padding-top: 25px ;
}
}





.img.Le5c2c73a-ec74-4ca3-a6cd-723a0e8d59ae {background-image:none;}




.img.Lf0578521-ab46-4041-babf-e7b328f53087 {background-image:none;}

.img.Lafebe575-b176-42e8-8638-e34476658657 {background-image:none;}

.img.La9b51e25-4670-4624-8bd7-da6dd7f056bf {background-image:none;}

.img.L2d3fe3e3-849f-4fef-b10f-746b75d13095 {background-image:none;}

.img.L84a3c83d-b13c-44ee-9efc-a70e1ed106c7 {background-image:none;}





.benefit-matrix #benefitintroOverlay {
    height:480px;
    width: 990px;
  max-width: none!important;
}  

.benefitselect .benefit-menu .img {
    width: 180px;
    height: 130px;
    float: left;
}


#TableCenter table {
  
  text-align: center;
  
  }

.tbs-module-pager .tbs-pager-content .title {
    font-size: 32px;
}


.online-two-iso .steps-zone {
  
width: auto;
  
  }


/* Hide : Add this dependant to all benefits */
/*Hide dep edit box*/
/*
.dependant-cell.add.cell-md-6.is-auto-add.ng-scope
 {display: none;
}
*/

.dependant-list-top a.dependant-add-link {
  display: none;
}


.dependant-list a.dependant-edit,.dependant-list a.dependant-remove{
  display: none;
}

/* SR - Coding to hide the Dependants Covered? section of the Manage Dependants popup */
	.modal-dialog.modal-normal .modal-content .tab-header li.right-tab a.tab-selector-link.ng-isolate-scope{
		display: none;
	}
	.modal-dialog.modal-normal .modal-content .tab-header li.left-tab {
		width: 100%;
	}
	.modal-dialog.modal-normal .modal-content .tab-header li.left-tab a.tab-selector-link.ng-isolate-scope{
		width: 100%;
	}

/*To change the height of the validation pop up */
    #validationError-overlay.overlay  {   height: 370px;
    }

.online-two-iso .modal-normal .tab-selector-link.inactive {
    color: #666666;
}
 .online-two-iso .modal-normal .tab-selector-link.active {    border-bottom: none!important;
}

.box-left-bg.tabpanel{
    background: none;
  }


/*Login page background color change */

.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body,
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules
{
  
  background-color: rgba(0, 0, 0, 0.5)!important;
  
  }


#EmployeeNameDisplayThird,#EmployeeNameDisplayFourth{
  
  display:none!important;
  
  }



#payrollTab .space-bar {
	display: none !important;
}


#payrollTab p.sectionTitle {
  
  display:none!important;
  
  }


#contactTab p.sectionTitle {
  
  display:none!important;
  
  }

.dependant-list-bottom .btn-warning:focus {
  
  background-color: #88AB57 !important;
  
  }


/*Cost Section Changes*/
  
.option-credit-health UL LI {
    padding: 2px 0;
    float: right;
    width: 300px;
    
    }
    
 /*Cost Section Changes*/  
    
.option-credit-health .option {
    float: left;
    width: 183px;
    }
  
.option-credit-health .value {

    width: 65px;
  
  }


/*Hide the extra fields from Dep section*/
.dependant-list-item .dependant-cell.homeadress1, 
.dependant-list-item .dependant-cell.homeadress2,
.dependant-list-item .dependant-cell.homeadress3,
.dependant-list-item .dependant-cell.homecity,
.dependant-list-item .dependant-cell.dependant-postal-code,
.dependant-list-item .dependant-cell.dependant-country,
.dependant-list-item .dependant-cell.cell-md-6.middle-name
{
    display: none;
}

#Attachment Li a {
    padding-left: 10px;
}

#claimItemBreakdownDetail .form-group{
    display: none;
}
  .fsaClaimSubmitContainer #Submit .btn-default{
    color: #ffffff;
}


#home-module-enrolment .enrollment-copy .cal {
    background-image: url(/lumileds/media/Default/General%20Images/cal.png) !important;
    width: 24px;
    height: 22px;
}

.online-two-iso .modal-large .tab-selector-link.active,
.online-two-iso .modal-large a.tab-selector-link:hover  {
	border-radius: 10px 10px 0px 0px;
	color: #4298b5;
	background-color: #fff;
	padding-top: 5px;
	border: none;}
.online-two-iso .modal-large a.tab-selector-link {
	color: #fff; padding-top:5px;}
.online-two-iso .modal-large .tab-header {
	background-color: #4298b5;}
html .bootstrap-iso .modal-large .glyphicon-remove:before {
	color: #fff!important;}

.online-two-iso .modal-large .tab-selector-link.active, .online-two-iso .modal-large a.tab-selector-link:hover  {
	color: #333;}
.online-two-iso .modal-large a.tab-selector-link {
	color: #fff;}
.online-two-iso .modal-large .tab-header {
	background-color: #4298b5;}
html .bootstrap-iso .modal-large .glyphicon-remove:before,
.back span {
	color: #fff!important;}

.online-two-iso .benefit-matrix .modal-large .close {margin-right: 20px;
margin-top: 16px;}
/*
.bootstrap-iso.benefit-matrix.ng-scope .glyphicon-info-sign::before{
  font-family: "chevin_stdbold";
  font-size: 12px;
  padding: 4px;
  border-radius: 4px;
  content: "More Info";
  background-color: #0099CC;
  color: #fff !important;
}
*/
.online-two-iso .modal-large .modal-body,.followup-item-collect, .followup-collect label{
    color: #333;
}
.benefit-matrix .modal-large .tab-body a,.followup-collect-content a, .followup-collect a,.online-two-iso .modal-large h1{color: #09c;}
.benefit-matrix .modal-large .tab-body a:hover,.benefit-matrix .modal-large #tab-body a:focus,
.followup-collect-content a:hover,.followup-collect-content a:focus,.followup-collect a:hover, .followup-collect a:focus{color: #ff5c00;}
/*To hide the button from follow up section */
.benefitselect .followup-collect-controls{
    Display: none;
}

/*************To hide Undo button from site from benefit matrix page ************/
.benefitheader-fixed div#resettodefaults a.btn {    display: none;
}

.dependant-list .according.dependant-edit-btn {    padding-left: 190px;
  font-size: 1em;
}
/*To hide the cost for annual leave */

#lineid_5f966361-f607-47a7-a9f2-aeea21a0942e.in-Cart .you-pay{display: none;
} 
/*To hiode manage dep*/
.benefit-matrix .btngroup .benefitheader.benefitheader-border {
    display: none;
}


.onlineTwoPointO-home .modules .module.AonCare span.module-label{width: 100%;
    height: 30px;
  font-size: 18px;
} 

.onlineTwoPointO-home .icon-two-point-o-home-module-star::before

{
    font-family:FontAwesome;
    content:"\f0f0";

}
.onlineTwoPointO-home .module-content #home-module-generic {
    background-image: url("/lumileds/media/Default/HomePageModules/Car_to_change.jpg");
}

/*To hide election section from TPA*/
.subtitle-election, .spent-on-election, .pending-on-election,.pending-on-eoi-election {
    display: none;
}

/* To Hide Cost to you section*/

.benefitselect .in-Cart .you-pay H3,.benefitselect .in-Cart .you-pay P SPAN.green-number {
display: none;
}
.onlineTwoPointO-home .module-content #home-module-generic
{

background-image: url("/lumileds/media/Default/section-panel-02.jpg");
  
}

#home-module-generic .ng-scope
{

font-size: 22px !important;
font-weight: 400;
color: #fff !important;
background-color: transparent !important;
}
#home-module-generic .ng-class
{
padding-top: 40px !important;
  }

/* ============   Temp For FSA Statement Page   =============== */
.FSAStatementAndHistoryContainer .claimant{
    width:120px;
} 

.FSAStatementAndHistoryContainer .claim-number{
    width:100px;
}

.FSAStatementAndHistoryContainer .claim-description{
    width:260px;
}

.FSAStatementAndHistoryContainer .claim-description{
    width:260px;
}

.FSAStatementAndHistoryContainer .claim-table{
    table-layout:fixed;
    word-wrap:break-word;
}
 
#floating-header-content .call { display: None;
  }
#floating-header-content .mail { display: None;
  }
 
  /*To hide see also option from benefits election page*/ 
  .seealso.ng-scope {
    display: none;
}
/* To Capitalize the profile page label*/
  #profile-online-2 label
{
	text-transform:  capitalize !important;
}
 /* Benefits by Date format hidden*/ 
  
  .bootstrap-iso .input-group-addon:not(:first-child):not(:last-child)
{
  display:none;
}
 
/* 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 1094, error number 1019): Unexpected token, found '}' */