:root {
  --colour1: #000;
}

@font-face {
    font-family: 'OnlineTwoIconFont';
    src: url('/choicebenefits/media/default/Fonts/OnlineTwoIconFont.eot');
    src: url('/choicebenefits/media/default/Fonts/OnlineTwoIconFont.eot?#iefix') format('embedded-opentype'),
         url('/choicebenefits/media/default/Fonts/OnlineTwoIconFont.woff') format('woff'),
         url('/choicebenefits/media/default/Fonts/OnlineTwoIconFont.ttf') format('truetype'),
         url('/choicebenefits/media/default/Fonts/OnlineTwoIconFont.svg') format('svg');
    font-weight: normal;
    font-style: normal; 
}

/******************************** STANDARD UK STYLING  ********************************/
/* hide faded background on html element */
html {
  background: none;
}

/* hide Compare Plans buttons on line selection page */
.links-group.four-links {
  display: none;
}

/* remove top margin on need assistance pull down tab */
.help-ico A {
  margin-top: 0;
}
/* hide follow up item message that appears above follow up item fields on line selection page */
.benefitselect .followup-collect-info {
  display: none;
}
/* removing empty space between follow up intro text and follow up item fields on line selection page */
.benefitselect .followup-container .followup-item-coverage-heading {
  margin: 0;
  padding: 0;
}
/* hide duplicate benefit intro link on line selection page */
.benefitselect .more-info {
  display: none;
}


/******************************** CLIENT CUSTOM STYLING ********************************/

/************** logo ********************/
#logo {
  background: url(/choicebenefits/media/default/2026%20Rebranding/login%20and%20APP%20images/Hill_Dickinson_logo.png) no-repeat center/contain;
  margin-left:50px;
  
}

/************** logo on login page only ********************/


/************* first time user styling ******************/
.online-two-iso .validation-caption {
  color: #2aa537;
}
.online-two-iso label {
  color: #7f7f7f;
}
.online-two-iso .validation-rules li.passed,
.online-two-iso .success-icon {
  color: #97bf0d;
}

/************* header of site *****************/
.online-two-iso #terminator #header.header-fullwidth {
  background-color: #2aa537
}
/* links in header */
.online-two-iso #menu-no-dashboard li a,
.online-two-iso #menu-no-dashboard li a.selected,
#header #user-div a {
  color: #fff
}
/* greeting message */
#home-online-three .dashboard-controls #greeting-message {
  color: #333
}

/************* footer of site *****************/
.online-two-iso #terminator #footer.footer-fullwidth {
  background-color: #fff;
}
.online-two-iso #footer a {
  border-left: 1px solid;
  margin: 0;
  padding: 0;
  padding-right: 1em;
  padding-left: 1em;
}
.online-two-iso #footer div div:first-child a {
  border: none;
}

/* pop up header banner colour */
.online-two-iso .header-overlay {
  background-color: #2aa537;
}

/* panel heading background colour */
.benefit-matrix .benefit-category .panel-default > .panel-heading {
  background-color: #2aa537;
}

/*** link styling ***/
.bootstrap-iso a {
  color: #FF7346;
  font-weight: bold;
}

/*** main h1 heading colour ***/
.online-two-iso h1 {
  color: #2aa537;
}

/*** button styling ***/
.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.blue,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray,
.online-two-iso A.button-style.blue,
.online-two-iso A.button-style.gray,
.benefitheader-fixed div#followup-items a.btn,
.benefitheader-fixed div#resettodefaults a.btn,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default,
.online-two-iso A.button-style {
  background-color: #2aa537;
  color: #fff;
  border-radius: 20px;
}

/* active toggle sliders e.g. show senitive data, or full time student indicator etc. */
.online-two-iso input:checked + .slider {
  background-color: #97bf0d;
}

/* date picker icon e.g. on Date of Birth selection, or benefit statement for viewing historical coverage */
.online-two-iso .datepicker-container .input-group-btn .btn {
  background-color: #2aa537;
  border-color: #2aa537
}
/* today button on date picker */
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info {
  background-color: #2aa537;
}
/* clear button on date picker */
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger {
  background-color: #FF7346;
}
/* close button on date picker */
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success {
  background-color: #97bf0d;
}

/*** benefit filter on benefit overview page ***/
#BenefitNameFilter {
  color: #333;
  background: transparent;
}

/*** select buttons on line selection page ***/
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green,
.online-two-iso A.button-style.green {
  background: #97bf0d;
}

/***************************************** home page styling **********************************************/
/* module layout in firefox/chrome */
#home-online-three #home-integrated .modules-right-side.grid-container {
  grid-template-areas: 
    "module-1 module-1 module-2"
    "module-3 module-3 module-4"
    "module-5 module-6 module-7"
}
/* module layout in IE */
#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: 3;
  -ms-grid-row: 2;
}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
  -ms-grid-column: 2;
  -ms-grid-row: 3;
}
#home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
  -ms-grid-column: 3;
  -ms-grid-row: 3;
}
@media only screen and (min-width:1400px) {
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns: repeat(4,1fr);
    -ms-grid-columns:1fr 1fr 1fr 1fr;
    grid-template-areas: 
      "module-1 module-1 module-2 module-3"
      "module-4 module-5 module-6 module-7";
  }
  #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: 4;
    -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;
  }
}
@media only screen and (min-width:1920px){
  #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;
    grid-template-areas: 
      "module-1 module-1 module-2 module-4 module-3 module-3"
      "module-5 module-5 module-6 module-6 module-7 module-7";
  }
  #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: 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: 4;
    -ms-grid-row: 1;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
    -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-5 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-row: 2;
  }
  #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    -ms-grid-row: 2;
  }
}

/* remove border of modules and apply box shadow */
#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;
	box-shadow: 3px 5px 2px 5px rgba(0,0,0,.25)
}
/* module title colour */
#home-online-three #home-integrated .module-content-header-container h3.module-content-header {
  color: #333;
}
/* hide more info module icon */
a.online-three-module-popover-control {
  display: none;
}
/* hide carousel menu */
.home-module-integrated .welcome-items {
  display: none;
}
.home-module-integrated #slider,
.home-module-integrated #slider .sliderContainer{
  width: 593px;
  height: 333px;
}

.home-module-integrated #slider .sliderContainer .slide-content {
  width: 65%;
  background-color: transparent;
  margin-top: .5rem
}
.home-module-integrated .content {
  margin: 0;
  padding: 1rem
}
.home-module-integrated .innerCarouselContent {
  background: rgba(255,255,255,.8);
  padding: .75em
}
.home-module-integrated .innerCarouselContent h3 {
  margin-top: 0
}
.home-module-integrated #slider .sliderContainer .slide-content .content .btn {
  display: block;
  max-width: 70% !important;
  margin-top: .5rem;
  font-size: 80%;
  font-weight: bold;
  border: none;
  border-radius: 20px
}
.home-module-integrated .btn.btn-default.carouselButtonOne {
  background: #FF7346;
}
.home-module-integrated .btn.btn-default.carouselButtonTwo {
  background: #2aa537
}

/* label inserted before number of days countdown on enrolment module */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .days-left:before,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light .days-left:before {
  font-size: 14px;
  font-weight: 300;
  content: 'You have ';
  position: relative;
  bottom: 3px;
}

/* styling of placeholder image at different screen widths */
@media only screen and (min-width:375px) and (max-width:1899px) {
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagePlaceholder {
    background: url(/choicebenefits/media/default/2026%20Rebranding/modules%20icons/Hill%20Dickinson_Supergraphic_Nectarine-3.png) no-repeat 0% 0%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
  }
}
@media only screen and (min-width:1900px) {
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.imagePlaceholder {
    background: url(/choicebenefits/media/default/2026%20Rebranding/modules%20icons/HD-Supergraphic-Nectarine-module-%20635x383px.png) no-repeat 0% 0%;
    background-size: cover; 
  }
}
/* contact module table styling */
.contactsTable {
  width: auto;
  margin: 0 auto;
}
.contactsTable td {
  text-align: left
}


/***************************************** profile styling **********************************************/
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A {
  color: #333;
  border-color: #2aa537;
}
.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: #2aa537
}

/***************************************** benefit matrix styling **********************************************/
/* apply grey background */
.benefit-matrix .benefit-active-benefits,
.benefit-matrix .benefit-category .panel-body,
.benefit-matrix .group-default,
.line-group {
  background: #f2f2f2
}
/* formatting payslip data item section */
/* NOTE: there is a payslip data item configured in GI as a data item spacer.
This ensures that the text for the monthly premium notification appears as the second data item,
and is therefore positioned in the second column of the 3 possible columns available */
.benefit-matrix .totalcostLable {
  visibility: hidden;
}
.benefit-matrix .totalcostsection span.font-youpay-color {
  display: none;
}
/* manage dependants widget button */
.benefit-matrix .benefitheader.benefitheader-border {
  border-color: transparent;
  background: #2aa537;
}
.benefit-matrix .benefitheader.benefitheader-border span {
  color: #fff;
}
.bootstrap-iso .benefitheader.benefitheader-border .glyphicon-gift:before {
  font-family: FontAwesome;
  content: '\f0c0';
  vertical-align: top;
}
/* separate icon/image from benefit section */
.benefitline .benefit-menu {
  border-right: 7px solid #f2f2f2;
  padding-bottom: 10px
}
.benefit-matrix .benefit-category .benefitline,
.line-group {
  padding: 0;
}
/* group name, line name, benefit intro icon and costs colour */
.benefit-matrix .group-default,
.benefit-matrix .lineheader > a:link,
.benefit-matrix .row.title .glyphicon-info-sign-color,
.benefit-matrix .default-cost,
.benefit-matrix .font-youpay-color {
  color: #333;
}
/* line name and benefit intro icon hover colour */
.benefit-matrix .lineheader > a:hover,
.benefit-matrix .row.title .glyphicon-info-sign-color:hover {
  color: #7f7f7f;
}
/* event submission T&C table styling */
.confirmchoice table th {
  vertical-align: top;
}
.confirmchoice table tr {
  border-bottom: 1px solid #7f7f7f;
}
.confirmchoice table th,
.confirmchoice table td {
  padding: 2px;
}
.confirmchoice table td ul {
  padding-left: 1em;
}
.benefit-matrix .btn-print {
  font-size: 16px;
}
/* additional benefits accordion styling */
.additional-benefits-accordion .lineheader {
  font-weight: bold;
}
.additional-benefits-accordion a:hover,
.additional-benefits-accordion a:focus {
  text-decoration: none;
  outline: none;
}
.additional-benefits-accordion .loading-font {
  font-family: 'Open Sans', sans-serif;
  font-size: .75em;
}
/* styling disabled accordion for benefit for complete and benefit statement pages */
.benefit-matrix .benefit-category .disabled-additional-benefits-accordion .panel-default > .panel-heading {
  background: #f2f2f2;
}
.bootstrap-iso .disabled-additional-benefits-accordion .panel,
.bootstrap-iso .disabled-additional-benefits-accordion .panel-group .panel-heading + .panel-collapse > .panel-body,
.bootstrap-iso .disabled-additional-benefits-accordion .panel-group .panel-heading + .panel-collapse > .list-group{
  border: none;
}
.benefit-matrix .benefit-category .disabled-additional-benefits-accordion .panel-default > .panel-heading h4 .title {
  color: #333;
}

/*************** Benefit Images ***************/
/*** Holidays ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L52a53785-2112-4287-b953-0697ed204283,
.benefitselect .benefit-menu .img.L52a53785-2112-4287-b953-0697ed204283,
#benefit-overview .summaryImage .img.BenefitImage_52a53785-2112-4287-b953-0697ed204283 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Holidays.png) no-repeat center/contain;
}

/*** Critical Illness ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.Lc2241bd8-de7e-4e26-83ed-1458a9b261e7,
.benefitselect .benefit-menu .img.Lc2241bd8-de7e-4e26-83ed-1458a9b261e7,
#benefit-overview .summaryImage .img.BenefitImage_c2241bd8-de7e-4e26-83ed-1458a9b261e7 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Critical%20Illness%20Insurance.png) no-repeat center/contain;
}

/*** Partner Critical Illness ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L1af1ae51-e1ba-4766-ad44-e8fa1f3b3eed,
.benefitselect .benefit-menu .img.L1af1ae51-e1ba-4766-ad44-e8fa1f3b3eed,
#benefit-overview .summaryImage .img.BenefitImage_1af1ae51-e1ba-4766-ad44-e8fa1f3b3eed {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Partner%20Critical%20Illness.png) no-repeat center/contain;
}

/*** Partner Life Assurance ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.Lc240b1a5-ab3b-4583-a94a-3f4ddb0aee01,
.benefitselect .benefit-menu .img.Lc240b1a5-ab3b-4583-a94a-3f4ddb0aee01,
#benefit-overview .summaryImage .img.BenefitImage_c240b1a5-ab3b-4583-a94a-3f4ddb0aee01 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Partner%20Life%20Assurance.png) no-repeat center/contain;
}

/***Eldercare***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.Lb3f7064e-950a-49ea-8e3d-51462c52e2ac,
.benefitselect .benefit-menu .img.Lb3f7064e-950a-49ea-8e3d-51462c52e2ac,
#benefit-overview .summaryImage .img.BenefitImage_b3f7064e-950a-49ea-8e3d-51462c52e2ac {
  background: url(/choicebenefits/media/default/benefit%20icons/Hill%20Dickinson-eldercare-icon_160x130_1.png) no-repeat center/contain;
}

/***Childcare Emergency***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
/*.benefit-matrix .benefitline .benefit-menu .img.L747511b6-f50c-4e2e-bf82-7afb2edf80b4,
.benefitselect .benefit-menu .img.L747511b6-f50c-4e2e-bf82-7afb2edf80b4,
#benefit-overview .summaryImage .img.BenefitImage_747511b6-f50c-4e2e-bf82-7afb2edf80b4 {
background: url(/choicebenefits/media/default/benefit%20icons/Emergency%20care_160130.png) no-repeat center/contain;
}*/
.benefit-matrix .benefitline .benefit-menu .img.Lemergency,
#benefit-overview .summaryImage .img.BenefitImage_emergency {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Emergency%20Care.png) no-repeat center/contain;
}

/*** Health Screening ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L95f25911-c14c-49c4-ac65-db2f71d971e5,
.benefitselect .benefit-menu .img.L95f25911-c14c-49c4-ac65-db2f71d971e5,
#benefit-overview .summaryImage .img.BenefitImage_95f25911-c14c-49c4-ac65-db2f71d971e5 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Partner%20Health%20Assessment.png) no-repeat center/contain;
}

/*** Dental Insurance ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L3fc296e4-16cf-4d34-a4b5-73a07f6b76d3,
.benefitselect .benefit-menu .img.L3fc296e4-16cf-4d34-a4b5-73a07f6b76d3,
#benefit-overview .summaryImage .img.BenefitImage_3fc296e4-16cf-4d34-a4b5-73a07f6b76d3 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Health%20Assessment.png) no-repeat center/contain;
}

/*** Partner Health Assessment ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L9a75be18-c9f6-45d4-85c0-fc4f189201f6,
.benefitselect .benefit-menu .img.L9a75be18-c9f6-45d4-85c0-fc4f189201f6,
#benefit-overview .summaryImage .img.BenefitImage_9a75be18-c9f6-45d4-85c0-fc4f189201f6 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Partner%20Health%20Assessment.png) no-repeat center/contain;
}

/*** Childcare Vouchers ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.La763a349-0506-4f67-9cce-68602c3f0e04,
.benefitselect .benefit-menu .img.Le1dc146e-c815-4a43-ad1d-fe0858d590a5,
#benefit-overview .summaryImage .img.BenefitImage_a763a349-0506-4f67-9cce-68602c3f0e04 {
  background: url(/choicebenefits/media/default/benefit%20icons/Childcare%20vouchers-160x130.png) no-repeat center/contain;
}

/*** Travel Insurance ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L99cad7ee-7c44-442c-9b9c-ecf3914f3513,
.benefitselect .benefit-menu .img.L99cad7ee-7c44-442c-9b9c-ecf3914f3513,
#benefit-overview .summaryImage .img.BenefitImage_99cad7ee-7c44-442c-9b9c-ecf3914f3513 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Dental%20Insurance.png) no-repeat center/contain;
}

/*** Bike to Work ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.Lfc94f239-48ff-4685-8699-13116e7d41f4,
.benefitselect .benefit-menu .img.Lfc94f239-48ff-4685-8699-13116e7d41f4,
#benefit-overview .summaryImage .img.BenefitImage_fc94f239-48ff-4685-8699-13116e7d41f4 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Bike%20to%20Work.png) no-repeat center/contain;
}

/*** Dining Card ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L23b25dac-9d77-47e6-9c17-e1c31a00e680,
.benefitselect .benefit-menu .img.L23b25dac-9d77-47e6-9c17-e1c31a00e680,
.benefitselect .benefit-menu .img.Lffed0501-697c-4da9-8ea7-28a7c579b134,
#benefit-overview .summaryImage .img.BenefitImage_23b25dac-9d77-47e6-9c17-e1c31a00e680 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Dining%20Card.png) no-repeat center/contain;
}

/*** Gym Allowance ***/
/*BENEFIT OVERVIEW ONLY*/
#benefit-overview .summaryImage .img.BenefitImage_gymAllowance {
  background: url(/choicebenefits/media/default/benefit%20icons/Gym%20allowance-160x130.png) no-repeat center/contain;
}

/*** Birthday Privilege Day ***/
/*BENEFIT MATRIX AND OVERVIEW ONLY*/
.benefit-matrix .benefitline .benefit-menu .img.LbirthdayPrivilegeDay,
#benefit-overview .summaryImage .img.BenefitImage_birthdayPrivilegeDay {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Birthday%20Privilege%20Day.png) no-repeat center/contain;
}

/*** Byond Card ***/
/*BENEFIT MATRIX AND OVERVIEW ONLY*/
.benefit-matrix .benefitline .benefit-menu .img.LbyondCard,
#benefit-overview .summaryImage .img.BenefitImage_byondCard {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Retail%20Card.png) no-repeat center/contain;
}

/*** Fertifa ***/
/*BENEFIT MATRIX AND OVERVIEW ONLY*/
.benefit-matrix .benefitline .benefit-menu .img.LFertifa,
#benefit-overview .summaryImage .img.BenefitImage_Fertifa {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Fertifa.png) no-repeat center/contain;
}

/*** Group Income Protection ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L123ae4e1-5acb-48a7-9ae4-385af92e0d60,
.benefitselect .benefit-menu .img.L123ae4e1-5acb-48a7-9ae4-385af92e0d60,
#benefit-overview .summaryImage .img.BenefitImage_123ae4e1-5acb-48a7-9ae4-385af92e0d60 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Group%20Income%20Protection.png) no-repeat center/contain;
}

/*** Group Life Insurance ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L752dce40-566f-47a7-a78e-e9210f3180f4,
.benefitselect .benefit-menu .img.L752dce40-566f-47a7-a78e-e9210f3180f4,
#benefit-overview .summaryImage .img.BenefitImage_752dce40-566f-47a7-a78e-e9210f3180f4 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Group%20Life%20Assurance.png) no-repeat center/contain;
}

/*** Personal Pension Scheme ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L6bae4c74-1d23-4b6f-82b0-3ae2e83f197f,
.benefitselect .benefit-menu .img.L6bae4c74-1d23-4b6f-82b0-3ae2e83f197f,
#benefit-overview .summaryImage .img.BenefitImage_6bae4c74-1d23-4b6f-82b0-3ae2e83f197f {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Pension.png) no-repeat center/contain;
}

/*** Travel Loan ***/
/*BENEFIT MATRIX AND OVERVIEW ONLY*/
.benefit-matrix .benefitline .benefit-menu .img.LtravelLoan,
#benefit-overview .summaryImage .img.BenefitImage_travelLoan {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Travel%20Loan.png) no-repeat center/contain;
}

/*** Private Medical ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L9efc2506-3297-4584-8c94-b3343da577dc,
.benefitselect .benefit-menu .img.L9efc2506-3297-4584-8c94-b3343da577dc,
#benefit-overview .summaryImage .img.BenefitImage_9efc2506-3297-4584-8c94-b3343da577dc,

.benefit-matrix .benefitline .benefit-menu .img.L7df5b562-043d-4d6a-9375-832e1469b38d,
.benefitselect .benefit-menu .img.L7df5b562-043d-4d6a-9375-832e1469b38d,
#benefit-overview .summaryImage .img.BenefitImage_7df5b562-043d-4d6a-9375-832e1469b38d,

.benefit-matrix .benefitline .benefit-menu .img.L6530a7fb-3ca4-4b70-85e8-55d7fe83507f,
.benefitselect .benefit-menu .img.L6530a7fb-3ca4-4b70-85e8-55d7fe83507f,
#benefit-overview .summaryImage .img.BenefitImage_6530a7fb-3ca4-4b70-85e8-55d7fe83507f,

.benefit-matrix .benefitline .benefit-menu .img.L0a7ce117-1f4b-4865-bad4-aa3ea4e02b7e,
.benefitselect .benefit-menu .img.L0a7ce117-1f4b-4865-bad4-aa3ea4e02b7e,
#benefit-overview .summaryImage .img.BenefitImage_0a7ce117-1f4b-4865-bad4-aa3ea4e02b7e {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-PMI.png) no-repeat center/contain;
}

/*** Health Cash Plan ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.Lcd5b2442-2785-4f0f-8fdd-6aab4f96f6c6,
.benefitselect .benefit-menu .img.Lcd5b2442-2785-4f0f-8fdd-6aab4f96f6c6,
#benefit-overview .summaryImage .img.BenefitImage_cd5b2442-2785-4f0f-8fdd-6aab4f96f6c6 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Healthcare%20Cash%20Plan.png) no-repeat center/contain;
}

/*** Employee Assistance Programme ***/
/*BENEFIT MATRIX AND OVERVIEW ONLY*/
.benefit-matrix .benefitline .benefit-menu .img.LemployeeAssistanceProgramme,
#benefit-overview .summaryImage .img.BenefitImage_employeeAssistanceProgramme {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-EAP.png) no-repeat center/contain;
}

/*** GAYE ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L63531299-65ce-4dc5-b4c3-864f0ab240f3,
.benefitselect .benefit-menu .img.L63531299-65ce-4dc5-b4c3-864f0ab240f3,
#benefit-overview .summaryImage .img.BenefitImage_63531299-65ce-4dc5-b4c3-864f0ab240f3 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Will%20Writing.png) no-repeat center/contain;
}

/*** Car leasing ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.Lb0ee944b-a424-4c9b-813d-2ad8d5fe78c2,
.benefitselect .benefit-menu .img.Lb0ee944b-a424-4c9b-813d-2ad8d5fe78c2,
#benefit-overview .summaryImage .img.BenefitImage_b0ee944b-a424-4c9b-813d-2ad8d5fe78c2 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Car%20Leasing.png) no-repeat center/contain;
}


/*************** Life Event Images and styling ***************/
.active-benefits .events {
  padding: 5px;
}
/* change in childcare circumstances */
.active-benefits .img.Ee9e59f45-5c46-4a3c-88c1-251314035f20 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/Live%20events/Change%20in%20Childcare%20arrangements.png)
}
/* changing marital status */
.active-benefits .img.Ef44302db-1f69-4303-b18b-f9ba7a9d673d {
  background: url(/choicebenefits/media/default/2026%20Rebranding/Live%20events/Changing%20your%20marital%20status.png)
}

/* Significant change in financial circumstances */
.active-benefits .img.Ee979fa2d-ea4b-4dfb-bf02-05a8514c84e8 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/Live%20events/Change%20in%20financial%20circumstance.png)
}
/* death of dependant */
.active-benefits .img.Ecb6a1ef5-45dd-4ae2-b76c-2242a4b215ca {
  background: url(/choicebenefits/media/default/2026%20Rebranding/Live%20events/Death%20of%20dependant.png)
}
/* having a baby/adopting a child */
.active-benefits .img.E84570f86-8c0c-4f02-816d-f31ba4d830d7 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/Live%20events/Having%20a%20baby%20or%20adopting%20a%20child.png)
}
/* secondment */
.active-benefits .img.E82c7667f-fdaf-4b2a-b6b1-e260fc6b4352 {
  background: url(/choicebenefits/media/default/life%20event%20icons/Leaving%20for%20or%20returning%20from%20a%20period%20of%20secondment.png)
}
/* sabbatical */
.active-benefits .img.Ea4dd8a6e-f43c-400a-a63f-886117e1d9bb {
  background: url(/choicebenefits/media/default/life%20event%20icons/Leaving%20or%20returning%20from%20a%20period%20of%20sabbatical.png)
}
/* long term absence */
.active-benefits .img.E27b95a43-8904-44ea-b36a-c72cc58a18e6 {
  background: url(/choicebenefits/media/default/life%20event%20icons/Leaving%20or%20returning%20from%20a%20period%20of%20long%20term%20absence.png)
}
/* maternity */
.active-benefits .img.Ebb69a8e6-6b89-4df3-90c8-405e27c57a69 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/Live%20events/Maternity%20going%20or%20return.png)
}
/* change of address */
.active-benefits .img.E5bb4a08b-db69-49b1-8a07-d7af1e56e978 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/Live%20events/Change%20of%20address.png)
}

/***************************************** benefit selection styling **********************************************/
/* Hides the benefit name from the follow up on the selection page */
.benefitselect span.hide-on-line-page{
  display: none;
}

/* Hides the benefit name on the selection page */
.benefitselect span.hide-on-site{
  display: none;
}

/* Hides the required items for the Dining Card benefit */
.benefitselect #lineid_fe20ddea-1a33-41d8-a590-363c561dfce1,
.benefitselect #lineid_2264d11c-725c-41c4-893d-a10321467533,
.benefitselect .products-header-fe20ddea-1a33-41d8-a590-363c561dfce1,
.benefitselect .products-header-2264d11c-725c-41c4-893d-a10321467533{
  display: none;
}

/* selected option order colour */
.benefitselect .products .box-border.sel,
.benefitselect .products .box-border.sel .header {
  background-color: #97bf0d
}
.box-border-bg {
  background: none;
}
#products.available-options .box-border {
  border: none;
}
#products.available-options .box-border {
  box-shadow: 3px 5px 2px 5px rgba(0,0,0,.25);
  border: 1px solid #ccc
}
.in-Cart {
  margin: 0
}
.division {
  display: none;
}
.benefitselect .line-benefit-intro {
  min-height: initial;
}

/***************************************** benefit overview styling **********************************************/
#benefit-overview #overviewAccordion .yourFlex.panel-default > .panel-heading {
  background: #2D5028;
}
#benefit-overview #overviewAccordion .yourLifestyle.panel-default > .panel-heading {
  background: #FF7346;
}
#benefit-overview #overviewAccordion .yourMoney.panel-default > .panel-heading {
  background: #2AA537;
}
#benefit-overview #overviewAccordion .yourHealth.panel-default > .panel-heading {
  background: #FFB9BE;
}
#benefit-overview #overviewAccordion .yourCharity.panel-default > .panel-heading {
  background: #2AA537;
}

/***************************************** manage dependants styling **********************************************/
/* modal title */
h3.dependantModalHeader {
  color: #2aa537;
  padding: 0;
}
/* selected tab styling */
.online-two-iso .modal-normal a.tab-selector-link:hover,
.online-two-iso .modal-normal .tab-selector-link.active {
  color: #333;
  border-color: #2aa537;
}
/* hide resource string and allow use of text configured on page in Kentico only */
span.dependantIntroText {
  display: none;
}
/* list styling in intro text */
.dependantContainer .dependant-head ul {
  margin-left: 2em;
  list-style-type: disc;
}
/* remove Core inserted line break between intro text and Add Dependant link */
.dependant-head > br:nth-child(3) {
  display: none;
}
/* add, edit and remove dependant links */
.dependant-list-top a.dependant-add-link,
.dependant-list a.dependant-edit,
.dependant-list a.dependant-remove {
  color: #2aa537;
}
/* you pay text colour on coverage summary tab */
.benefit-matrix .employee-cost .cost-number {
  color: #2aa537;
}
/*adding border to header row of coverage table on coverage summary tab */
.coverage-table thead td {
  border-right: .2em solid #f2f2f2
}

/***************************************** benefit intro styling **********************************************/
.online-two-iso .modal-large a.tab-selector-link:hover,
.online-two-iso .modal-large .tab-selector-link.active {
  color: #333;
  border-color: #2aa537;
}
.online-two-iso .modal-normal .tab-selector-link,
.online-two-iso .modal-large .tab-selector-link {
  color: gray;
}
#Ataglance img {
  margin-left: 3em
}
#Ataglance ul,
#Howitworks ul,
#Taxsavings ul,
.faq-answer ul,
#Contactsanddocuments ul {
  padding-left: 2em;
  list-style-type: disc;
}
#Ataglance ol,
#Howitworks ol,
#Taxsavings ol,
.faq-answer ol,
#Contactsanddocuments ol {
  padding-left: 2em;
  list-style-type: decimal;
}
#Ataglance h4,
#Howitworks h4,
#Taxsavings h4,
#Taxposition h4,
.faq-answer h4,
#Contactsanddocuments h4 {
  padding: 0;
  margin-bottom: 0
}
.bootstrap-iso .faq-title {
  color: #2aa537;
  font-weight: bold;
}
.faq-answer {
  margin-bottom: 1em;
}
.benIntroTable {
  margin-top: .5em;
}
.benIntroTable th,
.benIntroTable td {
  padding: .25em;
  border: 1px solid #7f7f7f;
}
.benIntroTable th {
  color: #fff;
}
.benIntroTable tr:nth-child(even) {
  background: #ccc;
}
.benIntroTable.flexCategory th {
  background: #ff9015;
}
.benIntroTable.lifestyleCategory th {
  background: #f2c206;
}
.benIntroTable.moneyCategory th {
  background: #97bf0d;
}
.benIntroTable.healthCategory th {
  background: #FF7346;
}
.benIntroTable.charityCategory th {
  background: #ff0000;
}

/***************************************** validation error popup styling **********************************************/
.benefit-matrix #validationError-overlay ul.annualAllowance {
  margin-left: 2em;
  list-style-type: disc;
}
.benefit-matrix #validationError-overlay {
  height: auto;
  width: 90%;
  left: 5vw!important;
}
.benefit-matrix #validationError-overlay p.annualAllowanceIntro {
  margin: 0
}
.benefit-matrix #validationError-overlay h3:after {
  content: 'Your current benefit choices cannot be allowed because:';
  display: block;
  font-size: .6em;
  font-weight: lighter;;
  margin-top: .5em;
}



/***************************************** general styling *******************************************/
/* Targets the given class to give lists the 'disc' style */
.list-disc-style{
  list-style-type: disc;
  margin-left: 2.5em;
}


/***************************************** MEDIA QUERY STYLING *******************************************/
/***************************************** desktop styling **********************************************/
@media only screen and (min-width:768px){
  /* login image */
  .online-two-iso.login body {
    background-image: url(/choicebenefits/media/default/2026%20Rebranding/login%20and%20APP%20images/Hill_Dickinson_login_image.png);
  }
  /* login module banner colour */
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
    background-color: rgba(0,0,0,.5)
  }
  /* login module styling */
  #login-module-need-assistance span.phone:before,
	#login-module-need-assistance span.email:before {
		font-family: FontAwesome;
	}
  #login-module-need-assistance span.phone:before {
		content: '\f095';
		padding-right: .5em
	}
	#login-module-need-assistance span.email:before {
		content: '\f0e0';
		padding-right: .5em
	}
  /* need assistance pull down tab */
	#floating-header .help-ico .helptoggle {
		color: #2aa537;
		background-color: #f2f2f2;
    border: none;
	}
	#floating-header .help-ico .helptoggle[aria-expanded="true"] {
		margin-top: 0
	}
  /* hide search box */
  #floating-header-content .search {
    display: none;
  }
	/*background colour of panel when pulled down*/
	.online-two-iso #terminator #header.header-fullwidth .eol-center {
		background: #f2f2f2;
		border-bottom: 6px solid #f2f2f2
	}
	/*remove default icons and make links white*/
	#floating-header-content a {
		background: none;
		color: #2aa537;
		width: auto;
		margin-left: 2em
	}
  /* hover colour of links in floating header */
  #header a:hover {
		color: #7f7f7f;
		text-decoration: none;
	}
  /* focus colour of links in floating header */
  #header a:focus {
    color: #FF7346;
    text-decoration: none;
  }
	/*general styling for font icons to be used*/
	#floating-header-content .chat a:before,
	#floating-header-content .call a:before,
	#floating-header-content .mail a:before {
		font-family: FontAwesome;
		margin-left: -1em;
		padding-right: .25em;
		font-size: 3em;
		vertical-align: middle;
	}
	/*chat icon*/
	#floating-header-content li#webChatStatus #chatUnavailable a:before,
	#floating-header-content li#webChatStatus #chatAvailable a:before {
		content: '\f0e6';
	}
	/*call icon*/
	#floating-header-content li.call a:before {
		content: '\f095';
	}
	/*mail icon*/
	#floating-header-content li.mail a:before {
		content: '\f003'
	}
  /* button styling - hover and focus */
  .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,
  .benefit-matrix .row .btn-success:hover,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:hover,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:hover,
  .online-two-iso A.button-style.blue:hover,
  .online-two-iso A.button-style.gray:hover,
  .benefitheader-fixed div#followup-items a.btn:hover,
  .benefitheader-fixed div#resettodefaults a.btn:hover {
    background-color: #7f7f7f;
    color: #fff;
    box-shadow: none;
    border: 1px solid transparent;
    border-radius: 20px;
  }
  .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,
  .benefit-matrix .row .btn-success:focus,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:focus,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:focus,
  .online-two-iso A.button-style.blue:focus,
  .online-two-iso A.button-style.gray:focus,
  .benefitheader-fixed div#followup-items a.btn:focus,
  .benefitheader-fixed div#resettodefaults a.btn:focus {
    background-color: #FF7346;
    color: #fff;
    box-shadow: none;
    border: 1px solid transparent;
    border-radius: 20px;
  }
  /* add dependant, save dependant, and cancel links in manage dependants modal */
  .dependant-list-top a.dependant-add-link:hover,
  .dependant-list a.dependant-edit:hover,
  .dependant-list a.dependant-remove:hover {
    color: #97bf0d;
  }
  /* today button on date picker */
  .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:hover {
    background-color: rgba(51,153,204,.6);
    }
  /* clear button on date picker */
  .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:hover {
    background-color: rgba(158,0,84,.6);
  }
  /* close button on date picker */
  .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:hover {
    background-color: rgba(151,191,13,.6);
  }
  /* declare Anytime event button on enrolment module */
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content #event-inactive .btn.btn-default {
    margin-top: 10px;
  }
  /*** continue button on line selection page ***/
  .bootstrap-iso.benefitselect .btn.btn-warning.continue:hover {
    border: 1px solid transparent;
  }
}

/***************************************** mobile styling **********************************************/
@media only screen and (max-width:575px){
  /* hide carousel navigation arrows */
  .arrowleft,
  .arrowright {
    display: none!important;
  }
  /*make main slide content area full width of slide */
  .home-module-integrated #slider .sliderContainer .slide-content {
    width: 90%
  }
  /* full width buttons in slide content */
  .home-module-integrated #slider .sliderContainer .slide-content .content .btn {
    font-size: 130%;
    max-width: 100%;
    margin-top: 1em;
    padding: .75em 0
  }
  /* larger font-size for slide wording */
  .home-module-integrated .innerCarouselContent {
    font-size: 130%;
  }
}
@media only screen and (max-width:767px){
  /* login image */
  .online-two-iso.login body {
    background-image: url(/choicebenefits/media/default/2026%20Rebranding/Logo%20AND%20images/Hill%20Dickinson-APP-image-1.png);
    background-position: right;
  }
  /* mobile toggle menu item text colour */
  .online-two-iso #menu-no-dashboard li a,
  .online-two-iso #menu-no-dashboard li a.selected {
    color: #2aa537
  }
  /* toggle menus in mobile header */
  .fa-bars,
  .fa-gear {
    color: #fff
  }
  /*spacing around greeting */
  #home-online-three .dashboard-controls {
    margin: .5rem 1rem;
  }
  /* remove border between mobile modules */
  #home-online-three #home-integrated .modules-mobile .module-mobile {
    border: none;
  }
  /*hide modules used as image placeholders*/
  #home-online-three #home-integrated .modules-mobile .module-mobile.imagePlaceholder {
    display: none;
  }
  /* hide module icons on mobile menu */
  #home-online-three #home-integrated .modules-mobile .module-mobile i[class*="icon-"] {
    display: none;
  }
  /* remove margin from module titles */
  #home-online-three #home-integrated .modules-mobile .module-mobile span.module-label {
    margin: 0;
  }
  /* expand and collapse icons on mobile home page modules */
  .fa-angle-down:before {
    color: #f2f2f2;
    content: '\f04b';
    display: inline-block;
    transform: rotate(90deg);
    font-size: .75em;
  }
  .fa-angle-up:before {
    color: #333;
    content: '\f04b';
    display: inline-block;
    transform: rotate(-90deg);
    font-size: .75em;
  }
  /* hide repeated module header when module expanded */
  #home-online-three #home-integrated .module-content-header-container h3.module-content-header {
    display: none;
  }
  /* remove border separator from footer items */
  .online-two-iso #footer a {
    border: none;
  }
  /* event countdown text */
  .bootstrap-iso #otherCountdown,
  #home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light .days-left {
    color: #333}
}
 /*For benefit martrix 'i' icon*/ 
      .activewithdata-category-icon.glyphicon.glyphicon-info-sign.glyphicon-info-sign-color {
	display: none;}

/*TRS Font Icons from kentico media libraries*/

.trsdashboard [class*="icon-two-point-o-trs-module-"]::before {
    font-family:'OnlineTwoIconFont';
}

.trsdashboard .icon-two-point-o-trs-module-tab-0::before {

    content: "\f154";
    font-family: FontAwesome;
    color: #7f7f7f;
}
.trsdashboard .icon-two-point-o-trs-module-tab-1::before {

    content: "\f0d6";
    font-family: FontAwesome;
    color: #97bf0d;
}
.trsdashboard .icon-two-point-o-trs-module-tab-2::before {

    content: "\f0fa";
    font-family: FontAwesome;
    color: #FF7346;
}
.trsdashboard .icon-two-point-o-trs-module-tab-3::before {

    content: "\f206";
    font-family: FontAwesome;
    color: #f2c206;
}
.trsdashboard .icon-two-point-o-trs-module-tab-4::before {

    content: "\f072";
    font-family: FontAwesome;
    color: #ff8c17;
}

/*TRS Summary Statement Date Hide*/
.trsdashboard .summarystatementdate {
    color: #337ab7;
    font-size: 16px;
    display: none;
}

.trsdashboard .printbtn {
    position: relative;
    bottom: 12px;
    margin-left: 600px ;
}

/*Hide My Rewards on TRS Page*/
.summary-myreward {
    display: none;
}
/*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';
}
/*Pulsating Confirm Button*/

@-webkit-keyframes shadow-pulse {
0% {
box-shadow: 0 0 0 0px rgba(47, 79, 79, 0.5);
}
100% {
box-shadow: 0 0 0 10px rgba(47, 79, 79, 0);
}
}

@keyframes shadow-pulse {
0% {
box-shadow: 0 0 0 0px rgba(13, 12, 13, 0.96);
}
100% {
box-shadow: 0 0 0 10px rgba(47, 79, 79, 0);
}
}
.benefitheader-fixed div#followup-items a.btn {
  -webkit-animation: shadow-pulse 2s infinite;
  animation: shadow-pulse 2s infinite;
}

/*** Will Writing ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L18c2c401-30c4-449b-940f-1ea71f15526d,
.benefitselect .benefit-menu .img.L18c2c401-30c4-449b-940f-1ea71f15526d,
#benefit-overview .summaryImage .img.BenefitImage_18c2c401-30c4-449b-940f-1ea71f15526d {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Travel%20Insurance.png) no-repeat center/contain;
  }
/*** Octopus Money ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L21a9cf46-5e5b-431d-b0f6-feeca152ec5f,
.benefitselect .benefit-menu .img.L21a9cf46-5e5b-431d-b0f6-feeca152ec5f,
#benefit-overview .summaryImage .img.BenefitImage_21a9cf46-5e5b-431d-b0f6-feeca152ec5f {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Someone%20to%20talk%20to%20about%20money.png) no-repeat center/contain;
  }
/*** ISA ***/
/*ORDER - MATRIX, SEE ALSO, BENEFIT OVERVIEW*/
.benefit-matrix .benefitline .benefit-menu .img.L341ea178-5e35-4b9c-9118-49a104960c61,
.benefitselect .benefit-menu .img.L341ea178-5e35-4b9c-9118-49a104960c61,
#benefit-overview .summaryImage .img.BenefitImage_341ea178-5e35-4b9c-9118-49a104960c61 {
  background: url(/choicebenefits/media/default/2026%20Rebranding/benefit%20icons%20x%203%20sizes/HD-benefit%20icons-447x243px/Hill%20Dickinson-Workplace%20Savings.png) no-repeat center/contain;
  }
/*align buttons to the bottom*/
@supports not (-ms-high-contrast: none) {
@media only screen and (min-width: 768px) {
/* make module items flex containers and set direction and size */
.module-content,
.module-content > div,
.module-content > div > div,
.module-content > div > div > div:last-child,
.module-content > div > div > div:last-child .module-copy,
.module-content > div > div > div:last-child .module-copy .content-text,
.module-content > div > div > div:last-child .module-copy > div:last-child,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-active,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-inactive,
.module-content > div > div > div > div.module-copy > div:last-child div.event-content div.text-light,
.module-content > div > div .home-module-generic-content .generic-copy.module-copy .generic-buttons,
.module-content > div > div > div:last-child .module-copy > .trs-buttons,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child .tbs-module-pager,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child .tbs-module-pager .make-a-claim-buttons {
display: flex;
flex-direction: column;
flex: 1;
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .tbs-module-pager .tbs-pager {
position: static;
transform: none;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding-top: 0.5em;
}
/* align flex containers housing buttons to bottom of module */
#generic.module-content > div > div .home-module-generic-content .generic-copy.module-copy .generic-buttons,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-active,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child #event-inactive,
.module-content > div > div > div:last-child .module-copy .benefit-statement-buttons,
.module-content > div > div > div:last-child .module-copy > .trs-buttons,
.module-content > div > div > div:last-child .module-copy > .account-buttons,
.module-content > div > div > div:last-child .module-copy > div:last-child > div:last-child .tbs-module-pager .make-a-claim-buttons {
justify-content: flex-end;
}
/* remove margin on certain containers to ensure buttons align at the bottom of module */
.module-content > div > div > div:last-child .module-copy .content-text,
.module-content > div > div > div:last-child .module-copy .content-text p:last-of-type:not(:first-of-type) {
margin: 0; }
}
}

/* Minification failed (line 1341, error number 1020): Unexpected at-keyword, found '@supports' */