/*================================================================================================== TABLE OF CONTENTS ==================================================================================================
	1. Variables
	2. Utility classes
	3. Global styles
		3a) Headings		3b) Links		3c) Buttons
		3d) Lists			3e) Popups		3f) Tab selectors
		3g) Accordions		3h) Info icons, slider toggles and label styling
		3i) Logo				3j) Site header
		3k) Site footer	3l) Datepickers
		3m) Inputs      3n) Tables
	4. Login page
	5. Home page
	10. Profile
	12. TRS
	13. Specific popups
		13a) Forgot password		13b) Modellers and tools	13c) Manage dependants
		13d) Follow up items		13e) Event T&Cs				13f) benefit selection election info collect
		13g) Beneficiaries
	14. Icons
		14a) Benefit icons		14b) Life event icons
	16. My Documents
	18. Mobile
	19. Client specific styles
 ======================================================================================================================================================================================================================= */
/* font declaration for using OnlineTwoIconFont set
'inspiringbenefits' is the new UK only demo client */
@font-face {
  font-family: 'OnlineTwoIconFont';
  src: url('/inspiringbenefits/media/default/fonts/OnlineTwoIconFont_v2.eot');
  src: url('/inspiringbenefits/media/default/fonts/OnlineTwoIconFont_v2.eot?#iefix') format('embedded-opentype'),
    url('/inspiringbenefits/media/default/fonts/OnlineTwoIconFont_v2.woff') format('woff'),
    url('/inspiringbenefits/media/default/fonts/OnlineTwoIconFont_v2.ttf') format('truetype'),
    url('/inspiringbenefits/media/default/fonts/OnlineTwoIconFont_v2.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*================================================================================================== 1. Variables  ==================================================================================================*/
:root {
  --accessibility-outline: #333;
  --color-1: #0039a6;
  --color-2: #009ed1;
  --color-3: #0083a9;
  --color-4: #5eb9e4;
  --color-5: #333;
  --text-color-1: #fff;
  --text-color-2: #333;
  --slider-toggle-color: limegreen;
  --logo: url(/aontotal/media/aontotal/logos/Logo_400x130.png);
  --login-image: url(/aontotal/media/aontotal/login/Login_1.jpg);
  --site-header-color: linear-gradient(to right, var(--color-1), var(--color-4));
}

/*================================================================================================== 2. 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%;
  }
}
/* margin-top 0 */
.bootstrap-iso .mt-0 {
  margin-top: 0;
}

/* 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: 15rem;
  line-height: 1;
}

/* for adding full stop after resource string */
.full-stop:after {
  content: '.';
}
/* for adding comma after resource string */
.comma:after {
  content: ',';
  position: relative;
  left: -0.25em;
}

/* display flex and wrap items */
.d-flex {
  display: flex;
  gap: .25rem;
}
.wrap {
  flex-wrap: wrap;
}

/*================================================================================================== 3. Global styles  ==================================================================================================*/
/* font for site */
 #home-online-three.bootstrap-iso,
 #profile, 
 #menu-container,
 #footer,
 .site-font,
 #financialWellbeingMatters,
 .popover-content,
 #tabledocuments thead tr th,
 #tabledocuments tbody tr td,
 #marketingPreference,
 #marketingPreference label {
     font-family: Arial, sans-serif; 
}

.bootstrap-iso
{
font-family: Arial, sans-serif !important;
}

/* remove gradient background */
html {
  background: #fff;
}

/* global font size */
.online-two-iso body,
.bootstrap-iso {
  font-size: 1rem;
}
.bootstrap-iso p {
  padding-bottom: 0;
}

/* 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;
}

/* 3a) 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: var(--color-1);
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding-left: 0;
}
h1,
.online-two-iso .h1,
.bootstrap-iso h1,
.bootstrap-iso .h1 {
  font-size: 2rem
}
h2,
.online-two-iso .h2,
.bootstrap-iso h2,
.bootstrap-iso .h2 {
  font-size: 1.625rem
}
h3,
.online-two-iso .h3,
.bootstrap-iso h3,
.bootstrap-iso .h3 {
  font-size: 1.25rem
}
@media screen and (max-width: 991px){
  h1,
  .online-two-iso .h1,
  .bootstrap-iso h1,
  .bootstrap-iso .h1 {
    font-size: calc(2rem * .75)
  }
  h2,
  .online-two-iso .h2,
  .bootstrap-iso h2,
  .bootstrap-iso .h2 {
    font-size: calc(1.625rem * .75)
  }
}

/* 3b) links */
a,
.bootstrap-iso a,
.dependant-list a.dependant-confirm-delete,
.terms-conditions-cookies .cookie-policy-link,
.terms-conditions-cookies .term-condtion-link {
  color: var(--color-1);
  font-weight: bold;
}
a:hover,
a:focus,
.bootstrap-iso a:hover,
.bootstrap-iso a:focus,
.dependant-list a.dependant-confirm-delete:hover,
.dependant-list a.dependant-confirm-delete:focus,
.terms-conditions-cookies .cookie-policy-link:hover,
.terms-conditions-cookies .cookie-policy-link:focus,
.terms-conditions-cookies .term-condtion-link:hover,
.terms-conditions-cookies .term-condtion-link:focus {
  color: var(--color-4);
}
.bootstrap-iso a:focus,
.dependant-list a.dependant-confirm-delete:focus,
.terms-conditions-cookies .cookie-policy-link:focus,
.terms-conditions-cookies .term-condtion-link:focus {
  outline: 3px solid var(--accessibility-outline);
}
a:active,
a:active:hover,
a:active:focus,
.bootstrap-iso a:active,
.bootstrap-iso a:active:hover,
.bootstrap-iso a:active:focus,
.dependant-list a.dependant-confirm-delete:active,
.dependant-list a.dependant-confirm-delete:active:hover,
.dependant-list a.dependant-confirm-delete:active:focus,
.terms-conditions-cookies .cookie-policy-link:active,
.terms-conditions-cookies .cookie-policy-link:active:hover,
.terms-conditions-cookies .cookie-policy-link:active:focus,
.terms-conditions-cookies .term-condtion-link:active,
.terms-conditions-cookies .term-condtion-link:active:hover,
.terms-conditions-cookies .term-condtion-link:active:focus {
  color: var(--color-1);
}

/* 3c) buttons */
/* default colour */
.bootstrap-iso .btn-primary,
.bootstrap-iso .btn-secondary,
.bootstrap-iso .btn-danger,
.bootstrap-iso .btn-info,
.bootstrap-iso .btn-default,
.bootstrap-iso .btn-warning,
.bootstrap-iso .btn-success,
.bootstrap-iso .btn-popup,
.online-two-iso A.button-style,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue,
.online-two-iso A.button-style.blue,
.online-two-iso A.button-style.green,
.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 {
  background-color: var(--color-4);
  border: 1px solid var(--color-4);
  border-radius: 25px;
  color: var(--text-color-1);
  font-family: Arial, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  overflow: hidden;
  position: relative;
  transition: all 0.25s;
  z-index: 1;
}
.bootstrap-iso .btn-secondary {
  background-color: var(--color-4);
}

/* hover colour */
.bootstrap-iso .btn-primary:hover,
.bootstrap-iso .btn-secondary:hover,
.bootstrap-iso .btn-danger:hover,
.bootstrap-iso .btn-info:hover,
.bootstrap-iso .btn-default:hover,
.bootstrap-iso .btn-warning:hover,
.bootstrap-iso .btn-success:hover,
.bootstrap-iso .btn-popup:hover,
.online-two-iso A.button-style:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:hover,
.online-two-iso A.button-style.blue:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:hover,
.online-two-iso A.button-style.gray:hover,
.benefit-matrix .row .btn-success:hover,
.benefitheader-fixed div#followup-items a.btn:hover,
.benefitheader-fixed div#resettodefaults a.btn:hover,
.benefit-matrix .confirm-checkout-button .btn-success:hover {
  background-color: var(--color-1);
  border-radius: 25px;
  box-shadow: none;
  color: var(--text-color-1);
  font-size: 1rem;
  font-weight: bold;
}

/* focus colour */
.bootstrap-iso .btn-primary:focus,
.bootstrap-iso .btn-secondary:focus,
.bootstrap-iso .btn-danger:focus,
.bootstrap-iso .btn-info:focus,
.bootstrap-iso .btn-default:focus,
.bootstrap-iso .btn-warning:focus,
.bootstrap-iso .btn-success:focus,
.bootstrap-iso .btn-popup:focus,
.online-two-iso A.button-style:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:focus,
.online-two-iso A.button-style.blue:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:focus,
.online-two-iso A.button-style.gray:focus,
.benefitheader-fixed div#followup-items a.btn:focus,
.benefitheader-fixed div#resettodefaults a.btn:focus,
.benefit-matrix .confirm-checkout-button .btn-success:focus {
  background-color: var(--color-1);
  border-radius: 25px;
  box-shadow: none;
  color: var(--text-color-1);
  outline: 3px solid var(--accessibility-outline);
  font-size: 1rem;
  font-weight: bold;
}

/* when clicked colour */
.bootstrap-iso .btn-primary:active,
.bootstrap-iso .btn-primary:active:hover,
.bootstrap-iso .btn-primary:active:focus,
.bootstrap-iso .btn-secondary:active,
.bootstrap-iso .btn-secondary:active:hover,
.bootstrap-iso .btn-secondary:active:focus,
.bootstrap-iso .btn-danger:active,
.bootstrap-iso .btn-danger:active:hover,
.bootstrap-iso .btn-danger:active:focus,
.bootstrap-iso .btn-info:active,
.bootstrap-iso .btn-info:active:hover,
.bootstrap-iso .btn-info:active:focus,
.bootstrap-iso .btn-default:active,
.bootstrap-iso .btn-default:active:hover,
.bootstrap-iso .btn-default:active:focus,
.bootstrap-iso .btn-warning:active,
.bootstrap-iso .btn-warning:active:hover,
.bootstrap-iso .btn-warning:active:focus,
.bootstrap-iso .btn-success:active,
.bootstrap-iso .btn-success:active:hover,
.bootstrap-iso .btn-success:active:focus,
.bootstrap-iso .btn-popup:active,
.bootstrap-iso .btn-popup:active:hover,
.bootstrap-iso .btn-popup:active:focus,
.online-two-iso A.button-style:active,
.online-two-iso A.button-style:active:hover,
.online-two-iso A.button-style:active:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.blue:active:focus,
.online-two-iso A.button-style.blue:active,
.online-two-iso A.button-style.blue:active:hover,
.online-two-iso A.button-style.blue:active:focus,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active:hover,
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.gray:active:focus,
.online-two-iso A.button-style.gray:active,
.online-two-iso A.button-style.gray:active:hover,
.online-two-iso A.button-style.gray:active:focus,
.benefitheader-fixed div#followup-items a.btn:active,
.benefitheader-fixed div#followup-items a.btn:active:hover,
.benefitheader-fixed div#followup-items a.btn:active:focus,
.benefitheader-fixed div#resettodefaults a.btn:active,
.benefitheader-fixed div#resettodefaults a.btn:active:hover,
.benefitheader-fixed div#resettodefaults a.btn:active:focus,
.benefit-matrix .confirm-checkout-button .btn-success:active,
.benefit-matrix .confirm-checkout-button .btn-success:active:hover,
.benefit-matrix .confirm-checkout-button .btn-success:active:focus {
  background-color: var(--color-1);
  border: none;
  box-shadow: none;
  color: var(----text-color-1);
  outline: 3px solid var(--accessibility-outline);
}

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

.bootstrap-iso .modal-controls .btn-warning:hover,
.bootstrap-iso .modal-controls .btn-warning:focus,
.online-two-iso #exit-cancel A.button-style.blue:hover,
.online-two-iso #exit-cancel A.button-style.blue:focus,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:hover,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:focus,
.bootstrap-iso .btn-warning.dependant-cancel-btn:hover,
.bootstrap-iso .btn-warning.dependant-cancel-btn:focus {
  background-color: #f2f2f2;
  color: var(--text-color-2);
}

.bootstrap-iso .modal-controls .btn-warning:active,
.bootstrap-iso .modal-controls .btn-warning:active:hover,
.bootstrap-iso .modal-controls .btn-warning:active:focus,
.online-two-iso #exit-cancel A.button-style.blue:active,
.online-two-iso #exit-cancel A.button-style.blue:active:hover,
.online-two-iso #exit-cancel A.button-style.blue:active:focus,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active:hover,
.bootstrap-iso .modeller-footer .modeller-close-button.btn-warning:active:focus,
.bootstrap-iso .btn-warning.dependant-cancel-btn:active,
.bootstrap-iso .btn-warning.dependant-cancel-btn:active:hover,
.bootstrap-iso .btn-warning.dependant-cancel-btn:active:focus {
  background-color: var(--color-1);
}

/* hover effects */
.bootstrap-iso *[class*='btn btn-']:before,
.bootstrap-iso *[class*='btn  btn-']:before,
.bootstrap-iso *[class*='button-s']:before {
  content: '';
  width: 100%;
  height: 4em;
  background-color: var(--color-1);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(-5em, -1em, 0) rotate3d(0, 0, 1, -45deg);
  transform-origin: top left;
  transition: all 0.25s;
  z-index: -1;
}
.bootstrap-iso *[class*='btn btn-']:hover:before,
.bootstrap-iso *[class*='btn  btn-']:hover:before,
.bootstrap-iso *[class*='button-s']:hover:before,
.bootstrap-iso *[class*='btn btn-']:focus:before,
.bootstrap-iso *[class*='btn  btn-']:focus:before,
.bootstrap-iso *[class*='button-s']:focus:before {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
}

/* 3d) 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 {
  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: var(--color-1);
}
.bootstrap-iso ul.fa-ul li ul.fa-ul li::before {
  content: '\f10c';
}
.bootstrap-iso ul.fa-ul li ul.fa-ul li ul.fa-ul li::before {
  content: '\f0c8';
}
/* ordered lists */
.bootstrap-iso ol {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: decimal;
}

/* 3e) popups */
/* header colour */
.online-two-iso .header-overlay,
.online-two-iso .tab-header,
.bootstrap-iso .modal-header {
  background-color: var(--color-1);
}
/* reset benefit intro popup to not have header overlay colour */
.online-two-iso [class*='LineDetail'] .tab-header {
  background-color: #f2f2f2;
}
/* 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: var(--text-color-1);
}
/* 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: var(--text-color-1);
  font-family: 'Glyphicons Halflings';
  visibility: visible;
}
/* reset benefit intro close icon to be default colour after resetting header background colour */
.online-two-iso .modal-large [class*='LineDetail'] .close:after {
  color: var(--text-color-2);
}

.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: var(--text-color-1);
}
.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;
}

/* life event dependant add/remove popup */
.dependantContainer .event-step-nav {
  text-align: right;
}
.bootstrap-iso .event-step-nav a.primary-link,
.bootstrap-iso .event-step-nav a.secondary-link {
  margin: 0;
}
.dependantContainer .button-container > a:last-child {
  margin-left: 0.5em;
}
.bootstrap-iso .event-step-nav a {
  border-radius: 25px;
  padding: 6px 12px;
  text-transform: uppercase;
  transition: background-color 0.25s, color 0.25s;
}
.bootstrap-iso .event-step-nav a.secondary-link {
  background: var(--color-1);
  color: var(--text-color-1);
}
.bootstrap-iso .event-step-nav a.primary-link {
  background: var(--color-1);
  color: var(--text-color-1);
}
.bootstrap-iso .event-step-nav a.secondary-link:hover,
.bootstrap-iso .event-step-nav a.secondary-link:focus,
.bootstrap-iso .event-step-nav a.primary-link:hover,
.bootstrap-iso .event-step-nav a.primary-link:focus {
  background-color: #f2f2f2;
  color: var(--text-color-2);
}

/* 3f) 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: var(--color-4);
  border-bottom: 0.5em solid var(--color-4);
}
.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: var(--text-color-2);
}

/* 3g) accordions */
/* background colour */
.benefit-matrix .benefit-category .panel-default > .panel-heading,
.trsdashboard .panel-default > .panel-heading,
#benefit-overview #overviewAccordion .panel-default > .panel-heading {
  background-color: var(--color-1);
  padding: 0;
}
.bootstrap-iso .panel-heading .panel-title .accordion-toggle {
  display: block;
}
.bootstrap-iso .panel-heading .panel-title .accordion-toggle:hover,
.bootstrap-iso .panel-heading .panel-title .accordion-toggle:focus {
  background-color: #f2f2f2;
  color: var(--text-color-2);
}
#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;
}

/* custom Aon Total content accordions */
.aonTotal-accordion .panel-default {
  border: none;
}
.aonTotal-accordion .panel-default > .panel-heading {
  background-color: #fff;
  border: none;
  color: var(--color-1);
  padding: 0;
}
.aonTotal-accordion .panel-heading .panel-title {
  padding: 0;
}
.aonTotal-accordion .panel-heading .panel-title .accordion-toggle {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}
.aonTotal-accordion .panel-heading .panel-title .accordion-toggle:hover,
.aonTotal-accordion .panel-heading .panel-title .accordion-toggle:focus {
  background-color: var(--color-4);
  color: var(--text-color-1);
}

/* expand/collapse icons */
.bootstrap-iso .glyphicon-menu-down,
.bootstrap-iso .glyphicon-menu-up {
  transition: all 0.25s;
  margin-right: 12px;
}
.bootstrap-iso .glyphicon-menu-up {
  transform: rotate(-180deg);
}
.bootstrap-iso .glyphicon-menu-down:before,
.bootstrap-iso .glyphicon-menu-up:before {
  font-family: 'Glyphicons Halflings';
  content: '\e259';
}

/* 3h) Info icons, slider toggles and label styling */
/* info icon color **/
.benefit-matrix .row.title .glyphicon-info-sign-color {
  color: var(--color-4);
}
.benefit-matrix .row.title .glyphicon-info-sign-color:hover,
.benefit-matrix .row.title .glyphicon-info-sign-color:focus {
  color: var(--color-4);
}
.benefit-matrix .row.title .glyphicon-info-sign-color:focus {
  outline: 3px solid var(--accessibility-outline);
}

/* slider toggle color */
.online-two-iso input:checked + .slider {
  background-color: var(--slider-toggle-color);
}

/* label styling e.g. "Note:" labels */
.bootstrap-iso .label {
  background-image: none;
}

/* 3i) logo */
#logo {
  background-image: var(--logo);
  background-size: contain;
  background-position: -35px 0;
  background-repeat: no-repeat;
}
/* centering logo on mobile view */
@media only screen and (max-width: 750px) {
  #logo {
    width: calc(100vw - 100px);
  }
}

/* 3j) site header */
/* remove top margin in IE */
.lt-ie9 #header {
  margin-top: 0;
}
/* header colour */
.online-two-iso #terminator #header.header-fullwidth {
  background: var(--site-header-color);
}
/* header icons profile, mailbox and logout, and main 'home' link */
@media only screen and (min-width: 751px) {
  .online-two-iso #menu-container {
    height: auto !important;
    width: 95vw;
    margin: 0 auto;
  }
  .online-two-iso #menu-no-dashboard {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  .online-two-iso #menu-no-dashboard li {
    padding: 0.5em;
  }
  #menu-container ul#menu-no-dashboard li a,
  #user-div a {
    color: var(--text-color-1);
  }
  #menu-no-dashboard li a#menu0::before {
    content: '\f015';
    font-family: 'FontAwesome';
    padding-left: 0.5rem;
    /*font-size: 2rem;*/
}
  
}
@media (min-width: 767px) {
  .online-two-iso #menu-container {
    padding: 0;
  }
.online-two-iso #terminator #header.header-fullwidth
  {padding: 0 !important;}
}

/* need assistance pull down tab */
.help-ico .helptoggle,
.lt-ie9 .help-ico a {
  background-image: none !important;
  background-color: var(--color-4);
}
#header .help-ico a.helptoggle {
  background-color: white;
  color: var(--color-1)  
}
/* use font awesome play icon to represent the expanded/collaped menu icon */
#header .help-ico a.helptoggle[aria-expanded='true']:after,
#header .help-ico a.helptoggle[aria-expanded='false']:after {
  font-family: FontAwesome;
  content: '\f04b';
  color: var(--color-1);
  display: inline-block;
  transform: rotate(90deg);
  font-size: 0.75rem;
  position: relative;
  left: 1em;
  top: -1px;
}
/* this ensures the icon faces up when the menu is expanded */
#header .help-ico a.helptoggle[aria-expanded='true']:after {
  transform: rotate(-90deg);
}

/* remove search */
#floating-header-content .search {
  display: none;
}
/*remove default icons */
#floating-header-content a {
  background: 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: 0.25em;
  font-size: 3rem;
  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: '\f10b';
}
/*mail icon*/
#floating-header-content li.mail a:before {
  content: '\f003';
}

@media only screen and (min-width: 768px) {
  #header .help-ico .helptoggle:hover,
  #header .help-ico a.helptoggle[aria-expanded='true']:hover:after,
  #header .help-ico a.helptoggle[aria-expanded='false']:hover:after,
  #header .help-ico .helptoggle:focus,
  #header .help-ico a.helptoggle[aria-expanded='true']:focus:after,
  #header .help-ico a.helptoggle[aria-expanded='false']:focus:after {
    background-color: #f2f2f2;
    color: var(--text-color-2);
  }
  /* link color and width for phone and email links */
  #floating-header-content a {
    color: var(--color-1);
    width: auto;
    padding: 0 1em;
  }
  /* hover colour of links in floating header */
  #header a:hover {
    color: var(--color-4);
    text-decoration: none;
  }
  /* focus colour of links in floating header */
  #header a:focus {
    color: var(--color-4);
    outline: 3px solid var(--accessibility-outline);
  }
  /*Keeping Profile and logout icon in visible colour*/
  .fa.fa-user:hover, 
  .fa.fa-user:focus, 
  .fa.fa-sign-out:hover, 
  .fa.fa-sign-out:focus
  {
      color: var(--text-color-1);
  }
}

/* 3k) site footer */
/* footer colour */
.online-two-iso #terminator #footer.footer-fullwidth {
  background-color: #ccc;
}
/* footer link color */
.online-two-iso #footer a {
  color: var(--text-color-2);
  font-size: .75rem;
}
/* copyright */
#footer-copyright {
  color: var(--text-color-2);
  font-size: 0.75rem;
  padding: 0 0 0 17px;
  margin: 9px 0;
}
/* powered by TBS */
.powered-by-tbs {
  font-size: .75rem;
  padding-left: 17px;
  margin: 8px 0;
}
@media only screen and (min-width: 768px) {
  /* display nav items in one line */
  #footer.footer-fullwidth nav ul#footer-links li {
    display: inline-block;
  }
}

/* 3l) datepickers */
/* button that launches datepicker */
.online-two-iso .datepicker-container .input-group-btn .btn,
/*datepicker on benefit statement */
.bootstrap-iso .btn.online-two-datepicker {
  background-color: var(--color-1);
  border-color: #ccc;
}
.online-two-iso .datepicker-container .input-group-btn .btn:active:hover,
.online-two-iso .datepicker-container .input-group-btn .btn:active:focus,
.bootstrap-iso .uib-datepicker .btn:hover,
.bootstrap-iso .uib-day .btn.btn-default:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success {
  border-radius: 0;
}

/* today, clear and close buttons */
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info,
.templates .uib-datepicker-popup .btn-sm.btn-info {
  background-color: var(--color-1);
  border: none;
  text-transform: uppercase;
}

.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger,
.templates .uib-datepicker-popup .btn-sm.btn-danger {
  background-color: var(--color-1);
  border: none;
  text-transform: uppercase;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success,
.templates .uib-datepicker-popup .btn-sm.btn-success {
  background-color: var(--color-4);
  border: none;
  min-width: auto;
  text-transform: uppercase;
}
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:focus,
.templates .uib-datepicker-popup .btn-sm.btn-info:hover,
.templates .uib-datepicker-popup .btn-sm.btn-info:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:focus,
.templates .uib-datepicker-popup .btn-sm.btn-danger:hover,
.templates .uib-datepicker-popup .btn-sm.btn-danger:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:focus,
.templates .uib-datepicker-popup .btn-sm.btn-success:hover,
.templates .uib-datepicker-popup .btn-sm.btn-success:focus {
  background-color: #f2f2f2;
  color: var(--text-color-2);
  text-transform: uppercase;
}
.bootstrap-iso .uib-datepicker-popup .btn-info.active,
.templates .uib-datepicker-popup .btn-info.active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:active:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-info:active:focus,
.templates .uib-datepicker-popup .btn-sm.btn-info:active,
.templates .uib-datepicker-popup .btn-sm.btn-info:active:hover,
.templates .uib-datepicker-popup .btn-sm.btn-info:active:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:active:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-danger:active:focus,
.templates .uib-datepicker-popup .btn-sm.btn-danger:active,
.templates .uib-datepicker-popup .btn-sm.btn-danger:active:hover,
.templates .uib-datepicker-popup .btn-sm.btn-danger:active:focus,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:active,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:active:hover,
.bootstrap-iso .uib-datepicker-popup .btn-sm.btn-success:active:focus,
.templates .uib-datepicker-popup .btn-sm.btn-success:active,
.templates .uib-datepicker-popup .btn-sm.btn-success:active:hover,
.templates .uib-datepicker-popup .btn-sm.btn-success:active:focus {
  background-color: var(--color-1);
  color: var(--text-color-1);
  font-size: 0.75rem;
  text-transform: uppercase;
}

/* hovering over day to be picked */
.bootstrap-iso .uib-day .btn.btn-default:hover,
.templates .uib-day .btn.btn-default:hover {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  color: var(--text-color-2);
}

/* previous, current month/year, and next buttons at top of datepicker */
.bootstrap-iso .uib-datepicker th .btn:hover,
.bootstrap-iso .uib-daypicker th .btn:hover,
.templates .uib-datepicker th .btn:hover,
.templates .uib-daypicker th .btn:hover {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
}

/* 3m) Inputs */
input:focus,
.bootstrap-iso .form-control:focus {
  border-color: var(--accessibility-outline);
  box-shadow: none;
  outline: 3px solid var(--accessibility-outline);
}

/* 3n) tables */
.bootstrap-iso .table > thead > tr > td.info,
.bootstrap-iso .table > tbody > tr > td.info,
.bootstrap-iso .table > tfoot > tr > td.info,
.bootstrap-iso .table > thead > tr > th.info,
.bootstrap-iso .table > tbody > tr > th.info,
.bootstrap-iso .table > tfoot > tr > th.info,
.bootstrap-iso .table > thead > tr.info > td,
.bootstrap-iso .table > tbody > tr.info > td,
.bootstrap-iso .table > tfoot > tr.info > td,
.bootstrap-iso .table > thead > tr.info > th,
.bootstrap-iso .table > tbody > tr.info > th,
.bootstrap-iso .table > tfoot > tr.info > th {
  background-color: var(--color-1);
  color: var(--text-color-1);
}

/*================================================================================================== 4. Login page  ==================================================================================================*/
.online-two-iso.login .LoginPageContainer #header {
  background: var(--site-header-color);
  min-height: 100px;
  padding: 0 3rem 0
}
/* forgot password link */
#wp-forgetPassword > div {
  color: var(--color-1)
}
#wp-forgetPassword > div:hover {
  text-decoration: underline;
}
#wp-forgetPassword > div:focus {
  outline: 3px solid var(--accessibility-outline);
}
/*#wp-forgetPassword {
  display: none;
}
*/
/* welcome module heading */
.online-two-iso #login-module-login-page-welcome h2 {
  font-size: 3vw;
  color: #fff;
  text-align: center;
  width: 100%;
}

/* Set font for icons in assistance module */
#login-module-need-assistance span:before {
  width: 25px;
  display: inline-block;
  font-family: Glyphicons Halflings;
  font-size: 0.875rem;
}
/* Apply icon for phone */
#login-module-need-assistance span#glyph-phone:before {
  content: '\e182';
}
/* Apply icon for email */
#login-module-need-assistance span#glyph-mail:before {
  content: '\2709';
}

@media only screen and (min-width: 768px) {
  .online-two-iso.login .LoginPageContainer #terminator {
    height: 100vh;
    position: relative;
  }
  /* login image */
  .online-two-iso.login body {
    background-image: var(--login-image);
  }
  /* login panel */
  .online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
    background: rgba(192,192,192,.75);
    border-radius: 10px
  }
  .bootstrap-iso .isLoginPage .panel {
    box-shadow: none;
  }
  .online-two-iso.login .LoginPageContainer .login-module-zone {
    min-height: auto;
    position: absolute
  }
  /* login module background colour */
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
    background-color: rgba(192,192,192,.75);
    min-height: auto;
    bottom: 0;
  }
  #login-module-welcome h2 {
    color: #fff;
    font-size: 2vw;
    width: 100%;
  }
  #login-module-need-assistance h2,
  #login-module-need-assistance .module-text{
    color: #fff;
  }
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
  .online-two-iso.login body {
    background: var(--site-header-color)
  }
  /* centering logo */
  #wrapper.isLoginPageWrapper #header #logo {
    float: none;
    margin: 0 auto;
    background-position: center;
  }
  /* margin between header and login box */
  #wrapper.isLoginPageWrapper #header {
    width: 100%;
    margin: 20px 0;
  }
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
    background: none;
  }
}

/* module widths */
@media only screen and (min-width: 1200px) {
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module#login-module-login-page-welcome {
    width: calc(85% - 450px) !important;
  }
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module#login-module-need-assistance {
    padding-left: 0;
    width: calc(15% + 450px) !important;
  }
}
#login-module-need-assistance {
  float: right;
}

/****************************************** first time user page styling ************************/
.online-two-iso .validation-caption {
  color: var(--text-color-2);
}

/****************************************** Terms page (for agreeing to terms and cookie notice) *******************************************/
.terms-conditions-cookies .terms-conditions-cookies-header {
  padding-left: 0;
}
.terms-conditions-cookies .term-condition-error,
.terms-conditions-cookies .cookie-notice,
.terms-conditions-cookies .term-enabled {
  margin-left: 0;
}
.bootstrap-iso .cookie-notice.radio input,
.bootstrap-iso .term-enabled.radio input {
  margin-top: 0;
}

.terms-conditions-cookies .term-condition-error {
  background-color: #e52321;
  color: #fff;
  border: none;
}
/* hide page header when in the modal content so title isn't duplicated */
.terms-conditions-cookies #page-header {
  display: none;
}
/* list styling for terms content for popup and for main terms page in footer */
.terms-conditions-cookies ol,
.bootstrap-iso#termsOfUse ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.terms-conditions-cookies ol > li,
.bootstrap-iso#termsOfUse ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}
.terms-conditions-cookies ol > li:before,
.bootstrap-iso#termsOfUse ol > li:before {
  content: counters(item, '.') '. ';
  display: table-cell;
  padding-right: 0.6em;
}
.terms-conditions-cookies ol.main-list > li:before,
.bootstrap-iso#termsOfUse ol.main-list > li:before {
  font-size: 1.5rem;
  padding-right: 0.25em;
}
.terms-conditions-cookies li ol > li,
.bootstrap-iso#termsOfUse li ol > li {
  margin: 0;
}
.terms-conditions-cookies li ol > li:before,
.bootstrap-iso#termsOfUse li ol > li:before {
  content: counters(item, '.') ' ';
}

/****************************************** Marketing Preferences page *******************************************/
#marketingPreference .form-data {
  padding: 0
}
#marketingPreference .content-box-border {
  width: 100%;
  background: none;
  padding: 0;
}

/* styling of the toffle switches */
.ui-buttonset .ui-button .ui-button-text {
  padding: 1px 15px;
  min-width: 100px;
}
.ui-buttonset .ui-button.ui-state-active .ui-button-text {
  background: var(--color-4)
}
.ui-buttonset .ui-button.ui-state-active .ui-button-text::before {
  font-family: FontAwesome;
  content: '\f00c';
  display: inline-block;
  transform: translateX(-.5em);
}

/*hide confirmation consent for Phone and Post on marketing preference and Profile*/
#marketingPreference label[for=chkReceivePostalMail], 
#marketingPreference label[for=chkReceivePhoneCall], 
#marketingPreference label[for=chkReceivePostalMail-yes], #marketingPreference label[for=chkReceivePostalMail-no], 
#marketingPreference label[for=chkReceivePhoneCall-yes], #marketingPreference label[for=chkReceivePhoneCall-no] {
    display: none;
}
#communicationPreferencesTab label[id="chkReceivePhoneCallHeading"],
#communicationPreferencesTab label[id="chkReceivePostalMailHeading"],
#communicationPreferencesTab [for=chkReceivePostalMail-yes], #communicationPreferencesTab label[for=chkReceivePostalMail-no], 
#communicationPreferencesTab label[for=chkReceivePhoneCall-yes], #communicationPreferencesTab label[for=chkReceivePhoneCall-no]  {
  display: none !important;
}
/*================================================================================================== 5. Home page  ==================================================================================================*/
/* remove margin on main element on home page to bring footer together with main element */
#main.home {
  margin-bottom: 0;
}

/* greeting, module and carousel heading colour */
#home-online-three .dashboard-controls #greeting-message {
    color: var(--text-color-2);
}
#home-online-three #home-integrated .module-content-header-container h3.module-content-header {
  color: var(--color-1);
}
#home-online-three #home-integrated .module-content-header-container h3.module-content-header {
  font-size: 1.75rem;
  text-align: center;
  color: var(--text-color-2);
  width: 100%;
}

/* make background colour of grid container same as for modules */
#home-online-three #home-integrated .modules-right-side.grid-container {
  background-color: #f2f2f2;
  gap: 1em;
  padding: 1em;
}
/* background and padding colour for modules */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
  background-color: #fff;
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content:focus {
  outline: 1px solid var(--accessibility-outline);
}

/* modules styling */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
  border: none;
  border-radius: 0;
  padding: 0;
}
/* calculator module button */
.homepage-calculator-button,
.homepage-button-container {
  margin-top: auto;
}

/* placeholder module styling */
/* negative margin to negate parent container padding */
.online-two-iso [class*="placeholder_"] {
  margin: -1em;
}
/* remove container housing more info icon */
[class*="placeholder_"] .module-copy > div {
  display: none;
}
/* styling for image placeholders */
[class*="placeholder_"] img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/* block colour for individual advice module */
.placeholder_finad {
  background: url(/aontotal/media/aontotal/images/Other-images-8.jpg) no-repeat right/cover;
  min-height: 320px !important;
}
/* placeholder image for Aon Privat module */
.placeholder_Privat {
  background: url(/aontotal/media/aontotal/images/Other-images-3.jpg) no-repeat center/cover;
  min-height: 320px !important;
}

/* more info icon colour on homepage module */
#home-online-three #home-integrated .module-content-header-container .online-three-module-popover-control {
  color: var(--color-1);
}
/* module content text colour */
#home-online-three #home-integrated p,
.event-summary,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light {
  color: var(--text-color-2);
}
#home-online-three #home-integrated p {
  font-size: 1.25rem;
}
/* full width buttons */
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .generic-buttons > p {
  width: 100%
}
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .generic-buttons > p {
  margin: 0;
}
[class*="home-module-"] [class*="online-two-icon-"] {
  margin-top: auto;
}
/* @media (min-width:1920px) {
  .aon-total-lite [class*="home-module-"] .online-two-icon-136::before,
  .calculator [class*="home-module-"] .online-two-icon-160::before {
    font-size: 9rem
  }
} */

/* ===========================================================================
BUTTON ALIGNMENT TO BOTTOM OF HOMEPAGE MODULE
==============================================================================
Guidelines:
Use Kentico module fields if only requiring one button on Generic module types.
If multiple buttons required on Generic module types, use Bootstrap classes of
"btn" and "btn-default" for your <a> tag, wrapped in individual <p> tags, which
in turn are wrapped in a <div> with class "generic-buttons"
============================================================================== */
@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;
    }
    /* reset certain properties to deal with pagers on claims modules */
    #home-online-three #home-integrated #make-a-claim,
    #home-online-three #home-integrated #manage-claims {
      padding-bottom: 1rem;
    }
    #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;
    }
  }
}

/* module icon styling*/
[class*='online-two-icon-']:before {
  color: var(--color-1);
  font-family: OnlineTwoIconFont;
  font-size: 7rem;
}

/*** carousel styling ***/
/* hide carousel hamburger menu */
.home-module-integrated .welcome-items {
  display: none;
}
.home-module-integrated .content {
  margin: 0;
  padding: 1em;
}

/* carousel content max-width */
.home-module-integrated #slider .sliderContainer .slide-content {
  background-color: rgba(0,0,0,.25);
  border-radius: 5px;
  margin: 1rem;
  width: calc(100% - 2rem);
}
/* remove margin around carousel content and set colour */
#home-online-three #home-integrated .home-module-integrated .content p {
  color: #fff;
}
/* carousel slide content headings */
.home-module-integrated .content h1,
.home-module-integrated .content h2,
.home-module-integrated .content h3 {
  margin-top: 0;
  color: #fff;
}
/* carousel content buttons */
.home-module-integrated #slider .sliderContainer .slide-content .content .btn {
  font-size: 0.75rem;
}
/* next and previous slide controls */
.arrowleft,
.arrowright {
  top: 100px!important;
}
/* adjust width of carousel thumbnails */
.home-module-integrated #slider .thumb .rect {
  width: 190px;
}
/* background of thumbnail container */
.home-module-integrated #slider .thumb {
  background: #ededed;
}

@media only screen and (min-width: 768px) {
  /* benefit statement payslip data item styling */
  #item-0,
  #item-1,
  #item-2 {
    width: calc(100% - 2em);
    margin-left: 1em;
    text-align: left;
    font-weight: bold;
  }
  .payslip-item-amount {
    float: right;
  }
  #item-1 {
    border-bottom: 1px solid #333;
  }
}

/*================================================================================================== 10. Profile  ==================================================================================================*/
/* hide headings on Contact and Work tabs */
html#profile body#profile .profile #profile-online-2 #contactTab P.sectionTitle, 
html#profile body#profile .profile #profile-online-2 #payrollTab P.sectionTitle {
    display: none;
}
/* headings */
.online-two-iso P.sectionTitle,
html#profile body#profile .profile #profile-online-2 #dependantsTab P.full-name,
html#profile body#profile .profile #profile-online-2 #beneficiariesTab P.full-name {
  color: var(--color-1);
}
/* buttons */
html#profile body#profile #profile-online-2 .button-style.green,
html#profile body#profile #profile-online-2 .button-style.orange,
html#profile body#profile #profile-online-2 .button-style.blue {
  background-color: var(--color-1);
  border-radius: 20px;
  color: var(--text-color-1);
}
html#profile body#profile #profile-online-2 .button-style.green:hover,
html#profile body#profile #profile-online-2 .button-style.green:focus,
html#profile body#profile #profile-online-2 .button-style.orange:hover,
html#profile body#profile #profile-online-2 .button-style.orange:focus,
html#profile body#profile #profile-online-2 .button-style.blue:hover,
html#profile body#profile #profile-online-2 .button-style.blue:focus {
  background-color: #f2f2f2;
  box-shadow: none;
  color: var(--text-color-2);
}
html#profile body#profile #profile-online-2 .button-style.green:active,
html#profile body#profile #profile-online-2 .button-style.green:active:hover,
html#profile body#profile #profile-online-2 .button-style.green:active:focus,
html#profile body#profile #profile-online-2 .button-style.orange:active,
html#profile body#profile #profile-online-2 .button-style.orange:active:hover,
html#profile body#profile #profile-online-2 .button-style.orange:active:focus,
html#profile body#profile #profile-online-2 .button-style.blue:active,
html#profile body#profile #profile-online-2 .button-style.blue:active:hover,
html#profile body#profile #profile-online-2 .button-style.blue:active:focus {
  background-color: var(--color-1);
  color: var(--text-color-1);
}
/* resetting the country selector dropdown when editing address info */
.bootstrap-iso .dropdown-toggle:before {
  background-color: transparent;
}
.bootstrap-iso .dropdown-toggle,
.bootstrap-iso .dropdown-toggle:hover,
.bootstrap-iso .dropdown-toggle:focus {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  color: #333;
  text-transform: none;
  text-align: left;
}
.bootstrap-iso .dropdown-toggle:focus {
  outline: none;
  box-shadow: 0 0 6px var(--accessibility-outline);
}

/* header overlay for adding/editing/deleting dependants/beneficiaries */
html#profile body#profile .profile #profile-online-2 .header-overlay H5 {
  font-weight: 500;
}

/* dependants tab styling */
html#profile body#profile #profile-online-2 #dependantsTab .left-taboff .sectionTitledimmedLeft,
html#profile body#profile #profile-online-2 #dependantsTab .right-taboff .sectionTitledimmed {
  color: var(--text-color-2);
}

html#profile body#profile #profile-online-2 #dependantsTab .left-tabon .sectionTitle {
  color: var(--color-4);
  border-bottom: 0.5em solid var(--color-4);
  padding-bottom: 0.25em;
}
html#profile body#profile #profile-online-2 #dependantsTab .right-tabon {
  border-bottom: 0.5em solid var(--color-4);
}
html#profile body#profile #profile-online-2 #dependantsTab .right-tabon .sectionTitledimmed {
  color: var(--color-4);
}

/* beneficiaries tab styling */
html#profile body#profile #profile-online-2 #beneficiariesTab .left-taboff .sectionTitledimmedLeft,
html#profile body#profile #profile-online-2 #beneficiariesTab .right-taboff .sectionTitledimmed {
  color: var(--color-4);
}

html#profile body#profile #profile-online-2 #beneficiariesTab .left-tabon .sectionTitle,
html#profile body#profile #profile-online-2 #beneficiariesTab .right-tabon .sectionTitle {
  color: var(--color-4);
  border-bottom: 0.5em solid var(--color-4);
  padding-bottom: 0.25em;
}
/* beneficiaries edit allocation popup */
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label {
  background-color: var(--color-1);
  border: 1px solid white;
  border-radius: 0;
  color: var(--text-color-1);
  font-size: 1rem;
  font-weight: normal;
  padding: 6px 12px;
  text-transform: uppercase;
}
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label.active {
  background-color: var(--color-1);
  box-shadow: none;
  color: var(--text-color-1);
}
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label:hover,
html#profile body#profile .profile #profile-online-2 #allocationDialog .btn-group label:focus {
  background-color: #f2f2f2;
  color: var(--text-color-2);
}

/* security tab styling */
.left-taboff,
.right-taboff {
  background: none;
}
html#profile body#profile #profile-online-2 #securityTab .left-taboff .sectionTitledimmedLeft,
html#profile body#profile #profile-online-2 #securityTab .right-taboff .sectionTitledimmed {
  color: var(--text-color-2);
}
html#profile body#profile #profile-online-2 #securityTab .left-tabon .sectionTitle,
html#profile body#profile #profile-online-2 #securityTab .right-tabon .sectionTitle {
  color: var(--color-4);
  border-bottom: 0.5em solid var(--color-4);
  padding-bottom: 0.25em;
}

/* preferences toggle button */
#communicationPreferencesTab .ui-buttonset label {
  border: 1px solid #ccc;
}
#communicationPreferencesTab .ui-buttonset .ui-button.ui-state-active .ui-button-text {
  background-color: var(--slider-toggle-color);
  background-image: none;
}
#communicationPreferencesTab .ui-buttonset .ui-button.ui-state-active .ui-button-text:before {
  font-family: FontAwesome;
  content: '\f00c';
  position: relative;
  left: -0.5em;
}

/* ensuring that the marketing preferences toggles are in alignment */
@media only screen and (min-width: 992px) {
  #communicationPreferencesTab p#marketingHeader + div.row {
    display: flex;
  }
  html#profile body#profile .profile #profile-online-2 #profilecontainer #communicationPreferencesTab .content-box-border .row .grid-cell {
    display: flex;
    flex-wrap: wrap;
  }
  html#profile body#profile .profile #profile-online-2 #profilecontainer #communicationPreferencesTab .content-box-border .row .grid-cell .ui-buttonset {
    align-self: flex-end;
  }
}

/*================================================================================================== Mailbox  ==================================================================================================*/
.k-state-selected {
  background-color: var(--color-1) !important;
}
/* save/delete popup modal */
div.tbs-modal h2 {
  color: var(--text-color-1);
  text-transform: uppercase;
}

/*================================================================================================== 12. TRS  ==================================================================================================*/
/* chart colours */
.aon-total-trs path.highcharts-color-0,
.trsdashboard .highcharts-color-0,
.trsdashboard .highcharts-legend-item.highcharts-color-0 .highcharts-point,
.aon-total-trs g.highcharts-label:nth-child(1) > text:nth-child(1) > tspan:nth-child(2),
#dashboardContainer path.highcharts-color-0,
g.highcharts-legend-item.highcharts-pie-series.highcharts-color-0 rect.highcharts-point,
.yeartext + tbs-highchart .highcharts-series-group .highcharts-color-0,
.yeartext + tbs-highchart .highcharts-legend .highcharts-legend-item.highcharts-color-0 .highcharts-point {
  fill: var(--color-4)!important;
}

.aon-total-trs path.highcharts-color-1,
.trsdashboard .highcharts-color-1,
.trsdashboard .highcharts-legend-item.highcharts-color-1 .highcharts-point,
.aon-total-trs g.highcharts-label:nth-child(2) > text:nth-child(1) > tspan:nth-child(2),
#dashboardContainer path.highcharts-color-1,
g.highcharts-legend-item.highcharts-pie-series.highcharts-color-1 rect.highcharts-point,
.yeartext + tbs-highchart .highcharts-series-group .highcharts-color-1,
.yeartext + tbs-highchart .highcharts-legend .highcharts-legend-item.highcharts-color-1 .highcharts-point {
  fill: var(--color-2)!important;
}

.aon-total-trs path.highcharts-color-2,
.aon-total-trs g.highcharts-label:nth-child(3) > text:nth-child(1) > tspan:nth-child(2),
#dashboardContainer path.highcharts-color-2,
g.highcharts-legend-item.highcharts-pie-series.highcharts-color-2 rect.highcharts-point {
  fill: var(--color-3)!important;
}

.aon-total-trs path.highcharts-color-3,
.aon-total-trs g.highcharts-label:nth-child(4) > text:nth-child(1) > tspan:nth-child(2),
#dashboardContainer path.highcharts-color-3,
g.highcharts-legend-item.highcharts-pie-series.highcharts-color-3 rect.highcharts-point {
  fill: var(--color-1)!important;
}

.aon-total-trs path.highcharts-color-4,
.aon-total-trs g.highcharts-label:nth-child(5) > text:nth-child(1) > tspan:nth-child(2),
#dashboardContainer path.highcharts-color-4,
g.highcharts-legend-item.highcharts-pie-series.highcharts-color-4 rect.highcharts-point {
  fill: var(--color-5)!important;
}

.trsdashboard .summary-myreward,
.trsdashboard .summarystatementdate{
  visibility: hidden;
}

/* tabbed navigation styling */
.desktop-tab .nav {
  border: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.desktop-tab .nav li + li {
  border-left: 1px solid #ccc
}
.trsdashboard .desktop-tab .nav-pills > li.active > a,
.trsdashboard .desktop-tab .nav-pills > li.active > a:hover,
.trsdashboard .desktop-tab .nav-pills > li.active > a:focus {
  background-color: var(--color-4);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--text-color-1);
}
.trsdashboard .desktop-tab ul li a {
  color: #4d4d4f;
}
.bootstrap-iso .nav > li > a:hover,
.bootstrap-iso .nav > li > a:focus {
  background-color: var(--color-4);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--text-color-1);
}
/* main content panel */
.desktop-tab .tab-pane {
  border: 1px solid #ccc;
  border-radius: 5px;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 1em
}

/* alignment of data group chart total between pre and post text */
.textareaChartTab .LineGroupTotal {
  display: inline-block;
}

/* vertical table styling */
.trsdashboard .table,
.trsdashboard .table > thead > tr > th,
.trsdashboard .table tbody tr td {
  border: none;
}
.trsdashboard .table {
  border: 1px solid #ccc
}
.trsdashboard .table > thead > tr > th {
  background-color: var(--color-1);
  color: var(--text-color-1);
}
.trsdashboard .table > thead > tr > th,
.trsdashboard .table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #ccc
}

/* consistent font-size as rest of the TRS */
.trsdashboard .table,
.trsdashboard .table tbody tr td {
  font-size: 1rem;
}

/* ensuring that Default components and those with Vertical Tables are aligned on the left and right consistently */
@media only screen and (min-width: 768px){
  .chart_line.row {
    margin-left: 15px;
    width: calc(100% - 30px)
  }
  .content-name {
    padding-left: 15px
  }
  .tab-pane .table-responsive {
    padding: 0 15px
  }
}

/*================================================================================================== 13. Specific popups  ==================================================================================================*/
/* 13a) forgot password */
/* progress bar colour */
.bootstrap-iso .progress-bar-success {
  background-color: var(--color-4);
  color: var(--text-color-2)
}
/* 13h) homepage more info popup */
#home-online-three .modal-content .home-dashboard .modal-header .header {
  color: #fff;
}


/****************************************** benefit intro popup **************************************/
.faq-answer {
  padding-bottom: 1em;
}

/*================================================================================================== 14. Icons  ==================================================================================================*/
/* 14a) benefit icon general coding */
/* remove background images in readiness for using icons */
/* benefit matrix */
.benefit-matrix .benefitline .benefit-menu .img,
/* see also images */
div.see-also .img,
/* life event icons */
.benefit-matrix .active-benefits .img,
/* benefits overview icons */
#benefit-overview .summaryImage .img {
  background: none;
}

/* general styling for using icons for benefits */
.benefit-matrix .benefitline .benefit-menu .img:before,
div.see-also .img:before,
#benefit-overview .summaryImage .img:before {
  font-family: OnlineTwoIconFont;
  font-size: 8rem;
  position: relative;
  top: -0.1em;
  color: var(--color-1);
}

/* icon size for 'see also' section of benefit selection page */
div.see-also .img:before {
  font-size: 3.5rem;
  top: -0.25em;
}

/* 14b) life event icon general coding */
/* background of image placeholder */
.benefit-matrix .active-benefits .img {
  width: 100%;
  height: 100%;
  margin: 0;
  background: var(--life-event-background);
}
/* general styling for using icons for events */
.benefit-matrix .active-benefits .img:before {
  font-family: OnlineTwoIconFont;
  font-size: 6rem;
  color: white;
}

/*================================================================================================== 16. My Documents  ==================================================================================================*/
/* hero image */
@media only screen and (min-width:768px) {
  .docAndLinkImage {
    width: 100%;
    height: 35vh;
    background: url(/aonone/media/Media%20Library/Images/images-02.jpg) no-repeat top/cover;
    margin-bottom: 1em;
  }
}

/* hide status and delete columns */
#tabledocuments thead th:last-child,
#tabledocuments thead th:nth-of-type(5),
#tabledocuments tbody tr td:last-child,
#tabledocuments tbody tr td:nth-child(5) {
    display: none;
}

/*table styling */
#tabledocuments th,
#tabledocuments td {
  padding: 5px;
}
#tabledocuments > thead > tr > th {
  background-color: var(--color-1);
}
a#btnNewDocument {
  display: none!important;
}


/*================================================================================================== 18. Mobile  ==================================================================================================*/
/* login module buttons */
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .mobile-buttons .btn {
  background-color: var(--color-1) !important;
}
@media only screen and (max-width: 750px) {
  /* menu icon colour */
  .fa.fa-bars,
  .fa.fa-gear {
    color: var(--text-color-1);
  }
  /* links in mobile hamburger menu */
  .online-two-iso #menu-no-dashboard li a,
  .online-two-iso #menu-no-dashboard li a.selected {
    color: var(--color-1);
  }
  /* mobile menu icons (hamburger and cog) */
  #header .main-menu-toogle:hover,
  #header .main-menu-toogle:focus,
  #header .user-toogle:hover,
  #header .user-toogle:focus {
    color: var(--text-color-1);
  }
  /* make height of greeting container auto to give proper spacing around the greeting */
  #home-online-three .dashboard-controls {
    height: auto;
  }
}
/* remove default icons applied to modules on homepage */
#home-online-three #home-integrated .modules-mobile .module-mobile i[class*='icon-'] {
  display: none;
}
/* remove duplicate module header */
#home-online-three #home-integrated .modules-mobile .module-content-header-container {
  display: none;
}
/* remove margin applied to module title and set font */
#home-online-three #home-integrated .modules-mobile .module-mobile span.module-label {
  font-family: Arial, sans-serif;
  margin-left: 0;
}
/* remove placeholder modules */
.module-mobile[class*="placeholder"] {
  display: none;
}
/* ensuring you can touch anywhere on homepage module to expand it */
#home-online-three #home-integrated .modules-mobile .title {
  position: relative
}
#home-online-three #home-integrated .modules-mobile .module-mobile span.link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
/* centre homepage module icons */
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel div[class*='online-two-icon-'] {
  text-align: center;
}
/* homepage buttons */
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy
  button.btn.btn-default {
  background-color: var(--color-4);
  border-radius: 20px;
  color: var(--text-color-1);
}
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy a.btn.btn-default,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel button.btn.btn-default {
  padding: 12px 20px;
  width: 100%;
}
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .generic-copy,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .account-copy {
  margin-top: 0;
}
/* claims modules */
#home-online-three #home-integrated .module-mobile #make-a-claim,
#home-online-three #home-integrated .module-mobile #manage-claims {
  padding-bottom: 0;
}
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .make-a-claim-copy.module-copy,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .manage-claims-copy.module-copy {
  margin: 0;
}
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .manage-claims-copy.module-copy {
  height: auto;
}
/* claims pagers */
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .tbs-module-pager .tbs-pager {
  position: static;
  transform: none;
  margin: 0.5em auto;
}

/*================================================================================================== 19. Client specific styles  ==================================================================================================*/
/* homepage module layouts 
/*FIREFOX AND CHROME MODULE LAYOUT*/
@media only screen and (min-width:768px) {
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "module-1 module-1"
      "module-2 module-2"
      "module-3 module-4"
      "module-5 module-6"
  }
}
@media only screen and (min-width:1024px) {
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
      "module-1 module-1 module-2"
      "module-3 module-3 module-4"
      "module-5 module-5 module-6";
  }
}
@media only screen and (min-width:1920px) {
  #home-online-three #home-integrated .modules-right-side.grid-container {      
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: 
      "module-1 module-1 module-2 module-2 module-3 module-3"
      "module-4 module-4 module-5 module-5 module-6 module-6"
  }
  .home-module-integrated #slider,
  .home-module-integrated #slider .sliderContainer{    
    width: calc(640px - 4em);
  }
}

/* ================================================= styling for AonToal content pages ============================================================= */
/* styling for products and contact cards */
.d-flex .card {
  width: auto;
  min-width: 0;
  min-height: 0;
  flex: 0 1 350px;
}
/* initially hide all conditional content */
[class*="-eligible"],
[class*="-eligible"].provider-card,
#benefits-policy-details tbody tr,
#benefits-policy-details .card,
#employer-contacts tbody tr,
#employer-contacts .card,
#aon-contacts tbody tr,
#aon-contacts .card {
  display: none
}

[id*="aon-total-"] #page-header div {
  display: block;
}
[id*="aon-total-"] img {
  margin-bottom: 1em;
}

.img-flip {
  transform: scaleX(-1);
}
.top-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: space-around;
  background: #f2f2f2;
  padding: .5em 1em 0;
}
@media (max-width: 767px) {
  .top-nav {
    flex-direction: column;
  }
}
.top-nav a {
  display: grid;
  place-items: center;
  padding: 0;
  margin: 0;
  color: var(--text-color-2);
  text-decoration: none;
}
.top-nav .active,
.top-nav a:hover,
.top-nav a:focus {
  color: var(--text-color-2);
  border-bottom: 5px solid var(--color-4);
  text-decoration: none;
}
.top-nav .category-icon::before {
  color: inherit;
  font-family: OnlineTwoIconFont;
  font-size: 2.5em;
  font-weight: normal;
}
.top-nav .active .category-icon::before,
.top-nav a:hover .category-icon::before,
.top-nav a:focus .category-icon::before{
  color: var(--color-4)
}

[id*="aon-total-"] .middle-row {
  background: #f2f2f2;
  padding: 15px 0;
}
[id*="aon-total-"] ul:not(.categories):not(.top-nav) li::before,
#health-insurance li::before {
  font-family: FontAwesome;
  content: '\f101';
  color: var(--color-1);
}

#benefits-policy-details {
  margin: 0
}
.categories {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: center
}
.categories.sidebar {
  justify-content: flex-start;
}
.categories li {
  flex: 0 0 200px;  
}
.categories.sidebar li {
  flex: 0 0 150px;
}
.categories .well {
  display: grid;
  place-items: center;
  min-height: 200px;
  height: 100%;
  padding: .5em;
  margin: 0;
  background: #fff;
  color: var(--text-color-2);
  text-decoration: none;
  text-align: center;
  transition: background .5s ease, color .5s ease
}
.categories.sidebar .well {
  min-height: 150px;
}
.categories a:hover,
.categories a:focus {
  background: var(--color-1);
  color: var(--text-color-1);
  outline: none;
  text-decoration: none;
}
.categories .category-icon::before {
  color: var(--color-4);
  font-family: OnlineTwoIconFont;
  font-size: 7em;
  font-weight: normal;
}
.categories.sidebar .category-icon::before {
  font-size: 3.5rem
}
.categories a:hover .category-icon,
.categories a:focus .category-icon,
.categories a:hover .category-icon::before,
.categories a:focus .category-icon::before {
  color: var(--text-color-1);
}

/* provider card styling */
.provider-card {
  background: #fff;
  border-radius: 5px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1px 1em;
}

.aonTotal-table th {
  background: var(--color-4);
  color: var(--text-color-1);
  font-weight: bold;
}
.aonTotal-table td {
  background: #fff;
}

/* pyramid images on Pension Overview and Pension AFP pages */
@media (min-width: 1920px){
  .img-responsive.pyramid {
    max-width: 65%;
  }
}
/* for images with reduced height */
.img-window {
  height: 300px;
}
.img-window img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/****************************************** Using icons for homepage/elsewhere on the site *******************************************/
/* add any additional icons from the OnlineTwoIconFont that are required */
.online-two-icon-06::before {
  content: '\e905';
}
.online-two-icon-10::before {
  content: '\e909';
}
.online-two-icon-28::before {
  content: '\e91b';
}
.online-two-icon-30::before {
  content: '\e91d';
}
.online-two-icon-37::before {
  content: '\e925';
}
.online-two-icon-39::before {
  content: '\e927';
}
.online-two-icon-43::before {
  content: '\e92b';
}
.online-two-icon-63::before{
  content: '\e93f';
}
.online-two-icon-66::before{
  content: '\e942';
}
.online-two-icon-70::before{
  content: '\e946';
}
.online-two-icon-125::before {
  content: '\e980';
}
.online-two-icon-127::before {
  content: '\e982';
}
.online-two-icon-136::before {
  content: '\e98b';
}
.online-two-icon-150::before {
  content: '\e99a';
}
.online-two-icon-160::before {
  content: '\e9a4';
}

/* hide phone number from login page */
#login-module-need-assistance .module-text br, #glyph-phone {
  display: none;
}
/* hide phone number from need assistance on homepage */
#assistanceItems .call {
  display: none;
}

/* hide sensitive data toggle from home page - delete this code if TRS is implemented */
#home-online-three .dashboard-controls .sensitive-data-toggle{
  display: none;
}

/*Contact Us Pension Link when TBS LIte Eligible and not eligible*/
.ContactUsLinkHidden {
  display: none;}

/*Maintenance button display*/
a#menu0 {
display: none;
}

/* Minification failed (line 2147, error number 1039): Token not allowed after unary operator: '-text-color-1' */