/* Variables */
/* Primary brand colours */
/* Base */
/* Layout */
/* Generic */
/* Header */
/* header-height on desktop should have enough space for the primary navigation to be positioned inside it */
/* Navigation */
/* Footer */
/* Type/fonts */
/* 27px */
/* 24px */
/* 21px */
/* 18px */
/* 15px */
/* 12px */
/* Forms */
/* Buttons */
/* Links */
/* Tables */
/* Icons */
/* Messages */
/* Main content width */
/* Panels */
/* Tooltips */
/* Miscellaneous */
/* Validate button colours */
/* Modeller */
/* Variables */
/* Primary brand colours */
/* Base */
/* Layout */
/* Generic */
/* Header */
/* header-height on desktop should have enough space for the primary navigation to be positioned inside it */
/* Navigation */
/* New nav colours */
/* Footer */
/* Type/fonts */
/* 27px */
/* 24px */
/* 21px */
/* 18px */
/* 15px */
/* 12px */
/* Buttons */
/* Links */
/* Tables */
/* Icons */
/* Messages */
/* Main content width */
/* Panels */
/* Tooltips */
/* WTW brand colours */
/* Ultraviolet */
/* Ultraviolet Dark */
/* Ultraviolet Light */
/* Fireworks */
/* Fireworks Dark */
/* Fireworks Light */
/* Coral Reef */
/* Coral Reef Dark */
/* Coral Reef Light */
/* Mandarin */
/* Mandarin Dark */
/* Mandarin Light */
/* Submarine */
/* Submarine Dark */
/* Submarine Light */
/* Infinity */
/* Infinity Dark */
/* Infinity Light */
/* Stratosphere */
/* Stratosphere Dark */
/* Stratosphere Light */
/* Neutral Palette */
/* Gray Matter */
/* Gray Matter Light */
/* Variables */
/* Primary brand colours */
/* Base */
/* Layout */
/* Generic */
/* Header */
/* header-height on desktop should have enough space for the primary navigation to be positioned inside it */
/* Navigation */
/* Footer */
/* Type/fonts */
/* 33px */
/* 30px */
/* 24px */
/* 21px */
/* 18px */
/* 15px */
/* Buttons */
/* Links */
/* Tables */
/* Icons */
/* Messages */
/* Main content width */
/* Panels */
/* Tooltips */
/* Variables */
/* Header */
/* header-height on desktop should have enough space for the primary navigation to be positioned inside it */
/* New nav colours */
/* Media breakpoints */
/* These values are mirrored in settings.js */
/*
  This builds on Jake Archibald's approach that can be found at  http://jakearchibald.github.io/sass-ie/
  For IE 8 and below we are serving an alternative (complete) stylesheet with media queries removed and @include old-ie
  conditions rendered.
*/
/*
ePa specific reset
============================
*/
/*
  Part of legacy reset - looks like these are ePa specific

  MATT: do you want to keep these here of refactor to type/navigation sas files?

*/
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol, #subnav ul, #linked ul, #adminmembernav ul, #adminnav ul, footer ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: none; }

#linked ul, #adminmembernav ul, #adminnav ul, footer ul, #subnav .hover ul, #linked .hover ul, #adminmembernav .hover ul {
  display: block; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*
Accessibility
============================
*/
#skip {
  /*
  10/02/2015 - NS
  We have just refactored the mobile navigation in from WA8.
  Mobile navigation is currently being handled in header-container, therefore we we don't need this.
  However we might choose to do logout/alert here so let's keep this css for now.
  */ }

p.accessibility {
  position: static;
  float: none;
  clear: both;
  height: auto;
  width: 100%;
  text-align: center; }

.softhide {
  position: absolute;
  line-height: 0;
  height: 0;
  width: 0;
  overflow: hidden;
  left: -9999px;
  top: 0; }

/* Should hide for all users including screen readers, you can also use HTML5 attribute hidden */
.display-none {
  display: none; }

@media (min-width: 769px) {
  p.accessibility {
    display: none; } }
/*
Typography
============================
*/
p, li, dd, dt, address, blockquote {
  margin: 0 0 21px 0; }

/* Headings */
h1, h2, h3, h4, h5, h6, caption, dl, ol, ul, legend {
  margin: 0; }

h1.branded, h2.branded, h3.branded, h4.branded, h5.branded, h6.branded, p.branded, label.branded {
  color: #7f35b2 !important; }

h1 {
  font-size: 32.997px;
  font-size: 1.941rem;
  margin-bottom: 0.6364214929em;
  line-height: 1;
  color: #444; }

h2 {
  font-size: 30.005px;
  font-size: 1.765rem;
  margin-bottom: 0.6998833528em;
  line-height: 1.125;
  color: inherit; }

h3 {
  font-size: 23.987px;
  font-size: 1.411rem;
  margin-bottom: 0.8754742152em;
  line-height: 1;
  color: inherit; }

h4 {
  font-size: 21.012px;
  font-size: 1.236rem;
  margin-bottom: 0.9994288978em;
  line-height: 1.16667;
  color: inherit; }

h5 {
  font-size: 18.003px;
  font-size: 1.059rem;
  margin-bottom: 1.1664722546em;
  line-height: 1.4;
  color: inherit; }

h6 {
  font-size: 14.994px;
  font-size: 0.882rem;
  margin-bottom: 1.4005602241em;
  line-height: 1.75;
  color: inherit; }

/* Lists */
ul, ol {
  padding: 0;
  width: auto;
  margin: 0 0 21px 16px; }

ol ol {
  list-style-type: lower-roman; }

li ul,
li ol,
li dl,
dd ul,
dd ol,
dd dl {
  line-height: inherit;
  margin: 21px 0 0 16px; }

ul.unstyled {
  list-style: none;
  margin: 0 0 18px 0;
  width: 100%;
  overflow: hidden; }
  ul.unstyled.less-margin-bottom li {
    margin-bottom: 4px; }
  ul.unstyled li {
    margin-bottom: 9px;
    overflow: hidden; }

ul.dash-styled, ol.dash-styled {
  list-style: "-   "; }
ul.indented, ol.indented {
  margin-left: 36px; }
ul.less-margin-bottom li, ol.less-margin-bottom li {
  margin-bottom: 4px; }
ul li, ol li {
  margin-bottom: 9px; }

ul.full-width li {
  width: 100% !important; }

ul li.full-width {
  width: 100% !important; }

/* Misc */
legend,
caption {
  margin-bottom: 21px; }

dd dt {
  margin-bottom: 21px; }

legend {
  padding-bottom: 21px;
  margin-bottom: 0; }

blockquote {
  padding: 21px 5% 0 5%;
  border: 1px solid #dee7eb; }

blockquote p {
  font-style: italic;
  word-break: break-all;
  word-wrap: break-word; }

blockquote cite {
  font-style: normal; }

code {
  font-family: "Courier New", Courier, monospace;
  font-size: inherit; }

@font-face {
  font-family: "text-security-disc";
  src: url("../fonts/text-security-disc-compat.eot");
  src: url("../fonts/text-security-disc-compat.eot?#iefix") format("embedded-opentype"), url("../fonts/text-security-disc.woff2") format("woff2"), url("../fonts/text-security-disc-compat.ttf") format("truetype"); }
em {
  color: inherit; }

strong {
  font-weight: 600; }

.nowrap {
  white-space: nowrap; }

.positive {
  color: #5c9c00; }

.negative {
  color: #C03; }

.error {
  color: #bb0000; }

.notes {
  font-size: 90%;
  line-height: 135%; }

.notes p {
  margin-bottom: 9px; }

.notes h4 {
  margin-bottom: 9px; }

@media (min-width: 600px) {
  ul.single-line li .labels {
    float: left;
    width: 125px;
    padding-top: 3px; }
  ul.single-line li .controls {
    margin-left: 140px;
    min-height: 1px; }
    ul.single-line li .controls input {
      float: left;
      width: 240px; }
    ul.single-line li .controls label {
      padding-top: 4px;
      float: left; }

  body {
    font-size: 15px;
    font-size: 0.8823529412rem; }

  p, li, dd, dt, caption, address, blockquote {
    margin: 0 0 21px 0; }

  h3 {
    margin-bottom: 0.8754742152em;
    line-height: 1; }

  h4 {
    margin-bottom: 0.9994288978em;
    line-height: 1.167; }

  h5 {
    margin-bottom: 1.1664722546em;
    line-height: 1.2; }

  h6 {
    margin-bottom: 1.4005602241em;
    line-height: 1.5; }

  ul, ol, dl {
    margin: 0 0 21px 0; }

  ul, ol {
    margin-left: 16px; }

  li ul,
  li ol,
  li dl,
  dd ul,
  dd ol,
  dd dl {
    line-height: inherit;
    margin: 21px 0 0 16px; }

  legend {
    padding-bottom: 21px; }

  blockquote {
    padding: 21px 5% 0 5%; } }
@media (min-width: 769px) {
  ul.alt-layout li {
    float: left;
    width: 50%;
    margin-bottom: 0; }
    ul.alt-layout li:nth-child(odd) {
      clear: left; } }
/*
Layout
============================
*/
html {
  font-size: 17px; }

body {
  font-size: 17px;
  font-size: 1rem;
  font-family: "opensansRegular", Arial, ArialMT, sans-serif;
  background-color: #f5f5f5;
  color: #444;
  line-height: 21px; }

.page-wrapper {
  position: relative;
  top: 0;
  left: 0;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*
  07/04/15 MA
  Changes to improve switch links styling.
  Result is significant change to page layout
  */
  /*
  padding-top:$header-height-desktop-down;
  */ }

.linked .page-wrapper {
  /*
  padding-top:$header-height-desktop-down + 36px;
  */
  /* Linked record bar height */ }

.wrapper {
  padding: 0;
  margin: 0 5%;
  width: 90%; }

#container {
  position: static;
  padding: 18px 0; }

.content-primary,
.content-secondary,
.content-tertiary {
  margin-bottom: 21px; }

#webchatContainer {
  display: none;
  position: fixed;
  z-index: 11;
  right: 2%;
  bottom: 4%; }
  @media (min-width: 769px) {
    #webchatContainer {
      display: block; } }
  #webchatContainer a[id^="WCWEBCHATSUBMIT"] {
    font-size: 1.236rem;
    border: none !important;
    color: #767676;
    text-decoration: none;
    display: block;
    width: 60px;
    height: 60px; }
    #webchatContainer a[id^="WCWEBCHATSUBMIT"]:before {
      content: " ";
      display: inline-block;
      position: absolute;
      background-color: #f4f4f4;
      border-radius: 25%;
      width: 98px;
      height: 90px;
      box-shadow: -2px 5px 5px rgba(0, 0, 0, 0.5);
      top: -1.4em;
      left: -2.4em; }
    #webchatContainer a[id^="WCWEBCHATSUBMIT"]:after {
      position: absolute;
      font-family: "epa";
      content: "q";
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 4.8rem;
      top: -0.2em;
      left: -0.4em; }
    #webchatContainer a[id^="WCWEBCHATSUBMIT"]:hover, #webchatContainer a[id^="WCWEBCHATSUBMIT"]:focus {
      color: #ff9900; }
      #webchatContainer a[id^="WCWEBCHATSUBMIT"]:hover:before, #webchatContainer a[id^="WCWEBCHATSUBMIT"]:focus:before {
        background-color: #f4f4f4; }
    #webchatContainer a[id^="WCWEBCHATSUBMIT"].blink {
      color: #ff9900; }
      #webchatContainer a[id^="WCWEBCHATSUBMIT"].blink:after {
        content: "K"; }
      #webchatContainer a[id^="WCWEBCHATSUBMIT"].blink span.text {
        color: transparent !important; }
    #webchatContainer a[id^="WCWEBCHATSUBMIT"] span.text {
      position: absolute;
      top: 0.3em;
      left: -0.75em;
      font-size: 1.2rem;
      font-weight: 600;
      text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); }

#webchatContainer {
  display: none; }
  @media (min-width: 1025px) {
    #webchatContainer {
      display: block; } }

@media (min-width: 600px) {
  body {
    font-size: 15px;
    font-size: 0.8823529412rem;
    line-height: 21px; }

  .wrapper {
    width: 96%;
    padding: 0;
    margin: 0 2%; }

  .content-primary,
  .content-secondary,
  .content-tertiary {
    margin-bottom: 21px; } }
@media (min-width: 769px) {
  /*
    Remove top setting as the header is now in document flow (and not fixed as per desktop-down)
  */
  .page-wrapper, .linked .page-wrapper {
    padding-top: 0; }

  #container, .linked #container {
    padding-top: 27px; }

  /*
     All content in one column, main menu on the left of the page.
     Use 'alt-nav' in body class
  */
  .alt-nav .header-container {
    border-bottom: 2px solid #7f35b2;
    padding-bottom: 0;
    height: 50px; }

  .alt-nav .content-primary,
  .alt-nav .content-secondary,
  .alt-nav .content-tertiary {
    width: 67%;
    float: right;
    clear: none; }

  .alt-nav #mainnav {
    position: static;
    top: auto;
    left: auto;
    width: 31%;
    float: none;
    background: transparent; }

  .alt-nav #subnav {
    top: -70px; }

  .alt-nav #mainnav .nav,
  .alt-nav #mainnav .nav li {
    float: none;
    text-align: left; }

  .alt-nav #mainnav .nav li {
    float: none;
    width: 100%;
    padding: 0;
    background: #7f35b2; }

  .alt-nav #mainnav .nav li a {
    text-align: left;
    border-bottom: 1px solid #63298b;
    border-width: 1px 0px; }

  .alt-nav #mainnav .nav li li a {
    width: auto;
    border-bottom: 1px solid #d9d9d9; }

  .alt-nav #mainnav .nav > li > .parent {
    background-image: url("/static/images/side-link-arrow.png");
    background-repeat: no-repeat;
    background-position: 94% 50%;
    padding-right: 10%;
    width: auto; }

  .alt-nav #mainnav .nav > li.hover > ul {
    left: 100%;
    width: 100%;
    top: 0; }

  /*
     Two column layout, main content on left with secondary and tertiary content on the right.
     Use 's2' in body class
  */
  .s2 .content-primary {
    width: 67%;
    margin-right: 2%;
    float: left; }

  .s2 .content-secondary {
    width: 31%;
    margin-left: 69%; }

  .s2 .content-tertiary {
    width: 31%;
    margin-left: 69%; }

  /*
     Main menu on the left.
     Two column layout, main content on left with secondary and tertiary content on the right.
     Use 's2 alt-nav' in body class
  */
  .s2.alt-nav .content-primary {
    width: 58%;
    margin-left: 21%;
    margin-right: 0;
    float: left; }

  .s2.alt-nav .content-secondary,
  .s2.alt-nav .content-tertiary {
    width: 19%;
    margin-left: 0;
    margin-right: 0;
    float: right;
    clear: right; }

  .s2.alt-nav #mainnav {
    position: absolute; }

  /*
     Three column layout, main content on left with two content-secondary and tertiary on the right.
     Use 's3' in body class
  */
  .s3 .content-primary {
    width: 67%;
    margin-right: 2%;
    float: left; }

  .s3 .content-secondary {
    width: 31%;
    margin-left: 0%;
    float: right; }

  .s3 .content-tertiary {
    width: 67%;
    margin-right: 2%;
    float: left; }

  /*
     Main menu on the left.
     Two column layout, main content on left with secondary on the right and tertiary content below.
     Use 's3 alt-nav' in body class
  */
  .s3.alt-nav .content-primary {
    width: 58%;
    margin: 0% 21% 0 0;
    float: right; }

  .s3.alt-nav .content-secondary {
    width: 19%;
    margin: 0 -79% 0 0%;
    float: right; }

  .s3.alt-nav .content-tertiary {
    width: 58%;
    margin: 0% 21% 0 0;
    float: right; }

  .grid-container {
    display: grid;
    display: -ms-grid;
    width: 100%;
    grid-template-columns: auto auto;
    -ms-grid-columns: auto auto;
    grid-template-rows: 1;
    -ms-grid-rows: 1;
    grid-column-gap: 0;
    grid-row-gap: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0; }
    .grid-container.columns-2 {
      display: grid;
      display: -ms-grid;
      width: 100%;
      grid-template-columns: auto auto;
      -ms-grid-columns: auto auto;
      grid-template-rows: 1;
      -ms-grid-rows: 1;
      grid-column-gap: 0;
      grid-row-gap: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    .grid-container.columns-66-34 {
      display: grid;
      display: -ms-grid;
      width: 100%;
      grid-template-columns: 66% 34%;
      -ms-grid-columns: 66% 34%;
      grid-template-rows: 1;
      -ms-grid-rows: 1;
      grid-column-gap: 0;
      grid-row-gap: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    .grid-container.columns-34-66 {
      display: grid;
      display: -ms-grid;
      width: 100%;
      grid-template-columns: 34% 66%;
      -ms-grid-columns: 34% 66%;
      grid-template-rows: 1;
      -ms-grid-rows: 1;
      grid-column-gap: 0;
      grid-row-gap: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    .grid-container.columns-3 {
      display: grid;
      display: -ms-grid;
      width: 100%;
      grid-template-columns: auto auto auto;
      -ms-grid-columns: auto auto auto;
      grid-template-rows: 1;
      -ms-grid-rows: 1;
      grid-column-gap: 0;
      grid-row-gap: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    .grid-container.columns-4 {
      display: grid;
      display: -ms-grid;
      width: 100%;
      grid-template-columns: auto auto auto auto;
      -ms-grid-columns: auto auto auto auto;
      grid-template-rows: 1;
      -ms-grid-rows: 1;
      grid-column-gap: 0;
      grid-row-gap: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    .grid-container .grid {
      -ms-grid-row-span: 1;
      -ms-grid-column-span: 1; }
      .grid-container .grid.grid-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1; }
      .grid-container .grid.grid-2 {
        -ms-grid-row: 1;
        -ms-grid-column: 2; }
      .grid-container .grid.grid-3 {
        -ms-grid-row: 2;
        -ms-grid-column: 1; }
      .grid-container .grid.grid-4 {
        -ms-grid-row: 2;
        -ms-grid-column: 2; }
      .grid-container .grid.grid-5 {
        -ms-grid-row: 3;
        -ms-grid-column: 1; }
      .grid-container .grid.grid-6 {
        -ms-grid-row: 3;
        -ms-grid-column: 2; }
      .grid-container .grid.grid-7 {
        -ms-grid-row: 4;
        -ms-grid-column: 1; }
      .grid-container .grid.grid-8 {
        -ms-grid-row: 4;
        -ms-grid-column: 2; }
      .grid-container .grid.grid-9 {
        -ms-grid-row: 5;
        -ms-grid-column: 1; }
      .grid-container .grid.grid-10 {
        -ms-grid-row: 5;
        -ms-grid-column: 2; }
      .grid-container .grid.grid-11 {
        -ms-grid-row: 6;
        -ms-grid-column: 1; }
      .grid-container .grid.grid-12 {
        -ms-grid-row: 6;
        -ms-grid-column: 2; } }
@media (min-width: 900px) {
  .page-wrapper, .linked .page-wrapper {
    max-width: 1140px;
    margin: 0 auto; } }
/*
Header
============================
*/
/*
07/04/15 MA
Changes to improve switch links styling.
Result is significant change to page layout,
and the skip-nav used for the header, pushing the
header into the document flow
*/
#skip {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  height: 50px;
  border-bottom: 2px solid #7f35b2; }
  #skip ul,
  #skip li {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    gap: 2px; }
  #skip li {
    width: auto; }
    #skip li.acc-logout {
      position: absolute;
      left: -9999px; }
    #skip li a {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      height: 50px;
      width: 50px;
      padding: 0;
      border-width: 0;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 21px;
      color: #7f35b2; }
      #skip li a:hover, #skip li a:focus {
        color: #552377; }
      #skip li a span {
        position: absolute;
        top: -50px;
        display: block;
        font-size: 12px; }

/* Header - adjust height for pre login pages (without primary navigation) */
.linked .no-primary-nav #skip,
.no-primary-nav #skip,
.logout #skip {
  display: none;
  width: auto;
  height: 50px; }

.header-container {
  position: static;
  width: 100%;
  height: 50px;
  background: #fff;
  border-bottom: 2px solid #7f35b2; }
  .header-container header {
    color: #555;
    line-height: 1; }
    .header-container header .logo {
      display: inline-block;
      margin: 0;
      height: 50px; }
      .header-container header .logo a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 50px;
        color: #555;
        text-decoration: none; }
      .header-container header .logo img {
        display: block;
        width: auto;
        height: 29px; }
  .header-container .toggle-menu {
    position: fixed;
    z-index: 10; }

div.linkrecords {
  position: relative;
  height: auto;
  padding: 0;
  top: 0;
  z-index: 1;
  background: #f2f2f2; }
  div.linkrecords p {
    padding: 6px 2% 5px 0;
    margin: 0;
    border-bottom: 1px solid #a8a8a8; }
  div.linkrecords ul {
    width: 100%;
    max-width: 300px;
    top: auto;
    z-index: 10; }

@media (min-width: 769px) {
  #skip {
    background-image: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 120px;
    display: block;
    border-bottom-width: 0; }
    #skip ul {
      display: block; }
    #skip li {
      position: relative;
      left: -9999px; }

  .linked .no-primary-nav #skip,
  .no-primary-nav #skip,
  .logout #skip {
    height: 82px; }

  /* Header - adjust height for pre login pages (without primary navigation) */
  .linked .no-primary-nav .header-container,
  .no-primary-nav .header-container,
  .logout .header-container {
    background: #fff;
    height: 82px;
    border-bottom-width: 2px;
    margin: 0 auto;
    width: 96%; }
    .linked .no-primary-nav .header-container header,
    .no-primary-nav .header-container header,
    .logout .header-container header {
      margin: 0;
      width: 100%;
      height: auto; }
      .linked .no-primary-nav .header-container header .logo,
      .no-primary-nav .header-container header .logo,
      .logout .header-container header .logo {
        height: 82px; }
        .linked .no-primary-nav .header-container header .logo a,
        .no-primary-nav .header-container header .logo a,
        .logout .header-container header .logo a {
          width: auto;
          height: 82px; }

  .no-primary-nav.with-feature .header-container {
    margin-bottom: 0; }

  .header-container {
    height: auto;
    padding-top: 0;
    border-bottom-width: 0; }
    .header-container header {
      position: relative;
      width: auto;
      height: 120px;
      z-index: 10; }
      .header-container header .logo {
        height: auto; }
        .header-container header .logo a {
          width: auto;
          height: 82px; }
        .header-container header .logo img {
          height: 42px; }

  .signature {
    z-index: 10; } }
/*
Navigation
============================
*/
/* Primary navigation */
#mainnav {
  position: fixed;
  z-index: 50;
  top: 5%;
  right: -270px;
  left: auto;
  width: 255px;
  height: 80%;
  max-height: 490px;
  background: #fff;
  font-size: 14px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  #mainnav ul {
    display: block;
    margin: 15px 0 12px 15px; }
    #mainnav ul li {
      list-style: none;
      padding: 0;
      margin: 0; }
      #mainnav ul li a {
        display: flex;
        flex-direction: row;
        align-items: center;
        min-height: 44px;
        box-sizing: border-box;
        padding: 6px 12px 6px;
        text-transform: uppercase;
        color: #666;
        text-decoration: none;
        border-top: solid 1px #dfdfdf;
        line-height: 1.286; }
      #mainnav ul li ul {
        margin: 0 0 6px;
        position: relative;
        left: 0;
        overflow: hidden; }
        #mainnav ul li ul li {
          box-sizing: border-box;
          border-top: none;
          width: 100%;
          padding: 0 0 0 12px;
          background: none;
          text-transform: none;
          line-height: 18px; }
          #mainnav ul li ul li a {
            box-sizing: border-box;
            text-decoration: none;
            text-transform: none;
            background: none;
            padding: 0 0 0 9px;
            color: #666;
            border-top: 0; }
    #mainnav ul.nav {
      width: 225px; }
  #mainnav .icon-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    background: #f2f2f2;
    height: 44px;
    margin: 0;
    border-bottom: solid 1px #d5d5d5;
    overflow: hidden; }
    #mainnav .icon-area li {
      font-size: 11px;
      position: relative;
      overflow: hidden; }
      #mainnav .icon-area li a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 44px;
        min-width: 44px;
        padding: 0;
        font-size: 21px;
        border: 0; }
        #mainnav .icon-area li a span {
          position: absolute;
          top: -30px; }
      #mainnav .icon-area li.acc-menu {
        position: absolute;
        top: 0;
        left: 0; }
      #mainnav .icon-area li.acc-logout {
        display: block; }
        #mainnav .icon-area li.acc-logout a:before {
          line-height: 44px; }
        #mainnav .icon-area li.acc-logout a {
          margin-right: 6px; }
          #mainnav .icon-area li.acc-logout a span {
            position: relative;
            top: 0;
            font-size: 12px;
            padding: 0 6px 0 0;
            line-height: 1; }
  #mainnav.open {
    right: 0; }
  @media (min-width: 600px) {
    #mainnav ul.nav {
      width: auto;
      margin: 0; } }
  @media (min-width: 769px) {
    #mainnav {
      position: absolute;
      top: 82px;
      left: 0;
      right: auto;
      width: 96%;
      margin: 0 2%;
      font-size: 14px;
      height: 38px;
      background: #7f35b2;
      overflow: visible;
      z-index: 10; }
      #mainnav ul {
        background: transparent; }
        #mainnav ul li {
          display: inline-block;
          float: left;
          line-height: 21px;
          position: relative;
          text-transform: none; }
          #mainnav ul li a {
            border-top: none;
            text-transform: none;
            text-decoration: none;
            color: #fff;
            padding: 0 13px;
            min-height: 38px; }
            #mainnav ul li a:active {
              color: #fff; }
            #mainnav ul li a:hover, #mainnav ul li a:focus {
              color: #fff;
              background: #63298b; }
            #mainnav ul li a.parent:after {
              font-family: "epa";
              content: "Q";
              font-style: normal !important;
              font-weight: normal !important;
              font-variant: normal !important;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              font-size: 12px;
              padding-left: 4px;
              color: rgba(255, 255, 255, 0.9); }
          #mainnav ul li ul {
            position: absolute;
            left: -9999px;
            top: 38px;
            width: 200px;
            z-index: 100; }
            #mainnav ul li ul li {
              margin: 0;
              padding: 0;
              width: 100%; }
              #mainnav ul li ul li a {
                background-color: #f2f2f2;
                color: #666;
                position: relative;
                padding: 6px 10px 5px 10px !important;
                border-bottom: 1px solid #d9d9d9;
                border-left: 1px solid #d9d9d9;
                border-right: 1px solid #d9d9d9;
                font-weight: normal; }
                #mainnav ul li ul li a:hover, #mainnav ul li ul li a:focus {
                  color: #e6e6e6;
                  background: #737373; }
          #mainnav ul li.active {
            background: #444; }
            #mainnav ul li.active a {
              color: #fff; }
            #mainnav ul li.active ul li a {
              color: #666; }
              #mainnav ul li.active ul li a:hover, #mainnav ul li.active ul li a:focus {
                color: #e6e6e6;
                background: #737373; }
          #mainnav ul li:hover, #mainnav ul li.hover-state {
            background-color: #63298b;
            color: #fff;
            cursor: pointer; }
            #mainnav ul li:hover ul, #mainnav ul li.hover-state ul {
              left: 0;
              display: block; }
              #mainnav ul li:hover ul li a:hover, #mainnav ul li.hover-state ul li a:hover {
                background-color: #737373;
                color: #e6e6e6 !important; }
      #mainnav ul.icon-area {
        display: none; }
      #mainnav .overflow-button {
        text-decoration: none;
        color: #fff;
        position: absolute;
        right: 15px;
        top: 10px;
        font-size: 14px; }
      #mainnav ul.overflow-nav {
        display: none;
        position: absolute;
        top: 40px;
        right: 15px;
        width: 200px;
        margin: 0;
        background: #f2f2f2;
        border: solid 1px #d9d9d9; }
        #mainnav ul.overflow-nav li {
          display: block;
          float: none;
          margin: 0;
          border-bottom: solid 1px #d9d9d9; }
          #mainnav ul.overflow-nav li:hover {
            background: none; }
          #mainnav ul.overflow-nav li a {
            color: #999;
            padding: 6px 10px 5px 10px; }
            #mainnav ul.overflow-nav li a:hover {
              background: #737373;
              color: #fff; }
          #mainnav ul.overflow-nav li ul {
            display: block;
            left: 0;
            position: static;
            margin: 0;
            border: 0; }
            #mainnav ul.overflow-nav li ul li {
              border: 0; }
              #mainnav ul.overflow-nav li ul li a {
                color: #999;
                padding-left: 20px !important;
                border: 0; }
                #mainnav ul.overflow-nav li ul li a:hover {
                  background: #737373;
                  color: #fff; } }

@media (min-width: 769px) {
  .toggle-menu {
    display: none; } }
/* Sub navigation */
#subnav {
  margin-bottom: 2.7em; }
  #subnav .nav {
    display: block !important; }
  #subnav ul li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0; }
    #subnav ul li a {
      display: block;
      text-decoration: none;
      text-transform: uppercase;
      color: #444;
      padding: 7px 10px 7px 30px;
      border-top: solid 1px #dfdfdf; }
      #subnav ul li a[class^="icon-"]:before {
        display: block;
        position: absolute;
        top: 10px;
        left: 2px;
        width: 20px;
        height: 16px;
        color: #999; }
    #subnav ul li ul {
      position: relative;
      left: 0;
      overflow: hidden;
      margin: 0 0 6px; }
      #subnav ul li ul li {
        border-top: none;
        float: left;
        width: 98%;
        padding: 0 2% 0 0;
        background: none;
        text-transform: none;
        line-height: 18px; }
        #subnav ul li ul li a {
          text-decoration: none;
          text-transform: none;
          background: none;
          color: #666; }
    #subnav ul li ul li a[rel~="external"]:after {
      font-family: "epa";
      content: "E";
      color: #dedede;
      font-size: 11px;
      padding-left: 4px; }
  @media (min-width: 769px) {
    #subnav {
      position: absolute;
      top: 4px;
      right: 2%;
      font-size: 12px;
      z-index: 10;
      background: #fff;
      border-right: solid 1px #ebebeb; }
      #subnav ul {
        display: block; }
        #subnav ul li {
          display: inline-block;
          float: left;
          line-height: 21px;
          position: relative;
          text-transform: none;
          padding: 0; }
          #subnav ul li a {
            padding: 32px 14px 8px;
            color: #999;
            border-left: solid 1px #ebebeb;
            border-top: 0;
            border-right: 0;
            text-transform: none; }
            #subnav ul li a[class^="icon-"]:before {
              position: absolute;
              top: 8px;
              left: 0;
              height: 16px;
              width: 100%;
              text-align: center; }
          #subnav ul li ul {
            position: absolute;
            left: -9999px;
            top: 58px;
            width: 180px;
            z-index: 110;
            font-size: 12px;
            border-bottom: 1px solid #d9d9d9; }
            #subnav ul li ul li {
              margin: 0;
              padding: 0;
              width: 100%; }
              #subnav ul li ul li a {
                display: block;
                position: relative;
                padding: 6px 10px 5px 10px !important;
                border-top: 1px solid #d9d9d9;
                border-left: 1px solid #d9d9d9;
                border-right: 1px solid #d9d9d9;
                font-weight: normal; }
          #subnav ul li:hover a, #subnav ul li:hover .icon, #subnav ul li.hover-state a, #subnav ul li.hover-state .icon {
            color: #7f35b2;
            background: #fff; }
          #subnav ul li:hover ul, #subnav ul li.hover-state ul {
            left: 0;
            display: block; }
            #subnav ul li:hover ul li a, #subnav ul li.hover-state ul li a {
              background: #f2f2f2;
              color: #666; }
              #subnav ul li:hover ul li a:hover, #subnav ul li:hover ul li a:focus, #subnav ul li.hover-state ul li a:hover, #subnav ul li.hover-state ul li a:focus {
                background: #737373;
                color: #fff; }
          #subnav ul li.help ul {
            width: 130px; } }

/* Admin navigation */
.admin {
  margin: 0 0 0 70px; }

#adminnav {
  display: none; }
  @media (min-width: 769px) {
    #adminnav {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 70px;
      height: 100%;
      z-index: 30;
      background: #000;
      -webkit-box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.4); }
      #adminnav ul {
        height: 100%; }
        #adminnav ul li {
          margin: 0;
          padding: 0;
          position: relative; }
          #adminnav ul li a {
            display: block;
            height: 20px;
            width: 64px;
            padding: 44px 0 0;
            border: 0;
            border-bottom: solid 1px #666;
            border-left: solid 3px #000;
            border-right: solid 3px #000;
            overflow: hidden;
            font-family: Arial, ArialMT, sans-serif;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 1px;
            color: #fff;
            text-decoration: none; }
            #adminnav ul li a:hover {
              border-left: solid 3px #f58603; }
          #adminnav ul li.menu-item1 a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 0; }
          #adminnav ul li.menu-item2 a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -64px; }
          #adminnav ul li.menu-item3 a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -128px; }
          #adminnav ul li.menu-item4 a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -192px; }
          #adminnav ul li.menu-item5 a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -256px; }
          #adminnav ul li.menu-item6 a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -320px; }
          #adminnav ul li.menu-item7 a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -390px; }
          #adminnav ul li.admin-menu-pye_admin_home a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 0; }
          #adminnav ul li.admin-menu-pye_immsl1 a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -64px; }
          #adminnav ul li.admin-menu-pye_mpscheme a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -128px; }
          #adminnav ul li.admin-menu-pye_starep a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -192px; }
          #adminnav ul li.admin-menu-pye_help1 a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -256px; }
          #adminnav ul li.admin-menu-logout a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -320px; }
          #adminnav ul li.admin-menu-pye_remit a {
            background-image: url("/static/images/admin-icons.png");
            background-position: 0 -448px; }
          #adminnav ul li:hover a, #adminnav ul li.hover-state a {
            border-left: solid 3px #f58603; }
          #adminnav ul li:hover ul, #adminnav ul li.hover-state ul {
            position: absolute;
            height: auto;
            left: 70px;
            top: 0; }
            #adminnav ul li:hover ul li a, #adminnav ul li.hover-state ul li a {
              border-left: solid 1px #666; }
          #adminnav ul li ul {
            position: absolute;
            left: -9999px;
            border-bottom: 0; }
            #adminnav ul li ul li a {
              background: #000 !important;
              color: #fff;
              width: 178px;
              height: 20px;
              padding: 7px 6px 4px;
              display: block;
              text-indent: 0;
              border-left: solid 1px #666;
              border-right: solid 1px #666;
              border-bottom: solid 1px #666;
              font-family: Arial, ArialMT, sans-serif;
              font-size: 12px;
              font-weight: normal;
              text-transform: none;
              text-align: left;
              letter-spacing: 0; }
              #adminnav ul li ul li a:hover {
                background: #333 !important;
                border-left: solid 1px #666;
                border-right: solid 1px #666;
                border-bottom: solid 1px #666; } }

/* Underlay */
#underlay {
  background: rgba(0, 0, 0, 0.7) !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 49; }

@media (min-width: 769px) {
  #underlay {
    background: none !important;
    width: 0 !important;
    height: 0 !important; } }
/* Linked records */
div.linkrecords {
  text-align: right;
  font-size: 14.875px;
  line-height: 1.5; }
  div.linkrecords p {
    margin: 0;
    color: #333; }
  div.linkrecords a {
    color: #333;
    text-decoration: underline; }
  div.linkrecords strong {
    font-weight: 700; }
  div.linkrecords ul {
    display: none;
    position: absolute;
    right: 0;
    max-width: 300px;
    margin: 0;
    padding: 0;
    border: solid 1px #d9d9d9; }
    div.linkrecords ul li {
      margin: 0;
      padding: 0; }
      div.linkrecords ul li a {
        display: block;
        padding: 6px 10px;
        text-decoration: none;
        color: #666;
        background-color: #f2f2f2;
        border-bottom: solid 1px #d9d9d9; }
        div.linkrecords ul li a:hover, div.linkrecords ul li a:focus {
          color: #e6e6e6;
          background-color: #737373; }
  @media (min-width: 769px) {
    div.linkrecords {
      font-size: 12.75px;
      line-height: 1.286; } }

/* Generic nav clearing */
.nav {
  list-style: none;
  *zoom: 1;
  background: none; }

.nav:before,
.nav:after {
  content: " ";
  display: table; }

.nav:after {
  clear: both; }

/*
Footer
============================
*/
.footer-container {
  background: #f5f5f5;
  padding: 18px 0;
  position: relative; }
  .footer-container footer {
    color: #444; }
    .footer-container footer a {
      color: #7f35b2;
      text-decoration: none; }
    .footer-container footer a[rel~="external"]:after {
      font-family: "epa";
      content: "E";
      color: #939598;
      font-size: 12px;
      padding-left: 4px; }
    .footer-container footer a:focus,
    .footer-container footer a:hover {
      color: #000;
      text-decoration: none; }
    .footer-container footer h4 {
      margin: 21px 0 6px 0; }
    .footer-container footer li,
    .footer-container footer dd {
      margin: 0 0 6px 0; }
    .footer-container footer li a {
      display: block;
      width: 100%; }
  .footer-container .pre-login {
    padding: 12px 0 20px; }
  .footer-container .pre-login a {
    padding: 0 0 10px 0;
    display: block; }
  .footer-container .copyright {
    padding: 25px 0 15px;
    clear: both; }

@media (min-width: 600px) {
  .footer-container footer #member-data {
    min-height: 198px; }
  .footer-container footer aside {
    float: left;
    width: 48%;
    margin-right: 2%;
    min-height: 180px;
    margin-bottom: 15px; }
  .footer-container footer aside:nth-child(3n) {
    clear: left; }
  .footer-container footer h4:first-child {
    margin-top: 0; }
  .footer-container footer p {
    clear: both; }
  .footer-container footer .pre-login a {
    padding: 0 9px 0 0;
    margin-right: 7px;
    border-right: solid 1px #d3d3d3;
    display: inline; }
  .footer-container footer .pre-login a.last {
    border-right: 0; } }
@media (min-width: 769px) {
  .footer-container footer aside {
    width: 23%; }
  .footer-container footer aside ul {
    margin-bottom: 21px; }
  .footer-container footer aside:nth-child(3n) {
    clear: none; } }
/*
Forms
==============================
*/
form legend {
  text-align: left; }

/* fieldsets */
fieldset {
  border: none;
  margin: 0 0 18px 0;
  padding: 12px 0 12px 0; }
  fieldset.show {
    border: solid 1px;
    border-color: transparent;
    padding: 12px 2%;
    margin-top: 18px;
    width: 96%; }
  fieldset legend {
    margin-left: 0;
    text-align: left;
    font-size: 1.2rem; }
  fieldset fieldset {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px; }

input {
  border: solid 1px #ddd;
  margin-right: 6px;
  padding: 4px 6px;
  width: 180px; }
  input.error {
    border-color: #bb0000; }

textarea {
  border: solid 1px #ddd;
  margin-bottom: 9px;
  padding: 4px 6px; }
  textarea.error {
    border-color: #bb0000; }

select {
  border: solid 1px #ddd;
  margin-right: 6px;
  padding: 4px 6px; }
  select.error {
    border-color: #bb0000; }

input[type='radio'] {
  width: auto;
  border: none; }

input[type='checkbox'] {
  width: auto; }

input[type='file'] {
  width: auto;
  border: 0; }

input[readonly='readonly'],
input.readonly {
  border: none !important;
  padding-left: 0;
  background: transparent;
  color: #444; }
  input[readonly='readonly']:hover, input[readonly='readonly']:focus,
  input.readonly:hover,
  input.readonly:focus {
    background: none !important;
    outline: none !important;
    color: #444 !important; }

select[readonly='readonly'],
select.readonly {
  webkit-appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none;
  text-indent: 0; }
  select[readonly='readonly'] option,
  select.readonly option {
    text-indent: 0;
    padding: 0; }
  select[readonly='readonly']::-ms-expand,
  select.readonly::-ms-expand {
    display: none; }
  select[readonly='readonly']:disabled, select[readonly='readonly'].disabled,
  select.readonly:disabled,
  select.readonly.disabled {
    border: none !important;
    padding-left: 0;
    background: transparent;
    color: #444; }
    select[readonly='readonly']:disabled:hover, select[readonly='readonly']:disabled:focus, select[readonly='readonly'].disabled:hover, select[readonly='readonly'].disabled:focus,
    select.readonly:disabled:hover,
    select.readonly:disabled:focus,
    select.readonly.disabled:hover,
    select.readonly.disabled:focus {
      background: none !important;
      color: #444 !important; }

input[disabled=disabled],
input[disabled],
input:disabled,
select[disabled=disabled],
select[disabled],
select:disabled,
textarea[disabled=disabled],
textarea[disabled],
textarea:disabled {
  background: #eee;
  border: solid 1px #eee !important;
  color: #bbb;
  cursor: default; }
  input[disabled=disabled]:hover, input[disabled=disabled]:focus,
  input[disabled]:hover,
  input[disabled]:focus,
  input:disabled:hover,
  input:disabled:focus,
  select[disabled=disabled]:hover,
  select[disabled=disabled]:focus,
  select[disabled]:hover,
  select[disabled]:focus,
  select:disabled:hover,
  select:disabled:focus,
  textarea[disabled=disabled]:hover,
  textarea[disabled=disabled]:focus,
  textarea[disabled]:hover,
  textarea[disabled]:focus,
  textarea:disabled:hover,
  textarea:disabled:focus {
    background: #eee !important;
    color: #bbb !important; }

/* range input */
div.ui-slider {
  margin: .5em 0;
  padding: 0;
  -ms-touch-action: pan-y pinch-zoom double-tap-zoom;
  background: transparent;
  cursor: pointer; }
  div.ui-slider:before {
    content: "";
    display: table; }
  div.ui-slider :after {
    content: "";
    display: table;
    clear: both; }
  div.ui-slider .ui-slider-input,
  div.ui-slider .range.ui-slider-input {
    display: none;
    float: right;
    font-size: 1.0rem;
    font-weight: bold;
    margin: 0;
    padding: 4px;
    min-width: 40px;
    height: 20px;
    line-height: 20px;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    text-align: center;
    vertical-align: text-bottom;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
    div.ui-slider .ui-slider-input::-webkit-outer-spin-button,
    div.ui-slider .range.ui-slider-input::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    div.ui-slider .ui-slider-input::-webkit-inner-spin-button,
    div.ui-slider .range.ui-slider-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  div.ui-slider .ui-slider-track {
    position: relative;
    overflow: visible;
    border-width: 1px;
    border-style: solid;
    height: 15px;
    margin: 0 68px 0 6px;
    top: 6px;
    border-radius: 8px; }
    div.ui-slider .ui-slider-track .ui-slider-handle {
      position: absolute;
      z-index: 1;
      top: 50%;
      width: 28px;
      height: 28px;
      margin: -15px 0 0 -15px;
      outline: 0;
      padding: 0;
      border: solid 1px #009ed1;
      border-radius: 4px;
      box-shadow: 0px 5px 3px rgba(50, 50, 50, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.5);
      background: #009ed1;
      cursor: pointer; }
    div.ui-slider .ui-slider-track .ui-slider-bg {
      height: 15px;
      background: #ffff00;
      border-radius: 7px 0 0 7px; }
      div.ui-slider .ui-slider-track .ui-slider-bg.ui-btn-active {
        background: #f4f4f4; }
  div.ui-slider .ui-slider-popup {
    width: 48px;
    height: 42px;
    font-size: 1.3rem;
    line-height: 1.0;
    padding-top: 14px;
    opacity: 0.8;
    position: absolute !important;
    text-align: center;
    z-index: 100;
    background: #009ed1;
    color: #fff; }

[type='range'] {
  border: none;
  -webkit-appearance: none;
  background: transparent;
  margin: 12px 0;
  width: 100%; }
  [type='range']::-moz-focus-outer {
    border: 0; }
  [type='range']:focus {
    outline: none; }
    [type='range']:focus::-webkit-slider-runnable-track {
      background: white; }
    [type='range']:focus::-ms-fill-lower {
      background: #fff; }
    [type='range']:focus::-ms-fill-upper {
      background: white; }
  [type='range']::-webkit-slider-runnable-track {
    cursor: default;
    height: 8px;
    transition: all .2s ease;
    width: 100%;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 5px; }
  [type='range']::-webkit-slider-thumb {
    background: #009ed1;
    border: solid 1px #009ed1;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: default;
    height: 24px;
    width: 24px;
    -webkit-appearance: none;
    margin-top: -10px; }
  [type='range']::-moz-range-track {
    cursor: default;
    height: 8px;
    transition: all .2s ease;
    width: 100%;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 5px;
    height: 4px; }
  [type='range']::-moz-range-thumb {
    background: #009ed1;
    border: solid 1px #009ed1;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: default;
    height: 24px;
    width: 24px; }
  [type='range']::-ms-track {
    cursor: default;
    height: 8px;
    transition: all .2s ease;
    width: 100%;
    background: transparent;
    border-color: transparent;
    border-width: 12px 0;
    color: transparent; }
  [type='range']::-ms-fill-lower {
    background: #f2f2f2;
    border: 2px solid #ddd;
    border-radius: 10px; }
  [type='range']::-ms-fill-upper {
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 10px; }
  [type='range']::-ms-thumb {
    background: #009ed1;
    border: solid 1px #009ed1;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: default;
    height: 24px;
    width: 24px;
    margin-top: 2px; }
  [type='range'].disabled, [type='range']:disabled {
    opacity: 0.6;
    cursor: not-allowed; }

[type='number']:out-of-range, [type='number']:invalid {
  color: #bb0000;
  border-color: #f57979;
  background-color: #ffd4d4; }
[type='number']:in-range, [type='number']:valid {
  color: #333;
  border-color: #ddd;
  background-color: #fff; }

label {
  display: inline-block;
  color: #444;
  cursor: pointer;
  font-weight: 600; }
  label.disabled {
    color: #5e5e5e;
    cursor: auto; }
  label.required:after {
    content: " *"; }

.switch label {
  width: 100%; }

td input,
.linewrap input,
.linewrap select,
.linewrap textarea {
  margin-right: 0;
  display: inline-block;
  width: 98%; }

td.slider-cell [type='number'] {
  width: 16%; }

.form-actions {
  clear: both; }

.form-actions-left {
  float: left; }

.confirm {
  padding: 0;
  display: block;
  float: left;
  width: 99.5%;
  margin: 4px auto 12px auto; }
  .confirm .confirm label {
    border: 1px solid #cccccc;
    background: #e6e6e6;
    padding: 9px 12px 9px 12px;
    margin: 0;
    white-space: nowrap;
    width: auto;
    min-width: 280px;
    text-align: left;
    font-size: 0.85rem;
    direction: ltr;
    color: #444; }
    .confirm .confirm label:hover, .confirm .confirm label:focus {
      background: #fff; }
    .confirm .confirm label.selected {
      background: #fff; }
    .confirm .confirm label strong {
      display: inline-block;
      float: left;
      width: 90%;
      white-space: normal;
      line-height: 1.3; }
    .confirm .confirm label input {
      margin: 0;
      vertical-align: baseline;
      float: left;
      display: block;
      width: 10%; }

.ticker {
  position: relative; }
  .ticker .sliderMin {
    text-align: left;
    float: left; }
  .ticker .sliderMax {
    text-align: right;
    float: right; }

input[type=text].value,
input[type=number].value {
  width: 100px; }

.range {
  white-space: nowrap; }

/* Postcode Lookup */
.address-lookup {
  padding: 15px 0 0;
  max-width: 400px; }
  .address-lookup label {
    display: block;
    padding: 8px 0 4px; }
  .address-lookup p {
    margin-bottom: 3px; }
  .address-lookup input.postcode-for-lookup,
  .address-lookup input[type=button] {
    float: left;
    width: 100px; }
  .address-lookup div {
    clear: both; }
  .address-lookup .address-lookup-results {
    height: 260px;
    overflow: hidden; }

@media (min-width: 600px) {
  .form-group {
    float: left;
    width: 50%; }
    .form-group .linewrap {
      width: 100%; }
      .form-group .linewrap label {
        width: 50%;
        display: inline-block; }
      .form-group .linewrap input,
      .form-group .linewrap select,
      .form-group .linewrap textarea {
        width: 70%;
        display: inline-block; }

  #CHGPWD .linewrap label {
    width: 40%; }
  #CHGPWD .linewrap input,
  #CHGPWD .linewrap select,
  #CHGPWD .linewrap textarea {
    width: 50%; }

  /* radio-set (tablet up) */
  ul.radio-set {
    margin: auto; } }
@media (min-width: 769px) {
  .form-group .linewrap label {
    width: 25%; }
  .form-group .linewrap input,
  .form-group .linewrap select,
  .form-group .linewrap textarea {
    width: 70%; } }
/*
  SMS validation form
*/
.radio-alt-layout {
  overflow: hidden; }
  .radio-alt-layout ul {
    list-style: none;
    padding-left: 0; }
  .radio-alt-layout .notes {
    word-break: break-all; }
  @media (min-width: 769px) {
    .radio-alt-layout {
      float: left;
      width: 50%;
      clear: right;
      box-sizing: border-box;
      padding-right: 2%; }
      .radio-alt-layout:nth-child(even) {
        float: right;
        padding-right: 0;
        padding-left: 2%; } }

/*
  searchable - class written in using javascript in fields.js
*/
ul.searchable {
  overflow: inherit;
  float: left;
  width: 100%;
  box-sizing: border-box; }
  ul.searchable li.searchable {
    overflow: inherit; }

.admin .filter-item.select select {
  max-width: 100%;
  width: 100%; }
.admin input,
.admin select {
  box-sizing: border-box; }

.radio-alt-layout .controls {
  min-height: 30px; }
.radio-alt-layout ul {
  list-style-type: none;
  margin-left: 0; }
.radio-alt-layout input[type="radio"] {
  width: auto !important; }

/*
Tables
============================
*/
table {
  position: relative;
  width: 100%;
  margin: 0 auto 21px auto;
  border: solid 0px #a8a8a8; }

table table {
  margin: 0 0 0 0; }

fieldset table {
  /*
    margin-bottom: 6px;
  */ }

caption {
  text-align: left;
  font-weight: 600;
  font-size: 18.003px;
  font-size: 1.059rem;
  margin-bottom: 9px;
  padding: 9px 4% 0 0; }

thead {
  display: none; }

th,
td {
  display: block;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  border: solid 0px #a8a8a8;
  border-bottom: solid 1px #a8a8a8;
  padding: 9px 2% 8px 2%;
  width: 96%; }

table table th,
table table td {
  width: 100%; }

thead th {
  background-color: transparent;
  padding: 3px 2%; }

tfoot td,
tfoot th {
  background-color: transparent;
  /*padding: 3px 2%;*/
  border-bottom: none; }

th b,
td b {
  display: inline-block;
  width: 46%;
  line-height: 1.5;
  text-align: left;
  margin-right: 2%;
  vertical-align: top; }

th span,
td span {
  display: inline-block;
  width: 50%;
  line-height: 1.5;
  text-align: left;
  vertical-align: top; }

tfoot td span {
  /*  width:48%;*/ }

tbody tr.even th,
tbody tr.even td,
tbody tr:nth-child(even) {
  background-color: #fff; }

tbody tr.odd th,
tbody tr.odd td,
tbody tr:nth-child(odd) {
  background-color: #fff; }

table table tbody tr.even th,
table table tbody tr.even td,
table table tbody tr:nth-child(even),
table table tbody tr.odd th,
table table tbody tr.odd td,
table table tbody tr:nth-child(odd) {
  background-color: transparent; }

.columns-5 button span,
.columns-8 button span {
  width: auto; }

/* linked records display */
.switch .col1 b {
  display: none; }

.switch .col1 span {
  float: none; }

.switch .col1 input {
  width: 30px; }

/* Sorting */
.table-sortable {
  text-align: right;
  margin: 6px 3px 3px; }
  .table-sortable p {
    margin: 0 0 9px; }
  .table-sortable .sorted-by-label {
    padding-left: 17px; }
  .table-sortable .sorted-by-label.asc {
    background: url("/static/images/sortable-arrows.png") no-repeat 4px -78px; }
  .table-sortable .sorted-by-label.dsc {
    background: url("/static/images/sortable-arrows.png") no-repeat 4px -38px; }
  .table-sortable .table-sortable-links {
    border-bottom: solid 1px #d9d9d9;
    background: #fff; }
  .table-sortable .table-sortable-links a {
    display: block;
    padding: 4px 20px 4px 10px;
    color: #666;
    border-top: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9;
    border-right: solid 1px #d9d9d9;
    text-decoration: none; }
  .table-sortable .table-sortable-links a.asc {
    background: url("/static/images/sortable-arrows.png") no-repeat 99% -34px; }
  .table-sortable .table-sortable-links a.dsc {
    background: url("/static/images/sortable-arrows.png") no-repeat 99% -74px; }

th a.sortable {
  display: block;
  color: #444;
  background: url("/static/images/sortable-arrows.png") no-repeat 0 0;
  padding: 1px 0 1px 14px;
  text-decoration: none; }

th a.sortable.sortby.asc {
  background: url("/static/images/sortable-arrows.png") no-repeat 0 -80px; }

th a.sortable.sortby.dsc {
  background: url("/static/images/sortable-arrows.png") no-repeat 0 -40px; }

td a.link {
  background: transparent url("/static/images/side-link-arrow-dark.png") 95% center no-repeat;
  border: none;
  width: auto;
  margin: 0 auto;
  padding: 3px 10px;
  color: #7f35b2; }

/* Tables for charts */
table.chart-table {
  margin: 12px 0 15px; }
  table.chart-table td {
    padding: 9px 12px 6px 0;
    line-height: 15px;
    display: table-cell; }
    table.chart-table td.label {
      position: relative; }
      table.chart-table td.label.has-icon {
        padding-left: 24px; }
      table.chart-table td.label span.icon {
        position: absolute;
        top: 7px;
        left: 2px;
        width: 20px;
        height: 20px; }
    table.chart-table td.value {
      text-align: right;
      padding-right: 2px; }
  table.chart-table tr:last-child {
    border-bottom: 0; }

/* UI Datepicker fix for Tables */
.ui-datepicker table td,
.ui-datepicker table th {
  display: table-cell;
  width: auto; }

/* Row selection */
@media (min-width: 600px) {
  /* Sorting */
  .table-sortable {
    display: none; } }
table tbody tr.even.selected, table tbody tr:nth-child(even).selected, table tbody tr.odd.selected, table tbody tr:nth-child(odd).selected {
  background-color: #e0e0e0;
  transition: background, 0.67s; }
  table tbody tr.even.selected:focus, table tbody tr.even.selected:hover, table tbody tr:nth-child(even).selected:focus, table tbody tr:nth-child(even).selected:hover, table tbody tr.odd.selected:focus, table tbody tr.odd.selected:hover, table tbody tr:nth-child(odd).selected:focus, table tbody tr:nth-child(odd).selected:hover {
    background-color: #d6d6d6; }
    table tbody tr.even.selected:focus th,
    table tbody tr.even.selected:focus td, table tbody tr.even.selected:hover th,
    table tbody tr.even.selected:hover td, table tbody tr:nth-child(even).selected:focus th,
    table tbody tr:nth-child(even).selected:focus td, table tbody tr:nth-child(even).selected:hover th,
    table tbody tr:nth-child(even).selected:hover td, table tbody tr.odd.selected:focus th,
    table tbody tr.odd.selected:focus td, table tbody tr.odd.selected:hover th,
    table tbody tr.odd.selected:hover td, table tbody tr:nth-child(odd).selected:focus th,
    table tbody tr:nth-child(odd).selected:focus td, table tbody tr:nth-child(odd).selected:hover th,
    table tbody tr:nth-child(odd).selected:hover td {
      background-color: #d6d6d6; }
  table tbody tr.even.selected th,
  table tbody tr.even.selected td, table tbody tr:nth-child(even).selected th,
  table tbody tr:nth-child(even).selected td, table tbody tr.odd.selected th,
  table tbody tr.odd.selected td, table tbody tr:nth-child(odd).selected th,
  table tbody tr:nth-child(odd).selected td {
    background-color: #e0e0e0;
    transition: background, 0.67s; }
@media (min-width: 600px) {
  table table {
    margin: 0 auto 21px auto; }
  table thead {
    display: table-header-group; }
    table thead th {
      padding: 5px 6px 4px 6px;
      width: auto; }
  table tfoot {
    display: table-footer-group; }
    table tfoot td,
    table tfoot td.last {
      padding: 3px 6px;
      width: auto;
      border-bottom: solid 0px #a8a8a8; }
  table .ie7 thead,
  table .ie7 tfoot {
    display: block; }
  table tbody tr:hover th,
  table tbody tr:hover td {
    background-color: whitesmoke; }
  table tbody td,
  table tbody th {
    padding: 9px 6px 8px 6px;
    width: auto; }
  table th,
  table td {
    display: table-cell;
    float: none;
    width: auto;
    text-align: left;
    vertical-align: top; }
  table td.last {
    border-bottom: solid 1px #a8a8a8; }
  table th.cell-string,
  table td.cell-string {
    text-align: left; }
  table th.cell-date,
  table td.cell-date,
  table th.cell-details,
  table td.cell-details,
  table th.cell-remove,
  table td.cell-remove {
    text-align: center; }
  table th.cell-number,
  table td.cell-number,
  table th.cell-integer,
  table td.cell-integer,
  table th.cell-currency,
  table td.cell-currency,
  table th.numeric,
  table td.numeric,
  table th.cell-details,
  table td.cell-details {
    text-align: right; }
  table th.numeric span,
  table td.numeric span {
    display: block;
    text-align: right; }
  table th b,
  table td b {
    display: none; }
  table th span,
  table td span {
    width: auto;
    float: none; }
  table tfoot td span {
    width: auto;
    float: none; }
  table .columns-2 td {
    width: 50%;
    border-bottom: solid 1px #a8a8a8; }
  table td.col1.cell-date,
  table th.col1.cell-date,
  table td.col1.cell-number,
  table th.col1.cell-number,
  table td.col1.cell-integer,
  table th.col1.cell-integer,
  table td.col1.cell-currency,
  table th.col1.cell-currency {
    text-align: left; }
  table .columns-2 td.last,
  table .columns-2 th.last {
    text-align: right; }
  table tbody td:only-child {
    text-align: left; }
  table.column-1 thead th.col1:last-child, table.column-1 tbody td.col1:last-child {
    text-align: left; } }

.combined-columns thead tr th {
  vertical-align: bottom; }
  .combined-columns thead tr th[colspan] {
    padding-bottom: 0;
    text-align: center; }
.combined-columns tbody tr:hover td {
  text-decoration: underline;
  cursor: pointer; }
  .combined-columns tbody tr:hover td span {
    text-decoration: underline;
    cursor: pointer; }
  .combined-columns tbody tr:hover td.cell-details a {
    text-decoration: none; }

/*
Links
============================
*/
a:focus,
a:hover,
a:active {
  outline: none; }

a {
  color: #7f35b2;
  text-decoration: underline;
  outline: none;
  cursor: pointer; }

a:focus,
a:hover {
  color: #552377;
  text-decoration: none; }

#skip a:focus {
  color: #7f35b2; }

a.toggle {
  text-decoration: none; }

.filter-link a {
  font-size: 17px; }

a.disabled {
  background: #ededed !important;
  border: solid 1px #ededed !important;
  color: #b1b1b1 !important; }

/*
Buttons
============================
*/
.page-options {
  text-align: right;
  clear: both;
  overflow: hidden;
  position: relative;
  min-height: 33px;
  padding-top: 15px; }
  .page-options p {
    overflow: hidden; }
  .page-options button,
  .page-options a.button {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 9px;
    padding: 5px 1%; }
  @media (min-width: 600px) {
    .page-options button,
    .page-options a.button {
      width: auto;
      float: right;
      margin-left: 10px;
      margin-bottom: 0;
      padding-left: 15px;
      padding-right: 15px; } }
  .page-options.has-spinner {
    overflow: visible;
    -webkit-transition: margin 0.2s ease-out;
    -moz-transition: margin 0.2s ease-out;
    -o-transition: margin 0.2s ease-out;
    -ms-transition: margin 0.2s ease-out;
    transition: margin 0.2s ease-out; }

button,
a.button,
p.accessibility a {
  text-align: center; }

button,
a.button,
p.accessibility a,
input.button {
  width: auto;
  padding: 5px 15px;
  cursor: pointer;
  text-decoration: none;
  color: #767676;
  background: #f4f4f4;
  border: solid 1px #9a9999; }
  button:hover,
  a.button:hover,
  p.accessibility a:hover,
  input.button:hover {
    color: #009ed1;
    background: #f4f4f4;
    border: solid 1px #009ed1; }
  button:active,
  a.button:active,
  p.accessibility a:active,
  input.button:active {
    color: #009ed1;
    background: #f4f4f4;
    border: solid 1px #009ed1; }
  button:focus,
  a.button:focus,
  p.accessibility a:focus,
  input.button:focus {
    color: #009ed1;
    background: #f4f4f4;
    border: solid 1px #009ed1; }

button.selected-contributions {
  padding: 14px 24px; }

a.button:link,
a.button:visited,
p.accessibility a:link,
p.accessibility a:visited {
  display: inline-block; }

button.primary {
  color: #fff;
  background: #009ed1;
  border: solid 1px #009ed1; }
  button.primary:hover {
    color: #fff;
    background: #00779e;
    border: solid 1px #007094; }
  button.primary:active {
    color: #fff;
    background: #00779e;
    border: solid 1px #007094; }
  button.primary:focus {
    color: #fff;
    background: #00779e;
    border: solid 1px #007094; }

button.tertiary,
a.tertiary {
  color: #333;
  border-color: solid 1px #dbdbdb;
  background: none; }
  button.tertiary:hover,
  a.tertiary:hover {
    color: #333;
    background: none;
    border: solid 1px #c2c2c2; }
  button.tertiary:active,
  a.tertiary:active {
    color: #333;
    background: none;
    border: solid 1px #c2c2c2; }
  button.tertiary:focus,
  a.tertiary:focus {
    color: #333;
    background: none;
    border: solid 1px #c2c2c2; }

button.disabled,
input[type=button].disabled,
button[disabled=disabled],
button[disabled],
button:disabled {
  background: #ededed;
  border: solid 1px #ededed !important;
  color: #b1b1b1;
  cursor: not-allowed !important; }
  button.disabled:hover,
  input[type=button].disabled:hover,
  button[disabled=disabled]:hover,
  button[disabled]:hover,
  button:disabled:hover {
    background: #ededed !important;
    color: #b1b1b1 !important; }
  button.disabled:focus,
  input[type=button].disabled:focus,
  button[disabled=disabled]:focus,
  button[disabled]:focus,
  button:disabled:focus {
    background: #ededed !important;
    color: #b1b1b1 !important; }

button.link,
input[type=button].link {
  color: #7f35b2;
  border: none;
  padding: 3px 10px;
  background: none;
  text-decoration: underline;
  text-align: left; }

/* jQueryUI dialog buttons */
.ui-dialog .ui-dialog-buttonpane button {
  float: right;
  padding: 5px 15px; }

/* On/off button kindly borrowed from http://www.cssflow.com/snippets/simple-toggle-switch */
.container > .switch {
  display: block;
  margin: 12px auto; }

.switch-wrapper {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 8;
  text-align: right;
  padding: 12px 10px 0; }
  .switch-wrapper .caption {
    display: inline-block;
    padding-top: 3px;
    text-transform: uppercase;
    font-size: 85%; }
  .switch-wrapper .switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 56px;
    height: 20px;
    padding: 3px;
    background-color: white;
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
    background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
    background-image: -o-linear-gradient(top, #eeeeee, white 25px);
    background-image: linear-gradient(to bottom, #eeeeee, white 25px); }
  .switch-wrapper .switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .switch-wrapper .switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    font-family: Arial, ArialMT, sans-serif !important;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background; }
  .switch-wrapper .switch-label:before, .switch-wrapper .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit; }
  .switch-wrapper .switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5); }
  .switch-wrapper .switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0; }
  .switch-wrapper .switch-input:checked ~ .switch-label {
    background: #30347D;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }
  .switch-wrapper .switch-input:checked ~ .switch-label:before {
    opacity: 0; }
  .switch-wrapper .switch-input:checked ~ .switch-label:after {
    opacity: 1; }
  .switch-wrapper .switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out; }
  .switch-wrapper .switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(top, #eeeeee, white);
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -o-linear-gradient(top, #eeeeee, white);
    background-image: linear-gradient(to bottom, #eeeeee, white); }
  .switch-wrapper .switch-input:checked ~ .switch-handle {
    left: 40px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }

/*
Panels
============================
*/
/* Panel styling and their containers */
.panel {
  background: #fff;
  border: solid 1px #a8a8a8;
  border-width: 0px 0px 0px 0px;
  margin: 0 0 18px;
  overflow: hidden; }
  .panel header {
    background: #fff;
    position: relative; }
    .panel header h2 {
      color: #7f35b2;
      padding: 5.9975px 15px;
      line-height: 30.005px;
      font-size: 30.005px;
      margin: 0; }
      .panel header h2:before {
        font-size: 70%;
        padding-right: 5px; }
      .panel header h2.has-help {
        padding-right: 45px; }
      .panel header h2 a {
        color: #7f35b2;
        display: inline-block; }
        .panel header h2 a:before {
          font-size: 65%;
          padding-right: 4px; }
        .panel header h2 a:link, .panel header h2 a :visited {
          text-decoration: none; }
        .panel header h2 a.tooltip {
          display: inline; }
        .panel header h2 a:focus {
          color: #7f35b2; }
  .panel .panel-description {
    margin: 15px 0; }
  .panel .panel-body {
    padding: 21px;
    position: relative; }
    .panel .panel-body .related-links {
      margin: 15px 0 0; }
    .panel .panel-body .s-panel-locker {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 20;
      background: rgba(0, 0, 0, 0.5); }
      .panel .panel-body .s-panel-locker .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -20px 0 0 20px; }
  .panel label {
    font-size: 12.75px;
    font-weight: 600; }
  .panel .labels {
    margin-bottom: 3px; }
    .panel .labels .label {
      font-size: 12.75px;
      font-weight: 600; }
  .panel .controls {
    font-size: 14.875px;
    min-height: 27px; }
    .panel .controls select {
      max-width: 90%; }
    .panel .controls .error {
      color: #bb0000;
      display: block; }
    .panel .controls label.error {
      text-transform: uppercase;
      font-size: 12px; }
  .panel dl dt {
    font-weight: 600; }
  .panel.disable {
    background: rgba(0, 0, 0, 0.5) !important; }
  .panel.active {
    position: relative;
    z-index: 20;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.7); }
  .panel .chart h4 {
    margin: 6px 0 9px; }
  .panel .chart .chart-container {
    min-height: 200px;
    padding-top: 30px; }

.panel-group-actions {
  margin: 0 0 12px;
  text-align: right; }

#overlay {
  background: rgba(0, 0, 0, 0.5) !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10; }

@media (min-width: 600px) {
  /* Generic column layout */
  .panel-columns-2, .panel-columns-3, .panel-columns-4 {
    overflow: hidden; }

  /* Two column layout */
  .panel-columns-2 .column-1 {
    float: left;
    width: 49%;
    margin-right: 1%; }

  .panel-columns-2 .column-2 {
    float: right;
    width: 49%;
    margin-left: 1%; }

  /* Panel form layout for 2 and 3 column grids */
  .panel-columns-2 .panel ul.unstyled li,
  .panel-columns-3 .panel ul.unstyled li,
  .panel-columns-4 .panel ul.unstyled li {
    width: 100%;
    margin: 0 0 3px;
    min-height: 25px; }

  /* Three column layout */
  .panel-columns-3 .column-1 {
    float: left;
    width: 32.33333%;
    margin-right: 1.5%; }

  .panel-columns-3 .column-2 {
    float: left;
    width: 32.33333%;
    margin-right: 1.5%; }

  .panel-columns-3 .column-3 {
    float: right;
    width: 32.33333%; }

  /* Four column layout */
  .panel-columns-4 .column-1 {
    float: left;
    width: 24%;
    margin-right: 1%; }

  .panel-columns-4 .column-2 {
    float: left;
    width: 24%;
    margin-right: 1%; }

  .panel-columns-4 .column-3 {
    float: left;
    width: 24%;
    margin-right: 1%; }

  .panel-columns-4 .column-4 {
    float: right;
    width: 25%; } }
@media (min-width: 769px) {
  .panel .controls {
    min-height: 54px; }
  .panel .chart .chart-container {
    padding-top: 0px; }

  aside .panel ul .unstyled li {
    float: none;
    width: 100%;
    margin-bottom: 0; } }
/*
Pagination
============================
*/
.pagination select {
  width: auto; }
.pagination a {
  padding: 3px 0;
  display: inline-block; }
.pagination span {
  display: inline-block; }
.pagination span.pages a,
.pagination span.pages .current {
  display: inline-block;
  padding: 3px 5px;
  text-align: center; }
.pagination span.pages .current {
  color: #444;
  text-decoration: none;
  margin: 0; }
.pagination p.pages {
  padding: 30px 0 0;
  text-align: center; }

.next {
  margin-left: 10px; }
  .next:after {
    font-family: "epa" !important;
    content: "S";
    font-size: 0.8571em; }

.previous {
  margin-right: 10px; }
  .previous:before {
    font-family: "epa" !important;
    content: "R";
    font-size: 0.8571em; }

@media (min-width: 600px) {
  .pagination p.pages {
    text-align: right;
    margin-right: 1%;
    padding: 0; }
  .pagination p.linewrap {
    width: 100%; } }
/*
Search
============================
*/
.filter-options {
  display: none; }

.list-options {
  clear: both;
  overflow: hidden;
  padding: 9px 0; }
  .list-options.bottom {
    padding-top: 0; }
  .list-options .show-rows {
    text-align: center; }

.show-filters {
  clear: both; }

.filter-options {
  overflow: hidden; }
  .filter-options .filter {
    overflow: hidden; }
    .filter-options .filter .filter-item {
      margin-bottom: 9px; }
      .filter-options .filter .filter-item label {
        margin-bottom: 3px; }

@media (min-width: 600px) {
  .list-options {
    overflow: hidden; }
    .list-options .show-rows {
      float: left;
      width: 50%;
      text-align: left; }
    .list-options .pagination {
      float: right;
      width: 50%;
      overflow: hidden; }

  .filter-options .filter .filter-item {
    width: 50%;
    float: left; }
    .filter-options .filter .filter-item:nth-child(odd) {
      clear: left; } }
@font-face {
  font-family: "epa";
  src: url("/static/fonts/epa.eot");
  src: url("/static/fonts/epa.eot?#iefix") format("embedded-opentype"), url("/static/fonts/epa.woff") format("woff"), url("/static/fonts/epa.ttf") format("truetype"), url("/static/fonts/epa.svg#epa") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "epa" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "epa" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-alert:before {
  content: "\0061"; }

.icon-frames:before {
  content: "\0062"; }

.icon-connection-2:before {
  content: "\0063"; }

.icon-cancel-circled:before {
  content: "\0064"; }

.icon-cancel:before {
  content: "\0065"; }

.icon-info-circled:before {
  content: "\0067"; }

.icon-info:before {
  content: "\0068"; }

.icon-chat:before {
  content: "\0069"; }

.icon-comment:before {
  content: "\006A"; }

.icon-notification:before {
  content: "\006B"; }

.icon-help-circled:before {
  content: "\006C"; }

.icon-help:before {
  content: "\006D"; }

.icon-user:before {
  content: "\006E"; }

.icon-lock:before {
  content: "\006F"; }

.icon-lock-open:before {
  content: "\0070"; }

.icon-feedback:before {
  content: "\0071"; }

.icon-graph:before {
  content: "\0072"; }

.icon-grid:before {
  content: "\0073"; }

.icon-pencil:before {
  content: "\0074"; }

.icon-check:before {
  content: "\0066"; }

.icon-chart-pie:before {
  content: "\0075"; }

.icon-chart-bar:before {
  content: "\0076"; }

.icon-chart-line:before {
  content: "\0077"; }

.icon-bell:before {
  content: "\0078"; }

.icon-arrows-ccw:before {
  content: "\0079"; }

.icon-block:before {
  content: "\007A"; }

.icon-link:before {
  content: "\0041"; }

.icon-flag:before {
  content: "\0042"; }

.icon-users:before {
  content: "\0043"; }

.icon-user-1:before {
  content: "\0044"; }

.icon-windows:before {
  content: "\0045"; }

.icon-align-left:before {
  content: "\0046"; }

.icon-bars:before {
  content: "\0047"; }

.icon-calendar:before {
  content: "\0048"; }

.icon-users-1:before {
  content: "\0049"; }

.icon-user-add:before {
  content: "\004A"; }

.icon-comment-1:before {
  content: "\004B"; }

.icon-printer-1:before {
  content: "\004D"; }

.icon-settings:before {
  content: "\004E"; }

.icon-calendar-1:before {
  content: "\004F"; }

.icon-burger:before {
  content: "\004C"; }

.icon-phone:before {
  content: "\0050"; }

.icon-caret-down-two:before {
  content: "\0051"; }

.icon-caret-left:before {
  content: "\0052"; }

.icon-caret-right:before {
  content: "\0053"; }

.icon-caret-up-two:before {
  content: "\0054"; }

.icon-logout:before {
  content: "\0056"; }

/*
Messages
============================
*/
.messages {
  margin-bottom: 15px; }
  .messages ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none; }
    .messages ul li {
      margin: 0 0 6px;
      padding: 15px; }
    .messages ul .error {
      background: #ffd4d4;
      border: solid 1px #f57979; }
    .messages ul .alert {
      background: #fff5e9;
      border: solid 1px #ffaa22; }
    .messages ul .success {
      background: #e2eed9;
      border: solid 1px #acce93; }
    .messages ul.bullet {
      list-style: disc;
      padding: inherit;
      margin: inherit; }
  .messages h4 {
    margin: 0 0 6px; }
  .messages p {
    margin: 0 0 6px; }
    .messages p:last-of-type {
      margin: 0; }
  .messages.alert, .messages.error, .messages.success {
    padding: 10.5px; }
    .messages.alert li, .messages.error li, .messages.success li {
      background: none;
      border: 0;
      padding: 0; }
  .messages.error {
    background: #ffd4d4;
    border: solid 1px #f57979; }
  .messages.alert {
    background: #fff5e9;
    border: solid 1px #ffaa22; }
  .messages.success {
    background: #e2eed9;
    border: solid 1px #acce93; }
  .messages.confirm-2f {
    padding-left: 99px;
    position: relative; }
    .messages.confirm-2f h4 {
      margin-bottom: 0.9994288978em; }
      @media (min-width: 600px) {
        .messages.confirm-2f h4 {
          margin-bottom: 0.9994288978em;
          line-height: 1.167; } }
    .messages.confirm-2f p {
      margin: 0 0 21px 0; }
    .messages.confirm-2f #ajax-spinner {
      position: absolute;
      top: 24px;
      left: 45px; }
  @media (min-width: 769px) {
    .messages.small-screen {
      display: none; } }

.auth-code {
  text-align: center; }
  .auth-code label {
    display: block;
    font-weight: normal;
    margin: 0 0 12px;
    font-size: 12.75px; }
  .auth-code p {
    font-size: 12.75px; }
    .auth-code p.code {
      font-size: 50px;
      line-height: 50px;
      letter-spacing: 10px;
      margin-bottom: 9px; }

.list-message {
  margin-bottom: 15px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none; }
  .list-message li {
    margin: 0 0 6px;
    padding: 21px; }
    .list-message li.error {
      background: #ffd4d4;
      border: solid 1px #f57979; }
    .list-message li.alert {
      background: #fff5e9;
      border: solid 1px #ffaa22; }
    .list-message li.success {
      background: #e2eed9;
      border: solid 1px #acce93; }

/*
Alerts
=============================
*/
.alerts article {
  max-width: 500px;
  min-width: 60%;
  margin: 0 auto; }
  .alerts article h1 {
    color: #7f35b2;
    margin-bottom: 0; }
  .alerts article h4 {
    color: #000;
    margin: 8px 0 3px;
    border-top: solid 1px #dbdbdb;
    padding: 6px 0 0;
    font-size: 17px; }

.ui-dialog {
  -webkit-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.4); }
  .ui-dialog .ui-dialog-titlebar-close {
    color: transparent; }
  .ui-dialog.dialog-tooltip {
    background: #fff;
    border: solid 2px #fff;
    width: auto !important;
    max-width: 90%;
    padding: 0; }
  .ui-dialog .ui-dialog-titlebar {
    border: 0; }
  .ui-dialog .ui-dialog-content {
    display: block;
    color: #333; }

.tooltip.icon {
  text-decoration: none;
  margin-left: 3px;
  font-size: 1.0rem; }

@media (min-width: 600px) {
  .ui-dialog {
    min-width: 500px !important; }
    .ui-dialog.dialog-tooltip {
      width: 500px !important; } }
/*
Help
============================
*/
.page-help {
  display: none;
  border-top: dotted 1px #dbdbdb;
  padding-top: 6px; }
  .page-help h3 {
    color: #000;
    margin: 0 0 9px; }
  .page-help h4 {
    font-size: 15px;
    margin: 0 0 6px; }
  .page-help p {
    margin: 0 0 3px; }

/*
  Field help icons
*/
.panel .icon-help {
  color: #bbbbbb;
  font-size: 11px;
  line-height: 12px;
  width: 18px;
  height: 14px;
  display: inline-block;
  text-align: center;
  padding-top: 4px;
  border: solid 1px #bbbbbb;
  text-decoration: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  top: 0; }
  .panel .icon-help .icon-help:hover {
    cursor: pointer; }
    .panel .icon-help .icon-help:hover:hover, .panel .icon-help .icon-help:hover:focus {
      cursor: pointer; }

.panel .help-inline {
  display: block; }

/*
  Panel help
*/
.panel .help-panel {
  display: none;
  margin: 21px;
  border: solid 1px #ffaa22;
  padding: 14px 15px;
  background: #fff5e9; }
  .panel .help-panel h3, .panel .help-panel h4 {
    display: none;
    /* Hide for panel help. */ }
  .panel .help-panel h5 {
    margin: 0 0 6px; }
  .panel .help-panel p:last-child {
    margin-bottom: 0; }

.panel .icon-page-help {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 24px;
  height: 21px;
  padding: 3px 0 0;
  border: solid 1px #666;
  font-size: 18px;
  color: #eee;
  background: #666;
  text-decoration: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; }
  .panel .icon-page-help:hover, .panel .icon-page-help:focus {
    color: #fff;
    background: #333; }

/*
Page Specific
============================
*/
/*
My Pension: Pay and Tax details - payslip
*/
.pye_psf12_det .panel {
  background: #c0c4de;
  padding: 15px;
  border: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }
  .pye_psf12_det .panel header {
    display: none; }
  .pye_psf12_det .panel ul li label {
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #444; }
  .pye_psf12_det .panel .payslip-main {
    background: #fff;
    margin-bottom: 9px;
    border: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; }
    .pye_psf12_det .panel .payslip-main table td label {
      font-size: 14px; }
    .pye_psf12_det .panel .payslip-main h3 {
      margin-bottom: 12px;
      font-size: 17px; }
    .pye_psf12_det .panel .payslip-main h4 {
      margin-bottom: 3px;
      font-size: 16px; }
    .pye_psf12_det .panel .payslip-main p {
      margin-bottom: 3px; }
    .pye_psf12_det .panel .payslip-main table {
      margin-bottom: 0; }
    .pye_psf12_det .panel .payslip-main table tbody tr:nth-child(even) {
      background: #fff; }
    .pye_psf12_det .panel .payslip-main .payslip-overview,
    .pye_psf12_det .panel .payslip-main .payslip-messages {
      padding: 15px 10px;
      border-bottom: solid 3px #c0c4de; }
    .pye_psf12_det .panel .payslip-main .payslip-contacts {
      padding: 0 0 15px; }
    .pye_psf12_det .panel .payslip-main .payslip-member-detail {
      border-bottom: solid 2px #c0c4de; }
    .pye_psf12_det .panel .payslip-main .payslip-contacts table td {
      border: 0; }
  .pye_psf12_det .panel .payslip-figures {
    margin-bottom: 9px;
    background: #fff;
    border: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; }
    .pye_psf12_det .panel .payslip-figures .inner {
      padding: 15px; }
    .pye_psf12_det .panel .payslip-figures h4 {
      margin-bottom: 9px; }
    .pye_psf12_det .panel .payslip-figures tbody td {
      border: 0;
      padding-top: 0;
      padding-bottom: 6px;
      float: none;
      width: auto;
      padding-left: 0; }
      .pye_psf12_det .panel .payslip-figures tbody td .last {
        text-align: right; }
    .pye_psf12_det .panel .payslip-figures tbody tr:nth-child(even) {
      background: #fff; }
    .pye_psf12_det .panel .payslip-figures tbody tr:last-child {
      font-family: Arial, Helvetica, sans-serif; }
    .pye_psf12_det .panel .payslip-figures tbody tr.row3 td {
      padding-top: 9px; }
  .pye_psf12_det .panel .payslip-contact {
    margin-bottom: 9px;
    background: #fff;
    border: 0;
    padding: 15px 0px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; }
    .pye_psf12_det .panel .payslip-contact table {
      margin-bottom: 0; }
    .pye_psf12_det .panel .payslip-contact table td {
      border: 0;
      text-align: left; }
  .pye_psf12_det .panel .payslip-additional {
    background: #fff;
    border: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 15px 10px;
    margin-bottom: 9px; }
  .pye_psf12_det .panel .payslip-contact ul,
  .pye_psf12_det .panel .payslip-additional ul {
    margin-bottom: 0; }
@media (min-width: 600px) {
  .pye_psf12_det .payslip-main table td {
    width: 31%;
    border-right: solid 1px #c0c4de;
    border-bottom: solid 1px #c0c4de;
    background: #fff;
    text-align: left; }
  .pye_psf12_det .payslip-main table td:nth-child(3) {
    border-right: 0; } }
@media (min-width: 769px) {
  .pye_psf12_det .payslip-main {
    float: left;
    width: 71.5%;
    margin-right: 1%; }
  .pye_psf12_det .payslip-figures {
    border: solid 1px #dbdbdb;
    float: right;
    width: 27%;
    margin-bottom: 9px; }
  .pye_psf12_det .payslip-contact {
    clear: both; }
  .pye_psf12_det .payslip-contact ul li label,
  .pye_psf12_det .payslip-additional ul li label {
    float: left;
    width: 30%; }
  .pye_psf12_det .payslip-contact ul li .data,
  .pye_psf12_det .payslip-additional ul li .data {
    margin-left: 32%; } }

/*
My Pension: P60
*/
.pye_taxyrsum_det .panel-body {
  max-width: 900px; }
  .pye_taxyrsum_det .panel-body .p60-section {
    border: solid 1px #112166;
    margin-bottom: 12px;
    overflow: hidden; }
  .pye_taxyrsum_det .panel-body .title-row {
    background: #112166;
    overflow: hidden;
    display: none; }
    .pye_taxyrsum_det .panel-body .title-row .title {
      position: relative; }
    .pye_taxyrsum_det .panel-body .title-row .title .inner {
      padding: 6px 10px;
      color: #fff; }
  .pye_taxyrsum_det .panel-body .data-row .data {
    position: relative; }
    .pye_taxyrsum_det .panel-body .data-row .data .inner {
      padding: 6px 10px; }
      .pye_taxyrsum_det .panel-body .data-row .data .inner span {
        display: block;
        font-weight: bold; }
  .pye_taxyrsum_det .panel-body .p60-address,
  .pye_taxyrsum_det .panel-body .p60-name {
    margin-bottom: 0;
    border-bottom: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px; }
  .pye_taxyrsum_det .panel-body .p60-ni {
    margin-bottom: 0;
    border-bottom: 0; }
  .pye_taxyrsum_det .panel-body .p60-info {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
  .pye_taxyrsum_det .panel-body .p60-paye,
  .pye_taxyrsum_det .panel-body .p60-pay {
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px; }
  @media (min-width: 600px) {
    .pye_taxyrsum_det .panel-body .data-row .data .inner span {
      display: none; }
    .pye_taxyrsum_det .panel-body .title-row {
      display: block; }
    .pye_taxyrsum_det .panel-body .inner {
      position: relative; }
    .pye_taxyrsum_det .panel-body span.sep {
      position: absolute;
      top: 0;
      left: 0;
      height: 200px;
      width: 1px;
      background: #112166; }
    .pye_taxyrsum_det .panel-body .p60-name .title-row .title, .pye_taxyrsum_det .panel-body .p60-name .data-row .data,
    .pye_taxyrsum_det .panel-body .p60-address .title-row .title, .pye_taxyrsum_det .panel-body .p60-address .data-row .data,
    .pye_taxyrsum_det .panel-body .p60-paye .title-row .title, .pye_taxyrsum_det .panel-body .p60-paye .data-row .data {
      float: left;
      width: 50%; }
    .pye_taxyrsum_det .panel-body .p60-info .title-row .title.col1, .pye_taxyrsum_det .panel-body .p60-info .data-row .data.col1 {
      float: left;
      width: 60%; }
    .pye_taxyrsum_det .panel-body .p60-info .title-row .title.col2, .pye_taxyrsum_det .panel-body .p60-info .data-row .data.col2 {
      float: left;
      width: 40%; }
    .pye_taxyrsum_det .panel-body .p60-ni .title-row .title, .pye_taxyrsum_det .panel-body .p60-ni .data-row .data {
      float: left;
      width: 33.3333%; }
    .pye_taxyrsum_det .panel-body .p60-pay .title-row .title, .pye_taxyrsum_det .panel-body .p60-pay .data-row .data {
      float: left;
      width: 16.6666%; }
    .pye_taxyrsum_det .panel-body .p60-pay .title-row {
      background: #e5f3ee;
      border-bottom: solid 1px #112166; }
    .pye_taxyrsum_det .panel-body .p60-pay .title-row .inner {
      color: #444; }
    .pye_taxyrsum_det .panel-body .p60-pay .title-row.top {
      border-bottom: 0; }
    .pye_taxyrsum_det .panel-body .p60-pay .title-row.top .title, .pye_taxyrsum_det .panel-body .p60-pay.top .data-row .data {
      width: 33.3333%; } }

.inv-decisions h1.hide {
  display: inline-block; }
.inv-decisions .clear-float {
  clear: both; }
.inv-decisions table tbody tr td.nested {
  padding: 0 0 0 0; }
  .inv-decisions table tbody tr td.nested .row-set-header td {
    font-weight: bold; }
.inv-decisions table tbody tr td:last-of-type {
  border-bottom: solid 21px #fff; }
  .inv-decisions table tbody tr td:last-of-type.nested {
    border-bottom: none; }
    @media (min-width: 600px) {
      .inv-decisions table tbody tr td:last-of-type.nested {
        border-bottom: solid 1px #a8a8a8; } }
    .inv-decisions table tbody tr td:last-of-type.nested tbody tr:last-of-type td {
      border-bottom: none; }
  @media (min-width: 600px) {
    .inv-decisions table tbody tr td:last-of-type {
      border-bottom: solid 1px #a8a8a8; } }
.inv-decisions table tbody tr.is-locked td {
  color: #848484; }
  .inv-decisions table tbody tr.is-locked td.col1 span {
    width: auto;
    display: inline; }
.inv-decisions table tbody tr.row-set-header {
  background-color: transparent; }
  .inv-decisions table tbody tr.row-set-header td:last-of-type {
    border-top: solid 10.5px #fff;
    border-bottom: solid 10.5px #fff; }
    @media (min-width: 600px) {
      .inv-decisions table tbody tr.row-set-header td:last-of-type {
        border-top: none;
        border-bottom: solid 1px #a8a8a8; } }
@media (min-width: 600px) {
  .inv-decisions table.columns-2 th,
  .inv-decisions table.columns-2 td {
    width: auto; } }
@media (min-width: 600px) {
  .inv-decisions table.columns-2 th.col2,
  .inv-decisions table.columns-2 td.col2 {
    text-align: right; } }
.inv-decisions table.contributions ul {
  list-style-type: none;
  margin: 0; }
  .inv-decisions table.contributions ul li {
    margin: 6px 0;
    white-space: nowrap; }
.inv-decisions table.term {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
.inv-decisions table.cash {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
.inv-decisions table#currentAssetsToSell span#sellTableHead {
  line-height: inherit; }
.inv-decisions table#currentAssetsToSell tr.is-locked select,
.inv-decisions table#currentAssetsToSell tr.is-locked input,
.inv-decisions table#currentAssetsToSell tr.is-locked label,
.inv-decisions table#currentAssetsToSell tr.is-locked button,
.inv-decisions table#currentAssetsToSell tr.is-locked .estimateValue {
  display: none !important; }
.inv-decisions table#currentAssetsToSell tbody td {
  padding-top: 12px;
  padding-bottom: 12px; }
@media (min-width: 600px) {
  .inv-decisions table#currentAssetsToSell td.col1,
  .inv-decisions table#currentAssetsToSell th.col1 {
    width: 25%; } }
.inv-decisions table#currentAssetsToSell td.col2 {
  white-space: nowrap; }
@media (min-width: 600px) {
  .inv-decisions table#currentAssetsToSell td.col3,
  .inv-decisions table#currentAssetsToSell th.col3 {
    width: 50%; }
    .inv-decisions table#currentAssetsToSell td.col3.select-cell,
    .inv-decisions table#currentAssetsToSell th.col3.select-cell {
      width: 25% !important; } }
.inv-decisions table#currentAssetsToSell td.col3 div.ticker,
.inv-decisions table#currentAssetsToSell th.col3 div.ticker {
  clear: both;
  margin-top: -12px;
  left: 3px;
  width: 75%; }
.inv-decisions table#currentAssetsToSell td.col3 input[type=range],
.inv-decisions table#currentAssetsToSell th.col3 input[type=range] {
  margin-top: -12px;
  width: 70%;
  max-width: initial; }
.inv-decisions table#currentAssetsToSell td.col3 input[type=number],
.inv-decisions table#currentAssetsToSell th.col3 input[type=number] {
  width: 80px;
  float: right;
  margin-top: -42px; }
  .inv-decisions table#currentAssetsToSell td.col3 input[type=number]:read-only,
  .inv-decisions table#currentAssetsToSell th.col3 input[type=number]:read-only {
    width: 20% !important;
    text-align: right;
    font-weight: 600; }
  @media (min-width: 600px) {
    .inv-decisions table#currentAssetsToSell td.col3 input[type=number],
    .inv-decisions table#currentAssetsToSell th.col3 input[type=number] {
      width: 50px;
      margin-top: -48px; } }
  .inv-decisions table#currentAssetsToSell td.col3 input[type=number].disabled,
  .inv-decisions table#currentAssetsToSell th.col3 input[type=number].disabled {
    display: inline-block; }
.inv-decisions table#currentAssetsToBuy tbody tr:nth-child(odd),
.inv-decisions table#currentAssetsToBuy tbody tr:nth-child(even), .inv-decisions table#futureContributionsToBuy tbody tr:nth-child(odd),
.inv-decisions table#futureContributionsToBuy tbody tr:nth-child(even) {
  background-color: transparent; }
  .inv-decisions table#currentAssetsToBuy tbody tr:nth-child(odd):hover,
  .inv-decisions table#currentAssetsToBuy tbody tr:nth-child(even):hover, .inv-decisions table#futureContributionsToBuy tbody tr:nth-child(odd):hover,
  .inv-decisions table#futureContributionsToBuy tbody tr:nth-child(even):hover {
    background-color: transparent; }
.inv-decisions table#currentAssetsToBuy tbody tr:hover th,
.inv-decisions table#currentAssetsToBuy tbody tr:hover td,
.inv-decisions table#currentAssetsToBuy tbody tr:nth-child(2n+2):hover th,
.inv-decisions table#currentAssetsToBuy tbody tr:nth-child(2n+2):hover td, .inv-decisions table#futureContributionsToBuy tbody tr:hover th,
.inv-decisions table#futureContributionsToBuy tbody tr:hover td,
.inv-decisions table#futureContributionsToBuy tbody tr:nth-child(2n+2):hover th,
.inv-decisions table#futureContributionsToBuy tbody tr:nth-child(2n+2):hover td {
  background-color: transparent; }
@media (max-width: 600px) {
  .inv-decisions table#currentAssetsToBuy tbody tr td, .inv-decisions table#futureContributionsToBuy tbody tr td {
    border-bottom: solid 0 #a8a8a8; }
    .inv-decisions table#currentAssetsToBuy tbody tr td:last-of-type, .inv-decisions table#futureContributionsToBuy tbody tr td:last-of-type {
      border-bottom: solid 1px #a8a8a8; } }
.inv-decisions table#currentAssetsToBuy tr.no-funds td, .inv-decisions table#futureContributionsToBuy tr.no-funds td {
  text-align: center;
  font-size: 18px;
  padding-top: 18px;
  padding-bottom: 18px; }
@media (min-width: 600px) {
  .inv-decisions table#currentAssetsToBuy td.col1,
  .inv-decisions table#currentAssetsToBuy th.col1, .inv-decisions table#futureContributionsToBuy td.col1,
  .inv-decisions table#futureContributionsToBuy th.col1 {
    width: 40%; } }
@media (min-width: 600px) {
  .inv-decisions table#currentAssetsToBuy td.col3,
  .inv-decisions table#currentAssetsToBuy th.col3, .inv-decisions table#futureContributionsToBuy td.col3,
  .inv-decisions table#futureContributionsToBuy th.col3 {
    width: 40%; } }
.inv-decisions table#currentAssetsToBuy td.col3 span,
.inv-decisions table#currentAssetsToBuy th.col3 span, .inv-decisions table#futureContributionsToBuy td.col3 span,
.inv-decisions table#futureContributionsToBuy th.col3 span {
  width: 100%; }
.inv-decisions table#currentAssetsToBuy td.col3 input[type=range],
.inv-decisions table#currentAssetsToBuy th.col3 input[type=range], .inv-decisions table#futureContributionsToBuy td.col3 input[type=range],
.inv-decisions table#futureContributionsToBuy th.col3 input[type=range] {
  width: 70%; }
.inv-decisions table#currentAssetsToBuy td.col3 input[type=number],
.inv-decisions table#currentAssetsToBuy th.col3 input[type=number], .inv-decisions table#futureContributionsToBuy td.col3 input[type=number],
.inv-decisions table#futureContributionsToBuy th.col3 input[type=number] {
  width: 30%;
  float: right;
  margin-top: 0; }
  .inv-decisions table#currentAssetsToBuy td.col3 input[type=number]:read-only,
  .inv-decisions table#currentAssetsToBuy th.col3 input[type=number]:read-only, .inv-decisions table#futureContributionsToBuy td.col3 input[type=number]:read-only,
  .inv-decisions table#futureContributionsToBuy th.col3 input[type=number]:read-only {
    text-align: right;
    font-weight: 600;
    width: 20% !important; }
.inv-decisions table#currentAssetsToBuy td.col3 div.ui-slider,
.inv-decisions table#currentAssetsToBuy th.col3 div.ui-slider, .inv-decisions table#futureContributionsToBuy td.col3 div.ui-slider,
.inv-decisions table#futureContributionsToBuy th.col3 div.ui-slider {
  margin-top: 0; }
  .inv-decisions table#currentAssetsToBuy td.col3 div.ui-slider .ui-slider-track,
  .inv-decisions table#currentAssetsToBuy th.col3 div.ui-slider .ui-slider-track, .inv-decisions table#futureContributionsToBuy td.col3 div.ui-slider .ui-slider-track,
  .inv-decisions table#futureContributionsToBuy th.col3 div.ui-slider .ui-slider-track {
    position: relative;
    overflow: visible;
    border-width: 1px;
    border-style: solid;
    height: 15px;
    margin: 0 30% 0 6px;
    top: 6px; }
  .inv-decisions table#currentAssetsToBuy td.col3 div.ui-slider input[type=number],
  .inv-decisions table#currentAssetsToBuy th.col3 div.ui-slider input[type=number], .inv-decisions table#futureContributionsToBuy td.col3 div.ui-slider input[type=number],
  .inv-decisions table#futureContributionsToBuy th.col3 div.ui-slider input[type=number] {
    width: 20%;
    z-index: 0; }
    @media (min-width: 600px) {
      .inv-decisions table#currentAssetsToBuy td.col3 div.ui-slider input[type=number],
      .inv-decisions table#currentAssetsToBuy th.col3 div.ui-slider input[type=number], .inv-decisions table#futureContributionsToBuy td.col3 div.ui-slider input[type=number],
      .inv-decisions table#futureContributionsToBuy th.col3 div.ui-slider input[type=number] {
        width: 20%; } }
.inv-decisions table#currentAssetsToBuy td.col3 div.ticker,
.inv-decisions table#currentAssetsToBuy th.col3 div.ticker, .inv-decisions table#futureContributionsToBuy td.col3 div.ticker,
.inv-decisions table#futureContributionsToBuy th.col3 div.ticker {
  clear: both;
  margin-top: -9px;
  width: 75%; }
@media (min-width: 600px) {
  .inv-decisions table#currentAssetsToBuy thead td.col2,
  .inv-decisions table#currentAssetsToBuy thead th.col2,
  .inv-decisions table#currentAssetsToBuy tfoot td.col4,
  .inv-decisions table#currentAssetsToBuy tfoot th.col4, .inv-decisions table#futureContributionsToBuy thead td.col2,
  .inv-decisions table#futureContributionsToBuy thead th.col2,
  .inv-decisions table#futureContributionsToBuy tfoot td.col4,
  .inv-decisions table#futureContributionsToBuy tfoot th.col4 {
    text-align: left; } }
.inv-decisions table#futureContributionsToBuy {
  margin-bottom: 0; }
.inv-decisions table .estimate-total,
.inv-decisions table .percentage-total,
.inv-decisions table .balance-total {
  white-space: normal;
  font-weight: 600; }
  .inv-decisions table .estimate-total small,
  .inv-decisions table .percentage-total small,
  .inv-decisions table .balance-total small {
    font-weight: 400;
    white-space: nowrap;
    display: inline-block; }
    .inv-decisions table .estimate-total small span,
    .inv-decisions table .percentage-total small span,
    .inv-decisions table .balance-total small span {
      display: inline-block;
      width: auto; }
.inv-decisions input.term-value,
.inv-decisions input.cash-value {
  width: 15%;
  float: right;
  position: relative;
  top: -60px;
  left: -5%; }
.inv-decisions .panel {
  overflow: visible; }
  .inv-decisions .panel .help-panel,
  .inv-decisions .panel form {
    clear: both; }
  .inv-decisions .panel .panel-body.contribution-box h3 {
    border-top: solid 1px #a8a8a8;
    padding-top: 21px;
    margin-bottom: 10.5px; }
    .inv-decisions .panel .panel-body.contribution-box h3 label {
      font-size: 18.003px;
      font-size: 1.059rem;
      width: 100%;
      margin: 0 0 21px 0; }
      @media (min-width: 600px) {
        .inv-decisions .panel .panel-body.contribution-box h3 label {
          width: 60%;
          display: inline-block;
          vertical-align: top;
          margin: 0; } }
      .inv-decisions .panel .panel-body.contribution-box h3 label .tooltip.icon {
        margin-left: 0; }
    .inv-decisions .panel .panel-body.contribution-box h3 .contribution-value {
      font-size: 18.003px;
      font-size: 1.059rem;
      display: inline-block;
      width: 100%;
      margin: 0 0 10.5px 0; }
      @media (min-width: 600px) {
        .inv-decisions .panel .panel-body.contribution-box h3 .contribution-value {
          width: 39%;
          margin: 0;
          vertical-align: top;
          text-align: right; }
          .inv-decisions .panel .panel-body.contribution-box h3 .contribution-value strong {
            display: inline;
            width: auto;
            margin: 0; } }
  .inv-decisions .panel .panel-body dl {
    margin: 0 0 10.5px 0; }
    .inv-decisions .panel .panel-body dl dt {
      float: none;
      width: 100%;
      margin-bottom: 5.25px; }
      @media (min-width: 600px) {
        .inv-decisions .panel .panel-body dl dt {
          float: none;
          width: 33%;
          margin-right: 0;
          margin-bottom: 21px;
          display: inline-block;
          vertical-align: top; } }
    .inv-decisions .panel .panel-body dl dd {
      float: none;
      width: 100%; }
      @media (min-width: 600px) {
        .inv-decisions .panel .panel-body dl dd {
          float: none;
          width: 61%;
          display: inline-block;
          vertical-align: top; } }
  .inv-decisions .panel .panel-body.page-options {
    padding-top: 0;
    clear: none; }
.inv-decisions .accordion {
  margin: 0 0 21px 0; }
  .inv-decisions .accordion .opener {
    border: solid 1px #a8a8a8;
    cursor: pointer;
    display: block;
    font-weight: 600;
    font-size: 1.125rem;
    padding: 5px 9px;
    min-height: 24px;
    text-decoration: none;
    margin-bottom: 12px; }
    .inv-decisions .accordion .opener:before {
      padding-right: 3px; }
    .inv-decisions .accordion .opener .open-accordion {
      margin-bottom: 27px; }
  @media (min-width: 600px) {
    .inv-decisions .accordion {
      margin-bottom: 21px; } }
.inv-decisions .messages {
  max-width: 100%; }
.inv-decisions fieldset {
  padding: 0; }
  .inv-decisions fieldset legend {
    display: none; }
  .inv-decisions fieldset.show legend {
    display: inherit; }
.inv-decisions .future fieldset legend,
.inv-decisions .current fieldset legend {
  display: inherit; }
.inv-decisions .range {
  white-space: normal;
  clear: both;
  font-size: 1.1rem;
  font-size: 11px;
  line-height: 1.0 !important; }
.inv-decisions #currentOptionsOuter,
.inv-decisions #futureOptionsOuter {
  margin-top: 10.5px; }
.inv-decisions #hasfunds {
  text-align: right; }
.inv-decisions .add-button {
  padding-bottom: 10.5px; }
.inv-decisions #percentageRemaining {
  padding: 0;
  margin: 0; }
@media (min-width: 600px) {
  .inv-decisions .right,
  .inv-decisions .left {
    min-width: 282px; } }
@media (min-width: 600px) {
  .inv-decisions .accumulation-phase .slider-cell {
    width: 60%; } }
.inv-decisions .accumulation-phase .slider-cell input[type=range] {
  width: 75%; }
.inv-decisions .accumulation-phase .slider-cell input:read-only {
  width: 19%;
  text-align: right;
  font-weight: 600; }
.inv-decisions .accumulation-phase .slider-cell .ticker {
  clear: both;
  width: 85%;
  left: 9px;
  margin-top: 0; }
  .inv-decisions .accumulation-phase .slider-cell .ticker .sliderMin {
    float: left;
    display: block;
    width: 30px; }
  .inv-decisions .accumulation-phase .slider-cell .ticker .sliderMax {
    float: right;
    display: block;
    width: 30px;
    margin-right: 51px;
    text-align: right !important; }
  .inv-decisions .accumulation-phase .slider-cell .ticker.disabled {
    color: #666 !important; }
@media (min-width: 600px) {
  .inv-decisions .accumulation-phase input.value {
    margin-top: 6px;
    width: 50px; }
    .inv-decisions .accumulation-phase input.value[type=range] {
      width: 75%; } }
.inv-decisions .page-options {
  min-height: 0; }
  .inv-decisions .page-options p a.button,
  .inv-decisions .page-options p button {
    width: 48%;
    margin-left: 0;
    margin-bottom: 21px; }
    @media (min-width: 600px) {
      .inv-decisions .page-options p a.button,
      .inv-decisions .page-options p button {
        width: auto;
        margin-left: 10px;
        margin-bottom: 0;
        margin-top: 12px; } }
    .inv-decisions .page-options p a.button.primary,
    .inv-decisions .page-options p button.primary {
      width: 100%; }
      @media (min-width: 600px) {
        .inv-decisions .page-options p a.button.primary,
        .inv-decisions .page-options p button.primary {
          width: auto; } }
    .inv-decisions .page-options p a.button.secondary,
    .inv-decisions .page-options p button.secondary {
      float: left; }
      .inv-decisions .page-options p a.button.secondary#change_tra,
      .inv-decisions .page-options p button.secondary#change_tra {
        float: none;
        width: 100%; }
      @media (min-width: 600px) {
        .inv-decisions .page-options p a.button.secondary,
        .inv-decisions .page-options p button.secondary {
          float: none; }
          .inv-decisions .page-options p a.button.secondary#change_tra,
          .inv-decisions .page-options p button.secondary#change_tra {
            width: auto;
            margin-left: 0; } }
.inv-decisions .contribution-box .page-options p button.change {
  width: 100%; }
  @media (min-width: 600px) {
    .inv-decisions .contribution-box .page-options p button.change {
      width: auto; } }
.inv-decisions #lifestyleRiskContainer,
.inv-decisions #lifestyleOutcomeContainer,
.inv-decisions #lifestyleTermContainer {
  clear: left;
  border: solid 1px #a8a8a8;
  border-width: 1px 1px 0px 1px;
  padding: 24px 24px; }
  .inv-decisions #lifestyleRiskContainer .restricted,
  .inv-decisions #lifestyleOutcomeContainer .restricted,
  .inv-decisions #lifestyleTermContainer .restricted {
    position: relative;
    top: -4px; }
    @media (min-width: 600px) {
      .inv-decisions #lifestyleRiskContainer .restricted,
      .inv-decisions #lifestyleOutcomeContainer .restricted,
      .inv-decisions #lifestyleTermContainer .restricted {
        float: right;
        top: -36px; } }
  .inv-decisions #lifestyleRiskContainer label,
  .inv-decisions #lifestyleOutcomeContainer label,
  .inv-decisions #lifestyleTermContainer label {
    float: left;
    clear: left;
    font-size: 1.05rem;
    line-height: 1.2;
    display: inline-block;
    width: auto; }
    @media (min-width: 600px) {
      .inv-decisions #lifestyleRiskContainer label strong,
      .inv-decisions #lifestyleOutcomeContainer label strong,
      .inv-decisions #lifestyleTermContainer label strong {
        display: inline-block;
        width: 40%;
        min-width: 300px;
        margin-right: 12px; } }
    .inv-decisions #lifestyleRiskContainer label.lifestyle_option_label,
    .inv-decisions #lifestyleOutcomeContainer label.lifestyle_option_label,
    .inv-decisions #lifestyleTermContainer label.lifestyle_option_label {
      padding: 12px;
      font-size: 0.85rem; }
      .inv-decisions #lifestyleRiskContainer label.lifestyle_option_label.selected,
      .inv-decisions #lifestyleOutcomeContainer label.lifestyle_option_label.selected,
      .inv-decisions #lifestyleTermContainer label.lifestyle_option_label.selected {
        background-color: white; }
    .inv-decisions #lifestyleRiskContainer label.disabled,
    .inv-decisions #lifestyleOutcomeContainer label.disabled,
    .inv-decisions #lifestyleTermContainer label.disabled {
      color: #dddddd;
      cursor: not-allowed; }
.inv-decisions #lifestyleOptions div:last-of-type {
  border-width: 1px 1px 1px 1px;
  margin-bottom: 12px; }

.parent-opener:before {
  padding-right: 6px; }

ul.radio-set {
  list-style: none;
  margin: 0; }
  ul.radio-set li {
    padding: 0;
    margin: 0; }
    ul.radio-set li label {
      font-size: 0.9rem !important;
      color: #767676;
      margin: 0;
      padding: 12px;
      cursor: pointer; }
      ul.radio-set li label.matched {
        background: transparent; }
      ul.radio-set li label.checked {
        background-color: #f2f2f2; }
      ul.radio-set li label.selected {
        background-color: #f2f2f2; }
      ul.radio-set li label.focus {
        background-color: #f2f2f2; }
      ul.radio-set li label input {
        display: inline; }
    ul.radio-set li.disabled label {
      color: #aaaaaa;
      cursor: not-allowed; }
  ul.radio-set .contribution-option-panel {
    padding-right: 0;
    padding-left: 0; }
    @media (min-width: 769px) {
      ul.radio-set .contribution-option-panel {
        padding-right: 12px;
        padding-left: 12px; } }
    ul.radio-set .contribution-option-panel label {
      padding-right: 0;
      padding-left: 0; }

dl .page-options {
  margin: 0; }
  dl .page-options p button {
    margin-bottom: 0; }
  dl .page-options p button.secondary {
    float: none; }

.newinvd01 dd ul {
  margin: 0 !important;
  list-style-type: none; }
.newinvd01 dd:last-of-type {
  margin-bottom: 0 !important; }
.newinvd01 .top-text {
  margin-bottom: 18px; }
.newinvd01 .select-all,
.newinvd01 .show-grouped {
  width: 100%;
  margin: 0 0 0 0; }
  @media (min-width: 600px) {
    .newinvd01 .select-all,
    .newinvd01 .show-grouped {
      display: inline-block;
      width: 49%;
      vertical-align: top; } }
  .newinvd01 .select-all label,
  .newinvd01 .show-grouped label {
    display: block;
    float: left;
    width: 100%; }
    .newinvd01 .select-all label input,
    .newinvd01 .show-grouped label input {
      display: inline-block;
      float: left;
      border-color: transparent;
      top: 2px;
      margin-left: 4px; }
    .newinvd01 .select-all label strong,
    .newinvd01 .show-grouped label strong {
      display: inline-block;
      float: left;
      width: 90%; }
.newinvd01 #btnChangeStrategy2 {
  margin-bottom: 24px; }
.newinvd01 .tra-panel button {
  float: none !important; }
.newinvd01 .tra-panel header h2 a:before {
  font-size: inherit; }
.newinvd01 .tra-panel p strong {
  display: inline-block;
  width: 48%;
  margin-right: 2%; }
  @media (min-width: 600px) {
    .newinvd01 .tra-panel p strong {
      width: 33%; } }
.newinvd01 .ui-dialog .ui-dialog-buttonpane button.primary {
  color: #fff;
  background: #009ed1;
  border: solid 1px #009ed1; }
  .newinvd01 .ui-dialog .ui-dialog-buttonpane button.primary:hover {
    color: #fff;
    background: #00779e;
    border: solid 1px #007094; }
  .newinvd01 .ui-dialog .ui-dialog-buttonpane button.primary:active {
    color: #fff;
    background: #00779e;
    border: solid 1px #007094; }
  .newinvd01 .ui-dialog .ui-dialog-buttonpane button.primary:focus {
    color: #fff;
    background: #00779e;
    border: solid 1px #007094; }
.newinvd01 .move-selected-contributions button {
  float: none; }

.newinvd03 label {
  padding: 6px;
  font-size: 0.9rem; }
  .newinvd03 label.focus {
    background: #f2f2f2; }
  .newinvd03 label input[type=checkbox] {
    position: relative;
    top: 2px; }
.newinvd03 .current fieldset table {
  margin-bottom: 12px; }

.newinvd04 em.capText {
  white-space: normal; }

.newinvd05 #fundsModal .modal-head .messages,
.newinvd06 #fundsModal .modal-head .messages {
  width: 95%; }
.newinvd05 #fundsModal .modal-head h3,
.newinvd06 #fundsModal .modal-head h3 {
  float: left; }
  @media (min-width: 600px) {
    .newinvd05 #fundsModal .modal-head h3,
    .newinvd06 #fundsModal .modal-head h3 {
      float: none; } }
.newinvd05 #fundsModal .modal-head button,
.newinvd06 #fundsModal .modal-head button {
  float: right;
  display: inline-block; }
  @media (min-width: 600px) {
    .newinvd05 #fundsModal .modal-head button,
    .newinvd06 #fundsModal .modal-head button {
      display: none; } }
.newinvd05 #fundsModal .modal-body h4,
.newinvd06 #fundsModal .modal-body h4 {
  margin-bottom: 0; }
.newinvd05 #fundsModal .modal-body #fundListContainer,
.newinvd06 #fundsModal .modal-body #fundListContainer {
  margin: 0 9px 15px 0;
  -webkit-overflow-scrolling: touch; }
  .newinvd05 #fundsModal .modal-body #fundListContainer dl,
  .newinvd06 #fundsModal .modal-body #fundListContainer dl {
    padding: 0 9px 0 0;
    margin: 15px 9px 15px 0;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 50%;
    min-height: 100px;
    max-height: 200px;
    position: relative; }
    @media (min-width: 600px) {
      .newinvd05 #fundsModal .modal-body #fundListContainer dl,
      .newinvd06 #fundsModal .modal-body #fundListContainer dl {
        height: 300px;
        padding: 0 9px 15px 0; } }
    .newinvd05 #fundsModal .modal-body #fundListContainer dl dt,
    .newinvd06 #fundsModal .modal-body #fundListContainer dl dt {
      padding: 9px 0 3px 0;
      margin: 0 0 0 0;
      position: relative;
      font-weight: 600;
      top: 0;
      display: block;
      clear: both; }
    .newinvd05 #fundsModal .modal-body #fundListContainer dl dd,
    .newinvd06 #fundsModal .modal-body #fundListContainer dl dd {
      padding: 0;
      margin: 0;
      border-top: solid 1px #dedede;
      display: block;
      clear: both;
      white-space: nowrap; }
      .newinvd05 #fundsModal .modal-body #fundListContainer dl dd input[type=checkbox],
      .newinvd06 #fundsModal .modal-body #fundListContainer dl dd input[type=checkbox] {
        margin: 8px 0 0 0;
        float: left;
        display: block;
        width: 10%;
        position: relative;
        z-index: 3; }
      .newinvd05 #fundsModal .modal-body #fundListContainer dl dd label,
      .newinvd06 #fundsModal .modal-body #fundListContainer dl dd label {
        font-size: 12px;
        white-space: normal;
        width: 85%;
        display: block;
        border: none;
        cursor: pointer;
        min-height: 25px;
        padding: 6px 0 0 0; }
        .newinvd05 #fundsModal .modal-body #fundListContainer dl dd label span,
        .newinvd06 #fundsModal .modal-body #fundListContainer dl dd label span {
          display: block;
          float: left;
          width: 90%;
          margin-bottom: 6px; }
    .newinvd05 #fundsModal .modal-body #fundListContainer dl dd:after,
    .newinvd06 #fundsModal .modal-body #fundListContainer dl dd:after {
      clear: both; }
    .newinvd05 #fundsModal .modal-body #fundListContainer dl dd.focus,
    .newinvd06 #fundsModal .modal-body #fundListContainer dl dd.focus {
      background: #f2f2f2; }
.newinvd05 #fundsModal .modal-foot,
.newinvd06 #fundsModal .modal-foot {
  text-align: right;
  display: none; }
  @media (min-width: 600px) {
    .newinvd05 #fundsModal .modal-foot,
    .newinvd06 #fundsModal .modal-foot {
      display: block; } }
  .newinvd05 #fundsModal .modal-foot button,
  .newinvd06 #fundsModal .modal-foot button {
    font-size: 15px;
    line-height: 1.1;
    min-width: 80px;
    min-height: 24px;
    padding: 6px 15px; }

.newinvd07 .ui-datepicker-calendar,
.newinvd10 .ui-datepicker-calendar,
.newinvd12 .ui-datepicker-calendar {
  display: none !important; }
.newinvd07 .ui-datepicker table,
.newinvd10 .ui-datepicker table,
.newinvd12 .ui-datepicker table {
  display: none; }
.newinvd07 .ui-datepicker-current,
.newinvd10 .ui-datepicker-current,
.newinvd12 .ui-datepicker-current {
  display: none; }
.newinvd07 .tra-undo,
.newinvd10 .tra-undo,
.newinvd12 .tra-undo {
  clear: both; }
.newinvd07 #change_by_age,
.newinvd10 #change_by_age,
.newinvd12 #change_by_age {
  margin-top: 24px;
  margin-bottom: 12px; }
.newinvd07 #change_by_date,
.newinvd10 #change_by_date,
.newinvd12 #change_by_date {
  margin-top: 24px;
  margin-bottom: 24px; }
.newinvd07 .tra-title-when,
.newinvd10 .tra-title-when,
.newinvd12 .tra-title-when {
  float: left;
  display: block;
  width: 20%;
  position: relative;
  top: 3px;
  font-size: 1.1rem; }
.newinvd07 .tra-title-how-old,
.newinvd10 .tra-title-how-old,
.newinvd12 .tra-title-how-old {
  float: left;
  display: block;
  width: 20%;
  font-size: 1.1rem; }
.newinvd07 input#traDateDay,
.newinvd10 input#traDateDay,
.newinvd12 input#traDateDay {
  width: 20px;
  font-size: 1.1rem; }
.newinvd07 input#traDateDisplay,
.newinvd10 input#traDateDisplay,
.newinvd12 input#traDateDisplay {
  font-size: 1.1rem; }
.newinvd07 .tra-years,
.newinvd07 .tra-months,
.newinvd10 .tra-years,
.newinvd10 .tra-months,
.newinvd12 .tra-years,
.newinvd12 .tra-months {
  float: left;
  display: block;
  width: 30%;
  white-space: nowrap; }
  .newinvd07 .tra-years label,
  .newinvd07 .tra-months label,
  .newinvd10 .tra-years label,
  .newinvd10 .tra-months label,
  .newinvd12 .tra-years label,
  .newinvd12 .tra-months label {
    font-size: 1.1rem;
    padding: 3px; }
    .newinvd07 .tra-years label.focus,
    .newinvd07 .tra-months label.focus,
    .newinvd10 .tra-years label.focus,
    .newinvd10 .tra-months label.focus,
    .newinvd12 .tra-years label.focus,
    .newinvd12 .tra-months label.focus {
      background: #f2f2f2; }
    .newinvd07 .tra-years label select,
    .newinvd07 .tra-months label select,
    .newinvd10 .tra-years label select,
    .newinvd10 .tra-months label select,
    .newinvd12 .tra-years label select,
    .newinvd12 .tra-months label select {
      font-size: 1.1rem; }
.newinvd07 .current-term-container,
.newinvd10 .current-term-container,
.newinvd12 .current-term-container {
  margin-top: 18px;
  margin-bottom: 12px; }
.newinvd07 .restricted-term-container,
.newinvd10 .restricted-term-container,
.newinvd12 .restricted-term-container {
  margin-bottom: 12px; }

.newinvd05 table.columns-3 th,
.newinvd05 table.columns-3 td,
.newinvd08 table.columns-3 th,
.newinvd08 table.columns-3 td {
  width: auto; }
  @media (min-width: 600px) {
    .newinvd05 table.columns-3 th.col1,
    .newinvd05 table.columns-3 td.col1,
    .newinvd08 table.columns-3 th.col1,
    .newinvd08 table.columns-3 td.col1 {
      width: 50%; } }
.newinvd05 table.contributions th.col1,
.newinvd05 table.contributions td.col1,
.newinvd08 table.contributions th.col1,
.newinvd08 table.contributions td.col1 {
  width: auto; }
  @media (min-width: 600px) {
    .newinvd05 table.contributions th.col1,
    .newinvd05 table.contributions td.col1,
    .newinvd08 table.contributions th.col1,
    .newinvd08 table.contributions td.col1 {
      width: 50%; } }
.newinvd05 table.future th.col1,
.newinvd05 table.future td.col1,
.newinvd08 table.future th.col1,
.newinvd08 table.future td.col1 {
  width: auto; }
  @media (min-width: 600px) {
    .newinvd05 table.future th.col1,
    .newinvd05 table.future td.col1,
    .newinvd08 table.future th.col1,
    .newinvd08 table.future td.col1 {
      width: 50%; } }

.newinvd10 {
  /* Grid */ }
  .newinvd10 .reset-button-container {
    text-align: right;
    display: block;
    min-height: 30px; }
    .newinvd10 .reset-button-container #reset_lifestyle_options {
      margin-bottom: 6px; }
    .newinvd10 .reset-button-container p {
      clear: both;
      margin-top: 12px;
      margin-bottom: 0px; }
    .newinvd10 .reset-button-container #tra_reset_note {
      font-size: 0.8rem; }
  .newinvd10 .lifestyle-options-heading {
    margin-top: 48px; }
  .newinvd10 .compare_error {
    clear: both; }
  .newinvd10 select.error {
    margin-bottom: 12px; }
  .newinvd10 table.lifestyle-options-table tr,
  .newinvd10 table.lifestyle-options-table tr:hover {
    background-color: transparent; }
    .newinvd10 table.lifestyle-options-table tr th, .newinvd10 table.lifestyle-options-table tr td,
    .newinvd10 table.lifestyle-options-table tr:hover th,
    .newinvd10 table.lifestyle-options-table tr:hover td {
      background-color: transparent !important;
      width: auto;
      display: table-cell; }
      .newinvd10 table.lifestyle-options-table tr th.hidden-cell, .newinvd10 table.lifestyle-options-table tr td.hidden-cell,
      .newinvd10 table.lifestyle-options-table tr:hover th.hidden-cell,
      .newinvd10 table.lifestyle-options-table tr:hover td.hidden-cell {
        border-width: 0 0 0 0; }
  .newinvd10 table.lifestyle-options-table thead {
    display: table-header-group; }
    @media (max-width: 600px) {
      .newinvd10 table.lifestyle-options-table thead {
        display: none; } }
    .newinvd10 table.lifestyle-options-table thead th {
      text-align: center; }
      .newinvd10 table.lifestyle-options-table thead th.lifestyle-x-heading {
        font-size: 1.1rem; }
        @media (max-width: 600px) {
          .newinvd10 table.lifestyle-options-table thead th.lifestyle-x-heading {
            width: 40%;
            font-size: 1.0rem; } }
      .newinvd10 table.lifestyle-options-table thead th.lifestyle-y-heading {
        text-align: left;
        border-top-width: 0px;
        border-right-width: 1px;
        font-size: 1.1rem; }
        @media (max-width: 600px) {
          .newinvd10 table.lifestyle-options-table thead th.lifestyle-y-heading {
            width: 25%;
            font-size: 1.0rem; } }
      .newinvd10 table.lifestyle-options-table thead th.lifestyle-y-sub-heading {
        border-right-width: 1px;
        width: 20%;
        font-size: 1.0rem; }
        @media (max-width: 600px) {
          .newinvd10 table.lifestyle-options-table thead th.lifestyle-y-sub-heading {
            font-size: 0.9rem; } }
      .newinvd10 table.lifestyle-options-table thead th.col_1 {
        background-color: #ffa1a1 !important; }
      .newinvd10 table.lifestyle-options-table thead th.col_2 {
        background-color: #ffdeb6 !important; }
      .newinvd10 table.lifestyle-options-table thead th.col_3 {
        background-color: #c7deb6 !important; }
  .newinvd10 table.lifestyle-options-table tbody th.lifestyle-x-sub-heading {
    font-size: 1.0rem; }
    @media (max-width: 600px) {
      .newinvd10 table.lifestyle-options-table tbody th.lifestyle-x-sub-heading {
        display: none; } }
  .newinvd10 table.lifestyle-options-table tbody td {
    text-align: center;
    padding: 0 0 0 0; }
    .newinvd10 table.lifestyle-options-table tbody td.option {
      width: 20%; }
    .newinvd10 table.lifestyle-options-table tbody td label.lifestyle_radio_label {
      border: none;
      display: block;
      border-radius: 0px;
      padding: 24px 18px 18px 18px;
      margin: 0px 0px;
      line-height: 1.5em; }
      @media (max-width: 600px) {
        .newinvd10 table.lifestyle-options-table tbody td label.lifestyle_radio_label {
          padding: 12px 18px 0px 18px;
          line-height: 1.0em; } }
      @media (max-width: 600px) {
        .newinvd10 table.lifestyle-options-table tbody td label.lifestyle_radio_label input[type=radio] {
          visibility: hidden; } }
      .newinvd10 table.lifestyle-options-table tbody td label.lifestyle_radio_label span.label-text {
        display: block;
        width: 100%;
        text-align: center;
        line-height: 1.5;
        vertical-align: top;
        white-space: pre-wrap; }
        @media (max-width: 600px) {
          .newinvd10 table.lifestyle-options-table tbody td label.lifestyle_radio_label span.label-text {
            word-spacing: 99999999px; } }
    .newinvd10 table.lifestyle-options-table tbody td.col_1 {
      background-color: #ffd4d4 !important; }
      .newinvd10 table.lifestyle-options-table tbody td.col_1:hover, .newinvd10 table.lifestyle-options-table tbody td.col_1:focus {
        background: #f57979; }
      .newinvd10 table.lifestyle-options-table tbody td.col_1 label:hover, .newinvd10 table.lifestyle-options-table tbody td.col_1 label:focus, .newinvd10 table.lifestyle-options-table tbody td.col_1 label.focus, .newinvd10 table.lifestyle-options-table tbody td.col_1 label.checked {
        background: #f57979; }
    .newinvd10 table.lifestyle-options-table tbody td.col_2 {
      background-color: #fff5e9 !important; }
      .newinvd10 table.lifestyle-options-table tbody td.col_2:hover, .newinvd10 table.lifestyle-options-table tbody td.col_2:focus {
        background: #ffaa22; }
      .newinvd10 table.lifestyle-options-table tbody td.col_2 label:hover, .newinvd10 table.lifestyle-options-table tbody td.col_2 label:focus, .newinvd10 table.lifestyle-options-table tbody td.col_2 label.focus {
        background: #ffaa22; }
      .newinvd10 table.lifestyle-options-table tbody td.col_2 label.checked {
        background: #ffaa22; }
    .newinvd10 table.lifestyle-options-table tbody td.col_3 {
      background-color: #e2eed9 !important; }
      .newinvd10 table.lifestyle-options-table tbody td.col_3:hover, .newinvd10 table.lifestyle-options-table tbody td.col_3:focus {
        background: #acce93; }
      .newinvd10 table.lifestyle-options-table tbody td.col_3 label:hover, .newinvd10 table.lifestyle-options-table tbody td.col_3 label:focus, .newinvd10 table.lifestyle-options-table tbody td.col_3 label.focus {
        background: #acce93; }
      .newinvd10 table.lifestyle-options-table tbody td.col_3 label.checked {
        background: #acce93; }
    .newinvd10 table.lifestyle-options-table tbody td.disabled {
      background-color: transparent !important;
      cursor: not-allowed; }
    .newinvd10 table.lifestyle-options-table tbody td.last {
      border-right-width: 0px; }
    .newinvd10 table.lifestyle-options-table tbody td:last-of-type {
      border-bottom: solid 1px #a8a8a8; }

.newinvd11 .range-value {
  width: 20%; }

.newinvd13 p.fund-name {
  margin-top: 6px; }

/*
Cont Decisions
*/
.cont-decisions h1.hide {
  display: inline-block; }
.cont-decisions .messages {
  max-width: 100%; }
.cont-decisions .panel .help-panel,
.cont-decisions .panel form {
  clear: both; }
.cont-decisions .panel .panel-body {
  clear: both; }
.cont-decisions .accordion {
  margin: 0 0 21px 0; }
  .cont-decisions .accordion .opener {
    border: solid 1px #a8a8a8;
    cursor: pointer;
    display: block;
    font-weight: 600;
    font-size: 1.125rem;
    padding: 5px 9px;
    min-height: 24px;
    text-decoration: none;
    margin-bottom: 12px; }
    .cont-decisions .accordion .opener:before {
      padding-right: 3px; }
    .cont-decisions .accordion .opener .open-accordion {
      margin-bottom: 27px; }
  @media (min-width: 600px) {
    .cont-decisions .accordion {
      margin-bottom: 21px; } }
.cont-decisions .page-options {
  min-height: 0; }
  .cont-decisions .page-options p.contribution-edited-text {
    text-align: left;
    margin-bottom: 15px; }
  .cont-decisions .page-options p button {
    width: 48%;
    margin-left: 0;
    margin-bottom: 21px; }
    @media (min-width: 600px) {
      .cont-decisions .page-options p button {
        width: auto;
        margin-left: 10px;
        margin-bottom: 0; } }
    .cont-decisions .page-options p button.primary {
      width: 100%; }
      @media (min-width: 600px) {
        .cont-decisions .page-options p button.primary {
          width: auto; } }
    .cont-decisions .page-options p button.secondary {
      float: left; }
      .cont-decisions .page-options p button.secondary#change_tra {
        float: none;
        width: 100%; }
      @media (min-width: 600px) {
        .cont-decisions .page-options p button.secondary {
          float: none; }
          .cont-decisions .page-options p button.secondary#change_tra {
            float: left;
            width: auto;
            margin-left: 0; } }

.cd01 .messages .page-options {
  min-height: 20px; }
.cd01 #mandatoryPanel .panel-body {
  border-bottom: solid 1px #a8a8a8;
  padding: 15px 0; }
  .cd01 #mandatoryPanel .panel-body:last-of-type {
    border-bottom: none; }
.cd01 #optionalPanel .panel-body {
  border-bottom: solid 1px #a8a8a8;
  padding: 15px 0; }
.cd01 .panel-body dd.locked,
.cd01 .panel-body dd.locked * {
  color: #aaaaaa; }
.cd01 .need_fund_choice_text {
  margin-bottom: 12px;
  text-align: left; }
.cd01 dl {
  margin-bottom: 0; }
  .cd01 dl dt {
    color: inherit;
    margin-bottom: 12px;
    font-size: 21.012px !important;
    font-size: 1.236rem !important; }

.cd02 .source-slider-value,
.cd02 .matched-slider-value {
  width: 20%;
  max-width: 100%;
  position: relative;
  left: 12px;
  float: right;
  margin-top: 18px;
  top: -36px; }
.cd02 ul#contribution_option_list {
  border-radius: 12px 12px 12px 12px;
  border: solid 1px #e6e6e6;
  border-bottom-width: 0; }
  .cd02 ul#contribution_option_list li {
    border-bottom: solid 1px #e6e6e6;
    padding: 12px;
    margin: 0; }
    .cd02 ul#contribution_option_list li label {
      font-size: 18.003px !important;
      font-size: 1.059rem !important; }
      .cd02 ul#contribution_option_list li label.source {
        display: inline-block;
        margin-top: 18px; }
      .cd02 ul#contribution_option_list li label.matched {
        display: inline-block; }
    .cd02 ul#contribution_option_list li:last-of-type {
      border-radius: 0 0 12px 12px; }
    .cd02 ul#contribution_option_list li span.block {
      display: block;
      margin-top: 12px; }
.cd02 .contribution-option-matched {
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-right: 0;
  padding-left: 0; }
  @media (min-width: 769px) {
    .cd02 .contribution-option-matched {
      padding-right: 12px;
      padding-left: 12px; } }
  .cd02 .contribution-option-matched span.input {
    display: block;
    margin-bottom: 6px; }
  .cd02 .contribution-option-matched input[type=range] {
    float: left;
    width: 70%;
    padding-left: 0;
    padding-right: 0; }
  .cd02 .contribution-option-matched .range-range.ticker {
    clear: both;
    top: 0;
    left: 1%;
    margin-top: 0;
    display: block;
    width: 70%; }
  .cd02 .contribution-option-matched input[type=text] {
    width: 20%;
    max-width: 100%;
    position: relative;
    left: 12px;
    float: right;
    margin-top: 18px; }
    .cd02 .contribution-option-matched input[type=text].ui-slider-input {
      left: 6px;
      margin-top: 18px; }
  .cd02 .contribution-option-matched input[type=number] {
    width: 20%;
    margin-left: 5%;
    margin-right: 0;
    margin-top: 6px; }
.cd02 .contribution-option-panel h5 {
  margin-top: 24px;
  margin-bottom: 6px; }
.cd02 .contribution-option-panel p {
  margin-top: 18px;
  margin-bottom: 6px; }
.cd02 .contribution-option-panel span.input {
  display: block;
  margin-bottom: 6px; }
.cd02 .contribution-option-panel input[type=range] {
  width: 72%;
  float: left;
  padding-left: 0;
  padding-right: 0; }
.cd02 .contribution-option-panel .range-range.ticker {
  clear: both;
  top: 0;
  left: 1%;
  margin-top: 0;
  display: block;
  width: 70%; }
.cd02 .contribution-option-panel input[type=number] {
  width: 20%;
  margin-left: 5%;
  margin-right: 0;
  margin-top: 6px; }
.cd02 .contribution-option-panel input[type=text] {
  width: 20%;
  max-width: 100%;
  position: relative;
  left: 12px;
  float: right;
  margin-top: 18px; }
.cd02 .contribution-option-panel#PPanel input[type=text] {
  width: 20%;
  max-width: 100%;
  position: relative;
  left: 0;
  float: none;
  margin-top: 0; }
  .cd02 .contribution-option-panel#PPanel input[type=text].source-range-value {
    left: 0;
    float: right; }
  .cd02 .contribution-option-panel#PPanel input[type=text].source-slider-value {
    left: 0;
    float: right; }
  .cd02 .contribution-option-panel#PPanel input[type=text].range.ui-slider-input {
    left: 0;
    float: right; }
  .cd02 .contribution-option-panel#PPanel input[type=text].ui-slider-input {
    left: 0;
    float: right; }
.cd02 .contribution-option-panel#TPanel input[type=text] {
  width: 20%;
  max-width: 100%;
  position: relative;
  left: 0;
  float: none;
  margin-top: 0; }
  .cd02 .contribution-option-panel#TPanel input[type=text].source-range-value {
    left: 0;
    float: right;
    margin-top: 27px; }
  .cd02 .contribution-option-panel#TPanel input[type=text].source-slider-value {
    left: 0;
    float: right;
    margin-top: 21px; }
.cd02 .contribution-option-panel#APanel input[type=text] {
  width: 20%;
  max-width: 100%;
  position: relative;
  left: 0;
  float: none;
  margin-top: 0; }
  .cd02 .contribution-option-panel#APanel input[type=text].source-range-value {
    left: 0;
    float: right;
    margin-top: 27px; }
.cd02 .contribution-option-panel#FPanel {
  margin-top: 36px;
  margin-bottom: 9px; }
.cd02 .step-amount {
  display: block;
  clear: both;
  margin-bottom: 6px; }
.cd02 small.range {
  display: none;
  float: right;
  position: relative;
  top: -12px;
  left: -12px; }
  @media (min-width: 600px) {
    .cd02 small.range {
      display: block;
      float: none;
      text-align: right;
      top: -36px; } }
.cd02 #FPanel {
  padding-top: 15px; }

.cd03 .panel h3 {
  margin-top: 30px; }
.cd03 .inner-panel h3:nth-child(1) {
  margin-top: -18px; }

/* common to all */
.newinvd01 .tooltip, .newinvd02 .tooltip, .newinvd03 .tooltip, .newinvd04 .tooltip,
.newinvd05 .tooltip, .newinvd06 .tooltip, .newinvd07 .tooltip, .newinvd08 .tooltip,
.newinvd09 .tooltip, .newinvd10 .tooltip, .newinvd11 .tooltip, .newinvd12 .tooltip,
.newinvd13 .tooltip, .cd01 .tooltip, .cd02 .tooltip, .cd03 .tooltip, .cd04 .tooltip, .cd05 .tooltip {
  font-size: 9px;
  font-size: 0.9rem;
  line-height: 9px;
  position: relative;
  top: 2px; }
.newinvd01 .page-options,
.newinvd01 .page-options p, .newinvd02 .page-options,
.newinvd02 .page-options p, .newinvd03 .page-options,
.newinvd03 .page-options p, .newinvd04 .page-options,
.newinvd04 .page-options p,
.newinvd05 .page-options,
.newinvd05 .page-options p, .newinvd06 .page-options,
.newinvd06 .page-options p, .newinvd07 .page-options,
.newinvd07 .page-options p, .newinvd08 .page-options,
.newinvd08 .page-options p,
.newinvd09 .page-options,
.newinvd09 .page-options p, .newinvd10 .page-options,
.newinvd10 .page-options p, .newinvd11 .page-options,
.newinvd11 .page-options p, .newinvd12 .page-options,
.newinvd12 .page-options p,
.newinvd13 .page-options,
.newinvd13 .page-options p, .cd01 .page-options,
.cd01 .page-options p, .cd02 .page-options,
.cd02 .page-options p, .cd03 .page-options,
.cd03 .page-options p, .cd04 .page-options,
.cd04 .page-options p, .cd05 .page-options,
.cd05 .page-options p {
  overflow: visible; }
.newinvd01 button,
.newinvd01 a,
.newinvd01 .footer-container footer li a,
.newinvd01 .opener,
.newinvd01 .tooltip,
.newinvd01 .icon-page-help,
.newinvd01 input,
.newinvd01 select,
.newinvd01 textarea, .newinvd02 button,
.newinvd02 a,
.newinvd02 .footer-container footer li a,
.newinvd02 .opener,
.newinvd02 .tooltip,
.newinvd02 .icon-page-help,
.newinvd02 input,
.newinvd02 select,
.newinvd02 textarea, .newinvd03 button,
.newinvd03 a,
.newinvd03 .footer-container footer li a,
.newinvd03 .opener,
.newinvd03 .tooltip,
.newinvd03 .icon-page-help,
.newinvd03 input,
.newinvd03 select,
.newinvd03 textarea, .newinvd04 button,
.newinvd04 a,
.newinvd04 .footer-container footer li a,
.newinvd04 .opener,
.newinvd04 .tooltip,
.newinvd04 .icon-page-help,
.newinvd04 input,
.newinvd04 select,
.newinvd04 textarea,
.newinvd05 button,
.newinvd05 a,
.newinvd05 .footer-container footer li a,
.newinvd05 .opener,
.newinvd05 .tooltip,
.newinvd05 .icon-page-help,
.newinvd05 input,
.newinvd05 select,
.newinvd05 textarea, .newinvd06 button,
.newinvd06 a,
.newinvd06 .footer-container footer li a,
.newinvd06 .opener,
.newinvd06 .tooltip,
.newinvd06 .icon-page-help,
.newinvd06 input,
.newinvd06 select,
.newinvd06 textarea, .newinvd07 button,
.newinvd07 a,
.newinvd07 .footer-container footer li a,
.newinvd07 .opener,
.newinvd07 .tooltip,
.newinvd07 .icon-page-help,
.newinvd07 input,
.newinvd07 select,
.newinvd07 textarea, .newinvd08 button,
.newinvd08 a,
.newinvd08 .footer-container footer li a,
.newinvd08 .opener,
.newinvd08 .tooltip,
.newinvd08 .icon-page-help,
.newinvd08 input,
.newinvd08 select,
.newinvd08 textarea,
.newinvd09 button,
.newinvd09 a,
.newinvd09 .footer-container footer li a,
.newinvd09 .opener,
.newinvd09 .tooltip,
.newinvd09 .icon-page-help,
.newinvd09 input,
.newinvd09 select,
.newinvd09 textarea, .newinvd10 button,
.newinvd10 a,
.newinvd10 .footer-container footer li a,
.newinvd10 .opener,
.newinvd10 .tooltip,
.newinvd10 .icon-page-help,
.newinvd10 input,
.newinvd10 select,
.newinvd10 textarea, .newinvd11 button,
.newinvd11 a,
.newinvd11 .footer-container footer li a,
.newinvd11 .opener,
.newinvd11 .tooltip,
.newinvd11 .icon-page-help,
.newinvd11 input,
.newinvd11 select,
.newinvd11 textarea, .newinvd12 button,
.newinvd12 a,
.newinvd12 .footer-container footer li a,
.newinvd12 .opener,
.newinvd12 .tooltip,
.newinvd12 .icon-page-help,
.newinvd12 input,
.newinvd12 select,
.newinvd12 textarea,
.newinvd13 button,
.newinvd13 a,
.newinvd13 .footer-container footer li a,
.newinvd13 .opener,
.newinvd13 .tooltip,
.newinvd13 .icon-page-help,
.newinvd13 input,
.newinvd13 select,
.newinvd13 textarea, .cd01 button,
.cd01 a,
.cd01 .footer-container footer li a,
.cd01 .opener,
.cd01 .tooltip,
.cd01 .icon-page-help,
.cd01 input,
.cd01 select,
.cd01 textarea, .cd02 button,
.cd02 a,
.cd02 .footer-container footer li a,
.cd02 .opener,
.cd02 .tooltip,
.cd02 .icon-page-help,
.cd02 input,
.cd02 select,
.cd02 textarea, .cd03 button,
.cd03 a,
.cd03 .footer-container footer li a,
.cd03 .opener,
.cd03 .tooltip,
.cd03 .icon-page-help,
.cd03 input,
.cd03 select,
.cd03 textarea, .cd04 button,
.cd04 a,
.cd04 .footer-container footer li a,
.cd04 .opener,
.cd04 .tooltip,
.cd04 .icon-page-help,
.cd04 input,
.cd04 select,
.cd04 textarea, .cd05 button,
.cd05 a,
.cd05 .footer-container footer li a,
.cd05 .opener,
.cd05 .tooltip,
.cd05 .icon-page-help,
.cd05 input,
.cd05 select,
.cd05 textarea {
  outline-offset: 0;
  -webkit-transition: outline-offset 0.05s;
  transition: outline-offset 0.05s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .newinvd01 button:focus,
  .newinvd01 a:focus,
  .newinvd01 .footer-container footer li a:focus,
  .newinvd01 .opener:focus,
  .newinvd01 .tooltip:focus,
  .newinvd01 .icon-page-help:focus,
  .newinvd01 input:focus,
  .newinvd01 select:focus,
  .newinvd01 textarea:focus, .newinvd02 button:focus,
  .newinvd02 a:focus,
  .newinvd02 .footer-container footer li a:focus,
  .newinvd02 .opener:focus,
  .newinvd02 .tooltip:focus,
  .newinvd02 .icon-page-help:focus,
  .newinvd02 input:focus,
  .newinvd02 select:focus,
  .newinvd02 textarea:focus, .newinvd03 button:focus,
  .newinvd03 a:focus,
  .newinvd03 .footer-container footer li a:focus,
  .newinvd03 .opener:focus,
  .newinvd03 .tooltip:focus,
  .newinvd03 .icon-page-help:focus,
  .newinvd03 input:focus,
  .newinvd03 select:focus,
  .newinvd03 textarea:focus, .newinvd04 button:focus,
  .newinvd04 a:focus,
  .newinvd04 .footer-container footer li a:focus,
  .newinvd04 .opener:focus,
  .newinvd04 .tooltip:focus,
  .newinvd04 .icon-page-help:focus,
  .newinvd04 input:focus,
  .newinvd04 select:focus,
  .newinvd04 textarea:focus,
  .newinvd05 button:focus,
  .newinvd05 a:focus,
  .newinvd05 .footer-container footer li a:focus,
  .newinvd05 .opener:focus,
  .newinvd05 .tooltip:focus,
  .newinvd05 .icon-page-help:focus,
  .newinvd05 input:focus,
  .newinvd05 select:focus,
  .newinvd05 textarea:focus, .newinvd06 button:focus,
  .newinvd06 a:focus,
  .newinvd06 .footer-container footer li a:focus,
  .newinvd06 .opener:focus,
  .newinvd06 .tooltip:focus,
  .newinvd06 .icon-page-help:focus,
  .newinvd06 input:focus,
  .newinvd06 select:focus,
  .newinvd06 textarea:focus, .newinvd07 button:focus,
  .newinvd07 a:focus,
  .newinvd07 .footer-container footer li a:focus,
  .newinvd07 .opener:focus,
  .newinvd07 .tooltip:focus,
  .newinvd07 .icon-page-help:focus,
  .newinvd07 input:focus,
  .newinvd07 select:focus,
  .newinvd07 textarea:focus, .newinvd08 button:focus,
  .newinvd08 a:focus,
  .newinvd08 .footer-container footer li a:focus,
  .newinvd08 .opener:focus,
  .newinvd08 .tooltip:focus,
  .newinvd08 .icon-page-help:focus,
  .newinvd08 input:focus,
  .newinvd08 select:focus,
  .newinvd08 textarea:focus,
  .newinvd09 button:focus,
  .newinvd09 a:focus,
  .newinvd09 .footer-container footer li a:focus,
  .newinvd09 .opener:focus,
  .newinvd09 .tooltip:focus,
  .newinvd09 .icon-page-help:focus,
  .newinvd09 input:focus,
  .newinvd09 select:focus,
  .newinvd09 textarea:focus, .newinvd10 button:focus,
  .newinvd10 a:focus,
  .newinvd10 .footer-container footer li a:focus,
  .newinvd10 .opener:focus,
  .newinvd10 .tooltip:focus,
  .newinvd10 .icon-page-help:focus,
  .newinvd10 input:focus,
  .newinvd10 select:focus,
  .newinvd10 textarea:focus, .newinvd11 button:focus,
  .newinvd11 a:focus,
  .newinvd11 .footer-container footer li a:focus,
  .newinvd11 .opener:focus,
  .newinvd11 .tooltip:focus,
  .newinvd11 .icon-page-help:focus,
  .newinvd11 input:focus,
  .newinvd11 select:focus,
  .newinvd11 textarea:focus, .newinvd12 button:focus,
  .newinvd12 a:focus,
  .newinvd12 .footer-container footer li a:focus,
  .newinvd12 .opener:focus,
  .newinvd12 .tooltip:focus,
  .newinvd12 .icon-page-help:focus,
  .newinvd12 input:focus,
  .newinvd12 select:focus,
  .newinvd12 textarea:focus,
  .newinvd13 button:focus,
  .newinvd13 a:focus,
  .newinvd13 .footer-container footer li a:focus,
  .newinvd13 .opener:focus,
  .newinvd13 .tooltip:focus,
  .newinvd13 .icon-page-help:focus,
  .newinvd13 input:focus,
  .newinvd13 select:focus,
  .newinvd13 textarea:focus, .cd01 button:focus,
  .cd01 a:focus,
  .cd01 .footer-container footer li a:focus,
  .cd01 .opener:focus,
  .cd01 .tooltip:focus,
  .cd01 .icon-page-help:focus,
  .cd01 input:focus,
  .cd01 select:focus,
  .cd01 textarea:focus, .cd02 button:focus,
  .cd02 a:focus,
  .cd02 .footer-container footer li a:focus,
  .cd02 .opener:focus,
  .cd02 .tooltip:focus,
  .cd02 .icon-page-help:focus,
  .cd02 input:focus,
  .cd02 select:focus,
  .cd02 textarea:focus, .cd03 button:focus,
  .cd03 a:focus,
  .cd03 .footer-container footer li a:focus,
  .cd03 .opener:focus,
  .cd03 .tooltip:focus,
  .cd03 .icon-page-help:focus,
  .cd03 input:focus,
  .cd03 select:focus,
  .cd03 textarea:focus, .cd04 button:focus,
  .cd04 a:focus,
  .cd04 .footer-container footer li a:focus,
  .cd04 .opener:focus,
  .cd04 .tooltip:focus,
  .cd04 .icon-page-help:focus,
  .cd04 input:focus,
  .cd04 select:focus,
  .cd04 textarea:focus, .cd05 button:focus,
  .cd05 a:focus,
  .cd05 .footer-container footer li a:focus,
  .cd05 .opener:focus,
  .cd05 .tooltip:focus,
  .cd05 .icon-page-help:focus,
  .cd05 input:focus,
  .cd05 select:focus,
  .cd05 textarea:focus {
    outline: dotted 1px #7f35b2;
    outline-offset: 1px; }
.newinvd01 .tooltip:focus,
.newinvd01 button:focus,
.newinvd01 input:focus,
.newinvd01 select:focus,
.newinvd01 textarea:focus, .newinvd02 .tooltip:focus,
.newinvd02 button:focus,
.newinvd02 input:focus,
.newinvd02 select:focus,
.newinvd02 textarea:focus, .newinvd03 .tooltip:focus,
.newinvd03 button:focus,
.newinvd03 input:focus,
.newinvd03 select:focus,
.newinvd03 textarea:focus, .newinvd04 .tooltip:focus,
.newinvd04 button:focus,
.newinvd04 input:focus,
.newinvd04 select:focus,
.newinvd04 textarea:focus,
.newinvd05 .tooltip:focus,
.newinvd05 button:focus,
.newinvd05 input:focus,
.newinvd05 select:focus,
.newinvd05 textarea:focus, .newinvd06 .tooltip:focus,
.newinvd06 button:focus,
.newinvd06 input:focus,
.newinvd06 select:focus,
.newinvd06 textarea:focus, .newinvd07 .tooltip:focus,
.newinvd07 button:focus,
.newinvd07 input:focus,
.newinvd07 select:focus,
.newinvd07 textarea:focus, .newinvd08 .tooltip:focus,
.newinvd08 button:focus,
.newinvd08 input:focus,
.newinvd08 select:focus,
.newinvd08 textarea:focus,
.newinvd09 .tooltip:focus,
.newinvd09 button:focus,
.newinvd09 input:focus,
.newinvd09 select:focus,
.newinvd09 textarea:focus, .newinvd10 .tooltip:focus,
.newinvd10 button:focus,
.newinvd10 input:focus,
.newinvd10 select:focus,
.newinvd10 textarea:focus, .newinvd11 .tooltip:focus,
.newinvd11 button:focus,
.newinvd11 input:focus,
.newinvd11 select:focus,
.newinvd11 textarea:focus, .newinvd12 .tooltip:focus,
.newinvd12 button:focus,
.newinvd12 input:focus,
.newinvd12 select:focus,
.newinvd12 textarea:focus,
.newinvd13 .tooltip:focus,
.newinvd13 button:focus,
.newinvd13 input:focus,
.newinvd13 select:focus,
.newinvd13 textarea:focus, .cd01 .tooltip:focus,
.cd01 button:focus,
.cd01 input:focus,
.cd01 select:focus,
.cd01 textarea:focus, .cd02 .tooltip:focus,
.cd02 button:focus,
.cd02 input:focus,
.cd02 select:focus,
.cd02 textarea:focus, .cd03 .tooltip:focus,
.cd03 button:focus,
.cd03 input:focus,
.cd03 select:focus,
.cd03 textarea:focus, .cd04 .tooltip:focus,
.cd04 button:focus,
.cd04 input:focus,
.cd04 select:focus,
.cd04 textarea:focus, .cd05 .tooltip:focus,
.cd05 button:focus,
.cd05 input:focus,
.cd05 select:focus,
.cd05 textarea:focus {
  outline-offset: 3px; }
.newinvd01 label:focus,
.newinvd01 button.ui-dialog-titlebar-close:focus, .newinvd02 label:focus,
.newinvd02 button.ui-dialog-titlebar-close:focus, .newinvd03 label:focus,
.newinvd03 button.ui-dialog-titlebar-close:focus, .newinvd04 label:focus,
.newinvd04 button.ui-dialog-titlebar-close:focus,
.newinvd05 label:focus,
.newinvd05 button.ui-dialog-titlebar-close:focus, .newinvd06 label:focus,
.newinvd06 button.ui-dialog-titlebar-close:focus, .newinvd07 label:focus,
.newinvd07 button.ui-dialog-titlebar-close:focus, .newinvd08 label:focus,
.newinvd08 button.ui-dialog-titlebar-close:focus,
.newinvd09 label:focus,
.newinvd09 button.ui-dialog-titlebar-close:focus, .newinvd10 label:focus,
.newinvd10 button.ui-dialog-titlebar-close:focus, .newinvd11 label:focus,
.newinvd11 button.ui-dialog-titlebar-close:focus, .newinvd12 label:focus,
.newinvd12 button.ui-dialog-titlebar-close:focus,
.newinvd13 label:focus,
.newinvd13 button.ui-dialog-titlebar-close:focus, .cd01 label:focus,
.cd01 button.ui-dialog-titlebar-close:focus, .cd02 label:focus,
.cd02 button.ui-dialog-titlebar-close:focus, .cd03 label:focus,
.cd03 button.ui-dialog-titlebar-close:focus, .cd04 label:focus,
.cd04 button.ui-dialog-titlebar-close:focus, .cd05 label:focus,
.cd05 button.ui-dialog-titlebar-close:focus {
  outline: 0;
  outline: none; }

/*
Income Drawdown styling
============================
*/
.idd {
  /*Layout of form list specific to IDD*/ }
  .idd .progress-bar {
    margin: 0;
    margin-bottom: 21px;
    width: 100%;
    display: inline-block;
    padding: 0;
    font-size: 0px; }
    @media (min-width: 600px) {
      .idd .progress-bar {
        display: table; } }
    .idd .progress-bar li {
      font-size: 17px;
      display: inline-block;
      width: 42%;
      min-height: 63px;
      background: #f5f5f5;
      border-radius: 0px;
      padding: 0px 2%;
      margin: 0 1.5% 9px 1.5%;
      vertical-align: middle;
      text-align: center; }
      @media (min-width: 600px) {
        .idd .progress-bar li {
          font-size: 15px;
          line-height: 21px;
          width: 21%;
          padding: 3px 2%;
          min-height: 42px;
          display: table-cell;
          border: 2px solid #fff;
          border-width: 0 2px; } }
    .idd .progress-bar li.active {
      color: #7f35b2;
      background: #fff; }
  .idd .accordion-opener {
    border: solid 1px #a8a8a8;
    padding: 11px 35px 11px 15px;
    margin: 0; }
    .idd .accordion-opener:hover {
      background: #e6e6e6;
      -webkit-transition: background 0.3s;
      -moz-transition: background 0.3s;
      -ms-transition: background 0.3s;
      -o-transition: background 0.3s;
      transition: background 0.3s; }
    .idd .accordion-opener span {
      font-size: 51px;
      line-height: 1;
      display: block; }
  .idd .accordion.open {
    border: solid 1px #a8a8a8;
    border-top-width: 0px;
    padding: 13px 15px; }
    .idd .accordion.open h2 {
      margin-bottom: 1em; }
    .idd .accordion.open h3 span {
      font-size: 51px;
      line-height: 1;
      display: block; }
  .idd .alt-layout {
    overflow: inherit;
    margin: 0; }
    .idd .alt-layout li {
      width: 100%;
      min-height: initial;
      height: auto;
      margin-bottom: 9px;
      float: none; }
      @media (min-width: 600px) {
        .idd .alt-layout li {
          width: 100%; } }
    .idd .alt-layout .labels {
      width: 100%;
      font-size: 17px;
      text-transform: none;
      display: inline-block;
      line-height: 18px;
      vertical-align: top; }
      @media (min-width: 600px) {
        .idd .alt-layout .labels {
          width: 50%;
          font-size: 15px;
          line-height: 18px; } }
      @media (min-width: 1200px) {
        .idd .alt-layout .labels {
          width: 33%; } }
    .idd .alt-layout .controls {
      margin: 0;
      width: 100%;
      min-height: 30px;
      display: inline-block;
      font-size: 17px;
      line-height: 21px;
      vertical-align: top;
      transition: min-height 0.3s; }
      @media (min-width: 600px) {
        .idd .alt-layout .controls {
          width: 48%;
          font-size: 15px;
          line-height: 21px; } }
      @media (min-width: 1200px) {
        .idd .alt-layout .controls {
          width: 40%; } }
    .idd .alt-layout input,
    .idd .alt-layout select,
    .idd .alt-layout textarea {
      width: 94%;
      padding: 3px 2%;
      margin: 0; }
      @media (min-width: 600px) {
        .idd .alt-layout input,
        .idd .alt-layout select,
        .idd .alt-layout textarea {
          width: 95%; } }
    .idd .alt-layout input {
      padding: 4px 2%; }
    .idd .alt-layout input[type=date] {
      padding: 2px 2%; }
    .idd .alt-layout input[type=checkbox],
    .idd .alt-layout input[type=radio] {
      padding: 0;
      width: auto; }
    .idd .alt-layout select {
      width: 98%;
      max-width: none; }
      @media (min-width: 600px) {
        .idd .alt-layout select {
          width: 100%;
          padding-left: 1%; } }
  .idd .page-options {
    padding: 0; }
    .idd .page-options .warning {
      text-align: left; }
  .idd .field-custom-controls {
    margin: 6px 0; }
    .idd .field-custom-controls label {
      margin-bottom: 9px;
      display: block; }
  .idd .pnl_idd_navigation {
    display: none; }
  .idd .list-form {
    border-width: 0px 0px 1px 0px;
    margin-bottom: 0; }
    .idd .list-form header {
      padding: 15px;
      background-color: transparent; }
      .idd .list-form header .panel-body-heading {
        margin: 0; }
    .idd .list-form.active .alt-layout .controls {
      min-height: 48px;
      transition: min-height 0.3s; }
  .idd .notes {
    font-size: 1em;
    line-height: inherit; }
    .idd .notes p:last-of-type {
      margin-bottom: 0; }
  @media (min-width: 600px) {
    .idd th.col1.cell-number, .idd td.col1.cell-number {
      text-align: center;
      width: 54px; } }

/* IDD - Current balance */
.pye_idd section {
  margin: 0; }
.pye_idd .panel {
  border-width: 0px;
  padding: 0;
  background-color: transparent; }
  .pye_idd .panel .panel-body {
    padding: 0;
    margin-bottom: 21px; }
    @media (min-width: 600px) {
      .pye_idd .panel .panel-body {
        margin-bottom: 21px; } }
    .pye_idd .panel .panel-body .clearfix {
      display: none; }
    @media (min-width: 600px) {
      .pye_idd .panel .panel-body .related-links {
        margin-top: 0; } }
    @media (min-width: 600px) {
      .pye_idd .panel .panel-body .related-links li {
        display: inline-block;
        margin-bottom: 0; } }
    .pye_idd .panel .panel-body .related-links li a {
      margin: 0 auto;
      width: 96%; }
      @media (min-width: 600px) {
        .pye_idd .panel .panel-body .related-links li a {
          margin-left: 6px;
          width: auto; } }
    .pye_idd .panel .panel-body #form_fields-PNL_IDD_NAVIGATION .unstyled {
      margin: 0; }
  .pye_idd .panel .pnl_idd_navigation {
    display: block; }

/* IDD - Choose payment requirements - Regular payments */
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay__mpcxid18d, .pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_m__mpcxid18d, .pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_v__mpcxid18d, .pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay__mpcxid17d, .pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_m__mpcxid17d, .pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_v__mpcxid17d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay__mpcxid18d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_m__mpcxid18d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_v__mpcxid18d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay__mpcxid17d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_m__mpcxid17d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_v__mpcxid17d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay__mpcxid18d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_m__mpcxid18d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid18d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay__mpcxid17d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_m__mpcxid17d,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid17d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay__mpcxid18d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_m__mpcxid18d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_v__mpcxid18d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay__mpcxid17d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_m__mpcxid17d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_v__mpcxid17d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay__mpcxid18d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_m__mpcxid18d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_v__mpcxid18d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay__mpcxid17d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_m__mpcxid17d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_v__mpcxid17d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay__mpcxid18d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_m__mpcxid18d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid18d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay__mpcxid17d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_m__mpcxid17d,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid17d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay__mpcxid18d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_m__mpcxid18d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_v__mpcxid18d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay__mpcxid17d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_m__mpcxid17d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li.pnl_idd_regularpay_v__mpcxid17d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay__mpcxid18d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_m__mpcxid18d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_v__mpcxid18d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay__mpcxid17d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_m__mpcxid17d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_v__mpcxid17d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay__mpcxid18d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_m__mpcxid18d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid18d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay__mpcxid17d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_m__mpcxid17d,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid17d {
  margin-bottom: 21px;
  padding-bottom: 20px;
  border-bottom: #a8a8a8 1px solid; }
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li .controls,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li .controls,
.pye_idd_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li .controls,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li .controls,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li .controls,
.pye_idd_edit_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li .controls,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY ul li .controls,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_M ul li .controls,
.pye_idd_view_reg_pay #form_fields-PNL_IDD_REGULARPAY_V ul li .controls {
  min-height: 30px; }
.pye_idd_reg_pay #panelGroup2,
.pye_idd_edit_reg_pay #panelGroup2,
.pye_idd_view_reg_pay #panelGroup2 {
  display: none; }

/* IDD - Choose payment requirements - Single payments */
.pye_idd_sig_pay,
.pye_idd_edit_sig_pay {
  /*
  section.panel:first-of-type {
    margin-bottom: 0;
    border-bottom-width: 0px;
    padding-bottom: $panel-body-padding;
    & + .panel {
      border-top-width: 0;
    }
  }
  section.panel:last-of-type {
    padding: 0;
    background-color: transparent;
    border-width: 0px;
    .panel-body {
      padding: 0;
    }
  }
  */ }
  .pye_idd_sig_pay #form_fields-PNL_PAGE_NAVIGATION_FORM,
  .pye_idd_sig_pay #form_fields-PNL_NAVIGATION_AUTHORISE,
  .pye_idd_edit_sig_pay #form_fields-PNL_PAGE_NAVIGATION_FORM,
  .pye_idd_edit_sig_pay #form_fields-PNL_NAVIGATION_AUTHORISE {
    display: none; }
  .pye_idd_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT,
  .pye_idd_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT_M,
  .pye_idd_edit_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT,
  .pye_idd_edit_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT_M {
    padding-top: 0; }
    .pye_idd_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT h3,
    .pye_idd_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT_M h3,
    .pye_idd_edit_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT h3,
    .pye_idd_edit_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT_M h3 {
      border-top: solid 1px #a8a8a8;
      border-top-width: 1px;
      padding-top: 21px; }
    @media (min-width: 600px) {
      .pye_idd_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT .columns-3 .cell-remove,
      .pye_idd_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT .columns-4 .cell-remove,
      .pye_idd_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT_M .columns-3 .cell-remove,
      .pye_idd_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT_M .columns-4 .cell-remove,
      .pye_idd_edit_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT .columns-3 .cell-remove,
      .pye_idd_edit_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT .columns-4 .cell-remove,
      .pye_idd_edit_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT_M .columns-3 .cell-remove,
      .pye_idd_edit_sig_pay #panelBodyPNL_FUTURE_SIG_PAYEMENT_M .columns-4 .cell-remove {
        width: 100px;
        text-align: right; } }

/* IDD - Disinvestment page */
.pye_idd_disinvest #form_fields-PNL_IDD_DISINVEST ul,
.pye_idd_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST ul,
.pye_idd_edit_disinvest #form_fields-PNL_IDD_DISINVEST ul,
.pye_idd_edit_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST ul {
  margin-bottom: 0; }
  .pye_idd_disinvest #form_fields-PNL_IDD_DISINVEST ul li,
  .pye_idd_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST ul li,
  .pye_idd_edit_disinvest #form_fields-PNL_IDD_DISINVEST ul li,
  .pye_idd_edit_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST ul li {
    margin-bottom: 0; }
    .pye_idd_disinvest #form_fields-PNL_IDD_DISINVEST ul li ul.radio,
    .pye_idd_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST ul li ul.radio,
    .pye_idd_edit_disinvest #form_fields-PNL_IDD_DISINVEST ul li ul.radio,
    .pye_idd_edit_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST ul li ul.radio {
      margin-bottom: 0; }
      .pye_idd_disinvest #form_fields-PNL_IDD_DISINVEST ul li ul.radio li,
      .pye_idd_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST ul li ul.radio li,
      .pye_idd_edit_disinvest #form_fields-PNL_IDD_DISINVEST ul li ul.radio li,
      .pye_idd_edit_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST ul li ul.radio li {
        margin-bottom: 9px; }
.pye_idd_disinvest #form_fields-PNL_IDD_DISINVEST .labels,
.pye_idd_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST .labels,
.pye_idd_edit_disinvest #form_fields-PNL_IDD_DISINVEST .labels,
.pye_idd_edit_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST .labels {
  display: none; }
.pye_idd_disinvest #form_fields-PNL_IDD_DISINVEST .controls,
.pye_idd_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST .controls,
.pye_idd_edit_disinvest #form_fields-PNL_IDD_DISINVEST .controls,
.pye_idd_edit_disinvest #form_fields-PNL_IDD_EDIT_DISINVEST .controls {
  width: 100%; }
.pye_idd_disinvest table td input,
.pye_idd_edit_disinvest table td input {
  width: 90%;
  padding: 4px 3%; }
@media (min-width: 600px) {
  .pye_idd_disinvest table.columns-3 .col1, .pye_idd_disinvest table.columns-4 .col1,
  .pye_idd_edit_disinvest table.columns-3 .col1,
  .pye_idd_edit_disinvest table.columns-4 .col1 {
    width: 54px; }
    .pye_idd_disinvest table.columns-3 .col1 input, .pye_idd_disinvest table.columns-4 .col1 input,
    .pye_idd_edit_disinvest table.columns-3 .col1 input,
    .pye_idd_edit_disinvest table.columns-4 .col1 input {
      text-align: center; } }

/* IDD - Authorise */
.pye_idd_authorise,
.pye_idd_final {
  /*
  #panelGroup5 {
    border-top-width: 0;
    .panel-body {
      padding-top: 0;
    }
  }
  */ }
  .pye_idd_authorise #panelGroup1.panel .panel-body,
  .pye_idd_final #panelGroup1.panel .panel-body {
    margin-bottom: 0; }
    @media (min-width: 600px) {
      .pye_idd_authorise #panelGroup1.panel .panel-body,
      .pye_idd_final #panelGroup1.panel .panel-body {
        margin-bottom: 0; } }
  .pye_idd_authorise #form_fields-PNL_IDD_REGULARPAY_V p:last-of-type,
  .pye_idd_final #form_fields-PNL_IDD_REGULARPAY_V p:last-of-type {
    margin-bottom: 0; }
  .pye_idd_authorise #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid18d, .pye_idd_authorise #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid17d,
  .pye_idd_final #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid18d,
  .pye_idd_final #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid17d {
    margin-bottom: 21px;
    padding-bottom: 20px;
    border-bottom: #a8a8a8 1px solid; }
  .pye_idd_authorise #panelBodyPNL_IDD_SINGLEPAY_V p:last-of-type,
  .pye_idd_final #panelBodyPNL_IDD_SINGLEPAY_V p:last-of-type {
    margin-bottom: 0; }
  .pye_idd_authorise #panelBodyPNL_IDD_CURRENT_DISINVEST,
  .pye_idd_final #panelBodyPNL_IDD_CURRENT_DISINVEST {
    padding-bottom: 0; }
    .pye_idd_authorise #panelBodyPNL_IDD_CURRENT_DISINVEST .labels,
    .pye_idd_final #panelBodyPNL_IDD_CURRENT_DISINVEST .labels {
      display: none; }
    .pye_idd_authorise #panelBodyPNL_IDD_CURRENT_DISINVEST .controls,
    .pye_idd_final #panelBodyPNL_IDD_CURRENT_DISINVEST .controls {
      width: 100%;
      box-sizing: border-box; }
      .pye_idd_authorise #panelBodyPNL_IDD_CURRENT_DISINVEST .controls .messages,
      .pye_idd_final #panelBodyPNL_IDD_CURRENT_DISINVEST .controls .messages {
        border: solid 1px #a8a8a8;
        border-width: 0px 0px 0px 0px;
        padding: 21px; }
        .pye_idd_authorise #panelBodyPNL_IDD_CURRENT_DISINVEST .controls .messages p:last-of-type,
        .pye_idd_final #panelBodyPNL_IDD_CURRENT_DISINVEST .controls .messages p:last-of-type {
          margin-bottom: 0; }
    .pye_idd_authorise #panelBodyPNL_IDD_CURRENT_DISINVEST li,
    .pye_idd_final #panelBodyPNL_IDD_CURRENT_DISINVEST li {
      margin-bottom: 0; }
  .pye_idd_authorise #panelBodyPNL_IDD_DISINVEST_FUNDS,
  .pye_idd_final #panelBodyPNL_IDD_DISINVEST_FUNDS {
    padding-top: 0; }
  .pye_idd_authorise #panelGroup4,
  .pye_idd_final #panelGroup4 {
    /*
    margin: 0;
    border-bottom-width: 0;
    */ }
    .pye_idd_authorise #panelGroup4 .panel-body .PNL_IDD_CURRENT_DISINVEST__MPCXID19X_P,
    .pye_idd_final #panelGroup4 .panel-body .PNL_IDD_CURRENT_DISINVEST__MPCXID19X_P {
      /*
      padding: $panel-body-padding;
      */ }
    .pye_idd_authorise #panelGroup4 .panel-body .PNL_IDD_CURRENT_DISINVEST__MPCXID19X_S,
    .pye_idd_final #panelGroup4 .panel-body .PNL_IDD_CURRENT_DISINVEST__MPCXID19X_S {
      /*
      padding: $panel-body-padding;
      padding-bottom: 0;
      */ }
    .pye_idd_authorise #panelGroup4 .panel-body .PNL_IDD_CURRENT_DISINVEST__MPCXID19X_M,
    .pye_idd_final #panelGroup4 .panel-body .PNL_IDD_CURRENT_DISINVEST__MPCXID19X_M {
      /*
      padding: $panel-body-padding;
      padding-bottom: 0;
      */ }
  .pye_idd_authorise #form_fields-PNL_IDD_LTA_CONFIRMATION ul,
  .pye_idd_final #form_fields-PNL_IDD_LTA_CONFIRMATION ul {
    margin-bottom: 0; }
    .pye_idd_authorise #form_fields-PNL_IDD_LTA_CONFIRMATION ul li,
    .pye_idd_final #form_fields-PNL_IDD_LTA_CONFIRMATION ul li {
      margin-bottom: 0; }
      .pye_idd_authorise #form_fields-PNL_IDD_LTA_CONFIRMATION ul li .labels,
      .pye_idd_final #form_fields-PNL_IDD_LTA_CONFIRMATION ul li .labels {
        display: none; }
      .pye_idd_authorise #form_fields-PNL_IDD_LTA_CONFIRMATION ul li .controls,
      .pye_idd_final #form_fields-PNL_IDD_LTA_CONFIRMATION ul li .controls {
        width: auto; }

/* IDD - Choose payment requirements - Regular payments */
.pye_idd_maintain {
  /* IDD - Choose payment requirements - Single payments */
  /* IDD - Disinvestment page */ }
  .pye_idd_maintain .pnl_idd_regularpay_m #formPNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_m__mpcxid18d, .pye_idd_maintain .pnl_idd_regularpay_m #formPNL_IDD_REGULARPAY_M ul li.pnl_idd_regularpay_m__mpcxid17d {
    margin-bottom: 21px;
    padding-bottom: 20px;
    border-bottom: #a8a8a8 1px solid; }
  .pye_idd_maintain .pnl_idd_regularpay_m #formPNL_IDD_REGULARPAY_M ul li .controls {
    min-height: 30px; }
  .pye_idd_maintain .pnl_idd_singlepay_m {
    padding-top: 0; }
    .pye_idd_maintain .pnl_idd_singlepay_m h3 {
      border-top: solid 1px #a8a8a8;
      border-top-width: 1px;
      padding-top: 21px; }
  .pye_idd_maintain .pnl_idd_disinvest .labels {
    display: none; }
  .pye_idd_maintain .pnl_idd_disinvest .controls {
    width: 100%; }
  .pye_idd_maintain .pnl_idd_disinvest_s table td input,
  .pye_idd_maintain .pnl_idd_disinvest_m table td input {
    width: 90%;
    padding: 4px 3%; }
  @media (min-width: 600px) {
    .pye_idd_maintain .pnl_idd_disinvest_s table.columns-3 .col1, .pye_idd_maintain .pnl_idd_disinvest_s table.columns-4 .col1,
    .pye_idd_maintain .pnl_idd_disinvest_m table.columns-3 .col1,
    .pye_idd_maintain .pnl_idd_disinvest_m table.columns-4 .col1 {
      width: 54px; }
      .pye_idd_maintain .pnl_idd_disinvest_s table.columns-3 .col1 input, .pye_idd_maintain .pnl_idd_disinvest_s table.columns-4 .col1 input,
      .pye_idd_maintain .pnl_idd_disinvest_m table.columns-3 .col1 input,
      .pye_idd_maintain .pnl_idd_disinvest_m table.columns-4 .col1 input {
        text-align: center; } }

/* IDD summary */
.pye_idd_summary .panel-body .related-links {
  text-align: right; }
  .pye_idd_summary .panel-body .related-links li {
    display: inline-block; }
  .pye_idd_summary .panel-body .related-links a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 1%;
    text-decoration: none;
    color: #fff;
    background: #009ed1;
    border: solid 1px #009ed1; }
    .pye_idd_summary .panel-body .related-links a:hover {
      color: #fff;
      background: #00779e;
      border: solid 1px #007094; }
    .pye_idd_summary .panel-body .related-links a:active {
      color: #fff;
      background: #00779e;
      border: solid 1px #007094; }
    .pye_idd_summary .panel-body .related-links a:focus {
      color: #fff;
      background: #00779e;
      border: solid 1px #007094; }
    @media (min-width: 600px) {
      .pye_idd_summary .panel-body .related-links a {
        width: auto;
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px; } }
.pye_idd_summary #panelGroup1.panel .panel-body {
  margin-bottom: 0; }
  @media (min-width: 600px) {
    .pye_idd_summary #panelGroup1.panel .panel-body {
      margin-bottom: 0; } }
.pye_idd_summary #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid18d, .pye_idd_summary #form_fields-PNL_IDD_REGULARPAY_V ul li.pnl_idd_regularpay_v__mpcxid17d {
  margin-bottom: 21px;
  padding-bottom: 20px;
  border-bottom: #a8a8a8 1px solid; }
.pye_idd_summary #panelBodyPNL_IDD_VIEW_DISINVEST {
  padding-bottom: 0; }
  .pye_idd_summary #panelBodyPNL_IDD_VIEW_DISINVEST .alt-layout li {
    margin-bottom: 0; }
  .pye_idd_summary #panelBodyPNL_IDD_VIEW_DISINVEST .labels {
    display: none; }
  .pye_idd_summary #panelBodyPNL_IDD_VIEW_DISINVEST .controls {
    width: 100%;
    box-sizing: border-box; }
    .pye_idd_summary #panelBodyPNL_IDD_VIEW_DISINVEST .controls .messages {
      border: solid 1px #a8a8a8;
      border-width: 0px 0px 0px 0px;
      padding: 21px; }
      .pye_idd_summary #panelBodyPNL_IDD_VIEW_DISINVEST .controls .messages p:last-of-type {
        margin-bottom: 0; }
.pye_idd_summary #panelBodyPNL_IDD_DISINVEST_FUNDS {
  padding-top: 0; }
  .pye_idd_summary #panelBodyPNL_IDD_DISINVEST_FUNDS p:last-of-type {
    margin-bottom: 0; }
.pye_idd_summary #panelGroup6 {
  display: none; }
.pye_idd_summary #form_fields-PNL_IDD_LTA_CONFIRMATION ul {
  margin-bottom: 0; }
  .pye_idd_summary #form_fields-PNL_IDD_LTA_CONFIRMATION ul li {
    margin-bottom: 0; }
    .pye_idd_summary #form_fields-PNL_IDD_LTA_CONFIRMATION ul li .labels {
      display: none; }
    .pye_idd_summary #form_fields-PNL_IDD_LTA_CONFIRMATION ul li .controls {
      width: auto; }
.pye_idd_summary #panelGroup7 {
  display: none; }

/* Mockup form styling */
.idd .pnl_idd_regpay__04 input {
  width: 50px; }
  @media (min-width: 600px) {
    .idd .pnl_idd_regpay__04 input {
      width: 50px; } }
@media (min-width: 600px) {
  .idd .pnl_idd_regpay__07 #enddateinput {
    width: 48%;
    clear: none; } }
.idd .pnl_idd_regpay__07 #enddate2 {
  width: 94%;
  color: #444;
  font-size: 17px;
  font-weight: normal; }
  @media (min-width: 600px) {
    .idd .pnl_idd_regpay__07 #enddate2 {
      width: auto; } }
.idd .sortcode input {
  width: 36px; }
.idd .linewrap input {
  width: auto; }

/*IDD page specific rules */
.idd-disinvest table td input {
  width: 90%;
  padding: 4px 3%; }
@media (min-width: 600px) {
  .idd-disinvest table.columns-5 .col1 {
    width: 70px; } }

@media (min-width: 600px) {
  .idd-playback .alt-layout .pnl_idd_regpay__07 .controls,
  .idd-edit .alt-layout .pnl_idd_regpay__07 .controls {
    width: 48%;
    line-height: 21px; } }
@media (min-width: 1200px) {
  .idd-playback .alt-layout .pnl_idd_regpay__07 .controls,
  .idd-edit .alt-layout .pnl_idd_regpay__07 .controls {
    width: 40%; } }
@media (min-width: 600px) {
  .idd-playback .alt-layout .pnl_idd_regpay__08 span,
  .idd-edit .alt-layout .pnl_idd_regpay__08 span {
    display: inline-block;
    width: 50%; } }
@media (min-width: 1200px) {
  .idd-playback .alt-layout .pnl_idd_regpay__08 span,
  .idd-edit .alt-layout .pnl_idd_regpay__08 span {
    width: 33%; } }

/* IDD - Choose payment requirements - Regular payments */
.pye_myltaben p.align {
  text-align: right; }
.pye_myltaben .pnl_lta_total {
  padding-bottom: 0; }
  .pye_myltaben .pnl_lta_total .messages {
    background: #fff;
    border: solid 1px #a8a8a8;
    border-width: 0px 0px 0px 0px;
    padding: 21px; }
    .pye_myltaben .pnl_lta_total .messages.error {
      background: #ffd4d4;
      border: solid 1px #f57979; }
    .pye_myltaben .pnl_lta_total .messages.alert {
      background: #fff5e9;
      border: solid 1px #ffaa22; }
    .pye_myltaben .pnl_lta_total .messages.success {
      background: #e2eed9;
      border: solid 1px #acce93; }
    .pye_myltaben .pnl_lta_total .messages h3 {
      margin-bottom: 0; }
  .pye_myltaben .pnl_lta_total p.align {
    text-align: right;
    margin-bottom: 0; }
.pye_myltaben .pnl_lta_add,
.pye_myltaben .pnl_lsa_add,
.pye_myltaben .pnl_ben_over_lta {
  padding-top: 0; }
  .pye_myltaben .pnl_lta_add h3,
  .pye_myltaben .pnl_lsa_add h3,
  .pye_myltaben .pnl_ben_over_lta h3 {
    padding-top: 20px;
    border: solid 1px #a8a8a8;
    border-top-width: 1px; }
  .pye_myltaben .pnl_lta_add .alt-layout,
  .pye_myltaben .pnl_lsa_add .alt-layout,
  .pye_myltaben .pnl_ben_over_lta .alt-layout {
    margin-bottom: 0; }
    .pye_myltaben .pnl_lta_add .alt-layout li,
    .pye_myltaben .pnl_lsa_add .alt-layout li,
    .pye_myltaben .pnl_ben_over_lta .alt-layout li {
      display: inline-block;
      width: 100%; }
      .pye_myltaben .pnl_lta_add .alt-layout li .labels,
      .pye_myltaben .pnl_lta_add .alt-layout li .controls,
      .pye_myltaben .pnl_lsa_add .alt-layout li .labels,
      .pye_myltaben .pnl_lsa_add .alt-layout li .controls,
      .pye_myltaben .pnl_ben_over_lta .alt-layout li .labels,
      .pye_myltaben .pnl_ben_over_lta .alt-layout li .controls {
        display: inline-block;
        width: 54%; }
      .pye_myltaben .pnl_lta_add .alt-layout li .controls,
      .pye_myltaben .pnl_lsa_add .alt-layout li .controls,
      .pye_myltaben .pnl_ben_over_lta .alt-layout li .controls {
        width: 45%; }
      .pye_myltaben .pnl_lta_add .alt-layout li input[type=date],
      .pye_myltaben .pnl_lsa_add .alt-layout li input[type=date],
      .pye_myltaben .pnl_ben_over_lta .alt-layout li input[type=date] {
        padding: 2px 6px; }
  .pye_myltaben .pnl_lta_add .page-options,
  .pye_myltaben .pnl_lsa_add .page-options,
  .pye_myltaben .pnl_ben_over_lta .page-options {
    padding-top: 0; }

.pye_lta_authorise .panel-body .messages,
.pye_lsa_authorise .panel-body .messages,
.pye_myltaben .panel-body .messages {
  padding: 21px;
  border: solid 1px #a8a8a8;
  border-width: 0px 0px 0px 0px; }
  .pye_lta_authorise .panel-body .messages p,
  .pye_lsa_authorise .panel-body .messages p,
  .pye_myltaben .panel-body .messages p {
    margin: 0 0 18px 0; }
  .pye_lta_authorise .panel-body .messages p:last-of-type,
  .pye_lsa_authorise .panel-body .messages p:last-of-type,
  .pye_myltaben .panel-body .messages p:last-of-type {
    margin: 0; }
  .pye_lta_authorise .panel-body .messages .ajax-spinner-container,
  .pye_lsa_authorise .panel-body .messages .ajax-spinner-container,
  .pye_myltaben .panel-body .messages .ajax-spinner-container {
    display: flex;
    align-items: center; }
    .pye_lta_authorise .panel-body .messages .ajax-spinner-container .ajax-spinner,
    .pye_lsa_authorise .panel-body .messages .ajax-spinner-container .ajax-spinner,
    .pye_myltaben .panel-body .messages .ajax-spinner-container .ajax-spinner {
      position: relative !important;
      display: inline-block; }
    .pye_lta_authorise .panel-body .messages .ajax-spinner-container span,
    .pye_lsa_authorise .panel-body .messages .ajax-spinner-container span,
    .pye_myltaben .panel-body .messages .ajax-spinner-container span {
      margin-left: 10px; }

.pye_lsa_authorise a.disabled,
.pye_lta_authorise a.disabled {
  background: #ededed !important;
  border: none !important;
  color: #b1b1b1 !important;
  cursor: not-allowed !important; }
  .pye_lsa_authorise a.disabled:hover, .pye_lsa_authorise a.disabled:focus,
  .pye_lta_authorise a.disabled:hover,
  .pye_lta_authorise a.disabled:focus {
    background: #ededed !important;
    color: #b1b1b1 !important; }
  .pye_lsa_authorise a.disabled:after,
  .pye_lta_authorise a.disabled:after {
    border-left-color: #ededed !important; }

.pye_quotehist .panel .pnl_quotehist {
  padding-left: 0;
  padding-right: 0; }
  .pye_quotehist .panel .pnl_quotehist .related-links li span {
    width: auto;
    display: inline; }
  .pye_quotehist .panel .pnl_quotehist .related-links li:last-of-type {
    margin-bottom: 0; }
.pye_quotehist .page-options {
  display: none; }
.pye_quotehist table {
  overflow: hidden; }
  .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr th,
  .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr td {
    padding: 0;
    width: 100%;
    border-bottom-width: 0; }
  .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr.odd,
  .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr:nth-child(odd),
  .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr.even,
  .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr:nth-child(even) {
    background-color: transparent; }
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr.odd th,
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr.odd td,
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr:nth-child(odd) th,
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr:nth-child(odd) td,
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr.even th,
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr.even td,
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr:nth-child(even) th,
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody tr:nth-child(even) td {
      background-color: transparent; }
  .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 {
    margin-bottom: 0; }
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 th,
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 td {
      display: table-cell;
      padding: 9px 2% 8px 2%;
      width: 50%;
      background-color: transparent;
      border-bottom-width: 1px; }
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 th.col1,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 td.col1 {
        font-weight: 600; }
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 th.last,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 td.last {
        text-align: left; }
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr.odd,
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr:nth-child(odd) {
      background-color: #fff; }
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr.odd th,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr.odd td,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr:nth-child(odd) th,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr:nth-child(odd) td {
        background-color: #fff; }
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr.odd:hover th, .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr.odd:hover td,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr:nth-child(odd):hover th,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr:nth-child(odd):hover td {
        background-color: #e0e0e0; }
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr.even,
    .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr:nth-child(even) {
      background-color: #fff; }
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr.even th,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr.even td,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr:nth-child(even) th,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr:nth-child(even) td {
        background-color: #fff; }
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr.even:hover th, .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr.even:hover td,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr:nth-child(even):hover th,
      .pye_quotehist table#tbl-PNL_QUOTEHIST-1 tbody .columns-2 tr:nth-child(even):hover td {
        background-color: #e0e0e0; }
.pye_quotehist .quote-primary,
.pye_quotehist .quote-secondary {
  border: 5px solid transparent;
  padding: 21px;
  background-color: #fff; }
.pye_quotehist .quote-primary {
  border-color: #a8a8a8; }
.pye_quotehist .quote-secondary {
  margin: 21px 0;
  opacity: 0.5; }
  .pye_quotehist .quote-secondary:focus, .pye_quotehist .quote-secondary:hover {
    border-color: #a8a8a8;
    transition: all 0.3s;
    opacity: 1; }
@media (min-width: 769px) {
  .pye_quotehist table.columns-2 tbody tr.odd th,
  .pye_quotehist table.columns-2 tbody tr.odd td, .pye_quotehist table.columns-2 tbody tr.even th,
  .pye_quotehist table.columns-2 tbody tr.even td {
    width: auto; }
    .pye_quotehist table.columns-2 tbody tr.odd th.col1,
    .pye_quotehist table.columns-2 tbody tr.odd td.col1, .pye_quotehist table.columns-2 tbody tr.even th.col1,
    .pye_quotehist table.columns-2 tbody tr.even td.col1 {
      white-space: nowrap; }
  .pye_quotehist .grid-container {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    grid-template-areas: "primary" "secondary"; }
  .pye_quotehist .primary {
    grid-area: primary; }
    .pye_quotehist .primary .quote-primary {
      display: grid;
      grid-template-columns: 50% 50%;
      grid-template-rows: auto;
      grid-template-areas: "grid-1 grid-2"; }
      .pye_quotehist .primary .quote-primary .grid-1 {
        grid-area: grid-1; }
      .pye_quotehist .primary .quote-primary .grid-2 {
        grid-area: grid-2;
        padding: 0 21px; }
  .pye_quotehist .secondary {
    grid-area: secondary;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    grid-template-areas: "grid-2 grid-3" "grid-4 grid-5" "grid-6 grid-7" "grid-8 grid-9" "grid-10 grid-11"; }
    .pye_quotehist .secondary .quote-secondary.grid-2 {
      grid-area: grid-2; }
    .pye_quotehist .secondary .quote-secondary.grid-3 {
      grid-area: grid-3; }
    .pye_quotehist .secondary .quote-secondary.grid-4 {
      grid-area: grid-4; }
    .pye_quotehist .secondary .quote-secondary.grid-5 {
      grid-area: grid-5; }
    .pye_quotehist .secondary .quote-secondary.grid-6 {
      grid-area: grid-6; }
    .pye_quotehist .secondary .quote-secondary.grid-7 {
      grid-area: grid-7; }
    .pye_quotehist .secondary .quote-secondary.grid-8 {
      grid-area: grid-8; }
    .pye_quotehist .secondary .quote-secondary.grid-9 {
      grid-area: grid-9; }
    .pye_quotehist .secondary .quote-secondary.grid-10 {
      grid-area: grid-10; }
    .pye_quotehist .secondary .quote-secondary.grid-11 {
      grid-area: grid-11; }
    .pye_quotehist .secondary .quote-secondary.grid-2, .pye_quotehist .secondary .quote-secondary.grid-4, .pye_quotehist .secondary .quote-secondary.grid-6, .pye_quotehist .secondary .quote-secondary.grid-8, .pye_quotehist .secondary .quote-secondary.grid-10 {
      margin-right: 0; }
      .pye_quotehist .secondary .quote-secondary.grid-2 .grid-1,
      .pye_quotehist .secondary .quote-secondary.grid-2 .grid-2, .pye_quotehist .secondary .quote-secondary.grid-4 .grid-1,
      .pye_quotehist .secondary .quote-secondary.grid-4 .grid-2, .pye_quotehist .secondary .quote-secondary.grid-6 .grid-1,
      .pye_quotehist .secondary .quote-secondary.grid-6 .grid-2, .pye_quotehist .secondary .quote-secondary.grid-8 .grid-1,
      .pye_quotehist .secondary .quote-secondary.grid-8 .grid-2, .pye_quotehist .secondary .quote-secondary.grid-10 .grid-1,
      .pye_quotehist .secondary .quote-secondary.grid-10 .grid-2 {
        margin: 0;
        padding: 0; }
    .pye_quotehist .secondary .quote-secondary.grid-3, .pye_quotehist .secondary .quote-secondary.grid-5, .pye_quotehist .secondary .quote-secondary.grid-7, .pye_quotehist .secondary .quote-secondary.grid-9, .pye_quotehist .secondary .quote-secondary.grid-11 {
      margin-left: 0; }
      .pye_quotehist .secondary .quote-secondary.grid-3 .grid-1,
      .pye_quotehist .secondary .quote-secondary.grid-3 .grid-2, .pye_quotehist .secondary .quote-secondary.grid-5 .grid-1,
      .pye_quotehist .secondary .quote-secondary.grid-5 .grid-2, .pye_quotehist .secondary .quote-secondary.grid-7 .grid-1,
      .pye_quotehist .secondary .quote-secondary.grid-7 .grid-2, .pye_quotehist .secondary .quote-secondary.grid-9 .grid-1,
      .pye_quotehist .secondary .quote-secondary.grid-9 .grid-2, .pye_quotehist .secondary .quote-secondary.grid-11 .grid-1,
      .pye_quotehist .secondary .quote-secondary.grid-11 .grid-2 {
        margin: 0;
        padding: 0; } }
@media all and (min-width: 769px) and (-ms-high-contrast: none) {
  .pye_quotehist .grid-container {
    display: block; }
  .pye_quotehist .primary {
    display: block; }
    .pye_quotehist .primary .quote-primary {
      display: -ms-grid;
      -ms-grid-columns: 50% 50%;
      -ms-grid-rows: auto; }
      .pye_quotehist .primary .quote-primary .grid-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .pye_quotehist .primary .quote-primary .grid-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; }
  .pye_quotehist .secondary {
    display: -ms-grid;
    -ms-grid-columns: 50% 50%;
    -ms-grid-rows: auto auto auto auto auto;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
    .pye_quotehist .secondary .quote-secondary.grid-2 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .pye_quotehist .secondary .quote-secondary.grid-3 {
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1; }
    .pye_quotehist .secondary .quote-secondary.grid-4 {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .pye_quotehist .secondary .quote-secondary.grid-5 {
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1; }
    .pye_quotehist .secondary .quote-secondary.grid-6 {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .pye_quotehist .secondary .quote-secondary.grid-7 {
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1; }
    .pye_quotehist .secondary .quote-secondary.grid-8 {
      -ms-grid-row: 4;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .pye_quotehist .secondary .quote-secondary.grid-9 {
      -ms-grid-row: 4;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1; }
    .pye_quotehist .secondary .quote-secondary.grid-10 {
      -ms-grid-row: 5;
      -ms-grid-row-span: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .pye_quotehist .secondary .quote-secondary.grid-11 {
      -ms-grid-row: 5;
      -ms-grid-row-span: 1;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1; } }

/*
 My Retirement Timeline
*/
.pye_myrettime .grid-container {
  width: 100%;
  grid-template-columns: auto auto;
  -ms-grid-columns: auto auto;
  grid-template-rows: 1;
  -ms-grid-rows: 1;
  grid-column-gap: 0;
  grid-row-gap: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }
  .pye_myrettime .grid-container .grid {
    box-sizing: border-box;
    margin-bottom: 21px; }
.pye_myrettime .panel label {
  font-weight: normal;
  font-size: 17px;
  font-size: 1rem; }
.pye_myrettime .calcdate-btn {
  width: 100%;
  box-sizing: border-box; }
.pye_myrettime .calcdate-reset {
  display: none;
  margin-top: 21px;
  text-align: left; }
.pye_myrettime .date-of-retirement {
  padding: 21px 5%;
  background-color: #fff;
  margin-bottom: 21px; }
  .pye_myrettime .date-of-retirement p:last-of-type {
    margin-bottom: 0; }
.pye_myrettime .panel .messages.alert {
  padding: 15px;
  box-sizing: border-box; }
.pye_myrettime .overdue.messages {
  background-color: #fff5e9;
  border: 1px solid #ffaa22;
  position: relative; }
.pye_myrettime .timeline {
  position: relative;
  margin: 0 auto; }
  .pye_myrettime .timeline:after {
    content: '';
    position: absolute;
    top: 7px;
    bottom: 10px;
    left: 0;
    margin-left: -3px;
    width: 2px;
    background-color: #cccccc; }
  .pye_myrettime .timeline .rt-container {
    position: relative;
    background-color: inherit; }
    .pye_myrettime .timeline .rt-container:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      top: 7px;
      left: -7px;
      border-radius: 50%;
      z-index: 1; }
    .pye_myrettime .timeline .rt-container.member-actions, .pye_myrettime .timeline .rt-container.admin-actions {
      padding: 1px 5px 0 25px;
      margin-bottom: 21px; }
      .pye_myrettime .timeline .rt-container.member-actions:before, .pye_myrettime .timeline .rt-container.admin-actions:before {
        content: " ";
        height: 0;
        position: absolute;
        top: 1px;
        width: 0;
        z-index: 1;
        left: 15px;
        border: 1px solid white;
        border-width: 10px 10px 10px 0; }
    .pye_myrettime .timeline .rt-container.member-actions:before {
      border-color: transparent #444 transparent transparent; }
    .pye_myrettime .timeline .rt-container.member-actions:after {
      background-color: #444; }
    .pye_myrettime .timeline .rt-container.member-actions .rt-content {
      border-color: #444; }
    .pye_myrettime .timeline .rt-container.member-actions .opener strong, .pye_myrettime .timeline .rt-container.member-actions .opener div {
      color: #444; }
    .pye_myrettime .timeline .rt-container.admin-actions:before {
      border-color: transparent #7f35b2 transparent transparent; }
    .pye_myrettime .timeline .rt-container.admin-actions:after {
      background-color: #7f35b2; }
    .pye_myrettime .timeline .rt-container.admin-actions .rt-content {
      border-color: #7f35b2; }
      .pye_myrettime .timeline .rt-container.admin-actions .rt-content.retdate-card {
        background-color: #7f35b2; }
    .pye_myrettime .timeline .rt-container.admin-actions .opener strong, .pye_myrettime .timeline .rt-container.admin-actions .opener div {
      color: #7f35b2; }
    .pye_myrettime .timeline .rt-container .rt-content {
      padding: 7px 5%;
      background-color: #fff;
      position: relative;
      border-radius: 0;
      border-width: 2px;
      border-style: solid; }
      .pye_myrettime .timeline .rt-container .rt-content.overdue {
        background-color: #fff5e9; }
      .pye_myrettime .timeline .rt-container .rt-content h4 {
        font-weight: normal;
        margin-bottom: 0; }
      .pye_myrettime .timeline .rt-container .rt-content h5 {
        margin-bottom: 10.5px;
        font-weight: normal; }
      .pye_myrettime .timeline .rt-container .rt-content ul {
        margin-top: 10.5px; }
      .pye_myrettime .timeline .rt-container .rt-content li {
        margin-bottom: 10.5px; }
        .pye_myrettime .timeline .rt-container .rt-content li:last-of-type {
          margin-bottom: 0; }
      .pye_myrettime .timeline .rt-container .rt-content .opener {
        position: relative;
        padding-right: 27px; }
        .pye_myrettime .timeline .rt-container .rt-content .opener:before {
          position: absolute;
          right: 0; }
      .pye_myrettime .timeline .rt-container .rt-content.retdate-card {
        background-color: #444;
        color: #fff; }
      .pye_myrettime .timeline .rt-container .rt-content .rt-detail {
        margin-top: 10.5px; }
        .pye_myrettime .timeline .rt-container .rt-content .rt-detail :last-child {
          margin-bottom: 0; }
    .pye_myrettime .timeline .rt-container.overdue.admin-actions:before {
      border-right-color: #ffaa22; }
    .pye_myrettime .timeline .rt-container.overdue.member-actions:before {
      border-right-color: #ffaa22; }
    .pye_myrettime .timeline .rt-container.overdue .rt-content {
      background-color: #fff5e9;
      border-color: #ffaa22; }
    .pye_myrettime .timeline .rt-container.overdue.retdate-container .retdate-card {
      background-color: #ffaa22;
      color: #444; }
.pye_myrettime .timeline-results div {
  box-sizing: border-box; }
.pye_myrettime .timeline-header .grid h3:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: -3px;
  margin-right: 6px; }
.pye_myrettime .timeline-header .grid-1 h3 {
  color: #7f35b2; }
  .pye_myrettime .timeline-header .grid-1 h3:before {
    background-color: #7f35b2; }
.pye_myrettime .timeline-header .grid-2 h3 {
  color: #000; }
  .pye_myrettime .timeline-header .grid-2 h3:before {
    background-color: #000; }
.pye_myrettime .timeline-actions .grid-2 {
  text-align: right; }
.pye_myrettime .timeline-actions input, .pye_myrettime .timeline-actions button {
  margin: 0; }
.pye_myrettime .timeline-actions .page-options {
  padding-top: 0; }
.pye_myrettime .form-items .grid-2 {
  text-align: right; }
.pye_myrettime .switch-wrapper {
  display: inline-block !important;
  position: relative !important;
  padding: 0; }
.pye_myrettime .ui-datepicker {
  z-index: 10 !important; }
.pye_myrettime em.error,
.pye_myrettime em.warning {
  display: block; }
.pye_myrettime .dor-text {
  display: inline-block; }
.pye_myrettime .disabled-link {
  pointer-events: none;
  cursor: default; }
.pye_myrettime .info-panel aside {
  padding: 0;
  margin: 0 0 15px 0 !important; }
  .pye_myrettime .info-panel aside h5 {
    margin: 0;
    padding: 10px;
    font-size: inherit; }
  .pye_myrettime .info-panel aside h5, .pye_myrettime .info-panel aside div {
    padding: 10px; }
.pye_myrettime .help-header a:link, .pye_myrettime .help-header a:visited,
.pye_myrettime .opener a:link,
.pye_myrettime .opener a:visited {
  text-decoration: none;
  color: inherit; }
.pye_myrettime .pnl_myrettime01 .for-output-page {
  display: none; }
.pye_myrettime .pnl_myrettime01 input, .pye_myrettime .pnl_myrettime01 button {
  margin: 0; }
.pye_myrettime .pnl_myrettime02 .for-landing-page {
  display: none; }
.pye_myrettime .pnl_myrettime02 .timeline-actions .grid-container.columns-2.columns-66-34 {
  grid-template-columns: 50% 50%;
  -ms-grid-columns: 50% 50%; }
.pye_myrettime .page-options :last-child {
  margin-bottom: 0; }
.pye_myrettime #id_PNL_MYRETTIME02__CALCDATE {
  width: 100%;
  box-sizing: border-box;
  margin: 0; }
@media (min-width: 600px) {
  .pye_myrettime .grid-container {
    display: grid;
    display: -ms-grid; }
    .pye_myrettime .grid-container.columns-2 {
      grid-template-columns: 50% 50%;
      -ms-grid-columns: 50% 50%;
      grid-template-areas: "grid-1 grid-2" "grid-3 grid-4";
      margin-bottom: 21px; }
      .pye_myrettime .grid-container.columns-2 .grid {
        margin-bottom: 0; }
      .pye_myrettime .grid-container.columns-2 .grid-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        margin-right: 12px; }
      .pye_myrettime .grid-container.columns-2 .grid-2 {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        margin-left: 12px; }
    .pye_myrettime .grid-container.columns-66-34 {
      grid-template-columns: 66% 34%;
      -ms-grid-columns: 66% 34%; }
    .pye_myrettime .grid-container.timeline-header .grid {
      margin-left: 0;
      margin-right: 0; }
  .pye_myrettime .panel label {
    font-size: 15px;
    font-size: 0.8823529412rem; }
  .pye_myrettime .calcdate-reset {
    display: none;
    margin-top: 21px; }
  .pye_myrettime .date-of-retirement {
    padding: 21px 2%;
    margin-bottom: 21px; }
  .pye_myrettime .timeline:after {
    left: 50%; }
  .pye_myrettime .timeline .rt-container {
    padding: 1px 25px 0 5px;
    width: 50%; }
    .pye_myrettime .timeline .rt-container.admin-actions, .pye_myrettime .timeline .rt-container.member-actions {
      margin-bottom: 21px; }
    .pye_myrettime .timeline .rt-container.admin-actions {
      padding: 1px 25px 0 5px;
      left: 0; }
      .pye_myrettime .timeline .rt-container.admin-actions:before {
        left: auto;
        right: 15px;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #7f35b2; }
      .pye_myrettime .timeline .rt-container.admin-actions:after {
        left: auto;
        right: -3px; }
    .pye_myrettime .timeline .rt-container.member-actions {
      left: 50%; }
      .pye_myrettime .timeline .rt-container.member-actions:after {
        left: -7px; }
    .pye_myrettime .timeline .rt-container .rt-content {
      padding: 7px 2%; }
      .pye_myrettime .timeline .rt-container .rt-content h5 {
        margin-bottom: 10.5px; }
      .pye_myrettime .timeline .rt-container .rt-content ul {
        margin-top: 10.5px; }
      .pye_myrettime .timeline .rt-container .rt-content li {
        margin-bottom: 10.5px; }
        .pye_myrettime .timeline .rt-container .rt-content li:last-of-type {
          margin-bottom: 0; }
      .pye_myrettime .timeline .rt-container .rt-content .rt-detail {
        margin-top: 10.5px; }
    .pye_myrettime .timeline .rt-container.overdue.admin-actions:before {
      border-left-color: #ffaa22; }
    .pye_myrettime .timeline .rt-container.overdue.member-actions:before {
      border-right-color: #ffaa22; }
  .pye_myrettime .timeline-header .grid h3 {
    text-align: center; }
    .pye_myrettime .timeline-header .grid h3:before {
      display: none; } }
@media (min-width: 769px) {
  .pye_myrettime .date-of-retirement {
    padding: 21px; }
  .pye_myrettime .timeline .rt-container .rt-content {
    padding: 7px 10px; } }

/*
  Mobile App Page Styling
  ============================
*/
@media (min-width: 769px) {
  .pye_mobpassword_v2 .content-primary {
    width: 64% !important; }
  .pye_mobpassword_v2 .content-secondary {
    width: 34% !important;
    margin-left: 66% !important; } }
.pye_mobpassword_v2 .caret {
  display: inline-block;
  margin-left: 3px;
  transition: transform 0.3s ease;
  width: 10px;
  height: 10px; }
  .pye_mobpassword_v2 .caret::before {
    content: '';
    display: block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid currentColor;
    transform: rotate(0deg); }
  .pye_mobpassword_v2 .caret.down::before {
    transform: rotate(180deg); }
.pye_mobpassword_v2 .help-content {
  display: none;
  margin: 21px;
  border: solid 1px #ffaa22;
  padding: 14px 15px;
  background: #fff5e9; }
.pye_mobpassword_v2 aside {
  padding: 21px; }
  .pye_mobpassword_v2 aside a.image-link img {
    width: 100%;
    height: 100%; }
.pye_mobpassword_v2 .negative-margin-left {
  margin-left: -15px; }
.pye_mobpassword_v2 #form-visible-PNL_MOB_SLIDE_MOB_TANDC ul li {
  float: revert;
  width: revert; }
.pye_mobpassword_v2 .panel-content-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: #fff url("/static/images/spinner.gif") no-repeat 50% 200px;
  opacity: 0.5;
  top: 0;
  left: 0;
  cursor: wait;
  display: none; }
.pye_mobpassword_v2 .swiper {
  width: 100%;
  height: 100%; }
  .pye_mobpassword_v2 .swiper .swiper-slide {
    justify-content: center;
    align-items: center; }
    .pye_mobpassword_v2 .swiper .swiper-slide .panel {
      background: none;
      border: none;
      margin: 0; }
  .pye_mobpassword_v2 .swiper .swiper-slide img {
    width: 200px;
    height: auto; }
  .pye_mobpassword_v2 .swiper .slide-faqs ul {
    margin-left: 0; }
  @media (max-width: 480px) {
    .pye_mobpassword_v2 .swiper .slide-action-buttons {
      text-align: center; } }
  .pye_mobpassword_v2 .swiper .slide-content-highlight-secondary,
  .pye_mobpassword_v2 .swiper .slide-content-highlight-primary {
    border: solid 1px #a8a8a8;
    border-width: 0px 0px 0px 0px;
    padding: 10px;
    margin: 10px; }
    @media (max-width: 480px) {
      .pye_mobpassword_v2 .swiper .slide-content-highlight-secondary .generate-qr-container,
      .pye_mobpassword_v2 .swiper .slide-content-highlight-secondary .generate-token-container,
      .pye_mobpassword_v2 .swiper .slide-content-highlight-secondary .secure-token-action,
      .pye_mobpassword_v2 .swiper .slide-content-highlight-primary .generate-qr-container,
      .pye_mobpassword_v2 .swiper .slide-content-highlight-primary .generate-token-container,
      .pye_mobpassword_v2 .swiper .slide-content-highlight-primary .secure-token-action {
        text-align: center; } }
  .pye_mobpassword_v2 .swiper #form_fields-PNL_MOB_SLIDE_DOWNLOAD,
  .pye_mobpassword_v2 .swiper #form_fields-PNL_MOB_SLIDE_GEN_INTRO,
  .pye_mobpassword_v2 .swiper #form_fields-PNL_MOB_SLIDE_FINISH {
    display: none; }
  .pye_mobpassword_v2 .swiper .content-disabled {
    position: relative;
    pointer-events: none; }
    .pye_mobpassword_v2 .swiper .content-disabled::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.7);
      z-index: 1; }
  .pye_mobpassword_v2 .swiper .pin-details {
    text-align: left;
    padding: 20px;
    margin-top: 20px; }
    .pye_mobpassword_v2 .swiper .pin-details .user-credential {
      margin: 10px 0;
      padding: 10px;
      border: 1px solid #ddd;
      border-radius: 5px;
      background-color: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      overflow: hidden; }
      .pye_mobpassword_v2 .swiper .pin-details .user-credential p {
        margin: 0;
        font-size: 16px;
        color: #333;
        flex-grow: 1;
        text-align: left; }
      .pye_mobpassword_v2 .swiper .pin-details .user-credential .copy-btn {
        display: none; }
      @media (max-width: 480px) {
        .pye_mobpassword_v2 .swiper .pin-details .user-credential {
          display: block; }
          .pye_mobpassword_v2 .swiper .pin-details .user-credential .copy-btn {
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            transition: background 0.3s ease, transform 0.3s ease;
            text-align: center;
            margin-top: 0.5rem;
            width: 100%;
            display: revert; } }
  .pye_mobpassword_v2 .swiper .qr-code-details .qr-code-img img {
    border-radius: 10px;
    width: 30%;
    height: auto; }
  @media (max-width: 480px) {
    .pye_mobpassword_v2 .swiper .qr-code-details .qr-code-img img {
      width: 60%; }
    .pye_mobpassword_v2 .swiper .qr-code-details .qr-code-action,
    .pye_mobpassword_v2 .swiper .qr-code-details .qr-code-img {
      text-align: center; } }
.pye_mobpassword_v2 .timeline-container {
  display: flex;
  justify-content: center;
  align-items: center; }
  .pye_mobpassword_v2 .timeline-container .timeline {
    list-style-type: none;
    display: flex;
    justify-content: center;
    width: 70%;
    margin-left: 0;
    margin-top: 1.5rem; }
    .pye_mobpassword_v2 .timeline-container .timeline li {
      transition: all 200ms ease-in;
      width: 33.33%;
      margin: revert; }
      .pye_mobpassword_v2 .timeline-container .timeline li a {
        text-decoration: none;
        color: #767676; }
      .pye_mobpassword_v2 .timeline-container .timeline li .status {
        padding: 0 10px;
        display: flex;
        justify-content: center;
        position: relative;
        transition: all 200ms ease-in;
        text-align: center; }
        .pye_mobpassword_v2 .timeline-container .timeline li .status:before {
          content: attr(data-step-number);
          width: 25px;
          height: 25px;
          background-color: white;
          border-radius: 25px;
          border: 2px solid #009ed1;
          position: absolute;
          top: -17px;
          transition: all 200ms ease-in;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 1; }
        .pye_mobpassword_v2 .timeline-container .timeline li .status::after {
          content: "";
          position: absolute;
          top: 0;
          left: 50%;
          width: 100%;
          border-top: 2px solid #009ed1; }
      .pye_mobpassword_v2 .timeline-container .timeline li.active .status::before {
        transition: all 200ms ease-in;
        border: 5px solid #009ed1; }
      .pye_mobpassword_v2 .timeline-container .timeline li.complete .status::before {
        transition: all 200ms ease-in;
        color: #fff;
        background-color: #009ed1;
        border: 5px solid #009ed1; }
      .pye_mobpassword_v2 .timeline-container .timeline li.complete.finish .status::before {
        transition: all 200ms ease-in;
        color: #fff;
        background-color: #00c400;
        border: 5px solid #00c400; }
      .pye_mobpassword_v2 .timeline-container .timeline li:last-child .status::after {
        display: none; }
    @media (max-width: 480px) {
      .pye_mobpassword_v2 .timeline-container .timeline {
        width: 100%; } }

/*
 Login / password reset / forgot user id
*/
.pre-login-forms article {
  max-width: 480px;
  margin: 0 auto;
  float: none; }
  .pre-login-forms article .panel-body {
    padding: 20px 15px 12px;
    min-height: 175px; }
  .pre-login-forms article .forgot-password {
    margin: 50px 0;
    font-size: 15px; }
    .pre-login-forms article .forgot-password h4 {
      margin: 18px 0 3px;
      font-size: 15px; }
  .pre-login-forms article .page-options button {
    margin-right: 3px; }
  .pre-login-forms article .panel.login-form li .controls input {
    font-size: 16px; }
  .pre-login-forms article .alert-block {
    margin-top: 25px; }
  @media (max-width: 600px) {
    .pre-login-forms article .panel.pwlookup-form input[id^="id_question"], .pre-login-forms article .panel.pwlookup-form input[type="text"] {
      width: 95%; } }
  @media (min-width: 600px) {
    .pre-login-forms article .panel ul li .controls {
      min-height: 45px; }
    .pre-login-forms article .panel.pwlookup-form li {
      margin-bottom: 0; }
      .pre-login-forms article .panel.pwlookup-form li .labels {
        width: 165px; }
      .pre-login-forms article .panel.pwlookup-form li .controls {
        margin-left: 175px; }
    .pre-login-forms article .panel.pwlookup-form input[id^="id_question"], .pre-login-forms article .panel.pwlookup-form input[type="text"] {
      width: 95%; }
    .pre-login-forms article .panel.pwlookup-form .page-options {
      max-width: 432px; }
    .pre-login-forms article .panel.login-form li {
      margin-bottom: 0; }
      .pre-login-forms article .panel.login-form li .labels {
        width: 100px; }
      .pre-login-forms article .panel.login-form li .controls {
        margin-left: 110px; }
        .pre-login-forms article .panel.login-form li .controls input {
          width: 200px;
          font-size: 15px; }
    .pre-login-forms article .panel.login-form .page-options {
      max-width: 326px; } }

/*
 Privacy Notice
*/
.privacy-notice h1.panel-heading {
  padding: 12px; }
.privacy-notice ol {
  padding: 0 12px; }
  .privacy-notice ol li {
    font-size: 1.1rem; }
    .privacy-notice ol li h2 {
      margin-top: 2em;
      font-size: inherit; }
    .privacy-notice ol li p {
      font-size: 0.9rem; }
    .privacy-notice ol li ul {
      list-style: disc; }
      .privacy-notice ol li ul li {
        font-size: 0.9rem; }
    .privacy-notice ol li:first-of-type h2 {
      margin-top: 0; }

/*
 Cookie Notice
*/
.cookies h1.panel-heading {
  padding: 12px 12px 0 12px;
  margin-bottom: 0.5em; }
.cookies header h4 {
  padding: 0 12px 12px 12px;
  margin-bottom: 0; }
.cookies h2 {
  margin-top: 2em;
  font-size: 1.1rem; }

/*
 Terms and conditions (public version - if required)
*/
.website-terms h1.panel-heading {
  padding: 12px 12px 0 12px;
  margin-bottom: 0.5em; }
.website-terms header h4 {
  padding: 0 12px 12px 12px;
  margin-bottom: 0; }
.website-terms p {
  font-size: 0.9rem; }
.website-terms ol {
  padding: 0 4px; }
  .website-terms ol li {
    font-size: 1.1rem; }
    .website-terms ol li h2 {
      margin-top: 2em;
      font-size: inherit; }
    .website-terms ol li:first-of-type h2 {
      margin-top: 0; }
    .website-terms ol li ol li {
      font-size: 0.9rem; }

/*
 Terms and conditions (form version)
*/
.terms .form {
  margin: 20px 0;
  text-align: right;
  width: 96%; }
.terms .form label {
  padding-right: 10px; }
.terms .download {
  font-size: 90%; }
.terms .agree {
  text-align: right;
  width: 96%; }

.terms-frame {
  width: 96%;
  border: solid 1px #ddd;
  min-height: 400px;
  margin-bottom: 5px; }

/*
 Switch Records
*/
.switch .columns-4 td.col1 span {
  width: 100%; }

/*
 Get Pin for mobile App
*/
@media (min-width: 769px) {
  .pye_mobpassword .content-primary {
    width: 64%; }
  .pye_mobpassword .content-secondary {
    width: 34%;
    margin-left: 66%; }
  .pye_mobpassword .content-tertiary {
    width: 34%;
    margin-left: 66%; } }
.pye_mobpassword .content-secondary aside {
  background: #fff; }
  .pye_mobpassword .content-secondary aside.pye-mobpassword-app-links {
    margin-top: 15px; }
.pye_mobpassword #mobtandcContent {
  margin: 21px 0; }
.pye_mobpassword .terms-frame {
  width: 100%;
  min-height: 320px; }
.pye_mobpassword .panel ul li {
  width: auto;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 0;
  vertical-align: middle; }
.pye_mobpassword .panel-body {
  padding: 0 21px;
  margin: 21px 0; }
.pye_mobpassword .pnl_mobpassword {
  padding-top: 0; }
  .pye_mobpassword .pnl_mobpassword h3 {
    display: none; }
.pye_mobpassword .icon-mobile-app {
  padding-left: 84px;
  background: transparent url("/static/images/icon-mobile-app.png") 21px no-repeat;
  background-size: 54px;
  min-height: 54px; }
.pye_mobpassword .icon-mobile-app-original {
  padding-left: 69px;
  background: transparent url("/static/images/icon-mobile-app-original.png") top left no-repeat;
  background-size: 54px;
  min-height: 54px; }
.pye_mobpassword .pin-wrapper {
  border: solid 1px #a8a8a8; }
.pye_mobpassword .panel-body.mob-terms {
  padding-bottom: 0; }
.pye_mobpassword .ajax-spinner {
  display: block;
  position: relative; }
.pye_mobpassword .passcode {
  background: #009ed1;
  color: #fff;
  border: solid 1px #009ed1;
  padding: 2px 5px; }
.pye_mobpassword .icon-pdf:after {
  display: inline-block;
  content: '';
  margin: 0 3px -3px 3px;
  width: 16px;
  height: 16px;
  background: transparent url("/static/images/icons/icon-pdf.svg") center center no-repeat;
  background-size: cover;
  position: relative; }
.pye_mobpassword .messaging {
  margin: 0 15px 15px 15px;
  padding: 15px;
  border: solid 1px #fff; }
.pye_mobpassword .messaging.success {
  background: #e2eed9;
  border: solid 1px #acce93; }
.pye_mobpassword .messaging.error {
  background: #eecaca;
  border: solid 1px #d57d7d; }
.pye_mobpassword .panel ul li .controls {
  min-height: 36px; }
.pye_mobpassword .panel .labels {
  font-size: 1.125rem;
  line-height: 1.167;
  margin-bottom: 1em; }
  .pye_mobpassword .panel .labels label {
    font-size: inherit; }
.pye_mobpassword .panel label {
  font-size: 0.875rem; }
.pye_mobpassword input[type='radio'] {
  vertical-align: middle; }
.pye_mobpassword .pnl_mobpassword .page-options,
.pye_mobpassword .pnl_mobpassword2 .page-options,
.pye_mobpassword .pye-mobpassword-resetapp .page-options {
  padding-top: 0; }
.pye_mobpassword .pnl_mobpassword ul.unstyled,
.pye_mobpassword .pnl_mobpassword2 ul.unstyled,
.pye_mobpassword .pye-mobpassword-resetapp ul.unstyled {
  margin: 0; }
.pye_mobpassword .pnl_mobpassword2 .panel header h2 {
  padding-left: 0; }
.pye_mobpassword .pnl_mobpassword2 h2.icon-mobile-app {
  padding-left: 70px !important;
  background-position: 0 0 !important; }
.pye_mobpassword .pye-mobpassword-oldmob {
  margin: 54px 21px 21px 21px;
  padding: 21px 0;
  background: #fff;
  opacity: 0.75; }
.pye_mobpassword .video-link {
  line-height: 53px;
  display: block; }
.pye_mobpassword .icon-video {
  height: 53px;
  margin-right: 6px;
  display: block;
  float: left; }
.pye_mobpassword .content-secondary aside {
  padding: 21px; }
.pye_mobpassword ul.alt-layout img {
  width: auto;
  height: 48px;
  display: block;
  border: 2px solid transparent; }
@media (min-width: 600px) {
  .pye_mobpassword ul.alt-layout li {
    float: left;
    margin-bottom: 9px; }
    .pye_mobpassword ul.alt-layout li:nth-child(2n+1) {
      clear: none; } }
@media (min-width: 769px) {
  .pye_mobpassword ul.alt-layout li {
    width: auto; }
    .pye_mobpassword ul.alt-layout li img {
      height: 44px; } }
.pye_mobpassword .carousel .item img {
  float: left;
  width: 50%; }
.pye_mobpassword .carousel .item .text-panel {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 21px; }
.pye_mobpassword a.image-link img {
  width: 100%;
  height: 100%; }
.pye_mobpassword .panel.video .panel-body.flex {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column; }
  @media (min-width: 769px) {
    .pye_mobpassword .panel.video .panel-body.flex {
      flex-direction: row; } }
  .pye_mobpassword .panel.video .panel-body.flex .pdf-placeholder {
    margin-top: 15px; }
    @media (min-width: 769px) {
      .pye_mobpassword .panel.video .panel-body.flex .pdf-placeholder {
        margin-top: 0; } }

/*
Unit Prices
*/
.pye_fundpg .filter {
  padding: 10px 0 20px; }
  .pye_fundpg .filter .filter-item {
    padding-bottom: 9px; }
  .pye_fundpg .filter .linewrap label {
    width: 90px; }
.pye_fundpg .panel .unit-price-filters ul {
  overflow: hidden;
  width: 100%;
  margin: 0 0 15px;
  padding: 0; }
.pye_fundpg .panel .unit-price-filters ul li {
  font-size: 13px;
  line-height: 18px;
  margin: 0 2% 5px 0;
  position: relative;
  overflow: hidden; }
.pye_fundpg .panel .unit-price-filters ul li input {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 20px; }
.pye_fundpg .panel .unit-price-filters ul li label {
  display: block;
  margin-left: 20px;
  width: 100%; }
.pye_fundpg .panel ul.unit-price-options {
  margin: 18px 0 12px; }
.pye_fundpg .panel ul.unit-price-options li {
  margin-bottom: 15px; }
.pye_fundpg .panel .chart {
  height: auto; }
.pye_fundpg h3 {
  border-bottom: dotted 1px #dbdbdb;
  padding-bottom: 15px;
  margin-bottom: 9px;
  color: #7f35b2; }
.pye_fundpg .chart-notes {
  text-align: right;
  margin-bottom: 24px; }
.pye_fundpg .unit-price-filters ul li {
  width: 48%;
  float: left; }
@media (min-width: 600px) {
  .pye_fundpg .pye_fundpg .bottom-notes {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px; } }
@media (min-width: 769px) {
  .pye_fundpg .unit-price-filters ul li {
    width: 30%;
    float: left; }
  .pye_fundpg .unit-price-filters ul li:nth-child(odd) {
    clear: none; }
  .pye_fundpg .unit-price-filters ul li:nth-child(3n+1) {
    clear: left; } }

/*
 My Beneficiaries summary panels (homepage and top level page)
*/
#panelBodyPNL_NOMINATION_FORM .labels,
#panelBodyPNL_NOMINATION_FORM .controls {
  display: inline-block;
  width: auto;
  min-height: 0;
  margin: 0 3px 0 0; }

/*
 My Beneficiaries
*/
.beneficiary-allocation {
  position: relative; }
  .beneficiary-allocation table {
    margin: 0; }
    .beneficiary-allocation table th {
      padding-top: 3px; }
    .beneficiary-allocation table td.allocation input {
      width: 60px; }
    .beneficiary-allocation table td.data-values {
      display: none; }

#lumpsum-total, #pension-total {
  margin-left: 0%;
  width: auto; }

/* Styling for add Beneficiary */
.pye_amrnd1 .panel ul.unstyled .pnl_nomination_detaildet__wwnd24x {
  width: 90%; }
  .pye_amrnd1 .panel ul.unstyled .pnl_nomination_detaildet__wwnd24x textarea {
    width: 90%;
    height: 100px; }
.pye_amrnd1 .panel ul.unstyled .address-lookup-container {
  margin-bottom: 15px;
  background: #e6e6e6;
  padding: 15px; }
  .pye_amrnd1 .panel ul.unstyled .address-lookup-container h5 {
    margin-bottom: 0; }
.pye_amrnd1 .ui-dialog .ui-dialog-content {
  padding-top: 21px; }
.pye_amrnd1 .ui-dialog .ui-dialog-titlebar {
  display: none; }
@media (min-width: 1200px) {
  .pye_amrnd1 .panel .address-lookup-container {
    margin: 24px 0 9px; }
  .pye_amrnd1 .panel ul.unstyled li:nth-child(odd) {
    clear: none; }
  .pye_amrnd1 .panel ul.unstyled .pnl_nomination_detaildet__nd05x, .pye_amrnd1 .panel ul.unstyled .pnl_nomination_detaildet__nd06x {
    width: 18%; }
  .pye_amrnd1 .panel ul.unstyled .pnl_nomination_detaildet__nd03x, .pye_amrnd1 .panel ul.unstyled .pnl_nomination_detaildet__nd18d {
    width: 32%; }
  .pye_amrnd1 .panel ul.unstyled .pnl_nomination_detaildet__nd20a, .pye_amrnd1 .panel ul.unstyled .pnl_nomination_detaildet__nd11x {
    width: 50%; }
  .pye_amrnd1 .panel .panel-body .page-options {
    margin: 15px 0 9px; }
    .pye_amrnd1 .panel .panel-body .page-options .ajax-spinner {
      width: 230px;
      height: 50px; }
  .pye_amrnd1 .panel.beneficiary-detail ul {
    margin-bottom: 18px; }
    .pye_amrnd1 .panel.beneficiary-detail ul li {
      margin-bottom: 12px; } }

/*
 My Beneficiaries - confirmation page
*/
.pye_amrnd1_pdf .panel .panel-body h4 {
  border-top: solid 1px #ececec;
  padding: 9px 0;
  margin: 0; }
.pye_amrnd1_pdf .panel .panel-body address {
  margin: 0 0 15px; }
.pye_amrnd1_pdf .panel .panel-body p {
  margin: 0 0 9px; }
@media (max-width: 480px) {
  .pye_amrnd1_pdf .page-options a.button {
    display: block;
    margin: 0 5% 15px;
    float: none; } }

/*
 Help
*/
.help-answers h4,
.help-answers h5 {
  margin-top: 25px;
  border-top: dotted 1px #dbdbdb;
  padding-top: 10px; }
.help-answers h4 {
  font-size: 20px; }
.help-answers ul li {
  float: none;
  width: 100%; }
.help-answers dl dt {
  float: none;
  width: 100%;
  font-size: 17px;
  color: #444;
  text-transform: none; }
.help-answers dl dd {
  margin-left: 0; }

/*
 Home
*/
.pye_homepage .flexslider {
  margin: 30px 0 50px;
  height: 350px;
  border: solid 1px #a8a8a8;
  border-radius: 0;
  box-shadow: none; }
  .pye_homepage .flexslider .slides li {
    margin-right: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    .pye_homepage .flexslider .slides li .text-panel {
      padding: 30px;
      max-width: 350px;
      height: 290px;
      background: rgba(0, 0, 0, 0.7);
      color: #fff; }
      .pye_homepage .flexslider .slides li .text-panel h1 {
        color: #fff; }
    .pye_homepage .flexslider .slides li.eggs {
      background: url("/static/images/carousel/eggs.jpg") no-repeat center center; }
    .pye_homepage .flexslider .slides li.balloon {
      background: url("/static/images/carousel/flower.jpg") no-repeat center center; }
  .pye_homepage .flexslider .flex-direction-nav a {
    height: 30px;
    margin: -15px 0 0; }
    .pye_homepage .flexslider .flex-direction-nav a:before {
      font-size: 30px; }
  .pye_homepage .flexslider .flex-direction-nav .flex-next {
    right: 5px; }
  .pye_homepage .flexslider .flex-direction-nav .flex-prev {
    left: 5px; }
.pye_homepage .panel {
  /* Increase label width for specific panels - consider moving this to bgroup level */ }
  .pye_homepage .panel ul li .labels {
    float: left;
    width: 30%; }
  .pye_homepage .panel ul li .controls {
    min-height: 27px;
    margin-left: 32%; }
  .pye_homepage .panel ul li .chart-container {
    min-height: 280px; }
  .pye_homepage .panel .pnl_tax_info ul li .labels,
  .pye_homepage .panel .pnl_initial_pension ul li .labels {
    width: 50%; }
  .pye_homepage .panel .pnl_tax_info ul li .controls,
  .pye_homepage .panel .pnl_initial_pension ul li .controls {
    margin-left: 52%; }
  .pye_homepage .panel #panelBodyPNL_MY_FLEX_SUMMARY img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 21px; }
  .pye_homepage .panel #panelBodyPNL_RINP_SCHEDULE,
  .pye_homepage .panel #panelBodyPNL_SINP_SCHEDULE {
    padding-bottom: 0; }

/*
 My progress tracker
*/
.progress-panel {
  background-color: #ececec; }

.progress-bar {
  position: relative;
  width: auto;
  height: 20px;
  background-color: #fff;
  padding: 0 34px 0 0;
  border: 2px #fff solid;
  clear: both;
  border-radius: 10px; }
  .progress-bar:after {
    font-family: "epa";
    content: "\0053";
    font-size: 1.2rem;
    line-height: 1.15;
    position: absolute;
    top: 0.0rem;
    right: 0.25rem; }

.percent-complete {
  width: 0;
  background: #7f35b2;
  padding: 0 0 0 0;
  height: 16px;
  min-width: 3%;
  max-width: 100%;
  float: left;
  animation: progressReveal 2s 1 forwards;
  border-radius: 10px 0 0 10px;
  margin-top: 2px;
  margin-left: 2px; }
  .percent-complete:hover {
    background: #552377 !important; }

@keyframes progressReveal {
  to {
    width: 100%;
    background: #7f35b2; } }
.progress-label {
  margin: 2px 0 2px 0; }

a .progress-bar:hover .percent-complete,
a .progress-bar:focus .percent-complete {
  background: #552377 !important;
  border-width: 20px; }

/*
 Admin home
*/
.pye_admin_home .feature-area {
  padding: 30px 0; }
@media (min-width: 769px) {
  .pye_admin_home .panel {
    min-height: 320px; } }
.pye_admin_home .panel .admin-panel-icon {
  position: absolute;
  top: 0;
  left: -50px;
  width: 50px;
  height: 60px; }
  .pye_admin_home .panel .admin-panel-icon.member {
    background: url("/static/images/admin-icons-panels.png") no-repeat 0 -64px; }
  .pye_admin_home .panel .admin-panel-icon.scheme {
    background: url("/static/images/admin-icons-panels.png") no-repeat 0 -128px; }
  .pye_admin_home .panel .admin-panel-icon.reports {
    background: url("/static/images/admin-icons-panels.png") no-repeat 0 -192px; }
.pye_admin_home .panel .panel-body {
  margin-left: 50px; }

/*
  File Manager
*/
@media (min-width: 769px) {
  .pye_outfmf1 .s2 .content-primary {
    width: 100%;
    margin-right: 0;
    float: none; }
  .pye_outfmf1 .s2 .content-secondary {
    width: 100%;
    margin-left: 0; }
  .pye_outfmf1 .s2 .content-tertiary {
    width: 100%;
    margin-left: 0; } }
@media (min-width: 900px) {
  .pye_outfmf1 .s2 .content-primary {
    width: 67%;
    margin-right: 2%;
    float: left; }
  .pye_outfmf1 .s2 .content-secondary {
    width: 31%;
    margin-left: 69%; }
  .pye_outfmf1 .s2 .content-tertiary {
    width: 31%;
    margin-left: 69%; } }

/*
 Contact us
*/
.contact-us .contact-type {
  margin: 21px 0 24px; }
  .contact-us .contact-type p {
    margin-bottom: 6px; }

/*
 Mailing preferences
*/
.pye_epa_com1 .panel ul li {
  width: 100%; }
.pye_epa_com1 .panel ul ul {
  margin: 9px 0 21px; }
.pye_epa_com1 .button.secondary {
  display: none;
  /* I am going to hide the cancel button for this form as it has no function */ }
.pye_epa_com1 .panel ul.radio li {
  position: relative;
  padding-left: 20px;
  box-sizing: border-box; }
  .pye_epa_com1 .panel ul.radio li input {
    position: absolute;
    top: 4px;
    left: 0; }

/*
 Optout
*/
.pye_optout .panel ul li,
.pye_optout1 .panel ul li {
  margin-bottom: 12px; }
.pye_optout .field-data,
.pye_optout1 .field-data {
  margin: 30px 0; }

/*
 Feedback
*/
.pye_feedback .pnl_feedback__feedback textarea {
  width: 90%; }
.pye_feedback .radio-options {
  margin: 27px 0; }

/*
 Fund Balance - landing pages
*/
@media (min-width: 900px) {
  .fund-balance-listing .panel .panel-body .chart-container {
    float: left;
    width: 38%; }
  .fund-balance-listing .panel .panel-body .chart-table-container {
    border-left: solid 2px #7f35b2;
    margin: 55px 16px 0 40%;
    padding-left: 10px; } }

/*
 Calcs
*/
.pye_calcis .panel ul.calcs-options {
  margin: 6px 0 18px; }
  .pye_calcis .panel ul.calcs-options li {
    margin-bottom: 6px; }
  .pye_calcis .panel ul.calcs-options li label {
    color: #444;
    font-size: 12.75px; }
.pye_calcis .panel ul li.pnl_calcis__calctype .required {
  display: none; }
.pye_calcis .panel #btn-cancel-PNL_CALCIS {
  display: none; }

.pye_acsin #btn-cancel-ACSIN {
  display: none; }

/*
 Spouse and Dependants (might need to move this to panels.scss if same presentation is required on other panels/pages)
*/
.pye_depdet .panel .panel {
  margin: 15px;
  border: solid 1px #ececec; }
.pye_depdet .panel .panel .panel-body {
  padding: 15px; }
.pye_depdet h3.panel-body-heading {
  padding: 12px 30px 12px 15px;
  font-size: 16px;
  margin: 0; }

/*
 Full Site Guide (Help)
*/
.helpall .panel .help-item {
  border: solid 1px #dbdbdb;
  margin-bottom: 15px; }
  .helpall .panel .help-item h3.help-title {
    margin: 0;
    font-size: 1rem; }
    .helpall .panel .help-item h3.help-title a {
      color: #444;
      text-decoration: none;
      padding: 6px 5px;
      display: block; }
      .helpall .panel .help-item h3.help-title a:before {
        font-size: 12px;
        padding-right: 3px;
        color: rgba(68, 68, 68, 0.5); }
      .helpall .panel .help-item h3.help-title a:hover, .helpall .panel .help-item h3.help-title a:focus {
        background: #eee; }
  .helpall .panel .help-item .help-text {
    padding: 0 20px 0; }
    .helpall .panel .help-item .help-text h4 {
      margin: 18px 0 12px;
      color: #7f35b2; }

/*
 Refund of Protected Rights Funds
*/
.pye_prr03 .panel .panel-body .page-options .ajax-spinner {
  width: 100%;
  height: 100%; }

/*
 Admin - member search
*/
.pye_immsl1 td.bgroup,
.pye_immsl1 th.bgroup {
  display: none; }
.pye_immsl1 .filter-body .filter {
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 0; }
  .pye_immsl1 .filter-body .filter .filter-item {
    margin-bottom: 15px; }
    @media (min-width: 769px) {
      .pye_immsl1 .filter-body .filter .filter-item {
        float: left;
        width: 50%;
        margin-bottom: 9px;
        min-height: 42px; } }
    @media (min-width: 769px) {
      .pye_immsl1 .filter-body .filter .filter-item label {
        float: left;
        width: 25%;
        padding-top: 4px; } }
    @media (min-width: 769px) {
      .pye_immsl1 .filter-body .filter .filter-item .filter-controls {
        float: left;
        width: 70%; } }
    .pye_immsl1 .filter-body .filter .filter-item .filter-controls input {
      width: 100%;
      margin-right: 0;
      box-sizing: border-box; }

/*
 Death in service pension election
*/
.pye_epa_dds1 .icon-page-help {
  display: none; }
.pye_epa_dds1 .panel-body.introduction {
  padding-bottom: 0; }
.pye_epa_dds1 .panel-body.more-information {
  margin-top: 21px; }
.pye_epa_dds1 .current-option span {
  color: #7f35b2;
  margin-bottom: 0; }
.pye_epa_dds1 .current-option p {
  margin-bottom: 0; }
.pye_epa_dds1 ul.alt-layout {
  margin-bottom: 0; }
  .pye_epa_dds1 ul.alt-layout li.pnl_epa_dds1__me03x {
    float: none;
    width: 100%; }
    .pye_epa_dds1 ul.alt-layout li.pnl_epa_dds1__me03x .labels {
      display: none; }
  .pye_epa_dds1 ul.alt-layout li:nth-child(odd) {
    clear: none; }
  .pye_epa_dds1 ul.alt-layout li ul.radio {
    margin-bottom: 30px;
    overflow: hidden; }
    .pye_epa_dds1 ul.alt-layout li ul.radio li {
      margin-bottom: 12px;
      position: relative; }
      .pye_epa_dds1 ul.alt-layout li ul.radio li input[type='radio'] {
        position: absolute;
        top: 2px;
        left: 0; }
      .pye_epa_dds1 ul.alt-layout li ul.radio li label {
        padding-left: 22px; }

/*
 Contact Details
*/
.pye_psf17u .panel ul.unstyled li.full-width {
  margin-bottom: 6px; }
.pye_psf17u .panel ul.unstyled li.address-lookup-container {
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 21px;
  background: #e6e6e6; }
.pye_psf17u .panel ul.unstyled li select {
  max-width: 194px; }
.pye_psf17u .panel ul.unstyled li h5 {
  margin-bottom: 0; }

/*
 Sitemap
*/
.sitemap .panel ul {
  padding: 0;
  margin: 0; }
  .sitemap .panel ul li {
    padding: 0 3% 0 0;
    margin: 0 0 6px; }
    @media (min-width: 600px) {
      .sitemap .panel ul li {
        width: 45%;
        float: left; } }
    @media (min-width: 769px) {
      .sitemap .panel ul li {
        width: 30%;
        float: left; } }
    .sitemap .panel ul li:nth-child(3n+5) {
      clear: both; }
    .sitemap .panel ul li:first-child {
      width: 100%;
      margin: 0 0 12px; }
    .sitemap .panel ul li h4 {
      margin: 0 0 12px; }
    .sitemap .panel ul li a {
      color: #444;
      text-decoration: none; }
    .sitemap .panel ul li ul {
      margin: 12px 0 30px;
      border-top: solid 1px #dbdbdb;
      padding-top: 15px; }
      .sitemap .panel ul li ul li {
        float: none;
        width: 100%;
        margin: 0 0 9px; }
        .sitemap .panel ul li ul li:first-child {
          margin: 0 0 9px; }
        .sitemap .panel ul li ul li:nth-child(3n+5) {
          clear: none; }
        .sitemap .panel ul li ul li a {
          text-decoration: none; }

/*
 Bank Lookup
*/
.bank-lookup .ajax-results {
  overflow: hidden; }
  .bank-lookup .ajax-results h5 {
    margin: 0 0 9px; }
  .bank-lookup .ajax-results .payment-to {
    font-size: 21.012px; }
  .bank-lookup .ajax-results .status-box {
    position: relative;
    padding: 15px 15px 15px 38px;
    background: #eee;
    border: solid 1px #dbdbdb;
    margin: 0 0 24px; }
    .bank-lookup .ajax-results .status-box.caution {
      background: #fff5e9;
      border: solid 1px #ffaa22; }
      .bank-lookup .ajax-results .status-box.caution:before {
        font-size: 18px;
        font-family: "epa" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        content: "a";
        color: #ffa009;
        position: absolute;
        top: 13px;
        left: 10px; }
    .bank-lookup .ajax-results .status-box.pass {
      background: #e2eed9;
      border: solid 1px #acce93; }
      .bank-lookup .ajax-results .status-box.pass:before {
        font-size: 18px;
        font-family: "epa" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        content: "f";
        color: #76ad4e;
        position: absolute;
        top: 13px;
        left: 10px; }
    .bank-lookup .ajax-results .status-box p {
      margin: 0 0 6px; }
      .bank-lookup .ajax-results .status-box p:last-child {
        margin: 0; }
  .bank-lookup .ajax-results ul.account-details li:nth-child(odd) {
    margin: 0 0 3px; }
  .bank-lookup .ajax-results ul.account-details li:nth-child(even) {
    margin: 0 0 9px; }
  .bank-lookup .ajax-results .branch-wrapper, .bank-lookup .ajax-results .ho-wrapper {
    margin: 10px 0 0; }
    .bank-lookup .ajax-results .branch-wrapper .bank-box, .bank-lookup .ajax-results .ho-wrapper .bank-box {
      box-sizing: border-box;
      border: solid 1px #a8a8a8;
      border-width: 0px 0px 0px 0px;
      border-left-width: 3px;
      padding: 5px;
      margin: 0 3% 9px 0 !important;
      min-height: 50px; }
      .bank-lookup .ajax-results .branch-wrapper .bank-box:nth-child(2n+3), .bank-lookup .ajax-results .ho-wrapper .bank-box:nth-child(2n+3) {
        clear: both; }
  @media (min-width: 600px) {
    .bank-lookup .ajax-results .branch-wrapper {
      float: left;
      width: 48%;
      margin-right: 2%; }
    .bank-lookup .ajax-results .ho-wrapper {
      float: left;
      width: 48%; }
    .bank-lookup .ajax-results .branch-wrapper .bank-box, .bank-lookup .ajax-results .ho-wrapper .bank-box {
      float: left;
      width: 43%; } }
  .bank-lookup .ajax-results .bank_addr4, .bank-lookup .ajax-results .ho_bank_addr4 {
    margin-bottom: 12px; }
  .bank-lookup .ajax-results .status, .bank-lookup .ajax-results .recommended_acct, .bank-lookup .ajax-results .recommended_bic {
    display: none; }

/*
 TwoFA Pages
*/
.twofa label {
  width: 100%; }
.twofa .validated-contact-badge {
  float: right;
  padding: 5px;
  background-color: #009f00;
  color: #fff; }
.twofa ul {
  list-style: none; }
.twofa span.text-emphasis {
  color: #bb0000; }

@media (min-width: 600px) {
  /*
   Cookies
  */
  .cookies .columns-2 th,
  .cookies .columns-2 td {
    width: auto; }
  .cookies .columns-2 th.last,
  .cookies .columns-2 td.last {
    text-align: left; }

  /*
   Change password and Set language
  */
  .passwordmanual ul.single-line .labels,
  .setlanguage ul.single-line .labels {
    width: 30%; }
  .passwordmanual ul.single-line .controls,
  .setlanguage ul.single-line .controls {
    float: left;
    width: 60%;
    margin-left: 0; } }
@media (min-width: 769px) {
  /*
   Terms and conditions
  */
  .tandcn header p,
  .tandcn header li {
    margin-bottom: 9px; } }
@media (min-width: 1200px) {
  /*
   Change password and Set language
  */
  .passwordmanual ul.single-line .labels,
  .setlanguage ul.single-line .labels {
    width: 20%; } }
/*
Two-Factor / Contact Details Custom layout
============================
*/
/*
 Non 2FA styling, extended for 2FA styling
 Non-2fa has no class 'twofa-contact-details' on the body
 but DOES have 'twofa-contact-details' on the list
*/
.is_validated {
  background-color: #00c400;
  color: #fff; }

.ui-button.secondary {
  color: #767676;
  background: #f4f4f4;
  border: solid 1px #9a9999; }
  .ui-button.secondary:hover {
    color: #009ed1;
    background: #f4f4f4;
    border: solid 1px #009ed1; }
  .ui-button.secondary:active {
    color: #009ed1;
    background: #f4f4f4;
    border: solid 1px #009ed1; }
  .ui-button.secondary:focus {
    color: #009ed1;
    background: #f4f4f4;
    border: solid 1px #009ed1; }

/* For non-2FA clients */
div.twofa-contact-details ul.unstyled.alt-layout li,
.pnl_cont_details ul.unstyled.alt-layout li,
ul.unstyled.alt-layout.twofa-contact-details li {
  box-sizing: border-box; }
  div.twofa-contact-details ul.unstyled.alt-layout li input, div.twofa-contact-details ul.unstyled.alt-layout li select, div.twofa-contact-details ul.unstyled.alt-layout li textarea,
  .pnl_cont_details ul.unstyled.alt-layout li input,
  .pnl_cont_details ul.unstyled.alt-layout li select,
  .pnl_cont_details ul.unstyled.alt-layout li textarea,
  ul.unstyled.alt-layout.twofa-contact-details li input,
  ul.unstyled.alt-layout.twofa-contact-details li select,
  ul.unstyled.alt-layout.twofa-contact-details li textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-right: 0;
    padding: 15px 9px; }
div.twofa-contact-details ul.unstyled.alt-layout li.address-lookup-container,
.pnl_cont_details ul.unstyled.alt-layout li.address-lookup-container,
ul.unstyled.alt-layout.twofa-contact-details li.address-lookup-container {
  padding: 21px;
  background: #e6e6e6; }
  div.twofa-contact-details ul.unstyled.alt-layout li.address-lookup-container .controls .ui-selectmenu-button,
  .pnl_cont_details ul.unstyled.alt-layout li.address-lookup-container .controls .ui-selectmenu-button,
  ul.unstyled.alt-layout.twofa-contact-details li.address-lookup-container .controls .ui-selectmenu-button {
    width: 100% !important;
    box-sizing: border-box;
    float: none; }

@media (min-width: 600px) {
  div.twofa-contact-details ul.unstyled.alt-layout,
  .pnl_cont_details ul.unstyled.alt-layout,
  ul.unstyled.alt-layout.twofa-contact-details {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: auto;
    align-content: start; }
    div.twofa-contact-details ul.unstyled.alt-layout div.labels,
    .pnl_cont_details ul.unstyled.alt-layout div.labels,
    ul.unstyled.alt-layout.twofa-contact-details div.labels {
      width: 100%; }
      div.twofa-contact-details ul.unstyled.alt-layout div.labels h4,
      .pnl_cont_details ul.unstyled.alt-layout div.labels h4,
      ul.unstyled.alt-layout.twofa-contact-details div.labels h4 {
        margin-top: 1em; }
    div.twofa-contact-details ul.unstyled.alt-layout li,
    .pnl_cont_details ul.unstyled.alt-layout li,
    ul.unstyled.alt-layout.twofa-contact-details li {
      flex: 1 0 auto;
      min-width: auto;
      margin-top: 18px;
      float: none;
      clear: none; }
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="question"],
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="answer"],
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="_email"],
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="password"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="question"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="answer"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="_email"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="password"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="question"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="answer"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="_email"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="password"] {
      width: 49%; }
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="question"],
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="_email"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="question"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="_email"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="question"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="_email"] {
      padding-right: 1%; }
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="answer"],
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="password"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="answer"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="password"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="answer"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="password"] {
      padding-left: 1%; }
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="emailadr"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="emailadr"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="emailadr"] {
      width: 100%;
      max-width: 100%;
      padding-right: 0;
      margin-top: 0; }
      div.twofa-contact-details ul.unstyled.alt-layout li[class*="emailadr"] .controls,
      .pnl_cont_details ul.unstyled.alt-layout li[class*="emailadr"] .controls,
      ul.unstyled.alt-layout.twofa-contact-details li[class*="emailadr"] .controls {
        max-width: 50%; }
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="cnty"] .labels,
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="cntycode"] .labels,
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="phon"] .labels,
    .pnl_cont_details ul.unstyled.alt-layout li[class*="cnty"] .labels,
    .pnl_cont_details ul.unstyled.alt-layout li[class*="cntycode"] .labels,
    .pnl_cont_details ul.unstyled.alt-layout li[class*="phon"] .labels,
    ul.unstyled.alt-layout.twofa-contact-details li[class*="cnty"] .labels,
    ul.unstyled.alt-layout.twofa-contact-details li[class*="cntycode"] .labels,
    ul.unstyled.alt-layout.twofa-contact-details li[class*="phon"] .labels {
      min-height: auto; }
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="cnty"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="cnty"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="cnty"] {
      width: 50%;
      padding-right: 1%; }
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="cntycode"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="cntycode"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="cntycode"] {
      width: 18%; }
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="phon"],
    .pnl_cont_details ul.unstyled.alt-layout li[class*="phon"],
    ul.unstyled.alt-layout.twofa-contact-details li[class*="phon"] {
      width: 32%; }
    div.twofa-contact-details ul.unstyled.alt-layout li.address-lookup-container .controls,
    .pnl_cont_details ul.unstyled.alt-layout li.address-lookup-container .controls,
    ul.unstyled.alt-layout.twofa-contact-details li.address-lookup-container .controls {
      display: flex; }
      div.twofa-contact-details ul.unstyled.alt-layout li.address-lookup-container .controls .ui-selectmenu-button,
      .pnl_cont_details ul.unstyled.alt-layout li.address-lookup-container .controls .ui-selectmenu-button,
      ul.unstyled.alt-layout.twofa-contact-details li.address-lookup-container .controls .ui-selectmenu-button {
        margin-bottom: 0;
        width: 33% !important; }
    div.twofa-contact-details ul.unstyled.alt-layout li[class*="addrdet"].full-width .controls,
    .pnl_cont_details ul.unstyled.alt-layout li[class*="addrdet"].full-width .controls,
    ul.unstyled.alt-layout.twofa-contact-details li[class*="addrdet"].full-width .controls {
      max-width: 50%;
      min-height: auto; } }
@media (min-width: 769px) {
  div.twofa-contact-details ul.unstyled.alt-layout li input, div.twofa-contact-details ul.unstyled.alt-layout li select, div.twofa-contact-details ul.unstyled.alt-layout li textarea,
  .pnl_cont_details ul.unstyled.alt-layout li input,
  .pnl_cont_details ul.unstyled.alt-layout li select,
  .pnl_cont_details ul.unstyled.alt-layout li textarea,
  ul.unstyled.alt-layout.twofa-contact-details li input,
  ul.unstyled.alt-layout.twofa-contact-details li select,
  ul.unstyled.alt-layout.twofa-contact-details li textarea {
    padding: 10px 8px; } }
/* For 2FA clients */
@media (min-width: 600px) {
  .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="emails"],
  .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="emails"],
  .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="emails"] {
    width: 50%;
    max-width: 50%; }
    .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="emails"] .controls,
    .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="emails"] .controls,
    .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="emails"] .controls {
      max-width: none; }
  .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="cnty"],
  .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="cnty"],
  .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="cnty"] {
    width: 35%;
    padding-right: 1%; }
  .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="cntycode"],
  .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="cntycode"],
  .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="cntycode"] {
    width: 15%;
    padding-right: 1%; }
  .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="phon"],
  .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="phon"],
  .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="phon"] {
    width: 20%;
    max-width: 20%; }
  .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="btn_fld"],
  .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="btn_fld"],
  .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="btn_fld"] {
    width: 27%;
    max-width: 27%;
    align-items: end;
    padding: 0; }
    .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="btn_fld"] .controls,
    .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="btn_fld"] .controls,
    .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="btn_fld"] .controls {
      display: flex;
      flex-direction: column;
      justify-content: end;
      height: 100%;
      min-height: auto; }
      .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="btn_fld"] .controls .page-options,
      .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="btn_fld"] .controls .page-options,
      .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="btn_fld"] .controls .page-options {
        min-height: auto;
        min-width: auto;
        padding-top: 0; }
      .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="btn_fld"] .controls button,
      .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="btn_fld"] .controls button,
      .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="btn_fld"] .controls button {
        width: auto;
        padding: 15px;
        margin-bottom: 0;
        margin-left: 2%; }
        .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="btn_fld"] .controls button:last-of-type,
        .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="btn_fld"] .controls button:last-of-type,
        .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="btn_fld"] .controls button:last-of-type {
          margin-left: 0; }
  .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="email_btn_fld"],
  .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="email_btn_fld"],
  .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="email_btn_fld"] {
    width: 50%;
    max-width: 50%; }
    .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="email_btn_fld"] .controls,
    .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="email_btn_fld"] .controls,
    .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="email_btn_fld"] .controls {
      max-width: none; } }
@media (min-width: 769px) {
  .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li input, .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li select, .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li textarea,
  .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li input,
  .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li select,
  .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li textarea,
  .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li input,
  .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li select,
  .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li textarea {
    padding: 9px; }
  .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="btn_fld"] .controls,
  .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="btn_fld"] .controls,
  .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="btn_fld"] .controls {
    justify-content: center; }
    .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="btn_fld"] .controls .page-options,
    .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="btn_fld"] .controls .page-options,
    .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="btn_fld"] .controls .page-options {
      padding: 0 0 0 0; }
      .twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout li[class*="btn_fld"] .controls .page-options button,
      .twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="btn_fld"] .controls .page-options button,
      .twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="btn_fld"] .controls .page-options button {
        padding: 8px 12px; } }

@media (min-width: 600px) {
  .pye_psf17u .pnl_cont_details ul.unstyled.alt-layout li[class*="emailadr"] .controls,
  .pye_psf17u ul.unstyled.alt-layout.twofa-contact-details li[class*="emailadr"] .controls {
    max-width: 48%; }
  .pye_psf17u .pnl_cont_details ul.unstyled.alt-layout li[class*="phon"],
  .pye_psf17u ul.unstyled.alt-layout.twofa-contact-details li[class*="phon"] {
    width: 48%;
    padding-right: 2%; }
  .pye_psf17u.twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="emailadr"] .controls,
  .pye_psf17u.twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="emailadr"] .controls {
    max-width: 100%; }
  .pye_psf17u.twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="phon"],
  .pye_psf17u.twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="phon"] {
    width: 23%;
    padding-right: 0; }
  .pye_psf17u.twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="btn_fld"],
  .pye_psf17u.twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="btn_fld"] {
    width: 25%;
    max-width: 25%; }
  .pye_psf17u.twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="email_btn_fld"],
  .pye_psf17u.twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="email_btn_fld"] {
    width: 50%;
    max-width: 50%; }
    .pye_psf17u.twofa-contact-details .pnl_cont_details ul.unstyled.alt-layout li[class*="email_btn_fld"] .controls,
    .pye_psf17u.twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="email_btn_fld"] .controls {
      max-width: none; } }

@media (min-width: 600px) {
  .pye_sechint.twofa-contact-details div.twofa-contact-details ul.unstyled.alt-layout .pnl_sechint__email.email_btn_fld {
    margin-bottom: 0 !important; }
  .pye_sechint.twofa-contact-details ul.unstyled.alt-layout.twofa-contact-details li[class*="password"] {
    padding-left: 0;
    max-width: 49%; } }

@media (min-width: 600px) {
  .pye_edit_sechint ul.unstyled.alt-layout li[class*="question"] .controls,
  .pye_edit_sechint ul.unstyled.alt-layout li[class*="answer"] .controls,
  .pye_edit_sechint ul.unstyled.alt-layout li.pnl_edit_sechint__email .controls,
  .pye_edit_sechint ul.unstyled.alt-layout li[class*="password"] .controls {
    width: 98%; }
    .pye_edit_sechint ul.unstyled.alt-layout li[class*="question"] .controls input,
    .pye_edit_sechint ul.unstyled.alt-layout li[class*="answer"] .controls input,
    .pye_edit_sechint ul.unstyled.alt-layout li.pnl_edit_sechint__email .controls input,
    .pye_edit_sechint ul.unstyled.alt-layout li[class*="password"] .controls input {
      box-sizing: border-box;
      width: 100%; } }

input.maskedpwd {
  font-family: text-security-disc;
  -webkit-text-security: disc; }

/*
 Bereavement
*/
.report-a-death-form .button-branded,
.report-a-death-form-submitted .button-branded,
.useful-checklist .button-branded,
.frequently-asked-questions .button-branded,
.external-support-and-guidance .button-branded,
.certificate-information .button-branded {
  background: #7f35b2;
  border: solid 1px #FFFFFF;
  color: #FFFFFF; }

/* Modeller */
.pye_ben_mod .grid-container {
  margin-bottom: 1.5em; }
.pye_ben_mod .grid-container,
.pye_ben_mod .grid-container * > * {
  box-sizing: border-box;
  grid-column-gap: 0 !important; }
.pye_ben_mod .grid-container.panel-columns-80-20 {
  grid-template-columns: 80% 20%; }
.pye_ben_mod .grid-container.panel-columns-20-80 {
  grid-template-columns: 20% 80%; }
.pye_ben_mod .grid-container .grid-grid-1 {
  margin-right: 2%; }
.pye_ben_mod .select-wrapper .grid-1 {
  display: flex;
  flex-direction: row;
  align-items: center; }
.pye_ben_mod .range-wrapper .grid {
  display: flex;
  flex-direction: row;
  align-items: center; }
.pye_ben_mod .select-wrapper,
.pye_ben_mod .toggle-wrapper,
.pye_ben_mod .results-wrapper {
  box-sizing: border-box;
  margin-bottom: 1.5em; }
.pye_ben_mod .select-wrapper,
.pye_ben_mod .toggle-wrapper,
.pye_ben_mod .range-wrapper {
  width: 100%;
  max-width: 642px; }
.pye_ben_mod .switch-wrapper {
  display: block !important;
  position: relative;
  padding: 0; }
.pye_ben_mod .results-wrapper * > * {
  margin: 0; }
.pye_ben_mod .result-output {
  font-weight: 600;
  margin-right: 6px; }
.pye_ben_mod label {
  font-size: 17px;
  font-weight: 400; }
  @media (min-width: 769px) {
    .pye_ben_mod label {
      font-size: 15px; } }
.pye_ben_mod .ret-years {
  margin-right: 24px; }
.pye_ben_mod .range-value {
  width: 36px;
  text-align: right;
  margin-right: 6px;
  font-weight: 600; }
  .pye_ben_mod .range-value input {
    width: 100%;
    color: #444;
    padding: 4px 0;
    text-align: right;
    background-color: transparent;
    border-width: 0; }
.pye_ben_mod .switch-wrapper .switch {
  box-sizing: content-box; }

/*
Panel specific
============================
*/
/*****************************************
 My Details / Contact Details
*****************************************/
.panel-body.pnl_mydet_addrdet .full-width.no-label .labels {
  display: none; }

.panel-body.pnl_mydet_addrdet .full-width .controls {
  min-height: 24px; }

/*
****************************************
 Contact preferences toggle panel
****************************************
*/
.panel-body.pnl_cont_pref .switch-wrapper {
  display: inline-block !important;
  position: relative !important;
  padding: 0; }
.panel-body.pnl_cont_pref .grid-container {
  display: grid;
  display: -ms-grid;
  width: 100%;
  grid-template-columns: auto auto;
  -ms-grid-columns: auto auto;
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  grid-column-gap: 0;
  grid-row-gap: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }
  .panel-body.pnl_cont_pref .grid-container.columns-2 {
    grid-template-columns: 50% 50%;
    -ms-grid-columns: 50% 50%;
    grid-template-areas: "grid-1 grid-2" "grid-3 grid-4";
    margin-bottom: 21px; }
    .panel-body.pnl_cont_pref .grid-container.columns-2 .grid {
      margin-bottom: 0; }
  .panel-body.pnl_cont_pref .grid-container.columns-66-34 {
    grid-template-columns: 66% 34%;
    -ms-grid-columns: 66% 34%; }
  .panel-body.pnl_cont_pref .grid-container.grid-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
  .panel-body.pnl_cont_pref .grid-container.grid-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2; }
  .panel-body.pnl_cont_pref .grid-container.grid-3 {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }
  .panel-body.pnl_cont_pref .grid-container.grid-4 {
    -ms-grid-row: 2;
    -ms-grid-column: 2; }
  .panel-body.pnl_cont_pref .grid-container.grid-5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
  .panel-body.pnl_cont_pref .grid-container.grid-6 {
    -ms-grid-row: 3;
    -ms-grid-column: 2; }
  .panel-body.pnl_cont_pref .grid-container.grid-7 {
    -ms-grid-row: 4;
    -ms-grid-column: 1; }
  .panel-body.pnl_cont_pref .grid-container.grid-8 {
    -ms-grid-row: 4;
    -ms-grid-column: 2; }
  .panel-body.pnl_cont_pref .grid-container.grid-9 {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
  .panel-body.pnl_cont_pref .grid-container.grid-10 {
    -ms-grid-row: 5;
    -ms-grid-column: 2; }
  .panel-body.pnl_cont_pref .grid-container.grid-11 {
    -ms-grid-row: 6;
    -ms-grid-column: 1; }
  .panel-body.pnl_cont_pref .grid-container.grid-12 {
    -ms-grid-row: 6;
    -ms-grid-column: 2; }
@media (min-width: 600px) {
  .panel-body.pnl_cont_pref .grid-container {
    display: grid;
    display: -ms-grid; }
    .panel-body.pnl_cont_pref .grid-container.columns-2 .grid-1 {
      margin-right: 12px; }
    .panel-body.pnl_cont_pref .grid-container.columns-2 .grid-2 {
      margin-left: 12px; } }

.page-wrapper {
  position: relative;
  top: 0;
  left: 0; }

@media (min-width: 600px) {
  #skip {
    width: 100%;
    margin: 0; }

  /* Header - adjust height for pre login pages (without primary navigation) */
  .linked .no-primary-nav .header-container,
  .no-primary-nav .header-container,
  .logout .header-container {
    width: 100%;
    margin: 0; } }
@media (min-width: 769px) {
  #mainnav {
    top: 82px;
    height: 38px;
    width: 100%;
    margin: 0; }

  #subnav {
    top: 0px;
    right: 100px; }

  /* Header - adjust height for pre login pages (without primary navigation) */
  .linked .no-primary-nav .header-container,
  .no-primary-nav .header-container,
  .logout .header-container {
    background: #fff;
    height: 82px;
    margin: 0 auto;
    width: 100%; }
    .linked .no-primary-nav .header-container header,
    .no-primary-nav .header-container header,
    .logout .header-container header {
      width: 96%;
      margin: 0 auto; }
      .linked .no-primary-nav .header-container header .logo,
      .no-primary-nav .header-container header .logo,
      .logout .header-container header .logo {
        height: 82px; } }
@media (min-width: 900px) {
  .wrapper {
    max-width: 1140px;
    margin: 0 auto; } }
@media (min-width: 1200px) {
  .page-wrapper {
    max-width: 100%; }

  #mainnav ul.nav {
    width: 96%;
    max-width: 1140px;
    margin: 0 auto;
    float: none; }

  nav ul li:first-child a {
    padding-left: 0; } }
@media (min-width: 1800px) {
  .wrapper,
  #mainnav ul.nav {
    max-width: 1440px; } }
/*
Helpers
============================
*/
.hide {
  display: none; }

.show {
  position: static;
  display: inline;
  line-height: inherit;
  width: auto;
  height: auto;
  overflow: auto; }

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/* no-wrap */
.no-wrap {
  white-space: nowrap; }

address {
  font-style: normal;
  margin: 0;
  line-height: 21px; }

/* mHide = hide from mobile view only, bring it back as 'inline' for larger screens CDB 3/11/14 */
.mHide {
  display: none; }

/* mHide-block = hide from mobile view only, bring it back as 'block' for larger screens CDB 15/06/15 */
.mShow {
  display: block; }

.mHide-block {
  display: none; }

.tablet-hide {
  display: none; }

/*
 Generic Address Lookup
*/
.has-address-lookup .address-lookup-container .labels {
  margin-bottom: 12px; }
.has-address-lookup .address-lookup-container .controls {
  min-height: 0; }
.has-address-lookup ul.ui-autocomplete {
  width: 250px;
  font-size: 14px;
  list-style: none;
  padding: 5px;
  margin: 0;
  border: solid 1px #dbdbdb;
  background: #fff;
  z-index: 25; }
.has-address-lookup ul.ui-autocomplete li {
  padding: 0;
  margin: 0; }
.has-address-lookup ul.ui-autocomplete .ui-state-focus {
  background: #d4d4d4; }
@media (min-width: 600px) {
  .has-address-lookup ul.ui-autocomplete {
    width: 350px; } }

/*
  Country select
*/
/* Select button */
.country-lookup .ui-selectmenu-button {
  float: left;
  width: 180px;
  margin: 0 10px 6px 0;
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  .country-lookup .ui-selectmenu-button .ui-selectmenu-text {
    font-family: "opensansRegular", Arial, ArialMT, sans-serif;
    font-size: 15px;
    padding: 5px 30px 4px 15px; }
  .country-lookup .ui-selectmenu-button .ui-icon {
    background-position: left top; }

/* Menu */
.ui-selectmenu-menu .flag-icons {
  height: 250px;
  width: 250px; }
  .ui-selectmenu-menu .flag-icons .ui-menu-item {
    font-family: "opensansRegular", Arial, ArialMT, sans-serif;
    font-size: 15px; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon {
      top: 2px;
      left: 5px; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.lu {
      background: url("/static/images/flags/lu.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gp {
      background: url("/static/images/flags/gp.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.as {
      background: url("/static/images/flags/as.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.kh {
      background: url("/static/images/flags/kh.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mz {
      background: url("/static/images/flags/mz.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cf {
      background: url("/static/images/flags/cf.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.fr {
      background: url("/static/images/flags/fr.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mq {
      background: url("/static/images/flags/mq.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.dz {
      background: url("/static/images/flags/dz.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.va {
      background: url("/static/images/flags/va.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mk {
      background: url("/static/images/flags/mk.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.il {
      background: url("/static/images/flags/il.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tv {
      background: url("/static/images/flags/tv.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mu {
      background: url("/static/images/flags/mu.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bb {
      background: url("/static/images/flags/bb.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gn {
      background: url("/static/images/flags/gn.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.pm {
      background: url("/static/images/flags/pm.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sv {
      background: url("/static/images/flags/sv.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.kw {
      background: url("/static/images/flags/kw.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ht {
      background: url("/static/images/flags/ht.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.by {
      background: url("/static/images/flags/by.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bd {
      background: url("/static/images/flags/bd.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.kg {
      background: url("/static/images/flags/kg.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.fo {
      background: url("/static/images/flags/fo.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.km {
      background: url("/static/images/flags/km.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.st {
      background: url("/static/images/flags/st.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.id {
      background: url("/static/images/flags/id.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.lr {
      background: url("/static/images/flags/lr.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ga {
      background: url("/static/images/flags/ga.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.uy {
      background: url("/static/images/flags/uy.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mw {
      background: url("/static/images/flags/mw.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ad {
      background: url("/static/images/flags/ad.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.dj {
      background: url("/static/images/flags/dj.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.pt {
      background: url("/static/images/flags/pt.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.yt {
      background: url("/static/images/flags/yt.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tc {
      background: url("/static/images/flags/tc.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ae {
      background: url("/static/images/flags/ae.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gm {
      background: url("/static/images/flags/gm.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.pk {
      background: url("/static/images/flags/pk.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.eh {
      background: url("/static/images/flags/eh.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sm {
      background: url("/static/images/flags/sm.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ao {
      background: url("/static/images/flags/ao.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ly {
      background: url("/static/images/flags/ly.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.wf {
      background: url("/static/images/flags/wf.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.me {
      background: url("/static/images/flags/me.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ps {
      background: url("/static/images/flags/ps.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.pg {
      background: url("/static/images/flags/pg.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ke {
      background: url("/static/images/flags/ke.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.nz {
      background: url("/static/images/flags/nz.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.np {
      background: url("/static/images/flags/np.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.pe {
      background: url("/static/images/flags/pe.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tm {
      background: url("/static/images/flags/tm.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.no {
      background: url("/static/images/flags/no.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ne {
      background: url("/static/images/flags/ne.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.be {
      background: url("/static/images/flags/be.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.pn {
      background: url("/static/images/flags/pn.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.pl {
      background: url("/static/images/flags/pl.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gh {
      background: url("/static/images/flags/gh.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gs {
      background: url("/static/images/flags/gs.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gl {
      background: url("/static/images/flags/gl.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tg {
      background: url("/static/images/flags/tg.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ls {
      background: url("/static/images/flags/ls.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.dk {
      background: url("/static/images/flags/dk.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.co {
      background: url("/static/images/flags/co.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gi {
      background: url("/static/images/flags/gi.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bm {
      background: url("/static/images/flags/bm.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ba {
      background: url("/static/images/flags/ba.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ck {
      background: url("/static/images/flags/ck.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.lc {
      background: url("/static/images/flags/lc.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mr {
      background: url("/static/images/flags/mr.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gf {
      background: url("/static/images/flags/gf.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cc {
      background: url("/static/images/flags/cc.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cu {
      background: url("/static/images/flags/cu.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ai {
      background: url("/static/images/flags/ai.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ci {
      background: url("/static/images/flags/ci.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mh {
      background: url("/static/images/flags/mh.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.am {
      background: url("/static/images/flags/am.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bn {
      background: url("/static/images/flags/bn.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sn {
      background: url("/static/images/flags/sn.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ax {
      background: url("/static/images/flags/ax.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.kr {
      background: url("/static/images/flags/kr.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.jm {
      background: url("/static/images/flags/jm.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.my {
      background: url("/static/images/flags/my.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cn {
      background: url("/static/images/flags/cn.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cg {
      background: url("/static/images/flags/cg.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gq {
      background: url("/static/images/flags/gq.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.th {
      background: url("/static/images/flags/th.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.kz {
      background: url("/static/images/flags/kz.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.lk {
      background: url("/static/images/flags/lk.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.hn {
      background: url("/static/images/flags/hn.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.eg {
      background: url("/static/images/flags/eg.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gr {
      background: url("/static/images/flags/gr.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ws {
      background: url("/static/images/flags/ws.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.hu {
      background: url("/static/images/flags/hu.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sh {
      background: url("/static/images/flags/sh.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.vc {
      background: url("/static/images/flags/vc.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cr {
      background: url("/static/images/flags/cr.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ar {
      background: url("/static/images/flags/ar.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bj {
      background: url("/static/images/flags/bj.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ki {
      background: url("/static/images/flags/ki.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.la {
      background: url("/static/images/flags/la.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sc {
      background: url("/static/images/flags/sc.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.kn {
      background: url("/static/images/flags/kn.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.af {
      background: url("/static/images/flags/af.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.to {
      background: url("/static/images/flags/to.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ph {
      background: url("/static/images/flags/ph.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.io {
      background: url("/static/images/flags/io.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ng {
      background: url("/static/images/flags/ng.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ee {
      background: url("/static/images/flags/ee.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.zw {
      background: url("/static/images/flags/zw.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cl {
      background: url("/static/images/flags/cl.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bf {
      background: url("/static/images/flags/bf.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sz {
      background: url("/static/images/flags/sz.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sa {
      background: url("/static/images/flags/sa.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cs {
      background: url("/static/images/flags/cs.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gb {
      background: url("/static/images/flags/gb.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.lv {
      background: url("/static/images/flags/lv.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bo {
      background: url("/static/images/flags/bo.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sg {
      background: url("/static/images/flags/sg.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sy {
      background: url("/static/images/flags/sy.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.si {
      background: url("/static/images/flags/si.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.kp {
      background: url("/static/images/flags/kp.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.uz {
      background: url("/static/images/flags/uz.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.pr {
      background: url("/static/images/flags/pr.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.qa {
      background: url("/static/images/flags/qa.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bg {
      background: url("/static/images/flags/bg.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.et {
      background: url("/static/images/flags/et.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.um {
      background: url("/static/images/flags/um.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ro {
      background: url("/static/images/flags/ro.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mp {
      background: url("/static/images/flags/mp.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.pw {
      background: url("/static/images/flags/pw.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tl {
      background: url("/static/images/flags/tl.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bi {
      background: url("/static/images/flags/bi.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.nf {
      background: url("/static/images/flags/nf.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.au {
      background: url("/static/images/flags/au.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mx {
      background: url("/static/images/flags/mx.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tk {
      background: url("/static/images/flags/tk.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ye {
      background: url("/static/images/flags/ye.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.pf {
      background: url("/static/images/flags/pf.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gy {
      background: url("/static/images/flags/gy.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sd {
      background: url("/static/images/flags/sd.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.zm {
      background: url("/static/images/flags/zm.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ni {
      background: url("/static/images/flags/ni.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sk {
      background: url("/static/images/flags/sk.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tr {
      background: url("/static/images/flags/tr.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sj {
      background: url("/static/images/flags/sj.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.hr {
      background: url("/static/images/flags/hr.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sb {
      background: url("/static/images/flags/sb.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.se {
      background: url("/static/images/flags/se.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bw {
      background: url("/static/images/flags/bw.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.re {
      background: url("/static/images/flags/re.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ca {
      background: url("/static/images/flags/ca.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.om {
      background: url("/static/images/flags/om.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.nl {
      background: url("/static/images/flags/nl.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.us {
      background: url("/static/images/flags/us.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.lb {
      background: url("/static/images/flags/lb.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.vn {
      background: url("/static/images/flags/vn.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gt {
      background: url("/static/images/flags/gt.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.pa {
      background: url("/static/images/flags/pa.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tn {
      background: url("/static/images/flags/tn.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.fj {
      background: url("/static/images/flags/fj.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.dm {
      background: url("/static/images/flags/dm.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.nr {
      background: url("/static/images/flags/nr.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mo {
      background: url("/static/images/flags/mo.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mg {
      background: url("/static/images/flags/mg.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.za {
      background: url("/static/images/flags/za.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.py {
      background: url("/static/images/flags/py.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mn {
      background: url("/static/images/flags/mn.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sl {
      background: url("/static/images/flags/sl.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ua {
      background: url("/static/images/flags/ua.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.er {
      background: url("/static/images/flags/er.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gw {
      background: url("/static/images/flags/gw.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mm {
      background: url("/static/images/flags/mm.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.vi {
      background: url("/static/images/flags/vi.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mv {
      background: url("/static/images/flags/mv.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mt {
      background: url("/static/images/flags/mt.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ml {
      background: url("/static/images/flags/ml.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.hk {
      background: url("/static/images/flags/hk.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.li {
      background: url("/static/images/flags/li.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.br {
      background: url("/static/images/flags/br.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.nc {
      background: url("/static/images/flags/nc.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ie {
      background: url("/static/images/flags/ie.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ch {
      background: url("/static/images/flags/ch.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.jo {
      background: url("/static/images/flags/jo.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ma {
      background: url("/static/images/flags/ma.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cx {
      background: url("/static/images/flags/cx.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.do {
      background: url("/static/images/flags/do.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bh {
      background: url("/static/images/flags/bh.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.at {
      background: url("/static/images/flags/at.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.mc {
      background: url("/static/images/flags/mc.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bz {
      background: url("/static/images/flags/bz.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.vu {
      background: url("/static/images/flags/vu.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.hm {
      background: url("/static/images/flags/hm.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.de {
      background: url("/static/images/flags/de.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ir {
      background: url("/static/images/flags/ir.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.vg {
      background: url("/static/images/flags/vg.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.rw {
      background: url("/static/images/flags/rw.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ru {
      background: url("/static/images/flags/ru.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ms {
      background: url("/static/images/flags/ms.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.al {
      background: url("/static/images/flags/al.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bt {
      background: url("/static/images/flags/bt.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.sr {
      background: url("/static/images/flags/sr.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.fi {
      background: url("/static/images/flags/fi.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.td {
      background: url("/static/images/flags/td.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.na {
      background: url("/static/images/flags/na.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.is {
      background: url("/static/images/flags/is.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tw {
      background: url("/static/images/flags/tw.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.nu {
      background: url("/static/images/flags/nu.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.az {
      background: url("/static/images/flags/az.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.es {
      background: url("/static/images/flags/es.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cy {
      background: url("/static/images/flags/cy.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.md {
      background: url("/static/images/flags/md.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tz {
      background: url("/static/images/flags/tz.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cz {
      background: url("/static/images/flags/cz.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tt {
      background: url("/static/images/flags/tt.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cd {
      background: url("/static/images/flags/cd.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bv {
      background: url("/static/images/flags/bv.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.in {
      background: url("/static/images/flags/in.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tf {
      background: url("/static/images/flags/tf.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.rs {
      background: url("/static/images/flags/rs.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gu {
      background: url("/static/images/flags/gu.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.jp {
      background: url("/static/images/flags/jp.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.it {
      background: url("/static/images/flags/it.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.iq {
      background: url("/static/images/flags/iq.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.fk {
      background: url("/static/images/flags/fk.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.gd {
      background: url("/static/images/flags/gd.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ec {
      background: url("/static/images/flags/ec.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ug {
      background: url("/static/images/flags/ug.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.an {
      background: url("/static/images/flags/an.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ky {
      background: url("/static/images/flags/ky.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ve {
      background: url("/static/images/flags/ve.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.aw {
      background: url("/static/images/flags/aw.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.tj {
      background: url("/static/images/flags/tj.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ag {
      background: url("/static/images/flags/ag.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.lt {
      background: url("/static/images/flags/lt.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cv {
      background: url("/static/images/flags/cv.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.ge {
      background: url("/static/images/flags/ge.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.so {
      background: url("/static/images/flags/so.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.bs {
      background: url("/static/images/flags/bs.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.fm {
      background: url("/static/images/flags/fm.png") 0 0 no-repeat; }
    .ui-selectmenu-menu .flag-icons .ui-menu-item .ui-icon.cm {
      background: url("/static/images/flags/cm.png") 0 0 no-repeat; }

/*
  Page transitions
*/
.ajax-spinner {
  position: absolute;
  top: -2px;
  right: 0px;
  width: 40px;
  height: 40px;
  background: #fff url("/static/images/spinner.gif") no-repeat 50% 50%;
  display: none; }

.panel-body.chart .ajax-spinner {
  display: block;
  z-index: 8;
  width: 100%;
  height: 100%; }

.cssanimations .page-transition-overlay {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: #fff url("/static/images/spinner.gif") no-repeat 50% 200px; }

.cssanimations .page-transition-overlay.navigate-away {
  animation: fadein 0.5s;
  animation-iteration-count: 1;
  -moz-animation: fadein 0.5s;
  -moz-animation-iteration-count: 1;
  -webkit-animation: fadein 0.5s;
  -webkit-animation-iteration-count: 1;
  -o-animation: fadein 0.5s;
  -o-animation-iteration-count: 1;
  opacity: 1; }

.cssanimations .page-transition-overlay.load-complete {
  animation: fadeout 0.5s;
  animation-iteration-count: 1;
  -moz-animation: fadeout 0.5s;
  -moz-animation-iteration-count: 1;
  -webkit-animation: fadeout 0.5s;
  -webkit-animation-iteration-count: 1;
  -o-animation: fadeout 0.5s;
  -o-animation-iteration-count: 1;
  opacity: 0; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-moz-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-o-keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
/*
  Form submit spinner
*/
.spinner-container {
  position: relative; }

@media (min-width: 600px) {
  .mHide {
    display: inline; }

  .mShow {
    display: none; }

  .mHide-block {
    display: block; }

  td.mHide {
    display: table-cell; } }
@media (min-width: 769px) {
  .tablet-hide {
    display: inline; }

  td.tablet-hide {
    display: table-cell; } }
/*
  Tab panels
*/
.tab-panel {
  margin: 9px 0 18px; }
  .tab-panel .tab-nav {
    border-bottom: solid 1px #dbdbdb;
    padding: 0 6px; }
    .tab-panel .tab-nav a {
      padding: 8px 25px 6px;
      background: #eee;
      border: solid 1px #dbdbdb;
      display: block;
      margin-right: 2px;
      color: #444;
      text-decoration: none; }
      .tab-panel .tab-nav a.selected {
        background: #fff;
        border-bottom: solid 1px #fff; }
  .tab-panel .tab-body {
    margin: 24px 0 18px; }
  @media (min-width: 600px) {
    .tab-panel .tab-nav a {
      -webkit-border-top-left-radius: 5px;
      -moz-border-radius-topleft: 5px;
      border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topright: 5px;
      border-top-right-radius: 5px;
      display: inline-block;
      margin-bottom: -1px; } }

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

.text-bold {
  font-weight: bold; }

.simple-card {
  padding: 10px;
  border: 1px solid #dbdbdb;
  margin-bottom: 10px; }

.align-items-center {
  display: flex;
  justify-content: center;
  align-items: center; }

.list-unstyled {
  list-style-type: none; }

/*
  Margin Helpers
*/
.margin-0 {
  margin: 0rem !important; }

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

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

.margin-3 {
  margin: 1.5rem !important; }

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

.margin-5 {
  margin: 2.5rem !important; }

.margin-6 {
  margin: 3rem !important; }

.margin-7 {
  margin: 3.5rem !important; }

.margin-8 {
  margin: 4rem !important; }

.margin-9 {
  margin: 4.5rem !important; }

.margin-10 {
  margin: 5rem !important; }

.margin-top-0 {
  margin-top: 0rem !important; }

.margin-top-1 {
  margin-top: 0.5rem !important; }

.margin-top-2 {
  margin-top: 1rem !important; }

.margin-top-3 {
  margin-top: 1.5rem !important; }

.margin-top-4 {
  margin-top: 2rem !important; }

.margin-top-5 {
  margin-top: 2.5rem !important; }

.margin-top-6 {
  margin-top: 3rem !important; }

.margin-top-7 {
  margin-top: 3.5rem !important; }

.margin-top-8 {
  margin-top: 4rem !important; }

.margin-top-9 {
  margin-top: 4.5rem !important; }

.margin-top-10 {
  margin-top: 5rem !important; }

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

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

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

.margin-bottom-3 {
  margin-bottom: 1.5rem !important; }

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

.margin-bottom-5 {
  margin-bottom: 2.5rem !important; }

.margin-bottom-6 {
  margin-bottom: 3rem !important; }

.margin-bottom-7 {
  margin-bottom: 3.5rem !important; }

.margin-bottom-8 {
  margin-bottom: 4rem !important; }

.margin-bottom-9 {
  margin-bottom: 4.5rem !important; }

.margin-bottom-10 {
  margin-bottom: 5rem !important; }

.margin-left-0 {
  margin-left: 0rem !important; }

.margin-left-1 {
  margin-left: 0.5rem !important; }

.margin-left-2 {
  margin-left: 1rem !important; }

.margin-left-3 {
  margin-left: 1.5rem !important; }

.margin-left-4 {
  margin-left: 2rem !important; }

.margin-left-5 {
  margin-left: 2.5rem !important; }

.margin-left-6 {
  margin-left: 3rem !important; }

.margin-left-7 {
  margin-left: 3.5rem !important; }

.margin-left-8 {
  margin-left: 4rem !important; }

.margin-left-9 {
  margin-left: 4.5rem !important; }

.margin-left-10 {
  margin-left: 5rem !important; }

.margin-right-0 {
  margin-right: 0rem !important; }

.margin-right-1 {
  margin-right: 0.5rem !important; }

.margin-right-2 {
  margin-right: 1rem !important; }

.margin-right-3 {
  margin-right: 1.5rem !important; }

.margin-right-4 {
  margin-right: 2rem !important; }

.margin-right-5 {
  margin-right: 2.5rem !important; }

.margin-right-6 {
  margin-right: 3rem !important; }

.margin-right-7 {
  margin-right: 3.5rem !important; }

.margin-right-8 {
  margin-right: 4rem !important; }

.margin-right-9 {
  margin-right: 4.5rem !important; }

.margin-right-10 {
  margin-right: 5rem !important; }

/*
  Padding Helpers
*/
.padding-0 {
  padding: 0rem !important; }

.padding-1 {
  padding: 0.5rem !important; }

.padding-2 {
  padding: 1rem !important; }

.padding-3 {
  padding: 1.5rem !important; }

.padding-4 {
  padding: 2rem !important; }

.padding-5 {
  padding: 2.5rem !important; }

.padding-6 {
  padding: 3rem !important; }

.padding-7 {
  padding: 3.5rem !important; }

.padding-8 {
  padding: 4rem !important; }

.padding-9 {
  padding: 4.5rem !important; }

.padding-10 {
  padding: 5rem !important; }

.padding-top-0 {
  padding-top: 0rem !important; }

.padding-top-1 {
  padding-top: 0.5rem !important; }

.padding-top-2 {
  padding-top: 1rem !important; }

.padding-top-3 {
  padding-top: 1.5rem !important; }

.padding-top-4 {
  padding-top: 2rem !important; }

.padding-top-5 {
  padding-top: 2.5rem !important; }

.padding-top-6 {
  padding-top: 3rem !important; }

.padding-top-7 {
  padding-top: 3.5rem !important; }

.padding-top-8 {
  padding-top: 4rem !important; }

.padding-top-9 {
  padding-top: 4.5rem !important; }

.padding-top-10 {
  padding-top: 5rem !important; }

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

.padding-bottom-1 {
  padding-bottom: 0.5rem !important; }

.padding-bottom-2 {
  padding-bottom: 1rem !important; }

.padding-bottom-3 {
  padding-bottom: 1.5rem !important; }

.padding-bottom-4 {
  padding-bottom: 2rem !important; }

.padding-bottom-5 {
  padding-bottom: 2.5rem !important; }

.padding-bottom-6 {
  padding-bottom: 3rem !important; }

.padding-bottom-7 {
  padding-bottom: 3.5rem !important; }

.padding-bottom-8 {
  padding-bottom: 4rem !important; }

.padding-bottom-9 {
  padding-bottom: 4.5rem !important; }

.padding-bottom-10 {
  padding-bottom: 5rem !important; }

.padding-right-0 {
  padding-right: 0rem !important; }

.padding-right-1 {
  padding-right: 0.5rem !important; }

.padding-right-2 {
  padding-right: 1rem !important; }

.padding-right-3 {
  padding-right: 1.5rem !important; }

.padding-right-4 {
  padding-right: 2rem !important; }

.padding-right-5 {
  padding-right: 2.5rem !important; }

.padding-right-6 {
  padding-right: 3rem !important; }

.padding-right-7 {
  padding-right: 3.5rem !important; }

.padding-right-8 {
  padding-right: 4rem !important; }

.padding-right-9 {
  padding-right: 4.5rem !important; }

.padding-right-10 {
  padding-right: 5rem !important; }

.padding-left-0 {
  padding-left: 0rem !important; }

.padding-left-1 {
  padding-left: 0.5rem !important; }

.padding-left-2 {
  padding-left: 1rem !important; }

.padding-left-3 {
  padding-left: 1.5rem !important; }

.padding-left-4 {
  padding-left: 2rem !important; }

.padding-left-5 {
  padding-left: 2.5rem !important; }

.padding-left-6 {
  padding-left: 3rem !important; }

.padding-left-7 {
  padding-left: 3.5rem !important; }

.padding-left-8 {
  padding-left: 4rem !important; }

.padding-left-9 {
  padding-left: 4.5rem !important; }

.padding-left-10 {
  padding-left: 5rem !important; }

/*
Print
============================
*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  .header-container {
    display: none; } }
h1 {
  font-weight: normal;
  font-size: 40px; }

h2 {
  color: #000; }

h3, h4, h5 {
  color: #7f35b2; }

/* Custom font overwrites */
p.accessibility {
  margin: 21px 0; }

@font-face {
  font-family: 'opensansLight';
  src: url("/static/ZZX/fonts/opensans-light-webfont.eot");
  src: url("/static/ZZX/fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("/static/ZZX/fonts/opensans-light-webfont.woff2") format("woff2"), url("/static/ZZX/fonts/opensans-light-webfont.woff") format("woff"), url("/static/ZZX/fonts/opensans-light-webfont.ttf") format("truetype"), url("/static/ZZX/fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'opensansRegular';
  src: url("/static/ZZX/fonts/opensans-regular-webfont.eot");
  src: url("/static/ZZX/fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/static/ZZX/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/static/ZZX/fonts/opensans-regular-webfont.woff") format("woff"), url("/static/ZZX/fonts/opensans-regular-webfont.ttf") format("truetype"), url("/static/ZZX/fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'opensansSemibold';
  src: url("/static/ZZX/fonts/opensans-semibold-webfont.eot");
  src: url("/static/ZZX/fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/ZZX/fonts/opensans-semibold-webfont.woff2") format("woff2"), url("/static/ZZX/fonts/opensans-semibold-webfont.woff") format("woff"), url("/static/ZZX/fonts/opensans-semibold-webfont.ttf") format("truetype"), url("/static/ZZX/fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'opensansBold';
  src: url("/static/ZZX/fonts/opensans-bold-webfont.eot");
  src: url("/static/ZZX/fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/ZZX/fonts/opensans-bold-webfont.woff2") format("woff2"), url("/static/ZZX/fonts/opensans-bold-webfont.woff") format("woff"), url("/static/ZZX/fonts/opensans-bold-webfont.ttf") format("truetype"), url("/static/ZZX/fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal; }
h1 {
  font-family: 'opensansLight', Arial, ArialMT, sans-serif;
  font-weight: normal;
  font-size: 39px;
  line-height: 1.3;
  margin-bottom: 21px; }

h2 {
  font-family: 'opensansRegular', Arial, ArialMT, sans-serif;
  color: #000;
  font-weight: normal; }

h3, h4, h5, dt {
  font-family: 'opensansSemibold', Arial, ArialMT, sans-serif;
  font-weight: normal;
  color: #7f35b2; }

strong, b {
  font-family: 'opensansBold', Arial, ArialMT, sans-serif;
  font-weight: normal; }

/* Custom font overwrites */
.panel label, .panel .labels .label {
  font-family: 'opensansBold', Arial, ArialMT, sans-serif;
  font-weight: normal; }

.content-secondary aside h3, .content-secondary aside h4, .content-secondary aside h5 {
  color: #444; }
.content-secondary aside h4, .content-secondary aside h5 {
  font-family: 'opensansRegular', Arial, ArialMT, sans-serif; }

.s2 .content-primary {
  margin-bottom: 0; }
  .s2 .content-primary .panel:last-of-type {
    margin-bottom: 0; }
    .s2 .content-primary .panel:last-of-type .panel-body {
      padding-bottom: 0; }

.s2 .content-secondary aside {
  padding: 17px 18px;
  background: #f5f5f5;
  border-top: solid 4px #dbdbdb;
  border-bottom: solid 4px #dbdbdb;
  margin-bottom: 18px; }
  .s2 .content-secondary aside aside {
    border-width: 0;
    background-color: transparent;
    margin: 0; }

@media (min-width: 769px) {
  .content-primary {
    margin-top: 1px; }

  .s2 .content-secondary {
    max-width: 300px; } }
@media (min-width: 769px) {
  #mainnav {
    top: 82px;
    height: 38px; } }
@media (min-width: 1800px) {
  .wrapper {
    width: 100%; } }
#feedbackBtnContainerLif {
  position: fixed;
  width: 83px;
  height: 33px;
  background: #02c38a;
  padding-bottom: 0.5em;
  bottom: 8em;
  right: -5em;
  transform-origin: 100% 50%;
  transform: rotate(-90deg) translate(100%, -50%);
  text-align: center;
  line-height: 2em;
  transition: right 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  overflow: hidden;
  z-index: 99;
  box-shadow: -1px -2px 8px rgba(0, 0, 0, 0.3);
  border-radius: 6px 6px 0px 0px; }
  #feedbackBtnContainerLif a {
    display: block;
    font-size: 1em;
    color: #fff;
    text-decoration: none;
    font-weight: 600; }

#feedbackBtnContainerLif.show-feedbackbtn:hover {
  right: 0; }

#feedbackBtnContainerLif.show-feedbackbtn {
  right: -0.5em; }

#feedbackBtnContainerLif.hide-feedbackbtn {
  right: -3em; }

#feedbackPopupRatingLif {
  position: fixed;
  width: 100%;
  max-width: 285px;
  height: auto;
  background: #ffffff;
  right: 1em;
  border-radius: 12px 12px 12px 12px;
  text-align: center;
  transition: bottom 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  overflow: hidden;
  z-index: 99;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
  padding-bottom: 10px; }
  @media (max-width: 480px) {
    #feedbackPopupRatingLif {
      max-width: 91%;
      right: 1em;
      padding-bottom: 10px; } }
  #feedbackPopupRatingLif .close-btn {
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #aaaaaa; }
    @media (max-width: 480px) {
      #feedbackPopupRatingLif .close-btn {
        right: 10px;
        top: 10px;
        width: 35px;
        height: 35px;
        font-size: 35px; } }
  #feedbackPopupRatingLif p {
    margin-top: 25px; }
    @media (max-width: 480px) {
      #feedbackPopupRatingLif p {
        font-size: 18px; } }
  #feedbackPopupRatingLif a {
    text-decoration: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 50%;
    transition-delay: 50ms; }
    @media (max-width: 480px) {
      #feedbackPopupRatingLif a {
        right: 0;
        width: 40px;
        height: 40px;
        background-size: 40px 40px; } }
  #feedbackPopupRatingLif .star {
    background-image: url("/static/ZZX/images/star.png"); }

#feedbackPopupRatingLif.hide-ratings {
  bottom: -8em; }

#feedbackPopupRatingLif.show-ratings {
  bottom: 8em; }

#feedbackPopupRatingLif.show-ratings:hover a {
  opacity: 100%; }

#feedbackPopupRatingLif.show-ratings a:hover {
  opacity: 100%; }

#feedbackPopupRatingLif.show-ratings a:hover ~ a {
  opacity: 50%; }

.sheen {
  z-index: 2; }

.sheen:before {
  animation: sheen 15s linear infinite;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.12) 50%, transparent);
  transform: rotateZ(60deg) translate(-1em, 8em); }

@keyframes sheen {
  0% {
    transform: rotateZ(60deg) translate(0, 8em); }
  10% {
    transform: rotateZ(60deg) translate(0, -8em); }
  100% {
    transform: rotateZ(60deg) translate(0, -8em); } }
#skip {
  background-image: none;
  background-color: #fff;
  position: fixed; }
  #skip li a {
    background-color: #7f35b2;
    color: #fff;
    font-size: 21px; }
    #skip li a:hover, #skip li a:focus, #skip li a:active {
      background-color: #63298b;
      color: #fff; }
  #skip li.acc-login a {
    padding-right: 12px; }
    #skip li.acc-login a:before {
      font-family: "epa" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "V"; }

.linked .no-primary-nav .header-container,
.no-primary-nav .header-container {
  background-image: none;
  background-color: #fff;
  position: fixed;
  z-index: 2; }

.linked .no-primary-nav #container,
.no-primary-nav #container {
  padding-top: 70px; }

.header-container header h1 img {
  margin: 6px 0;
  display: block;
  height: 38px;
  width: auto;
  max-width: none; }

@media (min-width: 600px) {
  .header-container {
    line-height: 0; }
    .header-container header h1 {
      margin: 0;
      left: 2%; }
      .header-container header h1 img {
        margin: 6px 0;
        display: block; } }
@media (min-width: 769px) {
  #skip {
    background: none;
    border-bottom-width: 0;
    top: 0; }

  .linked .no-primary-nav .header-container,
  .no-primary-nav .header-container {
    background-image: none;
    background-color: #fff;
    position: static; }

  .linked .no-primary-nav #container,
  .no-primary-nav #container {
    padding-top: 18px; }

  .header-container header h1 {
    margin: 0;
    left: 0; }
    .header-container header h1 img {
      margin: 38px 0;
      display: block;
      height: auto;
      width: 100%; } }
.header-container header h1 img {
  margin: 20px 0;
  display: block;
  width: 80%;
  height: auto;
  max-width: 230px; }

@media (min-width: 600px) {
  .header-container header h1 img {
    margin: 16px 0;
    display: block;
    width: auto;
    height: auto;
    max-width: none; } }
@media (min-width: 769px) {
  .header-container header h1 img {
    margin: 31px 0; } }
#mainnav {
  font-size: 15px;
  line-height: 1.2;
  border-radius: 3px 0 0 3px; }
  #mainnav ul.icon-area {
    height: auto; }
    #mainnav ul.icon-area li.acc-menu {
      top: 3px;
      left: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: #7f35b2; }
      #mainnav ul.icon-area li.acc-menu a {
        color: #fff; }
    #mainnav ul.icon-area li.acc-logout {
      margin: 3px; }
    #mainnav ul.icon-area li a.icon-cancel {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: #7f35b2;
      color: #fff;
      padding: 7px 9px 0px 3px; }
      #mainnav ul.icon-area li a.icon-cancel:before {
        color: #fff; }
    #mainnav ul.icon-area li a.icon-burger {
      padding-top: 6px;
      padding-bottom: 1px; }
  #mainnav ul.nav {
    width: 223px;
    margin-left: 24px; }
    #mainnav ul.nav li a {
      padding: 8px 3px;
      font-family: 'opensansSemibold', Arial, ArialMT, sans-serif; }
    #mainnav ul.nav li ul {
      margin-bottom: 9px;
      margin-left: 9px;
      width: auto; }
      #mainnav ul.nav li ul li {
        width: 100%;
        padding: 0; }
        #mainnav ul.nav li ul li a {
          padding: 9px 9px;
          font-family: 'opensansRegular', Arial, ArialMT, sans-serif; }

@media (min-width: 600px) {
  #mainnav ul li a {
    border-right: solid 2px #fff; }
  #mainnav ul li ul {
    font-size: 13px; }
  #mainnav ul.nav {
    margin: 15px 0 12px 30px; } }
#subnav {
  background-color: #f5f5f5;
  border: 4px solid #dbdbdb;
  border-width: 4px 0;
  padding: 15px;
  margin-bottom: 0; }
  #subnav ul li a {
    padding: 8px 10px 9px 30px; }
    #subnav ul li a.icon-cancel {
      border-top-width: 0px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: #7f35b2;
      color: #fff; }
      #subnav ul li a.icon-cancel:before {
        color: #fff; }
  #subnav ul li:first-of-type a {
    border-top-width: 0px;
    padding-top: 9px; }

@media (min-width: 769px) {
  #mainnav {
    border-radius: 0; }
    #mainnav ul li a {
      border-right: solid 2px #fff; }
      #mainnav ul li a.parent:after {
        line-height: 21px;
        font-size: 12px;
        color: #fff; }
    #mainnav ul li ul {
      font-size: 14px; }
    #mainnav ul.nav {
      width: 96%;
      max-width: 1140px;
      margin: 0 auto; }
      #mainnav ul.nav li a {
        font-family: 'opensansRegular', Arial, ArialMT, sans-serif;
        padding: 9px 13px 8px; }
      #mainnav ul.nav li ul {
        margin: 0;
        width: 200px; }

  #subnav {
    background-color: transparent;
    border-width: 0;
    padding: 0;
    margin-bottom: 0; }
    #subnav ul li a {
      padding: 32px 14px 8px; }
      #subnav ul li a.icon-cancel {
        border-top-width: 1px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: transparent;
        color: #999; }
        #subnav ul li a.icon-cancel:before {
          color: #999; }
    #subnav ul li:first-of-type a {
      border-top-width: 1px;
      padding: 32px 14px 8px; }
    #subnav ul li:hover a[class^="icon-"]:before, #subnav ul li.hover-state a[class^="icon-"]:before {
      color: #7f35b2; }
    #subnav ul li:hover a.icon-cancel, #subnav ul li.hover-state a.icon-cancel {
      border-radius: 0;
      color: #7f35b2;
      background-color: #fff; } }
@media (min-width: 1200px) {
  #mainnav ul.nav {
    width: 100%;
    margin: 0 auto; } }
@media (min-width: 1800px) {
  #mainnav ul.nav {
    max-width: 1440px; } }
@media (min-width: 600px) {
  .footer-container {
    margin-top: 0px; } }
.footer-container {
  border-top: 4px solid #dbdbdb;
  padding-top: 19px; }
  .footer-container footer h4, .footer-container footer dt {
    font-size: 18.003px;
    line-height: 21px;
    margin-bottom: 9px;
    color: #444; }
  .footer-container footer aside {
    min-height: auto; }
  .footer-container footer li a {
    display: inline-block;
    width: auto;
    text-decoration: underline;
    font-family: 'opensansRegular', Arial, ArialMT, sans-serif; }
    .footer-container footer li a[rel~="external"]:after {
      position: absolute; }
  .footer-container .copyright {
    font-size: 12.002px;
    line-height: 18.003px; }

@media (min-width: 600px) {
  .footer-container {
    margin-top: 0px; } }
table th {
  font-family: 'opensansBold', Arial, ArialMT, sans-serif;
  font-weight: normal; }
table tbody tr.even th, table tbody tr.even td, table tbody tr:nth-child(even) th, table tbody tr:nth-child(even) td, table tbody tr.odd th, table tbody tr.odd td, table tbody tr:nth-child(odd) th, table tbody tr:nth-child(odd) td {
  border-bottom-width: 0px; }
  table tbody tr.even th.last, table tbody tr.even td.last, table tbody tr:nth-child(even) th.last, table tbody tr:nth-child(even) td.last, table tbody tr.odd th.last, table tbody tr.odd td.last, table tbody tr:nth-child(odd) th.last, table tbody tr:nth-child(odd) td.last {
    margin-bottom: 21px;
    border-bottom-width: 1px; }
table tbody th, table tbody td {
  padding: 9px 12px 8px 12px; }
  table tbody th a.link, table tbody td a.link {
    padding-left: 0;
    background-position: 100% 16px; }
table tfoot span.row-count {
  width: auto; }
@media (min-width: 600px) {
  table tbody tr.even th, table tbody tr.even td, table tbody tr:nth-child(even) th, table tbody tr:nth-child(even) td, table tbody tr.odd th, table tbody tr.odd td, table tbody tr:nth-child(odd) th, table tbody tr:nth-child(odd) td {
    padding: 9px 12px 8px 12px;
    border-bottom-width: 1px; }
    table tbody tr.even th.last, table tbody tr.even td.last, table tbody tr:nth-child(even) th.last, table tbody tr:nth-child(even) td.last, table tbody tr.odd th.last, table tbody tr.odd td.last, table tbody tr:nth-child(odd) th.last, table tbody tr:nth-child(odd) td.last {
      margin-bottom: 0; }
  table tbody th, table tbody td {
    padding: 9px 12px 8px 12px; }
    table tbody th a.link, table tbody td a.link {
      padding-left: 10px;
      background-position: 100% 13px; } }

.panel.panelouter {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  margin: 12px 8px 18px 8px !important;
  overflow: hidden !important; }
.panel:hover.panelouter, .panel:focus.panelouter {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  outline: none !important;
  margin: 12px 8px 18px 8px !important; }
.panel header h2 {
  padding: 21px 45px 21px 21px;
  margin: 0; }
  .panel header h2:before {
    position: absolute;
    top: 13px; }
.panel header a {
  padding-left: 21px; }
  .panel header a[class^="icon-"], .panel header a[class*=" icon-"] {
    top: 21px;
    right: 0; }
.panel .help-panel {
  box-sizing: border-box;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0; }
.panel .panel-body {
  border-width: 0px 0px 0px 0px;
  padding: 21px 0;
  margin: 0 21px; }
.panel label {
  font-size: 15.011px; }
.panel .labels .label {
  font-size: 15.011px; }
.panel .controls {
  font-size: 15px; }
.panel.active header h2 {
  padding-left: 21px;
  transition: all 0.45s; }
.panel.active header a[class^="icon-"], .panel.active header a[class*=" icon-"] {
  right: 21px;
  transition: all 0.45s; }
.panel.active .help-panel {
  margin-left: 21px;
  margin-right: 21px;
  transition: all 0.45s; }
.panel.active .panel-body {
  padding: 21px;
  transition: all 0.45s; }
.panel .page-options span {
  display: inline-block;
  padding: 6px 0; }
.panel .page-options button span {
  display: inline;
  min-height: none;
  line-height: inherit; }

.panel header h2 {
  font-size: 30.005px;
  line-height: 1;
  padding: 21px 24px 21px 0; }
.panel .panel-body {
  margin: 0; }
.panel.banner {
  background-color: #7f35b2; }
  .panel.banner .panel-body {
    padding: 0; }
    .panel.banner .panel-body ul.unstyled {
      text-align: center; }
      .panel.banner .panel-body ul.unstyled li {
        display: inline-block;
        float: left;
        margin: 0;
        padding: 0;
        width: 33.33%;
        box-sizing: border-box; }
        .panel.banner .panel-body ul.unstyled li a {
          display: block;
          width: 100%;
          box-sizing: border-box;
          color: #fff;
          padding: 15px 21px;
          font-size: 19px;
          font-family: 'opensansLight', Arial, ArialMT, sans-serif;
          text-decoration: none; }
          .panel.banner .panel-body ul.unstyled li a:hover, .panel.banner .panel-body ul.unstyled li a:active {
            transition: all 0.25s ease-in;
            background-color: #5d2783; }
    .panel.banner .panel-body ul:last-of-type {
      margin: 0; }
.panel.video .panel-body {
  overflow: hidden;
  float: left;
  box-sizing: border-box;
  width: 100%; }
  .panel.video .panel-body .video-placeholder {
    overflow: hidden;
    padding-top: 28.25%;
    position: relative;
    float: left;
    width: 50%;
    margin-right: 3%; }
    .panel.video .panel-body .video-placeholder iframe {
      border: 0;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  @media (min-width: 769px) {
    .panel.video .panel-body .video-intro p {
      font-family: 'opensansLight', Arial, ArialMT, sans-serif;
      font-size: 21px; } }
  @media (min-width: 1200px) {
    .panel.video .panel-body .video-intro p {
      font-size: 24px; } }
  .panel.video .panel-body .video-intro h3 {
    font-size: 17px;
    position: absolute;
    bottom: 27px;
    left: 53%; }

.multi-panel .panel {
  background-color: #f5f5f5;
  border: 4px solid #dbdbdb;
  border-width: 4px 0; }
  .multi-panel .panel .inner {
    padding: 17px 21px; }
    .multi-panel .panel .inner header {
      background-color: transparent; }
      .multi-panel .panel .inner header h2 {
        padding: 9px 24px 9px 0; }
      .multi-panel .panel .inner header [class*=" icon-"] {
        top: 12px; }
    .multi-panel .panel .inner .help-panel {
      margin-top: 21px;
      margin-right: 0;
      margin-bottom: 9px; }
    .multi-panel .panel .inner .panel-body {
      padding-bottom: 0; }
      .multi-panel .panel .inner .panel-body .related-links {
        margin-top: 0; }
      .multi-panel .panel .inner .panel-body .list-options.bottom {
        padding: 0; }

.no-primary-nav .panel.panelouter,
.no-primary-nav .panel:hover.panelouter {
  box-shadow: none !important; }

.pye_homepage {
  background: #fff;
  /*
  Three item carousel uses .three-item class
  */ }
  .pye_homepage .carousel .slides .item {
    min-height: 350px; }
    .pye_homepage .carousel .slides .item .text-panel {
      background-color: #fff;
      position: relative;
      top: 18px;
      box-sizing: border-box;
      padding: 18px 18px 24px 18px;
      width: 90%; }
      .pye_homepage .carousel .slides .item .text-panel p:last-of-type {
        margin: 0; }
    .pye_homepage .carousel .slides .item.item1 {
      background: #fff url("/static/ZZX/images/carousel/slide1.jpg") top center no-repeat;
      background-size: cover; }
    .pye_homepage .carousel .slides .item.item2 {
      background: #fff url("/static/ZZX/images/carousel/slide2.jpg") top center no-repeat;
      background-size: cover; }
    .pye_homepage .carousel .slides .item.item3 {
      background: #fff url("/static/ZZX/images/carousel/slide3.jpg") top center no-repeat;
      background-size: cover; }
    .pye_homepage .carousel .slides .item.item4 {
      background: #fff url("/static/ZZX/images/carousel/slide4.jpg") top center no-repeat;
      background-size: cover; }
    .pye_homepage .carousel .slides .item.item5 {
      background: #fff url("/static/ZZX/images/carousel/slide5.jpg") top center no-repeat;
      background-size: cover; }
    .pye_homepage .carousel .slides .item.item6 {
      background: #fff url("/static/ZZX/images/carousel/slide6.jpg") top center no-repeat;
      background-size: cover; }
  .pye_homepage .carousel.three-item .owl-carousel .item {
    background-color: #fff;
    margin: 0 2%;
    box-sizing: border-box;
    border: solid 1px #dbdbdb;
    overflow: hidden; }
    .pye_homepage .carousel.three-item .owl-carousel .item .img-wrap img {
      width: 100%;
      height: auto; }
    .pye_homepage .carousel.three-item .owl-carousel .item .text-panel {
      padding: 18px !important;
      width: auto;
      max-width: 100% !important;
      top: 0 !important; }
      .pye_homepage .carousel.three-item .owl-carousel .item .text-panel h2 {
        font-family: "Lyon Display Web","Times New Roman",serif;
        font-size: 1.6rem;
        line-height: 1.1;
        line-height: 1.2;
        font-weight: 500;
        min-height: 130px; }
        @media (min-width: 769px) {
          .pye_homepage .carousel.three-item .owl-carousel .item .text-panel h2 {
            font-size: 1.8rem;
            line-height: 1.2; } }
        @media (min-width: 600px) {
          .pye_homepage .carousel.three-item .owl-carousel .item .text-panel h2 {
            min-height: 150px; } }
      .pye_homepage .carousel.three-item .owl-carousel .item .text-panel .links a {
        font-family: "Graphik LCG Web",arial,sans-serif;
        color: #7f35b2;
        font-weight: 600;
        font-size: 1rem;
        text-decoration: none;
        background-image: url("/static/ZZX/images/carousel/arrow.svg");
        display: block;
        padding: 5px 35px 5px 5px;
        background-repeat: no-repeat;
        background-position: center right 10px;
        transition: background-position 0.25s;
        transition-timing-function: ease-out;
        background-size: 35px auto; }
        .pye_homepage .carousel.three-item .owl-carousel .item .text-panel .links a:hover {
          background-position: center right 0px;
          text-decoration: underline;
          transition: background-position 0.25s;
          transition-timing-function: ease-out; }
  .pye_homepage .content-primary {
    margin-bottom: 0; }
    .pye_homepage .content-primary [class^="column"] .panel:last-of-type {
      margin-bottom: 0; }
  .pye_homepage .content-secondary,
  .pye_homepage .content-tertiary {
    display: none; }

.pye_epa_com1 .panel ul.radio li {
  margin-bottom: 9px; }

.pye_feedback .radio-options p {
  margin-bottom: 9px; }

.pye_amrnd1 .panel.beneficiary-detail .panel-body ul.beneficiary-add-options {
  margin-bottom: 0; }
  .pye_amrnd1 .panel.beneficiary-detail .panel-body ul.beneficiary-add-options li {
    margin: 0 0 17px 0; }
.pye_amrnd1 .panel ul.unstyled .address-lookup-container {
  box-sizing: border-box; }
.pye_amrnd1 .panel ul.unstyled .pnl_nomination_detaildet__wwnd24x {
  width: 100%; }
  .pye_amrnd1 .panel ul.unstyled .pnl_nomination_detaildet__wwnd24x textarea {
    width: 100%;
    box-sizing: border-box; }
.pye_amrnd1 .panel .panel-body .page-options .ajax-spinner {
  display: none; }

.cookies h1.panel-heading,
.privacy-notice h1.panel-heading {
  padding: 0;
  margin-bottom: 12px; }
.cookies header h4,
.privacy-notice header h4 {
  padding: 0;
  margin-bottom: 0; }

.pye_psf17u .panel ul.unstyled li.address-lookup-container {
  box-sizing: border-box;
  padding: 21px; }

@media (min-width: 600px) {
  .pye_homepage .carousel .slides .item .text-panel {
    top: 21px;
    padding: 21px 21px 27px 21px;
    width: 45%; }
  .pye_homepage .panel header h2 {
    box-sizing: border-box; } }
@media (min-width: 769px) {
  .pye_homepage .carousel .slides .item .text-panel {
    width: 40%;
    max-width: 369px; }

  .logout #skip {
    height: 81px !important;
    border-bottom-width: 2px; }
  .logout .header-container header h1 {
    height: 81px !important; } }
@media (min-width: 1200px) {
  .pye_homepage .carousel .slides .item .text-panel {
    padding: 36px;
    max-width: 405px; } }
/*
Newsletter
*/
.pye_nwl1 {
  /* Content list/panels */
  /* sidebar */
  /*
  This is to 'fix' the menu alongside the current open article. It needs further development
  .menuFixed {
    position: fixed;
    top: 27px;
    transition: top ease 200ms;
    }
  */
  /* articles */ }
  .pye_nwl1 .printonly {
    display: none; }
  .pye_nwl1 #container {
    padding-top: 0;
    overflow: hidden;
    width: auto; }
    .pye_nwl1 #container:focus {
      outline: none; }
  .pye_nwl1 .content-primary ul, .pye_nwl1 .content-primary ol, .pye_nwl1 .content-primary dl, .pye_nwl1 .content-primary dl dl {
    padding-left: 24px; }
  .pye_nwl1 .content-primary ul {
    padding-left: 9px; }
  .pye_nwl1 .content-primary p, .pye_nwl1 .content-primary li, .pye_nwl1 .content-primary dd, .pye_nwl1 .content-primary caption, .pye_nwl1 .content-primary address {
    font-size: 1.143em; }
  .pye_nwl1 .content-primary .content-wrap {
    position: relative; }
  @media (min-width: 769px) {
    .pye_nwl1 .content-primary {
      width: 67%;
      margin-right: 3%; }
    .pye_nwl1 .content-secondary {
      width: 30%;
      margin-left: 70%;
      box-sizing: border-box; } }
  .pye_nwl1 .feature-area {
    padding-top: 27px;
    margin: 0 5%;
    width: 90%;
    max-width: 1140px;
    /* hero panel (top panel) */ }
    @media (min-width: 600px) {
      .pye_nwl1 .feature-area {
        margin: 0 2%;
        width: auto; } }
    @media (min-width: 1200px) {
      .pye_nwl1 .feature-area {
        margin: 0 auto; } }
    @media (min-width: 1800px) {
      .pye_nwl1 .feature-area {
        max-width: 1440px; } }
    .pye_nwl1 .feature-area h1 {
      border: solid 1px #a8a8a8;
      border-width: 1px 0px;
      padding: 11px 0;
      color: #444;
      margin-bottom: 27px; }
      .pye_nwl1 .feature-area h1 span {
        color: #000; }
    .pye_nwl1 .feature-area .hero {
      overflow: hidden; }
      .pye_nwl1 .feature-area .hero .text-panel {
        float: left;
        width: 33%; }
        .pye_nwl1 .feature-area .hero .text-panel h3 {
          color: #7f35b2; }
      .pye_nwl1 .feature-area .hero .img-wrap {
        float: right;
        width: 65%;
        position: relative; }
      .pye_nwl1 .feature-area .hero img {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        padding: 6px 0; }
  .pye_nwl1 .main,
  .pye_nwl1 .sidebar,
  .pye_nwl1 .hero {
    box-sizing: border-box; }
  .pye_nwl1 .alignright {
    float: right;
    margin: 0 0 27px 27px; }
  .pye_nwl1 .contents {
    overflow: hidden; }
    .pye_nwl1 .contents .article-intro {
      border-top: solid 1px #a8a8a8;
      padding: 26px 0 0 0;
      margin-bottom: 27px;
      box-sizing: border-box; }
      @media (min-width: 769px) {
        .pye_nwl1 .contents .article-intro {
          float: left;
          width: 48%;
          margin-right: 1%;
          min-height: 354px; }
          .pye_nwl1 .contents .article-intro:nth-child(even) {
            float: right; } }
      @media (min-width: 1200px) {
        .pye_nwl1 .contents .article-intro {
          min-height: 359px; } }
      @media (min-width: 1800px) {
        .pye_nwl1 .contents .article-intro {
          min-height: 396px; } }
      .pye_nwl1 .contents .article-intro .img-wrap {
        display: block; }
      .pye_nwl1 .contents .article-intro img {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 9px; }
      .pye_nwl1 .contents .article-intro h4 {
        color: #7f35b2;
        margin-bottom: 6px; }
        .pye_nwl1 .contents .article-intro h4 a {
          color: #7f35b2; }
          .pye_nwl1 .contents .article-intro h4 a:focus, .pye_nwl1 .contents .article-intro h4 a:hover {
            color: #552377;
            text-decoration: none; }
      .pye_nwl1 .contents .article-intro p:last-of-type {
        margin-bottom: 0; }
  @media (min-width: 769px) {
    .pye_nwl1 .sidebar {
      position: relative; }
      .pye_nwl1 .sidebar .menuFixed {
        background-color: #f5f5f5;
        padding: 15px 5%;
        border-top: solid 4px #dbdbdb;
        border-bottom: solid 4px #dbdbdb;
        transition: all ease 200ms;
        width: 100%;
        box-sizing: border-box; } }
  .pye_nwl1 .sidebar .nav:after,
  .pye_nwl1 .sidebar .nav:before {
    clear: none; }
  .pye_nwl1 .sidebar .nav {
    margin-bottom: 18px;
    box-sizing: border-box; }
    .pye_nwl1 .sidebar .nav h4 {
      margin-bottom: 9px; }
    .pye_nwl1 .sidebar .nav ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    .pye_nwl1 .sidebar .nav li {
      border-bottom: solid 1px #a8a8a8;
      margin: 0;
      padding: 0; }
      .pye_nwl1 .sidebar .nav li a {
        color: #444;
        display: block;
        text-decoration: none;
        padding: 12px 0px 11px 0px;
        box-sizing: border-box;
        transition: all ease 350ms; }
        .pye_nwl1 .sidebar .nav li a:focus, .pye_nwl1 .sidebar .nav li a:hover {
          color: #7f35b2;
          background: #fff;
          transition: all ease 350ms; }
      .pye_nwl1 .sidebar .nav li.print {
        position: absolute;
        top: 21px;
        right: 18px;
        border-width: 0; }
        .pye_nwl1 .sidebar .nav li.print a {
          background: transparent;
          border-width: 0;
          padding: 0; }
          .pye_nwl1 .sidebar .nav li.print a:before {
            margin-right: 6px; }
  .pye_nwl1 .sidebar .highlight {
    margin: 0 0 18px 0; }
    .pye_nwl1 .sidebar .highlight h4 {
      color: #7f35b2;
      margin: 0 0 6px 0; }
      .pye_nwl1 .sidebar .highlight h4 a {
        color: #444;
        text-decoration: underline; }
        .pye_nwl1 .sidebar .highlight h4 a:focus, .pye_nwl1 .sidebar .highlight h4 a:hover {
          color: #552377;
          text-decoration: none; }
    .pye_nwl1 .sidebar .highlight p a {
      color: #444; }
      .pye_nwl1 .sidebar .highlight p a:focus, .pye_nwl1 .sidebar .highlight p a:hover {
        color: #7f35b2; }
    .pye_nwl1 .sidebar .highlight:last-child {
      margin: 0; }
    .pye_nwl1 .sidebar .highlight.feedback {
      background: transparent url("/static/ZZX/images/newsletter/icon-feedback.png") 96% 9px no-repeat;
      padding-right: 52px; }
    .pye_nwl1 .sidebar .highlight.format {
      background: transparent url("/static/ZZX/images/newsletter/icon-format-blue.png") 96% 9px no-repeat;
      padding-right: 52px; }
      .pye_nwl1 .sidebar .highlight.format h4 {
        margin: 0 0 6px 0; }
    .pye_nwl1 .sidebar .highlight.alt a {
      color: #7f35b2; }
      .pye_nwl1 .sidebar .highlight.alt a:focus, .pye_nwl1 .sidebar .highlight.alt a:hover {
        color: #444; }
  .pye_nwl1 .article {
    padding-top: 77px;
    border-top: solid 1px #a8a8a8;
    border-bottom: solid 1px #a8a8a8; }
    @media (min-width: 769px) {
      .pye_nwl1 .article {
        padding-top: 26px; } }
    .pye_nwl1 .article:focus {
      outline: none; }
    .pye_nwl1 .article h1 {
      color: #7f35b2; }
    .pye_nwl1 .article h3 span {
      display: block; }
    .pye_nwl1 .article a {
      color: #7f35b2; }
      .pye_nwl1 .article a:focus, .pye_nwl1 .article a:hover, .pye_nwl1 .article a:active {
        color: #552377;
        text-decoration: none; }
    .pye_nwl1 .article .img-wrap {
      position: relative;
      display: block;
      margin-bottom: 27px; }
      .pye_nwl1 .article .img-wrap img {
        margin-bottom: 0; }
    .pye_nwl1 .article img {
      width: 100%;
      height: auto;
      display: block;
      position: relative;
      padding: 6px 0;
      margin-bottom: 27px; }
      .pye_nwl1 .article img.alignright {
        display: block;
        width: 50%;
        max-width: 300px;
        height: auto;
        padding: 0; }
        @media (min-width: 769px) {
          .pye_nwl1 .article img.alignright {
            width: 33%; } }
    .pye_nwl1 .article table th,
    .pye_nwl1 .article table td {
      background-color: transparent; }
    .pye_nwl1 .article table .col1 {
      width: 40%; }
    .pye_nwl1 .article table .col2,
    .pye_nwl1 .article table .col3,
    .pye_nwl1 .article table .col4,
    .pye_nwl1 .article table .col5 {
      width: 15%;
      text-align: center; }
    .pye_nwl1 .article table th.col2, .pye_nwl1 .article table th.col3, .pye_nwl1 .article table th.col4, .pye_nwl1 .article table th.col5 {
      text-align: center; }
    .pye_nwl1 .article table.overview {
      border-collapse: separate; }
      .pye_nwl1 .article table.overview th,
      .pye_nwl1 .article table.overview td {
        width: 33%;
        text-align: center; }
        .pye_nwl1 .article table.overview th.col2,
        .pye_nwl1 .article table.overview td.col2 {
          width: 34%; }
      .pye_nwl1 .article table.overview th {
        padding-top: 67px;
        font-size: 15px; }
        @media (min-width: 769px) {
          .pye_nwl1 .article table.overview th {
            font-size: 18px; } }
        .pye_nwl1 .article table.overview th.col1 {
          background-image: url("/static/ZZX/images/newsletter/icon-tbl-overview.png");
          background-position: 50% 9px;
          background-repeat: no-repeat; }
        .pye_nwl1 .article table.overview th.col2 {
          background-image: url("/static/ZZX/images/newsletter/icon-tbl-overview.png");
          background-position: 50% -291px;
          background-repeat: no-repeat; }
        .pye_nwl1 .article table.overview th.col3 {
          background-image: url("/static/ZZX/images/newsletter/icon-tbl-overview.png");
          background-position: 50% -591px;
          background-repeat: no-repeat;
          border-top: 1px solid #dbdbdb; }
    .pye_nwl1 .article table.contributions th,
    .pye_nwl1 .article table.contributions td {
      text-align: center;
      width: 50%; }
    .pye_nwl1 .article table.returns th,
    .pye_nwl1 .article table.returns td {
      text-align: center; }
    .pye_nwl1 .article blockquote {
      float: right;
      width: 50%;
      margin: 0 0 27px 27px;
      padding: 21px 0;
      background-color: transparent; }
      .pye_nwl1 .article blockquote :last-child {
        margin-bottom: 0; }
      .pye_nwl1 .article blockquote p {
        color: #7f35b2;
        word-break: normal;
        word-wrap: normal;
        font-style: normal; }
    .pye_nwl1 .article .highlight.alt {
      width: 40%; }
    .pye_nwl1 .article.tab-2017-5 .highlight.alt {
      width: 100%;
      overflow: hidden; }
      .pye_nwl1 .article.tab-2017-5 .highlight.alt h3 {
        float: left;
        margin-bottom: 0; }
      .pye_nwl1 .article.tab-2017-5 .highlight.alt li {
        float: left;
        margin-left: 18px;
        margin-bottom: 0; }
  .pye_nwl1 .highlight {
    margin-bottom: 21px; }
    .pye_nwl1 .highlight.alt {
      box-sizing: border-box; }
      .pye_nwl1 .highlight.alt ul {
        list-style-image: url("/static/ZZX/images/link-arrow.png");
        list-style-position: 0 6px; }
        .pye_nwl1 .highlight.alt ul li {
          margin-bottom: 0; }
        .pye_nwl1 .highlight.alt ul.unstyled {
          list-style: none;
          padding-left: 0;
          width: auto; }
          .pye_nwl1 .highlight.alt ul.unstyled li {
            overflow: hidden;
            line-height: 21px;
            margin-bottom: 21px; }
            .pye_nwl1 .highlight.alt ul.unstyled li:last-child {
              margin-bottom: 0; }
          .pye_nwl1 .highlight.alt ul.unstyled img {
            float: left;
            margin-right: 6px;
            width: 15px;
            padding: 0;
            display: inline-block; }
      .pye_nwl1 .highlight.alt a {
        color: #7f35b2; }
        .pye_nwl1 .highlight.alt a:focus, .pye_nwl1 .highlight.alt a:hover, .pye_nwl1 .highlight.alt a:active {
          color: #552377; }
    .pye_nwl1 .highlight.alt2 {
      background-color: #fff;
      border: solid 1px #a8a8a8;
      padding: 21px;
      box-sizing: border-box; }
      .pye_nwl1 .highlight.alt2 .intro {
        margin-bottom: 9px; }
      .pye_nwl1 .highlight.alt2 td ul.unstyled {
        list-style: none;
        padding-left: 0; }
        .pye_nwl1 .highlight.alt2 td ul.unstyled li {
          margin-bottom: 9px; }
          .pye_nwl1 .highlight.alt2 td ul.unstyled li:last-child {
            margin-bottom: 0; }
    .pye_nwl1 .highlight :last-child {
      margin-bottom: 0; }
    .pye_nwl1 .highlight.laptop {
      background-image: url("/static/ZZX/images/newsletter/icon-laptop.png");
      background-position: 97% 18px;
      background-repeat: no-repeat;
      padding-right: 89px; }
    .pye_nwl1 .highlight.alert {
      background-image: url("/static/ZZX/images/newsletter/icon-alert.png");
      background-position: 98% 15px;
      background-repeat: no-repeat;
      padding-right: 59px; }
    .pye_nwl1 .highlight table img {
      width: auto;
      display: inline-block;
      padding: 0;
      margin: 0; }
    .pye_nwl1 .highlight .columns-2 td {
      vertical-align: middle; }
    .pye_nwl1 .highlight .columns-2 .col1 {
      text-align: right;
      width: 43px; }
      @media (min-width: 769px) {
        .pye_nwl1 .highlight .columns-2 .col1 {
          width: 80px; } }
    .pye_nwl1 .highlight .columns-2 .col2 {
      text-align: left;
      width: auto;
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      /* This is the dangerous one in WebKit, as it breaks things wherever */
      word-break: break-all;
      /* Instead use this non-standard one: */
      word-break: break-word;
      /* Adds a hyphen where the word breaks, if supported (No Blink) */
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto; }
      @media (min-width: 769px) {
        .pye_nwl1 .highlight .columns-2 .col2 {
          -ms-word-break: none;
          word-break: none; } }
    .pye_nwl1 .highlight img {
      margin: 0 auto;
      max-width: 773px; }
  .pye_nwl1 #article-2017-6 .highlight .columns-2 td {
    text-align: left;
    width: auto; }
    .pye_nwl1 #article-2017-6 .highlight .columns-2 td.col1 {
      vertical-align: top; }
      .pye_nwl1 #article-2017-6 .highlight .columns-2 td.col1 img {
        display: block; }
  .pye_nwl1 .back {
    margin: 0 auto 18px auto;
    display: block;
    width: 60px;
    height: 60px;
    background: #fff url("/static/ZZX/images/newsletter/nwl-back-to-top.png") center center no-repeat; }
    @media (min-width: 769px) {
      .pye_nwl1 .back {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 2;
        margin: 0 -87px 0 0; } }
    .pye_nwl1 .back span {
      display: block;
      text-indent: -9999px; }

.pye_homepage section.panel {
  background-color: #f5f5f5;
  border: 4px solid #dbdbdb;
  border-width: 4px 0; }
  .pye_homepage section.panel .inner {
    padding: 17px 21px; }
    .pye_homepage section.panel .inner header {
      background-color: transparent; }
      .pye_homepage section.panel .inner header h2 {
        padding: 9px 24px 9px 0; }
    .pye_homepage section.panel .inner .panel-body {
      padding-bottom: 0; }
      .pye_homepage section.panel .inner .panel-body .related-links {
        margin-top: 0; }
      .pye_homepage section.panel .inner .panel-body .list-options.bottom {
        padding: 0; }

.pye_depdet .panel .panel {
  margin: 15px 0;
  border-width: 0; }
  .pye_depdet .panel .panel h3.panel-body-heading {
    box-sizing: border-box;
    background-color: #f5f5f5;
    border: 4px solid #dbdbdb;
    border-width: 4px 0;
    padding: 17px 30px 17px 18px; }
    .pye_depdet .panel .panel h3.panel-body-heading.open {
      border-bottom-width: 0;
      padding-bottom: 21px; }
  .pye_depdet .panel .panel h3 a {
    padding-left: 0; }
  .pye_depdet .panel .panel .panel-body {
    padding: 17px 30px 17px 18px;
    background-color: #f5f5f5;
    border-bottom: 4px solid #dbdbdb; }

.pye_amrnd1 .panel.beneficiary-detail .panel-body {
  background-color: #f5f5f5;
  border: 4px solid #dbdbdb;
  border-width: 4px 0;
  padding: 17px 21px; }
  .pye_amrnd1 .panel.beneficiary-detail .panel-body ul.beneficiary-add-options {
    margin-bottom: 0; }
    .pye_amrnd1 .panel.beneficiary-detail .panel-body ul.beneficiary-add-options li {
      margin: 0 0 17px 0; }
.pye_amrnd1 .panel ul.unstyled .address-lookup-container {
  box-sizing: border-box;
  background-color: #fff;
  border: 4px solid #dbdbdb;
  border-width: 4px 0;
  padding: 17px 18px;
  margin-top: 0;
  margin-bottom: 24px; }

.cookies h1.panel-heading,
.privacy-notice h1.panel-heading {
  font-family: 'opensansRegular', Arial, ArialMT, sans-serif;
  color: #7f35b2;
  font-weight: normal;
  font-size: 30.005px;
  line-height: 1.2em; }
.cookies header h4,
.privacy-notice header h4 {
  font-family: 'opensansRegular', Arial, ArialMT, sans-serif;
  color: #000;
  font-weight: normal;
  font-size: 18.003px; }

.privacy-notice ol li h2 {
  margin-top: 21px; }

.pye_psf17u .panel ul.unstyled li.address-lookup-container {
  background-color: #f5f5f5;
  border: 4px solid #dbdbdb;
  border-width: 4px 0;
  padding: 17px 18px; }

@media (min-width: 960px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout {
    display: flex;
    flex-wrap: wrap; } }
@media (min-width: 960px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li {
    float: none;
    clear: none; }
    .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li:last-of-type {
      padding-right: 0; } }
@media (min-width: 960px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__cnty1_sec.country {
    width: 50%;
    min-width: 0; } }
@media (min-width: 1076px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__cnty1_sec.country {
    width: 25%; } }
@media (min-width: 960px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__cnty1_sec.country .labels,
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__cnty1_sec.country .controls {
    padding-right: 10px; } }
@media (min-width: 960px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__cntycode1.country_code {
    width: 50%;
    min-width: 0; } }
@media (min-width: 1076px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__cntycode1.country_code {
    width: 15%; } }
@media (min-width: 960px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__telephon.phone_no {
    width: 50%;
    min-width: 0; } }
@media (min-width: 1076px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__telephon.phone_no {
    width: 25%; } }
@media (min-width: 960px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__telephon.btn_fld {
    width: 50%;
    min-width: 0;
    margin-top: 22px; } }
@media (min-width: 1076px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__telephon.btn_fld {
    width: 35%; } }
@media (min-width: 960px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__telephon.btn_fld .controls {
    padding-right: 0; } }
@media (min-width: 960px) {
  .pye_sechint.twofa-contact-details #form-visible-PNL_SECHINT ul.unstyled.alt-layout li.pnl_sechint__telephon.btn_fld .page-options {
    clear: none;
    min-width: 0;
    min-height: 0;
    padding-top: 0; } }

@media (min-width: 960px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout {
    display: flex;
    flex-wrap: wrap; } }
@media (min-width: 960px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li {
    float: none;
    clear: none; }
    .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li:last-of-type {
      padding-right: 0; } }
@media (min-width: 960px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cnty1.country, .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cnty2.country {
    width: 50%;
    min-width: 0; } }
@media (min-width: 1076px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cnty1.country, .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cnty2.country {
    width: 25%; } }
@media (min-width: 960px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cnty1.country .labels,
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cnty1.country .controls, .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cnty2.country .labels,
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cnty2.country .controls {
    padding-right: 10px; } }
@media (min-width: 960px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cntycode1.country_code, .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cntycode2.country_code {
    width: 50%;
    min-width: 0; } }
@media (min-width: 1076px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cntycode1.country_code, .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__cntycode2.country_code {
    width: 15%; } }
@media (min-width: 960px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__telephon.phone_no, .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__mobphon1.phone_no {
    width: 50%;
    min-width: 0; } }
@media (min-width: 1076px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__telephon.phone_no, .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__mobphon1.phone_no {
    width: 25%; } }
@media (min-width: 960px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__telephon.btn_fld, .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__mobphon1.btn_fld {
    width: 50%;
    min-width: 0;
    margin-top: 22px; } }
@media (min-width: 1076px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__telephon.btn_fld, .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__mobphon1.btn_fld {
    width: 35%; } }
@media (min-width: 960px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__telephon.btn_fld .controls, .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__mobphon1.btn_fld .controls {
    padding-right: 0; } }
@media (min-width: 960px) {
  .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__telephon.btn_fld .page-options, .pye_psf17u.twofa-contact-details #form-visible-PNL_MYDET_ADDRDET ul.unstyled.alt-layout li.pnl_mydet_addrdet__mobphon1.btn_fld .page-options {
    clear: none;
    min-width: 0;
    min-height: 0;
    padding-top: 0; } }

/*
 My Retirement Timeline
*/
.pye_myrettime .grid-container {
  height: auto; }
.pye_myrettime .timeline .rt-container .rt-content.retdate-card {
  background-color: #dbdbdb; }

/*
 End of My Retirement Timeline
*/
@media (min-width: 600px) {
  [class^="retire-able"] .grid-container {
    display: grid;
    display: -ms-grid;
    width: 100%;
    grid-template-columns: auto auto;
    -ms-grid-columns: auto auto;
    grid-template-rows: 1;
    -ms-grid-rows: 1;
    grid-column-gap: 0;
    grid-row-gap: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0; }
    [class^="retire-able"] .grid-container.columns-2 {
      display: grid;
      display: -ms-grid;
      width: 100%;
      grid-template-columns: auto auto;
      -ms-grid-columns: auto auto;
      grid-template-rows: 1;
      -ms-grid-rows: 1;
      grid-column-gap: 0;
      grid-row-gap: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    [class^="retire-able"] .grid-container.columns-66-34 {
      display: grid;
      display: -ms-grid;
      width: 100%;
      grid-template-columns: 66% 34%;
      -ms-grid-columns: 66% 34%;
      grid-template-rows: 1;
      -ms-grid-rows: 1;
      grid-column-gap: 0;
      grid-row-gap: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    [class^="retire-able"] .grid-container.columns-34-66 {
      display: grid;
      display: -ms-grid;
      width: 100%;
      grid-template-columns: 34% 66%;
      -ms-grid-columns: 34% 66%;
      grid-template-rows: 1;
      -ms-grid-rows: 1;
      grid-column-gap: 0;
      grid-row-gap: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    [class^="retire-able"] .grid-container.columns-60-40 {
      display: grid;
      display: -ms-grid;
      width: 100%;
      grid-template-columns: 60% 40%;
      -ms-grid-columns: 60% 40%;
      grid-template-rows: 1;
      -ms-grid-rows: 1;
      grid-column-gap: 0;
      grid-row-gap: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    [class^="retire-able"] .grid-container.columns-3 {
      display: grid;
      display: -ms-grid;
      width: 100%;
      grid-template-columns: auto auto auto;
      -ms-grid-columns: auto auto auto;
      grid-template-rows: 1;
      -ms-grid-rows: 1;
      grid-column-gap: 0;
      grid-row-gap: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    [class^="retire-able"] .grid-container.columns-4 {
      display: grid;
      display: -ms-grid;
      width: 100%;
      grid-template-columns: auto auto auto auto;
      -ms-grid-columns: auto auto auto auto;
      grid-template-rows: 1;
      -ms-grid-rows: 1;
      grid-column-gap: 0;
      grid-row-gap: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0; }
    [class^="retire-able"] .grid-container .grid {
      -ms-grid-row-span: 1;
      -ms-grid-column-span: 1; }
      [class^="retire-able"] .grid-container .grid.grid-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container .grid.grid-2 {
        -ms-grid-row: 1;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container .grid.grid-3 {
        -ms-grid-row: 2;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container .grid.grid-4 {
        -ms-grid-row: 2;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container .grid.grid-5 {
        -ms-grid-row: 3;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container .grid.grid-6 {
        -ms-grid-row: 3;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container .grid.grid-7 {
        -ms-grid-row: 4;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container .grid.grid-8 {
        -ms-grid-row: 4;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container .grid.grid-9 {
        -ms-grid-row: 5;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container .grid.grid-10 {
        -ms-grid-row: 5;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container .grid.grid-11 {
        -ms-grid-row: 6;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container .grid.grid-12 {
        -ms-grid-row: 6;
        -ms-grid-column: 2; }
  [class^="retire-able"] .grid-container.columns-2 {
    grid-template-columns: 50% 50%;
    -ms-grid-columns: 50% 50%;
    grid-template-areas: "grid-1 grid-2"; }
    [class^="retire-able"] .grid-container.columns-2.panel-columns-66-34 {
      grid-template-columns: 66% 34%;
      -ms-grid-columns: 66% 34%; }
    [class^="retire-able"] .grid-container.columns-2.panel-columns-34-66 {
      grid-template-columns: 34% 66%;
      -ms-grid-columns: 34% 66%; }
    [class^="retire-able"] .grid-container.columns-2.panel-columns-60-40 {
      grid-template-columns: 60% 40%;
      -ms-grid-columns: 60% 40%; }
    [class^="retire-able"] .grid-container.columns-2.panel-columns-75-25 {
      grid-template-columns: 75% 25%;
      -ms-grid-columns: 75% 25%; }
    [class^="retire-able"] .grid-container.columns-2.panel-columns-25-75 {
      grid-template-columns: 25% 75%;
      -ms-grid-columns: 25% 75%; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-1 {
      -ms-grid-row: 1;
      -ms-grid-column: 1; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-2 {
      -ms-grid-row: 1;
      -ms-grid-column: 2; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-3 {
      -ms-grid-row: 2;
      -ms-grid-column: 1; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-4 {
      -ms-grid-row: 2;
      -ms-grid-column: 2; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-5 {
      -ms-grid-row: 3;
      -ms-grid-column: 1; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-6 {
      -ms-grid-row: 3;
      -ms-grid-column: 2; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-7 {
      -ms-grid-row: 4;
      -ms-grid-column: 1; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-8 {
      -ms-grid-row: 4;
      -ms-grid-column: 2; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-9 {
      -ms-grid-row: 5;
      -ms-grid-column: 1; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-10 {
      -ms-grid-row: 5;
      -ms-grid-column: 2; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-11 {
      -ms-grid-row: 6;
      -ms-grid-column: 1; }
    [class^="retire-able"] .grid-container.columns-2 .grid.grid-12 {
      -ms-grid-row: 6;
      -ms-grid-column: 2; }
    [class^="retire-able"] .grid-container.columns-2 .grid:nth-child(2n+1) {
      margin-right: 9px; }
    [class^="retire-able"] .grid-container.columns-2 .grid:nth-child(2n+0) {
      margin-left: 9px; }
    [class^="retire-able"] .grid-container.columns-2.panel-content-wrap {
      display: block; }
  [class^="retire-able"] .grid-container.columns-3 {
    grid-template-columns: 33.33% 33.33% 33.33%;
    -ms-grid-columns: 33.33% 33.33% 33.33%;
    grid-template-areas: "grid-1 grid-2 grid-3"; }
    [class^="retire-able"] .grid-container.columns-3 .grid {
      margin-right: 9px;
      margin-left: 9px; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-2 {
        -ms-grid-row: 1;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-3 {
        -ms-grid-row: 1;
        -ms-grid-column: 3; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-4 {
        -ms-grid-row: 2;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-5 {
        -ms-grid-row: 2;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-6 {
        -ms-grid-row: 2;
        -ms-grid-column: 3; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-7 {
        -ms-grid-row: 3;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-8 {
        -ms-grid-row: 3;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-9 {
        -ms-grid-row: 3;
        -ms-grid-column: 3; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-10 {
        -ms-grid-row: 4;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-11 {
        -ms-grid-row: 4;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container.columns-3 .grid.grid-12 {
        -ms-grid-row: 4;
        -ms-grid-column: 3; }
      [class^="retire-able"] .grid-container.columns-3 .grid:nth-child(3n+1) {
        margin-right: 18px;
        margin-left: 0; }
      [class^="retire-able"] .grid-container.columns-3 .grid:nth-child(3n+0) {
        margin-right: 0;
        margin-left: 18px; }
  [class^="retire-able"] .grid-container.columns-4 {
    grid-template-columns: 25% 25% 25% 25%;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-areas: "grid-1 grid-2 grid-3 grid-4" "grid-5 grid-6 grid-7 grid-8"; }
    [class^="retire-able"] .grid-container.columns-4 .grid {
      margin-right: 9px;
      margin-left: 9px; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-2 {
        -ms-grid-row: 1;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-3 {
        -ms-grid-row: 1;
        -ms-grid-column: 3; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-4 {
        -ms-grid-row: 1;
        -ms-grid-column: 4; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-5 {
        -ms-grid-row: 2;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-6 {
        -ms-grid-row: 2;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-7 {
        -ms-grid-row: 2;
        -ms-grid-column: 3; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-8 {
        -ms-grid-row: 2;
        -ms-grid-column: 4; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-9 {
        -ms-grid-row: 3;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-10 {
        -ms-grid-row: 3;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-11 {
        -ms-grid-row: 3;
        -ms-grid-column: 3; }
      [class^="retire-able"] .grid-container.columns-4 .grid.grid-12 {
        -ms-grid-row: 3;
        -ms-grid-column: 4; }
  [class^="retire-able"] .grid-container.columns-5 {
    grid-template-columns: 20% 20% 20% 20% 20%;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
    grid-template-areas: "grid-1 grid-2 grid-3 grid-4 grid-5"; }
    [class^="retire-able"] .grid-container.columns-5 .grid {
      margin-right: 24px;
      margin-left: 24px; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-2 {
        -ms-grid-row: 1;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-3 {
        -ms-grid-row: 1;
        -ms-grid-column: 3; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-4 {
        -ms-grid-row: 1;
        -ms-grid-column: 4; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-5 {
        -ms-grid-row: 1;
        -ms-grid-column: 5; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-6 {
        -ms-grid-row: 2;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-7 {
        -ms-grid-row: 2;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-8 {
        -ms-grid-row: 2;
        -ms-grid-column: 3; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-9 {
        -ms-grid-row: 2;
        -ms-grid-column: 4; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-10 {
        -ms-grid-row: 2;
        -ms-grid-column: 5; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-11 {
        -ms-grid-row: 3;
        -ms-grid-column: 1; }
      [class^="retire-able"] .grid-container.columns-5 .grid.grid-12 {
        -ms-grid-row: 3;
        -ms-grid-column: 2; }
      [class^="retire-able"] .grid-container.columns-5 .grid:nth-child(5n+1) {
        margin-right: 24px;
        margin-left: 0; }
      [class^="retire-able"] .grid-container.columns-5 .grid:nth-child(5n+0) {
        margin-right: 0;
        margin-left: 24px; }
  [class^="retire-able"] .grid-container .grid {
    margin-top: 0;
    margin-bottom: 0; }
  [class^="retire-able"] .grid + .grid {
    margin-top: 0; } }
[class^="retire-able"] .img-wrap img {
  display: block;
  width: 100%; }

body {
  scroll-behavior: smooth; }

.pre-login-forms article .panel.login-form li .controls input {
  width: 93%; }
.pre-login-forms article .panel.login-form .page-options {
  max-width: none; }

.login li.email:before {
  background-image: url("/static/ZZX/images/retire-able/email-purple.svg");
  background-size: 58%;
  background-position: 5px 0; }
.login li.phone:before {
  background-image: url("/static/ZZX/images/retire-able/phone-purple.svg"); }
.login #pageWrapper::before,
.login #pageWrapper::after {
  content: "";
  display: table; }
@media screen and (max-width: 800px) {
  .login .login-wrapper .grid-container {
    display: flex !important;
    flex-direction: column; }
    .login .login-wrapper .grid-container.columns-2 {
      grid-template-columns: 100%;
      -ms-grid-columns: 100%;
      grid-template-areas: "grid-1 grid-2"; }
  .login .login-wrapper .grid-container div:first-child {
    flex-direction: column;
    order: 2;
    width: 100%; }
  .login .login-wrapper .grid-container .grid-1 {
    width: 100% !important; } }

ul.list-negative,
ul.list-positive {
  display: inline-block;
  padding-left: 1.25rem;
  list-style: none;
  margin-bottom: 0; }
  ul.list-negative li,
  ul.list-positive li {
    clear: left; }
  ul.list-negative li:before,
  ul.list-positive li:before {
    content: "";
    height: 2.5rem;
    width: 2.5rem;
    display: block;
    float: left;
    margin-left: -2.5rem;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 70%; }

ul.list-positive li:before {
  background-image: url("/static/ZZX/images/retire-able/icon-thumb-up-green.svg"); }

.list-negative li:before {
  background-image: url("/static/ZZX/images/retire-able/icon-thumb-down-red.svg"); }

ul.contacts {
  display: block;
  padding-left: 1.25rem;
  list-style: none;
  margin-bottom: 0; }
  ul.contacts li {
    clear: left; }

li.email:before,
li.phone:before,
li.web:before {
  content: "";
  height: 2.5rem;
  width: 2.5rem;
  display: block;
  float: left;
  margin-left: -2.5rem;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 70%; }

li.email:before {
  background-image: url("/static/ZZX/images/retire-able/email-icon.svg"); }

li.phone:before {
  background-image: url("/static/ZZX/images/retire-able/phone-icon.svg"); }

li.web:before {
  background-image: url("/static/ZZX/images/retire-able/web-icon.svg"); }

article:first-of-type {
  margin-top: 30px; }

/* retire-able */
[class^="retire-able"] h1 {
  font-family: 'opensansSemibold', Arial, ArialMT, sans-serif;
  font-weight: normal;
  color: #000; }
[class^="retire-able"] h2 {
  font-family: 'opensansSemibold', Arial, ArialMT, sans-serif;
  font-size: 1.412rem;
  font-weight: normal;
  color: #000; }
[class^="retire-able"] button,
[class^="retire-able"] a.button {
  border-radius: 5px;
  border: none; }
  [class^="retire-able"] button:hover, [class^="retire-able"] button:active,
  [class^="retire-able"] a.button:hover,
  [class^="retire-able"] a.button:active {
    border: none; }
[class^="retire-able"] a.primary {
  background-color: #7f35b2;
  color: #fff;
  border: none; }
  [class^="retire-able"] a.primary:hover, [class^="retire-able"] a.primary:active {
    background-color: #552377;
    border: none; }
[class^="retire-able"] .find-out-more p:first-of-type,
[class^="retire-able"] .find-out-more p:last-of-type {
  margin-bottom: 0; }
[class^="retire-able"] .find-out-more .img-wrap img {
  display: block;
  width: 60%;
  padding: 0 0%;
  margin: 30px 15% 30px; }
[class^="retire-able"] .find-out-more .cover {
  transform: rotate(-5deg);
  box-shadow: 12px 10px 15px -3px rgba(0, 0, 0, 0.1); }
[class^="retire-able"] .grid {
  position: relative; }
[class^="retire-able"] .call-to-action {
  position: absolute;
  box-sizing: border-box;
  bottom: 18px; }
[class^="retire-able"] .content-secondary,
[class^="retire-able"] .content-tertiary {
  margin-bottom: 0; }
[class^="retire-able"] .your-options > h2,
[class^="retire-able"] .things-to-consider section > h2,
[class^="retire-able"] .other-useful-info h2,
[class^="retire-able"] .contact-us h2 {
  color: #7f35b2;
  font-weight: 400;
  font-size: 1.412rem; }
[class^="retire-able"] .moneyhelper h3,
[class^="retire-able"] .other-tools .grid-container h3,
[class^="retire-able"] .ready-to-decide .grid-container h3 {
  font-size: 1.059rem;
  line-height: 1.2; }
[class^="retire-able"] .login-wrapper {
  margin-top: 30px;
  background: no-repeat center url("/static/ZZX/images/retire-able/home-page-top.svg");
  background-size: 85%;
  background-position-x: center;
  background-position-y: bottom;
  margin-bottom: 90px; }
  @media (min-width: 769px) {
    [class^="retire-able"] .login-wrapper {
      background: no-repeat center url("/static/ZZX/images/retire-able/home-page-top.svg");
      background-size: 50%;
      background-position-x: 36%;
      background-position-y: 110px;
      margin-bottom: 80px; } }
  @media (min-width: 1800px) {
    [class^="retire-able"] .login-wrapper {
      background-position-y: 60px;
      background-size: 42%; } }
  [class^="retire-able"] .login-wrapper .grid-1 {
    padding: 5% 2% 200px 2%; }
    @media (min-width: 769px) {
      [class^="retire-able"] .login-wrapper .grid-1 {
        padding: 50px; } }
    [class^="retire-able"] .login-wrapper .grid-1 h1 {
      font-size: 1.412rem; }
    [class^="retire-able"] .login-wrapper .grid-1 .text-panel {
      max-width: 375px; }
  [class^="retire-able"] .login-wrapper .grid-2 {
    border: solid 4px #7f35b2;
    padding: 25px;
    background-color: #fff; }
    [class^="retire-able"] .login-wrapper .grid-2 .panel {
      background-color: transparent; }
    [class^="retire-able"] .login-wrapper .grid-2 h2 {
      font-size: 1.412rem; }
    [class^="retire-able"] .login-wrapper .grid-2 h3 {
      font-size: 0.882rem; }
    [class^="retire-able"] .login-wrapper .grid-2 .forgot-password {
      margin: 0; }
    [class^="retire-able"] .login-wrapper .grid-2 .page-options {
      padding-top: 0; }
    [class^="retire-able"] .login-wrapper .grid-2 .panel-body {
      padding: 0;
      min-height: auto; }
    [class^="retire-able"] .login-wrapper .grid-2 ul.unstyled {
      margin: 0; }
[class^="retire-able"] .your-options {
  background-color: #eceff4;
  padding: 50px;
  margin-bottom: 50px; }
  [class^="retire-able"] .your-options .recieve,
  [class^="retire-able"] .your-options .transfer-out {
    background-color: #fff;
    padding: 40px; }
  [class^="retire-able"] .your-options .recieve {
    margin-bottom: 18px; }
    [class^="retire-able"] .your-options .recieve p.accordion-opener.closed a {
      text-decoration: underline; }
      [class^="retire-able"] .your-options .recieve p.accordion-opener.closed a::after {
        content: " more >"; }
    [class^="retire-able"] .your-options .recieve p.accordion-opener.open a {
      text-decoration: underline; }
      [class^="retire-able"] .your-options .recieve p.accordion-opener.open a:after {
        content: " less <"; }
    [class^="retire-able"] .your-options .recieve h2 {
      color: #48086f;
      font-size: 1.176rem;
      color: #48086f; }
    [class^="retire-able"] .your-options .recieve h3 {
      color: #000;
      font-family: 'opensansSemibold', Arial, ArialMT, sans-serif;
      font-weight: normal;
      font-size: 1.059rem; }
    [class^="retire-able"] .your-options .recieve .pros-and-cons .grid {
      margin-bottom: 18px; }
    [class^="retire-able"] .your-options .recieve a.button.primary,
    [class^="retire-able"] .your-options .recieve a.button.primary:visited {
      background: #48086f;
      color: #fff;
      border: solid 1px #48086f; }
    [class^="retire-able"] .your-options .recieve a.button.primary:hover,
    [class^="retire-able"] .your-options .recieve a.button.primary:focus,
    [class^="retire-able"] .your-options .recieve a.button.primary:active {
      background: #32064e; }
  [class^="retire-able"] .your-options .transfer-out p.accordion-opener.closed a {
    text-decoration: underline; }
    [class^="retire-able"] .your-options .transfer-out p.accordion-opener.closed a::after {
      content: " more >";
      text-decoration: underline; }
  [class^="retire-able"] .your-options .transfer-out p.accordion-opener.open a {
    text-decoration: underline; }
    [class^="retire-able"] .your-options .transfer-out p.accordion-opener.open a:after {
      content: " less <"; }
  [class^="retire-able"] .your-options .transfer-out h2 {
    color: #a61932;
    font-size: 1.176rem; }
  [class^="retire-able"] .your-options .transfer-out h3 {
    font-family: 'opensansSemibold', Arial, ArialMT, sans-serif;
    font-weight: normal;
    font-size: 1.059rem;
    color: #000000; }
  [class^="retire-able"] .your-options .transfer-out .grid {
    margin-bottom: 18px; }
  [class^="retire-able"] .your-options .transfer-out .grid-2 a.button,
  [class^="retire-able"] .your-options .transfer-out .grid-2 a.button:visited {
    background: #a61932;
    color: #fff;
    border: solid 1px #a61932; }
  [class^="retire-able"] .your-options .transfer-out .grid-2 a.button:hover,
  [class^="retire-able"] .your-options .transfer-out .grid-2 a.button:focus,
  [class^="retire-able"] .your-options .transfer-out .grid-2 a.button:active {
    background: #871429; }
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-1 a.button,
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-1 a.button:visited {
    background: #9e0085;
    color: #fff;
    border: solid 1px #9e0085; }
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-1 a.button:hover,
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-1 a.button:focus,
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-1 a.button:active {
    background: #7a0067; }
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-2 a.button,
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-2 a.button:visited {
    background: #327fef;
    color: #fff;
    border: solid 1px #327fef; }
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-2 a.button:hover,
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-2 a.button:focus,
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-2 a.button:active {
    background: #126beb; }
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-3 a.button,
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-3 a.button:visited {
    background: #808080;
    color: #fff;
    border: solid 1px #808080; }
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-3 a.button:hover,
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-3 a.button:focus,
  [class^="retire-able"] .your-options .transfer-out .transfer-out-options .grid-3 a.button:active {
    background: #6e6e6e; }
[class^="retire-able"] .things-to-consider {
  background-color: #fff;
  padding: 50px; }
  [class^="retire-able"] .things-to-consider .grid-container.columns-4 {
    margin-bottom: 30px !important; }
    [class^="retire-able"] .things-to-consider .grid-container.columns-4 .grid {
      margin-bottom: 18px;
      padding-bottom: 55px; }
  [class^="retire-able"] .things-to-consider .grid {
    background-color: #eceff4;
    display: inline-block; }
    [class^="retire-able"] .things-to-consider .grid h3 {
      font-size: 1.176rem;
      min-height: 40px;
      line-height: 1.2; }
    [class^="retire-able"] .things-to-consider .grid .img-wrap {
      padding-bottom: 8px;
      display: block;
      background-color: #fff; }
    [class^="retire-able"] .things-to-consider .grid .text-area {
      padding: 35px 22px 0 22px; }
[class^="retire-able"] .transfer-out-options .grid {
  background-color: #eceff4;
  padding: 35px 22px 35px 22px;
  margin-bottom: 18px; }
  [class^="retire-able"] .transfer-out-options .grid.grid-1 h3 {
    color: #9e0085;
    font-size: 1.2rem; }
  [class^="retire-able"] .transfer-out-options .grid.grid-2 h3 {
    color: #327fef;
    font-size: 1.2rem; }
  [class^="retire-able"] .transfer-out-options .grid.grid-3 h3 {
    color: #808080;
    font-size: 1.2rem; }
[class^="retire-able"] .advice {
  background-color: #7f35b2;
  margin-bottom: 50px; }
  [class^="retire-able"] .advice .grid-container .grid {
    color: #fff;
    background-color: #7f35b2; }
    [class^="retire-able"] .advice .grid-container .grid .text-area {
      padding: 35px 22px 35px 22px; }
  [class^="retire-able"] .advice .grid-container h2 {
    color: #fff;
    font-weight: 400; }
[class^="retire-able"] .taking-guidance {
  padding: 50px;
  background-color: #eceff4;
  margin-bottom: 50px; }
  [class^="retire-able"] .taking-guidance h2 {
    color: #7f35b2;
    font-weight: 400; }
[class^="retire-able"] .other-useful-info {
  padding: 35px 22px 35px 22px;
  margin-bottom: 50px; }
[class^="retire-able"] .moneyhelper {
  background-color: #eceff4;
  margin-bottom: 30px; }
  [class^="retire-able"] .moneyhelper .intro {
    padding: 35px 22px; }
  [class^="retire-able"] .moneyhelper .grid-container .grid {
    padding: 35px 22px 55px 22px; }
[class^="retire-able"] .other-tools .grid {
  background-color: #eceff4;
  padding: 35px 22px 55px 22px;
  margin-bottom: 16px;
  position: relative; }
[class^="retire-able"] .ready-to-decide {
  background-color: #7f35b2;
  padding: 50px;
  margin-bottom: 70px; }
  [class^="retire-able"] .ready-to-decide .grid-container .grid-1,
  [class^="retire-able"] .ready-to-decide .grid-container .grid-2,
  [class^="retire-able"] .ready-to-decide .grid-container .grid-3 {
    background-color: #fff; }
  [class^="retire-able"] .ready-to-decide .grid {
    padding: 22px;
    margin-bottom: 18px; }
  [class^="retire-able"] .ready-to-decide h2,
  [class^="retire-able"] .ready-to-decide h3 {
    color: #fff; }
  [class^="retire-able"] .ready-to-decide h3 {
    color: #fff;
    font-size: 1.059rem; }
  [class^="retire-able"] .ready-to-decide > p {
    color: #fff; }
  [class^="retire-able"] .ready-to-decide .grid-container {
    margin-bottom: 18px; }
    [class^="retire-able"] .ready-to-decide .grid-container h3 {
      color: #7f35b2; }
[class^="retire-able"] .contact-us {
  background-color: #eceff4;
  padding: 35px 22px 35px 22px;
  margin: 0 22px 40px 22px;
  display: block; }

.get-in-touch {
  background-color: #7f35b2;
  padding: 50px; }
  .get-in-touch .grid-1 {
    color: #fff;
    background-color: #7f35b2; }
    .get-in-touch .grid-1 h2 {
      font-size: 1.412rem;
      font-weight: 400;
      color: #fff; }
    .get-in-touch .grid-1 a:link,
    .get-in-touch .grid-1 a:visited {
      color: #ffff;
      text-decoration: underline; }
    .get-in-touch .grid-1 a:hover,
    .get-in-touch .grid-1 a:focus,
    .get-in-touch .grid-1 a:active {
      text-decoration: none; }
    .get-in-touch .grid-1 li {
      margin: 0 0 10px 0; }
  .get-in-touch .grid-2 {
    padding: 20px 150px 20px 20px;
    color: #000;
    background: no-repeat center right url("/static/ZZX/images/retire-able/details-to-hand.svg");
    background-color: #fff;
    background-size: 70% 70%;
    background-position: right -90px top 50%; }
    @media (min-width: 1800px) {
      .get-in-touch .grid-2 {
        background-position: right -130px top 50%; } }
    .get-in-touch .grid-2 li {
      line-height: 1.2;
      margin: 0 0 10px 0; }

.retire-able-get-advice h1 {
  font-family: 'opensansSemibold', Arial, ArialMT, sans-serif;
  font-size: 1.412rem;
  font-weight: normal;
  margin-top: 50px; }
.retire-able-get-advice .getting-advice {
  margin-bottom: 70px; }
  .retire-able-get-advice .getting-advice .grid-2 .img-wrap img {
    display: block;
    width: 80%;
    padding: 0 10%; }
.retire-able-get-advice .tabpanel-one,
.retire-able-get-advice .tabpanel-two,
.retire-able-get-advice .tabpanel-three,
.retire-able-get-advice .tabpanel-four {
  padding: 22px 0; }
  .retire-able-get-advice .tabpanel-one h2,
  .retire-able-get-advice .tabpanel-two h2,
  .retire-able-get-advice .tabpanel-three h2,
  .retire-able-get-advice .tabpanel-four h2 {
    font-family: 'opensansSemibold', Arial, ArialMT, sans-serif;
    font-size: 1.294rem;
    color: #48086f;
    font-weight: normal;
    color: #7f35b2; }
  .retire-able-get-advice .tabpanel-one h3,
  .retire-able-get-advice .tabpanel-two h3,
  .retire-able-get-advice .tabpanel-three h3,
  .retire-able-get-advice .tabpanel-four h3 {
    font-size: 1.176rem;
    color: #000; }
  .retire-able-get-advice .tabpanel-one li,
  .retire-able-get-advice .tabpanel-two li,
  .retire-able-get-advice .tabpanel-three li,
  .retire-able-get-advice .tabpanel-four li {
    margin: 0 0 0.5rem 0; }
.retire-able-get-advice .tabpanel-two .grid-2 {
  background-color: #7f35b2;
  color: #fff;
  padding: 35px 22px 0 22px; }
  .retire-able-get-advice .tabpanel-two .grid-2 h3 {
    color: #fff; }
  .retire-able-get-advice .tabpanel-two .grid-2 a:link,
  .retire-able-get-advice .tabpanel-two .grid-2 a:visited {
    color: #fff; }
  .retire-able-get-advice .tabpanel-two .grid-2 a:hover,
  .retire-able-get-advice .tabpanel-two .grid-2 a:focus,
  .retire-able-get-advice .tabpanel-two .grid-2 a:active {
    text-decoration: none; }
.retire-able-get-advice .tabpanel-three .find-out-more,
.retire-able-get-advice .tabpanel-three .note {
  background-color: #eceff4;
  padding: 35px 22px 35px 22px;
  margin-bottom: 18px; }
  .retire-able-get-advice .tabpanel-three .find-out-more p:last-of-type,
  .retire-able-get-advice .tabpanel-three .note p:last-of-type {
    margin-bottom: 0; }
.retire-able-get-advice .tabpanel-three .note h3 {
  color: #fff; }
.retire-able-get-advice .tabpanel-three .highlight {
  background-color: #7f35b2;
  color: #fff;
  padding: 35px 22px 35px 22px;
  margin-bottom: 18px; }
  @media (min-width: 769px) {
    .retire-able-get-advice .tabpanel-three .highlight {
      margin-top: 70px; } }
  .retire-able-get-advice .tabpanel-three .highlight h3 {
    color: #fff; }
.retire-able-get-advice .tabpanel-four .find-out-more {
  background-color: #eceff4;
  padding: 35px 22px 35px 22px;
  margin-bottom: 18px; }
.retire-able-get-advice .tabs button {
  width: 100%;
  margin-bottom: 3px;
  border-radius: 0px;
  padding: 10px 15px;
  border: none;
  color: #000;
  background-color: #eceff4;
  transition: 0.25s; }
  @media (min-width: 600px) {
    .retire-able-get-advice .tabs button {
      width: auto;
      margin-bottom: 0; } }
  .retire-able-get-advice .tabs button:hover, .retire-able-get-advice .tabs button:focus, .retire-able-get-advice .tabs button:active, .retire-able-get-advice .tabs button[aria-selected="true"] {
    background-color: #7f35b2;
    color: #fff; }
.retire-able-get-advice .tab-list {
  border-bottom: 3px solid #7f35b2; }

/*
Grids
============================
*/
/* Login */
.login .pre-login-forms article {
  max-width: none; }

/* Grids */
@media (min-width: 769px) {
  .grid-container {
    height: 100%;
    display: grid; }
    .grid-container.panel-columns-2 {
      grid-template-columns: 49% 49%;
      grid-template-rows: 1auto 1auto 1auto 1auto 1auto;
      grid-template-areas: "grid-1 grid-2" "grid-3 grid-4" "grid-5 grid-6" "grid-7 grid-8" "grid-9 grid-10";
      grid-column-gap: 2%;
      grid-row-gap: 0px; }
    .grid-container.panel-columns-66-34 {
      grid-template-columns: 66% 32%; }
    .grid-container.panel-columns-3 {
      grid-template-columns: 32% 32% 32%;
      grid-template-rows: 1auto 1auto 1auto 1auto;
      grid-template-areas: "grid-1 grid-2 grid-3" "grid-4 grid-5 grid-6";
      grid-column-gap: 2%;
      grid-row-gap: 0px; }
    .grid-container.panel-columns-4 {
      grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
      grid-template-rows: 1auto 1auto 1auto 1auto;
      grid-template-areas: "grid-1 grid-2 grid-3 grid-4" "grid-5 grid-6 grid-7 grid-8";
      grid-column-gap: 2%;
      grid-row-gap: 0px; }
    .grid-container .grid-1 {
      grid-area: grid-1; }
    .grid-container .grid-2 {
      grid-area: grid-2; }
    .grid-container .grid-3 {
      grid-area: grid-3; }
    .grid-container .grid-4 {
      grid-area: grid-4; }
    .grid-container .grid-5 {
      grid-area: grid-5; }
    .grid-container .grid-6 {
      grid-area: grid-6; }
    .grid-container .grid-7 {
      grid-area: grid-7; }
    .grid-container .grid-8 {
      grid-area: grid-8; }
    .grid-container .grid-9 {
      grid-area: grid-9; }
    .grid-container .grid-10 {
      grid-area: grid-10; }
    .grid-container .grid-1,
    .grid-container .grid-2,
    .grid-container .grid-3,
    .grid-container .grid-4,
    .grid-container .grid-5,
    .grid-container .grid-6,
    .grid-container .grid-7,
    .grid-container .grid-8,
    .grid-container .grid-9,
    .grid-container .grid-10 {
      margin-bottom: 0; } }
@media all and (min-width: 769px) and (-ms-high-contrast: none) {
  .grid-container {
    display: -ms-grid; }
    .grid-container.panel-columns-2 {
      -ms-grid-columns: 50% 50%;
      -ms-grid-rows: 1auto 1auto 1auto 1auto 1auto; }
      .grid-container.panel-columns-2 .grid-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-2 .grid-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-2 .grid-3 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-2 .grid-4 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-2 .grid-5 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-2 .grid-6 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-2 .grid-7 {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-2 .grid-8 {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-2 .grid-9 {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-2 .grid-10 {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-2 .grid-1,
      .grid-container.panel-columns-2 .grid-3,
      .grid-container.panel-columns-2 .grid-5,
      .grid-container.panel-columns-2 .grid-7,
      .grid-container.panel-columns-2 .grid-9 {
        margin-right: 2% !important; }
      .grid-container.panel-columns-2 .grid-2,
      .grid-container.panel-columns-2 .grid-4,
      .grid-container.panel-columns-2 .grid-6,
      .grid-container.panel-columns-2 .grid-8,
      .grid-container.panel-columns-2 .grid-10 {
        margin-left: 2% !important; }
    .grid-container.panel-columns-66-34 {
      -ms-grid-columns: 66% 34%; }
    .grid-container.panel-columns-3 {
      -ms-grid-columns: 33.3% 33.3% 33.3%;
      -ms-grid-rows: 1auto 1auto; }
      .grid-container.panel-columns-3 .grid-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-3 .grid-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-3 .grid-3 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-3 .grid-4 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-3 .grid-5 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-3 .grid-6 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-3 .grid-1,
      .grid-container.panel-columns-3 .grid-4 {
        margin-right: 2% !important; }
      .grid-container.panel-columns-3 .grid-2,
      .grid-container.panel-columns-3 .grid-5 {
        margin-left: 2% !important;
        margin-right: 2% !important; }
      .grid-container.panel-columns-3 .grid-3,
      .grid-container.panel-columns-3 .grid-6 {
        margin-left: 2% !important; }
    .grid-container.panel-columns-4 {
      -ms-grid-columns: 25% 25% 25% 25%;
      -ms-grid-rows: 1auto 1auto; }
      .grid-container.panel-columns-4 .grid-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-4 .grid-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-4 .grid-3 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-4 .grid-4 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-4 .grid-5 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-4 .grid-6 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-4 .grid-6 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-4 .grid-6 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1; }
      .grid-container.panel-columns-4 .grid-1,
      .grid-container.panel-columns-4 .grid-5 {
        margin-right: 2% !important; }
      .grid-container.panel-columns-4 .grid-2,
      .grid-container.panel-columns-4 .grid-3 {
        margin-left: 2% !important;
        margin-right: 2% !important; }
      .grid-container.panel-columns-4 .grid-4,
      .grid-container.panel-columns-4 .grid-8 {
        margin-left: 2% !important; } }
.retire-able h1 {
  font-family: 'opensansSemibold', Arial, ArialMT, sans-serif;
  font-size: 1.412rem;
  font-weight: normal;
  margin-top: 50px; }
.retire-able .tabpanel-one,
.retire-able .tabpanel-two,
.retire-able .tabpanel-three,
.retire-able .tabpanel-four,
.retire-able .tabpanel-five,
.retire-able .tabpanel-six {
  padding: 22px 0; }
  .retire-able .tabpanel-one h2,
  .retire-able .tabpanel-two h2,
  .retire-able .tabpanel-three h2,
  .retire-able .tabpanel-four h2,
  .retire-able .tabpanel-five h2,
  .retire-able .tabpanel-six h2 {
    font-family: 'opensansSemibold', Arial, ArialMT, sans-serif;
    font-size: 1.294rem;
    font-weight: normal; }
  .retire-able .tabpanel-one h3,
  .retire-able .tabpanel-two h3,
  .retire-able .tabpanel-three h3,
  .retire-able .tabpanel-four h3,
  .retire-able .tabpanel-five h3,
  .retire-able .tabpanel-six h3 {
    font-size: 1.176rem; }
  .retire-able .tabpanel-one li,
  .retire-able .tabpanel-two li,
  .retire-able .tabpanel-three li,
  .retire-able .tabpanel-four li,
  .retire-able .tabpanel-five li,
  .retire-able .tabpanel-six li {
    margin: 0 0 0.5rem 0; }
.retire-able .tabpanel-three .find-out-more,
.retire-able .tabpanel-three .note {
  background-color: #eceff4;
  padding: 35px 22px 35px 22px;
  margin-bottom: 18px; }
  .retire-able .tabpanel-three .find-out-more p:last-of-type,
  .retire-able .tabpanel-three .note p:last-of-type {
    margin-bottom: 0; }
.retire-able .tabpanel-three .note h3 {
  color: #fff; }
.retire-able .tabpanel-three .highlight {
  background-color: #7f35b2;
  color: #fff;
  padding: 35px 22px 35px 22px;
  margin-bottom: 18px; }
  @media (min-width: 769px) {
    .retire-able .tabpanel-three .highlight {
      margin-top: 70px; } }
  .retire-able .tabpanel-three .highlight h3 {
    color: #fff; }
.retire-able .tabpanel-four .find-out-more {
  background-color: #eceff4;
  padding: 35px 22px 35px 22px;
  margin-bottom: 18px; }
.retire-able .tabs button {
  width: 100%;
  margin-bottom: 3px;
  border-radius: 0px;
  padding: 10px 15px;
  border: none;
  color: #000;
  background-color: #eceff4;
  transition: 0.25s; }
  @media (min-width: 600px) {
    .retire-able .tabs button {
      width: auto;
      margin-bottom: 0; } }
  .retire-able .tabs button:hover, .retire-able .tabs button:focus, .retire-able .tabs button:active, .retire-able .tabs button[aria-selected="true"] {
    background-color: #7f35b2;
    color: #fff; }
.retire-able .tab-list {
  border-bottom: 3px solid #7f35b2; }

/* Login */
.login .panel header h2,
.login h2 {
  font-size: 1.529rem;
  color: #7f35b2; }
.login .pre-login-forms article {
  max-width: none; }
  .login .pre-login-forms article .forgot-password {
    margin: 0 0 20px 0; }
    .login .pre-login-forms article .forgot-password h4 {
      margin-top: 1rem; }
  .login .pre-login-forms article .panel.login-form {
    margin-bottom: 0; }
    .login .pre-login-forms article .panel.login-form h2 {
      padding-left: 15px; }
    .login .pre-login-forms article .panel.login-form .page-options {
      max-width: none;
      margin-bottom: 0;
      padding-top: 0; }
    .login .pre-login-forms article .panel.login-form li .controls input {
      width: 90%; }
@media (min-width: 769px) {
  .login .welcome {
    margin-top: 3rem; } }
.login .welcome .grid-2 {
  background-color: #f5f5f5;
  padding: 18px; }

.pye_retirement h2.main-heading {
  color: #000;
  font-size: 24px;
  font-family: 'opensansSemibold', Arial, ArialMT, sans-serif;
  padding: 21px 24px 21px 0;
  margin-bottom: 0; }

[class^="retire-able"] .your-options .recieve p.accordion-opener.open a:after,
[class^="retire-able"] .your-options .transfer-out p.accordion-opener.open a:after {
  content: " less <"; }

.retire-able .retire-able-top-section {
  background-image: url("/static/EST/images/home-page-top.svg");
  background-size: 310px;
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 200px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px; }
  @media (min-width: 600px) {
    .retire-able .retire-able-top-section {
      background-size: 60%;
      background-position: bottom right;
      padding-top: 50px;
      padding-bottom: 100px; } }
  @media (min-width: 769px) {
    .retire-able .retire-able-top-section {
      background-size: contain;
      background-position: 95%; } }
  @media (min-width: 1200px) {
    .retire-able .retire-able-top-section {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1800px) {
    .retire-able .retire-able-top-section {
      background-position: right; } }
  .retire-able .retire-able-top-section .retire-able-text-panel {
    padding-top: 20px; }
    @media (min-width: 600px) {
      .retire-able .retire-able-top-section .retire-able-text-panel {
        padding-top: 0; } }
    @media (min-width: 769px) {
      .retire-able .retire-able-top-section .retire-able-text-panel {
        width: 50%; } }
.retire-able li.phone:before {
  background-image: url("/static/EST/images/phone-purple.svg"); }
.retire-able li.email:before {
  background-image: url("/static/EST/images/email-purple.svg");
  background-size: 58%;
  background-position: 5px 0; }

.pye_retirement .panel-heading,
.pye_retirement .panel-heading.est-rfs,
.pye_retirement .retire-able-heading,
.pye_ret_info .panel-heading,
.pye_ret_info .panel-heading.est-rfs,
.pye_ret_info .retire-able-heading,
.pye_ret_advice .panel-heading,
.pye_ret_advice .panel-heading.est-rfs,
.pye_ret_advice .retire-able-heading {
  color: #000;
  font-size: 24px; }
.pye_retirement .panel-heading,
.pye_ret_info .panel-heading,
.pye_ret_advice .panel-heading {
  font-family: 'opensansSemibold', Arial, ArialMT, sans-serif; }
.pye_retirement .retire-able-heading,
.pye_ret_info .retire-able-heading,
.pye_ret_advice .retire-able-heading {
  font-size: 18px; }

.retire-able-tabs {
  margin-top: 50px; }

[class^="retire-able"] .things-to-consider,
[class^="retire-able"] .other-useful-info {
  padding-top: 0; }
[class^="retire-able"] .things-to-consider {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 769px) {
  #skip {
    display: none; } }
#takingAdvice {
  background-color: transparent; }

.useful-info .other-useful-info .moneyhelper {
  margin-bottom: 0; }
  @media (max-width: 599px) {
    .useful-info .other-useful-info .moneyhelper .intro {
      padding-bottom: 5px; } }
.useful-info .other-useful-info .other-tools.row-1 {
  margin-bottom: 16px; }
  .useful-info .other-useful-info .other-tools.row-1 .grid-container .grid {
    padding-top: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0; }
    @media (min-width: 600px) {
      .useful-info .other-useful-info .other-tools.row-1 .grid-container .grid {
        padding-top: 0; } }

.pye_homepage .carousel .slides .item.slide-greetings {
  background: #fff url("/static/EST/images/carousel/carousel-advice.jpg") top center no-repeat; }
.pye_homepage .carousel .slides .item.slide-beneficiaries-up2date {
  background: #fff url("/static/EST/images/carousel/carousel-beneficiaries.jpg") top center no-repeat; }
.pye_homepage .carousel .slides .item.slide-keep-in-touch {
  background: #fff url("/static/EST/images/carousel/carousel-keep-in-touch.jpg") top center no-repeat; }
.pye_homepage .carousel .slides .item .text-panel {
  top: 0; }

/* Inter variable font from WTW SDS */
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url("/static/ZZX/fonts/Inter-roman.var.woff2") format("woff2"); }
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url("/static/ZZX/fonts/Inter-italic.var.woff2") format("woff2"); }
/*
  Over-ride legacy rules
*/
.nav-v2 {
  /* allows nested elements in buttons to be clickable */ }
  .nav-v2 a:hover,
  .nav-v2 button:hover,
  .nav-v2 .button:hover,
  .nav-v2 a.button:hover {
    transition: background-color, 0.25s; }
  .nav-v2 a:focus:not(:focus-visible),
  .nav-v2 button:focus:not(:focus-visible),
  .nav-v2 .button:focus:not(:focus-visible),
  .nav-v2 a.button:focus:not(:focus-visible) {
    outline: none; }
  .nav-v2 a:focus-visible,
  .nav-v2 button:focus-visible,
  .nav-v2 .button:focus-visible,
  .nav-v2 a.button:focus-visible {
    position: relative;
    z-index: 50;
    transition: none;
    background-color: #fd0 !important;
    color: #48086f !important;
    box-shadow: 0 0 0 .25rem white !important;
    outline: 0.375rem double #48086f !important;
    border-radius: .125rem;
    border-width: 2px;
    border-color: transparent;
    text-decoration: none !important; }
  .nav-v2 button > * {
    pointer-events: none; }
  .nav-v2 .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .nav-v2 .skip-block {
    clip: auto;
    z-index: 30; }
    .nav-v2 .skip-block a:focus, .nav-v2 .skip-block a:focus-visible {
      position: fixed;
      display: block;
      width: 100%;
      top: 0;
      left: 0;
      padding: 12px; }
  .nav-v2 body {
    padding: 0;
    margin: 0 auto;
    overflow: auto;
    overflow-x: hidden; }
  .nav-v2 header[role="banner"] {
    box-sizing: border-box;
    padding-block-start: 0;
    border-block-end-width: 0; }
  .nav-v2 header[role="banner"],
  .nav-v2 [role="navigation"] {
    box-sizing: border-box;
    font-family: 'Inter var', Arial, Helvetica, sans-serif; }
    .nav-v2 header[role="banner"] *,
    .nav-v2 [role="navigation"] * {
      box-sizing: border-box;
      font-family: 'Inter var', Arial, Helvetica, sans-serif; }
  .nav-v2 #container {
    padding: 18px 1rem; }

nav,
.sub-nav-wrapper {
  position: relative; }

nav ul {
  display: block; }
  nav ul li:first-child a {
    padding: 12px 1rem; }

.sub-nav-wrapper [class*="icon-"] {
  font-family: 'Inter var', Arial, Helvetica, sans-serif;
  font-weight: 600;
  padding: 12px 0.75em;
  display: inline-block;
  min-height: auto; }
  .sub-nav-wrapper [class*="icon-"]:before {
    content: ""; }

body.logout {
  display: block; }

/*
  New layout rules
*/
.nav-v2 header[role="banner"] {
  position: relative;
  text-align: right;
  background-color: #fff;
  border-bottom: 1px solid #e3e4e3; }
  .nav-v2 header[role="banner"] img {
    width: auto;
    height: 42px; }
  .nav-v2 header[role="banner"] p,
  .nav-v2 header[role="banner"] ul,
  .nav-v2 header[role="banner"] li {
    margin: 0; }
.nav-v2 header[role="banner"],
.nav-v2 main[role="main"],
.nav-v2 header[role="banner"] + [role="navigation"] > ul,
.nav-v2 footer[role="contentinfo"],
.nav-v2 .wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1260px;
  padding-inline: 1em;
  box-sizing: border-box; }
  .nav-v2 header[role="banner"].carousel,
  .nav-v2 main[role="main"].carousel,
  .nav-v2 header[role="banner"] + [role="navigation"] > ul.carousel,
  .nav-v2 footer[role="contentinfo"].carousel,
  .nav-v2 .wrapper.carousel {
    max-width: none; }
.nav-v2 .logo-links {
  display: flex;
  width: fit-content;
  align-items: center;
  flex-direction: row;
  margin: 1rem 0; }
  .nav-v2 .logo-links a {
    line-height: 0; }
  .nav-v2 .logo-links img + hr,
  .nav-v2 .logo-links a + hr {
    content: '';
    display: block;
    width: 0;
    height: 27px;
    border-width: 0;
    border-left: 1px solid #dbdedf;
    margin: 0 10px 0 12px; }
.nav-v2 .user-details {
  display: grid;
  justify-content: flex-end;
  align-items: center;
  gap: 9px;
  grid-template-columns: 1fr auto auto; }
.nav-v2 .user-actions {
  position: absolute;
  top: 9px;
  right: 0;
  padding-inline: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
.nav-v2 #userInitials {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Inter var', Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1;
  background-color: #7f35b2;
  color: #fff;
  border-radius: 1.5rem;
  height: 36px;
  width: 36px; }
.nav-v2 .no-primary-nav header[role="banner"],
.nav-v2 .linked .no-primary-nav header[role="banner"] {
  height: auto !important;
  background-color: #fff; }
.nav-v2 .linked-records {
  text-align: left;
  grid-column: 1 / span 2; }
.nav-v2 .page-transition-overlay {
  z-index: 60; }
  .nav-v2 .page-transition-overlay.load-complete {
    display: none; }
.nav-v2 .cssanimations .page-transition-overlay {
  z-index: 60; }

/*
  With screen size class added to body
*/
[class*="-screen"] {
  display: grid;
  grid-template-columns: 1fr; }
  [class*="-screen"] .genesys-mxg-launcher-frame {
    z-index: 30 !important; }
  [class*="-screen"] .logo-brand {
    display: flex; }
  [class*="-screen"] .feature-area {
    margin-block-end: 0; }
  [class*="-screen"] header[role="banner"] {
    text-align: left;
    font-size: 16px;
    font-size: 1rem; }
    [class*="-screen"] header[role="banner"] + [role="navigation"] {
      font-size: 16px;
      font-size: 1rem; }
  [class*="-screen"] .sub-nav-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: center;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 21px;
    border-image: none;
    text-align: left;
    background-color: #fff; }
  [class*="-screen"].linked header[role="banner"] {
    border-bottom-width: 0; }
  [class*="-screen"].linked .header-wrapper {
    border-width: 0; }

.sml-screen .header-wrapper {
  border-bottom: 1px solid #dbdedf; }
.sml-screen .user-details {
  position: absolute;
  top: 0;
  right: 9px;
  display: flex;
  gap: 3px;
  height: 72px;
  align-items: center;
  padding: 0; }

.lg-screen header[role="banner"],
.lg-screen .account-wrapper {
  height: 101px; }
.lg-screen header[role="banner"] {
  border-bottom-width: 0;
  grid-template-columns: auto 1fr;
  align-items: center;
  display: grid; }
  .lg-screen header[role="banner"] + [role="navigation"] {
    background-color: #fff;
    z-index: 10;
    border-image: none; }
    .lg-screen header[role="banner"] + [role="navigation"] ul {
      padding: 0 1em;
      background-color: #fff; }
.lg-screen header[role="banner"] img,
.lg-screen .logo-links img {
  width: auto;
  height: 62px; }
.lg-screen .logo-links {
  margin: 0; }

.accessible-nav {
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
  -webkit-overflow-scrolling: touch;
  list-style: none; }
  .accessible-nav li {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0; }
    .accessible-nav li ul {
      display: none; }
  .accessible-nav a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 42px;
    color: #444;
    position: relative;
    white-space: nowrap;
    padding: 12px 1rem;
    text-decoration: none; }
    .accessible-nav a:hover {
      background-color: #F6F8FD;
      color: #7f35b2;
      box-shadow: 0 4px #7f35b2; }
  .accessible-nav button,
  .accessible-nav [type='button'] {
    font-family: 'Inter var', Arial, Helvetica, sans-serif;
    font-weight: 400;
    min-width: 44px;
    width: auto; }
    .accessible-nav button:hover,
    .accessible-nav [type='button']:hover {
      background-color: #F6F8FD;
      box-shadow: 0 4px #7f35b2;
      color: #7f35b2; }
      .accessible-nav button:hover:not(:focus-visible),
      .accessible-nav [type='button']:hover:not(:focus-visible) {
        background-color: #F6F8FD; }
    .accessible-nav button:focus-visible,
    .accessible-nav [type='button']:focus-visible {
      box-shadow: 0 0 0 .25rem white; }

.account-wrapper button,
.account-wrapper [type="button"],
.account-wrapper a.button,
.account-wrapper .button {
  font-family: 'Inter var', Arial, Helvetica, sans-serif;
  font-weight: 400;
  background-color: #7f35b2;
  color: #fff;
  border-radius: 3px;
  width: auto; }
  .account-wrapper button:focus, .account-wrapper button:hover,
  .account-wrapper [type="button"]:focus,
  .account-wrapper [type="button"]:hover,
  .account-wrapper a.button:focus,
  .account-wrapper a.button:hover,
  .account-wrapper .button:focus,
  .account-wrapper .button:hover {
    background-color: #48086f; }
  .account-wrapper button.logout, .account-wrapper button.login, .account-wrapper button.account-locked,
  .account-wrapper [type="button"].logout,
  .account-wrapper [type="button"].login,
  .account-wrapper [type="button"].account-locked,
  .account-wrapper a.button.logout,
  .account-wrapper a.button.login,
  .account-wrapper a.button.account-locked,
  .account-wrapper .button.logout,
  .account-wrapper .button.login,
  .account-wrapper .button.account-locked {
    text-decoration: none;
    text-align: center; }

.sub-nav-wrapper .accessible-nav ul {
  display: flex;
  flex-wrap: wrap;
  max-width: none;
  align-items: center;
  height: auto; }
  .sub-nav-wrapper .accessible-nav ul li {
    width: auto; }

#navTarget {
  display: block;
  grid-column: 1/4;
  justify-content: flex-end;
  padding-block-end: 6px; }

#modalBg {
  width: 0;
  height: 0; }

[class*="-screen"] .accessible-nav {
  display: block;
  overflow: visible; }
  [class*="-screen"] .accessible-nav li {
    display: grid; }
  [class*="-screen"] .accessible-nav a {
    font-weight: 400; }
  [class*="-screen"] .accessible-nav a,
  [class*="-screen"] .accessible-nav span {
    border-left: 3px solid transparent; }
  [class*="-screen"] .accessible-nav button {
    width: auto; }
  [class*="-screen"] .accessible-nav .accessible-active ul {
    background-color: #fff;
    position: static;
    display: block;
    grid-column: 1 / span 2;
    height: auto;
    transition: opacity 1s;
    opacity: 1; }
@keyframes menuReveal {
  from {
    right: -80vw; }
  to {
    right: 0; } }
@keyframes menuDropdownIn {
  0% {
    display: block;
    opacity: 0; }
  100% {
    opacity: 1;
    visibility: visible; } }
@keyframes menuDropdownOut {
  0% {
    display: block;
    visibility: visible;
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    display: none;
    visibility: hidden; } }
[class*="-screen"] #navTarget {
  display: none;
  opacity: 0;
  position: fixed;
  z-index: 40;
  top: 0;
  right: 0;
  width: 80vw;
  max-width: 351px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  background-color: #fff;
  padding-block-end: 0; }
[class*="-screen"] .sub-nav-wrapper .accessible-nav {
  grid-column: 1 / 3; }
  [class*="-screen"] .sub-nav-wrapper .accessible-nav ul {
    height: 100%; }
[class*="-screen"] .sub-nav-wrapper li {
  flex-direction: column;
  align-items: flex-start;
  margin: 0; }
[class*="-screen"] .sub-nav-wrapper [class*="icon-"] {
  min-height: 44px; }
[class*="-screen"] .sub-nav-wrapper .parent button,
[class*="-screen"] .sub-nav-wrapper .parent [type='button'] {
  box-shadow: none; }
[class*="-screen"] .user-actions {
  padding: 1em 21px;
  position: static;
  justify-content: space-between;
  border-bottom: 1px solid #dbdedf;
  margin-block-end: 0; }
  [class*="-screen"] .user-actions + [role="navigation"] {
    padding: 1em 21px; }
[class*="-screen"] .account-wrapper button,
[class*="-screen"] .account-wrapper a.button,
[class*="-screen"] .parent button,
[class*="-screen"] .parent a.button {
  padding: 0;
  display: flex;
  background-color: transparent;
  border-color: transparent;
  align-items: center;
  justify-content: center;
  line-height: 1;
  min-width: 44px;
  min-height: 44px;
  width: auto;
  border-radius: 50%; }
  [class*="-screen"] .account-wrapper button:before,
  [class*="-screen"] .account-wrapper a.button:before,
  [class*="-screen"] .parent button:before,
  [class*="-screen"] .parent a.button:before {
    content: '';
    display: block;
    background-color: #7f35b2; }
[class*="-screen"] .account-wrapper button:focus, [class*="-screen"] .account-wrapper button:hover,
[class*="-screen"] .account-wrapper a.button:focus,
[class*="-screen"] .account-wrapper a.button:hover {
  background-color: #f1f0f2; }
[class*="-screen"] .account-wrapper button.logout, [class*="-screen"] .account-wrapper button.login, [class*="-screen"] .account-wrapper button.account-locked,
[class*="-screen"] .account-wrapper a.button.logout,
[class*="-screen"] .account-wrapper a.button.login,
[class*="-screen"] .account-wrapper a.button.account-locked {
  border-radius: 3px;
  background-color: #7f35b2;
  padding: 12px 1rem; }
  [class*="-screen"] .account-wrapper button.logout:focus, [class*="-screen"] .account-wrapper button.logout:hover, [class*="-screen"] .account-wrapper button.login:focus, [class*="-screen"] .account-wrapper button.login:hover, [class*="-screen"] .account-wrapper button.account-locked:focus, [class*="-screen"] .account-wrapper button.account-locked:hover,
  [class*="-screen"] .account-wrapper a.button.logout:focus,
  [class*="-screen"] .account-wrapper a.button.logout:hover,
  [class*="-screen"] .account-wrapper a.button.login:focus,
  [class*="-screen"] .account-wrapper a.button.login:hover,
  [class*="-screen"] .account-wrapper a.button.account-locked:focus,
  [class*="-screen"] .account-wrapper a.button.account-locked:hover {
    background-color: #48086f; }
[class*="-screen"] .parent {
  display: grid;
  grid-template-columns: 1fr 44px; }
  [class*="-screen"] .parent li a {
    white-space: normal; }
  [class*="-screen"] .parent > a:after,
  [class*="-screen"] .parent > span:after {
    content: "";
    display: block;
    background-color: #dbdedf;
    width: 1px;
    height: 100%; }
  [class*="-screen"] .parent button {
    border-radius: 0;
    width: 44px;
    height: 100%; }
    [class*="-screen"] .parent button:hover {
      background-color: #F6F8FD; }
    [class*="-screen"] .parent button:focus, [class*="-screen"] .parent button:active {
      background-color: transparent;
      box-shadow: none; }
    [class*="-screen"] .parent button:focus-visible {
      border-radius: .125rem; }
    [class*="-screen"] .parent button:before {
      -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.67 7.19"><g><path class="cls-1" d="M5.83,7.19L0,1.36,1.36,0l4.47,4.47L10.31,0l1.36,1.36-5.83,5.83Z"/></g></svg>');
      mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.67 7.19"><g><path class="cls-1" d="M5.83,7.19L0,1.36,1.36,0l4.47,4.47L10.31,0l1.36,1.36-5.83,5.83Z"/></g></svg>');
      mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.67 7.19"><g><path class="cls-1" d="M5.83,7.19L0,1.36,1.36,0l4.47,4.47L10.31,0l1.36,1.36-5.83,5.83Z"/></g></svg>');
      width: 15px;
      height: 9px;
      align-self: center;
      background-color: #444; }
  [class*="-screen"] .parent ul {
    display: none;
    opacity: 0; }
    [class*="-screen"] .parent ul a, [class*="-screen"] .parent ul button, [class*="-screen"] .parent ul [type="button"] {
      box-shadow: none; }
  [class*="-screen"] .parent.accessible-active > span,
  [class*="-screen"] .parent.accessible-active > a,
  [class*="-screen"] .parent.accessible-active button,
  [class*="-screen"] .parent.accessible-active [type="button"] {
    transition: none;
    background-color: #F6F8FD;
    color: #7f35b2; }
    [class*="-screen"] .parent.accessible-active > span:before,
    [class*="-screen"] .parent.accessible-active > a:before,
    [class*="-screen"] .parent.accessible-active button:before,
    [class*="-screen"] .parent.accessible-active [type="button"]:before {
      background-color: #7f35b2; }
  [class*="-screen"] .parent.accessible-active > span,
  [class*="-screen"] .parent.accessible-active > a {
    border-left-color: #7f35b2; }
[class*="-screen"] #alertsBtn:before {
  -webkit-mask-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 24"><path class="cls-1" d="M21.42,15.85l-2.2-2.17v-5.35c.03-1.99-.68-3.92-1.98-5.44C15.93,1.37,14.1.37,12.1.07c-1.16-.15-2.34-.06-3.47.28-1.12.33-2.16.9-3.04,1.65-.88.76-1.59,1.69-2.08,2.74-.49,1.05-.74,2.18-.74,3.33v5.6l-2.2,2.17c-.28.28-.46.63-.54,1.01-.08.38-.03.77.12,1.13.15.36.41.66.73.88.33.22.71.33,1.11.33h4.11v.41c.06,1.22.6,2.36,1.52,3.19.92.82,2.13,1.26,3.37,1.2,1.24.05,2.45-.38,3.37-1.2.92-.82,1.46-1.97,1.52-3.19v-.41h4.11c.39,0,.78-.12,1.11-.33.33-.22.58-.52.73-.88.15-.36.19-.75.12-1.13-.08-.38-.26-.73-.54-1.01ZM13.45,19.6c-.07.58-.36,1.11-.82,1.48-.46.37-1.04.56-1.63.51-.59.04-1.18-.14-1.63-.51-.46-.37-.75-.9-.82-1.48v-.41h4.89v.41ZM3.06,16.8l1.44-1.42c.23-.22.41-.49.53-.78.12-.29.19-.61.19-.92v-5.6c0-.81.18-1.61.52-2.35.34-.74.84-1.39,1.46-1.93.61-.55,1.34-.95,2.13-1.2.79-.24,1.62-.31,2.45-.21,1.41.23,2.7.94,3.62,2.02.92,1.08,1.41,2.45,1.38,3.85v5.4c0,.32.06.63.18.92.12.29.3.56.53.78l1.46,1.42H3.06Z"/></svg>');
  mask: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 24"><path class="cls-1" d="M21.42,15.85l-2.2-2.17v-5.35c.03-1.99-.68-3.92-1.98-5.44C15.93,1.37,14.1.37,12.1.07c-1.16-.15-2.34-.06-3.47.28-1.12.33-2.16.9-3.04,1.65-.88.76-1.59,1.69-2.08,2.74-.49,1.05-.74,2.18-.74,3.33v5.6l-2.2,2.17c-.28.28-.46.63-.54,1.01-.08.38-.03.77.12,1.13.15.36.41.66.73.88.33.22.71.33,1.11.33h4.11v.41c.06,1.22.6,2.36,1.52,3.19.92.82,2.13,1.26,3.37,1.2,1.24.05,2.45-.38,3.37-1.2.92-.82,1.46-1.97,1.52-3.19v-.41h4.11c.39,0,.78-.12,1.11-.33.33-.22.58-.52.73-.88.15-.36.19-.75.12-1.13-.08-.38-.26-.73-.54-1.01ZM13.45,19.6c-.07.58-.36,1.11-.82,1.48-.46.37-1.04.56-1.63.51-.59.04-1.18-.14-1.63-.51-.46-.37-.75-.9-.82-1.48v-.41h4.89v.41ZM3.06,16.8l1.44-1.42c.23-.22.41-.49.53-.78.12-.29.19-.61.19-.92v-5.6c0-.81.18-1.61.52-2.35.34-.74.84-1.39,1.46-1.93.61-.55,1.34-.95,2.13-1.2.79-.24,1.62-.31,2.45-.21,1.41.23,2.7.94,3.62,2.02.92,1.08,1.41,2.45,1.38,3.85v5.4c0,.32.06.63.18.92.12.29.3.56.53.78l1.46,1.42H3.06Z"/></svg>');
  mask-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 24"><path class="cls-1" d="M21.42,15.85l-2.2-2.17v-5.35c.03-1.99-.68-3.92-1.98-5.44C15.93,1.37,14.1.37,12.1.07c-1.16-.15-2.34-.06-3.47.28-1.12.33-2.16.9-3.04,1.65-.88.76-1.59,1.69-2.08,2.74-.49,1.05-.74,2.18-.74,3.33v5.6l-2.2,2.17c-.28.28-.46.63-.54,1.01-.08.38-.03.77.12,1.13.15.36.41.66.73.88.33.22.71.33,1.11.33h4.11v.41c.06,1.22.6,2.36,1.52,3.19.92.82,2.13,1.26,3.37,1.2,1.24.05,2.45-.38,3.37-1.2.92-.82,1.46-1.97,1.52-3.19v-.41h4.11c.39,0,.78-.12,1.11-.33.33-.22.58-.52.73-.88.15-.36.19-.75.12-1.13-.08-.38-.26-.73-.54-1.01ZM13.45,19.6c-.07.58-.36,1.11-.82,1.48-.46.37-1.04.56-1.63.51-.59.04-1.18-.14-1.63-.51-.46-.37-.75-.9-.82-1.48v-.41h4.89v.41ZM3.06,16.8l1.44-1.42c.23-.22.41-.49.53-.78.12-.29.19-.61.19-.92v-5.6c0-.81.18-1.61.52-2.35.34-.74.84-1.39,1.46-1.93.61-.55,1.34-.95,2.13-1.2.79-.24,1.62-.31,2.45-.21,1.41.23,2.7.94,3.62,2.02.92,1.08,1.41,2.45,1.38,3.85v5.4c0,.32.06.63.18.92.12.29.3.56.53.78l1.46,1.42H3.06Z"/></svg>');
  width: 22px;
  height: 24px; }
[class*="-screen"] #menuBtn:before {
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 465 465"><g><rect x="68.8" y="210.2" width="327.4" height="54.6"/><rect x="68.8" y="305.7" width="327.4" height="54.6"/><rect x="68.8" y="114.7" width="327.4" height="54.6"/></g></svg>');
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 465 465"><g><rect x="68.8" y="210.2" width="327.4" height="54.6"/><rect x="68.8" y="305.7" width="327.4" height="54.6"/><rect x="68.8" y="114.7" width="327.4" height="54.6"/></g></svg>');
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 465 465"><g><rect x="68.8" y="210.2" width="327.4" height="54.6"/><rect x="68.8" y="305.7" width="327.4" height="54.6"/><rect x="68.8" y="114.7" width="327.4" height="54.6"/></g></svg>');
  width: 28px;
  height: 28px; }
[class*="-screen"] #closeBtn:before {
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4  L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1  c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1  c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z"/></svg>');
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4  L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1  c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1  c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z"/></svg>');
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4  L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1  c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1  c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z"/></svg>');
  width: 28px;
  height: 28px; }
[class*="-screen"].accessible-active #navTarget {
  opacity: 1;
  display: grid; }
[class*="-screen"].accessible-active #modalBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 30; }
[class*="-screen"] .no-primary-nav .user-details > button:before {
  width: 34px;
  height: 34px; }
[class*="-screen"] .no-primary-nav .sub-nav-wrapper {
  align-content: flex-end; }
[class*="-screen"] div.linkrecords {
  font-size: 16px;
  font-size: 1rem;
  z-index: 20;
  background-color: transparent; }
  [class*="-screen"] div.linkrecords p {
    padding: 0;
    color: #444; }
    [class*="-screen"] div.linkrecords p a {
      color: #7f35b2; }
      [class*="-screen"] div.linkrecords p a:focus, [class*="-screen"] div.linkrecords p a:hover, [class*="-screen"] div.linkrecords p a:active {
        text-decoration: none; }
  [class*="-screen"] div.linkrecords strong {
    font-family: 'Inter var', Arial, Helvetica, sans-serif;
    font-weight: 400; }
  [class*="-screen"] div.linkrecords .toggleMenu {
    font-family: 'Inter var', Arial, Helvetica, sans-serif;
    white-space: nowrap;
    font-weight: 600;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px; }
  [class*="-screen"] div.linkrecords ul.linkrecords {
    max-width: 351px;
    border-radius: 5px;
    border: 1px solid #dbdedf;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 0 1em;
    margin-block-start: 0.5em; }
    [class*="-screen"] div.linkrecords ul.linkrecords li {
      padding: 0.5em 0;
      text-align: left; }
      [class*="-screen"] div.linkrecords ul.linkrecords li + li {
        border-top: 1px solid #dbdedf; }
    [class*="-screen"] div.linkrecords ul.linkrecords a {
      color: #7f35b2;
      padding: 6px;
      background-color: transparent; }
      [class*="-screen"] div.linkrecords ul.linkrecords a:focus, [class*="-screen"] div.linkrecords ul.linkrecords a:hover {
        background-color: #F6F8FD; }

.sml-screen .accessible-nav > li > a {
  padding-inline-end: 0; }
.sml-screen .accessible-nav a:hover {
  border-left-color: #7f35b2;
  box-shadow: none; }
.sml-screen .accessible-nav li.active {
  background-color: #F6F8FD; }
  .sml-screen .accessible-nav li.active > a {
    border-left-color: #7f35b2; }
.sml-screen .accessible-nav button:hover,
.sml-screen .accessible-nav [type='button']:hover {
  box-shadow: none; }
.sml-screen.accessible-active {
  overflow: hidden;
  max-height: 95vh; }
  .sml-screen.accessible-active #navTarget {
    animation-duration: 0.5s;
    animation-name: menuReveal; }
  .sml-screen.accessible-active #modalBg {
    background-color: rgba(0, 0, 0, 0.66); }
.sml-screen div.linkrecords {
  padding-block: 1em;
  border-top: 1px solid #dbdedf;
  text-align: left; }

.lg-screen header[role="banner"]:before,
.lg-screen header[role="banner"]:after {
  display: none; }
.lg-screen header + [role="navigation"] {
  border-bottom: 1px solid #e3e4e3; }
  .lg-screen header + [role="navigation"] a {
    font-size: 18px;
    font-size: 1.125rem; }
  .lg-screen header + [role="navigation"] li ul a {
    font-size: 16px;
    font-size: 1rem;
    padding-inline: 1em; }
  .lg-screen header + [role="navigation"] .accessible-active ul {
    position: absolute;
    top: 45px;
    width: 14vw;
    min-width: 321px;
    height: auto;
    margin: 0;
    padding: 1.3125em 0;
    border: 1px solid #dbdedf;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
    z-index: 1; }
.lg-screen .accessible-nav {
  display: flex; }
  .lg-screen .accessible-nav > li {
    margin-inline-end: 1em; }
    .lg-screen .accessible-nav > li:first-of-type {
      margin-inline-start: -0.5em; }
    .lg-screen .accessible-nav > li:last-of-type {
      margin-inline-end: 0; }
    .lg-screen .accessible-nav > li > a {
      min-height: 35px;
      border-left-width: 0; }
      .lg-screen .accessible-nav > li > a:hover {
        box-shadow: 0 4px #7f35b2; }
  .lg-screen .accessible-nav li.active {
    box-shadow: 0 4px #7f35b2; }
  .lg-screen .accessible-nav a {
    padding-inline: 0.3334em; }
  .lg-screen .accessible-nav ul a {
    border-left: 3px solid transparent;
    padding-inline: 1.3125em; }
    .lg-screen .accessible-nav ul a:hover {
      border-left-color: #7f35b2; }
.lg-screen .parent {
  grid-template-columns: 1fr 35px; }
  .lg-screen .parent > a {
    border-left-width: 0;
    padding-inline-end: 0; }
    .lg-screen .parent > a:after {
      display: none; }
  .lg-screen .parent button {
    width: 35px;
    min-width: 35px; }
  .lg-screen .parent li {
    margin-inline: 1em; }
  .lg-screen .parent li + li {
    border-top: 1px solid #e3e4e3; }
.lg-screen .account-wrapper {
  display: grid;
  grid-template-columns: 2.5fr auto;
  align-items: center; }
.lg-screen.linked .account-wrapper {
  gap: 24px; }
.lg-screen div.linkrecords {
  padding-inline-start: 2.4rem; }
.lg-screen #menuBtn:before {
  display: none; }
.lg-screen .user-details {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
  border-top-width: 0; }
.lg-screen .sub-nav-wrapper {
  display: block; }
  .lg-screen .sub-nav-wrapper [class*="icon-"] {
    padding-inline-start: 0.5625em; }
  .lg-screen .sub-nav-wrapper .accessible-nav {
    display: block; }
    .lg-screen .sub-nav-wrapper .accessible-nav > li {
      border-bottom: 1px solid #dbdedf;
      box-shadow: none; }
      .lg-screen .sub-nav-wrapper .accessible-nav > li:first-of-type {
        margin-inline-start: 0; }
      .lg-screen .sub-nav-wrapper .accessible-nav > li:last-of-type {
        border-bottom-width: 0; }
    .lg-screen .sub-nav-wrapper .accessible-nav a:hover {
      border-left-color: #7f35b2; }
    .lg-screen .sub-nav-wrapper .accessible-nav .parent:hover {
      /*background-color: $nav-highlight;*/ }
      .lg-screen .sub-nav-wrapper .accessible-nav .parent:hover > span {
        border-left-color: #7f35b2; }
    .lg-screen .sub-nav-wrapper .accessible-nav .parent ul li + li {
      border-top: 1px solid #e3e4e3; }
    .lg-screen .sub-nav-wrapper .accessible-nav .parent ul a {
      padding-inline-start: 1.125em; }
.lg-screen.accessible-active #navTarget {
  position: absolute;
  top: 51px;
  height: auto;
  border-radius: 5px;
  border: 1px solid #dbdedf;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  justify-content: normal; }
.lg-screen.accessible-active #modalBg {
  background-color: rgba(0, 0, 0, 0); }

@media (prefers-reduced-motion: reduce) {
  .lg-screen .accessible-nav .accessible-active ul {
    animation: none; } }
@media (prefers-reduced-motion: no-preference) {
  .lg-screen .accessible-nav .accessible-active ul {
    animation: menuDropdownIn 0.33s; }
  .lg-screen header + [role="navigation"] .accessible-nav > li:hover {
    box-shadow: 0 4px #7f35b2; } }
/*
  Header logos
*/
.nav-v2 {
  overflow-x: hidden; }
  .nav-v2 header[role="banner"],
  .nav-v2 main[role="main"],
  .nav-v2 header[role="banner"] + [role="navigation"] > ul,
  .nav-v2 footer[role="contentinfo"],
  .nav-v2 .wrapper {
    padding-inline: 1rem; }
  .nav-v2 .page-wrapper,
  .nav-v2 .linked .page-wrapper {
    max-width: none;
    width: 100%; }
  .nav-v2 #container {
    padding: 36px 1rem; }
  .nav-v2.pye_homepage #container {
    padding: 18px 1rem; }
  .nav-v2 div.linkrecords p {
    border-bottom-width: 0; }
  .nav-v2 div.linkrecords .nowrap {
    white-space: normal; }
  .nav-v2 div.linkrecords ul li a {
    border-bottom-width: 0; }
  .nav-v2 a {
    word-break: break-word; }
  .nav-v2 .accessible-nav {
    font-size: 18px;
    font-size: 1.059rem; }
    .nav-v2 .accessible-nav a {
      padding: 12px 0.33325em;
      font-weight: 400; }
      .nav-v2 .accessible-nav a.parent {
        padding-right: 0; }
      .nav-v2 .accessible-nav a:hover {
        color: #444; }
  .nav-v2 .logo-wrapper {
    font-size: 16px;
    font-size: 0.9412rem; }

[class*="-screen"] header[role="banner"] {
  font-size: 16px;
  font-size: 0.9412rem; }
  [class*="-screen"] header[role="banner"] + [role="navigation"] {
    font-size: 16px;
    font-size: 0.9412rem; }
  [class*="-screen"] header[role="banner"] img {
    height: 38px; }
[class*="-screen"] div.linkrecords {
  font-size: 16px;
  font-size: 0.9412rem; }
[class*="-screen"].pye_homepage #container {
  padding-block: 0 18px;
  max-width: 100vw; }
[class*="-screen"].pye_homepage .owl-carousel {
  margin-block-start: 27px; }
[class*="-screen"].pye_homepage .wrapper.carousel {
  padding-inline: 0;
  box-sizing: content-box;
  max-width: 94vw; }
[class*="-screen"].pye_homepage.linked .owl-carousel {
  margin-block-start: 9px; }
[class*="-screen"] .parent button,
[class*="-screen"] .parent .button {
  margin: 0; }
[class*="-screen"] .account-wrapper button,
[class*="-screen"] .account-wrapper .button {
  margin: 0; }
[class*="-screen"] .account-wrapper #alertsBtn:focus, [class*="-screen"] .account-wrapper #alertsBtn:hover,
[class*="-screen"] .account-wrapper #menuBtn:focus,
[class*="-screen"] .account-wrapper #menuBtn:hover,
[class*="-screen"] .account-wrapper #closeBtn:focus,
[class*="-screen"] .account-wrapper #closeBtn:hover {
  background-color: #48086f; }
  [class*="-screen"] .account-wrapper #alertsBtn:focus:before, [class*="-screen"] .account-wrapper #alertsBtn:hover:before,
  [class*="-screen"] .account-wrapper #menuBtn:focus:before,
  [class*="-screen"] .account-wrapper #menuBtn:hover:before,
  [class*="-screen"] .account-wrapper #closeBtn:focus:before,
  [class*="-screen"] .account-wrapper #closeBtn:hover:before {
    background-color: #fff; }
[class*="-screen"] .account-wrapper #alertsBtn:focus-visible:before,
[class*="-screen"] .account-wrapper #menuBtn:focus-visible:before,
[class*="-screen"] .account-wrapper #closeBtn:focus-visible:before {
  background-color: #48086f; }
[class*="-screen"] .account-wrapper #menuBtn:focus #userInitials, [class*="-screen"] .account-wrapper #menuBtn:hover #userInitials {
  background-color: #48086f; }
[class*="-screen"] .accessible-nav {
  font-size: 16px;
  font-size: 0.9412rem; }
  [class*="-screen"] .accessible-nav a {
    padding: 12px 0.75em;
    font-size: 16px;
    font-size: 0.9412rem; }

.lg-screen .accessible-nav a {
  padding-inline: 0.5556em; }
.lg-screen header + [role="navigation"] {
  border-bottom: 1px solid #e3e4e3; }
  .lg-screen header + [role="navigation"] > ul {
    flex-wrap: nowrap; }
  .lg-screen header + [role="navigation"] .accessible-nav > li {
    margin-inline-end: 0.325em; }
    .lg-screen header + [role="navigation"] .accessible-nav > li.parent > a {
      padding-right: 0; }
  .lg-screen header + [role="navigation"] .accessible-nav a {
    font-size: 18px;
    font-size: 1.059rem; }
  .lg-screen header + [role="navigation"] .accessible-nav ul a {
    font-size: 16px;
    font-size: 0.9412rem; }
.lg-screen .parent > a {
  padding-inline-end: 0; }
.lg-screen.pye_homepage #container {
  max-width: 1260px; }
.lg-screen .carousel .owl-carousel {
  margin-block-start: 27px; }
.lg-screen .carousel .owl-theme .owl-controls {
  margin-top: 3px; }
.lg-screen.linked.pye_homepage .owl-carousel {
  margin-block-start: 27px; }

/*# sourceMappingURL=ltp.css.map */