/*CSS GOES HERE*/

/*Logo*/
.LoginPageContainer #logo {
  background: none;
}

#logo {
  float: left;
  width: 200px;
  height: 65px;
  background: url(/smart/media/IMG/Logo/aon_logo_signature_red_rgb.png) center center/cover;
}

/*slider format fix*/
.jslider.percent-slider {
  display: none !important;
}

.jslider .jslider-bg i,
jslider .jslider-pointer {
  background: url(/aonselect/media/media/Aon-Portal_Percentage_bars_500x150.png) no-repeat 0 0;
}

/*Bar loader*/
.online-two-iso .bar-loader-container {
  top: 5px;
  position: relative;
  vertical-align: unset;
}

/*Generic loader by loading.io*/
.tbs-loader {
  background: url('/smart/media/IMG/Various/Double%20Ring-loader-loading.io.gif') center center/100px no-repeat;
}

#mainThrobber {
  background-image: url(/smart/media/IMG/Various/Double%20Ring-loader-loading.io.gif);
  background-size: 100px;
}

/*Login button loader*/
.loader {
  background: url(/smart/media/IMG/Various/Ellipsis-spinner-loading-io.gif) no-repeat center center/contain transparent;
  display: inline-block;
  height: 25px;
  width: 25px;
  margin-left: 5px;
  transition: all 0.5s;
}

html {
  scroll-behavior: smooth;
}

a[href^="mailto"] {
  text-transform: lowercase;
}

/*for claim pages*/
html[id*="laim"] {
  font-size: 1rem;
}

body#claim {
  padding-top: 0;
}

.align-left {
  text-align: left;
}

/*FONTS*/

/*OnlineTwoIconFont Regular*/
@font-face {
  font-family: OnlineTwoIconFont;
  font-weight: normal;
  font-style: normal !important;
  src: url('/smart/media/fonts_lib/OnlineTwoIconFontv3.eot') format('eot');
  src: url('/smart/media/fonts_lib/OnlineTwoIconFontv3.eot') format('embedded-opentype'),
    url('/smart/media/fonts_lib/OnlineTwoIconFontv3.ttf') format('truetype'),
    url('/smart/media/fonts_lib/OnlineTwoIconFontv3.woff') format('woff'),
    url('/smart/media/fonts_lib/OnlineTwoIconFontv3.svg#OnlineTwoIconFont') format('svg');
  
}

/*FontAwesome Regular*/
@font-face {
  font-family: FontAwesomeExpRegular;
  font-weight: normal;
  font-style: normal !important;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.eot') format('eot'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.ttf') format('truetype'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.woff') format('woff'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.woff2') format('woff2');
}

/*FontAwesome Solid*/
@font-face {
  font-family: FontAwesomeExpSolid;
  font-weight: normal;
  font-style: normal !important;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.eot') format('eot'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.ttf') format('truetype'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.woff') format('woff'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.woff2') format('woff2');
}

[class*="fab fa-"]::before {
  font-family: FontAwesome;
  font-style: normal;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

[class*="fab fa-"]:hover::before {
  opacity: 0.6;
}

/*FontAwesome 6.0 */
@font-face {
  font-family: FA6Regular;
  font-weight: normal;
  font-style: normal !important;
  src: url("/aonselect/media/media/fonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: FA6Solid;
  font-weight: normal;
  font-style: normal !important;
  src: url("/aonselect/media/media/fonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: FA6Light;
  font-weight: normal;
  font-style: normal !important;
  src: url("/aonselect/media/media/fonts/fa-light-300.woff2") format("woff2");
}

@font-face {
  font-family: FA6Thin;
  font-weight: normal;
  font-style: normal !important;
  src: url("/aonselect/media/media/fonts/fa-thin-100.woff2") format("woff2");
}

@font-face {
  font-family: FA6Duotone;
  font-weight: normal;
  font-style: normal !important;
  src: url("/aonselect/media/media/fonts/fa-duotone-900.woff2") format("woff2");
}

@font-face {
  font-family: FA6Brand;
  font-weight: normal;
  font-style: normal !important;
  src: url("/aonselect/media/media/fonts/fa-brand-900.woff2") format("woff2");
}

/*Google Material Icons*/
/*Regular*/
@font-face {
  font-family: 'GoogleMaterialRegular';
  font-style: normal;
  font-weight: 400;
  src: url('/smart/media/fonts_lib/GoogleMaterial/MaterialIcons-Regular.ttf') format('truetype');
}

/*Outlined*/
@font-face {
  font-family: 'GoogleMaterialOutlined';
  font-style: normal;
  font-weight: 400;
  src: url('/smart/media/fonts_lib/GoogleMaterial/MaterialIconsOutlined-Regular.otf') format('otf');
}

/*Round*/
@font-face {
  font-family: 'GoogleMaterialRound';
  font-style: normal;
  font-weight: 400;
  src: url('/smart/media/fonts_lib/GoogleMaterial/MaterialIconsRound-Regular.otf') format('otf');
}

/*Sharp*/
@font-face {
  font-family: 'GoogleMaterialSharp';
  font-style: normal;
  font-weight: 400;
  src: url('/smart/media/fonts_lib/GoogleMaterial/MaterialIconsSharp-Regular.otf') format('otf');
}

/*Sharp*/
@font-face {
  font-family: 'GoogleMaterialTwoTone';
  font-style: normal;
  font-weight: 400;
  src: url('/smart/media/fonts_lib/GoogleMaterial/MaterialIconsTwoTone-Regular.otf') format('otf');
}



/*Helvetica - Light*/
@font-face {
  font-family: HelveticaLight;
  src: url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Light.otf') format('otf'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Light.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Light.woff') format('woff'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Light.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Light.svg#Helvetica_Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Helvetica - Light Condensed*/
@font-face {
  font-family: HelveticaLightCondensed;
  src: url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Light_Condensed.otf') format('otf'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Light_Condensed.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Light_Condensed.woff') format('woff'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Light_Condensed.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Light_Condensed.svg#Helvetica_Neue_Light_Condensed') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Helvetica - Bold*/
@font-face {
  font-family: HelveticaBold;
  src: url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Bold.otf') format('otf'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Bold.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Bold.woff') format('woff'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Bold.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Bold.svg#Helvetica_Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Helvetica - Bold Condensed*/
@font-face {
  font-family: HelveticaBoldCondensed;
  src: url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Bold_Condensed.otf') format('otf'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Bold_Condensed.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Bold_Condensed.woff') format('woff'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Bold_Condensed.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Bold_Condensed.svg#Helvetica_Bold_Condensed') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Helvetica - Black*/
@font-face {
  font-family: HelveticaBlack;
  src: url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Black.otf') format('otf'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Black.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Black.woff') format('woff'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Black.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Black.svg#Helvetica_Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Helvetica - Black Condensed*/
@font-face {
  font-family: HelveticaBlackCondensed;
  src: url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Black_Condensed.otf') format('otf'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Black_Condensed.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Black_Condensed.woff') format('woff'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Black_Condensed.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Helvetica/Helvetica_Neue_Black_Condensed.svg#Helvetica_Black_Condensed') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: PreloSlab_Bold;
  src: url('/smart/media/fonts_lib/Aon/DSType-PreloSlab-Bold.otf') format('otf'),
    url('/smart/media/fonts_lib/Aon/DSType-PreloSlab-Bold.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Aon/DSType-PreloSlab-Bold.woff') format('woff'),
    url('/smart/media/fonts_lib/Aon/DSType-PreloSlab-Bold.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Aon/DSType-PreloSlab-Bold.svg#PreloSlab_Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: PreloSlab;
  src: url('/smart/media/fonts_lib/Aon/DSType-PreloSlab-Book.otf') format('otf'),
    url('/smart/media/fonts_lib/Aon/DSType-PreloSlab-Book.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Aon/DSType-PreloSlab-Book.woff') format('woff'),
    url('/smart/media/fonts_lib/Aon/DSType-PreloSlab-Book.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Aon/DSType-PreloSlab-Book.svg#PreloSlab') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: StoneSans;
  src: url('/smart/media/fonts_lib/Aon/StoneSansIIITCProBk.otf') format('otf'),
    url('/smart/media/fonts_lib/Aon/StoneSansIIITCProBk.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Aon/StoneSansIIITCProBk.woff') format('woff'),
    url('/smart/media/fonts_lib/Aon/StoneSansIIITCProBk.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Aon/StoneSansIIITCProBk.svg#StoneSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: StoneSans_Bold;
  src: url('/smart/media/fonts_lib/Aon/StoneSansIIITCProBd.otf') format('otf'),
    url('/smart/media/fonts_lib/Aon/StoneSansIIITCProBd.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Aon/StoneSansIIITCProBd.woff') format('woff'),
    url('/smart/media/fonts_lib/Aon/StoneSansIIITCProBd.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Aon/StoneSansIIITCProBd.svg#StoneSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* roboto-condensed-300 - latin */
@font-face {
  font-family: RobotoCondensedLight;
  font-style: normal;
  font-weight: 300;
  src: url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-300.eot');
  src: url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-300.eot?#iefix') format('embedded-opentype'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-300.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-300.woff') format('woff'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-300.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-300.svg#RobotoCondensedLight') format('svg');
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: RobotoCondensedBold;
  font-style: normal;
  font-weight: 500;
  src: url('/smart/media/onts/Roboto_Condensed/roboto-condensed-v19-latin-regular.eot');
  src: url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-regular.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-regular.woff') format('woff'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-regular.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-regular.svg#RobotoCondensedBold') format('svg');
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: RobotoCondensedBlack;
  font-style: normal;
  font-weight: 700;
  src: url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-700.eot');
  src: url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-700.woff2') format('woff2'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-700.woff') format('woff'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-700.ttf') format('truetype'),
    url('/smart/media/fonts_lib/Roboto_Condensed/roboto-condensed-v19-latin-700.svg#RobotoCondensedBlack') format('svg');
}

/* roboto-300 - latin */
@font-face {
  font-family: 'RobotoLight';
  font-style: normal;
  font-weight: 300;
  src: url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'RobotoBold';
  font-style: normal;
  font-weight: 500;
  src: url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'RobotoBlack';
  font-style: normal;
  font-weight: 900;
  src: url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-900.woff') format('woff'), /* Modern Browsers */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/smart/media/fonts_lib/Roboto/roboto-v29-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
  font-family: OpenSansLight;
  font-style: normal;
  font-weight: 300;
  src: url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-300.eot'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-300.woff2') format('woff2'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-300.woff') format('woff'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-300.ttf') format('truetype'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-300.svg#OpenSans') format('svg');
}

/* open-sans-600 - latin */
@font-face {
  font-family: OpenSansBold;
  font-style: normal;
  font-weight: 600;
  src: url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-600.eot'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-600.woff2') format('woff2'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-600.woff') format('woff'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-600.ttf') format('truetype'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-600.svg#OpenSans') format('svg');
}

/* open-sans-800 - latin */
@font-face {
  font-family: OpenSansBlack;
  font-style: normal;
  font-weight: 800;
  src: url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-800.eot'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-800.woff2') format('woff2'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-800.woff') format('woff'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-800.ttf') format('truetype'),
    url('/smart/media/fonts_lib/OpenSans/open-sans-v18-latin-800.svg#OpenSans') format('svg');
}

/* Helvetica Now Text - Regular*/
@font-face {
  font-family: HelveticaNowTextReg;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Text/HelveticaNowText.ttf') format('truetype');
}

/* Helvetica Now Text - Regular Italic*/
@font-face {
  font-family: HelveticaNowTextRegIt;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Text/HelveticaNowTextIt.ttf') format('truetype');
}

/* Helvetica Now Text - Light*/
@font-face {
  font-family: HelveticaNowTextLight;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Text/HelveticaNowTextLight.ttf') format('truetype');
}

/* Helvetica Now Text - Light Italic*/
@font-face {
  font-family: HelveticaNowTextLtIt;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Text/HelveticaNowTextLtIt.ttf') format('truetype');
}

/* Helvetica Now Text - Medium*/
@font-face {
  font-family: HelveticaNowTextMedium;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Text/HelveticaNowTextMedium.ttf') format('truetype');
}

/* Helvetica Now Text - Medium Italic*/
@font-face {
  font-family: HelveticaNowTextMdIt;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Text/HelveticaNowTextMdIt.ttf') format('truetype');
}

/* Helvetica Now Text - Bold*/
@font-face {
  font-family: HelveticaNowTextBold;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Text/HelveticaNowTextBold.ttf') format('truetype');
}

/* Helvetica Now Text - Bold Italic*/
@font-face {
  font-family: HelveticaNowTextBdIt;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Text/HelveticaNowTextBdIt.ttf') format('truetype');
}

/* Helvetica Now Display - Regular*/
@font-face {
  font-family: HelveticaNowTextDisplayReg;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Display/HelveticaNowDisplay.ttf') format('truetype');
}

/* Helvetica Now Display - Light*/
@font-face {
  font-family: HelveticaNowDisplayLight;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Display/HelveticaNowDisplayLight.ttf') format('truetype');
}

/* Helvetica Now Display - Medium*/
@font-face {
  font-family: HelveticaNowDisplayMedium;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Display/HelveticaNowDisplayMedium.ttf') format('truetype');
}

/* Helvetica Now Display - Bold*/
@font-face {
  font-family: HelveticaNowDisplayBold;
  font-style: normal;
  font-weight: normal;
  src: url('/smart/media/fonts_lib/Helvetica%20Now%20Display/HelveticaNowDisplayBold.ttf') format('truetype');
}




/*Leaver redirect*/
#blackPageDiv {
  background: #000;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#blackPageDiv>div {
  color: #fff;
}

#blackPageDiv>div:first-child {
  font-size: 15vw;
}

#blackPageDiv>div:nth-child(2) {
  font-size: 2vw;
}


/*ANIMATIONS*/

/***scale-up-center***/
/*.scale-up-center {
-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}*/
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
  
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
  
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

/*animation: floater 1.5s infinite linear both;*/
@-webkit-keyframes floater {
  0% {
    margin-left: 0px;
  }
  
  25% {
    margin-left: 5px;
  }
  
  50% {
    margin-left: 0px;
  }
  
  75% {
    margin-left: -2px;
  }
  
  100% {
    margin-left: 0px;
  }
}

@keyframes floater {
  0% {
    margin-left: 0px;
  }
  
  25% {
    margin-left: 5px;
  }
  
  50% {
    margin-left: 0px;
  }
  
  75% {
    margin-left: -2px;
  }
  
  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes time_pulse {
  0% {
    opacity: 1;
  }
  
  50% {
    opacity: 0.2;
  }
  
  100% {
    opacity: 0.8;
  }
}

@keyframes time_pulse {
  0% {
    opacity: 1;
  }
  
  50% {
    opacity: 0.2;
  }
  
  100% {
    opacity: 0.8;
  }
}

/*Pulse-back*/
@-webkit-keyframes pulse-back {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  
  50% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
  
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes pulse-back {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  
  50% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
  
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

/*Utilities*/
/*body {
outline: none !important;
}

:focus {
outline: none !important;
}*/

html {
  background-image: none;
  background-color: #fff;
}

html {
  overflow: hidden auto;
}

/*BODY BG*/
/*html body {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='visual' viewBox='0 0 900 600' width='900' height='600' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'%3E%3Crect x='0' y='0' width='900' height='600' fill='%23FFF'%3E%3C/rect%3E%3Cpath d='M0 288L12.5 308.5C25 329 50 370 75 390.8C100 411.7 125 412.3 150 404.7C175 397 200 381 225 370.8C250 360.7 275 356.3 300 358.8C325 361.3 350 370.7 375 345.7C400 320.7 425 261.3 450 265.5C475 269.7 500 337.3 525 343.7C550 350 575 295 600 273.8C625 252.7 650 265.3 675 275.5C700 285.7 725 293.3 750 303.2C775 313 800 325 825 317.2C850 309.3 875 281.7 887.5 267.8L900 254L900 601L887.5 601C875 601 850 601 825 601C800 601 775 601 750 601C725 601 700 601 675 601C650 601 625 601 600 601C575 601 550 601 525 601C500 601 475 601 450 601C425 601 400 601 375 601C350 601 325 601 300 601C275 601 250 601 225 601C200 601 175 601 150 601C125 601 100 601 75 601C50 601 25 601 12.5 601L0 601Z' fill='%23f9f7fd' stroke-linecap='round' stroke-linejoin='miter'%3E%3C/path%3E%3C/svg%3E");
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}*/

* {
  color: #46535e;
  font-family: HelveticaNowDisplayLight;
  font-weight: normal !important;
  scrollbar-width: thin;
  /* "auto" or "thin"  */
  scrollbar-color: #333 #aaa;
  /* scroll thumb & track */
}

/*New spinner for loading benefit intro*/
[class^="line-group"] .group-body > div .benefitline [class*="BenefitIntro"] {
  position: relative;
}

[class^="line-group"] .group-body > div .benefitline [class*="BenefitIntro"] .glyphicon-info-sign {
  font-size: 24px;
}

.benefitline .glyphicon-info-sign::before {
  position: relative;
}

[class^="line-group"] .group-body > div .benefitline [class*="BenefitIntro"] .glyphicon-info-sign .loader {
  height: 45px;
  width: 45px;
  position: absolute;
  right: -8px;
  top: -8px;
  background: url('/smart/media/IMG/Various/Spin-tile.gif') center center/cover no-repeat;
  border-radius: 50%;
}

@media (max-width: 767px) {
  * {
    font-size: clamp(0.8rem, 0.6231rem + 0.7862vw, 1rem);
  }
}


*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: 262836;
}

*::-webkit-scrollbar-thumb {
  background-color: #262836;
  border-radius: 10px;
  border: 2px solid white;
  border-radius:100px
}

#exposeMask {
  /*height: 5781px !important;*/
  position: fixed !important;
}

.bottom-margin-0 {
  margin-bottom: 0 !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

.bottom-margin-1 {
  margin-bottom: 1rem !important;
}

.bottom-margin-2 {
  margin-bottom: 2rem !important;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.indented_10 {
  margin-left: 10px;
}

.indented_20 {
  margin-left: 20px;
}

.indented_30 {
  margin-left: 30px;
}

.indented_40 {
  margin-left: 40px;
}

.webtxt_bullets {
  list-style: disc;
  margin-left: 30px;
}

.online-two-iso body {
  color: #262836;
  font-family: HelveticaNowDisplayLight;
  font-weight: normal !important;
  background-color: #FFF;
}

/*a:active,
a:focus {
outline: none !important;
}*/

.online-two-iso h1,
.online-two-iso h2 {
  color: #262836;
  font-size: 2.5rem;
  font-family: HelveticaNowDisplayBold;
}

.online-two-iso h3,
.online-two-iso h4,
.online-two-iso h5,
.online-two-iso h6 {
  font-family: HelveticaNowDisplayBold;
  color: #262836;
}

.online-two-iso h1 {
  font-size: 2.50rem;
}

.online-two-iso h2 {
  font-size: 2.25rem;
}

.online-two-iso h3 {
  font-size: 2.00rem;
}

.online-two-iso h4 {
  font-size: 1.75rem;
}

.online-two-iso h5 {
  font-size: 1.50rem;
}

.online-two-iso h6 {
  font-size: 1.25rem;
}

.glyphicon {
  color: inherit;
}

.alert-warning {
  background-color: #C9CAC8 !important;
  border: none !important;
}

.alert-warning>span {
  color: #000 !important;
}

a.button-style:focus,
A.button-style:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

input:focus {
  -webkit-box-shadow: 0 0 6px #262836;
  box-shadow: 0 0 6px #262836;
}

.see-also h5 {
  font-size: 1.5rem;
  font-family: HelveticaNowDisplayBold;
}

span.green-number {
  color: #262836 !important;
  font-size: 1rem !important;
  font-family: HelveticaNowDisplayBold !important;
}

.glyphicon-play::before {
  content: "" !important;
  font-family: FontAwesome !important;
  vertical-align: revert !important;
}

.lineset-linename::after {
  content: '\a';
  white-space: pre;
}

.lineset-linename + span {
  margin-left: 14px;
}

/*[class*="btn"]:focus {
outline: none !important;
}*/

.ImportantMessage {
  color: #E11B22;
}

.red-asterisk {
  color: #E11B22 !important;
}

.ui-tooltip {
  visibility: hidden;
}

.jslider-value.jslider-value-to {
  background-color: transparent;
}

.border-separator {
  border-bottom: 5px solid #262836;
  width: 5%;
  margin: 0 auto 2rem auto !important;
}

.content_center {
  width: auto;
  margin: 0 auto;
}

/*Reset text shadow*/
.close {
  text-shadow: none !important;
}

.link-favicon:before,
.text-favicon:before {
  font-family: FontAwesomeExpSolid;
  font-size: 1.5rem;
  margin: 0 5px 0 10px;
  display: inline-block;
  text-decoration: none;
  vertical-align: sub;
}

.link-favicon.link:before {
  content: '\f0ac';
}

.link-favicon.attch:before {
  content: '\f1c1';
}

.text-favicon.phone:before {
  content: '\f095';
}

.text-favicon.email:before {
  content: '\f0e0';
}

.text-favicon.name:before {
  content: '\f508';
}

/*loaders*/
.text-center.tbs-loader span,
.benefit-matrix #benefitintroOverlay #benifitmainThrobber {
  font-size: 2.5rem !important;
  font-family: HelveticaNowDisplayBold !important;
}

/*Hides plan names from coverage names where a specific class is used, note it shoudl be enabled for TRS*/
.hidden_plan {
  display: none;
}

.trsdashboard .hidden_plan {
  display: revert;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Page loader text*/
.benefit-matrix .row .text-center.tbs-loader>h1>span {
  font-family: HelveticaNowDisplayBold;
  font-size: 2.5rem;
}

.benefit-matrix .benefitstatement-load-container {
  margin-top: 50px !important;
}

/*Login page*/
.online-two-iso.login body {
  background: none;
}

.online-two-iso.login .LoginPageContainer #header, 
.online-two-iso.login .LoginPageContainer #wrapper {
  width: 100% !important;
}

.online-two-iso.login .LoginPageContainer #header {
  width: 60%;
  height: 100vh;
  background: rgba(229,239,240,1) url('/smart/media/IMG/Various/Images/GettyImages-1283552990-min.jpg') center center/cover no-repeat;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 751px) and (max-width: 767px) {
  .online-two-iso.login .LoginPageContainer #header {
    width: 100% !important;
  }
}

@media (max-width: 750px) {
  .online-two-iso.login .LoginPageContainer #header {
    width: 100% !important;
  }
  
  .online-two-iso.login .LoginPageContainer #main {
    width: 100% !important;
  }
}

.online-two-iso.login .LoginPageContainer #main .panel.panel-default {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
  background-color: transparent;
  border-radius: 30px;
  padding: 5rem 1rem 3rem 1rem;
}

#wp-forgetPassword > div > span {
  color: #007585;
  font-size: 0.9rem;
  transition: all 0.25s;
  text-decoration: underline transparent 0px;
  text-underline-offset: 5px;
}

#uname-addon,
#pwd-addon {
  font-size: 1rem;
  text-transform: capitalize;
  font-family: StoneSans;
  background-color: #FFFFFF;
  border-radius: 10px 0 0 10px;
  color: #004270;
  text-align: left;
  border: none;
  border-right: 1px solid #eee;
}

#username,
#password {
  font-family: StoneSans;
  font-size: 1rem;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#username:focus, #password:focus {
  outline: 2px dotted #007585;
  outline-offset: 2px;
}

@media (max-width:767px) {
  .online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
    padding: 3rem 1rem;
  }
  #loginBoxTitle::before {
    content: 'Welcome to your rewards portal'; 
    margin-bottom: 1rem;     
    font-size: 2rem !important;
    font-family: PreloSlab_Bold;
    color: #004270;
    text-align: center;
    display: inline-block;
  }
}


.input-group.input-group-lg.username {
  margin-top: 1rem;
}

.login-box {
  margin-top: 1rem;
}

#login.btn {
  background-color: #007585;
  border: none;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  font-family: HelveticaNowDisplayMedium,Arial,sans-serif;
  font-size: 18px;
  line-height: 24px;
  border-radius: 0 !important;
  text-transform: revert;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

#login.btn:hover {
  background-color: #e5eff0;
  color: #007585 !important;
  border: 1px solid #007585 !important;
  text-decoration: #007585;
}

#login.btn:focus {
  outline: 2px solid #007585;
  outline-offset: 2px;
}

#login.btn:hover:focus {
  background-color: #007585;
  color: #fff !important;
}

/*First-time user*/
.login-frst-time {
  padding-top: 1rem;
}

.password-input-group label {
  font-size: 14px;
  text-transform: uppercase;
}

/*Login Page module*/
.online-two-iso.login .LoginPageContainer #terminator {
  z-index: 2;
  position: relative;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
  width: 90%;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.online-two-iso.login .LoginPageContainer .login-module-zone {
  clear: none;
  position: absolute;
  min-height: 100%;
  top: 0;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module {
  padding: 20px 10% 20px 10%;
  width: 100% !important;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / span 2;
  -ms-grid-row: 1;
  grid-row: 1;
}

#login-module-welcome .module-title {
  font-size: 5vw !important;
  font-size: clamp(2rem, 5vw, 6rem) !important;
  font-family: PreloSlab_Bold;
  color: #004270;
}

.online-two-iso.login .LoginPageContainer #main {
  margin-top: 5%;
  margin-right: 10%;
  background: rgba(77, 77, 77, 0.5);
  border-radius: 30px;
  width: 400px;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-help {
  /*bottom: 0;
  position: relative;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*right: 0;*/
  width: 100% !important;
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 2;
  grid-row: 2;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-help * {
  color: #fff;
}

#login-modules-container #login-module-help .module-title {
  margin: 0.5rem 0 0.5rem 0;
  font-size: 1.4rem !important;
  font-family: StoneSans_Bold;
  text-align: center;
}

.online-two-iso.login .LoginPageContainer #login-module-help .module-title::before {
  content: "";
  font-family: FontAwesomeExpSolid;
  font-size: 2rem;
  color: #fff;
  padding-right: 1rem;
}

.online-two-iso #login-module-help .intro-content.text {
  margin: 0;
}

.online-two-iso.login .LoginPageContainer .icon-two-point-o-login-module-arrow-head::before,
.online-two-iso.login .LoginPageContainer .icon-two-point-o-login-module-star::before {
  content: none;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-title,
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-text {
  width: 100%;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-text {
  border-top: 1px solid #C9CAC8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0.5rem 0 1rem 0;
  padding-top: 0.5rem;
}

#login-module-welcome .module-text {
  border: none;
}

@media (max-width: 767px) {
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-text {
    width: 70%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width:1475px) {
  .online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/*.online-two-iso.login .LoginPageContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.online-two-iso.login .LoginPageContainer .login-module-zone {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}

.online-two-iso.login .LoginPageContainer #terminator {
-webkit-box-flex: 4;
-ms-flex: 4;
flex: 4;
}*/

#login-module-time_out {
  width: 40vw !important;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
}

#login-modules-container.login-modules {
  background: transparent;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 2fr 1fr;
  grid-template-rows: 2fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
}

#login-modules-container.login-modules>*:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#login-modules-container.login-modules>*:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

#login-modules-container.login-modules>*:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

#login-modules-container.login-modules>*:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

#login-modules-container.login-modules>*:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

#login-modules-container.login-modules>*:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

#login-module-time_out .module-title {
  font-size: 5vw;
  font-family: StoneSans_Bold;
}

#login-module-time_out .module-text {
  font-size: 3vw;
  font-family: StoneSans;
  padding-left: 10px;
}

#login-module-time_out .module-text a {
  font-family: StoneSans_Bold;
  text-decoration: none;
  color: #262836;
}

#login-module-time_out .module-text a:hover {
  text-decoration: underline;
}

#login-module-time_out::before {
  font-family: 'FontAwesome';
  content: '';
  font-size: 9vw;
  padding: 2vh;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media(max-width:449px) {
  .onlineTwoPointO-home .column_wrapper {
    width: 100%;
  }
}

#main.home {
  margin: 0;
}

/*Header*/
.online-three#home #terminator #header.header-fullwidth,
.online-two-iso #terminator #header.header-fullwidth {
  margin: 0;
  padding: 0;
  background: transparent;
  /*position: fixed;
  z-index: 1040;
  top: 0;*/
  height: 105px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

#logo {
  background: url('/smart/media/IMG/Logo/aon_logo_signature_red_rgb.png') center center/cover no-repeat;
  margin-top: 0.4rem;
  height: 80px;
  margin-left: 1rem;
  position: absolute;
}

#header a[href="/home"],
#headerResources {
  z-index: 5;
  position: relative;
}

/*Floating Header*/
#floating-header {
  display: none !important;
}

/*NavBar*/
#toTop {
  display: block;
  opacity: 0;
  bottom: 130px;
  right: 2%;
  background-color: transparent;
  border: none;
  font-size: 0;
  z-index: 999;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#toTop::before {
  content: '\f139';
  font-size: 2.5rem;
  font-family: FontAwesomeExpSolid;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #fff;
  border-radius: 50%;
  border: 3px solid #FFF;
}

.online-two-iso #terminator #header.header-fullwidth .menu-container.fullwidth {
  width: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  float: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  position: absolute;
  left: 0;
  margin: 0;
  top: 0 !important;
  background-color: #fff;
  height: 105px !important;
  z-index: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#menu-no-dashboard {
  margin-left: 13rem;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  border-radius: 30px;
}

@media (max-width: 750px) {
  .online-two-iso #terminator #header.header-fullwidth .menu-container.fullwidth {
    position: relative;
    height: auto !important;
    padding-bottom: 0 !important;
    top: 10px !important;
  }
  
  #menu-no-dashboard {
    margin: 0;
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border: none;
    background: #EEE;
    border-radius: 0;
  }
  
  .online-two-iso #menu-no-dashboard [id*="navtablist"] {
    margin: 0 !important;
    padding: 0 !important;
    border: none;
  }
  
  .online-two-iso #menu-no-dashboard [id*="navtablist"] a[id*="menu"] {
    margin: 0 !important;
    padding: 5px 10px !important;
    font-family: HelveticaNowDisplayMedium !important;
    border: none;
    font-size: 1rem;
    font-size: clamp(0.8rem, 0.6231rem + 0.7862vw, 1rem) !important;
    color: #FFF !important;
    border-radius: 0 !important;
  }
}

#home #terminator #header.header-fullwidth .menu-container.fullwidth {
  display: none !important;
}

.online-two-iso #menu-no-dashboard [id*="navtablist"] {
  padding: 0;
  text-align: center;
  width: auto;
  margin-right: 5px;
}

.online-two-iso #menu-no-dashboard [id*="navtablist"]:first-child {
  margin-left: 20px;
}

.online-two-iso #menu-no-dashboard [id*="navtablist"]:last-child {
  margin-right: 20px;
}

.online-two-iso #menu-no-dashboard [id*="navtablist"] a[id*="menu"] {
  padding: 1.5rem;
  color: #262836;
  background-color: transparent;
  text-decoration: none;
  font-size: 1rem;
  text-transform: capitalize;
  font-family: HelveticaNowDisplayMedium;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear;
  height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.5rem;
  border-radius: 30px;
}

.online-two-iso #menu-no-dashboard [id*="navtablist"] a[id*="menu"]:hover {
  /*-webkit-box-shadow: inset 0px -100px 0px 0px #6E267B;
  box-shadow: inset 0px -100px 0px 0px #6E267B;*/
  color: #fff !important;
  background: #6E267B;
}

.online-two-iso #menu-no-dashboard [id*="navtablist"] a[id*="menu"]:before {
  font-family: FontAwesome;
  font-size: 2rem;
  padding-bottom: 1rem;
}

.online-two-iso #menu-no-dashboard [id*="navtablist"] a[id*="menu"]:hover {
  background-color: #eee;
}

/*.online-two-iso #menu-no-dashboard [id*="navtablist"] a[id*="menu"].selected:hover {
color: #F0AB00;
}*/

#header #links {
  margin: 10px 10px 0 0;
  padding-top: 0;
}

#links a {
  margin-left: 0;
  margin-right: 0;
}

#links .fa {
  font-size: 1.6rem;
  -webkit-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear;
  font-family: FontAwesomeExpSolid;
  padding: 5px;
}

.fa-user::before {
  content: "\f2bd";
}

.fa-sign-out::before {
  content: "\f057";
}

#links .fa::after {
  font-size: 1rem;
  font-family: HelveticaNowDisplayMedium;
  vertical-align: middle;
  text-transform: capitalize;
}

#links .fa-user::after {
  content: ' Profile';
}

#links .fa-sign-out::after {
  content: ' Sign Out';
}

#links .fa:hover {
  color: #6E267B;
}

/*Profile pages*/

#wrapper.profile {
  margin-top: 5rem;
}

html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI A,
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A {
  color: #262836;
  font-size: 1.5rem;
  height: 45px;
  font-family: HelveticaNowDisplayBold;
  padding: 0 10px;
}

html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel A {
  border-bottom: solid 0.5rem #E11B22;
}

html#profile body#profile .profile #profile-online-2 span.label,
html#profile body#profile .profile #profile-online-2 label:not(.ui-button) {
  font-family: HelveticaNowDisplayMedium;
  font-size: 1.2rem;
  text-transform: capitalize;
}

html#profile body#profile .profile #profile-online-2 P.sectionTitle {
  color: #E11B22;
  font-size: 1.4rem;
  font-family: HelveticaNowDisplayMedium;
}

#dspSaveAnswer {
  border: none;
}



/*---------------------------------------------------------------------------------------------------------------*/

/*Home Page*/

/*Carousel*/
#home-carousel {
  display: none;
}

#wrapper.home {
  margin-top: 105px;
}

/*Welcome Greeting*/
.onlineTwoPointO-home #home-intro {
  font-size: calc(100% + 2.3vw);
  color: #262836;
  margin: 4rem 0 1rem 0;
  font-family: HelveticaNowDisplayMedium;
}

/*Modules list*/
.onlineTwoPointO-home .modules {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-evenly;
  background-color: #6E267B;
  height: 100px;
}

/*Modules*/
.onlineTwoPointO-home .modules .module {
  height: 65%;
  width: auto !important;
  /*border-bottom: 7px solid transparent;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 10px;
  margin: 0 2px;
  padding: 20px 12px;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.onlineTwoPointO-home .modules .module:hover {
  background-color: #262836;
}

.onlineTwoPointO-home .modules .module:hover span {
  color: #FFFFFF;
}

.onlineTwoPointO-home .modules .module.active {
  /*border-bottom: 7px solid #fff;*/
  /*border-bottom-color: #FFFFFF;*/
  background-color: #6E267B;
  
}

/*Home modules icons*/
.onlineTwoPointO-home .modules .module .circle {
  display: none;
}

/*Module labels*/
#home-modules span.module-label {
  font-size: calc(50% + 0.8vw);
  font-family: HelveticaNowDisplayBold;
  text-transform: capitalize;
  color: #fff;
  margin: 0;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 0;
  line-height: 1;
}

.onlineTwoPointO-home #home-modules.modules .module.active span.module-label {
  color: #fff !important;
}

.onlineTwoPointO-home #home-modules.modules .module span.module-label:hover {
  color: #5EB9E4;
}

/*Home - modules*/
.onlineTwoPointO-home .module-content div[id*="home-module"] {
  padding-top: 70px;
  -webkit-box-shadow: inset 250px 0px 250px 40px rgba(255, 255, 255, 0.7);
  box-shadow: inset 250px 0px 250px 40px rgba(255, 255, 255, 0.7);
  transition: none !important;
}

#home-module-benefit-statement .home-module-benefit-statement-content,
.home-module-benefit-statement .home-module-generic-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.onlineTwoPointO-home .module-content {
  height: 70vh;
  margin: 0;
  min-height: 600px;
}

#home-online-three #right-side .modules-mobile, #home-online-three #home-integrated .modules-mobile {
  margin: 0;
}

.onlineTwoPointO-home #home-modules-mobile .module-content, 
#home-online-three #home3 #home-integrated #home-modules-mobile .module-content, 
#home-online-three #home3 #home-modules-mobile .module-content, 
#home-online-three #home3 #home-modules-mobile #generic.claims.module-content {
  min-height: 550px;
  padding: 1rem !important;
}

.onlineTwoPointO-home #home-modules-mobile .module-content {
  background: transparent;
}

.onlineTwoPointO-home .modules .module.active::after {
  display: none;
}

[class^="home-module-enrolment"] .enrollment-copy .cal {
  display: none !important;
}

#module-header-maintext,
.module-header {
  font-family: HelveticaNowDisplayBold;
  font-size: calc(100% + 2vw);
  color: #fff;
  line-height: 1.1;
}

#otherCountdown,
#renewalCountdown {
  font-family: HelveticaNowDisplayLight;
  line-height: 1;
}

#otherCountdown>span,
#renewalCountdown>span {
  color: #fff;
  font-size: 2vw !important;
}

[class^="home-module-enrolment"] .enrollment-copy .days-left {
  font-size: 3vw !important;
}

[class^="home-module-enrolment"] .enrollment-copy .days-left::before {
  content: 'You have ';
  font-size: max(1.2rem, 2vw);
}

#module-header-subtext {
  font-family: HelveticaNowDisplayLight;
  opacity: 1;
  color: #fff;
  font-size: 2vw;
}

#home-module-enrolment .enrollment-copy .text-light {
  color: #fff;
}

#home-module-enrolment .enrollment-copy.full-width .event-summary {
  width: 65%;
}

/*Module backgrounds*/

/*Module background overall - global*/
/*.onlineTwoPointO-home .module-content [id^="home-module"] {
box-shadow: inset 35vw 0 0 0px rgba(77,77,77,.6);
}*/

/*Modules backgrounds colors & images*/
.onlineTwoPointO-home .module-content #home-module-enrolment {
  background: #6E267B;
}

.onlineTwoPointO-home .module-content #home-module-benefit-statement {
  background: #6E267B;
}

.onlineTwoPointO-home .module-content #home-module-generic.ben_info {
  background: #6E267B;
}

.onlineTwoPointO-home .module-content #home-module-trs {
  background: #6E267B;
}

.onlineTwoPointO-home .module-content #home-module-generic.travel_hub {
  background: #6E267B;
}

.onlineTwoPointO-home .module-content #home-module-generic.deals {
  background: #6E267B;
}

.onlineTwoPointO-home .module-content #home-module-generic.well_one {
  background: #6E267B;
}

.onlineTwoPointO-home .module-content #home-module-manage-claims,
.onlineTwoPointO-home .module-content #home-module-make-a-claim {
  background: #6E267B;
}

.onlineTwoPointO-home .module-content #home-module-generic.CompanyUpdates {
  background: #6E267B;
}

/*Module text container*/
#home-module-content>div>div {
  width: 50%;
  background: rgba(255, 255, 255, 0.7);
  padding: 2% 0% 2% 2%;
}

#home-module-content #home-module-trs>div {
  width: 100%;
}

#home-module-content .full-width {
  vertical-align: unset;
}

#home-module-enrolment .home-module-enrolment-content,
#home-module-benefit-statement .home-module-benefit-statement-content,
.home-module-benefit-statement .home-module-generic-content {
  height: 100%
}

/*Module Buttons*/
.onlineTwoPointO-home #home-module-content .btn {
  margin-top: 10px;
  background-color: transparent;
  border: 3px solid #fff;
  min-width: 200px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-height: 65px;
  position: relative;
  -webkit-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
  color: #fff;
  float: left;
  font-size: 1rem;
  padding: 12px 20px;
  text-decoration: none;
  text-transform: none;
  border-radius: 10px;
  line-height: 34px;
}

.btn.btn-travel.travelhub {
  padding: 12px 40px !important;
}

.onlineTwoPointO-home #home-module-content .btn>span {
  color: #FFF;
  font-family: HelveticaNowDisplayLight;
  font-size: 1rem;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: 1s all;
  -o-transition: 1s all;
  transition: 1s all;
  padding-left: 20px;
}

.onlineTwoPointO-home #home-module-content .btn>span::after {
  content: '';
  font-family: FontAwesome;
  padding-left: 10px;
  opacity: 0;
}

.onlineTwoPointO-home #home-module-content .btn.btn-default .info-pop::after {
  content: '';
}

.onlineTwoPointO-home #home-module-content .btn.btn-default>span:active::after {
  content: '';
  font-family: FontAwesome;
  padding-left: 10px;
  opacity: 1;
}

.onlineTwoPointO-home #home-module-content .btn .info-pop:active::after {
  content: '';
}

.onlineTwoPointO-home #home-module-content .btn:hover {
  background-color: #FFF;
  color: #262836;
}

.onlineTwoPointO-home #home-module-content .btn:hover>span {
  color: #262836;
}

/*Active module clock icon*/
#home-module-content button.btn.btn-default:focus:active span::after,
#home-module-content button.btn.btn-default:active:focus span::after,
#home-module-content button.btn.btn-default:focus span::after,
#home-module-content button.btn.btn-default:active span::after {
  content: '';
  font-family: FontAwesomeExpSolid;
  padding-left: 10px;
  vertical-align: bottom;
  -webkit-animation: time_pulse 1.3s infinite ease-in;
  animation: time_pulse 1.3s infinite ease-in;
}

#home-module-content button#portalGuide .info_pop {
  padding: 0;
}

#home-module-content button#portalGuide:active {
  box-shadow: none;
}

#home-module-content button#portalGuide:focus:active .info_pop::after,
#home-module-content button#portalGuide:active:focus .info_pop::after,
#home-module-content button#portalGuide:focus .info_pop::after,
#home-module-content button#portalGuide:active .info_pop::after,
#home-module-content button#portalGuide:focus:active .info_pop .tooltip_pop::after,
#home-module-content button#portalGuide:active:focus .info_pop .tooltip_pop::after,
#home-module-content button#portalGuide:focus .info_pop .tooltip_pop::after,
#home-module-content button#portalGuide:active .info_pop .tooltip_pop::after {
  content: none !important;
  padding: 0;
}

/*Benefit Info & Statement Module*/
#learn-about-benefits-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.onlineTwoPointO-home #home-module-content #learn-about-benefits-button .btn {
  padding: 12px 40px;
}

/*#learn-about-benefits-button .btn.btn-default {
margin-top: 25px;
margin-bottom: 10px;
}*/

#home-module-benefit-statement .benefit-statement-copy .benefit-statement-intro {
  margin-bottom: 0;
}

.onlineTwoPointO-home #home-module-content .benefit-statement-buttons .btn.btn-default {
  margin-top: 10px;
}

/*TRS Module*/
#home-module-trs .home-module-trs-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#home-module-trs .trs-buttons {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 30vw;
  position: absolute;
  top: 30%;
}

#home-module-trs .trs-copy {
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  /*padding: 0;*/
  width: 85%;
  padding-left: 0;
}

#home-module-trs .trs-copy .trs-statement-intro {
  width: 70%;
}

tbs-highchart {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: end;
  /*height: 350px !important;*/
  /*position: relative;*/
  -webkit-transform: scale(2)
    /*translate(-150px,-140px)*/
    ;
  -ms-transform: scale(2)
    /*translate(-150px,-140px)*/
    ;
  transform: scale(2)
    /*translate(-150px,-140px)*/
    ;
  width: 100% !important;
}

tbs-highchart * {
  color: #fff;
}

.home-module-trs-content .highcharts-label.highcharts-data-label text {
  display: none;
}

/*Pension data Module*/
.pension-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.sensitive_data #module-header-maintext {
  margin: 0;
}

.data-block {
  flex: 1 1 20%;
  display: flex;
  align-items: start;
  flex-direction: column;
  background-color: #5D6D78;
  padding: 1rem;
  border-radius: 10px;
  color: #fff;
}

.data-block .icon {
  font-family: OnlineTwoIconFont;
  font-size: 3rem;
  padding-top: 1rem;
  color: inherit;
}

.data-block.fund .icon::before {
  content: '\e91f';
}

.data-block.contr .icon::before {
  content: '\e94f';
}

.data-block.age .icon::before {
  content: '\e960';
}

.data-block.projected-fund .icon::before {
  content: '\e95e';
}

.data-item {
  font-size: 1rem;
  text-align: left;
  color: inherit;
}

.data-item .title {
  font-family: StoneSans_Bold;
}

#module-header-subtext .data-item .title {
  height: 4rem;
  color: inherit;
}

.data-item .calc-field {
  font-size: 1.75rem;
  font-family: PreloSlab_Bold;
  color: inherit;
}

.sensitive_data .generic-copy.module-copy,
.articles .generic-copy.module-copy {
  min-height: 50vh;
  justify-content: start;
}

.onlineTwoPointO-home .module-content #home-module-generic {
  background: url('/smartfuture/media/IMG/GettyImages-1141196125-min.jpg') center center/cover;
}

.grid-container .sensitive_data .home-module-generic-content .content-text {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 95%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60%;
  background: rgba(0,0,0,0.5);
}

@media only screen and (max-device-width:1080px) {
  .grid-container .sensitive_data .home-module-generic-content .content-text {
    justify-content: center;
    width: 100%;
  }
}


/*Travel Hub Module*/
#travel-hub-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#travel-hub-buttons button {
  margin-top: 10px !important;
}

#travel-hub-buttons #travel {
  float: left;
  padding-right: 10px;
}

/*WellOne module scores*/

#wellone-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
  max-width: 55%;
  min-width: 400px;
}

#wellone-container .score {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 10px;
  padding: 0.5rem 1rem;
  height: 100%;
}

#wellone-container .score:nth-child(2) {
  margin-left: 1rem;
}

#wellone-healthscore {
  background-color: #5EB9E4;
}

#wellone-finscore {
  background-color: #5EB9E4;
}

.progress-bars-container>p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #fff;
}

#wellone-container .score-title {
  color: #fff;
  font-family: HelveticaNowDisplayLight;
  font-size: 1.3rem;
}

#wellone-container .total-score {
  color: #fff;
  font-family: HelveticaNowDisplayMedium;
  font-size: 3rem;
  font-size: clamp(1rem, 4vw + 1rem, 3rem);
}

#wellone-container .total-score:before {
  font-family: FontAwesome;
}

#wellone-container #wellone-healthscore .total-score::before {
  content: '\f004';
  color: #eb0017;
}

#wellone-container #wellone-finscore .total-score::before {
  content: '\f201';
  color: #007585;
}

.progress-bars-container .progress {
  position: relative;
  height: 20px;
  background: #003F72;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  margin-bottom: 0.5rem;
}

.progress-bars-container .progress>span {
  display: block;
  height: 100%;
  background-color: rgb(255, 255, 255);
  background-image: -o-linear-gradient(bottom, rgb(255, 255, 255) 37%, rgb(255, 255, 255) 69%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(37%, rgb(255, 255, 255)), color-stop(69%, rgb(255, 255, 255)));
  background-image: linear-gradient(to top, rgb(255, 255, 255) 37%, rgb(255, 255, 255) 69%);
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
  text-align: center;
  color: #003F72;
  font-family: HelveticaNowDisplayMedium;
  font-size: 12px;
}

/*WellOne - mobile*/

@media (min-width:300px) and (max-width:766px) {
  #wellone-container {
    min-width: auto !important;
    max-width: 100% !important;
  }
  
  #wellone-container .score {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}


/*Claims module*/

#home-module-make-a-claim .home-module-make-a-claim-content {
  width: 100%;
  height: 100%;
}

#home-module-make-a-claim .make-a-claim-copy {
  display: block;
}

#home-module-make-a-claim .make-a-claim-intro {
  /*position: relative;*/
  /*margin-bottom: 0 !important;*/
}

#home-module-make-a-claim .make-a-claim-buttons {
  float: left;
}

#home-module-make-a-claim .make-a-claim-copy .make-a-claim-information {
  height: auto !important;
}

.onlineTwoPointO-home #home-module-make-a-claim .make-a-claim-buttons button {
  float: left;
  right: 0%;
}

/*Static container*/
/*This container is enabled through SDA if required*/
#home-content-bottom {
  display: none;
}

#home-content-bottom *,
#content-online2 * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#content-online2 .contentSlider {
  margin-top: 1rem;
}


#home-content-bottom .global_container_text {
  text-align: center;
  padding: 4rem 0 0 0;
  width: 75%;
  width: 75vw;
}

#home-content-bottom .global_container_text h2 {
  line-height: 1;
  margin-bottom: 1rem;
}

#home-content-bottom .global_container_text p {
  line-height: 1.5;
  max-width: 70ch;
  margin: 0 auto 1rem auto;
}

#content-online2 .global_container_text {
  padding: 0;
  text-align: center;
  width: 50%;
  width: 50vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 2rem;
}

#content-online2 .global_container_text * {
  margin-bottom: 2rem;
  font-size: clamp(100%, 4rem, 3vw);
}

#home-content-bottom .global_container_text h1,
#content-online2 .global_container_text h1 {
  padding-bottom: 1rem;
}

#homepage-text,
#content-online2 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 65vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

[action^="/LifestyleSavings/"] #content-online2 {
  position: relative;
}

#home-content-bottom .global_container_text p,
#content-online2 .global_container_text p {
  font-size: 1.25rem;
  font-size: min(1.8vw, 1.5rem);
  font-size: clamp(0.8rem, 1.8vw, 1.5rem);
}

/*Static container - sliderEffect*/
/*.sliderEffect_Container {
width: 100%;
height: 90vh;
}

.sliderEffect {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background: #000;
}

.sliderEffect ul {
margin: 0 0 40px;
padding: 0;
position: relative;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
}

.sliderEffect ul li {
list-style: none;
margin: 0 0 40px;
}

.sliderEffect ul li .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: transform 0.5s;
transform: rotateY(90deg);
transform-origin: left;
}

.sliderEffect ul li input [type="radio"] {
position: relative;
z-index: 1;
height: 20px;
width: 20px;
}

.sliderEffect ul li input [type="radio"]:checked ~  .slide {
transition: transform 0.5s;
transform: rotateY(0deg);
transform-origin: right;
}

.sliderEffect ul li .slide .content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: rgba(77,77,77,0.9);
padding: 40px;
color: #fff;
}

.sliderEffect ul li .slide .content h2 {
padding: 0;
margin: 0;
font-size: 2vh;
}

.sliderEffect ul li .slide .content p {
font-size: 1vh;
}

.sliderEffect ul li .slide .bg_img {
position: absolute;
top: 0;
left: 0;
}

.sliderEffect ul li .slide .bg_img .bg_img1 {background: url(/smart/media/IMG/endurance-female-fit-40751.jpg) cover;}
.sliderEffect ul li .slide .bg_img .bg_img2 {background: url(/smart/media/IMG/bright-bulb-close-up-electricity-383673.jpg) cover;}
.sliderEffect ul li .slide .bg_img .bg_img3 {background: url(/smart/media/IMG/selective-focus-of-a-boxer-s-fist-3562117.jpg) cover;}
.sliderEffect ul li .slide .bg_img .bg_img4 {background: url(/smart/media/IMG/beach-bench-dawn-lake-340705.jpg) cover;}
.sliderEffect ul li .slide .bg_img .bg_img5 {background: url(/smart/media/IMG/background-beverage-brown-414645.jpg) cover;}

.sliderEffect ul li input [type="radio"]:checked ~  .slide .bg_img {
animation: img_zoom 40s linear infinite;
}

@keyframes img_zoom {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}*/

/*Static Container - tiles*/
.content_bg_container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-bottom: 2rem !important;
}

.contentContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 85%;
  min-height: 60%;
  min-height: 60vh;
  gap: 3rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contentContainer .box {
  position: relative;
  min-width: 280px;
  min-height: 55vh;
  background: #262836;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
}

.contentContainer .box .backgroundBx {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contentContainer .box .backgroundBx.backgroundBx-left {
  background: url(/smart/media/IMG/Hero/A/hero_left.jpg) center center/cover;
}

.contentContainer .box .backgroundBx.backgroundBx-middle {
  background: url(/smart/media/IMG/Hero/A/hero_middle.jpg) center center/cover;
}

.contentContainer .box .backgroundBx.backgroundBx-right {
  background: url(/smart/media/IMG/Hero/A/hero_right.jpg) left center/cover;
}

#home-content-bottom .contentContainer .box .backgroundBx_title {
  background-color: rgb(77, 77, 77);
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#home-content-bottom .contentContainer .box:hover .backgroundBx_title {
  opacity: 0;
}

#home-content-bottom .backgroundBx_title h2 {
  color: #fff;
  padding: 10px 20px;
}

.contentContainer .box .contentBx {
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: 5%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(77, 77, 77, 0.8);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}

.contentContainer .box:hover .contentBx {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

#home-content-bottom .contentContainer .box .contentBx .content {
  position: relative;
  padding: 20px 30px;
  opacity: 0;
}

#home-content-bottom .contentContainer .box:hover .contentBx .content {
  opacity: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

#home-content-bottom .contentContainer .box .contentBx .content h2 {
  color: #fff;
  margin-bottom: 10px;
  font-family: HelveticaNowDisplayMedium;
  line-height: 1;
}

#home-content-bottom .contentContainer .box .contentBx .content p {
  color: #fff;
  font-size: 1rem;
  font-size: clamp(0.9rem, 0.8458rem + 0.2410vw, 1rem);
}

.contentBtn {
  margin-top: 5% !important;
}

.heroSection .contentBtn {
  margin-top: 10% !important;
}

.contentBtn .btn.btn-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  width: 150px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-family: HelveticaNowDisplayLight;
}

.heroSection .contentBtn .btn.btn-success {
  border-color: #262836;
  color: #262836;
}

.contentBtn .btn.btn-success:hover {
  background-color: #fff;
  color: #262836;
  border: 2px solid #fff;
  font-family: inherit;
}

.heroSection .contentBtn .btn.btn-success:hover {
  color: #fff;
  background-color: #262836;
}

/*Static container - slider*/
.contentSlider {
  width: 100%;
  position: relative;
}

.sliders {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 90vh;
  background: #fff;
  margin: 0;
  padding: 0;
}

.sliders .slide {
  list-style: none;
  position: relative;
  width: 20%;
  height: 100%;
  border-right: 1px solid #000;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
  overflow: hidden;
}

.sliders .slide.slide-1 {
  background: url(/smart/media/IMG/endurance-female-fit-40751.jpg);
}

.sliders .slide.slide-2 {
  background: url(/smart/media/IMG/adult-blonde-city-life-808700.jpg);
}

.sliders .slide.slide-3 {
  background: url(/smart/media/IMG/adventure-beach-blue-386025.jpg);
}

.sliders .slide.slide-4 {
  background: url(/smart/media/IMG/beautiful-caucasian-connection-914931.jpg);
}

.sliders .slide.slide-5 {
  background: url(/smart/media/IMG/high-angle-photography-of-two-person-walking-beside-road-1383782.jpg);
}

#home-content-bottom .sliders .slide,
#content-online2 .sliders .slide {
  background-size: cover;
  background-position-x: left;
  background-position-y: top;
  background-repeat: no-repeat;
}

.sliders:hover .slide {
  width: 10%;
}

.sliders .slide:hover {
  width: 60%;
}

.slideHead_container {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background: rgba(77, 77, 77, 0.6);
  color: #fff;
  position: absolute;
  width: 100%;
  top: 70%;
  height: 100%;
}

.sliders:hover .slideHead_container {
  opacity: 0;
}

#home-content-bottom .slideHead,
#content-online2 .slideHead {
  color: inherit;
}

#home-content-bottom .sliders .slide .slideContent,
#content-online2 .sliders .slide .slideContent {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(77, 77, 77, 0.6);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  opacity: 0;
  padding: 10px 20px 30px 20px;
  min-height: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}



#home-content-bottom .sliders .slide:hover .slideContent,
#content-online2 .sliders .slide:hover .slideContent {
  bottom: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  opacity: 1;
}

#home-content-bottom .slideContent_header,
#home-content-bottom .slideContent_text,
#content-online2 .slideContent_header,
#content-online2 .slideContent_text {
  color: inherit;
  padding-bottom: 20px;
}

.slideContent_text {
  font-size: 1.2rem;
}

/*Hero Slider*/
#home-content-bottom .heroSection,
#content-online2 .heroSection {
  position: relative;
  width: 100%;
  margin-top: 10px;
}

.heroContainer {
  width: 100%;
  height: 65vh;
  overflow: hidden;
  background: url(/smart/media/IMG/beautiful-caucasian-connection-914931.jpg) center top/cover;
  background-attachment: fixed !important;
}

.heroContainer .column {
  width: 20%;
  height: 100%;
  float: left;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}

.heroContainer .column:last-child {
  border-right: none;
}

.heroContainer .column .content {
  position: relative;
  height: 100%;
  z-index: 3;
}

.heroContainer .column .content h1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.4);
  font-size: 6vh;
  line-height: 20vh;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.heroContainer .column .content .box {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px !important;
  background: rgba(255, 255, 255, 1);
  text-align: center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.heroContainer .column.active .content .box {
  opacity: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.heroContainer .column .content .box h2 {
  margin: 0;
  font-size: 30px;
  color: #262836;
}

.heroContainer .column .content .box p {
  color: #262836;
  font-size: clamp(0.8rem, 0.6800rem + 0.5333vw, 1rem);
  width: 90%;
}

.heroSection .heroContainer .column .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}

.heroContainer .column.active .bg {
  z-index: 1;
}

/*.heroContainer .column.active .bg.bg-1 {
background: url(/smart/media/IMG/endurance-female-fit-40751.jpg);
background-size: cover;
background-attachment: fixed;
background-position: center;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.heroContainer .column.active .bg.bg-2 {
background: url(/smart/media/IMG/contemporary-dark-data-669996.jpg);
background-size: cover;
background-attachment: fixed;
background-position: center;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.heroContainer .column.active .bg.bg-3 {
background: url(/smart/media/IMG/adventure-beach-blue-386025.jpg);
background-size: cover;
background-attachment: fixed;
background-position: center;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.heroContainer .column.active .bg.bg-4 {
background: url(/smart/media/IMG/high-angle-photography-of-two-person-walking-beside-road-1383782.jpg);
background-size: cover;
background-attachment: fixed;
background-position: center;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}*/

/*remove - add dependants to all benefits*/
.dependant-cell.add.is-auto-add {
  display: none;
}

/*datepicker buttons & confrm toggle - exclusion*/
.btn.btn-default.btn-sm,
.btn.btn-default.button-date-picker {
  -webkit-animation-name: none;
  animation-name: none;
}

.btn.btn-default.btn-lg.ng-pristine.ng-untouched.ng-valid.ng-not-empty,
.btn.btn-default.btn-lg.ng-untouched.ng-valid.ng-not-empty.active.ng-dirty.ng-valid-parse,
.btn.btn-default.btn-lg.ng-untouched.ng-valid.ng-not-empty.ng-dirty {
  -webkit-animation-name: none;
  animation-name: none;
}

.btn-group.confirmagreementbtngroup .btn.btn-default.active span {
  color: #fff;
}

/*Buttons on enrollment module*/
#event-active,
#event-inactive,
#event-renewal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden !important;
}

/*Benefit Statement module*/
#home-module-benefit-statement .home-module-benefit-statement-content,
.home-module-benefit-statement .home-module-generic-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.payslip-item-name {
  color: #fff;
}

.payslip-item-amount {
  color: #fff !important;
}

#home-module-benefit-statement .benefit-statement-copy .payslip-item-data #item-0 {
  font-size: 1.3vw;
}

#home-module-benefit-statement .benefit-statement-copy .payslip-item-data #item-1 {
  width: 100% !important;
}

#benefit-statement-chart-container {
  display: none;
}

.benefit-statement-information {
  width: 30vw;
  display: none;
}

#home-module-benefit-statement .benefit-statement-copy .payslip-item-data [id^="item-"] .payslip-item-name {
  display: inline !important;
}



/*Generic module*/
#home-module-generic .home-module-generic-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
}

.onlineTwoPointO-home .module-content [class*="-buttons"] {
  display: inherit;
  width: 100%;
}

/*Specific CSS for buttons on insurance deals*/
#insurance-deals-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#insurance-deals-buttons input:not(:first-child) {
  margin-top: 10px !important;
}




/*Alternative Online 3.0 homepage*/
#home-online-three {
  width: 1420px !important;
  margin: 0 auto !important;
  float: none !important;
  padding-top: 1rem !important;
}

@media screen and (max-width: 1600px) {
  #home-online-three {
    width: 95% !important;
  }
}

[action*="ome3"] #wrapper.wrapper-fullwidth.home {
  padding-bottom: 2rem;
}

#home-online-three .dashboard-controls {
  margin: 2rem 0;
  position: relative;
  height: 150px;
}

@media (max-width: 766px) {
  #home-online-three .dashboard-controls {
    height: auto;
    margin: 0;
  }
}

#home-online-three .dashboard-controls #greeting-message {
  font-size: clamp(1.2rem, 1.0137rem + 0.8279vw, 2rem);
  background-position-x: center;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1rem 2rem;
  border-radius: 15px;
  height: auto;
}

@media (max-width: 766px) {
  #home-online-three .dashboard-controls #greeting-message {
    padding: 1rem;
  }
}

#home-online-three #home3 .dashboard-controls .sensitive-data-toggle {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: fixed;
  top: 100px;
  z-index: 1;
  right: 0;
  margin: 0;
  padding: 10px 10px 10px 20px;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 766px) {
  #home-online-three #home3 .dashboard-controls .sensitive-data-toggle {
    top: 50px;
  }
}

#home-online-three #home3 .dashboard-controls .sensitive-data-toggle .caption {
  cursor: -webkit-grab;
  cursor: grab;
}

@media screen and (min-width: 1279px) {
  #home-online-three #home3 .dashboard-controls .sensitive-data-toggle online-two-toggle {
    margin-right: -70px;
    opacity: 0;
    -webkit-transition: all 0.5s linear 0.25s;
    -o-transition: all 0.5s linear 0.25s;
    transition: all 0.5s linear 0.25s;
  }
}

#home-online-three #home3 .dashboard-controls .sensitive-data-toggle online-two-toggle {
  margin-top: -3px;
  height: 23px;
}

#home-online-three #home3 .dashboard-controls .sensitive-data-toggle:hover online-two-toggle {
  margin-right: 0;
  opacity: 1;
}


#home #home-online-three #home3 .grid-item-0 {
  display: none !important;
}

#home #home-online-three #home3 .grid-container > .grid-item-9 {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: module-10;
}

#home #home-online-three #home3 .grid-container {
  -ms-grid-columns: 1fr 2rem 1fr 2rem 1fr 2rem 1fr;
  grid-template-columns: repeat(4,1fr);
  -ms-grid-rows: 700px 2rem minmax(400px,auto) 2rem minmax(500px,auto) 2rem minmax(300px,auto) 2rem auto;
  grid-template-rows: 700px minmax(400px,auto) minmax(500px,auto) minmax(300px,auto) auto;
  grid-template-areas: 
    "module-2 module-2 module-3 module-3"
    "module-4 module-9 module-7 module-8" 
    "module-6 module-6 module-5 module-5"
    "module-10 module-10 module-10 module-10";
  gap: 2rem;
  background: none;
}

@media screen and (max-width: 1279px) {
  #home #home-online-three #home3 .grid-container {
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2,1fr);
    -ms-grid-rows: minmax(600px,auto) 1rem minmax(400px,auto) 1rem minmax(300px,auto) 1rem minmax(300px,auto) 1rem minmax(400px,auto) 1rem auto;
    grid-template-rows: minmax(600px,auto) minmax(400px,auto) minmax(300px,auto) minmax(300px,auto) minmax(400px,auto) auto;
    grid-template-areas: 
      "module-2 module-2" 
      "module-3 module-3"
      "module-4 module-8" 
      "module-9 module-7"
      "module-6 module-5"
      "module-10 module-10";
    gap: 1rem;
  }
  #home #home-online-three #home3 .grid-container > .grid-item-9 {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

@media screen and (max-width: 859px) {
  #home #home-online-three #home3 .grid-container {
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2,1fr);
    -ms-grid-rows: minmax(600px,auto) 1rem minmax(400px,auto) 1rem minmax(300px,auto) 1rem minmax(300px,auto) 1rem minmax(300px,auto) 1rem minmax(400px,auto) 1rem auto;
    grid-template-rows: minmax(600px,auto) minmax(400px,auto) minmax(300px,auto) minmax(300px,auto) minmax(300px,auto) minmax(400px,auto) auto;
    grid-template-areas: 
      "module-2 module-2" 
      "module-3 module-3"
      "module-4 module-8" 
      "module-9 module-7"
      "module-6 module-6"
      "module-5 module-5"
      "module-10 module-10";
    gap: 1rem;
  }
  #home #home-online-three #home3 .grid-container > .grid-item-9 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  } 
}

#home-online-three #right-side, 
#home-online-three #home-integrated {
  border: none;
}

#home #home-online-three #home3 .module-content-header-container {
  display: none !important;
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .module-copy, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .module-copy {
  text-align: left;
}

#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content, 
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  background-color: transparent;
}

.bootstrap-iso .btn.btn-primary, 
.bootstrap-iso .btn.btn-danger, 
.bootstrap-iso .btn.btn-info, 
.bootstrap-iso .btn.btn-default, 
.bootstrap-iso .btn.btn-warning, 
.bootstrap-iso .btn.btn-success, 
.bootstrap-iso .btn.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, .benefitselect .button-style#byo-saveAndClose, 
.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, 
#allocationDialog .add-beneficiary, .fsaClaimSubmitContainer .btn-primary, 
#StatementAndClaimSubmit .btn {
  padding: 10px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

input.btn.btn-default {
  height: auto;
}

#home-online-three #otherCountdown span, 
#home-online-three #renewalCountdown span {
  display: inline;
  vertical-align: bottom;
}

#home-online-three #otherCountdown, #home-online-three #renewalCountdown {
  font-size: clamp(1.2rem, 0.7875rem + 1.8333vw, 1.75rem);
}

#home-online-three #module-header-subtext {
  padding: 2rem 0 1rem 0;
  font-size: clamp(1.2rem, 0.7875rem + 1.8333vw, 1.75rem);
  line-height: 1.2;
}

#home-online-three #enrolment #module-header-subtext {
  display: block !important;
}

#home3 .module-content.well_one #module-header-subtext {
  width: 65%;
  display: block !important;
}

#home3 .modules-mobile .module-content.well_one #module-header-subtext {
  width: 100%;
}

#GenericModule-buttons,
.benefit-statement-buttons {
  position: absolute;
  bottom: 15px;
}

#generic.module-placeholder > div, 
#generic.module-placeholder > div > div, 
#generic.module-placeholder > div > div > div,
#generic.module-placeholder > div > div > div > div{
  height: 100% !important;
}

#generic.home-module-enrolment.module-placeholder > div > div > div > div {
  height: 100% !important;
  position: relative;
}

#generic .generic-buttons {
  position: absolute;
  bottom: 0;
}

#generic.well_one .generic-buttons {
  position: relative;
}

#home-online-three #otherCountdown .days-left,
#home-online-three #renewalCountdown .days-left,
#home-online-three #otherCountdown span, 
#home-online-three #renewalCountdown span,
#home-online-three #otherCountdown span:before, 
#home-online-three #renewalCountdown span:before {
  font-size: inherit !important;
}

#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content .module-content#trs > div,
#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content .module-content#trs > div > div,
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#trs > div,
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#trs > div > div,
#home-online-three #home3 #home-integrated #trs .home-module-trs-content,
#home-online-three #home3 #home-integrated #trs .trs-copy,
#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content .module-content.trs > div,
#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content .module-content.trs > div > div,
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.trs > div,
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content .module-content.trs > div > div,
#home-online-three #home3 #home-integrated .trs .home-module-generic-content,
#home-online-three #home3 #home-integrated .trs .module-copy {
  height: 100%;
}

#home-online-three #home3 #home-integrated #trs .trs-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#home-online-three #home3 #home-integrated #trs .trs-statement-intro {
  width: 100%;
}

@media screen and (max-width: 1279px) {
  #home-online-three #home3 #home-integrated #trs .trs-copy {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  #home-online-three #trs #module-header-subtext {
    width: 100% !important;
    padding-top: 1rem;
    margin-bottom: 1rem;
  }
  
  #home-online-three .trs #module-header-subtext {
    width: 100% !important;
    padding-top: 1rem;
    margin-bottom: 1rem;
  }
  
  #home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-1, 
  #home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-1 {
    background-position-y: top;
  }
  
  #home3 #enrolment .heading-text {
    margin-top: 2rem;
  }
}

#home3 .highcharts-title span {
  font-size: 1rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#home3 .highcharts-title br {
  display: none;
}

#home-online-three #trs #module-header-subtext {
  display: block !important;
  width: 90%;
}

#home-online-three #generic.trs .content-text {
  width: 85%;
}

#home #home-online-three #home3 tbs-highchart {
  display: block !important;
  width: 50% !important;
  margin: 0 auto !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  float: none;
}

#home3 .highcharts-container {
  width: 100% !important;
  top: -10% !important;
}

#home-online-three #right-side .home-module-trs-content [class*="sensitive"], 
#home-online-three #home-integrated .home-module-trs-content [class*="sensitive"] {
  height: 100%;
  width: 100%;
  position: relative;
  text-align: left;
}

#home-online-three #right-side .hide-sensitive, 
#home-online-three #home-integrated .hide-sensitive {
  filter: blur(10px);
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
}

@media (max-width: 767px) {
  #home-module-make-a-claim .make-a-claim-copy .make-a-claim-data .account-details span.make-a-claim-account-amount {
    width: 100%;
    text-align: left;
  }
}

#home3 .trs-buttons {
  position: absolute;
  bottom: 2rem;
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default {
  margin: 5px 0 0 0 !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: clamp(0.8rem, 0.7534rem + 0.2070vw, 1rem);
}

#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content .module-content,
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
  border: none;
  height: 100%;
  padding: 1rem 2rem;
  border-radius: 15px;
}

#home #home-online-three #home3 #module-header-maintext, 
#home #home-online-three #home3 .module-header {
  font-size: clamp(1.5rem, 1.1642rem + 1.4925vw, 2.75rem);
}

/*@media screen and (max-width: 1279px) {
#home #home-online-three #home3 #module-header-maintext, 
#home #home-online-three #home3 .module-header {
margin-top: 2rem;
}
}*/

#home3 #enrolment .heading-text {
  margin-top: 0;
}

#home3 .benefit-statement-copy.module-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .benefit-statement-buttons .btn.btn-default, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .benefit-statement-buttons .btn.btn-default {
  margin: 0 !important;
}

#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content #enrolment .home-module-enrolment-content, 
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment .home-module-enrolment-content,
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content .home-module-enrolment.module-placeholder .home-module-generic-content {
  max-width: 60% !important;
}

#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content #enrolment > div, 
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment > div,
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content .home-module-enrolment.module-placeholder > div,
#home-online-three #home3 #home-modules-mobile #enrolment > div,
#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content #enrolment > div > div, 
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment > div > div,
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content .home-module-enrolment.module-placeholder > div > div,
#home-online-three #home3 #home-modules-mobile #enrolment > div > div,
#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content #enrolment .home-module-enrolment-content, 
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment .home-module-enrolment-content, 
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content .home-module-enrolment.module-placeholder .home-module-generic-content,
#home-online-three #home3 #home-modules-mobile #enrolment .home-module-enrolment-content,
#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content #enrolment .enrollment-copy, 
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment .enrollment-copy,
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content .home-module-enrolment.module-placeholder .enrollment-copy,
#home-online-three #home3 #home-modules-mobile #enrolment .enrollment-copy {
  height: 100% !important;
}

#home-online-three #home3 #right-side .modules-right-side.grid-container .grid-item-content #enrolment .enrollment-copy,
#home-online-three #home3 #home-integrated .modules-right-side.grid-container .grid-item-content #enrolment .enrollment-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#home3 #benefit-statement > div, 
#home3 #benefit-statement > div > div, 
#home3 #benefit-statement > div > div > div, 
#home3 #benefit-statement > div > div > div .benefit-statement-copy.module-copy, 
#home3 #benefit-statement > div > div > div #benefit-statement-intro-datatext {
  height: 100%;
}

#home3 #benefit-statement #benefit-statement-intro-datatext {
  position: relative;
}

#home3 #learn-about-benefits-button {
  position: absolute;
  bottom: 0;
}

#home-online-three #home3 .sensitive-data-toggle {
  display: block !important;
  position: fixed;
  right: 0;
}

#home #home-online-three #home3 .grid-container > [class^="grid-item"] .module-content {
  border-radius: 15px;
  -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

#home3 .pension_module .data-item.date .title {
  font-size: clamp(1.2rem, 0.7875rem + 1.8333vw, 1.75rem);
  padding: 2rem 0;
  line-height: 1.2;
}

#home3 #insurance-deals-buttons, #travel-hub-buttons {
  position: absolute;
  bottom: 0;
  padding-bottom: 1rem;
}

#home3 #wellone-container {
  min-width: 300px;
}

#home3 #wellone-healthscore, #home3 #wellone-finscore {
  background-color: transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

#home3 #wellone-container .score-title {
  font-size: clamp(0.8rem, 0.6836rem + 0.5175vw, 1.3rem);
}

#home3 #wellone-container .total-score {
  font-size: clamp(1rem, 0.7089rem + 1.2937vw, 2.25rem);
}

#home3 .progress-bars-container > p {
  font-size: clamp(0.8rem, 0.7534rem + 0.2070vw, 1rem);
}

#home3 .pension-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5rem;
}

#home3 .pension-wrapper .data-block {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  min-width: 135px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 20%;
  flex: 0 1 20%;
  padding: 0.5rem;
  transition: transform 0.5s;
}

#home3 .pension-wrapper .data-block:hover {
  transform: scale(1.02);
}

@media (max-width: 1620px) {
  #home3 .pension-wrapper .data-block {
    -ms-flex: 0 1 33%;
    -webkit-box-flex: 0;
    flex: 0 1 33%;
  }
}

#home3 .pension-wrapper .data-block .icon {
  padding-top: 0;
}

#home3 .pension-wrapper .data-item {
  font-size: clamp(0.8rem, 0.7534rem + 0.2070vw, 1rem);
}

#home3 .pension-wrapper .data-item .calc-field {
  font-size: clamp(1rem, 1.0719rem + 0.56vw, 1.5rem);
}

#home3 .make-a-claim-data .tbs-module-pager {
  display: block;
}

#home3 .make-a-claim-buttons .btn {
  position: absolute;
  bottom: 70px;
}

#home3 .tbs-pager {
  display: none !important;
}

#home3 .make-a-claim-account-name {
  display: none !important;
}

#home3 .make-a-claim-account-amount {
  font-size: 1.5rem;
}

#home3 .make-a-claim-information .account:before {
  content: 'Your current balance is: ';
}

#home3 .module-mobile .make-a-claim-information .account:before {
  font-size: clamp(1.2rem, 0.7875rem + 1.8333vw, 1.75rem);
}

#home3 .make-a-claim-information .account {
  margin-top: 0.5rem;
}

/*Shows info popup on enrolment module*/

#home #home-online-three #home3 #enrolment .module-content-header-container {
  /*display: block !important;*/
  position: absolute;
  height: 0;
  right: 1rem;
}

#home #home-online-three #home3 #enrolment .module-content-header-container .module-content-header {
  display: none !important;
}

#home #home-online-three #home3 #enrolment .module-content-header-container .online-three-module-popover-control {
  display: block !important;
  right: 0;
}

#home #home-online-three #home3 #enrolment .module-content-header-container .online-three-module-popover-control .glyphicon-info-sign {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  font-size: 2.5rem;
}

#home-online-three .modal-dialog .modal-content .home-dashboard .modal-header .header {
  display: none;
}

#home-online-three .modal-content .home-dashboard .modal-body {
  background-color: transparent;
}

#home-online-three .modal-dialog .modal-content .home-dashboard .modal-footer .glyphicon-remove {
  display: none;
}

/*Pop up carousel*/
#home-online-three .carousel-show { 
  display: none !important;
}

#home-module-welcome .welcome-items, 
.home-module-integrated .welcome-items {
  display: none !important;
}

#home-carousel-dialog {
  top: 5% !important;
  margin: 0 auto !important;
  left: 0 !important;
  right: 0 !important;
}

#home-module-welcome #slider, 
.home-module-integrated #slider {
  height: 75vh !important;
  width: 90% !important;
  margin: 0 auto !important;
}

#home-module-welcome #slider > div:first-child, 
.home-module-integrated #slider > div:first-child {
  position: relative !important;
  margin: 0 auto !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#home-module-welcome #slider div:first-child > div, 
.home-module-integrated #slider div:first-child > div {
  margin: 0 auto;
  top: 0 !important;
  transform: scale(1) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
}



#home-module-welcome #slider .arrowleft, 
.home-module-integrated #slider .arrowleft, 
#home-module-welcome #slider .arrowright, 
.home-module-integrated #slider .arrowright {
  display: none;
}


button#portalGuide .tooltip_pop {
  top: -30px;
}

/*mobile*/
#home-modules-mobile .grid-item-content.home-module-carousel {
  display: none;
}

#home3 #home-modules-mobile .module-mobile {
  background: none;
  padding: 1px !important;
  border: none !important;
}

#home-modules-mobile .content-text .title {
  background: transparent;
}

#home-online-three #home3 #home-integrated .module-mobile #trs .trs-copy {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default, 
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default {
  width: max-content;
  float: left;
  min-width: auto;
  font-size: clamp(0.8rem, 0.6231rem + 0.7862vw, 1rem);
  margin: 0 !important;
}

.module-mobile .make-a-claim-buttons .btn-default {
  height: auto !important;
}

/*Mobile long page desing*/
.title.clearfix {
  display: none;
}

#home-online-three #home3 #home-modules-mobile .module-content {
  display: block !important;
  margin-top: 1rem;
  -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

#home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light, 
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy .event-content .text-light {
  margin-left: 0rem;
}

#home-online-three #home3 #home-modules-mobile #enrolment > div, 
#home-online-three #home3 #home-modules-mobile #enrolment > div > div, 
#home-online-three #home3 #home-modules-mobile #enrolment > div > div > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#home-online-three #home3 #home-modules-mobile .home-module-enrolment-content {
  background-color: rgba(255,255,255,0.6);
  padding: 1rem;
}

#home-module-enrolment .info_pop,
#enrolment .info_pop {
  background: none !important;
}

#home-online-three #home3 #home-modules-mobile .info_pop::before {
  color: #262836 !important;
}









/*Benefit matrix*/

.online-three-allpages-fullwidth .wrapper-fullwidth .benefit-matrix .benefitheader-fixed,
.online-three-allpages-fullwidth .wrapper-fullwidth#wrapper {
  width: 85%;
}

.benefit-matrix .benefit-category .panel-body {
  background-color: transparent;
}

.online-three-allpages-fullwidth form[action^="/CompanyUpdates/"] .wrapper-fullwidth#wrapper {
  width: 100%;
}

.benefitheader-fixed {
  top: 115px !important;
}

.fixed-container {
  margin-top: 280px !important;
}

#printdiv>div {
  padding-left: 0;
}

/*Lifestyle Events*/
.active-benefits .modal-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 200px;
}


.active-benefits .modal-main .events {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 22%;
  flex: 0 1 22%;
  height: 150px;
  min-width: 185px;
}

.active-benefits .event-img {
  height: auto;
}

.active-benefits .active--event-radio {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.active-benefits .active--event-radio input {
  height: 15px;
  margin-bottom: 5px;
}

.active-benefits .event-name {
  line-height: 1.2;
  top: 0;
  left: 0;
  padding: 0 10px;
}

.active-benefits .img {
  background: none;
  width: 100%;
  height: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.active-benefits .img:before {
  font-family: OnlineTwoIconFont;
  font-size: 60px;
}

.active-benefits .img.Ea284fa16-a53c-419e-832a-8d291d1dc655:before {
  content: '\e96c';
}

/*Modeller - elections summary*/
.modeller-container .row-caption {
  padding-left: 24px !important;
}

/*Payslip format*/

/*hide payslip on statement*/
.benefit-statement .row.totalcostsection {
  display: none;
}


/*payslip on matrix*/

.benefit-matrix .totalcost-section-row .totalcostsection {
  padding: 0;
  margin: 0;
  height: 50px;
  min-height: unset;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 65%;
}

@media (max-width:767px) {
  .benefit-matrix .totalcost-section-row .totalcostsection {
    width: 100% !important;
    margin: 0 auto;
  }
}

.benefit-matrix .totalcost {
  border: none;
  padding: 0;
  margin: 0;
  min-height: unset;
  height: 100%;
}

.totalcostsection .totalcost .row {
  height: 100%;
  margin-left: 0;
}

.totalcostsection .totalcost .row .col-md-4.col-sm-4,
.totalcostsection .totalcost .row .col-md-4 {
  height: 100%;
  font-size: clamp(0.8rem, 0.7556rem + 0.1975vw, 1rem);
  width: auto;
  height: 50px;
  background: #C9CAC8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  vertical-align: middle;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: inherit;
  border-radius: 5px;
}

@media (max-width: 767px) {
  
  .totalcostsection .totalcost .row .col-md-4.col-sm-4,
  .totalcostsection .totalcost .row .col-md-4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 0;
  }
  
  .totalcostsection .totalcost .row .col-md-4.col-sm-4 .font-youpay-color,
  .totalcostsection .totalcost .row .col-md-4 .font-youpay-color {
    text-align: center;
  }
}

.totalcostsection .totalcost .row .col-md-4.col-sm-4>span,
.totalcostsection .totalcost .row .col-md-4>span {
  font-family: HelveticaNowDisplayLight;
  color: inherit;
  margin-right: 5px;
}

.benefit-matrix .totalcostLable {
  display: none;
}

.totalcostsection .totalcost .row .col-md-4.col-sm-4>span:not(.font-youpay-color)::before,
.totalcostsection .totalcost .row .col-md-4>span:not(.font-youpay-color)::before {
  content: "\f200";
  font-family: FontAwesomeExpSolid;
  margin-right: 5px;
}

.benefit-matrix .benefitheader.benefitheader-border {
  margin-left: 0px !important;
  border-radius: 5px;
}

/*Election Summary - modeller (spend summary)*/
.modeller-links {
  display: none;
}

/*Benefit selected box style for selected benefits*/
/*.benefit-selected-box .benefitline {
background-color: #FFF !important;
border: 2px solid #FFF;
}*/

[class^="line-group"] .group-body > div .benefitline {
  background-color: #EEF6F7;
}

/*Benefit selected box style for selected benefits*/
.benefit-selected-box {
  /*this position of the parent is important to the position of the child*/
  position: relative;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.benefit-selected-box .benefitline::before {
  /*position of the checkbox to the relative container*/
  position: absolute;
  /*checkmark – from FontAwesome, but can be anything*/
  content: '\f00c';
  font-family: FontAwesome;
  /*adjust the desired color*/
  background: #262836;
  border-bottom: 2px solid #262836;
  border-left: 2px solid #262836;
  /*adjust the size of the checkmark*/
  font-size: inherit;
  /*adjust the size of the checkbox*/
  height: 100%;
  width: 30px;
  /*central display within the container*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*adjust the desired color of the checkmark*/
  color: white;
  /*change position to left or right and specify offset*/
  left: 5px;
  /*change position to top or bottom and specify offset*/
  top: 0px;
  z-index: 99;
  /*-webkit-writing-mode: sideways-lr;
  -ms-writing-mode: sideways-lr;
  writing-mode: sideways-lr;*/
}

/*Offset the line name from the left*/
@media(max-width:767px) {
  .benefit-selected-box [class*="BenefitIntro"] {
    padding-left: 40px;
  }
  
  .benefit-selected-box .benefitline::before {
    left: 0;
  }
}



/*Lines icons*/
.img.L6ac53bc7-16cb-468f-a112-43662e90552c {
  background-image: url('/smart/media/IMG/Icons/Pension.png');
}

/*Retirement Savings*/
.img.L0749279d-7f93-4f6a-bcf4-279fc3a63dda {
  background-image: url('/smart/media/IMG/Icons/AVC.png');
}

/* Regular AVC*/
.img.L6c9c72c4-bd6e-4c81-aa46-782ca68c41eb {
  background-image: url('/smart/media/IMG/Icons/AVC.png');
}

/*AVC*/
.img.Le88ad0ec-1498-4a04-a71f-0d3bd1f7d5a2 {
  background-image: url('/smart/media/IMG/Icons/GiftVoucher.png');
}

/*Gift Voucher(One4All)*/
.img.Lae537f55-67cb-476d-beea-7e7a02d0560a {
  background-image: url('/smart/media/IMG/Icons/SavingsCard.png');
}

/*Perx*/
.img.Ld0d3e2d8-a4c7-44f9-a9bc-0a053adeff3c,
.img.L9291d019-fe16-4b7b-83fa-d9ca03bea911,
img.L7bd1824d-b2ae-4323-af1e-9ebb8aed388e {
  background-image: url('/smart/media/IMG/Icons/HolidayTrading.png');
}

/*Holiday Trading*/
.img.L2fd06d4f-88bf-4cc5-ac09-7abf6f8e8dbb,
.img.L20da9996-a15a-4792-a0e8-c825f31ac6ea {
  background-image: url('/smart/media/IMG/Icons/Saver.png');
}

/*Saver Scheme*/
.img.L9565e89b-6a63-493a-9c44-0de23f56e056 {
  background-image: url('/smart/media/IMG/Icons/CommuterTicket.png');
}

/*Travel Insurance*/
.img.Le4265a7e-c6fd-4502-9b83-f676c1094297 {
  background-image: url('/smart/media/IMG/Icons/Health.png');
}

/*Health Insurance(ILH)*/
.img.L9a1148e6-e405-45a9-b152-345feee02c08 {
  background-image: url('/smart/media/IMG/Icons/Health.png');
}

/*Health insurance(Laya)*/
.img.L1e39d868-2c95-4c00-863c-2339d1492d6b {
  background-image: url('/smart/media/IMG/Icons/Health.png');
}

/*Health insurance(VHI)*/
.img.Lfe935887-8e8b-43fe-a039-97a13d4e1869 {
  background-image: url('/smart/media/IMG/Icons/Vision.png');
}

/*Vision Care - VSP*/
.img.L4447f8ba-88f2-4fa7-a365-3331e3546d94 {
  background-image: url('/smart/media/IMG/Icons/Vision.png');
}

/*Vision Care - DeCare*/
.img.Le6ec58e4-f5d1-4dc7-ad60-80364bd5bbec {
  background-image: url('/smart/media/IMG/Icons/Dental.png');
}

/*Dental*/
.img.L33b62a87-caeb-4714-93e7-cbe60ed56573 {
  background-image: url('/smart/media/IMG/Icons/Wine.png');
}

/*Wine Club*/
.img.L3cf08f83-f47d-4a7e-86c3-d8f1cb18dd8a,
.img.L717437cd-5740-42a1-833f-c03f87facc8d {
  background-image: url('/smart/media/IMG/Icons/Gym.png');
}

/*Gym*/
.img.L6ba8fc88-e458-4b43-9dd0-6dfb50d1ed1a,
.img.L00d9d7a6-af88-463a-90bb-d6279331a4b5 {
  background-image: url('/smart/media/IMG/Icons/Dining.png');
}

/*Dining Card*/
.img.L42bbdda1-9aed-43ca-ad0f-752d73c82fdb {
  background-image: url('/smart/media/IMG/Icons/LTD.png');
}

/*Income Protection*/
.img.L329e273e-f5b8-4ab2-91b2-49168442de81 {
  background-image: url('/smart/media/IMG/Icons/CriticalIllness.png');
}

/*Critical Illness*/
.img.L33fde6b4-3d51-4c5e-8837-65d9b7f76d24 {
  background-image: url('/smart/media/IMG/Icons/CommuterTicket.png');
}

/*Travel Ticket*/
.img.L933c1f0f-9aaa-46ba-b043-4b34599e6d9f,
.img.L3b665bea-ab96-4fcd-a513-843da75dfbc6 {
  background-image: url('/smart/media/IMG/Icons/Cycle2Work.png');
}

/*Cycle2Work*/
.img.Lb7014fe9-19df-4328-811e-bb28aed5afec {
  background-image: url('/smart/media/IMG/Icons/LifeAssurance.png');
}

/*Life Assurance*/
.img.L58d3868b-e308-4c9b-b73c-f1013752e8c1 {
  background-image: url('/smart/media/IMG/Icons/LTD.png');
}

/*LongTermDisability*/

.benefitline .benefit-menu {
  padding: 0 0 0 40px;
  min-height: 225px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.benefit-matrix .benefitline .benefit-menu .img {
  height: 11rem;
  background-position-x: center;
  background-position-y: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  visibility: visible;
}

.benefit-menu .img::before {
  font-family: OnlineTwoIconFont;
  font-size: 45px;
}

/*Annimate icon on tile hover*/
.benefit-matrix .benefit-category .row.benefitline:hover .benefit-menu .img {
  -webkit-transform: scale(1.075);
  -ms-transform: scale(1.075);
  transform: scale(1.075);
  transform-origin: center;
}

/*Accordions, benefit groups, benefits, etc.*/

.benefit-matrix .title,
#benefit-overview .group-title {
  font-family: HelveticaNowDisplayBold;
  font-size: clamp(1.5rem, 1.0577rem + 1.9656vw, 2rem);
  color: #fff;
  text-transform: capitalize;
}

.benefit-matrix .panel-title .title {
  text-transform: uppercase;
}

.group-default .line-group {
  text-transform: uppercase;
  font-family: HelveticaNowDisplayMedium;
  font-size: clamp(1.3rem, 0.8577rem + 1.9656vw, 1.8rem);
}

.benefit-matrix .lineheader,
.benefit-matrix .lineheader>a:link,
.benefit-matrix .lineheader>a:visited {
  color: #262836;
  font-family: HelveticaNowDisplayMedium;
  font-size: clamp(1.3rem, 0.8577rem + 1.9656vw, 1.8rem);
  margin-right: 0px;
}

.benefit-statement .lineheader {
  font-size: clamp(1.3rem, 0.8577rem + 1.9656vw, 1.8rem);
}

@media (max-width: 767px) {
  
  .benefit-matrix .title,
  #benefit-overview .group-title {
    text-align: center;
    padding: 1rem 0 2rem 0;
  }
}

.byoaccordion .glyphicon {
  top: -2px;
}

.pull-right.glyphicon {
  color: #fff;
}

.glyphicon.glyphicon-play.glyphicon-play-color {
  color: #262836;
  font-size: 0.8rem;
}

.row.title .glyphicon.glyphicon-info-sign.glyphicon-info-sign-color,
.benefitselect .line-benefit-intro .glyphicon-info-sign-color {
  color: #262836;
}

.benefit-matrix .row.title .glyphicon-info-sign-color {
  top: -5px;
}

.row.alert.alert-info.hdf-followup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: auto;
  background: none;
  border: 0;
}

.row.alert.alert-info.hdf-followup > div {
  width: auto;
}

/*Select Button + Print + Close + Save + More Info + Cancel + Next + Save&Close*/
.btn.btn-success.btn-option-elect,
.benefit-matrix .btn-print,
.btn.btn-warning,
.btn.btn-success,
.btn.btn-success.btn-lg,
.btn.btn-info,
.online-two-iso A.button-style.gray,
.online-two-iso A.button-style.blue,
.benefitselect .button-style#byo-saveAndClose,
.benefit-matrix .confirm-checkout-button .btn-success,
#allocationDialog .add-beneficiary {
  background-color: #262836;
  font-family: HelveticaNowDisplayMedium;
  border-color: #262836;
  font-size: 1rem;
  color: #fff;
  min-width: 90px;
  min-height: 50px;
  padding: 12px !important;
  text-decoration: none !important;
  text-transform: capitalize;
}

#allocationDialog .add-beneficiary {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  padding: 5px !important;
  min-height: 20px;
  text-decoration: none;
  margin-top: -8%;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.btn.btn-success.btn-option-elect:active,
.btn.btn-success.btn-option-elect:focus,
.btn.btn-success.btn-option-elect:active:focus,
.btn.btn-success.btn-option-elect:focus:active {
  -webkit-animation: pulse-back .5s ease-in-out infinite both;
  animation: pulse-back .75s ease-in-out infinite both;
}

[id^="byoOverlay"] {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: revert !important;
}

#byoOverlay #byo-saveAndClose {
  width: 200px;
}

.btn.btn-success.dependant-accept-btn {
  padding: 12px;
}

.btn.btn-success.dependant-accept-btn span,
.btn.btn-success.btn-lg span {
  color: #fff;
  font-size: 1rem;
  font-family: HelveticaNowDisplayMedium;
}

.pointer-disabled {
  cursor: not-allowed !important;
}

.btn.btn-info span,
.btn.btn-warning span {
  color: #fff;
  font-size: 1rem;
  font-family: HelveticaNowDisplayMedium;
}

.button-style.blue.followup-control-button span {
  color: #fff;
  font-family: HelveticaNowDisplayMedium;
}

.btn.btn-success.btn-option-elect:hover,
.btn.btn-success.btn-option-elect:active,
.btn.btn-success.btn-option-elect:focus,
.btn.btn-success.btn-option-elect:active:hover,
.btn.btn-success.btn-option-elect:active:focus,
.benefit-matrix .btn-print:hover,
.benefit-matrix .btn-print:active,
.benefit-matrix .btn-print:focus,
.benefit-matrix .btn-print:active:hover,
.benefit-matrix .btn-print:active:focus,
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-warning:active:hover,
.btn.btn-warning:active:focus,
.btn-warning.disabled:hover,
.clear-filter.btn.btn-warning.disabled:hover,
.clear-filter.btn.btn-warning.disabled:focus,
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus,
.btn.btn-success:active:hover,
.btn.btn-success:active:focus,
btn.btn-success.btn-lg:hover,
btn.btn-success.btn-lg:active,
btn.btn-success.btn-lg:focus,
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info:focus,
.btn-info:active:hover,
.btn-info:active:focus,
.online-two-iso A.button-style.gray:hover,
.online-two-iso A.button-style.gray:active,
.online-two-iso A.button-style.gray:focus,
.online-two-iso A.button-style.gray:active:hover,
.online-two-iso A.button-style.gray:active:focus,
.online-two-iso A.button-style.blue:hover,
.online-two-iso A.button-style.blue:active,
.online-two-iso A.button-style.blue:focus,
.online-two-iso A.button-style.blue:active:hover,
.online-two-iso A.button-style.blue:active:focus,
.benefitselect .button-style#byo-saveAndClose:hover,
.benefitselect .button-style#byo-saveAndClose:active,
.benefitselect .button-style#byo-saveAndClose:active:hover,
.benefitselect .button-style#byo-saveAndClose:active:focus,
.benefit-matrix .confirm-checkout-button .btn-success:hover,
.benefit-matrix .confirm-checkout-button .btn-success:focus,
.benefit-matrix .confirm-checkout-button .btn-success:active,
.benefit-matrix .confirm-checkout-button .btn-success:active:hover,
.benefit-matrix .confirm-checkout-button .btn-success:active:focus {
  background-color: #262836;
  opacity: 0.85 !important;
  font-family: HelveticaNowDisplayMedium;
  font-size: 1rem;
  color: #fff;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  padding-top: 12px;
  border-color: #262836;
  text-transform: capitalize;
}

@media screen and (min-width: 767px){
  .benefit-matrix .row .btn-success:hover {
    min-width: 90px;
  }
}

.benefit-matrix .btn.btn-success.btn-lg:hover {
  padding: 12px 12px;
}

.benefit-matrix .modal-footer #confirmation-buttons .btn.btn-default.btn-lg.active {
  background-color: #003F72;
}

.clear-filter.btn.btn-warning.disabled:hover {
  opacity: 0.6 !important;
}

.choice .btn.btn-success::before {
  content: '\f085';
  font-family: FontAwesome;
  margin-right: 5px;
}

.ext .btn.btn-success::before {
  content: '\f08e';
  font-family: FontAwesome;
  margin-right: 5px;
}

.font-youpay-color.margin-top-min.PerPay, 
.benefit-matrix .default-cost, 
.benefit-matrix .font-youpay-color {
  color: inherit;
}

.FundedDisplay span,
.YourCostDisplay span {
  font-family: HelveticaNowDisplayMedium;
  text-transform: capitalize;
}

.panel-title .summmary {
  color: #FFFFFF;
  font-family: HelveticaNowDisplayLight;
  font-size: 14px !important;
}

.benefit-matrix .byocostsummary {
  font-size: 14px;
}

.row[ng-if="byo.IsAnyDependentSelected()"] {
  display: none;
}

[ng-bind="addon.Name"] {
  text-indent: 10px;
}

[ng-bind="addon.Name"]::before {
  content: '\f1b2';
  font-family: FontAwesome;
  padding-right: 5px;
}




/*Clear Filter*/
#benefit-overview .clear-filter {
  display: block;
  min-height: 40px;
  padding: 3px 12px !important;
}

#benefit-overview .clear-filter span {
  color: #fff;
  font-family: HelveticaNowDisplayLight;
  font-size: 1rem;
  text-transform: capitalize;
}

#benefit-overview .clear-filter .glyphicon.glyphicon-remove::before {
  color: #fff;
}

.clear-filter.btn.btn-warning.disabled:hover {
  border-color: inherit;
}

/*Glyphicons on buttons*/

.glyphicon::before {
  font-family: 'Glyphicons Halflings';
  vertical-align: text-top;
}

.glyphicon-gift::before {
  content: "\f0c0" !important;
  font-family: FontAwesomeExpSolid;
}

.benefitheader .glyphicon-cog::before {
  content: "\f07a";
  font-family: FontAwesome;
}


/*Reset & Confirm Buttons*/
#resettodefaults {
  display: none;
}

.benefitheader-fixed div#followup-items .btn.btn-success.btn-confirmchoice #resettodefaults {
  display: none;
}

.benefitheader-fixed div#followup-items .btn.btn-success.btn-confirmchoice .btn.btn-warning.btn-resettodefaults {
  background-color: #262836;
}

#followup-items {
  float: right;
}

.benefitheader-fixed div#followup-items .btn.btn-success.btn-confirmchoice {
  background-color: #6E267B;
  border-color: #6E267B;
}

@-webkit-keyframes shadow-pulse-confirm {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(110, 38, 123, 0.5);
    box-shadow: 0 0 0 0px rgba(110, 38, 123, 0.5);
  }
  
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(110, 38, 123, 0);
    box-shadow: 0 0 0 10px rgba(110, 38, 123, 0);
  }
}

@keyframes shadow-pulse-confirm {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(110, 38, 123, 0.5);
    box-shadow: 0 0 0 0px rgba(110, 38, 123, 0.5);
  }
  
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(110, 38, 123, 0);
    box-shadow: 0 0 0 10px rgba(110, 38, 123, 0);
  }
}

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

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

.btn.btn-success.btn-confirmchoice {
  -webkit-animation: shadow-pulse-confirm 1s infinite;
  animation: shadow-pulse-confirm 1s infinite;
}

.benefitselect .continue {
  -webkit-animation: shadow-pulse-continue 1s infinite;
  animation: shadow-pulse-continue 1s infinite;
}

@media (min-width: 767px) {
  #resettodefaults {
    margin-right: 5px;
    margin-left: -5px;
  }
}

.btn.btn-warning.btn-resettodefaults span,
.btn.btn-success.btn-confirmchoice span,
.btn.btn-warning.btn-print span:not([class*="glyphicon"]),
.button-popover {
  color: #fff;
  font-family: HelveticaNowDisplayMedium;
  font-size: 0.9rem;
  text-transform: capitalize;
}


/*Monthly / Annual toggle & rest and confirm*/
.bootstrap-iso .btn.btn-peranual,
.bootstrap-iso .btn.btn-perpay {
  height: 50px;
}

.bootstrap-iso .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border: none;
}

.confirmagreementbtngroup label.btn,
.perpayperannualbtngroup div.btn {
  padding: 12px;
}

.bootstrap-iso .btn-group>.btn:last-child:not(:first-child),
.bootstrap-iso .btn-group>.dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border: none;
}

.benefitheader-fixed div#followup-items a.btn,
.benefitheader-fixed div#resettodefaults a.btn {
  font-size: 1rem;
  border-color: #262836;
}

.benefitheader-fixed div#followup-items a.btn:hover,
.benefitheader-fixed div#resettodefaults a.btn:hover {
  font-size: 1rem !important;
  opacity: 0.85 !important;
  -webkit-transition-duration: 0.5s !important;
  -o-transition-duration: 0.5s !important;
  transition-duration: 0.5s !important;
  border-color: #262836;
}

.bootstrap-iso .btn-warning:active,
.bootstrap-iso .btn-warning.active,
.bootstrap-iso .open>.dropdown-toggle.btn-warning {
  font-size: 1rem;
  background-color: #262836;
  border-color: #262836;
}

.confirmagreementbtngroup label.btn,
.perpayperannualbtngroup div.btn {
  font-size: 1rem;
  font-family: HelveticaNowDisplayMedium;
}

.perpayperannualbtngroup .btn {
  width: 100px;
}

.confirmagreementbtngroup label.btn span,
.perpayperannualbtngroup div.btn span {
  font-family: HelveticaNowDisplayMedium;
}

.bootstrap-iso .btn-warning:active:hover,
.bootstrap-iso .btn-warning.active:hover,
.bootstrap-iso .open>.dropdown-toggle.btn-warning:hover,
.bootstrap-iso .btn-warning:active:focus,
.bootstrap-iso .btn-warning.active:focus,
.bootstrap-iso .open>.dropdown-toggle.btn-warning:focus,
.bootstrap-iso .btn-warning.focus:active,
.bootstrap-iso .btn-warning.active.focus,
.bootstrap-iso .open>.dropdown-toggle.btn-warning.focus {
  background-color: #262836;
  opacity: 0.85;
  border-color: #262836;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.bootstrap-iso .btn-warning:active span,
.bootstrap-iso .btn-warning.active span,
.bootstrap-iso .open>.dropdown-toggle.btn-warning span {
  color: #fff;
  font-family: HelveticaNowDisplayMedium;
  font-size: clamp(0.8rem, 0.6231rem + 0.7862vw, 1rem);
}



/*Manage Dependants button & content*/
.online-two-iso .modal-normal .tab-body, 
.online-two-iso modal-large .tab-body {
  max-height: 67vh;
  overflow-y: auto;
}

.benefit-matrix .benefitheader.benefitheader-border {
  background-color: #262836;
  border: 1px solid #262836;
  color: #ffffff;
  min-width: 200px;
  padding: 11px 20px;
  margin-top: 1px;
  text-align: center;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.benefitheader.benefitheader-border:hover {
  opacity: 0.85;
  border-color: #262836;
}

.benefitheader.benefitheader-border span {
  color: inherit;
  font-family: HelveticaNowDisplayMedium;
  font-size: clamp(0.8rem, 0.6500rem + 0.6667vw, 1rem);
  text-transform: capitalize;
}

.modal-header.dependant-normal {
  height: 45px;
}

h3.dependantModalHeader, 
h3.modellersModalHeader,
.active-benefits .modal-header .header {
  color: #262836;
  font-size: 1.5rem;
  margin: 10px 0 15px 0;
  font-family: HelveticaNowDisplayBold;
  padding: 0 5%;
  text-transform: uppercase;
}

.fa-plus-circle::before {
  color: #262836 !important;
  vertical-align: super;
}

.election-info-collect .dependant-name-item.sub-item {
  width: 100%;
}

.dependant-list-top a.dependant-add-link:hover {
  opacity: 0.85;
}

.dependant-list-top a.dependant-add-link {
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.election-dependant-collect .glyphicon.glyphicon-pencil, 
.election-dependant-collect .glyphicon.glyphicon-remove {
  display: none;
}

.glyphicon-pencil:hover::before a,
.glyphicon-remove:hover::before a {
  opacity: 0.85 !important;
}

.glyphicon-pencil::before,
.glyphicon-remove::before {
  color: #262836;
  font-size: 1rem;
}

.dependant-list a.dependant-edit-btn span,
.dependant-list a.dependant-remove-btn span {
  font-family: HelveticaNowDisplayBold;
}

.dependant-list a.dependant-edit-btn:hover span,
.dependant-list a.dependant-remove-btn:hover span {
  opacity: 0.85;
}

.dependant-list .caption-text {
  font-family: HelveticaNowDisplayMedium;
  font-size: 1rem;
}

.online-two-iso .datepicker-container .input-group-btn .btn {
  background-color: #262836;
  border-color: #262836;
}

.dependant-cell.edit.middle-name,
.dependant-cell.edit.legal-name {
  display: none;
}

.online-two-iso input:checked+.slider {
  background-color: #7AB800;
}

.dependantContainer .coverage-body,
.dependantContainer .dependant-list,
.modeller-container .modeller-body {
  max-height: 80vh;
  padding: 0;
}

@media (max-width:766px) {
  
  .dependantContainer .coverage-body,
  .dependantContainer .dependant-list,
  .modeller-container .modeller-body {
    max-height: 60vh;
  }
}

/*Modeller*/
h3.modellersModalHeader, 
h3.modellersModalHeader,
.active-benefits .modal-header .header {
  margin: 0;
  padding: 0;
  margin-left: 12px;
  font-size: 1.5rem;
}

.modeller-container table,
.modeller-container tr,
.modeller-container td {
  border: none !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.modeller-detail-table.table td.row-header {
  text-transform: uppercase;
  font-size: 1rem;
}

.modeller-container td.row-caption {
  padding: 5px !important;
}



/*Beneficiaries*/
#allocationDialog .add-beneficiary::before {
  content: '\f509';
  font-family: FontAwesomeExpSolid;
  padding-right: 5px;
}

#allocationContent .space-bar {
  display: none;
}

#allocationDialog .content-overlay .data-two-colum .colum-right {
  padding-top: 0;
  min-height: 35px;
  width: 50%;
}

#allocationDialog .content-overlay .data-two-colum .colum-left label {
  padding: 6px 0;
}

#allocationDialog .content-overlay .data-two-colum .colum-left {
  min-height: 35px;
  width: 50%;
}

#allocationDialog .content-overlay .data-two-colum .colum-left label {
  text-transform: capitalize;
  font-size: 0.8rem;
}

.data-two-colum #beneficiary-designation-label {
  width: auto !important;
}

#allocationContent .btn-group label span {
  font-size: 0.8rem;
}

#allocationContent .btn-group label:active:hover {
  border: none;
}

.data-two-colum [id^="beneficiary"] strong {
  font-size: 1rem;
}

#allocationDialog p {
  margin: 0;
  padding-bottom: 0;
}

#ddlAllocEmployeeRelationship,
#ddlAllocBeneficiaryRelationship {
  display: none;
}

label[for="txtBeneficiaryBirthDate"] {
  text-transform: initial !important;
}

#allocationBeneficiaryContent>div>.data-two-colum .colum-left:nth-child(2) {
  display: none;
}

#clear-allocation-title {
  padding-left: 0;
  margin-left: 0 !important;
}

.text-success[tbs-translate="Enrollment.Online2.BeneficiaryAllocations"] {
  font-size: 0.8rem;
  padding: 0;
  text-transform: uppercase;
}

.text-success[tbs-translate="Enrollment.Online2.BeneficiaryAllocations"]~div * {
  font-size: 0.8rem;
}

.dependent-approved {
  font-size: 0.8rem;
}





/*Dependants election on the benefitselection page*/

.election-info-collect .election-detail .sub-caption {
  display: none;
}

.benefitline .glyphicon-menu-down::before, 
.benefitline .glyphicon-menu-up::before {
  padding: 3px;
  border-radius: 50%;
  font-size: 14px;
}

.glyphicon-menu-down::before,
.glyphicon-menu-up::before {
  font-family: FontAwesome !important;
  color: #FFFFFF !important;
  background-color: #333;
  border-radius: 50%;
  font-size: 1rem;
  padding: 5px;
  display: block;
}

.glyphicon-menu-down::before {
  content: '\f077' !important;
  transform: rotate(-180deg);
  transition: all 0.75s;
}

.glyphicon-menu-up::before {
  content: '\f077' !important;
  transition: all 0.75s;
}

.byoaccordion .glyphicon-menu-down::before {
  content: '\f078' !important;
  transform: rotate(180deg);
  transition: all 0.75s;
}

.byoaccordion .glyphicon-menu-up::before {
  content: '\f078' !important;
  transition: all 0.75s;
}

.dependant-board .glyphicon-menu-down::before {
  font-family: FontAwesome !important;
  content: '\f078' !important;
  transform: rotate(180deg);
  transition: all 0.75s;
}

.dependant-board .glyphicon-menu-up::before {
  font-family: FontAwesome !important;
  content: '\f078' !important;
  transition: all 0.75s;
}

.dependant-board .glyphicon::before {
  color: #262836 !important;
}

.election-info-collect .dependant-board .icon {
  background: none;
  font-family: FontAwesome;
  display: table-cell;
}

.election-info-collect .dependant-board {
  padding: 0;
}

.election-info-collect .dependant-board .icon::before {
  content: '\e068';
  font-family: FontAwesomeExpSolid;
  font-size: 3rem;
  text-align: center;
}

.election-info-collect .election-detail {
  text-align: center;
}

.election-info-collect .election-detail .caption {
  font-size: 1.5rem;
  font-family: HelveticaNowDisplayMedium;
  text-align: center;
}

.election-info-collect .election-detail .caption::before {
  content: 'You have selected: ';
  font-family: HelveticaNowDisplayLight;
}

.election-info-collect .dependant-list .dependant-name span {
  text-transform: capitalize;
}

.benefitselect .your-beneficiaries[ng-show="l.CollectDependants()"] {
  display: none;
}

/*Datepicker - calendar*/
.uib-datepicker .btn.btn-default.btn-info.active,
.btn.btn-sm.btn-info.uib-datepicker-current {
  background-color: #5EB9E4;
  min-height: auto;
  height: auto;
}

.uib-datepicker .btn {
  -webkit-animation-name: none !important;
  animation-name: none !important;
}

.btn.btn-sm.btn-info.uib-datepicker-current {
  background-color: #5EB9E4;
  min-width: 30%;
  min-height: auto;
  width: 48%;
  margin-right: 4%;
  border: none;
  padding: 5px 15px 5px 7px;
}

.btn.btn-sm.btn-info.uib-datepicker-current:hover {
  background-color: #5EB9E4;
  min-width: 30%;
  min-height: auto;
  width: 48%;
  margin-right: 4%;
  border: none;
  padding: 5px 15px 5px 7px;
  opacity: 0.85;
}

.btn.btn-sm.btn-danger.uib-clear {
  background-color: #262836;
  min-width: 30%;
  min-height: auto;
  border: none;
  width: 48%;
  padding: 5px 7px 5px 7px;
}

.btn.btn-sm.btn-danger.uib-clear:hover {
  background-color: #262836;
  min-width: 30%;
  min-height: auto;
  border: none;
  width: 48%;
  padding: 5px 7px 5px 7px;
}

.btn.btn-sm.btn-success.pull-right.uib-close {
  border: none;
  background-color: #7AB800;
  min-height: 28px;
  min-width: 25%;
}

.btn.btn-sm.btn-success.pull-right.uib-close:hover {
  border: none;
  background-color: #7AB800;
  min-height: 28px;
  min-width: 25%;
  opacity: 0.85;
}

.bootstrap-iso ul[class^="uib-datepicker"] .btn.btn-default, 
.bootstrap-iso ul[class^="uib-datepicker"] .btn.btn-default:hover, 
.bootstrap-iso ul[class^="uib-datepicker"] .btn.btn-default:active, 
.bootstrap-iso ul[class^="uib-datepicker"] .btn.btn-default:hover {
  border: 1px solid #FFF !important;
  background-color: #EEE !important;
  border-radius: 0px !important;
  color: #262836 !important;
}

.bootstrap-iso ul[class^="uib-datepicker"] .btn.btn-default span {
  font-size: 0.8rem;
}

.bootstrap-iso ul[class^="uib-datepicker"] .btn.btn-default.active {
  padding: 5px 10px !important;
}

.uib-datepicker-popup .uib-button-bar button {
  padding: 5px 7px !important;
}

/*Continue Button*/
.benefitselect .continue {
  background-color: #262836;
  font-family: HelveticaNowDisplayMedium;
  font-size: 1rem;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#step2LinePage .benefitselect .continue:before {
  content: '';
  font-family: FontAwesome;
  padding-right: 5px
}

.benefitselect .line-benefit-intro {
  margin-bottom: 0px;
  margin-top: 0px;
}

.benefitselect .continue:hover,
.benefitselect .continue:active,
.benefitselect .continue:focus {
  opacity: 0.85;
  font-family: HelveticaNowDisplayMedium;
  font-size: 1rem;
  border-color: #262836;
}

.benefitselect .box-border-bg {
  background: none;
}

/*Layout of coverages names and costs on the beenfit matrix*/
.row.line .col-md-4 {
  /*width: 40%;*/
  padding-bottom: 1rem;
}

.row.line .col-md-8.ng-scope {
  /*width: 60%;
  padding: 0 0%;*/
}

.row.line .col-md-8 .col-xs-4 {
  width: 30%;
  padding: 0 5%;
}

.currentEOI .col-md-8.ng-scope,
.pendingEOI .col-md-8.ng-scope {
  width: 60%;
  margin-left: 1.8%;
  margin-right: 0;
}

/*Hide more info link with folder (on benefitselection page under plan*/
.more-info.margin-top-min {
  display: none;
}

.benefitselect .header-selected {
  color: #262836;
  font-family: HelveticaNowDisplayBold;
  font-size: 1.5rem;
  margin-bottom: 0px;
}

/*.benefitselect .content-you-chose {
height: 110px;
}*/

#content-you-chose-summary.in-Cart .in-Cart {
  height: 110px;
  padding: 0 4px;
  margin: 0;
}

#content-you-chose-summary .in-Cart .cost {
  padding-top: 0;
}

.benefitselect .in-Cart .you-pay H3 {
  color: #262836;
  font-size: 1rem;
}

/*EOI*/

[ng-if="l.isPendingEOI()"] .pending-note {
  display: inline-block;
  float: none;
}

.cost-right .alignleft > div:first-child {
  display: inline-block;
  float: none;
}

#nonePensionPercentSalaryAddtional.EOI_EmployerCost_Display div:first-child > p:first-child::before {
  content: 'Additional';
}

.cost-left p, 
.rightsection p {
  text-transform: capitalize !important;
  text-align: right;
}

.eoi-temporary td.row-caption, 
.eoi-pending td.row-caption {
  text-indent: 15px;
  text-transform: capitalize;
  font-style: italic;
}

.cost-right .selected-plan {
  display: none;
}

#products .sel .header[ng-if="l.isPendingEOI() && l.IsSelectedCoverage(co)"] {
  display: none;
}

/*Selected tiered option*/
.option-credit-health .option.sel {
  color: #262836;
  font-family: HelveticaNowDisplayMedium !important;
  font-size: 1.1rem;
}

.option-credit-health .option.sel span {
  font-family: HelveticaNowDisplayMedium !important;
}

#content-you-chose-summary .cost p {
  text-transform: capitalize;
}

.in-Cart .percent span {
  text-transform: initial;
}

.dependant-collect-board-intro {
  display: none !important;
}

.dependant-cell.back-link a {
  color: #262836;
  font-family: HelveticaNowDisplayMedium;
}

.dependant-cell.back-link a::before {
  font-family: FontAwesome;
  content: '';
  margin-right: 5px;
  font-size: 2rem;
  vertical-align: middle;
}

.dependant-add-caption,
.dependant-edit-caption {
  font-size: 1.2rem;
  font-family: HelveticaNowDisplayBold;
}

.online-two-iso .modal-normal .modal-header .header-text {
  font-size: 1.2rem;
  color: #262836;
  font-family: HelveticaNowDisplayBold;
}

.dependant-changed-message.ng-scope.ng-isolate-scope {
  color: #E11B22;
}

/*New & changed & Unlocked benefits*/
.benefit-matrix .newbenefit,
.benefit-matrix .changebenefit,
.glyphicon.glyphicon-record.glyphicon-activated .acitve-text {
  color: #fff;
  background-color: #262836;
  padding: 1px 5px 1px 5px;
  font-size: 0.8rem;
  text-transform: lowercase;
  border-radius: 5px;
  top: -2px;
}

.glyphicon.glyphicon-record.glyphicon-activated:before {
  display: none;
}

/*Division on line data on benefitselect*/
#linedata .division {
  display: none;
}

/*Currently selected box and header*/

.benefitselect .box-border {
  border: 3px solid #262836;
  background-color: #EEE;
}

.in-Cart .you-chose {
  width: 30%;
}

.products .content-box-border {
  background-color: #EEE;
}

.products .sel .content-box-border {
  background-color: #FFF;
}

.benefitselect .header-selected {
  color: #fff;
  background-color: #262836;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}


#content-you-chose-summary .in-Cart .cost {
  padding-top: 0;
  width: 20%;
  padding: 0;
  margin: 0;
  text-transform: capitalize;
}

#content-you-chose-summary .in-Cart .funded {
  width: 20%;
  padding: 0;
  margin: 0;
}

#content-you-chose-summary .in-Cart .funded p,
#content-you-chose-summary .in-Cart .funded > div{
  text-transform: capitalize;
}

#content-you-chose-summary .in-Cart .funded p:first-child,
#content-you-chose-summary .in-Cart .cost p:first-child {
  line-height: 1.1em;
}

#content-you-chose-summary .in-Cart .you-pay {
  width: 20%;
}


/*Your options - Available products*/
.benefitselect .products-header H4 {
  font-size: 1.5rem;
  color: #262836;
  font-family: HelveticaNowDisplayMedium;
}

#linedata>div>div>div {
  font-size: 1rem;
  padding-left: 30px;
  /*indent on the plans on benefitselection page*/
}

#linedata {
  margin-top: 2rem;
}

#products .product-info {
  width: auto;
}

#products-header-label.products-header-58d3868b-e308-4c9b-b73c-f1013752e8c1~div #products .product-info {
  width: 75%;
}

#products-header-label.products-header-58d3868b-e308-4c9b-b73c-f1013752e8c1~div #products .content-option-credit-health {
  width: 25%;
}

.close.button-style.gray[ng-click="l.byoElection.closeCurrentBenefitDetails(p.RecordID)"] {
  display: none;
}

/*Select - add to cart button*/
.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green,
.online-two-iso A.button-style.green {
  background-color: #262836;
  font-size: 1rem;
  /*min-height: 50px;*/
  /*padding-top: 13px;*/
  font-family: HelveticaNowDisplayMedium;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  line-height: 2rem;
}

#step2LinePage.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green::before,
#step2LinePage.online-two-iso A.button-style.green::before {
  content: '\f021';
  font-family: FontAwesome;
  padding-right: 5px;
}

.online-two-iso #content #confirm-replacement.overlay .content-overlay .checkout-button A.button-style.green:hover,
.online-two-iso A.button-style.green:hover {
  opacity: 0.85;
}

/*Benefit Selection*/


/*hide 4 links including product comparison*/
.links-group.four-links {
  display: none;
}

.seealso {
  margin-top: 5vh;
}

.see-also .benefit-menu {
  margin-bottom: 5vh;
}

.benefitselect .seealso li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  float: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32%;
}

.benefitselect .linename {
  float: none;
  margin: 0;
  margin-left: 20px;
}

.benefitselect .linename>a:link {
  color: #262836;
  font-family: HelveticaNowDisplayBold;
  font-size: 12px;
}

.benefitselect .linename>a:hover {
  color: #C9CAC8;
  text-decoration: none;
}

.benefitselect .benefit-menu .img {
  height: 160px;
  width: 130px;
  float: none;
}

.see-also .benefit-menu .img {
  background-size: contain;
}

/*.containers .depen-info {
display: none;
}*/

[ng-if="::be.CoveredDependants.length>0"]::before {
  content: 'You\a';
  white-space: pre;
  font-size: 0.8rem;
}

.your-beneficiaries .txt-beneficiaries H4 {
  text-transform: unset;
}

.currentbenefits .containers [ng-if="::(line.AllocationType != null && line.AllocationType.AllocationBeneficiaries.length > 0)"] .col-md-4 {
  width: 100%;
  padding-left: 0 !important;
}

#linedata .txt-beneficiaries .dependent-approved:first-child::before {
  content: '0: Me\a';
  white-space: pre;
  text-transform: none;
}

#covered-dependents-heading,
.depen-info h4.text-success {
  text-transform: uppercase;
  font-size: 1rem;
}

.depen-info .text-success,
.depen-info .text-success span {
  padding: 0;
  font-size: 0.8rem !important;
  margin-bottom: 0;
}

/*Changed width of the coverages names for tiered plans*/

.option-credit-health .option {
  width: auto;
}

.content-option-credit-health {
  width: 335px;
}

.option-credit-health {
  width: 100%;
}

.option-credit-health UL LI {
  width: 100%;
}

/*Selected Cover font*/
.option-credit-health .value {
  width: auto;
}

.option-credit-health .option.sel,
.option-credit-health .value.sel {
  font-size: inherit;
}

#products .option-credit-health .sel,
#products .option-credit-health .sel span {
  color: #5D6D78 !important;
}

.benefitselect .products .box-border.sel .header {
  padding-top: 0;
}

.benefitselect .products .box-border.sel .header::before {
  content: '\f00c';
  font-family: FontAwesome;
  color: #fff;
}

/*Hide 'Your Selection' wording on the 'Currently Selected' tile*/
[id^="lineid_"] .selection {
  display: none !important;
}

/*Format selected Plan*/
.in-Cart .you-chose .selected-plan span {
  font-size: 1rem;
  font-family: HelveticaNowDisplayMedium;
}

#content-you-chose-summary * {
  font-size: 1rem;
}

/*Beneficiaries section*/
#which-beneficiaries-heading {
  text-transform: initial;
  font-size: 1.5rem;
}

#allocationDialog .steps {
  display: none;
}




/*Text format on benefit selection page*/
.benefitselect .line-name {
  font-size: 3rem;
  color: #262836;
  font-family: HelveticaNowDisplayBold;
}

.benefitselect .line-benefit-intro .glyphicon-info-sign-color {
  font-size: 2rem;
}

.benefitselect .products .box-border.sel .header {
  background-color: #262836;
  color: #262836;
  padding: 0.5rem 0;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-family: HelveticaNowDisplayMedium;
}

.benefitselect .products .box-border.sel {
  background-color: #262836;
}

#linedata>div>div>h1>span {
  font-size: 2rem;
  font-family: HelveticaNowDisplayBold;
  text-transform: capitalize;
}

.product-info>div>h2,
.product-info H2 {
  font-size: 1.4rem;
  font-family: HelveticaNowDisplayMedium;
}

#product-info8a9fec12-4d4f-4e74-819e-2ded32684859 #optionNameHeading {
  display: none;
}

#product-info8a9fec12-4d4f-4e74-819e-2ded32684859 .description {
  margin: 0;
}

#product-info0ce3a130-e9ec-492e-bcc7-b6d87406f6c1 #optionNameHeading {
  display: none;
}

#product-info0ce3a130-e9ec-492e-bcc7-b6d87406f6c1 .description {
  margin: 0;
}


#products .box-border-bg,
#products .box-left-bg {
  background: none;
  margin-bottom: 0;
}

.benefitselect H1 {
  margin-bottom: 0;
}

#linedata>div>div>br {
  display: none;
}

.benefitselect .products-header H4 {
  color: #262836;
  font-family: HelveticaNowDisplayMedium;
}

#linedata>div>div>h1~div {
  font-size: 1rem;
  padding-left: 0px;
}

.see-also h5 {
  font-size: 1.5rem;
  font-family: HelveticaNowDisplayBold;
  text-decoration: underline;
}

@media (min-width: 767px) {
  #linedata .division {
    display: none;
  }
  
  .benefitselect .benefit-menu .img {
    height: 110px;
  }
}

/*Seasonal Saver - hide 'if you select 0 your cover will go to no coverage'*/
#zeroinputnoteaaf37b59-3962-4c59-b94c-db8497ba4bba {
  display: none;
}

#zeroinputnote6643a0ae-db82-4a12-bb1a-593cd44f1d5f {
  display: none;
}

/*Hide Life Assurance product / cover caption*/
.products-header-b7014fe9-19df-4328-811e-bb28aed5afec ~ div #products .option {
  visibility: hidden;
}

/*Coverage name heading and paragraph wording space*/
.content-option-credit-health {
  margin-top: 1rem;
}

.product-info #optionNameHeading {
  width: 30vw;
}

.product-info .description {
  margin-top: 1rem;
}

/*Add colon on lineset linename*/
/*.BenefitIntro_f0d5f7d2-89fa-4cdf-9404-521cbf228fe9 .lineset-linename::after {
content: ':';
}*/

/*Line name format under lineset*/
.benefit-matrix .lineset-linename {
  font-family: HelveticaNowDisplayMedium;
}

/*Hide pension ER contributions on benefitselection & benefitsmatrix*/
#lineid_6c9c72c4-bd6e-4c81-aa46-782ca68c41eb .funded,
#lineid_8fc56581-26c7-412f-bea1-2bf1a1a8e318 .funded {
  visibility: hidden;
}


/*Hide ER costs for lines on benefitselection page - ie. Hide ER contributions on benefit selection pages*/

#lineid_2fa3b64d-c724-4769-bb14-7303acf56493 .funded,
/*tastecard*/
#lineid_00d9d7a6-af88-463a-90bb-d6279331a4b5 .funded,
/*gourmet card*/
#lineid_GUID .funded,
#lineid_GUID .funded {
  display: none;
}

/*Hide 'Select' button & disable links for passthrough and info only lines*/
/*.BenefitIntro_33fde6b4-3d51-4c5e-8837-65d9b7f76d24 .btn-option-elect,
.BenefitIntro_933c1f0f-9aaa-46ba-b043-4b34599e6d9f .btn-option-elect,
.BenefitIntro_3b665bea-ab96-4fcd-a513-843da75dfbc6 .btn-option-elect,
.BenefitIntro_3cf08f83-f47d-4a7e-86c3-d8f1cb18dd8a .btn-option-elect,
.BenefitIntro_717437cd-5740-42a1-833f-c03f87facc8d .btn-option-elect,
.BenefitIntro_ae537f55-67cb-476d-beea-7e7a02d0560a .btn-option-elect,
.BenefitIntro_3b0cd797-ab53-4d31-ba3a-b0414c7785bf .btn-option-elect,
.BenefitIntro_ef38d5e7-5602-449d-8e36-9774c926fea4 .btn-option-elect,
.BenefitIntro_878b0465-470d-4308-ad6b-207696403b08 .btn-option-elect,
.BenefitIntro_2b9d2f63-05f5-4bce-9f59-3f4f18246e44 .btn-option-elect,
.BenefitIntro_e7d2029b-45d5-4e70-8420-428efedfa399 .btn-option-elect,
.BenefitIntro_993753ae-192d-4e00-a408-5662e221739b .btn-option-elect,
.BenefitIntro_37128370-3937-4dc8-9444-7ae112e990b8 .btn-option-elect {
display: none;
}
.benefit-menu a#line-33fde6b4-3d51-4c5e-8837-65d9b7f76d24,
.benefit-menu a#line-933c1f0f-9aaa-46ba-b043-4b34599e6d9f, 
.benefit-menu a#line-3b665bea-ab96-4fcd-a513-843da75dfbc6,
.benefit-menu a#line-3cf08f83-f47d-4a7e-86c3-d8f1cb18dd8a,
.benefit-menu a#line-717437cd-5740-42a1-833f-c03f87facc8d,
.benefit-menu a#line-ae537f55-67cb-476d-beea-7e7a02d0560a,
.benefit-menu a#line-3b0cd797-ab53-4d31-ba3a-b0414c7785bf,
.benefit-menu a#line-ef38d5e7-5602-449d-8e36-9774c926fea4,
.benefit-menu a#line-878b0465-470d-4308-ad6b-207696403b08,
.benefit-menu a#line-2b9d2f63-05f5-4bce-9f59-3f4f18246e44,
.benefit-menu a#line-e7d2029b-45d5-4e70-8420-428efedfa399,
.benefit-menu a#line-993753ae-192d-4e00-a408-5662e221739b,
.benefit-menu a#line-37128370-3937-4dc8-9444-7ae112e990b8,
.BenefitIntro_33fde6b4-3d51-4c5e-8837-65d9b7f76d24 .lineheader a,
.BenefitIntro_933c1f0f-9aaa-46ba-b043-4b34599e6d9f .lineheader a,
.BenefitIntro_3b665bea-ab96-4fcd-a513-843da75dfbc6 .lineheader a,
.BenefitIntro_3cf08f83-f47d-4a7e-86c3-d8f1cb18dd8a .lineheader a,
.BenefitIntro_717437cd-5740-42a1-833f-c03f87facc8d .lineheader a,
.BenefitIntro_ae537f55-67cb-476d-beea-7e7a02d0560a .lineheader a,
.BenefitIntro_3b0cd797-ab53-4d31-ba3a-b0414c7785bf .lineheader a,
.BenefitIntro_ef38d5e7-5602-449d-8e36-9774c926fea4 .lineheader a,
.BenefitIntro_878b0465-470d-4308-ad6b-207696403b08 .lineheader a,
.BenefitIntro_2b9d2f63-05f5-4bce-9f59-3f4f18246e44 .lineheader a,
.BenefitIntro_e7d2029b-45d5-4e70-8420-428efedfa399 .lineheader a,
.BenefitIntro_993753ae-192d-4e00-a408-5662e221739b .lineheader a,
.BenefitIntro_37128370-3937-4dc8-9444-7ae112e990b8 .lineheader a {
pointer-events: none;
}*/

/*Hide 'changed' tag for info only benefits*/
.benefit-matrix .BenefitIntro_3cf08f83-f47d-4a7e-86c3-d8f1cb18dd8a .changebenefit,
.benefit-matrix .BenefitIntro_717437cd-5740-42a1-833f-c03f87facc8d .changebenefit,
.benefit-matrix .BenefitIntro_ae537f55-67cb-476d-beea-7e7a02d0560a .changebenefit,
.benefit-matrix .BenefitIntro_3b0cd797-ab53-4d31-ba3a-b0414c7785bf .changebenefit,
.benefit-matrix .BenefitIntro_ef38d5e7-5602-449d-8e36-9774c926fea4 .changebenefit,
.benefit-matrix .BenefitIntro_878b0465-470d-4308-ad6b-207696403b08 .changebenefit,
.benefit-matrix .BenefitIntro_2b9d2f63-05f5-4bce-9f59-3f4f18246e44 .changebenefit,
.benefit-matrix .BenefitIntro_e7d2029b-45d5-4e70-8420-428efedfa399 .changebenefit,
.benefit-matrix .BenefitIntro_993753ae-192d-4e00-a408-5662e221739b .changebenefit,
.benefit-matrix .BenefitIntro_37128370-3937-4dc8-9444-7ae112e990b8 .changebenefit {
  display: none;
}

/*AVC*/
.BenefitIntro_2fd06d4f-88bf-4cc5-ac09-7abf6f8e8dbb .FundedDisplay:nth-of-type(2) {
  visibility: hidden;
}

/*Saver*/
.BenefitIntro_e88ad0ec-1498-4a04-a71f-0d3bd1f7d5a2 .FundedDisplay:nth-of-type(2) {
  visibility: hidden;
}

/*Gift Voucher*/
.BenefitIntro_6ba8fc88-e458-4b43-9dd0-6dfb50d1ed1a .FundedDisplay:nth-of-type(2) {
  visibility: hidden;
}

/*Dinning Club*/
.BenefitIntro_33b62a87-caeb-4714-93e7-cbe60ed56573 .FundedDisplay:nth-of-type(2) {
  visibility: hidden;
}

/*Wine Club*/
.BenefitIntro_9565e89b-6a63-493a-9c44-0de23f56e056 .FundedDisplay:nth-of-type(2) {
  visibility: hidden;
}

/*Travel Insurance*/
.BenefitIntro_33fde6b4-3d51-4c5e-8837-65d9b7f76d24 .FundedDisplay:nth-of-type(2) {
  visibility: hidden;
}

/*Travel Ticket*/
.BenefitIntro_d0d3e2d8-a4c7-44f9-a9bc-0a053adeff3c .FundedDisplay:nth-of-type(2) {
  visibility: hidden;
}

/*Holiday Trading*/
.BenefitIntro_3cf08f83-f47d-4a7e-86c3-d8f1cb18dd8a .FundedDisplay:nth-of-type(2) {
  visibility: hidden;
}

/*Gym (Hubex)*/
.BenefitIntro_717437cd-5740-42a1-833f-c03f87facc8d .FundedDisplay:nth-of-type(2) {
  visibility: hidden;
}

/*Gym (Incorepore*/
.BenefitIntro_933c1f0f-9aaa-46ba-b043-4b34599e6d9f .FundedDisplay:nth-of-type(2) {
  visibility: hidden;
}

/*C2W (Hubex)*/
.BenefitIntro_3b665bea-ab96-4fcd-a513-843da75dfbc6 .FundedDisplay:nth-of-type(2) {
  visibility: hidden;
}

/*C2W (Hubex)*/

#lineid_6c9c72c4-bd6e-4c81-aa46-782ca68c41eb .cost,
#lineid_8fc56581-26c7-412f-bea1-2bf1a1a8e318 .cost {
  padding-right: 0;
}

/*PMI - add dependants note*/
.benefit-matrix .line-description {
  margin: 10px 0 20px 0;
  font-size: 1.2rem;
}

.benefit-matrix .line-description strong {
  font-family: HelveticaNowDisplayMedium;
}

/*Format of PMI & Dental product info on the product tile*/
.line-description.margin-top-min {
  margin-bottom: 1.2rem;
}

/*My Gym Discounts line*/

/*Hide 'Select' button for My Gym Discounts line*/
.BenefitIntro_717437cd-5740-42a1-833f-c03f87facc8d .btn-option-elect {
  visibility: hidden;
}

/*format text*/
.BenefitIntro_717437cd-5740-42a1-833f-c03f87facc8d .row.line>div:first-child {
  width: 100%;
}


/*Features product information space - PMI*/
.products-header-e4265a7e-c6fd-4502-9b83-f676c1094297 ~ div #products .content-box-border,
.products-header-1e39d868-2c95-4c00-863c-2339d1492d6b ~ div #products .content-box-border,
.products-header-9a1148e6-e405-45a9-b152-345feee02c08 ~ div #products .content-box-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.products-header-e4265a7e-c6fd-4502-9b83-f676c1094297 ~ div #products .product-info,
.products-header-1e39d868-2c95-4c00-863c-2339d1492d6b ~ div #products .product-info,
.products-header-9a1148e6-e405-45a9-b152-345feee02c08 ~ div #products .product-info {
  width: 70%;
}

.products-header-e4265a7e-c6fd-4502-9b83-f676c1094297 ~ div #products table,
.products-header-1e39d868-2c95-4c00-863c-2339d1492d6b ~ div #products table,
.products-header-9a1148e6-e405-45a9-b152-345feee02c08 ~ div #products table {
  width: 30%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

/*Features product information space - */
#plan-5437572f-067c-40bc-9ae4-9fcde20cfda1 .product-info,
#plan-9c4b899a-6fb8-436f-97d0-504722b23de5 .product-info,
#plan-fd218262-a5b1-43b1-a98c-d68b1c0b792f .product-info {
  width: 50%;
}

@media (max-width: 767px) {
  #plan-5437572f-067c-40bc-9ae4-9fcde20cfda1 .product-info,
  #plan-9c4b899a-6fb8-436f-97d0-504722b23de5 .product-info,
  #plan-fd218262-a5b1-43b1-a98c-d68b1c0b792f .product-info {
    width: 100%;
  }
}

.product-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-info-container .features {
  width: 75%;
  font-size: 0.8rem;
  margin-left: 1rem;
  padding-right: 2rem;
}

.features strong {
  font-family: HelveticaNowDisplayMedium;
}

.product-info-container .features p {
  margin-bottom: 0;
  padding-bottom: 5px;
}

.product-info-container .features ul li {
  text-indent: -2rem;
  padding-left: 2rem;
}

.product-info-container .features ul li:before {
  font-family: 'FontAwesome';
  content: '';
  margin: 0 5px 0 10px;
  color: #6E267B;
  vertical-align: baseline;
  font-size: 1rem;
}

/*.product-info-container .other {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}*/

.product-info-container .other {
  display: block;
}

.info.extra {
  margin: 0 !important;
  color: #262836;
  text-decoration: underline;
  width: 100% !important;
}

.info.extra::before {
  content: '';
  font-family: 'FontAwesome';
  margin-right: 5px;
}

.protection.btn.btn-info.extra {
  background-color: #7AB800;
  border-color: #7AB800;
}

.health.btn.btn-info.extra {
  background-color: #6E267B;
  border-color: #6E267B;
}

.protection.btn.btn-info.extra::before,
.health.btn.btn-info.extra::before {
  content: '';
  font-family: 'FontAwesome';
  margin-right: 5px;
}

/*Contribution labels*/
.BenefitIntro_6ac53bc7-16cb-468f-a112-43662e90552c [ng-bind="::vm.benefitMatrixModel.GetCostToYouNetGrossText(be) "]:before,
.BenefitIntro_0749279d-7f93-4f6a-bcf4-279fc3a63dda [ng-bind="::vm.benefitMatrixModel.GetCostToYouNetGrossText(be) "]:before {
  content: 'Your Contribution';
  white-space: pre;
  display: inline;
}

.BenefitIntro_6ac53bc7-16cb-468f-a112-43662e90552c [tbs-translate="Enrollment.Step3.YourCost"],
.BenefitIntro_0749279d-7f93-4f6a-bcf4-279fc3a63dda [tbs-translate="Enrollment.Step3.YourCost"] {
  display: none;
}

.BenefitIntro_6ac53bc7-16cb-468f-a112-43662e90552c [ng-bind="::vm.benefitMatrixModel.GetFundingCostNetGrossText(be) "]:before {
  content: 'Our Contribution';
  white-space: pre;
  display: inline;
}

.BenefitIntro_6ac53bc7-16cb-468f-a112-43662e90552c [tbs-translate="Enrollment.Step3.Funded"] {
  display: none;
}

.BenefitIntro_6ac53bc7-16cb-468f-a112-43662e90552c [ng-bind="::vm.benefitMatrixModel.GetBenefitCostNetGrossText(be) "]:before,
.BenefitIntro_0749279d-7f93-4f6a-bcf4-279fc3a63dda [ng-bind="::vm.benefitMatrixModel.GetBenefitCostNetGrossText(be) "]:before{
  content: 'Total Contribution';
  white-space: pre;
  display: inline;
}

.BenefitIntro_6ac53bc7-16cb-468f-a112-43662e90552c [tbs-translate="Enrollment.Step3.CostOfBenefit"],
.BenefitIntro_0749279d-7f93-4f6a-bcf4-279fc3a63dda [tbs-translate="Enrollment.Step3.CostOfBenefit"] {
  display: none;
}

#content-you-chose-summary #lineid_6ac53bc7-16cb-468f-a112-43662e90552c.in-Cart .funded.percent > div,
#content-you-chose-summary #lineid_6c9c72c4-bd6e-4c81-aa46-782ca68c41eb.in-Cart .funded.percent > div,
#content-you-chose-summary #lineid_8fc56581-26c7-412f-bea1-2bf1a1a8e318.in-Cart .cost.no-math-symbol > div,
#content-you-chose-summary #lineid_8fc56581-26c7-412f-bea1-2bf1a1a8e318.in-Cart .cost.no-math-symbol > p:first-of-type {
  display: none;
}

#content-you-chose-summary #lineid_6ac53bc7-16cb-468f-a112-43662e90552c.in-Cart .funded.percent > p:first-of-type::before,
#content-you-chose-summary #lineid_6c9c72c4-bd6e-4c81-aa46-782ca68c41eb.in-Cart .funded.percent > p:first-of-type::before {
  content: 'Our Contribution';
  white-space: pre;
  display: block;
}

#content-you-chose-summary #lineid_6ac53bc7-16cb-468f-a112-43662e90552c.in-Cart .cost.percent > div,
#content-you-chose-summary #lineid_6c9c72c4-bd6e-4c81-aa46-782ca68c41eb.in-Cart .cost.percent > div {
  display: none;
}

#content-you-chose-summary #lineid_6ac53bc7-16cb-468f-a112-43662e90552c.in-Cart .cost.percent > p:first-of-type::before,
#content-you-chose-summary #lineid_6c9c72c4-bd6e-4c81-aa46-782ca68c41eb.in-Cart .cost.percent > p:first-of-type::before,
#content-you-chose-summary #lineid_8fc56581-26c7-412f-bea1-2bf1a1a8e318.in-Cart .cost.no-math-symbol > p:nth-of-type(2)::before {
  content: 'Your Contribution';
  white-space: pre;
  display: block;
}

#content-you-chose-summary #lineid_6ac53bc7-16cb-468f-a112-43662e90552c .you-pay,
#content-you-chose-summary #lineid_6c9c72c4-bd6e-4c81-aa46-782ca68c41eb .you-pay,
#content-you-chose-summary #lineid_8fc56581-26c7-412f-bea1-2bf1a1a8e318 .you-pay {
  visibility: hidden;
}


/*AVC % & € election space*/
.pension-currency-box .content-option-credit-health {
  width: 50%;
}

.pension-currency-box .content-option-credit-health .option-credit-health {
  width: 100%;
}

#ProductAmount-349ed2c7-e35c-45f3-a465-ff22442cb33c,
#ProductAmount-794cfe28-7999-4e00-8869-5becd3afccd8,
#ProductAmount-81899b15-1f0c-49b8-898b-a6cbdbcfa1a8 {
  width: 100%;
}

#ProductAmount-349ed2c7-e35c-45f3-a465-ff22442cb33c .amount-input,
#ProductAmount-794cfe28-7999-4e00-8869-5becd3afccd8 .amount-input,
#ProductAmount-81899b15-1f0c-49b8-898b-a6cbdbcfa1a8 .amount-input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#amountInput-349ed2c7-e35c-45f3-a465-ff22442cb33c {
  width: 130px;
  padding-right: 30px;
  text-align: right;
}

#amountInput-794cfe28-7999-4e00-8869-5becd3afccd8 {
  width: 130px;
  padding-left: 20px;
  text-align: right;
}

#amountInput-81899b15-1f0c-49b8-898b-a6cbdbcfa1a8 {
  width: 130px;
  padding-left: 20px;
  text-align: right;
}

#ProductAmount-349ed2c7-e35c-45f3-a465-ff22442cb33c .zeroInput-height,
#ProductAmount-794cfe28-7999-4e00-8869-5becd3afccd8 .zeroInput-height,
#ProductAmount-81899b15-1f0c-49b8-898b-a6cbdbcfa1a8 .zeroInput-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 35px;
}

#ProductAmount-349ed2c7-e35c-45f3-a465-ff22442cb33c .zeroInput-height::before {
  content: '%';
  font-size: 1.3rem;
  font-family: HelveticaNowDisplayBold;
  margin-right: 30px;
  margin-left: -30px;
}

#ProductAmount-794cfe28-7999-4e00-8869-5becd3afccd8 .zeroInput-height::before {
  content: '€';
  font-size: 1.3rem;
  font-family: HelveticaNowDisplayBold;
  margin-right: 122px;
  margin-left: -122px;
}

#ProductAmount-81899b15-1f0c-49b8-898b-a6cbdbcfa1a8 .zeroInput-height::before {
  content: '€';
  font-size: 1.3rem;
  font-family: HelveticaNowDisplayBold;
  margin-right: 122px;
  margin-left: -122px;
}

#amountInput-349ed2c7-e35c-45f3-a465-ff22442cb33c,
#amountInput-794cfe28-7999-4e00-8869-5becd3afccd8,
#amountInput-81899b15-1f0c-49b8-898b-a6cbdbcfa1a8 {
  border: 4px solid #262836;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.3rem;
  font-family: HelveticaNowDisplayBold;
}

/*Volume input boxes alignment*/
#products .amount-input {
  padding-left: 0;
}


/*Hide "options" under each plan tile*/
[id^="cost-"] .option-credit-health .credit-number .credit {
  display: none;
}


/*BYO fake plan selection*/
.BenefitIntro_e4265a7e-c6fd-4502-9b83-f676c1094297 .glyphicon-play::after
/*Health - ILH*/
,
.BenefitIntro_9a1148e6-e405-45a9-b152-345feee02c08 .glyphicon-play::after
/*Health - Laya*/
,
.BenefitIntro_1e39d868-2c95-4c00-863c-2339d1492d6b .glyphicon-play::after
/*Health - VHI*/
,
.BenefitIntro_33b62a87-caeb-4714-93e7-cbe60ed56573 .glyphicon-play::after

/*WinesDirect*/
{
  content: ' Selection per participant can vary';
  font-size: 14px;
  font-family: HelveticaNowDisplayLight;
}






/*EOI*/
.BenefitIntro_b7014fe9-19df-4328-811e-bb28aed5afec .eoi-display .row.pendingEOI .col-md-4 span:first-child {
  display: none;
}
.BenefitIntro_b7014fe9-19df-4328-811e-bb28aed5afec .eoi-display .row.pendingEOI .col-md-4  .employeeVolume:before {
  content: 'Additional Amount requiring underwriting: ';
}

.row.pendingEOI.round-corner {
  background-color: #262836;
}

.row.currentEOI.round-corner {
  background-color: #C9CAC8;
}

.row.pendingEOI.round-corner span,
.row.pendingEOI.round-corner div {
  color: #fff;
}

.selected-plan.eoilinename {
  width: 185px;
  padding-right: 30px;
}

.pending-note {
  color: #262836;
}




/*PMI - BYOB*/
[id^="byoOverlay"] .content-overlay #byoStep2:before {
  content: 'Please select any dependants you wish to cover and their plans (if availble):';
  margin-bottom: 1rem;
  display: block;
}

/*Add (gross cost) & (net cost) to ER and EE cost on BYOB display*/
.products-header-e4265a7e-c6fd-4502-9b83-f676c1094297+div .byocostsummary .employeercost::after,
.products-header-1e39d868-2c95-4c00-863c-2339d1492d6b+div .byocostsummary .employeercost::after,
.products-header-9a1148e6-e405-45a9-b152-345feee02c08+div .byocostsummary .employeercost::after {
  content: '\a(gross cost)';
  white-space: pre;
}

.products-header-e4265a7e-c6fd-4502-9b83-f676c1094297+div .byocostsummary .header .col-xs-2[ng-if*="Employee"]::after,
.products-header-1e39d868-2c95-4c00-863c-2339d1492d6b+div .byocostsummary .header .col-xs-2[ng-if*="Employee"]::after,
.products-header-9a1148e6-e405-45a9-b152-345feee02c08+div .byocostsummary .header .col-xs-2[ng-if*="Employee"]::after {
  content: '\a(net cost)';
  white-space: pre;
}

.employeercost,
.col-xs-2.ng-scope.ng-isolate-scope {
  font-size: 1rem;
  font-family: HelveticaNowDisplayMedium;
}

.benefit-matrix .byocostsummary .header {
  background-color: #C9CAC8;
}

.byoaccordion {
  margin-top: 1rem;
}

#pnl-byo-cost-summary-expander>a {
  display: none;
}

#pnl-byo-cost-summary-expander>h2 {
  font-size: 1.5rem;
  font-family: HelveticaNowDisplayMedium;
  margin-bottom: 0;
}

.online-two-iso .header-overlay {
  background-color: #262836;
  overflow: hidden !important;
}

.header-overlay A.close {
  font-size: 1rem;
  color: #fff;
}

.header-overlay A:hover {
  color: #C9CAC8 !important;
}

.byoResetStyle {
  display: none;
}

/*Hide cost of plans for ee and dep and costs of personalised packages*/
#byoStep3 [class^="Per"] {
  display: none;
}

/*BYOB buttons*/

#byo-back {
  background-color: #262836;
  border: #262836;
  font-family: HelveticaNowDisplayMedium;
  font-size: 1rem;
  min-height: 50px;
  padding-top: 12px;
}

#byo-back:hover,
#byo-back:active,
#byo-back:focus {
  opacity: 0.85;
  font-family: HelveticaNowDisplayMedium;
  font-size: 1rem;
  color: #fff;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  min-height: 50px;
  padding-top: 12px;
}

/*BYOB currently selected summary*/
.in-Cart .you-chose>div>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#lineid_066088fd-bccb-43de-9726-f0293b6001a8.in-Cart .you-chose>div>div span,
#lineid_b24e9e0a-dc6d-454c-a8c3-c6c5eaeaf245.in-Cart .you-chose>div>div span {
  display: none;
}

.you-chose>div>div a {
  background: #262836;
  color: #fff;
  padding: 12px;
  width: 95px;
  /*clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);*/
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.you-chose>div>div a:hover {
  /*width: 150px;*/
  text-decoration: none;
  color: #fff;
  /*clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);*/
}

/*Plan selection on BYOB*/

#byoStep2 [id^="ddl-byo-plan-"] {
  width: 100%;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) {
  display: inline-block;
  margin: 20px 0px;
  background-color: #fff;
  /*border: 2px solid #C9CAC8;*/
  padding: 8px 0px;
  white-space: nowrap;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 25px;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td span {
  padding: 8px 10px 8px 25px !important;
  border-radius: 25px;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td input[type="radio"] {
  position: absolute;
  opacity: 1;
  margin-left: 10px;
  outline: none;
  height: 1rem;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td input[type="radio"]:checked+span {
  /*border: 2px solid #262836;*/
  background-color: #6E267B;
  color: #262836;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  border-radius: 25px;
}

#byoStep3 .byoresonsonsive .byocostsummary [ng-repeat="dep_election in byo.DependentElections"] {
  margin: 0.5rem 0;
}

.byocostsummary .row.footer {
  background-color: transparent;
  border-top: 2px solid #C9CAC8;
  font-family: HelveticaNowDisplayMedium;
}

.benefit-matrix .byocostsummary .header, 
.benefit-matrix .addoncostsummary .header {
  padding: 5px 0;
}

.benefit-matrix .byocostsummary .footer, 
.benefit-matrix .addoncostsummary .footer {
  padding: 0;
  margin-top: 5px;
}

.byocostsummary .row.footer div {
  font-family: inherit;
}

.byocostsummary .PerPay, 
.byocostsummary .PerAnnual, 
.byocostsummary .row.header .col-xs-2 {
  text-align: right;
}

/*Specified Illness*/
/*hides plan selection on step2BYOB*/
#ddl-byo-plan-807bf011-4b0b-4592-8652-95784c71b389 {
  display: none;
}

#byoOverlay-371d6a82-5be2-4265-8617-faa686a26fd5 #byoStep3 .col-md-6 {
  width: 100%;
}

/*Wine club selection color*/
#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td input[id$="323b7999-e34d-45b6-8e08-81a857d103d7"][type="radio"]:checked+span {
  background-color: #003F72;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td input[id$="96539e04-efcb-4412-b98d-16381aa532e9"][type="radio"]:checked+span {
  background-color: #003F72;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td input[id$="515462e5-b95d-48c2-a0e5-8f2eff395b8d"][type="radio"]:checked+span {
  background-color: #003F72;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td input[id$="70ce29a7-a593-48e2-9f3d-419e7c478d86"][type="radio"]:checked+span {
  background-color: #003F72;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td input[id$="a9db587d-c36d-4d87-ac36-d20956bddf9e"][type="radio"]:checked+span {
  background-color: #003F72;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td input[id$="5d2cf306-34e3-461a-8081-1a5210b841b7"][type="radio"]:checked+span {
  background-color: #003F72;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td input[id$="c6d77ab7-85c7-4df8-aa82-e00398e1e663"][type="radio"]:checked+span {
  background-color: #003F72;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td input[id$="7fc705ca-8c5e-4e5f-84f7-af31c5be727f"][type="radio"]:checked+span {
  background-color: #003F72;
}

#byoStep3 .col-md-6:first-child table tbody tr:not(:first-child) td input[id$="4c0fd6b3-7ff7-4d6b-9d77-b9f342b936ab"][type="radio"]:checked+span {
  background-color: #003F72;
}

[id^="label-coverage-"] {
  margin-top: 2rem;
}

/*Add-ons selections*/

.add-ons-link {
  font-family: HelveticaNowDisplayMedium;
  color: #262836 !important;
  text-decoration: none !important;
}

.add-ons-link:hover,
.add-ons-link:active,
.add-ons-link:focus {
  color: #262836 !important;
  text-decoration: underline !important;
}

.add-on-big-digit {
  font-family: HelveticaNowDisplayMedium;
  font-size: 1rem;
  background-color: #6E267B;
  border-radius: 25px;
  padding: 1px 15px;
  color: #fff;
}

#byoStep3 .col-md-6:nth-child(2) table tbody tr:not(:first-child) {
  display: inline-block;
  margin: 5px 3px;
  background-color: #fff;
  /*border: 2px solid #C9CAC8;*/
  padding: 8px 0px;
  white-space: nowrap;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 25px;
}

#byoStep3 .col-md-6:nth-child(2) table tbody tr:not(:first-child) td span {
  padding: 8px 10px 8px 25px !important;
  border-radius: 25px;
}

#byoStep3 .col-md-6:nth-child(2) table tbody tr:not(:first-child) td input[type="checkbox"]:checked+span {
  /*border: 2px solid #262836;*/
  background-color: #6E267B;
  color: #262836;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#byoStep3 .col-md-6:nth-child(2) table tbody tr:not(:first-child) td input[type="checkbox"] {
  position: absolute;
  opacity: 1;
  margin-left: 8px;
  outline: none;
}

/*Family Cover header*/
[tbs-translate="Enrollment.Step2.BuildYourOwnLine.YourFamilyCoverage"] {
  font-family: HelveticaNowDisplayMedium;
}

/*Hide add-on costs*/
[ng-if="addon.IsSelected"] .col-xs-2[class*="Per"] {
  visibility: hidden;
}


/*Confirm choice*/

.benefit-matrix .confirmchoice .textWrapper strong {
  font-family: HelveticaNowDisplayMedium;
  font-size: 1.3rem;
}

/*Benefit Intro - Benefit Info*/
#main.overview .modal-controls {
  display: none !important;
}

#wrapper.overview {
  top: 2rem;
}

.modal-dialog {
  margin-top: 5vh !important;
}

#benefit-overview .group-header {
  line-height: 85px;
  position: relative;
  overflow: hidden;
}

#benefit-overview .pull-right.glyphicon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0 !important;
  right: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

#benefit-overview .group-header-graphicon.pull-right.glyphicon.glyphicon-menu-up::before {
  color: #fff !important;
}

#benefit-overview .group-header-graphicon.pull-right.glyphicon.glyphicon-menu-down::before {
  color: #fff !important;
}

#benefit-overview .summaryImage {
  height: 210px;
}

#benefit-overview .summaryImage .img {
  background-position-x: center;
  background-position-y: center;
  background-size: 60%;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.HiddenBenIntro {
  display: none;
}


#benefit-overview .img.BenefitImage_6ac53bc7-16cb-468f-a112-43662e90552c {
  background-image: url('/smart/media/IMG/Icons/Pension.png');
}

/*Retirement Savings*/
#benefit-overview .img.BenefitImage_0749279d-7f93-4f6a-bcf4-279fc3a63dda {
  background-image: url('/smart/media/IMG/Icons/AVC.png');
}

/* Regular AVC*/
#benefit-overview .img.BenefitImage_8fc56581-26c7-412f-bea1-2bf1a1a8e318 {
  background-image: url('/smart/media/IMG/Icons/AVC.png');
}

/*Lumpsum AVC*/
#benefit-overview .img.BenefitImage_e88ad0ec-1498-4a04-a71f-0d3bd1f7d5a2 {
  background-image: url('/smart/media/IMG/Icons/GiftVoucher.png');
}

/*Gift Voucher(One4All)*/
#benefit-overview .img.BenefitImage_ae537f55-67cb-476d-beea-7e7a02d0560a {
  background-image: url('/smart/media/IMG/Icons/SavingsCard.png');
}

/*Perx*/
#benefit-overview .img.BenefitImage_9291d019-fe16-4b7b-83fa-d9ca03bea911 {
  background-image: url('/smart/media/IMG/Icons/HolidayTrading.png');
}

/*Holiday Trading*/
#benefit-overview .img.BenefitImage_2fd06d4f-88bf-4cc5-ac09-7abf6f8e8dbb {
  background-image: url('/smart/media/IMG/Icons/Saver.png');
}

/*Holiday Saver*/
#benefit-overview .img.BenefitImage_9565e89b-6a63-493a-9c44-0de23f56e056 {
  background-image: url('/smart/media/IMG/Icons/TravelInsurance.png');
}

/*Travel Insurance*/
#benefit-overview .img.BenefitImage_e4265a7e-c6fd-4502-9b83-f676c1094297 {
  background-image: url('/smart/media/IMG/Icons/Health.png');
}

/*Health Insurance(ILH)*/
#benefit-overview .img.BenefitImage_9a1148e6-e405-45a9-b152-345feee02c08 {
  background-image: url('/smart/media/IMG/Icons/Health.png');
}

/*Health insurance(Laya)*/
#benefit-overview .img.BenefitImage_1e39d868-2c95-4c00-863c-2339d1492d6b {
  background-image: url('/smart/media/IMG/Icons/Health.png');
}

/*Health insurance(VHI)*/
#benefit-overview .img.BenefitImage_fe935887-8e8b-43fe-a039-97a13d4e1869 {
  background-image: url('/smart/media/IMG/Icons/Vision.png');
}

/*Vision Care - VSP*/
#benefit-overview .img.BenefitImage_4447f8ba-88f2-4fa7-a365-3331e3546d94 {
  background-image: url('/smart/media/IMG/Icons/Vision.png');
}

/*Vision Care - DeCare*/
#benefit-overview .img.BenefitImage_e6ec58e4-f5d1-4dc7-ad60-80364bd5bbec {
  background-image: url('/smart/media/IMG/Icons/Dental.png');
}

/*Dental*/
#benefit-overview .img.BenefitImage_33b62a87-caeb-4714-93e7-cbe60ed56573 {
  background-image: url('/smart/media/IMG/Icons/Wine.png');
}

/*Wine Club*/
#benefit-overview .img.BenefitImage_2fa3b64d-c724-4769-bb14-7303acf56493 {
  background-image: url('/smart/media/IMG/Icons/Dining.png');
}

/*Dining Card*/
#benefit-overview .img.BenefitImage_3cf08f83-f47d-4a7e-86c3-d8f1cb18dd8a {
  background-image: url('/smart/media/IMG/Icons/Gym.png');
}

/*Gym (Hubex)*/
#benefit-overview .img.BenefitImage_717437cd-5740-42a1-833f-c03f87facc8d {
  background-image: url('/smart/media/IMG/Icons/Gym.png');
}

/*Gym (Incorepore)*/
#benefit-overview .img.BenefitImage_42bbdda1-9aed-43ca-ad0f-752d73c82fdb {
  background-image: url('/smart/media/IMG/Icons/Aon-Portal_Benefits-Icons_160x130_Partner-Life-Assurance.png');
}

/*Income Protection*/
#benefit-overview .img.BenefitImage_329e273e-f5b8-4ab2-91b2-49168442de81 {
  background-image: url('/smart/media/IMG/Icons/CriticalIllness.png');
}

/*Critical Illness*/
#benefit-overview .img.BenefitImage_33fde6b4-3d51-4c5e-8837-65d9b7f76d24 {
  background-image: url('/smart/media/IMG/Icons/CommuterTicket.png');
}

/*Travel Ticket*/
#benefit-overview .img.BenefitImage_933c1f0f-9aaa-46ba-b043-4b34599e6d9f,
#benefit-overview .img.BenefitImage_3b665bea-ab96-4fcd-a513-843da75dfbc6 {
  background-image: url('/smart/media/IMG/Icons/Cycle2Work.png');
}

/*Cycle2Work*/
#benefit-overview .img.BenefitImage_b7014fe9-19df-4328-811e-bb28aed5afec {
  background-image: url('/smart/media/IMG/Icons/LifeAssurance.png');
}

/*Life Assurance*/
#benefit-overview .img.BenefitImage_58d3868b-e308-4c9b-b73c-f1013752e8c1 {
  background-image: url('/smart/media/IMG/Icons/LTD.png');
}

/*LongTermDisability*/

#benefit-overview #overviewAccordion .panel-body {
  border: none;
}

#benefit-overview .overviewSummaryList [id*="HideOnOverview"] {
  display: none !important;
}

.panel.panel-default {
  border: none;
}

#benefit-overview #overviewAccordion .panel-heading {
  background-color: transparent;
}

#benefit-overview #overviewAccordion .panel-collapse {
  border-color: transparent;
  padding: 0 5px;
  background: #F5F5F5;
  border: 5px solid;
  border-top: none;
}

.benefit-matrix .panel-group .line-group {
  padding: 0;
}

.benefit-matrix .benefit-active-benefits {
  padding-bottom: 0px;
}

.benefit-matrix .group-default {
  padding: 8px 8px 0 8px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.benefit-matrix span.line-group {
  color: #fff;
}

/*Benefit Matrix Group Panel Heading background color*/
.benefit-matrix .benefit-category .panel-default>.panel-heading {
  background-color: #262836;
}

/*Line Group Headers*/
.benefit-matrix .group-default {
  background: transparent;
}

.benefit-matrix .byoaccordion .panel-title {
  padding-bottom: 0;
}

.benefit-matrix .byoaccordion .panel-body {
  border: none !important;
  background: #F5F5F5;
  padding: 10px 0;
}


/*BYOB table headers*/
[class^="line-group"] .group-body {
  border-left: 5px solid;
  border-right: 5px solid;
  border-bottom: 5px solid;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-bottom: 5px;
}

.line-group .group-body {
  padding: 2px;
}

#benefit-overview .summaryContent {
  font-family: HelveticaNowDisplayBold;
  font-size: 1rem;
  padding-top: 1rem;
  margin-bottom: 1rem;
}

.online-two-iso .intro-content {
  color: #262836;
  font-size: 1rem;
}

.online-two-iso .intro-content.header {
  font-family: HelveticaNowDisplayBold;
  margin: 2rem 0;
  font-size: 2.25rem;
  text-transform: inherit;
}

.online-two-iso .intro-content.text,
.online-two-iso .faq-answer p,
.online-two-iso .faq-answer table,
.online-two-iso .faq-answer ul {
  font-family: HelveticaNowDisplayLight;
  margin-bottom: 2rem;
  padding-bottom: 0;
}

.online-two-iso .intro-content.text,
.online-two-iso .faq-title,
.online-two-iso .faq-answer p,
.online-two-iso .faq-answer table,
.online-two-iso .faq-answer ul,
.online-two-iso .intro-content.text *,
.online-two-iso .faq-answer p *,
.online-two-iso .faq-answer table *,
.online-two-iso .faq-answer ul *,
.online-two-iso .intro-content strong,
.online-two-iso .faq-answer strong,
.info-text ul li strong {
  font-size: 1rem;
  font-size: clamp(0.9rem, 0.8115rem + 0.3931vw, 1rem);
}

.info-text ul li {
  font-family: HelveticaNowDisplayLight;
  font-size: 1rem;
}


.info-text table {
  font-family: HelveticaNowDisplayLight;
  font-size: 1rem;
  margin-top: 10px;
  margin-left: 40px;
}

.info-text table strong {
  font-family: HelveticaNowDisplayMedium;
}

.online-two-iso .faq-answer p {
  line-height: 1.1rem;
}

.online-two-iso .intro-content.text.margin-bottom-1 {
  margin-bottom: 1rem;
}

.online-two-iso .intro-content.text.margin-bottom-0 {
  margin-bottom: 0;
}

li.intro-content.text {
  margin-bottom: 0 !important;
}

.online-two-iso .intro-content strong,
.online-two-iso .faq-answer strong,
.info-text ul li strong {
  font-family: HelveticaNowDisplayMedium;
}

.online-two-iso .faq-question {
  font-size: 1.1rem;
}

.online-two-iso .faq-title {
  font-family: HelveticaNowDisplayMedium;
  text-decoration: none;
  color: #262836;
}

.online-two-iso .faq-title:hover,
.online-two-iso .faq-title:focus,
.online-two-iso .faq-title:active {
  text-decoration: none;
  color: #262836;
  opacity: 0.85;
  outline: none;
}

.online-two-iso .faq-title::before {
  content: '';
  font-family: FontAwesome;
  padding-right: 5px;
}

.online-two-iso .faq-answer {
  padding-left: 1.3rem;
}

.online-two-iso [class*="modal-"] .modal-body .pannel-body-full {
  min-height: 375px;
}

.online-two-iso .modal-large {
  width: min(1080px, 80vw);
  margin: 10px auto;
}

@media(max-width: 766px) {
  .online-two-iso .modal-large {
    width: 95%;
  }
}

.online-two-iso .modal-large .tab-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.online-two-iso [class*="modal-"] .tab-selector-link {
  color: #262836;
  font-family: HelveticaNowDisplayMedium;
  font-size: 1.1rem;
  outline-color: #29B0C3;
  padding: 2px 16px;
}



.online-two-iso [class*="modal-"] .tab-selector-link.active,
.online-two-iso [class*="modal-"] .tab-selector-link,
.online-two-iso [class*="modal-"] a.tab-selector-link {
  color: #262836;
  border-bottom: 0.5rem solid transparent !important;
}

.intro-content a,
.faq-answer a {
  color: #262836;
  text-decoration: underline;
}

.intro-content a:hover,
.faq-answer a:hover {
  opacity: 0.85;
  color: #262836;
}

.online-two-iso .info-text.item.benefit-type-content,
.online-two-iso .faq-item {
  width: 75%;
}

#benefit-overview .benefit-overview-title H1 {
  font-size: 2rem;
  font-family: HelveticaNowDisplayMedium;
  color: #262836;
}

/*benefit overview tiles - grid layout for text and buttons */

#benefit-overview .summaryContent.tableCell {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

#benefit-overview .summaryContent.tableCell .summaryTitle {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / span 2;
}

#benefit-overview .summaryContent.tableCell .summaries {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / span 2;
}

.summary-text.item.benefit-type-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.summary-text.item .text {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / span 2;
}

.summary-text.item .choice,
.summary-text.item .text,
.summary-text.item .ext {
  margin-bottom: 5px;
}

.summaryControls {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / span 2;
  vertical-align: middle;
}

#benefit-overview .summaryContent.tableCell {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


/*Benefit Info - icons*/
.online-two-iso .modal-dialog [class*="LineDetail_"] .pannel-body-full {
  background-repeat: no-repeat;
  background-position-x: 90%;
  background-position-y: 2rem;
  background-size: 15%;
  padding: 0 !important;
  min-height: 45vh;
}

.online-two-iso .modal-large .modal-body .pannel-body-full>div {
  visibility: visible;
  padding: 0px 40px;
  max-height: 55vh;
  overflow-y: auto;
}

/*Retirement Savings*/
.online-two-iso .LineDetail_6ac53bc7-16cb-468f-a112-43662e90552c .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Pension.png');
}

/* Regular AVC*/
.online-two-iso .LineDetail_0749279d-7f93-4f6a-bcf4-279fc3a63dda .pannel-body-full {
  background: url('/smart/media/IMG/Icons/AVC.png');
}

/*Lumpsum AVC*/
.online-two-iso .LineDetail_8fc56581-26c7-412f-bea1-2bf1a1a8e318 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/AVC.png');
}

/*Gift Voucher(One4All)*/
.online-two-iso .LineDetail_e88ad0ec-1498-4a04-a71f-0d3bd1f7d5a2 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/GiftVoucher.png');
}

/*Perx*/
.online-two-iso .LineDetail_ae537f55-67cb-476d-beea-7e7a02d0560a .pannel-body-full {
  background-image: url('/smart/media/IMG/Icons/SavingsCard.png');
}

/*Holiday Trading*/
.online-two-iso .LineDetail_d0d3e2d8-a4c7-44f9-a9bc-0a053adeff3c .pannel-body-full {
  background: url('/smart/media/IMG/Icons/HolidayTrading.png');
}

/*Saver Schemes*/
.online-two-iso .LineDetail_2fd06d4f-88bf-4cc5-ac09-7abf6f8e8dbb .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Saver.png');
}

/*Travel Insurance*/
.online-two-iso .LineDetail_9565e89b-6a63-493a-9c44-0de23f56e056 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/TravelInsurance.png');
}

/*Health Insurance(ILH)*/
.online-two-iso .LineDetail_e4265a7e-c6fd-4502-9b83-f676c1094297 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Health.png');
}

/*Health insurance(Laya)*/
.online-two-iso .LineDetail_9a1148e6-e405-45a9-b152-345feee02c08 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Health.png');
}

/*Health insurance(VHI)*/
.online-two-iso .LineDetail_1e39d868-2c95-4c00-863c-2339d1492d6b .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Health.png');
}

/*Vision Care - VSP*/
.online-two-iso .LineDetail_fe935887-8e8b-43fe-a039-97a13d4e1869 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Vision.png');
}

/*Vision Care  DeCare*/
.online-two-iso .LineDetail_4447f8ba-88f2-4fa7-a365-3331e3546d94 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Vision.png');
}

/*Dental*/
.online-two-iso .LineDetail_e6ec58e4-f5d1-4dc7-ad60-80364bd5bbec .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Dental.png');
}

/*Wine Club*/
.online-two-iso .LineDetail_33b62a87-caeb-4714-93e7-cbe60ed56573 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Wine.png');
}

/*Dining Card*/
.online-two-iso .LineDetail_L2fa3b64d-c724-4769-bb14-7303acf56493 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Dining.png');
}

/*Gym (Hubex)*/
.online-two-iso .LineDetail_L3cf08f83-f47d-4a7e-86c3-d8f1cb18dd8a .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Gym.png');
}

/*Gym (Incorepore)*/
.online-two-iso .LineDetail_L717437cd-5740-42a1-833f-c03f87facc8d .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Gym.png');
}

/*Income Protection*/
.online-two-iso .LineDetail_42bbdda1-9aed-43ca-ad0f-752d73c82fdb .pannel-body-full {
  background: url('/smart/media/IMG/Icons/LifeAssurance.png');
}

/*Critical Illness*/
.online-two-iso .LineDetail_329e273e-f5b8-4ab2-91b2-49168442de81 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/CriticalIllness.png');
}

/*Travel Ticket*/
.online-two-iso .LineDetail_L33fde6b4-3d51-4c5e-8837-65d9b7f76d24 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/CommuterTicket.png');
}

/*Cycle2Work*/
.online-two-iso .LineDetail_933c1f0f-9aaa-46ba-b043-4b34599e6d9f .pannel-body-full,
.online-two-iso .LineDetail_3b665bea-ab96-4fcd-a513-843da75dfbc6 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/Cycle2Work.png');
}

/*Life Assurance*/
.online-two-iso .LineDetail_b7014fe9-19df-4328-811e-bb28aed5afec .pannel-body-full {
  background: url('/smart/media/IMG/Icons/LifeAssurance.png');
}

/*LongTermDisability*/
.online-two-iso .LineDetail_58d3868b-e308-4c9b-b73c-f1013752e8c1 .pannel-body-full {
  background: url('/smart/media/IMG/Icons/LTD.png');
}

/*Travel-Benefits*/
.online-two-iso .LineDetail_travel .pannel-body-full {
  background: url('/smart/media/IMG/Icons/CommuterTicket.png');
}





/*Validations / Follow Ups, etc.*/
#followup-items-overlay.online-followup-items #followup-items-title {
  width: 100%;
  font-family: HelveticaNowDisplayBold;
  font-size: 1.7rem;
  color: #fff;
  background: #262836;
  text-align: left;
}

.enrollmentvalidation .followup-item-input>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #EEE;
  padding-top: 1rem;
}

.enrollmentvalidation .followup-item-description {
  text-align: left;
}

#validationError-overlay.overlay {
  height: auto;
}

#ValidationError .list {
  list-style: disclosure-closed;
  margin-left: 40px;
}

#ValidationError .arrow::before {
  content: '';
  font-family: FontAwesome;
  padding: 0 5px;
}

#ValidationError>div>h3 {
  text-align: center;
  font-family: HelveticaNowDisplayMedium;
  font-size: 2rem;
}

#ValidationError h2 {
  font-family: HelveticaNowDisplayMedium;
  font-size: 1.5rem;
}

#ValidationError>ul {
  text-align: center;
  padding: 10px 20px 20px 20px;
  background: #f5f5f5;
}

/*On screen follow ups*/
.benefitselect .followup-required {
  display: none;
}

.followup-item-collect {
  margin-right: 4rem;
}

.benefitselect #content .line-benefit-intro~[class^="box-border"] .box-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.benefitselect #content .line-benefit-intro~[class^="box-border"] .box-border .followup-container {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 45%;
  flex: 1 1 45%;
  margin: 0.5rem;
}

.benefitselect .followup-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #C9CAC8;
  border-radius: 10px;
}

.followup-item-collect hr {
  display: none;
}

.benefitselect .followup-container::before {
  content: '';
  font-family: FontAwesome;
  font-size: 2rem;
  display: block;
  margin-right: 1rem;
  margin-left: 1rem;
  margin-top: 0.5rem;
}

.benefitselect .followup-container .followup-collect-header {
  height: auto;
  padding: 0px 12px;
}

/*.benefitselect .followup-collect-content {
display: none;
}*/

.hide-on-line-page.followuptitle-taste {
  font-family: HelveticaNowDisplayMedium;
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  text-align: left;
}

.hide-on-line-page.followuptext-taste {
  text-align: left;
}

.benefitselect .followup-container .followup-item-coverage-heading {
  padding-bottom: 0;
  margin-bottom: 0;
}

.followup-collect-header .followup-item-coverage-heading span {
  font-size: 0.8rem;
  font-family: HelveticaNowDisplayMedium;
}

.followup-item-coverage-heading .followup_header {
  font-size: 1rem;
  font-family: HelveticaNowDisplayMedium;
  padding: 0.5rem 0 !important;
  margin: 0 !important;
}

.followup-collect-header .followup-item-coverage-heading span .followup-item-header {
  font-family: HelveticaNowDisplayMedium;
  margin: 0;
  padding-top: 1rem;
}

.followup-collect-header .followup-item-coverage-heading span .followup-item-header+p {
  margin: 0;
}

.followup-item-collect .followup-collect-content {
  font-size: 0.8rem;
}

.followUpItems-confirm label,
.followup-item-input label,
.followUpItems-confirm label span,
.followup-item-input label span {
  font-style: italic;
  font-family: HelveticaNowDisplayMedium;
}

.followup-item-input label~span,
.followup-item-input label~span>span {
  font-style: italic;
}

.followup-item-coverage-heading .underline {
  -webkit-text-decoration: underline 3px #999;
  text-decoration: underline 3px #999;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

.followup-item-collect .followup-collect-content .indented {
  margin-left: 2rem;
}

.followUpItems-confirm label {
  font-size: 0.8rem;
  font-family: HelveticaNowDisplayMedium;
  font-style: italic;
  vertical-align: sub;
}

.followup-collect-header .followup-item-coverage-heading span p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.alert-warning hr {
  border-top-color: #C9CAC8 !important;
  margin: 5px auto !important;
}

.followup-item-collect h5.success {
  margin-bottom: 0;
  font-size: 1rem;
}

.benefitselect .followup-collect-info {
  display: none;
}

.follow-up-line-name {
  font-family: HelveticaNowDisplayMedium;
}

/*Hide follow up lines for tastecard & gourmet card*/
#lineid_f470da80-2369-47fb-a3a2-5b8641db7126 {
  display: none;
}

#products-header-label.products-header.products-header-f470da80-2369-47fb-a3a2-5b8641db7126 {
  display: none;
}

#linedata .linename-display-tastecard {
  font-size: 1rem;
  text-transform: none;
}

#lineid_06cded4c-0f6f-4388-beb1-0deedffc7a71 {
  display: none;
}

#products-header-label.products-header.products-header-06cded4c-0f6f-4388-beb1-0deedffc7a71 {
  display: none;
}


/*Format dining cards benefit tiles (tastecard & gourmet)*/

#product-infodd17d3c0-8701-4ee4-8330-c24be42c3a3b #optionNameHeading {
  display: none;
}

#product-infodd17d3c0-8701-4ee4-8330-c24be42c3a3b .dining-info-header {
  margin-bottom: 1rem;
}

#product-infodd17d3c0-8701-4ee4-8330-c24be42c3a3b .dining-info-text {
  font-size: 1rem;
}

#product-infodd17d3c0-8701-4ee4-8330-c24be42c3a3b .dining-info-text strong {
  font-family: HelveticaNowDisplayMedium;
}

#product-infodd17d3c0-8701-4ee4-8330-c24be42c3a3b {
  width: 125%;
}

#product-infoc1f0bb79-9c0b-47f0-92ea-396d37989199 #optionNameHeading {
  display: none;
}

#product-infoc1f0bb79-9c0b-47f0-92ea-396d37989199 .dining-info-header {
  margin-bottom: 1rem;
}

#product-infoc1f0bb79-9c0b-47f0-92ea-396d37989199 .dining-info-text {
  font-size: 1rem;
}

#product-infoc1f0bb79-9c0b-47f0-92ea-396d37989199 .dining-info-text strong {
  font-family: HelveticaNowDisplayMedium;
}

#product-infoc1f0bb79-9c0b-47f0-92ea-396d37989199 {
  width: 125%;
}

/*Benefit Summary - Benefit Statement*/
.input-group-addon.data-addon.ng-binding {
  color: #262836;
  font-family: HelveticaNowDisplayMedium;
}

.benefit-statement .line-group {
  padding: 0;
}

.benefit-statement .lineheader {
  color: #262836;
  font-family: HelveticaNowDisplayBold;
  font-size: 1.8rem;
}

.alert.alert-warning {
  color: #262836;
  font-size: 1.2rem;
  font-family: HelveticaNowDisplayMedium;
}

/*Benefit for complete - elections submitted page*/
.benefitforcomplate .line-group {
  padding: 0;
}

.benefitforcomplate .lineheader {
  color: #262836;
  font-family: HelveticaNowDisplayBold;
  font-size: 1.2rem;
}

.benefit-matrix .text-success.section-complete {
  font-size: 1rem;
  font-family: HelveticaNowDisplayMedium;
  color: #262836 !important;
}

.benefit-matrix .modal-content .hdf-followup {
  padding: 0;
}

.hdf-followup .modal-header span {
  color: #FFF;
  text-transform: uppercase;
  font-size: 1.2rem;
}

.benefit-matrix .hdffollowup-intro {
  font-size: 1rem;
}

.hdf-followup .followup-details .row > div {
  width: 50%;
  font-size: 0.8rem;
}

/*Contact Us Page*/
#form[action*="contact-us"] #wrapper {
  padding-top: 4rem;
  position: relative;
}

#form[action*="contact-us"] #page-header {
  display: none;
}

#form[action*="smart-contact-us"] #headerResources {
  display: none;
}

.contact_page {
  display: flex;
  width: 90%;
  margin: 0 auto !important;
  align-items: center;
  flex-wrap: wrap;
}

.contact_page > * {
  flex: 1 1 45%;
}

.contact_img {
  min-width: 300px;
  order: -1;
  width: 100%;
}

.contact_page_container {
  line-height: 1.5;
  font-size: 1rem;
  max-width: 60ch;
}

.contact_page_container h1 {
  padding: 1rem 0 !important;
}

.contact_page .back {
  margin-top: 1rem !important;
}

.contact_page .back a {
  text-decoration: none;
}

.contact_page .back a:hover {
  color: #262836;
}

.contact_page .back a:before {
  content: '\f33e  ';
  padding-right: ;
  font-family: FA6Solid;
}

/*Maintenance Page*/
[action*="maintenance"] #blackPageDiv,
[action*="Maintenance"] #blackPageDiv {
  background: #fff;
}

.maintenance_wrapper {
  display: flex;
  height: 100vh;
  font-size: 1rem !important;
  align-items: center;
  width: 80%;
}

.maintenance_content h1 {
	color: #46535e;
}

.maintenance_wrapper > * {
  flex: 1 1 45%;
}

.maintenance_wrapper img {
  width: 100%;
}

.maintenance_content .back {
	margin-top: 1rem;
}




/*---------------------------------------------------------------------------------------------------------------*/
/*Footer*/
#footer {
  padding: 0;
}

.online-two-iso #terminator #footer.footer-fullwidth {
  position: relative;
  bottom: 0;
}

:not([id="home"]) #footer {
  position: absolute;
}

#general #footer a {
  margin: 0;
  color: #FFF;
}

#footer .footer-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4fr 1fr;
  grid-template-columns: 1fr 4fr 1fr;
  grid-template-areas:
    "logo menu social"
    "logo copyright social";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

#footer #footer-logo {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: logo;
  -ms-grid-column-align: end;
  justify-self: end;
  width: 65%;
}

#footer #footer-menu {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: menu;
  justify-items: center;
}

#footer #footer-menu ul {
  justify-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 5px 0 0 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#footer #footer-menu ul li {
  list-style: none;
  text-align: center;
  -webkit-transition: background-color 0.35s linear;
  -o-transition: background-color 0.35s linear;
  transition: background-color 0.35s linear;
}

#footer #footer-menu ul li:not(:first-child) {
  border-left: 1px solid #FFF
}

#footer #footer-menu ul li:hover {
  background-color: #FFF;
}

#footer #footer-menu ul li a {
  text-decoration: none;
  color: #FFF;
  font-size: 1rem;
  font-family: HelveticaNowDisplayMedium;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.optanon-toggle-display.EUFooterLink {
  display: list-item !important;
}

.online-two-iso #footer-menu ul li a {
  padding: 1rem 3rem;
}

#footer #footer-menu ul li:hover a {
  color: #262836;
  text-decoration: none;
}

#footer #footer-social {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  grid-area: social;
  justify-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.online-two-iso #footer #footer-social a::before {
  font-family: FontAwesome;
  font-size: 3em;
  color: #FFFFFF
}

.online-two-iso #footer #footer-social a.fa-facebook::before {
  content: '\f082';
}

.online-two-iso #footer #footer-social a.fa-twitter::before {
  content: '\f081';
}

.online-two-iso #footer #footer-social a.fa-linkedin::before {
  content: '\f08c';
}

#footer #footer-social a:hover,
#footer #footer-social a:focus {
  text-decoration: none;
}

#footer #footer-copyright {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: copyright;
  -ms-grid-column-align: center;
  justify-self: center;
  padding: 1.5rem 0 1rem 0;
  text-align: center;
  width: 75%;
}

#footer-copyright p {
  color: #FFF;
}

#footer-social A:hover,
#footer-social A:focus {
  text-decoration: none;
}

@media (min-width:300px) and (max-width:766px) {
  
  #footer .footer-container {
    display: block;
    text-align: center;
  }
  
  #footer #footer-menu ul {
    display: block;
  }
  
  #footer #footer-menu ul li {
    border: none !important;
    ;
  }
  
  #footer #footer-social {
    margin-top: 1rem;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    height: 45px;
  }
  
  #footer #footer-menu ul li a {
    text-decoration: underline;
  }
}

/*About Us*/

.contact-us-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
  flex-wrap: wrap;
}

.about-info {
  margin-bottom: 2rem !important;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.about-info h1 {
  font-family: HelveticaNowDisplayMedium;
  color: #E11B22;
  font-size: 2.7rem;
  padding-bottom: 1rem !important;
}

.about-info p {
  max-width: 65ch;
  margin: 0 auto !important;
}

.about-info p, 
.about-info p a {
  font-size: clamp(0.8rem, 0.2750rem + 2.3333vw, 1.5rem);
}

.about-info img {
  height: 200px;
}

/*Session timeout message*/
.session-expiry-counter {
  font-size: 2rem;
  font-family: HelveticaNowDisplayBold;
}





/*****************TRS DASHBOARD******************/

#dashboardContainer {
  padding-top: 6rem;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  max-width: 1280px;
}

#dashboardContainer .row.summary-header {
  display: none;
}

#dashboardContainer .Welcometext {
  color: #FFF;
  font-family: HelveticaNowDisplayBold;
  font-size: 3.8vw;
}

#dashboardContainer .Headertext {
  font-size: 1rem;
  font-size: clamp(0.8rem, 0.5750rem + 1.0000vw, 1rem);
  max-width: 70ch;
  width: max-content;
  margin: 0 auto;
}

#dashboardContainer .Headertext .trs_intro {
  font-size: clamp(0.8rem, 0.5750rem + 1.0000vw, 1rem);
  max-width: 70ch;
  margin: 0 auto;
  line-height: 1em;
}

.trsdashboard .panel-default>.panel-heading {
  display: none;
}

.trsdashboard .content-name {
  border-bottom: none;
}

.trsdashboard .content-name span {
  width: 100%;
  display: inline-block;  
  padding: 20px 0 10px;
}

.trsdashboard .div-trs-component-info-type .content-name {
  padding-top: 0;
  padding-bottom: 0;
}

.trsdashboard .div-trs-component-info-type .content-name {
  width: 100%;
  display: inline-block;  
  padding: 20px 0 10px;
}

.trsdashboard .div-trs-component-info-type:first-of-type .content-name {
  padding-top: 0;
}

.trsdashboard .chart_line_title, .trsdashboard .content-name {
  padding-left: 5px !important;
}

.trsdashboard .chart_line_amount {
  padding-right: 5px !important;
}

.trsdashboard .chart_line.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#dashboardContainer .panel {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  background-color: transparent;
}

#dashboardContainer .panel-group {
  margin-bottom: 5rem;
}

#dashboardContainer .panel-body {
  border: 2px solid #6E267B;
  padding: 0;
  border-radius: 30px;
}

/*.highcharts-title {
left: 45% !important;
}

.trsdashboard .dashboardtitle {
margin: 20px;
}
*/

.highcharts-background {
  fill: transparent;
}

.highcharts-point {
  stroke: none;
}

#dashboardContainer .highcharts-title {
  padding-top: 1rem;
  font-size: 1.5rem !important;
}

.trsdashboard .highcharts-title>div {
  color: #fff !important;
  font-family: HelveticaNowDisplayMedium !important;
}

.trsdashboard tbs-highchart {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  width: 100% !important;
}

.trsdashboard .highcharts-container {
  height: 500px !important;
}

.trsdashboard tspan {
  font-size: 0.87rem;
  font-family: HelveticaNowDisplayLight;
  fill: #fff;
}

.trsdashboard .table-footer {
  font-size: 1rem;
  padding-top: 1rem;
}

tbs-highchart .highcharts-root {
  width: 95%;
  margin: 0 auto;
  display: block;
}

.highcharts-label.highcharts-tooltip {
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  transform: translate(50%, 50%)
}

.trs-icon i:before {
  content: "" !important;
  width: 100%;
  height: 150px;
  background-position-x: center !important;
  background-position-y: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  font-family: OnlineTwoIconFont;
  font-size: 4rem !important;
  padding: 3rem 0 !important;
  line-height: 1rem !important;
}

.trs-icon i {
  display: block;
  width: 100%;
  height: 100px;
  background-position-x: center !important;
  background-position-y: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  margin-bottom: 1rem;
}

li.active .trs-icon i {
  background: none;
  background-size: 150px !important;
}

#dashboardContainer .nav-justified {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#dashboardContainer .nav-justified>li {
  width: auto;
  min-width: 20%;
}

#dashboardContainer .nav-stacked > li + li {
  margin: 0;
}

.nav.nav-pills.nav-stacked.nav-justified .nav-item.active {
  background-color: #eee;
}

.active .trs-icon i {
  -webkit-animation: scale-up-center 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both infinite;
  animation: scale-up-center 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both infinite;
}



/*TRS Group List*/
.trsdashboard .trs-icon~span {
  font-size: 1.2rem;
  font-family: HelveticaNowDisplayMedium;
}

@media (min-width: 767px) {
  .trsdashboard .trs-icon~span {
    word-spacing: 1000px;
    line-height: 0.8em;
  }
}

.trs-icon [class*="Earn"],
.trs-icon [class*="earn"],
.trs-icon [class*="Compensation"],
.trs-icon [class*="compensation"],
.trs-icon [class*="Salary"],
.trs-icon [class*="salary"],
.trs-icon [class*="Bonus"],
.trs-icon [class*="bonus"],
.trs-icon [class*="Income"],
.trs-icon [class*="income"] {
  background: url(/smart/media/IMG/TRS%20Icons%20and%20Images/B/TRS-icons_Comp_Off.png);
}

.active .trs-icon [class*="Earn"],
.active .trs-icon [class*="earn"],
.active .trs-icon [class*="Compensation"],
.active .trs-icon [class*="compensation"],
.active .trs-icon [class*="Salary"],
.active .trs-icon [class*="salary"],
.active .trs-icon [class*="Bonus"],
.active .trs-icon [class*="bonus"],
.active .trs-icon [class*="Income"],
.active .trs-icon [class*="income"] {
  background: url(/smart/media/IMG/TRS%20Icons%20and%20Images/TRS-icons_Comp_On.png);
}

.trs-icon [class*="Retire"],
.trs-icon [class*="retire"],
.trs-icon [class*="Sav"],
.trs-icon [class*="sav"],
.trs-icon [class*="Pension"],
.trs-icon [class*="pension"],
.trs-icon [class*="Contrib"],
.trs-icon [class*="contrib"] {
  background: url(/smart/media/IMG/TRS%20Icons%20and%20Images/B/TRS-icons_Save_Off.png);
}

.active .trs-icon [class*="Retire"],
.active .trs-icon [class*="retire"],
.active .trs-icon [class*="Sav"],
.active .trs-icon [class*="sav"],
.active .trs-icon [class*="Pension"],
.active .trs-icon [class*="pension"],
.active .trs-icon [class*="Contrib"],
.active .trs-icon [class*="contrib"] {
  background: url(/smart/media/IMG/TRS%20Icons%20and%20Images/TRS-icons_Save_On.png);
}

.trs-icon [class*="Prot"],
.trs-icon [class*="prot"],
.trs-icon [class*="Risk"],
.trs-icon [class*="risk"],
.trs-icon [class*="Cover"],
.trs-icon [class*="cover"] {
  background: url(/smart/media/IMG/TRS%20Icons%20and%20Images/B/TRS-icons_Protection_Off.png);
}

.active .trs-icon [class*="Prot"],
.active .trs-icon [class*="prot"],
.active .trs-icon [class*="Risk"],
.active .trs-icon [class*="risk"],
.active .trs-icon [class*="Cover"],
.active .trs-icon [class*="cover"] {
  background: url(/smart/media/IMG/TRS%20Icons%20and%20Images/TRS-icons_Protection_On.png);
}

.trs-icon [class*="Health"],
.trs-icon [class*="health"],
.trs-icon [class*="Wellbeing"],
.trs-icon [class*="wellbeing"],
.trs-icon [class*="Medical"],
.trs-icon [class*="medical"] {
  background: url(/smart/media/IMG/TRS%20Icons%20and%20Images/B/TRS-icons_Health_Off.png);
}

.active .trs-icon [class*="Health"],
.active .trs-icon [class*="health"],
.active .trs-icon [class*="Wellbeing"],
.active .trs-icon [class*="wellbeing"],
.active .trs-icon [class*="Medical"],
.active .trs-icon [class*="medical"] {
  background: url(/smart/media/IMG/TRS%20Icons%20and%20Images/TRS-icons_Health_On.png);
}

.trs-icon [class*="Add"],
.trs-icon [class*="add"],
.trs-icon [class*="Extra"],
.trs-icon [class*="extra"],
.trs-icon [class*="More"],
.trs-icon [class*="more"] {
  background: url(/smart/media/IMG/TRS%20Icons%20and%20Images/B/TRS-icons_Perks_Off.png);
}

.active .trs-icon [class*="Add"],
.active .trs-icon [class*="add"],
.active .trs-icon [class*="Extra"],
.active .trs-icon [class*="extra"],
.active .trs-icon [class*="More"],
.active .trs-icon [class*="more"] {
  background: url(/smart/media/IMG/TRS%20Icons%20and%20Images/TRS-icons_Perks_On.png);
}

/*TRS Tables*/
@media (min-width: 992px) {
  #dashboardContainer .col-md-8 {
    width: 50%;
  }
}

@media (min-width: 992px) {
  #dashboardContainer .side-bar {
    float: right;
    border-radius: 30px;
    min-height: 600px;
    /*background: -o-linear-gradient(180deg,#262836,white);
    background: -webkit-gradient(linear,left top, left bottom,from(#262836),to(white));
    background: -o-linear-gradient(top,#262836,white);
    background: linear-gradient(180deg,#262836,white);
    border: 2px solid #262836;*/
  }
}

#dashboardContainer .content-header {
  font-size: 1rem;
  margin: 0;
  padding: 0;
}

.trsdashboard .content-name {
  border-bottom: 1px solid #262836;
}

.trsdashboard .content-name {
  font-family: HelveticaNowDisplayBold !important;
  font-size: 1rem;
}

.trsdashboard .chart_line.row {
  font-family: HelveticaNowDisplayLight;
  font-size: 1rem;
}

.chart_line.chart_line_total.row * {
  font-family: HelveticaNowDisplayMedium;
  font-size: 1rem;
}

[class^="col"]>.chart_line_total {
  margin-top: 1rem;
}

[class^='col']>.chart_line_total .chart_line_title>span::before {
  content: 'Grand ';
}

#dashboardContainer .chart_line_amount {
  text-align: right;
}

.trsdashboard .chart_line {
  border-bottom: none;
}

#dashboardContainer .tab-content {
  margin-top: 2rem;
  min-height: 50vh;
}

.side-bar>div:first-child {
  text-align: center;
}

#dashboardContainer .side-bar .additionalContent {
  margin-bottom: 2rem;
}

#dashboardContainer .Need_help {
  font-family: HelveticaNowDisplayBold;
  font-size: 1.2rem;
  
}

#dashboardContainer .Need_help.help_image {
  width: 80px;
  padding: 0 0 1rem 0;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

#dashboardContainer .Help_text {
  font-family: HelveticaNowDisplayLight;
  font-size: 1.1rem;
}

.trsdashboard .show-tab-mobile .panel-default>.panel-heading {
  display: block;
}

@media (max-width: 766px) {
  #dashboardContainer {
	width: 90%;
  }
  
  .trsdashboard .highcharts-container {
    margin: 0 auto;
  }
  
  #dashboardContainer {
    padding-top: 2rem;
  }
  
  #dashboardContainer .panel-body {
    border: none !important;
  }
  
  #dashboardContainer .panel-group {
    margin-bottom: 0rem;
  }
  
  .Welcomecontainer {
	width: 100% !important;
  }
  
  #dashboardContainer .Welcometext {
	text-align: center;
  }
  
  #dashboardContainer .Headertext {
	width: auto;
  }
  
  .trsdashboard .dashboardtitle {
    margin: 0 auto;
    font-size: 1rem;
  }
  
  .trsdashboard .trs-icon {
    display: none;
  }
  
  .show-tab-mobile .panel-collapse .panel-body {
    margin: 0 0.5rem;
  }
  
  .show-tab-mobile .panel-collapse .panel-body .chart_line.row {
    margin-left: auto;
    margin-right: auto;
  }
  
  .show-tab-mobile .panel-collapse .panel-body .chart_line.row .chart_line_title,
  .show-tab-mobile .panel-collapse .panel-body .chart_line.row .chart_line_amount {
    padding-left: 5px;
    padding-right: 5px;
  }
  
  #dashboardContainer .side-bar {
    float: none;
    min-height: revert;
    border: none !important;
  }
  
  .trsdashboard .show-tab-mobile .panel-default>.panel-heading {
    padding: 0.5rem;
  }
  
  .trsdashboard .show-tab-mobile .panel-default>.panel-heading .group-name {
    top: 0;
    left: 0;
  }
  
  .trsdashboard .show-tab-mobile .panel-default>.panel-heading i.icon-postion {
    top: -22px;
  }
  
}

.trsdashboard .trsDataGroupFullWidth {
  padding-left: 5px;
  padding-right: 5px;
}

.trs_add_ben .benefit_group:first-child > h3 {
  padding-top: 2px;
}

.benefit_group h3 {
  width: 100%;
  display: inline-block;
  padding: 20px 0 10px;
  margin: 0;
  font-size: 1rem;
}

.benefit_group .benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.benefit_group .benefit .benefit_name,
.benefit_group .benefit .benefit_description {
  font-size: 1rem;
  margin: 5px 0;
  padding: 0;
}

.trs_add_ben {
  max-width: 1280px;
}

section.benefit_group {
  min-height: 100% !important;
}

.trs_add_ben .benefit_group .benefit .benefit_name {
  flex-basis: 30%;
  margin: 0;
  line-height: 1.42857143;
}

.trs_add_ben .benefit_group .benefit .benefit_description {
  flex-basis: 70%;
}

.benefit_group .benefit .benefit_description p {
  margin: 0;
  padding: 0;
  font-size: clamp(0.8rem, 0.6231rem + 0.7862vw, 1rem);
}

.benefit_group .benefit .benefit_description ul {
  margin: 0 1rem 0;
  list-style: circle;
  padding-left: 1rem;
}

.table-footer > p:first-of-type {
  margin-top: 3rem;
}

#dashboardContainer .tab-content .tab-pane .row > .col-md-8 {
  min-height: 400px !important;
}

/*CLAIMS*/
#wrapper.wrapper-fullwidth.StatementAndClaimSubmit {
  width: 80% !important;
  max-width: 1680px;
}

.FSAStatementAndHistoryContainer {
  background-color: #fff;
}

.fsaClaimSubmitContainer .intro-text-claim #button_container,
.FSAStatementAndHistoryContainer .intro-text-claims-summary #button_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.FSAStatementAndHistoryContainer .intro-text-claims-summary {
  background-color: #f2f2f2;
  padding-top: 0.5rem;
}

.fsaClaimSubmitContainer label {
  text-transform: none;
  font-size: 1rem;
}

.claim-header th a span {
  font-size: 1rem;
}

.claim-status>a>span::after {
  content: ' (click on the icon to reveal the detail)';
}

.FSAStatementAndHistoryContainer .summary-content.row {
  background-color: #f2f2f2;
}

.FSAStatementAndHistoryContainer .row:first-child {
  margin: 0;
  padding: 0;
}

.htabs-container {
  background: none;
  padding: 0;
}

.htabs-container .tabs-bg {
  background: none;
  padding-left: 0;
  height: auto;
  padding-right: 0;
}

.htabs-container .tabs UL LI {
  background: none;
}

.htabs-container .tabs UL LI.sel {
  background: transparent !important;
}

.htabs-container .tabs UL LI A {
  background: none;
  padding: 0;
  color: #000;
  font-size: clamp(1rem, 0.4375rem + 2.5000vw, 1.75rem);
  background-color: transparent;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  min-height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  
}

.htabs-container .tabs UL LI.sel A {
  background: none;
  padding: 0;
  color: #FFF;
  font-size: clamp(1rem, 0.4375rem + 2.5000vw, 1.75rem);
  background-color: #000;
}

.htabs-container .tabs UL LI.sel STRONG {
  background: none;
}

.fsa-content-type.tab-titles {
  background: #000;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 1rem;
}

.fsa-content-type li {
  padding: 0;
}

.fsa-content-type.tab-titles li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  line-height: 1;
}

.fsa-content-type.tab-titles li a span {
  font-size: 1.5rem;
  font-size: clamp(1.2rem, 0.9750rem + 1.0000vw, 1.5rem);
}

.claim-status a img {
  display: none;
}

.claim-status a:hover,
.claim-status a:focus {
  text-decoration: none;
}

.claim-status a::before {
  font-family: FontAwesomeExpSolid;
  font-size: 1.5rem;
}

.claim-status a[title="Pending"]::before {
  content: '\f28b';
}

.claim-status a[title="Paying"]::before {
  content: '\f144';
}

.claim-status a[title="Request for Info"]::before {
  content: '\f06a';
}

.claim-status a[title="Approved"]::before {
  content: '\f058';
}

.claim-status a[title="Rejected"]::before {
  content: '\f057';
}

.claim-status a[title="Closed"]::before {
  content: '\f056';
}

.spendingaccountsTab-container .tabs UL LI strong {
  height: auto;
}

.spendingaccountsTab-container .tabs UL LI.sel A {
  background: #000;
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
}

.fsa-statement-blocks h3.section_title {
  padding-left: 5px;
}

.claim-edit-link .btn {
  min-height: 50px;
  padding: 5px 10px !important;
  min-width: 100px;
}

#StatementAndClaimSubmit .modal-dialog .close {
  visibility: hidden;
}

#StatementAndClaimSubmit .modal-dialog .close::before {
  content: '\f00d';
  font-family: FontAwesome;
  visibility: visible;
}

/*ADDITIONAL PAGES*/

/*NEWS*/
[action="/news.aspx"] #wrapper {
  width: 100% !important;
}

/*Claims*/

/*Claims module*/
.make-a-claim-data .tbs-module-pager {
  display: none;
}

/*Holdiay Calc*/
#holidayCalc {
  max-width: 80vw;
  margin: 50px auto;
  border-radius: 2px;
  padding: 20px;
}

#holidayCalc .wrapper.data {
  width: 350px;
  margin: 0 auto !important;
}

#holidayCalc .input-block {
  padding: 9px;
  border: 1px solid #007585;
  margin-bottom: 30px;
  border-radius: 3px;
}

#holidayCalc .input-block>label {
  display: block;
  float: left;
  margin-top: -25px;
  background: #007585;
  height: 2rem;
  padding: 5px 5px 2px 5px;
  color: #fff;
  font-size: 1rem;
  overflow: hidden;
  text-transform: revert;
  font-family: HelveticaNowDisplayMedium;
  border-radius: 3px;
}

#holidayCalc .input-block input {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  display: block;
  outline: none !important;
  border: none;
  height: 30px;
  line-height: 25px;
  font-size: 16px;
  padding: 0;
  font-family: HelveticaNowDisplayLight;
  margin-top: 10px;
}

#holidayCalc .input-block input:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#holidayCalc .input-block input[type="number"][id="salary"] {
  -moz-appearance: textfield;
}

#holidayCalc .input-block input[type="number"][id="salary"]::-webkit-outer-spin-button,
#holidayCalc .input-block input[type="number"][id="salary"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#holidayCalc .input-block>span {
  background: #262836;
  display: block;
  padding: 1px;
  margin: 5px -9px -9px -9px;
  text-align: center;
  color: #C0C0C0;
  font-size: 11px;
}

#holidayCalc .wrapper.result {
  display: -ms-grid;
  display: grid;
  padding-top: 2rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  max-width: 600px;
  margin: 0 auto;
}

#holidayCalc .wrapper.result>*:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#holidayCalc .wrapper.result>*:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

#holidayCalc .wrapper.result>*:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

#holidayCalc .wrapper.result>*:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

@media (max-width: 720px) {
  #holidayCalc .wrapper.result {
    display: block;
  }
}

#holidayCalc .content-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 9px;
  border: 1px solid #007585;
  margin: 0 10px 30px 10px;
  border-radius: 3px;
  background: #262836;
  text-align: center;
}

#holidayCalc .content-wrapper .text-box {
  display: block;
  margin-top: -25px;
  background: #007585;
  height: 80%;
  color: #fff;
  font-size: 1rem;
  overflow: hidden;
  text-transform: revert;
  font-family: HelveticaNowDisplayMedium;
  border-radius: 3px;
  padding: 5px;
}

#holidayCalc .content-wrapper .number-box {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  outline: none !important;
  border: none;
  font-size: 2rem;
  padding: 0;
  font-family: HelveticaNowDisplayMedium;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


#holidayCalc .calcButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#submit.btn-default {
  border: 2px solid transparent;
  background-color: #262836;
  font-family: HelveticaNowDisplayMedium;
  color: #FFF;
  border-radius: 10px !important;
  height: 50px;
  padding: 6px 12px;
  -webkit-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
}

#submit.btn-default:hover,
#submit.btn-default:active,
#submit.btn-default:focus {
  background: #262836;
  border-color: transparent;
}


/*ADDITIONAL PAGES*/
/*Insurance deals page*/
#lifestyle_savings {
  max-width: 1280px;
  width: 90%;
  margin: 0 auto;
}

[action^="/LifestyleSavings/"] #page-title {
  display: none;
}

#lifestyle_savings .banner-bg {
  background: url('/smart/media/IMG/Various/Images/GettyImages-1280947475.jpg') center center/contain no-repeat;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner .intro-content.header {
  color: #fff !important;
  font-size: clamp(1rem, -0.8750rem + 8.3333vw, 3.5rem);
}

#lifestyle_savings .deals .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#lifestyle_savings .deals .container .deal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
}

@media (max-width: 767px) {
  #lifestyle_savings .deals .container .deal .deal_image .img-responsive{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  
  #lifestyle_savings .deals .container .deal .deal_description .btn_container {
    margin-bottom: 1.25rem;
  }
}

#lifestyle_savings .deals .container .deal:nth-child(2n+1) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#lifestyle_savings .deals .container .deal .deal_description {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%calc(45% - 0.5rem);
  flex: 0 0 calc(45% - 0.5rem);
}

#lifestyle_savings .deals .container .deal .deal_description h4 {
  font-size: 1.2rem;
  margin: 0;
}

#lifestyle_savings .deals .container .deal .deal_description h2 {
  font-size: 2rem;
  text-transform: none;
  margin-top: 0;
}

#lifestyle_savings p,
#lifestyle_savings li {
  font-size: clamp(0.8rem, 1.2vw, 1rem);
}

#lifestyle_savings li {
  padding-left: 5px;
}

#lifestyle_savings .deals .container .deal .deal_description p {
  margin-top: 1rem;
}

#lifestyle_savings .deals .container .deal .deal_description .btn_container {
  margin-top: 3rem;
}

.deal .btn.btn-success {
  border: 0;
  min-height: auto;
}

#lifestyle_savings .deals .container .deal .deal_image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(55% - 0.5rem);
  flex: 0 0 calc(55% - 0.5rem);
}

.img-responsive {
  max-width: 100%;
  height: 100%;
  width: auto;
  vertical-align: top;
  margin-bottom: 1rem !important;
  -o-object-fit: cover;
  object-fit: cover;
}

#lifestyle_savings .deals .container .deal .deal_description ul {
  margin-top: 5px;
  list-style-position: outside;
  margin-left: 1rem;
  text-indent: 5px;
}

#lifestyle_savings .deals .container .deal .deal_description ul li::marker {
  content: '\f054';
  font-family: FontAwesome;
  padding-right: 5px;
  padding-left: 5px;
}

.LineDetail_aig_disclaimer .pannel-body-full,
.LineDetail_aig_disclaimer .pannel-body-full section {
  min-height: auto !important;
}

#ImportantNotice {
  width: 100%;
}

.online-two-iso .LineDetail_aig_disclaimer .info-text.item.benefit-type-content,
.online-two-iso .LineDetail_aig_disclaimer .faq-item {
  width: 100%;
  padding-top: 1rem;
}

.legal_disclaimer_text {
  font-size: 1rem;
  text-align: justify;
}

.LineDetail_aig_disclaimer .modal-controls {
  visibility: hidden;
  height: 50px;
}

.legal .btn_container {
  text-align: center;
}


@media (max-width: 767px) {
  #lifestyle_savings {
    width: 90%;
  }
  
  #lifestyle_savings .deals .container .deal {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  
  #lifestyle_savings .deals .container .deal .deal_description, 
  #lifestyle_savings .deals .container .deal .deal_image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

/*MOBILE classes*/
#home-modules-mobile i[class*="icon-two-point-o"] {
  display: none
}

#home-modules-mobile .title span,
#home-modules-mobile .title i {
  padding: 0 5px;
}

.onlineTwoPointO-home .modules-mobile .module-mobile {
  padding: 0;
  border-bottom: 1px solid white;
  border-top: none;
}

.onlineTwoPointO-home .modules-mobile .module-mobile .title+div>div:first-child {
  margin: 2rem 0;
}

#home-modules-mobile .btn.btn-default {
  max-width: 100%;
  padding: 12px 20px;
  height: 100%;
  margin: 0 auto;
  display: block;
}

#home-modules-mobile .btn.btn-default span {
  color: inherit;
}

#mobile-links a[href="/Mailbox?lang=en-IE"], 
#mobile-links a[href="help"] {
  display: none;
}

/**Mobile Responsiveness**/

@media (max-width:766px) {
  
  #toTop {
    bottom: 25px;
  }
  
  a[href="/home"] {
    width: 100%;
  }
  
  #logo {
    margin: 0.25rem 0 0 1rem;
    height: 50px;
    background-position-x: left;
    width: 100px;
  }
  
  .online-two-iso.login .LoginPageContainer #main {
    width: auto;
  }
  
  .online-two-iso.login .LoginPageContainer .panel.panel-default {
    background-color: transparent;
  }
  
  .fa.fa-bars {
    display: none;
  }
  
  #mobile-links .fa.fa-gear {
    display: block;
    font: 14px FontAwesomeExpSolid;
  }
  
  .fa-gear::before {
    content: "\f142";
  }
  
  #mobile-links #header a:focus,
  #mobile-links #header a:hover {
    text-decoration: none;
  }
  
  .online-two-iso #headerResources #mobile-links .jq-dropdown .jq-dropdown-menu label,
  .online-two-iso .jq-dropdown .jq-dropdown-menu li>a {
    display: inline-block;
    width: 100%;
  }
  
  #printdiv {
    width: 100%;
  }
  
  /*#wrapper.matrix {
  width: 95% !important;
}*/
  
  #main.matrix .benefitheader-fixed {
    width: 100%;
    padding-bottom: 0;
    z-index: 1;
  }
  
  .benefitheader-fixed .btngroup {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.25rem;
    margin-top: 0.25rem;
  }
  
  .benefit-matrix .benefitheader.benefitheader-border {
    width: auto;
    min-width: revert;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 5px 5px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .benefit-matrix .benefitheader.benefitheader-border span.glyphicon {
    display: none;
  }
  
  .online-two-iso .benefit-matrix .benefitheader-fixed {
    z-index: 0;
  }
  
  .benefitheader-fixed .row.margin-left,
  #printdiv>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    width: 90%;
    margin: 0 auto;
  }
  
  #followup-items.confirm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin: 0;
    padding: 0;
  }
  
  .benefitheader-fixed .btngroup {
    padding: 0;
  }
  
  .benefitheader.payperiodtoggle {
    margin: 0;
  }
  
  .benefit-matrix .modal-content {
    max-height: 75vh;
  }
  
  #benefit-overview .benefit-overview-title {
    width: 100%;
  }
  
  #benefit-overview .benefit-overview-title H1 {
    text-align: center;
    width: 100%;
  }
  
  .main-menu-toogle.btn.visible-xs {
    display: none !important;
  }
  
  #home-module-enrolment .enrollment-copy .days-left,
  #otherCountdown>span,
  #renewalCountdown>span {
    font-size: 1.2rem;
    color: #262836;
  }
  
  #otherCountdown {
    width: 70vw;
  }
  
  /*#headerResources {
  display: none;
}*/
  
  .onlineTwoPointO-home .modules-mobile span.module-label {
    max-width: 80%;
  }
  
  #home-modules-mobile i[class*="icon-two-point-o"] {
    font-size: 36px;
    padding-right: 15px
  }
  
  .onlineTwoPointO-home .modules-mobile span.module-label {
    font-size: 18px;
    margin-left: 0;
  }
  
  
  
  #travel-hub-buttons a {
    width: 100%;
  }
  
  #travel-hub-buttons {
    margin-top: 20px;
  }
  
  #home-modules-mobile #insurance-deals-buttons,
  #home-modules-mobile #wellness-hub-buttons {
    display: block;
  }
  
  #home-modules-mobile #insurance-deals-buttons .btn-deals,
  #home-modules-mobile #wellness-hub-buttons .btn-wellness {
    margin-top: 10px !important;
  }
  
  #event-other {
    height: auto;
  }
  
  #renewalCountdown>span {
    color: #262836;
  }
  
  #home-module-enrolment .enrollment-copy .text-light {
    max-width: 100vw;
  }
  
  .module-header {
    font-size: 2rem;
  }
  
  #module-header-subtext {
    color: #262836;
  }
  
  .onlineTwoPointO-home .module-content {
    height: auto !important;
  }
  
  #module-header-subtext {
    width: 85%;
  }
  
  #generic.pension_module #module-header-subtext {
    width: 100%;
  }
  
  #module-header-maintext {
    font-size: 1.5rem;
  }
  
  #home-modules-mobile .trs-copy {
    width: 100%;
  }
  
  #home-modules-mobile #home-module-trs .trs-copy .trs-statement-intro {
    width: auto;
  }
  
  #home-modules-mobile #home-module-trs .trs-buttons {
    display: block;
    width: 100%;
    position: relative;
  }
  
  tbs-highchart {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  
  /*.totalcostsection .totalcost .row .col-md-4.col-sm-4,.totalcostsection .totalcost .row .col-md-4{
  width: 64vw;
  height: 85px;
  display: block;
}*/
  
  .online-two-iso .perpayperannualbtngroup {
    width: 50% !important;
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  
  .online-two-iso .perpayperannualbtngroup .btn {
    min-width: 50% !important;
  }
  
  .online-two-iso .modal-large .modal-body .pannel-body-full {
    background-image: none;
  }
  
  .online-two-iso .modal-large .modal-body .pannel-body-full:before {
    display: none;
  }
  
  .online-two-iso .modal-large .modal-body .pannel-body-full > div {
	padding: 0px;
  }
  
  .benefit-matrix .benefitdate .data-addon {
    font-size: 13px;
  }
  
  .benefit-matrix .benefitdate {
    font-size: 17px;
    width: 22em;
  }
  
  #wrapper.home {
    margin-top: 0.5rem;
  }
  
  .bootstrap-iso .panel-default > .panel-heading + .panel-collapse > .panel-body .line-group {
    width: 95%;
  }
  
  .onlineTwoPointO-home #home-intro {
    display: block !important;
    margin-top: 1rem;
  }
  
  .benefit-matrix .benefitstatement-load-container {
    margin-top: 0 !important;
  }
  
  .cost.no-math-symbol,
  .funded.no-math-symbol,
  .links-group.four-links {
    display: none;
  }
  
  #byoOverlay #byo-saveAndClose {
    width: 100%;
  }
  
  .more-info.margin-top-min {
    display: none;
  }
  
  .btn.btn-success.btn-confirmchoice .ng-isolate-scope {
    color: #fff;
  }
  
  .benefitselect .products .box-border.sel .header,
  .benefitselect .products .box-border.sel,
  .online-two-iso A.button-style.green {
    background-color: #262836;
  }
  
  .protection.btn.btn-info.extra {
    background-color: #7AB800;
    border-color: #7AB800;
  }
  
  .row.line .col-md-8 {
    width: 100% !important;
  }
  
  .benefit-matrix .benefit-menu {
    min-height: revert;
    padding-top: 1rem;
  }
  
  /*.benefit-matrix .benefitline .benefit-menu .img {
  height: 7rem;
}
  
  .benefit-matrix .benefitline .benefit-menu .img::before {
  font-size: 5.75rem;
}*/
  
  .benefitselect.benefit-matrix .totalcostsection .totalcost .row .col-md-4 {
    margin-left: 1.7rem;
    margin-top: 0.7rem;
  }
  
  .benefitIntroSummary.tableRow {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: none !important;
    margin: 0 !important;
  }
  
  #benefit-overview .benefitIntroSummary .summaryImage {
    display: block !important;
    min-height: 135px !important;
  }
  
  #benefit-overview .summaryImage .img {
    display: block;
    background-size: contain !important;
  }
  
  #benefit-overview .img {
    text-align: center;
  }
  
  .btn.btn-travel.travelhub {
    background-color: #3882a5;
    color: #fff;
  }
  
  .bootstrap-iso .btn:hover {
    color: #fff;
  }
  
  .btn.btn-default.btn-perpay.ng-valid.ng-not-empty.ng-dirty.ng-touched.btn-warning.active.ng-valid-parse,
  .btn.btn-default.btn-perpay.ng-pristine.ng-valid.btn-warning.ng-not-empty.active.ng-touched,
  .btn.btn-default.btn-peranual.ng-valid.ng-not-empty.ng-dirty.ng-touched.btn-warning.active.ng-valid-parse,
  .btn.btn-default.btn-peranual.ng-pristine.ng-valid.btn-warning.ng-not-empty.active.ng-touched,
  .bootstrap-iso .btn-warning.active {
    background-color: #262836;
    border-color: #262836;
  }
  
  .benefitselect .header-selected {
    margin-right: 12px;
  }
  
  .product-info [id^="product-info"] {
    width: 100% !important;
  }
  
  #benefit-overview .summaryContent.tableCell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  
  .summary-text.item .choice,
  .summary-text.item .text,
  .summary-text.item .ext {
    -ms-grid-column-align: center;
    justify-self: center;
  }
  
  .online-two-iso .info-text.item.benefit-type-content,
  .online-two-iso .faq-item {
    width: 100%;
  }
  
  .benefit-matrix .benefit-menu .img {
    display: block;
    background-size: contain;
  }
  
  .benefitselect .benefit-menu .img {
    height: 70px;
    background-color: transparent;
  }
  
  .benefitselect .seealso li {
    background: #eee;
    height: 80px;
  }
  
  .benefitselect .seealso li {
    margin-left: 1rem;
  }
  
  #footer div {
    margin-bottom: 0;
  }
  
  #footer .footer-container {
    display: block;
    text-align: center;
  }
  
  #footer #footer-menu ul {
    display: block;
  }
  
  #footer #footer-menu ul li {
    border: none !important;
    min-height: 30px;
  }
  
  #footer #footer-logo {
    width: 40%;
  }
  
  #footer #footer-social {
    margin-top: 0rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    height: 45px;
  }
  
  #footer #footer-menu ul li a {
    text-decoration: underline;
    padding: 0.5rem 1rem;
  }
  
  .online-two-iso #footer a {
    font-size: 10px;
  }
  
}

/*@media only screen and (min-width:767px)and (max-width:1160px) {

.online-two-iso #header,
.online-two-iso #wrapper,
.online-two-iso #header.header-fixed,
.online-two-iso #menu-container.menu-container-fixed,
.online-two-iso .benefit-matrix .fixed-container,
.online-two-iso .benefit-matrix .benefitheader-fixed,
.online-two-iso .help-ico,
.online-two-iso .eol-center {
width: 95% !important;
margin: 0 auto;
}
}*/

@media only screen and (max-width:650px) {
  .benefit-matrix .benefit-category-mobile-view {
    width: 100%;
  }
}

@media (max-width:766px) {
  
  #plan-f0554892-ebed-4140-b140-e9e1912fc35d .content-box-border,
  #plan-fc67cabe-6cbe-4cad-999c-718f29d43d08 .content-box-border,
  #plan-3a473967-7a34-4779-818a-9e1c3abb98d8 .content-box-border,
  #plan-da471d49-96af-4fe0-989b-196754587498 .content-box-border {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  #plan-f0554892-ebed-4140-b140-e9e1912fc35d .product-info,
  #plan-fc67cabe-6cbe-4cad-999c-718f29d43d08 .product-info,
  #plan-3a473967-7a34-4779-818a-9e1c3abb98d8 .product-info,
  #plan-da471d49-96af-4fe0-989b-196754587498 .product-info {
    width: 100%;
  }
  
  #plan-f0554892-ebed-4140-b140-e9e1912fc35d .product-info .product-info-container,
  #plan-fc67cabe-6cbe-4cad-999c-718f29d43d08 .product-info .product-info-container,
  #plan-3a473967-7a34-4779-818a-9e1c3abb98d8 .product-info .product-info-container,
  #plan-da471d49-96af-4fe0-989b-196754587498 .product-info .product-info-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  #plan-f0554892-ebed-4140-b140-e9e1912fc35d .content-box-border .product-info-container .features,
  #plan-fc67cabe-6cbe-4cad-999c-718f29d43d08 .content-box-border .product-info-container .features,
  #plan-3a473967-7a34-4779-818a-9e1c3abb98d8 .content-box-border .product-info-container .features,
  #plan-da471d49-96af-4fe0-989b-196754587498 .content-box-border .product-info-container .features {
    width: 100%;
  }
}

/*** IPAD ***/

@media (min-width:767px) and (max-width:1024px) {
  
  .benefit-matrix .benefitstatement-load-container {
    margin-top: 0;
  }
  
  .benefitselect.benefit-matrix .row.totalcostsection .row .col-md-4 {
    margin-left: 2.7rem;
  }
  
  .benefit-matrix .benefitheader.benefitheader-border {
    padding: 11px 72px;
  }
  
  .benefitheader.payperiodtoggle .btn-group.perpayperannualbtngroup {
    padding-left: 0.6rem;
    padding-top: 1rem;
  }
  
}

@media only screen and (min-device-width:767px) and (max-device-width:1024px) {
  
  .online-two-iso .page-content,
  .online-two-iso #menu-container {
    padding: 0;
  }
  
}




/******************************************************************************Internal pages******************************************************************************/
[action*="esources"] #wrapper {
  width: 100% !important;
}

[action*="esources"] #main {
  margin: 0;
}

[id^="resources"] {
  width: 100%;
}

/*Resources - Home*/
[action*="esources"] #page-header {
  display: none;
}

#resources_home .heading {
  height: 20vw;
  min-height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

#resources_home h1 {
  font-size: 3rem;
  font-size: min(5vw, 5rem);
  color: #ffe143;
  text-transform: uppercase;
}

#resources_home .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  min-height: 65vh;
  width: 95%;
  margin: 2rem auto;
}

[id*="resources"] .card {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 32%;
  flex: 1 1 32%;
  background-color: #000;
  border: none;
  min-width: 320px;
  /*filter: grayscale(1);*/
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-position: center center;
  background-size: cover;
  height: 60vh;
}

[id*="resources"] .card:hover,
[id*="resources"] .card:active,
[id*="resources"] .card:focus {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}

[id*="resources"] .card:hover h2,
[id*="resources"] .card:active h2,
[id*="resources"] .card:focus h2 {
  color: #ffe143;
}

[id*="resources"] .card.card_demo {
  background-image: url('/smart/media/IMG/Resources/demo.jpg');
}

[id*="resources"] .card.card_imports {
  background-image: url('/smart/media/IMG/Resources/imports.jpg');
}

[id*="resources"] .card.card_exports {
  background-image: url('/smart/media/IMG/Resources/exports.jpg');
}

[id*="resources"] .card.card_technical {
  background-image: url('/smart/media/IMG/Resources/templates.jpg');
}

[id*="resources"] .card.card_marketing {
  background-image: url('/smart/media/IMG/Resources/marketing.jpg');
}


[id*="resources"] .card * {
  color: #fff;
}

.card>a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.card h2 {
  text-align: center;
  padding: 5px 10px !important;
  background: #000;
}




/*Resources -Demo Site*/
#resources_demosites .heading {
  background: #000;
  height: 20vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 250px;
}

#resources_demosites .heading .header_text h1 {
  color: #ffe143;
  text-transform: uppercase;
  font-size: min(5vw, 5rem);
}

#resources_demosites .demo_credentials {
  min-height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 0 !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width:719px) {
  #resources_demosites .demo_credentials {
    display: block;
  }
}

#resources_demosites .demo_credentials:nth-child(2n+1) {
  background: #EEE;
}

.demo_credentials .logo {
  height: 65px;
  background-position: center center;
  background-size: contain;
  width: 100%;
  position: relative;
  background-color: white;
  border-bottom: 3px solid #000;
  background-repeat: no-repeat;
}

.logo.logo_aon {
  background-image: url('/smart/media/IMG/aon_logo_black_large.png');
}

.logo.logo_hsbc {
  background-image: url('/smart/media/IMG/Logo/HSBC/logo_main.png');
}

.logo.logo_bp {
  background-image: url('/smart/media/IMG/Logo/BP/logo_main.png');
}

.logo.logo_mediolanum {
  background-image: url('/smart/media/IMG/Logo/Mediolanum/logo_main.png');
}

.logo.logo_libertyit {
  background-image: url('/smart/media/IMG/Logo/LibertyIT/logo_main.png');
}

.logo.logo_shopify {
  background-image: url('/smart/media/IMG/Logo/Shopify/logo_main.png');
}

.logo.logo_ppd {
  background-image: url('/smart/media/IMG/Logo/PPD/logo_main.png');
}

#resources_demosites .logons {
  display: block;
  margin: 0 0.75rem 1rem 1rem;
  background: #ffe143;
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 200px;
  flex: 0 1 200px;
  border: 3px solid #000;
}

#resources_demosites .url,
#resources_demosites .username,
#resources_demosites .password {
  padding: 0.5rem !important;
  text-align: center;
  margin: 0 1rem !important;
}

#resources_demosites .url,
#resources_demosites .username {
  border-bottom: 1px solid #000;
}

#resources_demosites .logons .label {
  font-family: HelveticaNowDisplayMedium;
}

#resources_demosites .logons * {
  color: #000;
  font-size: 1rem;
}

@media (max-width:719px) {
  #resources_demosites .logons {
    max-width: 250px;
    margin: 0 auto 1rem auto;
  }
}

#resources_demosites #image-slider {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-x: scroll;
  scrollbar-color: #fff #000;
  scrollbar-width: auto;
  background-color: #999;
  margin: 0 0.25rem;
}

#resources_demosites .splide__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  /*! flex-wrap: wrap; */
  margin: 1rem;
  padding: 0 0rem;
  background-color: transparent;
}

#resources_demosites .splide__slide {
  /*! flex: 1 1 49%; */
  /*-webkit-box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.75);
  box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.5);*/
  min-width: 550px;
  min-height: auto;
}

#resources_demosites .splide__slide:last-child {
  padding-right: 2rem;
}

@media (max-width:719px) {
  #resources_demosites .splide__slide {
    min-width: 350px;
  }
}

#resources_demosites .splide__slide img {
  height: 55vh;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -o-object-position: left top;
  object-position: left top;
  width: 100%;
  border-radius: 10px;
}

/*Info - guides on enrolment modules*/
/*Info pop up alternative*/
button#portalGuide {
  position: absolute !important;
  right: 10px;
  top: 9px;
  min-width: 0 !important;
  min-height: 0 !important;
  background-color: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  width: auto !important;
}

button#portalGuide:focus {
  outline: 0;
}

#portalGuide .info_pop::before {
  content: '\f05a';
  font-family: FontAwesome;
  font-size: clamp(2rem, 1.2500rem + 3.3333vw, 3rem);
  color: #fff;
}

button#portalGuide .tooltip_pop {
  opacity: 0;
  position: absolute;
  top: -30px;
  text-transform: none;
  color: #fff;
  background: rgba(77,77,77,0.8);
  padding: 10px 20px;
  border-radius: 10px;
  right: -30px;
  display: none;
}

button#portalGuide:hover .tooltip_pop {
  opacity: 1;
  display: inline;
}

#home-online-three .modal-dialog.modal-large,
.onlineTwoPointO-home .modal-dialog.modal-large {
  width: clamp(360px, 80%, 1280px) !important;
}

.LineDetail_portalGuide .tab-body .pannel-body-full {
  min-height: 55vh !important;
  visibility: visible !important;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

#online2-global-benefit-overview-modaltemplate.LineDetail_portalGuide .info-text.item.benefit-type-content, 
#online2-global-benefit-overview-modaltemplate.LineDetail_portalGuide .faq-item {
  width: 95% !important;
  margin: 0 auto;
  min-width: 320px;
}

.modal-body.LineDetail_portalGuide .tab-body {
  padding-top: 1rem !important;
}

#Benefitsguide iframe {
  height: 65vh;
}

#portalGuide span[tbs-translate="TBSMobile.Common.LoadingPopupText"] {
  display: none !important;
}

#PortalGuide {
  margin-top: 2rem;
}

/* -------------------------- New Login Page*/
#containerGlobal {
  color: #46535e;
}

.online-two-iso.login form {
  overflow-y: hidden;
}

/*Login Panel*/
.online-two-iso.login .LoginPageContainer #main {
  background: #e5eff0;
  border-radius: 0;
  width: 40%;
  height: 100vh;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}

@media (min-width: 951px) {
  .online-two-iso.login .LoginPageContainer #main {
    display: flex;
    align-items: center;}
}

@media (max-width: 950px) {
  .online-two-iso.login .LoginPageContainer #main {
    width: 100%;
    background: rgba(229, 239, 240,0.9);
    overflow: hidden scroll;
  }
}

@media (max-width: 500px) {
  .online-two-iso.login .LoginPageContainer #main {
    width: 100vw;
  }
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-help {
  z-index: 100;
}

/*Login box*/
.login-box {
  margin-top: 0;
}

/*Username and Password inputs*/
#username, #password {
  font-family: HelveticaNowDisplayLight;
  font-size: 0.9rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  border: 2px solid #46535e;
  color: #46535e;
  max-width: 350px;
}

@media (max-width: 767px) {
  #username, #password {
    max-width: 100%;
  }
}

/*Username and Password labels*/
#uname-addon, #pwd-addon {
  font-size: 1rem;
  text-transform: capitalize;
  font-family: HelveticaNowDisplayBold;
  background-color: transparent;
  border-radius: 10px 0 0 10px;
  color: #46535e;
  text-align: left;
  border: none;
  border-right: none;
  width: 100%;
  height: 2rem !important;
  padding-left: 0 !important;
}

/*Welcome message*/
#loginBoxTitle::before {
  content: 'Welcome to\ayour rewards portal';
  font-size: clamp(2rem, 1.2500rem + 3.3333vw, 3rem) !important;
  font-family: HelveticaNowDisplayBold;
  color: #262836;
  margin-bottom: 10%;
  display: block;
  white-space: pre-wrap;
  margin-top: 15%;
}

.online-two-iso.login .LoginPageContainer #main .panel.panel-default {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 80%;
  margin: 0 auto 10% auto;
  min-height: 550px;
}

/*Login Box Container*/

.online-two-iso.login .LoginPageContainer .panel.panel-default {
  background-color: transparent;
}

.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
  padding: 0;
}

.online-two-iso.login .LoginPageContainer .input-group.password {
  margin-top: 2em;
}

.input-group.input-group-lg {
  display: block;
  padding: 1rem 0 !important;
}

.online-two-iso.login .LoginPageContainer #login-module-help .module-title::before {
  content: none;
}

/*Login Page Modules*/
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module {
  position: absolute;
  height: auto;
  bottom: 0;
  right: 0;
}

/*Pass/Login Error message*/
.online-two-iso.login .LoginPageContainer span#errMsg {
  color: #EB0017;
}

/*Help / Contact Us Module*/
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-help {
  display: block !important;
  width: auto !important;
  padding: 1rem 1rem;
}

#login-modules-container #login-module-help .module-title {
  margin: 0.5rem 0 0.5rem 0;
  font-family: HelveticaNowDisplayLight;
  text-align: center;
  display: inline !important;
  float: none;
  font-size: 1rem !important;
  color: #46535e;
  padding: 0;
  margin: 0;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module .module-text {
  border-top: none;
  margin: 0;
  padding: 0;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-help * {
  color: #007585;
  display: inline;
  float: none;
  font-size: 1rem;
  font-family: HelveticaNowDisplayBold;
  text-decoration: underline 2px transparent;
  text-underline-offset: 5px;
  transition: all 0.25s;
}
.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules #login-module-help a:hover {
  text-decoration: underline 2px;
  text-underline-offset: 5px;
}

.online-two-iso.login .LoginPageContainer .btn.btn-primary#login,
.online-two-iso.login .LoginPageContainer .additional-services {
  float: left;
}

.online-two-iso.login .LoginPageContainer .additional-services > div {
  padding-left: 0;
}

/*Forgot Password*/
#wp-forgetPassword > div > span {
  font-family: HelveticaNowDisplayMedium;
}

#wp-forgetPassword > div > span:hover {
  text-decoration: underline 2px;
  text-underline-offset: 5px;
}

.online-two-iso.login .LoginPageContainer .btn.btn-primary#login {
  float: none;
  margin: 60px 0 36px 0;
  border-radius: 0 !important;
}

/*Additional styling 2022*/
#wrapper.profile {
  margin-top: 8rem;
}

.onlineTwoPointO-home #home-modules-mobile .module-content, 
#home-online-three #home3 #home-integrated #home-modules-mobile div:not(.trs).module-content, 
#home-online-three #home3 #home-modules-mobile .module-content, 
#home-online-three #home3 #home-modules-mobile #generic.claims.module-content {
  min-height: 320px;
  padding: 1rem !important;
}

#home3 #home-modules-mobile .home-module-enrolment {
  display: none !important;
}

#home-modules-mobile .btn.btn-default {
  color: #fff !important;
  border-radius: 0 !important;
  font-size: 1rem;
  font-size: clamp(0.8rem, 0.6231rem + 0.7862vw, 1rem);
}

#home3 .module-content.CompanyUpdates {
  background-position-x: right 9px, center;
  background-position-y: bottom 20px, center;
  background-position-x: -webkit-calc(100% - 9px), center;
  background-position-y: -webkit-calc(100% - 20px), center;
}

@media only screen and (max-width:650px) {
  
  .online-three#home #terminator #header.header-fullwidth,
  .online-two-iso #terminator #header.header-fullwidth {
    height: 115px;
    position: fixed;
    top: 0;
    z-index: 2;
    background: #fff;
  }
  
  .online-three-allpages-fullwidth .wrapper-fullwidth .benefit-matrix .benefitheader-fixed,
  .online-three-allpages-fullwidth .wrapper-fullwidth#wrapper {
    width: 95%;
    margin-top: 115px;
  }
}

@media (max-width: 766px) {
  #home-online-three #home3 .dashboard-controls .sensitive-data-toggle {
    position: fixed;
    top: 70px;
    z-index: 2;
    right: -10px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding: 8px;
  }
  #header a.user-toogle {
	margin-top: 20px;
  }
}

.online-two-iso #terminator #header.header-fullwidth .menu-container.fullwidth {
  top: 0 !important;
}

#menu-no-dashboard {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

#dashboardContainer {
  width: 95%;
}

.trsdashboard .dashboardtext,
.trsdashboard .dashboardtitle {
  margin-left: 0;
}

.trsdashboard .show-tab-mobile .panel-default > .panel-heading * {
  color: #fff;
}

#generic.home-module-benefit-statement .btn.btn-default span,
#generic.deals .btn.btn-default span{
  color: #262836 !important;
}

@media only screen and (max-width: 767px) {
  .show-tab-mobile {
    margin-top: 2rem;
  }
  #dashboardContainer .highcharts-title {
	padding-top: 0rem;
  }
  #dashboardContainer .highcharts-title div {
	font-size: 1rem;
  }
  #dashboardContainer .side-bar {
    display: none;
  }
  .online-two-iso #terminator #header.header-fullwidth .menu-container.fullwidth {
	top: 35px !important;
  }
  #dashboardContainer {
	width: 100%;
  }
}

#logo {
  top: 20px;
}

.jq-dropdown-menu #ddlMobileLanguage {
  display: none !important;
}

.jq-dropdown {
  top: 0 !important;
  right: 45px !important;
  left: auto !important;
}

.jq-dropdown .jq-dropdown-menu, 
.jq-dropdown .jq-dropdown-panel {
  min-width: 125px;
}

.jq-dropdown.jq-dropdown-tip::before {
  top: 10px;
  left: 121px !important;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.jq-dropdown.jq-dropdown-tip::after {
  top: 10px;
  left: 121px !important;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#generic .generic-buttons {
  padding-bottom: 1rem;
}

a.underlined {
  text-decoration: underline !important;
}

.popover {
  left: 0 !important;
}

.benefit_description a {
  white-space: nowrap;
}

section.benefit_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem 3rem;
}

.benefit_group .benefit {
  gap: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 45%;
  flex: 0 0 45%;
  min-width: 300px;
}

.ben_img_wrapper img {
  width: 60px;
  margin: 0 auto;
}

.trs_add_ben .benefit_group .benefit .benefit_description {
  -ms-flex-preferred-size: calc(100% - 60px - 2rem);
  flex-basis: 65%;
  margin: 0;
}

@media (max-width: 1200px) {
  .benefit_group .benefit {
    display: block;
  }
  .trs_add_ben .benefit_group .benefit .benefit_name,
  .trs_add_ben .benefit_group .benefit .benefit_description{
    margin-bottom: 1rem;
  }
}

.info-icon::after {
  content: '\f05a';
  font-family: FontAwesome;
  vertical-align: super;
  padding-left: 5px;
}

/*------------------------------------------------------------------------------ADDITIONAL LEGAL PAGES*/
.legalcontent-privacy *,
[action*="/legal/"] span {
  font-family: HelveticaNowDisplayLight !important;
  font-size: 0.9rem !important;
  font-style: normal;
}

.legalcontent-privacy .litLegalContent div:nth-child(2),
.legalcontent-onlinesecurity .litLegalContent>div:first-child,
.legalcontent-cookienotice .litLegalContent>p:first-child {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 3rem;
  height: 5rem;
}

.legalcontent-privacy div[style="text-align: center;"] *,
.legalcontent-onlinesecurity .litLegalContent>div:first-child span,
.legalcontent-cookienotice .litLegalContent p:first-child strong span {
  font-family: HelveticaNowDisplayBold !important;
  font-size: 3rem !important;
  color: #262836 !important;
}

.legalcontent-privacy div>strong,
.legalcontent-privacy div>strong span {
  font-family: HelveticaNowDisplayMedium !important;
  font-size: 1.5rem !important;
  text-transform: uppercase;
}

.legalcontent-privacy div span>strong,
.legalcontent-privacy div span>em,
.legalcontent-privacy div span>u {
  font-family: HelveticaNowDisplayMedium !important;
}

.legalcontent-privacy,
form[action="/legal/terms-of-use.aspx"] #main,
.litLegalContent {
  padding-top: 3rem;
}

form[action="/legal/terms-of-use.aspx"] h2 {
  font-size: 1.5rem;
}

form[action="/legal/terms-of-use.aspx"] #page-header,
.legalcontent-cookienotice>p:first-child {
  text-align: center;
  margin-bottom: 3rem;
}

form[action="/legal/terms-of-use.aspx"] #page-header #page-title h1 {
  font-family: HelveticaNowDisplayBold !important;
  text-transform: capitalize;
  font-size: 3rem;
}

form[action="/legal/terms-of-use.aspx"] #content strong span,
.legalcontent-onlinesecurity span[style="margin: 0px; padding: 0px; box-sizing: border-box; color: rgb(178, 34, 34);"],
.legalcontent-onlinesecurity span[style="color: rgb(178, 34, 34); font-family: proxima-nova, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600;"],
.legalcontent-onlinesecurity span[style="margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 600;"],
.legalcontent-cookienotice .litLegalContent p:not(first-child) strong span {
  font-size: 1.5rem !important;
  font-family: HelveticaNowDisplayMedium !important;
  text-transform: uppercase !important;
  color: #262836 !important;
}

[action^="/legal"] #wrapper.wrapper-fullwidth {
  max-width: 960px;
}

#links .fa:hover {
  color: #5D6D78;
}

#footer .footer-container {
  background-color: #282638;
}



/* Minification failed (line 10732, error number 1062): Expected semicolon or closing curly-brace, found ' ' */