/*----------------------------------------------Fonts----------------------------------------------------------*/
@font-face {
    font-family: 'OnlineTwoIconFont';
    src: url('/championx/media/Champion/Font%20files/OnlineTwoIconFont.eot');
    src: url('/championx/media/Champion/Font%20files/OnlineTwoIconFont.eot?#iefix') format('embedded-opentype'),
         url('/championx/media/Champion/Font%20files/OnlineTwoIconFont.woff') format('woff'),
         url('/championx/media/Champion/Font%20files/OnlineTwoIconFont.ttf') format('truetype'),
         url('/championx/media/Champion/Font%20files/OnlineTwoIconFont.svg') format('svg');
    font-weight: normal;
    font-style: normal; 
}
.img-responsive.center-block.ng-scope { width: 150px; height: 150px;}

/*----------------------------------------------Login Page-----------------------------------------------------*/
.online-two-iso.login body{ background-image: url("/championx/media/Champion/login/Ecolab-loginpage-image.jpg");}/*background image*/
#logo { background: url("/championx/media/Champion/login/ChampionX_rgb_2-0_Color.png") no-repeat left/contain; width: 255px; background-size: 260px;}
div#wrapper.isLoginPageWrapper #header #logo { margin: 3% 3% -4% 3%; background-size: 207px; width: 203px;}/*Same logo on Home/Login Page*/
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules { background-color: #000;}/*login footer background color*/
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-title, 
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-text { margin-left: 100px;}/*need help*/
.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body { background-color: rgba(255,255,255,0.7);}/*login box background color*/
.bootstrap-iso .input-group-addon { background-color: #cecfcf; color: #303132;}/*user id and password background color*/
.bootstrap-iso .input-group .form-control { border: 2px solid #cecfcf;}
#benefit-overview .form-control.ng-pristine.ng-untouched.ng-valid.ng-empty { border: 1px solid #000; border-left-color: transparent;}
.online-two-iso.login .LoginPageContainer .input-group input, .online-two-iso.login .LoginPageContainer .input-group .input-group-addon { text-align: left;}/*user id and password alignment*/
.online-two-iso.login .LoginPageContainer #login.btn.btn-primary { background-color: #58a618; border-radius: 15px; border-color: #58a618;}/*login button*/
#contactDetails::before { font-family: FontAwesome; content: '';}
#emailDetails::before { font-family: FontAwesome; content: '';}/*contact and email detail icons*/
.online-two-iso input:checked + .slider { background-color: #62801c;}/*show sensitive data slider*/
#home-online-three .dashboard-controls .sensitive-data-toggle { font-weight: 500;}
.online-two-iso.login .LoginPageContainer span#errMsg { color: red; margin-top: -26px;}

/*--------------------------------------------Forgotten password box---------------------------------------------------*/
#wp-forgetPassword { border: 2px solid #cecfcf; border-radius: 15px; padding: 6px 35px; color: #616365; background-color: white; margin: -69px 150px 0px 0px;}/*forgot password button*/
@media only screen and (max-width:751px){
#wp-forgetPassword { padding: 6px 77px; margin: 0;}
}
#login-assistance.white-popup-block .header-overlay { background-color: #007ac9;}
.cancel-button.ng-scope .button-style.gray.close.ng-isolate-scope, #login-assistance-next.button-style.blue { background-color: #58a618; text-transform: unset;}
.online-two-iso .steps-container { background-color: #cecfcf;}
h5#TitleResetPassword.forgot-password-controls.ng-binding.ng-scope { color: white;}

/*----------------------------------------------home page resolutions----------------------------------------------------------*/
/* specific media query for IE10+ to handle responsive images*/ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { 
 .bootstrap-iso .img-responsive {  width: 100px; height: 100px; }
}

/*Home Page Layout in different views*/
@media only screen and (min-width:768px) {
#home-online-three #right-side .modules-right-side.grid-container,
#home-online-three #home-integrated .modules-right-side.grid-container {
 grid-template-columns: repeat(3,1fr);
 -ms-grid-columns:1fr 1fr 1fr;
 background-color: transparent;
 grid-template-areas:"module-1 module-1 module-2" "module-3 module-3 module-5" "module-4 module-4 module-6" "module-7 module-8 module-9";}
  
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {-ms-grid-column:3;-ms-grid-row:1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {-ms-grid-column:3;-ms-grid-row:2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {-ms-grid-column:3;-ms-grid-row:3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {-ms-grid-column:1;-ms-grid-row:4;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {-ms-grid-column:2;-ms-grid-row:4;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {-ms-grid-column:3;-ms-grid-row:4;}
}

@media only screen and (min-width:1400px){
#home-online-three #right-side .modules-right-side.grid-container,
#home-online-three #home-integrated .modules-right-side.grid-container {
 grid-template-columns: repeat(4,1fr);
 -ms-grid-columns:1fr 1fr 1fr 1fr;
 background-color: transparent;
 grid-template-areas:"module-1 module-1 module-2 module-2" "module-3 module-3 module-4 module-5" "module-6 module-7 module-8 module-9";} 

#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {-ms-grid-column:3;-ms-grid-column-span:2;-ms-grid-row:1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {-ms-grid-column:3;-ms-grid-row:2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {-ms-grid-column:4;-ms-grid-row:2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {-ms-grid-column:1;-ms-grid-row:3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {-ms-grid-column:2;-ms-grid-row:3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {-ms-grid-column:3;-ms-grid-row:3;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {-ms-grid-column:4;-ms-grid-row:3;}
}

@media only screen and (min-width:1920px){
#home-online-three #right-side .modules-right-side.grid-container,
#home-online-three #home-integrated .modules-right-side.grid-container {
 grid-template-columns: repeat(6,1fr);
 -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;
 background-color: transparent;
 grid-template-areas:"module-1 module-1 module-2 module-2 module-3 module-3" "module-4 module-5 module-6 module-7 module-8 module-9";} 

#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {-ms-grid-column:3;-ms-grid-column-span:2;-ms-grid-row:1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {-ms-grid-column:5;-ms-grid-column-span:2;-ms-grid-row:1;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {-ms-grid-column:1;-ms-grid-row:2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {-ms-grid-column:2;-ms-grid-row:2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {-ms-grid-column:3;-ms-grid-row:2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {-ms-grid-column:4;-ms-grid-row:2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {-ms-grid-column:5;-ms-grid-row:2;}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {-ms-grid-column:6;-ms-grid-row:2;}
}

/*------------------------------------------------Corousel----------------------------------------------------------*/
#home-module-welcome .arrowleft .left-icon, .home-module-integrated .arrowleft .left-icon { top: 100px; left: -30px;}
#home-module-welcome .arrowright .right-icon, .home-module-integrated .arrowright .right-icon { top: 100px; left: 25px;}
#home-module-welcome #slider .thumb, .home-module-integrated #slider .thumb {background-color: #cecfcf;}/*smaller carousal images background color*/
.home-module-integrated #slider .thumb .rect { width: 190px;}
#home-module-welcome .welcome-items .menu-header, .home-module-integrated .welcome-items .menu-header {display: none;}
.grid-item-content.home-module-carousel.ng-scope { margin-bottom: -9px;}
#home-module-welcome #slider .sliderContainer .slide-content, .home-module-integrated #slider .sliderContainer .slide-content { background-color: transparent; margin: 0;}

/*---------------------------------------------------Home Page--------------------------------------------------------*/
#home-online-three #right-side, #home-online-three #home-integrated {border-top: .3em solid #cecfcf;}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content { background: #cecfcf;}
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
    border: solid 2px transparent;
}/*home page background color*/
#home-online-three #right-side, #home-integrated, #home-online-three #home-integrated .modules-right-side.grid-container, .grid-item-content { background: #cecfcf;}/*hide grid spacing*/
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content #enrolment.module-content .enrollment-copy 
.event-summary h4.event-name, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment.module-content
.enrollment-copy .event-summary h4.event-name { text-align: left; font-style: italic;}
.event-name.ng-binding.ng-scope::before { content: "Your ";}
#renewalCountdown::before {content: "You have";} /*Enrolment module*/
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content #enrolment.module-content .enrollment-copy 
.event-summary .days-left, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment.module-content 
.enrollment-copy .event-summary .days-left {font-weight: 500; color: #58a618; font-size: 35px;}/*XX days left colour*/
.online-two-iso input:checked + .slider { background-color: #58a618;}/*show sensitive toggle*/
.online-two-iso #terminator #header.header-fullwidth {background-color: #007ac9;}/*Header Color*/
.online-two-iso #menu-no-dashboard li a, .online-two-iso #menu-no-dashboard li a.selected { color: #fff; text-transform: capitalize; font-weight: bold;}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content,
.bootstrap-iso .carousel.home-module-integrated { background: #fff; border: none; border-radius: 0;}/*Modules background color*/
#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: .25em;}/*Less gap between modules*/
.fa.fa-user, .fa.fa-envelope, .fa.fa-sign-out {color: #fff; font-size: 22px;}/*mail,notification,logout buttons*/
#home-online-three .dashboard-controls #greeting-message {color: #000000;}/*welcome text color*/
#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 { color: #007ac9; font-weight: bold;}/*modules heading*/
.glyphicon.glyphicon-info-sign {display: none;}/*hide "i" icon*/
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .module-copy, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .module-copy {text-align: left; font-weight: 500;}/*text alignment*/

/*-----------------------------------------Buttons------------------------------------------------*/
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default {
	width: 100%;
	font-weight: 500;
}
/*All the buttons in same color format*/
.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,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default,
.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 A.button-style.gray,
.edit-link a,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue,
.online-two-iso A.button-style.blue{ background-color: #58a618; border-color: #58a618; text-transform: inherit; color:white; border-radius: 15px;pen}

/*All Active/Focus/Hover on all the buttons*/
.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,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default: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,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default:focus,
.bootstrap-iso .btn-primary:active,
.bootstrap-iso .btn-primary:active:hover,
.bootstrap-iso .btn-danger:active,
.bootstrap-iso .btn-danger:active:hover,
.bootstrap-iso .btn-info:active,
.bootstrap-iso .btn-info:active:hover,
.bootstrap-iso .btn-default:active,
.bootstrap-iso .btn-default:active:hover,
.bootstrap-iso .btn-warning:active,
.bootstrap-iso .btn-warning:active:hover,
.bootstrap-iso .btn-success:active,
.bootstrap-iso .btn-success:active:hover,
.bootstrap-iso .btn-popup:active,
.bootstrap-iso .btn-popup:active:hover,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default:active,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default:active:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:active,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:active:hover,
.online-two-iso A.button-style.green:hover,
.online-two-iso A.button-style.green:focus,
.online-two-iso A.button-style.green:active,
.online-two-iso A.button-style.green:active:hover,
.bootstrap-iso .btn-success:active:focus,
.bootstrap-iso .btn-warning:active:focus,
.online-two-iso A.button-style.gray: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{ background-color: #58a618; border-color: #58a618; text-transform: inherit; color:white; border-radius: 15px;}

/*Need assisstance bar*/
#floating-header-content .search-btn, .button:focus, .button:hover {background-color: #58a618 !important;}
#header a, #header a:focus, #header a:hover { color: #fff; font-weight: 600;}/*text color*/
#header a.helptoggle { color: #007ac9; margin-right: 35px; margin-top: 3px;}
.online-two-iso #terminator #header.header-fullwidth .eol-center { background-color: #007ac9; height: 60px;}/*need assistance pop-up background color*/
.help-ico A { background-color: #fff; border: 1px solid white;}

/*---------------------------------------------Footer------------------------------------------------*/
.online-two-iso #terminator #footer.footer-fullwidth { background-color: #cecfcf;}
#matrix\ matrix-for-enroll, #main.home {margin:0;}/*Remove footer top margin*/
@media only screen and (min-width:751px){
 .online-two-iso #footer div:not(:first-child) a { border-left: 1px solid; }
 .online-two-iso #footer a { padding: 0 1em; text-transform: none; color: #000; }
}/*Footer - separator between footer links*/
.online-two-iso #footer a { font-weight: 500;}/*Footer text color*/

/*-----------------------------------------------Mobile app----------------------------------------------------*/
@media only screen and (max-width:750px){
#menu-no-dashboard, li .selected, #menu li .selected, .submenu li .selected { background: #007ac9 !important;}
#home-online-three .dashboard-controls #greeting-message { font-size: 13px;}
#home-online-three #right-side, #home-integrated, #home-online-three #home-integrated .modules-right-side.grid-container, .grid-item-content { background: white;}
#home-online-three #right-side, #home-online-three #home-integrated { border-top: .3em solid white;}
#home-module-enrolment .enrollment-copy .text-light { color: black;}
#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 { color: #58a618;}
#header a, #header a:focus, #header a:hover { color: black;}
.fa.fa-gear { color: white;}
.fa.fa-bars { color: white;}
}

/*----------------------------------------------------Benefit Matrix---------------------------------------------*/
.benefit-matrix .group-default { background-color: #cecfcf; border-color: #cecfcf;}
.line-group { background-color: #cecfcf; padding: 0;}
.benefit-matrix .benefit-category .panel-body { background-color: #cecfcf;}
.benefit-matrix .benefitheader { color: #007ac9; font-weight: 500;}/*Modellers and Manage Dependants text color*/
.btn.btn-warning.btn-resettodefaults.ng-scope {visibility: hidden;}/*reset to default hidden*/
.benefit-matrix .group-default { color: #000; font-weight: 500;}

/*change in Circumstances*/
/*#matrix\ anytime-enroll .benefitmatrix-container .modal-main .event-img::before {
	font-family: OnlineTwoIconFont;
	font-size: 8em;
	position: relative;
	top: -.1em;

}*/

/*.active-benefits .event-img { height: 65%;}
.benefit-matrix .active-benefits .event-img .img { background: #007ac9;}

.img.E82625138-150e-4c3d-81fe-a3c132678c1f:before { font-family: OnlineTwoIconFont; font-size: 8em;
	position: relative;
	top: -.1em; content: "\e961";}
.img.E76d5a846-50c8-41db-abd7-8c4d1440d733:before { content: "\e963";}
.img.E505a6c50-fa0a-4264-8f46-44e3ecfd1ef3:before { content: "\e962";}
.img.E8ee93b7e-fd97-441b-a693-5bb8cd4da89c:before { content: "\e974";}*/

.benefitmatrix-container .modal-content .modal-footer .btn.btn-warning {
	background-color: #007ac9;
	width: 120px;
	height: 30px;
	font-weight: 500;
  border-color: #007ac9;
}
.benefitmatrix-container .modal-content .modal-footer .btn.btn-success {
	width: 120px;
	height: 30px;
	font-weight: 500;
}

/*--------------------------------Manage dependants-------------------------------------*/
h3.dependantModalHeader, h3.modellersModalHeader { color: #000; margin-left: -5px;}
.online-two-iso .modal-normal .close { color: #000;}
.online-two-iso .modal-normal a.tab-selector-link:hover, .online-two-iso .modal-normal .tab-selector-link.active {
	color: #007ac9;
	border-bottom: solid .5em #007ac9;
}
.dependant-add-link .fa.fa-plus-circle.dependant-add-icon{ color: #58a618;}
.dependant-list-top a.dependant-add-link, .dependant-list-top a.dependant-add-link:hover { color: #000; font-weight: 500;}
.dependant-list a.dependant-edit, .dependant-list a.dependant-edit:hover, .dependant-list a.dependant-remove:hover, .dependant-list a.dependant-remove { color: black;}
.dependant-list-bottom.pannel-body .btn.btn-warning.dependant-cancel-btn, .coverage-bottom.pannel-body-wide .btn.btn-warning.dependant-cancel-btn,
.modeller-close-button.btn-warning.btn.ng-isolate-scope, .modeller-close-button.btn-warning.btn.ng-isolate-scope:active:focus { background-color: #e00034; border-color: #e00034; font-weight: 500; padding: 4px 45px;}/*close button*/
.plan-name.ng-binding, .coverage-name.ng-binding, .benefit-matrix .employee-cost .you-pay, .coverage-table .ineligible { color: grey; font-weight: 500;}
.benefit-matrix .employee-cost .cost-number { color: black;}
.coverage-bottom.pannel-body-wide .btn.btn-success.dependant-accept-btn { background-color: #58a618; border-color: #58a618; font-weight: 500; padding: 4px 45px;}/*Save button*/

/*------------------------------------------------Step 2-------------------------------------------*/
#step2LinePage .benefit-matrix .totalcost-section-row .payperiodtoggle { display: none;}
#step2LinePage { background-color: #cecfcf;}
#online2header { margin-left: -50px; width: 101%; padding: 36px; height: 20%;}
#step2LinePage .more-info.margin-top-min { display: none;}
#step2LinePage .box-border-bg { background: none;}
#step2LinePage .division { display: none;}
#step2LinePage .box-border { border: 1px solid black;}
.available-options .links-group.four-links { display: none;}
.benefitselect .employerFundingCart .cost, .benefitselect .employerFundingCart .funded { font-weight: 500;}
.benefitselect .in-Cart .you-pay H3 { color: grey;}
.checkout-button .button-style.blue.dependants_change_editbutton { padding: 5px 40px;}

/*confirm choices button*/
/*.benefitheader-fixed div#followup-items a.btn, .benefitheader-fixed div#followup-items a.btn:hover, .benefitheader-fixed div#followup-items a.btn:focus { background-color: #58a618; font-weight: 500; padding: 13px 45px;}*/
/*.btn.btn-success.btn-confirmchoice span.glyphicon { margin-right: 20px;}*/
.benefitselect .your-beneficiaries { background: white; border: 1px solid black; padding: 11px;}

/****monthly annual toggle buttons****/
.btn.btn-default.btn-perpay.ng-pristine.ng-untouched.ng-valid.btn-warning.ng-not-empty.active {
	color: white;
	background-color: #9bca74;
	border-color: #9bca74;
}
.bootstrap-iso .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
    text-transform: uppercase;
}
.bootstrap-iso .btn-sm, .bootstrap-iso .btn-group-sm > .btn, .bootstrap-iso .btn-group > .btn:last-child:not(:first-child),
.bootstrap-iso .btn-group > .dropdown-toggle:not(:first-child) {
	border-radius: 0;
	background-color: white;
	color: #58a618;
	text-transform: uppercase;
    border-color: #58a618;
}
.bootstrap-iso .btn-warning:active, .bootstrap-iso .btn-warning.active, .bootstrap-iso .open > .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #9bca74;
	border-color: #9bca74;
}
.benefit-matrix .modal-footer #confirmation-buttons .btn-default.active, .benefit-matrix .confirmchoice .btn-default.active {
	background-color: #9bca74;
	color: #fff;
}
.bootstrap-iso .btn-warning:active:hover, .bootstrap-iso .btn-warning.active:hover,
.bootstrap-iso .open > .dropdown-toggle.btn-warning:hover,
.bootstrap-iso .btn-warning:active:focus, .bootstrap-iso .btn-warning.active:focus,
.bootstrap-iso .open > .dropdown-toggle.btn-warning:focus,
.bootstrap-iso .btn-warning:active.focus, .bootstrap-iso .btn-warning.active.focus,
.bootstrap-iso .open > .dropdown-toggle.btn-warning.focus {
	color: #fff;
	background-color: #9bca74;
	border-color: #9bca74;
}

/*----------------BenefitMatrix select buttons------------------*/
/*Protection*/
.line-group.Protection .btn.btn-success.btn-option-elect.ng-isolate-scope,
.line-group.Protection .btn.btn-success.btn-option-elect.ng-isolate-scope:hover,
.line-group.Protection .btn.btn-success.btn-option-elect.ng-isolate-scope:active,
.line-group.Protection .btn.btn-success.btn-option-elect.ng-isolate-scope:focus,
.line-group.Protection .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:focus,
.line-group.Protection .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:active,
.line-group.Protection .btn.btn-success.btn-option-elect.ng-isolate-scope:active:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:active,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active:focus {
 color: white; border-radius: 15px; font-weight: 500; background-color: #e00034; padding: 6px 50px; text-transform: capitalize; border-color: transparent;}

/*One Ecolab - Pension Plan*/
.line-group.ChampionXPensionPlan .btn.btn-success.btn-option-elect.ng-isolate-scope,
.line-group.ChampionXPensionPlan .btn.btn-success.btn-option-elect.ng-isolate-scope:hover,
.line-group.ChampionXPensionPlan .btn.btn-success.btn-option-elect.ng-isolate-scope:active,
.line-group.ChampionXPensionPlan .btn.btn-success.btn-option-elect.ng-isolate-scope:focus,
.line-group.ChampionXPensionPlan .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:focus,
.line-group.ChampionXPensionPlan .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:active,
.line-group.ChampionXPensionPlan .btn.btn-success.btn-option-elect.ng-isolate-scope:active:focus,
.ChampionXPensionPlan.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link,
.ChampionXPensionPlan.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover,
.ChampionXPensionPlan.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active,
.ChampionXPensionPlan.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:focus,
.ChampionXPensionPlan.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:focus,
.ChampionXPensionPlan.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:active,
.ChampionXPensionPlan.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active:focus {
 color: white; border-radius: 15px; font-weight: 500; background-color: #275e37; padding: 6px 50px; text-transform: capitalize; border-color: transparent;}

/*Healthcare*/
.line-group.Healthcare .btn.btn-success.btn-option-elect.ng-isolate-scope,
.line-group.Healthcare .btn.btn-success.btn-option-elect.ng-isolate-scope:hover,
.line-group.Healthcare .btn.btn-success.btn-option-elect.ng-isolate-scope:active,
.line-group.Healthcare .btn.btn-success.btn-option-elect.ng-isolate-scope:focus,
.line-group.Healthcare .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:focus,
.line-group.Healthcare .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:active,
.line-group.Healthcare .btn.btn-success.btn-option-elect.ng-isolate-scope:active:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:active,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active:focus {
 color: white; border-radius: 15px; font-weight: 500; background-color: #70cacb; padding: 6px 50px; text-transform: capitalize; border-color: transparent;}

/*Leisure*/
.line-group.Leisure .btn.btn-success.btn-option-elect.ng-isolate-scope,
.line-group.Leisure .btn.btn-success.btn-option-elect.ng-isolate-scope:hover,
.line-group.Leisure .btn.btn-success.btn-option-elect.ng-isolate-scope:active,
.line-group.Leisure .btn.btn-success.btn-option-elect.ng-isolate-scope:focus,
.line-group.Leisure .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:focus,
.line-group.Leisure .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:active,
.line-group.Leisure .btn.btn-success.btn-option-elect.ng-isolate-scope:active:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:active,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active:focus {
 color: white; border-radius: 15px; font-weight: 500; background-color: #9bca74; padding: 6px 50px; text-transform: capitalize; border-color: transparent;}

/*Lifestyle*/
.line-group.Lifestyle .btn.btn-success.btn-option-elect.ng-isolate-scope,
.line-group.Lifestyle .btn.btn-success.btn-option-elect.ng-isolate-scope:hover,
.line-group.Lifestyle .btn.btn-success.btn-option-elect.ng-isolate-scope:active,
.line-group.Lifestyle .btn.btn-success.btn-option-elect.ng-isolate-scope:focus,
.line-group.Lifestyle .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:focus,
.line-group.Lifestyle .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:active,
.line-group.Lifestyle .btn.btn-success.btn-option-elect.ng-isolate-scope:active:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:active,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active:focus {
 color: white; border-radius: 15px; font-weight: 500; background-color: #efaf07; padding: 6px 50px; text-transform: capitalize; border-color: transparent;}

/*Flex fund*/
.line-group.FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope,
.line-group.FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:hover,
.line-group.FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:active,
.line-group.FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:focus,
.line-group.FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:focus,
.line-group.FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:active,
.line-group.FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:active:focus,
.FlexFundMonthly.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link,
.FlexFundMonthly.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover,
.FlexFundMonthly.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active,
.FlexFundMonthly.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:focus,
.FlexFundMonthly.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:focus,
.FlexFundMonthly.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:active,
.FlexFundMonthly.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active:focus {
 color: white; border-radius: 15px; font-weight: 500; background-color: #5eb6e4; padding: 6px 50px; text-transform: capitalize; border-color: transparent;}

/*----------------BenefitMatrix benefit names------------------*/
/*Protection*/
.benefit-matrix .line-group.Protection .row.title .lineheader .ng-binding,
.benefit-matrix .line-group.Protection .row.title .lineheader.ng-binding.ng-scope { color: #e00034; font-size: 23px; font-weight: 500;}

/*One Ecolab - Pension Plan*/
.benefit-matrix .line-group.ChampionXMastertrustPensionPlan .row.title .lineheader .ng-binding,
.benefit-matrix .line-group.ChampionXMastertrustPensionPlan .row.title .lineheader.ng-binding.ng-scope { color: #275e37; font-size: 23px; font-weight: 500;}

/*Healthcare*/
.benefit-matrix .line-group.Healthcare .row.title .lineheader .ng-binding,
.benefit-matrix .line-group.Healthcare .row.title .lineheader.ng-binding.ng-scope { color: #70cacb; font-size: 23px; font-weight: 500;}

/*Leisure*/
.benefit-matrix .line-group.Leisure .row.title .lineheader .ng-binding,
.benefit-matrix .line-group.Leisure .row.title .lineheader.ng-binding.ng-scope { color: #9bca74; font-size: 23px; font-weight: 500;}

/*Lifestyle*/
.benefit-matrix .line-group.Lifestyle .row.title .lineheader .ng-binding,
.benefit-matrix .line-group.Lifestyle .row.title .lineheader.ng-binding.ng-scope { color: #efaf07; font-size: 23px; font-weight: 500;}

/*Flex Fund*/
.benefit-matrix .line-group.FlexFundMonthly .row.title .lineheader .ng-binding,
.benefit-matrix .line-group.FlexFundMonthly .row.title .lineheader.ng-binding.ng-scope { color: #5eb6e4; font-size: 23px; font-weight: 500;}

/*benefit line details*/
.benefit-print-single-header, .currentbenefits, .row.line, .ng-binding.ng-scope, .benefit-matrix .default-cost, .benefit-matrix .font-youpay-color{ font-weight: 500; color: #000;}
.benefit-matrix .glyphicon-play-color { color: #000;}

/*info icon*/
.glyphicon.glyphicon-info-sign.glyphicon-info-sign-color.ng-scope { display: inline-block; color: #007ac9;}

/* DECLARATION TO USE ONLINETWOICONFONT SET FOR ANY HTML ELEMENT THAT HAS A CLASS CONTAINING online-two-icon- AS A VALUE */
[class*="online-two-icon-"]:before{
  font-family:OnlineTwoIconFont;
}

/*----------------------------benefit icons-------------------------------*/
/* Benefit Matrix, See Also,life event icons */
.benefit-matrix .benefitline .benefit-menu .img, div.see-also .img,
.benefit-matrix .active-benefits .img,
#benefit-overview .summaryImage .img{ background: none;}

/* GENERAL STYLING TO USE ONLINETWOICONFONT FOR BENEFIT ICONS */
.benefit-matrix .benefitline .benefit-menu .img:before,
div.see-also .img:before,
#overview .img::before {
  font-family: OnlineTwoIconFont;
  font-size: 8rem;
  position: relative;
  top: -1.1rem;
}
.modal-dialog.modal-large #overview .img::before,
#thingstoconsider .img::before,#Ataglance .img::before,
#taxfacts .img::before,#Taxfacts .img::before,
#faqs .img::before,#Howitworks .img::before,
#FAQs .img::before,#Contacts .img::before,
#contacts .img::before, #Contactsanddocuments .img::before,
#taxandnationalinsurance .img::before,
#whatisVitality .img::before,
#howitworks .img::before,
#taxsavings .img::before,
#Ataglance .img::before{
  font-family: OnlineTwoIconFont;
  font-size: 13rem;
  position: relative;
  top: -1.1rem;
}
.modal-dialog.modal-large #faqs .img::before,
.modal-dialog.modal-large #FAQs .img::before{
padding: 47px;
top: 30px;
  }
.modal-dialog.modal-large #overview .img::before, .modal-dialog.modal-large #Howitworks .img::before, .modal-dialog.modal-large #Ataglance .img::before, .modal-dialog.modal-large #thingstoconsider .img::before, .modal-dialog.modal-large #taxfacts .img::before,.modal-dialog.modal-large #Contactsanddocuments .img::before,
.modal-dialog.modal-large #faqs .img::before, .modal-dialog.modal-large #contacts .img::before, .modal-dialog.modal-large #taxandnationalinsurance .img::before,.modal-dialog.modal-large #Taxfacts .img::before,
.modal-dialog.modal-large #whatisVitality .img::before, .modal-dialog.modal-large #howitworks .img::before, .modal-dialog.modal-large #taxsavings .img::before,.modal-dialog.modal-large #Contacts .img::before, 
.modal-dialog.modal-large #Ataglance .img::before, .modal-dialog.modal-large #FAQs .img::before { left: 0.5em;}

.col-sm-3.hidden-xs { font-size: 30px;}

/* SEE ALSO ICON SIZE */
div.see-also .img:before {
  font-size: 4rem;
  top: -.25rem;
  padding: 0px 36px;
}
/*Ecolab Pension Plan*/
.img.L4fddb6e1-c4b4-4003-9778-ee03ae526966:before,
#benefit-overview .img.BenefitImage_4fddb6e1-c4b4-4003-9778-ee03ae526966:before {
	content: "\e91f";
    color: #275e37;
}
div.see-also .img.L4fddb6e1-c4b4-4003-9778-ee03ae526966:before {
  content: "\e91f";
  color: #275e37;
  border: 2px solid #275e37;
  background-color: white;
}
#line-4fddb6e1-c4b4-4003-9778-ee03ae526966 { color: #275e37;}

/*Life Assurance Partner*/
.img.Lff25b4f9-3cfd-47e9-a037-e0a957dd5406:before,
#benefit-overview .img.BenefitImage_ff25b4f9-3cfd-47e9-a037-e0a957dd5406:before {
	content: "\e91d";
    color: #e00034;
}
div.see-also .img.Lff25b4f9-3cfd-47e9-a037-e0a957dd5406:before {
  content: "\e91d";
  color: #e00034;
  border: 2px solid #e00034;
  background-color: white;
}
#line-ff25b4f9-3cfd-47e9-a037-e0a957dd5406, #line-5bb154c0-0ccf-4841-b9c2-29ad66ed56eb, #line-499e9f19-9d4d-4f3f-92f1-3688a99ea8c4,
#line-0ac4739c-b1d8-4e6d-8aa5-bf9dea43b34b, #line-45fe288d-95e8-406a-bbbb-5fcbb8e97a95, #line-ed042317-9267-4b87-9454-5cc7051f9e88 { color: #e00034;}

/*Life Assurance*/
.img.L5bb154c0-0ccf-4841-b9c2-29ad66ed56eb:before, 
#benefit-overview .img.BenefitImage_5bb154c0-0ccf-4841-b9c2-29ad66ed56eb:before {
	content: "\e91c";
    color: #e00034;
}
div.see-also .img.L5bb154c0-0ccf-4841-b9c2-29ad66ed56eb:before {
  content: "\e91c";
  color: #e00034;
  border: 2px solid #e00034;
  background-color: white;
}
/*Critical Illness*/
.img.L499e9f19-9d4d-4f3f-92f1-3688a99ea8c4:before, 
#benefit-overview .img.BenefitImage_499e9f19-9d4d-4f3f-92f1-3688a99ea8c4:before {
	content: "\e905";
    color: #e00034;
}
div.see-also .img.L499e9f19-9d4d-4f3f-92f1-3688a99ea8c4:before {
  content: "\e905";
  color: #e00034;
  border: 2px solid #e00034;
  background-color: white;
}
/*Critical Illness Partner*/
.img.L0ac4739c-b1d8-4e6d-8aa5-bf9dea43b34b:before, 
#benefit-overview .img.BenefitImage_0ac4739c-b1d8-4e6d-8aa5-bf9dea43b34b:before {
	content: "\e906";
    color: #e00034;
}
div.see-also .img.L0ac4739c-b1d8-4e6d-8aa5-bf9dea43b34b:before {
  content: "\e906";
  color: #e00034;
  border: 2px solid #e00034;
  background-color: white;
}
/*Childcare Vouchers*/
.img.L181afa04-b27b-4575-9e57-6c3f1f002c98:before, 
#benefit-overview .img.BenefitImage_181afa04-b27b-4575-9e57-6c3f1f002c98:before {
	content: "\e901";
    color: #efaf07;
}
div.see-also .img.L181afa04-b27b-4575-9e57-6c3f1f002c98:before {
  content: "\e901";
  color: #efaf07;
  border: 2px solid #efaf07;
  background-color: white;
}
#line-181afa04-b27b-4575-9e57-6c3f1f002c98, #line-c6ea2d42-1ff2-431b-90ae-17e4292e625f { color: #efaf07;}
/*Cycle to Work*/
.img.Lc6ea2d42-1ff2-431b-90ae-17e4292e625f::before, 
#benefit-overview .img.BenefitImage_c6ea2d42-1ff2-431b-90ae-17e4292e625f::before {
	content: "\e908";
    color: #efaf07;
}
div.see-also .img.Lc6ea2d42-1ff2-431b-90ae-17e4292e625f:before {
  content: "\e908";
    color: #efaf07;
  border: 2px solid #efaf07; 
  background-color: white;
}
/*Dental Cover*/
.img.L9eb37822-7664-4d8c-87d1-65d72fd9f946:before,
#benefit-overview .img.BenefitImage_9eb37822-7664-4d8c-87d1-65d72fd9f946:before {
	content: "\e909";
    color: #70cacb;
}
div.see-also .img.L9eb37822-7664-4d8c-87d1-65d72fd9f946:before {
  content: "\e909";
  color: #70cacb;
  border: 2px solid #70cacb;
  background-color: white;
}
/*HCP*/
.img.L7bb33434-f798-4cf6-87ae-e3013e457c80:before,
#benefit-overview .img.BenefitImage_7bb33434-f798-4cf6-87ae-e3013e457c80:before {
	content: "\e918";
    color: #70cacb;
}
div.see-also .img.L7bb33434-f798-4cf6-87ae-e3013e457c80:before {
  content: "\e918";
  color: #70cacb;
  border: 2px solid #70cacb;
  background-color: white;
}

#line-9eb37822-7664-4d8c-87d1-65d72fd9f946, #line-f461b49a-ebe5-4599-b855-931a1abda24d, #line-7bb33434-f798-4cf6-87ae-e3013e457c80 { color: #70cacb;}
/*PMI*/
.img.Lf461b49a-ebe5-4599-b855-931a1abda24d:before, 
#benefit-overview .img.BenefitImage_f461b49a-ebe5-4599-b855-931a1abda24d:before {
	content: "\e926";
    color: #70cacb;
}
div.see-also .img.Lf461b49a-ebe5-4599-b855-931a1abda24d:before {
  content: "\e926";
  color: #70cacb;
  border: 2px solid #70cacb;
  background-color: white;
}
/*Pureflex Card*/
.img.L7e5cabc1-0adb-40cf-b105-6bdad6b44fb6:before, 
#benefit-overview .img.BenefitImage_7e5cabc1-0adb-40cf-b105-6bdad6b44fb6:before {
	content: "\e942";
    color: #9bca74;
}
div.see-also .img.L7e5cabc1-0adb-40cf-b105-6bdad6b44fb6:before {
  content: "\e942";
  color: #9bca74;
  border: 2px solid #9bca74;
  background-color: white;
}
#line-7e5cabc1-0adb-40cf-b105-6bdad6b44fb6, #line-43a3c992-6350-480e-ad2d-9825e76e0a8b, #line-f7d4a49c-a979-4ac4-9bab-351bfefa2b81 { color: #9bca74;}
/*Holiday*/
.img.L43a3c992-6350-480e-ad2d-9825e76e0a8b:before, 
#benefit-overview .img.BenefitImage_43a3c992-6350-480e-ad2d-9825e76e0a8b:before {
	content: "\e919";
    color: #9bca74;
}
div.see-also .img.L43a3c992-6350-480e-ad2d-9825e76e0a8b:before {
  content: "\e919";
  color: #9bca74;
  border: 2px solid #9bca74;
  background-color: white;
}
/*Travel Insurance*/
.img.Lf7d4a49c-a979-4ac4-9bab-351bfefa2b81:before, 
#benefit-overview .img.BenefitImage_f7d4a49c-a979-4ac4-9bab-351bfefa2b81:before {
	content: "\e92a";
    color: #9bca74;
}
div.see-also .img.Lf7d4a49c-a979-4ac4-9bab-351bfefa2b81:before {
  content: "\e92a";
    color: #9bca74;
  border: 2px solid #9bca74;
  background-color: white;
}
/*Give as you earn*/
.img.L58bde008-41a0-4a74-b328-52dac327ae80:before, 
#benefit-overview .img.BenefitImage_58bde008-41a0-4a74-b328-52dac327ae80:before {
	content: "\e911";
    color: #9bca74;
}
div.see-also .img.L58bde008-41a0-4a74-b328-52dac327ae80:before {
  content: "\e911";
  color: #9bca74;
  border: 2px solid #9bca74;
  background-color: white;
}
/*Gym Discounts*/
.img.LGymDiscount:before, 
#benefit-overview .img.BenefitImage_GymDiscount:before {
	content: "\e914";
    color: #9bca74;
}
div.see-also .img.LGymDiscount:before {
  content: "\e914";
  color: #9bca74;
  border: 2px solid #9bca74;
  background-color: white;
}
/*Technology*/
.img.Lf221f111-ccac-4579-84f6-38396bc5170b:before, 
#benefit-overview .img.BenefitImage_f221f111-ccac-4579-84f6-38396bc5170b:before {
	content: "\e949";
    color: #9bca74;
  background-color: white;
}
div.see-also .img.f221f111-ccac-4579-84f6-38396bc5170b:before {
  content: "\e949";
  color: #9bca74;
  background-color: white;
}
/*Flex Fund*/
.img.Lf06bb120-16e4-4b49-bf0a-a6dc80070d2f:before, 
#benefit-overview .img.BenefitImage_f06bb120-16e4-4b49-bf0a-a6dc80070d2f:before {
	content: "\e920";
    color: #5eb6e4;
}
div.see-also .img.Lf06bb120-16e4-4b49-bf0a-a6dc80070d2f:before {
  content: "\e920";
  color: #5eb6e4;
  border: 2px solid #5eb6e4;
  background-color: white;
}
/*Will Writing*/
.img.Led042317-9267-4b87-9454-5cc7051f9e88:before, 
#benefit-overview .img.BenefitImage_ed042317-9267-4b87-9454-5cc7051f9e88:before {
	content: "\e92c";
    color: #e00034;
}
div.see-also .img.Led042317-9267-4b87-9454-5cc7051f9e88:before {
  content: "\e92c";
  color: #e00034;
  border: 2px solid #e00034;
  background-color: white;
}
#line-f06bb120-16e4-4b49-bf0a-a6dc80070d2f, #line-32c637b8-c329-4e0d-a91f-dee963c47ab8 { color: #5eb6e4;}

/*Flex Fund Remaining*/
#matrix\ matrix-for-enroll .img.L32c637b8-c329-4e0d-a91f-dee963c47ab8 { background: url("/championx/media/Champion/Benefits/Flex%20Fund%20Remaining%20160x130.png") no-repeat center/contain !important;}*/
.see-also .img.L32c637b8-c329-4e0d-a91f-dee963c47ab8 { background: url("/championx/media/Champion/Benefits/Flex%20Fund%20Remaining%20130x60.png") no-repeat center/contain !important; border: 2px solid #5eb6e4;}
#content .info .L32c637b8-c329-4e0d-a91f-dee963c47ab8 { background: transparent url("/championx/media/Champion/Benefits/Flex%20Fund%20Remaining%20447x243.png") no-repeat scroll right center !important;}
.online-two-iso .modal-large .modal-body.LineDetail_32c637b8-c329-4e0d-a91f-dee963c47ab8 .pannel-body-full{background: transparent url("/championx/media/Champion/Benefits/Flex%20Fund%20Remaining%20447x243.png") no-repeat scroll right center !important;}
.img.BenefitImage_32c637b8-c329-4e0d-a91f-dee963c47ab8.IntroNode_1ba95aed-348c-429e-b84c-575f62524756 { background: url("/championx/media/Champion/Benefits/Flex%20Fund%20Remaining%20160x130.png") no-repeat center/contain !important;}

/*Personal Accident Insurance*/
#matrix\ matrix-for-enroll .img.L45fe288d-95e8-406a-bbbb-5fcbb8e97a95 { background: url("/championx/media/Champion/Benefits/Personal%20Accident%20Insurance%20160x130.png") no-repeat center/contain !important; }
.see-also .img.L45fe288d-95e8-406a-bbbb-5fcbb8e97a95 { background: url("/championx/media/Champion/Benefits/Personal%20Accident%20Insurance%20130x60.png") no-repeat center/contain !important; border: 2px solid #e00034; background-color: white!important;}
.img.BenefitImage_45fe288d-95e8-406a-bbbb-5fcbb8e97a95.IntroNode_97414b20-1987-47f6-aa86-07fd88effb22 { background: url("/championx/media/Champion/Benefits/Personal%20Accident%20Insurance%20160x130.png") no-repeat center/contain !important;}
#content .info .L45fe288d-95e8-406a-bbbb-5fcbb8e97a95 { background: transparent url("/championx/media/Champion/Benefits/Personal%20Accident%20Insurance%20447x243.png") no-repeat scroll right center !important;}
.online-two-iso .modal-large .modal-body.LineDetail_45fe288d-95e8-406a-bbbb-5fcbb8e97a95 .pannel-body-full{background: transparent url("/championx/media/Champion/Benefits/Personal%20Accident%20Insurance%20447x243.png") no-repeat scroll right center !important;}

/**************************************Benefit Selection********************************/
/*Continue Button*/
.benefitselect .continue {
	background-color: #58a618;
	border-color: transparent;
    font-weight: 500;
	border-radius: 14px;
	padding: 10px 35px;
	width: 140px;
}

.benefitselect .line-name { font-weight: bold; color: #000;}/*benefit name*/
.benefitselect .header-selected { color: #000; font-weight: 500;}/*currently selected*/
.benefitselect .products .box-border.sel { background-color: #fff; border: 1px solid black;}
.benefitselect .products .box-border.sel .header { background-color: #007ac9; margin: -4px -4px 0px -5px;}
.in-Cart .you-chose .selected-plan { color: #000;}
SPAN.green-number { color: #000; font-weight: bold;}
.benefitselect .in-Cart .you-pay P SPAN.green-number { color: #000;}
.option-credit-health .credit-number .credit { color: black;}
.option-credit-health .option.sel { color: #000;}
.benefitselect .products-header H4 { color: #000; font-weight: 500; margin-left: -10px;}

/*button*/
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green, .online-two-iso A.button-style.green {
	background-color: #58a618;
	border-color: #58a618;
	border-radius: 15px;
	font-weight: 500;
	font-size: 14px;
	padding: 6px 12px;
	text-transform: inherit;
	color: white;
}
/**************************************Benefit Overview********************************/
/*Filter by box*/
#BenefitNameFilter { background-color: #fff; border-color: #000; color: #000; font-weight: 500; border-radius: 30px;}

/*Filter By*/
#benefit-overview .input-label { font-weight: 500;  padding-left: 20px;}
.filter.overview-component { background-color: white; margin-bottom: 15px; margin-right: 1px;}

/*Search term*/
#benefit-overview .overview-component .input-group-addon { border-color: black; border-bottom-left-radius: 20px; border-top-left-radius: 20px;}
.bootstrap-iso .input-group-addon:not(:first-child):not(:last-child), .bootstrap-iso .input-group-btn:not(:first-child):not(:last-child),
.bootstrap-iso .input-group .form-control:not(:first-child):not(:last-child) { 
    border-bottom-left-radius: 0px;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
}
.form-control.ng-pristine.ng-untouched.ng-valid.ng-empty {
	border: 1px solid black;
	border-left-color: transparent;
}

/*overview tabs background color*/
.online-two-iso .modal-large .modal-body .pannel-body-full #overview{ background-color: #fff;}

#benefit-overview .input-control { margin-right: 0;}
#benefit-overview .group-header-graphicon { margin-top: 0;}
.bootstrap-iso .glyphicon-menu-down::before {
	content: "\f0d7";
	color: #cecfcf;
	font-family: "FontAwesome";
	font-size: 37px;
	padding: 0px 17px 0px 0px;
}
.bootstrap-iso .glyphicon-menu-up::before {
	content: "\f0d8";
	color: #007ac9;
	font-family: "FontAwesome";
	font-size: 37px;
	padding: 0px 17px 0px 0px;
}
.bootstrap-iso .panel { box-shadow: 0 1px 1px rgba(206,207,207,1);}
#overview, #benefit-overview #overviewAccordion .panel-body, .bootstrap-iso .panel-group { background-color: #cecfcf;}
@media only screen and (max-width:751px){
#overview, #benefit-overview #overviewAccordion .panel-body, .bootstrap-iso .panel-group { background-color: white;}
.bootstrap-iso .input-group-addon:not(:first-child):not(:last-child), .bootstrap-iso .input-group-btn:not(:first-child):not(:last-child),
.bootstrap-iso .input-group .form-control:not(:first-child):not(:last-child) { 
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}
#benefit-overview .form-control.ng-pristine.ng-untouched.ng-valid.ng-empty {
	border-left-color: black;
}
#benefit-overview .overview-component .input-group-addon {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
}

/*Clear Filter*/
#benefit-overview .clear-filter { border-radius: 12px; width: 120px; text-transform: uppercase; font-weight: 600; background-color: #007ac9; border-color: transparent;}
.bootstrap-iso .btn.disabled, .bootstrap-iso .btn[disabled], .bootstrap-iso fieldset[disabled] .btn { opacity: 1;}
#benefit-overview .clear-filter { margin-left: 19px;}

/*Benefit overview heading*/
#benefit-overview .benefit-overview-title H1 { font-size: 25px; color: black; margin-left: -6px; background-color: white; width: 497%; padding-left: 19px;}

/*Benefit Groups*/
#benefit-overview #overviewAccordion .panel-title { font-size: 17px;}
#benefit-overview .group-header { background-color: #fff; text-transform: uppercase;}
#benefit-overview #overviewAccordion .panel-default > .panel-heading { background-color: #fff;}

.Flex.panel.ng-scope.ng-isolate-scope.panel-default .group-title{ color: #5eb6e4;}
.pension.panel.ng-scope.ng-isolate-scope.panel-default .group-title{ color: #275e37;}
.health.panel.ng-scope.ng-isolate-scope.panel-default .group-title{ color: #70cacb;}
.protection.panel.ng-scope.ng-isolate-scope.panel-default .group-title{ color: #e00034;}
.healthcare.panel.ng-scope.ng-isolate-scope.panel-default .group-title{ color: #70cacb;}
.retirement.panel.ng-scope.ng-isolate-scope.panel-default .group-title{ color: #9bca74;}
.life.panel.ng-scope.ng-isolate-scope.panel-default .group-title{ color: #efaf07;}
.security.panel.ng-scope.ng-isolate-scope.panel-default .group-title{ color: #e00034;}

.Flex.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .summaryTitle { color: #5eb6e4;}
.pension.panel.ng-scope.ng-isolate-scope.panel-default .summaryTitle { color: #275e37;}
.health.panel.ng-scope.ng-isolate-scope.panel-default .summaryTitle { color: #70cacb;}
.protection.panel.ng-scope.ng-isolate-scope.panel-default .summaryTitle { color: #e00034;}
.healthcare.panel.ng-scope.ng-isolate-scope.panel-default .summaryTitle { color: #70cacb;}
.retirement.panel.ng-scope.ng-isolate-scope.panel-default .summaryTitle { color: #9bca74;}
.life.panel.ng-scope.ng-isolate-scope.panel-default .summaryTitle { color: #efaf07;}
.security.panel.ng-scope.ng-isolate-scope.panel-default .summaryTitle { color: #e00034;}

/*Further Information button*/
#benefit-overview .benefitIntroSummary.tableRow .btn.btn-info.know-more-link { background-color: #007ac9; border-radius: 14px; border-color: transparent;}
#benefit-overview .know-more-link A { font-weight: 500;}
.btn.btn-info.know-more-link:hover { background-color: #007ac9;}
.glyphicon.glyphicon-chevron-right.aria { display: none;}
.online-two-iso .modal-large a.tab-selector-link:hover, .online-two-iso .modal-large .tab-selector-link.active {
	color: #007ac9;
	border-bottom: solid .5em #007ac9;
  text-transform: capitalize; 
}
.online-two-iso .modal-normal .tab-selector-link, .online-two-iso .modal-large .tab-selector-link { color: black;}
.modal-content .tab-body .modal-controls .btn.btn-warning{
    background-color: #e00034;
    border-color: transparent;
	border-radius: 13px;
	padding: 5px 60px;
}
.online-two-iso .modal-large .modal-body { background-color: white;}
.online-two-iso .modal-large .modal-body .pannel-body-full { padding: 12px 360px 12px 12px; height: 1000px; text-align: left;}
@media only screen and (max-width:751px){
.online-two-iso .modal-large .modal-body .pannel-body-full { padding: 12px 360px 12px 12px; height: 1000px; text-align: left;}
}
/*#benefit-overview .faq-item .row { margin-left: 0;}*/
/*------------------------------------------Profile Page--------------------------*/
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A {
	color: #007ac9;
	border-bottom: solid .5em #007ac9;
}
html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI A { color: black;}
html#profile body#profile .profile #profile-online-2 span.label, html#profile body#profile .profile #profile-online-2 label:not(.ui-button) { text-transform: unset;}
.online-two-iso P.sectionTitledimmed:focus, .online-two-iso P.sectionTitledimmed:hover,
.online-two-iso P.sectionTitledimmedLeft:focus, .online-two-iso P.sectionTitledimmedLeft:hover,
.online-two-iso P.sectionTitle { color: #007ac9;}
html#profile body#profile .profile #profile-online-2 #dependantsTab P.full-name, html#profile body#profile .profile #profile-online-2 #beneficiariesTab P.full-name {
	color: #007ac9;
}
#dspSaveContactPreference.button-style.green .ng-binding.ng-scope { color: white;}
#dspSaveDependant.button-style.green .ng-binding.ng-scope { color: white;}
#ddlDependentCountry {
	background-color: white;
	color: black;
	border-color: #a4a4a4;
}
.box-border-bg.mobile-registration-fullwidth, .box-left-bg.mobile-registration-fullwidth {background: none; color: black; font-weight: 500;}
.box-border.mobile-registration-fullwidth { border: none;}
A { font-weight: 500; color: black;}
#header .help-ico a.helptoggle[aria-expanded="true"]::after, #header .help-ico a.helptoggle[aria-expanded="false"]::after {
	font-family: FontAwesome;
	content: '\f04b';
	color: #007ac9;
	display: inline-block;
	transform: rotate(90deg);
	font-size: .65em;
	position: relative;
	left: 2em;
	top: -1px;
}
.benefit-matrix .confirm-checkout-button .btn-success, .benefit-matrix .confirm-checkout-button .btn-success:hover,
.benefit-matrix .confirm-checkout-button .btn-success:active:hover, .benefit-matrix .confirm-checkout-button .btn-success:focus,
.benefit-matrix .confirm-checkout-button .btn-success:active, .benefit-matrix .confirm-checkout-button .btn-success:active:focus {
	background-color: #58a618;
	border-color: #58a618;
	border-radius: 13px;
	font-weight: 500;
}

/*Anytime page*/
.benefit-matrix .benefit-category .panel-default > .panel-heading { background-color: #007ac9;}
#matrix\ anytime-enroll .bootstrap-iso .glyphicon-menu-up::before, #matrix\ anytime-enroll .bootstrap-iso .glyphicon-menu-down::before { color: white;}
.benefit-matrix .active-category-desc { display: block;}
#otherCountdown::before { content: "You have";}
.benefit-matrix .benefit-active-benefits .active-intro { color: black;}
.active-benefits .header { color: black;}
.online-two-iso .header-overlay { background-color: #007ac9;}
#exit-cancel .button-style.blue, #exit-continue .button-style.blue { padding: 6px 45px;}

.benefit-matrix .line-group FlexFundMonthly .row.title .lineheader .ng-binding,
.benefit-matrix .line-group FlexFundMonthly .row.title .lineheader.ng-binding.ng-scope { color: #5eb6e4; font-size: 23px; font-weight: 500;}
.line-group FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope,
.line-group FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:hover,
.line-group FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:active,
.line-group FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:focus,
.line-group FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:focus,
.line-group FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:hover:active,
.line-group FlexFundMonthly .btn.btn-success.btn-option-elect.ng-isolate-scope:active:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:focus,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:hover:active,
.protection.panel.ng-scope.ng-isolate-scope.panel-default.panel-open .btn.btn-info.know-more-link:active:focus {
 color: white; border-radius: 15px; font-weight: 500; background-color: #5eb6e4; padding: 6px 50px; text-transform: capitalize; border-color: transparent;}



#benefit-overview .protection.panel.panel-default.panel-open .benefitIntroSummary.tableRow .btn.btn-info.know-more-link { padding: 6px 16px 6px 16px;} 
.line-description.margin-top-min.ng-binding { display: none;}

.benefit-matrix .active-benefits .img {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #007ac9;
}
.benefit-matrix .active-benefits .img:before {
  font-family: OnlineTwoIconFont;
  font-size: 6em;
  color: #fff;
}
@media only screen and (min-width:768px) and (max-width:991px){
  .active-benefits .events {
    height: 129px;}
  .active-benefits .event-img {
    height: 89px;}
  .benefit-matrix .active-benefits .img:before {
    position: relative;
    top: -.2em;
  }
}
@media only screen and (min-width:992px){
  .active-benefits .event-img {
    height: 119px;}
  .active-benefits .events {
    width: 23.5%;
    height: 159px}
}
.benefit-matrix .active-benefits .img.E8ee93b7e-fd97-441b-a693-5bb8cd4da89c:before {
  content: "\e967"
}
.benefitdate .form-control.ng-pristine.ng-untouched.ng-valid.ng-isolate-scope.ng-not-empty.ng-valid-required.ng-valid-date {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.modal-body.LineDetail_45fe288d-95e8-406a-bbbb-5fcbb8e97a95.ng-scope .img.L45fe288d-95e8-406a-bbbb-5fcbb8e97a95 {
	display: none;
}
/*Anytime event heading colors*/
.benefit-matrix .containers > div > div.benefit-category:first-child .panel-default > .panel-heading { background: #58a618;}
.benefit-matrix .containers > div > div.benefit-category:nth-child(2) .panel-default > .panel-heading { background: #efaf07;}
.benefit-matrix .containers > div > div.benefit-category:nth-last-child(2):not(:first-child) .panel-default > .panel-heading { background: #616365;}

/*Animation Confirm choices*/
@keyframes shadow-pulse-red {
  0% {
    box-shadow: 0 0 0 0px rgba(88,166,24, 0.5);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(88,166,24, 0);
  }
}
/*Confirm choices button*/
.benefitheader-fixed div#followup-items a.btn,
.benefitheader-fixed div#followup-items a.btn:hover,
.benefitheader-fixed div#followup-items a.btn:hover:active,
.benefitheader-fixed div#followup-items a.btn:hover:focus {
  background: #58a618;
  font-weight: bold;
  animation: shadow-pulse-red 1s infinite;
}

/*Calender*/
.btn.btn-default.btn-sm.uib-title:hover {
	background-color: white;
	color: black;
	border-color: #ccc;
	border-radius: 0;
    text-transform: uppercase;
}
.btn.btn-default.btn-sm.pull-left.uib-left:hover {
	background-color: white;
	color: black;
	border-color: #ccc;
	border-radius: 0;
}
.btn.btn-default.btn-sm.pull-right.uib-right:hover {
	background-color: white;
	color: black;
	border-color: #ccc;
	border-radius: 0;
}
.pannel-body-full #overview { background-color: #fff;}
.uib-year.text-center.ng-scope .btn.btn-default.active:hover {
	background-color: #58a618;
	border-color: #58a618;
	color: white;
	border-radius: 0;
}
.uib-year.text-center.ng-scope .btn.btn-default.active {
	background-color: #58a618;
	border-color: #58a618;
}
.uib-year.text-center.ng-scope .btn.btn-default.active .text-info {
	color: white;
	font-weight: bold;
}
.uib-year.text-center.ng-scope .btn.btn-default:hover {
	background-color: white;
	border-color: #ccc;
	color: black;
	border-radius: 0;
}
.uib-day.text-center.ng-scope .btn.btn-default.btn-sm:hover {
	background-color: white;
	border-color: #ccc;
	border-radius: 0;
	color: black;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info {
	background-color: #58a618;
    font-weight: bold;
  color: white;
}
.uib-day.text-center.ng-scope .btn.btn-default.btn-sm:hover {
	background-color: #58a618;
	border-color: #ccc;
	border-radius: 0;
	color: white;
	font-weight: bold;
}
.uib-month.text-center.ng-scope .btn.btn-default:hover {
	color: black;
	text-transform: uppercase;
	border-radius: 0;
	background-color: #58a618;
}
.bootstrap-iso .uib-datepicker .btn-info.active {
	background-color: #58a618;
	font-weight: bold;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info .text-info {
	color: white;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:hover {
	background-color: #58a618;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:hover {
	background-color: white;
	font-weight: bold;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger {
	background-color: #007ac9;
	border-color: #007ac9;
	font-weight: bold;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:hover {
	background-color: #007ac9;
	border-radius: 0;
	font-weight: bold;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success {
	background-color: #007ac9;
	border-color: #007ac9;
	border-radius: 0;
	font-weight: bold;
  color: white;
}
.bootstrap-iso .btn.online-two-datepicker {
	background-color: #007ac9;
	border-color: #007ac9;
}
.btn.btn-default.btn-sm.pull-right.uib-right:focus, .btn.btn-default.btn-sm.pull-left.uib-left:focus, btn.btn-default.btn-sm.uib-title:focus {
	color: black;
	background-color: white;
	border-radius: 0;
	border-color: #ccc;
}
.btn.btn-warning.btn-print.ng-scope {
	padding: 10px 76px;
	font-weight: bold;
}
.btn.btn-success.dependant-accept-btn {
	padding: 6px 55px;
	font-weight: 500;
}
.btn.btn-warning.dependant-cancel-btn.ng-scope.ng-isolate-scope {
  padding: 6px 55px;
	font-weight: 500;
  background-color: #e00034;
  border-color: #e00034;
}

.btn.btn-default.button-date-picker:hover:active:focus, .online-two-iso .datepicker-container .input-group-btn .btn {
  background-color: #007ac9;
  border-color: ##007ac9;
  border-radius:0;
}
.online-two-iso .modal-normal .modal-header .header-text {
	color: black;
}
.election-info-collect .election-detail, .election-info-collect .dependant-collect-board-title {
	font-weight: bold;
}
.election-info-collect .dependant-collect-board-intro {
	font-weight: 500;
}
.benefit-matrix .totalcost-section-row .totalcostsection {
	display: none;
}
#step2LinePage .row.totalcost-section-row {
	display: none;
}
.benefit-statement-information.ng-scope {
	display: none;
}
.active-benefits .events {
	width: 30.5%;
	height: 180px;
}
.benefit-matrix .active-benefits .img.E505a6c50-fa0a-4264-8f46-44e3ecfd1ef3:before {
  content: "\e962"
}
.benefit-matrix .active-benefits .img.E82625138-150e-4c3d-81fe-a3c132678c1f:before {
  content: "\e961"
}
.benefit-matrix .active-benefits .img.E76d5a846-50c8-41db-abd7-8c4d1440d733:before {
  content: "\e935"
}
.benefit-matrix .active-benefits .img.E66153ff5-4df5-4b36-a8c2-544abeaebfee:before {
  content: "\e96a"
}
.benefit-matrix .active-benefits .img.E6bc773d9-7ead-4033-b886-5e44824a8126:before {
  content: "\e970"
}
.benefit-matrix .active-benefits .img.E31e65fde-aa95-4b8e-90a6-0cf0a92bd5f9:before {
  content: "\e95b"
}
/*For the ordered lists in footer pages*/
.legalcontent-termsofuse ol {
margin-left: 2.14285714em;
}
/* unordered lists */
.fa-ul {
margin-left: 0.84285714em;
}
.online-two-iso .modal-body#online2-global-benefit-overview-modaltemplate .tab-body UL {
padding-left: 0;
}
.bootstrap-iso ul.fa-ul li {
padding-left: 1em;
}
.bootstrap-iso ul.fa-ul li::before {
font-family: FontAwesome;
content: '\f111';
font-size: 0.5rem;
margin-left: -1em;
padding-right: 0.5em;
position: relative;
bottom: 3px;
color: #000;
}
.bootstrap-iso ul.fa-ul li ul.fa-ul li::before {
content: '\f10c';
}

/* FOOTER ALIGNMENT FIX */

#footer div {
    vertical-align: middle;}
/*Flex-fund button hide*/
#\35 3289255-f6af-4382-862e-bc3ba954ea40_51d40784-0d2f-459b-83b8-c30cd2046919 {
    display: none;
  
}

.benefitselect .linename>a:link{
color: #9bca74;
    }

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