/*CLIENT CSS HERE */
.pictext a {background-color: black; color: #fff;} /*used in wall of fame page*a/

 
 /*LOGIN PAGE BACKGROUND IMAGE */
.online-two-iso.login body {
  background-image:url(/trpref/media/media/HomeImages/Corporate-innovation.jpg);
  }

#fakeimg img:hover {
    transform: scale(2.5);
}
.fakeimg img:hover {
    transform: scale(2.5);
}
#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;

}

/*
.LoginPageContainer #logo{background: url(/trpref/media/Media/HomeImages/Innovation_Abstract.png) no-repeat 0% 50%;
width: 365px;
height: 150px;
background-size: 200px 170px;
pointer-events: none!important;
}
*/
#logo {
    background: url(/trpref/media/media/HomeImages/Innovation_Logo_Updated.png) no-repeat 0% 100%;
       pointer-events: none !important;
    width: 320px;
    height: 80px;
    background-size: 300px 60px;
}

.LoginPageContainer #logo {
    background: url(/trpref/media/Media/HomeImages/Innovation_Abstract.png) no-repeat 0% 100%;
    width: 365px;
    height: 141px;
    background-size: 265px 140px;
    pointer-events: none !important;
}

/*.header-fixed #logo{
    background: url(/philipslighting-sg/media/Default/HomeImages/Philips_Logo.png) no-repeat 0% 100%;
    width: 365px;
    height: 80px;
    background-size:  120px 90px;
    pointer-events: none !important;
}*/


.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;
}

body{color:#333!important;
}
#tabs .lineSleeve .ui-widget-content {
    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,
#tabs .grpName
{
    text-transform: None;
}
#tabs .grpName
{
    text-transform: None !important;
  font-weight: bold;
}

/*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;*/
}
#floating-header {display: none!important;
}
.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(/trpref/media/Media/HomeImages/For_Your_Idea_Innovation.jpg); }

#home-module-enrolment .enrollment-copy .event-intro {
    color: Black;
  padding-left: 40px;
}


/*Home Page Modules Button alignment*/



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


/*Code to display image on See Also section for Pension*/
div.see-also .img.Lc8df30fb-927d-46e5-b2e8-a7fcfdac3713{
	background-image:url(/celanese/media/Default/Images/AdobeStock_48724346-(1).jpeg); 
  height:54px;
  width: 82px;
  background-size: contain;
}


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(/philipslighting-sg/media/Default/Buttons/aon-aspire-button-01.png);}
html .bootstrap-iso .glyphicon-gift:before {content:url(/philipslighting-sg/media/Default/Buttons/aon-aspire-button-02.png)}
html .bootstrap-iso .glyphicon-refresh:before {content:url(/philipslighting-sg/media/Default/Buttons/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;
  }


/*ADDS FONT AWESOME ICON ON TO LINE PAGE IN CONJUNCTION WITH LINE DISPLAY CONFIG FROM GI*/
#BenefitSelectionDescriptionPension{
  background:url(/celanese/media/Default/Images/AdobeStock_48724346-(1).jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionLASelf{
  background:url(/celanese/media/Default/Images/AdobeStock_103221335.jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionDisability{
  background:url(/celanese/media/Default/Images/AdobeStock_48724346-(1).jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionLAP{
  background:url(/celanese/media/Default/Images/AdobeStock_94586540.jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionCII{
  background:url(/celanese/media/Default/Images/AdobeStock_45659911.jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionCIIP{
  background:url(/celanese/media/Default/Images/AdobeStock_86682487.jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionPAI{
  background:url(/celanese/media/Default/Images/AdobeStock_88061978.jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionPMI{
  background:url(/celanese/media/Default/Images/AdobeStock_13623526.jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionDental{
  background:url(/celanese/media/Default/Images/AdobeStock_70953039.jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionHAS{
  background:url(/celanese/media/Default/Images/AdobeStock_108828773.jpeg) no-repeat ;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionHAP{
	background:url(/celanese/media/Default/Images/AdobeStock_108828773.jpeg) no-repeat ;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionGym{
  background:url(/celanese/media/Default/Images/AdobeStock_100120093.jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionCycle{
  background:url(/celanese/media/Default/Images/GettyImages-73868803.jpg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionHoliday{
  background:url(/celanese/media/Default/Images/AdobeStock_81197433.jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionWillWriting{
  background:url(/celanese/media/Default/Images/Dollarphotoclub_92567576.jpg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}

#BenefitSelectionDescriptionRetailCard{
  background:url(/celanese/media/Default/Images/AdobeStock_88091341.jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}





/*********************LIFE ASSURANCE SELF IMAGE**********************/
.img.L495ef50e-15f4-426e-9ae8-1c0224f9c428 {
  background-image:url(/celanese/media/Default/Images/AdobeStock_103221335.jpeg);
}

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

/*********************LIFE ASSURANCE PARTNER IMAGE**********************/
.img.L940718bf-a279-42bb-a82e-7cf7d9c73195 {
  background-image:url(/celanese/media/Default/Images/AdobeStock_94586540.jpeg);
}

/*********************CRITICAL ILLNESS INSURANCE SELF IMAGE**********************/
.img.L1bd6e14e-5019-4dbe-8682-f86cb2817c2f {
  background-image:url(/celanese/media/Default/Images/AdobeStock_45659911.jpeg);
}

/*********************CRITICAL ILLNESS PARTNER SELF IMAGE**********************/
.img.Lf2fdfe94-ce3a-4170-a070-cf522d0bedff {
  background-image:url(/celanese/media/Default/Images/AdobeStock_86682487.jpeg);
}

/*********************PERSONAL ACCIDENT INSURANCE IMAGE**********************/
.img.Lfc0f4af8-3cd8-4cf1-83c7-630069ba87cd {
  background-image:url(/celanese/media/Default/Images/AdobeStock_88061978.jpeg);
}

/*********************PRIVATE MEDICAL IMAGE**********************/
.img.L89288846-807a-410d-a089-eda7371c8818 {
  background-image:url(/celanese/media/Default/Images/AdobeStock_13623526.jpeg);
}

/*********************DENTAL IMAGE**********************/
.img.Ld6998922-fc61-4300-8f83-f5e31d6f8dff {
  background-image:url(/celanese/media/Default/Images/AdobeStock_70953039.jpeg);
}

/*********************HEALTH ASSESSMENT SELF IMAGE**********************/
.img.Lc5a4e744-2db5-4157-ba5e-63e26e2ff936 {
  background-image:url(/celanese/media/Default/Images/AdobeStock_108828773.jpeg);
}

/*********************HEALTH ASSESSMENT PARTNER IMAGE**********************/
.img.L5c585bc1-dc68-43a6-885d-a0f1decad3d7 {
  background-image:url(/celanese/media/Default/Images/AdobeStock_108828773.jpeg);
}

/*********************GYM IMAGE*****************************************/
.img.L414a86c8-0321-471a-be53-00cb8cdfc933 {
  background-image:url(/celanese/media/Default/Images/AdobeStock_100120093.jpeg);
}

/*********************CYCLE TO WORK IMAGE**********************/
.img.L786fbcb2-02a8-47e2-8c4d-e7322f9be3b8 {
  background-image:url(/celanese/media/Default/Images/GettyImages-73868803.jpg);
}

/*********************HOLIDAY IMAGE**********************/
.img.Lfa0fcb24-3891-4033-8c01-7073e448f1a4 {
  background-image:url(/celanese/media/Default/Images/AdobeStock_81197433.jpeg);
}

/*********************RETAIL CARD IMAGE**********************/
.img.Lafa7e8a2-837e-4956-a1cd-89b25ca2e39c {
  background-image:url(/celanese/media/Default/Images/AdobeStock_88091341.jpeg);
}

/*********************WILL WRITING IMAGE**********************/
.img.Ld52224d4-96ad-4211-bf7e-f89f47269b3e {
  background-image:url(/celanese/media/Default/Images/AdobeStock_86682487.jpeg);
}

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


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

/* Benefit line images for UK specific lines*/

/*Childcare Vouchers*/
.benefit-menu .img.Lf233be69-6005-43e5-988e-e07f10966444 {
  background: url(/celanese/media/Default/Images/AdobeStock_88061978.jpeg) no-repeat center ;
  }
#BenefitSelectionDescriptionChildcare{
  background:url(/celanese/media/Default/Images/AdobeStock_88061978.jpeg) no-repeat ;
  width: 163px;
  height: 108px;
  margin: 0 10px 10px 0;
}
.see-also .benefit-menu .img.Lf233be69-6005-43e5-988e-e07f10966444{
    height:54px;
    width: 82px;
    background-size: contain;
}

/* Benefit line images for GBS specific lines*/

/* dental */
.benefit-menu .img.L49cb3b51-22dd-4f35-9a99-e748cd567f17 {background-image:url(/celanese/media/Default/Images/AdobeStock_70953039.jpeg);
}     

/* life assurance - self */
.benefit-menu .img.L39ef81cd-e1b6-4442-969a-298e51ed7a62{
  background-image:url(/celanese/media/Default/Images/AdobeStock_45659911.jpeg);
}    

/* 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;
}
/* Benefit line images for APAC specific lines*/

/* annual leave */
.benefit-menu .img.L5f966361-f607-47a7-a9f2-aeea21a0942e {background-image:url(/philipslighting-sg/media/Default/Images/AnnualLeave.jpg);
} 

/* hospital & surgical and major medical */
.benefit-menu .img.L851b95b1-1df1-4523-88c6-4c13bbacba68 {background-image:url(/celanese/media/Default/Images/AdobeStock_13623526.jpeg);
}

/** 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(/philipslighting-sg/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(/philipslighting-sg/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 **/


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

html .module-content #home-module-account {
    background-position:center center; background-size:cover; height:400px;
    background-image:url(/celanese/media/Default/Images/Section-Panel-8.jpg); background-repeat:no-repeat;     
    }
    
html #home-module-account .home-module-account-content {color:#ffffff;}
html #home-module-account .account-copy {text-align:left; color:#ffffff; padding-top:40px;}

/** APAC module : get some help **/

html .module-content #home-module-generic {
    background-position:center center; background-size:cover; height:400px;
    background-image:url(/celanese/media/Default/Images/Section-Panel-11.jpg); background-repeat:no-repeat;     
    }
    
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;
}

  

#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;
}
@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-"],#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;
}
}
.online-two-iso .BenefitsOverviewlineSleeve h1 {
    color: #ff5c00;}
#tabs .lineSleeve h2 {
    color: #333;}


/*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("/philipslighting-sg/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 ;
}
}



/*CI - Spouse*/

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

div.img.Le5c2c73a-ec74-4ca3-a6cd-723a0e8d59ae{background:url("/celanese/media/Default/Benefit%20Images/CI_Cel.jpg") no-repeat;}

.img.Lfcd9191b-eae3-4be2-b53a-8c0a5bb2e479 {background-image:none;}

div.img.Lfcd9191b-eae3-4be2-b53a-8c0a5bb2e479{background:url("/celanese/media/Default/Benefit%20Images/TL_Cel.jpg") no-repeat;}

.img.L53975f9c-b595-46c5-a4b2-a0819041118f {background-image:none;}

div.img.L53975f9c-b595-46c5-a4b2-a0819041118f{background:url("/celanese/media/Default/Benefit%20Images/TL_Cel.jpg") no-repeat;}

.img.L0443e96d-0a4b-4a6e-b338-7a3e5c7b9366 {background-image:none;}

div.img.L0443e96d-0a4b-4a6e-b338-7a3e5c7b9366{background:url("/celanese/media/Default/Benefit%20Images/TL_Cel.jpg") no-repeat;}

.img.L0b6df6d0-2a6c-4765-84b4-b25ef8665c87 {background-image:none;}

div.img.L0b6df6d0-2a6c-4765-84b4-b25ef8665c87{background:url("/celanese/media/Default/Benefit%20Images/TL_Cel.jpg") no-repeat;}

.img.L651d47a7-c421-408b-9736-e58c4f84316a {background-image:none;}

div.img.L651d47a7-c421-408b-9736-e58c4f84316a{background:url("/celanese/media/Default/Benefit%20Images/PA_Cel.jpg") no-repeat;}

.img.Le97d5f73-1ee1-4aa3-804e-94e6e7da9da8 {background-image:none;}

div.img.Le97d5f73-1ee1-4aa3-804e-94e6e7da9da8{background:url("/celanese/media/Default/Benefit%20Images/PA_Cel.jpg") no-repeat;}

.img.L00f446b3-921c-4e6d-8720-b49b74f01441{background-image:none;}

div.img.L00f446b3-921c-4e6d-8720-b49b74f01441{background:url("/celanese/media/Default/Benefit%20Images/PA_Cel.jpg") no-repeat;}

.img.Lc22c4273-b3ee-402a-8213-ec5239aaa50b {background-image:none;}

div.img.Lc22c4273-b3ee-402a-8213-ec5239aaa50b{background:url("/celanese/media/Default/Benefit%20Images/Outpatient_Cel.jpg") no-repeat;}

.img.Lbfa204aa-355d-4641-9e34-706a9473cd87 {background-image:none;}

div.img.Lbfa204aa-355d-4641-9e34-706a9473cd87{background:url("/celanese/media/Default/Benefit%20Images/Outpatient_Cel.jpg") no-repeat;}




/* CI Optional Employee */

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

div.img.Lf0578521-ab46-4041-babf-e7b328f53087{background:url("/celanese/media/Default/Benefit%20Images/CI_Cel.jpg ") no-repeat;}


/* CI Optional Child */

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

div.img.Lafebe575-b176-42e8-8638-e34476658657{background:url("/celanese/media/Default/Benefit%20Images/CI_Cel.jpg ") no-repeat;}


/* Group Disability Income Optional Employee */

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

div.img.La9b51e25-4670-4624-8bd7-da6dd7f056bf{background:url("/celanese/media/Default/Benefit%20Images/Disability_Cel.jpg ") no-repeat;}


/* Group Hospital & Surgical and Major Medical (Core + Optional) */

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

div.img.L2d3fe3e3-849f-4fef-b10f-746b75d13095{background:url("/celanese/media/Default/Benefit%20Images/H-S_Cel.jpg ") no-repeat;}


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

div.img.L84a3c83d-b13c-44ee-9efc-a70e1ed106c7{background:url("/celanese/media/Default/Benefit%20Images/PA_Cel.jpg") no-repeat;}



.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 */
.dependant-cell.add.cell-md-6.is-auto-add.ng-scope
 {display: none;
}

/*Remove buttons from dep links*/
.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(/celanese/media/Default/Images/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 .icon-two-point-o-home-module-star::before {
    font-family: FontAwesome;
content: "\f0f0";

}
.onlineTwoPointO-home .modules .module.AonCare span.module-label{width: 100%;
    height: 30px;
  font-size: 18px;
} 
.onlineTwoPointO-home .module-content #home-module-generic {
    background-image: url("/philipslighting-sg/media/Default/HomeImages/Car_to_change.jpg");
}
#login-modules-container {    display: none;
}

.img.L30e06cd7-9c00-47c1-9e44-edcf02ecee7f,#benefit-overview .summaryImage .img.BenefitImage_30e06cd7-9c00-47c1-9e44-edcf02ecee7f {
  background-image:url(/trpref/media/media/HomeImages/Idea1_1.jpg);
}
.question {text-align: left!important;}
.FormButton{
  font-weight: bold;
color: #fff;
background: #4298b5 !important;
      margin-left: 425px;
  
}
.FormButton:hover,.FormButton:focus{
background-color: #88AB57 !important;
  
}



/*Home page*/

body#home {
    background-image: url('/trpref/media/media/HomeImages/Home_Page.jpg');
    background-size: cover;
}

#home-module-enrolment .module-label, #home-module-benefit-statement .module-label, #home-module-generic-0 .module-label, #home-module-generic-6 .module-label, #home-module-manage-claims .module-label, #home-module-make-a-claim .module-label, #home-module-trs .module-label {
    color: black;
}

div.bootstrap-iso.onlineTwoPointO-home {
    background-color: transparent;
}
#home-module-enrolment .enrollment-copy .event-intro,.onlineTwoPointO-home .modules .module.active i[class*="icon-"]{
    color: #fff;
    
}
.onlineTwoPointO-home .modules .module.active span.module-label,html .onlineTwoPointO-home #home-intro,
#header a:focus, #header a:hover{
    color: #fff !important;
}
.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,
.onlineTwoPointO-home .modules .module span.module-label{
    color: black;
}
.onlineTwoPointO-home .module-content #home-module-enrolment,.onlineTwoPointO-home .module-content #home-module-benefit-statement,
html .module-content #home-module-make-a-claim,html .module-content #home-module-manage-claims,
.onlineTwoPointO-home .module-content #home-module-generic{
    background-image: none !important;
}
.online-two-iso #header{
    background-color: transparent;
}
.online-two-iso .home .collapse #menu-no-dashboard li a, .online-two-iso .home .collapse #menu-no-dashboard li a.selected{
    color: #fff !important;
}


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

/*----------------------------------------------------------Code AS - 15/03-----------------------------*/

/*Honey Maze*/

#categories{
  overflow:hidden;
  width:90%;
  margin: -2% 0% 0% 18%;
}
.clr:after{
  content:"";
  display:block;
  clear:both;
}
#categories li{
  position:relative;
  list-style-type:none;
  width:18.857%; /* = (100-2.5) / 3.5 */
  padding-bottom: 21.168%; /* =  width /0.866 */
  float:left;
  overflow:hidden;
  visibility:hidden;
 
  -webkit-transform: rotate(-60deg) skewY(30deg);
  -ms-transform: rotate(-60deg) skewY(30deg);
  transform: rotate(-60deg) skewY(30deg);
}
#categories li:nth-child(3n+2){
  margin:0 1%;
}
#categories li:nth-child(6n+4){
  margin-left: -8.5%;
margin-top: 0% !important;
}
#categories li:nth-child(6n+4), #categories li:nth-child(6n+5), #categories li:nth-child(6n+6) {
	margin-top: -6.9285714285%;
  margin-bottom: -6.9285714285%;
  
  -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  transform: translateX(50%) rotate(-60deg) skewY(30deg);
}
#categories li:nth-child(6n+4):last-child, #categories li:nth-child(6n+5):last-child, #categories li:nth-child(6n+6):last-child{
  margin-bottom:0%;
}
#categories li *{
  position:absolute;
  visibility:visible;
}
#categories li > div{
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  overflow:hidden;
  
  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  
	-webkit-backface-visibility:hidden;
  
}

/* HEX CONTENT */
#categories li img{
  left:-100%; right:-100%;
  width: auto; height:100%;
  margin:0 auto;   
}

#categories div h1, #categories div p{
  width:100%;
  padding:0 5%;
    background-color:  #FF8033; background-color: rgba(52, 108, 92, 0.7);
  color:white;
  /*font-family: 'Raleway', sans-serif;*/
  
  -webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  -ms-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
}
#categories li h1{
  bottom:110%;
  font-style:italic;
  font-weight:normal;
  font-size:1.5em;
  padding-top:100%;
  padding-bottom:100%;
}
#categories li h1:after{
	content:'';
  display:block;
  position:absolute;
  bottom:-1px; left:45%;
  width:10%;
  text-align:center;
  z-index:1;
  border-bottom:2px solid #fff;
}
#categories li p{
	padding-top:50%;
	top:110%;
	padding-bottom:50%;
}


/* HOVER EFFECT  */

#categories li div:hover h1 {
  bottom:50%;
  padding-bottom:10%;
}

#categories li div:hover p{
  top:50%;
  padding-top:10%;
}
#fork{
  position:fixed;
  top:0;
  left:0;
  color:#000;
  text-decoration:none;
  border:1px solid #000;
  padding:.5em .7em;
  margin:1%;
  transition: color .5s;
  overflow:hidden;
}
#fork:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 130%; height: 100%;
  background: #000;
  z-index: -1;
  transform-origin:0 0 ;
  transform:translateX(-100%) skewX(-45deg);
  transition: transform .5s;
}
#fork:hover {
  color: #fff;
}
#fork:hover:before {
  transform: translateX(0) skewX(-45deg);
}
/********************COE Portal CSS Below*****************/
/*display as per roles*/
 .GBS, .APAC , .EMEA , .Master {display:none;}
.Ofshore {display: none;}
ul.gallery li.Ofshore {display: none;}/*To hide Time Board from Home page for Onshore also to show tile experience hoping only to offshroe*/

/********************COE Portal CSS Below*****************/


/* Minification failed (line 987, error number 1036): Expected expression, found '(' */