:root {
    --accessibility-outline: #000;
  }
  /*============================================= Utility classes =============================================*/
  /* specific media query for IE10+ to handle responsive images */
  @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {
    .bootstrap-iso .img-responsive {
      width: 100%;
    }
  }
  /* 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: 6rem;
  }
  /* reset benefit intro close icon to be default colour after resetting header background colour */
  .online-two-iso .modal-large [class*='LineDetail'] .close:after {
    color: #000;
  }
  
  .bootstrap-iso .close,
  .bootstrap-iso .close:hover,
  .bootstrap-iso .close:focus,
  .bootstrap-iso .close:active,
  .bootstrap-iso .close:active:hover,
  .bootstrap-iso .close:active:focus,
  .online-two-iso .modal-normal .close {
   color: #fff;
   font-weight: normal;
   font-size: 15px;
   text-shadow: none;
  }
  .bootstrap-iso .close:focus {
    outline: 3px solid var(--accessibility-outline);
  }
  /* position of close icon */
  .online-two-iso .modal-large .close {
    top: 0.5em;
    right: 0.5em;
  }
  .header-overlay A {
    padding: 4px 0.5em 0 0;
  }
  
  /*============================================== Global Styles =======================================================*/
  /* remove gradient background */
  html {
      background: #111317;
  }
  /* global font size */
  .bootstrap-iso {
      font-size: 1rem;
      color: #fff;
      background-color:#111317;
  }
  .bootstrap-iso p {
      padding-bottom: 0;
  }
  .bootstrap-iso .alert-warning
  {
   background-color: #23252B;
   border-color: #23252B;
  }
  /* remove text transform */
  /* language selection */
  #links LI:first-child select#ddlLanguage,
  /* main navigation bar links */
  #menu-no-dashboard li a,
  #menu li a,
  #menu-sub li a,
  /* labels on Profile page */
  html#profile body#profile .profile #profile-online-2 span.label,
  html#profile body#profile .profile #profile-online-2 label:not(.ui-button),
  /* labels */
  span.label,
  label,
  /* benefit selection page items */
  .in-Cart .cost P,
  .in-Cart .funded P,
  .your-beneficiaries .txt-beneficiaries H4,
  /* footer links */
  .online-two-iso #footer a {
    text-transform: none;
  }
  
  /* headings */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .online-two-iso h1,
  .online-two-iso h2,
  .online-two-iso h3,
  .online-two-iso h4,
  .online-two-iso h5,
  .online-two-iso h6,
  .bootstrap-iso h1,
  .bootstrap-iso h2,
  .bootstrap-iso h3,
  .bootstrap-iso h4,
  .bootstrap-iso h5,
  .bootstrap-iso h6,
  .bootstrap-iso .h1,
  .bootstrap-iso .h2,
  .bootstrap-iso .h3,
  .bootstrap-iso .h4,
  .bootstrap-iso .h5,
  .bootstrap-iso .h6,
  /* BENEFITS header on popup when removing dependants attached to cover */
  .coverageHeader {
    color: #fff;
    padding-left: 0;
  }
  
  /* buttons *`/
  /* default colour */
  .bootstrap-iso .btn-primary,
  .bootstrap-iso .btn-danger,
  .bootstrap-iso .btn-info,
  .bootstrap-iso .btn-default,
  .bootstrap-iso .btn-warning,
  .bootstrap-iso .btn-success,
  .online-two-iso A.button-style,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue,
  .online-two-iso A.button-style.blue,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray,
  .online-two-iso A.button-style.gray,
  .benefitheader-fixed div#followup-items a.btn,
  .benefitheader-fixed div#resettodefaults a.btn,
  .benefit-matrix .confirm-checkout-button .btn-success,
  .online-two-iso A.button-style.green,
  .btn.btn-info.claim-acknowledgment-print {
      background: linear-gradient(to right, #21D2FE, #9F37FE);
      font-weight: bold;
      border-radius: 10px;
      border: 1px solid #23252B;
  }
  /*Hover Color */
  .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,
  .online-two-iso A.button-style:hover,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:hover,
  .online-two-iso A.button-style.blue:hover,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:hover,
  .online-two-iso A.button-style.gray:hover,
  .benefitheader-fixed div#followup-items a.btn:hover,
  .benefitheader-fixed div#resettodefaults a.btn:hover,
  .benefit-matrix .confirm-checkout-button .btn-success:hover,
  .btn.btn-info.claim-acknowledgment-print:hover,
  .benefit-matrix .row .btn-success:hover
  {
    border-radius: 10px;
    border: 1px solid #fff;
    box-shadow: 0 0 4px 1px #fff;
  }
  /*When Clicked Color */
  .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,
  .online-two-iso A.button-style:active,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active,
  .online-two-iso A.button-style.blue:hover,
  .online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active,
  .online-two-iso A.button-style.gray:active,
  .benefitheader-fixed div#followup-items a.btn:active,
  .benefitheader-fixed div#resettodefaults a.btn:active,
  .benefit-matrix .confirm-checkout-button .btn-success:active,
  .btn.btn-info.claim-acknowledgment-print:active
  {
    background: linear-gradient(to right, #21D2FE, #9F37FE);
    border: 1px solid #fff;
  }
  /* lists */
  /* 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 {
    margin-left: 2.14285714em;
    list-style-type: disc;
  }
  
  /* ordered lists */
  .bootstrap-iso ol {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: decimal;
  }
  
  /* popups */
  /* header colour */
  .online-two-iso .header-overlay,
  .online-two-iso .tab-header,
  .bootstrap-iso .modal-header {
    background-color: #23252B;
  }
  /* reset benefit intro popup to not have header overlay colour */
  .online-two-iso [class*='LineDetail'] .tab-header {
    background-color: #111317;
  }
  /* modal Tab body color */
  .online-two-iso .modal-large .tab-body
  {
    background-color: #111317;
  }
  /* modal background color */
  .online-two-iso .modal-large .modal-body .pannel-body-full
  {
    background-color:#23252B;
  }
  /* modal footer color */
  .online-two-iso .modal-controls {
      background-color: #111317;
  }
  /* header title colour */
  #login-assistance .header-overlay #TitleResetPassword,
  .bootstrap-iso .modellersModalHeader,
  .bootstrap-iso .dependantModalHeader,
  #followup-items-overlay.online-followup-items #followup-items-title,
  .benefit-matrix .benefitheader,
  #exit-confirm h5,
  .benefitselect #allocationDialog h5,
  .active-benefits .header,
  .benefit-matrix .modal .modal-header .header,
  .online-two-iso .modal-normal .modal-header .header-text,
  .terms-conditions-cookies .cookiepolicy-header,
  .terms-conditions-cookies .terms-condtion-header {
      color: #fff;
  }
  /* close icon */
  .online-two-iso .header-overlay A.close,
  .online-two-iso .modal-large .close,
  html#profile body#profile .profile #profile-online-2 .header-overlay A {
    background: none;
    visibility: hidden;
  }
  .online-two-iso .header-overlay A.close:after,
  .online-two-iso .modal-large .close:after,
  html#profile body#profile .profile #profile-online-2 .header-overlay A:after {
    content: '\e014';
    color: #fff;
    font-family: 'Glyphicons Halflings';
    visibility: visible;
  }
  
  /* tab selectors e.g. Manage dependants widget, benefit intro, profile etc. */
  .online-two-iso [class*='modal'] a.tab-selector-link:hover,
  .online-two-iso [class*='modal'] .tab-selector-link.active,
  html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A,
  html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI A:hover {
    color: #fff;
    border-bottom: 3px solid #000;
  }
  .online-two-iso .modal-normal .tab-selector-link,
  .online-two-iso .modal-large .tab-selector-link,
  .online-two-iso .modal-normal .tab-selector-link.inactive,
  .online-two-iso .modal-large .tab-selector-link.inactive,
  html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI A {
    color: #fff;
  }
  
  /* accordions */
  /*Panel title*/
  
  .bootstrap-iso .panel-heading {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  /* background colour */
  .benefit-matrix .benefit-category .panel-default > .panel-heading,
  .trsdashboard .panel-default > .panel-heading,
  #benefit-overview #overviewAccordion .panel-default > .panel-heading {
    background-color: #23252B;
    padding: 0;
  }
  .bootstrap-iso .panel-heading .panel-title .accordion-toggle {
    display: block;
    padding: 7px;
  }
  #benefit-overview #overviewAccordion .panel-title .accordion-toggle:focus {
    outline: 3px solid var(--accessibility-outline);
  }
  .trsdashboard .panel-title {
    padding: 0;
  }
  .trsdashboard .panel-title .accordion-toggle {
    padding: 10px 15px;
  }
  /* Date picker*/
  .btn.online-two-datepicker,
  .online-two-iso .datepicker-container .input-group-btn .btn
  {
    background: linear-gradient(to right, #21D2FE, #9F37FE);
    font-weight: bold;
  }
  .bootstrap-iso .uib-datepicker .btn,
  #dependantDialog .uib-datepicker .btn
  {
    background: #23252B;
    color: #fff;
  }
  .bootstrap-iso .uib-datepicker .btn:hover,
  #dependantDialog .uib-datepicker .btn:hover
  {
    background: #000;
    color: #fff;
  }
  .bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info,
  #dependantDialog .uib-datepicker .btn.btn-sm.btn-info
  {
    background-color: #000;
    color:#fff;
  }
  
  /*Benefit slider Labels Color */
  .jslider .jslider-label
  {
    color: #fff;
    opacity: 1 !important;
  }
  .jslider .jslider-value
  {
   color: #000;
  }
  /*============================================= Login page =============================================*/
  /*Border gradient around login container */
  .online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body
  {
    background: 
       linear-gradient(#23252B,#23252B) padding-box, 
       linear-gradient(to right, #21D2FE, #9F37FE) border-box;
       color: #fff;
       border: 1px solid transparent;
       border-radius:10px;
       border-bottom:2px solid transparent;
       padding:30px; 
       box-shadow: 1px 7px 10px 7px #111317;
  }
  /*Login Page and container background color */
  .online-two-iso.login .LoginPageContainer,
  .online-two-iso.login form
  {
    background-color: #23252B;
    overflow: hidden;  
  }
  /*Hide login page module (e,g Need asistance, welcome) */
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules
  {
    background-color: #23252B;
    display: none;
  }
  /*Centering Login box */
  @media only screen and (min-width:751px) {
      .isLoginPageWrapper #logo {
      width: 100vw;
      margin-top: -10%
      }
  
      .online-two-iso.login .LoginPageContainer #main {
      float: none;
      margin-top: auto;
      margin-right: auto;
      margin-left: auto;
      }
      .online-two-iso.login .LoginPageContainer .panel.panel-default
      {
        margin-top:35%;
      }
  
  }
  /*Login Input Fields */
  .online-two-iso.login .LoginPageContainer input
  {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  
  @media only screen and (min-width:1300px) {
      .isLoginPageWrapper #logo {
      width: 100vw;
      margin-top: -6%
      }
  
      .online-two-iso.login .LoginPageContainer #main {
      float: none;
      margin-top: auto;
      margin-right: auto;
      margin-left: auto;
      }
      .online-two-iso.login .LoginPageContainer .panel.panel-default
      {
        margin-top:35%;
      }
  
  }
  /* centering logo on mobile view */
  @media only screen and (max-width: 750px) {
    #logo {
    width: calc(100vw - 100px);
    }
  }
  /*Input box Labels  Styling*/
  .online-two-iso.login .LoginPageContainer .input-group .input-group-addon
  {
    background-color: #000;
    color: #fff;
    border: none;
  }
  /*Forgot Password styling on login page */
  .online-two-iso.login .LoginPageContainer .additional-services,
  .online-two-iso.login .LoginPageContainer .additional-services > div
  {
    float:left;
    padding-left: 0px;
    color:#337ab7;
  }
  /*Login button styling */
  .online-two-iso.login .LoginPageContainer .btn.btn-primary#login
  {
    width: 100%;
    padding: 10px;
  }
  
  /*========================================== First Time User Page =================================*/
  /*First time user form body */
  .form-data .content-box-border
  {
    background: #23252B;
    color: #fff;
    border-radius: 10px;
  }
  /*First time use form border*/
  .form-data .box-border
  {
    background: linear-gradient(to right, #21D2FE, #9F37FE);
    border-radius: 10px;
  }
  /*Form Heading */
  #login-firsttime h2
  {
    font-weight: bold;
  }
  /*Remove white background image from form */
  .form-data .box-left-bg,
  .form-data .box-border-bg
  {
    background: none;
  }
  /*Select security question Box */
  .online-two-iso select
  {
    background-color: #000;
    color: #666;
    border-radius: 5px;
    border: none;
  }
  /*Form data paragraph */
  .form-data P {
  padding: 0 0 6px 0px;
  }
  /*Form Label color */
  .online-two-iso label {
  color: #fff;
  font-weight: lighter;
  }
  input:focus {
  box-shadow: 0 0 6px purple;
  }
  /*Email capture Section Title */
  #email-capture .sectionTitle
  {
    color:#fff;
  }
  /*============================================= Navigation =============================================*/
  /* logo */
  #logo {
    background-image: url(/geopost/media/DPD/logo/logo_1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1%;
  }
  /* centering logo on mobile view */
  @media only screen and (max-width: 750px) {
    #logo {
      width: calc(100vw - 100px);
    }
  }
  
  /****** header *******/
  /* remove top margin in IE */
  .lt-ie9 #header {
    margin-top: 0;
  }
  /* header color */
  .online-two-iso #terminator #header.header-fullwidth {
     background:#111317;
     border-width:0;
     border-style:solid;
     border-bottom-width:5px;
     border-image:linear-gradient(to right,#21d2fe,#9f37fe) 1;
  }
  
  /* Navigation links color */
  .online-two-iso #menu-no-dashboard li a, .online-two-iso #menu-no-dashboard li a.selected
  {
    color:#fff;
    font-weight: bold;
    background-color: #111317;
  }
  /* User Div border gradient */
  .online-two-iso #header #user-div .fa
  {
    background: 
       linear-gradient(#111317,#111317) padding-box,
       linear-gradient(to right, #21D2FE, #9F37FE) border-box;
       color: #fff;
       padding:7px;
       border: 1.5px solid transparent;
       border-radius:100%;  
  }
  
  /*============================================= Benefit matrix =============================================*/
  .benefit-matrix .row.title .glyphicon-info-sign-color {
      background: linear-gradient(to right, #21D2FE, #9F37FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  /*Manage dependents Button */
  .benefit-matrix .benefitheader.benefitheader-border {
    background: #111317;
    color: #fff;
    position: relative;
  }
  .benefit-matrix .benefitheader.benefitheader-border::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    background: linear-gradient(to right, #21D2FE, #9F37FE);
    border-radius: 10px;
    transform: translateX(-4px) translateY(-4px);
    z-index: -1
  }
  .benefit-matrix .benefitheader.benefitheader-border {
  border: none;
  border-radius: 6px;
  }
  .benefit-matrix .benefitheader:last-child {
    margin-left: 1em
  }
  /*Manage dependent header and Total cost section styling */
  .online-two-iso .benefit-matrix .benefitheader-fixed
  {
    background-color: #111317;
  }
  .benefit-matrix .totalcost-section-row {
    background: #252931;
    color: #fff;
    border-radius:10px;
  }
  /*Center align Total cost section */
  @media only screen and (max-width:767px)
  {
  .benefit-matrix .totalcost-section-row .totalcostsection {
   padding-top: 12px;
  }
  }
  .benefit-matrix .font-youpay-color {
    color: #fff;
  }
  .benefit-matrix .totalcost {
    border: none;
  }
  /*Benefit matrix Panal and Penal body */
  .benefit-matrix .benefit-category .benefitline {
    background: #23252B;
    border-radius: 10px;
  }
  .benefit-matrix .lineheader > a:link {
    color: #fff;
    font-weight: bold;
  }
  
  .benefit-matrix .benefit-active-benefits,
  .benefit-matrix .benefit-category .panel-body,
  .benefit-matrix .group-default
  {
    background-color: #111317;
  }
  .benefit-matrix .group-default
  {
  color:#fff;
  }
  .bootstrap-iso .panel-default > .panel-heading + .panel-collapse > .panel-body
  {
  border-top-color: #111317;
  }
  /*Change color of who is covered and approved dependent */
  .benefit-matrix .row h4.text-success,
  .benefit-matrix .dependent-approved
  {
    color:#fff;
  }
  /*Change color of changed, new keyword on benefit matrix */
  .benefit-matrix .changebenefit,
  .benefit-matrix .newbenefit
  {
    background-color: #111317;
  }
  /*Benefit matrix icon center */
  .benefit-menu .img
  {
    margin-top:10%;
  }
  
  /*Hide restore to defaults button from matrix page */
  .benefitheader-fixed div#resettodefaults a.btn
  {
    display:none!important;
  }
  /*Weekly and annual button group on matrix page */
  .benefitheader.payperiodtoggle.ng-isolate-scope .btn-group.perpayperannualbtngroup .btn-perpay,
  .benefitheader.payperiodtoggle.ng-isolate-scope .btn-group.perpayperannualbtngroup .btn-peranual
  {
   border-radius:15px;
   margin-top:5px;
   margin-left:5px;
   color:#fff;
   background-color:#111317;
   border: 0.5px solid transparent;
  }
  .benefitheader.payperiodtoggle.ng-isolate-scope .btn-group
  {
    background-color:#252931;
    padding-right:7px;
    border-top-right-radius: 10px;
  }
  /*Exit Confirm background color */
  #exit-confirm
  {
    background-color:#111317;
    color:#fff;
  }
  /*============================================= Benefit Overview =============================================*/
  /* Benefit overview filter box and search bar styling */
  #benefit-overview #BenefitNameFilter,
  #benefit-overview.bootstrap-iso .input-group-addon, .bootstrap-iso .input-group-btn, .bootstrap-iso .input-group .form-control
  {
    background-color: #000;
    color:#fff;
    border:1px solid #23252B;  
    border-radius:5px;
  }
  /*Benefit Overview Heading Styling */
  #benefit-overview .benefit-overview-title H1
  {
    color:#fff;
  }
  /*Benefit Overview Panels Styling */
  .bootstrap-iso .panel-group .panel
  {
    border:1px solid #23252B;
    border-radius:5px;
    background-color: #23252B;
   
  }
  #benefit-overview .group-header
  {
  background-color:#23252B;
  }
  #benefit-overview .group-header-graphicon
  {
    margin-right:14px;
  }
  #benefit-overview .group-title
  {
    margin-left:14px;
  }
  /* Panel body styling */
  #benefit-overview #overviewAccordion .panel-body {
      background-color: #111317;
      border-top: none;
  }
  #benefit-overview .tableRow {
      background-color: #23252B;
  }
  /*FAQs Title color */
  .faq-title
  {
    color:#23527c;
  }
  /*Vertical alignment of cell content */
  #benefit-overview .tableCell
  {
  vertical-align: middle;
  }
  /*Benefit icon center */
  #benefit-overview .summaryImage .img,
  #benefit-overview H3.summaryTitle
  {
    top:4%;
  }
  /*============================================= Benefit Selection Page ================================*/
  
  
  /*Hide More Info From Benefit selection */
  .benefit-matrix .more-info.margin-top-min,
  .benefitselect .products .links-group.four-links
  {
    display: none;
  }
  /*Remove margins on See also images From Benefit selection */
  .benefitselect .benefit-menu .img
  {
    margin: 0px;
  }
  /*Checkout Buttons styling on Benefit Selection page */
  .benefitselect .available-options .checkout-button .button-style
  {
    border-radius: 10px;
  }
  /*Current selected Product box on Benefit Selection page */
  .benefitselect .products .box-border.sel .header,
  .benefitselect .products .box-border.sel
  {
    background: linear-gradient(to right, #21D2FE, #9F37FE);
  }
  /*Text white on Benefit Selection page */
  .benefitselect .line-name,
  .benefitselect .header-selected,
  .in-Cart .you-chose .selected-plan,
  SPAN.green-number,
  .benefitselect .in-Cart .you-pay H3,
  .benefitselect .in-Cart .you-pay P SPAN.green-number,
  .benefitselect .products-header H4,
  .benefitselect .linename > a:link {
  color: #fff;
  }
  /*Benefit box styling Benefit Selection page */
  .benefitselect .box-border,
  .benefitselect .content-you-chose,
  .benefitselect .products .content-box-border
  {
    background-color: #23252B;
    border: none;
    border-radius: 10px;
  }
  .option-credit-health .option.sel
  {
  color:#fff;
  }
  /*Remove Benefit box background Images Benefit Selection page */
  .benefitselect .box-left-bg,
  .benefitselect .box-border-bg,
  .benefitselect .division
  {
    background: none;
  }
  /*Who is Covered Popup Styling */
  .benefitselect .election-info-collect .election-detail,
  .benefitselect .election-info-collect .dependant-board
  {
    background-color:#23252B;
  }
  /*Remove decoration from home navigation */
  .online-two-iso #menu-no-dashboard li a {
  text-decoration: none;
    }
  /*Menu item styling */
  #menu-container ul li a {
  line-height: 2em;
  
  }
  #menu-container ul li a.selected {
  border-bottom: 2px solid;
  border-image: linear-gradient(to right, #21D2FE, #9F37FE);
  border-image-slice: 1;
  }
  /*Benefit intro */
  .benefitselect .line-benefit-intro {
  min-height: 50px;
  }
  .benefitselect .followup-required,
  .benefitselect .followup-collect-info
  {
  color:#fff;
  }
  /*SSO Lines ISA, tech, CTW benefits input box hide*/
  #inputTextInstructionf69f1ef7-ae24-4b78-ac57-f3834bf58467,
  #amountInput-f69f1ef7-ae24-4b78-ac57-f3834bf58467,
  #inputTextInstructiond777cf81-44d3-4a94-a363-8d1fb704d930,
  #amountInput-d777cf81-44d3-4a94-a363-8d1fb704d930,
  #inputTextInstruction74fa7277-5d9e-452f-9e68-a056651aae01,
  #amountInput-74fa7277-5d9e-452f-9e68-a056651aae01,
  #inputTextInstruction68055f38-1e73-48a4-8794-1a6db7fc1bf1,
  #amountInput-68055f38-1e73-48a4-8794-1a6db7fc1bf1,
  #\38 88a7d08-0872-4c72-8b74-40d0c3b3729c_68055f38-1e73-48a4-8794-1a6db7fc1bf1,
  #inputTextInstructionb8b9bb2e-efb0-4ece-9637-b910a4403816,
  #amountInput-b8b9bb2e-efb0-4ece-9637-b910a4403816,
  #\39 e18cc82-d3a1-4af5-8fa4-989950dbb87e_b8b9bb2e-efb0-4ece-9637-b910a4403816
  {
      display: none;
  }
  /*Pension cost hidden*/
  #eeperc-cont-amt-e9afd5ea-e7f9-431e-bf38-9a6d84945d8d,
  .ng-binding.green-number.no-text-transform.PerPay.youpay-amt-e9afd5ea-e7f9-431e-bf38-9a6d84945d8d.Show,
  .ng-binding.green-number.no-text-transform.PerPay.youpay-amt-83657347-461d-436c-9c47-2ae10f01dc53.Show,
  #eeperc-cont-amt-83657347-461d-436c-9c47-2ae10f01dc53,
  .benefit-category .BenefitIntro_261c6c2a-29ff-4708-99c7-685730fe1273 .FundedDisplay,.benefit-category .BenefitIntro_261c6c2a-29ff-4708-99c7-685730fe1273 .YourCostDisplay
  {
   display: none;
  }
  /*============================================= Home page =============================================*/
  /* restrict viewport to 1820px */
  #home-online-three .modules-sleeve {
    float: none;
    max-width: 1820px;
    margin: 0 auto;
  }
  /*Hide Help icon */
  .help-ico
  {
    display: none;
  }
  /*Remove padding from home page profile links */
  #links
  {
    padding-top: 0px;
  }
  #home,
  .dashboard-page-container {
    background: #111317;
  }
  /* margin between main element and footer */
  #main.home {
    margin-bottom: 1.5em;
  }
  /* general grid and module styling */
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-gap: 1em;
  }
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
  padding: 0;
  }
  .online-two-iso .page-content, .online-two-iso #menu-container {
  padding: 0.5rem;
  }
  /* hide module more info icon */
  #home-online-three #home-integrated .module-content-header-container .online-three-module-popover-control {
    display: none;
  }
  /*Homepage Grid Container background color */
  #home-online-three #home-integrated .modules-right-side.grid-container,
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content
  {
    background-color: #111317;
  }
  
  /* Homepage modules background color */
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content
  {
    background-color: #23252B;
    border: solid 3px #23252B;
    border-radius: 15px;
  }
  /* Hide Greeting messages and dashboard-controls */
  #home-online-three .dashboard-controls
  {
    visibility: hidden;
    height:1rem;
  }
  /* Footer background color */
  .online-two-iso #terminator #footer.footer-fullwidth
  {
    background-color: #111317;
  }
  /* Footer Links Color */
  .online-two-iso #terminator #footer.footer-fullwidth a
  {
    color:#fff;
  }
  
  /* Remove left border from dashboard container*/
  #home-online-three #home-integrated {
      border-left: none;
  }
  /* Home Modules Links*/
  .my-shopping a,
  .rewarding-you a,
  .dpd-tv a,
  .MyMoney a,
  .healthy-living a,
  .MyBenefits a,
  .benefit-overviewmodule a,
  .ideas a,
  .perks a,
  .health-hub a
  {
    color:#fff ;
    text-decoration:none;
  }
  /*Remove padding From page modules */
  #home-online-three #right-side p, #home-online-three #home-integrated p {
  padding-bottom: 0;
  margin-bottom: 0;
  }
  #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 {
  padding-top: 0rem;
  }
  #home-online-three #home-integrated .modules-right-side.grid-container a,
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content a {
  text-decoration: none;
  }
  /***************** carousel styling *******************/
  /* hide carousel hamburger menu */
  .home-module-integrated .welcome-items {
    display: none;
  }
  /*carousel Container Border Radius */
  #home-module-welcome #slider .sliderContainer, .home-module-integrated #slider .sliderContainer
  {
    border-radius:10px;
  }
  /*Dashboard slider height */
  .dashboard-slider {
  
  border-radius: 10px;
  }
    
  /*============================================= Home page modules =============================================*/
  @media only screen and (min-width:768px) {
   #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(2,1fr);
    -ms-grid-columns:1fr 1fr;
    grid-template-areas:"module-1 module-1" 
    "module-5 module-9" 
    "module-6 module-7" 
    "module-2 module-3" 
    "module-4 module-11" 
    "module-8 module-10"
    "module-12 module-12"
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
    -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-0 {
    -ms-grid-column:1;
    -ms-grid-row:2
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
    -ms-grid-column:2;
    -ms-grid-row:2
   }
   #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:3
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
    -ms-grid-column:1;
    -ms-grid-row:4
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
    -ms-grid-column:2;
    -ms-grid-row:4
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
    -ms-grid-column:1;
    -ms-grid-column-span:2;
    -ms-grid-row:5
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
    -ms-grid-column:1;
    -ms-grid-row:6
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
    -ms-grid-column:2;
    -ms-grid-row:6
   }
  }
  @media only screen and (min-width:1024px) {
   #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns:repeat(3,1fr);
    -ms-grid-columns:1fr 1fr 1fr;
    grid-template-areas:
    "module-1 module-1 module-5" 
    "module-1 module-1 module-9" 
    "module-6 module-7 module-2" 
    "module-3 module-4 module-11" 
    "module-8 module-10 module-12"
   }
   #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;
    -ms-grid-row-span:2;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    -ms-grid-row:3;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
    -ms-grid-column:2;
    -ms-grid-column-span:1;
    -ms-grid-row:4;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    -ms-grid-row:4;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    -ms-grid-row:1;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
    -ms-grid-column:2;
    -ms-grid-column-span:1;
    -ms-grid-row:3;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    -ms-grid-row:3;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    -ms-grid-row:5;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
    -ms-grid-column:3;
    -ms-grid-column-span:2;
    -ms-grid-row:2;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-9 {
    -ms-grid-column:2;
    -ms-grid-column-span:1;
    -ms-grid-row:5;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-10 {
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    -ms-grid-row:4;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-11 {
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    -ms-grid-row:5;
    -ms-grid-row-span:1;
   }
  }
  @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-5 module-9" 
    "module-1 module-1 module-6 module-7" 
    "module-2 module-3 module-4 module-10" 
    "module-8 module-11 module-12 module-12"
   }
   #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;
    -ms-grid-row-span:2;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-1 {
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    -ms-grid-row-span:1;
    -ms-grid-row:3;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-3 {
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    -ms-grid-row:3;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-2 {
    -ms-grid-column:2;
    -ms-grid-column-span:1;
    -ms-grid-row:3;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-4 {
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    -ms-grid-row:1;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-5 {
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    -ms-grid-row:2;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-6 {
    -ms-grid-column:4;
    -ms-grid-column-span:2;
    -ms-grid-row:2;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-7 {
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    -ms-grid-row:4;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-8 {
    -ms-grid-column:4;
    -ms-grid-column-span:1;
    -ms-grid-row:1;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-9 {
    -ms-grid-column:4;
    -ms-grid-column-span:1;
    -ms-grid-row:3;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-10 {
    -ms-grid-column:2;
    -ms-grid-column-span:1;
    -ms-grid-row:4;
    -ms-grid-row-span:1;
   }
   #home-online-three #home-integrated .grid-container.modules-right-side .grid-item-11 {
    -ms-grid-column:3;
    -ms-grid-column-span:2;
    -ms-grid-row:4;
    -ms-grid-row-span:1;
   }
  }
  
  /*============================================================ Benefit Icons ============================================================*/
  /*Benefit Overview step 1 image*/
  .img.BenefitImage_261c6c2a-29ff-4708-99c7-685730fe1273.IntroNode_7ade97d3-c382-4103-8e02-6cf96eaf1278 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/pension.png") no-repeat center/contain !important;}
  .img.BenefitImage_a0d56ae7-5cca-444b-beb3-c1ed1c959634.IntroNode_935c3153-9175-4cee-b07e-5e25933f861a { background: url("/geopost/media/DPD/Benefit_Icons/130x130/pension.png") no-repeat center/contain !important;}
  .img.BenefitImage_a0d56ae7-5cca-444b-beb3-c1ed1c959634.IntroNode_91cc16a7-c53f-4537-9998-1f0cd20542f1 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/pension.png") no-repeat center/contain !important;}
  .img.BenefitImage_e7647076-9aa4-4e23-b22d-a48e55b80742.IntroNode_a2caf442-3022-402e-bab4-aee849def666 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/employee_life_assurance.png") no-repeat center/contain !important;}
  .img.BenefitImage_f98ee8b3-ea26-476c-89c0-14dfa08d5147.IntroNode_f9e604e3-6c7d-47e2-99c6-d86b67640740 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/partner_life_assurance.png") no-repeat center/contain !important;}
  .img.BenefitImage_f91efb1c-8324-4405-a629-8b10457a761a.IntroNode_a99bb7c6-a626-4146-ab3f-1dbde6caee5c { background: url("/geopost/media/DPD/Benefit_Icons/130x130/employee_critical_illness.png") no-repeat center/contain !important;}
  .img.BenefitImage_e292d10f-e704-4bcb-9f2e-4d0014d48cbd.IntroNode_59b5ab91-be3c-482f-af6c-aa4ef4ffdc14 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/partner_critical_illness.png") no-repeat center/contain !important;}
  .img.BenefitImage_720c8112-19b3-4a41-ac16-e670301ae456.IntroNode_2d8c90b3-e0e5-4587-9224-f727c4135684 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/personal_accident.png") no-repeat center/contain !important;}
  .img.BenefitImage_6e3d226b-66b8-46be-8a7a-022100d5534e.IntroNode_536a9754-f0ae-4029-bf7d-91b1b3bd7db5 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/savings_plan_isa.png") no-repeat center/contain !important;}
  .img.BenefitImage_25411a13-33e2-4459-ad46-1e8636ded6b4.IntroNode_673a0ae4-9ce7-4d5b-9bc3-ee270d2363d9 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/savings_plan_lifetime_isa.png") no-repeat center/contain !important;}
  .img.BenefitImage_43609bc9-2771-48e7-a4fc-466917179a7a.IntroNode_a16d5c34-898b-4f8d-b74e-2cefc93f08a4 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/savings_plan_junior_isa.png") no-repeat center/contain !important;}
  .img.BenefitImage_bd38dcec-8c0c-44ce-9518-f1329a88efd2.IntroNode_a6020f36-fd9d-44e6-8a1a-9b8abe09d643 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/cycle2work.png") no-repeat center/contain !important;}
  .img.BenefitImage_bd38dcec-8c0c-44ce-9518-f1329a88efd2.IntroNode_41c38b9b-f149-48a5-89d0-61a864260b01 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/cycle2work.png") no-repeat center/contain !important;}
  .img.BenefitImage_5631813e-6cbc-4635-9db1-ea0bf6d4294c.IntroNode_c36d7706-5a90-4f4e-8ef9-cdb567e0a62b { background: url("/geopost/media/DPD/Benefit_Icons/130x130/give_as_you_earn.png") no-repeat center/contain !important;}
  .img.BenefitImage_e9e47201-8795-4ae5-8ef6-2648b4004048.IntroNode_3408fae7-4785-48bc-b69b-32116b0ed7cf { background: url("/geopost/media/DPD/Benefit_Icons/130x130/dining_cards.png") no-repeat center/contain !important;}
  .img.BenefitImage_b2c246e1-8a63-4b29-81dc-9dfce220eb3a.IntroNode_0905cde0-788a-44f5-a300-1176d546d472 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/dental_insurance.png") no-repeat center/contain !important;}
  .img.BenefitImage_2cec71c8-2154-4bb5-abf1-4ea3b480a139.IntroNode_e25c69e7-e4db-4942-acae-59d86a52fe8c { background: url("/geopost/media/DPD/Benefit_Icons/130x130/private_media_insurance.png") no-repeat center/contain !important;}
  .img.BenefitImage_260351eb-b54a-41c1-9d4f-71ebd3266e5d.IntroNode_dea07e4d-7291-4af5-9c5d-13c6f56754e7 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/private_media_insurance.png") no-repeat center/contain !important;}
  .img.BenefitImage_PMI.IntroNode_3c30ca42-0827-48f3-a707-8f5d5d82f405 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/private_media_insurance.png") no-repeat center/contain !important;}
  .img.BenefitImage_c6d0b901-36ba-4b97-aa90-9feba3b3dd84.IntroNode_039d6a9f-b462-4d50-8b8b-e9a45e781c92 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/holiday_trading.png") no-repeat center/contain !important;}
  .img.BenefitImage_c6d0b901-36ba-4b97-aa90-9feba3b3dd84.IntroNode_6d8f2b42-222b-4611-bd62-5d1c08a3ccf7 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/holiday_trading.png") no-repeat center/contain !important;}
  .img.BenefitImage_85cc3545-b5b4-4460-8477-4e3d0488842f.IntroNode_6b1fa931-6cb0-40a8-b88f-895625d07edf { background: url("/geopost/media/DPD/Benefit_Icons/130x130/cancer_screening.png") no-repeat center/contain !important;}
  .img.BenefitImage_3f154262-0df2-4d79-be87-087085e66946.IntroNode_24e44873-508d-4c10-ba8e-ed7abd1204fb { background: url("/geopost/media/DPD/Benefit_Icons/130x130/partner_cancer_screening.png") no-repeat center/contain !important;}
  .img.BenefitImage_3e1e3d7b-2c5e-4d59-88b7-f718f0a5ea65.IntroNode_7d49bdc3-453b-4c92-ad74-6ddb01a14ad4 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/health_screening.png") no-repeat center/contain !important;}
  .img.BenefitImage_64da1e89-8ded-41d0-80a3-cf816306d84e.IntroNode_2f246acf-4286-4655-9ebe-b7259a4f0e19 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/health_cash_plan.png") no-repeat center/contain !important;}
  .img.BenefitImage_f118e446-fa04-40ea-b49d-6a45fa8270b3.IntroNode_01f02ad0-18c6-46e2-9ea6-5d7494bdaa92 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/Baby_Hamper.png") no-repeat center/contain !important;}
  .img.BenefitImage_de802d6a-678b-4465-8af5-fe4b994df68e.IntroNode_466473db-e21c-432e-aa9d-b395fed7ae58 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/dental_insurance.png") no-repeat center/contain !important;}
  .img.BenefitImage_51675ad1-1d13-4c27-93a6-4914a0699304.IntroNode_2f3f8065-53e6-4442-accd-aa9561002cad { background: url("/geopost/media/DPD/Benefit_Icons/130x130/travel_insurance.png") no-repeat center/contain !important;}
  .img.BenefitImage_b5901644-805e-4879-8ac7-44aff26047e6.IntroNode_c84f14c0-4efb-4938-8b8f-51561e38a6b4 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/will_writing.png") no-repeat center/contain !important;}
  .img.BenefitImage_239c05cb-de49-47f3-815b-127801f85bc3.IntroNode_f5a0ed3f-b1b6-4fef-924b-08f0da41e740 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/childcare%20vouchers.png") no-repeat center/contain !important;}
  .img.BenefitImage_1fe8840c-1ce6-4019-8d72-ecae4653c789.IntroNode_aa39ada9-fe3e-4bcc-b314-a256df8cae17 { background: url("/geopost/media/DPD/Online_3_Images/160x130/Gym_160x130.png") no-repeat center/contain !important;}
  .img.BenefitImage_18972ae4-03c2-4cb6-a088-2b028d5febcb.IntroNode_d122fad9-2a88-4240-b86f-2f1453329d93 { background: url("/geopost/media/DPD/Online_3_Images/160x130/Technology_160x130.png") no-repeat center/contain !important;}
  .img.BenefitImage_8d5fae73-4f4d-4547-bd08-7c3acd87657b.IntroNode_ebc614e9-a147-4e56-96e3-f42436186223 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/will_writing.png") no-repeat center/contain !important;}
  





  
  /*Benefit Matrix page images*/
  .img.L261c6c2a-29ff-4708-99c7-685730fe1273 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/pension.png") no-repeat center/contain;}
  .img.Le7647076-9aa4-4e23-b22d-a48e55b80742 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/employee_life_assurance.png") no-repeat center/contain;}
  .img.Lf98ee8b3-ea26-476c-89c0-14dfa08d5147 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/partner_life_assurance.png") no-repeat center/contain;}
  .img.Lf91efb1c-8324-4405-a629-8b10457a761a { background: url("/geopost/media/DPD/Benefit_Icons/130x130/employee_critical_illness.png") no-repeat center/contain;}
  .img.Le292d10f-e704-4bcb-9f2e-4d0014d48cbd { background: url("/geopost/media/DPD/Benefit_Icons/130x130/partner_critical_illness.png") no-repeat center/contain;}
  .img.L720c8112-19b3-4a41-ac16-e670301ae456 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/personal_accident.png") no-repeat center/contain;}
  .img.L6e3d226b-66b8-46be-8a7a-022100d5534e { background: url("/geopost/media/DPD/Benefit_Icons/130x130/savings_plan_isa.png") no-repeat center/contain;}
  .img.L25411a13-33e2-4459-ad46-1e8636ded6b4 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/savings_plan_lifetime_isa.png") no-repeat center/contain;}
  .img.L43609bc9-2771-48e7-a4fc-466917179a7a { background: url("/geopost/media/DPD/Benefit_Icons/130x130/savings_plan_junior_isa.png") no-repeat center/contain;}
  .img.Le9e47201-8795-4ae5-8ef6-2648b4004048 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/dining_cards.png") no-repeat center/contain;}
  .img.L5631813e-6cbc-4635-9db1-ea0bf6d4294c { background: url("/geopost/media/DPD/Benefit_Icons/130x130/give_as_you_earn.png") no-repeat center/contain;}
  .img.L2cec71c8-2154-4bb5-abf1-4ea3b480a139 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/private_media_insurance.png") no-repeat center/contain;}
  .img.Lc6d0b901-36ba-4b97-aa90-9feba3b3dd84 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/holiday_trading.png") no-repeat center/contain;}
  .img.Lde802d6a-678b-4465-8af5-fe4b994df68e { background: url("/geopost/media/DPD/Benefit_Icons/130x130/dental_insurance.png") no-repeat center/contain;}
  .img.Lf118e446-fa04-40ea-b49d-6a45fa8270b3 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/Baby_Hamper.png") no-repeat center/contain;}
  .img.L51675ad1-1d13-4c27-93a6-4914a0699304 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/travel_insurance.png") no-repeat center/contain;}
  .img.L64da1e89-8ded-41d0-80a3-cf816306d84e { background: url("/geopost/media/DPD/Benefit_Icons/130x130/health_cash_plan.png") no-repeat center/contain;}
  .img.L85cc3545-b5b4-4460-8477-4e3d0488842f { background: url("/geopost/media/DPD/Benefit_Icons/130x130/cancer_screening.png") no-repeat center/contain;}
  .img.L3f154262-0df2-4d79-be87-087085e66946 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/partner_cancer_screening.png") no-repeat center/contain;}
  .img.L3e1e3d7b-2c5e-4d59-88b7-f718f0a5ea65 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/health_screening.png") no-repeat center/contain;}
  .img.Lbd38dcec-8c0c-44ce-9518-f1329a88efd2 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/cycle2work.png") no-repeat center/contain;}
  .img.L1fe8840c-1ce6-4019-8d72-ecae4653c789 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/gym.png") no-repeat center/contain;}
  .img.L18972ae4-03c2-4cb6-a088-2b028d5febcb { background: url("/geopost/media/DPD/Online_3_Images/160x130/Technology_160x130.png") no-repeat center/contain;}
  .img.Lb5901644-805e-4879-8ac7-44aff26047e6 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/childcare%20vouchers.png") no-repeat center/contain;}
  .img.L239c05cb-de49-47f3-815b-127801f85bc3 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/will_writing.png") no-repeat center/contain;}
  .img.L8d5fae73-4f4d-4547-bd08-7c3acd87657b { background: url("/geopost/media/DPD/Benefit_Icons/130x130/will_writing.png") no-repeat center/contain;}
  
  
  /*See also images*/
  .seealso .img.Le9afd5ea-e7f9-431e-bf38-9a6d84945d8d { background: url("/geopost/media/DPD/Benefit_Icons/130x130/pension.png") no-repeat center/contain;}
  .seealso .img.Le7647076-9aa4-4e23-b22d-a48e55b80742 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/employee_life_assurance.png") no-repeat center/contain;}
  .seealso .img.Lf98ee8b3-ea26-476c-89c0-14dfa08d5147 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/partner_life_assurance.png") no-repeat center/contain;}
  .seealso .img.Lcd4cab2f-5a76-4d37-85bb-b0c7d35ee557 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/employee_critical_illness.png") no-repeat center/contain;}
  .seealso .img.Le292d10f-e704-4bcb-9f2e-4d0014d48cbd { background: url("/geopost/media/DPD/Benefit_Icons/130x130/partner_critical_illness.png") no-repeat center/contain;}
  .seealso .img.L720c8112-19b3-4a41-ac16-e670301ae456 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/personal_accident.png") no-repeat center/contain;}
  .seealso .img.L6e3d226b-66b8-46be-8a7a-022100d5534e { background: url("/geopost/media/DPD/Benefit_Icons/130x130/savings_plan_isa.png") no-repeat center/contain;}
  .seealso .img.L25411a13-33e2-4459-ad46-1e8636ded6b4 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/savings_plan_lifetime_isa.png") no-repeat center/contain;}
  .seealso .img.L43609bc9-2771-48e7-a4fc-466917179a7a { background: url("/geopost/media/DPD/Benefit_Icons/130x130/savings_plan_junior_isa.png") no-repeat center/contain;}
  .seealso .img.Ld0b54e0d-0792-45e0-a8b4-2adf237c1d44 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/dining_cards.png") no-repeat center/contain;}
  .seealso .img.L5631813e-6cbc-4635-9db1-ea0bf6d4294c { background: url("/geopost/media/DPD/Benefit_Icons/130x130/give_as_you_earn.png") no-repeat center/contain;}
  .seealso .img.L2cec71c8-2154-4bb5-abf1-4ea3b480a139 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/private_media_insurance.png")no-repeat center/contain;}
  .seealso .img.Lc6d0b901-36ba-4b97-aa90-9feba3b3dd84 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/holiday_trading.png") no-repeat center/contain;}
  .seealso .img.Lde802d6a-678b-4465-8af5-fe4b994df68e { background: url("/geopost/media/DPD/Benefit_Icons/130x130/dental_insurance.png") no-repeat center/contain;}
  .seealso .img.L51675ad1-1d13-4c27-93a6-4914a0699304 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/travel_insurance.png") no-repeat center/contain;}
  .seealso .img.L64da1e89-8ded-41d0-80a3-cf816306d84e { background: url("/geopost/media/DPD/Benefit_Icons/130x130/health_cash_plan.png") no-repeat center/contain;}
  .seealso .img.Lc68c94b8-e794-4d5e-afc8-0376884746a2 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/cancer_screening.png")no-repeat center/contain;}
  .seealso .img.Lea554130-c1df-4dff-a7fa-1ad0f072b319 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/partner_cancer_screening.png") no-repeat center/contain;}
  .seealso .img.L3e1e3d7b-2c5e-4d59-88b7-f718f0a5ea65 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/health_screening.png") no-repeat center/contain;}
  .seealso .img.Lbd38dcec-8c0c-44ce-9518-f1329a88efd2 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/cycle2work.png") no-repeat center/contain;}
  .seealso .img.L1fe8840c-1ce6-4019-8d72-ecae4653c789 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/gym.png") no-repeat center/contain;}
  .seealso .img.Lb5901644-805e-4879-8ac7-44aff26047e6 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/childcare%20vouchers.png") no-repeat center/contain;}
  .seealso .img.L18972ae4-03c2-4cb6-a088-2b028d5febcb { background: url("/geopost/media/DPD/Online_3_Images/130x60/Technology_130x60.png") no-repeat center/contain;}
  .seealso .img.L239c05cb-de49-47f3-815b-127801f85bc3 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/will_writing.png") no-repeat center/contain;}
  .seealso .img.L8d5fae73-4f4d-4547-bd08-7c3acd87657b { background: url("/geopost/media/DPD/Benefit_Icons/130x130/will_writing.png") no-repeat center/contain;}
  .seealso .img.L1c4f8452-4015-49bf-aac2-50c6f346f3d0 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/partner_cancer_screening.png") no-repeat center/contain;}
  /*================================================ Pop ups ================================================*/
  /*Modal benefit overview */
  .bootstrap-iso .modal.in .modal-dialog
  {
    border: 1.5px solid transparent;
    background: linear-gradient(to right, #21D2FE, #9F37FE);
    border-radius: 5px;
  }
  .online-two-iso .modal-large a.tab-selector-link
  {
    background: 
       linear-gradient(#000,#000) padding-box, 
       linear-gradient(to right, #21D2FE, #9F37FE) border-box;
       color: #fff;
       padding:7px;
       border: 1px solid transparent;
       border-radius:5px;
       border-bottom:1px solid transparent !important;
       margin-bottom: 5px; 
  }
  .online-two-iso .modal-large .tab-selector-link.active
  {
    background: linear-gradient(to right, #21D2FE, #9F37FE);
    outline: none;
    border:transparent;
  }
  .online-two-iso [class*="modal"] a.tab-selector-link:hover
  {
    background: linear-gradient(to right, #21D2FE, #9F37FE);
    outline: none;
    border:transparent;
  }
  
    
  /*Modal Manage Dependents */
  .modal-dialog.modal-normal
  {
    border: 1.5px solid transparent;
    background: linear-gradient(to right, #21D2FE, #9F37FE);
    border-radius: 5px;
  }
  .online-two-iso .modal-normal .tab-body,
  .online-two-iso .modal-normal .modal-body
  {
    background-color: #23252B;
  }
  .online-two-iso .modal-normal ul,
  .dependant-list li
  {
    background-color: #111317;
  }
  .dependant-list-top a.dependant-add-link
  {
    color:#fff;
  }
  
  .online-two-iso [class*="modal"] a.tab-selector-link
  {
     background: 
       linear-gradient(#000,#000) padding-box, 
       linear-gradient(to right, #21D2FE, #9F37FE) border-box;
       color: #fff;
       padding:4px;
       border: 1px solid transparent;
       border-radius:5px;
       border-bottom:1px solid transparent !important;
       margin-bottom: 5px; 
  }
  
  .online-two-iso [class*="modal"] .tab-selector-link.active
  {
    background: linear-gradient(to right, #21D2FE, #9F37FE);
    outline: none;
   
  }
  .online-two-iso [class*="modal"] a.tab-selector-link:hover
  {
    background: linear-gradient(to right, #21D2FE, #9F37FE);
    outline: none;
   
  }
  
  .online-two-iso input,
  .dependant-list select.content,
  .online-two-iso .slider.round
  {
    background-color:#000;
    border: 1px solid #000;
    border-radius:5px;
    
  }
  
  .online-two-iso input:checked + .slider
  {
    background-color:#5ab509;
  }
  /*Coverage table in Manage dependent Popup styling */
  .coverage-pannel .ng-scope td
  {
    background-color: #23252B;
    border: 1px solid #111317; 
  }
  .coverage-table tr {
  border-bottom: 0;
  }
  .modal-dialog
  {
    scrollbar-color: #23252B #111317;
  }
  /*Manage dependent popup caption list */
  .benefit-matrix .dependant-list .caption-text
  {
    color: #fff;
  }
  /*Required Fields,invalid date,format warnings */
  .online-two-iso input.ng-touched.ng-invalid-required, 
  .online-two-iso input.ng-touched.ng-invalid-date, 
  .online-two-iso input.ng-touched.ng-invalid-min, 
  .online-two-iso input.ng-touched.ng-invalid-number, 
  .online-two-iso input.ng-touched.ng-invalid-format, 
  .online-two-iso select.ng-touched.ng-invalid-required, 
  .online-two-iso .Submitted input.ng-invalid-required, 
  .online-two-iso .Submitted input.ng-invalid-date, 
  .online-two-iso .Submitted input.ng-touched.ng-invalid-min, 
  .online-two-iso .Submitted input.ng-invalid-number, 
  .online-two-iso .Submitted select.ng-invalid-required
  {
  background-color: #000;
  border: 1px solid red;
  }
/*Manage dependents relationship Dropdown disabled state */
.dependant-pannel #RelationshipSelect
{
  background-color: #000;
}
  /* Confirm Choices popup*/
  /*Modal footer Styling */
  .modal-content > div .modal-footer,
  .benefit-matrix .modal-footer #confirmation-buttons .division,
  .modal-body.confirmchoice
  {
    background:#23252B;
  }
  /* Confirm Choices Body Text */
  .modal-body.confirmchoice .textWrapper
  {
     border: 2px solid #23252B;
     border-radius:10px;
     padding: 20px;
     background:#111317;
  }
  /*Remove white border from Modal Header */
  .bootstrap-iso .modal-header
  {
     border: none;
  }
  /*Confirm Choices modal Title */
  .benefit-matrix .benefitheader
  {
     color:#fff;
     font-weight: bold;
  }
  /* Review Choices Text on Popup styling */
  .benefit-matrix .modal-footer #confirmation-buttons .confirm_agreement label
  {
     color: #fff;
     font-size: 1rem;
     font-weight:unset;
     border-radius: 10px;
     margin-left: 3px;  
  }
  /* Yes/NO Button On popup*/
  .benefit-matrix .modal-footer #confirmation-buttons .btn-default
  {
     background:#000;
     outline:none;
     border: none;
  }
  .benefit-matrix .modal-footer #confirmation-buttons .btn-default.active,
  .benefit-matrix .modal-footer #confirmation-buttons .btn-default:hover
  {
     background: linear-gradient(to right, #21D2FE, #9F37FE);
  }
  /*Followup Popup styling */
  #followup-items-overlay
  {
     background: 
       linear-gradient(to right, #21D2FE, #9F37FE) border-box;
       border: 2px solid transparent;
       border-radius:5px; 
  }
  #followup-items-overlay.online-followup-items .followup-header,
  #followup-items-overlay.online-followup-items .followup-content,
  #followup-items-overlay.online-followup-items .followup-collect
  {
   background-color: #23252B;
  }
  /*=========================================== Footer ===========================================*/
  /* footer UL Li*/
  @media only screen and (min-width:751px){
  .online-two-iso #footer li {
  float:left;
  list-style:none;
  }
  .online-two-iso #footer li:not(:first-of-type) a {
  border-left: 1px solid;
  }
  .online-two-iso #footer a {
  padding: 0 1em;
  line-height: 1em;
  }
  }
  
  @media only screen and (min-width: 768px) {
  /* display nav items in one line */
  #footer.footer-fullwidth nav ul#footer-links li {
  display: inline-block;
  }
  }
  /*Contact Us */
  .contact-us .provider table
  {
    width: 940px !important;
  }
  .contact-us
  {
    color: #fff;
    font-size: 15px;
  }
  /*Terms Of use */
  .litLegalContent .main-list h2
  {
    font-size:20px;
  }
  /*Privacy Policy */
  .legalcontent-privacy h3
  {
    font-size:20px;
  }
  
  /*==================================Self Registration Page Styling===============================*/
  .online-two-iso input,
  .online-two-iso .form-control
   {
      border-radius: 10px;
      background-color: #000;
      border: 1px solid #23252B;
      color: #fff !important;
  }
  /*Validation caption color */
  .self-registraion .rgheader,
  .online-two-iso .validation-caption
  {
    color:#fff;
  }
  /*===================================Forgot password Page styling==============================*/
  .online-two-iso .steps-container,
  .online-two-iso .steps-zone,
  .online-two-iso .steps-header
  {
    background-color:#23252B;
    color: #fff;
    font-weight: bold;
  }
  #username-caption
  {
    background-color:#111317;
    border:none;
    color:#fff;
  }
  .online-two-iso .white-popup-block
  {
  background: 
       linear-gradient(#000,#000) padding-box, 
       linear-gradient(to right, #21D2FE, #9F37FE) border-box;
       border: 2px solid transparent;
       border-radius:5px; 
  }
  #login-assist-step2b .datepicker-zone
  {
    background-color: #23252B;
  }
  
  .online-two-iso .password-validation-container,
  .online-two-iso .password-container,
  .online-two-iso .success-icon
  {
      background-color: #23252B;
  }
  .online-two-iso .input-caption
  {
    background-color: #000;
    border: none;
    color: #fff;
  }
  /*====================================Lifestyle Popup======================================*/
  .active-benefits .modal-body
  {
    background-color: #23252B;
  }
  .active-benefits .events
  {
    background-color: #23252B;
   height: auto;
    width: 100%;
  }
  .active-benefits .img,
  .active-benefits .btn.btn-warning .glyphicon
  {
  display: none;
  }
  .active-benefits .active--event-radio
  {
    float: left;
    margin-left: 2em;
  }
  .active-benefits .benefit-intro
  {
    text-align: left;
    color: gray;
    font-weight: inherit;
  }
  .active-benefits .header
  {
    color: #fff;
  }
  .active-benefits .modal-main
  {
    overflow-x: hidden;
  }
  
  .active-benefits .btn.btn-warning
  {
    float: left;
    background: 
       linear-gradient(#000,#000) padding-box, 
       linear-gradient(to right, #21D2FE, #9F37FE) border-box;
       border: 2px solid transparent;
       border-radius:10px; 
  }
  /*.active-benefits .btn.btn-success
  {
    float: right;
  }*/
.active-benefits a[ng-click="vm.utilityService.ScrollbarRestore(); vm.accept()"]
{
margin-left: 75% !important;
}
  .bootstrap-iso .modal-footer
  {
    border-top: none;
  }
  /*=========================================================Profile Page=============================================*/
  html#profile body#profile .profile #profile-online-2 .box-border
  {
    background: linear-gradient(to right, #21D2FE, #9F37FE);
  }
  html#profile body#profile .profile #profile-online-2 .box-left-bg
  {
    background: none;
    padding: 12px 16px 24px 16px;
  }
  html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI
  {
   background: #111317 !important;
  }
  html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI A
  {
    background-color: #111317;
    margin-bottom: 0.5em;
  }
  html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A,
  html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI A:hover
  {
    border-image: linear-gradient(to right, #21D2FE, #9F37FE);
    border-image-slice: 1;
  }
  /*Add Dependent on Profile Page Tab */
  #dependantDialog
  {
   background: 
       linear-gradient(#23252B,#23252B) padding-box, 
       linear-gradient(to right, #21D2FE, #9F37FE) border-box;
       border: 2px solid transparent;
       border-radius:5px; 
  }
  html#profile body#profile .profile #profile-online-2 #dependantDialog .col-md-6.grid-cell
  {
    background: #23252B;
  }
  #dependantDialog #ddlDependentCountry
  {
    background: #000;
    color: #fff;
    border:none;
  }
  .ui-buttonset .ui-button.ui-state-active .ui-button-text
  {
    background:#000;
  }
  #dependantDialog .uib-datepicker-current,
  #dependantDialog .uib-clear,
  #dependantDialog .uib-close
  {
    background: linear-gradient(to right, #21D2FE, #9F37FE);
    border-radius: 10px;
    border: none;
  }
  #dependantDialog #dspSaveDependant
  {
    border-radius: 10px;
  }
  /*=========================================================== Custom Pages Styling =======================================*/
  /*My Money Page Carousel Image */
  .mymoneycarousel { 
   grid-area: carousel;
   border-radius:10px;
   background-image: url("/geopost/media/DPD/Carousel%202021/my%20money.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
  }
  /*Healthy Living Page Carousel Image */
  .Healthycarousel { 
   grid-area: carousel;
   border-radius:10px;
   background-image: url("/geopost/media/DPD/Carousel%202021/healthy%20living.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
  }
  /*Perks of Job Page Carousel Image */
  .Perkscarousel { 
   grid-area: carousel;
   border-radius:10px;
   background-image: url("/geopost/media/DPD/Carousel%202021/perks%20of%20the%20job.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
  }
  /*For Mobile Screens below 767px */
  @media only screen and (max-width:767px)
  {
  /*Carousel Image */
  .mymoneycarousel,.Healthycarousel,.Perkscarousel { 
   height:210px;
  }
  .item2 { grid-area: module1;border-radius:10px;}
  .item3 { grid-area: module2;border-radius:10px; }
  .item4 { grid-area: module3; border-radius:10px;}
  .item5 { grid-area: module4; border-radius:10px;}
  .item6 { grid-area: module5;border-radius:10px; }
  .item7 { grid-area: module6;border-radius:10px; }
  .item8 { grid-area: module7;border-radius:10px; }
  .item9 { grid-area: module8;border-radius:10px; }
  /*Custom grid for all the custom pages */
  .CustomGrid {
  display: grid;
  grid-template-areas:
  'carousel'
  'module1' 
  'module2'
  'module3' 
  'module4'
  'module5' 
  'module6' 
  'module7';
  grid-gap: 10px;
  background-color: #111317;
  padding: 5px;
  }
  /*Grid Div Elements */
  .CustomGrid > div {
  background-color:#23252B;
  text-align: center;
  padding: 25px 0px 25px 5px;
  }
  }
  /*For Screen size greater than 767 and less than 1024 */
  @media only screen and (max-width:1023px) and (min-width: 751px)
  {
  /* Carousel Image */
  .mymoneycarousel,.Healthycarousel,.Perkscarousel { 
   height:400px;
  }
  
  .item2 { grid-area: module1;border-radius:10px;}
  .item3 { grid-area: module2;border-radius:10px; }
  .item4 { grid-area: module3; border-radius:10px;}
  .item5 { grid-area: module4; border-radius:10px;}
  .item6 { grid-area: module5;border-radius:10px; }
  .item7 { grid-area: module6;border-radius:10px; }
  .item8 { grid-area: module7;border-radius:10px; }
  .item9 { grid-area: module8;border-radius:10px; }
  /*Custom grid for all the custom pages */
  .CustomGrid  {
  display: grid;
  grid-template-areas:
  'carousel carousel'
  'module1 module2' 
  'module3 module4' 
  'module5 module6' 
  'module7 module8';
  grid-gap: 10px;
  background-color: #111317;
  padding: 5px;
  
  }
  /*Grid Div Elements */
  .CustomGrid > div {
  background-color:#23252B;
  text-align: center;
  padding: 25px 0px 25px 5px;
  }
  }
  /*For screen size greater than 1023px upto 1400px*/
  @media only screen and (max-width:1400px) and (min-width: 1023px)
  {
      
  .item2 { grid-area: module1;border-radius:10px;}
  .item3 { grid-area: module2;border-radius:10px; }
  .item4 { grid-area: module3; border-radius:10px;}
  .item5 { grid-area: module4; border-radius:10px;}
  .item6 { grid-area: module5;border-radius:10px; }
  .item7 { grid-area: module6;border-radius:10px; }
  .item8 { grid-area: module7;border-radius:10px; }
  .item9 { grid-area: module8;border-radius:10px; }
  /*Custom grid for all the custom pages */
  .CustomGrid {
  display: grid;
  grid-template-areas:
  'carousel carousel module1'
  'carousel carousel module2'
  'module3 module4 module5'
  'module6 module7 module8';
  grid-gap: 10px;
  background-color: #111317;
  padding: 5px;
  }
  /*Grid Div Elements */
  .CustomGrid > div {
  background-color:#23252B;
  text-align: center;
  padding: 25px 0px 25px 5px;
  }
  }
  /*For screen size greater than 1400px */
  @media only screen and (min-width:1400px)
  {
  .item2 { grid-area: module1;border-radius:10px;}
  .item3 { grid-area: module2;border-radius:10px; }
  .item4 { grid-area: module3; border-radius:10px;}
  .item5 { grid-area: module4; border-radius:10px;}
  .item6 { grid-area: module5;border-radius:10px; }
  .item7 { grid-area: module6;border-radius:10px; }
  .item8 { grid-area: module7;border-radius:10px; }
  .item9 { grid-area: module8;border-radius:10px; }
  /*Custom grid for all the custom pages */
  .CustomGrid {
  display: grid;
  grid-template-areas:
  'carousel carousel module1 module2'
  'carousel carousel module3 module4'
  'module5 module6 module7 module8';
  grid-gap: 10px;
  background-color: #111317;
  padding: 5px;
  
  }
  /*Grid Div Elements */
  .CustomGrid > div {
  background-color:#23252B;
  text-align: center;
  padding: 25px 0px 25px 5px;
  }
  }
  /*Custom pages icon */
  #testgrid .iconimg,
  #MyMoney .iconimg,
  #HealthyLiving .iconimg,
  #Perks .iconimg,
  #Perks1 .iconimg
  {
    float: left;
  }
  
  /*Hidden for perks of job page
  
  #Perks .item7,
  #Perks .item8
  {
   visibility: hidden;
  } */
  /*Center align Paragraphs on custom Pages */
  #HealthyLiving p,
  #MyMoney p,
  #Perks p,
  #Perks1 p
  {
    padding-top:30px;
  }
  /*Custom Pages Links */
  #MyMoney a,
  #HealthyLiving a,
  #Perks a,
  #Perks1 a
  {
    color:#fff;
    font-weight: bold;
  }
  /* Custom Pages */
  #cycletoworkpage,
  #PmiVitality,
  .HolidayEntitlement,
  .SeasonTicket,
  .EyeTest,
  .ISAs
  {
    color: #fff;
    font-size: 16px
  }
  /*Custom Pages Full Width */
  @media only screen and (min-width:1024px)
  {
  .online-two-iso .wrapper-fullwidth.general
  {
    width: 100% !important;
  }
  }
  /*Carousel Height in different resolutions*/
  
  @media only screen and (max-width:1300px) and (min-width:1024px)
  {
  .dashboard-slider {
  height: 410px!important;
  border-radius: 10px;
  }
  }
  
  @media only screen and (min-width:1300px)
  {
  .dashboard-slider {
  height: 450px!important;
  border-radius: 10px;
  }
  }
/*faq color*/
.faq-title {
    color: #fff !important;
    font-weight: bold;
}

/*Follow up info hiddent*/
.followup-collect-info {
    display: none;
}

.img.BenefitImage_3e1e3d7b-2c5e-4d59-88b7-f718f0a5ea65.IntroNode_143b0d23-d465-4d31-a5f5-7dc03f1c3d6e { background: url("/geopost/media/DPD/Benefit_Icons/130x130/health_screening.png") no-repeat center/contain !important;}
.img.BenefitImage_PartnerHealthScreening.IntroNode_b3dae3e7-aa50-4191-b095-7cb0b6e9238e { background: url("/geopost/media/DPD/Benefit_Icons/130x130/health_screening.png") no-repeat center/contain !important;}
.img.BenefitImage_de802d6a-678b-4465-8af5-fe4b994df68e.IntroNode_91b92062-ac19-4301-a97c-ac99b30ee88e { background: url("/geopost/media/DPD/Benefit_Icons/130x130/dental_insurance.png") no-repeat center/contain !important;}

/*See also*/
.seealso .img.L28c9e3b2-fdb1-448d-bc68-06f0892e5c16 { background: url("/geopost/media/DPD/Benefit_Icons/130x130/cancer_screening.png")no-repeat center/contain;}

/* Toggle */
.btn-peranual
{
  background: #000 !important;
}
.btn-peranual:active,
.btn-peranual:focus
{
  background: linear-gradient(to right, #21D2FE, #9F37FE) !important;
}

.btn-perpay
{
 background: #000 !important;
}

.btn-perpay:active,
.btn-perpay:focus
{
 background: linear-gradient(to right, #21D2FE, #9F37FE) !important;
}
.btn-perpay.active
{
 background: linear-gradient(to right, #21D2FE, #9F37FE) !important;
}
/* tooltip styling */
.ui-tooltip {
  color: #fff;
}
.button:focus, .button:hover {
    background-color: #686868 !important;


/* Minification failed (line 299, error number 1039): Token not allowed after unary operator: '-accessibility-outline' */