/* CLIENT CUSTOM CSS CODE HERE */
/**Default colors**/
/* Blue: #00b5e2
Light blue: #71c5e8 / When background not white, 60% of color: #aadcf1, 30%: #d4edf8
Cool blue: #2235f9 / When background not white, 60% of color: #7a86fb, 30% # bcc2fd
Ash blue: #3c444f
Steele grey: #d9d9d9
Ice ivory: #f5f5f5
Deep navy: #231f20
Warm Sun: #ffbf1c / When background not white, 60% of color: #ffd977, 30%: #ffecba
Orange: #f26407
Tree Green: #00c300 */

/* font declaration for using OnlineTwoIconFont set
'inspiringbenefits' is the new UK only demo client */
@font-face {
  font-family: 'OnlineTwoIconFont';
  src: url('/iceselect/media/2019/font%20icon/OnlineTwoIconFont_v2.eot');
  src: url('/iceselect/media/2019/font%20icon/OnlineTwoIconFont_v2.eot?#iefix') format('embedded-opentype'),
    url('/iceselect/media/2019/font%20icon/OnlineTwoIconFont_v2.woff') format('woff'),
    url('/iceselect/media/2019/font%20icon/OnlineTwoIconFont_v2.ttf') format('truetype'),
    url('/iceselect/media/2019/font%20icon/OnlineTwoIconFont_v2.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*** Login Page ***/
.online-two-iso.login body {background-image: url("/iceselect/media/2019/Miscs/Login_Page/ICE-login%20and%20APP%20images1.jpg"); background-position: center left;}

/*logo*/
div#wrapper.isLoginPageWrapper #header #logo {background: url("/iceselect/media/2019/Miscs/Logo/ICE_logo_444x444px_1.png") no-repeat scroll 0 0; height: 100px; background-size: 100px; cursor: default; pointer-events: none;}
div#wrapper.isLoginPageWrapper #header #logo {margin: 2% 0 -3% 3% !important;}

/*Buttons*/
.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 #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green, 
.online-two-iso A.button-style.green,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue, 
.online-two-iso A.button-style.blue {background-color: #71C5E8; font-weight: bold; color: #fff;}
.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,
.edit-button:hover, A.button-style.blue:hover, A.button-style.green:hover {background-color: #71C5E8; font-weight: bold; color: #fff; opacity: 0.6;}
.bootstrap-iso .btn-primary:active, 
.bootstrap-iso .btn-danger:active, 
.bootstrap-iso .btn-info:active,
.bootstrap-iso .btn-default:active, 
.bootstrap-iso .btn-warning:active, 
.bootstrap-iso .btn-success:active, 
.bootstrap-iso .btn-popup:active,
.edit-button:active, A.button-style.blue:active, A.button-style.green:active {background-color: #71C5E8; font-weight: bold; color: #2235f9; opacity: 0.3;}

/*Mobile buttons*/
#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 {background-color: #f26407}


/*Bottom modules*/
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {background-color: rgba(53, 53, 53, 0.1);}
#login-module-need-assistance {float: right !important; min-width: 360px !important; width: 40% !important; padding: 20px; text-align: right; font-size: 20px; font-weight: bold; font-family: inherit;}
#login-module-need-assistance.module.hidden-xs div.module-text span.glyphicon {font-family: inherit; font-weight: bold;}
#login-module-need-assistance.module.hidden-xs div.module-text span.glyphicon.glyphicon-envelope a {font-weight: bold !important; color: white !important;}
#login-module-need-assistance.module.hidden-xs div.module-text span.glyphicon.glyphicon-earphone::before {font-weight: bold !important; font-family: 'Glyphicons Halflings';}
#login-module-welcome-message {float: left !important; min-width: 380px !important; width: 50% !important; font-size: 30px; margin: 0rem 0 0 4rem;}

/*Login module*/
#wrapper.isLoginPageWrapper div#main.isLoginPage div.panel.panel-default div.panel-body {background-color: rgba(15, 54, 74, 0.4); border: 3px solid white;}
#login.btn.btn-primary {background-color: #71C5E8; font-weight: bold;}
#login.btn.btn-primary:hover {background-color: #71C5E8; opacity:0.6;}
#login.btn.btn-primary:active {background-color: #71C5E8; opacity:0.3;}
#wp-forgetPassword div span {color: black !important;}
#uname-addon.input-group-addon {text-align: left !important;}
#pwd-addon.input-group-addon {text-align: left !important;}

/*** Home Page Online 3.0 ***/
/*Logo*/
@media only screen and (min-width: 768px) { #header #logo {background: url("/iceselect/media/2019/Miscs/Logo/ICE-Select_logo_444x186px.png") no-repeat scroll 0 0; background-size: contain;}
#logo {height: 80px; width: 166px; cursor: default; pointer-events: none;}}
@media only screen and (min-width: 1024px) { #header #logo {background: url("/iceselect/media/2019/Miscs/Logo/ICE-Select_logo_444x186px.png") no-repeat scroll 0 0; background-size: contain;}
#logo {height: 120px; width: 250px; cursor: default; pointer-events: none;}}

#home-online-three #right-side .modules-right-side.grid-container {grid-template-areas: "module-1 module-1 module-1" "module-2 module-2 module-3" "module-4 module-4 module-4";}

#home-online-three.bootstrap-iso.ng-scope div.dashboard-page-container div.modules-sleeve div#right-side.view-mode-2 {padding-top: 3em;}
#home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container {background-color: transparent !important;}

#home-online-three #right-side .grid-container.modules-right-side .grid-item-0, #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-0 {
  -ms-grid-column: 1;  
  -ms-grid-column-span: 3 !important;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;}

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


/*Greeting message*/
#home-online-three .dashboard-controls #greeting-message {color: black;}
@media only screen and (max-width: 767px) { #home-online-three .dashboard-controls #greeting-message {margin-bottom: 1rem;}}

/*slider thumbs*/
#home-module-welcome #slider .thumb .rect, .home-module-integrated #slider .thumb .rect {width: 162px !important;}
#home-module-welcome #slider .thumb, .home-module-integrated #slider .thumb {background-color: #fff;}

/*Hiding question marks on modules*/
.bootstrap-iso .glyphicon.glyphicon-info-sign {display: none;}

/*list styles*/
ul.ul_list li {list-style-type: disc; margin-left: 40px ;}
ol.ol_list li {list-style-type: decimal; margin-left: 40px;}

/*General button color: btn-default*/
.btn.btn-default {background-color: #71C5E8; font-weight: bold; color: #fff;}
.btn.btn-default:hover {background-color: #71C5E8; color: #fff; opacity: 0.6;}
.btn.btn-default:active {background-color: #71C5E8 !important; color: #71C5E8 !important; opacity: 0.3; !important}

/*modules border*/
#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 1px #3c444f;}

/*modules title*/
#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: #235F73; font-weight: bolder;}

/*hamburger menu on home*/
#home-module-welcome .welcome-items .menu-header span.toggle-control .bar1, 
#home-module-welcome .welcome-items .menu-header span.toggle-control .bar2, 
#home-module-welcome .welcome-items .menu-header span.toggle-control .bar3 {background-color: #235F73;}
#home-module-welcome .welcome-items .menu-header #selected-slide, .home-module-integrated .welcome-items .menu-header #selected-slide {color: black;}

/*Addition of text to countdown*/
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left {color: #235F73 !important;}
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left::before, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left::before {content: "You have "; font-size: 14px; font-weight: lighter; vertical-align: 15%; 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: #235F73;}

/*Expanders colors*/
#home-online-three #left-side .expand-buttons .expand-dashboard,
#home-online-three #left-side .expand-buttons .split-from-welcome {background-color: #000000;}
#home-online-three #left-side .expand-buttons .expand-messages,
#home-online-three #right-side .expand-buttons .split-from-modules, #home-online-three #home-integrated .expand-buttons .split-from-modules {background-color: #71c5e8;}

/*Help toggle*/
.help-ico A, #floating-header-content .search-btn {background-color: #71C5E8; color: white !important; font-weight: normal;}
.fa {color: #71C5E8;}

/*footer*/
.online-two-iso #terminator #footer.footer-fullwidth > #footer {
float: right; 
margin-right: 202px;
}

/**Left Side**/
/*Carousel images*/
/*Removing grey background on carousels*/
#home-module-welcome #slider .sliderContainer .slide-content, .home-module-integrated #slider .sliderContainer .slide-content {background-color: transparent;}

/*General buttons for Slider*/
#home-module-welcome #slider .sliderContainer .slide-content .content .btn, .home-module-integrated #slider .sliderContainer .slide-content .content btn.btn-default {margin-top: -3.3rem; margin-left: 17rem; border-width: 2px;}

/*Slide 1*/
home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-0.slide {background-image: url("/iceselect/media/2019/Carousel/Boxes/ICE-carousel_box1-1.png?width=2370&height=1330&ext=.jpg"); background-repeat: no-repeat; background-size: contain; z-index: 1; top: 0px; left: 0px; position: absolute; overflow: hidden;}
#slide-0.slide img {z-index: 1; width: 53%; margin-top: -2rem; margin-left: -1rem;}
#slide-0.slide.ng-scope div.ng-scope div.slide-content.advanced.ng-scope div.content.ng-binding p span {margin-left: -1.5%; font-weight: 500;}

/*Slide 2*/
home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-1.slide {background-image: url("/iceselect/media/2019/Carousel/Boxes/ICE-carousel_box2.png?width=2370&height=1330&ext=.jpg"); background-repeat: no-repeat; background-size: contain; z-index: 1; top: 0px; left: 0px; position: absolute; overflow: hidden;}
#slide-1.slide img {z-index: 1; width: 53%; margin-top: -2rem; margin-left: -1rem;}
#home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-1.slide.ng-scope div.ng-scope div.slide-content.advanced.ng-scope div.content.ng-binding a.btn.btn-default {background-color: #839AFF; color: #fff; border-color: #fff;}
@media only screen and (max-width: 767px) { #home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-1 a.btn.btn-default {margin-left: 0rem; margin-top : 16rem;}}
#home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-1 a.btn.btn-default:hover {background-color: #839AFF !important; opacity:0.6;}
#home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-1 a.btn.btn-default:active {background-color: #839AFF !important; opacity:0.3;}

/*Slide 3*/
home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-2.slide {background-image: url("/iceselect/media/2019/Carousel/Boxes/ICE-carousel_box3.png?width=2370&height=1330&ext=.jpg"); background-repeat: no-repeat; background-size: contain; z-index: 1; top: 0px; left: 0px; position: absolute; overflow: hidden;}
#slide-2.slide img {z-index: 1; width: 53%; margin-top: -2rem; margin-left: -1rem;}
@media only screen and (min-width: 768px){
  #home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-2 a.btn.btn-default {margin-left: 18rem; margin-top : -3.3rem; background-color: #0F364A; color: #fff; border-color: #fff;}}
@media only screen and (max-width: 767px) { #home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-2 a.btn.btn-default {margin-left: 1rem; margin-top : 16rem; background-color: #f26407;}}
#home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-2 a.btn.btn-default:hover {background-color: #0F364A !important; opacity:0.6;}
#home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-2 a.btn.btn-default:active {background-color: #0F364A !important; color: #0F364A !important; opacity:0.3;}

/*Slide 4*/
home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-3.slide {background-image: url("/iceselect/media/2019/Carousel/Boxes/ICE-carousel_box4.png?width=2370&height=1330&ext=.jpg"); background-repeat: no-repeat; background-size: contain; z-index: 1; top: 0px; left: 0px; position: absolute; overflow: hidden;}
#slide-3.slide img {z-index: 1; width: 53%; margin-top: -2rem; margin-left: -1rem;}
#home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-3.slide.ng-scope div.ng-scope div.slide-content.advanced.ng-scope div.content.ng-binding a.btn.btn-default {background-color: #71c5e8; color: #fff; border-color: #fff;}
@media only screen and (max-width: 767px) { #home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-3 a.btn.btn-default {margin-left: 0rem; margin-top : 16rem;}}
#home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-3 a.btn.btn-default:hover {background-color: #aadcf1 !important;}
#home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-3 a.btn.btn-default:active {background-color: #d4edf8 !important; color: #71c5e8 !important; border-color: #d4edf8 !important;}

/*Slide 5*/
home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-4.slide {background-image: url("/iceselect/media/2019/Carousel/Boxes/ICE-carousel_box5.png?width=2370&height=1330&ext=.jpg"); background-repeat: no-repeat; background-size: contain; z-index: 1; top: 0px; left: 0px; position: absolute; overflow: hidden;}
#slide-4.slide img {z-index: 1; width: 53%; margin-top: -2rem; margin-left: -1rem;}
#home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-4.slide.ng-scope div#touch.ng-scope div.slide-content.advanced.ng-scope div.content.ng-binding a.btn.btn-default {background-color: #2235f9; color: #fff; border-color: #fff;}
@media only screen and (max-width: 767px) { #home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-4 a.btn.btn-default {margin-left: 0rem; margin-top : 16rem;}}
#home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-4 a.btn.btn-default:hover {background-color: #7a86fb !important;}
#home-module-welcome.carousel div#slider.dashboard-slider div div div.sliderContainer div#slide-4 a.btn.btn-default:active {background-color: #bcc2fd !important; color: #2235f9 !important; border-color: #bcc2fd !important;}

/***Benefit matrix***/

/**Matrix colors**/
#main.matrix.matrix-for-enroll div.page-content div.benefitmatrixforenroll-container div.bootstrap-iso.benefit-matrix.ng-scope div div div.fixed-container div.ng-fade.containers div div.benefit-category.ng-scope uib-accordion.ng-scope div.panel-group div.panel.ng-scope.ng-isolate-scope.panel-default > .panel-heading {background-color: #00b5e2; !important; font-weight: bolder;}
.benefit-matrix .default-cost, .benefit-matrix .font-youpay-color {color: #000;}
.newbenefit {display: none;}

/*panel headings color*/
.benefit-matrix .benefit-category .panel-default > .panel-heading {background-color: #71c5e8;}


/*Savings and Protection*/
.benefit-matrix .line-group.SavingsandProtection .row.title .glyphicon-info-sign-color {color: #000000; display: inline-block;}
.benefit-matrix .line-group.SavingsandProtection .lineheader > a:link {color: #000000; font-weight: bolder;}
.line-group.SavingsandProtection div.group-default span.ng-binding.line-group.SavingsandProtection {color: #000000;}
.line-group.SavingsandProtection a.btn.btn-success.btn-option-elect, .line-group.SavingsandProtection .btn.btn-info.know-more-link {background-color: #71C5E8; font-weight: bold;}
.line-group.SavingsandProtection a.btn.btn-success.btn-option-elect:hover, .line-group.SavingsandProtection .btn.btn-info.know-more-link:hover {background-color: #71C5E8 !important; font-weight: bold; opacity: 0.6; !important}
.line-group.SavingsandProtection a.btn.btn-success.btn-option-elect:active, .line-group.SavingsandProtection .btn.btn-info.know-more-link:active {background-color: #71C5E8 !important; font-weight: bold; opacity: 0.3; !important;}

/*Health and Wellbeing*/
.benefit-matrix .line-group.HealthandWellbeing .row.title .glyphicon-info-sign-color {color: #000000; display: inline-block;}
.benefit-matrix .line-group.HealthandWellbeing .lineheader > a:link {color: #000000; font-weight: bolder;}
.line-group.HealthandWellbeing div.group-default span.ng-binding.line-group.HealthandWellbeing {color: #000000 !important;}
.line-group.HealthandWellbeing a.btn.btn-success.btn-option-elect {background-color: #71C5E8; font-weight: bold;}
.line-group.HealthandWellbeing a.btn.btn-success.btn-option-elect:hover {background-color: #eea781 !important; font-weight: bold;}
.line-group.HealthandWellbeing a.btn.btn-success.btn-option-elect:active {background-color: #f8d4c1 !important; font-weight: bold; color: #f26407 !important;}

/*Leisure and Lifestyle*/
.benefit-matrix .line-group.LeisureandLifestyle .row.title .glyphicon-info-sign-color {color: #000000 !important; display: inline-block;}
.benefit-matrix .line-group.LeisureandLifestyle .lineheader > a:link {color: #000000; font-weight: bolder;}
.line-group.LeisureandLifestyle div.group-default span.ng-binding.line-group.LeisureandLifestyle {color: #000000;}
.line-group.LeisureandLifestyle a.btn.btn-success.btn-option-elect {background-color: #71C5E8; font-weight: bold;}
.line-group.LeisureandLifestyle a.btn.btn-success.btn-option-elect:hover {background-color: rgba(0, 195, 0, 0.6) !important; font-weight: bold;}
.line-group.LeisureandLifestyle a.btn.btn-success.btn-option-elect:active {background-color: rgba(0, 195, 0, 0.3) !important; font-weight: bold; color: #71C5E8 !important;}
/*Monthly/annual toggle*/
.perpayperannualbtngroup .btn.btn-default {background-color: grey; font-weight: bold; border-color: black; color: white;}
.perpayperannualbtngroup .btn.btn-default.active {background-color: white; color: #1f3461; font-weight: bold; border-color: black;}

/*Reset to default hiding*/
#resettodefaults a.btn.btn-warning.btn-resettodefaults.ng-scope {display: none;}

/*Confirm choices btn color*/
a.btn.btn-success.btn-confirmchoice {background-color: #00b5e2 !important; font-weight: bold;}
a.btn.btn-success.btn-confirmchoice:hover {background-color: #aadcf1 !important; font-weight: bold;}
a.btn.btn-success.btn-confirmchoice:active {background-color: #d4edf8 !important; font-weight: bold; color: #00b5e2;} 

/*Manage dependants visuals*/
h3.dependantModalHeader.ng-isolate-scope, #main.matrix.matrix-for-enroll a.dependant-add-link.ng-scope.ng-isolate-scope span.ng-isolate-scope {color: #0F364A;}
.modal-body.dependant-normal div.tab-header ul.tab-selector li.left-tab a.tab-selector-link.ng-isolate-scope.active,
.modal-body.dependant-normal div.tab-header ul.tab-selector li.left-tab a.tab-selector-link.ng-isolate-scope:hover {color: #0F364A; border-bottom: solid .5em #0F364A;}
.modal-body.dependant-normal div.tab-header ul.tab-selector li.right-tab a.tab-selector-link.ng-isolate-scope.active,
.modal-body.dependant-normal div.tab-header ul.tab-selector li.right-tab a.tab-selector-link.ng-isolate-scope:hover {color: #0F364A; border-bottom: solid .5em #0F364A;}
.dependant-list a.dependant-edit, .dependant-list a.dependant-remove {color: #00b5e2;}
.dependant-list a.dependant-edit:hover, .dependant-list a.dependant-remove:hover {color: #71c5e8;}
.dependant-list-top a.dependant-add-link, i.fa.fa-plus-circle.dependant-add-icon {color: #0F364A;}
.dependant-list-top a.dependant-add-link:hover {color: #00b5e2;}
.benefit-matrix .employee-cost .cost-number {color: #00b5e2;}
.btn.btn-success.dependant-accept-btn:hover:active, .btn.btn-warning.dependant-cancel-btn:focus {background-color: #bcc2fd; color: #2235f9;}

/*Payslip modeller*/
.modeller-links li a.checked, input.modeller-line-bottom {background-color: #26407;}
h3.modellersModalHeader, .modeller-container .row-header {color: #00b5e2}
.modeller-close-button .btn-warning.btn:hover:active {background-color: #bcc2fd !important; color: #2235f9;}

/*four links hiding*/
.products .links-group.four-links {display: none;}

/*Selected product*/
.benefitselect .products .box-border.sel .header, .benefitselect .products .box-border.sel {background-color: #00b5e2;}
.in-Cart .you-chose .selected-plan {color: #f26407;}
.benefitselect .glyphicon-folder-open {color: #2235f9;}

/**Benefit Overview**/
/*Clear filter button*/
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope div.filter.overview-component button.clear-filter.btn.btn-warning {background-color: #00b5e2;}

/*Paragraph line spacing*/
.bootstrap-iso p {margin: 0 0 5px;}
.bootstrap-iso p {padding-bottom: 0.5em;}

/*Filter by*/
#BenefitNameFilter.btn.btn-popup.dropdown-toggle {background-color: transparent; color: #888; font-weight: lighter;}

/*Close details button*/
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope.modal-open div.modal.fade.ng-isolate-scope.in div.modal-dialog.modal-large div.modal-content div.modal-body.ng-scope div.tab-body div div.modal-controls button.btn.btn-warning {background-color: #71C5E8;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope.modal-open div.modal.fade.ng-isolate-scope.in div.modal-dialog.modal-large div.modal-content div.modal-body.ng-scope div.tab-body div div.modal-controls button.btn.btn-warning:hover {background-color: #71C5E8; opacity:0.6;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope.modal-open div.modal.fade.ng-isolate-scope.in div.modal-dialog.modal-large div.modal-content div.modal-body.ng-scope div.tab-body div div.modal-controls button.btn.btn-warning:active {background-color: #71C5E8; color: #2235f9; border-color: #bcc2fd; opacity:0.3;}

/* hiding benefit update flag */
.benefit-matrix .newbenefit, .benefit-matrix .changebenefit {display: none;}

/*Details menu*/
.online-two-iso .modal-large a.tab-selector-link:hover, .online-two-iso .modal-large .tab-selector-link {color: #3c444f;}
.online-two-iso .modal-large a.tab-selector-link:hover, .online-two-iso .modal-large .tab-selector-link.active {color: #000000; border-bottom: solid 0.5em #000000;}

/*plan selection buttons*/
#products.available-options.products .checkout-button a {background-color: #00b5e2;}
#products.available-options.products .checkout-button a:hover {background-color: #aadcf1;}
#products.available-options.products .checkout-button a:active {background-color: #d4edf8; color: #00b5e2;}
.option-credit-health .option.sel {color: #f26407;}
SPAN.green-number {color: #00c300;}

/*Continue button*/
#main .benefitselect.benefit-matrix a.btn.btn-warning.continue {background-color: #00b5e2;}
#main .benefitselect.benefit-matrix a.btn.btn-warning.continue:hover {background-color: #aadcf1;}
#main .benefitselect.benefit-matrix a.btn.btn-warning.continue:active {background-color: #d4edf8; color: #00b5e2;}

/*Protection tab*/
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.protection.panel.ng-scope.ng-isolate-scope.panel-default > .panel-heading {background-color: #000000 !important; font-weight: bolder;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.protection.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link {background-color: #71C5E8; font-weight: bolder;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.protection.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link:hover  {background-color: #71C5E8; font-weight: bolder; opacity: 0.6;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.protection.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link:active {background-color: #71C5E8; font-weight: bolder; opacity: 0.3;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.protection.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link a:active {color: #71C5E8 !important;}

/*Health tab*/
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.health.panel.ng-scope.ng-isolate-scope.panel-default > .panel-heading {background-color: #000000; font-weight: bolder;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.health.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link {background-color: #71C5E8; font-weight: bolder;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.health.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link:hover {background-color: #71C5E8; font-weight: bolder; opacity: 0.6;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.health.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link:active {background-color: #71C5E8; font-weight: bolder; opacity: 0.3;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.health.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link a:active {color: #71C5E8 !important;}

/*Leisure tab*/
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.Leisure.panel.ng-scope.ng-isolate-scope.panel-default > .panel-heading {background-color: #000000 !important; font-weight: bolder;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.Leisure.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link {background-color: #71C5E8; font-weight: bolder;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.Leisure.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link:hover {background-color: #71C5E8; font-weight: bolder; opacity: 0.6;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.Leisure.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link:active {background-color: #71C5E8; font-weight: bolder; opacity: 0.3;}
#benefit-overview.benefit-overview.bootstrap-iso.online-two-iso.ng-scope uib-accordion#overviewAccordion.overview-component div.panel-group div.Leisure.panel.ng-scope.ng-isolate-scope.panel-default div.btn.btn-info.know-more-link a:active {color: #71C5E8 !important;}



/*See also*/
.benefitselect .linename > a {color: #231f20;}
.benefitselect .linename:hover > a {color: #2235f9;}

/**Profile**/
#profilecontainer .htabs-container .tabs UL LI. A {border-bottom: solid .5em #2235f9 !important; color: #2235f9;}

/*follow-ups note hiding*/
.benefitselect .followup-collect-info {display: none;}

/*Checkout confirmation*/
.benefit-matrix .confirm-checkout-button .btn-success {background-color: #00b5e2;}
.benefit-matrix .confirm-checkout-button .btn-success:hover {background-color: #aadcf1;}
.benefit-matrix .confirm-checkout-button .btn-success:active {background-color: #d4edf8; color: #00b5e2;}

/*Checkout cancel*/
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray, .online-two-iso A.button-style.gray {background-color: #000;}
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray, .online-two-iso A.button-style.gray:hover {background-color: #000; opacity:0.6;}
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray, .online-two-iso A.button-style.gray:active {background-color: #000; color: #2235f9; opacity:0.3;}

/*App registration*/
#mobileRegistration-Content div div.save-button.mobile-registration-bottom a#newPasswordSave.button-style {background-color: #71C5E8; font-weight: bold;}
#mobileRegistration-Content div div.save-button.mobile-registration-bottom a#newPasswordSave.button-style:hover {background-color: #71C5E8 !important; font-weight: bold; opacity:0.6;}
#mobileRegistration-Content div div.save-button.mobile-registration-bottom a#newPasswordSave.button-style:active {background-color: #bcc2fd !important; font-weight: bold; color: #71C5E8; opacity:0.3;}
#mobileRegistration.ng-scope .mobile-registration-fullwidth div.mobile-registration-app-download div span i.fa.fa-android.fa-5x, #mobileRegistration.ng-scope .mobile-registration-fullwidth div.mobile-registration-app-download div span i.fa.fa-apple.fa-5x,#main.MobileRegistation .mobile-registration-app-download div span a {color: black;}

/*Lifestyle events*/
.active-benefits .img.E534949eb-3ebd-4cad-b208-dfce12718f0f {background-image: url("/iceselect/media/2019/Life_Events_2021/Birth%20or%20adoption%20of%20a%20child.png");} /*Birth, adoption*/
.active-benefits .img.Ead266628-02ec-412a-9204-d62b1d0ed07d {background-image: url("/iceselect/media/2019/Life_Events_2021/Start%20long%20term%20leave.png");} /*Start parental leave*/
.active-benefits .img.Ed8f77f79-8d46-44f4-9cb0-b4399658492d {background-image: url("/iceselect/media/2019/Life_Events_2021/Divorce%20or%20separation.png");} /*Divorce, separation*/
.active-benefits .img.E24f22362-a47e-42fb-a03e-2d3638c554b7 {background-image: url("/iceselect/media/2019/Life_Events_2021/Marriage.png");} /*Gain a partner*/
.active-benefits .img.E8d78d957-a262-4b3d-b637-2a6659d34274 {background-image: url("/iceselect/media/2019/Life_Events_2021/Death%20of%20a%20dependant.png");} /*Death of dependant*/


/*Hide lifestyle event red intro text*/
.benefit-matrix .benefit-active-benefits .active-intro {display: none;}
#search-box .button:focus, #search-box .button:hover {
	background-color: #235F73 !important;
	opacity: 0.6;
}
#search-box .button:active {
	background-color: #235F73 !important;
	opacity: 0.3;
  color: #235F73;
}

/* allow use of OnlineTwoIconFont for anything with this class */
[class*='online-two-icon-']:before {
font-family: OnlineTwoIconFont;
}
/* icons on the benefit intro popups */
.benefit-information [class*='online-two-icon-']::before {
font-size: 12rem;
line-height: 1;
color: #000000;
}
/* global font size */
.bootstrap-iso {
font-size: 1rem;
}
/* 14a) benefit icon general coding */
/* remove background images in readiness for using icons */
/* benefit matrix */
.benefit-matrix .benefitline .benefit-menu .img,
/* see also images */
div.see-also .img,
/* benefits overview icons */
#benefit-overview .summaryImage .img {
background: none;
}
/* general styling for using icons for benefits */
.benefit-matrix .benefitline .benefit-menu .img:before,
div.see-also .img:before,
#benefit-overview .summaryImage .img:before {
font-family: OnlineTwoIconFont;
font-size: 7rem;
position: relative;
top: -0.1em;
color: #000000;
}

/* icon size for 'see also' section of benefit selection page */
div.see-also .img:before {
font-size: 3.5rem;
top: -0.25em;
}
/****************************************** Using icons for homepage/elsewhere on the site *******************************************/
/* add any additional icons from the OnlineTwoIconFont that are required */

/* Benefit Icons: Pension */
#benefit-overview .img.BenefitImage_2f85d4c0-070c-4b7b-9e40-cdce29abb1b0:before,
.img.L2f85d4c0-070c-4b7b-9e40-cdce29abb1b0:before,
div.see-also .img.L2f85d4c0-070c-4b7b-9e40-cdce29abb1b0:before{
content: '\e91f';
}
/* Benefit Icons: ISA_Stocks */
#benefit-overview .img.BenefitImage_5a7c6931-d141-4b97-8dbc-302b4d9d5d50:before,
.img.L5a7c6931-d141-4b97-8dbc-302b4d9d5d50:before,
div.see-also .img.L5a7c6931-d141-4b97-8dbc-302b4d9d5d50:before{
content: '\e93a';
}
/* Benefit Icons: Life_Assurance */
#benefit-overview .img.BenefitImage_a2c61106-a402-4034-b9ca-9b6b508a5b03:before,
.img.La2c61106-a402-4034-b9ca-9b6b508a5b03:before,
div.see-also .img.La2c61106-a402-4034-b9ca-9b6b508a5b03:before{
content: '\e91c';
}
/* Benefit Icons: Partner_Life_Assurance */
#benefit-overview .img.BenefitImage_73ff5bd6-b6fb-4fcb-b34b-582069386022:before,
.img.L73ff5bd6-b6fb-4fcb-b34b-582069386022:before,
div.see-also .img.L73ff5bd6-b6fb-4fcb-b34b-582069386022:before{
content: '\e91d';
}
/* Benefit Icons: Critical_Illness */
#benefit-overview .img.BenefitImage_c1be474c-07fe-4ec6-a73a-6e22a7d32fd4:before,
.img.Lc1be474c-07fe-4ec6-a73a-6e22a7d32fd4:before,
div.see-also .img.Lc1be474c-07fe-4ec6-a73a-6e22a7d32fd4:before{
content: '\e905';
}
/* Benefit Icons:  Partner_Critical_Illness */
#benefit-overview .img.BenefitImage_82820a26-9273-4439-90d0-5952eba2382d:before,
.img.L82820a26-9273-4439-90d0-5952eba2382d:before,
div.see-also .img.L82820a26-9273-4439-90d0-5952eba2382d:before{
content: '\e906';
}
/* Benefit Icons: Income Protection */
#benefit-overview .img.BenefitImage_b993c3e0-51c6-4d2d-bc07-68632de7d816:before,
.img.Lb993c3e0-51c6-4d2d-bc07-68632de7d816:before,
div.see-also .img.Lb993c3e0-51c6-4d2d-bc07-68632de7d816:before{
content: '\e91b';
}
/* Benefit Icons: PMI */
#benefit-overview .img.BenefitImage_15e58935-05c0-42b4-b6df-e7a68ea42e3e:before,
.img.L15e58935-05c0-42b4-b6df-e7a68ea42e3e:before,
div.see-also .img.L15e58935-05c0-42b4-b6df-e7a68ea42e3e:before{
content: '\e927';
}
/* Benefit Icons: Dental_Insurance */
#benefit-overview .img.BenefitImage_f95fced7-ddf4-40eb-aef4-56043d78605b:before,
.img.Lf95fced7-ddf4-40eb-aef4-56043d78605b:before,
div.see-also .img.Lf95fced7-ddf4-40eb-aef4-56043d78605b:before{
content: '\e909';
}
/* Benefit Icons: Health_Cash_Plan */
#benefit-overview .img.BenefitImage_5418f116-66c4-4f15-99ed-886f6803b7fd:before,
.img.L5418f116-66c4-4f15-99ed-886f6803b7fd:before,
div.see-also .img.L5418f116-66c4-4f15-99ed-886f6803b7fd:before{
content: '\e918';
}
/* Benefit Icons: Health_Assesments */
#benefit-overview .img.BenefitImage_a8f2af97-5ba5-4704-b284-2242eb02dda8:before,
.img.La8f2af97-5ba5-4704-b284-2242eb02dda8:before,
div.see-also .img.La8f2af97-5ba5-4704-b284-2242eb02dda8:before{
content: '\e915';
}
/* Benefit Icons: Partner_Health_Assesments */
#benefit-overview .img.BenefitImage_7ee5cbfc-326c-499b-9b95-3483441da0be:before,
.img.L7ee5cbfc-326c-499b-9b95-3483441da0be:before,
div.see-also .img.L7ee5cbfc-326c-499b-9b95-3483441da0be:before{
content: '\e916';
}
/* Benefit Icons: Cancer_Screening */
#benefit-overview .img.BenefitImage_9d62362d-74ef-46a1-9ef6-d2c1c2c5255a:before,
.img.L9d62362d-74ef-46a1-9ef6-d2c1c2c5255a:before,
div.see-also .img.L9d62362d-74ef-46a1-9ef6-d2c1c2c5255a:before{
content: '\e935';
}
/* Benefit Icons: Cancer_Screening_Partner */
#benefit-overview .img.BenefitImage_7a9b361b-eab4-4807-ad90-5620338f3849:before,
.img.L7a9b361b-eab4-4807-ad90-5620338f3849:before,
div.see-also .img.L7a9b361b-eab4-4807-ad90-5620338f3849:before{
content: '\e98d';
}
/* Benefit Icons: Eye_Test */
#benefit-overview .img.BenefitImage_70f89d53-6ab2-4c62-a5a9-92e9f9b4e268:before,
.img.L70f89d53-6ab2-4c62-a5a9-92e9f9b4e268:before,
div.see-also .img.L70f89d53-6ab2-4c62-a5a9-92e9f9b4e268:before{
content: '\e90d';
}
/* Benefit Icons: EAP */
#benefit-overview .img.BenefitImage_4ac0b7ef-d5a4-4514-8f62-fcf23c748d33:before,
.img.L4ac0b7ef-d5a4-4514-8f62-fcf23c748d33:before,
div.see-also .img.L4ac0b7ef-d5a4-4514-8f62-fcf23c748d33:before{
content: '\e942';
}
/* Benefit Icons: Flu_Vaccination */
#benefit-overview .img.BenefitImage_​1abffaa1-3b03-41e3-a18f-187149319de4:before,
.img.L​1abffaa1-3b03-41e3-a18f-187149319de4:before,
div.see-also .img.L​1abffaa1-3b03-41e3-a18f-187149319de4:before{
content: '\e995';
}
/* Benefit Icons: Childcare_vouchers */
#benefit-overview .img.BenefitImage_34977158-5055-4694-bd18-ff89277b9b46:before,
.img.L34977158-5055-4694-bd18-ff89277b9b46:before,
div.see-also .img.L34977158-5055-4694-bd18-ff89277b9b46:before{
content: '\e901';
}

/* Benefit Icons: C2W */
#benefit-overview .img.BenefitImage_b4e387ba-cdc4-46fc-bdf0-0728c601d870:before,
.img.Lb4e387ba-cdc4-46fc-bdf0-0728c601d870:before,
.img.Lb4e387ba-cdc4-46fc-bdf0-0728c601d870:before,
div.see-also .img.Lb4e387ba-cdc4-46fc-bdf0-0728c601d870:before{
content: '\e908';
}

/* Benefit Icons: Payroll_Giving */
#benefit-overview .img.BenefitImage_49a82023-1bef-416c-836e-9926392ef677:before,
.img.L49a82023-1bef-416c-836e-9926392ef677:before,
div.see-also .img.L49a82023-1bef-416c-836e-9926392ef677:before{
content: '\e952';
}
/* Benefit Icons: Season_Ticket_Loan */
#benefit-overview .img.BenefitImage_​9a1ee65f-bf6b-461e-ac1c-e42626707ca8:before,
.img.L​9a1ee65f-bf6b-461e-ac1c-e42626707ca8:before,
div.see-also .img.L​9a1ee65f-bf6b-461e-ac1c-e42626707ca8:before{
content: '\e929';
}
/* Benefit Icons: Gym_Membership */
#benefit-overview .img.BenefitImage_27f144d7-4469-49c3-8612-59fe4a2d8fdd:before,
.img.L27f144d7-4469-49c3-8612-59fe4a2d8fdd:before,
div.see-also .img.L227f144d7-4469-49c3-8612-59fe4a2d8fdd:before{
content: '\e914';
}
/* Benefit Icons: Backup_Childcare */
#benefit-overview .img.BenefitImage_f48267a0-f2be-49cc-b51f-52e802d96c44:before,
.img.Lf48267a0-f2be-49cc-b51f-52e802d96c44:before,
div.see-also .img.Lf48267a0-f2be-49cc-b51f-52e802d96c44:before{
content: '\e901';
}

#matrix\ anytime-enroll .active-benefits .text-center .btn.btn-warning,
.benefit-matrix .modal-content .coverage-pannel .btn.btn-warning { background-color: #000;}

.modeller-links li a.checked {
	background-color: #000;
}
input.modeller-line-bottom {
	
	background-color: #000;	
}
.online-two-iso input:checked + .slider {
	background-color: #000;
}
.online-two-iso .datepicker-container .input-group-btn .btn {
	background-color: #000;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success{
	background-color: #235F73;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:hover {
	background-color: #235F73;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger{
	background-color: #0F364A;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:hover {
	background-color: #0F364A;
}
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A {
	color: #000;
	border-bottom: solid .5em #000;
}

.button:focus, .button:hover {
	background-color: #0F364A !important;
}
.bootstrap-iso .btn.online-two-datepicker {
	background-color: #000;	
}
#FAQs .col-md-3.hidden-xs.hidden-sm.text-center.benefit-information {
margin-bottom: -190px;
}
/*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';
}
/*Pluse confirm choices*/
@keyframes shadow-pulse {
0% {
box-shadow:0 0 0 0 rgba(89, 188, 33, 0.5);
}
100% {
box-shadow:0 0 0 10px rgba(188, 33, 33, 0);
}
}
.benefitheader-fixed div#followup-items a.btn {
animation:shadow-pulse 1s infinite;
}

/* display nav items in one line */
#footer a.optanon-toggle-display.EUFooterLink{
display: inline-block !important;
}

/* Minification failed (line 356, error number 1030): Expected identifier, found ' ' */