/*CLIENT CUSTOM CSS CODE HERE */

/*CLIENT CUSTOM CSS CODE HERE */
html,body
{
    /*width: 100%;
    height: 100%; 
    margin: 0px;
    padding: 0px;*/
    overflow-x: none;
}
 
 /*LOGIN PAGE BACKGROUND IMAGE */
.online-two-iso.login body {
  background-image:url(/sabic/media/Media/Backgroud-log%20in.jpg) ;
     background-size: 100% 100% !important;
    background-position:bottom; 
  
/*  background-position-y: -47px !important;
  background-position-x: 0px !important;*/
  }

.online-two-iso.login .LoginPageContainer #main{
  margin-top: -3% !important;
  
  }

.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(/getmedia/ba3feaeb-4058-4036-8423-68243d26fef9/sabic_resized_transparent) no-repeat 0% 100%;
pointer-events: none !important;
width: 215px;
height: 111.5px;
background-size: 200px 111.5px !important;
}

.LoginPageContainer #logo {
    background:url(/sabic/Backgroud-log%20in.jpg);
    width: 215px !important;
    height: 159px !important;
    float: right !important;
    background-size: 200px 102px !important;
    pointer-events: none !important;
    margin-right: 20px;
  
}


/*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;
}
/* 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:#666!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; 
  }


@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%;/*increased 4% to align the footer after removing TBS app*/
	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: #999;
}
#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{width: 112% !important;}*/


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

.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 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 trs

{
  
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: #004F71;
  
  }

  
  

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


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


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

#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-"] {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: #b30000;
    font-weight: normal;
}
.htabs-container .tabs UL LI.sel A {color: #b30000;}
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(/illumina/media/Default/Benefit%20Line%20Images/section-panel-02.jpg);
}
/*.benefitheader-fixed  {
    top: 113px !important;
}*/

#overviewcontainer .subheader.htabs-container.htabs-container .tabs UL LI A.activelink {
  color: #b30000 !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 */

.dependant-cell.add.cell-md-6.is-auto-add.ng-scope
 {display: none !important;
}


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

/*
.dependant-list a.dependant-remove{
  display: none;
}*/


.dependantIntroText{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;
  display: none !important;
}
 .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;
  
  }


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


  .fsaClaimSubmitContainer #Submit .btn-default{
    color: #ffffff;
}


#home-module-enrolment .enrollment-copy .cal {
    background-image: url(/myehr/media/Media/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: "Glyphicons Halflings";
  font-size: 18px;
  padding: 4px;
  border-radius: 4px;
  content: "\e086";
  background-color: #fff;
  color: #0099CC !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: 1px;
  font-size: 1em;
}
 
/*To hiode manage dep
.benefit-matrix .btngroup .benefitheader.benefitheader-border {
    display: none;
}*/




.autoAdjustWidth {
    width: 62% !important;
}




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




/*.mail
{
  display : none !important;/* To hide mail from need assistance} */

.in-Cart .you-pay {
    width: 200px !important;/* To allign the Annual Cost of Benefit*/
}
.modal-normal ul.modeller-links
{
Width : 95% !important;/* To allign the Annual Cost of Benefit from COst and Balance */
	}

.totalcost-section-row
{
	display: none;
}
/* to remove total cost button from the Confirm selection page*/

/*.seealso.ng-scope {
    display: none;}*/
/*To hide see also option on benefit selection page*/

.online-two-iso #footer a 
{
    text-transform: None;
 } 
/* .modules-right-side .glyphicon-info-sign::before 
{
   display: none !important;
} */
  #profile-online-2 label
{
	text-transform:  inherit !important;
}

/*----------------------*/

/*-------- Manage Dependents*/
.dependantIntroText{display: none}

/* hide cost at enrolment*/
/* .option.sel{display: none} */

#claimItemBreakdownDetail{display: none}


/**  bullets*/
div#TextBulletPoint UL
 {
    list-style-type: disc;
padding: 0 0 0 30px;}

/*TO SHOW BULLET POINTS*/
div#TextBulletPoint UL
 {
   list-style-type: disc !important;
padding: 0 0 0 30px;}
/*  
.benefit-matrix .benefitheader.benefitheader-border {
  
  border: none; }
*/
.bootstrap-iso .close {
  
  color : none ;
  
  }
.benefit-matrix .btn-success

{
  display : inline !important
  }



.space-bar
{
                display: none;
}


/*** allignment at login page*/
#header{margin-left: 15px}


/*
.call{display: none !important;} */

.alert.alert-warning.ng-scope.ng-isolate-scope{text-transform: none}


/** For Login Logo adjustment **/

#header{ margin-left: 0.9px !important;}

/** For hiding provider cost **/

.available-options .links-group.four-links
{
	display: none;
}

/* For Header Alignment */

.header-fullwidth {
    margin-bottom: 0;   
    background: #f2f2f2;
} 

.online-two-iso #terminator #header.header-fullwidth {
    padding: 1rem;
    margin-bottom: 2rem;
    background-color: #f2f2f2;
    width: 100%;
}


.footer-fullwidth{background: #f2f2f2}

/** For Footer Alighnment **/
/*
#f-nav li ::before {
   
    margin-right: 10px !important;
}

.online-two-iso #terminator #footer.footer-fullwidth {
    width: 100%;
    float: left;
    clear: both;
    background-color: #f2f2f2;
    min-height: 110px;
  
 
}*/

/*Home mage picture margin left right */

#home-module-content
{
  margin-left: 30px;
  margin-right: 30px
}

/* for Button config update my choices */

.onlineTwoPointO-home .modules .module.active::after {
    position: absolute;
    bottom: -44px;
    left: 42%;
    display: inline-block;
    font-family: 'icons two point o';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: 'g';
    color: #fff;
    font-size: 22px;
    z-index: 1000;
}



/* To move need assistance items to left */
#assistanceItems{float: left !important; }

/* To hide webchat status */
#webChatStatus {display: none!important;}


/* To hide searchbox from need assistance */
.search{display: none!important;} 


/* color change of My Dashboard 
#menu-no-dashboard li:first-child{
color: #004F71 !important;
} 
*/
/* Capitalize Need Assistance */
.help-ico{text-transform: capitalize;}

/*claim summary table alignment */
.FSAStatementAndHistoryContainer .claim-table{table-layout: inherit !important;}

.FSAStatementAndHistoryContainer .claim-description{width: 220px !important;}

/* Welcome message color change */
#home-online-three .dashboard-controls #greeting-message{color: #004F71;}

/* Home page module name color change */
.module-content-header{
  color: #004F71 !important;
}

/* Home page modules button color */
.btn.btn-default{
  background-color: #4298b5 !important;
}

/* Progress bars color change */
.bar1{
  background-color: #b30000 !important;
}

.bar2{
  background-color: #b30000 !important;
}

.bar3{
  background-color: #b30000 !important;
}

/* seleted slide */
#selected-slide{
  color: #b30000 !important;
}

/* Home page module box border color change */
.module-content{
  border: solid 3px #e6e7ed !important;
}

/* change arrow color on submit a claim */
.tbs-pager button::after{
	color: #004F71 !important;
}

/* dashboard font color change */
#menu0{
  color: #b30000 !important;
}

/* unhiding manage dependents from enrolment page */
.benefit-matrix .benefitheader SPAN{
  color: grey !important;
 /* text-transform: uppercase;*/
}


/* Line name in upper case */
.group-default{
  text-transform: uppercase !important;
}

/* unhide modeler and tools */
.benefit-matrix .benefitheader.benefitheader-border{
  display: inline-block !important;
  }



Li.transport{
    background-image: url("/myehr/media/Media/images/Webp-net-resizeimage%20(002).png") !important;
    
}

/* RIAP Contribution */
.img.Lb780260a-da58-4e7a-878a-7821745bf273 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Term life - Employee */
.img.L259e55ad-b861-48e0-a1b4-9f44f9990203 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}


/* AD&D Employee  */
.img.Lf27a82c5-d4d5-4288-b63f-9105a9fbedd5 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Critical Illness - Employee  */
.img.L8260b4a4-fa6f-4f55-8262-f51274eeb988 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Term Life - Spouse  */
.img.L946a8953-f5e8-47f9-a51f-183848f23dd9 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* AD&D - Spouse  */
.img.L297ba0a9-3b45-4dce-b762-e1bdc7601fcf {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Critical Illness - Spouse  */
.img.Lec68658b-db1a-4ae4-89e7-e144bb588ab9 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Term Life – Child (1)  */
.img.L472196b7-a80e-4efe-b23f-2975bce9d9ec {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Term Life – Child (2)  */
.img.Lfa696adc-caf7-4aa1-b221-0392a7639708 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Term Life – Child (3)  */
.img.L3eebad2b-d15c-45e4-a5f2-6b684b7657ad {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Term Life – Child (4)  */
.img.L0b843895-cad7-432e-8c87-3cd3e819e35d {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Term Life – Child (5)  */
.img.Laa5e25fa-ca76-4a14-b516-17b377b648e8 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* AD&D – Child (1)   */
.img.L11fdb547-bd1f-49c7-8fd9-f3871fac9a0c {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* AD&D – Child (2)   */
.img.Lb769587c-858d-4684-9074-a9241fd902a0 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* AD&D – Child (3)   */
.img.L1021ca50-ce2d-43bd-ad43-f61526dc5dec {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* AD&D – Child (4)   */
.img.L8723b676-4830-4f0c-9310-b1a51d058b7a {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* AD&D – Child (5)   */
.img.L7a4fc9f8-3376-4231-b466-588be66debff {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Child Critical Illness (1) */
.img.L02df8e73-be3a-461a-b18a-25606af0a869 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Child Critical Illness (2) */
.img.Ld6bbab65-b4f7-4d7a-9904-a35c477890f8 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Child Critical Illness (3) */
.img.Lb56951d3-2175-4b95-8141-791dc8daf075 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Child Critical Illness (4) */
.img.L80088f34-c159-443c-8b16-245aec6ad44e {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Child Critical Illness (5) */
.img.L671183b0-32aa-4074-9ff0-7ad1e186779d {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Medical Insurance – Employee */
.img.L6c0508ec-13a2-4567-ba16-2aa8b3f36a25 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Medical Insurance – Spouse */
.img.L0b3cb5ae-8e59-4440-8a10-96202ed3ddb3 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Medical Insurance – Child 1 */
.img.Lcfd54f63-ce03-4ac6-9d6f-50a1ca8ca4e1 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Medical Insurance – Child 2 */
.img.Lc7421aa4-9d63-4f44-a8df-39d94915efa6 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* 
Medical Insurance – Child 3 */
.img.L0d975c72-8c48-47c8-8eec-50ae89e2771c {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* 
Medical Insurance – Child 4 */
.img.Lbd4047f2-e013-4211-93d9-aae8af18bdf2 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Medical Insurance – Child 5 */
.img.L79f8d8e1-94a9-4783-b514-c1ef47af4125 {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* High-end Medical Insurance */
.img.L1d6c5847-fc2b-4578-8bb9-ba1708ce28db {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

/* Commodity Products */
.img.L13e0e1be-6c82-49e0-9e01-2cfbbf23acfd {
  background-image:url(/getmedia/03d601b3-0180-4dae-94af-7dfda17519ac/Blank)!important;
}

* extended family plan */

.img.L41e23cb0-dc4e-4750-b913-94b17223e65c{
    width: 230px;
    height: 130px;
    clear: both;
    text-align: center;
    background-image: url(/myehr/media/Media/images/H-W.jpg);
    margin-left: 20px;
    margin-top: 20px;
}
/* Group HMO */

.img.Lb6030abc-a235-45f6-b945-df5e4e7dc0bc{
    width: 230px;
    height: 130px;
    clear: both;
    text-align: center;
    background-image: url(/myehr/media/Media/images/H-W.jpg);
    margin-left: 20px;
    margin-top: 20px;
}

/* Car facility */

.img.L0ff9b7f3-48d0-46fe-aadc-b26c6e3603e7{
    width: 230px;
    height: 130px;
    clear: both;
    text-align: center;
    background-image: url(/myehr/media/Media/images/Transportation%20benefit%20image%20-%20small%20resized.jpg);
    margin-left: 20px;
    margin-top: 20px;
}

/* Travel allowance */
.img.L5e1cc577-e20f-4064-8bed-12b435a1c686{
    width: 230px;
    height: 130px;
    clear: both;
    text-align: center;
    background-image: url(/myehr/media/Media/images/Transportation%20benefit%20image%20-%20small%20resized.jpg);
    margin-left: 20px;
    margin-top: 20px;
}

/* Group term life */ 
.img.L9087a393-f83f-4f62-a56b-421bde2a2c4f{
    width: 230px;
    height: 130px;
    clear: both;
    text-align: center;
    background-image: url(/sabic/media/Media/Line%20Images/icon-ee.jpg);
    margin-left: 20px;
    margin-top: 20px;
}

/* Group personal accident */
.img.L1d95e3a7-920c-4af9-bfa1-7c675756f959{
    width: 230px;
    height: 130px;
    clear: both;
    text-align: center;
    background-image: url(/myehr/media/Media/images/S-P.jpg);
    margin-left: 20px;
    margin-top: 20px;
}

/* to hide see also from enrolment */
.seealso{
  display: none !important;
}

/* changing hover color for Profile, message and logout*/
#header a:focus, #header a:hover{color: #b30000 !important}

/* profile page color change */
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A{
  color: #004F71 !important;
  border-bottom: solid .5em #004F71 !important;
  }

.online-two-iso P.sectionTitle{
  color: #b30000 !important;
}

.benefit-matrix .font-youpay-color{
  color: #b30000 !important }


.FSAStatementAndHistoryContainer .claim-table th{
  color: #b30000; }


/* home module box alignment */
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content{padding: inherit !important;
}


#home-online-three #right-side .module-content-header-container h3.module-content-header, 
#home-online-three #home-integrated .module-content-header-container h3.module-content-header{
  width: 100% !important;
  font-size: 1rem;
  text-align: center;
  margin-top: 5px;
  }


#make-a-claim.module-content .make-a-claim-copy .account-details{text-align: center !important;}


#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content{
padding: 0rem;
border-radius: 10px;
  
}

/* widgets sequence 
#home-online-three #right-side .modules-right-side.grid-container {

    grid-template-areas: "module-1 module-2 module-5" "module-4 module-4 module-3";
}*/


div#TextBulletPoint UL
 {
   list-style-type: disc !important;
padding: 0 0 0 30px;}




/* Menu bar color change */
.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 !important;}

/* footer alignment*/
.online-two-iso #footer div{width: 100% !important;}

/* manage dependents */
.dependant-cell.add.cell-md-12.dependantCitizenship{
  display: none !important;
}

#home-module-welcome #slider .thumb .rect,
.home-module-integrated #slider .thumb .rect {
  width: 215px;
}

/* confirmation button color */
.benefit-matrix .modal-footer #confirmation-buttons .btn-default{ color: #fff !important;}

.benefitselect .products .box-border.sel .header{ background-color: #004F71 !important;}
.benefitselect .products .box-border.sel{background-color: #004F71 !important;}


.form-group.ng-hide{display: inherit !important;}

/* useful info download link moved to left */
TABLE{width: 85% !important;}


/* benefit overview page color - overview, plan details, eligibility, how to claimm */
#content .info .info-links UL LI.sel A{
  color: #b30000 !important;
}

.info-links A:hover{color: #b30000 !important;}

/* benefit overview heading color */
.online-two-iso #intro h1{color: #b30000 !important;}

/* need assistance - contact us */
#floating-header-content A{
  width: inherit !important;
 color: #b30000 !important; 
}



/* home page modules button hover color 
.bootstrap-iso .btn-default:hover{
  background-color: #004F71 !important;
  }*/

/* Welcome background
#home-module-welcome .welcome-items .menu-header{
  background-color: #f2f2f2;
  }
*/

/* benefit modules text - font */
.event-summary h4, .enrollment-copy .heading-text span, .enrollment-copy .content-text span,
.tbs-module-pager .tbs-pager-content, .tbs-module-pager
	{font-size: 14px !important;}



#home-online-three #right-side, #home-online-three #home-integrated{
  border-left: 1px solid #fff !important;
    }


#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content 
.tbs-module-pager .tbs-pager-content .title, #home-online-three #home-integrated .modules-right-side.grid-container 
.grid-item-content .module-content .tbs-module-pager .tbs-pager-content .title{
  font-size: 14px !important;
  }

/* welcome image arrow alignments */
#home-module-welcome .arrowleft, .home-module-integrated .arrowleft{
	top: 130px !important;
}
.tbs-module-pager .tbs-pager .right-arrow{
	margin-left: 10px !important;
}

#home-module-welcome .arrowright, .home-module-integrated .arrowright{
	top: 130px !important;
}


.btn.btn-default{color: #fff !important;}


/*#home-online-three .dashboard-page-container #right-side .modules-right-side.grid-container {
     display: grid;
	grid-template-areas:
		"module-1 module-2 module-3"
		"module-4 module-4 module-5"
		"module-6 module-6 module-6"
  }*/
/*#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content {
    border: none;
}*/

/*#home-module-welcome #slider .sliderContainer .slide-content {
    background: none !important;
}*/

/*#textwidth .slide-content.advanced.ng-scope {
    width: 60%;
}*/
/* #home-online-three #right-side .grid-container.modules-right-side, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
    -ms-grid-column: 1;
    -ms-grid-column-span:3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
} */


.tbs-module-pager .tbs-pager .count{
  font-size: 14px !important;
  margin-bottom: -25px !important
  }

/* Home modules font size */
.tbs-module-pager .tbs-pager-content{
	font-size: 14px !important;
}
.tbs-module-pager{
	font-size: 14px !important;
}


#home-online-three #right-side h3.heading-text, #home-online-three #home-integrated h3.heading-text{
	font-size: 14px !important;
}
/* 
#home-online-three #right-side, #home-online-three #home-integrated{
	width: 1150px !important;
  }-*/

#home-online-three #right-side{
	float: none !important;
}


/* grid container position */

#home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container{
  margin-top: 19px !important;
  }


/*--------------IE--------------
#home-online-three #right-side .grid-container.modules-right-side .grid-item-4,
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4{
  grid-area: module-5;
  -ms-grid-column: 3;
  -ms-grid-row: 2;
  }

#home-online-three #right-side .grid-container.modules-right-side .grid-item-3,
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3{
  grid-area: module-4;
  -ms-grid-column-span: 2;
  -ms-grid-row:2;
  }

#home-online-three #right-side .modules-right-side.grid-container {

    grid-template-areas: "module-1 module-2 module-3" "module-4 module-4 module-5";
}*/

 
  #home-online-three #right-side .grid-container.modules-right-side .grid-item-0{
   -ms-grid-row: 1;
   -ms-grid-column:1;
  }
#home-online-three #right-side .grid-container.modules-right-side .grid-item-1{
  -ms-grid-row: 1;
   -ms-grid-column:2;
  }
#home-online-three #right-side .grid-container.modules-right-side .grid-item-2{
  -ms-grid-row: 1;
    -ms-grid-column:3;
  }
#home-online-three #right-side .grid-container.modules-right-side .grid-item-3{
   -ms-grid-row: 2;
   -ms-grid-column:1;
  -ms-grid-column-span: 2;
  }
  #home-online-three #right-side .grid-container.modules-right-side .grid-item-4{
    
  -ms-grid-row: 2;
  -ms-grid-column:3;
  }
/*hide Mall-grid-item-7 update by china config
  #home-online-three #right-side .grid-container.modules-right-side .grid-item-7{    
  display: block;
  }*/


 /* TRS DASHBOARD ALIGNMENT */
#containerGlobal {
    overflow: hidden;
}

#dashboardContainer .col-md-8 {
padding-left: 25px;
padding-right: 25px;
}

.trsdashboard .content-header {
    margin-top: 10px;
    margin-bottom: 5px;
    padding-right: 50px;
}
.trsdashboard .chart_line{margin-left:1px;}

#claim{ padding-top: 0px;} /* to fix the claim page alignment from top */

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