/*CLIENT CUSTOM CSS CODE HERE */

html,body
{
    /*width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;*/
    overflow-x: hidden; 
}
 
 /*LOGIN PAGE BACKGROUND IMAGE */
.online-two-iso.login body {
  background-image:url(/bankjuliusbaer/media/BJB%20IMAGES/LoginPageBackgroundImageBJB.jpg);
  }

/*#slider { display:None; }
#home-carousel{ display:None; }
*/
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module {
  margin-left: 0px;
  }
H1 {color: #09c;}F

/*Follow up Heading*/

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

color: #4298b5;

}

#logo {
    background: url(/bankjuliusbaer/media/BJB%20IMAGES/JB_Logo_RGB_Pos.png) no-repeat 0% 100%;
    pointer-events: none !important;
    width: 200px;
    height: 65px;
    background-size:200px 65px !important;
    margin-top: 41px;
}
.online-two-iso.login .LoginPageContainer #logo{
    background: url(/bankjuliusbaer/media/BJB%20IMAGES/JB_Logo_RGB_Pos.jpg) no-repeat 0% 100%;
    pointer-events: none !important;
    width: 245px;
    height: 95px;
    background-size:245px 95px !important;
    margin-left: 37px;
}

/*Home Page My Current Choices*/

/*#home-module-benefit-statement .home-module-benefit-statement-content {/////////////////////////////anshu
  
  vertical-align: middle;
margin-top: 25px;
  margin-left: 10px;
  
  
  }
*/
/*TO SHOW BULLET POINTS*/
#TextBulletPoint UL
 {
    list-style-type: disc;
padding: 0 0 0 15px;
margin-top:0px !important;
}

/*Home Page Submit My Claims*/
/*#home-module-make-a-claim .make-a-claim-copy .make-a-claim-intro{///////////////////////////////////anshu
  
    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:#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; 
  }


@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;
    margin-left: 6.5px;
}
	
#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{width: 100% !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 !important;
}


/*Buttons color*/

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

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

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

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

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

.online-two-iso #divAvailableDependants .checkout-button A.button-style.green:hover
{
  
  background-color : #88AB57!important;
   border-color: #88AB57;
}

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

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

/*Headings Color*/

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

{
  color: #004F71;
  
}*/

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

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

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

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


  
.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(/illumina/media/Default/Benefit%20Line%20Images/section-panel-01.jpg); }

.ng-fade.AonCare {
 background-image: url(/illumina/media/Logo/Car_to_change.jpg) !important;
 width: 100% !important;
}

/*.AonCare {background-image: url(/sivantos/media/Default/Car_to_change); }




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


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(/illumina/media/Default/Benefit%20Line%20Images/aon-aspire-button-01.png);}
html .bootstrap-iso .glyphicon-gift:before {content:url(/illumina/media/Default/Benefit%20Line%20Images/aon-aspire-button-02.png)}
html .bootstrap-iso .glyphicon-refresh:before {content:url(/illumina/media/Default/Benefit%20Line%20Images/aon-aspire-button-03.png);}


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



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

/*********************Group Term Life**********************/
.img.L131e0892-78ed-4a33-89b0-d5f9f1f91ef1 {
  background-image:url(/illumina/media/Default/Benefit%20Line%20Images/TL.jpg);
}

/*********************Group Personal Accident**********************/
.img.Ld94b9303-4519-425b-a9c7-303626b86198 {
  background-image:url(/illumina/media/Default/Benefit%20Line%20Images/Group_PA.jpg);
}

/*********************Group Hospital And Surgical**********************/
.img.L583749d5-906f-4eb5-bc0b-6808a960d8dc {
  background-image:url(/illumina/media/Default/Benefit%20Line%20Images/GroupHS.jpg);
}

/*********************Outpatient**********************/


/*********************GMM**********************/

/*********************Group Critical Illness **********************/
.img.L2419237c-aaec-4da6-b328-65f682197ed0 {
  background-image:url(/illumina/media/Default/Benefit%20Line%20Images/CII_Cel.jpg);
}
/*********************Group Critical Illness (optional)**********************/

.bootstrap-iso .btn-default:hover {
    color: #333;
    background-color: #9ec862;
    border-color: #adadad;
}

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


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


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

  

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


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

html .module-content #home-module-make-a-claim 
{
    background-position:center center; background-size:cover; height:400px;
    background-image:url(/illumina/media/Default/Benefit%20Line%20Images/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(/illumina/media/Default/Benefit%20Line%20Images/section-panel-06.jpg)!important; background-repeat:no-repeat;     
    }
    
html #home-module-manage-claims .home-module-manage-claims-content {color:#ffffff;}
html #home-module-manage-claims .manage-claims-copy {text-align:left; color:#ffffff; padding-top:40px;}

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


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


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

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

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

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

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

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

  .employerFundingCart .funded.percent,
  .employerFundingCart .cost.percent {
    width: 100%;
    text-align: left;
    margin-left: 5px;
    margin-top:5px;
    }
  
  .employerFundingCart .cost,
  .employerFundingCart .funded {background-image:none;}
  
  .matrix .bootstrap-iso .glyphicon-info-sign:before {content:none;}
  
  .benefit-matrix.bootstrap-iso .row.totalcostsection {padding-left:7px; padding-right:11px;} 
  
  div#benefitIntro.overlay {overflow:scroll;right:5px;}
  
 }
#profilecontainer #headerTabs .preference{
    display: none;
}
.online-two-iso.login .LoginPageContainer .input-group .input-group-addon,.bootstrap-iso .password-container .input-group-addon:first-child {
   
    text-align: left;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module{    text-align: left;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-title  {  color: #fff;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module {   width: 50%!important;
      margin-left: 515px;
}
  

#login-assistance .header-overlay H5,.dependantModalHeader,.online-two-iso .header-overlay h5,.benefit-matrix .benefitheader a,.benefit-matrix .benefitheader SPAN,
h3.modellersModalHeader{
    color: #FFFFFF;
}
.modeller-links li a.checked {    background-color: #004f71;
}
.benefit-matrix .benefitdate .data-addon {color: #004f71;}
.bootstrap-iso {    color: #666;
}
.online-two-iso .slider {background-color: #666;
}
LI.spending.sel{
    background-position: 50% 0px !important;
}


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

.bootstrap-iso .alert {margin-left: 0px;
  width: 100%;}
  

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

margin-top: 6px;

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

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

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

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

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

}



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


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

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

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


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


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

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





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




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

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

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

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

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





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

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


#TableCenter table {
  
  text-align: center;
  
  }

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


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


/* Hide : Add this dependant to all benefits */

.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;
}
 .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(192,192,192,.7)!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(/illumina/media/Default/Benefit%20Line%20Images/cal.png) !important;
    width: 24px;
    height: 22px;
}

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

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

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

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

.dependant-list .according.dependant-edit-btn {    padding-left: 260px;
  font-size: 1em;
}
 
/*To hiode manage dep
.benefit-matrix .btngroup .benefitheader.benefitheader-border {
    display: none;
}*/


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

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

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

}
.onlineTwoPointO-home .module-content #home-module-generic {
    background-image: url(/illumina/media/Default/Benefit%20Line%20Images/Car_to_change.jpg);
}
.autoAdjustWidth {
    width: 62% !important;
}


.onlineTwoPointO-home .module-content #home-module-generic
{

background-image: url(/illumina/media/Default/Benefit%20Line%20Images/section-panel-02.jpg);
  
}

#home-module-generic .ng-scope
{

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

/*.call

{
	display : inline !important;
}*/
/* To hide call from need assistance */


/*.mail
{
  display : block !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:  capitalize !important;
}*/

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

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

/* hide cost at enrolment*/
.option.sel{display: block !important}

#claimItemBreakdownDetail{display: none}




/*TO SHOW BULLET POINTS*/

  
.benefit-matrix .benefitheader.benefitheader-border {
  
  border: none; }

.bootstrap-iso .close {
  
  color : none ;
  
  }
.benefit-matrix .btn-success

{
  display : inline !important
  }

/*** To Captalize labels at claim submission
.ng-isolate-scope{text-transform: capitalize}
*/
.space-bar
{
                display: none;
}


/*** allignment at login page*/
#header{
  margin-left: 15px;
  padding-bottom: 0px !important;
}





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


/** For Login Logo adjustment **/

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

/** For hiding provider cost **/

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

/* For Header Alignment */

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

.online-two-iso #terminator #header.header-fullwidth {
    padding: 1rem;
    margin-bottom: 0px !important;
    background-color: #ffffff;
    width: 100%;
}


.footer-fullwidth{background: white}

/** 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: #ffffff;
    min-height: 110px;
  padding-top: 0px !important 
  
 
}

/*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;
}
/*--------------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;
  -ms-grid-column-span: 2;
  }
#home-online-three #right-side .grid-container.modules-right-side .grid-item-1{
  -ms-grid-row: 1;
   -ms-grid-column:3;
  }
#home-online-three #right-side .grid-container.modules-right-side .grid-item-2{
  -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-3{
   -ms-grid-row: 2;
   -ms-grid-column:3;
  
  }
  #home-online-three #right-side .grid-container.modules-right-side .grid-item-4{
    
  -ms-grid-row: 3;
  -ms-grid-column:1;
  }
  #home-online-three #right-side .grid-container.modules-right-side .grid-item-5{
    -ms-grid-column-span: 2;
  -ms-grid-row: 3;
  -ms-grid-column:2;
  }
 
#home-online-three #right-side .modules-right-side.grid-container {

    grid-template-areas: "module-1 module-1 module-2" "module-3 module-3 module-4" "module-5 module-6 module-6";
 }
#login-module-registration{
  display: none !important;
}

#login-module-whats-new{
  display: none !important;
}

.online-two-iso.login .LoginPageContainer .icon-two-point-o-login-module-callout::before{
  content: "L"
}
.grid-item-content{
  padding :0px !important;

}
.module-content{
  padding: 2px !important;
}
.module-content-header{
  width: 100% !important;
  text-align: center !important;
  margin-top: 5px !important;
  
}
/*.tbs-module-pager .tbs-pager .count{
  width: 60px !important;
}
.tbs-pager {
  left: 82% !important;
  bottom: 15px !important;
}*/
#navtablist1{
    display: block;
    float: right !important;
    padding-right: 115px !important;
    margin-top: -34px !important;
}
#links{
padding-top: 41px !important;
}/*
#home-online-three .dashboard-controls{
margin: 0px !important;
}




.bootstrap-iso .row{
  margin-right: 0px !important;
}
.right-tab{
  display: none !important;
}

.left-tab{
  width: 100% !important;
}


#footer div{
  width: 100% !important;
  margin-left: 25px !important;
}
/*.button-style{
  display: none !important;
}*/
/*
.form-data .change-personal-data, .form-data .box-border-bg{
  margin-bottom: 0px !important;
}


.sensitive-data-toggle{
  margin-right: 0px !important;
}


#generic{
  padding: 8px !important;
  
}
#enrolment{
  padding: 8px !important;
}

#manage-claims{
  padding: 8px !important;
  
}
/* color of the widgets*/
.benefitheader-border span
{
  color: grey !important;  
}
#menu0{
  display: none !important;
}

.menu-header{
background-color: #C0C0C0;
  }
.online-two-iso #terminator #wrapper.wrapper-fullwidth{
   min-height: calc(100vh - 258px) !important;
}
/*.htabs-container{
  width: 961px !important;
  margin-left: 108px !important;
}*/
/*To Adjust The Benefit Overview Page content in middle (Start)*/
.scrollable{
  margin-left: 114px !important;
}
#content .info .info-links{
  width : 100% !important;
  margin-left: 114px;
}
/*To Adjust The Benefit Overview Page content in middle (End)*/
#resettodefaults{
  display: none !important;
}
/*.bootstrap-iso .col-sm-8{
  width : 83.2% !important;*/
  /*padding-right: 0px !important;*/
}
/*.home-module-generic-content{
  height: 160px !important;
}
#thumb-containder {
  left: -17px !important;
  top: -43px !important;
}*/


/* to hide reset to default button
.btn-resettodefaults
{
display: none !important;
}

#slide-0{
    background-size: 675px 288px !important;
}
#slide-1{
    background-size: 675px 288px !important;
}
#slide-2{
    background-size: 675px 288px !important;
}
#slide-3{
    background-size: 675px 288px !important;
}
#slide-4{
    background-size: 675px 288px !important;
}
*/
 
/*

#followup-items{
  padding-right: 0px !important;
  
}

#slider{
  height :  !important;
}

.bootstrap-iso .col-xs-4{
  width: 41.333% !important;
}
#greeting-message{
  margin-left: 17px !important;
}
#floating-header-content{
  float: left;



.grid-item-4{
  margin-right: -160px !important;
}
.grid-item-5{
  margin-left: 160px !important;
}
*/

/*
#right-side{
width:50% !important;
  
}
/*#mainTabLink0{
  width: 175px !important;
}
#mainTabLink1{
  width: 175px !important;
}*/
#mainTabLink2{
  width: 178px !important;
}
#profilecontainer .htabs-container .tabs UL LI, #overviewcontainer .tabs UL LI, #profilecontainer .htabs-container .tabs UL LI A, #overviewcontainer .tabs UL LI A{
  width: 178px !important;
}
#overviewcontainer #content #subTabs .subheader.htabs-container .tabs .anythingSlider.anythingSlider-default .batchslide.anythingBase.horizontal li.batchslideitem.panel a{
  padding:0px !important;
}
/*.bootstrap-iso .col-md-8 {
  padding: 0px !important;
 
}*/
/*.bootstrap-iso .col-xs-4 {
    width: 196px !important;
}*/
/*.option-credit-health UL LI {
    padding: 2px 0;
    float: right;
    width: 400px !important;
}*/
.option-credit-health .value {
    width: 200px !important;
  margin-right:34px;
}
/*.value .green-number.PerPay {
    margin-left: 0px !important;
}*/
 
/*.employerFundingCart .cost{
  padding-right: 0px !important;
 }*/
/*.in-Cart .cost{
  text-align: left !important;
}*/
/*.cost{
  width: 225px !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: 16px !important;
}
.account{
  text-align: center !important;
}
.heading-text{
  margin-top:0px !important;
}
.module-content-header-container{
  margin-bottom: 0px !important;
}
.view-mode-2{
  height : auto !important;
}
#bullet-space UL{/*To Apply bullets*/
padding-left: 31px;
  list-style-type: disc;
margin-top: 0px !important;
}

/*home module size (781823)*/
#home-module-welcome #slider .sliderContainer .slide-content, .home-module-integrated #slider .sliderContainer .slide-content 
{
float: left;
background-color: rgba(245,245,245,.8);
margin: 0rem !important;
}

/*home module content size (781823)*/
#home-module-welcome .content, .home-module-integrated .content
{
    float: left;
    clear: both;
    margin: 1rem;
}
 /*find out more button size (781823) */
#home-module-welcome #slider .sliderContainer .slide-content .content .btn, .home-module-integrated #slider .sliderContainer .slide-content .content .btn {
    font-size: 83%;
    margin-top: 1rem;
}

/*cost to you location (781823)*/
.option-credit-health .option {

    float: right !important;
    width: 141px !important;
}
/*remove option from benefit page (781823) */
.option-credit-health .credit-number .credit {

    font-size: 18px;
    font-weight: normal;
    display: none;
}
#right-side
{
  height: auto !important
}
#contactTabContactPreferences .edit-button /*edit button*/
{
  display: none;
}
#claim{
  padding: 0px !important;
}
#claim{
  padding:0px !important;
}
/*.input-group {
  margin-left: 8px;
}*/
.grid-item-2{
  height: auto;
}
.grid-item-4{
  height: auto;
}
#left-side{
  height: auto !important;
}#right-side{
  height: auto !important;
}
/*#make-a-claim{
 
  height: 226px;
  
}*/
#followup-items
{
  float: right;
}
.tab-body .benefit-type-content /*information button on selection page*/
{
  text-transform: none
}
.benefit-matrix .modal-footer #confirmation-buttons .confirm_agreement > label{
  width: 80% !important;
}
/*benefit overview*/
#overviewcontainer #headerTabs 
{
  margin-left:115px;
}
/*benefit overview*/
#subTabs 
{
  margin-left:115px;
}
/*removing extra space from header and logo*/
/*#header
{
  padding-bottom: 0rem !important;
  margin-bottom: -2rem !important;
}*/
.modeller-container .fsa-availablebalance {
    display: block !important;
}
.jssora106 .right-icon{
  left: -15px !important;
}
.jssora106 .left-icon{
  left: 15px !important;
}
#assistanceItems{
  float:left !important;
}
.img.Ldab59cbd-e26f-4ca4-a5fc-0209a82eb624 {
    background-size: 192px !important;
    clear: both;
    text-align: center;
    background: url(/bankjuliusbaer/media/BJB%20IMAGES/186793599_GroupLife.jpg) no-repeat;
}
.img.L2ec7cd7a-bc16-4248-80cb-bd180830b92c{
    background-size: 192px !important;
    clear: both;
    text-align: center;
    background: url(/bankjuliusbaer/media/BJB%20IMAGES/157622360_Group%20Income%20Protection.jpg) no-repeat;
}
.img.L7a78e6ea-ac0d-4d70-b30c-a9ae4a95f24f{
    background-size: 192px !important;
    clear: both;
    text-align: center;
    background: url(/bankjuliusbaer/media/BJB%20IMAGES/157697835_Group%20Dental.jpg) no-repeat;
}
.img.L2a26d3c9-34cf-4e42-9dba-2c01851be2d8{
    background-size: 192px !important;
    clear: both;
    text-align: center;
    background: url(/bankjuliusbaer/media/BJB%20IMAGES/Group%20Personal%20Accident.jpg) no-repeat;
}


/*.bootstrap-iso .glyphicon-menu-up::before {
    content: "\e259" !important;
}
.bootstrap-iso .glyphicon-menu-down::before {
    content: "\e260" !important;
}*/
#floating-header-content .call a{
    height: auto !important;
}
#floating-header-content .mail a{
    text-decoration: none !important;
}
.tbs-module-pager .tbs-pager .right-arrow {
    margin-left: 0px !important;
}
.tbs-module-pager .tbs-pager .left-arrow {
    margin-right:  0px !important;
}
.make-a-claim-buttons{
  height: 70px ;
}
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager {
  bottom: 1px !important;
  width: 115px;
  }
.manage-claims-buttons{
  height: 55px;
}
/*.col-md-4{
  padding-right: 0px !important;
  padding-left: 9px !important;
  width: 263px !important; 
}*/
/****To Display the Chat Option****/
/*#chatUnavailable {
  display: block !important;
}#webChatStatus{
  display: block !important;
}*/
/*
*/
/* to keep name and surname in one line*/

.col-md-4
{
  padding : 0px !important;
  width: 254px !important;
}


/*to hide new / change icon 781823*/ 
.changebenefit.ng-scope
{
  display:none;
}
.newbenefit.ng-scope
{
  display:none;
}
#profile body#profile .profile #profile-online-2 #dependantsTab P.full-name, html#profile body#profile .profile #profile-online-2 #beneficiariesTab P.full-name {
  margin-left: -6px !important;
}
/*#user-div{
  margin-top:21px !important;
}*/

/* hide middle name    781823 */
.middle-name

{
  display: none;
}
/*useful information hide*/
#navtablist2 #menu2
{
  display:none;
 }

/* Hide date format (dd/mm/yyy) on benefit statement page*/
#dateFormat
{
display:none;
}

/* Minification failed (line 1973, error number 1019): Unexpected token, found '}' */