/****************************************** Home page styling *******************************************/

/*Footer alignment*/
#footer a { margin: 3px 0;}

/*Get the aon app alignment || Carousel 2*/
#slide-1 .content.visible-sm-block.visible-md-block.visible-lg-block.ng-binding {
    margin-left: 70px;
}

/*Need assistance drop down allignment*/
.online-two-iso #floating-header #floating-header-content a {
       margin-right: 10px;
}

/*Logo*/

#logo {
  background: url(/takeda/media/takedabenefits/Global/Logo.png) no-repeat 0 center/contain; width: 320px; height: 80px; margin-bottom: 12px;
}

/*Hide Hamburger*/
#slider-home-module-carousel .menu-header {display: none}

/*home page styling*/
#home-integrated .btn.btn-default {
  width: 100%;
  border-radius: 20px;
}

/*Header and footerfooter
.online-two-iso #terminator #header.header-fullwidth {background: linear-gradient(to right,#EE1100,#b2e7fa) !important;}

.online-two-iso #terminator #footer.footer-fullwidth {background: linear-gradient(to right,#EE1100,#b2e7fa) !important;} */

/*Text transform header menu*/

#navtablist0 #menu0{
  text-transform:capitalize;
}

#navtablist1 #menu1 {
  text-transform:capitalize;
}

/*Welcome message styling*/
#home-online-three .dashboard-controls {
  margin: 0px 0.5rem 10px 0.7rem !important;
  box-shadow: 0 6px 2px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.1);
  padding-left: 1%;
  height: 3rem !important;
}
/* carousel thumbnail width*/
#home-module-welcome #slider .thumb .rect, .home-module-integrated #slider .thumb .rect {
  width: 220px;}
#home-module-welcome #slider .thumb, .home-module-integrated #slider .thumb {background-color: #DDC9A5;}

/*remove grid gap on home page*/
#home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container {grid-gap: 0px;}

/* hide module more info icon */
#home-online-three #home-integrated .module-content-header-container .online-three-module-popover-control {
  display: none;
}
/*Home page tile content size*/
#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: 18px;
}

/*Current Coverage (review your benefit coverage font size)*/
#benefit-statement-intro-datatext .ng-scope{ font-size: 18px;}

/*Claims Summary */
.tbs-module-pager .tbs-pager-content {
    font-size: 16px;
}

/*Need help button*/
.helptoggle {
  background-color: #EE1100 !important; 
}

.helptoggle:hover{
  background-color: #4C4948 !important;
  color: #fff !important;
}

/*Search button*/
.button.search-btn {
  background-color: #EE1100 !important; 
}
.button.search-btn:hover {
  background-color: #4C4948 !important;
  color: #fff !important;
}

/*fa fa icon home page*/
#user-div a .fa{
  color: #EE1100;
}

#user-div a .fa:hover {
  color:#4C4948 !important;
}

/*Home page tiles border and in between color*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
  background-color: #fafafa !important;
  padding: .5rem !important;
  
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content,
.bootstrap-iso .carousel.home-module-integrated {
  background: white !important;
  border: none !important;
  border-radius: 0 !important;
}
.online-two-iso .sensitive-data-toggle input:checked+.slider , .online-two-iso input:checked+.slider { background-color: gray;}
.online-two-iso .sensitive-data-toggle .slider, .online-two-iso .slider { background-color: #4C4948;}


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

/*module styling*/
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content, .bootstrap-iso .carousel.home-module-integrated {
  border: none;
  border-radius: 0;
  box-shadow: 0 6px 2px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.1);}


.help-ico .helptoggle {background-color: #00A9E4; color: white !important; text-transform: capitalize;}

/*hide faded box on carousel*/
#home-module-welcome #slider .sliderContainer .slide-content, .home-module-integrated #slider .sliderContainer .slide-content {
  background-color: transparent;}

/*Pop up colors*/

.header-overlay {background-color: #EE1100 !important;}
#benefit-overview #overviewAccordion .panel-default>.panel-heading {background-color: #EE1100 !important;}
button#BenefitNameFilter {background: none; color: #333;}
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A {color: #EE1100; border-bottom: solid .5em #EE1100;}


/*Need help icons*/
.helptoggle[aria-expanded="true"]{background-image: url(/alcon/media/TemplateSite.Corporate/Global/chevron-up.png)!important;}
.helptoggle[aria-expanded="false"]{background-image: url(/alcon/media/TemplateSite.Corporate/Global/chevron-down.png)!important;}

/*Benefit matrix page styling*/

.benefit-matrix .benefit-category .panel-default > .panel-heading {
  background-color: #EE1100;}

.benefit-matrix .row.title .glyphicon-info-sign-color {
  color: #EE1100;}

.benefitselect .products .box-border.sel .header {
  background-color: #EE1100;
}


.benefitselect .products .box-border.sel {
  ackground-color: #EE1100;
}

.checkout-button .green{
  background-color: #EE1100 !important;
}


.checkout-button .green:hover{
  background-color: #4C4948 !important;
}


.benefitselect .line-benefit-intro .glyphicon-info-sign-color {
  color: #EE1100;
  
}

.online-two-iso .modal-large .close {
  color: #EE1100;}
.links-group.four-links {display: none;}


/*manage claim styling*/
.online-two-iso .webpartTitle {
  background-color: #EE1100;
  color: #fff;
}
.btn.btn-success.fileinput-button {
  color: #fff;
  background-color: #EE1100;
  border-color: #EE1100;
}

.btn.btn-success.fileinput-button:hover {
  background-color: #4C4948; 
  color: #fff;
  border-color: #4C4948;
}

#tblFiles .btn.btn-primary{
  color: #fff;
  background-color: #EE1100;
  border-color: #EE1100;
}

#tblFiles .btn.btn-primary:hover{
  background-color: #4C4948; 
  color: #fff;
  border-color: #4C4948;
}

.fsaClaimSubmitContainer .btn-primary, .fsaClaimSubmitContainer .btn-primary:focus, .fsaClaimSubmitContainer .btn-primary:active {
  color: #fff;
  background-color: #EE1100;
  border-color: #EE1100;
}
.claim .btn.btn-default.btn-lg.ng-isolate-scope{
  color: #fff;
  background-color: #EE1100;
  border-color: #4C4948;
}
.claim .btn.btn-default.btn-lg.ng-isolate-scope:hover {
  color: #fff;
  background-color: #4C4948;}

.online-two-iso .datepicker-container .input-group-btn .btn {
  background-color: #EE1100;
  border-color: #EE1100;}

.btn.online-two-datepicker {
  background-color: #EE1100;
  border-color: #EE1100;
}


.online-two-iso .datepicker-container .input-group-btn .btn:hover , table.uib-daypicker .btn-default:hover {
  background-color: #4C4948;
  border-color: #4C4948;
color:#fff}
li.uib-button-bar button.btn.btn-sm.btn-info.uib-datepicker-current,
li.uib-button-bar button.btn.btn-sm.btn-danger.uib-clear,
li.uib-button-bar button.btn.btn-sm.btn-success {
    color: #fff;
    background-color: #EE1100;
    border-color: #fff;
}
li.uib-button-bar button.btn.btn-sm.btn-info.uib-datepicker-current:hover,
li.uib-button-bar button.btn.btn-sm.btn-danger.uib-clear:hover,
li.uib-button-bar button.btn.btn-sm.btn-success:hover {
    color: #fff;
    background-color: #4C4948;
    border-color: #fff;
}


.spending-account-name.ng-binding {
  font-size: 20px;
}

/*manage claim styling*/
.spendingaccountsTab-container .tabs UL LI.sel A {
  background-color: #EE1100; 
}

.btn.btn-primary.claim-details-edit.ng-scope.ng-isolate-scope, .btn.btn-info.claim-detais-print.ng-isolate-scope{ background-color: #EE1100; }
.btn.btn-primary.claim-details-edit.ng-scope.ng-isolate-scope:hover, .btn.btn-info.claim-detais-print.ng-isolate-scope:hover{ background-color: #4C4948; }

/****************************************** button styling *******************************************/
/* default colour */
.bootstrap-iso .btn-primary,
.bootstrap-iso .btn-danger,
.bootstrap-iso .btn-info,
.bootstrap-iso .btn-default,
.bootstrap-iso .btn-warning,
.bootstrap-iso .btn-success,
.bootstrap-iso .btn-popup,
.online-two-iso A.button-style,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue,
.online-two-iso A.button-style.blue,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray,
.online-two-iso A.button-style.gray,
.benefitheader-fixed div#followup-items a.btn,
.benefitheader-fixed div#resettodefaults a.btn,
.benefit-matrix .confirm-checkout-button .btn-success,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green, .online-two-iso A.button-style.green,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info , .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success , .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger,
.modal-footer button.btn.btn-default , .modeller-links li a.checked , .benefit-matrix .benefitheader.benefitheader-border
{
  background-color: #EE1100; 
  color: #fff;
}


/* hover colour */
.bootstrap-iso .btn-primary:hover,
.bootstrap-iso .btn-danger:hover,
.bootstrap-iso .btn-info:hover,
.bootstrap-iso .btn-default:hover,
.bootstrap-iso .btn-warning:hover,
.bootstrap-iso .btn-success:hover,
.bootstrap-iso .btn-popup:hover,
.online-two-iso A.button-style:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:hover,
.online-two-iso A.button-style.blue:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:hover,
.online-two-iso A.button-style.gray:hover,
.benefit-matrix .row .btn-success:hover,
.benefitheader-fixed div#followup-items a.btn:hover,
.benefitheader-fixed div#resettodefaults a.btn:hover,
.benefit-matrix .confirm-checkout-button .btn-success:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:hover, .online-two-iso A.button-style.green:hover,
.bootstrap-iso .btn-info:hover, .bootstrap-iso .btn-primary:active:hover, .bootstrap-iso .btn-danger:active:hover, .bootstrap-iso .btn-info:active:hover, .bootstrap-iso .btn-default:active:hover,
.bootstrap-iso .btn-warning:active:hover, .bootstrap-iso .btn-success:active:hover, .bootstrap-iso .btn-popup:active:hover, .online-two-iso A.button-style:active:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active:hover, .online-two-iso A.button-style.blue:active:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active:hover, .online-two-iso A.button-style.gray:active:hover,
.benefitheader-fixed div#followup-items a.btn:active:hover,  .benefitheader-fixed div#resettodefaults a.btn:active:hover, .benefit-matrix .confirm-checkout-button .btn-success:active:hover,
.bootstrap-iso .modal-controls .btn-warning:hover, .online-two-iso #exit-cancel A.button-style.blue:hover, .bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:hover, 
.bootstrap-iso .btn-warning.dependant-cancel-btn:hover, .bootstrap-iso .modal-controls .btn-warning:active:hover, .online-two-iso #exit-cancel A.button-style.blue:active:hover, 
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active:hover, .bootstrap-iso .btn-warning.dependant-cancel-btn:active:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:hover , .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:hover , .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:hover,
.modal-footer button.btn.btn-default:hover, .modeller-links li a.checked:hover , .benefit-matrix .benefitheader.benefitheader-border:hover{
  background-color: #4C4948; 
  color: #fff;
}


/* focus colour */
.fsaClaimSubmitContainer .btn-primary:hover,
  .bootstrap-iso .btn-primary:focus,
  .bootstrap-iso .btn-danger:focus,
  .bootstrap-iso .btn-info:focus,
  .bootstrap-iso .btn-default:focus,
  .bootstrap-iso .btn-warning:focus,
  .bootstrap-iso .btn-success:focus,
  .bootstrap-iso .btn-popup:focus,
  .online-two-iso A.button-style:focus,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:focus,
  .online-two-iso A.button-style.blue:focus,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:focus,
  .online-two-iso A.button-style.gray:focus,
  .benefitheader-fixed div#followup-items a.btn:focus,
  .benefitheader-fixed div#resettodefaults a.btn:focus,
  .benefit-matrix .confirm-checkout-button .btn-success:focus, 
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:focus, .online-two-iso A.button-style.green:focus,
  .bootstrap-iso .btn-primary:active,
  .bootstrap-iso .btn-primary:active:focus,
  .bootstrap-iso .btn-danger:active,
  .bootstrap-iso .btn-danger:active:focus,
  .bootstrap-iso .btn-info:active,
  .bootstrap-iso .btn-info:active:focus,
  .bootstrap-iso .btn-default:active,
  .bootstrap-iso .btn-default:active:focus,
  .bootstrap-iso .btn-warning:active,
  .bootstrap-iso .btn-warning:active:focus,
  .bootstrap-iso .btn-success:active,
  .bootstrap-iso .btn-success:active:focus,
  .bootstrap-iso .btn-popup:active,
  .bootstrap-iso .btn-popup:active:focus,
  .online-two-iso A.button-style:active,
  .online-two-iso A.button-style:active:focus,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active:focus,
  .online-two-iso A.button-style.blue:active,
  .online-two-iso A.button-style.blue:active:focus,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active:focus,
  .online-two-iso A.button-style.gray:active,
  .online-two-iso A.button-style.gray:active:focus,
  .benefitheader-fixed div#followup-items a.btn:active,
  .benefitheader-fixed div#followup-items a.btn:active:focus,
  .benefitheader-fixed div#resettodefaults a.btn:active,
  .benefitheader-fixed div#resettodefaults a.btn:active:focus,
  .benefit-matrix .confirm-checkout-button .btn-success:active,
  .benefit-matrix .confirm-checkout-button .btn-success:active:focus,
  .bootstrap-iso .modal-controls .btn-warning:focus,
  .online-two-iso #exit-cancel A.button-style.blue:focus,
  .bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:focus,
  .bootstrap-iso .btn-warning.dependant-cancel-btn:focus,
  .bootstrap-iso .modal-controls .btn-warning:active,
  .bootstrap-iso .modal-controls .btn-warning:active:focus,
  .online-two-iso #exit-cancel A.button-style.blue:active,
  .online-two-iso #exit-cancel A.button-style.blue:active:focus,
  .bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active,
  .bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active:focus,
  .bootstrap-iso .btn-warning.dependant-cancel-btn:active,
  .bootstrap-iso .btn-warning.dependant-cancel-btn:active:focus {
  background-color: #EE1100; 
  color: #fff;
}


/* Remove Bank account colour change*/
A.button-style.orange {
    background: #EE1100 !important;
       }

A.button-style.orange:hover {
    background: #4C4948 !important;
       }

A.button-style.orange:focus {
    background: #4C4948 !important;
       }

/*Home page mobile view button styling*/
#home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default, #home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default {
  width: 100%;
  background-color: #EE1100; 
  color: #fff;
  border-radius: 20px;
}


/*View upload document table styling*/
#tabledocuments > thead > tr > th {
  background: #EE1100;
  border: 1px solid #fff;
  text-align: center;
}
#tabledocuments tbody td{
  text-align: center;
}

/*Search page*/
.button:focus, .button:hover {
  background-color: #4C4948!important; 
  
}
.button:focus, .button {
  background-color: #EE1100 !important;
  
}

/* for styling buttons that convey meaning of a negative action e.g. cancel/close/remove etc. */
.bootstrap-iso .modal-controls .btn-warning,
.online-two-iso #exit-cancel A.button-style.blue,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning,
.bootstrap-iso .btn-warning.dependant-cancel-btn {
  background-color: #EE1100; 
  color: #fff;
}

/* login page CSS */
.online-two-iso.login body { background-image: url(/takeda/media/takedabenefits/Global/Takeda%20Login.jpg);}


.online-two-iso.login .LoginPageContainer #main {
  float: left;
}

#login-modules-container .module-text a {color: black;}


/*Text tranforme none*/
* { text-transform: none !important;}
/*color of menu */
.online-two-iso #menu-no-dashboard li a.selected { color: #EE1100;}
.online-two-iso #menu-no-dashboard li a { color: #00AEEF;}
/*color change for welcome message and module heading on homepage and event days*/
#home-online-three #home-integrated .module-content-header-container h3.module-content-header, #home-online-three .dashboard-controls #greeting-message { color: black;}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left {color: #666;}
/*benefit overview tab color*/
@media (min-width: 770px){.online-two-iso .modal-large a.tab-selector-link:hover, .online-two-iso .modal-large .tab-selector-link.active {color: #00AEEF; border-bottom: solid .5em #00AEEF;}}

/*Module Images*/
/*.grid-item-1 .content-text:before {content: url('/alcon/media/TemplateSite.Corporate/Benefit%20Choices.jpg')}
.grid-item-3 .title:before {content: url('/alcon/media/TemplateSite.Corporate/Manage%20Claims.jpg')}
.grid-item-4 .make-a-claim-intro:before {content: url('/alcon/media/TemplateSite.Corporate/Make%20Claim.png')}
.grid-item-5 .content-text:before {content: url('/alcon/media/TemplateSite.Corporate/Upload.png')}*/
/*.grid-item-5 .content-text:before { content: "\f093"; font-family: 'FontAwesome'; font-size: 75px; display: block;color:#4C4948;}*//*upload document*/
/*.grid-item-1 .content-text:before { content: "\f07a"; font-family: 'FontAwesome'; font-size: 75px; display: block;color:#4C4948;}*//*enrollment*/
/*.grid-item-3 .title:before { content: "\f07c"; font-family: 'FontAwesome'; font-size: 75px; display: block;color:#4C4948;}*//*Manage Claims*/
/*.grid-item-4 .make-a-claim-intro:before { content: "\f016"; font-family: 'FontAwesome'; font-size: 75px; display: block;color:#4C4948;}*//*Make a claim*/
/*Benefit Matrix Page Active Data hide i icon*/
.activewithdata-category-icon.glyphicon.glyphicon-info-sign.glyphicon-info-sign-color {
  display: none;
}

/*Small icon formatiing in EOI for in cart cost*/
.in-Cart .cost, .in-Cart .funded {padding: 20px 70px 16px 0;}
/*enroller benefit header color*/
.benefit-matrix .group-default , .benefit-matrix .benefit-active-benefits .active-intro {color: #EE1100;}
/*validation rule color*/
/*.online-two-iso .validation-rules li.failed, .errorMsg, .ImportantMessage, .validMsg, .active-benefits .error, .benefit-matrix .confirm-warning,*/
.benefit-matrix .benefitheader, .htabs-container .tabs UL LI.sel A {color: #EE1100;}
/*Random content color change*/
.online-two-iso h1, A:focus, A:hover {color: #000000;}
.active-benefits .header {color: #EE1100;}
.bootstrap-iso .btn.online-two-datepicker {background-color: #EE1100;}
a#btnNewDocument {color: #EE1100 !important; font-weight: bold;}
A {color: #4C4948;}
.bootstrap-iso .btn-warning.disabled:hover {color: #4C4948;}
html#profile body#profile .profile #profile-online-2 P.sectionTitle {color: #4C4948;}
.bootstrap-iso .text-success {color: #4C4948;}
button.btn.btn-primary.btn-lg.ng-isolate-scope:hover {background: #4C4948;}
h3.dependantModalHeader, .online-two-iso .modal-normal a.tab-selector-link:hover, .online-two-iso .modal-normal .tab-selector-link.active,.section_title {color: #4C4948;}
.dependant-list-top a.dependant-add-link , .dependant-list a.dependant-edit-btn , .dependant-list a.dependant-edit-btn {color: #4C4948;}
.dependant-list-top a.dependant-add-link:hover , .dependant-list a.dependant-edit-btn span:hover , .dependant-list a.dependant-edit-btn span:hover , .dependant-list a.dependant-edit:hover ,.dependant-list a.dependant-remove:hover {color: #EE1100;}
.online-two-iso .validation-caption {color: #4C4948;}
.online-two-iso .validation-caption {color: #4C4948;}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager button:after {color: #fff;}
.bootstrap-iso .btn-warning.disabled:hover, .bootstrap-iso .btn-warning[disabled]:hover, .bootstrap-iso fieldset[disabled] .btn-warning:hover, .bootstrap-iso .btn-warning.disabled:focus, .bootstrap-iso .btn-warning[disabled]:focus, .bootstrap-iso fieldset[disabled] .btn-warning:focus, .bootstrap-iso .btn-warning.disabled.focus, .bootstrap-iso .btn-warning[disabled].focus, .bootstrap-iso fieldset[disabled] .btn-warning.focus {
    background-color: #DDC9A5; border-color: #eea236;}
.header-overlay A.close {color: #fff;}
/*Mobile view*/
@media (max-width: 600px){ #home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light .days-left, #home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light .days-left {
  font-size: 2rem;
  vertical-align: sub;
  color: #EE1100;
}}
/*view upload document alignment for mobile app*/
@media screen and (max-width:600px){
#dlguploadDocument .row-space .column-left{width:24% !important;}
#dlguploadDocument .row-space .column-right{width: 70% !important;}
	#ddlCorrespondenceType{width:100% !important;}
	#descriptionInfo{width:100% !important;}}

/*Claim page header gap fix*/
#claim #header { margin-top: -60px !important;
}

/*Benefits over view Clear filer button hover*/
.clear-filter.btn.btn-warning.disabled:hover{
    background-color: #4C4948; 
  color: #fff;
}
.bootstrap-iso .progress-bar-success {background-color:#4C4948;}
.benefit-matrix .default-cost, .benefit-matrix .font-youpay-color {color: #EE1100;}
.modeller-links li a.unchecked {color: #fff; background-color: #EE1100;}
.modeller-links li a.unchecked:hover {color: #fff; background-color: #4C4948;}
#benefit-overview .benefit-overview-title H1 {color: #EE1100;}
.add-beneficiary {color: #EE1100;}
.add-beneficiary:hover {color: #4C4948;}
.bootstrap-iso .close:hover, .bootstrap-iso .close:focus { color: #fff;}
/*update delete text in view upload table after document is attached and saved*/
#documentsContainer #tabledocuments th:last-child:before {content: "Delete";}
a#btnNewDocument:hover {color: #4C4948 !important;}
/*remove logoin module*/
.online-two-iso.login .LoginPageContainer .login-module-zone {display: none;}




/*look and feel of home page
.online-three#home #terminator #header.header-fullwidth , .online-two-iso #terminator #footer.footer-fullwidth { background: linear-gradient(to right, #EE1100, #b2e7fa);}
.online-two-iso #menu-no-dashboard li a.selected { color: #fff;}
.online-two-iso #menu-no-dashboard li a { color: #fff;}
li#user-div a i { color: #fff !important;}
.dashboard-page-container  { background: #EE1100;}
div#greeting-message { color: #fff !important;}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content, .bootstrap-iso .carousel.home-module-integrated {background: linear-gradient(to right, #66cef5, #EE1100 ) !important;     color: #fff !important; }
.online-two-iso #footer a { color: #fff; }
.module-content button.btn.btn-default:hover {background-color: #fff ; color:#333}
.sensitive-data-toggle .caption-text {color: #fff;}
.slide h3 {color: #333 !important;}
.online-two-iso #menu-no-dashboard li a:before { content: "\f105"; font-family: 'FontAwesome'; margin-right: 2px;} */



/*update benefit icon imaages*/
@media (min-width: 770px){
#benefit-overview .summaryImage .img, .benefit-menu .img,.active-benefits .img { background: url(/alcon/media/TemplateSite.Corporate/Benefitsicons.png) no-repeat;}}
.benefit-menu .img {height: 150px;}
.glyphicon.glyphicon-remove.close:hover, .glyphicon.glyphicon-remove.close:focus {color: #333 !important;}

/*@media only screen and (max-width: 750px){
div#header a.main-menu-toogle.btn.visible-xs .fa-bars:before , div#mobile-links a.user-toogle.btn.visible-xs i.fa.fa-gear {color: #fff;}*/
.online-two-iso #menu-no-dashboard li a.selected {color: #EE1100;}
.online-two-iso #menu-no-dashboard li a {color: #4C4948;}
#home-online-three .dashboard-controls #greeting-message {font-size: 17px;}}
/*to make module text bold*/
h3.module-content-header {font-weight: bold;}

/*Rectangle box */
@media (min-width: 1161px){.online-three-allpages-fullwidth .wrapper-fullwidth .benefit-matrix .benefitheader-fixed { top: 170px}}

/*Hide middle name & last name from add dependent and hide middle name & legal name from already added dependent*/
.dependant-add-item.show .dependant-cell.add.cell-md-6.middle-name {
  display:none; }

.dependant-list-item.ng-scope .dependant-cell.edit.cell-md-6.middle-name.ng-scope
{
  display:none; }

.dependant-list-item.ng-scope .dependant-cell.edit.cell-md-6.legal-name.ng-scope{
  display:none;
}
.dependant-list-item.ng-scope .dependant-cell.edit.cell-md-6.last-name.ng-scope {
 display:none
}

/*Current Coverage box colour change*/
#benefit-statement-chart-container .highcharts-root .highcharts-background {
       fill: transparent;
}

/*Manage Dependents, Confirm Choices and Benefit Overview Learn More hover x button color*/
.dependantContainer .modal-header.dependant-normal .dependantModalHeader +.btn-nostyle:hover {color: black !important;}
.modal-dialog.modal-lg .modal-content .modal-header .close.btn-nostyle:hover {color: black;}
.modal-dialog.modal-large .modal-content .close.btn-nostyle:hover {color: #EE1100;}

/*life event acordion color*/
.bootstrap-iso .panel-default>.panel-heading {
    color: #fff;
    background-color: #EE1100 !important;
    border-color: #E5E5E5;
}

/* Business Travel Accident Insurance image */
.img.BenefitImage_153ad92f-0c33-4d94-b40f-c34c0759743d.IntroNode_153ad92f-0c33-4d94-b40f-c34c0759743d {
    background-position: 50% -730px !important;
    background-size: 69% !important;
}

/* ISOS Global Assistance Program image */
.img.BenefitImage_8d1a559b-40a6-4f46-8f99-cd0a6384c99f.IntroNode_8d1a559b-40a6-4f46-8f99-cd0a6384c99f {
    background-position: 50% -3200px !important;
    background-size: 70% !important;
}

/*Select election heading*/
.election-info-collect .election-detail .caption {
    font-size: 14px ;
}

.election-info-collect .election-detail .sub-caption {
    font-size: 14px ;
}

/*In profile section line was appearing in Bank account tab*/
#bankAccountTabBankAcountContent .addbankAccountContainer .space-bar{
 display:none;
}

/*In profile section line was appearing in beneficiary tab*/
#beneficiariesTabBeneficiaryContent .addBeneBttnContainer {
    display: none;
}

/*when we click on change button from Option 1 box benefit selection page (close hoever colour was white)*/
.modal-header .close-button.close.btn-nostyle .glyphicon.glyphicon-remove:hover{color: black}

/*Beneficiary Change Allocation >No allocation color*/
#allocationContent .btn.btn-primary.active {background-color: #EE1100;}
#allocationContent .btn.btn-primary.active:hover {background-color: #4C4948;}

/*Manage Dependents Tab bottom line color*/
.online-two-iso .modal-normal a.tab-selector-link.active {border-bottom: solid .5em #4C4948;}
.online-two-iso .modal-normal a.tab-selector-link:hover {border-bottom: solid .5em #4C4948 !important;}

/*Mobile View Days left text clor*/
@media only screen and (max-width: 600px) {
  .days-left +span +span{
    color: black
  }
}
@media only screen and (max-width: 600px) {
  .days-left +span {
    color: black
  }
}

/* Benefit matrix page--> Add dependent flow (Sucess popup on 1st step)*/
#event-upgrade-success .result-message {
    display: none;
}

/* Benefit matrix page--> Add dependent flow-- Step 2 dependent coverage summary*/
.modal-content .dependantContainer.dependant-event .modal-body.dependant-normal .tab-body .coverage-pannel{
  display: none !important;
}

/*Line Images allignment*/
.benefitselect .benefit-menu .img , .benefit-matrix .benefitline .benefit-menu .img { width: 200px; height: 130px;}

/*Profile alignment*/
div#profilecontainer div#contactTab .row .grid-cell,div#profilecontainer div#personalTab .row .grid-cell, div#dependantsTab .row .grid-cell, div#beneficiariesTab .row .grid-cell{min-height:10em!important;}

/*Current Coverage bar colour*/
.highcharts-series-group .highcharts-series.highcharts-series-1.highcharts-bar-series.highcharts-tracker .highcharts-point {
    fill: #00AE44;
}
.highcharts-series-group .highcharts-series.highcharts-series-0.highcharts-bar-series.highcharts-tracker .highcharts-point {
    fill: #FF6B12;
  }

/*Current Coverage amount colour*/
#item-0 .payslip-item-amount {
  color: #666 !important;
}
#item-1 .payslip-item-amount {
  color: #666 !important;
}

#item-2 .payslip-item-amount {
   color: #666 !important;
}

/*Manage Dependent "Edit,remove, save, cancel, add button colour and border change"*/

.dependant-edit.according.dependant-edit-btn{
 border-style: solid;
 border-color: #EE1100;
 color:white;
 background-color: #EE1100;
    }
.dependant-edit.according.dependant-edit-btn:hover{
  color:white !important;
  background-color: #4C4948;
  border-color: #4C4948;
}
.dependant-edit.according.dependant-edit-btn .ng-isolate-scope:hover{
 color: white
 }
.dependant-edit.according.dependant-edit-btn .glyphicon-pencil:hover{
 color: white
 }
.dependant-remove.dependant-edit-btn{
 border-style: solid;
 border-color: #EE1100;
 color:white !important;
 background-color: #EE1100;
    }
.dependant-remove.dependant-edit-btn:hover{
  color:white !important;
  background-color: #4C4948;
  border-color: #4C4948;
}
.dependant-remove.dependant-edit-btn .ng-isolate-scope:hover{
 color: white !important;
 }
.dependant-remove.dependant-edit-btn .glyphicon-remove:hover{
 color: white !important;
 }


.dependant-edit.dependant-edit-btn{
 border-style: solid;
 border-color: #EE1100;
 color:white !important;;
 background-color: #EE1100;
    }

.dependant-edit.dependant-edit-btn:hover{
  color:white ;
  background-color: #4C4948;
  border-color: #4C4948;
}
.dependant-edit.dependant-edit-btn .ng-isolate-scope:hover{
 color: white
 }
.dependant-edit.dependant-edit-btn .glyphicon-pencil:hover{
 color: white
 }

/*Submit claim description font*/
#make-a-claim .make-a-claim-copy.module-copy .make-a-claim-intro {
    font-size: 16px;
}

/*Hide "This benefit has some outstanding follow-up items required. See below." follow up message from  "group medical coverage" */
.followup-container .followup-item-collect.ng-scope.alert-warning .followup-collect-content.row .followup-collect-info {
 display:none;
}

/*Bnenefit overview header size on benefit overview page*/
#benefit-overview .benefit-overview-title H1 {
    font-size: 2.4em;
    font-weight: 500;
    }

/*Footer line dife
#footer hr.footer { display: none;}*/

/*No space between paragraph*/
.NSBP{
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  }

/*Space btw paragraph*/
.SBP {
padding-top: 20px;
}
/*space between paragraph
.SBP{
  padding-bottom: 6px !important;
  margin-bottom: 6px !important;
  }
*/



/*Changed Content color to black thorought the site*/

body {
  
  color: #666666 !important; 
}

/*Dependents Enrolled colour and font bold*/
.dependent-approved {
    color: #00AE44;
  font-weight: bolder;
}

/*Mobile app view on portal --> need assistance drop down --> Color */
@media only screen and (max-width: 768px) {
  #floating-header-content A {
color: white !important;;
  }
}
/*Change allocation after selecting button--> colour*/
#allocationContent .btn.btn-primary.active {
    background-color: #4C4948 !important;
}

/*Chat Button Need to Fix*/
#footer div.chat-button.chat-button-rectangle {
width: 150px !important;
}

 /*Global Business Travel Accident Insurance and International SOS*/
.img.BenefitImage_8b8c7ee9-f445-4c26-91d2-fd9b05bfcaba.IntroNode_8b8c7ee9-f445-4c26-91d2-fd9b05bfcaba{
  background-position: 50% -730px !important;
  background-size: 70% !important;
}

/*Global - EAP - Benefit Image (Hands)*/
.img.BenefitImage_0acb7d8f-e4cc-4eb4-a324-3de7954bc47c.IntroNode_0acb7d8f-e4cc-4eb4-a324-3de7954bc47c {
 background-position:50% -2545px!important;
 background-size:70%!important;
}

#benefit-overview H3.summaryTitle {
    color: black;
}

.ui-tooltip{
              background-color:white; 
              padding: 8px; 
              position: absolute; 
              z-index: 1; 
        top:100%; 
               margin-bottom: 20px; 
        margin-left: -20px; 
              max-width: 300px; 
              -webkit-box-shadow: 0 0 5px #aaa; 
              box-shadow: 0 0 5px #aaa; 
              color:#000000; 
 opacity: 7;
}

/*Drop down alignment*/
#floating-header-content A {
      width: 296px !important;
   }

/*Carausel 2 font color*/
#slide-1 h1 {
    color: white;
}


 /*No space between paragraph*/
.NSBP{  padding-bottom: 0px !important;   margin-bottom: 0px !important;   }  


/*Space btw paragraph*/ 
.SBP { padding-top: 20px; }

/*Claims button and print button colour update*/

#claim .modal-header .btn-info {
    color: #fff;
    background-color: #EE1100;
    border-color: #46b8da;
}

#claim .modal-header .btn-info:hover {
    color: #fff;
    background-color: #4C4948;
    border-color: #4C4948;
}

#claim .col-md-12.grid-cell.row .btn.btn-primary.btn-lg:focus{
background-color: #4C4948;
  border-color: #4C4948;
  
}
#claim .col-md-12.grid-cell.row .btn.btn-default.btn-lg{
    border-color: #46b8da;
}

#btnPrintClaim {
background-color: #4C4948;
  border-color: #4C4948;
  
}

#claim .btn.btn-default.btn-lg{
      border-color: #EE1100 !important;
}

/*Top Navigation container || Menu Container*/
#menu-container {
    display: none !important;
}

/*Benefit Image width*/
#benefit-overview .summaryImage {
    width: 185px;
   }

/*Login button round shape*/
#login {
    border-radius: 20px;
}

/*Mobile Registration page button round shape*/
#newPasswordSave{
 border-radius:20px;
}

/*Profile > Address > Edit Button Round Shape
#contactTabContactPreferences .button-style.blue.ng-binding {border-radius:20px;
}

Profile > Security > "Change Security Questions" button Round Shape
#dspSaveAnswer {border-radius: 20px;
} */

/*Remove Colour Bar from Benefit statement*/

#benefit-statement-chart-container .highcharts-point {
    display: none;
}

/*Confirm choices popup button colour*/
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active, .benefit-matrix .confirmchoice .btn-default.active {
    background-color: #E10;
   }

/*Login Page box background colour*/
.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
    background-color: rgba(235, 168, 0, 1);
}

/*Carousel image*/
#thumb-containder{
  display: none;
}

/*Drop down need assitance box font color*/
#floating-header-content .search input {
    color: #666666;
}

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