@font-face {
  font-family: 'OpenSans';
  src: url("../leapfrog-font/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("../leapfrog-font/OpenSans-Light.woff?v=1.1.0") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'OpenSans';
  src: url("../leapfrog-font/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../leapfrog-font/OpenSans-Regular.woff?v=1.1.0") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'OpenSans';
  src: url("../leapfrog-font/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("../leapfrog-font/OpenSans-Semibold.woff?v=1.1.0") format("woff");
  font-weight: bold;
  font-style: normal; }

/*

This component pushes SASS colours to CSS variables. 


Usage:
color: cv(text);
border: 1px solid cv(keyline);

cv stands for CSS Variable

*/
:root {
  --bg: #ebecee;
  --text: #555555;
  --text-highlight: black;
  --keyline: #c1c1c1;
  --keyline-soft: #ebeeef;
  --keyline-silk: #f9f9f9;
  --button-active: #3f3f3f;
  --cta1: black;
  --cta1-text: white;
  --cta2: white;
  --cta2-text: black;
  --cta3: black;
  --link: black;
  --link-opacity: rgba(0, 0, 0, 0.6);
  --panel: white;
  --panel-heavy: white;
  --panel-highlight: #e0e0e0;
  --positive: #008616;
  --negative: #d00f00;
  --warning: #d00f00;
  --readonly: #f4f4f4;
  --panel-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
  --text-muted: #8f8f8f;
  --panel-active: #00594c;
  --active: #00b74f;
  --dialogue: #008264;
  --dialogue-text: white;
  --pullout: #898d8d;
  --keyline-strong: #898d8d;
  --product-pp-1: #0057b7;
  --product-pp-2: #006ce0;
  --product-pp-3: #00458f;
  --product-isa-1: #72246c;
  --product-isa-2: #8c2c84;
  --product-isa-3: #5d1d58;
  --product-sipp-1: #008264;
  --product-sipp-2: #00a37d;
  --product-sipp-3: #00664e;
  --product-wrap-cash-1: #e24082;
  --product-wrap-cash-2: #e75f96;
  --product-wrap-cash-3: #d52068;
  --product-onshore-bond-1: #0039a3;
  --product-onshore-bond-2: #0047cc;
  --product-onshore-bond-3: #002b7a;
  --product-offshore-bond-1: #00594c;
  --product-offshore-bond-2: #007a68;
  --product-offshore-bond-3: #003d34;
  --product-cash-isa-1: #41273b;
  --product-cash-isa-2: #593651;
  --product-cash-isa-3: #331f2e;
  --product-junior-isa-1: #bc0056;
  --product-junior-isa-2: #e00065;
  --product-junior-isa-3: #a30049;
  --product-junior-sipp-1: #616161;
  --product-junior-sipp-2: #757575;
  --product-junior-sipp-3: #424242; }

.row {
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
  flex-wrap: wrap; }

.row.nowrap {
  flex-wrap: nowrap; }

[class^="col-"] {
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
  flex: 0 1 auto;
  max-width: 100%; }

.row.no-gutter {
  margin-left: 0;
  margin-right: 0; }
.row.no-gutter > [class^="col-"] {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 576px) {
  .row.wide-gutter {
    margin-left: -24px;
    margin-right: -24px; }
  .row.wide-gutter > [class^="col-"] {
    padding-left: 24px;
    padding-right: 24px; } }
.row.narrow-gutter {
  margin-left: -6px;
  margin-right: -6px; }
.row.narrow-gutter > [class^="col-"] {
  padding-left: 6px;
  padding-right: 6px; }

.row.mini-gutter {
  margin-left: -2px;
  margin-right: -2px; }
.row.mini-gutter > [class^="col-"] {
  padding-left: 2px;
  padding-right: 2px; }

.row-center {
  justify-content: center; }

.row-right {
  justify-content: flex-end; }

.row-space-between {
  justify-content: space-between; }

.row-nowrap {
  flex-wrap: nowrap; }

.align-items-end {
  align-items: flex-end; }

.col-fluid {
  flex: 1 1 0px;
  width: auto; }

.col-auto {
  flex: 0 1 auto;
  width: auto; }

.col-1 {
  width: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.col-12 {
  width: 100%; }

@media (min-width: 576px) {
  .col-xs-1 {
    flex: 0 1 auto;
    width: 8.33333%; }

  .col-xs-2 {
    flex: 0 1 auto;
    width: 16.66667%; }

  .col-xs-3 {
    flex: 0 1 auto;
    width: 25%; }

  .col-xs-4 {
    flex: 0 1 auto;
    width: 33.33333%; }

  .col-xs-5 {
    flex: 0 1 auto;
    width: 41.66667%; }

  .col-xs-6 {
    flex: 0 1 auto;
    width: 50%; }

  .col-xs-7 {
    flex: 0 1 auto;
    width: 58.33333%; }

  .col-xs-8 {
    flex: 0 1 auto;
    width: 66.66667%; }

  .col-xs-9 {
    flex: 0 1 auto;
    width: 75%; }

  .col-xs-10 {
    flex: 0 1 auto;
    width: 83.33333%; }

  .col-xs-11 {
    flex: 0 1 auto;
    width: 91.66667%; }

  .col-xs-12 {
    flex: 0 1 auto;
    width: 100%; }

  .col-xs-fluid {
    flex: 1 1 0px;
    width: auto; }

  .col-xs-auto {
    width: auto; } }
@media (min-width: 767px) {
  .col-sm-1 {
    flex: 0 1 auto;
    width: 8.33333%; }

  .col-sm-2 {
    flex: 0 1 auto;
    width: 16.66667%; }

  .col-sm-3 {
    flex: 0 1 auto;
    width: 25%; }

  .col-sm-4 {
    flex: 0 1 auto;
    width: 33.33333%; }

  .col-sm-5 {
    flex: 0 1 auto;
    width: 41.66667%; }

  .col-sm-6 {
    flex: 0 1 auto;
    width: 50%; }

  .col-sm-7 {
    flex: 0 1 auto;
    width: 58.33333%; }

  .col-sm-8 {
    flex: 0 1 auto;
    width: 66.66667%; }

  .col-sm-9 {
    flex: 0 1 auto;
    width: 75%; }

  .col-sm-10 {
    flex: 0 1 auto;
    width: 83.33333%; }

  .col-sm-11 {
    flex: 0 1 auto;
    width: 91.66667%; }

  .col-sm-12 {
    flex: 0 1 auto;
    width: 100%; }

  .col-sm-fluid {
    flex: 1 1 0px;
    width: auto; }

  .col-sm-auto {
    width: auto; } }
@media (min-width: 992px) {
  .col-md-1 {
    flex: 0 1 auto;
    width: 8.33333%; }

  .col-md-2 {
    flex: 0 1 auto;
    width: 16.66667%; }

  .col-md-3 {
    flex: 0 1 auto;
    width: 25%; }

  .col-md-4 {
    flex: 0 1 auto;
    width: 33.33333%; }

  .col-md-5 {
    flex: 0 1 auto;
    width: 41.66667%; }

  .col-md-6 {
    flex: 0 1 auto;
    width: 50%; }

  .col-md-7 {
    flex: 0 1 auto;
    width: 58.33333%; }

  .col-md-8 {
    flex: 0 1 auto;
    width: 66.66667%; }

  .col-md-9 {
    flex: 0 1 auto;
    width: 75%; }

  .col-md-10 {
    flex: 0 1 auto;
    width: 83.33333%; }

  .col-md-11 {
    flex: 0 1 auto;
    width: 91.66667%; }

  .col-md-12 {
    flex: 0 1 auto;
    width: 100%; }

  .col-md-fluid {
    flex: 1 1 0px;
    width: auto; }

  .col-md-auto {
    width: auto; } }
@media (min-width: 1200px) {
  .col-lg-1 {
    flex: 0 1 auto;
    width: 8.33333%; }

  .col-lg-2 {
    flex: 0 1 auto;
    width: 16.66667%; }

  .col-lg-3 {
    flex: 0 1 auto;
    width: 25%; }

  .col-lg-4 {
    flex: 0 1 auto;
    width: 33.33333%; }

  .col-lg-5 {
    flex: 0 1 auto;
    width: 41.66667%; }

  .col-lg-6 {
    flex: 0 1 auto;
    width: 50%; }

  .col-lg-7 {
    flex: 0 1 auto;
    width: 58.33333%; }

  .col-lg-8 {
    flex: 0 1 auto;
    width: 66.66667%; }

  .col-lg-9 {
    flex: 0 1 auto;
    width: 75%; }

  .col-lg-10 {
    flex: 0 1 auto;
    width: 83.33333%; }

  .col-lg-11 {
    flex: 0 1 auto;
    width: 91.66667%; }

  .col-lg-12 {
    flex: 0 1 auto;
    width: 100%; }

  .col-lg-fluid {
    flex: 1 1 0px;
    width: auto; }

  .col-lg-auto {
    width: auto; } }
.col-equalise {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch; }

.col-equalise > * {
  flex: 1 0 auto; }

.col-right {
  text-align: right; }

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

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

.col-top {
  align-self: flex-start; }

.col-middle {
  align-self: center; }

.col-bottom {
  align-self: flex-end; }

.col-separator {
  position: relative;
  padding-left: 30px !important;
  padding-right: 30px !important; }
.col-separator:after {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  content: '';
  background: color(14);
  width: 2px; }
@media (min-width: 0) and (max-width: 575px) {
  .col-separator.tilt-on-xxs {
    position: relative;
    height: 1px;
    background: color(14);
    width: 100%;
    margin: 4px 120px 27px 120px;
    margin: 4px 80px 16px 80px; }
  .col-separator.tilt-on-xxs:after {
    display: none; } }
@media (min-width: 576px) and (max-width: 766px) {
  .col-separator.tilt-on-xs {
    position: relative;
    height: 1px;
    background: color(14);
    width: 100%;
    margin: 4px 120px 27px 120px; }
  .col-separator.tilt-on-xs:after {
    display: none; } }
@media (min-width: 767px) and (max-width: 991px) {
  .col-separator.tilt-on-sm {
    position: relative;
    height: 1px;
    background: color(14);
    width: 100%;
    margin: 4px 120px 27px 120px; }
  .col-separator.tilt-on-sm:after {
    display: none; } }

.col-separator-narrow {
  padding-left: 20px;
  padding-right: 20px; }

.a-slide-enter {
  transition: transform 300ms cubic-bezier(0.33, 1, 0.68, 1), opacity 300ms ease-in;
  transform: translateX(25px);
  opacity: 0; }

.a-slide-enter-active {
  transform: translateX(0);
  opacity: 1; }

.a-slide-exit {
  transition: transform 300ms cubic-bezier(0.5, 0, 0.75, 0), opacity 300ms ease-out;
  transform: translateX(0);
  opacity: 1; }

.a-slide-exit-active {
  transform: translateX(-25px);
  opacity: 0; }

.anim-toggle-enter {
  overflow: hidden;
  max-height: 0;
  visibility: hidden; }

.anim-toggle-enter.anim-toggle-enter-active {
  visibility: visible;
  animation: expandPanelWrap 500ms ease-in-out; }
.anim-toggle-enter.anim-toggle-enter-active .inner {
  animation: expandInnerPanel 500ms ease-in-out; }

.anim-toggle-leave {
  overflow: hidden; }

.anim-toggle-leave.anim-toggle-leave-active {
  animation: collapsePanelWrap 500ms ease-in-out;
  animation-fill-mode: forwards; }
.anim-toggle-leave.anim-toggle-leave-active .inner {
  animation: collapseInnerPanel 500ms ease-in-out;
  animation-fill-mode: forwards; }

@keyframes expandPanelWrap {
  0% {
    max-height: 1px;
    opacity: 0; }

  20% {
    opacity: 1; }

  100% {
    max-height: 500px;
    opacity: 1; } }

@keyframes collapsePanelWrap {
  0% {
    max-height: 500px; }

  40% {
    max-height: 500px; }

  100% {
    max-height: 1px; } }

@keyframes expandInnerPanel {
  0% {
    opacity: 0;
    transform: translateY(-100%); }

  20% {
    opacity: 0; }

  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes collapseInnerPanel {
  0% {
    opacity: 1;
    transform: translateY(0); }

  80% {
    opacity: 0; }

  100% {
    opacity: 0;
    transform: translateY(-100%); } }

.anim-fade-enter {
  animation: animFadeEnter 700ms cubic-bezier(0, 0.83, 0.56, 0.97);
  animation-fill-mode: both;
  overflow: hidden; }

.anim-fade-leave {
  animation: animFadeLeave 700ms cubic-bezier(0, 0.83, 0.56, 0.97);
  animation-fill-mode: both;
  overflow: hidden; }

@keyframes animFadeEnter {
  0% {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }

  50% {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }

  50.01% {
    max-height: 9999px;
    overflow: hidden;
    opacity: 0; }

  100% {
    max-height: 9999px;
    overflow: visible;
    opacity: 1; } }

@keyframes animFadeLeave {
  0% {
    max-height: 9999px;
    overflow: visible;
    opacity: 1; }

  50% {
    max-height: 9999px;
    overflow: visible;
    opacity: 0; }

  50.01% {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }

  100% {
    max-height: 0;
    overflow: hidden;
    opacity: 0; } }

.anim-navigation-enter {
  animation: animNavigationEnter 700ms cubic-bezier(0, 0.83, 0.56, 0.97);
  animation-fill-mode: both;
  overflow: hidden; }

.anim-navigation-leave {
  animation: animNavigationLeave 700ms cubic-bezier(0, 0.83, 0.56, 0.97);
  animation-fill-mode: both;
  overflow: hidden; }

@keyframes animNavigationEnter {
  0% {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }

  50% {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }

  50.01% {
    max-height: 9999px;
    overflow: hidden;
    opacity: 0; }

  100% {
    max-height: 9999px;
    overflow: visible;
    opacity: 1; } }

@keyframes animNavigationLeave {
  0% {
    max-height: 9999px;
    overflow: visible;
    opacity: 1; }

  50% {
    max-height: 9999px;
    overflow: visible;
    opacity: 0; }

  50.01% {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }

  100% {
    max-height: 0;
    overflow: hidden;
    opacity: 0; } }

.a-dropdown-enter {
  transition: 100ms opacity ease-in-out;
  opacity: 0; }
.a-dropdown-enter .dropdown-list-panel {
  transition: 200ms transform cubic-bezier(0.33, 1, 0.68, 1);
  transform: translateY(-10px); }

.a-dropdown-enter-active {
  opacity: 1; }
.a-dropdown-enter-active .dropdown-list-panel {
  transform: translateY(0); }

.a-dropdown-exit {
  transition: 100ms opacity ease-in-out;
  opacity: 1; }

.a-dropdown-exit-active {
  opacity: 0; }

.ad {
  animation-name: adIn;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-duration: 1200ms;
  animation-fill-mode: both;
  will-change: transform;
  z-index: 1;
  position: relative; }

.d1 {
  animation-delay: 180ms; }

.d2 {
  animation-delay: 260ms; }

.d3 {
  animation-delay: 340ms; }

.d4 {
  animation-delay: 420ms; }

.d5 {
  animation-delay: 500ms; }

.d6 {
  animation-delay: 580ms; }

.d7 {
  animation-delay: 660ms; }

.d8 {
  animation-delay: 740ms; }

.d9 {
  animation-delay: 820ms; }

.d10 {
  animation-delay: 900ms; }

.d11 {
  animation-delay: 980ms; }

.d12 {
  animation-delay: 1060ms; }

.d13 {
  animation-delay: 1140ms; }

.d14 {
  animation-delay: 1220ms; }

.d15 {
  animation-delay: 1300ms; }

.d16 {
  animation-delay: 1380ms; }

.d17 {
  animation-delay: 1460ms; }

.d18 {
  animation-delay: 1540ms; }

.d19 {
  animation-delay: 1620ms; }

.d20 {
  animation-delay: 1700ms; }

.d21 {
  animation-delay: 1780ms; }

.d22 {
  animation-delay: 1860ms; }

.d23 {
  animation-delay: 1940ms; }

.d24 {
  animation-delay: 2020ms; }

.d25 {
  animation-delay: 2100ms; }

.d26 {
  animation-delay: 2180ms; }

.d27 {
  animation-delay: 2260ms; }

.d28 {
  animation-delay: 2340ms; }

.d29 {
  animation-delay: 2420ms; }

.d30 {
  animation-delay: 2500ms; }

.d31 {
  animation-delay: 2580ms; }

.d32 {
  animation-delay: 2660ms; }

.d33 {
  animation-delay: 2740ms; }

.d34 {
  animation-delay: 2820ms; }

.d35 {
  animation-delay: 2900ms; }

.d36 {
  animation-delay: 2980ms; }

.d37 {
  animation-delay: 3060ms; }

.d38 {
  animation-delay: 3140ms; }

.d39 {
  animation-delay: 3220ms; }

.d40 {
  animation-delay: 3300ms; }

.d41 {
  animation-delay: 3380ms; }

.d42 {
  animation-delay: 3460ms; }

.d43 {
  animation-delay: 3540ms; }

.d44 {
  animation-delay: 3620ms; }

.d45 {
  animation-delay: 3700ms; }

.d46 {
  animation-delay: 3780ms; }

.d47 {
  animation-delay: 3860ms; }

.d48 {
  animation-delay: 3940ms; }

.d49 {
  animation-delay: 4020ms; }

.d50 {
  animation-delay: 4100ms; }

@keyframes adIn {
  from {
    transform: translateY(20px);
    opacity: 0; }

  to {
    transform: translateY(0);
    opacity: 1; } }

.ReactCollapse--collapse {
  transition: height 600ms cubic-bezier(0.85, 0, 0.15, 1); }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

[data-inert]:not([data-inert="false"]) {
  --inert: inert;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

.text-right {
  text-align: right !important; }

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

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

.text-justify {
  text-align: justify !important; }

.block {
  display: block !important; }

.inline-table {
  display: inline-table !important; }

.inline-block {
  display: inline-block !important; }

.inline {
  display: inline !important; }

.image-block {
  display: block;
  width: 100%; }

.w-10 {
  width: 10px !important; }

.w-20 {
  width: 20px !important; }

.w-30 {
  width: 30px !important; }

.w-40 {
  width: 40px !important; }

.w-50 {
  width: 50px !important; }

.w-60 {
  width: 60px !important; }

.w-70 {
  width: 70px !important; }

.w-80 {
  width: 80px !important; }

.w-90 {
  width: 90px !important; }

.w-100 {
  width: 100px !important; }

.w-110 {
  width: 110px !important; }

.w-120 {
  width: 120px !important; }

.w-130 {
  width: 130px !important; }

.w-140 {
  width: 140px !important; }

.w-150 {
  width: 150px !important; }

.w-160 {
  width: 160px !important; }

.w-170 {
  width: 170px !important; }

.w-180 {
  width: 180px !important; }

.w-190 {
  width: 190px !important; }

.w-200 {
  width: 200px !important; }

.w-210 {
  width: 210px !important; }

.w-220 {
  width: 220px !important; }

.w-230 {
  width: 230px !important; }

.w-240 {
  width: 240px !important; }

.w-250 {
  width: 250px !important; }

.w-260 {
  width: 260px !important; }

.w-270 {
  width: 270px !important; }

.w-280 {
  width: 280px !important; }

.w-290 {
  width: 290px !important; }

.w-300 {
  width: 300px !important; }

.w-310 {
  width: 310px !important; }

.w-320 {
  width: 320px !important; }

.w-330 {
  width: 330px !important; }

.w-340 {
  width: 340px !important; }

.w-350 {
  width: 350px !important; }

.w-360 {
  width: 360px !important; }

.w-370 {
  width: 370px !important; }

.w-380 {
  width: 380px !important; }

.w-390 {
  width: 390px !important; }

.w-400 {
  width: 400px !important; }

.w-410 {
  width: 410px !important; }

.w-420 {
  width: 420px !important; }

.w-430 {
  width: 430px !important; }

.w-440 {
  width: 440px !important; }

.w-450 {
  width: 450px !important; }

.w-460 {
  width: 460px !important; }

.w-470 {
  width: 470px !important; }

.w-480 {
  width: 480px !important; }

.w-490 {
  width: 490px !important; }

.w-500 {
  width: 500px !important; }

.w-510 {
  width: 510px !important; }

.w-520 {
  width: 520px !important; }

.w-530 {
  width: 530px !important; }

.w-540 {
  width: 540px !important; }

.w-550 {
  width: 550px !important; }

.w-560 {
  width: 560px !important; }

.w-570 {
  width: 570px !important; }

.w-580 {
  width: 580px !important; }

.w-590 {
  width: 590px !important; }

.w-600 {
  width: 600px !important; }

.w-610 {
  width: 610px !important; }

.w-620 {
  width: 620px !important; }

.w-630 {
  width: 630px !important; }

.w-640 {
  width: 640px !important; }

.w-650 {
  width: 650px !important; }

.w-660 {
  width: 660px !important; }

.w-670 {
  width: 670px !important; }

.w-680 {
  width: 680px !important; }

.w-690 {
  width: 690px !important; }

.w-700 {
  width: 700px !important; }

.w-710 {
  width: 710px !important; }

.w-720 {
  width: 720px !important; }

.w-730 {
  width: 730px !important; }

.w-740 {
  width: 740px !important; }

.w-750 {
  width: 750px !important; }

.w-760 {
  width: 760px !important; }

.w-770 {
  width: 770px !important; }

.w-780 {
  width: 780px !important; }

.w-790 {
  width: 790px !important; }

.w-800 {
  width: 800px !important; }

.w-810 {
  width: 810px !important; }

.w-820 {
  width: 820px !important; }

.w-830 {
  width: 830px !important; }

.w-840 {
  width: 840px !important; }

.w-850 {
  width: 850px !important; }

.w-860 {
  width: 860px !important; }

.w-870 {
  width: 870px !important; }

.w-880 {
  width: 880px !important; }

.w-890 {
  width: 890px !important; }

.w-900 {
  width: 900px !important; }

.w-910 {
  width: 910px !important; }

.w-920 {
  width: 920px !important; }

.w-930 {
  width: 930px !important; }

.w-940 {
  width: 940px !important; }

.w-950 {
  width: 950px !important; }

.w-960 {
  width: 960px !important; }

.w-970 {
  width: 970px !important; }

.w-980 {
  width: 980px !important; }

.w-990 {
  width: 990px !important; }

.list-style-none li {
  list-style: none; }

html {
  height: 100%;
  scroll-behavior: smooth; }

body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll; }
body.overflowY-auto {
  overflow-y: auto; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

.mt-0 {
  margin-top: 0px !important; }

.mr-0 {
  margin-right: 0px !important; }

.ml-0 {
  margin-left: 0px !important; }

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

.pt-0 {
  padding-top: 0px !important; }

.pr-0 {
  padding-right: 0px !important; }

.pl-0 {
  padding-left: 0px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.mt-1 {
  margin-top: 1px !important; }

.mr-1 {
  margin-right: 1px !important; }

.ml-1 {
  margin-left: 1px !important; }

.mb-1 {
  margin-bottom: 1px !important; }

.pt-1 {
  padding-top: 1px !important; }

.pr-1 {
  padding-right: 1px !important; }

.pl-1 {
  padding-left: 1px !important; }

.pb-1 {
  padding-bottom: 1px !important; }

.mt-2 {
  margin-top: 2px !important; }

.mr-2 {
  margin-right: 2px !important; }

.ml-2 {
  margin-left: 2px !important; }

.mb-2 {
  margin-bottom: 2px !important; }

.pt-2 {
  padding-top: 2px !important; }

.pr-2 {
  padding-right: 2px !important; }

.pl-2 {
  padding-left: 2px !important; }

.pb-2 {
  padding-bottom: 2px !important; }

.mt-3 {
  margin-top: 3px !important; }

.mr-3 {
  margin-right: 3px !important; }

.ml-3 {
  margin-left: 3px !important; }

.mb-3 {
  margin-bottom: 3px !important; }

.pt-3 {
  padding-top: 3px !important; }

.pr-3 {
  padding-right: 3px !important; }

.pl-3 {
  padding-left: 3px !important; }

.pb-3 {
  padding-bottom: 3px !important; }

.mt-4 {
  margin-top: 4px !important; }

.mr-4 {
  margin-right: 4px !important; }

.ml-4 {
  margin-left: 4px !important; }

.mb-4 {
  margin-bottom: 4px !important; }

.pt-4 {
  padding-top: 4px !important; }

.pr-4 {
  padding-right: 4px !important; }

.pl-4 {
  padding-left: 4px !important; }

.pb-4 {
  padding-bottom: 4px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.mt-6 {
  margin-top: 6px !important; }

.mr-6 {
  margin-right: 6px !important; }

.ml-6 {
  margin-left: 6px !important; }

.mb-6 {
  margin-bottom: 6px !important; }

.pt-6 {
  padding-top: 6px !important; }

.pr-6 {
  padding-right: 6px !important; }

.pl-6 {
  padding-left: 6px !important; }

.pb-6 {
  padding-bottom: 6px !important; }

.mt-7 {
  margin-top: 7px !important; }

.mr-7 {
  margin-right: 7px !important; }

.ml-7 {
  margin-left: 7px !important; }

.mb-7 {
  margin-bottom: 7px !important; }

.pt-7 {
  padding-top: 7px !important; }

.pr-7 {
  padding-right: 7px !important; }

.pl-7 {
  padding-left: 7px !important; }

.pb-7 {
  padding-bottom: 7px !important; }

.mt-8 {
  margin-top: 8px !important; }

.mr-8 {
  margin-right: 8px !important; }

.ml-8 {
  margin-left: 8px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.pt-8 {
  padding-top: 8px !important; }

.pr-8 {
  padding-right: 8px !important; }

.pl-8 {
  padding-left: 8px !important; }

.pb-8 {
  padding-bottom: 8px !important; }

.mt-9 {
  margin-top: 9px !important; }

.mr-9 {
  margin-right: 9px !important; }

.ml-9 {
  margin-left: 9px !important; }

.mb-9 {
  margin-bottom: 9px !important; }

.pt-9 {
  padding-top: 9px !important; }

.pr-9 {
  padding-right: 9px !important; }

.pl-9 {
  padding-left: 9px !important; }

.pb-9 {
  padding-bottom: 9px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.mt-11 {
  margin-top: 11px !important; }

.mr-11 {
  margin-right: 11px !important; }

.ml-11 {
  margin-left: 11px !important; }

.mb-11 {
  margin-bottom: 11px !important; }

.pt-11 {
  padding-top: 11px !important; }

.pr-11 {
  padding-right: 11px !important; }

.pl-11 {
  padding-left: 11px !important; }

.pb-11 {
  padding-bottom: 11px !important; }

.mt-12 {
  margin-top: 12px !important; }

.mr-12 {
  margin-right: 12px !important; }

.ml-12 {
  margin-left: 12px !important; }

.mb-12 {
  margin-bottom: 12px !important; }

.pt-12 {
  padding-top: 12px !important; }

.pr-12 {
  padding-right: 12px !important; }

.pl-12 {
  padding-left: 12px !important; }

.pb-12 {
  padding-bottom: 12px !important; }

.mt-13 {
  margin-top: 13px !important; }

.mr-13 {
  margin-right: 13px !important; }

.ml-13 {
  margin-left: 13px !important; }

.mb-13 {
  margin-bottom: 13px !important; }

.pt-13 {
  padding-top: 13px !important; }

.pr-13 {
  padding-right: 13px !important; }

.pl-13 {
  padding-left: 13px !important; }

.pb-13 {
  padding-bottom: 13px !important; }

.mt-14 {
  margin-top: 14px !important; }

.mr-14 {
  margin-right: 14px !important; }

.ml-14 {
  margin-left: 14px !important; }

.mb-14 {
  margin-bottom: 14px !important; }

.pt-14 {
  padding-top: 14px !important; }

.pr-14 {
  padding-right: 14px !important; }

.pl-14 {
  padding-left: 14px !important; }

.pb-14 {
  padding-bottom: 14px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.mt-16 {
  margin-top: 16px !important; }

.mr-16 {
  margin-right: 16px !important; }

.ml-16 {
  margin-left: 16px !important; }

.mb-16 {
  margin-bottom: 16px !important; }

.pt-16 {
  padding-top: 16px !important; }

.pr-16 {
  padding-right: 16px !important; }

.pl-16 {
  padding-left: 16px !important; }

.pb-16 {
  padding-bottom: 16px !important; }

.mt-17 {
  margin-top: 17px !important; }

.mr-17 {
  margin-right: 17px !important; }

.ml-17 {
  margin-left: 17px !important; }

.mb-17 {
  margin-bottom: 17px !important; }

.pt-17 {
  padding-top: 17px !important; }

.pr-17 {
  padding-right: 17px !important; }

.pl-17 {
  padding-left: 17px !important; }

.pb-17 {
  padding-bottom: 17px !important; }

.mt-18 {
  margin-top: 18px !important; }

.mr-18 {
  margin-right: 18px !important; }

.ml-18 {
  margin-left: 18px !important; }

.mb-18 {
  margin-bottom: 18px !important; }

.pt-18 {
  padding-top: 18px !important; }

.pr-18 {
  padding-right: 18px !important; }

.pl-18 {
  padding-left: 18px !important; }

.pb-18 {
  padding-bottom: 18px !important; }

.mt-19 {
  margin-top: 19px !important; }

.mr-19 {
  margin-right: 19px !important; }

.ml-19 {
  margin-left: 19px !important; }

.mb-19 {
  margin-bottom: 19px !important; }

.pt-19 {
  padding-top: 19px !important; }

.pr-19 {
  padding-right: 19px !important; }

.pl-19 {
  padding-left: 19px !important; }

.pb-19 {
  padding-bottom: 19px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.mt-21 {
  margin-top: 21px !important; }

.mr-21 {
  margin-right: 21px !important; }

.ml-21 {
  margin-left: 21px !important; }

.mb-21 {
  margin-bottom: 21px !important; }

.pt-21 {
  padding-top: 21px !important; }

.pr-21 {
  padding-right: 21px !important; }

.pl-21 {
  padding-left: 21px !important; }

.pb-21 {
  padding-bottom: 21px !important; }

.mt-22 {
  margin-top: 22px !important; }

.mr-22 {
  margin-right: 22px !important; }

.ml-22 {
  margin-left: 22px !important; }

.mb-22 {
  margin-bottom: 22px !important; }

.pt-22 {
  padding-top: 22px !important; }

.pr-22 {
  padding-right: 22px !important; }

.pl-22 {
  padding-left: 22px !important; }

.pb-22 {
  padding-bottom: 22px !important; }

.mt-23 {
  margin-top: 23px !important; }

.mr-23 {
  margin-right: 23px !important; }

.ml-23 {
  margin-left: 23px !important; }

.mb-23 {
  margin-bottom: 23px !important; }

.pt-23 {
  padding-top: 23px !important; }

.pr-23 {
  padding-right: 23px !important; }

.pl-23 {
  padding-left: 23px !important; }

.pb-23 {
  padding-bottom: 23px !important; }

.mt-24 {
  margin-top: 24px !important; }

.mr-24 {
  margin-right: 24px !important; }

.ml-24 {
  margin-left: 24px !important; }

.mb-24 {
  margin-bottom: 24px !important; }

.pt-24 {
  padding-top: 24px !important; }

.pr-24 {
  padding-right: 24px !important; }

.pl-24 {
  padding-left: 24px !important; }

.pb-24 {
  padding-bottom: 24px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pr-25 {
  padding-right: 25px !important; }

.pl-25 {
  padding-left: 25px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.mt-26 {
  margin-top: 26px !important; }

.mr-26 {
  margin-right: 26px !important; }

.ml-26 {
  margin-left: 26px !important; }

.mb-26 {
  margin-bottom: 26px !important; }

.pt-26 {
  padding-top: 26px !important; }

.pr-26 {
  padding-right: 26px !important; }

.pl-26 {
  padding-left: 26px !important; }

.pb-26 {
  padding-bottom: 26px !important; }

.mt-27 {
  margin-top: 27px !important; }

.mr-27 {
  margin-right: 27px !important; }

.ml-27 {
  margin-left: 27px !important; }

.mb-27 {
  margin-bottom: 27px !important; }

.pt-27 {
  padding-top: 27px !important; }

.pr-27 {
  padding-right: 27px !important; }

.pl-27 {
  padding-left: 27px !important; }

.pb-27 {
  padding-bottom: 27px !important; }

.mt-28 {
  margin-top: 28px !important; }

.mr-28 {
  margin-right: 28px !important; }

.ml-28 {
  margin-left: 28px !important; }

.mb-28 {
  margin-bottom: 28px !important; }

.pt-28 {
  padding-top: 28px !important; }

.pr-28 {
  padding-right: 28px !important; }

.pl-28 {
  padding-left: 28px !important; }

.pb-28 {
  padding-bottom: 28px !important; }

.mt-29 {
  margin-top: 29px !important; }

.mr-29 {
  margin-right: 29px !important; }

.ml-29 {
  margin-left: 29px !important; }

.mb-29 {
  margin-bottom: 29px !important; }

.pt-29 {
  padding-top: 29px !important; }

.pr-29 {
  padding-right: 29px !important; }

.pl-29 {
  padding-left: 29px !important; }

.pb-29 {
  padding-bottom: 29px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.mt-31 {
  margin-top: 31px !important; }

.mr-31 {
  margin-right: 31px !important; }

.ml-31 {
  margin-left: 31px !important; }

.mb-31 {
  margin-bottom: 31px !important; }

.pt-31 {
  padding-top: 31px !important; }

.pr-31 {
  padding-right: 31px !important; }

.pl-31 {
  padding-left: 31px !important; }

.pb-31 {
  padding-bottom: 31px !important; }

.mt-32 {
  margin-top: 32px !important; }

.mr-32 {
  margin-right: 32px !important; }

.ml-32 {
  margin-left: 32px !important; }

.mb-32 {
  margin-bottom: 32px !important; }

.pt-32 {
  padding-top: 32px !important; }

.pr-32 {
  padding-right: 32px !important; }

.pl-32 {
  padding-left: 32px !important; }

.pb-32 {
  padding-bottom: 32px !important; }

.mt-33 {
  margin-top: 33px !important; }

.mr-33 {
  margin-right: 33px !important; }

.ml-33 {
  margin-left: 33px !important; }

.mb-33 {
  margin-bottom: 33px !important; }

.pt-33 {
  padding-top: 33px !important; }

.pr-33 {
  padding-right: 33px !important; }

.pl-33 {
  padding-left: 33px !important; }

.pb-33 {
  padding-bottom: 33px !important; }

.mt-34 {
  margin-top: 34px !important; }

.mr-34 {
  margin-right: 34px !important; }

.ml-34 {
  margin-left: 34px !important; }

.mb-34 {
  margin-bottom: 34px !important; }

.pt-34 {
  padding-top: 34px !important; }

.pr-34 {
  padding-right: 34px !important; }

.pl-34 {
  padding-left: 34px !important; }

.pb-34 {
  padding-bottom: 34px !important; }

.mt-35 {
  margin-top: 35px !important; }

.mr-35 {
  margin-right: 35px !important; }

.ml-35 {
  margin-left: 35px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.pt-35 {
  padding-top: 35px !important; }

.pr-35 {
  padding-right: 35px !important; }

.pl-35 {
  padding-left: 35px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.mt-36 {
  margin-top: 36px !important; }

.mr-36 {
  margin-right: 36px !important; }

.ml-36 {
  margin-left: 36px !important; }

.mb-36 {
  margin-bottom: 36px !important; }

.pt-36 {
  padding-top: 36px !important; }

.pr-36 {
  padding-right: 36px !important; }

.pl-36 {
  padding-left: 36px !important; }

.pb-36 {
  padding-bottom: 36px !important; }

.mt-37 {
  margin-top: 37px !important; }

.mr-37 {
  margin-right: 37px !important; }

.ml-37 {
  margin-left: 37px !important; }

.mb-37 {
  margin-bottom: 37px !important; }

.pt-37 {
  padding-top: 37px !important; }

.pr-37 {
  padding-right: 37px !important; }

.pl-37 {
  padding-left: 37px !important; }

.pb-37 {
  padding-bottom: 37px !important; }

.mt-38 {
  margin-top: 38px !important; }

.mr-38 {
  margin-right: 38px !important; }

.ml-38 {
  margin-left: 38px !important; }

.mb-38 {
  margin-bottom: 38px !important; }

.pt-38 {
  padding-top: 38px !important; }

.pr-38 {
  padding-right: 38px !important; }

.pl-38 {
  padding-left: 38px !important; }

.pb-38 {
  padding-bottom: 38px !important; }

.mt-39 {
  margin-top: 39px !important; }

.mr-39 {
  margin-right: 39px !important; }

.ml-39 {
  margin-left: 39px !important; }

.mb-39 {
  margin-bottom: 39px !important; }

.pt-39 {
  padding-top: 39px !important; }

.pr-39 {
  padding-right: 39px !important; }

.pl-39 {
  padding-left: 39px !important; }

.pb-39 {
  padding-bottom: 39px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mr-40 {
  margin-right: 40px !important; }

.ml-40 {
  margin-left: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.mt-41 {
  margin-top: 41px !important; }

.mr-41 {
  margin-right: 41px !important; }

.ml-41 {
  margin-left: 41px !important; }

.mb-41 {
  margin-bottom: 41px !important; }

.pt-41 {
  padding-top: 41px !important; }

.pr-41 {
  padding-right: 41px !important; }

.pl-41 {
  padding-left: 41px !important; }

.pb-41 {
  padding-bottom: 41px !important; }

.mt-42 {
  margin-top: 42px !important; }

.mr-42 {
  margin-right: 42px !important; }

.ml-42 {
  margin-left: 42px !important; }

.mb-42 {
  margin-bottom: 42px !important; }

.pt-42 {
  padding-top: 42px !important; }

.pr-42 {
  padding-right: 42px !important; }

.pl-42 {
  padding-left: 42px !important; }

.pb-42 {
  padding-bottom: 42px !important; }

.mt-43 {
  margin-top: 43px !important; }

.mr-43 {
  margin-right: 43px !important; }

.ml-43 {
  margin-left: 43px !important; }

.mb-43 {
  margin-bottom: 43px !important; }

.pt-43 {
  padding-top: 43px !important; }

.pr-43 {
  padding-right: 43px !important; }

.pl-43 {
  padding-left: 43px !important; }

.pb-43 {
  padding-bottom: 43px !important; }

.mt-44 {
  margin-top: 44px !important; }

.mr-44 {
  margin-right: 44px !important; }

.ml-44 {
  margin-left: 44px !important; }

.mb-44 {
  margin-bottom: 44px !important; }

.pt-44 {
  padding-top: 44px !important; }

.pr-44 {
  padding-right: 44px !important; }

.pl-44 {
  padding-left: 44px !important; }

.pb-44 {
  padding-bottom: 44px !important; }

.mt-45 {
  margin-top: 45px !important; }

.mr-45 {
  margin-right: 45px !important; }

.ml-45 {
  margin-left: 45px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.pt-45 {
  padding-top: 45px !important; }

.pr-45 {
  padding-right: 45px !important; }

.pl-45 {
  padding-left: 45px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.mt-46 {
  margin-top: 46px !important; }

.mr-46 {
  margin-right: 46px !important; }

.ml-46 {
  margin-left: 46px !important; }

.mb-46 {
  margin-bottom: 46px !important; }

.pt-46 {
  padding-top: 46px !important; }

.pr-46 {
  padding-right: 46px !important; }

.pl-46 {
  padding-left: 46px !important; }

.pb-46 {
  padding-bottom: 46px !important; }

.mt-47 {
  margin-top: 47px !important; }

.mr-47 {
  margin-right: 47px !important; }

.ml-47 {
  margin-left: 47px !important; }

.mb-47 {
  margin-bottom: 47px !important; }

.pt-47 {
  padding-top: 47px !important; }

.pr-47 {
  padding-right: 47px !important; }

.pl-47 {
  padding-left: 47px !important; }

.pb-47 {
  padding-bottom: 47px !important; }

.mt-48 {
  margin-top: 48px !important; }

.mr-48 {
  margin-right: 48px !important; }

.ml-48 {
  margin-left: 48px !important; }

.mb-48 {
  margin-bottom: 48px !important; }

.pt-48 {
  padding-top: 48px !important; }

.pr-48 {
  padding-right: 48px !important; }

.pl-48 {
  padding-left: 48px !important; }

.pb-48 {
  padding-bottom: 48px !important; }

.mt-49 {
  margin-top: 49px !important; }

.mr-49 {
  margin-right: 49px !important; }

.ml-49 {
  margin-left: 49px !important; }

.mb-49 {
  margin-bottom: 49px !important; }

.pt-49 {
  padding-top: 49px !important; }

.pr-49 {
  padding-right: 49px !important; }

.pl-49 {
  padding-left: 49px !important; }

.pb-49 {
  padding-bottom: 49px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mr-50 {
  margin-right: 50px !important; }

.ml-50 {
  margin-left: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.mt-51 {
  margin-top: 51px !important; }

.mr-51 {
  margin-right: 51px !important; }

.ml-51 {
  margin-left: 51px !important; }

.mb-51 {
  margin-bottom: 51px !important; }

.pt-51 {
  padding-top: 51px !important; }

.pr-51 {
  padding-right: 51px !important; }

.pl-51 {
  padding-left: 51px !important; }

.pb-51 {
  padding-bottom: 51px !important; }

.mt-52 {
  margin-top: 52px !important; }

.mr-52 {
  margin-right: 52px !important; }

.ml-52 {
  margin-left: 52px !important; }

.mb-52 {
  margin-bottom: 52px !important; }

.pt-52 {
  padding-top: 52px !important; }

.pr-52 {
  padding-right: 52px !important; }

.pl-52 {
  padding-left: 52px !important; }

.pb-52 {
  padding-bottom: 52px !important; }

.mt-53 {
  margin-top: 53px !important; }

.mr-53 {
  margin-right: 53px !important; }

.ml-53 {
  margin-left: 53px !important; }

.mb-53 {
  margin-bottom: 53px !important; }

.pt-53 {
  padding-top: 53px !important; }

.pr-53 {
  padding-right: 53px !important; }

.pl-53 {
  padding-left: 53px !important; }

.pb-53 {
  padding-bottom: 53px !important; }

.mt-54 {
  margin-top: 54px !important; }

.mr-54 {
  margin-right: 54px !important; }

.ml-54 {
  margin-left: 54px !important; }

.mb-54 {
  margin-bottom: 54px !important; }

.pt-54 {
  padding-top: 54px !important; }

.pr-54 {
  padding-right: 54px !important; }

.pl-54 {
  padding-left: 54px !important; }

.pb-54 {
  padding-bottom: 54px !important; }

.mt-55 {
  margin-top: 55px !important; }

.mr-55 {
  margin-right: 55px !important; }

.ml-55 {
  margin-left: 55px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.pt-55 {
  padding-top: 55px !important; }

.pr-55 {
  padding-right: 55px !important; }

.pl-55 {
  padding-left: 55px !important; }

.pb-55 {
  padding-bottom: 55px !important; }

.mt-56 {
  margin-top: 56px !important; }

.mr-56 {
  margin-right: 56px !important; }

.ml-56 {
  margin-left: 56px !important; }

.mb-56 {
  margin-bottom: 56px !important; }

.pt-56 {
  padding-top: 56px !important; }

.pr-56 {
  padding-right: 56px !important; }

.pl-56 {
  padding-left: 56px !important; }

.pb-56 {
  padding-bottom: 56px !important; }

.mt-57 {
  margin-top: 57px !important; }

.mr-57 {
  margin-right: 57px !important; }

.ml-57 {
  margin-left: 57px !important; }

.mb-57 {
  margin-bottom: 57px !important; }

.pt-57 {
  padding-top: 57px !important; }

.pr-57 {
  padding-right: 57px !important; }

.pl-57 {
  padding-left: 57px !important; }

.pb-57 {
  padding-bottom: 57px !important; }

.mt-58 {
  margin-top: 58px !important; }

.mr-58 {
  margin-right: 58px !important; }

.ml-58 {
  margin-left: 58px !important; }

.mb-58 {
  margin-bottom: 58px !important; }

.pt-58 {
  padding-top: 58px !important; }

.pr-58 {
  padding-right: 58px !important; }

.pl-58 {
  padding-left: 58px !important; }

.pb-58 {
  padding-bottom: 58px !important; }

.mt-59 {
  margin-top: 59px !important; }

.mr-59 {
  margin-right: 59px !important; }

.ml-59 {
  margin-left: 59px !important; }

.mb-59 {
  margin-bottom: 59px !important; }

.pt-59 {
  padding-top: 59px !important; }

.pr-59 {
  padding-right: 59px !important; }

.pl-59 {
  padding-left: 59px !important; }

.pb-59 {
  padding-bottom: 59px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mr-60 {
  margin-right: 60px !important; }

.ml-60 {
  margin-left: 60px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pr-60 {
  padding-right: 60px !important; }

.pl-60 {
  padding-left: 60px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.mt-61 {
  margin-top: 61px !important; }

.mr-61 {
  margin-right: 61px !important; }

.ml-61 {
  margin-left: 61px !important; }

.mb-61 {
  margin-bottom: 61px !important; }

.pt-61 {
  padding-top: 61px !important; }

.pr-61 {
  padding-right: 61px !important; }

.pl-61 {
  padding-left: 61px !important; }

.pb-61 {
  padding-bottom: 61px !important; }

.mt-62 {
  margin-top: 62px !important; }

.mr-62 {
  margin-right: 62px !important; }

.ml-62 {
  margin-left: 62px !important; }

.mb-62 {
  margin-bottom: 62px !important; }

.pt-62 {
  padding-top: 62px !important; }

.pr-62 {
  padding-right: 62px !important; }

.pl-62 {
  padding-left: 62px !important; }

.pb-62 {
  padding-bottom: 62px !important; }

.mt-63 {
  margin-top: 63px !important; }

.mr-63 {
  margin-right: 63px !important; }

.ml-63 {
  margin-left: 63px !important; }

.mb-63 {
  margin-bottom: 63px !important; }

.pt-63 {
  padding-top: 63px !important; }

.pr-63 {
  padding-right: 63px !important; }

.pl-63 {
  padding-left: 63px !important; }

.pb-63 {
  padding-bottom: 63px !important; }

.mt-64 {
  margin-top: 64px !important; }

.mr-64 {
  margin-right: 64px !important; }

.ml-64 {
  margin-left: 64px !important; }

.mb-64 {
  margin-bottom: 64px !important; }

.pt-64 {
  padding-top: 64px !important; }

.pr-64 {
  padding-right: 64px !important; }

.pl-64 {
  padding-left: 64px !important; }

.pb-64 {
  padding-bottom: 64px !important; }

.ml-auto {
  margin-left: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

@media (min-width: 0) and (max-width: 575px) {
  .px-xxs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  .py-xxs-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; } }
.container {
  margin: auto;
  padding-right: 24px;
  padding-left: 24px;
  max-width: 1360px;
  box-sizing: border-box; }
@media (min-width: 576px) and (max-width: 766px) {
  .container {
    padding-right: 16px;
    padding-left: 16x; } }
.container.size-fluid {
  max-width: none; }
.container.size-1600 {
  max-width: 1600px; }
.container.size-1000 {
  max-width: 1000px; }
.container.size-900 {
  max-width: 900px; }
.container.size-800 {
  max-width: 800px; }
.container.size-600 {
  max-width: 600px; }
.container.size-500 {
  max-width: 500px; }

.mw-530 {
  max-width: 530px; }

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

.flex-space-baseline {
  display: flex;
  justify-content: space-between;
  align-items: baseline; }

.flex-baseline {
  display: flex;
  align-items: baseline; }

.flex-line {
  display: flex;
  align-items: center; }

.flex-wrap {
  display: flex;
  flex-wrap: wrap; }

.d-flex {
  display: flex; }

.align-items-end {
  align-items: flex-end; }

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

.align-items-stretch {
  align-items: stretch; }

.f-direction-column {
  flex-direction: column; }

.f-grow-1 {
  flex: 1; }

.hidden {
  display: none; }

.page-actions {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px; }
@media (min-width: 0) and (max-width: 575px) {
  .page-actions {
    display: block; } }
.page-actions > [class*="action-"] {
  flex: 0 1 auto;
  width: auto;
  margin-bottom: 32px; }
@media (min-width: 0) and (max-width: 575px) {
  .page-actions > [class*="action-"] a, .page-actions > [class*="action-"] button {
    width: 100%;
    box-sizing: border-box; } }
.page-actions .action-primary {
  order: 2; }
@media (min-width: 576px) {
  .page-actions .action-secondary, .page-actions .action-tertiary {
    margin-right: 15px; } }
.page-actions .action-secondary:empty {
  margin-right: 0 !important; }
.page-actions.legacy {
  margin-bottom: 8px; }
.page-actions.legacy > [class*="action-"] {
  flex: 1 1 0px; }
.page-actions.legacy > [class*="action-"] a, .page-actions.legacy > [class*="action-"] button {
  margin-left: 15px; }
.page-actions.legacy .action-primary {
  text-align: right; }

@font-face {
  font-family: 'icomoon';
  src: url("../leapfrog-icon/fonts/icomoon.ttf") format("truetype"), url("../leapfrog-icon/fonts/icomoon.woff") format("woff"), url("../leapfrog-icon/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

.accordion {
  position: relative;
  transition: all 0.3s ease; }
.accordion .accordion-row {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid var(--keyline); }
.accordion .accordion-row .left-side .title {
  font-size: 21px;
  color: var(--text-highlight);
  padding-left: 28px;
  cursor: pointer; }
.accordion .accordion-row .left-side .title.no-hover {
  cursor: default; }
.accordion .accordion-row .left-side .tooltip-button .icon::before {
  top: 0px !important; }
.accordion .accordion-row .left-side .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e915';
  position: absolute;
  left: 0;
  top: 15px;
  font-size: 17px;
  background: transparent;
  color: var(--link);
  border-radius: 50%;
  font-weight: bold;
  text-align: center; }
.accordion .accordion-row .right-side .edit-circle-icon-button {
  color: var(--link); }
@media print {
  .accordion .accordion-row .right-side .edit-circle-icon-button {
    display: none; } }
.accordion.is-open .accordion-row .left-side .icon::before {
  content: '\e94e'; }
.accordion .left-side, .accordion .right-side {
  position: relative;
  padding: 11px 0; }
.accordion .left-side button, .accordion .right-side button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  cursor: pointer; }
.accordion .noBorderTop {
  border-top: none; }
.accordion.not-editable .edit-circle-icon-button {
  display: none; }

.accordion.sl-blue .accordion-row {
  border-top: none; }
.accordion.sl-blue .accordion-row .icon::before {
  color: var(--cta1); }
.accordion.sl-blue .accordion-row .title {
  color: var(--cta1);
  font-size: 18px;
  font-weight: bold; }

.accordion.accordion-simple .accordion-row {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  border: transparent;
  cursor: pointer; }
.accordion.accordion-simple .accordion-row .edit-circle-icon-button {
  display: none; }
.accordion.accordion-simple .accordion-row .left-side .title {
  font-size: 16px;
  padding-left: 19px;
  color: var(--link); }
.accordion.accordion-simple .accordion-row .left-side .trigger .icon::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e94c';
  transform: rotate(90deg);
  font-size: 14px;
  top: 14px;
  transition: transform .5s ease-in-out; }
.accordion.accordion-simple .accordion-row .left-side .trigger:hover .icon:before, .accordion.accordion-simple .accordion-row .left-side .trigger:hover .title, .accordion.accordion-simple .accordion-row .left-side .trigger:focus .icon:before, .accordion.accordion-simple .accordion-row .left-side .trigger:focus .title {
  color: var(--text-highlight) !important; }
.accordion.accordion-simple .accordion-row .left-side .trigger:hover .title, .accordion.accordion-simple .accordion-row .left-side .trigger:focus .title {
  text-decoration: underline; }
.accordion.accordion-simple .accordion-row .left-side .tooltip-button .icon::before {
  top: 0px !important; }
.accordion.accordion-simple.bigger-arrow .accordion-row .left-side .trigger .icon::before {
  font-size: 20px; }
.accordion.accordion-simple.bigger-arrow .accordion-row .left-side .title {
  padding-left: 22px; }
.accordion.accordion-simple.is-open .accordion-row {
  border-bottom: 1px var(--keyline); }
.accordion.accordion-simple.is-open .left-side .trigger .icon:before {
  transform: rotate(-90deg);
  content: '\e94c'; }
.accordion.accordion-simple.is-open .left-side .is-info-icon .tooltip-button .icon:before {
  content: '\e91b'; }

.accordion.accordion-with-arrow {
  border-top: 1px solid var(--keyline);
  border-bottom: 1px solid var(--keyline);
  margin-bottom: -1px; }
.accordion.accordion-with-arrow .accordion-row {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  border: transparent;
  padding: 0; }
.accordion.accordion-with-arrow .accordion-row .left-side {
  padding: 0; }
.accordion.accordion-with-arrow .accordion-row .left-side .trigger {
  display: block;
  width: 100%;
  text-align: left;
  padding: 24px 0;
  outline: none;
  min-height: 74px; }
.accordion.accordion-with-arrow .accordion-row .left-side .trigger:hover .icon:before, .accordion.accordion-with-arrow .accordion-row .left-side .trigger:hover .title, .accordion.accordion-with-arrow .accordion-row .left-side .trigger:focus .icon:before, .accordion.accordion-with-arrow .accordion-row .left-side .trigger:focus .title {
  color: var(--text-highlight) !important; }
.accordion.accordion-with-arrow .accordion-row .left-side .trigger .icon:before {
  content: '\e94c';
  transform: rotate(90deg);
  font-size: 23px;
  top: 26px;
  transition: transform .5s ease-in-out; }
.accordion.accordion-with-arrow .accordion-row .left-side .trigger .title {
  font-size: 18px;
  font-weight: bold;
  color: var(--link);
  padding-left: 36px; }
.accordion.accordion-with-arrow .accordion-row .right-side {
  align-self: center; }
.accordion.accordion-with-arrow.is-open .left-side .trigger .icon:before {
  transform: rotate(-90deg);
  content: '\e94c'; }
.accordion.accordion-with-arrow.not-editable {
  border-bottom: none;
  border-top: none; }
.accordion.accordion-with-arrow.not-editable .edit-circle-icon-button {
  display: none; }
.accordion.accordion-with-arrow.not-editable .title {
  font-weight: normal !important; }

.accordion.accordion-total-clients .accordion-row .edit-circle-icon-button {
  display: none; }
.accordion.accordion-total-clients .accordion-row .left-side .icon:before {
  top: 16px;
  font-size: 14px; }
.accordion.accordion-total-clients .accordion-row .left-side .title {
  font-size: 14px;
  font-weight: bold; }
.accordion.accordion-total-clients .accordion-row .left-side .tooltip-button .icon::before {
  top: 0px !important; }
.accordion.accordion-total-clients.is-open .accordion-row {
  border-bottom: 1px var(--keyline); }

.warning-message, .error-message, .success-message {
  padding: 12px 12px 12px 20px;
  margin: 0 0 24px 48px;
  position: relative;
  font-size: 16px;
  min-height: 48px;
  box-sizing: border-box;
  display: block; }
.warning-message::before, .error-message::before, .success-message::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91b';
  line-height: 1.8;
  font-size: 18px;
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  top: 0;
  left: -48px;
  padding: 20px;
  border: 1px solid var(--pullout);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: var(--pullout);
  border-right: none;
  color: var(--cta1-text);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box; }
.warning-message::after, .error-message::after, .success-message::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--pullout);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
.warning-message a, .warning-message .square-checkbox, .error-message a, .error-message .square-checkbox, .success-message a, .success-message .square-checkbox {
  position: relative;
  z-index: 1; }

.success-message::before {
  content: '\e91b';
  color: var(--positive);
  border-color: var(--positive);
  background-color: #E6F3E7; }
.success-message::after {
  border-color: var(--positive); }

.alert-success {
  position: relative;
  color: var(--positive);
  padding-left: 55px; }
.alert-success::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e912';
  position: absolute;
  left: 0;
  top: 6px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 19px;
  background: var(--positive);
  color: var(--cta1-text);
  border-radius: 50%;
  text-align: center; }
.alert-success.small {
  font-size: 16px;
  padding-left: 48px;
  line-height: 46px; }
.alert-success.small:before {
  font-size: 16px; }

.error-message::before {
  content: '\e91c';
  border-color: var(--negative);
  background-color: var(--negative);
  color: white; }
.error-message::after {
  border-color: var(--negative); }

.notification-message {
  font-size: 14px;
  color: var(--dialogue-text);
  background-color: var(--dialogue);
  border-radius: 16px;
  display: inline-block;
  position: relative;
  padding: 5px 40px 6px 10px; }
.notification-message .close {
  position: absolute;
  top: 4px;
  right: 6px;
  border: none;
  background: none;
  padding: 5px;
  width: 22px;
  height: 22px;
  cursor: pointer; }
.notification-message .close .icon::before {
  content: '\e91f';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 12px;
  height: 12px;
  color: var(--dialogue-text);
  position: absolute;
  top: 6px;
  left: 5px;
  transform: rotate(45deg); }

.report-logo-message p {
  margin-bottom: 0; }

.btn {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  display: inline-flex;
  align-items: center;
  padding: 7px 20px;
  box-sizing: border-box;
  border-radius: 24px;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px; }
.btn:not(:disabled) {
  cursor: pointer; }
.btn:hover {
  text-decoration: none; }
.btn.primary {
  background: var(--cta1);
  border: 1px solid var(--cta1);
  color: var(--cta1-text); }
.btn.primary:disabled, .btn.primary.disabled, .btn.primary[disabled] {
  opacity: 0.6;
  cursor: not-allowed; }
.btn.primary:hover:not(:disabled):not(.is-busy) {
  background: var(--button-active);
  border: 1px solid var(--button-active); }
.btn.primary:focus:not(:disabled):not(.is-busy) {
  background: var(--button-active);
  border: 1px solid var(--button-active); }
.btn.secondary {
  background: none;
  color: var(--link);
  border: 1px solid var(--link); }
.btn.secondary:disabled, .btn.secondary.disabled, .btn.secondary[disabled] {
  opacity: 0.6;
  cursor: not-allowed; }
.btn.secondary:hover:not(:disabled):not(.is-busy) {
  background: var(--button-active);
  color: var(--cta1-text);
  border: 1px solid var(--button-active); }
.btn.secondary:focus:not(:disabled):not(.is-busy) {
  background: var(--button-active);
  color: var(--cta1-text);
  border: 1px solid var(--button-active); }
.btn.uppercase {
  text-transform: uppercase; }
.btn.label-offset {
  margin-top: 32px; }
.btn.is-busy {
  position: relative;
  padding-left: 35px !important;
  cursor: default !important; }
.btn.is-busy:before {
  content: " ";
  position: absolute;
  top: 11px;
  left: 12px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0px;
  border-radius: 50%;
  border: 2px solid transparent;
  animation: button-busy-anim 1s linear infinite; }
.btn.is-busy.primary:before {
  border-color: var(--cta1-text) transparent var(--cta1-text) transparent; }
.btn.is-busy.secondary:before {
  border-color: var(--link) transparent var(--link) transparent; }

@keyframes button-busy-anim {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

.button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  display: inline-flex;
  align-items: center;
  padding: 7px 20px;
  box-sizing: border-box;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  transition: background-color 150ms ease-in-out;
  border-radius: 24px;
  background: none;
  color: var(--link);
  border: 1px solid var(--link); }
.button:not(:disabled) {
  cursor: pointer; }
.button:hover:not(:disabled) {
  background: var(--button-active);
  color: var(--panel-heavy);
  border: 1px solid var(--button-active); }
.button:disabled, .button.disabled, .button[disabled] {
  opacity: 0.6;
  cursor: not-allowed; }

.btn.square.primary, .btn.square.secondary {
  border-radius: 3px; }

.applications-pad-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  padding: 3px 5px 5px 5px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: center;
  color: var(--link); }
.applications-pad-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e958';
  font-size: 22px;
  text-align: center; }

.forward-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  padding: 5px 48px 5px 0px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none; }
.forward-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  color: var(--link);
  content: '\e94c';
  font-size: 22px;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  border-radius: 50%;
  text-align: center; }
.forward-button.label-sr-only {
  width: 28px;
  height: 28px;
  padding: 0; }
.forward-button.label-sr-only .text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.forward-button:hover .text {
  text-decoration: underline; }

.secondary-add-button {
  color: var(--link);
  border: 1px solid #087C89;
  border-radius: 3px;
  background: transparent;
  cursor: pointer;
  border-radius: 3px;
  padding: 9px 20px 9px 20px; }
.secondary-add-button .text {
  line-height: 24px;
  font-size: 16px; }
.secondary-add-button:hover .text {
  text-decoration: underline; }

.back-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  padding: 5px 0px 5px 48px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block; }
.back-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906';
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  background: var(--cta2);
  color: var(--cta2-text);
  border-radius: 50%;
  text-align: center; }
.back-button:hover .text {
  text-decoration: underline; }

.follow-up-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  padding: 9px 0px 9px 30px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: left; }
.follow-up-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e951';
  position: absolute;
  left: -1px;
  top: 7px;
  width: 25px;
  height: 25px;
  font-size: 24px;
  background: transparent;
  border-radius: 50%;
  text-align: center; }
.follow-up-button .icon[aria-pressed="true"]:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e911';
  color: var(--negative);
  position: absolute;
  left: 0;
  top: 9px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: transparent;
  border-radius: 50%;
  text-align: center; }
.follow-up-button:hover .text {
  text-decoration: underline; }

.close-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: inherit;
  padding: 0;
  margin: 0; }
.close-button .text {
  padding: 10px;
  font-size: 16px;
  position: relative;
  animation: cbtIn 500ms cubic-bezier(0.165, 0.84, 0.44, 1); }
.close-button .icon {
  width: 48px;
  height: 48px;
  background: #F5F6F7;
  color: #0A2F73;
  border-radius: 24px;
  animation: cbiIn 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.close-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 19px;
  content: '\e904';
  line-height: 48px; }
.close-button:focus {
  outline: none; }
.close-button:focus .icon {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35); }
.close-button:focus:not(:focus-visible) .icon {
  box-shadow: none; }
.close-button.to-right .text {
  animation: cbtrIn 500ms cubic-bezier(0.165, 0.84, 0.44, 1); }

@keyframes cbiIn {
  from {
    transform: scale(0); }

  to {
    transform: scale(1); } }

@keyframes cbtIn {
  from {
    transform: translateX(24px); }

  to {
    transform: translateX(0); } }

@keyframes cbtrIn {
  from {
    transform: translateX(-24px); }

  to {
    transform: translateX(0); } }

.continue-button {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  background: var(--cta2);
  border-radius: 50%;
  width: 72px;
  height: 72px; }
.continue-button:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905';
  position: absolute;
  line-height: 72px;
  font-size: 22px;
  width: 72px;
  height: 72px;
  color: var(--cta2-text);
  text-align: center; }
.continue-button.secondary {
  background: var(--cta3); }
.continue-button.small {
  width: 48px;
  height: 48px; }
.continue-button.small:before {
  font-size: 15px;
  line-height: 48px;
  width: 48px;
  height: 48px; }

.plus-button {
  position: relative;
  padding: 8px 24px 8px 40px;
  min-height: 36px; }
.plus-button:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e903';
  position: absolute;
  text-align: center;
  top: 14px;
  left: 18px;
  font-size: 14px;
  color: var(--cta1-text); }

.prev-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 24px;
  text-decoration: none;
  position: relative;
  padding: 7px 20px 7px 32px;
  cursor: pointer;
  display: inline-block;
  border-radius: 24px;
  background: none;
  color: var(--link);
  border: 1px solid var(--link); }
.prev-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906';
  position: absolute;
  left: 10px;
  top: 5px;
  line-height: 28px;
  font-size: 12px; }
.prev-button:disabled, .prev-button.disabled, .prev-button[disabled] {
  opacity: 0.5;
  cursor: not-allowed; }
.prev-button:hover:not(:disabled):not(.is-busy) {
  background: var(--button-active);
  color: var(--cta1-text);
  border: 1px solid var(--button-active); }
.prev-button:focus:not(:disabled):not(.is-busy) {
  background: var(--button-active);
  color: var(--cta1-text);
  border: 1px solid var(--button-active); }

.next-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  background: var(--cta1);
  font-size: 16px;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 24px;
  text-decoration: none;
  position: relative;
  padding: 8px 32px 8px 20px;
  cursor: pointer;
  display: inline-block;
  border-radius: 24px;
  color: var(--cta1-text); }
.next-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905';
  position: absolute;
  right: 10px;
  top: 6px;
  line-height: 28px;
  font-size: 12px; }
.next-button:disabled, .next-button.disabled, .next-button[disabled] {
  opacity: 0.5;
  cursor: not-allowed; }
.next-button:hover:not(:disabled):not(.is-busy) {
  background: var(--button-active); }
.next-button:focus:not(:disabled):not(.is-busy) {
  background: var(--button-active); }
.next-button.is-busy:before {
  border-color: var(--cta1-text) transparent var(--cta1-text) transparent; }

.slider-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  padding: 9px 0px 9px 30px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: left; }
.slider-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e950';
  position: absolute;
  left: 0;
  top: 6px;
  width: 22px;
  height: 22px;
  font-size: 22px;
  background: transparent;
  border-radius: 50%;
  text-align: center; }
.slider-button:hover .text {
  text-decoration: underline; }

.add-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  padding: 5px 0px 5px 28px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: left; }
.add-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91f';
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 20px;
  border-radius: 50%;
  text-align: center; }
.add-button.small {
  padding: 2px 0px 5px 32px; }
.add-button.small .icon:before {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px; }
.add-button:hover .text {
  text-decoration: underline; }

.add-button-secondary {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  position: relative;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none; }
.add-button-secondary .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91f';
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 20px;
  color: var(--link); }

.print-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  padding: 9px 20px 9px 40px;
  color: var(--text);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: 1px solid var(--link);
  border-radius: 3px;
  text-align: left;
  color: var(--link);
  font-weight: 600;
  background: var(--panel-heavy); }
.print-button .print-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e924';
  position: absolute;
  left: 13px;
  top: 10px;
  font-size: 18px;
  text-align: center; }
.print-button:hover {
  text-decoration: underline; }

.remove-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  padding: 5px 32px 5px 0;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none; }
.remove-button.icon-left {
  padding: 5px 5px 5px 28px; }
.remove-button.icon-left .icon::before {
  left: 0;
  right: auto; }
.remove-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e926';
  position: absolute;
  right: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: transparent;
  color: var(--link);
  border-radius: 50%;
  text-align: center; }
.remove-button.label-sr-only {
  width: 28px;
  height: 28px;
  padding: 0;
  text-align: center; }
.remove-button.label-sr-only:disabled .icon:before, .remove-button.label-sr-only.disabled .icon:before, .remove-button.label-sr-only[disabled] .icon:before {
  opacity: 0.5;
  cursor: not-allowed; }
.remove-button.label-sr-only .icon:before {
  position: static; }
.remove-button.label-sr-only .text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.remove-button:hover .text {
  text-decoration: underline; }

.remove-button-icon {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  padding: 5px 0px 5px 38px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: left; }
.remove-button-icon .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e925';
  position: absolute;
  left: 0;
  top: 0px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  background: var(--link);
  color: var(--cta1-text);
  border-radius: 50%;
  text-align: center; }

.download-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  padding: 5px 32px 5px 0;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none; }
.download-button:focus:not(:disabled) {
  outline: 1px solid var(--cta1); }
.download-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e927';
  position: absolute;
  right: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: transparent;
  color: var(--link);
  border-radius: 50%;
  text-align: center; }
.download-button.label-sr-only {
  width: 28px;
  height: 28px;
  padding: 0;
  text-align: center; }
.download-button.label-sr-only .icon:before {
  position: static; }
.download-button.label-sr-only .text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.download-report-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  padding: 9px 0px 9px 30px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: left; }
.download-report-button .report-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e92d';
  position: absolute;
  left: 0;
  top: 9px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: transparent;
  border-radius: 50%;
  text-align: center; }
.download-report-button .download-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e927';
  position: absolute;
  right: -29px;
  top: 9px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: transparent;
  border-radius: 50%;
  text-align: center; }
.download-report-button:hover .text {
  text-decoration: underline; }

.upload-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  position: relative;
  padding: 5px 0 5px 32px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none; }
.upload-button .text.sr-only ~ .icon:before {
  top: -6px; }
.upload-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e928';
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 16px;
  background: transparent;
  color: var(--link); }
.upload-button:hover {
  text-decoration: underline; }

.expand-button-standalone {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  padding: 0;
  width: 28px;
  height: 28px;
  color: var(--text);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none; }
.expand-button-standalone .open::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 3px;
  background: var(--link);
  position: absolute;
  top: 12px;
  left: 6px; }
.expand-button-standalone .open:after {
  content: '';
  display: inline-block;
  width: 3px;
  height: 13px;
  background: var(--link);
  position: absolute;
  top: 7px;
  left: 11px; }
.expand-button-standalone .close:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 3px;
  background: var(--link);
  position: absolute;
  top: 12px;
  left: 6px; }

.excel-download {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  padding: 5px;
  font-size: 14px;
  line-height: 20px;
  min-height: 26px;
  position: relative;
  font-weight: bold;
  display: inline-block;
  color: var(--text);
  cursor: pointer;
  text-decoration: none; }
.excel-download .icon:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  display: block;
  color: var(--positive);
  content: "\e918"; }
.excel-download.label-sr-only {
  padding: 0; }
.excel-download.label-sr-only:disabled .icon:before, .excel-download.label-sr-only.disabled .icon:before, .excel-download.label-sr-only[disabled] .icon:before {
  opacity: 0.5;
  cursor: not-allowed; }
.excel-download.label-sr-only .icon:after {
  position: static; }
.excel-download.label-sr-only .text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.EmailClient {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 18px;
  line-height: 18px;
  position: relative;
  padding: 5px 28px 5px 0px;
  color: var(--text);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none; }
.EmailClient .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e916';
  position: absolute;
  right: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: var(--cta1);
  border-radius: 50%;
  text-align: center; }

.action-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  display: inline-flex;
  align-items: center;
  padding: 7px 20px;
  box-sizing: border-box;
  border-radius: 24px;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  transition: background-color 150ms ease-in-out;
  background: var(--cta1);
  color: var(--cta1-text); }
.action-button:not(:disabled) {
  cursor: pointer; }
.action-button:hover {
  background: var(--button-active); }
.action-button:disabled, .action-button.disabled, .action-button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  background: var(--cta1); }

.expand-button {
  position: relative;
  float: left;
  width: 13px;
  height: 13px;
  margin-right: 20px;
  margin-top: 3px; }
.expand-button:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 3px;
  background: var(--link);
  position: absolute;
  top: 5px;
  left: 0; }
.expand-button:after {
  content: '';
  display: inline-block;
  width: 3px;
  height: 13px;
  background: var(--link);
  position: absolute;
  top: 0;
  left: 5px; }
.expand-button.close:after {
  display: none; }

.icon.help {
  text-decoration: none;
  border: none;
  background: none; }
.icon.help:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91b';
  font-size: 20px;
  color: var(--link); }

.advanced-search-toggle {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  padding: 5px 0px 5px 28px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none; }
.advanced-search-toggle .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91a';
  position: absolute;
  left: 0;
  top: 6px;
  width: 16px;
  height: 16px;
  line-height: 18px;
  font-size: 10px;
  background: var(--link);
  color: var(--cta1-text);
  border-radius: 50%;
  text-align: center;
  transition: transform .3s ease-in-out; }
.advanced-search-toggle:focus {
  outline: none; }
.advanced-search-toggle[aria-expanded="true"] .icon:before {
  transform: rotate(180deg);
  transform-origin: 50% 50%; }

.advanced-query {
  position: relative;
  display: inline-block; }
.advanced-query .trigger {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  border-radius: 24px;
  position: relative;
  width: 200px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  background: none;
  color: var(--link);
  border: 1px solid var(--link);
  cursor: pointer;
  padding: 8px 18px 8px 34px; }
.advanced-query .trigger .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  font-size: 19px;
  height: 10px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: 10px;
  left: 12px; }
.advanced-query .trigger:hover, .advanced-query .trigger:focus {
  background: var(--button-active);
  border: 1px solid var(--button-active);
  color: var(--cta1-text); }
.advanced-query .dropdown-list {
  position: absolute;
  width: 242px;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 11;
  overflow: hidden;
  box-shadow: var(--panel-shadow); }
.advanced-query .dropdown-list .dropdown-list-panel {
  display: block;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  background: var(--panel-heavy);
  overflow-y: auto; }
.advanced-query .dropdown-list .item {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 18px;
  cursor: pointer;
  text-decoration: none;
  color: var(--link);
  font-weight: 600; }
.advanced-query .dropdown-list .item:hover {
  background: var(--panel-highlight); }
.advanced-query .dropdown-list .item:active {
  background: var(--cta1);
  color: var(--cta1-text); }
.advanced-query .dropdown-list .item:last-of-type {
  padding-bottom: 18px; }
.advanced-query .dropdown-list .item:first-of-type {
  padding-top: 18px; }
.advanced-query .dropdown-list .item .name {
  color: var(--link);
  padding: 0 8px 0 0; }
.advanced-query.item-is-clicked .dropdown-list {
  width: 497px;
  background: var(--panel-heavy); }
.advanced-query.item-is-clicked .dropdown-list .dropdown-list-panel {
  display: inline-block;
  vertical-align: middle;
  margin: 26px auto;
  text-align: left; }
.advanced-query.item-is-clicked .dropdown-list .dropdown-list-panel .close-btn {
  cursor: pointer;
  border: none;
  background: none;
  color: var(--link);
  width: 34px;
  height: 34px;
  padding: 5px; }
.advanced-query.item-is-clicked .dropdown-list .dropdown-list-panel .close-btn .icon:before {
  content: '\e91f';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  position: absolute;
  top: 32px;
  right: 36px;
  transform: rotate(45deg); }
.advanced-query.item-is-clicked .dropdown-list .dropdown-list-panel .header {
  padding: 0 35px 12px; }
.advanced-query.item-is-clicked .dropdown-list .dropdown-list-panel .content {
  padding: 0 35px; }
.advanced-query.item-is-clicked .dropdown-list .dropdown-list-panel h1 {
  margin: 0;
  padding: 0px 0 0px 0;
  text-align: left; }

.show-detail-button {
  position: relative;
  box-sizing: border-box;
  background: transparent;
  border-radius: 2px;
  width: 25px;
  height: 25px;
  border: 1px solid var(--link);
  text-align: center;
  cursor: pointer; }
.show-detail-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905';
  line-height: 22px;
  font-size: 10px;
  color: var(--link);
  text-align: center; }

.full-screen-mode-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  display: inline-flex;
  align-items: center;
  padding: 5px;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 20px;
  line-height: 24px;
  background: transparent;
  color: var(--link);
  border: none; }
.full-screen-mode-button .icon::before {
  content: '\e90a';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 19px;
  text-align: center; }
.full-screen-mode-button.is-expanded .icon::before {
  content: '\e907';
  font-size: 22px; }
.full-screen-mode-button:not(:disabled) {
  cursor: pointer; }
.full-screen-mode-button:hover {
  text-decoration: none; }
.full-screen-mode-button:disabled, .full-screen-mode-button.disabled, .full-screen-mode-button[disabled] {
  opacity: 0.5;
  cursor: not-allowed; }

.document-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  padding: 5px 5px 5px 33px;
  margin-left: -5px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: left;
  color: var(--link); }
.document-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e92d';
  position: absolute;
  left: 5px;
  top: 4px;
  font-size: 20px;
  text-align: center; }
.document-button:hover {
  text-decoration: underline; }

.presentation-mode-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  padding: 5px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: center;
  color: var(--link); }
.presentation-mode-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e92c';
  font-size: 20px;
  text-align: center; }

.pie-chart-view-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  border: none;
  text-align: center;
  color: var(--link);
  background: none;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(--cta1); }
.pie-chart-view-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e92b';
  font-size: 19px;
  text-align: center; }

.pie-chart-view-button[aria-pressed="true"] {
  background: var(--cta1);
  color: var(--cta1-text); }

.table-view-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  border: none;
  text-align: center;
  color: var(--link);
  background: none;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(--cta1); }
.table-view-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e92e';
  font-size: 19px;
  text-align: center; }

.table-view-button[aria-pressed="true"] {
  background: var(--cta1);
  color: var(--cta1-text); }

.column-chart-view-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  border: none;
  text-align: center;
  color: var(--link);
  background: none;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(--cta1); }
.column-chart-view-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e929';
  font-size: 19px;
  text-align: center; }

.column-chart-view-button[aria-pressed="true"] {
  background: var(--cta1);
  color: var(--cta1-text); }

.chart-legend-toggle-button {
  position: relative;
  background: var(--cta1);
  padding: 8px 38px 8px 30px;
  border-radius: 6px;
  border: 1px solid var(--cta1-text);
  font-size: 14px;
  line-height: 18px;
  color: var(--cta1-text);
  cursor: pointer; }
.chart-legend-toggle-button .account-legend {
  position: absolute;
  top: 4px;
  left: 12px; }
.chart-legend-toggle-button .account-legend.squared {
  top: 5px; }
.chart-legend-toggle-button .icon::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e903';
  color: var(--cta1);
  font-size: 12px;
  position: absolute;
  top: 11px;
  right: 10px; }
.chart-legend-toggle-button.advice-charges-toggle {
  padding-left: 38px;
  padding-right: 62px; }
.chart-legend-toggle-button.advice-charges-toggle .icon::after {
  font-size: 10px;
  top: 13px; }

.chart-legend-toggle-button[aria-pressed="true"] {
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid var(--cta1); }
.chart-legend-toggle-button[aria-pressed="true"] .icon::after {
  content: '\e904';
  top: 13px;
  color: var(--cta1-text); }

.chart-legend-toggle-button[aria-pressed="false"] {
  background: none;
  border: 1px solid var(--cta1);
  color: var(--cta1); }

.circle-remove-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  padding: 5px 0px 5px 28px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: left; }
.circle-remove-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e959';
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 20px;
  border-radius: 50%;
  text-align: center; }
.circle-remove-button:hover .text {
  text-decoration: underline; }

.flag-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  padding: 9px 0px 9px 30px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: left; }
.flag-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e911';
  position: absolute;
  left: 0;
  top: 9px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: transparent;
  border-radius: 50%;
  text-align: center; }
.flag-button:hover .text {
  text-decoration: underline; }

.edit-circle-icon-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  position: relative;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: center;
  color: var(--link);
  position: relative;
  vertical-align: middle;
  padding: 5px 40px 5px 0; }
@media print {
  .edit-circle-icon-button {
    display: none; } }
.edit-circle-icon-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e923';
  font-size: 30px;
  line-height: 30px;
  position: absolute;
  right: 0;
  top: 0; }
.edit-circle-icon-button.label-sr-only {
  padding: 0; }
.edit-circle-icon-button.label-sr-only:disabled .icon:before, .edit-circle-icon-button.label-sr-only.disabled .icon:before, .edit-circle-icon-button.label-sr-only[disabled] .icon:before {
  opacity: 0.5;
  cursor: not-allowed; }
.edit-circle-icon-button.label-sr-only .icon:before {
  position: static; }
.edit-circle-icon-button.label-sr-only .text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.delete-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  padding: 5px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: center;
  color: var(--link); }
.delete-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e926';
  font-size: 20px;
  text-align: center; }

.report-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  padding: 9px 0px 9px 30px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: left; }
.report-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e92d';
  position: absolute;
  left: 0;
  top: 9px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: transparent;
  border-radius: 50%;
  text-align: center; }
.report-button:hover .text {
  text-decoration: underline; }

.edit-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  padding: 5px 32px 5px 0;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none; }
.edit-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91d';
  position: absolute;
  right: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: transparent;
  color: var(--link);
  border-radius: 50%;
  text-align: center; }
.edit-button.label-sr-only {
  width: 28px;
  height: 28px;
  padding: 0;
  text-align: center; }
.edit-button.label-sr-only:disabled .icon:before, .edit-button.label-sr-only.disabled .icon:before, .edit-button.label-sr-only[disabled] .icon:before {
  opacity: 0.5;
  cursor: not-allowed; }
.edit-button.label-sr-only .icon:before {
  position: static; }
.edit-button.label-sr-only .text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.edit-button:hover .text {
  text-decoration: underline; }

.select-toggle {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-radius: 20px;
  border: 1px solid var(--keyline);
  padding: 3px 18px;
  cursor: pointer; }

.select-toggle[aria-pressed="true"] {
  color: var(--positive);
  border: 1px solid transparent; }

.favourites-toggle {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  font-weight: normal;
  position: relative;
  padding: 5px 0 5px 25px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  color: var(--link);
  min-height: 25px; }
.favourites-toggle .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e947';
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  background: transparent;
  color: #FFBB00;
  border-radius: 50%;
  text-align: center; }
.favourites-toggle.in-table {
  padding: 2px 0 2px 25px; }
.favourites-toggle.in-table .icon::before {
  font-size: 16px;
  top: 2px; }
.favourites-toggle.in-table .label {
  color: var(--link); }
.favourites-toggle.label-sr-only .label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.favourites-toggle[aria-pressed="true"] .icon::before {
  content: '\e948';
  color: #FFBB00; }

.period-select {
  margin-left: 66px;
  margin-top: 17px;
  margin-bottom: 48px; }
.period-select .btn-period-select {
  position: relative;
  background: var(--panel-heavy);
  padding: 0px 14px;
  margin-right: 4px;
  border-radius: 15px;
  border: 1px solid var(--keyline);
  font-size: 14px;
  cursor: pointer; }
.period-select .btn-period-select.active {
  background: var(--link);
  color: var(--cta1-text);
  border: 1px solid var(--link); }

.send-email-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-weight: normal;
  position: relative;
  color: var(--link);
  cursor: pointer;
  display: inline-block; }
.send-email-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e94a';
  position: absolute;
  right: 0;
  top: 4px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: var(--link); }
.send-email-button.label-sr-only {
  width: 28px;
  height: 28px;
  padding: 0;
  text-align: center; }
.send-email-button.label-sr-only:disabled .icon:before, .send-email-button.label-sr-only.disabled .icon:before, .send-email-button.label-sr-only[disabled] .icon:before {
  opacity: 0.5;
  cursor: not-allowed; }
.send-email-button.label-sr-only .icon:before {
  position: static; }
.send-email-button.label-sr-only .text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.archive-file-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-weight: normal;
  position: relative;
  color: var(--link);
  cursor: pointer;
  display: inline-block; }
.archive-file-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e94b';
  position: absolute;
  right: 0;
  top: 4px;
  width: 21px;
  height: 28px;
  font-size: 28px;
  color: var(--link); }
.archive-file-button.label-sr-only {
  width: 28px;
  height: 28px;
  padding: 0;
  text-align: center; }
.archive-file-button.label-sr-only:disabled .icon:before, .archive-file-button.label-sr-only.disabled .icon:before, .archive-file-button.label-sr-only[disabled] .icon:before {
  opacity: 0.5;
  cursor: not-allowed; }
.archive-file-button.label-sr-only .icon:before {
  position: static; }
.archive-file-button.label-sr-only .text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.reorder-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  padding: 5px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: center;
  color: var(--link); }
.reorder-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e917';
  font-size: 20px;
  text-align: center; }

.eye-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-weight: normal;
  position: relative;
  color: var(--link);
  cursor: pointer;
  display: inline-block; }
.eye-button .text {
  padding-left: 10px;
  font-size: 14px;
  line-height: 19px; }
.eye-button.label-sr-only .text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.eye-button:hover {
  text-decoration: underline; }

.home-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  line-height: 18px;
  position: relative;
  padding: 5px;
  padding-left: 31px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none;
  text-align: center;
  color: var(--link); }
.home-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e957';
  font-size: 18px;
  text-align: center;
  position: absolute;
  top: 5px;
  left: 0; }

.login-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  padding: 8px 44px 9px 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 21px;
  color: var(--text);
  background: var(--panel-heavy); }
.login-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e941';
  position: absolute;
  right: 19px;
  top: 6px;
  line-height: 28px;
  font-size: 14px;
  transform: rotate(270deg); }
.login-button:hover {
  background: #D9DFE3; }
.login-button.is-busy:before {
  border-color: var(--cta1-text) transparent var(--cta1-text) transparent; }

.login-button.back {
  padding-left: 0;
  background: none;
  color: var(--cta1-text);
  padding-right: 21px;
  margin-right: 10px; }
.login-button.back .icon:before {
  transform: rotate(90deg);
  left: 2px;
  top: 5px;
  right: auto; }
.login-button.back .text {
  padding-left: 27px; }

.account-card {
  padding: 20px 0px 10px 0px;
  background: var(--panel);
  border-radius: 8px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
.account-card .card-heading {
  padding: 0px 30px 10px 30px;
  position: relative;
  border-bottom: 1px solid var(--text); }
.account-card .card-heading.pp {
  border-bottom: 1px solid var(--product-pp-1); }
.account-card .card-heading.isa {
  border-bottom: 1px solid var(--product-isa-1); }
.account-card .card-heading.sipp {
  border-bottom: 1px solid var(--product-sipp-1); }
.account-card .card-heading.wrap-cash {
  border-bottom: 1px solid var(--product-wrap-cash-1); }
.account-card .card-heading.offshore-bond {
  border-bottom: 1px solid var(--product-offshore-bond-1); }
.account-card .card-heading.onshore-bond {
  border-bottom: 1px solid var(--product-onshore-bond-1); }
.account-card .card-heading.cash-isa {
  border-bottom: 1px solid var(--product-cash-isa-1); }
.account-card .card-heading.junior-isa {
  border-bottom: 1px solid var(--product-junior-isa-1); }
.account-card .card-heading.junior-sipp {
  border-bottom: 1px solid var(--product-junior-sipp-1); }
.account-card .card-heading.pp-2 {
  border-bottom: 1px solid var(--product-pp-2); }
.account-card .card-heading.isa-2 {
  border-bottom: 1px solid var(--product-isa-2); }
.account-card .card-heading.sipp-2 {
  border-bottom: 1px solid var(--product-sipp-2); }
.account-card .card-heading.wrap-cash-2 {
  border-bottom: 1px solid var(--product-wrap-cash-2); }
.account-card .card-heading.offshore-bond-2 {
  border-bottom: 1px solid var(--product-offshore-bond-2); }
.account-card .card-heading.onshore-bond-2 {
  border-bottom: 1px solid var(--product-onshore-bond-2); }
.account-card .card-heading.cash-isa-2 {
  border-bottom: 1px solid var(--product-cash-isa-2); }
.account-card .card-heading.junior-isa-2 {
  border-bottom: 1px solid var(--product-junior-isa-2); }
.account-card .card-heading.junior-sipp-2 {
  border-bottom: 1px solid var(--product-junior-sipp-2); }
.account-card .card-heading.pp-3 {
  border-bottom: 1px solid var(--product-pp-3); }
.account-card .card-heading.isa-3 {
  border-bottom: 1px solid var(--product-isa-3); }
.account-card .card-heading.sipp-3 {
  border-bottom: 1px solid var(--product-sipp-3); }
.account-card .card-heading.wrap-cash-3 {
  border-bottom: 1px solid var(--product-wrap-cash-3); }
.account-card .card-heading.offshore-bond-3 {
  border-bottom: 1px solid var(--product-offshore-bond-3); }
.account-card .card-heading.onshore-bond-3 {
  border-bottom: 1px solid var(--product-onshore-bond-3); }
.account-card .card-heading.cash-isa-3 {
  border-bottom: 1px solid var(--product-cash-isa-3); }
.account-card .card-heading.junior-isa-3 {
  border-bottom: 1px solid var(--product-junior-isa-3); }
.account-card .card-heading.junior-sipp-3 {
  border-bottom: 1px solid var(--product-junior-sipp-3); }
.account-card .card-heading.pp-4 {
  border-bottom: 1px solid var(--product-pp-1); }
.account-card .card-heading.isa-4 {
  border-bottom: 1px solid var(--product-isa-1); }
.account-card .card-heading.sipp-4 {
  border-bottom: 1px solid var(--product-sipp-1); }
.account-card .card-heading.wrap-cash-4 {
  border-bottom: 1px solid var(--product-wrap-cash-1); }
.account-card .card-heading.offshore-bond-4 {
  border-bottom: 1px solid var(--product-offshore-bond-1); }
.account-card .card-heading.onshore-bond-4 {
  border-bottom: 1px solid var(--product-onshore-bond-1); }
.account-card .card-heading.cash-isa-4 {
  border-bottom: 1px solid var(--product-cash-isa-1); }
.account-card .card-heading.junior-isa-4 {
  border-bottom: 1px solid var(--product-junior-isa-1); }
.account-card .card-heading.junior-sipp-4 {
  border-bottom: 1px solid var(--product-junior-sipp-1); }
.account-card .card-heading.pp-5 {
  border-bottom: 1px solid var(--product-pp-2); }
.account-card .card-heading.isa-5 {
  border-bottom: 1px solid var(--product-isa-2); }
.account-card .card-heading.sipp-5 {
  border-bottom: 1px solid var(--product-sipp-2); }
.account-card .card-heading.wrap-cash-5 {
  border-bottom: 1px solid var(--product-wrap-cash-2); }
.account-card .card-heading.offshore-bond-5 {
  border-bottom: 1px solid var(--product-offshore-bond-2); }
.account-card .card-heading.onshore-bond-5 {
  border-bottom: 1px solid var(--product-onshore-bond-2); }
.account-card .card-heading.cash-isa-5 {
  border-bottom: 1px solid var(--product-cash-isa-2); }
.account-card .card-heading.junior-isa-5 {
  border-bottom: 1px solid var(--product-junior-isa-2); }
.account-card .card-heading.junior-sipp-5 {
  border-bottom: 1px solid var(--product-junior-sipp-2); }
.account-card .card-heading.pp-6 {
  border-bottom: 1px solid var(--product-pp-3); }
.account-card .card-heading.isa-6 {
  border-bottom: 1px solid var(--product-isa-3); }
.account-card .card-heading.sipp-6 {
  border-bottom: 1px solid var(--product-sipp-3); }
.account-card .card-heading.wrap-cash-6 {
  border-bottom: 1px solid var(--product-wrap-cash-3); }
.account-card .card-heading.offshore-bond-6 {
  border-bottom: 1px solid var(--product-offshore-bond-3); }
.account-card .card-heading.onshore-bond-6 {
  border-bottom: 1px solid var(--product-onshore-bond-3); }
.account-card .card-heading.cash-isa-6 {
  border-bottom: 1px solid var(--product-cash-isa-3); }
.account-card .card-heading.junior-isa-6 {
  border-bottom: 1px solid var(--product-junior-isa-3); }
.account-card .card-heading.junior-sipp-6 {
  border-bottom: 1px solid var(--product-junior-sipp-3); }
.account-card .card-heading.pp-7 {
  border-bottom: 1px solid var(--product-pp-1); }
.account-card .card-heading.isa-7 {
  border-bottom: 1px solid var(--product-isa-1); }
.account-card .card-heading.sipp-7 {
  border-bottom: 1px solid var(--product-sipp-1); }
.account-card .card-heading.wrap-cash-7 {
  border-bottom: 1px solid var(--product-wrap-cash-1); }
.account-card .card-heading.offshore-bond-7 {
  border-bottom: 1px solid var(--product-offshore-bond-1); }
.account-card .card-heading.onshore-bond-7 {
  border-bottom: 1px solid var(--product-onshore-bond-1); }
.account-card .card-heading.cash-isa-7 {
  border-bottom: 1px solid var(--product-cash-isa-1); }
.account-card .card-heading.junior-isa-7 {
  border-bottom: 1px solid var(--product-junior-isa-1); }
.account-card .card-heading.junior-sipp-7 {
  border-bottom: 1px solid var(--product-junior-sipp-1); }
.account-card .card-heading.pp-8 {
  border-bottom: 1px solid var(--product-pp-2); }
.account-card .card-heading.isa-8 {
  border-bottom: 1px solid var(--product-isa-2); }
.account-card .card-heading.sipp-8 {
  border-bottom: 1px solid var(--product-sipp-2); }
.account-card .card-heading.wrap-cash-8 {
  border-bottom: 1px solid var(--product-wrap-cash-2); }
.account-card .card-heading.offshore-bond-8 {
  border-bottom: 1px solid var(--product-offshore-bond-2); }
.account-card .card-heading.onshore-bond-8 {
  border-bottom: 1px solid var(--product-onshore-bond-2); }
.account-card .card-heading.cash-isa-8 {
  border-bottom: 1px solid var(--product-cash-isa-2); }
.account-card .card-heading.junior-isa-8 {
  border-bottom: 1px solid var(--product-junior-isa-2); }
.account-card .card-heading.junior-sipp-8 {
  border-bottom: 1px solid var(--product-junior-sipp-2); }
.account-card .card-heading.pp-9 {
  border-bottom: 1px solid var(--product-pp-3); }
.account-card .card-heading.isa-9 {
  border-bottom: 1px solid var(--product-isa-3); }
.account-card .card-heading.sipp-9 {
  border-bottom: 1px solid var(--product-sipp-3); }
.account-card .card-heading.wrap-cash-9 {
  border-bottom: 1px solid var(--product-wrap-cash-3); }
.account-card .card-heading.offshore-bond-9 {
  border-bottom: 1px solid var(--product-offshore-bond-3); }
.account-card .card-heading.onshore-bond-9 {
  border-bottom: 1px solid var(--product-onshore-bond-3); }
.account-card .card-heading.cash-isa-9 {
  border-bottom: 1px solid var(--product-cash-isa-3); }
.account-card .card-heading.junior-isa-9 {
  border-bottom: 1px solid var(--product-junior-isa-3); }
.account-card .card-heading.junior-sipp-9 {
  border-bottom: 1px solid var(--product-junior-sipp-3); }
.account-card .card-heading.pp-10 {
  border-bottom: 1px solid var(--product-pp-1); }
.account-card .card-heading.isa-10 {
  border-bottom: 1px solid var(--product-isa-1); }
.account-card .card-heading.sipp-10 {
  border-bottom: 1px solid var(--product-sipp-1); }
.account-card .card-heading.wrap-cash-10 {
  border-bottom: 1px solid var(--product-wrap-cash-1); }
.account-card .card-heading.offshore-bond-10 {
  border-bottom: 1px solid var(--product-offshore-bond-1); }
.account-card .card-heading.onshore-bond-10 {
  border-bottom: 1px solid var(--product-onshore-bond-1); }
.account-card .card-heading.cash-isa-10 {
  border-bottom: 1px solid var(--product-cash-isa-1); }
.account-card .card-heading.junior-isa-10 {
  border-bottom: 1px solid var(--product-junior-isa-1); }
.account-card .card-heading.junior-sipp-10 {
  border-bottom: 1px solid var(--product-junior-sipp-1); }
.account-card .card-heading.pp-11 {
  border-bottom: 1px solid var(--product-pp-2); }
.account-card .card-heading.isa-11 {
  border-bottom: 1px solid var(--product-isa-2); }
.account-card .card-heading.sipp-11 {
  border-bottom: 1px solid var(--product-sipp-2); }
.account-card .card-heading.wrap-cash-11 {
  border-bottom: 1px solid var(--product-wrap-cash-2); }
.account-card .card-heading.offshore-bond-11 {
  border-bottom: 1px solid var(--product-offshore-bond-2); }
.account-card .card-heading.onshore-bond-11 {
  border-bottom: 1px solid var(--product-onshore-bond-2); }
.account-card .card-heading.cash-isa-11 {
  border-bottom: 1px solid var(--product-cash-isa-2); }
.account-card .card-heading.junior-isa-11 {
  border-bottom: 1px solid var(--product-junior-isa-2); }
.account-card .card-heading.junior-sipp-11 {
  border-bottom: 1px solid var(--product-junior-sipp-2); }
.account-card .card-heading.pp-12 {
  border-bottom: 1px solid var(--product-pp-3); }
.account-card .card-heading.isa-12 {
  border-bottom: 1px solid var(--product-isa-3); }
.account-card .card-heading.sipp-12 {
  border-bottom: 1px solid var(--product-sipp-3); }
.account-card .card-heading.wrap-cash-12 {
  border-bottom: 1px solid var(--product-wrap-cash-3); }
.account-card .card-heading.offshore-bond-12 {
  border-bottom: 1px solid var(--product-offshore-bond-3); }
.account-card .card-heading.onshore-bond-12 {
  border-bottom: 1px solid var(--product-onshore-bond-3); }
.account-card .card-heading.cash-isa-12 {
  border-bottom: 1px solid var(--product-cash-isa-3); }
.account-card .card-heading.junior-isa-12 {
  border-bottom: 1px solid var(--product-junior-isa-3); }
.account-card .card-heading.junior-sipp-12 {
  border-bottom: 1px solid var(--product-junior-sipp-3); }
.account-card .card-heading.pp-13 {
  border-bottom: 1px solid var(--product-pp-1); }
.account-card .card-heading.isa-13 {
  border-bottom: 1px solid var(--product-isa-1); }
.account-card .card-heading.sipp-13 {
  border-bottom: 1px solid var(--product-sipp-1); }
.account-card .card-heading.wrap-cash-13 {
  border-bottom: 1px solid var(--product-wrap-cash-1); }
.account-card .card-heading.offshore-bond-13 {
  border-bottom: 1px solid var(--product-offshore-bond-1); }
.account-card .card-heading.onshore-bond-13 {
  border-bottom: 1px solid var(--product-onshore-bond-1); }
.account-card .card-heading.cash-isa-13 {
  border-bottom: 1px solid var(--product-cash-isa-1); }
.account-card .card-heading.junior-isa-13 {
  border-bottom: 1px solid var(--product-junior-isa-1); }
.account-card .card-heading.junior-sipp-13 {
  border-bottom: 1px solid var(--product-junior-sipp-1); }
.account-card .card-heading.pp-14 {
  border-bottom: 1px solid var(--product-pp-2); }
.account-card .card-heading.isa-14 {
  border-bottom: 1px solid var(--product-isa-2); }
.account-card .card-heading.sipp-14 {
  border-bottom: 1px solid var(--product-sipp-2); }
.account-card .card-heading.wrap-cash-14 {
  border-bottom: 1px solid var(--product-wrap-cash-2); }
.account-card .card-heading.offshore-bond-14 {
  border-bottom: 1px solid var(--product-offshore-bond-2); }
.account-card .card-heading.onshore-bond-14 {
  border-bottom: 1px solid var(--product-onshore-bond-2); }
.account-card .card-heading.cash-isa-14 {
  border-bottom: 1px solid var(--product-cash-isa-2); }
.account-card .card-heading.junior-isa-14 {
  border-bottom: 1px solid var(--product-junior-isa-2); }
.account-card .card-heading.junior-sipp-14 {
  border-bottom: 1px solid var(--product-junior-sipp-2); }
.account-card .card-heading.pp-15 {
  border-bottom: 1px solid var(--product-pp-3); }
.account-card .card-heading.isa-15 {
  border-bottom: 1px solid var(--product-isa-3); }
.account-card .card-heading.sipp-15 {
  border-bottom: 1px solid var(--product-sipp-3); }
.account-card .card-heading.wrap-cash-15 {
  border-bottom: 1px solid var(--product-wrap-cash-3); }
.account-card .card-heading.offshore-bond-15 {
  border-bottom: 1px solid var(--product-offshore-bond-3); }
.account-card .card-heading.onshore-bond-15 {
  border-bottom: 1px solid var(--product-onshore-bond-3); }
.account-card .card-heading.cash-isa-15 {
  border-bottom: 1px solid var(--product-cash-isa-3); }
.account-card .card-heading.junior-isa-15 {
  border-bottom: 1px solid var(--product-junior-isa-3); }
.account-card .card-heading.junior-sipp-15 {
  border-bottom: 1px solid var(--product-junior-sipp-3); }
.account-card .card-heading .account {
  padding-left: 10px;
  display: inline-block;
  font-size: 14px; }
@media (max-width: 767px) {
  .account-card .card-heading .account {
    padding-left: 34px;
    display: block; } }
.account-card .card-heading .dots-wrap {
  position: absolute;
  top: -4px;
  right: 26px; }
.account-card .card-heading .dots-wrap.no-border-radius .dropear-list-panel {
  border-radius: 0; }
.account-card .card-heading .dots-wrap.no-border-radius .trigger:focus {
  color: var(--link); }
.account-card .card-heading .dots-wrap.no-border-radius .trigger:focus + .dropear-list .dropear-list-panel {
  border: 2px solid var(--text-highlight); }
.account-card .card-heading .dots-wrap.no-border-radius .trigger:focus + .dropear-list .dropear-list-sh1 {
  position: absolute;
  right: 2px;
  top: 0;
  width: 38px;
  height: 41px;
  border-radius: 19px 19px 0 0;
  background: var(--panel-heavy);
  box-shadow: none;
  z-index: 103; }
.account-card .card-heading .dots-wrap.no-border-radius .trigger:focus + .dropear-list .dropear-list-sh2 {
  border: 2px solid var(--text-highlight);
  outline: none;
  border-bottom: none;
  content: '';
  position: absolute;
  right: 0;
  top: -8px;
  width: 38px;
  height: 38px;
  border-radius: 19px 19px 0 0; }
.account-card .card-heading .dots-wrap.no-border-radius .trigger:focus:not(:focus-visible) + .dropear-list .dropear-list-panel {
  border: none; }
.account-card .card-heading .dots-wrap.no-border-radius .trigger:focus:not(:focus-visible) + .dropear-list .dropear-list-sh2 {
  border: none; }
.account-card .card-heading .dots-wrap.no-border-radius .dropear-list-sh1, .account-card .card-heading .dots-wrap.no-border-radius .dropear-list-sh2 {
  outline: none; }
.account-card .card-content {
  padding-left: 30px;
  padding-right: 30px; }
.account-card .card-content table {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px; }
.account-card .card-content table th, .account-card .card-content table td {
  padding-bottom: 10px; }
.account-card .card-content .value {
  font-weight: bold;
  color: var(--text-highlight);
  font-size: 16px; }

.admin-cards .admin-card {
  padding: 29px 0px 33px  0px;
  background: var(--panel);
  min-height: 200px;
  border-radius: 8px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: var(--panel-shadow); }
.admin-cards .admin-card .card-upper {
  padding: 0 30px 0 30px; }
.admin-cards .admin-card .card-upper .hyperlink-next {
  display: block;
  margin-bottom: 8px; }
.admin-cards div:last-of-type .admin-card {
  background: var(--panel-active);
  color: #fff; }
.admin-cards div:last-of-type .admin-card h3 {
  color: #fff; }

.aum-container .aum-tile {
  background: var(--panel-heavy);
  position: relative;
  border-radius: 8px;
  padding: 18px 21px 18px 18px; }
.aum-container .aum-tile .text {
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  color: var(--text); }
.aum-container .aum-tile .amount {
  font-size: 23px;
  line-height: 49px;
  color: var(--cta1);
  font-weight: 300;
  word-break: break-all; }
.aum-container .aum-tile .amount .decimal-place {
  font-size: 13px;
  line-height: 24px;
  position: relative;
  top: -12px; }
.aum-container .aum-tile .operator:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e915';
  position: absolute;
  right: -18px;
  top: 57px;
  color: var(--link);
  font-size: 14px; }
.aum-container div:nth-child(3) .operator:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '=';
  position: absolute;
  right: -19px;
  top: 46px;
  color: var(--link);
  font-size: 28px;
  font-weight: bold; }
.aum-container div:nth-child(4) .aum-tile {
  background: var(--panel-active); }
.aum-container div:nth-child(4) .aum-tile .text, .aum-container div:nth-child(4) .aum-tile .amount {
  color: var(--cta1-text); }

.cp-report-panel {
  margin-bottom: 24px;
  background: var(--panel-heavy);
  border-radius: 8px;
  padding: 43px 43px 25px 43px; }
.cp-report-panel .other-reports-panel {
  display: flex;
  background: var(--dialogue);
  color: var(--dialogue-text);
  padding: 15px 17px;
  margin-top: 13px; }
.cp-report-panel .other-reports-panel .or-border {
  position: relative;
  margin-right: 20px; }
.cp-report-panel .other-reports-panel .or-border::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: var(--dialogue-text);
  width: 3px; }
.cp-report-panel .other-reports-panel .or-body h4 {
  color: var(--dialogue-text); }
.cp-report-panel .other-reports-panel .or-body .hyperlink {
  color: var(--dialogue-text); }
.cp-report-panel.contents .cp-report-tile {
  width: 87%; }
.cp-report-panel.contents .cp-report-tile .include-report {
  font-weight: bold;
  color: var(--cta1); }
.cp-report-panel.contents hr {
  margin: 0px 0 21px 0; }
.cp-report-panel.contents .section-title {
  position: relative; }
.cp-report-panel.contents .section-title .report-icon, .cp-report-panel.contents .section-title .account-details-icon, .cp-report-panel.contents .section-title .snapshot-icon, .cp-report-panel.contents .section-title .valuation-icon, .cp-report-panel.contents .section-title .transactions-icon, .cp-report-panel.contents .section-title .insights-icon, .cp-report-panel.contents .section-title .performance-icon {
  display: inline-block; }
.cp-report-panel.contents .section-title .report-icon::before, .cp-report-panel.contents .section-title .account-details-icon::before, .cp-report-panel.contents .section-title .snapshot-icon::before, .cp-report-panel.contents .section-title .valuation-icon::before, .cp-report-panel.contents .section-title .transactions-icon::before, .cp-report-panel.contents .section-title .insights-icon::before, .cp-report-panel.contents .section-title .performance-icon::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e92d';
  position: relative;
  left: 0;
  display: block;
  top: 2px;
  font-size: 20px; }
.cp-report-panel.contents .section-title .account-details-icon::before {
  content: '\e956'; }
.cp-report-panel.contents .section-title .snapshot-icon::before {
  content: '\e954'; }
.cp-report-panel.contents .section-title .insights-icon::before {
  content: '\e92b'; }
.cp-report-panel.contents .section-title .performance-icon::before {
  content: '\e93f'; }
.cp-report-panel.contents .section-title .valuation-icon::before {
  content: '\e955'; }
.cp-report-panel.contents .section-title .transactions-icon::before {
  content: '\e938'; }
.cp-report-panel.contents .section-title .text {
  padding-left: 14px; }
.cp-report-panel.contents .is-off {
  opacity: .6; }

.summary-tile {
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
@media (min-width: 992px) {
  .summary-tile {
    width: 236px; } }
.summary-tile .summary-tile-filter-button {
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  background: var(--panel);
  color: var(--text);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  border: 1px solid transparent;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
  font-weight: normal;
  text-align: left;
  cursor: pointer;
  outline: none; }
.summary-tile .summary-tile-filter-button:hover {
  background: var(--panel-highlight); }
.summary-tile .summary-tile-filter-button[aria-pressed="true"] {
  border-color: var(--panel-active);
  background: var(--panel-active);
  color: var(--dialogue-text); }
.summary-tile .summary-tile-filter-button[aria-pressed="true"] .ring {
  color: var(--dialogue-text);
  border: 1px solid var(--dialogue-text); }
.summary-tile .summary-tile-filter-button[aria-pressed="true"] ~ div .popover-edit .trigger {
  color: var(--dialogue-text); }
.summary-tile .summary-tile-filter-button:focus:focus-visible {
  outline: 2px solid var(--cta1); }
.summary-tile .ring {
  font-weight: 300;
  display: block;
  width: 62px;
  height: 62px;
  color: var(--text-highlight);
  border: 1px solid var(--link);
  border-radius: 50%;
  line-height: 62px;
  box-sizing: border-box;
  text-align: center;
  font-size: 20px;
  flex: 0 0 auto; }
.summary-tile .text {
  font-weight: bold;
  font-size: 14px;
  flex: 1 1 auto;
  padding: 0 36px 0 12px; }
.summary-tile .dots-wrap, .summary-tile .edit-wrap {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2; }
.summary-tile .filter-toggle {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: var(--link);
  width: 18px;
  height: 18px;
  padding: 0;
  line-height: 18px;
  font-size: 12px; }
.summary-tile .filter-toggle:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90b'; }

.more-summary-tile {
  background: var(--panel);
  border-radius: 8px;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 10px; }
.more-summary-tile .more-summary-tile-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  border: 0;
  font-family: inherit;
  color: inherit;
  display: flex;
  align-items: center;
  text-align: left;
  border: none;
  padding: 0 16px;
  cursor: pointer;
  z-index: 10;
  height: 100%;
  width: 100%;
  padding: 0; }
.more-summary-tile .more-summary-tile-button[aria-expanded="true"] .text {
  opacity: 0; }
.more-summary-tile .more-summary-tile-button:hover {
  background: var(--panel-highlight);
  border-radius: 8px; }
.more-summary-tile .more-summary-tile-button .icon {
  background-color: var(--link);
  color: white;
  border-radius: 50%;
  width: 29px;
  height: 29px;
  font-size: 12px;
  line-height: 1;
  display: block;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 28px; }
.more-summary-tile .more-summary-tile-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905';
  left: 10px;
  position: absolute;
  font-size: 13px; }
.more-summary-tile .more-summary-tile-button .text {
  font-weight: bold;
  font-size: 14px;
  padding: 0 8px 0 32px; }

.new-summary-tile {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  background: var(--panel);
  border-radius: 8px;
  padding: 32px 22px;
  position: relative;
  display: flex;
  align-items: center;
  text-align: left;
  margin-bottom: 10px;
  cursor: pointer; }
.new-summary-tile:hover {
  background: var(--panel-highlight); }
.new-summary-tile .icon {
  color: var(--link);
  font-size: 34px;
  line-height: 1;
  display: block;
  flex: 0 0 auto; }
.new-summary-tile .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91f'; }
.new-summary-tile .text {
  font-weight: bold;
  font-size: 14px;
  flex: 1 1 auto;
  padding: 0 0 0 12px; }

.blank-tile {
  background: var(--panel);
  border-radius: 8px;
  padding: 24px 32px;
  position: relative; }

.panel {
  background: var(--panel-heavy);
  border-radius: 8px;
  margin: 0 0 24px 0;
  padding: 25px; }

.panel-blue {
  background: rgba(10, 47, 115, 0.04);
  margin: 0 0 24px 0;
  padding: 25px; }

.panel-green {
  background: var(--dialogue);
  margin: 0 0 24px 0;
  padding: 25px;
  color: var(--bg); }

.panel-elevated {
  background: var(--panel-heavy);
  border-radius: 8px;
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
  margin: 0 0 24px 0;
  padding: 25px; }

.panel-outlined {
  background: var(--panel-heavy);
  border-radius: 8px;
  margin: 0 0 42px 0;
  padding: 14px 25px;
  border: 1px solid var(--keyline); }

.panel-direct-debit {
  border-radius: 8px;
  margin: 0 0 24px 0;
  padding: 25px;
  background: url(../leapfrog-img/ddLogo.svg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: auto;
  background-position-y: 12%;
  background-position-x: 96%;
  padding-right: 92px;
  background-size: 60px;
  background-color: #eff5f7; }

.panel-subtle {
  background: var(--panel);
  border-radius: 8px;
  margin: 0 0 24px 0;
  padding: 25px; }
.panel-subtle .table-subtle, .panel-subtle .data-table {
  background: transparent;
  margin: 0; }

.panel-scrollable {
  overflow-x: auto;
  width: 100%;
  box-sizing: border-box; }

.panel-total-income {
  border: 1px solid var(--cta1);
  background: var(--panel);
  border-radius: 8px;
  padding: 32px; }
.panel-total-income .description p {
  margin: 0;
  font-size: 14px; }
.panel-total-income .row-divider {
  margin: 37px 0;
  background: var(--keyline-soft); }
.panel-total-income .total-row {
  display: flex;
  position: relative;
  padding-right: 90px; }
.panel-total-income .total-row .figure {
  color: var(--cta1);
  font-size: 32px; }
.panel-total-income .total-row .icon {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -32px; }

.panel-price-lock {
  border: 1px solid var(--cta1);
  border-radius: 2px;
  padding: 12px 24px;
  margin-bottom: 24px; }
.panel-price-lock .heading {
  padding: 21px 0 14px 65px;
  font-size: 16px;
  font-weight: bold;
  color: var(--cta1);
  position: relative;
  min-height: 42px;
  line-height: 20px; }
@media (max-width: 766px) {
  .panel-price-lock .heading {
    min-height: auto;
    padding-top: 5px; } }
.panel-price-lock .heading .icon {
  position: absolute;
  top: 0;
  left: -14px; }
.panel-price-lock .date {
  font-size: 14px;
  color: var(--cta1);
  margin: 0; }
@media (max-width: 766px) {
  .panel-price-lock .date {
    padding-left: 64px;
    margin-bottom: 9px; } }

.panel-dark {
  background: var(--readonly);
  padding: 25px; }

.module {
  background: var(--panel-heavy);
  border-radius: 8px;
  margin: 0 0 24px 0;
  padding: 25px; }
.module .module.inner-module {
  border: 1px solid var(--keyline);
  padding: 0; }
.module .module-with-header {
  padding: 0; }
.module .investment-header {
  font-weight: bold;
  color: var(--text-highlight); }
.module:after, .module:before {
  content: "\00a0";
  display: block;
  font-size: 0px; }

.expandable-module .expandable-module-header {
  padding: 20px 30px 8px 65px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-left: 1px solid var(--keyline);
  border-right: 1px solid var(--keyline);
  border-top: 1px solid var(--keyline);
  margin-bottom: -1px; }
@media (min-width: 1200px) {
  .expandable-module .expandable-module-header {
    padding: 20px 30px 8px 65px; } }
.expandable-module .expandable-module-header .btn-expand-module {
  position: absolute;
  display: inline-block;
  position: absolute;
  top: 22px;
  left: 22px;
  cursor: pointer;
  border: none;
  background: none; }
.expandable-module .expandable-module-header .btn-expand-module > span, .expandable-module .expandable-module-header .btn-expand-module > .icon {
  display: block;
  width: 30px;
  height: 30px; }
.expandable-module .expandable-module-header .btn-expand-module > span:before, .expandable-module .expandable-module-header .btn-expand-module > .icon:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 3px;
  background: var(--link);
  position: absolute;
  top: 13px;
  left: 9px; }
.expandable-module .expandable-module-header .btn-expand-module > span:after, .expandable-module .expandable-module-header .btn-expand-module > .icon:after {
  content: '';
  display: inline-block;
  width: 3px;
  height: 13px;
  background: var(--link);
  position: absolute;
  top: 8px;
  left: 14px; }
.expandable-module .expandable-module-header .btn-expand-module > span.close:after, .expandable-module .expandable-module-header .btn-expand-module > .icon.close:after {
  display: none; }
.expandable-module .expandable-module-header .help-link {
  margin-bottom: 12px; }
.expandable-module .expandable-module-header.module-header-row {
  border-bottom: 1px solid var(--keyline); }
.expandable-module .expandable-module-header.plain-row.unstyled {
  border: none !important;
  padding-left: 42px;
  padding-right: 0; }
.expandable-module .expandable-module-header.plain-row.unstyled .btn-expand-module {
  left: 0px; }
.expandable-module .module-row {
  padding: 30px 30px;
  border: 1px solid var(--keyline); }

.module .module .expandable-module-header {
  border-left: none;
  border-right: none;
  border-top: none; }

.inner-module .module-row {
  border-width: 1px 0 0 0; }

.main-module-row {
  border-bottom: 1px solid var(--keyline);
  padding: 30px 30px; }

.bt {
  border-top: 1px solid var(--keyline); }

.bb {
  border-bottom: 1px solid var(--keyline); }

.bt-0 {
  border-top: none !important; }

.bb-0 {
  border-bottom: none !important; }

.expandable-module .expandable-module-header .expand-button {
  position: absolute;
  top: 30px;
  left: 32px;
  margin-right: 0;
  margin-top: 0; }

.wizard-linter {
  display: flex; }
.wizard-linter .wl-fields {
  flex: 1 1 auto;
  padding-right: 40px; }
.wizard-linter .wl-info {
  flex: 0 0 auto;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  line-height: 1.28;
  padding: 20px 0 0 0;
  margin: 18px 0 0 12px;
  width: 60px;
  position: relative;
  text-align: center; }
.wizard-linter.please-check .wl-info {
  color: var(--positive); }
.wizard-linter.please-check .wl-info:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91e';
  display: block;
  font-size: 38px;
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%; }
.wizard-linter.please-review .wl-info {
  color: var(--positive); }
.wizard-linter.please-review .wl-info:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91e';
  display: block;
  font-size: 38px;
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%; }
.wizard-linter.please-complete .wl-info {
  color: #cb4f00;
  padding-top: 22px; }
.wizard-linter.please-complete .wl-info:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91d';
  display: block;
  font-size: 18px;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%; }

.account-legend {
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
  margin-top: 6px;
  width: 12px;
  border-radius: 100%;
  height: 12px;
  color: var(--text);
  border: 3px solid; }
.account-legend.pp {
  color: var(--product-pp-1); }
.account-legend.isa {
  color: var(--product-isa-1); }
.account-legend.sipp {
  color: var(--product-sipp-1); }
.account-legend.wrap-cash {
  color: var(--product-wrap-cash-1); }
.account-legend.offshore-bond {
  color: var(--product-offshore-bond-1); }
.account-legend.onshore-bond {
  color: var(--product-onshore-bond-1); }
.account-legend.cash-isa {
  color: var(--product-cash-isa-1); }
.account-legend.junior-isa {
  color: var(--product-junior-isa-1); }
.account-legend.junior-sipp {
  color: var(--product-junior-sipp-1); }
.account-legend.total {
  color: #000; }
.account-legend.pp-2 {
  color: var(--product-pp-2); }
.account-legend.isa-2 {
  color: var(--product-isa-2); }
.account-legend.sipp-2 {
  color: var(--product-sipp-2); }
.account-legend.wrap-cash-2 {
  color: var(--product-wrap-cash-2); }
.account-legend.offshore-bond-2 {
  color: var(--product-offshore-bond-2); }
.account-legend.onshore-bond-2 {
  color: var(--product-onshore-bond-2); }
.account-legend.cash-isa-2 {
  color: var(--product-cash-isa-2); }
.account-legend.junior-isa-2 {
  color: var(--product-junior-isa-2); }
.account-legend.junior-sipp-2 {
  color: var(--product-junior-sipp-2); }
.account-legend.pp-3 {
  color: var(--product-pp-3); }
.account-legend.isa-3 {
  color: var(--product-isa-3); }
.account-legend.sipp-3 {
  color: var(--product-sipp-3); }
.account-legend.wrap-cash-3 {
  color: var(--product-wrap-cash-3); }
.account-legend.offshore-bond-3 {
  color: var(--product-offshore-bond-3); }
.account-legend.onshore-bond-3 {
  color: var(--product-onshore-bond-3); }
.account-legend.cash-isa-3 {
  color: var(--product-cash-isa-3); }
.account-legend.junior-isa-3 {
  color: var(--product-junior-isa-3); }
.account-legend.junior-sipp-3 {
  color: var(--product-junior-sipp-3); }
.account-legend.pp-4 {
  color: var(--product-pp-1); }
.account-legend.isa-4 {
  color: var(--product-isa-1); }
.account-legend.sipp-4 {
  color: var(--product-sipp-1); }
.account-legend.wrap-cash-4 {
  color: var(--product-wrap-cash-1); }
.account-legend.offshore-bond-4 {
  color: var(--product-offshore-bond-1); }
.account-legend.onshore-bond-4 {
  color: var(--product-onshore-bond-1); }
.account-legend.cash-isa-4 {
  color: var(--product-cash-isa-1); }
.account-legend.junior-isa-4 {
  color: var(--product-junior-isa-1); }
.account-legend.junior-sipp-4 {
  color: var(--product-junior-sipp-1); }
.account-legend.pp-5 {
  color: var(--product-pp-2); }
.account-legend.isa-5 {
  color: var(--product-isa-2); }
.account-legend.sipp-5 {
  color: var(--product-sipp-2); }
.account-legend.wrap-cash-5 {
  color: var(--product-wrap-cash-2); }
.account-legend.offshore-bond-5 {
  color: var(--product-offshore-bond-2); }
.account-legend.onshore-bond-5 {
  color: var(--product-onshore-bond-2); }
.account-legend.cash-isa-5 {
  color: var(--product-cash-isa-2); }
.account-legend.junior-isa-5 {
  color: var(--product-junior-isa-2); }
.account-legend.junior-sipp-5 {
  color: var(--product-junior-sipp-2); }
.account-legend.pp-6 {
  color: var(--product-pp-3); }
.account-legend.isa-6 {
  color: var(--product-isa-3); }
.account-legend.sipp-6 {
  color: var(--product-sipp-3); }
.account-legend.wrap-cash-6 {
  color: var(--product-wrap-cash-3); }
.account-legend.offshore-bond-6 {
  color: var(--product-offshore-bond-3); }
.account-legend.onshore-bond-6 {
  color: var(--product-onshore-bond-3); }
.account-legend.cash-isa-6 {
  color: var(--product-cash-isa-3); }
.account-legend.junior-isa-6 {
  color: var(--product-junior-isa-3); }
.account-legend.junior-sipp-6 {
  color: var(--product-junior-sipp-3); }
.account-legend.pp-7 {
  color: var(--product-pp-1); }
.account-legend.isa-7 {
  color: var(--product-isa-1); }
.account-legend.sipp-7 {
  color: var(--product-sipp-1); }
.account-legend.wrap-cash-7 {
  color: var(--product-wrap-cash-1); }
.account-legend.offshore-bond-7 {
  color: var(--product-offshore-bond-1); }
.account-legend.onshore-bond-7 {
  color: var(--product-onshore-bond-1); }
.account-legend.cash-isa-7 {
  color: var(--product-cash-isa-1); }
.account-legend.junior-isa-7 {
  color: var(--product-junior-isa-1); }
.account-legend.junior-sipp-7 {
  color: var(--product-junior-sipp-1); }
.account-legend.pp-8 {
  color: var(--product-pp-2); }
.account-legend.isa-8 {
  color: var(--product-isa-2); }
.account-legend.sipp-8 {
  color: var(--product-sipp-2); }
.account-legend.wrap-cash-8 {
  color: var(--product-wrap-cash-2); }
.account-legend.offshore-bond-8 {
  color: var(--product-offshore-bond-2); }
.account-legend.onshore-bond-8 {
  color: var(--product-onshore-bond-2); }
.account-legend.cash-isa-8 {
  color: var(--product-cash-isa-2); }
.account-legend.junior-isa-8 {
  color: var(--product-junior-isa-2); }
.account-legend.junior-sipp-8 {
  color: var(--product-junior-sipp-2); }
.account-legend.pp-9 {
  color: var(--product-pp-3); }
.account-legend.isa-9 {
  color: var(--product-isa-3); }
.account-legend.sipp-9 {
  color: var(--product-sipp-3); }
.account-legend.wrap-cash-9 {
  color: var(--product-wrap-cash-3); }
.account-legend.offshore-bond-9 {
  color: var(--product-offshore-bond-3); }
.account-legend.onshore-bond-9 {
  color: var(--product-onshore-bond-3); }
.account-legend.cash-isa-9 {
  color: var(--product-cash-isa-3); }
.account-legend.junior-isa-9 {
  color: var(--product-junior-isa-3); }
.account-legend.junior-sipp-9 {
  color: var(--product-junior-sipp-3); }
.account-legend.pp-10 {
  color: var(--product-pp-1); }
.account-legend.isa-10 {
  color: var(--product-isa-1); }
.account-legend.sipp-10 {
  color: var(--product-sipp-1); }
.account-legend.wrap-cash-10 {
  color: var(--product-wrap-cash-1); }
.account-legend.offshore-bond-10 {
  color: var(--product-offshore-bond-1); }
.account-legend.onshore-bond-10 {
  color: var(--product-onshore-bond-1); }
.account-legend.cash-isa-10 {
  color: var(--product-cash-isa-1); }
.account-legend.junior-isa-10 {
  color: var(--product-junior-isa-1); }
.account-legend.junior-sipp-10 {
  color: var(--product-junior-sipp-1); }
.account-legend.pp-11 {
  color: var(--product-pp-2); }
.account-legend.isa-11 {
  color: var(--product-isa-2); }
.account-legend.sipp-11 {
  color: var(--product-sipp-2); }
.account-legend.wrap-cash-11 {
  color: var(--product-wrap-cash-2); }
.account-legend.offshore-bond-11 {
  color: var(--product-offshore-bond-2); }
.account-legend.onshore-bond-11 {
  color: var(--product-onshore-bond-2); }
.account-legend.cash-isa-11 {
  color: var(--product-cash-isa-2); }
.account-legend.junior-isa-11 {
  color: var(--product-junior-isa-2); }
.account-legend.junior-sipp-11 {
  color: var(--product-junior-sipp-2); }
.account-legend.pp-12 {
  color: var(--product-pp-3); }
.account-legend.isa-12 {
  color: var(--product-isa-3); }
.account-legend.sipp-12 {
  color: var(--product-sipp-3); }
.account-legend.wrap-cash-12 {
  color: var(--product-wrap-cash-3); }
.account-legend.offshore-bond-12 {
  color: var(--product-offshore-bond-3); }
.account-legend.onshore-bond-12 {
  color: var(--product-onshore-bond-3); }
.account-legend.cash-isa-12 {
  color: var(--product-cash-isa-3); }
.account-legend.junior-isa-12 {
  color: var(--product-junior-isa-3); }
.account-legend.junior-sipp-12 {
  color: var(--product-junior-sipp-3); }
.account-legend.pp-13 {
  color: var(--product-pp-1); }
.account-legend.isa-13 {
  color: var(--product-isa-1); }
.account-legend.sipp-13 {
  color: var(--product-sipp-1); }
.account-legend.wrap-cash-13 {
  color: var(--product-wrap-cash-1); }
.account-legend.offshore-bond-13 {
  color: var(--product-offshore-bond-1); }
.account-legend.onshore-bond-13 {
  color: var(--product-onshore-bond-1); }
.account-legend.cash-isa-13 {
  color: var(--product-cash-isa-1); }
.account-legend.junior-isa-13 {
  color: var(--product-junior-isa-1); }
.account-legend.junior-sipp-13 {
  color: var(--product-junior-sipp-1); }
.account-legend.pp-14 {
  color: var(--product-pp-2); }
.account-legend.isa-14 {
  color: var(--product-isa-2); }
.account-legend.sipp-14 {
  color: var(--product-sipp-2); }
.account-legend.wrap-cash-14 {
  color: var(--product-wrap-cash-2); }
.account-legend.offshore-bond-14 {
  color: var(--product-offshore-bond-2); }
.account-legend.onshore-bond-14 {
  color: var(--product-onshore-bond-2); }
.account-legend.cash-isa-14 {
  color: var(--product-cash-isa-2); }
.account-legend.junior-isa-14 {
  color: var(--product-junior-isa-2); }
.account-legend.junior-sipp-14 {
  color: var(--product-junior-sipp-2); }
.account-legend.pp-15 {
  color: var(--product-pp-3); }
.account-legend.isa-15 {
  color: var(--product-isa-3); }
.account-legend.sipp-15 {
  color: var(--product-sipp-3); }
.account-legend.wrap-cash-15 {
  color: var(--product-wrap-cash-3); }
.account-legend.offshore-bond-15 {
  color: var(--product-offshore-bond-3); }
.account-legend.onshore-bond-15 {
  color: var(--product-onshore-bond-3); }
.account-legend.cash-isa-15 {
  color: var(--product-cash-isa-3); }
.account-legend.junior-isa-15 {
  color: var(--product-junior-isa-3); }
.account-legend.junior-sipp-15 {
  color: var(--product-junior-sipp-3); }
.account-legend.squared {
  border-radius: 0;
  border: 0; }
.account-legend.iac {
  background-color: #0057B7; }
.account-legend.oac {
  background-color: #72246c; }
.account-legend.rp {
  background-color: #008264; }
.account-legend.adHoc {
  background-color: #E24082; }

.product-heading td:first-child {
  font-weight: bold;
  color: var(--text); }
.product-heading .product-icon {
  width: 20px;
  height: 20px; }
.product-heading .account {
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  color: var(--text);
  font-weight: bold; }
.product-heading .product-legend {
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  width: 12px;
  border-radius: 100%;
  height: 12px;
  color: #ccc;
  border: 3px solid; }
.product-heading .product-legend.pp {
  color: var(--product-pp-1); }
.product-heading .product-legend.isa {
  color: var(--product-isa-1); }
.product-heading .product-legend.sipp {
  color: var(--product-sipp-1); }
.product-heading .product-legend.wrap-cash {
  color: var(--product-wrap-cash-1); }
.product-heading .product-legend.offshore-bond {
  color: var(--product-offshore-bond-1); }
.product-heading .product-legend.onshore-bond {
  color: var(--product-onshore-bond-1); }
.product-heading .product-legend.cash-isa {
  color: var(--product-cash-isa-1); }
.product-heading .product-legend.junior-isa {
  color: var(--product-junior-isa-1); }
.product-heading .product-legend.junior-sipp {
  color: var(--product-junior-sipp-1); }
.product-heading .product-legend.pp-2 {
  color: var(--product-pp-2); }
.product-heading .product-legend.isa-2 {
  color: var(--product-isa-2); }
.product-heading .product-legend.sipp-2 {
  color: var(--product-sipp-2); }
.product-heading .product-legend.wrap-cash-2 {
  color: var(--product-wrap-cash-2); }
.product-heading .product-legend.offshore-bond-2 {
  color: var(--product-offshore-bond-2); }
.product-heading .product-legend.onshore-bond-2 {
  color: var(--product-onshore-bond-2); }
.product-heading .product-legend.cash-isa-2 {
  color: var(--product-cash-isa-2); }
.product-heading .product-legend.junior-isa-2 {
  color: var(--product-junior-isa-2); }
.product-heading .product-legend.junior-sipp-2 {
  color: var(--product-junior-sipp-2); }
.product-heading .product-legend.pp-3 {
  color: var(--product-pp-3); }
.product-heading .product-legend.isa-3 {
  color: var(--product-isa-3); }
.product-heading .product-legend.sipp-3 {
  color: var(--product-sipp-3); }
.product-heading .product-legend.wrap-cash-3 {
  color: var(--product-wrap-cash-3); }
.product-heading .product-legend.offshore-bond-3 {
  color: var(--product-offshore-bond-3); }
.product-heading .product-legend.onshore-bond-3 {
  color: var(--product-onshore-bond-3); }
.product-heading .product-legend.cash-isa-3 {
  color: var(--product-cash-isa-3); }
.product-heading .product-legend.junior-isa-3 {
  color: var(--product-junior-isa-3); }
.product-heading .product-legend.junior-sipp-3 {
  color: var(--product-junior-sipp-3); }
.product-heading .product-legend.pp-4 {
  color: var(--product-pp-1); }
.product-heading .product-legend.isa-4 {
  color: var(--product-isa-1); }
.product-heading .product-legend.sipp-4 {
  color: var(--product-sipp-1); }
.product-heading .product-legend.wrap-cash-4 {
  color: var(--product-wrap-cash-1); }
.product-heading .product-legend.offshore-bond-4 {
  color: var(--product-offshore-bond-1); }
.product-heading .product-legend.onshore-bond-4 {
  color: var(--product-onshore-bond-1); }
.product-heading .product-legend.cash-isa-4 {
  color: var(--product-cash-isa-1); }
.product-heading .product-legend.junior-isa-4 {
  color: var(--product-junior-isa-1); }
.product-heading .product-legend.junior-sipp-4 {
  color: var(--product-junior-sipp-1); }
.product-heading .product-legend.pp-5 {
  color: var(--product-pp-2); }
.product-heading .product-legend.isa-5 {
  color: var(--product-isa-2); }
.product-heading .product-legend.sipp-5 {
  color: var(--product-sipp-2); }
.product-heading .product-legend.wrap-cash-5 {
  color: var(--product-wrap-cash-2); }
.product-heading .product-legend.offshore-bond-5 {
  color: var(--product-offshore-bond-2); }
.product-heading .product-legend.onshore-bond-5 {
  color: var(--product-onshore-bond-2); }
.product-heading .product-legend.cash-isa-5 {
  color: var(--product-cash-isa-2); }
.product-heading .product-legend.junior-isa-5 {
  color: var(--product-junior-isa-2); }
.product-heading .product-legend.junior-sipp-5 {
  color: var(--product-junior-sipp-2); }
.product-heading .product-legend.pp-6 {
  color: var(--product-pp-3); }
.product-heading .product-legend.isa-6 {
  color: var(--product-isa-3); }
.product-heading .product-legend.sipp-6 {
  color: var(--product-sipp-3); }
.product-heading .product-legend.wrap-cash-6 {
  color: var(--product-wrap-cash-3); }
.product-heading .product-legend.offshore-bond-6 {
  color: var(--product-offshore-bond-3); }
.product-heading .product-legend.onshore-bond-6 {
  color: var(--product-onshore-bond-3); }
.product-heading .product-legend.cash-isa-6 {
  color: var(--product-cash-isa-3); }
.product-heading .product-legend.junior-isa-6 {
  color: var(--product-junior-isa-3); }
.product-heading .product-legend.junior-sipp-6 {
  color: var(--product-junior-sipp-3); }
.product-heading .product-legend.pp-7 {
  color: var(--product-pp-1); }
.product-heading .product-legend.isa-7 {
  color: var(--product-isa-1); }
.product-heading .product-legend.sipp-7 {
  color: var(--product-sipp-1); }
.product-heading .product-legend.wrap-cash-7 {
  color: var(--product-wrap-cash-1); }
.product-heading .product-legend.offshore-bond-7 {
  color: var(--product-offshore-bond-1); }
.product-heading .product-legend.onshore-bond-7 {
  color: var(--product-onshore-bond-1); }
.product-heading .product-legend.cash-isa-7 {
  color: var(--product-cash-isa-1); }
.product-heading .product-legend.junior-isa-7 {
  color: var(--product-junior-isa-1); }
.product-heading .product-legend.junior-sipp-7 {
  color: var(--product-junior-sipp-1); }
.product-heading .product-legend.pp-8 {
  color: var(--product-pp-2); }
.product-heading .product-legend.isa-8 {
  color: var(--product-isa-2); }
.product-heading .product-legend.sipp-8 {
  color: var(--product-sipp-2); }
.product-heading .product-legend.wrap-cash-8 {
  color: var(--product-wrap-cash-2); }
.product-heading .product-legend.offshore-bond-8 {
  color: var(--product-offshore-bond-2); }
.product-heading .product-legend.onshore-bond-8 {
  color: var(--product-onshore-bond-2); }
.product-heading .product-legend.cash-isa-8 {
  color: var(--product-cash-isa-2); }
.product-heading .product-legend.junior-isa-8 {
  color: var(--product-junior-isa-2); }
.product-heading .product-legend.junior-sipp-8 {
  color: var(--product-junior-sipp-2); }
.product-heading .product-legend.pp-9 {
  color: var(--product-pp-3); }
.product-heading .product-legend.isa-9 {
  color: var(--product-isa-3); }
.product-heading .product-legend.sipp-9 {
  color: var(--product-sipp-3); }
.product-heading .product-legend.wrap-cash-9 {
  color: var(--product-wrap-cash-3); }
.product-heading .product-legend.offshore-bond-9 {
  color: var(--product-offshore-bond-3); }
.product-heading .product-legend.onshore-bond-9 {
  color: var(--product-onshore-bond-3); }
.product-heading .product-legend.cash-isa-9 {
  color: var(--product-cash-isa-3); }
.product-heading .product-legend.junior-isa-9 {
  color: var(--product-junior-isa-3); }
.product-heading .product-legend.junior-sipp-9 {
  color: var(--product-junior-sipp-3); }
.product-heading .product-legend.pp-10 {
  color: var(--product-pp-1); }
.product-heading .product-legend.isa-10 {
  color: var(--product-isa-1); }
.product-heading .product-legend.sipp-10 {
  color: var(--product-sipp-1); }
.product-heading .product-legend.wrap-cash-10 {
  color: var(--product-wrap-cash-1); }
.product-heading .product-legend.offshore-bond-10 {
  color: var(--product-offshore-bond-1); }
.product-heading .product-legend.onshore-bond-10 {
  color: var(--product-onshore-bond-1); }
.product-heading .product-legend.cash-isa-10 {
  color: var(--product-cash-isa-1); }
.product-heading .product-legend.junior-isa-10 {
  color: var(--product-junior-isa-1); }
.product-heading .product-legend.junior-sipp-10 {
  color: var(--product-junior-sipp-1); }
.product-heading .product-legend.pp-11 {
  color: var(--product-pp-2); }
.product-heading .product-legend.isa-11 {
  color: var(--product-isa-2); }
.product-heading .product-legend.sipp-11 {
  color: var(--product-sipp-2); }
.product-heading .product-legend.wrap-cash-11 {
  color: var(--product-wrap-cash-2); }
.product-heading .product-legend.offshore-bond-11 {
  color: var(--product-offshore-bond-2); }
.product-heading .product-legend.onshore-bond-11 {
  color: var(--product-onshore-bond-2); }
.product-heading .product-legend.cash-isa-11 {
  color: var(--product-cash-isa-2); }
.product-heading .product-legend.junior-isa-11 {
  color: var(--product-junior-isa-2); }
.product-heading .product-legend.junior-sipp-11 {
  color: var(--product-junior-sipp-2); }
.product-heading .product-legend.pp-12 {
  color: var(--product-pp-3); }
.product-heading .product-legend.isa-12 {
  color: var(--product-isa-3); }
.product-heading .product-legend.sipp-12 {
  color: var(--product-sipp-3); }
.product-heading .product-legend.wrap-cash-12 {
  color: var(--product-wrap-cash-3); }
.product-heading .product-legend.offshore-bond-12 {
  color: var(--product-offshore-bond-3); }
.product-heading .product-legend.onshore-bond-12 {
  color: var(--product-onshore-bond-3); }
.product-heading .product-legend.cash-isa-12 {
  color: var(--product-cash-isa-3); }
.product-heading .product-legend.junior-isa-12 {
  color: var(--product-junior-isa-3); }
.product-heading .product-legend.junior-sipp-12 {
  color: var(--product-junior-sipp-3); }
.product-heading .product-legend.pp-13 {
  color: var(--product-pp-1); }
.product-heading .product-legend.isa-13 {
  color: var(--product-isa-1); }
.product-heading .product-legend.sipp-13 {
  color: var(--product-sipp-1); }
.product-heading .product-legend.wrap-cash-13 {
  color: var(--product-wrap-cash-1); }
.product-heading .product-legend.offshore-bond-13 {
  color: var(--product-offshore-bond-1); }
.product-heading .product-legend.onshore-bond-13 {
  color: var(--product-onshore-bond-1); }
.product-heading .product-legend.cash-isa-13 {
  color: var(--product-cash-isa-1); }
.product-heading .product-legend.junior-isa-13 {
  color: var(--product-junior-isa-1); }
.product-heading .product-legend.junior-sipp-13 {
  color: var(--product-junior-sipp-1); }
.product-heading .product-legend.pp-14 {
  color: var(--product-pp-2); }
.product-heading .product-legend.isa-14 {
  color: var(--product-isa-2); }
.product-heading .product-legend.sipp-14 {
  color: var(--product-sipp-2); }
.product-heading .product-legend.wrap-cash-14 {
  color: var(--product-wrap-cash-2); }
.product-heading .product-legend.offshore-bond-14 {
  color: var(--product-offshore-bond-2); }
.product-heading .product-legend.onshore-bond-14 {
  color: var(--product-onshore-bond-2); }
.product-heading .product-legend.cash-isa-14 {
  color: var(--product-cash-isa-2); }
.product-heading .product-legend.junior-isa-14 {
  color: var(--product-junior-isa-2); }
.product-heading .product-legend.junior-sipp-14 {
  color: var(--product-junior-sipp-2); }
.product-heading .product-legend.pp-15 {
  color: var(--product-pp-3); }
.product-heading .product-legend.isa-15 {
  color: var(--product-isa-3); }
.product-heading .product-legend.sipp-15 {
  color: var(--product-sipp-3); }
.product-heading .product-legend.wrap-cash-15 {
  color: var(--product-wrap-cash-3); }
.product-heading .product-legend.offshore-bond-15 {
  color: var(--product-offshore-bond-3); }
.product-heading .product-legend.onshore-bond-15 {
  color: var(--product-onshore-bond-3); }
.product-heading .product-legend.cash-isa-15 {
  color: var(--product-cash-isa-3); }
.product-heading .product-legend.junior-isa-15 {
  color: var(--product-junior-isa-3); }
.product-heading .product-legend.junior-sipp-15 {
  color: var(--product-junior-sipp-3); }

.account-validation-pie-chart {
  position: relative;
  display: inline-block;
  margin-top: 66px; }
@media (max-width: 991px) {
  .account-validation-pie-chart {
    width: 270px !important;
    height: 260px !important; } }
.account-validation-pie-chart circle {
  fill: none; }
.account-validation-pie-chart .value-info {
  position: absolute;
  text-align: center;
  padding: 84px 0 0 0;
  width: 100%; }
.account-validation-pie-chart .figure {
  font-size: 24px;
  font-weight: 300; }
.account-validation-pie-chart .label {
  font-size: 12px; }

.isa-allowance-chart .isa-label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px; }
.isa-allowance-chart .isa-allowance-bar {
  height: 8px;
  background: var(--readonly);
  border-radius: 3px;
  width: 100%; }
.isa-allowance-chart .isa-allowance-bar .fill {
  height: 8px;
  border-radius: 3px;
  background: var(--positive);
  display: block; }
.isa-allowance-chart .used-allowance-label span, .isa-allowance-chart .unused-allowance-label span {
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  display: block; }
.isa-allowance-chart .used-allowance-label .allowance-title, .isa-allowance-chart .unused-allowance-label .allowance-title {
  font-size: 16px;
  line-height: 16px; }
.isa-allowance-chart .used-allowance-label span {
  color: var(--positive); }
.isa-allowance-chart .isa-year {
  margin-top: 9px;
  font-size: 14px; }

.isa-overview-chart {
  padding: 42px 25px 0; }

.ioc-bar {
  background: var(--keyline-soft);
  display: flex;
  width: 100%;
  height: 90px; }

.ioc-fill-used {
  height: 100%;
  position: relative;
  background: #087C89;
  color: #fff; }

.ioc-fill-expected {
  min-width: .25%;
  height: 100%;
  position: relative;
  background: #6E3694;
  color: #fff; }
.ioc-fill-expected.is-lifted .ioc-figure {
  top: 110px; }
.ioc-fill-expected.is-lifted .ioc-figure:after {
  content: '';
  background: #6E3694;
  width: 2px;
  height: 8px;
  position: absolute;
  top: -5px;
  left: 50%; }

.ioc-fill-remaining {
  min-width: .25%;
  height: 100%;
  position: relative;
  background: #8F8F8F;
  color: #fff; }

.ioc-figure {
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translateX(-50%);
  color: var(--text-highlight);
  font-weight: bold;
  font-size: 18px; }

.ioc-plabel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  padding: 32px 3px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ioc-axis {
  height: 16px;
  position: relative;
  font-size: 10px;
  color: var(--text-muted);
  padding: 2px 0 0 0; }
.ioc-axis .ioc-25 {
  position: absolute;
  left: 25%;
  top: 2px;
  transform: translateX(-50%); }
.ioc-axis .ioc-50 {
  position: absolute;
  left: 50%;
  top: 2px;
  transform: translateX(-50%); }
.ioc-axis .ioc-75 {
  position: absolute;
  left: 75%;
  top: 2px;
  transform: translateX(-50%); }
.ioc-axis .ioc-100 {
  position: absolute;
  right: 0;
  top: 2px; }

.long-labels-bar-chart table {
  width: 100%;
  border-collapse: collapse;
  border: 0; }
.long-labels-bar-chart table th {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.long-labels-bar-chart .llbc-label {
  width: 10%;
  white-space: nowrap;
  vertical-align: middle;
  padding: 2px 12px 2px 0;
  text-align: right;
  color: var(--text-highlight);
  font-weight: bold;
  font-size: 14px; }
.long-labels-bar-chart .llbc-value {
  padding: 2px 0;
  vertical-align: middle; }
.long-labels-bar-chart .llbc-bar {
  display: block;
  background: var(--keyline-soft);
  position: relative;
  padding: 0 72px 0 0;
  height: 30px; }
.long-labels-bar-chart .llbc-fill {
  display: block;
  height: 100%;
  position: relative; }
.long-labels-bar-chart .llbc-fill-color {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  animation: llbcFillColorIn 800ms cubic-bezier(0.33, 1, 0.68, 1);
  animation-fill-mode: both; }
.long-labels-bar-chart .llbc-figure {
  position: absolute;
  right: -60px;
  top: 0;
  width: 60px;
  text-align: left;
  padding: 0 0 0 12px;
  box-sizing: border-box;
  line-height: 30px;
  font-size: 14px;
  color: var(--text-highlight);
  font-weight: bold; }
@media screen and (max-width: 1200px) {
  .long-labels-bar-chart table, .long-labels-bar-chart th, .long-labels-bar-chart tbody, .long-labels-bar-chart thead, .long-labels-bar-chart tr, .long-labels-bar-chart td {
    display: block; }
  .long-labels-bar-chart .llbc-label {
    text-align: left; }
  .long-labels-bar-chart .llbc-value {
    padding: 0 0 10px 0; }
  .long-labels-bar-chart .llbc-bar {
    height: 14px; }
  .long-labels-bar-chart .llbc-figure {
    font-size: 12px;
    line-height: 14px; } }

@keyframes llbcFillColorIn {
  0% {
    width: 0%; }

  100% {
    width: 100%; } }

.chart-bg-1 {
  background: #0057b7 !important; }

.chart-bg-2 {
  background: #72246c !important; }

.chart-bg-3 {
  background: #008264 !important; }

.chart-bg-4 {
  background: #e24082 !important; }

.chart-bg-5 {
  background: black !important; }

.chart-bg-6 {
  background: #a7a8a9 !important; }

.chart-bg-7 {
  background: #d9d9d6 !important; }

.chart-bg-8 {
  background: #00205b !important; }

.chart-bg-9 {
  background: #41273b !important; }

.chart-bg-10 {
  background: #00594c !important; }

.chart-bg-11 {
  background: #bc0056 !important; }

.chart-bg-12 {
  background: #898d8d !important; }

.instructions-column-chart .highcharts-axis-labels > span, .instructions-column-chart-isa .highcharts-axis-labels > span {
  color: var(--cta2-text) !important; }
.instructions-column-chart .highcharts-tooltip .highcharts-tooltip-box, .instructions-column-chart-isa .highcharts-tooltip .highcharts-tooltip-box {
  fill: var(--panel) !important; }
.instructions-column-chart .highcharts-tooltip > span, .instructions-column-chart-isa .highcharts-tooltip > span {
  color: var(--cta2-text) !important; }
.instructions-column-chart .highcharts-legend-item > span, .instructions-column-chart-isa .highcharts-legend-item > span {
  color: var(--text) !important; }
.instructions-column-chart .highcharts-legend-item.highcharts-legend-item-hidden, .instructions-column-chart-isa .highcharts-legend-item.highcharts-legend-item-hidden {
  opacity: .5; }
.instructions-column-chart .highcharts-legend-item.highcharts-legend-item-hidden > span, .instructions-column-chart-isa .highcharts-legend-item.highcharts-legend-item-hidden > span {
  opacity: .5; }

.instructions-column-chart .highcharts-series-1 .highcharts-point {
  fill: var(--cta1) !important; }
.instructions-column-chart .highcharts-series-0 .highcharts-point {
  fill: var(--keyline-soft) !important; }

.instructions-column-chart-isa .highcharts-series-0 .highcharts-point {
  fill: #087C89 !important; }

.column-chart {
  padding: 10px 0; }
.column-chart .xaxis-labels-row {
  padding: 0 0 0 50px;
  display: flex; }
.column-chart .xaxis-labels-row .label {
  color: var(--text-highlight);
  font-size: 14px;
  width: 100%;
  margin: 0;
  text-align: center;
  word-break: break-word;
  min-width: 10px; }
.column-chart .columns-area {
  position: relative;
  margin: 0 auto 0px auto; }

.column-chart .bars-row {
  padding: 0 0 0 50px;
  display: flex;
  height: 100%;
  margin-bottom: 30px; }
.column-chart .bars-row .bar {
  min-width: 10px;
  height: 100%;
  flex: 1 1 100px;
  max-width: 50px;
  margin: 0 8px;
  position: relative;
  background: var(--keyline-soft); }
.column-chart .bars-row .bar .fill {
  height: 100%;
  position: relative; }
.column-chart .bars-row .bar .fill .fill-color {
  height: 100%; }
.column-chart .bars-row .bar .label {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  font-size: 14px;
  padding: 3px;
  box-sizing: border-box;
  color: var(--text-highlight);
  font-weight: bold; }
@media (max-width: 766px) {
  .column-chart .bars-row .bar .label {
    font-size: 12px; } }
.column-chart .bars-row .bar.negative .label {
  transform: translateY(-100%); }
.column-chart .xaxis-line {
  height: 1px;
  position: absolute;
  left: 50px;
  right: 0;
  transform: translateY(-1px);
  background: #ccc; }
.column-chart .ygrid-item {
  position: absolute;
  left: 0;
  right: 0;
  display: flex; }
.column-chart .ygrid-item .figure {
  font-size: 12px;
  color: #c5c5c5;
  width: 50px;
  padding: 0 5px 0 0;
  box-sizing: border-box;
  transform: translate(0, 7px);
  display: block;
  text-align: right; }
.column-chart .ygrid-item .line {
  border-bottom: 1px dotted #f5f5f5;
  flex: 1 1 auto;
  display: block; }
.column-chart .ygrid-item.zero .line {
  border-bottom: 1px dotted #aaa;
  z-index: 5; }

.column-chart.is-cumulative-performance .fill-color {
  background: var(--product-pp-1) !important; }
.column-chart.is-cumulative-performance .bar {
  background: none;
  max-width: 50px; }
.column-chart.is-cumulative-performance .xaxis-labels-row {
  padding: 8px 0 0 0;
  border-top: 1px solid var(--keyline-soft);
  color: var(--text) !important;
  font-size: 12px !important; }

.column-chart.is-discrete-performance .fill-color {
  background: #087C89 !important; }
.column-chart.is-discrete-performance .bar {
  background: none;
  max-width: 50px; }
.column-chart.is-discrete-performance .xaxis-labels-row {
  padding: 8px 0 0 0;
  border-top: 1px solid var(--keyline-soft);
  color: var(--text) !important;
  font-size: 12px !important; }

.insight-map {
  position: relative;
  font-size: 14px;
  overflow: hidden; }
.insight-map .image-cont {
  max-width: 686px;
  margin: 0 auto 30px auto; }
.insight-map .image {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 41.5%;
  height: 1px;
  background: url("../leapfrog-img/worldmap.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: relative;
  list-style: none; }
.insight-map .image li {
  margin: 0;
  padding: 0; }
.insight-map .poi-string {
  position: absolute;
  background: var(--keyline);
  height: 1px; }
.insight-map .poi-string:before {
  content: '';
  height: 1px;
  position: absolute;
  top: 0;
  background: var(--keyline); }
.insight-map .poi-dot {
  background: var(--link);
  display: block;
  border-radius: 50%;
  min-width: 4px;
  transform: translate(-50%, -50%);
  animation: poi-animation 1s cubic-bezier(0.86, 0, 0.07, 1);
  animation-delay: 0.1s;
  animation-fill-mode: backwards;
  opacity: 0.3; }
.insight-map .poi-dot:before {
  content: '';
  display: block;
  padding-bottom: 100%; }
.insight-map .poi {
  position: absolute;
  width: 1px;
  height: 1px; }
.insight-map .poi:hover, .insight-map .poi:focus {
  box-shadow: inset 0 0 0 50vw rgba(255, 255, 255, 0.2); }
.insight-map .poi:hover .poi-bubble, .insight-map .poi:focus .poi-bubble {
  display: block; }
.insight-map .poi.UK {
  top: 30.7%;
  left: 46%; }
.insight-map .poi.UK .poi-string {
  right: 37px;
  top: -37px;
  width: 9999px; }
.insight-map .poi.UK .poi-string:before {
  right: 0;
  transform: rotate(225deg);
  transform-origin: 100% 0;
  width: 53px; }
.insight-map .poi.EURO {
  top: 33%;
  left: 50%; }
.insight-map .poi.EURO .poi-string {
  left: 47px;
  top: -45px;
  width: 9999px; }
.insight-map .poi.EURO .poi-string:before {
  width: 60px;
  left: 0;
  transform: rotate(135deg);
  transform-origin: 0 0; }
.insight-map .poi.EAST {
  top: 30%;
  left: 56%; }
.insight-map .poi.EAST .poi-string {
  left: 10px;
  top: 9px;
  width: 9999px; }
.insight-map .poi.EAST .poi-string:before {
  width: 10px;
  left: 0;
  transform: rotate(225deg);
  transform-origin: 0 0; }
.insight-map .poi.USA {
  top: 36%;
  left: 18%; }
.insight-map .poi.USA .poi-string {
  right: 0px;
  top: 0px;
  width: 9999px; }
.insight-map .poi.SAMER {
  top: 73%;
  left: 30%; }
.insight-map .poi.SAMER .poi-string {
  right: 0px;
  top: 0px;
  width: 9999px; }
.insight-map .poi.AFRICA {
  top: 52%;
  left: 55%; }
.insight-map .poi.AFRICA .poi-string {
  left: 100px;
  top: 100px;
  width: 9999px; }
.insight-map .poi.AFRICA .poi-string:before {
  width: 137px;
  left: 0;
  transform: rotate(225deg);
  transform-origin: 0 0; }
.insight-map .poi.ASIA {
  top: 66%;
  left: 80%; }
.insight-map .poi.ASIA .poi-string {
  left: 10px;
  top: 10px;
  width: 9999px; }
.insight-map .poi.ASIA .poi-string:before {
  width: 10px;
  left: 0;
  transform: rotate(225deg);
  transform-origin: 0 0; }
.insight-map .poi.JAP {
  top: 43%;
  left: 86%; }
.insight-map .poi.JAP .poi-string {
  left: 20px;
  top: 18px;
  width: 9999px; }
.insight-map .poi.JAP .poi-string:before {
  width: 20px;
  left: 0;
  transform: rotate(225deg);
  transform-origin: 0 0; }
.insight-map .poi.CASH {
  background: red; }
.insight-map .poi.OTHER {
  background: red; }
.insight-map .poi-bubble {
  display: none;
  position: absolute;
  background: var(--panel-heavy) !important;
  border: 1px solid #333;
  max-width: 30%;
  padding: 5px;
  color: #000;
  z-index: 102;
  font-size: 12px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  top: 0;
  left: 0;
  transform: translate3D(-50%, 20px, 0); }
.insight-map .poi-bubble strong {
  font-size: 14px; }
.insight-map .poi-desc {
  position: absolute;
  line-height: 18px; }
.insight-map .poi-desc.UK {
  bottom: 267px;
  left: 0; }
.insight-map .poi-desc.EURO {
  bottom: 267px;
  right: 0;
  text-align: right; }
.insight-map .poi-desc.EAST {
  bottom: 222px;
  right: 0;
  text-align: right; }
.insight-map .poi-desc.USA {
  bottom: 214px;
  left: 0; }
.insight-map .poi-desc.SAMER {
  bottom: 108px;
  left: 0; }
.insight-map .poi-desc.AFRICA {
  bottom: 67px;
  right: 0;
  text-align: right; }
.insight-map .poi-desc.ASIA {
  bottom: 118px;
  right: 0;
  text-align: right; }
.insight-map .poi-desc.JAP {
  bottom: 175px;
  right: 0;
  text-align: right; }
.insight-map .poi-desc.OTHER {
  bottom: 30px;
  left: 0;
  width: 60px;
  border-bottom: 1px solid var(--keyline); }
.insight-map .poi-desc.CASH {
  bottom: 30px;
  left: 80px;
  width: 60px;
  border-bottom: 1px solid var(--keyline); }
.insight-map .poi-desc .label {
  white-space: nowrap;
  display: block;
  font-size: 14px; }
.insight-map .poi-desc button.label {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  color: var(--link);
  padding: 0;
  line-height: inherit; }
.insight-map .poi-desc button.label:hover {
  text-decoration: underline; }
.insight-map .poi-desc .value {
  font-weight: bold;
  color: var(--text);
  display: block; }
@media screen and (max-width: 890px) {
  .insight-map .image {
    margin: 0 0 30px 0; }
  .insight-map .poi-desc {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    border: 0 !important;
    border-top: 1px solid var(--keyline-soft) !important;
    text-align: left !important;
    width: auto !important;
    padding: 6px 0; }
  .insight-map .poi-desc .value {
    position: absolute;
    right: 0;
    top: 6px; }
  .insight-map .poi-string {
    display: none !important; } }

@keyframes poi-animation {
  0% {
    transform: translate(-50%, -50%) scale(0); }

  100% {
    transform: translate(-50%, -50%) scale(1); } }

/*
	.circle-icon {
		box-sizing: border-box;
		float: left;
		margin-right: 10px;
		margin-top: 0px;
		width: 20px;
		border-radius: 100%;
		height: 20px;
		color: #ccc;
		border: 1px solid;
	}

	.legend
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-end;
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
		font-size: 15px;

		li
		{
			display: inline-block;
			padding:10px;
			box-sizing: border-box;
		}

		@include fnz-breakpoint(md, lg)
		{
			justify-content: space-between;
		}
	}

	.label
	{
		display: table;
		margin-bottom: 5px;
		width:1px;
		font-size:14px;
		@include fnz-breakpoint(xxs)
		{
			font-size: 12px;
		}
	}

	.figure
	{
		display: block;
		font-size: 28px;
		font-weight: 300;
		// margin-bottom: 20px;
		line-height: 1;
		white-space: nowrap;
		@include fnz-breakpoint(xxs)
		{
			font-size: 22px;
		}
    }
*/
.account-roles-diagram {
  text-align: center;
  margin: auto;
  width: 38%;
  position: relative; }
.account-roles-diagram a {
  text-decoration: none; }
.account-roles-diagram .rd-client {
  background: var(--cta1);
  padding: 15px 10px;
  color: var(--cta1-text);
  border-radius: 4px;
  text-decoration: none;
  font-size: 16px;
  margin-bottom: 4px;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column; }
.account-roles-diagram .rd-client:before {
  font-family: 'icomoon' !important;
  content: '\e905';
  border: 1px solid var(--link);
  background: var(--cta1-text);
  border-radius: 50%;
  right: -14px;
  top: -10px;
  position: absolute;
  padding: 5px 6px 5px 8px;
  font-size: 16px;
  color: var(--link); }
.account-roles-diagram .rd-client .rd-client-id {
  font-size: 12px; }
.account-roles-diagram .holding-container {
  border: 1px solid var(--keyline);
  background: var(--bg);
  color: var(--text);
  border-radius: 4px;
  font-size: 14px;
  margin: 10px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column; }
.account-roles-diagram .holding-container:hover .holding-id {
  text-decoration: underline; }
.account-roles-diagram .holding-container .holding-type {
  margin: 0; }
.account-roles-diagram .holding-container .holding-id {
  position: relative;
  margin: 0;
  color: var(--cta1); }
.account-roles-diagram .holding-container .holding-id.interested-party .icon {
  position: relative; }
.account-roles-diagram .holding-container .holding-id.interested-party .icon::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: '\e94f';
  top: 1px;
  right: -21px;
  font-size: 17px;
  color: #ffbb00; }
.account-roles-diagram .rd-holding-list {
  position: relative; }
.account-roles-diagram .rd-holding-list .list-container {
  position: relative; }
.account-roles-diagram .rd-holding-list .list-container:after {
  content: '';
  position: absolute;
  top: -21px;
  right: 50%;
  height: 33px;
  border-right: 1px solid var(--keyline); }
.account-roles-diagram .rd-holding-list .list-container .product-item {
  border: 1px solid var(--keyline);
  border-radius: 4px;
  background: var(--link);
  font-size: 14px;
  margin: 10px;
  padding: 15px 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 170px; }
.account-roles-diagram .rd-holding-list .list-container .product-item:hover {
  background: var(--cta1); }
.account-roles-diagram .rd-holding-list .list-container .product-item:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 50%;
  width: 1px;
  height: 11px;
  border-left: 1px solid var(--keyline); }
.account-roles-diagram .rd-holding-list .list-container .product-item .product {
  color: var(--cta1-text); }
.account-roles-diagram .rd-holding-list .list-container .product-item .product-name {
  margin: 0; }
.account-roles-diagram .rd-holding-list .list-container .product-item .product-id {
  margin: 0;
  padding-bottom: 12px; }
.account-roles-diagram .rd-holding-list .list-container .product-item:before {
  content: '';
  position: absolute;
  top: -20px;
  left: 50%;
  width: 1px;
  height: 20px;
  border-left: 1px solid var(--keyline); }
.account-roles-diagram .rd-holding-list .list-container .account-items button:first-of-type .product-item:before {
  content: '';
  position: absolute;
  top: -36px;
  left: 50%;
  width: 1px;
  height: 36px;
  border-left: 1px solid var(--keyline); }
.account-roles-diagram.joint .rd-holding-list:before {
  content: '';
  position: absolute;
  top: -27px;
  left: 23%;
  width: 1px;
  height: 20px;
  border-left: 1px solid var(--keyline); }
.account-roles-diagram.joint .list-container:first-child:after {
  content: '';
  position: absolute;
  top: -8px;
  right: 50%;
  height: 19px;
  border-right: 1px solid var(--keyline); }
.account-roles-diagram.joint .rd-holding-list:after {
  content: '';
  position: absolute;
  top: -8px;
  right: 22%;
  width: 54.8%;
  height: 1px;
  border-top: 1px solid var(--keyline); }
.account-roles-diagram.joint .list-container:first-child::before {
  content: '';
  position: absolute;
  top: -27px;
  right: 22%;
  width: 1px;
  height: 20px;
  border-right: 1px solid var(--keyline); }
@media screen and (max-width: 991px) {
  .account-roles-diagram.joint .rd-holding-list:before {
    border-left: none; }
  .account-roles-diagram.joint .list-container:first-child::before {
    border-right: none; }
  .account-roles-diagram.joint .rd-holding-list:after {
    border-top: none; }
  .account-roles-diagram.joint .list-container:first-child:after {
    content: '';
    position: absolute;
    top: -22px;
    right: 50%;
    height: 33px;
    border-right: 1px solid var(--keyline); } }

.client-roles-diagram-wrap {
  text-align: center;
  padding: 30px 10px 0; }
.client-roles-diagram-wrap .client-roles-diagram {
  text-align: center;
  margin: auto;
  display: inline-block;
  position: relative;
  padding-left: 0;
  width: 100%;
  overflow-x: auto;
  display: flex; }
.client-roles-diagram-wrap .client-roles-diagram ul {
  display: table;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  margin-top: 50px; }
.client-roles-diagram-wrap .client-roles-diagram li {
  display: table-cell;
  padding: 20px 0;
  vertical-align: top;
  position: relative;
  margin: 0 auto; }
.client-roles-diagram-wrap .client-roles-diagram li .top-section {
  margin-bottom: 30px; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-node {
  display: inline-block; }
.client-roles-diagram-wrap .client-roles-diagram li .icon {
  background: transparent;
  color: var(--link);
  font-weight: bold;
  cursor: pointer; }
.client-roles-diagram-wrap .client-roles-diagram li .icon:before {
  font-family: 'icomoon' !important;
  content: '\e905';
  border: 1px solid var(--link);
  background: var(--cta1-text);
  border-radius: 50%;
  right: -16px;
  top: -10px;
  position: absolute;
  padding: 5px 6px 5px 8px;
  font-size: 16px; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-client {
  background: var(--cta1);
  color: var(--cta1-text);
  padding: 20px 28px;
  border-radius: 4px;
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  margin-bottom: 4px;
  position: relative;
  min-width: 170px; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-client:hover {
  background: var(--button-active); }
.client-roles-diagram-wrap .client-roles-diagram li .rd-client::before {
  content: '';
  position: absolute;
  top: 75px;
  right: 50%;
  width: 2px;
  height: 45px;
  border-left: 1px solid var(--keyline);
  pointer-events: none; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-client .rd-client-id {
  font-size: 12px; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container:first-child:after {
  content: '';
  position: absolute;
  top: -8px;
  right: 50%;
  height: 39px;
  border-right: 1px solid var(--keyline); }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 27%;
  border-top: 1px solid var(--keyline);
  width: 120%; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container:first-child::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  border-top: 1px solid var(--keyline);
  width: 100%; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container:last-child:after {
  content: '';
  position: absolute;
  top: -8px;
  right: 50%;
  height: 39px;
  border-right: 1px solid var(--keyline); }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container:last-child:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 27%;
  border-top: 1px solid var(--keyline);
  width: 23%; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container:only-child:before, .client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container:only-child:after {
  content: none; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container:only-child .holding-container::before {
  content: '';
  position: absolute;
  top: -60px;
  right: 1%;
  border-left: 1px solid var(--keyline);
  width: 50%;
  height: 60px;
  pointer-events: none; }
.client-roles-diagram-wrap .client-roles-diagram li .holding-container {
  border: 1px solid var(--keyline);
  background: var(--bg);
  color: var(--text);
  border-radius: 4px;
  font-size: 14px;
  margin: 13px;
  margin-bottom: 10px;
  padding: 10px 21px;
  position: relative;
  min-width: 170px; }
.client-roles-diagram-wrap .client-roles-diagram li .holding-container::after {
  content: '';
  position: absolute;
  top: 49px;
  right: -87%;
  width: 87%;
  border-bottom: 1px solid var(--keyline); }
.client-roles-diagram-wrap .client-roles-diagram li .holding-container:hover .holding-id {
  text-decoration: underline; }
.client-roles-diagram-wrap .client-roles-diagram li .holding-container.bind .interested-party::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e94f';
  position: absolute;
  top: 1px;
  left: 66px;
  font-size: 17px;
  color: #ffbb00; }
.client-roles-diagram-wrap .client-roles-diagram li .holding-container.bind::after {
  display: none; }
.client-roles-diagram-wrap .client-roles-diagram li .holding-container .holding-type {
  margin: 0; }
.client-roles-diagram-wrap .client-roles-diagram li .holding-container .holding-id {
  position: relative;
  margin: 0;
  padding-bottom: 12px;
  color: var(--cta1); }
.client-roles-diagram-wrap .client-roles-diagram li .holding-container .right-bind-line:after {
  content: '';
  position: absolute;
  top: 46%;
  right: -71px;
  width: 21px;
  height: 1px;
  border-bottom: 1px solid var(--keyline); }
.client-roles-diagram-wrap .client-roles-diagram li .holding-container .left-bind-line:after {
  content: '';
  position: absolute;
  top: 46%;
  right: -20px;
  width: 20px;
  height: 1px;
  border-bottom: 1px solid var(--keyline); }
.client-roles-diagram-wrap .client-roles-diagram li .holding-container .bind-icon::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e949';
  position: absolute;
  top: 37%;
  right: -46px;
  font-size: 23px;
  color: #2B4A85; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container {
  padding-right: 25px;
  padding-left: 25px; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container:last-of-type .holding-container::after {
  display: none; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container .product-list-container .product-item {
  border: 1px solid var(--keyline);
  border-radius: 4px;
  background: var(--link);
  font-size: 14px;
  margin: 10px;
  display: block;
  padding: 5px 10px;
  min-width: 170px; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container .product-list-container .product-item.has-link:hover {
  background: var(--button-active); }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container .product-list-container .product-item:after {
  content: '';
  position: absolute;
  top: -12px;
  left: 50%;
  width: 1px;
  height: 12px;
  border-left: 1px solid var(--keyline); }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container .product-list-container .product-item .product {
  color: var(--cta1-text); }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container .product-list-container .product-item .product-name {
  margin: 0; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container .product-list-container .product-item .product-id {
  margin: 0;
  padding-bottom: 12px; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container .product-list-container li:first-of-type::after {
  content: none; }
.client-roles-diagram-wrap .client-roles-diagram li .rd-holding-list .list-container .product-list-container::before {
  content: '';
  position: absolute;
  top: -40px;
  left: 50%;
  width: 1px;
  height: 51px;
  border-left: 1px solid var(--keyline); }

.product-diagram-container .product-icon {
  position: relative;
  width: 64px;
  height: 58px;
  margin: 0 auto 20px; }
.product-diagram-container .product-icon text {
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-weight: 400; }
.product-diagram-container .product-icon.is-completed:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e912';
  position: absolute;
  left: 42px;
  top: 45px;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  background: var(--positive);
  color: var(--cta1-text);
  text-align: center;
  font-size: 12px; }
.product-diagram-container .transition-arrow {
  position: relative;
  height: 2px;
  background-image: linear-gradient(53deg, #979797, #979797 58%, transparent 58%, transparent 100%);
  background-size: 13px 1px;
  border: none;
  display: block;
  margin-bottom: 45px; }
.product-diagram-container .transition-arrow::after {
  content: '';
  position: absolute;
  top: -7px;
  right: 0px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 14px solid #87C0CD;
  border-bottom: 8px solid transparent; }

.performance-chart .highcharts-0 {
  stroke: none; }
.performance-chart .highcharts-axis.highcharts-color-0 .highcharts-axis-line {
  stroke: transparent; }
.performance-chart .highcharts-axis.highcharts-color-0 text {
  fill: transparent; }
.performance-chart .highcharts-color-1 {
  fill: blue;
  stroke: blue; }
.performance-chart .highcharts-axis.highcharts-color-1 .highcharts-axis-line {
  stroke: red; }
.performance-chart .highcharts-axis.highcharts-color-1 text {
  fill: #90ed7d; }
.performance-chart .highcharts-yaxis .highcharts-axis-line {
  stroke-width: 2px; }

.custom-navigation-trigger {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  padding: 11px 12px 11px 46px;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  border: 1px solid var(--link);
  background: none;
  color: var(--link);
  position: relative;
  cursor: pointer;
  border-radius: 5px; }
.custom-navigation-trigger .cnt-icon {
  position: absolute;
  left: 12px;
  top: 20px;
  display: block;
  width: 23px;
  height: 3px;
  background: var(--link);
  border-radius: 3px; }
.custom-navigation-trigger .cnt-icon:before, .custom-navigation-trigger .cnt-icon:after {
  position: absolute;
  left: 0;
  top: -7px;
  display: block;
  width: 23px;
  height: 3px;
  background: var(--link);
  border-radius: 3px;
  content: ''; }
.custom-navigation-trigger .cnt-icon:after {
  top: 7px; }
.custom-navigation-trigger:active {
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1); }
.custom-navigation-trigger:hover {
  background: var(--button-active);
  color: var(--cta1-text); }
.custom-navigation-trigger:hover .cnt-icon, .custom-navigation-trigger:hover .cnt-icon:before, .custom-navigation-trigger:hover .cnt-icon:after {
  background: var(--cta1-text); }
.custom-navigation-trigger:focus {
  outline: 0;
  box-shadow: 0 0 0 1px var(--text-highlight); }
.custom-navigation-trigger:focus .cnt-icon, .custom-navigation-trigger:focus .cnt-icon:before, .custom-navigation-trigger:focus .cnt-icon:after {
  background: var(--cta1-text); }
.custom-navigation-trigger:focus:not(:focus-visible) {
  box-shadow: none; }
.custom-navigation-trigger .cnt-label {
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: block; }

.custom-navigation-close {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  padding: 11px 30px 11px 60px;
  font-size: 16px;
  line-height: 22px;
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  position: relative;
  cursor: pointer;
  border-radius: 3px; }
.custom-navigation-close .cnc-icon {
  position: absolute;
  left: 18px;
  top: 21px;
  display: block;
  width: 27px;
  height: 3px;
  background: transparent;
  border-radius: 3px; }
.custom-navigation-close .cnc-icon:before, .custom-navigation-close .cnc-icon:after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 27px;
  height: 3px;
  background: #ffffff;
  border-radius: 2px;
  transform-origin: center center;
  transform: rotate(45deg);
  content: ''; }
.custom-navigation-close .cnc-icon:after {
  transform: rotate(-45deg); }
.custom-navigation-close:active {
  outline: none;
  background: rgba(255, 255, 255, 0.13); }
.custom-navigation-close:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.13); }
.custom-navigation-close .cnt-label {
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: block; }

.custom-navigation-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #ffffff;
  z-index: 20; }
.custom-navigation-overlay .text-overlay {
  color: #ffffff; }
.custom-navigation-overlay .fill {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(216.87deg, #087c89 0%, #0a2f73 43.61%, #0a2f73 94.45%);
  animation: cnOvIn 300ms ease-out;
  animation-fill-mode: both; }
.custom-navigation-overlay .layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative; }
.custom-navigation-overlay .header {
  padding: 50px 0 50px 0; }
.custom-navigation-overlay .header > .container {
  display: flex;
  justify-content: space-between; }
.custom-navigation-overlay .logo {
  flex: 0 0 auto;
  width: 160px;
  height: 36px;
  background: url(../leapfrog-img/SL-logo-inverse.svg) no-repeat center center;
  background-size: 100%;
  display: block;
  margin: 0 48px 0 48px; }
@media (max-width: 991px) {
  .custom-navigation-overlay .logo {
    margin-left: 0; } }
.custom-navigation-overlay .close {
  flex: 0 0 auto; }
.custom-navigation-overlay .content {
  flex: 0 0 auto; }
.custom-navigation-overlay .content > .container {
  display: flex; }
.custom-navigation-overlay .leftbar {
  width: 100px;
  padding: 0  24px 24px 0;
  flex: 0 0 auto; }
.custom-navigation-overlay .page {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 0 24px 0; }
.custom-navigation-overlay .page-top {
  flex: 1 1 auto;
  padding: 0 0 24px 0;
  min-height: 50vh; }
.custom-navigation-overlay .page-bottom {
  flex: 0 0 auto; }
.custom-navigation-overlay .custom-column-title {
  padding: 0 0 12px 0; }
.custom-navigation-overlay .primary-items-wrap {
  padding: 36px 0 0 0; }
.custom-navigation-overlay .secondary-items-wrap {
  padding: 36px 0 0 0; }

@keyframes cnOvIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.cn-overlay .cno-topbar {
  padding: 50px 0 50px 0; }
.cn-overlay .cno-topbar > .container {
  display: flex;
  justify-content: space-between; }
.cn-overlay .cno-section-heading {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  padding: 15px 0 8px 0;
  margin: 0 0 40px 0;
  font-size: 20px; }
.cn-overlay .cno-section:first-of-type .cno-section-heading:empty {
  border: 0;
  padding: 40px 0 0 0;
  margin: 0; }
.cn-overlay .cno-main {
  min-height: calc(100vh - 430px);
  position: relative; }
.cn-overlay .cno-column-heading {
  font-size: 18px;
  padding: 0 0 18px 32px;
  margin: 0;
  color: #fff;
  position: relative; }
.cn-overlay .cno-column-heading .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  line-height: 24px;
  font-size: 18px;
  text-align: center;
  content: '\e91b';
  color: #fff; }
.cn-overlay .cno-column-heading.e933 .icon:before {
  content: '\e933'; }
.cn-overlay .cno-column-heading.e942 .icon:before {
  content: '\e942'; }
.cn-overlay .cno-column-heading.e933 .icon:before {
  content: '\e93f'; }
.cn-overlay .cno-column-heading.e934 .icon:before {
  content: '\e934'; }
.cn-overlay .cno-column-heading.e935 .icon:before {
  content: '\e935'; }
.cn-overlay .cno-column-heading.e936 .icon:before {
  content: '\e936'; }
.cn-overlay .cno-column-heading.e937 .icon:before {
  content: '\e937'; }
.cn-overlay .cno-column-heading.e938 .icon:before {
  content: '\e938'; }
.cn-overlay .cno-column-heading.e939 .icon:before {
  content: '\e939'; }
.cn-overlay .cno-column-heading.e93a .icon:before {
  content: '\e93a'; }
.cn-overlay .cno-column-heading.e93b .icon:before {
  content: '\e93b'; }
.cn-overlay .cno-column-heading.e93c .icon:before {
  content: '\e93c'; }
.cn-overlay .cno-column-heading.e93d .icon:before {
  content: '\e93d'; }
.cn-overlay .cno-column-heading.e93e .icon:before {
  content: '\e93e'; }
.cn-overlay .cno-column-heading.e940 .icon:before {
  content: '\e940'; }
.cn-overlay .cno-column-heading.e941 .icon:before {
  content: '\e941'; }
.cn-overlay .cno-column-heading.e921 .icon:before {
  content: '\e921'; }
.cn-overlay .cno-column-heading.e909 .icon:before {
  content: '\e909'; }
.cn-overlay .cno-footer {
  border-top: 1px solid rgba(204, 204, 204, 0.5);
  padding: 40px 0 30px 0;
  margin: 30px 0 0 0; }
.cn-overlay .cno-footer-links {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none; }
.cn-overlay .cno-footer-links li {
  display: block;
  margin: 0;
  padding: 0 0 8px 0; }
.cn-overlay .cno-footer-links a {
  color: #fff; }

.cn-overlay .custom-item {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  display: block;
  text-decoration: none;
  width: 100%;
  font-weight: normal;
  box-sizing: border-box;
  height: 48px;
  line-height: 30px;
  margin: 0 0 20px 0;
  border: 1px solid #ffffff;
  border-radius: 3px;
  font-size: 16px;
  padding: 8px 46px 8px 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  color: inherit;
  position: relative;
  cursor: pointer;
  transition: background-color 100ms linear; }
.cn-overlay .custom-item .icon {
  position: absolute;
  right: 14px;
  top: calc(50% - 15px);
  background: #ffbb00;
  color: #0a2f73;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center; }
.cn-overlay .custom-item .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 11px;
  content: '\e905';
  line-height: 30px; }
.cn-overlay .custom-item:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.13); }
.cn-overlay .configure-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  width: auto;
  display: inline-block;
  font-weight: normal;
  box-sizing: border-box;
  height: 48px;
  margin: 0 0 12px 0;
  border-radius: 8px;
  font-size: 18px;
  line-height: 22px;
  padding: 8px 40px 8px 18px;
  text-align: left;
  color: inherit;
  position: relative;
  cursor: pointer; }
.cn-overlay .configure-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 8px;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
  font-size: 18px;
  content: '\e909';
  line-height: 30px; }

.cno-client-bar {
  display: flex;
  padding: 0 0 10px 60px;
  position: relative; }

.cno-account-number {
  font-size: 14px;
  text-transform: uppercase; }

.cno-client-head {
  display: block;
  position: relative;
  transform: translateX(-60px);
  transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.cno-client-name {
  position: relative;
  font-size: 30px;
  padding: 0;
  margin: 0;
  color: #fff; }
.cno-client-name > span {
  display: inline-block;
  position: relative;
  padding: 0 35px 0 0; }

.cno-return-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 30px;
  color: #ffffff;
  line-height: 34px;
  font-weight: normal;
  box-sizing: border-box;
  padding: 0;
  width: 50px;
  height: 70px;
  top: 0;
  left: 0;
  text-align: left;
  color: inherit;
  position: absolute;
  cursor: pointer;
  overflow: hidden; }
.cno-return-button .icon {
  position: absolute;
  left: 0px;
  top: 8px;
  background: #ffffff;
  color: #0a2f73;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-align: center;
  transform: scale(0);
  opacity: 0;
  transition: opacity 600ms linear, transform 300ms cubic-bezier(0.02, 0.9, 0.6, 0.97); }
.cno-return-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 11px;
  content: '\e906';
  line-height: 32px; }
.cno-return-button .lbl {
  position: absolute;
  top: 39px;
  left: 0;
  width: 30px;
  text-align: center;
  font-size: 14px;
  transition: opacity 300ms ease-in-out;
  opacity: 0; }
.cno-return-button:focus {
  outline: none; }
.cno-return-button:focus .icon {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35); }

.cno-client-bar.show-back .icon {
  opacity: 1;
  transform: scale(1); }
.cno-client-bar.show-back .lbl {
  opacity: 1; }
.cno-client-bar.show-back .cno-client-head {
  transform: translateX(0); }

.custom-navigation-overlay-breadcrumbs {
  display: flex; }
.custom-navigation-overlay-breadcrumbs .return-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 30px;
  color: #ffffff;
  line-height: 34px;
  font-weight: normal;
  box-sizing: border-box;
  padding: 8px 12px 8px 42px;
  text-align: left;
  color: inherit;
  position: relative;
  cursor: pointer;
  transition: padding 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.custom-navigation-overlay-breadcrumbs .return-button .icon {
  position: absolute;
  left: 0px;
  top: calc(50% - 15px);
  background: #ffffff;
  color: #0a2f73;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  text-align: center;
  transform: scale(1);
  transition: opacity 600ms linear, transform 600ms cubic-bezier(0.6, -0.28, 0.735, 0.045), background-color 200ms linear; }
.custom-navigation-overlay-breadcrumbs .return-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 11px;
  content: '\e906';
  line-height: 30px; }
.custom-navigation-overlay-breadcrumbs .return-button:disabled {
  padding-left: 0; }
.custom-navigation-overlay-breadcrumbs .return-button:disabled .icon {
  opacity: 0;
  transform: scale(0);
  transition: opacity 600ms linear, transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1); }
.custom-navigation-overlay-breadcrumbs .return-button:focus {
  outline: none; }
.custom-navigation-overlay-breadcrumbs .return-button:focus .icon {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35); }
.custom-navigation-overlay-breadcrumbs .breadcrumb-secondary {
  font-weight: normal;
  padding: 0;
  position: relative;
  will-change: max-width;
  max-width: 1px;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  transition: max-width 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 600ms linear; }
.custom-navigation-overlay-breadcrumbs .breadcrumb-secondary .text {
  font-size: 30px;
  line-height: 34px;
  display: block;
  padding: 8px 0 8px 22px;
  min-height: 34px; }
.custom-navigation-overlay-breadcrumbs .breadcrumb-secondary .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 22px;
  left: 0;
  font-size: 12px;
  line-height: 1;
  content: '\e905';
  color: #ffffff; }
.custom-navigation-overlay-breadcrumbs .breadcrumb-secondary.is-visible {
  max-width: 300px;
  opacity: 1; }

.checkbox-layout-inline .controls-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 16px 0; }
.checkbox-layout-inline .square-checkbox {
  margin: 0 46px 8px 4px; }

.checkbox-layout-vertical .controls-wrap {
  display: block;
  margin: 0 0 16px 0; }
.checkbox-layout-vertical .square-checkbox {
  margin: 0 46px 14px 4px;
  display: block; }

.checkbox-layout-165 .controls-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 16px 0; }
.checkbox-layout-165 .square-checkbox {
  margin: 0 46px 8px 0;
  width: 165px; }

.checkbox-layout-150 .controls-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 16px 0; }
.checkbox-layout-150 .square-checkbox {
  margin: 0 12px 8px 0;
  width: 150px; }

.checkbox-layout-contact-preference .contact-preference-item {
  display: flex; }
.checkbox-layout-contact-preference .contact-preference-field {
  flex: 1 1 auto;
  margin: 0 16px 0 0; }
.checkbox-layout-contact-preference .contact-preference-choice {
  flex: 0 0 auto;
  text-align: center;
  width: 90px; }
.checkbox-layout-contact-preference .contact-preference-choice .preference-label {
  padding: 0 0 20px  0;
  line-height: 20px;
  font-size: 16px; }

.square-checkbox {
  position: relative;
  min-width: 24px;
  min-height: 24px;
  display: inline-block; }
.square-checkbox label {
  display: inline-block;
  cursor: pointer; }
.square-checkbox input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer; }
.square-checkbox .gfx {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 3px;
  left: 0;
  border: 1px solid var(--link);
  background: transparent;
  color: var(--bg);
  text-align: center;
  font-size: 12px;
  border-radius: 3px;
  z-index: 0; }
.square-checkbox input[type="checkbox"]:checked + .gfx {
  background: var(--link);
  color: var(--bg); }
.square-checkbox input[type="checkbox"]:checked + .gfx:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 16px;
  content: '\e908'; }
.square-checkbox .label {
  display: block;
  padding: 0 0  0 32px;
  color: var(--link); }
.square-checkbox input[type="checkbox"]:disabled + .gfx, .square-checkbox input[type="checkbox"]:disabled ~ .label {
  opacity: 0.5;
  cursor: not-allowed;
  color: var(--link); }
.square-checkbox input[type="checkbox"]:disabled {
  cursor: not-allowed; }
.square-checkbox input[type="checkbox"]:disabled + .gfx {
  border: 1px solid var(--text); }
.square-checkbox input[type="checkbox"]:disabled:checked + .gfx {
  background: var(--text);
  color: var(--cta1-text); }
.square-checkbox input[type="checkbox"]:not(:disabled):focus + .gfx {
  box-shadow: 0 0 0 2px white, 0 0 0 4px var(--cta1); }

.square-checkbox.color-text .label {
  color: var(--text); }

.square-checkbox.label-left .gfx {
  left: auto;
  right: 0; }
.square-checkbox.label-left .label {
  padding-left: 0;
  padding-right: 32px; }

.rounded-checkbox {
  position: relative;
  min-width: 24px;
  min-height: 24px;
  display: inline-block; }
.rounded-checkbox input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  opacity: 0;
  cursor: pointer; }
.rounded-checkbox .gfx {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: var(--keyline);
  color: var(--bg);
  text-align: center;
  font-size: 12px; }
.rounded-checkbox .gfx:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 24px;
  content: '\e912'; }
.rounded-checkbox input[type="checkbox"]:checked + .gfx {
  background: var(--link); }
.rounded-checkbox .label {
  display: block;
  padding: 0 0 32px 0; }

.form-group.error .controls-checkbox label:before {
  background: color(1);
  border-color: color(10); }

.form-group.checkbox-panel {
  display: block;
  margin: 0 0 6px 0;
  position: relative; }
.form-group.checkbox-panel .label {
  padding: 12px 48px 12px 18px;
  display: block;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid var(--keyline);
  color: var(--link);
  border-radius: 5px; }
.form-group.checkbox-panel .gfx:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 16px;
  right: 15px;
  color: var(--bg);
  font-size: 16px;
  content: '\e912';
  pointer-events: none;
  opacity: 0; }
.form-group.checkbox-panel .gfx:after {
  content: '';
  position: absolute;
  top: 12px;
  right: 12px;
  border: 1px solid var(--link);
  border-radius: 3px;
  width: 22px;
  height: 22px;
  pointer-events: none; }
.form-group.checkbox-panel input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }
.form-group.checkbox-panel input[type="checkbox"]:checked + .gfx:before {
  opacity: 1; }
.form-group.checkbox-panel input[type="checkbox"]:checked + .gfx:after {
  border-color: var(--bg); }
.form-group.checkbox-panel input[type="checkbox"]:checked ~ .label {
  background-color: var(--link);
  color: var(--bg);
  border-color: var(--link); }
.form-group.checkbox-panel input[type="checkbox"]:disabled + .gfx {
  opacity: 0.5;
  cursor: not-allowed; }
.form-group.checkbox-panel input[type="checkbox"]:not([checked]):disabled ~ .label {
  opacity: 0.5;
  cursor: not-allowed; }
.form-group.checkbox-panel input[type="checkbox"][disabled] ~ .label {
  opacity: 0.5;
  cursor: not-allowed; }

.checkbox-panel.is-inverse .gfx {
  border: 1px solid #ffffff; }
.checkbox-panel.is-inverse input[type="checkbox"]:checked + .gfx {
  background-color: #fb0; }

.coach-marker-wrapper {
  position: relative;
  display: inline-block;
  z-index: 1000; }
.coach-marker-wrapper .cm-content {
  position: absolute;
  top: -11px;
  left: 24px;
  width: 385px;
  animation: cmContentEnter 220ms cubic-bezier(0, 0.55, 0.45, 1);
  color: var(--dialogue-text); }
.coach-marker-wrapper .cm-content:focus {
  outline: none; }
.coach-marker-wrapper .cm-content:focus:not(:focus-visible) .cm-content-panel {
  border: 2px solid var(--panel-heavy); }
.coach-marker-wrapper .cm-content:focus:not(:focus-visible) .cm-content-ar2 {
  border: 2px solid transparent; }
.coach-marker-wrapper .cm-content:focus:not(:focus-visible) .cm-content-ar1 {
  border: 2px solid var(--panel-heavy); }
.coach-marker-wrapper .cm-content-panel {
  padding: 15px 22px 20px;
  border-radius: 9px;
  box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.3);
  background: var(--dialogue);
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
  text-align: left; }
.coach-marker-wrapper .cm-content-panel .title {
  font-size: 16px;
  font-weight: bold; }
.coach-marker-wrapper .cm-content-ar1 {
  z-index: 0;
  width: 30px;
  height: 30px;
  background: var(--dialogue);
  transform: rotate(45deg);
  position: absolute;
  top: 29px;
  left: -15px;
  display: block;
  background-clip: padding-box; }
.coach-marker-wrapper .cm-content-ar2 {
  display: block;
  z-index: 0;
  width: 30px;
  height: 30px;
  background: var(--dialogue);
  transform: rotate(45deg);
  position: absolute;
  top: 29px;
  left: -15px;
  background-clip: padding-box; }
.coach-marker-wrapper .cm-close-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: underline; }
.coach-marker-wrapper .cm-close-button:hover {
  text-decoration: none; }
.coach-marker-wrapper .cm-next-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  border: 1px solid var(--dialogue-text);
  font-weight: bold;
  color: var(--dialogue-text); }
.coach-marker-wrapper .cm-next-button:hover {
  color: var(--cta1-text);
  background: var(--button-active);
  border: 1px solid var(--button-active); }
.coach-marker-wrapper.to-the-left-bottom .cm-content-ar1 {
  right: auto;
  left: 28px;
  top: -15px; }
.coach-marker-wrapper.to-the-left-bottom .cm-content-ar2 {
  right: auto;
  left: 28px;
  top: -15px; }
.coach-marker-wrapper.to-the-right-bottom .cm-content-ar1 {
  right: auto;
  left: 323px;
  top: -15px; }
.coach-marker-wrapper.to-the-right-bottom .cm-content-ar2 {
  right: auto;
  left: 323px;
  top: -15px; }
.coach-marker-wrapper.to-the-bottom .cm-content-ar1 {
  left: auto;
  right: 184px;
  top: -14px; }
.coach-marker-wrapper.to-the-bottom .cm-content-ar2 {
  left: auto;
  right: 184px;
  top: -14px; }
.coach-marker-wrapper .dots-bar {
  list-style: none;
  display: inline-flex;
  margin: 0;
  margin-top: 7px; }
.coach-marker-wrapper .dots-bar > span {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  background: rgba(255, 255, 255, 0.3); }
.coach-marker-wrapper .dots-bar.step-1 .dot-1, .coach-marker-wrapper .dots-bar.step-2 .dot-1, .coach-marker-wrapper .dots-bar.step-2 .dot-2, .coach-marker-wrapper .dots-bar.step-3 .dot-1, .coach-marker-wrapper .dots-bar.step-3 .dot-2, .coach-marker-wrapper .dots-bar.step-3 .dot-3, .coach-marker-wrapper .dots-bar.step-4 .dot-1, .coach-marker-wrapper .dots-bar.step-4 .dot-2, .coach-marker-wrapper .dots-bar.step-4 .dot-3, .coach-marker-wrapper .dots-bar.step-4 .dot-4, .coach-marker-wrapper .dots-bar.step-5 .dot-1, .coach-marker-wrapper .dots-bar.step-5 .dot-2, .coach-marker-wrapper .dots-bar.step-5 .dot-3, .coach-marker-wrapper .dots-bar.step-5 .dot-4, .coach-marker-wrapper .dots-bar.step-5 .dot-5, .coach-marker-wrapper .dots-bar.step-6 .dot-1, .coach-marker-wrapper .dots-bar.step-6 .dot-2, .coach-marker-wrapper .dots-bar.step-6 .dot-3, .coach-marker-wrapper .dots-bar.step-6 .dot-4, .coach-marker-wrapper .dots-bar.step-6 .dot-5, .coach-marker-wrapper .dots-bar.step-6 .dot-6, .coach-marker-wrapper .dots-bar.step-7 .dot-1, .coach-marker-wrapper .dots-bar.step-7 .dot-2, .coach-marker-wrapper .dots-bar.step-7 .dot-3, .coach-marker-wrapper .dots-bar.step-7 .dot-4, .coach-marker-wrapper .dots-bar.step-7 .dot-5, .coach-marker-wrapper .dots-bar.step-7 .dot-6, .coach-marker-wrapper .dots-bar.step-7 .dot-7, .coach-marker-wrapper .dots-bar.step-8 .dot-1, .coach-marker-wrapper .dots-bar.step-8 .dot-2, .coach-marker-wrapper .dots-bar.step-8 .dot-3, .coach-marker-wrapper .dots-bar.step-8 .dot-4, .coach-marker-wrapper .dots-bar.step-8 .dot-5, .coach-marker-wrapper .dots-bar.step-8 .dot-6, .coach-marker-wrapper .dots-bar.step-8 .dot-7, .coach-marker-wrapper .dots-bar.step-8 .dot-8, .coach-marker-wrapper .dots-bar.step-9 .dot-1, .coach-marker-wrapper .dots-bar.step-9 .dot-2, .coach-marker-wrapper .dots-bar.step-9 .dot-3, .coach-marker-wrapper .dots-bar.step-9 .dot-4, .coach-marker-wrapper .dots-bar.step-9 .dot-5, .coach-marker-wrapper .dots-bar.step-9 .dot-6, .coach-marker-wrapper .dots-bar.step-9 .dot-7, .coach-marker-wrapper .dots-bar.step-9 .dot-8, .coach-marker-wrapper .dots-bar.step-9 .dot-9, .coach-marker-wrapper .dots-bar.step-10 .dot-1, .coach-marker-wrapper .dots-bar.step-10 .dot-2, .coach-marker-wrapper .dots-bar.step-10 .dot-3, .coach-marker-wrapper .dots-bar.step-10 .dot-4, .coach-marker-wrapper .dots-bar.step-10 .dot-5, .coach-marker-wrapper .dots-bar.step-10 .dot-6, .coach-marker-wrapper .dots-bar.step-10 .dot-7, .coach-marker-wrapper .dots-bar.step-10 .dot-8, .coach-marker-wrapper .dots-bar.step-10 .dot-9, .coach-marker-wrapper .dots-bar.step-10 .dot-10 {
  background: var(--dialogue-text); }

@keyframes cmContentEnter {
  0% {
    transform: translateY(6px);
    opacity: 0; }

  100% {
    transform: translateY(0px);
    opacity: 1; } }

.dropdown-dots .trigger {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 18px;
  cursor: pointer;
  color: var(--link); }
.dropdown-dots .trigger:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90c'; }
.dropdown-dots .trigger:hover {
  color: var(--text-highlight); }

.primary-dropdown {
  position: relative;
  display: inline-block; }
.primary-dropdown .trigger {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  border-radius: 3px;
  width: 220px;
  font-size: 16px;
  line-height: 30px;
  background: var(--cta1);
  color: var(--cta1-text);
  cursor: pointer;
  padding: 8px 18px;
  position: relative;
  display: flex;
  justify-content: space-between; }
.primary-dropdown .trigger:focus {
  background: var(--button-active);
  border: 1px solid var(--button-active); }
.primary-dropdown .trigger .icon:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--cta1-text);
  content: "";
  height: 10px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: 20px;
  right: 15px; }
.primary-dropdown .trigger[aria-expanded="true"] {
  border-radius: 3px 3px 0 0; }
.primary-dropdown .dropdown-list {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 11;
  overflow: hidden;
  box-shadow: var(--panel-shadow); }
.primary-dropdown .dropdown-list .dropdown-list-panel {
  display: block;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  background: var(--panel-heavy);
  border-radius: 0px 0 8px 8px;
  max-height: 263px;
  overflow-y: auto; }
.primary-dropdown .dropdown-list .item {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 18px;
  cursor: pointer;
  text-decoration: none;
  color: var(--link);
  font-size: 16px; }
.primary-dropdown .dropdown-list .item:hover {
  background: var(--panel-highlight); }
.primary-dropdown .dropdown-list .item:active {
  background: var(--cta1);
  color: var(--cta1-text); }
.primary-dropdown .dropdown-list .item .name {
  color: var(--link);
  padding: 0 8px 0 0; }

.primary-dropdown.is-nav-dropdown {
  display: block;
  margin: 0 0 20px 0; }
.primary-dropdown.is-nav-dropdown .trigger {
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 11px 18px; }
.primary-dropdown.is-nav-dropdown .trigger .icon:before {
  top: 21px;
  border-top-color: #fff; }
.primary-dropdown.is-nav-dropdown .trigger:active {
  outline: none;
  background: rgba(255, 255, 255, 0.13); }
.primary-dropdown.is-nav-dropdown .trigger:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.13); }
.primary-dropdown.is-nav-dropdown .dropdown-list .dropdown-list-panel {
  background: #fff; }
.primary-dropdown.is-nav-dropdown .dropdown-list .item {
  color: #000; }
.primary-dropdown.is-nav-dropdown .dropdown-list .item:hover {
  background: #EBEEEF; }
.primary-dropdown.is-nav-dropdown .dropdown-list .item:active {
  background: #c1c1c1;
  color: #fff; }

.secondary-dropdown {
  position: relative;
  display: inline-block; }
.secondary-dropdown.is-fluid {
  display: block; }
.secondary-dropdown .trigger {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  border-radius: 3px;
  border: 1px solid var(--keyline);
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  background: var(--panel);
  color: var(--text);
  cursor: pointer;
  padding: 8px 36px 8px 18px;
  position: relative;
  display: flex;
  justify-content: space-between; }
.secondary-dropdown .trigger:focus {
  border-color: var(--text-highlight); }
.secondary-dropdown .trigger .icon:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--link);
  content: "";
  height: 10px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: 20px;
  right: 15px; }
.secondary-dropdown .trigger[aria-expanded="true"] {
  border-radius: 3px 3px 0 0; }
.secondary-dropdown .dropdown-list {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 11;
  overflow: hidden;
  box-shadow: var(--panel-shadow); }
.secondary-dropdown .dropdown-list .dropdown-list-panel {
  display: block;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  background: var(--panel-heavy);
  border-radius: 0px 0 8px 8px;
  max-height: 263px;
  overflow-y: auto; }
.secondary-dropdown .dropdown-list .item {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 18px;
  cursor: pointer;
  text-decoration: none;
  color: var(--link);
  font-size: 16px; }
.secondary-dropdown .dropdown-list .item:hover {
  background: var(--panel-highlight); }
.secondary-dropdown .dropdown-list .item:active {
  background: var(--panel-highlight); }
.secondary-dropdown .dropdown-list .item .name {
  color: var(--link);
  padding: 0 8px 0 0; }

.text-and-dots-dropdown {
  position: relative;
  display: inline-block; }
.text-and-dots-dropdown .trigger {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  color: var(--link);
  cursor: pointer;
  color: var(--link);
  padding: 2px 44px 2px 2px;
  position: relative;
  z-index: 9; }
.text-and-dots-dropdown .trigger:hover {
  color: var(--text-highlight); }
.text-and-dots-dropdown .trigger .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90c';
  position: absolute;
  top: 6px;
  right: 9px;
  font-size: 20px; }
.text-and-dots-dropdown .trigger[aria-expanded="true"] {
  z-index: 110; }
.text-and-dots-dropdown.label-sr-only .trigger {
  width: 38px;
  height: 34px;
  padding: 0; }
.text-and-dots-dropdown.label-sr-only .trigger .text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.text-and-dots-dropdown.label-sr-only .trigger .icon:before {
  position: static;
  vertical-align: middle; }
.text-and-dots-dropdown.is-multiselect .dropear-list {
  left: 7px; }
.text-and-dots-dropdown.is-multiselect .dropear-list-panel {
  width: 445px;
  border-radius: 0;
  box-shadow: none;
  border: 2px solid var(--keyline); }
.text-and-dots-dropdown.is-multiselect .dropear-list-sh1, .text-and-dots-dropdown.is-multiselect .dropear-list-sh2 {
  width: 0;
  height: 0; }
.text-and-dots-dropdown.is-multiselect.label-sr-only .label {
  position: relative;
  overflow: visible;
  padding-left: 32px; }
.text-and-dots-dropdown .details-ellipsis {
  top: -18px; }

.table-filter {
  position: relative;
  display: inline-block;
  z-index: 10;
  text-align: left; }
.table-filter .trigger {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 20px;
  color: var(--link);
  cursor: pointer;
  padding: 5px;
  position: relative;
  z-index: 10; }
.table-filter .trigger:focus {
  color: var(--link); }
.table-filter .trigger .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90b'; }
.table-filter.table-column-filter .trigger .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e917'; }
.table-filter.table-column-filter .filter-options {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  columns: 2; }
@media (min-width: 0) and (max-width: 575px) {
  .table-filter.table-column-filter .filter-options {
    columns: auto; } }
.table-filter.table-column-filter .filter-options li {
  break-inside: avoid; }
.table-filter.table-column-filter .filter-options .filter-option {
  position: relative;
  border-radius: 4px;
  background: var(--panel-heavy);
  margin-bottom: 10px;
  display: block;
  cursor: pointer; }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"] {
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 1px;
  z-index: 1; }
.table-filter.table-column-filter .filter-options .filter-option .label {
  cursor: pointer;
  border: 1px solid var(--cta1);
  border-radius: 4px;
  display: block;
  padding: 5px 9px 5px 36px;
  color: var(--cta1);
  position: relative;
  z-index: 3; }
.table-filter.table-column-filter .filter-options .filter-option .label:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e917';
  position: absolute;
  top: 7px;
  left: 9px;
  font-size: 16px;
  z-index: 3; }
.table-filter.table-column-filter .filter-options .filter-option .label:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e915';
  position: absolute;
  top: 11px;
  right: 9px;
  font-size: 10px;
  z-index: 3;
  transition: transform .1s ease-in-out; }
.table-filter.table-column-filter .filter-options .filter-option .gfx {
  border-radius: 4px;
  bottom: 0;
  display: block;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }
.table-filter.table-column-filter .filter-options .filter-option .gfx::before {
  background: var(--panel-heavy);
  border: 1px solid #077D89;
  border-radius: 4px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }
.table-filter.table-column-filter .filter-options .filter-option .gfx::after {
  background: #077D89;
  bottom: 0;
  content: "";
  display: block;
  left: -160px;
  position: absolute;
  right: -160px;
  top: 0;
  transform: scaleX(0) skew(-20deg);
  transform-origin: 0 50%;
  transition: opacity 200ms ease-in-out, transform 200ms cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 1;
  opacity: 0; }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"]:checked ~ .label {
  background-color: var(--panel-active);
  border-color: var(--panel-active);
  color: var(--dialogue-text); }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"]:checked ~ .label:after {
  transform: rotate(45deg); }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"]:checked ~ .gfx:after {
  transform: scaleX(1) skew(-20deg);
  opacity: 1; }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"]:disabled ~ .label {
  padding-left: 9px;
  cursor: default;
  border: none;
  background: var(--panel-active);
  color: var(--cta1-text); }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"]:disabled ~ .label:before {
  display: none; }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"]:disabled ~ .label:after {
  display: none; }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"]:disabled ~ .gfx:before {
  border-color: rgba(7, 125, 137, 0.5); }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"]:disabled ~ .gfx:after {
  background: rgba(7, 125, 137, 0.5); }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"]:active:not(:disabled) ~ .gfx:before {
  border-color: rgba(7, 125, 137, 0.8); }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"]:active:not(:disabled) ~ .gfx:after {
  background: rgba(7, 125, 137, 0.8); }
.table-filter.table-column-filter .filter-options .filter-option input[type="checkbox"]:focus ~ .label {
  outline: 1px solid var(--cta1); }

[draggable="false"] .filter-option .label {
  padding-left: 9px !important; }
[draggable="false"] .filter-option .label:before {
  display: none; }

@media (min-width: 992px) {
  .table-filter.notification-filter .filter-dropdown-list-panel {
    min-width: 880px; } }
.filter-dropdown-list {
  position: absolute;
  top: 9px;
  right: -4px;
  pointer-events: none; }
.filter-dropdown-list .filter-dropdown-list-panel {
  display: block;
  margin: 24px 0 0 0;
  box-sizing: border-box;
  width: 440px;
  overflow: hidden;
  will-change: height;
  background: var(--panel-heavy);
  color: var(--text);
  border-radius: 0;
  transform: translate3d(0, 0, 0);
  z-index: 8;
  background: var(--panel-heavy);
  box-shadow: var(--panel-shadow);
  pointer-events: auto; }
@media (min-width: 0) and (max-width: 575px) {
  .filter-dropdown-list .filter-dropdown-list-panel {
    max-width: 220px; } }
.filter-dropdown-list .filter-dropdown-list-inner {
  padding: 19px 33px 29px 20px;
  overflow-y: auto; }
.filter-dropdown-list .filter-dropdown-list-sh2 {
  position: absolute;
  right: 0;
  top: -15px;
  width: 38px;
  height: 39px;
  border-radius: 19px 19px 0 0;
  background: var(--panel-heavy);
  border-width: 1px 1px 0;
  z-index: 9; }
.filter-dropdown-list .filter-dropdown-list-sh1 {
  position: absolute;
  right: 0;
  top: -15px;
  width: 38px;
  height: 39px;
  border-radius: 19px 19px 0 0;
  background: var(--panel-heavy);
  box-shadow: var(--panel-shadow); }

.table-filter.is-wide .filter-dropdown-list-panel {
  width: 1100px; }
@media (min-width: 992px) and (max-width: 1199px) {
  .table-filter.is-wide .filter-dropdown-list-panel {
    max-width: 900px; } }
@media (min-width: 767px) and (max-width: 991px) {
  .table-filter.is-wide .filter-dropdown-list-panel {
    max-width: 650px; } }
@media (min-width: 576px) and (max-width: 766px) {
  .table-filter.is-wide .filter-dropdown-list-panel {
    max-width: 400px; } }

.filter-dropdown-csstrans-enter {
  opacity: 0;
  transition: 80ms opacity ease-in-out; }
.filter-dropdown-csstrans-enter .filter-dropdown-list-inner {
  transform: translateY(10px);
  transition: 300ms transform cubic-bezier(0.33, 1, 0.68, 1); }

.filter-dropdown-csstrans-enter-active {
  opacity: 1; }
.filter-dropdown-csstrans-enter-active .filter-dropdown-list-inner {
  opacity: 1;
  transform: translateY(0px); }

.filter-dropdown-csstrans-exit {
  opacity: 1;
  transition: 80ms opacity ease-in-out; }
.filter-dropdown-csstrans-exit .filter-dropdown-list-inner {
  opacity: 1;
  transition: 300ms opacity ease-in-out; }

.filter-dropdown-csstrans-exit-active {
  opacity: 0; }
.filter-dropdown-csstrans-exit-active .filter-dropdown-list-inner {
  opacity: 0; }

.dropear-list {
  position: absolute;
  top: 0;
  right: 0; }
.dropear-list .dropear-list-panel {
  display: block;
  margin: 30px 0 0 0;
  box-sizing: border-box;
  width: 220px;
  overflow: hidden;
  background: var(--panel-heavy);
  color: var(--link);
  border-radius: 8px 0 8px 8px;
  box-shadow: var(--panel-shadow);
  z-index: 101;
  position: relative; }
.dropear-list .dropear-list-inner {
  padding: 8px 0;
  position: relative; }
.dropear-list .dropear-list-sh2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  border-radius: 19px 19px 0 0;
  background: var(--panel-heavy);
  z-index: 105; }
.dropear-list .dropear-list-sh1 {
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  border-radius: 19px 19px 0 0;
  background: var(--panel-heavy);
  box-shadow: var(--panel-shadow);
  z-index: 100; }
.dropear-list .item {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 8px 18px;
  cursor: pointer;
  text-decoration: none; }
.dropear-list .item:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905';
  width: 16px;
  height: 16px;
  font-size: 14px;
  background: transparent;
  color: var(--link);
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: 2px; }
.dropear-list .item:hover {
  background: var(--panel-highlight);
  text-decoration: none; }
.dropear-list .item:active {
  background: var(--cta1);
  color: var(--cta1-text); }
.dropear-list .item .name {
  color: var(--link);
  padding: 0 8px 0 0; }

.dropear-csstrans-enter .dropear-list-panel {
  opacity: 0;
  transform: translateY(10px);
  transition: 100ms opacity ease-in-out, 300ms transform cubic-bezier(0.33, 1, 0.68, 1); }
.dropear-csstrans-enter .dropear-list-sh1 {
  opacity: 0;
  transition: 100ms opacity ease-in-out; }
.dropear-csstrans-enter .dropear-list-sh2 {
  opacity: 0;
  transition: 100ms opacity ease-in-out; }

.dropear-csstrans-enter-active .dropear-list-panel {
  opacity: 1;
  transform: translateY(0px); }
.dropear-csstrans-enter-active .dropear-list-sh1 {
  opacity: 1; }
.dropear-csstrans-enter-active .dropear-list-sh2 {
  opacity: 1; }

.dropear-csstrans-exit .dropear-list-panel {
  opacity: 1;
  transition: 100ms opacity ease-in-out; }
.dropear-csstrans-exit .dropear-list-sh1 {
  opacity: 1;
  transition: 100ms opacity ease-in-out; }
.dropear-csstrans-exit .dropear-list-sh2 {
  opacity: 1;
  transition: 100ms opacity ease-in-out; }

.dropear-csstrans-exit-active .dropear-list-panel {
  opacity: 0; }
.dropear-csstrans-exit-active .dropear-list-sh1 {
  opacity: 0; }
.dropear-csstrans-exit-active .dropear-list-sh2 {
  opacity: 0; }

.sidenote-dropdown {
  position: relative; }
.sidenote-dropdown .trigger {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  text-align: left;
  border: 1px solid #ffffff;
  border-radius: 8px;
  color: inherit;
  position: relative;
  padding: 12px 32px 12px 18px;
  border-radius: 8px;
  width: 100%;
  min-width: 300px;
  box-sizing: border-box;
  cursor: pointer; }
.sidenote-dropdown .trigger:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.13); }
.sidenote-dropdown .trigger .text {
  font-size: 18px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.sidenote-dropdown .trigger .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905';
  position: absolute;
  top: 18px;
  right: 12px;
  transform: rotate(90deg);
  transform-origin: center center; }
.sidenote-dropdown .trigger .selected {
  display: flex;
  justify-content: space-between; }
.sidenote-dropdown .trigger .selected .name {
  display: block;
  padding: 0 8px 0 0; }
.sidenote-dropdown .trigger .selected .sidenote {
  font-size: 14px; }
.sidenote-dropdown .list {
  position: absolute;
  z-index: 3;
  top: 100%;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 25px;
  transition: height 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: height;
  background: var(--panel-heavy);
  color: var(--text);
  border-radius: 0 0 8px 8px;
  transform: translate3d(0, 0, 0); }
.sidenote-dropdown .list-moving {
  transform: translateY(-20px);
  transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1); }
.sidenote-dropdown [aria-expanded="true"] + .list .list-moving {
  transform: translateY(0); }
.sidenote-dropdown .item {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  min-height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 18px;
  cursor: pointer; }
.sidenote-dropdown .item:hover {
  background: var(--panel-highlight); }
.sidenote-dropdown .item .name {
  display: block;
  color: var(--link);
  padding: 0 8px 0 0; }

/* Popover */
.popover {
  cursor: auto;
  position: absolute;
  display: none;
  opacity: 0; }
.popover.active {
  opacity: 1; }
.popover .triangle {
  position: absolute;
  top: -23px;
  float: left;
  font-size: 0px;
  line-height: 0%;
  width: 0px;
  border-top: 12px solid rgba(0, 0, 0, 0);
  border-left: 12px solid rgba(0, 0, 0, 0);
  border-right: 12px solid rgba(0, 0, 0, 0);
  border-bottom: 12px solid #999999; }
.popover > .content {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.25s linear;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-transition: opacity 0.25s linear;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transition: opacity 0.25s linear; }

.popover-edit .trigger {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 18px;
  cursor: pointer;
  color: var(--link); }
.popover-edit .trigger:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91d'; }

.view-as-popup-wrapper .view-as-popup {
  max-width: 300px;
  position: fixed;
  right: 0;
  top: 12vh;
  transform: translateX(100%);
  transition: transform 700ms cubic-bezier(0.33, 1, 0.68, 1);
  z-index: 22;
  pointer-events: all; }
.view-as-popup-wrapper.active .view-as-popup {
  transform: translateX(0%); }
.view-as-popup-wrapper.active .popup-button .icon::before {
  content: '\e905'; }
.view-as-popup-wrapper.active .content {
  box-shadow: var(--panel-shadow); }
.view-as-popup-wrapper .content {
  background: var(--panel-heavy);
  box-shadow: 0 0 0 0 transparent;
  border-radius: 8px 0 0 8px;
  transition: box-shadow 300ms ease-in-out; }
.view-as-popup-wrapper .inner {
  padding: 20px; }
.view-as-popup-wrapper .popup-button {
  left: -32px;
  top: calc(50% - 20px);
  position: absolute;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  background: var(--panel-heavy);
  cursor: pointer;
  box-shadow: var(--panel-shadow);
  width: 32px;
  height: 40px;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  z-index: -1;
  bottom: 40px; }
.view-as-popup-wrapper .popup-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906';
  position: absolute;
  font-size: 14px;
  position: absolute;
  top: 13px;
  left: 12px;
  color: var(--link); }

.saved-filters-dropdown .dropear-list {
  top: 18px;
  right: 25px; }
.saved-filters-dropdown .dropear-list .dropear-list-sh2 {
  position: absolute;
  right: -14px;
  top: 0;
  width: 66px;
  height: 66px;
  border-radius: 0 50% 50% 0;
  z-index: 9;
  background: var(--panel-heavy);
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); }
.saved-filters-dropdown .dropear-list .dropear-list-panel {
  border-radius: 8px 0 0px 8px;
  position: relative;
  margin: 0 52px 0 0;
  min-height: 66px;
  min-width: 580px;
  box-shadow: -5px 0px 7px 0px rgba(0, 0, 0, 0.12);
  padding: 0 27px; }
.saved-filters-dropdown .dropear-list .dropear-list-panel .dropear-list-inner {
  padding: 6px 0 0px 0; }
.saved-filters-dropdown .dropear-list .dropear-list-panel .data-table {
  margin: 0; }
.saved-filters-dropdown .dropear-list .dropear-list-panel .data-table thead th {
  text-align: center !important; }
.saved-filters-dropdown .dropear-list .dropear-list-panel .data-table thead th:first-child {
  text-align: left !important; }
.saved-filters-dropdown .dropear-list .dropear-list-panel .data-table tbody tr > td {
  font-size: 16px;
  height: 44px;
  text-align: center !important; }
.saved-filters-dropdown .dropear-list .dropear-list-panel .data-table tbody tr > td:first-of-type {
  color: #4B4B4B; }
.saved-filters-dropdown .dropear-list .dropear-list-panel .data-table tbody tr > td:first-child {
  text-align: left !important; }
.saved-filters-dropdown .dropear-list .dropear-list-panel .data-table th:first-child, .saved-filters-dropdown .dropear-list .dropear-list-panel .data-table td:first-child {
  padding-left: 0 !important; }
.saved-filters-dropdown .dropear-list .dropear-list-panel .data-table th:last-child, .saved-filters-dropdown .dropear-list .dropear-list-panel .data-table td:last-child {
  padding-right: 0 !important; }
.saved-filters-dropdown .dropear-list.dropear-csstrans-enter .dropear-list-panel {
  transform: none !important; }
.saved-filters-dropdown .dropear-list.dropear-csstrans-enter-active .dropear-list-panel {
  transform: none !important; }

.multiselect-dropdown .controls-wrap {
  position: relative; }
.multiselect-dropdown .trigger {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: var(--text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  border: 1px solid var(--keyline);
  background-color: var(--panel);
  padding: 6px 42px 6px 18px;
  font-size: 16px;
  font-weight: normal;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  text-align: left;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
.multiselect-dropdown .trigger:focus {
  border: 1px solid var(--text-highlight); }
.multiselect-dropdown .trigger .icon:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--link);
  content: "";
  height: 10px;
  position: absolute;
  right: 16px;
  width: 0px;
  z-index: 1;
  top: 21px;
  pointer-events: none; }
.multiselect-dropdown .dropdown-list {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  background-color: var(--panel-heavy);
  width: 100%;
  border: 1px solid var(--keyline);
  border-radius: 3px;
  box-sizing: border-box;
  z-index: 20;
  padding: 8px 0; }
.multiselect-dropdown .dropdown-list .item {
  padding: 7px 18px; }
.multiselect-dropdown .dropdown-list .item .form-group {
  margin: 0; }
.multiselect-dropdown .dropdown-list .item.is-all {
  border-bottom: 1px solid var(--keyline);
  margin-bottom: 5px;
  padding-bottom: 11px; }

.multiselect-dropdown.accounts .dropdown-list {
  top: calc(100% + -3px);
  border: none;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.12); }
.multiselect-dropdown.accounts .dropdown-list .item {
  padding-left: 53px; }
.multiselect-dropdown.accounts .dropdown-list .item.is-all {
  border-bottom: none;
  padding-left: 18px; }
.multiselect-dropdown.accounts .dropdown-list hr {
  margin: 12px 18px 19px 18px; }
.multiselect-dropdown.accounts .dropdown-list p {
  margin-bottom: 2px; }
.multiselect-dropdown.accounts .dropdown-list .account-name {
  position: relative;
  padding-right: 35px;
  margin: 0;
  font-size: 16px; }
.multiselect-dropdown.accounts .dropdown-list .account-name::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e92f';
  font-size: 16px;
  position: absolute;
  top: 3px;
  right: 10px; }
.multiselect-dropdown.accounts .dropdown-list .account-name.isFz::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e952';
  font-size: 16px;
  position: absolute;
  top: 3px;
  right: 10px; }
.multiselect-dropdown.accounts .text .view {
  margin-left: 20px; }
.multiselect-dropdown.accounts .text .name {
  position: relative;
  font-size: 16px; }
.multiselect-dropdown.accounts .text .name::before {
  content: '|';
  position: absolute;
  right: -13px;
  top: -1px;
  color: var(--text); }
.multiselect-dropdown.accounts .trigger {
  border: none;
  background-color: var(--panel-heavy);
  box-shadow: var(--panel-shadow); }
.multiselect-dropdown.accounts .trigger .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91a';
  border-left: 0;
  border-right: 0;
  border-top: 0;
  width: 16px;
  height: 16px;
  top: 17px;
  right: 13px;
  font-weight: bold;
  transition: transform .3s ease-in-out; }
.multiselect-dropdown.accounts .trigger[aria-expanded="true"] .icon:before {
  transform: rotate(180deg);
  transform-origin: 50% 50%; }
.multiselect-dropdown.accounts .trigger:focus {
  border: 1px solid var(--text-highlight); }
.multiselect-dropdown.accounts .action-buttons {
  text-align: right;
  margin-right: 18px;
  margin-top: 35px;
  margin-bottom: 25px; }
.multiselect-dropdown.accounts .action-buttons button:first-child {
  margin-right: 20px; }

.mad.chosen-item {
  color: var(--dialogue-text);
  display: inline-block;
  padding: 5px 30px 5px 10px;
  border-radius: 3px;
  margin-bottom: 6px;
  font-size: 14px; }
.mad.chosen-item.individual {
  background: var(--dialogue); }
.mad.chosen-item.joint {
  background: var(--keyline); }
.mad.chosen-item.trust {
  background: var(--text); }

.badge-match, .badge-nomatch {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
  padding: 5px; }
.badge-match:after, .badge-nomatch:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e912';
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 50%;
  background: var(--positive);
  color: var(--cta1-text);
  text-align: center;
  font-size: 7px; }

.badge-nomatch:after {
  content: '\e904';
  background: var(--negative); }

.datepicker-container .controls-text {
  position: relative; }
.datepicker-container .controls-text input[type="text"] {
  color: var(--text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  border: 1px solid var(--keyline-strong);
  background-color: var(--panel);
  padding: 6px 55px 6px 18px;
  font-size: 16px;
  font-weight: normal;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px; }
.datepicker-container .controls-text input[type="text"][readonly], .datepicker-container .controls-text input[type="text"]:disabled, .datepicker-container .controls-text input[type="text"][disabled] {
  border: 1px solid var(--keyline);
  background-color: var(--bg);
  cursor: not-allowed; }
.datepicker-container .controls-text .datepicker-icon {
  position: relative; }
.datepicker-container .controls-text .datepicker-icon:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e944';
  position: absolute;
  right: 18px;
  top: -3px;
  line-height: 26px;
  font-size: 20px;
  color: var(--link);
  cursor: pointer; }
.datepicker-container .controls-text .datepicker-link.calendar:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e944';
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 26px;
  font-size: 20px;
  color: var(--link);
  cursor: pointer; }
.datepicker-container .controls-select:before {
  right: 104px; }
.datepicker-container .datepicker-dropdown-container {
  position: relative;
  margin-top: -9px; }
.datepicker-container .datepicker-dropdown {
  position: absolute;
  z-index: 102;
  padding: 1px;
  border-radius: 2px;
  background: var(--panel-heavy);
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
  font-size: 14px; }
.datepicker-container .datepicker-dropdown .header-row.year {
  display: flex;
  justify-content: center; }
.datepicker-container .datepicker-dropdown .header-row.year .form-group {
  margin: 0;
  padding-bottom: 0px;
  margin-right: 10px; }
.datepicker-container .datepicker-dropdown .header-row.year .form-group .controls-select {
  text-align: center; }
.datepicker-container .datepicker-dropdown .header-row.year .form-group .controls-select select {
  width: auto;
  min-height: 40px;
  padding: 8px 40px;
  color: var(--text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold; }
.datepicker-container .datepicker-dropdown .header-row.year .form-group .controls-select select:hover {
  border: 1px solid transparent; }
.datepicker-container .datepicker-dropdown .header-row.year .form-group .controls-select select:not(:hover):not(:focus) {
  background-color: transparent;
  border-color: transparent; }
.datepicker-container .datepicker-dropdown .header-row.month {
  box-sizing: border-box;
  position: relative;
  min-height: 32px;
  text-align: center;
  padding: 12px 50px;
  background: none !important;
  font-weight: bold;
  font-size: 16px; }
.datepicker-container .datepicker-dropdown .header-row.month .nav-arrow {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-block;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: none;
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
  outline: none;
  margin: auto;
  width: 36px;
  height: 36px; }
.datepicker-container .datepicker-dropdown .header-row.month .nav-arrow:hover {
  background-color: var(--panel-highlight);
  border-radius: 50%; }
.datepicker-container .datepicker-dropdown .header-row.month .nav-arrow.previous {
  left: 8px; }
.datepicker-container .datepicker-dropdown .header-row.month .nav-arrow.previous:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906';
  position: absolute;
  left: 6px;
  font-size: 20px;
  top: 7px;
  color: var(--link); }
.datepicker-container .datepicker-dropdown .header-row.month .nav-arrow.next {
  right: 8px; }
.datepicker-container .datepicker-dropdown .header-row.month .nav-arrow.next:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905';
  position: absolute;
  left: 9px;
  font-size: 20px;
  top: 7px;
  color: var(--link); }
.datepicker-container .datepicker-dropdown .header-row.month .nav-arrow:hover svg {
  transform: scale(1.25); }
.datepicker-container .datepicker-dropdown .calendar {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 5px; }
.datepicker-container .datepicker-dropdown .calendar thead th {
  box-sizing: border-box;
  min-width: 32px;
  min-height: 32px;
  padding: 5px 4px;
  font-weight: bold !important; }
.datepicker-container .datepicker-dropdown .calendar tbody td {
  padding: 3px;
  border: 1px solid transparent; }
.datepicker-container .datepicker-dropdown .calendar tbody .cell-day, .datepicker-container .datepicker-dropdown .calendar tbody button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-block;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none !important;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  color: inherit;
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  min-width: 32px;
  min-height: 32px;
  padding: 6px 4px;
  outline: none; }
.datepicker-container .datepicker-dropdown .calendar tbody .cell-day:hover, .datepicker-container .datepicker-dropdown .calendar tbody button:hover {
  background: var(--panel-highlight) !important;
  border-radius: 50%;
  color: inherit !important; }
.datepicker-container .datepicker-dropdown .calendar tbody .cell-day.active, .datepicker-container .datepicker-dropdown .calendar tbody button.active {
  background: var(--link); }
.datepicker-container .datepicker-dropdown .calendar tbody .cell-day.day-disabled:hover, .datepicker-container .datepicker-dropdown .calendar tbody button.day-disabled:hover {
  background: none !important; }
.datepicker-container .datepicker-dropdown .calendar tbody .cell-day.day-selected, .datepicker-container .datepicker-dropdown .calendar tbody button.day-selected {
  z-index: 10;
  border-radius: 50%;
  background: var(--cta1) !important;
  color: var(--cta1-text) !important; }
.datepicker-container .datepicker-dropdown .calendar tbody button.day-outside-month {
  box-shadow: none;
  background: color(1);
  color: color(12); }
.datepicker-container .datepicker-dropdown .calendar tbody button:not([disabled]) {
  cursor: pointer; }
.datepicker-container .datepicker-dropdown .calendar tbody button:not([disabled]):hover {
  z-index: 20;
  background: var(--readonly);
  border-radius: 50%;
  color: inherit; }
.datepicker-container .datepicker-dropdown .calendar tbody button:not([disabled]):hover .day {
  transform: scale(1.2); }
.datepicker-container .datepicker-dropdown .calendar tbody button[disabled] {
  opacity: .5;
  box-shadow: none; }
.datepicker-container .datepicker-dropdown .today-button button {
  margin: 0px 0px 10px 12px; }

.datepicker-container .form-group.mb-0 ~ * .datepicker-dropdown {
  margin-top: 0; }

.file-dropzone {
  border: 2px dashed #c1c1c1;
  border-radius: 30px;
  padding: 60px 20px 30px 20px;
  height: 330px;
  box-sizing: border-box;
  color: #c1c1c1;
  text-align: center;
  position: relative;
  font-weight: bold;
  transition: border 300ms ease-in-out; }
.file-dropzone.highlight-dragover {
  border: 2px solid var(--link); }
.file-dropzone input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  opacity: 0; }
.file-dropzone .icon {
  background: url(../leapfrog-img/dropzone.svg);
  width: 93px;
  height: 97px;
  display: inline-block;
  line-height: 1; }
.file-dropzone .cta {
  color: var(--text-muted);
  font-size: 16px;
  line-height: 30px;
  padding: 0 0 10px 0; }

.image-preview-on-site {
  background: #ebeeef;
  height: 330px;
  padding: 68px 28px 25px 28px;
  position: relative;
  border-radius: 11px;
  box-sizing: border-box; }
.image-preview-on-site .clear {
  position: absolute;
  right: 28px;
  top: 25px; }
.image-preview-on-site .dot1, .image-preview-on-site .dot2, .image-preview-on-site .dot3 {
  background: #c1c1c1;
  position: absolute;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  top: 25px; }
.image-preview-on-site .dot1 {
  left: 28px; }
.image-preview-on-site .dot2 {
  left: 60px; }
.image-preview-on-site .dot3 {
  left: 97px; }
.image-preview-on-site .thumb {
  width: 277px;
  height: 55px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left; }
.image-preview-on-site .viewport {
  background: #fff;
  padding: 16px 20px 20px 32px;
  position: relative; }
.image-preview-on-site .head {
  padding: 0 0 27px 0;
  border-bottom: 1px solid #c1c1c1;
  margin: 0 0 31px 0; }
.image-preview-on-site .skel1 {
  position: absolute;
  top: 60px;
  right: 20px;
  height: 10px;
  width: 160px;
  background: #ebeeef; }
.image-preview-on-site .skel2 {
  height: 10px;
  width: 230px;
  background: #ebeeef;
  margin: 0 0 18px 0; }
.image-preview-on-site .skel3 {
  height: 58px;
  background: #ebeeef; }

.dropdown-datepicker-editor .controls-wrap {
  display: flex; }
.dropdown-datepicker-editor .controls-wrap .day {
  margin: 0 16px 8px 0;
  flex: 0 0 100px; }
.dropdown-datepicker-editor .controls-wrap .month {
  margin: 0 16px 8px 0;
  flex: 1 1 auto; }
.dropdown-datepicker-editor .controls-wrap .year {
  margin: 0 0 8px 0;
  flex: 0 0 100px; }

.ui-front {
  position: relative; }

.ui-autocomplete {
  background-color: var(--panel-heavy);
  border: 1px solid var(--keyline);
  box-shadow: var(--box-shadow);
  padding: 10px 0;
  border-radius: 3px;
  margin-top: 3px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1050;
  max-height: 200px;
  overflow: auto;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 64px; }
.ui-autocomplete li {
  padding: 0;
  margin: 0; }
.ui-autocomplete::-webkit-scrollbar-track {
  background-color: transparent; }
.ui-autocomplete::-webkit-scrollbar {
  width: 13px;
  background-color: var(--bg); }
.ui-autocomplete::-webkit-scrollbar-thumb {
  background-color: var(--keyline);
  border: 4px solid var(--bg);
  border-width: 4px 4px 4px 4px; }

.ui-menu .ui-menu-item .ui-menu-item-wrapper {
  border-bottom: 0 none;
  display: block;
  color: var(--text);
  padding: 10px 16px;
  cursor: pointer;
  margin: 0 0 1px 0; }
.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover {
  text-decoration: none;
  background-color: var(--panel-highlight); }
.ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-focus {
  background-color: var(--panel-highlight);
  color: var(--text-highlight); }
.ui-menu .ui-menu-item .ui-menu-item-wrapper button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  color: var(--text);
  padding: 10px 16px;
  font-size: 16px;
  margin: 0 0 1px 0; }
.ui-menu .ui-menu-item .not-found {
  padding: 0 17px; }

.ui-autocomplete.ui-menu {
  max-width: 850px !important; }

.ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.ui-datepicker {
  background: var(--panel-heavy);
  box-shadow: var(--panel-shadow);
  border: none !important; }

.ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: none;
  padding-top: 1.4em;
  padding-bottom: 1em; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  background: url(../leapfrog-img/select-standalone-arrow.svg) right center no-repeat;
  background-size: 44%;
  background-position: 55px;
  background-color: var(--panel-heavy);
  color: var(--text);
  padding: 0 10px;
  margin: 0 4px;
  font-size: 16px;
  font-weight: normal;
  width: 90px;
  height: 30px;
  box-sizing: border-box;
  border-radius: 3px;
  cursor: pointer;
  border: none !important; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select:focus {
  border-color: var(--text-highlight);
  outline: none; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: 22px;
  width: 32px;
  height: 32px;
  cursor: pointer; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
  background: var(--panel-highlight);
  border-radius: 50%;
  border: none; }
.ui-datepicker .ui-datepicker-header .ui-icon {
  background: none;
  text-indent: inherit; }
.ui-datepicker .ui-datepicker-header .ui-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905';
  font-size: 16px;
  color: var(--link);
  display: block; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:before {
  transform: rotate(180deg); }

.ui-datepicker .ui-datepicker-calendar {
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  color: var(--text); }
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  border: none;
  background: none;
  text-align: center;
  border-radius: 3px;
  color: var(--text);
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  min-width: 32px;
  min-height: 32px;
  padding: 6px 4px;
  box-sizing: border-box; }
.ui-datepicker .ui-datepicker-calendar .ui-state-hover, .ui-datepicker .ui-datepicker-calendar .ui-state-active {
  background: var(--panel-highlight);
  border-color: var(--panel-highlight);
  border-radius: 50%; }

.ui-datepicker .ui-datepicker-buttonpane button {
  background: var(--panel-heavy);
  color: var(--link);
  border: 1px solid var(--link);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  border-radius: 3px;
  padding: 7px 20px;
  font-size: 16px;
  opacity: 1;
  border-radius: 24px;
  margin: 1em .2em 1em; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover {
  background: var(--button-active);
  border: 1px solid var(--button-active);
  color: var(--cta1-text); }
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
  background: var(--cta1);
  color: var(--cta1-text); }

.controls-select {
  position: relative; }
.controls-select .controls-select-chevron {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--link);
  content: "";
  height: 10px;
  position: absolute;
  right: 16px;
  width: 0px;
  z-index: 1;
  top: 21px;
  pointer-events: none; }
.controls-select select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: var(--text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  border: 1px solid var(--keyline);
  background-color: var(--panel);
  padding: 6px 42px 6px 18px;
  font-size: 16px;
  font-weight: normal;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  cursor: pointer; }
.controls-select select:focus {
  border-color: var(--text-highlight);
  outline: none; }
.controls-select select::-ms-expand {
  display: none; }
.controls-select .select-bar {
  display: block;
  position: relative;
  width: 100%; }
.controls-select .select-bar::before, .controls-select .select-bar::after {
  background: #147cb3;
  bottom: 1px;
  content: '';
  height: 2px;
  position: absolute;
  transition: width 0.2s ease-in-out;
  width: 0; }
.controls-select select:focus + .select-bar::before, .controls-select select:focus + .select-bar::after {
  width: 50%; }
.controls-select .select-bar::before {
  left: 50%; }
.controls-select .select-bar::after {
  right: 50%; }
.controls-select select:disabled {
  border: 1px solid var(--keyline);
  background: var(--bg);
  cursor: not-allowed; }

.form-group.select-in-table select {
  border: none;
  padding: 0 20px 0 0;
  font-size: 14px;
  height: auto;
  color: var(--text-highlight);
  font-weight: bold;
  width: auto;
  font-family: inherit; }
.form-group.select-in-table .controls-select-chevron {
  border-top-color: var(--text-highlight);
  top: 6px;
  position: relative;
  right: 13px; }
.form-group.select-in-table .controls-select {
  display: flex;
  align-items: center; }
.form-group.select-in-table .controls-select-chevron {
  border-left: 5px solid transparent; }

.select-standalone {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: var(--text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  border: 1px solid var(--keyline);
  background-color: var(--panel);
  padding: 6px 42px 6px 18px;
  font-size: 16px;
  font-weight: normal;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  background-image: url(../leapfrog-img/select-standalone-arrow.svg);
  background-position: right center;
  background-repeat: no-repeat; }
.select-standalone:focus {
  border-color: var(--text-highlight);
  outline: none; }
.select-standalone:disabled {
  border: 1px solid var(--keyline);
  background-color: var(--bg);
  cursor: not-allowed; }

.form-group.error select {
  border: 1px solid var(--negative); }

.controls-text input {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: var(--text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  border: 1px solid var(--keyline-strong);
  background-color: var(--panel);
  padding: 6px 18px 6px 18px;
  font-size: 16px;
  font-weight: normal;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px; }
.controls-text input:focus {
  border-color: var(--text-highlight);
  outline: none; }
.controls-text input::placeholder {
  color: var(--text-muted);
  font-weight: 300; }
.controls-text input[readonly], .controls-text input:disabled, .controls-text input[disabled] {
  border: 1px solid var(--readonly);
  background: var(--readonly); }
.controls-text .input-unstyled[disabled], .controls-text .input-unstyled[readonly] {
  border: none;
  background-color: transparent; }

input.text-input-standalone {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: var(--text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  border: 1px solid var(--keyline);
  background-color: var(--panel);
  padding: 6px 18px 6px 18px;
  font-size: 16px;
  font-weight: normal;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px; }
input.text-input-standalone:focus {
  border-color: var(--text-highlight);
  outline: none; }
input.text-input-standalone[readonly], input.text-input-standalone:disabled, input.text-input-standalone[disabled] {
  border: 1px solid var(--keyline);
  background: var(--readonly);
  cursor: not-allowed; }

.highlightError {
  border-color: var(--negative) !important; }

.form-group.error .controls-text > input {
  border-color: var(--negative) !important; }

.form-group.submit-is-magnifier-glass .controls-text {
  position: relative; }
.form-group.submit-is-magnifier-glass .control-submit-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  padding: 0;
  display: block;
  width: 46px;
  height: 46px;
  position: absolute;
  right: 1px;
  bottom: 1px;
  background: none;
  text-indent: 300px;
  white-space: nowrap;
  overflow: hidden; }
.form-group.submit-is-magnifier-glass .control-submit-button:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e902';
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 46px;
  line-height: 46px;
  font-size: 26px;
  text-align: center;
  color: var(--text-highlight);
  text-indent: 0; }

.text-field-info {
  margin-top: 5px;
  font-size: 14px; }

.minWidth85 {
  min-width: 85px; }

.controls-value {
  font-weight: bold;
  padding-left: 3px; }

.controls-textarea textarea {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: var(--text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  border: 1px solid var(--keyline-strong);
  background-color: var(--panel);
  padding: 6px 18px;
  font-size: 16px;
  font-weight: normal;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  resize: none; }
.controls-textarea textarea:focus {
  border-color: var(--text-highlight);
  outline: none; }

.controls-money {
  position: relative; }
.controls-money input {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: var(--text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  border: 1px solid var(--keyline-strong);
  background-color: var(--panel);
  padding: 6px 18px 6px 42px;
  font-size: 16px;
  font-weight: normal;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px; }
.controls-money input:focus {
  border-color: var(--text-highlight);
  outline: none; }
.controls-money input[readonly], .controls-money input:disabled, .controls-money input[disabled] {
  border: 1px solid var(--keyline);
  background: var(--bg);
  cursor: not-allowed; }
.controls-money .symbol {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 27px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 1px solid var(--keyline);
  background: rgba(0, 0, 0, 0.06);
  height: calc(100% - 2px);
  text-align: center;
  line-height: 46px; }

.controls-percentage {
  position: relative; }
.controls-percentage input {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: var(--text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  border: 1px solid var(--keyline-strong);
  background-color: var(--panel);
  padding: 6px 42px 6px 18px;
  font-size: 16px;
  font-weight: normal;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px; }
.controls-percentage input:focus {
  border-color: var(--text-highlight);
  outline: none; }
.controls-percentage input[readonly], .controls-percentage input:disabled, .controls-percentage input[disabled] {
  border: 1px solid var(--keyline);
  background: var(--bg);
  cursor: not-allowed; }
.controls-percentage .symbol {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 27px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: 1px solid var(--keyline);
  background: rgba(0, 0, 0, 0.06);
  height: calc(48px - 2px);
  text-align: center;
  line-height: 46px; }

.form-group.in-table-cell {
  width: 110px; }

.search-form .controls-text {
  position: relative; }
.search-form .search-input {
  padding-left: 48px; }
.search-form .search-icon {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  content: '';
  width: 51px;
  height: 48px;
  position: absolute;
  z-index: 999;
  top: 0px;
  left: 0;
  right: auto; }
.search-form .search-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e902';
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 24px; }

.controls-units {
  position: relative; }
.controls-units input {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: var(--text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  border: 1px solid var(--keyline);
  background-color: var(--panel);
  padding: 6px 42px 6px 18px;
  font-size: 16px;
  font-weight: normal;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px; }
.controls-units input:focus {
  border-color: var(--text-highlight);
  outline: none; }
.controls-units input[readonly], .controls-units input:disabled, .controls-units input[disabled] {
  border: 1px solid var(--keyline);
  background: var(--bg);
  cursor: not-allowed; }
.controls-units .symbol {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 36px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: 1px solid var(--keyline);
  background: rgba(0, 0, 0, 0.06);
  height: calc(100% - 2px);
  text-align: center;
  line-height: 46px;
  font-size: 12px; }

.form-group {
  margin: 0 0 24px 0; }

.control-label {
  display: block;
  font-weight: normal;
  margin: 0 0 4px 0;
  padding: 0 0 0 0;
  position: relative; }

.form-group.error .control-label {
  color: var(--negative);
  padding: 0 0 0 24px; }
.form-group.error .control-label:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e911';
  font-size: 16px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 4px; }

.label-sr-only .control-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.label-sr-only .radio-button .label, .label-sr-only .controls-checkbox .label, .label-sr-only .radio-button .rb-label, .option-one-label-sr-only .radio-button:first-of-type .rb-label, .option-two-label-sr-only .radio-button:last-of-type .rb-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.control-size-60 > .controls-wrap {
  max-width: 60px; }

.control-size-80 > .controls-wrap {
  max-width: 80px; }

.control-size-100 > .controls-wrap {
  max-width: 100px; }

.control-size-115 > .controls-wrap {
  max-width: 115px; }

.control-size-160 > .controls-wrap {
  max-width: 160px; }

.control-size-180 > .controls-wrap {
  max-width: 180px; }

.control-size-210 > .controls-wrap {
  max-width: 210px; }

.control-size-245 > .controls-wrap {
  max-width: 245px; }

.control-size-300 > .controls-wrap {
  max-width: 300px; }

.control-size-370 > .controls-wrap {
  max-width: 370px; }

.control-size-430 > .controls-wrap {
  max-width: 430px; }

.control-size-500 > .controls-wrap {
  max-width: 500px; }

.control-size-430 > .controls-date-dropdowns {
  max-width: 430px; }

.control-size-180 .select-standalone, .control-size-180 .text-input-standalone {
  max-width: 180px; }

.control-size-430 .select-standalone, .control-size-430 .text-input-standalone, .control-size-430 .js-providerContainer, .control-size-430 .js-estimatedTransferValueContainer {
  max-width: 430px; }

.control-size-500 .select-standalone, .control-size-500 .text-input-standalone, .control-size-500 .js-providerContainer, .control-size-500 .js-estimatedTransferValueContainer {
  max-width: 500px; }

.col-max-60 {
  max-width: 84px; }

.row.narrow-gutter > .col-max-60 {
  max-width: 72px; }

.col-max-80 {
  max-width: 104px; }

.row.narrow-gutter > .col-max-80 {
  max-width: 92px; }

.col-max-100 {
  max-width: 124px; }

.row.narrow-gutter > .col-max-100 {
  max-width: 112px; }

.col-max-160 {
  max-width: 184px; }

.row.narrow-gutter > .col-max-160 {
  max-width: 172px; }

.col-max-180 {
  max-width: 204px; }

.row.narrow-gutter > .col-max-180 {
  max-width: 192px; }

.col-max-245 {
  max-width: 269px; }

.row.narrow-gutter > .col-max-245 {
  max-width: 257px; }

.col-max-430 {
  max-width: 454px; }

.row.narrow-gutter > .col-max-430 {
  max-width: 442px; }

.form-group-inline {
  display: flex; }
.form-group-inline label, .form-group-inline .control-label, .form-group-inline .controls-value {
  margin-right: 15px;
  margin-top: 13px; }

.inline-form-group {
  display: flex; }
.inline-form-group .form-label {
  padding: 4px 8px 0 0;
  box-sizing: border-box;
  width: 200px; }
.inline-form-group .form-control {
  flex: 1 1 0; }

.inline-error-message {
  color: var(--negative);
  padding: 4px 0 0 0;
  font-size: 14px; }

.inline-error-message.isNIN-error-message {
  width: 60px; }

.controls-sort-code {
  display: flex;
  justify-content: space-between; }
.controls-sort-code input + input {
  margin-left: 20px; }

.input-appended {
  float: left;
  margin-right: 10px; }

.input-append {
  float: left;
  margin-top: 14px; }

.Asterisk {
  color: red; }

.controls-autocomplete input {
  outline: none;
  z-index: 100;
  position: relative; }
.controls-autocomplete .search-icon {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  position: absolute;
  left: 0; }
.controls-autocomplete .search-icon:before {
  color: var(--text-highlight);
  z-index: 101; }
.controls-autocomplete .ctable-root {
  box-shadow: var(--panel-shadow);
  border-radius: 8px; }
.controls-autocomplete .data-table .sub-head th {
  color: var(--text);
  border-bottom: none; }
.controls-autocomplete .data-table tbody tr td:first-of-type {
  color: var(--link); }
.controls-autocomplete .data-table tbody tr:last-of-type td {
  padding-bottom: 18px; }

.ist-wrap .ist-advanced-panel {
  background: var(--panel-heavy);
  border-radius: 3px;
  margin: 0;
  padding: 25px;
  border: 1px solid var(--keyline); }
.ist-wrap .ist-advanced-toggle {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  padding: 0;
  margin: 0 0 4px 0;
  color: var(--link);
  position: absolute;
  right: 14px;
  top: 15px;
  font-size: 14px;
  cursor: pointer; }
.ist-wrap .ist-payment-amount {
  font-weight: bold;
  padding: 10px;
  background-color: rgba(10, 47, 115, 0.04); }
.ist-wrap .ist-payment-amount .title {
  color: var(--text-highlight); }

.advanced-search {
  position: relative; }
.advanced-search .control-submit-button {
  left: 1px; }
.advanced-search .ist-advanced-toggle {
  text-decoration: underline; }
.advanced-search .ist-advanced-toggle:hover {
  text-decoration: none; }

.ist-wrap.is-secured .search-icon {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  content: '';
  width: 51px;
  height: 48px;
  background: var(--cta1);
  position: absolute;
  z-index: 999;
  top: 0px;
  left: auto;
  right: 0;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px; }
@media (max-width: 991px) {
  .ist-wrap.is-secured .search-icon {
    right: -31px; } }
.ist-wrap.is-secured .search-icon:focus-visible {
  background: var(--button-active); }
.ist-wrap.is-secured .search-form .search-icon::before {
  right: 12px;
  left: auto;
  z-index: 1000;
  color: var(--cta1-text); }
@media (max-width: 991px) {
  .ist-wrap.is-secured .search-form .search-icon::before {
    right: 13px; } }
.ist-wrap.is-secured .ist-advanced-toggle {
  right: 68px; }
@media (max-width: 991px) {
  .ist-wrap.is-secured .ist-advanced-toggle {
    right: 25px; } }
.ist-wrap.is-secured .search-input {
  border-radius: 7px;
  border: none;
  padding-left: 21px; }
@media (max-width: 991px) {
  .ist-wrap.is-secured .search-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 96%; }
  .ist-wrap.is-secured .search-input::placeholder {
    font-size: 12px; } }

.ist-result-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  margin-bottom: 24px;
  text-align: left;
  font-size: 14px;
  background: var(--panel-heavy); }
.ist-result-table thead > tr > th {
  padding: 12px;
  color: var(--text-highlight);
  text-align: left;
  vertical-align: bottom;
  border-bottom: 1px solid var(--keyline); }
.ist-result-table thead a {
  color: var(--link);
  cursor: pointer; }
.ist-result-table tbody > tr > td, .ist-result-table tbody > tr > th {
  border-top: 1px solid var(--keyline-soft);
  padding: 12px;
  background: var(--panel); }
.ist-result-table tfoot > tr > td {
  border-top: 1px solid var(--text-highlight);
  color: var(--text-highlight);
  font-weight: bold;
  padding: 12px; }
.ist-result-table td:first-of-type {
  padding-left: 0; }
.ist-result-table td:last-of-type {
  padding-right: 0; }
.ist-result-table th:first-of-type {
  padding-left: 0; }
.ist-result-table th:last-of-type {
  padding-right: 0; }

.handshake-container.large {
  width: 24%;
  height: 24%;
  margin: auto;
  display: block; }

.trophy-container.large {
  width: 24%;
  height: 24%;
  margin: auto;
  display: block; }

.report-ready-container.large {
  width: 24%;
  height: 24%;
  margin: auto;
  display: block; }

.pound-lock-container.size-100 {
  width: 100px;
  height: 100px;
  margin: auto;
  display: block; }

.signpost-container.size-100 {
  width: 100px;
  height: 100px;
  margin: auto;
  display: block; }

.route-container.size-100 {
  width: 100px;
  height: 100px;
  margin: auto;
  display: block; }

.create-user-container.size-100 {
  width: 100px;
  height: 100px;
  margin: auto;
  display: block; }

.tooltip {
  background-color: var(--link) !important;
  border-color: var(--link) !important;
  padding: 10px !important;
  color: var(--bg);
  z-index: 99;
  border-radius: 3px; }

.tooltip hr {
  margin-top: 10px;
  margin-bottom: 20px; }

.aria-tooltip-wrapper.is-info-icon {
  position: relative;
  display: inline-block;
  line-height: 16px; }
.aria-tooltip-wrapper.is-info-icon .tooltip-button {
  padding: 0 0 0 16px;
  margin: 0;
  min-height: 16px;
  border: 0;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer; }
.aria-tooltip-wrapper.is-info-icon .tooltip-button .icon {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%; }
.aria-tooltip-wrapper.is-info-icon .tooltip-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e91b';
  color: var(--dialogue);
  font-size: 16px;
  line-height: 1;
  display: block;
  position: absolute;
  top: 0px; }
.aria-tooltip-wrapper.is-info-icon .tooltip-button .icon:hover::before {
  color: var(--panel-active); }
.aria-tooltip-wrapper.is-info-icon .tooltip-button .text {
  padding: 0 0 0 8px;
  display: inline-block; }
.aria-tooltip-wrapper.is-info-icon .tooltip-button .text {
  overflow: hidden;
  width: 0;
  height: 0;
  padding: 0; }
.aria-tooltip-wrapper.is-info-icon .tooltip-button:focus {
  outline: none; }
.aria-tooltip-wrapper.is-info-icon .tooltip-button:focus .icon {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5); }
.aria-tooltip-wrapper.is-info-icon .tooltip-button:focus:not(:focus-visible) .icon {
  box-shadow: none; }
.aria-tooltip-wrapper.is-info-icon .tooltip-content {
  position: absolute;
  top: -11px;
  left: 24px;
  width: 250px;
  z-index: 50;
  display: none;
  animation: tooltipContentEnter 220ms cubic-bezier(0, 0.55, 0.45, 1); }
.aria-tooltip-wrapper.is-info-icon .tooltip-content:focus {
  outline: none; }
.aria-tooltip-wrapper.is-info-icon .tooltip-content:focus .tooltip-content-panel {
  border: 2px solid rgba(0, 0, 0, 0.5); }
.aria-tooltip-wrapper.is-info-icon .tooltip-content:focus .tooltip-content-ar2 {
  border: 2px solid transparent; }
.aria-tooltip-wrapper.is-info-icon .tooltip-content:focus .tooltip-content-ar1 {
  border: 2px solid rgba(0, 0, 0, 0.5); }
.aria-tooltip-wrapper.is-info-icon .tooltip-content:focus:not(:focus-visible) .tooltip-content-panel {
  border: 2px solid var(--panel-heavy); }
.aria-tooltip-wrapper.is-info-icon .tooltip-content:focus:not(:focus-visible) .tooltip-content-ar2 {
  border: 2px solid transparent; }
.aria-tooltip-wrapper.is-info-icon .tooltip-content:focus:not(:focus-visible) .tooltip-content-ar1 {
  border: 2px solid var(--panel-heavy); }
.aria-tooltip-wrapper.is-info-icon.is-expanded .tooltip-content {
  display: block; }
.aria-tooltip-wrapper.is-info-icon.is-wide .tooltip-content {
  width: 500px; }
.aria-tooltip-wrapper.is-info-icon.no-border-radius .tooltip-content .tooltip-close-button {
  position: absolute;
  right: 5px;
  top: 4px;
  cursor: pointer;
  border: none;
  background: none;
  width: 26px;
  height: 26px;
  padding: 5px;
  cursor: pointer;
  color: inherit; }
.aria-tooltip-wrapper.is-info-icon.no-border-radius .tooltip-content .tooltip-close-button .icon:before {
  content: '\e91f';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 17px;
  position: absolute;
  top: 5px;
  left: 5px;
  transform: rotate(45deg); }
.aria-tooltip-wrapper.is-info-icon.no-border-radius .tooltip-content .tooltip-content-panel {
  border-radius: 0; }
.aria-tooltip-wrapper.is-info-icon.no-border-radius .tooltip-content:focus {
  outline: none; }
.aria-tooltip-wrapper.is-info-icon.no-border-radius .tooltip-content:focus .tooltip-content-panel {
  border: 2px solid var(--text-highlight); }
.aria-tooltip-wrapper.is-info-icon.no-border-radius .tooltip-content:focus .tooltip-content-ar2 {
  border: 2px solid transparent; }
.aria-tooltip-wrapper.is-info-icon.no-border-radius .tooltip-content:focus .tooltip-content-ar1 {
  border: 2px solid var(--text-highlight); }
.aria-tooltip-wrapper.is-info-icon .tooltip-content-panel {
  padding: 12px 16px;
  border-radius: 5px;
  box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.3);
  border: 2px solid var(--panel-heavy);
  background: var(--panel-heavy);
  z-index: 2;
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text);
  font-weight: normal;
  text-align: left; }
.aria-tooltip-wrapper.is-info-icon .tooltip-content-ar1 {
  z-index: 1;
  width: 12px;
  height: 12px;
  background: var(--panel-heavy);
  box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.3);
  transform: rotate(45deg);
  position: absolute;
  top: 12px;
  left: -6px;
  display: block;
  border: 2px solid var(--panel-heavy);
  background-clip: padding-box; }
.aria-tooltip-wrapper.is-info-icon .tooltip-content-ar2 {
  display: block;
  z-index: 3;
  width: 12px;
  height: 12px;
  background: var(--panel-heavy);
  transform: rotate(45deg);
  position: absolute;
  top: 12px;
  left: -6px;
  border: 2px solid var(--panel-heavy);
  background-clip: padding-box; }
.aria-tooltip-wrapper.is-info-icon .tooltip-close-button {
  z-index: 5;
  position: absolute;
  top: 15px;
  right: 8px;
  border: 0;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  color: inherit; }
.aria-tooltip-wrapper.is-info-icon .tooltip-close-button .icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: block; }
.aria-tooltip-wrapper.is-info-icon .tooltip-close-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e904';
  font-size: 10px;
  line-height: 18px;
  position: sticky; }
.aria-tooltip-wrapper.is-info-icon .tooltip-close-button .text {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  padding: 0; }
.aria-tooltip-wrapper.is-info-icon.is-dismissable .tooltip-content-panel {
  padding-right: 32px; }
.aria-tooltip-wrapper.is-info-icon.to-the-left .tooltip-content {
  left: auto;
  right: 24px; }
.aria-tooltip-wrapper.is-info-icon.to-the-left .tooltip-content-ar1 {
  left: auto;
  right: -6px; }
.aria-tooltip-wrapper.is-info-icon.to-the-left .tooltip-content-ar2 {
  left: auto;
  right: -6px; }
.aria-tooltip-wrapper.is-info-icon.to-the-left .tooltip-close-button {
  left: 8px; }
.aria-tooltip-wrapper.is-info-icon.to-the-left.is-dismissable .tooltip-content-panel {
  padding-left: 32px;
  padding-right: 16px; }

.aria-tooltip-wrapper.is-secured {
  position: absolute;
  top: 17px;
  right: 65px;
  z-index: 999; }

.aria-tooltip-wrapper.is-text-and-dots .tooltip-content {
  width: 366px; }
.aria-tooltip-wrapper.is-text-and-dots .tooltip-content-ar1 {
  left: auto;
  right: -6px; }
.aria-tooltip-wrapper.is-text-and-dots .tooltip-content-ar2 {
  left: auto;
  right: -6px; }

.aria-tooltip-wrapper.is-underlined-text {
  position: relative;
  display: inline-block; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  padding: 0px; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-button:hover {
  cursor: pointer; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-button .text {
  border-bottom: 2px dotted var(--link);
  color: var(--link);
  padding: 0px;
  display: inline-block; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-content {
  position: absolute;
  top: -10px;
  left: 69px;
  width: 250px;
  z-index: 50;
  display: none;
  animation: tooltipContentEnter 220ms cubic-bezier(0, 0.55, 0.45, 1); }
.aria-tooltip-wrapper.is-underlined-text .tooltip-content:focus {
  outline: none; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-content:focus .tooltip-content-panel {
  border: 2px solid rgba(0, 0, 0, 0.5); }
.aria-tooltip-wrapper.is-underlined-text .tooltip-content:focus .tooltip-content-ar2 {
  border: 2px solid transparent; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-content:focus .tooltip-content-ar1 {
  border: 2px solid rgba(0, 0, 0, 0.5); }
.aria-tooltip-wrapper.is-underlined-text.is-expanded .tooltip-content {
  display: block; }
.aria-tooltip-wrapper.is-underlined-text.no-border-radius .tooltip-content .tooltip-close-button {
  position: absolute;
  right: 5px;
  top: 4px;
  cursor: pointer;
  border: none;
  background: none;
  width: 26px;
  height: 26px;
  padding: 5px;
  color: inherit; }
.aria-tooltip-wrapper.is-underlined-text.no-border-radius .tooltip-content .tooltip-close-button .icon:before {
  content: '\e91f';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 17px;
  position: absolute;
  top: 5px;
  left: 5px;
  transform: rotate(45deg); }
.aria-tooltip-wrapper.is-underlined-text.no-border-radius .tooltip-content .tooltip-content-panel {
  border-radius: 0; }
.aria-tooltip-wrapper.is-underlined-text.no-border-radius .tooltip-content:focus {
  outline: none; }
.aria-tooltip-wrapper.is-underlined-text.no-border-radius .tooltip-content:focus .tooltip-content-panel {
  border: 2px solid var(--text-highlight); }
.aria-tooltip-wrapper.is-underlined-text.no-border-radius .tooltip-content:focus .tooltip-content-ar2 {
  border: 2px solid transparent; }
.aria-tooltip-wrapper.is-underlined-text.no-border-radius .tooltip-content:focus .tooltip-content-ar1 {
  border: 2px solid var(--text-highlight); }
.aria-tooltip-wrapper.is-underlined-text .tooltip-content-panel {
  padding: 12px 16px;
  border-radius: 5px;
  box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.3);
  border: 2px solid var(--panel-heavy);
  background: var(--panel-heavy);
  z-index: 2;
  position: relative;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text);
  font-weight: normal;
  text-align: left; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-content-ar1 {
  z-index: 1;
  width: 12px;
  height: 12px;
  background: var(--panel-heavy);
  box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.3);
  transform: rotate(45deg);
  position: absolute;
  top: 12px;
  left: -6px;
  display: block;
  border: 2px solid var(--panel-heavy);
  background-clip: padding-box; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-content-ar2 {
  display: block;
  z-index: 3;
  width: 12px;
  height: 12px;
  background: var(--panel-heavy);
  transform: rotate(45deg);
  position: absolute;
  top: 12px;
  left: -6px;
  border: 2px solid var(--panel-heavy);
  background-clip: padding-box; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-close-button {
  z-index: 5;
  position: absolute;
  top: 15px;
  right: 8px;
  border: 0;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  color: inherit;
  cursor: pointer; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-close-button .icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: block; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-close-button .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e904';
  font-size: 10px;
  line-height: 18px;
  position: sticky; }
.aria-tooltip-wrapper.is-underlined-text .tooltip-close-button .text {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  padding: 0; }
.aria-tooltip-wrapper.is-underlined-text.is-dismissable .tooltip-content-panel {
  padding-right: 32px; }
.aria-tooltip-wrapper.is-underlined-text.to-the-left .tooltip-content {
  left: auto;
  right: 61px; }
.aria-tooltip-wrapper.is-underlined-text.to-the-left .tooltip-content-ar1 {
  left: auto;
  right: -6px; }
.aria-tooltip-wrapper.is-underlined-text.to-the-left .tooltip-content-ar2 {
  left: auto;
  right: -6px; }
.aria-tooltip-wrapper.is-underlined-text.to-the-right .tooltip-content {
  left: auto;
  right: -263px; }

@keyframes tooltipContentEnter {
  0% {
    transform: translateY(6px);
    opacity: 0; }

  100% {
    transform: translateY(0px);
    opacity: 1; } }

.ui-dialog .ui-dialog-titlebar {
  background: none;
  border: none;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  color: var(--text-highlight);
  font-size: 20px;
  padding: 10px 20px; }
.ui-dialog .ui-dialog-titlebar .ui-button {
  text-indent: inherit;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  top: 15px;
  right: 15px; }
.ui-dialog .ui-dialog-titlebar .ui-button .ui-icon {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  left: 0;
  text-indent: inherit; }
.ui-dialog .ui-dialog-titlebar .ui-button .ui-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e904';
  color: var(--text-muted);
  font-size: 20px; }

.ModalWindowContainer {
  background-color: white;
  height: 100%; }

.ui-dialog {
  margin-bottom: 30px; }
.ui-dialog .ui-dialog-content {
  padding: 10px 20px 20px; }
.ui-dialog .ui-dialog-content .button {
  color: var(--link); }
.ui-dialog .ui-dialog-content .action-button {
  color: var(--cta1-text); }
.ui-dialog .ui-dialog-content .module {
  padding: 0 !important; }

.ui-dialog-content.module {
  padding: 0 !important; }

.ui-dialog .ui-dialog-buttonpane {
  border-width: 0; }
.ui-dialog .ui-dialog-buttonpane .ui-button {
  background: var(--panel-heavy);
  color: var(--link);
  border: 1px solid var(--link); }
.ui-dialog .ui-dialog-buttonpane .ui-button.action-button {
  background: var(--cta1);
  color: var(--cta1-text);
  border: 1px solid var(--cta1); }
.ui-dialog .ui-dialog-buttonpane .ui-button:disabled, .ui-dialog .ui-dialog-buttonpane .ui-button.disabled {
  opacity: 0.5;
  cursor: not-allowed; }

body.has-lightbox-open {
  overflow: hidden; }

.lightbox-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll; }

.lightbox-wrapper.is-default-lightbox .lightbox-modal {
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  text-align: center;
  outline: none; }
.lightbox-wrapper.is-default-lightbox .lightbox-modal.show-scrollbar {
  overflow-y: scroll; }
.lightbox-wrapper.is-default-lightbox .lightbox-modal:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%; }
.lightbox-wrapper.is-default-lightbox .lightbox-modal > .inner {
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  margin: 30px auto;
  width: 860px;
  max-width: calc(100% - 30px);
  background: var(--panel-heavy);
  text-align: left;
  box-shadow: 0 0 8px var(--panel-shadow); }
.lightbox-wrapper.is-default-lightbox .lightbox-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-tap-highlight-color: transparent;
  transition: opacity 300ms ease-in-out; }
.lightbox-wrapper.is-default-lightbox .lightbox-overlay * {
  -webkit-tap-highlight-color: initial; }

.lightbox-wrapper.is-default-lightbox.is-wide .lightbox-modal > .inner {
  width: 1100px; }

.lightbox-wrapper.is-default-lightbox.is-wider .lightbox-modal > .inner {
  width: 1400px; }

.lightbox-wrapper.is-default-lightbox.is-narrow .lightbox-modal > .inner {
  width: 540px; }

.lightbox-wrapper.is-delete-lightbox .header h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.lightbox-wrapper.is-delete-lightbox .content {
  text-align: center;
  position: relative; }
.lightbox-wrapper.is-delete-lightbox .content::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e926';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
  color: var(--cta1); }
@media (max-width: 766px) {
  .lightbox-wrapper.is-delete-lightbox .content::before {
    top: -20px; } }
.lightbox-wrapper.is-delete-lightbox .lightbox-modal > .inner {
  width: 430px; }

.lightbox-wrapper.is-countdown-lightbox .header h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.lightbox-wrapper.is-countdown-lightbox .header {
  min-height: 22px !important; }
.lightbox-wrapper.is-countdown-lightbox .content {
  text-align: center;
  position: relative;
  padding-top: 0 !important; }
.lightbox-wrapper.is-countdown-lightbox .content .countdown-circle {
  position: relative;
  margin: auto;
  height: 178px;
  width: 180px;
  text-align: center; }
.lightbox-wrapper.is-countdown-lightbox .content .countdown-circle svg {
  position: absolute;
  top: 5%;
  right: 0%;
  width: 200px;
  height: 178px;
  transform: rotateY(-180deg) rotateZ(-90deg); }
.lightbox-wrapper.is-countdown-lightbox .content .countdown-circle svg .circle {
  stroke-width: 8px;
  stroke: rgba(8, 124, 137, 0.4); }
.lightbox-wrapper.is-countdown-lightbox .content .countdown-circle svg .progress {
  stroke-dasharray: 357px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 8px;
  stroke: #087C89;
  fill: none;
  animation: countdown 26s linear infinite forwards; }
.lightbox-wrapper.is-countdown-lightbox .content .countdown-circle .labels {
  position: relative; }
.lightbox-wrapper.is-countdown-lightbox .content .countdown-circle .labels .time {
  position: absolute;
  top: 84px;
  right: 72px; }
.lightbox-wrapper.is-countdown-lightbox .content .countdown-circle .labels .time .count {
  color: var(--cta2-text);
  font-weight: bold;
  font-size: 21px;
  line-height: 0; }
.lightbox-wrapper.is-countdown-lightbox .lightbox-modal > .inner {
  width: 562px; }

@keyframes countdown {
  from {
    stroke-dashoffset: 0px; }

  to {
    stroke-dashoffset: 357px; } }

.lightbox-wrapper.is-default-lightbox .lightbox-modal > .inner > .header {
  box-sizing: border-box;
  position: relative;
  min-height: 54px;
  padding: 0 40px;
  background: transparent; }
@media (max-width: 766px) {
  .lightbox-wrapper.is-default-lightbox .lightbox-modal > .inner > .header {
    padding: 0 20px; } }
.lightbox-wrapper.is-default-lightbox .lightbox-modal > .inner > .header .close-btn {
  position: absolute;
  right: 13px;
  top: 13px;
  cursor: pointer;
  border: none;
  background: none;
  color: var(--link);
  width: 34px;
  height: 34px;
  padding: 5px; }
.lightbox-wrapper.is-default-lightbox .lightbox-modal > .inner > .header .close-btn .icon:before {
  content: '\e91f';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  position: absolute;
  top: 5px;
  left: 5px;
  transform: rotate(45deg); }
.lightbox-wrapper.is-default-lightbox .lightbox-modal > .inner > .header h1 {
  margin: 0;
  padding: 26px 0 0px 0;
  text-align: left; }
.lightbox-wrapper.is-default-lightbox.header-d-flex .lightbox-modal > .inner > .header {
  display: flex; }

.lightbox-wrapper.is-default-lightbox .lightbox-modal > .inner > .content {
  box-sizing: border-box;
  padding: 40px; }
@media (max-width: 766px) {
  .lightbox-wrapper.is-default-lightbox .lightbox-modal > .inner > .content {
    padding: 20px; } }
.lightbox-wrapper.is-default-lightbox .lightbox-modal > .inner > .content > :first-child {
  margin-top: 0; }
.lightbox-wrapper.is-default-lightbox .lightbox-modal > .inner > .content > :last-child {
  margin-bottom: 0; }

.lightbox-wrapper.is-default-lightbox.a-lightbox-enter .lightbox-overlay {
  opacity: 0; }
.lightbox-wrapper.is-default-lightbox.a-lightbox-enter .inner {
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1), opacity 300ms cubic-bezier(0.5, 0, 0.75, 0);
  opacity: 0;
  transform: scale(0.3); }
.lightbox-wrapper.is-default-lightbox.a-lightbox-enter-active .lightbox-overlay {
  opacity: 1; }
.lightbox-wrapper.is-default-lightbox.a-lightbox-enter-active .inner {
  opacity: 1;
  transform: scale(1); }
.lightbox-wrapper.is-default-lightbox.a-lightbox-exit .lightbox-overlay {
  opacity: 1; }
.lightbox-wrapper.is-default-lightbox.a-lightbox-exit .inner {
  transition: transform 300ms cubic-bezier(0.55, 0, 1, 0.45), opacity 300ms cubic-bezier(0, 0.55, 0.45, 1);
  opacity: 1;
  transform: scale(1); }
.lightbox-wrapper.is-default-lightbox.a-lightbox-exit-active .lightbox-overlay {
  opacity: 0; }
.lightbox-wrapper.is-default-lightbox.a-lightbox-exit-active .inner {
  opacity: 0;
  transform: translateY(40px); }

.lightbox-wrapper.lightbox-fullscreen .lightbox-modal {
  background: var(--panel-heavy); }
.lightbox-wrapper.lightbox-fullscreen .lightbox-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(194, 194, 194, 0.75); }

.lightbox-wrapper.lightbox-fullscreen .lightbox-modal > .inner > .header .close-btn {
  position: absolute;
  right: 30px;
  top: 38px;
  cursor: pointer;
  border: none;
  background: none;
  color: var(--link);
  width: 34px;
  height: 34px;
  padding: 5px;
  z-index: 10; }
.lightbox-wrapper.lightbox-fullscreen .lightbox-modal > .inner > .header .close-btn .icon:before {
  content: '\e91f';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  position: absolute;
  top: 5px;
  left: 5px;
  transform: rotate(45deg); }
.lightbox-wrapper.lightbox-fullscreen .lightbox-modal > .inner > .header h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.lightbox-fullscreen-header {
  padding: 30px 0;
  position: relative; }

.lightbox-fullscreen-panel {
  position: relative;
  padding: 30px 0 0 0;
  min-height: calc(100vh - 108px);
  box-sizing: border-box; }

.lightbox-wrapper.lightbox-fullscreen.a-lightbox-enter {
  transition: opacity 300ms cubic-bezier(0.5, 0, 0.75, 0);
  opacity: 0; }
.lightbox-wrapper.lightbox-fullscreen.a-lightbox-enter-active {
  opacity: 1; }
.lightbox-wrapper.lightbox-fullscreen.a-lightbox-exit {
  transition: opacity 300ms cubic-bezier(0, 0.55, 0.45, 1);
  opacity: 1; }
.lightbox-wrapper.lightbox-fullscreen.a-lightbox-exit-active {
  opacity: 0; }

.lightbox-wrapper.is-navigation-lightbox .lightbox-modal .inner {
  background: #000;
  color: #ffffff;
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 100vh; }
.lightbox-wrapper.is-navigation-lightbox .lightbox-overlay {
  display: none; }
.lightbox-wrapper.is-navigation-lightbox .header {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.lightbox-wrapper.is-navigation-lightbox .radio-button.pin-radio .rb-design {
  background-color: #ffffff; }
.lightbox-wrapper.is-navigation-lightbox .radio-button.pin-radio .rb-design:before {
  border-color: #ffffff; }
.lightbox-wrapper.is-navigation-lightbox .radio-group.is-radio-pin-inverse input[type="radio"]:checked + .rb-design, .lightbox-wrapper.is-navigation-lightbox .radio-group.is-radio-pin-inverse input[type="radio"]:checked + .gfx {
  background-color: #fff; }
.lightbox-wrapper.is-navigation-lightbox .radio-group.is-radio-pin-inverse input[type="radio"] + .rb-design, .lightbox-wrapper.is-navigation-lightbox .radio-group.is-radio-pin-inverse input[type="radio"] + .gfx {
  background-color: transparent; }

.lightbox-wrapper.is-navigation-lightbox.a-lightbox-enter {
  transition: opacity 300ms ease-out;
  opacity: 0; }
.lightbox-wrapper.is-navigation-lightbox.a-lightbox-enter-active {
  opacity: 1; }
.lightbox-wrapper.is-navigation-lightbox.a-lightbox-exit {
  transition: opacity 300ms cubic-bezier(0, 0.55, 0.45, 1);
  opacity: 1; }
.lightbox-wrapper.is-navigation-lightbox.a-lightbox-exit-active {
  opacity: 0; }

.hero.cta1 {
  padding: 64px;
  background: var(--cta1);
  color: var(--cta1-text); }

.hero.standard-life {
  padding: 64px;
  background: linear-gradient(216.87deg, #087c89 0%, #0a2f73 43.61%, #0a2f73 94.45%);
  color: #ffffff; }

.hero.standard-life-adviser {
  padding: 64px;
  background: linear-gradient(90deg, #0a2f73 0%, #09567e 62.03%, #087c89 99.96%);
  color: #ffffff; }

body {
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text); }

.page-heading, .PageHeading {
  margin: 0 0 50px 0; }

.PageHeading {
  margin: 0 0 20px 0 !important;
  font-size: 28px !important; }

.heading-underlined {
  border-bottom: 1px solid var(--keyline);
  margin-bottom: 33px; }

hr.heading-underlined-text {
  background: var(--cta2-text);
  border: 0;
  height: 1px;
  margin: 0 0 26px 0; }

hr.heading-underlined-keyline {
  background: var(--keyline);
  border: 0;
  height: 1px;
  margin: 0 0 26px 0; }

.display-1 {
  font-size: 52px;
  margin: 0 0 20px 0;
  font-weight: 100;
  line-height: 1.3; }

.text-lead {
  font-size: 20px; }

h1, .h1 {
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 32px;
  color: var(--text-highlight);
  line-height: 1.5;
  margin: 0 0 12px 0;
  font-weight: normal; }

h2, .h2 {
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  color: var(--text-highlight);
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 12px 0;
  font-weight: normal; }

h3, .h3 {
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  color: var(--text-highlight);
  font-size: 18px;
  margin: 0 0 12px 0;
  font-weight: bold; }

h4, .h4 {
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  color: var(--text-highlight);
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 12px 0; }

h5, .h5 {
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 8px 0;
  color: var(--text); }

p {
  margin: 0 0 20px 0; }

hr {
  background: var(--keyline);
  border: 0;
  height: 1px;
  margin: 20px 0 40px 0; }
hr.divider {
  background: color(18);
  margin-bottom: 20px; }
hr.thicker {
  height: 2px; }

a {
  color: var(--link);
  cursor: pointer; }
a.text-text {
  cursor: inherit; }

ol, ul {
  padding-left: 36px; }

code {
  background: rgba(255, 255, 219, 0.443);
  display: inline-block;
  padding: 2px 5px;
  border-radius: 3px; }

.text-lowercase {
  text-transform: lowercase; }

a:focus:not(:focus-visible), button:focus:not(:focus-visible) {
  outline: none; }

.pdf-icon {
  position: relative; }
.pdf-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e943';
  width: 20px;
  height: 22px;
  font-size: 22px;
  background: transparent;
  color: inherit;
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: 3px; }

.bullet-list {
  margin: 0 0 24px;
  padding: 0 0 0 18px; }
.bullet-list li {
  margin-bottom: 10px; }

.def-list {
  display: block;
  margin: 0 0 24px 0;
  padding: 0;
  position: relative;
  /*For legacy pages*/ }
.def-list:after {
  content: " ";
  display: table;
  clear: both; }
.def-list dt {
  display: block;
  box-sizing: border-box;
  padding: 0 24px 0 0;
  margin: 0 0 12px 0;
  width: 250px;
  color: var(--text-highlight);
  clear: both;
  float: left;
  font-size: 14px; }
.def-list dd {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 12px;
  width: calc(100% - 250px);
  color: var(--text);
  font-size: 16px;
  text-align: left;
  float: right; }
@media (max-width: 840px) {
  .def-list.in-wizard dt {
    width: 200px; }
  .def-list.in-wizard dd {
    width: calc(100% - 200px); } }
.def-list.wider dt {
  width: 320px; }
.def-list.wider dd {
  width: calc(100% - 320px); }
.def-list.narrow-dt-width dt {
  width: 110px; }
.def-list.narrow-dt-width dd {
  width: calc(100% - 110px); }
.def-list.narrow-dt-width.is-in-tooltip dd {
  word-wrap: break-word;
  font-size: 14px; }
.def-list.narrow-margin dt {
  margin: 0; }
.def-list.narrow-margin dd {
  margin: 0; }
.def-list.white-space-pre {
  white-space: pre; }
.def-list.narrow {
  max-width: 250px; }
.def-list.auto-width dd, .def-list.auto-width dt {
  width: auto; }
.def-list.auto-width dt {
  padding: 0 11px 0 0;
  font-size: 13px; }
.def-list.auto-width dd {
  font-size: 14px; }
.def-list.vertical {
  margin: 0 0 10px;
  padding: 0; }
.def-list.vertical dt {
  margin: 0 0 2px 0;
  display: block;
  width: 100%; }
.def-list.vertical dd {
  margin: 0 0 22px 0;
  display: block;
  width: 100%;
  text-align: left; }
.def-list.in-search-panel dt {
  font-size: 14px !important;
  width: 36%; }
.def-list.in-search-panel dd {
  font-size: 14px !important;
  width: 64%;
  float: left; }
.def-list .break-word {
  word-wrap: break-word; }
.def-list.dt-bold dt {
  font-weight: bold; }
.def-list.quote-list dt, .def-list.quote-list dd {
  font-size: 16px;
  margin-bottom: 0; }

.def-list:empty {
  display: none; }

.table-def-list {
  display: block;
  margin: 0 0 24px 0;
  padding: 0;
  position: relative; }
.table-def-list:after {
  content: " ";
  display: table;
  clear: both; }
.table-def-list td:nth-child(2n + 1) {
  display: block;
  box-sizing: border-box;
  padding: 0 24px 0 0;
  margin: 0 0 12px 0;
  width: 250px;
  color: var(--text-highlight);
  clear: both;
  float: left;
  font-size: 14px; }
.table-def-list td:nth-child(2n) {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 12px;
  width: calc(100% - 250px);
  color: var(--text);
  font-size: 16px;
  text-align: left;
  float: right; }

.address-box {
  position: relative;
  display: flex; }
.address-box .house-icon::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e922';
  position: absolute;
  top: 0;
  left: 0;
  font-size: 27px;
  color: var(--text-highlight); }
.address-box .address-info {
  padding-left: 38px; }

.bank-account-checker-box {
  align-items: center;
  background: var(--readonly);
  padding: 28px 48px 35px 44px; }
.bank-account-checker-box .bank-logo-box {
  position: relative;
  display: flex;
  text-transform: uppercase; }
.bank-account-checker-box .bank-logo-box span:first-of-type {
  color: var(--positive); }
.bank-account-checker-box .house-icon::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e922';
  position: absolute;
  right: -34px;
  font-size: 27px; }
.bank-account-checker-box .address-info {
  margin-left: 53px; }

.upload-file-list {
  padding-left: 0; }
.upload-file-list li {
  list-style: none;
  padding-right: 30px;
  display: inline-block; }

.main-items li {
  list-style: none; }

.scrollpane {
  box-sizing: border-box;
  padding: 0 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none; }
.scrollpane::-webkit-scrollbar {
  width: 4px;
  height: 4px; }
.scrollpane::-webkit-scrollbar-thumb {
  background: black;
  border-radius: var(--border-radius-sm); }
.scrollpane::-webkit-scrollbar-track {
  background: #ebeeef; }
.scrollpane {
  scrollbar-face-color: black;
  scrollbar-track-color: #ebeeef; }
.scrollpane.is-vertical {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible; }
.scrollpane.h60v {
  max-height: 60vh; }
.scrollpane.h100v {
  max-height: 100vh; }
.scrollpane.h-200 {
  max-height: 200px; }
.scrollpane.h-250 {
  max-height: 250px; }
.scrollpane.h-300 {
  max-height: 300px; }
.scrollpane.h-350 {
  max-height: 350px; }
.scrollpane.h-400 {
  max-height: 400px; }
.scrollpane.h-450 {
  max-height: 450px; }
.scrollpane.h-500 {
  max-height: 500px; }
.scrollpane.h-550 {
  max-height: 550px; }

.quick-search-panel {
  background-color: var(--panel-heavy);
  border: 1px solid var(--keyline);
  box-shadow: var(--box-shadow);
  padding: 24px;
  border-radius: 3px;
  margin-top: 3px;
  position: absolute;
  z-index: 1050;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 64px; }

.details-panel {
  border: 1px solid var(--keyline-soft);
  padding: 0;
  margin-top: 35px; }
.details-panel .p-section {
  padding: 16px 18px;
  border-bottom: 1px solid #dedfe3; }

.list-view {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0; }

.lv-item {
  display: block;
  list-style: none;
  border: 1px solid #ebeeef;
  background: var(--keyline-silk);
  margin-bottom: 8px;
  position: relative;
  cursor: pointer; }
.lv-item:last-child {
  border-bottom-color: #ebeeef; }
.lv-item:hover {
  border-color: #c1c1c1; }
.lv-item:active {
  border-color: #ADAEB9; }
.lv-item:before {
  content: '';
  width: 6px;
  height: 100%;
  opacity: 0;
  transition: 300ms width cubic-bezier(0.77, 0, 0.175, 1), 250ms opacity cubic-bezier(0.77, 0, 0.175, 1);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--cta1); }
.lv-item.is-selected {
  border-color: var(--cta1);
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
  background: var(--panel); }
.lv-item.is-selected:before {
  opacity: 1; }

.lv-single-action {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  padding: 18px 20px 14px 20px;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  display: block;
  color: inherit;
  font-size: inherit; }
.lv-single-action:hover {
  background: var(--panel-highlight);
  border-color: #c1c1c1; }

.lv-multiple-action {
  display: flex;
  flex-wrap: nowrap; }

.lv-multiple-item {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  padding: 8px 8px 8px 8px;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  display: block;
  color: inherit;
  font-size: inherit; }
.lv-multiple-item:hover {
  background: var(--panel-highlight); }
.lv-multiple-item:last-child {
  border-right: 0; }
.lv-multiple-item.is-fluid {
  flex: 1 1 0; }

.text-size-1 {
  font-size: 1px !important; }

.text-size-2 {
  font-size: 2px !important; }

.text-size-3 {
  font-size: 3px !important; }

.text-size-4 {
  font-size: 4px !important; }

.text-size-5 {
  font-size: 5px !important; }

.text-size-6 {
  font-size: 6px !important; }

.text-size-7 {
  font-size: 7px !important; }

.text-size-8 {
  font-size: 8px !important; }

.text-size-9 {
  font-size: 9px !important; }

.text-size-10 {
  font-size: 10px !important; }

.text-size-11 {
  font-size: 11px !important; }

.text-size-12 {
  font-size: 12px !important; }

.text-size-13 {
  font-size: 13px !important; }

.text-size-14 {
  font-size: 14px !important; }

.text-size-15 {
  font-size: 15px !important; }

.text-size-16 {
  font-size: 16px !important; }

.text-size-17 {
  font-size: 17px !important; }

.text-size-18 {
  font-size: 18px !important; }

.text-size-19 {
  font-size: 19px !important; }

.text-size-20 {
  font-size: 20px !important; }

.text-size-21 {
  font-size: 21px !important; }

.text-size-22 {
  font-size: 22px !important; }

.text-size-23 {
  font-size: 23px !important; }

.text-size-24 {
  font-size: 24px !important; }

.text-size-25 {
  font-size: 25px !important; }

.text-size-26 {
  font-size: 26px !important; }

.text-size-27 {
  font-size: 27px !important; }

.text-size-28 {
  font-size: 28px !important; }

.text-size-29 {
  font-size: 29px !important; }

.text-size-30 {
  font-size: 30px !important; }

.text-size-31 {
  font-size: 31px !important; }

.text-size-32 {
  font-size: 32px !important; }

.text-size-33 {
  font-size: 33px !important; }

.text-size-34 {
  font-size: 34px !important; }

.text-size-35 {
  font-size: 35px !important; }

.text-size-36 {
  font-size: 36px !important; }

.text-size-37 {
  font-size: 37px !important; }

.text-size-38 {
  font-size: 38px !important; }

.text-size-39 {
  font-size: 39px !important; }

.text-size-40 {
  font-size: 40px !important; }

.text-size-41 {
  font-size: 41px !important; }

.text-size-42 {
  font-size: 42px !important; }

.text-size-43 {
  font-size: 43px !important; }

.text-size-44 {
  font-size: 44px !important; }

.text-size-45 {
  font-size: 45px !important; }

.text-size-46 {
  font-size: 46px !important; }

.text-size-47 {
  font-size: 47px !important; }

.text-size-48 {
  font-size: 48px !important; }

.text-size-49 {
  font-size: 49px !important; }

.text-size-50 {
  font-size: 50px !important; }

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

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

.text-light {
  font-weight: 300; }

.text-nowrap {
  white-space: nowrap; }

.text-limit50 {
  max-width: 50%; }

.text-limit75 {
  max-width: 75%; }

.text-uppercase {
  text-transform: uppercase; }

.text-lower {
  text-transform: lowercase; }

.text-highlight {
  color: var(--text-highlight); }

.text-positive {
  color: var(--positive) !important; }

.text-link {
  color: var(--link) !important; }

.text-negative {
  color: var(--negative); }

.text-neutral {
  color: var(--keyline); }

.text-inverse {
  color: #ffffff; }

.text-text {
  color: var(--text); }

.text-limit {
  width: 700px; }

small {
  font-size: 14px; }

.client-header {
  font-size: 24px;
  color: var(--cta1); }
.client-header .client-account-no {
  font-size: 14px;
  color: var(--text);
  margin-left: 10px;
  font-weight: 600; }

button.hyperlink {
  background: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  box-shadow: none;
  border: 0; }

.hyperlink, .inline-link {
  color: var(--link);
  text-decoration: underline;
  cursor: pointer; }
.hyperlink:hover, .inline-link:hover {
  text-decoration: none; }

.hyperlink-next {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  text-decoration: none; }
.hyperlink-next:hover {
  text-decoration: underline; }
.hyperlink-next:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905';
  width: 16px;
  height: 16px;
  font-size: 14px;
  background: transparent;
  color: var(--link);
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: 1px; }

.hyperlink-previous {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 16px;
  text-decoration: none; }
.hyperlink-previous:hover {
  text-decoration: underline;
  cursor: pointer; }
.hyperlink-previous:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906';
  width: 16px;
  height: 16px;
  font-size: 14px;
  background: transparent;
  color: var(--link);
  display: inline-block;
  margin-right: 4px;
  position: relative;
  top: 1px; }

.hyperlink-external {
  text-decoration: none; }
.hyperlink-external:hover {
  text-decoration: underline; }
.hyperlink-external:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e914';
  width: 16px;
  height: 16px;
  font-size: 14px;
  background: transparent;
  color: inherit;
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: 1px; }

.hyperlink-file {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  padding: 4px 0px 9px 0px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  background: transparent;
  border: none; }
.hyperlink-file:hover {
  text-decoration: underline; }
.hyperlink-file .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e943';
  width: 20px;
  height: 22px;
  font-size: 22px;
  background: transparent;
  color: inherit;
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: 3px; }

spinner-wrap {
  position: relative;
  min-height: 200px; }
spinner-wrap.is-fullscreen {
  min-height: 100vh; }

.yas22 {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000; }

.yas22 .Layer1 {
  position: absolute;
  width: 64px;
  height: 64px;
  left: 0;
  top: 0;
  color: var(--cta1);
  overflow: visible; }

.yas22 .posgrp {
  position: absolute;
  transform: translate(20px, 22px); }

.yas22 .knot {
  position: absolute;
  fill: none;
  stroke: currentColor;
  stroke-dasharray: 34;
  animation-name: yaknot0,yaknot1;
  animation-duration: 500ms,197ms;
  animation-delay: 44ms,2463ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-iteration-count: 1,1;
  animation-fill-mode: backwards,forwards; }

@keyframes yaknot0 {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    stroke-dashoffset: 34; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; } }

@keyframes yaknot1 {
  0% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: 34; } }

.yas22 .notknot {
  position: absolute;
  fill: currentColor;
  stroke: none;
  opacity: 1;
  transform: translate(9px, 18px);
  animation-name: yanotknot0,yanotknot1;
  animation-duration: 500ms,194ms;
  animation-delay: 33ms,2466ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-iteration-count: 1,1;
  animation-fill-mode: both,forwards; }

@keyframes yanotknot0 {
  0% {
    animation-timing-function: linear;
    transform: translate(24px, 26px) rotate(0deg) scale(0); }

  57.1% {
    animation-timing-function: linear;
    transform: translate(24px, 19px) rotate(0deg) scale(1); }

  68.3% {
    animation-timing-function: linear;
    transform: translate(21px, 16px) rotate(-90deg); }

  77.7% {
    animation-timing-function: linear;
    transform: translate(17px, 20px) rotate(-180deg); }

  86.5% {
    animation-timing-function: linear;
    transform: translate(15px, 26px) rotate(-180deg); }

  100% {
    animation-timing-function: linear;
    transform: translate(9px, 18px) rotate(0deg); } }

@keyframes yanotknot1 {
  0% {
    animation-timing-function: ease-out;
    transform: translate(9px, 18px) scale(1);
    opacity: 1; }

  100% {
    animation-timing-function: linear;
    transform: translate(9px, 18px) scale(0);
    opacity: 0; } }

.yas22 .heart {
  position: absolute;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5px;
  stroke-linejoin: round;
  transform-origin: 9px 16px;
  left: NaNpx;
  top: NaNpx;
  animation-name: yaheart0,yaheart1;
  animation-duration: 2052ms,187ms;
  animation-delay: 540ms,2376ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-iteration-count: 1,1;
  animation-fill-mode: both,both; }

@keyframes yaheart0 {
  0% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: scale(0);
    stroke-width: 5; }

  10% {
    animation-timing-function: linear;
    transform: scale(0.6);
    stroke-width: 3.5; }

  30% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: scale(0.6);
    stroke-width: 3.5; }

  40% {
    animation-timing-function: linear;
    transform: scale(1.2);
    stroke-width: 1.9; }

  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: scale(1.2);
    stroke-width: 1.9; }

  70% {
    animation-timing-function: linear;
    transform: scale(1.8);
    stroke-width: 1.4; }

  90% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: scale(1.8);
    stroke-width: 1.4; }

  100% {
    animation-timing-function: linear;
    transform: scale(4);
    stroke-width: 0.1; } }

@keyframes yaheart1 {
  0% {
    animation-timing-function: linear;
    opacity: 1; }

  100% {
    animation-timing-function: linear;
    opacity: 0; } }

.yas22 .Layer14 {
  position: absolute;
  left: 28px;
  top: 16px; }

.yas22 .adcsw1 {
  position: absolute;
  transform: rotate(0deg);
  transform-origin: 0 2px; }

.yas22 .adcse1 {
  position: absolute;
  height: 4px;
  border-radius: 2px;
  background: var(--cta1);
  opacity: 0;
  animation-name: yaadcse10;
  animation-duration: 400ms;
  animation-delay: 2451ms;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: none; }

@keyframes yaadcse10 {
  0% {
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    transform: translate(0, 0);
    width: 15px; }

  100% {
    animation-timing-function: linear;
    opacity: 1;
    transform: translate(30px, 0);
    width: 4px; } }

.yas22 .adcsw2 {
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 0 2px; }

.yas22 .adcse2 {
  position: absolute;
  height: 4px;
  border-radius: 2px;
  background: var(--cta1);
  opacity: 0;
  animation-name: yaadcse20;
  animation-duration: 400ms;
  animation-delay: 2463ms;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: none; }

@keyframes yaadcse20 {
  0% {
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    transform: translate(0, 0);
    width: 15px; }

  100% {
    animation-timing-function: linear;
    opacity: 1;
    transform: translate(30px, 0);
    width: 4px; } }

.yas22 .adcsw3 {
  position: absolute;
  transform: rotate(90deg);
  transform-origin: 0 2px; }

.yas22 .adcse3 {
  position: absolute;
  height: 4px;
  border-radius: 2px;
  background: var(--cta1);
  opacity: 0;
  animation-name: yaadcse30;
  animation-duration: 400ms;
  animation-delay: 2460ms;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: none; }

@keyframes yaadcse30 {
  0% {
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    transform: translate(0, 0);
    width: 15px; }

  100% {
    animation-timing-function: linear;
    opacity: 1;
    transform: translate(30px, 0);
    width: 4px; } }

.yas22 .adcsw4 {
  position: absolute;
  transform: rotate(135deg);
  transform-origin: 0 2px; }

.yas22 .adcse4 {
  position: absolute;
  height: 4px;
  border-radius: 2px;
  background: var(--cta1);
  opacity: 0;
  animation-name: yaadcse40;
  animation-duration: 400ms;
  animation-delay: 2445ms;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: none; }

@keyframes yaadcse40 {
  0% {
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    transform: translate(0, 0);
    width: 15px; }

  100% {
    animation-timing-function: linear;
    opacity: 1;
    transform: translate(30px, 0);
    width: 4px; } }

.yas22 .adcsw5 {
  position: absolute;
  transform: rotate(180deg);
  transform-origin: 0 2px; }

.yas22 .adcse5 {
  position: absolute;
  height: 4px;
  border-radius: 2px;
  background: var(--cta1);
  opacity: 0;
  animation-name: yaadcse50;
  animation-duration: 400ms;
  animation-delay: 2451ms;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: none; }

@keyframes yaadcse50 {
  0% {
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    transform: translate(0, 0);
    width: 15px; }

  100% {
    animation-timing-function: linear;
    opacity: 1;
    transform: translate(30px, 0);
    width: 4px; } }

.yas22 .adcsw6 {
  position: absolute;
  transform: rotate(225deg);
  transform-origin: 0 2px; }

.yas22 .adcse6 {
  position: absolute;
  height: 4px;
  border-radius: 2px;
  background: var(--cta1);
  opacity: 0;
  animation-name: yaadcse60;
  animation-duration: 400ms;
  animation-delay: 2451ms;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: none; }

@keyframes yaadcse60 {
  0% {
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    transform: translate(0, 0);
    width: 15px; }

  100% {
    animation-timing-function: linear;
    opacity: 1;
    transform: translate(30px, 0);
    width: 4px; } }

.yas22 .adcsw7 {
  position: absolute;
  transform: rotate(270deg);
  transform-origin: 0 2px; }

.yas22 .adcse7 {
  position: absolute;
  height: 4px;
  border-radius: 2px;
  background: var(--cta1);
  opacity: 0;
  animation-name: yaadcse70;
  animation-duration: 400ms;
  animation-delay: 2454ms;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: none; }

@keyframes yaadcse70 {
  0% {
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    transform: translate(0, 0);
    width: 15px; }

  100% {
    animation-timing-function: linear;
    opacity: 1;
    transform: translate(30px, 0);
    width: 4px; } }

.yas22 .adcsw8 {
  position: absolute;
  transform: rotate(315deg);
  transform-origin: 0 2px; }

.yas22 .adcse8 {
  position: absolute;
  height: 4px;
  border-radius: 2px;
  background: var(--cta1);
  opacity: 0;
  animation-name: yaadcse80;
  animation-duration: 400ms;
  animation-delay: 2463ms;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: none; }

@keyframes yaadcse80 {
  0% {
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    transform: translate(0, 0);
    width: 15px; }

  100% {
    animation-timing-function: linear;
    opacity: 1;
    transform: translate(30px, 0);
    width: 4px; } }

/*Legacy spinner*/
.pending-spinner {
  display: inline-flex;
  align-items: center;
  vertical-align: middle; }
.pending-spinner .text {
  font-style: italic;
  margin-left: 8px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5); }

.lds-dual-ring {
  display: inline-block;
  width: 28px;
  height: 28px; }

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0px;
  border-radius: 50%;
  border: 2px solid var(--cta1);
  border-color: var(--cta1) transparent var(--cta1) transparent;
  animation: lds-dual-ring 1.2s linear infinite; }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

.pending-spinner.full-screen {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 99;
  color: white; }
.pending-spinner.full-screen .lds-dual-ring {
  width: 40px;
  height: 40px; }
.pending-spinner.full-screen .lds-dual-ring:after {
  width: 30px;
  height: 30px;
  border-width: 5px; }
.pending-spinner.full-screen .text {
  margin-left: 15px;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.6); }

/*New spinner*/
.spinner-wrap {
  position: relative;
  min-height: 200px; }
.spinner-wrap.is-fullscreen {
  min-height: 100vh; }
.spinner-wrap .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000; }
.spinner-wrap .spinner .spinner-inner {
  display: block;
  position: relative;
  width: 66px;
  height: 56px;
  margin: auto; }
.spinner-wrap .spinner .spinner-icon {
  animation: spinner-rotate 1.1s infinite ease;
  border-radius: 50%;
  height: 1em;
  margin: 0;
  position: absolute;
  transform: translateZ(0);
  width: 1em;
  left: 2rem;
  top: 1.5rem;
  font-size: 0.65rem; }

@keyframes spinner-rotate {
  0%, 100% {
    box-shadow: 0 -2.6em 0 0 black, 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7); }

  12.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0 black, 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5); }

  25% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7), 2.5em 0 0 0 black, 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2); }

  37.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5), 2.5em 0 0 0 rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0 black, 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2); }

  50% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.7), 0 2.5em 0 0 black, -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2); }

  62.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.5), 0 2.5em 0 0 rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0 black, -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2); }

  75% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.7), -2.6em 0 0 0 black, -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2); }

  87.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.5), -2.6em 0 0 0 rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0 black; } }

.spinner-message {
  padding: 18px 0 0 0;
  font-family: "StandardLife", Arial, Helvetica, sans-serif;
  color: black;
  font-size: 20px;
  line-height: 1;
  text-align: center; }

/*Temp spinner*/
.spinner-wrap {
  position: relative;
  min-height: 200px; }

.spinner-wrap.is-fullscreen {
  min-height: 100vh; }

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000; }

.spinner-inner {
  display: block;
  position: relative;
  width: 66px;
  height: 56px;
  margin: auto; }

.spinner-icon {
  animation: spinner-rotate 1.1s infinite ease;
  border-radius: 50%;
  height: 1em;
  margin: 0;
  position: absolute;
  transform: translateZ(0);
  width: 1em;
  left: 1rem;
  top: 1rem;
  font-size: 0.65rem; }

@keyframes spinner-rotate {
  0%, 100% {
    box-shadow: 0 -2.6em 0 0 black, 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7); }

  12.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0 var(--cta1), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5); }

  25% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7), 2.5em 0 0 0 black, 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2); }

  37.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5), 2.5em 0 0 0 rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0 black, 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2); }

  50% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.7), 0 2.5em 0 0 black, -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2); }

  62.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.5), 0 2.5em 0 0 rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0 black, -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2); }

  75% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.7), -2.6em 0 0 0 black, -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2); }

  87.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.5), -2.6em 0 0 0 rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0 black; } }

.spinner-message {
  padding: 18px 0 0 0;
  font-family: "StandardLife", Arial, Helvetica, sans-serif;
  color: black;
  font-size: 20px;
  line-height: 1;
  text-align: center; }

.part-loading-bg {
  background: transparent;
  opacity: 0.6; }

.skeleton {
  width: 100%;
  height: 48px;
  background: rgba(0, 0, 0, 0.06);
  margin: 0 0 24px 0;
  border-radius: 2px;
  overflow: hidden;
  position: relative; }

.skeleton.pie-chart {
  width: 200px;
  height: 200px;
  border-radius: 50%; }

.skeleton.account-card {
  height: 300px; }

.skeleton.summary-tile {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  flex: 0 0 auto;
  margin-bottom: 0; }

.skeleton.label {
  width: 40px;
  height: 20px;
  margin: 0 0 6px 0; }

.skeleton:after, .skeleton:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: linear-gradient(90deg, transparent 0, rgba(255, 255, 255, 0.35) 50%, transparent 100%);
  background-repeat: no-repeat;
  animation-name: cska;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  will-change: transform; }

.skeleton:before {
  animation-delay: 1000ms; }

.skeleton.h20 {
  height: 20px; }

.skeleton.h28 {
  height: 28px; }

.skeleton.h100 {
  height: 100px; }

.skeleton.w150 {
  width: 100px; }

@keyframes cska {
  0% {
    transform: translate3d(-100%, 0, 0) skew(-16deg); }

  100% {
    transform: translate3d(100%, 0, 0) skew(-16deg); } }

.app-logo {
  flex: 0 0 auto;
  width: 190px;
  height: 48px;
  background: url(../leapfrog-img/ABRDN_Logo_Horiz_Black_RGB.svg) no-repeat left center;
  background-size: contain;
  display: block;
  margin: 0 48px 0 0px; }
@media (max-width: 991px) {
  .app-logo {
    margin-left: 0;
    margin-right: 0; } }
.app-logo.is-inverse {
  background-image: url(../leapfrog-img/ABRDN_Logo_Horiz_White_RGB.svg); }

.app-logo-placeholder {
  width: 190px;
  height: 48px; }

body {
  background: var(--bg);
  background-size: cover;
  background-attachment: fixed; }
body:before {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  content: '';
  background: var(--bg);
  opacity: 0.8;
  z-index: -1; }

.login-body {
  overflow-y: auto;
  background: url(../leapfrog-img/abacus_growth_05-green3.jpg) no-repeat center center;
  background-size: cover; }
.login-body::before {
  background: rgba(0, 0, 0, 0.3); }
.login-body .login-container {
  margin: 0 auto;
  overflow: hidden;
  height: 100vh; }
.login-body .login-container .logo-container {
  height: 219px; }
.login-body .login-container .app-logo {
  width: 332px;
  height: 208px;
  background: url(../leapfrog-img/ABRDN_Logo_Stacked_White_RGB.png) no-repeat center center;
  background-size: contain;
  margin: 0 auto; }
.login-body .login-container .content-container {
  text-align: center;
  min-height: calc(100vh - 378px); }
.login-body .login-container .content-container .main-container {
  width: 30%;
  margin: auto;
  background: rgba(0, 0, 0, 0.3);
  margin-top: 149px;
  padding: 0px;
  border-radius: 22px; }
@media (min-width: 767px) and (max-width: 1199px) {
  .login-body .login-container .content-container .main-container {
    width: 50%; } }
@media (max-width: 766px) {
  .login-body .login-container .content-container .main-container {
    width: 80%; } }
.login-body .login-container .content-container h2 {
  color: var(--cta1-text);
  text-align: center;
  font-weight: bold;
  margin: 0px 0 34px 0;
  letter-spacing: -1px; }
.login-body .login-container .content-container p {
  font-size: 12px;
  color: var(--cta1-text);
  margin: auto;
  margin-bottom: 22px; }
.login-body .login-container .content-container .controls-wrap {
  width: 225px;
  margin-bottom: 8px; }
.login-body .login-container .content-container .forgotten-link {
  display: block;
  text-align: left;
  font-size: 14px;
  text-decoration: underline;
  color: var(--panel-heavy); }
.login-body .login-container .content-container form {
  display: inline-block; }
.login-body .login-container .content-container form label {
  text-align: left;
  font-size: 14px;
  color: var(--panel-heavy);
  margin-bottom: 14px; }
.login-body .login-container .content-container form input {
  height: 38px;
  border-radius: 1px;
  color: var(--cta1);
  font-weight: bold;
  letter-spacing: -1px;
  background-color: white;
  padding: 6px 18px 6px 9px; }
.login-body .login-container .footer-container {
  height: 378px;
  color: var(--cta1-text);
  font-size: 14px;
  text-align: center;
  background: var(--cta1);
  padding-top: 45px; }
.login-body .login-container .footer-container .footer {
  margin-top: 0;
  border: none;
  padding: 0;
  width: 50%;
  margin: auto; }
@media (max-width: 991px) {
  .login-body .login-container .footer-container .footer {
    width: 80%; } }
.login-body .login-container .footer-container .footer p {
  margin-bottom: 0; }
.login-body .login-container .footer-container .footer .copyright {
  margin-top: 15px;
  margin-bottom: 20px; }
.login-body .login-container .footer-container .footer .copyright .divider {
  position: relative;
  margin-right: 11px; }
.login-body .login-container .footer-container .footer .copyright .divider::after {
  content: '|';
  position: absolute;
  top: 0;
  right: -7px; }
.login-body .login-container.fnz-login .main-container {
  padding: 42px 0px 0px 0px;
  width: 33%; }
@media (min-width: 767px) and (max-width: 1199px) {
  .login-body .login-container.fnz-login .main-container {
    width: 50%; } }
@media (max-width: 766px) {
  .login-body .login-container.fnz-login .main-container {
    width: 80%; } }
.login-body .login-container.fnz-login h2 {
  text-align: left; }

.layout-secured {
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

.layout-secured-header {
  padding: 50px 0 50px 0; }
.layout-secured-header .secured-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.layout-secured-search-wrap {
  flex: 1 1 auto;
  max-width: 800px;
  margin: 0 48px 0 0; }

.layout-secured-custom-navigation-wrap {
  flex: 0 0 auto; }

.layout-secured-content {
  flex: 0 0 auto; }
.layout-secured-content > .container {
  display: flex; }

.layout-secured-leftbar {
  width: 100px;
  padding: 0  24px 80px 0;
  flex: 0 0 auto; }

.layout-secured-page {
  width: calc(100% - 124px);
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
.layout-secured-page .wrapper {
  min-height: calc(100vh - 206px); }
.layout-secured-page .anim-navigation-wrapper {
  min-height: calc(100vh - 206px); }

.footer {
  border-top: 2px solid var(--link);
  padding: 16px 0;
  margin-top: 60px; }
.footer .footer-links {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0; }
.footer .footer-links li {
  display: inline-block;
  margin: 0 40px 0 0; }
.footer .footer-links li .hyperlink {
  color: var(--link);
  position: relative;
  padding-right: 20px;
  font-size: 14px; }
.footer .footer-links li .hyperlink:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e914';
  font-size: 14px;
  position: absolute;
  top: -1px;
  right: 0; }

.secured-main-navigation .main-cta {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  text-align: center;
  padding: 12px;
  border-radius: 8px;
  background: var(--cta1);
  color: var(--cta1-text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0 0 12px 0;
  text-decoration: none;
  display: flex;
  line-height: 1.2;
  min-height: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box; }
.secured-main-navigation .main-cta:focus {
  background: var(--button-active);
  border: 1px solid var(--button-active); }
.secured-main-navigation .main-cta .icon::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e903';
  position: relative;
  left: 3px;
  display: block;
  top: -2px;
  font-size: 16px; }
.secured-main-navigation .main-cta.report-btn {
  display: block;
  padding: 12px 8px; }
.secured-main-navigation .main-cta.report-btn .icon {
  display: block;
  margin-bottom: 4px; }
.secured-main-navigation .main-cta.report-btn .icon:before {
  content: '\e92d';
  font-size: 22px;
  left: 0; }
.secured-main-navigation .main-items {
  background: var(--panel-heavy);
  box-shadow: var(--panel-shadow);
  border-radius: 8px;
  padding: 18px 0;
  position: relative; }
.secured-main-navigation .main-items .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 0 8px 0;
  text-align: center;
  display: block;
  font-size: 20px;
  line-height: 25px; }
.secured-main-navigation .main-items .dashboard .icon:before {
  content: '\e932';
  font-size: 30px; }
.secured-main-navigation .main-items .insight .icon:before {
  content: '\e931'; }
.secured-main-navigation .main-items .literature .icon:before {
  content: '\e930';
  font-size: 18px; }
.secured-main-navigation .main-items .notifications .icon:before {
  content: '\e90d';
  font-size: 18px; }
.secured-main-navigation .main-items .admin .icon:before {
  content: '\e911';
  font-size: 18px; }
.secured-main-navigation .main-items .accounts .icon:before, .secured-main-navigation .main-items .customers .icon::before {
  content: '\e921';
  font-size: 22px; }
.secured-main-navigation .main-items .appstore .icon:before {
  content: '\e947';
  font-size: 22px; }
.secured-main-navigation .main-items .item {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  width: 100%;
  box-sizing: border-box;
  min-height: 70px;
  color: var(--link);
  display: block;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  text-decoration: none;
  padding: 16px 8px;
  position: relative;
  text-align: center; }
.secured-main-navigation .main-items .item:hover {
  text-decoration: none;
  background-color: var(--panel-highlight);
  cursor: pointer; }
.secured-main-navigation .main-items .item:active {
  opacity: 0.8; }
.secured-main-navigation .main-items .item:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3px;
  left: 0;
  background: none;
  content: ''; }
.secured-main-navigation .main-items .item.active {
  color: var(--text-highlight);
  cursor: default; }
.secured-main-navigation .section-bar {
  position: absolute;
  left: 0;
  width: 3px;
  opacity: 0;
  background: var(--active);
  transition: 500ms top cubic-bezier(0.83, 0, 0.17, 1), 500ms height cubic-bezier(0.83, 0, 0.17, 1), 500ms opacity ease-in-out;
  transition: 500ms top cubic-bezier(0.87, 0, 0.13, 1), 500ms height cubic-bezier(0.87, 0, 0.13, 1), 500ms opacity ease-in-out;
  z-index: 1;
  transform-origin: center center; }
.secured-main-navigation .additional {
  padding: 96px 0 0 0; }
@media (max-height: 768px) {
  .secured-main-navigation .additional {
    padding-top: 24px; } }
.secured-main-navigation .additional .settings {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  display: block;
  color: var(--link);
  background: var(--panel-heavy);
  box-shadow: var(--panel-shadow);
  width: 48px;
  height: 48px;
  border-radius: 24px;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 0 0 0;
  margin: 0 auto 12px auto;
  position: relative; }
.secured-main-navigation .additional .settings:hover {
  text-decoration: none; }
.secured-main-navigation .additional .settings .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 18px;
  content: '\e909'; }
.secured-main-navigation .additional .settings:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: center center;
  background: var(--cta1);
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(0, 0, 0);
  opacity: 0; }
.secured-main-navigation .additional .settings:focus {
  outline: 0; }
.secured-main-navigation .additional .settings:focus:before {
  animation: cntFocusRipple 400ms cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: forwards; }
.secured-main-navigation .additional .profile {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  display: block;
  width: 48px;
  height: 48px;
  color: var(--link);
  background: var(--panel-heavy);
  box-shadow: var(--panel-shadow);
  border-radius: 24px;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  padding: 2px 0 0 0;
  margin: 0 auto 12px auto; }
.secured-main-navigation .additional .profile:hover {
  text-decoration: none;
  background: var(--panel-highlight);
  cursor: pointer; }
.secured-main-navigation .additional .coach-marker-tutorial {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  display: block;
  width: 48px;
  height: 48px;
  color: var(--link);
  background: var(--panel-heavy);
  box-shadow: var(--panel-shadow);
  border-radius: 24px;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  padding: 13px 0 0 0;
  margin: 0 auto 12px auto;
  position: relative; }
.secured-main-navigation .additional .coach-marker-tutorial:hover {
  text-decoration: none;
  background: var(--panel-highlight);
  cursor: pointer; }
.secured-main-navigation .additional .coach-marker-tutorial .icon::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e953';
  position: absolute;
  left: 13px;
  top: 14px;
  font-size: 22px; }
.secured-main-navigation .additional .coach-marker-tutorial .icon.unread::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '';
  position: absolute;
  left: 29px;
  top: 8px;
  width: 8px;
  height: 8px;
  font-size: 20px;
  background: var(--negative);
  border-radius: 50%;
  border: 1px solid white; }
.secured-main-navigation .additional .applications-pad {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  display: block;
  width: 48px;
  height: 48px;
  color: var(--link);
  background: var(--panel-heavy);
  box-shadow: var(--panel-shadow);
  border-radius: 24px;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  padding: 13px 0 0 0;
  margin: 0 auto 12px auto;
  position: relative; }
.secured-main-navigation .additional .applications-pad:hover {
  text-decoration: none;
  background: var(--panel-highlight); }
.secured-main-navigation .additional .applications-pad .icon::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e958';
  position: absolute;
  left: 13px;
  font-size: 23px;
  top: 12px; }
.secured-main-navigation.is-admin .additional {
  padding-top: 32px; }

@keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0); }

  100% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); } }

.secured-search .autocomplete-wrap {
  position: relative;
  z-index: 20; }
.secured-search .overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 2; }
.secured-search .overlay .inner {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.24);
  animation: ssoiIn 150ms ease-in-out;
  animation-fill-mode: both; }
.secured-search .overlay .inner:focus {
  outline: 0; }
.secured-search.closing .overlay .inner {
  animation: ssoiOut 150ms ease-in-out;
  animation-delay: 300ms;
  animation-fill-mode: both; }
.secured-search .input-wrap {
  position: relative;
  z-index: 5; }
.secured-search .magnifier-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 11px;
  left: 19px;
  display: block;
  font-size: 24px;
  content: '\e902';
  color: var(--text-highlight); }
.secured-search .input {
  display: block;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: var(--panel);
  border: 1px solid var(--keyline);
  border-radius: 8px;
  box-shadow: var(--panel-shadow);
  color: var(--text-highlight);
  width: 100%;
  padding: 8px 48px 8px 64px;
  font-size: 20px;
  line-height: 30px;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  box-sizing: border-box; }
@media (max-width: 991px) {
  .secured-search .input {
    font-size: 16px; } }
.secured-search .input::placeholder {
  color: var(--text-muted);
  font-weight: 300; }
.secured-search .input:focus {
  outline: none; }
.secured-search .more {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  position: absolute;
  top: 14px;
  right: 8px; }
.secured-search .more .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 20px;
  content: '\e901';
  color: var(--text-highlight); }
.secured-search .list {
  background: var(--panel-heavy);
  overflow: hidden;
  padding: 48px 0 0 0;
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 257px;
  animation: ssalIn 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-fill-mode: both;
  border-radius: 8px; }
.secured-search .list ul {
  padding: 0;
  margin: 0; }
.secured-search .list ul li {
  list-style-type: none;
  border-bottom: 1px solid #c1c1c1;
  padding: 11px 20px;
  align-items: center; }
.secured-search .list ul li > div {
  align-items: center; }
.secured-search .list ul li:last-child {
  border-bottom: none; }
.secured-search.closing .list {
  animation: ssalOut 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-fill-mode: both; }

@keyframes ssalIn {
  from {
    height: 0;
    opacity: 0; }

  to {
    height: 257px;
    opacity: 1; } }

@keyframes ssoiIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes ssalOut {
  from {
    height: 257px;
    opacity: 1; }

  to {
    height: 0;
    opacity: 0; } }

@keyframes ssoiOut {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }

.client-account-value {
  font-size: 32px;
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  line-height: 48px;
  height: 48px;
  color: var(--text-highlight); }
.client-account-value .decimal-place {
  font-size: 22px;
  position: relative;
  top: -8px; }

.client-product-ctrlbar {
  border-bottom: 1px solid var(--keyline);
  padding: 0 0 4px 0;
  margin: 0 0 48px 0; }
.client-product-ctrlbar .back {
  color: var(--link);
  position: relative;
  font-size: 16px;
  padding: 2px 2px 2px 16px; }
.client-product-ctrlbar .back .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906';
  position: absolute;
  top: 8px;
  font-size: 12px;
  left: 0; }

.client-portal-view {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  background: none;
  position: relative;
  color: var(--link);
  padding: 4px 30px 4px 0px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none; }
.client-portal-view .icon {
  position: absolute;
  right: 0;
  top: 3px;
  display: block;
  text-align: center; }
.client-portal-view .icon:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e914';
  font-size: 20px; }
.client-portal-view:hover {
  text-decoration: underline; }

.client-name-heading {
  position: relative;
  font-size: 30px;
  padding-right: 35px;
  margin: 0; }
.client-name-heading::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e92f';
  font-size: 27px;
  position: absolute;
  top: 10px;
  right: 0; }
.client-name-heading.isFz::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e952';
  font-size: 27px;
  position: absolute;
  top: 10px;
  right: 0; }

.layout-styleguide {
  min-height: 100vh;
  width: 100%;
  display: flex; }

.layout-styleguide-heading {
  padding: 48px 0;
  margin: 0; }

.layout-styleguide-intro {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }
.layout-styleguide-intro .lsi-inner {
  padding: 24px 24px 48px 24px;
  width: 600px; }

.layout-styleguide-navigation {
  flex: 0 0 auto;
  width: 300px;
  border-right: 1px solid #c1c1c1;
  padding: 0 0 50px 0; }
.layout-styleguide-navigation .lsn-inner {
  position: sticky;
  top: 0; }
.layout-styleguide-navigation .lsn-logo {
  padding: 50px 24px; }
.layout-styleguide-navigation .lsn-group {
  padding: 18px 24px 6px 24px;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: var(--text-highlight);
  display: block; }
.layout-styleguide-navigation .lsn-group:first-of-type {
  padding-top: 0; }
.layout-styleguide-navigation .lsn-item {
  padding: 0 24px 4px 24px;
  margin: 0;
  font-size: 14px;
  display: block;
  position: relative; }
.layout-styleguide-navigation .lsn-item.is-sub {
  padding-left: 50px;
  font-size: 12px; }
.layout-styleguide-navigation .lsn-item a {
  display: inline-block;
  position: relative;
  color: var(--link);
  padding: 0 12px 0 0;
  text-decoration: none; }
.layout-styleguide-navigation .lsn-item a:hover {
  text-decoration: underline; }
.layout-styleguide-navigation .lsn-item a:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905';
  font-size: 8px;
  position: absolute;
  right: 0;
  top: 7px; }
.layout-styleguide-navigation .lsn-item.active:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 6px;
  background: var(--cta2);
  bottom: 0; }
.layout-styleguide-navigation .lsn-item.is-new .new-badge {
  display: inline-block;
  background: var(--cta1);
  color: var(--cta1-text);
  border-radius: 3px;
  margin: 0 1px;
  transform: translate(0, -5px);
  width: 6px;
  height: 6px; }
.layout-styleguide-navigation .lsn-item.is-wip .wip-badge {
  display: inline-block;
  background: var(--cta2);
  color: var(--cta2-text);
  border-radius: 3px;
  margin: 0 1px;
  transform: translate(0, -5px);
  width: 6px;
  height: 6px; }

.lsn-legend {
  font-size: 12px;
  padding: 24px 0 0 0; }
.lsn-legend .lsn-legend-item {
  position: relative;
  padding: 4px 24px 0 34px; }
.lsn-legend .new-badge, .lsn-legend .wip-badge {
  display: block;
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 10px;
  left: 24px; }
.lsn-legend .new-badge {
  background: var(--cta1); }
.lsn-legend .wip-badge {
  background: var(--cta2); }

.layout-styleguide-content {
  flex: 0 0 auto;
  width: calc(100% - 301px); }

.lsn-tour {
  padding: 0 24px 24px 24px; }
.lsn-tour .btn {
  width: 100%;
  box-sizing: border-box; }

.layout-public {
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

.layout-public-header {
  padding: 60px 0 48px 0; }
.layout-public-header > .container {
  display: flex;
  justify-content: space-between; }

.layout-public-logo {
  flex: 0 0 auto;
  width: 160px;
  height: 36px;
  background: #f7f8fa url(../leapfrog-img/SL-logo.svg) no-repeat center center;
  background-size: 100%;
  display: block;
  margin: 0 48px 0 48px; }
@media (max-width: 991px) {
  .layout-public-logo {
    margin-left: 0; } }

.layout-process {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box; }

.layout-process-header {
  padding: 50px 0 50px 0; }
.layout-process-header > .container {
  display: flex;
  height: 48px;
  justify-content: space-between; }

.layout-process-logo {
  flex: 0 0 auto;
  width: 160px;
  height: 36px;
  background: url(../leapfrog-img/SL-logo.svg) no-repeat center center;
  background-size: 100%;
  display: block;
  margin: 0 48px 0 48px; }
@media (max-width: 991px) {
  .layout-process-logo {
    margin-left: 0; } }

.layout-process-content {
  flex: 0 0 auto; }
.layout-process-content > .container {
  display: flex; }
@media (min-width: 0) and (max-width: 575px) {
  .layout-process-content > .container {
    flex-direction: column; } }

.layout-process-leftbar {
  width: 100px;
  padding: 0  24px 24px 0;
  flex: 0 0 auto; }
@media (min-width: 0) and (max-width: 575px) {
  .layout-process-leftbar {
    display: flex;
    width: 100%; }
  .layout-process-leftbar .process-control-secondary {
    margin-left: 15px; } }
@media print {
  .layout-process-leftbar {
    display: none; } }

.layout-process-rightbar {
  width: 250px;
  padding: 0 0 24px 24px;
  flex: 0 0 auto; }

.layout-process-page {
  flex: 1 1 auto; }
.layout-process-page > .minheight-container {
  margin-bottom: 120px;
  min-height: calc(100vh - 206px); }

.process-subheading {
  font-size: 14px;
  color: var(--text); }

.process-control-primary {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  background: var(--cta1);
  text-align: center;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  color: var(--cta1-text);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0 0 12px 0;
  text-decoration: none;
  justify-content: center;
  line-height: 1.2;
  box-sizing: border-box;
  width: 100%; }
@media (min-width: 576px) {
  .process-control-primary {
    min-height: 60px; } }
.process-control-primary:hover {
  text-decoration: underline;
  cursor: pointer; }
.process-control-primary:focus-visible {
  background: var(--button-active);
  border: 1px solid var(--button-active); }

.process-control-secondary {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  text-align: center;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background: var(--panel-heavy);
  color: var(--link);
  border: 1px solid var(--link);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0 0 12px 0;
  text-decoration: none;
  justify-content: center;
  line-height: 1.2;
  box-sizing: border-box;
  width: 100%; }
@media (min-width: 576px) {
  .process-control-secondary {
    min-height: 60px; } }
.process-control-secondary:hover {
  text-decoration: underline;
  cursor: pointer; }
.process-control-secondary:focus-visible {
  background: var(--button-active);
  border: 1px solid var(--button-active);
  color: var(--cta1-text); }

.process-heading {
  margin-bottom: 10px;
  border-bottom: 1px solid var(--keyline); }
@media (max-width: 1300px) {
  .process-heading h1 {
    margin: 0; } }

.process-split-heading {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 10px; }
.process-split-heading .split-heading-main {
  width: calc(100% - 270px);
  border-bottom: 1px solid var(--keyline); }
@media (max-width: 1300px) {
  .process-split-heading .split-heading-main {
    border-bottom: none; } }
.process-split-heading .split-heading-aside {
  width: 250px;
  margin-left: 20px;
  border-bottom: 1px solid var(--keyline); }
.process-split-heading h1 {
  margin-bottom: 18px; }
@media (max-width: 1300px) {
  .process-split-heading h1 {
    margin: 0; } }
.process-split-heading .user-name {
  margin: 0 0 0 0; }
@media (max-width: 1300px) {
  .process-split-heading .user-name {
    font-size: 16px; } }
.process-split-heading .account-id {
  margin-bottom: 10px;
  font-size: 14px; }

@media (max-width: 1300px) {
  .process-split-heading {
    display: block; }
  .process-split-heading .split-heading-aside {
    display: block;
    width: 100%;
    margin-left: 0;
    padding-top: 24px; }
  .process-split-heading .split-heading-main {
    display: block;
    padding-right: 0;
    width: 100%; } }
.process-aside {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
.process-aside .process-aside-panel {
  width: 250px;
  margin-left: 20px; }
.process-aside .process-aside-content {
  width: calc(100% - 270px); }

@media (max-width: 1300px) {
  .process-aside {
    display: block; }
  .process-aside .process-aside-panel {
    display: block;
    width: 100%;
    margin-left: 0;
    padding-top: 24px; }
  .process-aside .process-aside-content {
    display: block;
    padding-right: 0;
    width: 100%; } }
.process-panel {
  background: var(--panel);
  border-radius: 8px;
  padding: 24px 32px 0 32px;
  position: relative; }

.layout-submit {
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

.layout-submit-header {
  padding: 60px 0 48px 0; }
.layout-submit-header > .container {
  display: flex;
  justify-content: space-between; }

.layout-submit-logo {
  flex: 0 0 auto;
  width: 160px;
  height: 36px;
  background: url(../leapfrog-img/SL-logo.svg) no-repeat center center;
  background-size: 100%;
  display: block;
  margin: 0 48px 0 48px; }
@media (max-width: 991px) {
  .layout-submit-logo {
    margin-left: 0; } }

.layout-submit-content {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 144px 0; }

.layout-submit-content-center {
  display: block;
  text-align: center; }

.submit-caption {
  font-size: 24px;
  font-weight: 300;
  color: var(--cta1); }

.success-tick-animation {
  width: 305px;
  height: 277px;
  position: relative;
  margin: 0 0 30px 0; }

.success-tick-animation .All {
  position: absolute;
  background: white;
  width: 100%;
  height: 100%; }

.success-tick-animation .svgWrapper {
  position: absolute;
  width: 305px;
  height: 277px;
  position: absolute;
  top: 0px;
  left: 0px; }

.success-tick-animation .tickC {
  position: absolute;
  fill: none;
  stroke: var(--cta1);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 304;
  stroke-dashoffset: 0;
  animation-name: yatickC0;
  animation-duration: 490ms;
  animation-delay: 1368ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-fill-mode: both; }

@keyframes yatickC0 {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    stroke-dashoffset: 304; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; } }

.success-tick-animation .tick-B {
  position: absolute;
  fill: none;
  stroke: var(--cta2);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 304;
  stroke-dashoffset: 0;
  animation-name: yatick-B0;
  animation-duration: 492ms;
  animation-delay: 1211ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-fill-mode: both; }

@keyframes yatick-B0 {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    stroke-dashoffset: 304; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; } }

.success-tick-animation .tick-gray {
  position: absolute;
  fill: none;
  stroke: #ECECEC;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 304;
  stroke-dashoffset: 0;
  animation-name: yatick-gray0;
  animation-duration: 476ms;
  animation-delay: 998ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-fill-mode: both; }

@keyframes yatick-gray0 {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    stroke-dashoffset: 304; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; } }

.success-tick-animation .circleDarkBlue {
  position: absolute;
  fill: none;
  stroke: var(--cta1);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  transform-origin: 138px 138px;
  stroke-dasharray: 675;
  animation-name: yacircleDarkBlue0,yacircleDarkBlue1;
  animation-duration: 1017ms,1029ms;
  animation-delay: 570ms,578ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-fill-mode: both,both; }

@keyframes yacircleDarkBlue0 {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(-180deg); }

  100% {
    animation-timing-function: linear;
    transform: rotate(0deg); } }

@keyframes yacircleDarkBlue1 {
  0% {
    animation-timing-function: ease-in-out;
    stroke-dashoffset: -675; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; } }

.success-tick-animation .circleLightBlue {
  position: absolute;
  fill: none;
  stroke: var(--cta2);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  transform-origin: 138px 138px;
  stroke-dasharray: 675;
  animation-name: yacircleLightBlue0,yacircleLightBlue1;
  animation-duration: 1017ms,1029ms;
  animation-delay: 359ms,357ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-fill-mode: both,both; }

@keyframes yacircleLightBlue0 {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(-180deg); }

  100% {
    animation-timing-function: linear;
    transform: rotate(0deg); } }

@keyframes yacircleLightBlue1 {
  0% {
    animation-timing-function: ease-out;
    stroke-dashoffset: -675; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; } }

.success-tick-animation .circleGray {
  position: absolute;
  fill: none;
  stroke: #ECECEC;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  transform-origin: 138px 138px;
  stroke-dasharray: 675;
  animation-name: yacircleGray0,yacircleGray1;
  animation-duration: 1017ms,1029ms;
  animation-delay: 128ms,128ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-fill-mode: both,both; }

@keyframes yacircleGray0 {
  0% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(-180deg); }

  100% {
    animation-timing-function: linear;
    transform: rotate(0deg); } }

@keyframes yacircleGray1 {
  0% {
    animation-timing-function: ease-in-out;
    stroke-dashoffset: -675; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; } }

.yas16 {
  width: 222px;
  height: 222px;
  margin: 0 0 30px 0; }

.yas16 .Layer1 {
  position: absolute;
  animation-name: yaLayer10;
  animation-duration: 2051ms;
  animation-delay: 5ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-fill-mode: both; }

@keyframes yaLayer10 {
  0% {
    animation-timing-function: linear;
    opacity: 1; }

  100% {
    animation-timing-function: linear;
    opacity: 1; } }

.yas16 .Layer2 {
  position: absolute;
  width: 222px;
  height: 222px; }

.yas16 .l3 {
  position: absolute;
  fill: none;
  stroke: #0a2f73;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 589;
  stroke-dashoffset: 0;
  transform-origin: center center;
  animation-name: yal30,yal31,yal32;
  animation-duration: 630ms,646ms,1292ms;
  animation-delay: 747ms,1384ms,754ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-fill-mode: backwards,forwards,forwards; }

@keyframes yal30 {
  0% {
    animation-timing-function: linear;
    stroke-dashoffset: 589; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; } }

@keyframes yal31 {
  0% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: -589; } }

@keyframes yal32 {
  0% {
    animation-timing-function: linear;
    transform: rotate(0); }

  100% {
    animation-timing-function: linear;
    transform: rotate(-360deg); } }

.yas16 .l2 {
  position: absolute;
  fill: none;
  stroke: #fb0;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 589;
  stroke-dashoffset: 0;
  transform-origin: center center;
  animation-name: yal20,yal21,yal22;
  animation-duration: 630ms,646ms,1292ms;
  animation-delay: 388ms,1018ms,380ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-fill-mode: backwards,forwards,forwards; }

@keyframes yal20 {
  0% {
    animation-timing-function: linear;
    stroke-dashoffset: 589; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; } }

@keyframes yal21 {
  0% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: -589; } }

@keyframes yal22 {
  0% {
    animation-timing-function: linear;
    transform: rotate(0); }

  100% {
    animation-timing-function: linear;
    transform: rotate(-360deg); } }

.yas16 .l1 {
  position: absolute;
  fill: none;
  stroke: #147cb3;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 589;
  stroke-dashoffset: 0;
  transform-origin: center center;
  animation-name: yal10,yal11,yal12;
  animation-duration: 630ms,646ms,1292ms;
  animation-delay: -3ms,629ms,1ms;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94), cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-fill-mode: backwards,forwards,forwards; }

@keyframes yal10 {
  0% {
    animation-timing-function: linear;
    stroke-dashoffset: 589; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; } }

@keyframes yal11 {
  0% {
    animation-timing-function: linear;
    stroke-dashoffset: 0; }

  100% {
    animation-timing-function: linear;
    stroke-dashoffset: -589; } }

@keyframes yal12 {
  0% {
    animation-timing-function: linear;
    transform: rotate(0); }

  100% {
    animation-timing-function: linear;
    transform: rotate(-360deg); } }

.radio-button.bold-radio {
  margin: 0;
  padding: 1px 0 1px 32px;
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  cursor: pointer; }
.radio-button.bold-radio .rb-design {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--text);
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  background-clip: content-box;
  box-sizing: border-box; }
.radio-button.bold-radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }
.radio-button.bold-radio input[type="radio"]:checked + .rb-design {
  background-color: var(--cta1); }
.radio-button.bold-radio input[type="radio"]:disabled + .rb-design {
  opacity: 0.5; }
.radio-button.bold-radio input[type="radio"]:disabled ~ .label {
  opacity: 0.5; }

.radio-button.bold-radio.is-inverse .rb-design {
  border: 1px solid #ffffff; }
.radio-button.bold-radio.is-inverse input[type="radio"]:checked + .rb-design {
  background-color: #fb0; }

.radio-button.pin-radio {
  margin: 0;
  padding: 1px 0 1px 30px;
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  min-height: 22px; }
.radio-button.pin-radio:focus {
  outline: none !important; }
.radio-button.pin-radio:focus input + .rb-design:before {
  box-shadow: 0 0 4px var(--cta2-text); }
.radio-button.pin-radio .gfx, .radio-button.pin-radio .rb-design {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px;
  background-clip: content-box;
  box-sizing: border-box;
  border-radius: 50%;
  z-index: 0; }
.radio-button.pin-radio .gfx:before, .radio-button.pin-radio .rb-design:before {
  content: '';
  border-radius: 50%;
  border: 2px solid var(--link);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  box-sizing: border-box; }
.radio-button.pin-radio .rb-label {
  color: var(--link); }
.radio-button.pin-radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1; }
.radio-button.pin-radio input[type="radio"]:focus + .rb-design:before {
  box-shadow: 0 0 4px var(--cta2-text); }
.radio-button.pin-radio input[type="radio"]:checked + .rb-design, .radio-button.pin-radio input[type="radio"]:checked + .gfx {
  background-color: var(--link); }
.radio-button.pin-radio input[type="radio"]:disabled:checked + .rb-design, .radio-button.pin-radio input[type="radio"]:disabled:checked + .gfx {
  background-color: var(--keyline); }
.radio-button.pin-radio input[type="radio"]:disabled + .rb-design:before, .radio-button.pin-radio input[type="radio"]:disabled + .gfx:before {
  border-color: var(--keyline); }
.radio-button.pin-radio input[type="radio"]:disabled ~ .rb-label {
  color: var(--keyline); }

.radio-layout-inline .controls-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 16px 0; }
.radio-layout-inline .radio-button {
  margin: 0 46px 8px 0; }

.radio-layout-150 .controls-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 16px 0; }
.radio-layout-150 .radio-button {
  margin: 0 46px 8px 0;
  width: 150px; }

.radio-layout-90 .controls-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 16px 0; }
.radio-layout-90 .radio-button {
  margin: 0 46px 8px 0;
  width: 90px; }

.radio-layout-vertical .controls-wrap {
  margin: 0 0 16px 0; }
.radio-layout-vertical .vertical-item {
  margin: 0 0 8px 0;
  display: block; }

.radio-group legend {
  display: block;
  margin: 0 0 4px 3px;
  border: 0;
  padding: 0; }
.radio-group.legend-sr-only legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.radio-group .rg-list {
  padding: 0;
  margin: 0;
  display: block; }
.radio-group .rg-item {
  display: block; }
.radio-group .rg-item:focus {
  outline: none !important; }

.radio-group.rg-inline .rg-list {
  display: flex;
  flex-wrap: wrap; }
.radio-group.rg-inline .rg-item {
  margin: 0 46px 8px 0; }

.radio-group.rg-150 .rg-list {
  display: flex;
  flex-wrap: wrap; }
.radio-group.rg-150 .rg-item {
  margin: 0 12px 8px 0;
  width: 150px; }
.radio-group.rg-150.second-child-160 .rg-item:nth-child(2) {
  width: 160px; }

.radio-group.rg-100 .rg-list {
  display: flex;
  flex-wrap: wrap; }
.radio-group.rg-100 .rg-item {
  margin: 0 12px 8px 0;
  width: 100px; }

.radio-group.value-type legend {
  float: left;
  margin-right: 13px; }
.radio-group.value-type .rg-list {
  display: flex;
  flex-wrap: wrap; }
.radio-group.value-type .rg-item {
  padding-right: 2px;
  margin: 0 0px 25px 0; }
.radio-group.value-type .rg-item .rb-label {
  padding: 10px 10px 10px 38px;
  border: 1px solid var(--link);
  border-radius: 3px;
  background: var(--panel-heavy);
  color: var(--link); }
.radio-group.value-type .rg-item .radio-button {
  padding: 0px 5px 0; }
.radio-group.value-type .rg-item .radio-button .rb-design {
  top: -2px;
  left: 15px; }
.radio-group.value-type .rg-item .radio-button input[type="radio"]:checked + .rb-design, .radio-group.value-type .rg-item .radio-button input[type="radio"]:checked + .gfx {
  background-color: var(--cta1-text); }
.radio-group.value-type .rg-item .radio-button input[type="radio"]:checked + .rb-design:before, .radio-group.value-type .rg-item .radio-button input[type="radio"]:checked + .gfx:before {
  border: 2px solid var(--cta1-text); }
.radio-group.value-type .rg-item .radio-button input[type="radio"]:checked ~ .rb-label {
  background: var(--link);
  color: var(--cta1-text); }
.radio-group.value-type .rg-item .radio-button input[type="radio"]:disabled:checked + .rb-design, .radio-group.value-type .rg-item .radio-button input[type="radio"]:disabled:checked + .gfx {
  background-color: var(--keyline); }
.radio-group.value-type .rg-item .radio-button input[type="radio"]:disabled + .rb-design:before, .radio-group.value-type .rg-item .radio-button input[type="radio"]:disabled + .gfx::before {
  border-color: var(--keyline); }
.radio-group.value-type .rg-item .radio-button input[type="radio"]:disabled ~ .rb-label {
  background: var(--cta1-text);
  color: var(--keyline);
  border: 1px solid var(--keyline); }
.radio-group.value-type .rg-item:last-child .radio-button {
  padding-right: 0; }

.radio-group.rg-vertical .rg-list {
  display: block; }
.radio-group.rg-vertical .rg-item {
  margin: 0 0 8px 0;
  display: block; }

.radio-tick-panel {
  display: block;
  margin: 0 0 6px 0;
  position: relative; }
.radio-tick-panel .rb-label {
  padding: 13px 48px 13px 18px;
  display: block;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid var(--link);
  color: var(--link);
  border-radius: 5px; }
.radio-tick-panel .rb-design:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 15px;
  right: 14px;
  color: var(--bg);
  font-size: 18px;
  content: '\e912';
  pointer-events: none;
  opacity: 0; }
.radio-tick-panel .rb-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }
.radio-tick-panel .rb-input:checked + .rb-design:before {
  opacity: 1; }
.radio-tick-panel .rb-input:checked ~ .rb-label {
  background-color: var(--link);
  color: var(--bg);
  border-color: var(--link); }
.radio-tick-panel input[type="radio"]:not(:disabled):focus ~ .rb-label {
  outline: 1px solid var(--cta1); }
.radio-tick-panel .rb-input:disabled + .rb-design {
  opacity: 0.5; }
.radio-tick-panel .rb-input:disabled ~ .rb-label {
  opacity: 0.5; }

.radio-tick-panel.is-inverse .rb-design {
  border: 1px solid #ffffff; }
.radio-tick-panel.is-inverse .rb-input:checked + .rb-design {
  background-color: #fb0; }

.radio-toggle {
  position: relative; }
.radio-toggle .radio-button {
  position: relative;
  cursor: pointer; }
.radio-toggle .radio-button:focus-within {
  box-shadow: 0 0 0 2px white, 0 0 0 4px var(--cta1); }
.radio-toggle .rb-input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer; }
.radio-toggle .rb-label {
  color: var(--link);
  position: relative;
  cursor: pointer;
  display: inline-block; }
.radio-toggle .rb-label:before {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: visible; }
.radio-toggle .rb-input:checked ~ .rb-label {
  font-weight: bold;
  color: var(--text-highlight); }
.radio-toggle .rb-design {
  pointer-events: none; }
.radio-toggle .radio-button:nth-of-type(1) {
  padding: 0 29px 0 0; }
.radio-toggle .radio-button:nth-of-type(1) .rb-design::after {
  content: '';
  position: absolute;
  right: -21px;
  top: 2px;
  box-sizing: border-box;
  display: block;
  width: 40px;
  height: 13px;
  background-color: var(--text-muted);
  border-radius: 6px;
  z-index: 1; }
.radio-toggle .radio-button:nth-of-type(1) .rb-design::before {
  content: '';
  position: absolute;
  right: -21px;
  top: -3px;
  box-sizing: border-box;
  display: block;
  width: 23px;
  height: 23px;
  background-color: var(--cta1);
  border-radius: 12px;
  z-index: 2;
  transition: right 200ms ease-in-out; }
.radio-toggle .radio-button:nth-of-type(1) .rb-input:checked + .rb-design:before {
  right: -2px; }
.radio-toggle .radio-button:nth-of-type(2) {
  padding: 0 0 0 29px; }
.radio-toggle.legend-sr-only legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.radio-toggle.one-side-label .rb-label {
  font-size: 14px;
  color: var(--text); }
.radio-toggle.one-side-label .radio-button:nth-of-type(1) .rb-design::after {
  top: 5px; }
.radio-toggle.one-side-label .radio-button:nth-of-type(1) .rb-design::before {
  top: -1px; }
.radio-toggle.one-side-label .rb-input:checked ~ .rb-label {
  font-weight: normal;
  color: var(--text); }

.input-switcher {
  position: relative; }
.input-switcher .text-align-center input {
  text-align: center; }
.input-switcher .radio-toggle {
  position: absolute;
  top: 40px; }
.input-switcher.control-size-60 .controls-wrap {
  max-width: 60px; }
.input-switcher.control-size-60 .radio-toggle {
  left: calc(60px + 20px); }
@media (max-width: 334px) {
  .input-switcher.control-size-60 {
    display: flex;
    flex-direction: column; }
  .input-switcher.control-size-60 .radio-toggle {
    order: -1;
    margin-bottom: 24px;
    position: relative;
    left: 0;
    top: 0; } }
.input-switcher.control-size-100 .controls-wrap {
  max-width: 100px; }
.input-switcher.control-size-100 .radio-toggle {
  left: calc(100px + 20px); }
@media (max-width: 375px) {
  .input-switcher.control-size-100 {
    display: flex;
    flex-direction: column; }
  .input-switcher.control-size-100 .radio-toggle {
    order: -1;
    margin-bottom: 24px;
    position: relative;
    left: 0;
    top: 0; } }
.input-switcher.control-size-115 .controls-wrap {
  max-width: 115px; }
.input-switcher.control-size-115 .radio-toggle {
  left: calc(115px + 20px); }
@media (max-width: 375px) {
  .input-switcher.control-size-115 {
    display: flex;
    flex-direction: column; }
  .input-switcher.control-size-115 .radio-toggle {
    order: -1;
    margin-bottom: 24px;
    position: relative;
    left: 0;
    top: 0; } }
.input-switcher.control-size-160 .controls-wrap {
  max-width: 160px; }
.input-switcher.control-size-160 .radio-toggle {
  left: calc(160px + 20px); }
@media (max-width: 440px) {
  .input-switcher.control-size-160 {
    display: flex;
    flex-direction: column; }
  .input-switcher.control-size-160 .radio-toggle {
    order: -1;
    margin-bottom: 24px;
    position: relative;
    left: 0;
    top: 0; } }

.wizard-stepper {
  position: sticky;
  top: 0; }
.wizard-stepper .steps {
  list-style: none;
  margin: 0;
  padding: 0;
  /*Wizard substeps*/ }
.wizard-stepper .steps li, .wizard-stepper .steps .ws-1-item {
  display: block;
  padding: 0 0 6px 0;
  position: relative; }
.wizard-stepper .steps li a, .wizard-stepper .steps li .ws-1-link, .wizard-stepper .steps .ws-1-item a, .wizard-stepper .steps .ws-1-item .ws-1-link {
  font-size: 16px;
  text-decoration: none;
  color: var(--text);
  display: block;
  background: var(--panel);
  padding: 12px 24px;
  box-sizing: border-box;
  position: relative; }
.wizard-stepper .steps li.current:before, .wizard-stepper .steps .ws-1-item.current:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 6px;
  width: 3px;
  background: var(--active);
  z-index: 1; }
.wizard-stepper .steps li.current a, .wizard-stepper .steps li.current .ws-1-link, .wizard-stepper .steps .ws-1-item.current a, .wizard-stepper .steps .ws-1-item.current .ws-1-link {
  background: var(--panel-heavy);
  border-right: 3px solid var(--link);
  color: var(--text-highlight);
  font-weight: bold;
  padding-right: 35px; }
.wizard-stepper .steps li.current:after, .wizard-stepper .steps .ws-1-item.current:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e923';
  position: absolute;
  right: 12px;
  top: 12px;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 28px;
  color: var(--link); }
.wizard-stepper .steps li.currentWithSubSteps:before, .wizard-stepper .steps .ws-1-item.currentWithSubSteps:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 6px;
  width: 3px;
  background: var(--active);
  z-index: 1; }
.wizard-stepper .steps li.currentWithSubSteps a, .wizard-stepper .steps li.currentWithSubSteps .ws-1-link, .wizard-stepper .steps .ws-1-item.currentWithSubSteps a, .wizard-stepper .steps .ws-1-item.currentWithSubSteps .ws-1-link {
  color: var(--text-highlight);
  font-weight: bold;
  padding-right: 35px;
  background: var(--panel-heavy); }
.wizard-stepper .steps li.currentWithSubSteps a .subStep-counter, .wizard-stepper .steps li.currentWithSubSteps .ws-1-link .subStep-counter, .wizard-stepper .steps .ws-1-item.currentWithSubSteps a .subStep-counter, .wizard-stepper .steps .ws-1-item.currentWithSubSteps .ws-1-link .subStep-counter {
  position: absolute;
  right: 12px; }
.wizard-stepper .steps li.currentWithSubSteps .current:before, .wizard-stepper .steps .ws-1-item.currentWithSubSteps .current:before {
  display: none; }
.wizard-stepper .steps li.done a, .wizard-stepper .steps li.done .ws-1-link, .wizard-stepper .steps .ws-1-item.done a, .wizard-stepper .steps .ws-1-item.done .ws-1-link {
  background: var(--panel-heavy);
  padding-right: 35px; }
.wizard-stepper .steps li.done a:after, .wizard-stepper .steps li.done .ws-1-link:after, .wizard-stepper .steps .ws-1-item.done a:after, .wizard-stepper .steps .ws-1-item.done .ws-1-link:after {
  content: '';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e912';
  position: absolute;
  right: 10px;
  top: 12px;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  background: var(--positive);
  color: #fff;
  text-align: center;
  font-size: 12px; }
.wizard-stepper .steps .ws-substeps {
  padding-left: 0;
  margin-top: 3px;
  margin-bottom: 0px; }
.wizard-stepper .steps .ws-substeps li .ws-2-link {
  color: var(--text-highlight);
  background: var(--panel-heavy);
  font-size: 14px;
  font-weight: normal;
  padding: 9px 24px; }
.wizard-stepper .steps .ws-substeps li {
  padding-bottom: 3px; }
.wizard-stepper .steps .ws-substeps li:last-of-type {
  padding-bottom: 0; }
.wizard-stepper .steps .ws-substeps li.current .ws-2-link {
  font-weight: bold; }
.wizard-stepper .steps .ws-substeps li:after {
  top: 8px; }

.wizard-stepper-mobile {
  font-size: 12px; }
@media (min-width: 1301px) {
  .wizard-stepper-mobile {
    display: none; } }

.wizard-steps-slider {
  margin: 35px 0 30px; }
.wizard-steps-slider .wizard-steps-numbers {
  display: none; }
.wizard-steps-slider .wizard-steps {
  overflow: hidden;
  position: relative; }
.wizard-steps-slider .wizard-steps ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; }
.wizard-steps-slider .wizard-steps ol li {
  margin-right: 11px;
  border-radius: 8px;
  background: var(--panel-heavy);
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);
  border: 1px solid transparent; }
.wizard-steps-slider .wizard-steps ol li.wizard-selected {
  border-color: var(--link); }
.wizard-steps-slider .wizard-steps ol li a {
  display: flex;
  align-items: center;
  position: relative;
  color: var(--text);
  height: 100%;
  width: 183px;
  padding: 20px 10px 20px 49px;
  text-decoration: none;
  font-size: 14px;
  box-sizing: border-box; }
.wizard-steps-slider .wizard-steps ol li .step-number {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 36px;
  font-weight: 300;
  width: 49px;
  display: inline-block;
  text-align: center; }
.wizard-steps-slider .wizard-steps .slider-link {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -17px;
  width: 34px;
  line-height: 34px;
  border: 1px solid var(--link);
  border-radius: 3px;
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12);
  background: var(--panel-heavy);
  text-decoration: none;
  text-align: center;
  z-index: 5; }
.wizard-steps-slider .wizard-steps .slider-link:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906';
  color: var(--link); }
.wizard-steps-slider .wizard-steps .slider-link + .slider-link {
  left: auto;
  right: 0; }
.wizard-steps-slider .wizard-steps .slider-link + .slider-link:before {
  content: '\e905'; }

.transfer-tracker {
  width: 100%; }
.transfer-tracker .label {
  font-size: 14px; }
.transfer-tracker ul {
  counter-reset: step;
  padding-left: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
.transfer-tracker ul li {
  list-style: none;
  position: relative;
  text-align: left; }
.transfer-tracker ul li .step {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  display: block;
  text-align: center;
  background-color: #F5F6F7;
  font-size: 14px;
  color: #4B4B4B;
  font-weight: bold;
  position: absolute;
  left: 0;
  z-index: 1;
  box-shadow: 0px 0px 0px 4px white; }
.transfer-tracker ul li.step-1 {
  width: 50%; }
.transfer-tracker ul li.step-1:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background-color: #F5F6F7;
  top: 5px;
  left: 0; }
.transfer-tracker ul li.step-3 {
  width: 50%; }
.transfer-tracker ul li.step-3 .step {
  right: 0;
  left: auto; }
.transfer-tracker ul li.step-3:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background-color: #F5F6F7;
  top: 5px;
  right: 0;
  left: auto; }
.transfer-tracker.start li.active .step, .transfer-tracker.start li.active:after {
  background-color: #FF8A01;
  color: white; }
.transfer-tracker.start li.step-1 {
  width: 50%; }
.transfer-tracker.start li.step-1:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background-color: #F5F6F7;
  top: 5px;
  left: 0; }
.transfer-tracker.pending li.active .step, .transfer-tracker.pending li.active:after {
  background-color: #FF8A01;
  color: white; }
.transfer-tracker.complete li.active .step, .transfer-tracker.complete li.active:after {
  background-color: #008616;
  color: white; }

.tabs {
  margin: 0 0 24px 0;
  border-bottom: 1px solid var(--keyline); }
.tabs .item {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  color: var(--link);
  display: inline-block;
  margin: 0 32px 0 0;
  padding: 4px 2px 6px;
  text-decoration: none;
  position: relative;
  font-size: 16px;
  cursor: pointer; }
.tabs .item:hover:not(:disabled) {
  color: var(--text); }
.tabs .item[aria-selected="true"], .tabs .item.active {
  color: var(--text-highlight);
  font-weight: bold; }
.tabs .item[aria-selected="true"]:after, .tabs .item.active:after {
  content: '';
  background: var(--active);
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute; }
.tabs .item:last-child {
  margin-right: 0; }
.tabs .item .icon {
  position: relative; }
.tabs .item .icon.unread:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90d';
  position: absolute;
  left: 15px;
  top: 0px;
  width: 20px;
  height: 20px;
  font-size: 20px; }
.tabs .item .icon.unread:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '';
  position: absolute;
  left: 27px;
  top: 1px;
  width: 8px;
  height: 8px;
  font-size: 20px;
  background: var(--negative);
  border-radius: 50%;
  border: 1px solid white; }
.tabs .item .icon.read:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e90d';
  position: absolute;
  left: 15px;
  top: 2px;
  width: 20px;
  height: 20px;
  font-size: 20px; }

.accounts-table {
  width: 100%;
  border-spacing: 0;
  padding: 0;
  margin: 0 0 24px 0;
  text-align: left; }
.accounts-table > thead > tr > th, .accounts-table > tbody > tr > td, .accounts-table > tfoot > tr > td {
  padding: 8px 10px 8px 0; }
.accounts-table > thead > tr > th {
  color: var(--text-highlight);
  font-size: 14px; }
.accounts-table > tbody > tr > td {
  height: 30px;
  vertical-align: middle;
  background: transparent;
  border-bottom: 1px solid transparent;
  background-clip: padding-box; }
.accounts-table > tbody > tr > td:first-child {
  padding-left: 0px; }
.accounts-table > tbody > tr > td:last-child {
  padding-right: 0px; }
.accounts-table > tfoot > tr > td {
  color: var(--text-highlight);
  border-top: 1px solid #bfbfbf;
  font-weight: bold; }
.accounts-table.products-summary-table > tbody > tr > td {
  height: 20px;
  padding: 5px 10px 5px 0; }
.accounts-table.products-summary-table > tbody > tr:last-child td {
  padding-bottom: 15px; }
.accounts-table.client-summary-table .first-range {
  color: #0A2F73; }
.accounts-table.client-summary-table .second-range {
  color: #3581D7; }
.accounts-table.client-summary-table .third-range {
  color: #87C0CD; }
.accounts-table.client-summary-table .fourth-range {
  color: #6E3694; }
.accounts-table.client-summary-table .fifth-range {
  color: #FF8A00; }
.accounts-table.client-summary-table .sixth-range {
  color: #787878; }

.client-summary-table {
  width: 100%;
  border-spacing: 0;
  padding: 0;
  margin: 0 0 24px 0;
  text-align: left;
  width: 80%;
  font-weight: bold; }
.client-summary-table > thead > tr > th, .client-summary-table > tbody > tr > td, .client-summary-table > tfoot > tr > td {
  padding: 8px 10px 8px 0; }
.client-summary-table > thead > tr > th {
  color: var(--text-highlight);
  font-size: 14px; }
.client-summary-table > tbody > tr > td {
  height: 22px;
  vertical-align: middle;
  background: transparent;
  border-bottom: 1px solid transparent;
  background-clip: padding-box; }
.client-summary-table > thead > tr > th:first-child {
  padding-left: 0px; }
.client-summary-table > thead > tr > th:last-child {
  padding-right: 0px; }
.client-summary-table > tbody > tr > td:first-child {
  padding-left: 0px; }
.client-summary-table > tbody > tr > td:last-child {
  padding-right: 0px; }
.client-summary-table > tfoot > tr > td:first-child {
  padding-left: 43px; }
.client-summary-table > tfoot > tr > td:last-child {
  padding-right: 0px; }
.client-summary-table > tfoot > tr > td {
  color: var(--text-highlight);
  border-top: 1px solid #bfbfbf;
  font-weight: bold;
  padding-top: 18px; }
.client-summary-table .total-clients {
  color: var(--text-highlight); }
.client-summary-table .range {
  margin-bottom: 0; }
.client-summary-table .first-range {
  color: #0057B7; }
.client-summary-table .second-range {
  color: #72246c; }
.client-summary-table .third-range {
  color: #008264; }
.client-summary-table .fourth-range {
  color: #E24082; }
.client-summary-table .fifth-range {
  color: #000000; }
.client-summary-table .sixth-range {
  color: #A7A8A9; }

.headless-table {
  width: 100%;
  border-spacing: 0;
  padding: 0;
  margin: 0 0 24px 0; }
.headless-table > thead {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.headless-table > tbody > tr > td {
  height: 50px;
  padding: 5px 30px 5px 0;
  vertical-align: middle;
  background: var(--panel);
  border-bottom: 1px solid transparent;
  background-clip: padding-box; }
.headless-table > tbody > tr:first-child > td:first-child {
  border-radius: 8px 0 0 0; }
.headless-table > tbody > tr:first-child > td:last-child {
  border-radius: 0 8px 0 0; }
.headless-table > tbody > tr:last-child > td:first-child {
  border-radius: 0 0 0 8px; }
.headless-table > tbody > tr:last-child > td:last-child {
  border-radius: 0 0 8px 0; }
.headless-table > tbody > tr > td:first-child {
  padding-left: 30px; }

.interested-party-table .interested-party-icon {
  position: relative; }
.interested-party-table .interested-party-icon .icon::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: '\e94f';
  top: 1px;
  left: -24px;
  font-size: 17px;
  color: #ffbb00; }

.investments-table {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--panel-heavy);
  margin-bottom: 0;
  text-align: left;
  font-size: 14px; }
.investments-table .hyperlink {
  font-weight: normal; }
.investments-table tr {
  position: relative; }
.investments-table td {
  padding: 19px 8px;
  height: 20px;
  border-bottom: 1px solid var(--keyline-soft); }
.investments-table td:first-child {
  padding-left: 22px; }
.investments-table td:last-child {
  padding-right: 12px; }
.investments-table th {
  padding: 12px 8px;
  height: 20px;
  background: var(--panel-heavy);
  color: var(--text-highlight);
  position: sticky;
  top: 0;
  z-index: 2;
  text-align: left;
  font-size: 14px;
  vertical-align: bottom; }
.investments-table th:first-child {
  padding-left: 22px; }
.investments-table th:last-child {
  padding-right: 12px; }
.investments-table th .hyperlink {
  font-weight: bold; }
.investments-table th.bb {
  border-bottom: 1px solid #e5e5e5; }
.investments-table tbody .product-heading {
  color: var(--text-highlight);
  font-weight: bold;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.05); }
.investments-table tbody .product-heading td:first-child {
  font-weight: bold;
  font-size: 16px;
  padding-left: 22px; }
.investments-table tbody .product-heading .product-name {
  font-weight: bold;
  padding-right: 10px;
  display: inline-block; }
.investments-table tbody .product-heading .product-icon {
  width: 20px;
  height: 20px; }
.investments-table tbody .product-heading .account {
  font-size: 14px;
  padding-left: 0;
  padding-right: 10px;
  color: var(--text); }
.investments-table tbody .sub-heading-main td {
  font-weight: bold;
  border-bottom: 1px solid var(--cta1);
  padding-top: 12px;
  padding-bottom: 12px; }
.investments-table tbody .sub-heading-main .header {
  font-size: 16px;
  font-weight: bold;
  color: var(--text-highlight); }
.investments-table tbody .sub-heading-main .header:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  display: inline-block;
  margin-right: 6px;
  font-size: 18px;
  position: relative;
  top: -1px; }
.investments-table tbody .sub-heading-main .header.holdings:before {
  content: '\e933';
  top: 2px; }
.investments-table tbody .sub-heading-main .header.portfolios:before {
  content: '\e92b';
  top: 1px; }
.investments-table tbody .sub-heading-main .header.opi:before {
  content: '\e92a';
  top: 1px; }
.investments-table tbody .sub-heading-main ~ .sub-heading-main td {
  border-top: 1px solid var(--cta1);
  position: relative;
  z-index: 2; }
.investments-table tbody .sub-heading-main + tr td {
  border-bottom: none; }
.investments-table tbody .sub-heading .header {
  font-size: 16px;
  font-weight: normal;
  color: var(--text-highlight); }
.investments-table tbody .sub-heading + tr td {
  border-top: 1px solid var(--keyline-soft); }
.investments-table tbody .subtotal-main td {
  border-bottom: 1px solid var(--cta1); }
.investments-table tbody .subtotal-main + .sub-heading-main td {
  border-top: 1px solid var(--text-highlight); }
.investments-table tbody .product-heading td {
  border-top: 1px solid var(--keyline-soft);
  padding: 25px 8px 16px; }
.investments-table tbody .sub-total td {
  border-bottom: 1px solid var(--text-highlight);
  font-weight: bold; }
.investments-table tbody .tr-nested > td {
  padding: 0;
  height: 1px;
  border: none; }
.investments-table tbody .tr-nested > td .inner {
  padding: 0 !important; }
.investments-table tbody .row-toggle {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 14px;
  height: 14px;
  padding: 5px;
  box-sizing: content-box;
  display: block;
  background: none;
  border: 0;
  cursor: pointer;
  transition: transform 100ms;
  font-size: 14px;
  position: relative;
  top: -1px; }
.investments-table tbody .row-toggle:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e915';
  color: var(--link);
  display: block;
  font-size: 14px; }
.investments-table tbody .row-toggle.expanded:after {
  content: '\e925'; }
.investments-table tbody .row-toggle:focus:not(:focus-visible) {
  outline: none; }
.investments-table tbody .sub-investment td:first-child {
  padding-left: 35px; }
.investments-table tbody .nested-table {
  margin: 0 0 0 0px;
  padding-left: 5%;
  position: relative; }
.investments-table tbody .nested-table::before {
  content: '';
  position: absolute;
  left: 33px;
  top: 13px;
  bottom: 25px;
  width: 1px;
  background: var(--text); }
.investments-table tbody .nested-table table {
  width: 100%;
  border-collapse: collapse; }
.investments-table tbody .nested-table table td:first-child {
  padding-left: 0px;
  position: relative; }
.investments-table tbody .nested-table table td:first-child:before {
  content: '';
  position: absolute;
  left: -4px;
  height: 100%;
  border-left: 2px solid var(--white);
  top: -10px;
  padding-bottom: 1px; }
@media (max-width: 1024px) {
  .investments-table tbody .nested-table table td:first-child:before {
    left: 0px; } }
.investments-table tbody .nested-table table .thead-hidden th {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: auto !important; }
.investments-table tbody .nested-table table .thead-hidden th > div {
  height: 0px !important;
  overflow: hidden; }
.investments-table tbody .nested-table table .thead-hidden .first-cell {
  width: 25.5%; }
.investments-table tbody .nested-table table tr:last-child td {
  border: none; }
.investments-table tbody .nested-table table .sub-total:last-of-type td {
  border-bottom: none !important; }
.investments-table tfoot td {
  border-top: 1px solid var(--text-highlight) !important;
  border-bottom: 1px solid var(--text-highlight);
  color: var(--text-highlight);
  font-weight: bold; }

.cell-minimum {
  width: 1%; }

.cell-2 {
  width: 2% !important; }

.cell-3 {
  width: 3% !important; }

.cell-4 {
  width: 4% !important; }

.cell-5 {
  width: 5% !important; }

.cell-6 {
  width: 6% !important; }

.cell-7 {
  width: 7% !important; }

.cell-8 {
  width: 8% !important; }

.cell-9 {
  width: 9% !important; }

.cell-10 {
  width: 10% !important; }

.cell-11 {
  width: 11% !important; }

.cell-12 {
  width: 12% !important; }

.cell-13 {
  width: 13% !important; }

.cell-14 {
  width: 14% !important; }

.cell-15 {
  width: 15% !important; }

.cell-16 {
  width: 16% !important; }

.cell-17 {
  width: 17% !important; }

.cell-18 {
  width: 18% !important; }

.cell-19 {
  width: 19% !important; }

.cell-20 {
  width: 20% !important; }

.cell-21 {
  width: 21% !important; }

.cell-22 {
  width: 22% !important; }

.cell-23 {
  width: 23% !important; }

.cell-24 {
  width: 24% !important; }

.cell-25 {
  width: 25% !important; }

.cell-26 {
  width: 26% !important; }

.cell-27 {
  width: 27% !important; }

.cell-28 {
  width: 28% !important; }

.cell-29 {
  width: 29% !important; }

.cell-30 {
  width: 30% !important; }

.cell-31 {
  width: 31% !important; }

.cell-32 {
  width: 32% !important; }

.cell-33 {
  width: 33% !important; }

.cell-34 {
  width: 34% !important; }

.cell-35 {
  width: 35% !important; }

.cell-36 {
  width: 36% !important; }

.cell-37 {
  width: 37% !important; }

.cell-38 {
  width: 38% !important; }

.cell-39 {
  width: 39% !important; }

.cell-40 {
  width: 40% !important; }

.cell-41 {
  width: 41% !important; }

.cell-42 {
  width: 42% !important; }

.cell-43 {
  width: 43% !important; }

.cell-44 {
  width: 44% !important; }

.cell-45 {
  width: 45% !important; }

.cell-46 {
  width: 46% !important; }

.cell-47 {
  width: 47% !important; }

.cell-48 {
  width: 48% !important; }

.cell-49 {
  width: 49% !important; }

.cell-50 {
  width: 50% !important; }

.cell-51 {
  width: 51% !important; }

.cell-52 {
  width: 52% !important; }

.cell-53 {
  width: 53% !important; }

.cell-54 {
  width: 54% !important; }

.cell-55 {
  width: 55% !important; }

.cell-56 {
  width: 56% !important; }

.cell-57 {
  width: 57% !important; }

.cell-58 {
  width: 58% !important; }

.cell-59 {
  width: 59% !important; }

.cell-60 {
  width: 60% !important; }

.cell-61 {
  width: 61% !important; }

.cell-62 {
  width: 62% !important; }

.cell-63 {
  width: 63% !important; }

.cell-64 {
  width: 64% !important; }

.cell-65 {
  width: 65% !important; }

.cell-66 {
  width: 66% !important; }

.cell-67 {
  width: 67% !important; }

.cell-68 {
  width: 68% !important; }

.cell-69 {
  width: 69% !important; }

.cell-70 {
  width: 70% !important; }

.cell-71 {
  width: 71% !important; }

.cell-72 {
  width: 72% !important; }

.cell-73 {
  width: 73% !important; }

.cell-74 {
  width: 74% !important; }

.cell-75 {
  width: 75% !important; }

.cell-76 {
  width: 76% !important; }

.cell-77 {
  width: 77% !important; }

.cell-78 {
  width: 78% !important; }

.cell-79 {
  width: 79% !important; }

.cell-80 {
  width: 80% !important; }

.cell-81 {
  width: 81% !important; }

.cell-82 {
  width: 82% !important; }

.cell-83 {
  width: 83% !important; }

.cell-84 {
  width: 84% !important; }

.cell-85 {
  width: 85% !important; }

.cell-86 {
  width: 86% !important; }

.cell-87 {
  width: 87% !important; }

.cell-88 {
  width: 88% !important; }

.cell-89 {
  width: 89% !important; }

.cell-90 {
  width: 90% !important; }

.cell-91 {
  width: 91% !important; }

.cell-92 {
  width: 92% !important; }

.cell-93 {
  width: 93% !important; }

.cell-94 {
  width: 94% !important; }

.cell-95 {
  width: 95% !important; }

.cell-96 {
  width: 96% !important; }

.cell-97 {
  width: 97% !important; }

.cell-98 {
  width: 98% !important; }

.cell-99 {
  width: 99% !important; }

.cell-100 {
  width: 100% !important; }

.cell-right, .RAlign {
  text-align: right !important; }

.cell-center, .CAlign {
  text-align: center !important; }

.cell-no-break {
  white-space: nowrap; }

.cell-middle {
  vertical-align: middle !important; }

.cell-top {
  vertical-align: top; }

.empty-td {
  text-align: center;
  padding: 48px 0 !important; }

.is-inside-dark-panel tbody > tr > td, .is-inside-dark-panel tbody > tr > th {
  border-top: 1px solid rgba(151, 151, 151, 0.19) !important; }
.is-inside-dark-panel tbody > tr:first-child td, .is-inside-dark-panel tbody > tr:first-child th {
  border-top: none !important; }

.table-first-last-cell-padding-reset td:first-child, .table-first-last-cell-padding-reset th:first-child {
  padding-left: 0 !important; }
.table-first-last-cell-padding-reset td:last-child, .table-first-last-cell-padding-reset th:last-child {
  padding-right: 0 !important; }

.has-first-cell-highlighted tbody th:first-child, .has-first-cell-highlighted tbody td:first-child {
  font-weight: bold;
  color: var(--text-highlight); }

.has-last-cell-highlighted tbody th:last-child, .has-last-cell-highlighted tbody td:last-child {
  font-weight: bold;
  color: var(--text-highlight); }

.last-cell-right tbody th:last-child, .last-cell-right tbody td:last-child {
  text-align: right; }

.tr-border-top {
  border-top: 1px solid var(--keyline); }

.tr-border-bottom {
  border-bottom: 1px solid var(--keyline); }

tr.borderless > th, tr.borderless > td {
  border: none !important; }

tr.table-title > td, tr.table-title > th {
  background: transparent !important;
  padding: 0 0 12px 0 !important;
  font-size: 16px; }

.table-fluid {
  width: 100%;
  border-collapse: collapse; }

.data-table tbody > .sub-head > td, .data-table tbody > .sub-total > td {
  font-weight: bold; }
.data-table tbody > .total > td {
  border-top: 2px solid var(--text-highlight);
  color: var(--text-highlight);
  font-weight: bold; }

.numeric-table input[type='text'] {
  text-align: right; }
.numeric-table .datepicker-container input {
  text-align: left; }

.data-table tbody > tr > td.disabled {
  background: #f2f2f2; }

.data-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  margin-bottom: 24px;
  text-align: left;
  font-size: 14px;
  background: var(--panel-heavy); }
.data-table.has-hidden-thead tbody tr:first-child > td, .data-table.has-hidden-thead tbody tr:first-child > th {
  border-top: none; }
.data-table.has-sticky-header th {
  position: sticky;
  top: 0;
  background: var(--panel-heavy); }
.data-table thead > tr > th {
  padding: 8px 12px;
  color: var(--text-highlight);
  text-align: left;
  vertical-align: bottom;
  border-bottom: 1px solid var(--keyline);
  height: 32px; }
.data-table thead a {
  color: var(--link);
  cursor: pointer; }
.data-table tbody > tr > td, .data-table tbody > tr > th {
  border-top: 1px solid var(--keyline-soft);
  padding: 6px 12px;
  height: 46px; }
.data-table tbody > tr:first-child td, .data-table tbody > tr:first-child th {
  border-top: none; }
.data-table tbody .pre {
  white-space: pre; }
.data-table tfoot > tr > td {
  border-top: 1px solid var(--text-highlight);
  color: var(--text-highlight);
  font-weight: bold;
  padding: 19px 12px; }
.data-table tfoot .cells-right td {
  text-align: right; }
.data-table tfoot .cells-right td:first-child {
  text-align: left; }
.data-table.is-allocation-table tfoot > tr > td {
  padding: 10px 12px;
  height: 0;
  border-bottom: 2px solid var(--cta1);
  border-top-color: var(--keyline); }
.data-table.is-allocation-table tfoot > tr > td:first-of-type {
  padding-left: 16px; }
.data-table.is-allocation-table tfoot > tr > td:last-of-type {
  padding-right: 16px; }
.data-table.is-allocation-table tr.asset-class-row td {
  padding: 10px 12px;
  height: 0;
  color: var(--text-highlight);
  font-weight: normal;
  border-bottom: 1px solid var(--cta1); }
.data-table.is-allocation-table tr.asset-class-row td:first-of-type {
  padding-left: 16px; }
.data-table.is-allocation-table tr.asset-class-row td:last-of-type {
  padding-right: 16px; }
.data-table.is-charges-table .table-inline-form-group {
  max-width: none;
  width: 13rem; }
.data-table.no-borders table, .data-table.no-borders tbody, .data-table.no-borders thead, .data-table.no-borders tr, .data-table.no-borders td, .data-table.no-borders th {
  border: none; }
.data-table.no-borders td {
  padding: 6px 12px;
  height: 28px; }
.data-table.no-borders tfoot td {
  padding: 6px 12px;
  height: 28px;
  color: var(--text-highlight) !important; }
.data-table.no-borders .total td span {
  color: var(--text-highlight) !important; }
.data-table.bg-default {
  background: none !important; }
.data-table td:first-of-type {
  padding-left: 24px; }
.data-table td:last-of-type {
  padding-right: 24px; }
.data-table th:first-of-type {
  padding-left: 24px; }
.data-table th:last-of-type {
  padding-right: 24px; }
.data-table.no-sided-padding td:first-of-type {
  padding-left: 0; }
.data-table.no-sided-padding td:last-of-type {
  padding-right: 0; }
.data-table.no-sided-padding th:first-of-type {
  padding-left: 0; }
.data-table.no-sided-padding th:last-of-type {
  padding-right: 0; }
.data-table.no-sided-padding tfoot > tr > td:first-of-type {
  padding-left: 0; }
.data-table.no-sided-padding tfoot > tr > td:last-of-type {
  padding-right: 0; }
.data-table.has-favourite-toggle th:first-of-type {
  padding-left: 24px !important; }
.data-table.is-compact thead > tr > th, .data-table.is-compact tbody > tr > td, .data-table.is-compact tfoot > tr > td {
  padding-left: 4px;
  padding-right: 4px; }
.data-table.is-compact input.text-input-standalone {
  padding: 6px 4px 6px 4px; }
.data-table .cell-right .controls-wrap {
  margin-left: auto; }

.data-table .text-field-info-mb-0 p {
  margin-bottom: 0; }

.data-table .is-expandable-row td {
  display: inline-table !important; }

.data-table-bordered {
  border: 1px solid var(--keyline);
  border-radius: 8px;
  margin-bottom: 24px; }
.data-table-bordered .data-table, .data-table-bordered .table-scrollable {
  margin-bottom: 0;
  border-radius: 8px; }

.data-table .btn-expand-table {
  border: none;
  background: none;
  color: var(--text-highlight);
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding: 5px 5px 5px 32px;
  outline: none; }
.data-table .btn-expand-table:before {
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  top: -1px;
  left: 0; }
.data-table .btn-expand-table.open::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 3px;
  background: var(--link);
  position: absolute;
  top: 12px;
  left: 0px; }
.data-table .btn-expand-table.open:after {
  content: '';
  display: inline-block;
  width: 3px;
  height: 13px;
  background: var(--link);
  position: absolute;
  top: 7px;
  left: 5px; }
.data-table .btn-expand-table.close:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 3px;
  background: var(--link);
  position: absolute;
  top: 12px;
  left: 0px; }
.data-table .column-split td, .data-table .column-split th {
  border-left: 1px solid var(--keyline); }
.data-table .column-split td:first-child, .data-table .column-split th:first-child {
  border-left: none; }
.data-table .row-split td, .data-table .row-split th {
  border-bottom: 1px solid var(--keyline); }
.data-table.data-align-top td, .data-table.data-align-top th {
  vertical-align: top; }
.data-table .icon-container > span {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px; }
.data-table .icon-container > span > span:before {
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0; }
.data-table .icon-container > span > span.open::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 3px;
  background: var(--link);
  position: absolute;
  top: 12px;
  left: 0px; }
.data-table .icon-container > span > span.open:after {
  content: '';
  display: inline-block;
  width: 3px;
  height: 13px;
  background: var(--link);
  position: absolute;
  top: 7px;
  left: 5px; }
.data-table .icon-container > span > span.close:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 3px;
  background: var(--link);
  position: absolute;
  top: 12px;
  left: 0px; }
.data-table .table-inline-form-group {
  display: flex;
  align-items: center;
  max-width: 205px; }
.data-table .table-inline-form-group input {
  margin: 0 3px; }
.data-table .table-inline-form-group .controls-percentage, .data-table .table-inline-form-group .controls-money {
  margin: 0 3px; }
.data-table .table-inline-form-group .controls-percentage input, .data-table .table-inline-form-group .controls-money input {
  margin: 0; }
.data-table .table-inline-form-group .text-input-standalone {
  min-width: 40px; }

.data-heavy-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
  text-align: left;
  font-size: 12px; }
.data-heavy-table thead > tr > th {
  padding: 8px 4px;
  color: var(--text-highlight);
  text-align: left;
  vertical-align: bottom; }
.data-heavy-table tbody > tr > td {
  border-top: 1px solid var(--keyline);
  padding: 8px 4px;
  background: var(--panel); }
.data-heavy-table tfoot > tr > td {
  border-top: 2px solid var(--text-highlight);
  color: var(--text-highlight);
  font-weight: bold; }
.data-heavy-table td:first-child {
  padding-left: 12px; }
.data-heavy-table td:last-child {
  padding-right: 12px; }
.data-heavy-table th:first-child {
  padding-left: 12px; }
.data-heavy-table th:last-child {
  padding-right: 12px; }

.data-heavy-table .controls-text input, .data-heavy-table .controls-percentage input, .data-heavy-table .controls-money input, .data-heavy-table .controls-units input, .data-heavy-table .datepicker-container .controls-text input {
  font-size: 12px;
  height: 40px; }
.data-heavy-table input.text-input-standalone {
  font-size: 12px;
  height: 40px;
  padding: 6px 10px; }
.data-heavy-table .controls-percentage .symbol, .data-heavy-table .controls-money .symbol, .data-heavy-table .controls-units .symbol {
  line-height: 41px; }
.data-heavy-table .controls-select select {
  font-size: 12px;
  height: 40px;
  padding-right: 25px;
  padding-left: 10px; }
.data-heavy-table .controls-select .controls-select-chevron {
  top: 18px;
  right: 12px;
  border-width: 5px; }
.data-heavy-table select.select-standalone {
  font-size: 12px;
  height: 40px;
  padding-right: 25px;
  padding-left: 10px; }

.data-heavy-table .button, .data-heavy-table .action-button {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px; }

.table-subtle {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  margin-bottom: 24px;
  text-align: left;
  font-size: 14px;
  background: var(--panel); }
.table-subtle thead > tr > th {
  padding: 12px;
  color: var(--text-highlight);
  text-align: left;
  vertical-align: bottom;
  border-bottom: 1px solid var(--keyline);
  height: auto; }
.table-subtle thead a {
  color: var(--text-highlight);
  cursor: pointer; }
.table-subtle tbody > tr > td, .table-subtle tbody > tr > th {
  border-top: 1px solid var(--keyline-soft);
  padding: 12px;
  height: auto; }
.table-subtle tbody > tr:first-child td, .table-subtle tbody > tr:first-child th {
  border-top: none; }
.table-subtle tfoot > tr > td, .table-subtle tfoot > tr > th {
  border-top: 1px solid var(--text-highlight);
  color: var(--text-highlight);
  font-weight: bold;
  padding: 12px; }
.table-subtle td:first-of-type {
  padding-left: 24px; }
.table-subtle td:last-of-type {
  padding-right: 24px; }
.table-subtle th:first-of-type {
  padding-left: 24px; }
.table-subtle th:last-of-type {
  padding-right: 24px; }
.table-subtle.row-higher th {
  height: 30px; }

.table-scrollable {
  margin: 0 0 24px 0;
  min-height: .01%;
  overflow-x: auto;
  background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0));
  background-position: left center, right center, left center, right center;
  background-repeat: no-repeat;
  background-color: color(1);
  background-size: 20px 100%, 20px 100%, 14px 100%, 14px 100%;
  background-attachment: local, local, scroll, scroll;
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden; }
.table-scrollable table {
  margin-bottom: 0; }

.top-scrollbar-wrapper {
  display: none;
  width: 100%;
  overflow-x: scroll; }
.top-scrollbar-wrapper .top-scrollbar {
  height: 20px; }

.sort-up-button, .sort-down-button {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  display: inline-block;
  color: var(--text-highlight);
  cursor: pointer;
  margin: 0 4px;
  display: block;
  text-decoration: none; }
.sort-up-button.active:before, .sort-up-button.active:after, .sort-down-button.active:before, .sort-down-button.active:after {
  font-weight: bold; }

.sort-up-button:after {
  content: '\e919'; }

.sort-down-button:after {
  content: '\e91a'; }

/***********************************/
/***********************************/
table tbody > tr > th.table-head, table tbody > tr > td.table-head {
  padding: 12px;
  color: var(--text-highlight);
  text-align: left;
  vertical-align: bottom;
  border-top: none;
  font-weight: bold;
  border-bottom: 1px solid var(--keyline); }
table tbody > tr > th.table-head:first-child, table tbody > tr > td.table-head:first-child {
  padding-left: 24px; }
table tbody > tr > th.table-head:last-child, table tbody > tr > td.table-head:last-child {
  padding-right: 24px; }
table tbody > tr > th.table-head a, table tbody > tr > td.table-head a {
  color: var(--text-highlight);
  cursor: pointer; }
table tbody > tr > td.table-footer {
  border-top: 2px solid var(--text-highlight);
  color: var(--text-highlight);
  font-weight: bold; }

table tbody > .row-empty-data > td {
  border: none;
  padding: 0 !important; }

.data-heavy-table tbody > tr > th.table-head, .data-heavy-table tbody > tr > td.table-head {
  padding: 8px 4px; }
.data-heavy-table tbody > tr > th.table-head:first-child, .data-heavy-table tbody > tr > td.table-head:first-child {
  padding-left: 12px; }
.data-heavy-table tbody > tr > th.table-head:last-child, .data-heavy-table tbody > tr > td.table-head:last-child {
  padding-right: 12px; }

.investment-selection-step-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
  text-align: left;
  font-size: 14px; }
.investment-selection-step-table.numeric-table th, .investment-selection-step-table.numeric-table td {
  text-align: right; }
.investment-selection-step-table.numeric-table th.wide, .investment-selection-step-table.numeric-table th:first-child, .investment-selection-step-table.numeric-table td.wide, .investment-selection-step-table.numeric-table td:first-child {
  text-align: left; }
.investment-selection-step-table thead > tr > th {
  padding: 12px;
  background: var(--bg);
  color: var(--text-highlight);
  text-align: left;
  vertical-align: bottom; }
.investment-selection-step-table tbody > tr > td, .investment-selection-step-table tbody > tr > th {
  border-top: 1px solid var(--keyline);
  padding: 12px;
  background: var(--panel); }
.investment-selection-step-table tfoot > tr > td {
  border-top: 1px solid var(--keyline);
  background: var(--bg);
  color: var(--text-highlight);
  font-weight: bold;
  padding: 12px; }
.investment-selection-step-table .big-pad-left {
  padding-left: 30px; }
.investment-selection-step-table .investment-selection-step-table--product-name {
  margin: 0;
  position: relative;
  padding-left: 30px; }
.investment-selection-step-table .investment-selection-step-table--product-name > a {
  border: none;
  background: none;
  color: var(--text-highlight);
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  top: -5px;
  left: 0;
  padding: 2px;
  outline: none;
  width: 24px;
  height: 24px; }
.investment-selection-step-table .investment-selection-step-table--product-name > a .open::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 3px;
  background: var(--link);
  position: absolute;
  top: 9px;
  left: -8px; }
.investment-selection-step-table .investment-selection-step-table--product-name > a .open:after {
  content: '';
  display: inline-block;
  width: 3px;
  height: 13px;
  background: var(--link);
  position: absolute;
  top: 4px;
  left: -3px; }
.investment-selection-step-table .investment-selection-step-table--product-name > a .close:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 3px;
  background: var(--link);
  position: absolute;
  top: 9px;
  left: -8px; }
.investment-selection-step-table .sub-head th, .investment-selection-step-table .sub-head td {
  background: var(--bg); }

.data-table-bordered {
  border: 1px solid var(--keyline);
  border-radius: 8px;
  margin-bottom: 24px; }
.data-table-bordered .investment-selection-step-table, .data-table-bordered .table-scrollable {
  margin-bottom: 0;
  border-radius: 8px; }

.product-color {
  border: 3px solid;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 15px; }

.data-table.asset-class-table .cell-total {
  padding-left: 54px; }
.data-table.asset-class-table .cell-value {
  font-weight: bold;
  color: var(--text-highlight); }
.data-table.asset-class-table tbody tr > td {
  border: none;
  padding: 8px 12px;
  height: auto; }
.data-table.asset-class-table tbody tr > td:first-of-type {
  padding-left: 24px; }
.data-table.asset-class-table tbody tr > td:last-of-type {
  padding-right: 24px; }

.bulk-trading-table tbody tr > td:nth-child(5), .bulk-trading-table tbody tr > td:nth-child(6) {
  text-align: right !important; }

.bulkrebalance-regularclient-table tbody tr > td:nth-child(5) {
  text-align: right !important; }

.decision-maker-table {
  width: 80%; }
.decision-maker-table td, .decision-maker-table th {
  padding: 10px 0; }
@media (max-width: 991px) {
  .decision-maker-table {
    width: 100%; } }

.all-numerics-table thead > tr > th, .all-numerics-table thead > tr > td, .all-numerics-table tbody > tr > th, .all-numerics-table tbody > tr > td {
  text-align: right; }
.all-numerics-table input[type="text"] {
  text-align: right; }

.edit-issue-table td, .edit-issue-table th {
  padding: 10px 0; }

.unmatched-expectations-table select.select-standalone {
  min-width: 45px; }

.isa-correction-authorisation-table {
  border: 0; }
.isa-correction-authorisation-table td, .isa-correction-authorisation-table th {
  border: 0; }

@media (max-width: 991px) {
  .mandate-legend-data {
    font-size: 12px; } }

.table-wrap-adviser-charge tbody td:first-of-type {
  width: 20%; }

.reset-data-table-th-height {
  height: 30px !important; }

.table-target-rebalance .difference-input {
  min-width: 70px; }
.table-target-rebalance .target-input {
  min-width: 75px; }

.details-table td.TableData {
  border-right: 1px solid white;
  padding-left: 5px;
  width: 90%; }

.details-table td.TableHead {
  border-right: 1px solid white; }

.details-table td {
  min-width: 140px;
  word-break: break-word; }

.details-table .trRow {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  height: 30px;
  text-align: left; }

.datePickerOverride:after {
  right: 2px !important;
  top: 26% !important; }

.newAdviserTable .lh-45 {
  line-height: 45px; }

.newAdviserTable .h-25 {
  height: 25px; }

.newAdviserTable .h-28 {
  height: 28px; }

.newAdviserTable .InputLabel {
  min-width: 200px; }

.table-expandable {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  margin-bottom: 24px;
  text-align: left;
  font-size: 14px; }
.table-expandable .thead-hidden th {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: auto !important;
  border-bottom: none !important; }
.table-expandable .thead-hidden th > div {
  height: 0px !important;
  overflow: hidden; }
.table-expandable .thead-hidden .first-cell {
  width: 32%; }
.table-expandable th {
  padding: 12px;
  color: var(--text-highlight);
  text-align: left;
  vertical-align: bottom;
  border-bottom: 1px solid var(--keyline); }
.table-expandable tr > td {
  padding: 6px 12px;
  height: 46px; }
.table-expandable tr.te-mainrow > td {
  border-top: 1px solid var(--keyline-soft);
  border-bottom: 1px solid var(--keyline-soft);
  padding: 6px 12px;
  height: 46px; }
.table-expandable tr.tr-nested > td {
  padding: 0;
  height: 0; }
.table-expandable tr.te-subrow > td {
  padding: 0;
  height: 0; }
.table-expandable .te-subwrap {
  padding-left: 3%;
  position: relative; }
.table-expandable .te-subwrap:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: var(--text); }
.table-expandable .te-subwrap tbody tr:first-of-type td {
  border-top: none !important; }
.table-expandable .nested-table table {
  width: 100%; }
.table-expandable .nested-table table tr > td {
  border-bottom: 1px solid var(--keyline-soft); }
.table-expandable .nested-table table tr:last-of-type td {
  border-bottom: none; }
.table-expandable tfoot > tr > td {
  border-top: 1px solid var(--text-highlight);
  color: var(--text-highlight);
  font-weight: bold;
  height: 0; }
.table-expandable tr > td:first-of-type {
  padding-left: 15px; }
.table-expandable tr > th:first-of-type {
  padding-left: 15px; }
.table-expandable.no-sided-padding td:first-of-type {
  padding-left: 0; }
.table-expandable.no-sided-padding td:last-of-type {
  padding-right: 0; }
.table-expandable.no-sided-padding th:first-of-type {
  padding-left: 0; }
.table-expandable.no-sided-padding th:last-of-type {
  padding-right: 0; }
.table-expandable .row-toggle {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 14px;
  height: 14px;
  padding: 5px;
  box-sizing: content-box;
  display: block;
  background: none;
  border: 0;
  cursor: pointer;
  transition: transform 100ms;
  font-size: 14px;
  position: relative;
  top: -1px; }
.table-expandable .row-toggle:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e915';
  color: var(--link);
  display: block;
  font-size: 14px; }
.table-expandable .row-toggle.expanded:after {
  content: '\e925'; }
.table-expandable.has-mainrow-modified .te-mainrow {
  background-color: var(--cta2); }
.table-expandable.has-mainrow-modified .te-mainrow td {
  height: 42px;
  padding: 0 12px;
  border-bottom: 0; }
.table-expandable.has-mainrow-modified .te-mainrow td .te-expand-btn.has-label, .table-expandable.has-mainrow-modified .te-mainrow td .te-expand-btn .icon:before {
  color: var(--cta2-text); }

.row-expandable tr.te-mainrow > td {
  border-top: 1px solid var(--keyline-soft);
  padding: 12px; }
.row-expandable tr.te-subrow > td {
  padding: 0; }
.row-expandable tr.te-mainrow:hover {
  background: #EEF7F9; }
.row-expandable .te-subwrap {
  border-top: 1px solid var(--keyline-soft);
  padding: 12px 12px 12px 34px;
  position: relative; }
.row-expandable .te-subwrap:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: var(--text); }
.row-expandable tr > td:first-of-type {
  padding-left: 24px; }
.row-expandable tr > td:last-of-type {
  padding-right: 0; }
.row-expandable tr > th:first-of-type {
  padding-left: 24px; }
.row-expandable tr > th:last-of-type {
  padding-right: 0; }

.te-expand-btn {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  position: relative;
  padding: 5px;
  cursor: pointer; }
.te-expand-btn .icon:before {
  color: #000000;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 14px;
  content: '\e915'; }
.te-expand-btn[aria-expanded="true"] .icon:before {
  content: '\e94e'; }
.te-expand-btn.has-label {
  display: flex;
  font-size: 14px;
  color: #000000;
  line-height: 14px;
  font-weight: bold; }
.te-expand-btn.has-label .icon {
  margin-right: 10px; }

.simple-table {
  width: 100%;
  padding-bottom: 24px;
  text-align: left;
  font-size: 14px;
  background: transparent;
  border-collapse: collapse; }
.simple-table table, .simple-table tbody, .simple-table thead, .simple-table tr, .simple-table td {
  border: none;
  padding: 2px; }
.simple-table thead th {
  padding: 3px;
  color: var(--text-highlight); }
.simple-table tr td:nth-of-type(3), .simple-table td:nth-of-type(4), .simple-table th:nth-of-type(3), .simple-table th:nth-of-type(4) {
  text-align: right; }
.simple-table.has-borders tbody tr:last-child {
  border: none; }
.simple-table.has-borders tbody tr {
  border-bottom: 1px solid var(--keyline-soft); }
.simple-table.has-borders td {
  padding: 7px 0px; }

.one-off-income-table {
  width: 100%;
  padding-bottom: 24px;
  text-align: left;
  background: transparent;
  border-collapse: collapse; }
.one-off-income-table td {
  text-align: left; }
.one-off-income-table thead th {
  color: var(--cta1);
  font-size: 18px;
  padding-bottom: 20px; }
.one-off-income-table tbody td {
  padding-bottom: 18px; }
.one-off-income-table td:first-child {
  color: var(--cta1);
  font-weight: bold; }
.one-off-income-table tbody tr:last-child td:first-child {
  vertical-align: top; }

.ctable-root {
  width: 100%;
  position: relative; }
.ctable-root .ctable-scrollleft, .ctable-root .ctable-scrollright {
  display: none; }
.ctable-root.is-scrollable.needs-scrolling {
  border-radius: 3px;
  border: 1px solid var(--keyline);
  margin-bottom: 24px; }
.ctable-root.is-scrollable.needs-scrolling table {
  margin: 0; }
.ctable-root.is-scrollable.needs-scrolling .ctable-scrollpane {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden; }
.ctable-root.is-scrollable.needs-scrolling .ctable-scrollleft, .ctable-root.is-scrollable.needs-scrolling .ctable-scrollright {
  display: block; }

.ctable-scrollleft, .ctable-scrollright {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  position: absolute;
  overflow: hidden;
  width: 26px;
  bottom: 0;
  top: 0;
  height: 100%;
  transition: 500ms background ease-in-out; }
.ctable-scrollleft:before, .ctable-scrollright:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  background: var(--panel);
  border: 1px solid var(--keyline);
  background: var(--panel-heavy);
  color: var(--text-highlight);
  transition: 300ms transform cubic-bezier(0.33, 1, 0.68, 1); }
.ctable-scrollleft:focus, .ctable-scrollright:focus {
  outline: none; }
.ctable-scrollleft:hover, .ctable-scrollright:hover {
  cursor: pointer; }
.ctable-scrollleft:disabled:before, .ctable-scrollright:disabled:before {
  color: var(--keyline-soft); }

.ctable-scrollright {
  right: -1px;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0)); }
.ctable-scrollright:before {
  content: '\e905';
  right: -1px;
  border-radius: 3px 0 0 3px; }
.ctable-scrollright:disabled {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0)); }
.ctable-scrollright:disabled:before {
  transform: translateX(100%); }

.ctable-scrollleft {
  left: -1px;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)); }
.ctable-scrollleft:before {
  content: '\e906';
  left: -1px;
  border-radius: 0 3px 3px 0; }
.ctable-scrollleft:disabled {
  background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.01)); }
.ctable-scrollleft:disabled:before {
  transform: translateX(-100%); }

.ctable-sort-btn {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  padding: 0;
  position: relative;
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  cursor: pointer;
  color: var(--text-highlight);
  text-decoration: none; }
.ctable-sort-btn:hover {
  text-decoration: underline; }

.ctable-sort .ctable-sort-icon {
  position: absolute;
  top: 6px;
  right: 0; }
.ctable-sort[aria-sort="ascending"] .ctable-sort-btn {
  padding: 0 20px 0 0; }
.ctable-sort[aria-sort="ascending"] .ctable-sort-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e945';
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 8px; }
.ctable-sort[aria-sort="descending"] .ctable-sort-btn {
  padding: 0 20px 0 0; }
.ctable-sort[aria-sort="descending"] .ctable-sort-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e946';
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 8px; }
.ctable-sort .ctable-sort-btn.Asc {
  padding: 0 20px 0 0; }
.ctable-sort .ctable-sort-btn.Asc .ctable-sort-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e945';
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 8px; }
.ctable-sort .ctable-sort-btn.Desc {
  padding: 0 20px 0 0; }
.ctable-sort .ctable-sort-btn.Desc .ctable-sort-icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e946';
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 8px; }

.section-table .def-list-wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 580px;
  width: 100%; }
.section-table .def-list-wrapper .buttons-wrapper {
  margin-top: -12px;
  padding-left: 20px;
  display: flex;
  margin-left: auto; }
.section-table .def-list-wrapper .def-list:empty + .buttons-wrapper {
  margin-top: -40px; }

.unsplash-background-select .ubs-item {
  display: block;
  margin: 0 0 24px 0;
  position: relative;
  padding: 0;
  width: 100%;
  cursor: pointer; }
.unsplash-background-select .ubs-thumb {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  display: block;
  width: 100%;
  height: 1px;
  padding: 0 0 65% 0;
  background: var(--panel-heavy);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 8px;
  border: 0;
  position: relative;
  box-sizing: border-box;
  box-shadow: var(--panel-shadow);
  cursor: pointer; }
.unsplash-background-select .ubs-thumb:focus {
  outline: none; }
.unsplash-background-select .ubs-item.active .ubs-thumb {
  box-shadow: inset 0 0 0 2px var(--text-highlight); }
.unsplash-background-select .ubs-author {
  position: absolute;
  border-radius: 0 0 5px 5px;
  bottom: 0;
  left: 0;
  padding: 3px;
  width: 100%;
  box-sizing: border-box;
  font-size: 12px;
  opacity: 0;
  transition: 200ms opacity ease-in-out;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  text-align: center;
  cursor: pointer;
  text-decoration: none; }
.unsplash-background-select .ubs-author:hover {
  text-decoration: underline; }
.unsplash-background-select .ubs-item:hover .ubs-author {
  opacity: 1; }
.unsplash-background-select .no-bg-label {
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  padding: 3px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  color: var(--text-muted);
  text-align: center;
  pointer-events: none; }

.bg-photos-pager {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  padding: 2px;
  line-height: 16px;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px; }
.bg-photos-pager:disabled {
  opacity: 0.3; }
.bg-photos-pager .icon:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906'; }
.bg-photos-pager.is-next .icon:after {
  content: '\e905'; }

.bg-photos-pagerinfo {
  font-size: 14px;
  line-height: 16px; }

.pagenation-container {
  text-align: center; }
.pagenation-container .pagenation {
  display: inline-flex;
  align-items: center; }
.pagenation-container .pagenation p {
  margin: 0 10px; }
.pagenation-container .pagenation select {
  height: 35px; }
.pagenation-container .pagenation .controls-select-chevron {
  top: 14px; }

.pagenation-left-button, .pagenation-right-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  padding: 5px;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block; }
.pagenation-left-button:before, .pagenation-right-button:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  color: var(--cta2-text);
  background: var(--cta2);
  border-radius: 50%;
  text-align: center; }

.pagenation-right-button:before {
  content: '\e905'; }

.pagenation-left-button:before {
  content: '\e906'; }

.pagination {
  display: inline-block;
  margin-bottom: 20px; }
.pagination .page-btn {
  position: relative;
  background: none;
  border-radius: 3px;
  border: 1px solid var(--link);
  font-size: 14px;
  margin: 0 9px 5px 0px;
  color: var(--link);
  cursor: pointer;
  padding: 10px 14px 9px 14px; }
.pagination .page-btn:hover:not(:disabled):not(.current-page) {
  background: var(--button-active);
  color: var(--cta1-text);
  border: 1px solid var(--button-active); }
.pagination .page-btn.current-page {
  background: var(--cta1);
  color: var(--cta1-text); }
.pagination button:disabled {
  background: none;
  border-color: var(--link);
  cursor: default;
  color: var(--link);
  opacity: 0.5; }
.pagination .prev-btn {
  padding: 9px 22px 9px 26px; }
.pagination .prev-btn .icon:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906';
  position: absolute;
  left: 10px;
  top: 12px;
  width: 8px;
  height: 9px;
  font-size: 10px; }
.pagination .next-btn {
  padding: 9px 44px 9px 28px; }
.pagination .next-btn .icon:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905';
  position: absolute;
  right: 20px;
  top: 13px;
  width: 8px;
  height: 9px;
  font-size: 10px; }
.pagination .pages-mobile {
  display: none; }

.dataTables_wrapper .dataTables_paginate {
  display: inline-flex;
  align-items: center; }
.dataTables_wrapper .dataTables_paginate a.paginate_button {
  color: var(--text) !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important; }
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
  color: var(--text) !important;
  font-weight: bold; }
.dataTables_wrapper .dataTables_paginate a.paginate_button.current, .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
  color: var(--link) !important;
  font-weight: bold; }
.dataTables_wrapper .dataTables_paginate a.paginate_button.previous, .dataTables_wrapper .dataTables_paginate a.paginate_button.next {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: 38px;
  height: 38px;
  overflow: hidden; }
.dataTables_wrapper .dataTables_paginate a.paginate_button.previous:before, .dataTables_wrapper .dataTables_paginate a.paginate_button.next:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  color: var(--cta2-text);
  background: var(--cta2);
  border-radius: 50%;
  text-align: center;
  margin: 5px; }
.dataTables_wrapper .dataTables_paginate a.paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate a.paginate_button.next.disabled {
  cursor: not-allowed; }
.dataTables_wrapper .dataTables_paginate a.paginate_button.previous:before {
  content: '\e906'; }
.dataTables_wrapper .dataTables_paginate a.paginate_button.next:before {
  content: '\e905'; }

.fee-schedule-page .data-table .select-standalone {
  min-width: 100px; }

.matched-expectations-page {
  overflow-x: auto; }

.edit-client-details .form-group .control-label {
  display: inline-block;
  margin-right: 10px; }
.edit-client-details .form-group .controls-value {
  display: inline-block;
  margin-bottom: 0; }

.styleguide-block {
  background: var(--panel-heavy);
  padding: 24px;
  color: var(--text-highlight);
  margin: 0 0 8px 0; }

code {
  display: inline-block;
  padding: 2px 6px;
  background: var(--panel-heavy);
  color: var(--text-highlight);
  border-radius: 3px;
  font-size: 12px; }
code.block {
  display: block;
  padding: 24px; }
code.dont-do {
  color: red; }

.styleguide-iframe-page {
  width: 100%;
  display: block;
  height: 100vh;
  border: 0;
  box-sizing: border-box; }

.styleguide-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px;
  background: var(--panel);
  color: var(--link);
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
  box-shadow: var(--panel-shadow);
  margin: 0 0 12px 0; }

.styleguide-color {
  position: relative;
  margin: 0 0 24px 0; }

.styleguide-color-canvas {
  display: block;
  height: 60px;
  width: 60px;
  margin: auto;
  background-color: #f7f7f7;
  background-image: linear-gradient(45deg, white 25%, transparent 25%), linear-gradient(-45deg, white 25%, transparent 25%), linear-gradient(45deg, transparent 75%, white 75%), linear-gradient(-45deg, transparent 75%, white 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: var(--panel-shadow); }

.styleguide-color-preview {
  display: block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  margin: 0 auto 5px auto;
  position: relative; }

.styleguide-textcolor-preview {
  display: block;
  height: 60px;
  position: relative;
  line-height: 60px;
  font-size: 50px;
  font-weight: bold;
  text-align: center; }

.styleguide-color-label {
  display: block;
  text-align: center; }

.styleguide-color-label .variable {
  font-size: 12px;
  line-height: 16px;
  display: block;
  font-weight: bold; }

.styleguide-color-label .code {
  display: block;
  font-size: 11px;
  line-height: 16px;
  font-family: "Courier"; }

.brand-selector {
  background: #333;
  color: #fff;
  font-size: 12px; }
.brand-selector .switch {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: 0;
  box-shadow: none;
  border: 0;
  font-family: inherit;
  color: inherit;
  color: #ffffff;
  margin: 3px 8px 0 0;
  padding: 9px 12px;
  position: relative;
  cursor: pointer; }
.brand-selector .switch.active {
  background: color(1);
  color: color(5); }
.brand-selector .switch:first-child:not(.active) {
  margin-left: -8px; }

.styleguide-pagecat .spc-item {
  display: block;
  padding: 20px 24px 14px 100px;
  box-sizing: border-box;
  position: relative;
  min-height: 90px;
  margin: 0 0 24px 0;
  background: var(--panel-heavy);
  box-shadow: 0 2px 11px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px; }
.styleguide-pagecat .spc-thumb {
  position: absolute;
  top: 22px;
  left: 24px;
  width: 60px;
  height: 60px;
  background-position: center center;
  background-repeat: no-repeat; }
.styleguide-pagecat .spc-heading {
  font-weight: bold;
  font-size: 16px; }
.styleguide-pagecat .spc-page {
  color: var(--link);
  display: inline-block;
  margin: 0 8px 0 0;
  position: relative; }
.styleguide-pagecat .spc-page .new-badge, .styleguide-pagecat .spc-page .wip-badge {
  display: none;
  border-radius: 3px;
  width: 6px;
  height: 6px;
  margin: 0 0 0 2px;
  transform: translateY(-5px); }
.styleguide-pagecat .spc-page .new-badge {
  background: var(--cta1); }
.styleguide-pagecat .spc-page .wip-badge {
  background: var(--cta2); }
.styleguide-pagecat .spc-page.is-wip .wip-badge {
  display: inline-block; }
.styleguide-pagecat .spc-page.is-new .new-badge {
  display: inline-block; }

.styleguide-theme-panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.styleguide-theme-panel .stp-item {
  position: relative; }
.styleguide-theme-panel .stp-preview {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid var(--keyline); }
.styleguide-theme-panel .stp-picker {
  position: absolute;
  z-index: 50;
  background: var(--panel-heavy);
  box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.15);
  right: 100%;
  bottom: 0;
  border-radius: 8px;
  padding: 8px; }
.styleguide-theme-panel .stp-picker .sketch-picker {
  box-shadow: none !important; }
.styleguide-theme-panel .stp-picker-explain {
  padding: 10px 10px 0 10px; }

.placeholder {
  background: var(--keyline-soft);
  text-align: center;
  font-size: 40px;
  color: var(--keyline);
  border-radius: 8px; }

.placeholder.size-page {
  padding: 160px  80px;
  margin: 0 0 48px 0; }

.placeholder.size-input {
  padding: 0;
  min-height: 60px;
  margin: 0 0 12px 0; }

.presentation-mode-panel .dots-bar {
  list-style: none;
  display: inline-flex;
  margin: 0;
  margin-top: 7px; }
.presentation-mode-panel .dots-bar .dot {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-right: 11px;
  background: #b1d4db; }
.presentation-mode-panel .dots-bar .dot.active {
  background: var(--cta1); }

/* rpotesil: Temporary research please don't remove */
.fade-enter {
  opacity: 0; }

.fade-exit {
  opacity: 1; }

.fade-enter-active {
  opacity: 1; }

.fade-exit-active {
  opacity: 0; }

.fade-enter-active, .fade-exit-active {
  transition: opacity 500ms; }

.react-auto-height {
  overflow: hidden;
  transition: height 200ms; }

@media print {
  .no-print {
    display: none; } }

.checked-paragraph {
  color: var(--link);
  padding-left: 32px; }
.checked-paragraph:before {
  font-family: "icomoon";
  font-size: 20px;
  font-weight: 700;
  content: "\e912";
  color: green;
  margin-right: 12px;
  margin-left: -32px; }