/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*CLIENT CUSTOM CSS CODE HERE */

/****Variables****/

/*  --drop-shadow-red-glow: -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5)), filter: drop-shadow(15px 15px 15px rgba(230, 0, 0, 0.8)); /*Drop Shadow Red Glow*/
/*  --box-shadow-red-glow: box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000; /*Box Shadow Red Glow*/
/*  --text-shadow-red-glow: text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000; /*Text Shadow Red Glow*/

/**********FONTS**********/

@font-face {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal !important;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/webfonts/fa-regular-400.woff2') format('woff2');
}

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

[class*="fab fa-"]:hover::before {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

@font-face {
  font-family: 'Lt-Regular';
  src: url('/rightforme/media/media/Fonts/VodafoneLt-Regular.otf') format('otf'),
    url('/rightforme/media/media/Fonts/VodafoneLt-Regular.woff2') format('woff2'),
    url('/rightforme/media/media/Fonts/VodafoneLt-Regular.woff') format('woff'),
    url('/rightforme/media/media/Fonts/VodafoneLt-Regular.ttf') format('truetype'),
    url('/rightforme/media/media/Fonts/VodafoneLt-Regular.svg#Lt-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Rg-Bold';
  src: url('/rightforme/media/media/Fonts/VodafoneRg-Bold.otf') format('otf'),
    url('/rightforme/media/media/Fonts/VodafoneRg-Bold.woff2') format('woff2'),
    url('/rightforme/media/media/Fonts/VodafoneRg-Bold.woff') format('woff'),
    url('/rightforme/media/media/Fonts/VodafoneRg-Bold.ttf') format('truetype'),
    url('/rightforme/media/media/Fonts/VodafoneRg-Bold.svg#Rg-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Rg-Regular';
  src: url('/rightforme/media/media/Fonts/VodafoneRg-Regular.otf') format('otf'),
    url('/rightforme/media/media/Fonts/VodafoneRg-Regular.woff2') format('woff2'),
    url('/rightforme/media/media/Fonts/VodafoneRg-Regular.woff') format('woff'),
    url('/rightforme/media/media/Fonts/VodafoneRg-Regular.ttf') format('truetype'),
    url('/rightforme/media/media/Fonts/VodafoneRg-Regular.svg#Rg-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Lobster';
  src: url('/rightforme/media/media/Fonts/Lobster.otf') format('otf'),
    url('/rightforme/media/media/Fonts/Lobster.woff2') format('woff2'),
    url('/rightforme/media/media/Fonts/Lobster.woff') format('woff'),
    url('/rightforme/media/media/Fonts/Lobster.ttf') format('truetype'),
    url('/rightforme/media/media/Fonts/Lobster.svg#Lobster') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

/**********ANIMATIONS**********/

/* ----------------------------------------------
* Credit for some animations goes to Animista
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/***jelly-vertical***/
/*sample markup: 
.jello-vertical {
-webkit-animation: jello-vertical 0.9s both;
animation: jello-vertical 0.9s both;
}
*/
@-webkit-keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.88,1.13,1);transform:scale3d(.88,1.13,1)}40%{-webkit-transform:scale3d(1.13,.88,1);transform:scale3d(1.13,.88,1)}50%{-webkit-transform:scale3d(.93,1.07,1);transform:scale3d(.93,1.07,1)}65%{-webkit-transform:scale3d(1.03,.97,1);transform:scale3d(1.03,.97,1)}75%{-webkit-transform:scale3d(.97,1.03,1);transform:scale3d(.97,1.03,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes jello-vertical{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.88,1.13,1);transform:scale3d(.88,1.13,1)}40%{-webkit-transform:scale3d(1.13,.88,1);transform:scale3d(1.13,.88,1)}50%{-webkit-transform:scale3d(.93,1.07,1);transform:scale3d(.93,1.07,1)}65%{-webkit-transform:scale3d(1.03,.97,1);transform:scale3d(1.03,.97,1)}75%{-webkit-transform:scale3d(.97,1.03,1);transform:scale3d(.97,1.03,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

/***jelly-horizontal***/
@-webkit-keyframes jelly-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.13,.88,1);transform:scale3d(1.13,.88,1)}40%{-webkit-transform:scale3d(.88,1.13,1);transform:scale3d(.88,1.13,1)}50%{-webkit-transform:scale3d(1.07,.93,1);transform:scale3d(1.07,.93,1)}65%{-webkit-transform:scale3d(.97,1.03,1);transform:scale3d(.97,1.03,1)}75%{-webkit-transform:scale3d(1.03,.97,1);transform:scale3d(1.03,.97,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes jelly-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.88,1.13,1);transform:scale3d(.88,1.13,1)}40%{-webkit-transform:scale3d(1.13,.88,1);transform:scale3d(1.13,.88,1)}50%{-webkit-transform:scale3d(.93,1.07,1);transform:scale3d(.93,1.07,1)}65%{-webkit-transform:scale3d(1.03,.97,1);transform:scale3d(1.03,.97,1)}75%{-webkit-transform:scale3d(.97,1.03,1);transform:scale3d(.97,1.03,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

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

/***text-focus***/
@-webkit-keyframes text-focus{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@keyframes text-focus{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}

/***bounce-to_top***/
/*.bounce-top {
-webkit-animation: bounce-top 0.9s both;
animation: bounce-top 0.9s both;
}*/
@-webkit-keyframes bounce-to_top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}
@keyframes bounce-to_top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}

/***rotate-center***/
/*.rotate-center {
-webkit-animation: rotate-center 0.6s ease-in-out both;
animation: rotate-center 0.6s ease-in-out both;
}*/
@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

/***rotate-vert-center***/
/*.rotate-vert-center {
-webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}*/
@-webkit-keyframes rotate-vert-center{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}
@keyframes rotate-vert-center{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}

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

/**flicker-1**/
@keyframes flicker-1{from{opacity:.5}4%{opacity:.5}6%{opacity:.45}8%{opacity:.55}10%{opacity:.45}11%{opacity:.5}12%{opacity:.65}14%{opacity:.55}16%{opacity:.7}17%{opacity:.55}19%{opacity:.5}20%{opacity:.5}24%{opacity:.5}26%{opacity:.69}28%{opacity:.5}38%{opacity:.45}40%{opacity:.5}42%{opacity:.6}44%{opacity:.5}46%{opacity:.5}56%{opacity:.5}58%{opacity:.75}60%{opacity:.5}68%{opacity:.5}70%{opacity:.6}72%{opacity:.5}93%{opacity:.5}95%{opacity:.6}97%{opacity:.5}to{opacity:.5}}
@-webkit-keyframes flicker-1{from{opacity:.5}4%{opacity:.5}6%{opacity:.45}8%{opacity:.55}10%{opacity:.45}11%{opacity:.5}12%{opacity:.65}14%{opacity:.55}16%{opacity:.7}17%{opacity:.55}19%{opacity:.5}20%{opacity:.5}24%{opacity:.5}26%{opacity:.69}28%{opacity:.5}38%{opacity:.45}40%{opacity:.5}42%{opacity:.6}44%{opacity:.5}46%{opacity:.5}56%{opacity:.5}58%{opacity:.75}60%{opacity:.5}68%{opacity:.5}70%{opacity:.6}72%{opacity:.5}93%{opacity:.5}95%{opacity:.6}97%{opacity:.5}to{opacity:.5}}

/**
* ----------------------------------------
* animation flicker-2
* ----------------------------------------
*/
@-webkit-keyframes flicker-2{0%,100%{opacity:1}11.99%{opacity:1}12%{opacity:0}13%{opacity:0}13.01%{opacity:1}15.99%{opacity:1}16%{opacity:0}16.9%{opacity:0}16.91%{opacity:1}21.99%{opacity:1}22%{opacity:0}22.8%{opacity:0}22.81%{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}45.99%{opacity:1}46%{opacity:0}46.9%{opacity:0}46.91%{opacity:1}51.99%{opacity:1}52%{opacity:0}52.8%{opacity:0}52.81%{opacity:1}}
@keyframes flicker-2{0%,100%{opacity:1}11.99%{opacity:1}12%{opacity:0}13%{opacity:0}13.01%{opacity:1}15.99%{opacity:1}16%{opacity:0}16.9%{opacity:0}16.91%{opacity:1}21.99%{opacity:1}22%{opacity:0}22.8%{opacity:0}22.81%{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}45.99%{opacity:1}46%{opacity:0}46.9%{opacity:0}46.91%{opacity:1}51.99%{opacity:1}52%{opacity:0}52.8%{opacity:0}52.81%{opacity:1}}

/*flicker-3*/
@-webkit-keyframes flicker-3{0%,100%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}11.99%{opacity:1;-webkit-transform:translate(-.5px,-.5px);transform:translate(-.5px,-.5px)}12%{opacity:0;-webkit-transform:translate(.5px,-.5px);transform:translate(.5px,-.5px)}13%{opacity:0;-webkit-transform:translate(-.5px,.5px);transform:translate(-.5px,.5px)}13.01%{opacity:1;-webkit-transform:translate(.5px,-.5px);transform:translate(-.5px,.5px)}15.99%{opacity:1;-webkit-transform:translate(-.5px,.5px);transform:translate(-.5px,.5px)}16%{opacity:0;-webkit-transform:translate(-.5px,-.5px);transform:translate(.5px,-.5px)}16.9%{opacity:0;-webkit-transform:translate(-.5px,-.5px);transform:translate(-.5px,-.5px)}16.91%{opacity:1;-webkit-transform:translate(.5px,.5px);transform:translate(-.5px,-.5px)}21.99%{opacity:1;-webkit-transform:translate(-.5px,-.5px);transform:translate(.5px,.5px)}22%{opacity:0;-webkit-transform:translate(.5px,-.5px);transform:translate(-.5px,.5px)}22.8%{opacity:0;-webkit-transform:translate(-.5px,.5px);transform:translate(.5px,-.5px)}22.81%{opacity:1;-webkit-transform:translate(.5px,-.5px);transform:translate(.5px,-.5px)}41.99%{opacity:1;-webkit-transform:translate(-.5px,.5px);transform:translate(-.5px,.5px)}42%{opacity:0;-webkit-transform:translate(.5px,-.5px);transform:translate(-.5px,-.5px)}43%{opacity:0;-webkit-transform:translate(-.5px,-.5px);transform:translate(-.5px,.5px)}43.01%{opacity:1;-webkit-transform:translate(.5px,-.5px);transform:translate(.5px,-.5px)}45.99%{opacity:1;-webkit-transform:translate(-.5px,.5px);transform:translate(-.5px,.5px)}46%{opacity:0;-webkit-transform:translate(.5px,.5px);transform:translate(-.5px,-.5px)}46.9%{opacity:0;-webkit-transform:translate(-.5px,-.5px);transform:translate(.5px,.5px)}46.91%{opacity:1;-webkit-transform:translate(-.5px,.5px);transform:translate(.5px,-.5px)}51.99%{opacity:1;-webkit-transform:translate(-.5px,.5px);transform:translate(.5px,-.5px)}52%{opacity:0;-webkit-transform:translate(.5px,-.5px);transform:translate(.5px,.5px)}52.8%{opacity:0;-webkit-transform:translate(-.5px,.5px);transform:translate(-.5px,-.5px)}52.81%{opacity:1;-webkit-transform:translate(.5px,-.5px);transform:translate(-.5px,.5px)}}
@keyframes flicker-3{0%,100%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}11.99%{opacity:1;-webkit-transform:translate(-.5px,-.5px);transform:translate(-.5px,-.5px)}12%{opacity:0;-webkit-transform:translate(.5px,-.5px);transform:translate(.5px,-.5px)}13%{opacity:0;-webkit-transform:translate(-.5px,.5px);transform:translate(-.5px,.5px)}13.01%{opacity:1;-webkit-transform:translate(.5px,-.5px);transform:translate(-.5px,.5px)}15.99%{opacity:1;-webkit-transform:translate(-.5px,.5px);transform:translate(-.5px,.5px)}16%{opacity:0;-webkit-transform:translate(-.5px,-.5px);transform:translate(.5px,-.5px)}16.9%{opacity:0;-webkit-transform:translate(-.5px,-.5px);transform:translate(-.5px,-.5px)}16.91%{opacity:1;-webkit-transform:translate(.5px,.5px);transform:translate(-.5px,-.5px)}21.99%{opacity:1;-webkit-transform:translate(-.5px,-.5px);transform:translate(.5px,.5px)}22%{opacity:0;-webkit-transform:translate(.5px,-.5px);transform:translate(-.5px,.5px)}22.8%{opacity:0;-webkit-transform:translate(-.5px,.5px);transform:translate(.5px,-.5px)}22.81%{opacity:1;-webkit-transform:translate(.5px,-.5px);transform:translate(.5px,-.5px)}41.99%{opacity:1;-webkit-transform:translate(-.5px,.5px);transform:translate(-.5px,.5px)}42%{opacity:0;-webkit-transform:translate(.5px,-.5px);transform:translate(-.5px,-.5px)}43%{opacity:0;-webkit-transform:translate(-.5px,-.5px);transform:translate(-.5px,.5px)}43.01%{opacity:1;-webkit-transform:translate(.5px,-.5px);transform:translate(.5px,-.5px)}45.99%{opacity:1;-webkit-transform:translate(-.5px,.5px);transform:translate(-.5px,.5px)}46%{opacity:0;-webkit-transform:translate(.5px,.5px);transform:translate(-.5px,-.5px)}46.9%{opacity:0;-webkit-transform:translate(-.5px,-.5px);transform:translate(.5px,.5px)}46.91%{opacity:1;-webkit-transform:translate(-.5px,.5px);transform:translate(.5px,-.5px)}51.99%{opacity:1;-webkit-transform:translate(-.5px,.5px);transform:translate(.5px,-.5px)}52%{opacity:0;-webkit-transform:translate(.5px,-.5px);transform:translate(.5px,.5px)}52.8%{opacity:0;-webkit-transform:translate(-.5px,.5px);transform:translate(-.5px,-.5px)}52.81%{opacity:1;-webkit-transform:translate(.5px,-.5px);transform:translate(-.5px,.5px)}}

/**
* ----------------------------------------
* animation flicker-extreme
* ----------------------------------------
*/
@-webkit-keyframes flicker-extreme{0%,100%{opacity:1}1.99%{opacity:0}2%{opacity:1}3%{opacity:0}3.01%{opacity:1}5.99%{opacity:1}6%{opacity:1}6.9%{opacity:0}6.91%{opacity:1}11.99%{opacity:1}12%{opacity:0}13%{opacity:0}13.01%{opacity:1}15.99%{opacity:1}16%{opacity:0}16.9%{opacity:0}16.91%{opacity:1}21.99%{opacity:1}22%{opacity:0}22.8%{opacity:0}22.81%{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}45.99%{opacity:1}46%{opacity:0}46.9%{opacity:0}46.91%{opacity:1}51.99%{opacity:1}52%{opacity:0}52.8%{opacity:0}52.81%{opacity:1}61.99%{opacity:1}62%{opacity:0}63%{opacity:0}63.01%{opacity:1}65.99%{opacity:1}66%{opacity:0}66.9%{opacity:0}66.91%{opacity:1}81.99%{opacity:1}82%{opacity:0}82.8%{opacity:0}82.81%{opacity:1}}
@keyframes flicker-extreme{0%,100%{opacity:1}1.99%{opacity:0}2%{opacity:1}3%{opacity:0}3.01%{opacity:1}5.99%{opacity:1}6%{opacity:1}6.9%{opacity:0}6.91%{opacity:1}11.99%{opacity:1}12%{opacity:0}13%{opacity:0}13.01%{opacity:1}15.99%{opacity:1}16%{opacity:0}16.9%{opacity:0}16.91%{opacity:1}21.99%{opacity:1}22%{opacity:0}22.8%{opacity:0}22.81%{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}45.99%{opacity:1}46%{opacity:0}46.9%{opacity:0}46.91%{opacity:1}51.99%{opacity:1}52%{opacity:0}52.8%{opacity:0}52.81%{opacity:1}61.99%{opacity:1}62%{opacity:0}63%{opacity:0}63.01%{opacity:1}65.99%{opacity:1}66%{opacity:0}66.9%{opacity:0}66.91%{opacity:1}81.99%{opacity:1}82%{opacity:0}82.8%{opacity:0}82.81%{opacity:1}}

/**
* ----------------------------------------
* animation vibrate-3

-webkit-animation: vibrate-3 0.1s linear 4 both;
animation: vibrate-3 0.1s linear 4 both;
* ----------------------------------------
*/
@-webkit-keyframes vibrate-3{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}20%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}30%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}50%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}70%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}80%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}90%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}100%{-webkit-transform:translate(0);transform:translate(0)}}
@keyframes vibrate-3{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}20%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}30%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}50%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}70%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}80%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}90%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}100%{-webkit-transform:translate(0);transform:translate(0)}}

/**
* ----------------------------------------
* animation slide-fwd-center
* ----------------------------------------
*/
/*.slide-fwd-center {
-webkit-animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
*/
@-webkit-keyframes slide-fwd-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}100%{-webkit-transform:translateZ(160px);transform:translateZ(160px)}}
@keyframes slide-fwd-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}100%{-webkit-transform:translateZ(160px);transform:translateZ(160px)}}

/*Text shadow red glow animation*/
/*
-webkit-animation: text-glow-red 1.5s linear 5 both;
animation: text-glow-red 1.5s linear 5 both;
*/
@-webkit-keyframes text-glow-red {0%{text-shadow: none;}50%{text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;}100%{text-shadow: none;}}
@keyframes text-glow-red {0%{text-shadow: none;}50%{text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;}100%{text-shadow: none;}}

/*IMG shadow red glow animation*/
/*
-webkit-animation: img-glow-red 1.5s linear infinite both;
animation: img-glow-red 1.5s linear infinite both;
*/

@-webkit-keyframes img-glow-red{0%{-webkit-filter: none; -webkit-filter: none; filter: none; -webkit-transform: scale(0.7); transform: scale(0.7);}50%{-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5)); filter: drop-shadow(15px 15px 15px rgba(230, 0, 0, 0.8)); -webkit-transform: scale(0.71); transform: scale(0.71);}100%{-webkit-filter: none; -webkit-filter: none; filter: none; -webkit-transform: scale(0.7); transform: scale(0.7);}}
@keyframes img-glow-red{0%{-webkit-filter: none; -webkit-filter: none; filter: none; -webkit-transform: scale(0.7); transform: scale(0.7);}50%{-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5)); filter: drop-shadow(15px 15px 15px rgba(230, 0, 0, 0.8)); -webkit-transform: scale(0.71); transform: scale(0.71);}100%{-webkit-filter: none; -webkit-filter: none; filter: none; -webkit-transform: scale(0.7); transform: scale(0.7);}}

/*IMG shadow red glow full size animation*/
/*
-webkit-animation: img-glow-red-full 1.5s linear infinite both;
animation: img-glow-red-full 1.5s linear infinite both;
*/

@-webkit-keyframes img-glow-red-full{0%{-webkit-filter: none; -webkit-filter: none; filter: none; -webkit-transform: scale(1.0); transform: scale(1.0);}50%{-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5)); filter: drop-shadow(15px 15px 15px rgba(230, 0, 0, 0.8)); -webkit-transform: scale(1.02); transform: scale(1.02);}100%{-webkit-filter: none; -webkit-filter: none; filter: none; -webkit-transform: scale(1); transform: scale(1);}}
@keyframes img-glow-red-full{0%{-webkit-filter: none; -webkit-filter: none; filter: none; -webkit-transform: scale(1.0); transform: scale(1.0);}50%{-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5)); filter: drop-shadow(15px 15px 15px rgba(230, 0, 0, 0.8)); -webkit-transform: scale(1.02); transform: scale(1.02);}100%{-webkit-filter: none; -webkit-filter: none; filter: none; -webkit-transform: scale(1); transform: scale(1);}}


/*BUTTON shadow red glow animation*/
/*
-webkit-animation: btn-glow 1.5s linear infinite both;
animation: btn-glow 1.5s linear infinite both;
*/

@-webkit-keyframes btn-glow{0%{-webkit-box-shadow: none; box-shadow: none;}50%{-webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;}100%{-webkit-box-shadow: none; box-shadow: none;}}
@keyframes btn-glow{0%{-webkit-box-shadow: none; box-shadow: none;}50%{-webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;}100%{-webkit-box-shadow: none; box-shadow: none;}}



/**********UTILITIES**********/
html {
  background-image: none;
  background-color: #000;
}

html {
  overflow: hidden auto;
}

* {
  color: inherit;
  font-family: inherit;
  font-weight: normal !important;
}

.online-two-iso body {
  color: #000000;
  font-family: 'Lt-Regular';
  font-weight: normal !important;
}

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

a.link-visible {
  text-decoration: underline;
}

.online-two-iso h1, .online-two-iso h2 {
  color: #000000;
  font-size: 2.5rem;
  font-family: 'Rg-Bold';
}

@media (max-width: 767px) {
  .online-two-iso h1, .online-two-iso h2 {
    font-size: 2rem;
  }
}

.online-two-iso h3, .online-two-iso h4, .online-two-iso h5, .online-two-iso h6 {
  font-family: 'Lt-Regular';
  color: #000000;
}

.ui-tooltip {
  visibility: hidden;
}

.btn:focus {
  outline: none !important;
}

.btn:focus {
  -webkit-animation: btn-glow 1.5s linear infinite both !important;
  animation: btn-glow 1.5s linear infinite both !important;
}

::-moz-selection {
  background-color: #e60000;
  color: #fff;
}

::selection {
  background-color: #e60000;
  color: #fff;
}

.tooltip-info {
  font-family: 'FontAwesome';
  font-size: 1.2rem;
  vertical-align: top;
}

a[uib-popover-template="'popover.html'"]:hover {
  text-decoration: none !important;
}

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

.link-favicon {
  color: #FFF !important;
  text-decoration: none !important;
  font-size: 1.2rem;
}

@media (max-width: 1200px) {
  .link-favicon {
    font-size: 1rem;
  }
}

.link-favicon:before,
.text-favicon:before {
  font-family: 'FontAwesome';
  font-size: 1.5rem;
  margin: 0 5px 0 10px;
}

.link-favicon.link:before {content: ''; color: #FFF;}
.link-favicon.attch:before {content: ''; color: #FFF;}
.text-favicon.phone:before {content: ''; color: #FFF;}
.text-favicon.email:before {content: ''; color: #FFF;}


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

/*Login page*/
.LoginPageContainer #logo {
  visibility: hidden;
}

.online-two-iso.login body {
  background: transparent url('/rightforme/media/media/login-page_1681x1117_V2.jpg') top left/90% no-repeat;
}

.online-two-iso.login .LoginPageContainer .login-module-zone {
  float: right;
  width: 25%;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules {
  background-color: transparent;
}

[id*='login-module'] .module-title {
  font-size: 1rem !important;
  color: #fff;
}

.online-two-iso.login .LoginPageContainer .login-module-zone .login-modules .module {
  padding:0;
}

#login-module-need-assistance .text-favicon, .text-favicon a {
  color: #fff;
  font-family: 'Rg-Bold';
}

#login-module-need-assistance .text-favicon a:hover {
  text-decoration: none;
  color: #e60000;
}

/*Login page - login box*/

.online-two-iso.login .LoginPageContainer .panel.panel-default .panel-body {
  background-color: transparent;
}

.online-two-iso.login .LoginPageContainer #main {
  width: 400px;
  margin-top: 10%;
  margin-right: 10%;
}

@media (max-width: 767px) {
  .online-two-iso.login .LoginPageContainer #main {
    width: 80%;
  }
  
  .online-two-iso.login .LoginPageContainer .panel.panel-default {
    background-color: transparent;
    border: none;
  }
}

@media (max-width: 600px) {
  .online-two-iso.login .LoginPageContainer #main {
    width: 80%;
    margin-top: 10vh;
  }
  
  .online-two-iso.login .LoginPageContainer .panel.panel-default {
    background-color: transparent;
    border: none;
  }
}


.bootstrap-iso .input-group-addon {
  text-align: left;
  background-color: #fff;
  font-family: 'Lt-Regular';
}

#login.btn.btn-primary {
  background-color: #e60000;
  border: 1px solid #e60000;
  border-radius: 30px;
  color: #fff;
  font-size: 1rem;
  text-transform: capitalize;
  font-family: 'Rg-Bold';
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#login.btn.btn-primary:hover, #login.btn.btn-primary:active, #login.btn.btn-primary:focus {
  background-color: #fff;
  color: #000;
  border-color: #fff;
  outline: none;
}

/*Home page background image*/
#main {
  margin: 0;
}

.online-three#home,
html.online-three.online-three-allpages-fullwidth {
  background: #000;
}

#home-online-three {
  background: transparent;
}

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

#home-online-three .modules-sleeve {
  float: none;
  width: inherit;
  margin: 1rem 1rem 1rem 3rem;
  background-color: transparent;
}

@media (max-width: 1200px) {
  #home-online-three .modules-sleeve {
    margin: 1rem 0 1rem 0;
  }
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
  padding: 0;
}

/*Header*/
.online-three#home #terminator #header.header-fullwidth,
.online-two-iso #terminator #header.header-fullwidth {
  margin: 0;
  padding: 0;
  background: #000;
  position: absolute;
  z-index: 99999;
  border-bottom: 2px solid #fff;
}

#logo {
  background: url('/rightforme/media/media/Vodafone_LogosV6.png') center center/cover no-repeat;
  margin-top: 0.4rem;
  margin-left: 1rem;
}

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

/*NavBar*/
@media (max-width: 1200px) {
  #header .main-menu-toogle.btn.visible-xs {
    display: none !important;
  }
}

.online-two-iso #terminator #header.header-fullwidth .menu-container.fullwidth {
  width: 75vw;
  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: 16rem;
  margin: 0;
  top: 0 !important;
}

@media (max-width: 767px) {
  .online-two-iso #terminator #header.header-fullwidth .menu-container.fullwidth {
    width: 55vw;
  }
}

@media (max-width: 600px) {
  .online-two-iso #terminator #header.header-fullwidth .menu-container.fullwidth {
    display: none !important;
  }
}

#mobile-links .jq-dropdown-menu li:nth-child(3), 
#mobile-links .jq-dropdown-menu li:nth-child(4) {
  display: none;
}

.fa-gear::before, .fa-cog::before {
  color: #fff;
}

.online-two-iso #menu-no-dashboard [id*="navtablist"] {
  padding: 0;
}

.online-two-iso #menu-no-dashboard [id*="navtablist"] a[id*="menu"] {
  padding: 1rem 1.25rem;
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
  font-size: 1.3rem;
  text-transform: capitalize;
  font-family: 'Rg-Bold';
  height: 76px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
}

@media (max-width: 900px) {
  .online-two-iso #menu-no-dashboard [id*="navtablist"] a[id*="menu"] {
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    height: 50px;
  }
}

@media (max-width: 767px) {
  .online-two-iso #menu-no-dashboard [id*="navtablist"] a[id*="menu"] {
    font-size: 0.8rem;
  }
}

@media only screen and (max-width: 750px) {
  #menu-no-dashboard li, #menu li, #menu-sub {
    float: left;
  }
  #menu-no-dashboard, li .selected, #menu li .selected, .submenu li .selected {
    background: transparent;
    margin-left: 1rem;
    border: none;
  }
}


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

/*#menu1.guid-7fd4c1ce-a15c-4caa-bc8f-be213bf0e3fe {
cursor: not-allowed;
}*/

/*.online-two-iso #menu-no-dashboard [id*="navtablist"] a[id*="menu"].selected {
border-top: 5px solid #e60000;
padding-top: 11px;
}*/

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

#links .fa {
  font-size: 1.6rem;
  -webkit-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear;
  color: #fff;
}

#links .fa:hover {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

#headerResources {
  margin-right: 2rem;
}


/*Welcome message (greeting) and sensitive data toggle*/
#home-online-three .dashboard-controls {
  margin: 6rem 1rem 0 1rem;
}

#home-online-three .dashboard-controls #greeting-message {
  text-align: center;
  font-size: 3rem;
  color: #fff;
  font-family: 'Lt-Regular';
  margin-left: 10%;
}

#home-online-three .dashboard-controls #greeting-message strong {
  font-size: 3rem;
  color: #fff;
  font-family: 'Rg-Bold';
  -webkit-animation: text-glow-red 1.5s linear 5 both;
  animation: text-glow-red 1.5s linear infinite both
}

@media (max-width: 1300px) {
  #home-online-three .dashboard-controls #greeting-message {
    font-size: 1.7rem;
  }
  
  #home-online-three .dashboard-controls #greeting-message strong {
    font-size: 1.7rem;
  } 
}

#home-online-three .dashboard-controls .sensitive-data-toggle .caption-text {
  color: #fff;
  font-family: 'Rg-Bold';
  vertical-align: middle;
}

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


/*Home page grid*/
#home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container {
  display: grid;
  display: -ms-grid;
  grid-gap: 1rem;
      grid-template-areas: 
    "module-1 module-1 module-2 module-2" 
    "module-1 module-1 module-4 module-3" 
    "module-6 module-5 module-4 module-3";
  -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1rem 1fr 1rem 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}

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

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

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

#home-online-three #right-side .modules-right-side.grid-container .grid-item-3, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-3 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;
  grid-area: module-4;
  
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-4, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-4 {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: module-5;
  
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-5, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-5 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: module-6;
  
}

/*Grid for smaller screens*/
@media (max-width: 1400px) {
  #home-online-three #right-side .modules-right-side.grid-container, #home-online-three #home-integrated .modules-right-side.grid-container {
    display: -ms-grid;
    display: grid;
    grid-gap: 1rem;
        grid-template-areas: 
      "module-1 module-1" 
      "module-2 module-2" 
      "module-6 module-5" 
      "module-4 module-3" 
      "module-4 module-3";
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 2fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    grid-template-rows: 2fr 1fr 1fr 1fr 1fr;
  }
  
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-0, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row-span: 2;
    grid-area: module-1;
  }
  
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-1, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: module-2;
    
  }
  
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-2, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-2 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    grid-area: module-3;
    
  }
  
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-3, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-3 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: module-4;
    
  }
  
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-4, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-4 {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    grid-area: module-5;
    
  }
  
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-5, #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-5 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: module-6;
    
  }
}




#home-online-three #home-integrated .modules-right-side.grid-container,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
  background-color: transparent;
}

/*Hide welcome message*/
.carousel.home-module-integrated .welcome-items .menu-header {
  display: none;
}

/*Carousel*/
[id*="slide-"] {
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position-x: left !important;
  background-position-y: center !important;
}

.btn-group.welcome-items.dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid-item-content.home-module-carousel {
  -webkit-box-shadow: 3px 3px 20px 3px #000;
  box-shadow: 3px 3px 20px 3px #000;
}

.home-module-integrated #slider .sliderContainer .slide-content {
  background-color: transparent;
  position: absolute;
  bottom: 0;
  width: 55%;
  margin: 1rem;
}

.home-module-integrated .content {
  margin: 0rem 0rem 2rem 3rem;
}

@media (max-width: 767px) {
  .home-module-integrated .content {
    margin: 0rem 0rem 2rem 1rem;
  }
}

/*.home-module-integrated #slide-welcome .content,
.home-module-integrated #slide-christmas_saver .content,
.home-module-integrated #slide-travel_insurance .content,
.home-module-integrated #slide-travel .content {
margin-left: 0;
}*/

.home-module-integrated #slider .sliderContainer #slide-welcome .slide-content,
.home-module-integrated #slider .sliderContainer #slide-christmas_saver .slide-content,
.home-module-integrated #slider .sliderContainer #slide-travel_insurance .slide-content,
.home-module-integrated #slider .sliderContainer #slide-travel .slide-content,
.home-module-integrated #slider .sliderContainer #slide-pac .slide-content,
.home-module-integrated #slider .sliderContainer #slide-dental .slide-content,
.home-module-integrated #slider .sliderContainer #slide-discount .slide-content {
  right: 0;
}

#slider .sliderContainer .slide-content .text p {
  font-size: 1.2rem;
  color: #fff;
  font-family: 'Rg-Regular';
  -webkit-animation: text-focus 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
  animation: text-focus 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

.slide-content .tile-button .btn.btn-tile span {
  font-size: 0.8rem;
  font-family: 'Rg-Bold';
  color: #fff;
}

.slide-content .tile-button .btn.btn-tile:hover {
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}



.slide-content .tile-button .btn.btn-tile {
  background-color: #e60000;
  border-radius: 30px;
}


.slide-content .tile-button .btn.btn-tile span::after {
  content: '';
  font-family: 'FontAwesome';
  padding-left: 5px;
}

#home-module-welcome .arrowleft, 
.home-module-integrated .arrowleft, 
#home-module-welcome .arrowright, 
.home-module-integrated .arrowright {
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.home-module-carousel:hover #home-module-welcome .arrowleft, 
.home-module-carousel:hover .home-module-integrated .arrowleft, 
.home-module-carousel:hover #home-module-welcome .arrowright, 
.home-module-carousel:hover .home-module-integrated .arrowright {
  opacity: 1;
}




/*Modules*/
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content {
  border: none;
  padding: 0;
}

/*Hide info icon on module*/
.module-content-header-container {
  display: none;
}

/*Stretching buttons on modules*/
/*.retirement .home-module-generic-content .generic-copy.module-copy {
top: 0;
position: absolute;
height: 100%;
margin: 0 !important;
}*/

.home-module-generic-content .generic-copy.module-copy .btn.btn-default,
#enrolment .module-copy .btn.btn-default,
#trs.module-content .trs-buttons .btn.btn-default {
  position: absolute;
  top: 5%;
  left: 15%;
  height: 90% !important;
  width: 70% !important;
  opacity: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .home-module-generic-content .generic-copy.module-copy .btn.btn-default, 
  #enrolment .module-copy .btn.btn-default, 
  #trs.module-content .trs-buttons .btn.btn-default {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .home-module-generic-content .generic-copy.module-copy .btn.btn-default, 
  #enrolment .module-copy .btn.btn-default, 
  #trs.module-content .trs-buttons .btn.btn-default {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    opacity: 1;
  }
  
  #home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default, 
  #home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default {
    background-color: #e60000;
    border-color: #e60000;
    border-radius: 10px;
    width: 100% !important;
  }
  
  #home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default span, 
  #home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default span {
    font-family: 'Rg-Regular';
    font-size: 1rem;
  }
}

.home-module-generic-content .generic-copy.module-copy {
  width: 100%;
}


/*TRS*/
#trs.module-content {
  background: url('/rightforme/media/media/Vodafone_Dashboard-images_TRS_V7.png') 1vw center/contain no-repeat;
}

#trs.module-content:hover {
  -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-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(15px 15px 15px rgba(230, 0, 0, 0.8));
}

/*#trs .tbs-loader {
display: none;
}*/

rect.highcharts-background {
  fill: transparent;
}

.trs-statement-intro {
  display: none;
}

#trs.module-content .trs-buttons .btn.btn-default {
  /*display: none !important;*/
  
}

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

g.highcharts-label.highcharts-data-label text {
  fill: #fff;
}


.highcharts-title {
  text-align: center;
  color: #fff !important;
  top: 175px !important;
}

/*@media all and (-ms-high-contrast:none)*/
#home-online-three #right-side .hide-sensitive .highcharts-title, 
#home-online-three #home-integrated .hide-sensitive .highcharts-title {
  color: #000 !important;
  background-color: #000;
}


/*Pension*/
[id^="generic"].module-content.retirement {
  background: url('/rightforme/media/media/Vodafone_Dashboard-imagesV5-Retirement.png') -1vw center/contain no-repeat;
}

[id^="generic"].module-content.retirement:hover {
  -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-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(15px 15px 15px rgba(230, 0, 0, 0.8));
}


/*Enrolment*/
#enrolment.module-content {
  background: url('/rightforme/media/media/Vodafone_Dashboard-3.png') 1vw center/contain no-repeat;
}

.enrollment-copy.module-copy .event-intro,
.enrollment-copy.module-copy #makeCurrentChangesLabel {
  display: none;
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .text-light, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .text-light {
  display: none;
}

#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content#enrolment .enrollment-copy .event-summary .event-name {
  display: none;
}

#enrolment.module-content:hover {
  -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-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(15px 15px 15px rgba(230, 0, 0, 0.8));
}

/*Kudos*/
[id^="generic"].module-content.kudos {
  background: url('/rightforme/media/media/Vodafone_Dashboard-imagesV5-Kudos.png') center center/contain no-repeat;
}

[id^="generic"].module-content.kudos:hover {
  -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-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(15px 15px 15px rgba(230, 0, 0, 0.8));
}

/*Evolve*/
[id^="generic"].module-content.evolve {
  background: url('/rightforme/media/media/Vodafone_Dashboard-imagesV5-Evolve.png') center center/contain no-repeat;
}

[id^="generic"].module-content.evolve:hover {
  -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-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(15px 15px 15px rgba(230, 0, 0, 0.8));
}


/*Benefit Overview*/

#benefit-overview {
  position: relative;
  top: 5rem;
  margin: 0 10vw 4rem 10vw;
  margin-bottom: 4rem;
  background-color: transparent;
}

@media (max-width: 1500px) {
  #benefit-overview {
    margin-left: 0;
    margin-right: 0;
  }
}

/*Benefit Overview filter*/
.filter.overview-component .input-group,
#benefit-overview .input-control {
  width: 20vw;
}

#benefit-overview .filter.overview-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}

.input-group .glyphicon.glyphicon-search {
  color: #fff;
}

#benefit-overview .input-label {
  color: #fff;
}

#benefit-overview .filter.overview-component .clear-filter {
  background-color: #e60000;
  border: 1px solid #e60000;
  border-radius: 30px;
  font-size: 1rem;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: #fff;
  font-family: 'Rg-Bold';
  text-transform: capitalize;
  margin: 0 auto 0 1rem;
}

@media (max-width: 767px) {
  #benefit-overview .filter.overview-component {
    display: block;
  }
  
  .filter.overview-component .input-group, #benefit-overview .input-control {
    width: 100%;
    margin-bottom: 1rem;
  }
  
  #benefit-overview .filter.overview-component .clear-filter {
    margin: 0;
  }
}

#benefit-overview .filter.overview-component .clear-filter span {
  color: #fff;
}

#benefit-overview .filter.overview-component .clear-filter:hover {
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

#benefit-overview .filter.overview-component .clear-filter.disabled {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#benefit-overview .filter.overview-component .clear-filter.disabled:hover {
  -webkit-animation: none;
  animation: none;
}


/*Benefit Overview accordions*/
#overviewAccordion {
  background-color: transparent;
}

#benefit-overview .benefit-overview-title {
  padding: 6px 0;
}

#benefit-overview .benefit-overview-title H1 {
  font-size: 2rem;
  color: #fff;
}

@media (max-width: 1200px) {
  #benefit-overview .benefit-overview-title H1 {
    font-size: 1.5rem;
  }
}

#rightforme- #benefit-overview #overviewAccordion .panel.panel-default {
  background-color: transparent;
  border-radius: 0;
}

#rightforme- #benefit-overview #overviewAccordion .panel-default [id*="accordiongroup"].panel-heading {
  height: 16vh;
  background-color: transparent;
}

@media (max-width: 767px) {
  #rightforme- #benefit-overview #overviewAccordion .panel-default [id*="accordiongroup"].panel-heading {
    height: 100px;
  }
}

#benefit-overview #overviewAccordion .retirement.panel-default [id*="accordiongroup"].panel-heading {background: url('/rightforme/media/media/Vodafone_Accordions-images_V5-Retirement.png') left 20%/cover no-repeat;}
#benefit-overview #overviewAccordion .health.panel-default [id*="accordiongroup"].panel-heading {background: url('/rightforme/media/media/Vodafone_Accordions-Health.png') left 20%/cover no-repeat;}
#benefit-overview #overviewAccordion .protection.panel-default [id*="accordiongroup"].panel-heading {background: url('/rightforme/media/media/Vodafone_Accordions-images_V5-Protection.png') left 20%/cover no-repeat;}
#benefit-overview #overviewAccordion .lifestyle.panel-default [id*="accordiongroup"].panel-heading {background: url('/rightforme/media/media/Vodafone_Accordions-Lifestyle.png') left 20%/cover no-repeat;}

#benefit-overview .group-header {
  line-height: 16vh;
}

@media (max-width: 767px;) {
  #benefit-overview .group-header {
    line-height: 10vh;
  }
}

#benefit-overview #overviewAccordion .panel-group .panel .group-title {
  visibility: hidden;
}

#benefit-overview .group-header-graphicon {
  margin: 2rem;
  font-size: 2rem;
}

@media (max-width: 767px) {
  #benefit-overview .group-header-graphicon {
    font-size: 1rem;
  }
}

.group-header-graphicon.pull-right.glyphicon.glyphicon-menu-up,
.group-header-graphicon.pull-right.glyphicon.glyphicon-menu-down {
  color: #fff;
}

/*Overview - know more link button*/

#benefit-overview .btn.btn-info.know-more-link {
  background-color: #e60000;
  border: 1px solid #e60000;
  border-radius: 30px;
  min-height: 50px;
  font-size: 1.2rem;
  margin-right: 5%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#benefit-overview .btn.btn-info.know-more-link:hover {
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

#benefit-overview .btn.btn-info.know-more-link a, #benefit-overview .btn.btn-info.know-more-link a span {
  color: #fff;
  font-family: 'Rg-Bold';
}

#benefit-overview .btn.btn-info.know-more-link .glyphicon.glyphicon-chevron-right.aria {
  font-family: 'Glyphicons Halflings';
}

/*Benefit overview - benefit line icons and container*/

@media (min-width: 770px) {
  #benefit-overview .summaryImage {
	width: 300px;
	height: 275px;
  }
}

#benefit-overview .summaryImage .img {
  width: 300px;
  height: 300px;
}

#benefit-overview H3.summaryTitle {
  font-size: 2.5rem;
  font-family: 'Rg-Bold';
  margin-top: 1rem;
  color: #fff;
}

@media (max-width: 767px) {
  #benefit-overview H3.summaryTitle {
    font-size: 1.5rem;
    margin-top: 0;
    text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  }
}

[id*="overview-item"]:hover H3.summaryTitle {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

#benefit-overview .benefitIntroSummary {
  background-color:transparent;
}

#benefit-overview #overviewAccordion .panel-body {
  background-color:transparent;
  margin-left: 5%;
  border: none;
}

#rightforme- #benefit-overview #overviewAccordion .panel.panel-default {
  border: none;
}

#benefit-overview .benefitIntroSummary .summaryContent .summaries .summary-text.item.benefit-type-content .text span {
  color: #fff;
}

#benefit-overview .benefitIntroSummary .summaryContent .summaries .summary-text.item.benefit-type-content {
  font-size: 1.5rem;
}

#benefit-overview .benefitIntroSummary .summaryContent .summaries {
  width: 85%;
}

@media (max-width: 767px) {
  .summaries .summary-text .text {
    font-size: 0.8rem;
  }
}

@media (min-width: 767px) {
  #benefit-overview .know-more-link {
    float: left;
  }
}

#benefit-overview .btn.btn-info.know-more-link {
  margin-top: 2rem;
}

#benefit-overview .summaryImage .img.BenefitImage_allowance {background: url('/rightforme/media/media/Vodafone_Benefits-images_Foundation.png') center center/contain no-repeat;} /*Allowance*/
#benefit-overview .summaryImage .img.BenefitImage_DB_Pension {background: url('/rightforme/media/media/Vodafone_Benefits-images_Life-Assurance.png') center center/contain no-repeat;} /*DB Pension*/
#benefit-overview .summaryImage .img.BenefitImage_11f122f4-5ada-43a4-b0a9-d47c4960432b {background: url('/rightforme/media/media/Vodafone_Benefits-images_Life-Assurance.png') center center/contain no-repeat;} /*DC Pension*/
#benefit-overview .summaryImage .img.BenefitImage_d161594e-4d88-43b3-b722-51f6e6548f94 {background: url('/rightforme/media/media/Vodafone_Benefits-images_AVC.png') center center/contain no-repeat;} /*AVC*/
#benefit-overview .summaryImage .img.BenefitImage_c81db5b2-b6f0-4549-8aae-75104b757a94 {background: url('/rightforme/media/media/Vodafone_Benefits-images_AVC.png') center center/contain no-repeat;} /*AVC*/
#benefit-overview .summaryImage .img.BenefitImage_bf71e1e0-b67e-4909-95f9-27dc9af0c843 {background: url('/rightforme/media/media/Vodafone_Benefits-images_Christmas-Savings-Club.png') center center/contain no-repeat;} /*Christmas Club*/
#benefit-overview .summaryImage .img.BenefitImage_500d7ea1-ae66-4d9e-9e79-8031e2d81d89 {background: url('/rightforme/media/media/Vodafone_Benefits-Discounts.png') center center/contain no-repeat;} /*Discounts*/
#benefit-overview .summaryImage .img.BenefitImage_ca3f9af1-6c59-4dfc-990a-d1babdcaaba4 {background: url('/rightforme/media/media/Vodafone_Benefits-images_DB-Pension.png') center center/contain no-repeat;} /*Holiday Trading*/
#benefit-overview .summaryImage .img.BenefitImage_593cf71b-9702-4ff3-8bf6-7b7197d59bc5 {background: url('/rightforme/media/media/Vodafone_Benefits-images_Life-Assurance_V2.png') center center/contain no-repeat;} /*Life Assurance*/
#benefit-overview .summaryImage .img.BenefitImage_9ad7dad8-6a61-43d8-8bd3-0a784348df8e {background: url('/rightforme/media/media/Vodafone_Benefits-images_Dependants-Life-Assurance.png') center center/contain no-repeat;} /*Dependants Death In Service Pension*/
#benefit-overview .summaryImage .img.BenefitImage_74c7fab2-8204-4f88-aa6c-523f10ccc5bd {background: url('/rightforme/media/media/Vodafone_Benefits-images_Income-Protection.png') center center/contain no-repeat;} /*Income Protection*/
#benefit-overview .summaryImage .img.BenefitImage_99fd76f7-f5ac-4a5c-a856-82fc83555d4c {background: url('/rightforme/media/media/Vodafone_Benefits-images_Specifed-Illness-Scheme_V2.png') center center/contain no-repeat;} /*Critical Illness Scheme*/
#benefit-overview .summaryImage .img.BenefitImage_7f48014a-6bc2-422b-9596-b598b6311e2f {background: url('/rightforme/media/media/Vodafone_Benefits-images_Travel-Insurance.png') center center/contain no-repeat;} /*Personal Accident*/
#benefit-overview .summaryImage .img.BenefitImage_ac6053e2-b4f6-47e8-afee-871a55ae0b7b {background: url('/rightforme/media/media/Vodafone_Benefits-images_Private-Medical-Insurance.png') center center/contain no-repeat;} /*Medical*/
#benefit-overview .summaryImage .img.BenefitImage_4d17e5d4-d9fd-4e49-98f7-e573fc278df9 {background: url('/rightforme/media/media/Vodafone_Benefits-images_Dental-Insurance.png') center center/contain no-repeat;} /*Dental*/
#benefit-overview .summaryImage .img.BenefitImage_6b2e17e4-51e3-4678-8aff-b993c4f32756 {background: url('/rightforme/media/media/Vodafone_Benefits-images_Holiday-Trading.png') center center/contain no-repeat;} /*Travel*/
#benefit-overview .summaryImage .img.BenefitImage_54d05f85-2ad2-4907-8436-34f797c33338 {background: url('/rightforme/media/media/Vodafone_Benefits-images_TaxSaver-Commuter-Tickets_V2.png') center center/contain no-repeat;} /*Travel Ticket*/
#benefit-overview .summaryImage .img.BenefitImage_f4c67ef9-6928-4928-a78f-8db0b31f98b9 {background: url('/rightforme/media/media/Vodafone_Benefits-images_Bike-to-Work.png') center center/contain no-repeat;} /*Bike to Work*/

[id*="overview-item"]:hover .img {
  -webkit-animation: scale-up-center 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-center 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/*Benefit info modal*/

@media (max-width: 767px) {
  .online-two-iso .modal-large .modal-body .pannel-body-full {
    max-height: 25vh;
  }
}

.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_allowance .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Foundation.png');} /*Allowance*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_DB_Pension .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Life-Assurance.png') !important;} /*DB Pension*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_11f122f4-5ada-43a4-b0a9-d47c4960432b .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Life-Assurance.png') !important;} /*DC Pension*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_c81db5b2-b6f0-4549-8aae-75104b757a94 .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_AVC.png') !important;} /*AVC*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_bf71e1e0-b67e-4909-95f9-27dc9af0c843 .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Christmas-Savings-Club.png') !important;} /*Christmas Club*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_500d7ea1-ae66-4d9e-9e79-8031e2d81d89 .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-Discounts.png') !important;} /*Discounts*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_ca3f9af1-6c59-4dfc-990a-d1babdcaaba4 .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_DB-Pension.png') !important;} /*Holiday Trading*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_593cf71b-9702-4ff3-8bf6-7b7197d59bc5 .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Life-Assurance_V2.png') !important;} /*Life Assurance*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_9ad7dad8-6a61-43d8-8bd3-0a784348df8e .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Dependants-Life-Assurance.png') !important;} /*Dependants Death In Service Pension*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_74c7fab2-8204-4f88-aa6c-523f10ccc5bd .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Income-Protection.png') !important;} /*Income Protection*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_99fd76f7-f5ac-4a5c-a856-82fc83555d4c .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Specifed-Illness-Scheme_V2.png') !important;} /*Critical Illness Scheme*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_7f48014a-6bc2-422b-9596-b598b6311e2f .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Travel-Insurance.png') !important;} /*Personal Accident*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_ac6053e2-b4f6-47e8-afee-871a55ae0b7b .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Private-Medical-Insurance.png') !important;} /*Medical*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_4d17e5d4-d9fd-4e49-98f7-e573fc278df9 .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Dental-Insurance.png') !important;} /*Dental*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_6b2e17e4-51e3-4678-8aff-b993c4f32756 .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Holiday-Trading.png') !important;} /*Travel*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_54d05f85-2ad2-4907-8436-34f797c33338 .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_TaxSaver-Commuter-Tickets_V2.png') !important;} /*Travel Ticket*/
.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body.LineDetail_f4c67ef9-6928-4928-a78f-8db0b31f98b9 .pannel-body-full:before {content: url('/rightforme/media/media/Vodafone_Benefits-images_Bike-to-Work.png') !important;} /*Bike to Work*/

@media (max-width: 767px) {
  .online-two-iso .modal-open .modal .modal-dialog.modal-large .modal-content .modal-body .pannel-body-full:before {
    content: none !important;
  }
}

.modal-open .modal .modal-dialog.modal-large {
  margin-top: 15vh;
}

.modal-open .modal .modal-dialog.modal-large .modal-content {
  background-color: #000;
  border-radius: 30px;
}

.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body .info-text {
  width: 61%;
  color:#fff; 
}

@media (max-width: 767px) {
  .modal-open .modal .modal-dialog.modal-large .modal-content .modal-body .info-text {
    width: 100%;
  }
}

@media (min-width: 767px) and (max-width: 1200px) {
  .modal-open .modal .modal-dialog.modal-large .modal-content .modal-body .info-text {
    width: 50%;
  }
}

.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body .info-text .intro-content.text {
  color: #fff;
  font-size: 1.2rem;
}

@media (max-width: 767px) {
  .modal-open .modal .modal-dialog.modal-large .modal-content .modal-body .info-text .intro-content.text {
    font-size: 1rem;
  }
}

.online-two-iso .modal-open .modal .modal-dialog.modal-large .modal-content .modal-body .pannel-body-full {
  min-height: 300px;
  background: #000 right top/35vh no-repeat;
  padding-left: 2rem;
}

@media (max-height: 600px) {
  .online-two-iso .modal-open .modal .modal-dialog.modal-large .modal-content .modal-body .pannel-body-full {
    min-height: 200px;
  }
}

.modal-open .modal .modal-dialog.modal-large .modal-content .modal-body .pannel-body-full:before	{
  position: absolute;
  -webkit-animation: img-glow-red 1.5s linear infinite both;
  animation: img-glow-red 1.5s linear infinite both;
  right: -4rem;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  top: -2rem;
}

.modal-controls .btn.btn-warning {
  background-color: #e60000;
  border: 1px solid #e60000;
  border-radius: 30px;
  min-height: 50px;
  font-size: 1.2rem;
  margin-right: 5%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: #fff;
  font-family: 'Rg-Bold';
  vertical-align: middle;
  min-width: 150px;
  text-transform: capitalize;
}

.modal-controls .btn.btn-warning:hover {
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.online-two-iso .modal-large .modal-body {
  background-color: #000;
  border: 3px solid #fff;
  border-radius: 30px;
}

#rightforme- .online-two-iso .modal-large .modal-content .modal-body .tab-header,
.benefitmatrix-container .benefit-matrix .modal-large .modal-content .modal-body .tab-header,
#step2LinePage .benefit-matrix .modal-large .modal-content .modal-body .tab-header,
.matrix.benefit-statement .benefit-matrix .modal-large .modal-content .modal-body .tab-header{
  border-bottom: 3px solid #fff;
  padding: 0;
}

#rightforme- .online-two-iso .modal-large .modal-content .modal-body .close .glyphicon.glyphicon-remove,
.benefitmatrix-container .benefit-matrix .modal-large .modal-content .modal-body .close .glyphicon.glyphicon-remove,
#step2LinePage .benefit-matrix .modal-large .modal-content .modal-body .close .glyphicon.glyphicon-remove {
  color: #fff;
  /*top: 7px;
  right: 10px;*/
}

.online-two-iso .modal-large .close {
  right: 10px;
  top: 10px;
}

.online-two-iso .modal-large .tab-selector,
.benefitmatrix-container .benefit-matrix .modal-large .tab-selector,
#step2LinePage .benefit-matrix .modal-large .modal-content .modal-body .close .glyphicon.glyphicon-remove {
  margin: 0;
  padding: 0;
}

.online-two-iso .modal-large .tab-selector li,
.benefitmatrix-container .benefit-matrix .modal-large .tab-selector li,
#step2LinePage .benefit-matrix .modal-large .tab-selector li {
  height: 3rem;
  margin: 0;
  padding: 0;
}

@media (max-width: 1200px) {
  .online-two-iso .modal-large .tab-selector,
  .benefitmatrix-container .benefit-matrix .modal-large .tab-selector,
  #step2LinePage .benefit-matrix .modal-large .modal-content .modal-body .close .glyphicon.glyphicon-remove {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .online-two-iso .modal-large .tab-selector li,
  .benefitmatrix-container .benefit-matrix .modal-large .tab-selector li,
  #step2LinePage .benefit-matrix .modal-large .tab-selector li {
    height: 2rem;
  }
}

@media (max-width: 767px) {
  .online-two-iso .modal-large .tab-selector li,
  .benefitmatrix-container .benefit-matrix .modal-large .tab-selector li,
  #step2LinePage .benefit-matrix .modal-large .tab-selector li {
    height: 2rem;
  }
}



#rightforme- .online-two-iso .tab-selector-link,
.benefitmatrix-container .benefit-matrix .tab-selector-link,
#step2LinePage .benefit-matrix .tab-selector-link,
.matrix.benefit-statement .benefit-matrix .tab-selector-link {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  color: #fff !important;
  font-size: 1.2rem !important;
  font-family: 'Rg-Bold' !important;
  margin: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.online-two-iso .modal-large a.tab-selector-link:hover, 
.online-two-iso .modal-large .tab-selector-link.active,
.benefitmatrix-container .benefit-matrix .modal-large a.tab-selector-link:hover, 
.benefitmatrix-container .benefit-matrix .modal-large .tab-selector-link.active,
#step2LinePager .benefit-matrix .modal-large a.tab-selector-link:hover, 
#step2LinePage .benefit-matrix .modal-large .tab-selector-link.active,
.matrix.benefit-statement .benefit-matrix .modal-large a.tab-selector-link:hover,
.matrix.benefit-statement .benefit-matrix .modal-large .tab-selector-link.active {
  border: none;
  background-color: #e60000;
  font-family: 'Rg-Bold';
  color: #fff;
  font-size: 1.2rem;
}

.online-two-iso .modal-large a.tab-selector-link {color: #fff;}

/*#rightforme- .benefit-overview.online-two-iso .intro-content.header,
.benefitmatrix-container .benefit-matrix .intro-content.header,
#step2LinePage .intro-content.header,
.matrix.benefit-statement .intro-content.header*/

.intro-content.header {
  font-family: 'Rg-Bold';
  margin-bottom: 2rem;
  font-size: 2.8rem;
  text-transform: inherit;
  color: #fff;
  /*background: linear-gradient(to right,#e60000, #fff,#e60000);
  background-size: auto;
  background-clip: border-box;
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;*/
}

@media (max-width: 767px) {
  .intro-content.header {
    margin-bottom: 1rem;
    font-size: 1.8rem;
  }
}

.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: 'Lt-Regular';
  font-size: 1.2rem;
  margin-bottom: 2rem;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .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-size: 1rem;
  }
}

.online-two-iso .faq-answer ul li {
  color: #fff;
}

.info-text ul li {
  font-family: 'Lt-Regular';
  font-size: 1rem;
}


.info-text table {
  font-family: 'Lt-Regular';
  font-size: 1rem;
  margin-top: 10px;
  margin-left: 40px;
}

.info-text table strong {
  font-family: 'Rg-Regular';
}

.online-two-iso .faq-answer p strong {
  font-family: 'Rg-Bold'
}

.online-two-iso .faq-answer p,
.online-two-iso .faq-answer p strong {
  line-height: 1.1rem;
  color: #fff
}

.online-two-iso .faq-answer table, 
.online-two-iso .faq-answer table tr, 
.online-two-iso .faq-answer table td, 
.online-two-iso .faq-answer table strong {
  color: #fff;
}

.online-two-iso .faq-answer table strong {
  font-family: 'Rg-Bold';
}


.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: 'Rg-Bold';
  color: #FFF;
}

.online-two-iso .faq-title {
  font-family: 'Rg-Bold';
  text-decoration: none;
  color: #fff;
  font-size: 1.2rem;
}

@media (max-width: 767px) {
  .online-two-iso .faq-title {
    font-size: 1rem;
  }
}

.online-two-iso .faq-title:hover,
.online-two-iso .faq-title:focus,
.online-two-iso .faq-title:active {
  text-decoration: none;
  color: #fff;
  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.2rem;
}

.online-two-iso .info-text.item.benefit-type-content, 
.online-two-iso .faq-item {
  width: 61%;
}

@media (max-width: 767px) {
  .online-two-iso .info-text.item.benefit-type-content, 
  .online-two-iso .faq-item {
    width: 100%;
  }
}


.intro-content a,
.faq-answer a,
.intro-content a:focus,
.faq-answer a:focus {
  color: #fff;
  text-decoration: underline;
}

.intro-content a:hover,
.faq-answer a:hover {
  opacity: 0.85;
  color: #fff;
}

#benefit-overview .benefit-overview-title H1 {
  font-size: 2rem;
  font-family: 'Rg-Bold';
  color: #fff;
}

.text-favicon {
  color: #fff;
}
.text-favicon a {
  font-family: 'Lt-Regular';
}

/*--------------------------------------Benefit Matrix*/

/*Payslip format*/
/*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: 50%;
}

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


.benefitselect .totalcost-section-row {
  margin-left: 15px !important;
}

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

.totalcostsection .totalcost .row {
  height: 100%;
}

.totalcostsection .totalcost .row .col-md-4.col-sm-4,
.totalcostsection .totalcost .row .col-md-4 {
  height: 100%;
  font-size: 1rem;
  width: auto;
  height: 50px;
  background: #fff;
  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;
}

@media (max-width: 767px) {
  .totalcostsection .totalcost .row .col-md-4.col-sm-4, 
  .totalcostsection .totalcost .row .col-md-4 {
    height: 25px;
  }
}

.totalcostsection .totalcost .row .col-md-4.col-sm-4 > span,
.totalcostsection .totalcost .row .col-md-4 > span {
  font-family: 'Rg-Bold';
  color: #000;
  margin-right: 5px;
}

@media (max-width: 767px) {
  .totalcostsection .totalcost .row .col-md-4.col-sm-4,
  .totalcostsection .totalcost .row .col-md-4 {
    font-size: 0.8rem;
  }
}

.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: 'FontAwesome';
  margin-right: 5px;
}

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

/*hide payslip summary on statement page*/
#main.benefit-statement .row.totalcostsection {
  visibility: hidden;
}

/*Modellers & Tools*/
.benefit-matrix .modal .modal-dialog.modal-normal {
  margin-top: 6rem;
}

.benefit-matrix .modal .modal-dialog.modal-normal .modal-content {
  background-color: #000;
  border: 3px solid #fff;
  border-radius: 10px;
}

.benefit-matrix .modal .modal-dialog.modal-normal .modal-content .modellersModalHeader {
  color: #fff;
  padding: 0;
  text-transform: uppercase;
  font-family: 'Rg-Bold';
  font-size: 1.5rem;
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.modeller-links {
  display: none;
}

.modeller-body {
  max-height: 65vh;
}

@media (max-height: 400px) {
  .modeller-body {
    max-height: 30vh;
  }
}

.modeller-container .row-header {
  color: #fff;
  background-color: transparent;
  font-family: 'Rg-Bold';
  font-size: 1rem;
}
.page-content .modeller-detail-table > .payslip-content > tr > td {
  line-height: 1.2;
}

.modeller-container .row-caption {
  padding-left: 24px !important;
  color: #fff;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  width: 65%;
}

.modeller-container .row-content {
  color: #fff;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  width: 35%;
}

.bootstrap-iso .table-hover>tbody>tr:hover {
  background-color:transparent;
}

.bootstrap-iso .table-striped > .payslip-content > tr,
.bootstrap-iso .table-striped > .payslip-content > tr:nth-of-type(2n+1) {
  background-color: transparent;
  color: #fff;
}

.modeller-container tr {
  border-bottom: none;
}

.modeller-main {
  margin-top: 1rem;
}

.modeller-detail-table thead {
  display: none;
}

.modeller-body .payslip-content .insur {
  text-align: left;
  padding-left: 1rem;
  padding-bottom: 2px;
}

.modeller-body .payslip-content .insur strong {
  font-family: 'Rg-Bold';
  font-size: 1rem;
}

.modeller-detail-table {
  border: none;
}

.modeller-container tbody > tr {
  border-top: none !important;
}

.modeller-body .payslip-content .insur {
  border-top: none;
}


/*Benefit Matrix - body*/
.online-two-iso .matrix .benefit-matrix .benefitheader-fixed {
  position: absolute;
  width: 90%;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .online-two-iso .matrix .benefit-matrix .benefitheader-fixed {
    width: 98%;
  }
  
  .benefit-matrix .totalcost-section-row .totalcostsection {
    width: auto;
  }
  
  #printdiv .col-md-12.col-sm-12 {
    padding-right: 0;
  }
  
  .benefitheader-fixed .totalcost-section-row .payperiodtoggle {
    float: right;
  }
}


.matrix .benefit-matrix {
  background-color: 
    #000;
}

#wrapper.wrapper-fullwidth.matrix {
  width: 90%;
}

@media (min-width: 768px) and (max-width: 1200px) {
  #wrapper.wrapper-fullwidth.matrix {
    width: 95%;
  }
}

.benefit-matrix .btn-perpay.active {
  color: #fff;
  background-color: #e60000;
  border: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.benefit-matrix .btn-perpay.active span {
  color: #fff;
  font-family: 'Rg-Bold';
  font-size: 1rem;
}

.benefit-matrix .btn-perpay.active:hover, .benefit-matrix .btn-perpay.active:focus {
  background-color: #4a4d4e;
}

.benefit-matrix .benefit-category .panel-default > .panel-heading {
  background-color: #000;
  padding: 1rem 2rem 1rem 0rem;
}


.btn-group.perpayperannualbtngroup .btn-default.active {
  background-color: #e60000 !important;
}


.benefit-matrix .benefit-category .panel-title {
  color: #fff;
  font-size: 2.5rem;
  font-family: 'Rg-Bold' !important;
  padding: 0;
}

@media (max-width: 767px) {
  .benefit-matrix .benefit-category .panel-title {
    font-size: 1.5rem;
  }
}

.benefit-matrix .panel-group {
  background-color: #000;
}

.benefit-matrix .panel-default.panel-open {
  background-color: #000;
  border: none;
}

.benefit-matrix .benefit-category .panel-body {
  border: none;
  padding: 0;
  margin: 0;
  background-color: #000;
}

.benefit-matrix .currentbenefits .benefit-print-single-header span {
  font-family: 'Rg-Bold';
  font-size: 1rem;
  text-transform: uppercase;
  color: #fff;
}

.bootstrap-iso .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color:#000;
}

.bootstrap-iso .panel-group .panel-heading+.panel-collapse>.panel-body,
.bootstrap-iso .panel-group .panel-heading+.panel-collapse>.list-group {
  border-top:1px solid #000;
}

.benefit-matrix .benefit-active-benefits {
  background-color: #000;
  padding-bottom: 0;
}

.bootstrap-iso .panel-default {
  border-color:#000;
}


.bootstrap-iso .panel {
  background-color:#000;
}

.benefit-matrix .group-default {
  height: 8rem;
  margin-top: 2rem;
}

@media (max-width: 767px) {
  .benefit-matrix .group-default {
    display: none;
  }
}

.benefit-matrix .line-group.RetirementSavings .group-default {background: url('/rightforme/media/media/Vodafone_Accordions-images_V5-Retirement.png') -25% 30%/90% no-repeat;}
.benefit-matrix .line-group.Health .group-default {background: url('/rightforme/media/media/Vodafone_Accordions-Health.png') -25% 30%/90% no-repeat;}
.benefit-matrix .line-group.RiskProtection .group-default {background: url('/rightforme/media/media/Vodafone_Accordions-images_V5-Protection.png') -25% 30%/90% no-repeat;}
.benefit-matrix .line-group.Lifestyle .group-default {background: url('/rightforme/media/media/Vodafone_Accordions-Lifestyle.png') -25% 30%/90% no-repeat;}

.benefit-matrix .line-group {
  padding: 0;
}

.benefit-matrix .line-group .group-default span {
  visibility: hidden;
}
.col-md-2.col-sm-2.benefit-menu {
  width: 22%;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .col-md-2.col-sm-2.benefit-menu {
    padding: 0;
  }
}

.benefit-matrix [class^="col-md-10 col-sm-10 BenefitIntro_"] {
  width: 78%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 3rem;
}

@media (max-width: 767px) {
  .benefit-matrix [class^="col-md-10 col-sm-10 BenefitIntro_"] {
    width: 100%;
    padding: 15px 0;
    margin-top: 0rem;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .benefit-matrix [class^="col-md-10 col-sm-10 BenefitIntro_"] {
    margin-top: 0rem;
  }
}

#main .benefit-matrix .benefit-menu .img {
  min-height: 350px;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

@media (min-width: 768px) and (max-width: 1200px) {
  #main .benefit-matrix .benefit-menu .img {
    min-height: 250px;
  }
}

.benefit-matrix .benefit-category .row.benefitline:hover .benefit-menu .img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.benefit-matrix .benefit-category .row.benefitline {
  background: #000;
  padding: 0;
  margin: 0 0 1rem 0;
}

.benefit-menu .img.L11f122f4-5ada-43a4-b0a9-d47c4960432b {background: url('/rightforme/media/media/Vodafone_Benefits-images_Life-Assurance.png');} /*DC Pension*/
.benefit-menu .img.Lfc9c26fd-4c17-4304-a95d-ee9de2b56695 {background: url('/rightforme/media/media/Vodafone_Benefits-images_Life-Assurance.png');} /*DC Pension*/
.benefit-menu .img.Lc81db5b2-b6f0-4549-8aae-75104b757a94 {background: url('/rightforme/media/media/Vodafone_Benefits-images_AVC.png')} /*AVC*/
.benefit-menu .img.Ld161594e-4d88-43b3-b722-51f6e6548f94 {background: url('/rightforme/media/media/Vodafone_Benefits-images_AVC.png')} /*AVC*/
.benefit-menu .img.Lbf71e1e0-b67e-4909-95f9-27dc9af0c843 {background: url('/rightforme/media/media/Vodafone_Benefits-images_Christmas-Savings-Club.png');} /*Christmas Club*/
.benefit-menu .img.Lca3f9af1-6c59-4dfc-990a-d1babdcaaba4,.benefit-menu .img.Lae1424cd-1a67-4d2e-888e-8d528afee957 {background: url('/rightforme/media/media/Vodafone_Benefits-images_DB-Pension.png');} /*Holiday Trading & Holiday mid year*/
.benefit-menu .img.L593cf71b-9702-4ff3-8bf6-7b7197d59bc5 {background: url('/rightforme/media/media/Vodafone_Benefits-images_Life-Assurance_V2.png');} /*Life Assurance*/
.benefit-menu .img.L9ad7dad8-6a61-43d8-8bd3-0a784348df8e {background: url('/rightforme/media/media/Vodafone_Benefits-images_Dependants-Life-Assurance.png');} /*Dependants Death In Service Pension*/
.benefit-menu .img.L74c7fab2-8204-4f88-aa6c-523f10ccc5bd {background: url('/rightforme/media/media/Vodafone_Benefits-images_Income-Protection.png');} /*Income Protection*/
.benefit-menu .img.L99fd76f7-f5ac-4a5c-a856-82fc83555d4c {background: url('/rightforme/media/media/Vodafone_Benefits-images_Specifed-Illness-Scheme_V2.png');} /*Critical Illness Scheme*/
.benefit-menu .img.L7f48014a-6bc2-422b-9596-b598b6311e2f {background: url('/rightforme/media/media/Vodafone_Benefits-images_Travel-Insurance.png');} /*Personal Accident*/
.benefit-menu .img.Lac6053e2-b4f6-47e8-afee-871a55ae0b7b {background: url('/rightforme/media/media/Vodafone_Benefits-images_Private-Medical-Insurance.png');} /*Medical*/
.benefit-menu .img.L4d17e5d4-d9fd-4e49-98f7-e573fc278df9 {background: url('/rightforme/media/media/Vodafone_Benefits-images_Dental-Insurance.png');} /*Dental*/
.benefit-menu .img.L6b2e17e4-51e3-4678-8aff-b993c4f32756 {background: url('/rightforme/media/media/Vodafone_Benefits-images_Holiday-Trading.png');} /*Travel*/
.benefit-menu .img.L959cf2cb-c1d0-4394-87e2-9d14799c323f {background: url('/rightforme/media/media/Vodafone_Benefits-images_Holiday-Trading.png');} /*Travel in see also*/
.benefit-menu .img.L54d05f85-2ad2-4907-8436-34f797c33338 {background: url('/rightforme/media/media/Vodafone_Benefits-images_TaxSaver-Commuter-Tickets_V2.png');} /*Travel Ticket*/
.benefit-menu .img.L500d7ea1-ae66-4d9e-9e79-8031e2d81d89 {background: url('/rightforme/media/media/Vodafone_Benefits-Discounts.png');} /*Discounts*/
.benefit-menu .img.Lf4c67ef9-6928-4928-a78f-8db0b31f98b9 {background: url(/rightforme/media/media/Vodafone_Benefits-images_Bike-to-Work.png);} /*BikeToWork*/

.benefit-matrix .row.title {
  padding: 0;
  margin-bottom: 1rem;
}


.benefit-matrix .lineheader > a:link, 
.benefit-matrix .lineheader, 
.benefit-matrix .lineheader > a:visited, 
.benefit-matrix .lineheader:visited, 
.benefit-matrix .lineheader > a:focus, 
.benefit-matrix .lineheader:focus, 
.benefit-matrix .lineheader > a:active, 
.benefit-matrix .lineheader:active, 
.benefit-matrix .lineheader > a {
  color: #fff;
  font-size: 2.6rem;
  font-family: 'Rg-Bold';
  text-decoration: none;
}

@media (max-width: 1200px) {
  .benefit-matrix .lineheader > a:link, 
  .benefit-matrix .lineheader, 
  .benefit-matrix .lineheader > a:visited, 
  .benefit-matrix .lineheader:visited, 
  .benefit-matrix .lineheader > a:focus, 
  .benefit-matrix .lineheader:focus, 
  .benefit-matrix .lineheader > a:active, 
  .benefit-matrix .lineheader:active, 
  .benefit-matrix .lineheader > a {
    font-size: 2rem;
    text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  }
}

.benefit-matrix .benefit-category .row.benefitline:hover .lineheader > a,
.benefit-matrix .benefit-category .row.benefitline:hover .lineheader {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.benefit-matrix .row.title .glyphicon-info-sign-color {
  color: #fff;
  font-size: 2rem;
}

@media (max-width: 1200px) {
  .benefit-matrix .row.title .glyphicon-info-sign-color {
    font-size: 1.5rem;
  }
}

.benefit-matrix .benefit-category .row.benefitline:hover .glyphicon-info-sign-color {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

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

.benefit-matrix .row.benefitline [class^="col-md-10 col-sm-10 BenefitIntro_"] .col-md-10.col-sm-10 > div:not(:last-child) {
  margin-bottom: 2rem;
}

.row.line span {
  color: #fff;
  font-size: 1rem;
  font-family: 'Lt-Regular';
}

.benefit-matrix .lineset-linename {
  font-family: 'Rg-Bold' !important;
}

.benefit-matrix .default-cost, .benefit-matrix .font-youpay-color {
  margin: 0;
  color: #fff;
  font-size: 1rem;
  font-family: 'Lt-Regular';
}

@media (max-width: 767px) {
  .benefit-matrix .default-cost, .benefit-matrix .font-youpay-color {
    font-size: 0.8rem;
  }
}

/*Who is covered*/
.benefit-matrix .benefitline .row.depen-info .dependent-approved {
  color: #fff;
}

/*Hide benefit group headings for inactive benefits*/
.benefit-matrix .benefit-category:nth-child(2) .line-group .group-default {
  display: none;
}


/*--------BUTTONS------------*/

/*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,
.online-two-iso A.button-style.green,
.row.alert.alert-info.hdf-followup .warning {
  background-color: #e60000;
  font-family: 'Rg-Bold' !important;
  border: 2px solid #e60000 !important;
  font-size: 1rem;
  color: #fff;
  min-width: 115px;
  padding: 12px;
  border-radius: 5px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-success:hover,
.btn-success:focus {
  background-color: #e60000 !important;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.btn-success:hover,
.btn-success:focus {
  
  font-size: 1rem !important;
  min-width: 115px !important;
  padding: 12px !important;
  
}

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

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

.btn.btn-success.dependant-accept-btn:hover,
.online-two-iso A.button-style.green:hover,
.btn.btn-success.dependant-accept-btn:active,
.online-two-iso A.button-style.green:active,
.btn.btn-success.dependant-accept-btn:focus,
.online-two-iso A.button-style.green:focus,
.row.alert.alert-info.hdf-followup .warning {
  background-color: #000;
  border: 2px solid #e60000;
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  min-width: 115px;
  border-radius: 5px;
}

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

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

.btn.btn-info span,
.btn.btn-warning span {
  color: #fff !important;
  font-size: 1rem;
  font-family: 'Rg-Bold';
  text-transform: uppercase;
}

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

.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-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: #000;
  opacity: 0.85 !important;
  font-family: 'Rg-Bold';
  font-size: 1rem;
  color: #fff;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  min-width: 115px;
  padding-top: 12px;
  border: 2px solid #e60000;
  border-radius: 5px;
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.btn.btn-success.btn-option-elect {
  min-height: 50px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.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 {
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  -webkit-animation: none;
  animation: none;
}

#linedata A.button-style.green {
  background-color: #e60000;
  min-height: 50px;
  padding: 1rem;
  font-family: 'Rg-Bold';
  border-radius: 10px;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

#linedata A.button-style.green:hover, 
#linedata A.button-style.green:active, 
#linedata A.button-style.green:focus {
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.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: #e60000;
}

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

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

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

.modeller-close-button.btn-warning {
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.modeller-close-button.btn-warning:hover,
.changeInProgress .next-button .btn-warning:hover {
  background-color: #000;
  border: 2px solid #e60000;
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

/*Manage Dependants button & content*/
.benefit-matrix .benefitheader.benefitheader-border {
  background-color: #e60000;
  border: 1px solid #e60000;
  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;
  border-radius: 5px
}

.benefitheader.benefitheader-border:hover {
  opacity: 0.65;
  border-color: #e60000;
}

.benefitheader.benefitheader-border span {
  color: inherit;
  font-family: 'Rg-Bold';
}

h3.dependantModalHeader {
  color: #fff;
  font-size: 1.5rem;
  margin: 20px 0 15px 0;
  font-family: 'Rg-Bold';
  padding: 0 5%;
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  text-transform: uppercase;
}

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

.dependant-add-link:hover .fa.fa-plus-circle.dependant-add-icon::before {
  color: #e60000 !important;
}

.online-two-iso .modal-normal a.tab-selector-link:hover, 
.online-two-iso .modal-normal .tab-selector-link.active {
  color: #fff;
  border-bottom: solid 0.5em #e60000;
}

.online-two-iso .modal-normal .tab-selector-link.inactive, 
.online-two-iso .modal-large .tab-selector-link.inactive {
  color: #ddd;
  border-bottom: 0.5em solid transparent;
}

.dependantContainer .dependant-list li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dependantContainer .dependant-list .dependant-cell {
  width: 50%;
}

.dependant-cell.edit.birthdate {
  width: 100%;
}

.dependant-list .edit-row {
  width: 100%;
}

.dependantContainer .dependant-list .edit-row .dependant-cell {
  width: 100%;
  text-align: center;
}

.dependant-list [class^="dependant-"].dependant-edit-btn {
  background-color: #e60000;
  padding: 0;
  border-radius: 5px;
  margin-right: 1rem;
  width: 100px;
  display: inline-block;
  height: 30px;
  text-align: center;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.dependant-list [class^="dependant-"].dependant-edit-btn * {
  color: #fff;
}

.dependant-list [class^="dependant-"].dependant-edit-btn .glyphicon:before {
  color: #fff;
}

.dependant-list a[class^="dependant-"].dependant-edit-btn:hover {
  background-color: #000;
}

.dependant-list [class^="dependant-"].dependant-edit-btn *, .dependant-list [class^="dependant-"].dependant-edit-btn *:before {
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.dependant-list .dependant-name span {
  color: #000;
  font-size: 1rem;
  font-family: 'Rg-Bold';
}

.btn.btn-warning.dependant-cancel-btn {
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a[ng-click="vmDep.BYOPopup(benefit)"]::after {
  content: " - Please visit individual benefit to amend";
}

/*a[ng-click="vmDep.BYOPopup(benefit)"] {
  pointer-events: none;
}*/

.row-header-cell a[ng-click="vmDep.BYOPopup(benefit)"] {
  display: none;
}

.btn.btn-warning.dependant-cancel-btn:hover,
.btn.btn-warning.dependant-cancel-btn:active,
.btn.btn-warning.dependant-cancel-btn:focus {
  background-color: #000;
  border: 2px solid #e60000;
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}



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

.dependant-add-link span {
  color: #000;
  font-family: 'Rg-Bold';
  font-size: 1rem;
}

.dependant-add-link:hover span {
  color: #e60000;
}

.dependant-add-link:hover .fa.fa-plus-circle.dependant-add-icon:before {
  color: #e60000;
}

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

.glyphicon-pencil:hover::before a, 
.glyphicon-remove:hover::before a {
  opacity: 0.85 !important;
}  
.glyphicon-pencil::before, 
.glyphicon-remove::before {
  color: #000;
  font-size: 1rem;
}

.modal-content .glyphicon.glyphicon-remove::before {
  color: #ccc;
}

.dependant-list a.dependant-edit, 
.dependant-list a.dependant-remove {
  font-size: 1rem;
}

.dependant-list a.dependant-edit-btn span, 
.dependant-list a.dependant-remove-btn span {
  font-family: 'Rg-Bold';
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.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: 'Rg-Bold';
  font-size: 1rem;
}

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

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

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

/*Glyphicons on buttons*/

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

.glyphicon-gift::before {
  content: "" !important;
  font-family: 'FontAwesome';
}


/*Reset & Confirm Buttons*/

#resettodefaults {
  display: none;
}

#followup-items {
  float: right;
  width: auto;
}

@media (max-width: 767px) {
  #followup-items {
    width: 100%;
  }
}

.col-md-8.col-sm-8.btngroup {
  width: auto;
}


.benefit-matrix .benefitheader-fixed div#followup-items a.btn.btn-success.btn-confirmchoice {
  background-color: #e60000;
  border-color: #e60000;
  border-radius: 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: 'Rg-Bold';
  font-size: 1rem;
}


/*Monthly / Annual toggle & rest and confirm*/
.benefitheader.payperiodtoggle .bootstrap-iso {
  background-color: #000;
}

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

.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: #e60000;
}

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

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

.confirmagreementbtngroup label.btn span, .perpayperannualbtngroup div.btn span {
  font-family: 'Rg-Bold';
}

.confirmagreementbtngroup label.btn,
.perpayperannualbtngroup div.btn {
  border: none;
}

.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: #000;
  opacity: 0.85; 
  border-color: #000;
  -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: 'Rg-Bold';
  font-size: 1rem;
}


/*--------END OF BUTTONS------------*/


/*BYOB on the matrix*/

.benefit-matrix .benefit-category .byoaccordion .panel-title {
  font-size: 1rem;
}

.benefit-matrix .benefit-category .byoaccordion {
  margin-top: 1rem;
} 

.benefit-matrix .byocostsummary .subsummmary {
  padding: 0;
}

.BenefitIntro_ac6053e2-b4f6-47e8-afee-871a55ae0b7b .glyphicon-play::after,
.BenefitIntro_4d17e5d4-d9fd-4e49-98f7-e573fc278df9 .glyphicon-play::after {
  /*content: ' See your choice below';*/
  content: ' Selection may vary per participant';
  font-size: 1rem;
  font-family: 'Lt-Regular';
}

.benefit-matrix .benefit-category .byoaccordion .panel-default > .panel-heading {
  padding: 1rem 2rem 1rem 1rem;
  border-bottom: 1px solid #fff;
  background-color: #333;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.benefit-matrix .benefit-category .byoaccordion {
  margin-top: 1rem;
  background-color: #000;
}

.panel-collapse.collapse.in {
  color: #fff;
  padding: 1rem 2rem 1rem 1rem;
}

@media (max-width: 1200px) {
  .panel-collapse.collapse.in {
    padding: 0;
  }
}

.benefit-matrix .byoaccordion .panel-default {
  border: 1px solid #fff;
  border-radius: 10px;
}

/*Hide dental plan dropdown on BYOB selection page*/
.products-header-4d17e5d4-d9fd-4e49-98f7-e573fc278df9 ~ div [id^="ddl-byo-plan-"] {
  visibility: hidden;
}

/*.BenefitIntro_4d17e5d4-d9fd-4e49-98f7-e573fc278df9 .row.depen-info, 
.BenefitIntro_ac6053e2-b4f6-47e8-afee-871a55ae0b7b .row.depen-info {
display: none;
}*/

.BenefitIntro_4d17e5d4-d9fd-4e49-98f7-e573fc278df9 .byoaccordion , 
.BenefitIntro_ac6053e2-b4f6-47e8-afee-871a55ae0b7b .byoaccordion  {
  display: none;
}


/*Hide travel insurance question*/
.BenefitIntro_6b2e17e4-51e3-4678-8aff-b993c4f32756 .row .col-md-10.col-sm-10 > div:first-child,
.BenefitIntro_6b2e17e4-51e3-4678-8aff-b993c4f32756 .row > div > div:first-child .row.line  {
  display: none;
}

/*Hide Travel Insurance lineset name from the matrix*/
.BenefitIntro_6b2e17e4-51e3-4678-8aff-b993c4f32756 .lineset-linename {
  display: none;
}

/*Hide Travel Insurance question from benefit selection*/
#lineid_959cf2cb-c1d0-4394-87e2-9d14799c323f {
  display: none;
}

/*Hide comparison, summary links at the bottom of each coverage*/
#products .links-group.four-links {
  display: none;
}

/*Hide Pension Cash release & costs on the matrix*/
#lineid_df9013b3-0753-42fb-8318-5d36aac1f8f3 {
  display: none;
}

.BenefitIntro_11f122f4-5ada-43a4-b0a9-d47c4960432b .col-md-10.col-sm-10 > div:nth-child(2) .FundedDisplay,
.BenefitIntro_11f122f4-5ada-43a4-b0a9-d47c4960432b .row > div > div:nth-child(2) .FundedDisplay {
  visibility: hidden;
}

/*Hide Pension lineset name from the matrix*/
.BenefitIntro_11f122f4-5ada-43a4-b0a9-d47c4960432b .lineset-linename {
  display: none;
}

/*Hide 'cost to you' on Pension currently selected*/
#lineid_fc9c26fd-4c17-4304-a95d-ee9de2b56695.in-Cart .you-pay {
  visibility: hidden;
}

/*Hide pension avc employer contributions & cost to you on currently selected*/
#lineid_d161594e-4d88-43b3-b722-51f6e6548f94 .funded,
#lineid_d161594e-4d88-43b3-b722-51f6e6548f94.in-Cart .you-pay,
#lineid_e67a7fa3-2734-4c67-bb1a-0786ad0c35d5 .funded,
#lineid_e67a7fa3-2734-4c67-bb1a-0786ad0c35d5.in-Cart .you-pay {
  visibility: hidden;
}

#lineid_d161594e-4d88-43b3-b722-51f6e6548f94 .cost.percent {
  padding-right: 0;
}

/*Hide AVCs ER costs on the matrix*/
.BenefitIntro_c81db5b2-b6f0-4549-8aae-75104b757a94 .FundedDisplay:nth-child(2) {
  visibility: hidden;
}

/*Pension contributions labels*/
#lineid_fc9c26fd-4c17-4304-a95d-ee9de2b56695 .cost.percent > div, 
#lineid_fc9c26fd-4c17-4304-a95d-ee9de2b56695 .funded.percent > div {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-family: 'Rg-Bold';
}

/*Health Insurance - medical*/
/*#products-header-label.products-header-ac6053e2-b4f6-47e8-afee-871a55ae0b7b {
margin-bottom: 1rem;
margin-top: 0;
}

#products-header-label.products-header-ac6053e2-b4f6-47e8-afee-871a55ae0b7b::after {
content: 'All pricing is as of the effective date. Actual costs may vary - please review your Vodafone payslip';
font-size: 1.2rem;
font-family: 'Rg-Regular;;
}

#products-header-label.products-header-ac6053e2-b4f6-47e8-afee-871a55ae0b7b::before {
content: '';
font-family: 'FontAwesome';
font-size: 2rem;
margin-right: 0.5rem;
}*/

/*-----------------------Calendar*/

.btn.online-two-datepicker {
  background-color: #e60000 !important;
  border-color: #e60000 !important;
}


/*-----------------------Benefit Selection*/
#mainThrobber {
  background-color: #000;
}

#linedata {
  margin-top: 2rem;
}

#linedata * {
  color: #fff;
  font-family: 'Lt-Regular';
}

#linedata h1 span {
  text-transform: capitalize;
  font-size: 2.5rem;
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  font-family: 'Rg-Bold';
}

#linedata .product-info h2 {
  font-family: 'Rg-Bold';
}

.online-two-iso .benefit-matrix .benefitheader-fixed {
  background-color: #000;
  position: absolute;
}

@media (min-width: 767px) and (max-width: 1200px) {
  .online-two-iso .benefit-matrix .benefitheader-fixed {
    top: 4rem !important;
  }
}

.benefitselect .line-name {
  font-size: 3rem;
  color: #fff;
  font-family: 'Rg-Bold';
  text-transform: capitalize;
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

@media (max-width: 767px) {
  .benefitselect .line-name {
    font-size: 2rem;
  }
  
}

.benefitselect .line-benefit-intro {
  margin-top: 1rem;
}

#linedata .line-display-instruction {
  font-family: 'Rg-Bold';
  font-size: 1.2rem;
}

@media (max-width: 767px) {
  #linedata .line-display-instruction {
    font-size: 0.8rem;
  }
}


.benefitselect .continue {
  background-color: #e60000;
  border: 1px solid #e60000;
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: 'Rg-Bold';
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  min-width: 206px;
  line-height: 1;
  padding: 15px 20px;
}

.benefitselect .continue:hover, .benefitselect .continue:active, .benefitselect .continue:focus {
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  -webkit-animation: none;
  animation: none;
  border-color: #e60000;
}

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

.line-description {
  font-family: 'Rg-Regular';
  font-size: 1.2rem;
  color: #fff;
}

@media (max-width: 767px) {
  .line-description {
    font-size: 0.9rem;
  }
  
  .health.btn.btn-info.extra {
    font-size: 0.9rem;
  } 
}

.line-description strong {
  font-family: 'Rg-Bold';
}

.benefitselect .line-benefit-intro {
  margin-bottom: 2rem;
}

.benefitselect .line-benefit-intro .more-info {
  display: none;
}

.benefitselect .line-benefit-intro .glyphicon-info-sign-color {
  color: #fff;
  font-size: 2rem;
  margin-left: 0.5rem;
}

.benefitselect .line-benefit-intro .glyphicon-info-sign-color:hover {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}  


/*Hide follow up message*/

.benefitselect .followup-required {
  display: none;
}

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

.benefitselect .followup-container {
  line-height: 1rem;
}

.followup-collect .followup-item-input input {
  color: #000;
}

.followup-collect .followup-item-input select,
.followup-collect .followup-item-input select option{
  color: #000;
} 

.followup-item-collect hr {
  margin: 0;
}

.followup-item-collect .alert-warning {
  border: none;
  background-color: #000;
  color: #fff
}

.followup-item-collect .alert-warning hr {
  border: none;
}

.followup-item-collect hr {
  margin: 0;
}

.benefitselect .followup-container .followup-item-coverage-heading {
  padding-left: 0px;
  padding: 0;
  margin: 0;
  color: #fff;
}

.benefitselect .followup-container .followup-collect-header {
  padding-top: 1rem;
}

.followup-container .followup-item-input > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.followup-container .followup-item-input > div > p {
  margin-bottom: 0;
  padding-bottom: 0; 
}

.followup-item-collect.alert-warning hr {
  border-top-color:#fff;
  border: none;
}

.followup-item-collect.alert-warning {
  background-color: transparent;
  border-color: #fff;
  border-radius: 10px;
}

.benefitselect .followup-container {
  color: #fff;
  background-color:#4A4D4E;
  border-color:#fff;
  border-radius: 10px;
}

.benefitselect .followup-container label,
.benefitselect .followup-container h3,
.benefitselect .followup-container a {
  color: #fff;
}

.benefitselect .followup-container a {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.benefitselect .followup-container .followup-item-coverage-heading span {
  font-size: 1.3rem;
  font-family: 'Rg-Bold';
}

@media (max-width: 767px) {
  .benefitselect .followup-container .followup-item-coverage-heading span {
    font-size: 1rem;
  }
}


.followup-item-coverage-heading h3 {
  font-family: 'Rg-Bold';
}

.followup-item-coverage-heading p {
  margin-bottom: 0;
  padding-bottom: 0;
}


.benefitselect .followup-item-collect hr {
  display: none;
}

.benefitselect .followup-container .followup-item-input {
  border-bottom: 1px solid #666;
  padding-bottom: 0.2rem;
  line-height: 1.2rem;
}

.benefitselect .followup-container .followup-validation-messages div {
  color: #e60000;
  font-size: 0.75rem;
}





/*Currently selected*/
.benefitselect .header-selected {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 0;
  font-family: 'Rg-Bold';
  border: 3px solid #fff;
  padding-left: 1rem;
  border-bottom: none;
  background: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

@media (max-width: 767px) {
  .benefitselect .header-selected {
    font-size: 1.5rem;
    width: 96%;
  }
}

#content-you-chose-summary {
  background: #000;
}

.benefitselect .box-border-bg {
  border: none;
  background: #000;
  padding: 0;
  margin-bottom: 2rem;
}

#linedata .amount-input input {
  color: #000;
  text-align: end;
}

#products .box-border {
  border-radius: 10px;
  
}

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

.benefitselect .employerFundingCart .funded {
  margin-left: 0;
}

.division {
  display: none;
}

#content-you-chose-summary {
  background: #000;
}

.benefitselect .box-border {
  border: 3px solid #fff;
  background: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#content-you-chose-summary span, #content-you-chose-summary div, #content-you-chose-summary h3 {
  color: #fff;
  font-size: 1.2rem;
  font-family: 'Rg-Regular';
}

@media (max-width: 767px) {
  #content-you-chose-summary span, #content-you-chose-summary div, #content-you-chose-summary h3 {
    font-size: 0.8rem;
  }
}

#content-you-chose-summary div a, #content-you-chose-summary div a:focus, #content-you-chose-summary div a:active {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

#content-you-chose-summary .cost div {
  text-transform: uppercase;
  font-family: 'Rg-Bold';
}

#content-you-chose-summary .you-pay p {
  margin: 0;
  padding: 0;
}

#content-you-chose-summary .you-pay .green-number {
  font-family: 'Rg-Bold';
}


#content-you-chose-summary h3, #content-you-chose-summary p {
  font-family: 'Rg-Bold';
  font-size: 1.2rem;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  #content-you-chose-summary p {
    font-size: 0.8rem;
  }
}

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

@media (max-width: 767px) {
  .in-Cart .you-chose {
    width: 100%;
  }
}

.employerFundingCart .funded,
.employerFundingCart .cost {
  padding:0px;
}

.in-Cart .cost,
.in-Cart .funded {
  width: 20%;
}

@media (max-width: 767px) {
  .in-Cart .cost,
  .in-Cart .funded {
    width: 100%;
  }
}




/*Your options - Available products*/
#products-header-label h4 {
  display: none;
}

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

@media (max-width: 767px) {
  #linedata > div > div > div {
    padding-left: 1rem; /*indent on the plans on benefitselection page*/
    padding-right: 1rem;
    font-size: 0.8rem;
  }
}


#products-header-label {
  margin-top: 2rem;
} 

#linedata #products .content-box-border {
  display: -ms-inline-grid;
  display: inline-grid;
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
      grid-template-areas: 
    "cover button" 
    "costs button";
  -ms-grid-rows: minmax(4rem,auto) auto;
  grid-template-rows: minmax(4rem,auto) auto;
}

@media (max-width: 900px) {
  #linedata #products .content-box-border {
    display: block;
  }
}

#linedata #products .content-box-border .product-info {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: cover;
}

#linedata #products .content-box-border .content-option-credit-health {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: costs;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

#linedata #products .content-box-border table {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: button;
}

#linedata #products .content-box-border .content-option-credit-health .option-credit-health > .credit-number {
  display: none;
}

#linedata #products .content-box-border .product-info {
  width: 100%;
}

#linedata #products .content-box-border .content-option-credit-health {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

#linedata #products .content-box-border .content-option-credit-health .option-credit-health {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
}

@media (max-width: 767px) {
  #linedata #products .content-box-border .content-option-credit-health .option-credit-health {
    display: block;
  }
}

#linedata #products .content-box-border .content-option-credit-health .option-credit-health > * {
  padding-left: 1rem;
}

.benefitselect .option-credit-health UL li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.option-credit-health .option,
.option-credit-health .value {
  width: 150px;
  text-align: center;
}


.content-option-credit-health .product-amount {
  width: 100%;
}

.content-option-credit-health .product-amount .amount-input {
  width: 100%;
}

.benefitselect .box-border .content-box-border {
  background: transparent;
}

.benefitselect .products .box-border.sel {
  background-color: #000;
}

.benefitselect .products .box-border.sel .header {
  display: none;
}

#linedata .sel .product-info h2 {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

#linedata .option-credit-health .option.sel, #linedata .option-credit-health .value.sel, #linedata .option-credit-health .option.sel span, #linedata .option-credit-health .value.sel span {
  font-family: 'Rg-Bold';
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.product-info .description {
  font-size: 1.2rem;
  padding-top: 1rem;
  padding-bottom: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .product-info .description {
    font-size: 0.9rem;
  }
}

#linedata .sel .product-info .description {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.currentbenefits {
  color: #fff;
}

.currentbenefits .text-success {
  color: #fff;
  font-size: 1.2rem;
  padding: 0;
  font-family: 'Rg-Bold';
}

@media (max-width: 767px) {
  .currentbenefits .text-success {
    font-size: 1rem;
  }
}

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

.content-overlay .steps[aria-label="breadcrumb"] {
  display: none;
}

#allocationDialog.online-beneficiary .header-overlay {
  background-color: #fff;
  margin-bottom: 0;
  padding: 0;
}

#allocationDialog.online-beneficiary .header-overlay * {
  font-size: 1.2rem;
  font-family: 'Rg-Bold';
}

#allocationDialog.online-beneficiary .content-overlay {
  background-color: #000;
  border: 3px solid#fff;
}

#allocationDialog.online-beneficiary .content-overlay #allocationContent * {
  color: #fff;
  text-transform: capitalize;
}

#allocationDialog.online-beneficiary .content-overlay #allocationContent #allocationStep1 p {
  text-transform: none;
  margin: 1rem 0;
}

#allocationDialog.online-beneficiary .content-overlay #allocationContent strong {
  font-family: 'Rg-Bold';
  font-size: 1.2rem;
}

#beneficiary-name-label {
  margin-bottom: 2rem;
}

#beneficiary-designation-label {
  margin-bottom: 2rem;
}

#allocationDialog.online-beneficiary .content-overlay #allocationContent h2 {
  margin-top: 0;
  margin-bottom: 1rem;
}

#allocationDialog .content-overlay .data-two-colum .colum-right label.active {
  background-color: #e60000;
}

#allocationDialog .content-overlay .data-two-colum .colum-right label {
  background-color: #fff;
}

#allocationDialog .content-overlay .data-two-colum .colum-right label span {
  color: #000 !important;
}

#allocationDialog .content-overlay .data-two-colum .colum-right label.active span {
  color: #fff !important;
}

#allocationDialog .content-overlay .data-two-colum .colum-right * {
  border: none;
}

#allocationDialog.online-beneficiary .content-overlay #allocationContent .data-two-column * {
  border: none;
}

#allocationDialog HR {
  border: none;
}

#allocationStep2 > #totalPriAllocation, #allocationStep2 > strong, #allocationStep3 > strong {
  visibility: hidden;
}

#allocationDialog .content-overlay #allocationStep3 .data-two-colum .colum-right label {
  background-color: #000;
  margin: 0;
}

#dspSaveAllocation {
  background-color: #e60000;
  font-family: 'Rg-Bold';
  border: 2px solid #e60000;
  font-size: 1rem;
  color: #fff;
  min-width: 115px;
  padding: 12px;
  border-radius: 5px;
}

#dspSaveAllocation:hover {
  background-color: #000;
  opacity: 0.85 !important;
  font-family: 'Rg-Bold';
  font-size: 1rem;
  color: #fff;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  min-width: 115px;
  padding-top: 12px;
  border: 2px solid #e60000;
  border-radius: 5px;
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

#allocationDialog .content-overlay .data-two-colum .colum-right {
  height: 2rem;
}

#allocationDialog .content-overlay .data-two-colum .colum-left label {
  margin: auto 0;
}

/*#allocationDialog .content-overlay .data-two-colum .colum-left {
height: 2rem;
}*/

#allocationDialog.online-beneficiary .content-overlay h2 {
  display: none;
}

#allocationBeneficiaryContent .cancel-button, #allocationBeneficiaryContent #btnAllocSaveBeneficiary.save-button {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem !important;
}

#allocationBeneficiaryContent label {
  text-transform: initial;
}

#allocationDialog .content-overlay #allocationStep2 .data-two-colum .colum-right {
  height: 4rem;
  padding-top: 0;
}

#allocationStep1 .add-beneficiary {
  padding: 6px 12px;
  background-color: #e60000;
  border-radius: 5px;
  font-size: 1rem;
  font-family: 'Rg-Bold';
}

#allocationStep1 .add-beneficiary:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

#allocationStep1 .add-beneficiary {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.your-beneficiaries .txt-beneficiaries #which-beneficiaries-heading {
  text-transform: capitalize;
  font-family: "Rg-Bold";
  font-size: 1.2rem;
}




/*Manage Dependants for tiered plans*/
.benefitselect.benefit-matrix .election-info-collect .modal-header {
  background-color: #fff;
}

.benefitselect.benefit-matrix .election-info-collect .modal-header .header-text {
  color: #000;
  font-size: 1rem;
  font-family: 'Rg-Bold';
  text-transform: uppercase;
}

.benefitselect.benefit-matrix .election-info-collect .glyphicon {
  color: #000;
}

.benefitselect.benefit-matrix .election-info-collect .dependant-board .icon {
  background: none;
}

.dependant-list .static-list-item .dependant-name.selection-view {
  width: 60%;
}

.dependant-list .static-list-item .dependant-control {
  width: 40%;
  height: 100%;
}

.benefitselect.benefit-matrix .election-info-collect .dependant-board .icon::before {
  font-family: 'FontAwesome';
  content: '||';
  font-size: 2rem;
  color: #000;
  margin-right: 1rem;
}

.dependant-name.selection-view .dependant-name-item.main-item label span {
  text-transform: capitalize;
}

.dependant-cell.back-link a {
  padding: 6px 12px;
  color: #fff;
  background-color: #e60000;
  border-radius: 5px;
  font-family: 'Rg-Bold';
  text-transform: uppercase;
}

.dependant-cell.back-link a:hover, .dependant-cell.back-link a:active, .dependant-cell.back-link a:focus {
  color: #fff;
  background-color: #000;
}

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

.dependant-cell.back-link a {
  vertical-align: middle;
}

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

.dependant-cell.is-auto-add {
  display: none;
}

.dependant-add-item.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.dependant-cell.first-name, 
.dependant-cell.last-name, 
.dependant-cell.relationship, 
.dependant-cell.gender, 
.dependant-cell.is-fulltime-student, 
.dependant-cell.is-reside {
  width: 50%;
}

.dependant-add-caption, .dependant-edit-caption {
  font-size: 1.2rem;
  font-family: 'Rg-Bold';
  text-transform: uppercase;
}




/*coverage slider*/
.jslider-pointer.jslider-pointer-to {
  color: #000 !important;
}

#linedata .jslider-label span {
  color: #fff;
}

.jslider-value.jslider-value-to span {
  font-family: 'Rg-Bold' !important;
}

.jslider-value.jslider-value-to {
  background-color: #000;
}

.jslider-value.jslider-value-to span {
  font-size: 1.5rem !important;
}


/*EOI*/

.benefit-matrix .currentEOI {
  background-color: #4A4D4E;
  border: 1px solid #fff;
  border-top: 0;
}

.benefit-matrix .pendingEOI {
  background-color: #000;
}

.eoi-display .row.currentEOI.round-corner {
  display: none;
}

#lineid_99fd76f7-f5ac-4a5c-a856-82fc83555d4c [class^="cost-"] [class^="align"] p {
  display: none;
}


#lineid_99fd76f7-f5ac-4a5c-a856-82fc83555d4c  .selected-volume {
  display: none;
}



/*Hide costs on benefit matrix & benefit selection*/
/*Holiday*/
/*.BenefitIntro_ca3f9af1-6c59-4dfc-990a-d1babdcaaba4 .col-md-8 {
  visibility: hidden;
}
#lineid_ca3f9af1-6c59-4dfc-990a-d1babdcaaba4 .cost, #lineid_ca3f9af1-6c59-4dfc-990a-d1babdcaaba4 .funded, #lineid_ca3f9af1-6c59-4dfc-990a-d1babdcaaba4 .you-pay {
  display: none;
}*/

/*BYOB breakdown under 'currently selected'*/
.you-chose a {
  color: #fff;
  font-family: 'Rg-Bold';
  font-size: 1.2rem;
}
.you-chose a:hover {
  color: #fff;
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  text-decoration: none;
}

/*BYOB*/
#products #byoOverlay,
#byoOverlayCurrent {
  background: #000;
  border: 3px solid #fff;
}

#products .header-overlay {
  margin-bottom: 0;
  background-color: #fff
}

#products .header-overlay > * {
  color: #000;
  font-family: 'Rg-Bold'
}

#products .content-overlay {
  padding-top: 2rem;
}

#byoStep2 select,
#byoStep2 select option {
  color: #000;
}

#byoStep3 #txtTopAdditional {
  display: none;
}

#pnl-byo-cost-summary-expander a img {
  display: none;
}

#pnl-byo-cost-summary {
  border: 1px solid #fff;
}

#pnl-byo-cost-summary .byocostsummary .row.header * {
  color: #000;
  font-family: 'Rg-Bold';
}

#pnl-byo-cost-summary .byocostsummary .row .subsummmary {
  padding-left: 1rem;
}

#products .cancel-button .close.button-style.gray {
  font-family: 'Rg-Bold';
}


#byoStep3 > .bootstrap-iso {
  background: #000;
}

#byoStep3 > .bootstrap-iso .btn-group.perpayperannualbtngroup .btn-perpay span, #byoStep3 > .bootstrap-iso .btn-group.perpayperannualbtngroup .btn-peranual span {
  color: #e60000;
  font-family: 'Rg-Bold';
}

#byoStep3 > .bootstrap-iso {
  margin-bottom: 1rem;
}

.byoResetStyle {
  color: #fff !important;
}

#byoStep3 [id^="label-coverage-"], #byoStep3 [id^="label-coverage-"] > div {
  font-family: 'Rg-Bold' !important;
  margin-left: 0;
  padding-left: 0;
  color: #fff;
}

#byoStep3 .byocostsummary .employeercost, #byoStep3 .byocostsummary div[tbs-translate="Enrollment.Step2.CostToYou"] {
  color: #000 !important;
  font-size: 1rem;
  font-family: 'Rg-Bold';
}

#pnl-byo-cost-summary-expander * {
  font-family: 'Rg-Bold';
}

.benefit-matrix .byocostsummary .row {
  color: #fff;
}

#byoStep3 [class^="Per"] {
  display: none;
}

#byoStep3 .col-md-6:first-child table tbody > tr:nth-child(2) {
  display: inline-block;
  margin: 5px 0px;
  background-color: #000;
  border: 2px solid #fff;
  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 #e60000;
  background-color: #e60000;
  color: #fff;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  padding: 8px 35px;
  border-radius: 25px;
  font-family: 'Rg-Bold'
}

/*BYOB on step2*/
[id^="byoOverlay"].overlay-no-height-limit {
  background: #000;
  border: 3px solid #fff;
}

[id^="byoOverlay"].overlay-no-height-limit .header-overlay {
  background: #fff;
}

[id^="byoOverlay"].overlay-no-height-limit .content-overlay span {
  color: #fff;
  vertical-align: middle;
}


/*See also*/
.see-also h5 {
  font-size: 1.5rem;
  color: #fff;
  font-family: 'Rg-Regular';
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.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: #fff;
  font-family: 'Rg-Bold';
}

.benefitselect .linename > a:hover,
.benefitselect .linename > a:focus,
.benefitselect .linename > a:active {
  text-decoration: none;
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  color: #fff;
}

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

#main .benefitselect .seealso .benefit-menu .img {
  min-height: 160px !important;
}

#main.matrix.benefit-complete .totalcost-section-row .totalcostsection {
  visibility: hidden;
}

/*EXIT message*/

#exit-confirm {
  border: 3px solid #fff;
  border-radius: 10px;
  background-color: #000;
}

#exit-confirm .header-overlay {
  background-color: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 3px solid #fff;
  font-family: 'Rg-Bold';
  color: #fff;
}

#exit-confirm .header-overlay h5 {
  color: #fff;
  font-family: 'Rg-Bold';
  font-size: 1.2rem;
}

#exit-confirm #exit-alert-msg {
  color: #fff;
  font-family: 'Rg-Regular';
  font-size: 1rem;
}

/*Enrolment submission*/
#followup-items-overlay.online-followup-items #followup-items-title {
  color: #000;
  font-size: 1.5rem;
  font-family: 'Rg-Bold';
}

/*Benefit Statement*/
.popover.right.fade.in {
  top: -20px !important;
}

.benefit-matrix .matrixpop a.btn {
  background-color: #e60000;
  border: 2px solid #e60000;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.benefit-matrix .matrixpop a.btn:hover {
  color: #ffffff;
  background-color: #000;
  border: 2px solid #e60000;
  background-color: #e60000;
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.online-two-datepicker.benefit-statement .input-group-addon.data-addon {
  font-family: 'Rg-Bold';
  font-size: 1rem;
}

.completemessage .alert.alert-warning.alert-dismissible * {
  color: #fff;
  font-size: 1rem;
  font-family: 'Rg-Bold';
}

.completemessage .alert.alert-warning.alert-dismissible {
  background-color: #4a4d4e;
  border-color: #4a4d4e;
}

.benefit-matrix .benefitheader.asatdate span {
  color: #fff;
  font-family: 'Rg-Bold';
  font-size: 1rem;
}

.benefit-matrix .benefitheader.asatdate {
  padding: 13px;
}

.row.alert.alert-info.hdf-followup {
  background-color: #4a4d4e;
  border-color: #4a4d4e;
}

.row.alert.alert-info.hdf-followup > div {
  color: #fff;
}

.row.alert.alert-info.hdf-followup > div:nth-child(1) {
  width: 70%;
  margin: 1rem 0;
}

.row.alert.alert-info.hdf-followup > div:nth-child(2) {
  width: 30%;
}

/*Benefit statement - follow up*/
.hdf-followup .modal-body {
  background-color: #000;
}

.hdf-followup .modal-header .header {
  font-size: 1rem;
  text-transform: uppercase;
  font-family: 'Rg-Bold';
}  

.hdf-followup .modal-body .hdffollowup-intro {
  background-color: #000;
  border: #000;
  color: #fff;
  font-size: 1.1rem;
  font-family: 'Rg-Bold';
}

.hdf-followup .modal-body .modal-main .followup-details > div {
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
}  

.hdf-followup .modal-body .modal-main .followup-details > div > div {
  width: 50%;
  padding: .5rem;
}

.hdf-followup .modal-body .modal-main .followup-details > div:not(:first-child) {
  border-top: 0;
} 

/*Footer*/

/*@media only screen and (min-width:767px) {
.online-two-iso #terminator #footer.footer-fullwidth {
margin-top: 16rem;
}
}*/

#footer {
  position: static !important;
  bottom: 0;
  padding: 0;
  background-color: #4d4f53;
}

:not([id="home"]) #footer {
  position: absolute;
}

#footer a {
  margin: 0;
  color: #fff;
}

#footer-social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#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;
  border-top: 3px solid #fff;
}

#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: 100px;
  height: 100px;
}

@media (max-width: 767px) {
  #footer #footer-logo {
    -ms-grid-column-align: center;
        justify-self: center;
    width: 80%;
    height: auto;
  }
}

#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;
}

@media (max-width: 767px) {
  #footer #footer-menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#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;
}

@media (max-width: 767px) {
  #footer #footer-menu ul li:not(:first-child) {
    border-left: none;
  }
}

#footer #footer-menu ul li:hover {
  background-color: #e60000;
}

#footer #footer-menu ul li a {
  text-decoration: none;
  color: #FFF;
  font-size: 1rem;
  font-family: 'Lt-Regular';
}

.online-two-iso #footer-menu ul li a {
  padding: 1rem 3rem;
}

@media (max-width: 767px) {
  .online-two-iso #footer-menu ul li a {
    padding: 0.3rem 3rem;
  }
}

#footer #footer-menu ul li:hover a {
  color: #fff;
  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;
}

@media (max-width: 767px) {
  #footer #footer-social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#footer #footer-social .fa-3x {
  color: #FFF;
}

@media (max-width: 767px) {
  #footer #footer-social .fa-3x {
    margin-top: 15px;
  }
}


.fa-linkedin::before {
  content: "\f08c" !important;
}

#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;
}

#footer-copyright p {
  color: #FFF;
}

@media (max-width: 767px) {
  #footer-copyright p {
    font-size: 0.7rem;
  }  
}

#footer-social A:hover, #footer-social A:focus {
  text-decoration: none;
}

/*Session timeout message*/
.session-expiry-counter {
  font-size: 2rem;
  font-family: 'Rg-Bold';
}

/*Reset password*/
#login-assistance .header-overlay {
  background-color: #fff;
  font-family: 'Rg-Bold';
}

#login-assistance .header-overlay * {
  color: #000;
  font-family: 'Rg-Bold';
}

#login-assistance .content-overlay {
  background-color: #000;
}

#login-assistance .content-overlay .steps-container {
  background-color: #000;
  padding-top: 0;
}

#login-assistance .content-overlay .steps-container .steps-zone {
  background-color: #000;
  padding-top: 0;
}

#login-assistance .instruction-container .steps-header span {
  color: #fff;
  font-size: 1.5rem;
  font-family: 'Rg-Bold';
}

#login-assistance .steps-container .progress-zone {
  width: 80%;
  margin: 1rem auto;
}

#login-assist-step1 #username-caption {
  font-size: 1rem;
  font-family: 'Rg-Bold';
  color: #000;
}

#login-assistance .steps-container .progress-bar-success {
  background-color: #A8B400;
}

.password-forgot #forgotSecQue {
  color: #fff;
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

#login-assist-step2b label {
  color: #fff;
  font-size: 1rem;
  font-family: 'Rg-Bold';
  text-transform: capitalize;
}

#login-assist-step2b .datepicker-zone {
  background-color: #000;
}

.btn-group.pull-left {
  width: 100%;
}

.uib-datepicker-popup .uib-button-bar .btn {
  width: 100% !important;
  border: none;
  margin: 1px 0;
  border-radius: 5px !important;
}

#login-assist-step2b #employeeNumber {
  font-size: 0.9rem;
  width: 35%;
}

.form-control.datepicker-input {
  font-size: 0.9rem;
}

#login-assist-step2b #employeeNumber {
  font-size: 0.9rem;
  width: 35%;
}

#login-assistance .datepicker-container .datepicker-input {
  width: 50%;
}

/*Password reset success*/

/* Inline #13 | https://rightforme-imp.tbs.aon.com/First-Time-User?lang=en-IE */

.login-frst-time {
  top: 7rem;
  position: relative;
}

.success-icon {
  background-color: #000;
}

.success-message span {
  color: #fff;
}

.online-two-iso .success-link .button-style {
  background-color: #e60000;
  font-size: 1rem;
  font-family: 'Rg-Bold';
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
}

.online-two-iso .success-link .button-style:hover {
  -webkit-box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
          box-shadow: 0 0 5px #e60000, 0 0 5px #e60000, 0 0 1px #e60000, 0 0 10px #e60000, 0 0 15px #e60000, 0 0 20px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}


/*Profile*/
html#profile body#profile #form #containerGlobal #terminator #wrapper {
  
  min-height: 80vh;
  
}

#profile-online-2 {
  padding-top: 5rem;
}

#profilecontainer #content .box-border-bg {
  background: none;
}

html#profile body#profile .profile #profile-online-2 label:not(.ui-button) {
  font-size: 1.2rem;
  color: #000;
  text-transform: capitalize;
  font-family: 'Rg-Bold';
}

html#profile body#profile .profile #profile-online-2 .htabs-container .tabs UL LI.sel {
  background: none !important;
}

html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI strong .tab {
  color: #fff;
  font-size: 1.5rem;
  padding-bottom: 3rem;
  font-family: 'Rg-bold';
  border-bottom: 0.5rem solid transparent;
}

html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI.sel strong .tab {
  border-bottom: 0.5rem solid #e60000;
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs UL LI strong .tab {
  font-size: 1.2rem;
  padding-bottom: 2rem;
}

html#profile body#profile .profile #profile-online-2 P.sectionTitle {
  color: #e60000;
  font-family: 'Rg-Bold';
  font-size: 1.2rem;
}

html#profile body#profile .profile #profile-online-2 label:not(.ui-button) {
  color: #000 !important;
}

html#profile body#profile .profile #profile-online-2 #contactTab .content-box-border .row .grid-cell P {
  font-size: 1rem;
}

.online-two-iso P.sectionTitledimmedLeft, .online-two-iso P.sectionTitledimmed {
  color: #000;
  font-size: 1.2rem;
  font-family: 'Rg-Bold';
}

.changePasswordSteps {
  width: 50%;
}

.online-two-iso P.sectionTitledimmed:hover,
.online-two-iso P.sectionTitledimmedLeft:hover {
  color: #4a4d4e;
}

/*Terms of Use*/
#wrapper.wrapper-fullwidth .single-column #content {
  margin-top: 6rem;
}

.terms_of_use_site, .terms_of_use_site > * {
  color: #fff !important;
}

.terms_of_use_site {
  width: 90%;
  margin: 0 auto;
}

.terms_of_use_site, .terms_of_use_site * {
  font-size: 1rem;
}

#page-header h1 {
  color: #fff;
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  padding-left: 1rem;
}

/*Privacy Policy & Online Security*/
#form > #containerGlobal > #terminator > #wrapper > #main > .page-content > .bootstrap-iso {
  background: transparent;
}

.legalcontent-privacy,
.legalcontent-onlinesecurity {
  background-color: #000;
  width: 90%;
  margin: 10px auto;
  padding-top: 6rem;
  min-height: 80vh;
}

.legalcontent-privacy span,
.legalcontent-onlinesecurity span {
  color: #fff !important;
}

.legalcontent-privacy strong span,
.legalcontent-onlinesecurity span span,
.legalcontent-onlinesecurity div div span {
  color: #fff !important;
  font-size: 2.5rem;
  font-family: 'Rg-Bold';
}

.legalcontent-onlinesecurity div div:first-child {
  text-align: left !important;
  border-bottom: 2px solid #fff;
}

.legalcontent-onlinesecurity div div span:first-child {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
  text-align: left !important;
  
}

/*Enrolment Follow-up validation*/
.enrollmentvalidation #validationError-overlay .header-overlay {
  background-color: #fff;
  margin-bottom: 0;
  border-bottom: 3px solid #fff;
}

.legalcontent-privacy > div:nth-child(2) > div:nth-child(2) strong:first-child span span span {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.legalcontent-privacy > div:nth-child(2) > div:nth-child(2) {
  text-align: left !important;
  border-bottom: 3px solid #fff;
  margin-bottom: 3rem;
}


.enrollmentvalidation #validationError-overlay .header-overlay h5 {
  color: #000;
  font-size: 1rem;
  font-family: 'Rg-Bold';
}

.enrollmentvalidation #validationError-overlay {
  height: auto;
  background-color: #000;
  border: 3px solid #fff;
}

.enrollmentvalidation #validationError-overlay .content-overlay {
  background-color: #000;
  height: 100%;
  min-width: 45vw;
}

.enrollmentvalidation #validationError-overlay .content-overlay #message {
  padding-top: 0.5rem;
}

.enrollmentvalidation #validationError-overlay .content-overlay #message * {
  color: #fff;
  font-size: 1rem;
  font-family: 'Rg-Regular';
  text-align: center;
}

.enrollmentvalidation #validationError-overlay .content-overlay #message h3 {
  font-size: 2rem;
  font-family: 'Rg-Bold';
}

/*Enrolment Ts&Cs*/
.modal-dialog.modal-lg {
  margin-top: 5rem;
}

.modal-dialog.modal-lg .modal-content .modal-header .benefitheader {
  font-family: 'Rg-Bold';
  text-transform: uppercase;
  color: #000;
  font-size: 1rem;
}

#followup-items-overlay {
  border: 3px solid #fff;
  background-color: #000;
}

#followup-items-overlay.online-followup-items .followup-header {
  background-color: #000;
}

#followup-items-overlay.online-followup-items .followup-header #followup-items-title {
  background-color: #fff;
  width: 100%;
  font-size: 1rem;
  text-transform: uppercase;
  text-align: left;
}

#followup-items-overlay.online-followup-items .followup-header .followup-instruction {
  font-size: 1rem;
  font-family: 'Rg-Regular';
  padding-bottom: 1rem;
  color: #fff;
}

.followup-header .tab-selector .tab-selector-link {
  border: 1px solid #e60000;
  color: #e60000;
  border: 1px solid #fff;
  color: #fff;
}

#followup-items-overlay.online-followup-items .followup-header {
  background-color: #000;
}

#followup-items-overlay.online-followup-items .followup-header #followup-items-title {
  background-color: #fff;
  width: 100%;
}

#followup-items-overlay.online-followup-items .followup-content {
  background-color: #000;
}

.followup-content .followup-progress * {
  color: #fff;
}

#followup-items-overlay .followup-collect .followUpItems-name .followup-item-description {
  font-size: 1.2rem;
  font-family: 'Rg-Bold';
}

#followup-items-overlay .followup-collect .followup-item-input {
  font-size: 0.9rem;
  font-family: 'Rg-Regular';
}

/*.benefit-matrix .modal-content {
border: 3px solid #fff;
border-radius: 5px;
}*/

.benefit-matrix .modal-content .modal-body.confirmchoice {
  background: #000;
  overflow-y: auto;
}

.benefit-matrix .modal-content .modal-body.confirmchoice * {
  color: #fff;
  font-size: 0.9rem;
  font-family: 'Rg-Regular';
}

.benefit-matrix .modal-content .modal-body.confirmchoice .textWrapper strong {
  font-family: 'Rg-Bold';
}

.benefit-matrix .modal-footer {
  background: #000;
}

.benefit-matrix .modal-footer #confirmation-buttons .confirm_agreement label[ng-class="vm.showWarning?'confirm-warning':''"] {
  color: #e60000;
  font-size: 1rem;
  font-family: 'Rg-Bold';
}

/*Discount text on matrix*/
.BenefitIntro_500d7ea1-ae66-4d9e-9e79-8031e2d81d89 .glyphicon.glyphicon-play.glyphicon-play-color {
  display: none;
}

.BenefitIntro_500d7ea1-ae66-4d9e-9e79-8031e2d81d89 .line .col-md-4 {
  width: 75%;
}

@media (max-width: 767px) {
  .BenefitIntro_500d7ea1-ae66-4d9e-9e79-8031e2d81d89 .line .col-md-4 {
    width: 100%;
  }
}

.BenefitIntro_500d7ea1-ae66-4d9e-9e79-8031e2d81d89 .line .col-md-4 span {
  font-size: 1.5rem;
}

@media (max-width: 767px) {
  .BenefitIntro_500d7ea1-ae66-4d9e-9e79-8031e2d81d89 .line .col-md-4 span {
    font-size: 1rem;
  }
}

/*disable discount link under see also*/
a#line-500d7ea1-ae66-4d9e-9e79-8031e2d81d89 {
  cursor: default;
  pointer-events: none;
}


/*Time-out*/
#session-expire-message {
  background-color: #000;
  border: 3px solid #fff;
}

#session-expire-message .header-overlay {
  background-color: #fff;
}

#session-expire-message .header-overlay * {
  color: #000;
  text-transform: uppercase;
  font-family: 'Rg-Bold';
  font-size: 1rem;
}

#timeout-content * {
  color: #fff;
  font-size: 1rem;
  font-family: 'Rg-Regular';
}

/*New user password & security questions setup*/
.password-validation-container {
  background-color: #4a4f4a;
  margin-top: 1rem;
  border-radius: 10px;
}

.login-frst-time .header.row-postion {
  color: #fff;
}

.online-two-iso .changeInProgress .password-validation-container .validation-caption {
  color: #fff;
}

.password-validation-container {
  background-color: #4a4d4e;
}

.online-two-iso .changeInProgress .password-validation-container .validation-rules li.failed {
  color: #e60000;
}

.online-two-iso .changeInProgress .password-validation-container .validation-rules li.failed .glyphicon.graphic.glyphicon-remove:before {
  color: #e60000;
}

/*media queries - other*/

@media (max-width: 767px) {
  i[class*="icon-two-point-o-home-module-"] {
    display: none;
  }
  
  #home-online-three #right-side .modules-mobile .module-mobile, 
  #home-online-three #home-integrated .modules-mobile .module-mobile {
    border-top: 1px solid #fff;
  }
  
  #home-online-three #right-side .modules-mobile .module-mobile span.module-label, 
  #home-online-three #home-integrated .modules-mobile .module-mobile span.module-label {
    color: #fff;
  }
  
  #event-other .text-light {
	display: none !important;
  }
  
  .enrollment-copy.module-copy .event-name {
    display: none !important;
  }
  
  .summaries .text {
    font-size: 0.8rem;
  }
  
  .online-two-iso .modal-large .back {
    display: none;
  }
  
  .back a {
    color: #fff;
  }
  
  .benefitheader-fixed .margin-left .btngroup:first-child {
    margin-top: 60px;
  }
  
  #resettodefaults {
    display: none;
  }
  
  .benefit-matrix .benefitselect .btn.continue, 
  .benefit-matrix .btn-print, 
  .benefit-matrix .benefitheader, 
  .benefit-matrix a.btn.btn-option-elect, 
  .benefit-matrix #resettodefaults a.btn, 
  .benefit-matrix #followup-items a.btn {
    margin-top: 5px;
  }
  
  .benefit-matrix .benefit-category .RetirementSavings {
    margin-top: 16rem;
  }
  
  .benefitselect #content {
    top: 14rem;
    position: absolute;
  }
  
  .benefitselect #content {
    width: 95%;
  }
  
  .benefit-matrix .active-category-desc, .benefit-matrix .noactive-category-desc {
    display: none;
  }
  .online-three#home #terminator #header.header-fullwidth, 
  .online-two-iso #terminator #header.header-fullwidth {
    z-index: 1049;
  }
  
  .fa.fa-angle-down,
  .fa.fa-angle-up {
    color: #fff;
    margin-right: 1rem;
  }
  
  /*Commented out by Vijay as a new rule has been added under TRS styling*/
  /*tbs-highchart[id^="highchart-home-module-trs"] text {
  fill: #fff !important;
}*/
  
  .benefit-matrix .modal-content .modal-body.confirmchoice {
    max-height: calc(100vh - 450px);
  }
}

@media (max-width: 766px) {
  .btn {
    min-height: 30px !important;
    font-size: 1rem !important;
    padding: 5px 10px !important;
  }
}

@media (max-width: 750px) {
  #menu-no-dashboard, li .selected, #menu li .selected, .submenu li .selected {
    margin-top: 3%;
  }
  
  .overlay-no-height-limit {
    width: 95%;
  }
  
}

@media (max-width: 1200px) {
  .online-two-iso .modal-large {
    width: 95%;
  }
  
  #menu-no-dashboard li a, #menu li a, #menu-sub li a {
    border-top: none;
    border-bottom: none;
  }
  
  .online-two-iso .modal-large .tab-header .back {
    display: none;
  }
  
  
}


@media (min-width: 767px) and (max-width: 1200px) {
  .online-two-iso .matrix .benefit-matrix .benefitheader-fixed {
    position: relative;
    top: 4rem;
  }
  
  .online-two-iso .benefit-matrix .benefitheader-fixed * {
    font-size: 14px !important;
  }
  
  
}

@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: portrait) {
  .benefitheader-fixed .row.margin-left {
    margin-left: 0;
  }
}

@media (min-width: 767px) and (max-width:991px) {
  .benefitselect #line-widgets {
    width: auto;
  }
  
  .benefitselect .continue {
    width: auto;
    margin-right: 0;
  }
  
}

@media (min-width: 768px) and (max-width:1160px) {
  .online-two-iso .benefit-matrix .fixed-container {
    top: 6rem !important;
    position: relative;
  }
  
  .online-two-iso .benefitselect.benefit-matrix .fixed-container {
    top: 17rem !important;
  }
}

/*Anytime / Lifestyle events*/

.activewithdata-category-icon::before {
  display: none;
}

.active-benefits .modal-header {
  padding-bottom: 5px;
  padding-top: 5px;
}

.active-benefits .header {
  color: #000;
  text-transform: Uppercase;
  font-family: 'Rg-Bold';
  font-size: 1rem;
}

.active-benefits .modal-body {
  background-color: #000;
}


.active-benefits .modal-main {
  max-height: 48vh;
}

.active-benefits .events {
  background-color: #000;
}

.active-benefits .benefit-intro {
  font-family: 'Rg-Bold';
  text-transform: Uppercase;
  color: #fff;
}

.active-benefits .event-name {
  font-family: 'Rg-Regular';
  color: #fff;
}

.active-benefits .event-img {
  
  height: 75%;
}
.active-benefits .img {
  
  width: 100%;
  height: 100%;
  margin: 0;
}
.img.Ec4683145-29ec-4ec6-9e27-ca1f67cdb68f {background: url(/rightforme/media/media/Life%20Event%20Icons-02.png) no-repeat center center/contain;} /*Marriage, Birth, Adoption*/
.img.E403cf9be-ee6a-4278-b7f1-e1d45ea0158e {background: url(/rightforme/media/media/Life%20Event%20Icons-06.png) no-repeat center center/contain;} /*Holidat Buy/Sell*/
.img.Ef7c01b31-d11f-4207-84a8-e86a788b9260 {background: url(/rightforme/media/media/Life%20Event%20Icons-01.png) no-repeat center center/contain;} /*Loss of Dependant, Divorce and Separation*/
.img.E1d660e84-ce98-4fe1-90d7-f0fd31a99080 {background: url(/rightforme/media/media/Life%20Event%20Icons-03.png) no-repeat center center/contain;} /*Change Household Circumstances*/
.img.Ed1da94a9-43cc-4c88-a048-fd45d7ac41d3 {background: url(/rightforme/media/media/Life%20Event%20Icons-04.png) no-repeat center center/contain;} /*+/-20% Salary Change Window*/

/* TRS DASHBOARD */

#dashboardContainer * {
  color: #fff;
}

#dashboardContainer {
  width: 90%;
  margin: 0 auto;
  font-family: 'Lt-Regular';
}


#dashboardContainer .highcharts-label.highcharts-data-label text {
  fill: #fff !important;
  font-size: 1rem !important;
  font-family: 'Lobster';
}

#dashboardContainer .highcharts-container .highcharts-title div {
  font-family: 'Lobster';
  font-size: 1.1rem;
}

tbs-highchart[id^="highchart-home-module-trs"] .highcharts-legend-item text {
  fill: #fff !important;
}

.highcharts-text-outline {
  stroke: black;
}

.trsdashboard .dashboardtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dashboard-header-reward {
  width: 450px;
  
}

.trsdashboard .dashboardtext p {
  font-size: 1.25rem;
  text-align: center;
}

.trsdashboard .dashboardtext {
  margin:0 5%;
  font-family: 'Lt-Regular';
}

.Scrolltext {
    font-family: 'Lobster';
    text-shadow: 0 0 0.5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

.trsdashboard .highcharts-container {
  margin-top: 1rem;
}

#dashboardContainer .highcharts-legend-item text {
  fill: #fff !important;
  font-size: 17px !important;
}

#dashboardContainer .highcharts-legend-item text:hover {
  fill: #aaa !important;
}

/*
.trs-icon .Salary::before {

content: url('/rightforme/media/media/SalaryOFF.png');
}

.active .trs-icon .Salary::before {

content: url('/rightforme/media/media/SalaryON.png');
}


.trs-icon .Allowance::before {

content: url('/rightforme/media/media/AllowanceOFF.png');
}

.active .trs-icon .Allowance::before {

content: url('/rightforme/media/media/AllowanceON.png');
}

.trs-icon .Variablepay::before {

content: url('/rightforme/media/media/VariablePayOFF.png');
}

.active .trs-icon .Variablepay::before {

content: url('/rightforme/media/media/VariablePayON.png');
}

.trs-icon .Retirement::before {

content: url('/rightforme/media/media/RetirementOFF.png');
}

.active .trs-icon .Retirement::before {

content: url('/rightforme/media/media/RetirementON.png');
}

.trs-icon .Shares::before {

content: url('/rightforme/media/media/SharesOFF.png');
}

.active .trs-icon .Shares::before {

content: url('/rightforme/media/media/SharesON.png');
}

.trs-icon .Protection::before {

content: url('/rightforme/media/media/ProtectionOFF.png');
}

.active .trs-icon .Protection::before {

content: url('/rightforme/media/media/ProtectionON.png');
}*/


.trs-icon i:before {
  content: "" !important;
  width: 100%;
  height: 250px;
  background-position-x: center !important;
  background-position-y: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  margin-bottom: -30px;
}

.nav.nav-pills.nav-stacked.nav-justified {
    margin-top: -32px !important;
}

.trs-icon .Salary::before {background: url('/rightforme/media/media/SalaryOFF.png');background-size:150px !important;}
.active .trs-icon .Salary::before {background: url('/rightforme/media/media/SalaryON.png');background-size:150px !important;}

.trs-icon .Allowance::before {background: url('/rightforme/media/media/AllowanceOFF.png');background-size:150px !important;}
.active .trs-icon .Allowance::before {background: url('/rightforme/media/media/AllowanceON.png');background-size:150px !important;}

.trs-icon .ShortTermIncentive::before {background: url('/rightforme/media/media/VariablePayOFF.png');background-size:150px !important;}
.active .trs-icon .ShortTermIncentive::before {background: url('/rightforme/media/media/VariablePayON.png');background-size:150px !important;}

.trs-icon .Retirement::before {background: url('/rightforme/media/media/RetirementOFF.png');background-size:150px !important;}
.active .trs-icon .Retirement::before {background: url('/rightforme/media/media/RetirementON.png');background-size:150px !important;}

.trs-icon .LongTermIncentive::before {background: url('/rightforme/media/media/SharesOFF.png');background-size:150px !important;}
.active .trs-icon .LongTermIncentive::before {background: url('/rightforme/media/media/SharesON.png');background-size:150px !important;}

.trs-icon .Protection::before {background: url('/rightforme/media/media/ProtectionOFF.png');background-size:150px !important;}
.active .trs-icon .Protection::before {background: url('/rightforme/media/media/ProtectionON.png');background-size:150px !important;}

.active .trs-icon i::before {
  -webkit-animation: img-glow-red-full 1.5s linear infinite both;
  animation: img-glow-red-full 1.5s linear infinite both;
}

/* Changing the Hover style */

.nav-link:hover .trs-icon .Salary::before {
  background: url('/rightforme/media/media/SalaryON.png');
}

.nav-link:hover .trs-icon .Allowance::before {
  background: url('/rightforme/media/media/AllowanceON.png');
}

.nav-link:hover .trs-icon .ShortTermIncentive::before {
  background: url('/rightforme/media/media/VariablePayON.png');
}

.nav-link:hover .trs-icon .LongTermIncentive::before {
  background: url('/rightforme/media/media/SharesON.png');
}

.nav-link:hover .trs-icon .Retirement::before {
  background: url('/rightforme/media/media/RetirementON.png');
}

.nav-link:hover .trs-icon .Protection::before {
  background: url('/rightforme/media/media/ProtectionON.png');
}

.trsdashboard .active .trs-icon ~ span {
  text-shadow: 0 0 5px #FFF, 0 0 1px #FFF, 0 0 1px #FFF, 0 0 2px #e60000, 0 0 30px #e60000, 0 0 40px #e60000, 0 0 55px #e60000, 0 0 7px #e60000;
}

#dashboardContainer .nav-link:hover,
#dashboardContainer .nav-link:focus {
  background-color: transparent;
}


/*Hiding Rewards Title*/

#dashboardContainer {
  padding-top: 6rem;
}

#dashboardContainer .row.summary-header {
  display: none;
}

.trsdashboard .panel-default > .panel-heading {
  display: none;
}

.summmary.ng-isolate-scope {
  display: none;
}

.chart_line.chart_line_total.row.ng-scope {
  visibility: hidden;
}

.highcharts-point {
  stroke: transparent;
}

#dashboardContainer .highcharts-legend {
  font-family: 'Lobster';
}

/*.trsdashboard .panel-group {
  border-style: solid;
  border-radius: 7px;
}*/

span.Salary {
  font-family: 'Lobster';
  font-size: 2rem;
}

span.Allowance {
  font-family: 'Lobster';
  font-size: 2rem;
}

span.ShortTermIncentive {
  font-family: 'Lobster';
  font-size: 2rem;
}

span.LongTermIncentive {
  font-family: 'Lobster';
  font-size: 2rem;
}

span.Retirement {
  font-family: 'Lobster';
  font-size: 2rem;
}

span.Protection {
  font-family: 'Lobster';
  font-size: 2rem;
}

#dashboardContainer .col-md-8 {
  padding-top: 4rem;
}	

.trsdashboard .content-header {
  font-size: 1.25rem;
  font-family: 'Lt-Regular';
}

.trsdashboard .content-name {
  font-size: 1.75rem;
  font-family: 'Rg-Bold';
  padding-bottom: 0;
  padding-top: 10px;
}

.trsdashboard .chart_line.row {
  font-size: 1.25rem;
}

.trsdashboard .chart_line .chart_line_title {
  padding-left: 25px;
}

#dashboardContainer .side-bar {
  padding-top: 4rem;
}

#dashboardContainer .Need_help {
  font-family: 'Lobster';
  font-size: 2rem;
  text-align: center;
}

.tab-content .tab-pane > div > .row {
  margin: 0 7% 3% 7%;
}

#dashboardContainer .side-bar:hover .Need_help {
  -webkit-animation: text-glow-red 1.5s linear 5 both;
  animation: text-glow-red 1.5s linear 5 both;
}

.trsdashboard .chart_line {
  border-bottom:none;
}

#dashboardContainer .additionalContent {
  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;
  text-align: center;
  font-size: 1.20rem;
}

#dashboardContainer .Need_help.help_image {
  width: 170px;
  padding: 0 0 1rem 0;
}

#dashboardContainer .Help_text {
  width: 80%;
  font-family: 'Lt-Regular';
  font-size: 1.1rem;
}

#dashboardContainer .chartcontainer {
  display: none;
}

/* Temporary home page correction*/

#trs.module-content.trs .highcharts-title {
  font-family: 'Lobster' !important;
  font-size: 22px !important;
  top: 155px !important;
}

@media (min-width: 1920px) {
  
  /*#trs.module-content.trs .highcharts-series-group {
  transform: scale(1.2);
}*/
  
  #highchart-home-module-trs-1 {
    -webkit-transform: scale(1.2) translate(75px);
        -ms-transform: scale(1.2) translate(75px);
            transform: scale(1.2) translate(75px);
  }
  
  /*#trs.module-content.trs .highcharts-title {
  top: 190px !important;
  left: 544px !important;
}*/
}

#highcharts-ui11bfi-4 {
  top: -35px !important;
}

.trsdashboard .table-footer {
  font-size: 1.2rem;
  font-family: 'Lt-Regular';
}

/*logo type of text*/

.portal-logo.right, .portal-logo.me {
  font-family: 'Rg-Bold';
}

.portal-logo.for {
  font-family: 'Lobster';
}

/* Mobile Responsiveness */

@media (max-width: 767px) {

  
.trsdashboard .show-tab-desktop {
    display: block;
}
  
.trsdashboard .show-tab-mobile {
    display: none;
}
.nav.nav-pills.nav-stacked.nav-justified {
    margin-bottom: -180px;
}
}

@media (max-width: 600px) {
  
  
.trsdashboard .dashboardtext p {
  font-size: 1.2rem;
}
  
 .trsdashboard .content-header {
    font-size: 1.25rem;
}
  
.trsdashboard .content-name {
    font-size: 1.75rem;
}
  
.trsdashboard .chart_line.row {
    font-size: 1.25rem;
}
  
.trsdashboard .table-footer {
  font-size: 0.9rem;
}
  
 .Need_help.ng-scope {
    font-size: 1.75rem !important;
}
  
span.Salary {
  font-size: 1.75rem;
}

span.Allowance {
  font-size: 1.75rem;
}

span.ShortTermIncentive {
  font-size: 1.75rem;
}

span.LongTermIncentive {
  font-size: 1.75rem;
}

span.Retirement {
  font-size: 1.75rem;
}

span.Protection {
  font-size: 1.75rem;
} 
}

@media (min-width:768px) and (max-width: 1024px) {
  
#headerResources {
  margin-right:0;
  margin-top: 1rem;
}

.trsdashboard .side-bar, .trsdashboard .chartcontainer {
    clear: both;
}   
span.Salary {
  font-size: 1.75rem;
}

span.Allowance {
  font-size: 1.75rem;
}

span.ShortTermIncentive {
  font-size: 1.75rem;
}

span.LongTermIncentive {
  font-size: 1.75rem;
}

span.Retirement {
  font-size: 1.75rem;
}

span.Protection {
  font-size: 1.75rem;
} 
}
/*.highcharts-series-group{
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(2%,40%);
}*/



.caption-text.datepicker-acceptedformat {
    text-transform: lowercase;
}


/**** Lifestyle Deals ****/

/* Note the html sources images from another client's media library - you can utilse this library or you can replace the links with client media library (image are availble in the zip file) */

:root {
  --heading-color: #db0011;
  --panel-color: #3e505d;
  --button-color: #3e505d;
  --button-text-color: #fff;
}


/* Lifestyle Savings page styling */
#lifestyle_savings {
  width: 70vw;
  margin: 0 auto;
}
#lifestyle_savings .banner-bg {
  background: url('Deals/Banner_Blue.jpg') center center/contain no-repeat;
  min-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);
  font-weight: 700;
}

#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) {
  flex-direction: row-reverse;
}

#lifestyle_savings .deals .container .deal .deal_description {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(45% - 0.5rem);
  flex: 0 0 calc(45% - 0.5rem);
}

#lifestyle_savings .deals .container .deal .deal_description h4 {
  font-size: 1.2rem;
  color: var(--panel-color);
  margin: 0;
  font-weight: bold;
}

#lifestyle_savings .deals .container .deal .deal_description h2 {
  font-size: 2rem;
  text-transform: none;
  color: var(--heading-color);
  margin-top: 0;
  font-weight: bold;
}

#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;
  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;
  color: var(--heading-color);
}

.LineDetail_aig_disclaimer .pannel-body-full,
.LineDetail_aig_disclaimer .pannel-body-full section {
  min-height: auto !important;
}

.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: 100%;
  }
  
  #lifestyle_savings .deals .container .deal {
	flex-direction: column-reverse !important;
  }
  
  #lifestyle_savings .deals .container .deal .deal_description, 
  #lifestyle_savings .deals .container .deal .deal_image {
	flex: 1;
  }
}

#lifestyle_savings .btn.btn-success {
  /*background-color: var(--button-color) !important;
  border-color: var(--button-color) !important;*/
  font-size: 1rem !important;
  color: var(--button-text-color) !important;
  min-width: 90px !important;
  min-height: 50px !important;
  padding: 12px !important;
  text-decoration: none !important;
}

#lifestyle_savings .btn.btn-success:hover,
#lifestyle_savings .btn.btn-success:focus,
#lifestyle_savings .btn.btn-success:active,
#lifestyle_savings .btn.btn-success:active:hover,
#lifestyle_savings .btn.btn-success:active:focus {
  opacity: 0.85 !important;
}

#benefit-overview #overview-item-aig_disclaimer {
	display: none !important;
}

/* Client design Lifestyle Savings */

#lifestyle_savings * {
    color: white;
}

#lifestyle_savings .deal_description h4 {
    color: white !important;
}


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