/*@include border-radius($borderRadius);*/
/*@include border-radius-variable(10px, 20px, 30px, 40px);*/
/*@include linear-gradient(red, blue);*/
/*@include linear-gradient3LtoR(green, orange, red);*/
/*@include radial-gradient(rgba(255, 0, 0, 0), $mainColour0, $mainColour0, rgba(255, 0, 0, 0));*/
/*@include transition(all, 0.2s, ease-in-out);*/
/*@include box-shadow(0, 3px, 3px, 3px, rgba(0, 0, 0, .5), inset);*/
/*@include box-sizing(border-box);*/
/*@include opacity(0.5);*/
/*@include textSelect(none);*/
/*@include rotate(90deg);*/
/*variables*/
/*variable variations (fixed)*/
/*variable styles*/
@import "font-awesome.css";
.trafficLightGreen {
  color: #9fc01b;
}

.trafficLightRed {
  color: #d2232a;
}

.trafficLightAmber {
  color: #f26524;
}

.trafficLightBorderRed {
  border-color: #d2232a;
}

.trafficLightBackRed {
  background-color: #d2232a;
}

.trafficLightBackGreen {
  background-color: #9fc01b;
}

.trafficLightBorderamberAlert {
  border-color: #ffcc33;
}

.trafficLightBorderGreen {
  border-color: #9fc01b;
}

.amberAlert {
  color: #ffcc33;
}

.backAmberAlert {
  background-color: #ffcc33;
}

.rounded-sml {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

html,
body {
  height: 100%;
  border: 0px transparent solid;
}

body {
  color: #666666;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  min-width: 320px;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
li {
  padding: 0;
  margin: 0;
}

h3 {
  font-size: 1.125em;
  font-weight: bold;
  margin: 0 0 0.5em;
}

h1,
h2,
h3,
h4 {
  font-weight: 300;
  color: #666666;
  text-align: left;
}

h1 {
  font-size: 2.5em;
}

h2 {
  font-size: 1.75em;
}

a {
  text-decoration: none;
  transition: background 1s ease, color 1s ease;
}

span {
  font-weight: inherit;
}

a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}

button:focus {
  outline: none;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c2c2c2;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #c2c2c2;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #c2c2c2;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #c2c2c2;
}

*:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
  opacity: 0;
}

*:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 0;
}

*:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
  opacity: 0;
}

*:focus:-moz-placeholder {
  /* Firefox 18- */
  color: white;
  opacity: 0;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

b,
bold,
strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

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

:focus {
  outline: none;
}

select:not(.standard-select),
input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

input::-ms-check {
  display: none;
}

button,
a.linkAsBtn {
  border: 0;
  color: white;
}

/*Basic Styles*/
.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

.textCenter {
  text-align: center;
}

.smallText {
  font-size: 0.6em;
}

.largeText {
  font-size: 1.5em;
}

.overflowHidden {
  overflow: hidden;
}

.noWrap {
  white-space: nowrap;
}

.Twentybelow {
  margin-bottom: 20px;
}

[class*=valign] {
  display: inline-block;
  vertical-align: middle;
  width: 99.9%;
  margin-left: -6px;
  padding-left: 6px;
}

[class*=valign__With] {
  display: inline-block;
  height: 100%;
  width: 0.1%;
  padding: 0;
}

.container__pageTitleBox ul.nestedList,
.container__BlogRow ul.nestedList,
.container__textBox ul.nestedList {
  list-style: none;
}

.termsDownload a {
  color: #fff !important;
}

.width100 {
  width: 100%;
  display: block;
}

.rightToLeft {
  direction: rtl;
}

.rightToRight {
  direction: ltr;
}

.min-h-100 {
  min-height: 100%;
}

/*show hide*/
.showMe {
  display: inherit;
}

.hideMe,
.showTablet--inline,
.showMobile--inline {
  display: none;
}

.hideMobile--block {
  display: block;
}

.hideTablet--flex,
.hideMobile--flex {
  display: flex;
}

.hideMobile--table,
.hideMid--table {
  display: table-header-group;
}

.showDesktop--inline,
.hideTablet--inline,
.hideMobile--inline {
  display: inline;
}

.showMobile--inline {
  display: none;
}

.hideMid--inline {
  display: inline;
}

[class*=showMid--] {
  display: none;
}

.placeholder {
  position: relative;
  width: 100%;
  height: 1px;
}

.thereButNotThere {
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  border: none !important;
  opacity: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

@media only screen and (max-width: 991px) {
  .showDesktop--inline,
  [class*=hideMid--] {
    display: none;
  }
  .showMid--inline {
    display: inline;
  }
}
@media only screen and (max-width: 767px) {
  .showTablet--inline {
    display: inline;
  }
  [class*=hideTablet--] {
    display: none;
  }
  [class*=showMid--] {
    display: none;
  }
  .hideMid--inline {
    display: inline;
  }
}
@media only screen and (max-width: 576px) {
  [class*=hideMobile] {
    display: none;
  }
  .showMobile--inline {
    display: inline;
  }
  [class*=valign] {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }
  .valign-xs {
    width: 99.9%;
    margin-left: -6px;
    padding-left: 6px;
  }
  .valign__With {
    display: none;
  }
  .valign__With-xs {
    width: 0.1%;
  }
}
/* roboto-100 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto-v16-latin-100.eot"); /* IE9 Compat Modes */
  src: local("Roboto Thin"), local("Roboto-Thin"), url("../fonts/roboto-v16-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v16-latin-100.woff2") format("woff2"), url("../fonts/roboto-v16-latin-100.woff") format("woff"), url("../fonts/roboto-v16-latin-100.ttf") format("truetype"), url("../fonts/roboto-v16-latin-100.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v16-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-v16-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v16-latin-300.woff2") format("woff2"), url("../fonts/roboto-v16-latin-300.woff") format("woff"), url("../fonts/roboto-v16-latin-300.ttf") format("truetype"), url("../fonts/roboto-v16-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v16-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v16-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v16-latin-regular.woff") format("woff"), url("../fonts/roboto-v16-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v16-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v16-latin-500.eot"); /* IE9 Compat Modes */
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-v16-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v16-latin-500.woff2") format("woff2"), url("../fonts/roboto-v16-latin-500.woff") format("woff"), url("../fonts/roboto-v16-latin-500.ttf") format("truetype"), url("../fonts/roboto-v16-latin-500.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v16-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v16-latin-700.woff2") format("woff2"), url("../fonts/roboto-v16-latin-700.woff") format("woff"), url("../fonts/roboto-v16-latin-700.ttf") format("truetype"), url("../fonts/roboto-v16-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto-v16-latin-900.eot"); /* IE9 Compat Modes */
  src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/roboto-v16-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v16-latin-900.woff2") format("woff2"), url("../fonts/roboto-v16-latin-900.woff") format("woff"), url("../fonts/roboto-v16-latin-900.ttf") format("truetype"), url("../fonts/roboto-v16-latin-900.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* icons */
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?g4e9vb");
  src: url("../fonts/icomoon.eot?g4e9vb#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?g4e9vb") format("truetype"), url("../fonts/icomoon.woff?g4e9vb") format("woff"), url("../fonts/icomoon.svg?g4e9vb#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  /*
      prevent rendering empty squares while font is loading
      see: https://www.chromestatus.com/feature/5636954674692096
  */
  font-display: block;
}
.formIcon-date:after,
.formIcon-drop:after,
.formIcon-text:after,
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.togglePasswordField {
  position: absolute;
  top: 0;
  right: 2px;
  border-radius: 0px;
  font-size: 23px;
  width: 40px;
  font-weight: 700;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
  z-index: 99999;
}

.icon-moneyTransfer:before {
  content: "\e930";
}

.icon-coinCounter:before {
  content: "\e901";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-trash-o:before {
  content: "\f014";
}

.icon-close:before {
  content: "\f00d";
}

.icon-edit:before {
  content: "\f044";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-gbp:before {
  content: "\f154";
}

.icon-phone-hang-up:before {
  content: "\e943";
}

.icon-fed_accounts:before {
  content: "\e94a";
}

.icon-fed_accountSave:before {
  content: "\e94c";
}

/*formIcons*/
.formIcon-date,
.formIcon-drop,
.formIcon-text {
  position: relative;
}
.formIcon-date input,
.formIcon-drop input,
.formIcon-text input {
  background-color: rgba(255, 255, 255, 0.4);
  padding-right: 2rem;
}
.formIcon-date input:focus,
.formIcon-drop input:focus,
.formIcon-text input:focus {
  background-color: rgba(255, 255, 255, 0.8);
}
.formIcon-date input:hover:not(:focus),
.formIcon-drop input:hover:not(:focus),
.formIcon-text input:hover:not(:focus) {
  background-color: white;
}
.formIcon-date .custom-select,
.formIcon-drop .custom-select,
.formIcon-text .custom-select {
  background-image: none;
}
.formIcon-date:after,
.formIcon-drop:after,
.formIcon-text:after {
  position: absolute;
  right: 9px;
  bottom: 8px;
  pointer-events: none;
  font-size: 1.5rem;
  color: #666666;
}

.formIcon-date:after {
  content: "\f073";
}

.formIcon-drop:after {
  content: "\f150";
  bottom: 5px;
  font-size: 1.75rem;
}

.formIcon-text:after {
  content: "\f044";
  bottom: 4px;
  font-size: 1.75rem;
  right: 5px;
}

/*Banners*/
[class*=imgBanner--] {
  background-size: cover;
  background-position: 60% 75%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.imgBanner--savings {
  background-image: url(../images/moneyGrowBanner.jpg);
}

.imgBanner--loans {
  background-image: url(../images/coupleOnLaptop.jpg);
  background-position: 75% 50%;
}

.imgBanner--insurance {
  background-image: url(../images/houseCoinsBanner.jpg);
}

/*Blog and block images*/
[class*=imgBlog--] {
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.imgBlog--spcu {
  background-image: url(../images/spcuSphereAndSquares.svg);
}

.imgBlog--secureMoney {
  background-image: url(../images/secureMoney.svg);
}

.imgBlog--moneyGrow {
  background-image: url(../images/moneyGrow.svg);
}

.imgBlog--family {
  background-image: url(../images/family.svg);
}

.imgBlog--fscs {
  background-image: url(../images/fscsLogo.gif);
}

.imgBlog--cuHands {
  background-image: url(../images/creditUnionHands.svg);
}

.imgBlog--defender {
  background-image: url(../images/contactless.jpg);
}

.imgBlog--social {
  background-image: url(../images/socialBlock.jpg);
}

.imgBlog--advice {
  background-image: url(../images/moneyAdvice.jpg);
}

.imgBlog--grow {
  background-image: url(../images/moneyGrowBlock.jpg);
}

.imgBlog--houseCoins {
  background-image: url(../images/houseCoinsBlock.jpg);
}

.imgBlog--CoupleLaptop {
  background-image: url(../images/coupleOnLaptopBlock.jpg);
}

.imgBlog--piggyBank {
  background-image: url(../images/piggybankBlock.jpg);
}

.imgBlog--comingSoon {
  background-image: url(../images/comingSoonBlock.jpg);
  min-height: 200px;
}

.imgBlog--scotCash {
  background-image: url(../images/scotCashLogo.png);
}

.imgBlog--stepChange {
  background-image: url(../images/stepchangeLogo.png);
}

.imgBlog--incuto {
  background-image: url(../images/piggybankOnWhite.png);
}

.imgBlog--budgetBoost {
  background-image: url(../images/sperheroBB_block.jpg);
}

.imgBlog--santasClock {
  background-image: url(../images/SantasClock_Block.jpg);
}

.imgBlog--superSaverPig {
  background-image: url(../images/fe67594c21/SuoerSaverPig.png);
}

.imgBlog--debtCharities {
  background-image: url(../images/DebtCharities.jpg);
}

/*Castlemilk*/
.imgBlog--gmap {
  background-image: url(../images/cmWave-Gpostcode.png);
}

.imgBlog--cmHands {
  background-image: url(../images/cmWave-Hands.png);
}

.imgBlog--cmSecurity {
  background-image: url(../images/165943fcbd/cmWave-Security.png);
}

.imgBlog--cmGrow {
  background-image: url(../images/165943fcbd/cmWave-MoneyGrow.png);
}

.imgBlog--cmArrow-Form {
  background-image: url(../images/165943fcbd/cmWaveArrow-fillForm.png);
}

.imgBlog--cmArrow-Doc {
  background-image: url(../images/165943fcbd/cmWaveArrow-docs.png);
}

.imgBlog--cmArrow-Process {
  background-image: url(../images/165943fcbd/cmWaveArrow-process.png);
}

/*NCB*/
.imgBlog--secureMoney-ncb {
  background-image: url(../images/b281c5fde4/secureMoney.svg);
}

.imgBlog--moneyGrow-ncb {
  background-image: url(../images/b281c5fde4/moneyGrow.svg);
}

.imgBlog--family-ncb {
  background-image: url(../images/b281c5fde4/family.svg);
}

.imgBlog--cuHands-ncb {
  background-image: url(../images/b281c5fde4/creditUnionHands.svg);
}

.imgBlog--branch {
  background-image: url(../images/b281c5fde4/branchingOut.jpg);
}

.imgBlog--cuna {
  background-image: url(../images/b281c5fde4/CunaMutualLogo.png);
}

.imgBlog--castle {
  background-image: url(../images/b281c5fde4/NCBcastleBlock.jpg);
}

.imgBlog--ncc {
  background-image: url(../images/b281c5fde4/NCClogo.jpg);
}

/*wascu*/
.imgBlog--secureMoney-was {
  background-image: url(../images/cda867bf2e/secureMoney.svg);
}

.imgBlog--moneyGrow-was {
  background-image: url(../images/cda867bf2e/moneyGrow.svg);
}

.imgBlog--family-was {
  background-image: url(../images/cda867bf2e/family.svg);
}

.imgBlog--cuHands-was {
  background-image: url(../images/cda867bf2e/creditUnionHands.svg);
}

.imgBlog--wascuCircle {
  background-image: url(../images/cda867bf2e/wascuCircle.png);
}

.imgBlog--squareLogo {
  background-image: url(../images/cda867bf2e/WASCU_logoBlock.jpg);
}

.imgBlog--silburyHill {
  background-image: url(../images/cda867bf2e/silburyHill_block.jpg);
}

.imgBlog--percent {
  background-image: url(../images/cda867bf2e/percent.png);
}

.imgBlog--hearthands {
  background-image: url(../images/cda867bf2e/wascu_handHeart.png);
}

.imgBlog--shield {
  background-image: url(../images/cda867bf2e/shield.png);
}

.imgBlog--planthand {
  background-image: url(../images/cda867bf2e/wascu_plantInHand.png);
}

/*ie 10 and 11 only also add to ie 9 css*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .imgBlog--spcu {
    background-image: url(../images/spcuSphereAndSquares.png);
  }
  .imgBlog--secureMoney {
    background-image: url(../images/secureMoney.png);
  }
  .imgBlog--moneyGrow {
    background-image: url(../images/moneyGrow.png);
  }
  .imgBlog--family {
    background-image: url(../images/family.png);
  }
  .imgBlog--cuHands {
    background-image: url(../images/creditUnionHands.png);
  }
}
/*responsive*/
header {
  width: 100%;
  position: relative;
  background-color: white;
  z-index: 11;
}

/*headerBox*/
.headerBox {
  position: relative;
  left: 0;
  z-index: 10;
  transition: all 1s ease;
}

.headerBox__back {
  height: 100px;
  width: 100%;
  background-repeat: no-repeat !important;
  background-position: 0 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 1;
  transition: all 1s ease;
}

.headerBox__logo {
  position: relative;
  display: block;
  width: 221px;
  padding: 15px;
  transition: all 1s ease;
}
.headerBox__logo img {
  width: auto;
  max-height: 93%;
  transition: all 1s ease;
  max-width: 300px;
}

.headerBox__message {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 3px solid #d2232a;
  background-color: white;
  z-index: 10;
  width: 50%;
  position: absolute;
  left: 18%;
  top: 25px;
  padding: 10px;
  color: #d2232a;
  text-align: center;
  transition: all 1s ease;
}

/*headerBox__right*/
.headerBox__right {
  position: absolute;
  transition: all 1s ease;
  width: 70%;
  max-width: 500px;
  top: 0;
  right: 0;
  height: 80px;
}
.headerBox__right li {
  display: inline-block;
  line-height: 1em;
}

.headerBox__contactLinks {
  text-align: right;
  position: absolute;
  right: 15px;
  bottom: 0;
  top: 20px;
  transition: top 1s ease;
  padding: 4px 10px;
  background: #666;
  border-radius: 5px;
}
.headerBox__contactLinks a {
  color: #fff;
  position: relative;
  display: block;
  text-align: right;
  font-weight: 500;
  border: none;
  transition: all 1s ease;
}

.headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkTop,
.headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkBottom {
  text-align: right;
  position: absolute;
  top: 0;
  bottom: auto;
  right: 0;
  padding: 0;
  transition: top 1s ease;
  background: #666;
}
.headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkTop a,
.headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkBottom a {
  color: #fff;
  position: relative;
  display: block;
  height: 75px;
  padding: 22px 15px 0;
  text-align: center;
  min-width: 250px;
  font-weight: 500;
  border: none;
  transition: all 1s ease;
}
.headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkBottom {
  top: auto;
  bottom: 0;
}
.headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkBottom a {
  padding: 25px 15px 0;
}

/*headerBox__youtwitface*/
.headerBox__youtwitface {
  transition: all 1s ease;
  margin: 0 0 50px;
  text-align: right;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.headerBox__youtwitface a {
  font-size: 0;
  border-width: 0px;
  height: 50px;
  width: 50px;
  display: inline-block;
  position: relative;
  transition: all 1s ease;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.headerBox__youtwitface a:not(:hover) {
  background-color: #ffffff !important;
}

.headerBox__youtwitface a:before {
  font-family: "icomoon";
  content: "\e922";
  position: relative;
  display: inline-block;
  transition: all 1s ease;
  font-size: 40px;
  line-height: 1em;
  top: 4px;
}

.headerBox__youtwitface a.headerBox__youtwitface__face:before {
  content: "\f082";
  color: #3b5998;
}

.headerBox__youtwitface a.headerBox__youtwitface__face:before {
  content: "\f082";
  color: #3b5998;
}

.headerBox__youtwitface a.headerBox__youtwitface__twit:before {
  content: "\f081";
  color: #1da1f2;
}

.headerBox__youtwitface a.headerBox__youtwitface__app:before {
  content: "\e90d";
}

.headerBox__youtwitface a.headerBox__youtwitface__igram:before {
  content: "\f16d";
  color: #f33360;
}

.headerBox__youtwitface a:hover:before,
.headerBox__youtwitface a.headerBox__youtwitface__face:hover:before,
.headerBox__youtwitface a.headerBox__youtwitface__twit:hover:before {
  opacity: 0.6;
}

/*nav*/
nav {
  position: relative;
  z-index: 2;
}

.navbar-nav {
  width: 100%;
}

#menu-main,
.dropdown-menu {
  padding: 0;
  border: 0;
}

#menu-main a,
#menu-main button {
  color: inherit;
  padding: 0 15px;
  height: 50px;
  font-size: 11pt;
  line-height: 50px;
  font-weight: 500;
  text-decoration: none;
  transition: padding 1s ease;
  position: relative;
}

#menu-main .dropdown a {
  top: -1px;
}

#menu-main a {
  display: block;
}

#menu-main .navbar-toggler {
  /*width: 100%;*/
  border-radius: 0;
  line-height: 21px;
  border: 0;
  cursor: pointer;
  transition: all 1s ease;
}

[class*=navIcon--]:after {
  content: "";
  font-family: "icomoon";
  position: relative;
}

.navIcon--MemberLogin:after {
  content: "\e927";
  font-size: 2em;
  line-height: 0.25em;
  top: 0.25em;
}

.navIcon--MemberLogOut:after {
  content: "\e931";
  font-size: 2em;
  line-height: 0.25em;
  top: 0.25em;
}

.nav-item.rightmenuDown1,
.nav-item.rightmenu {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  padding: 0;
}
.nav-item.rightmenuDown1 a,
.nav-item.rightmenu a {
  background-color: #f26524;
  transition: background-color 1s ease;
}
.nav-item.rightmenuDown1 a:hover,
.nav-item.rightmenuDown1 a:focus,
.nav-item.rightmenu a:hover,
.nav-item.rightmenu a:focus {
  background-color: #9fc01b;
}

.nav-item.rightmenuDown1 {
  padding: 0 0 1px;
}

/*iconOnly links*/
#menu-main a[class*=header__iconOnly--],
[class*=header__iconOnly--] {
  font-size: 0px;
}

[class*=header__iconOnly--]:before {
  font-family: "icomoon";
  content: "";
  position: relative;
  font-size: 18px;
}

.header__iconOnly--home:before {
  content: "\f015";
}

.header__iconOnly--memberHome:before {
  content: "\e92f";
}

/* Icon 3 */
#nav-icon3 {
  width: 30px;
  height: 22px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: white;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 9px;
}

#nav-icon3 span:nth-child(4) {
  top: 18px;
}

#nav-icon3.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}

/*dropdown-menu*/
.dropdown-menu {
  left: unset;
  margin: 0;
  border-radius: 0;
  padding: 0;
  border-style: solid;
  border-width: 0;
}

.dropdown-menu .dropdown-item {
  color: inherit;
  padding: 0;
}

[data-toggle=dropdown]::after,
.dropdown-menu .dropdown-item::before {
  font-family: "icomoon";
  content: "\f13a";
  position: relative;
}

.dropdown-menu .dropdown-item::before {
  display: none;
}

[data-toggle=dropdown]::after {
  content: "\f13a";
  margin: 0 0 0 7px;
  top: 0.125em;
}

.invisible {
  display: none !important;
}

/*header Credit Union*/
.hasCreditUnion .headerBox {
  height: 150px;
}
.hasCreditUnion .headerBox__logo {
  width: 409px;
  padding: 9px 0 0 45px;
  height: 150px;
}
.hasCreditUnion .headerBox__logo img {
  max-width: none !important;
}
.hasCreditUnion .headerBox__right {
  height: 150px;
}
.hasCreditUnion .headerBox__back {
  height: 150px;
  background-size: contain;
}
.hasCreditUnion .headerBox__youtwitface a {
  margin-left: 46px;
  border-width: 1px;
  border-style: solid;
}
.hasCreditUnion .headerBox__contactLinks {
  top: auto;
  border-radius: 0;
  overflow: hidden;
  bottom: 0;
  right: 0;
  padding: 0px;
}
.hasCreditUnion .headerBox__contactLinks a {
  height: 48px;
  padding: 14px 15px 0;
  text-align: center;
  min-width: 250px;
}
.hasCreditUnion .headerBox__contactLinks {
  background: #ffffff;
}

/*responsive*/
@media (max-width: 991px) {
  #menu-main a,
  #menu-main button {
    padding: 0 7px;
  }
  .headerBox__message {
    left: 35%;
    top: 51px;
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .headerBox__message {
    left: 40%;
    top: 100px;
    width: 60%;
  }
  .dropdown-menu {
    border-width: 3px;
  }
  .dropdown-menu .dropdown-item::before {
    display: inline-block;
  }
  #menu-members .dropdown-menu {
    text-align: left;
  }
  #menu-main .dropdown .dropdown-menu .dropdown-item a,
  #menu-main .dropdown .dropdown-menu .dropdown-item:before {
    transition: all 1s ease;
    padding: 0 0 0 60px;
    margin: 0;
    line-height: 3em;
  }
  #menu-main .dropdown .dropdown-menu .dropdown-item:before {
    padding: 0;
    content: "\f13a";
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    position: relative;
    left: 20px;
    top: -2px;
  }
  .nav-item.rightmenuDown1,
  .nav-item.rightmenu {
    position: relative;
  }
  .dropdown-menu .dropdown-item::before {
    line-height: 51px;
    float: left;
  }
  #menu-main a[class*=header__iconOnly--],
  [class*=header__iconOnly--] {
    font-size: inherit;
  }
  [class*=header__iconOnly--]:before {
    margin: 0 10px 0 0;
  }
}
@media screen and (max-width: 576px) {
  /*SPCU specific*/
  .hasCreditUnion .formFrame,
  .hasCreditUnion .formFrame--top,
  .hasCreditUnion .formFrame--bottom {
    margin: 32px 4%;
  }
  .hasCreditUnion .headerBox__contactLinks {
    padding: 0;
    background: none;
    bottom: -1px;
    right: 0;
    left: 0;
  }
  .hasCreditUnion #nav-icon3 {
    margin: auto;
  }
  .hasCreditUnion #menu-main .navbar-toggler {
    width: calc(100% - 155px);
  }
  .hasCreditUnion .headerBox__youtwitface {
    margin: 0;
    top: 30px;
  }
  .hasCreditUnion .headerBox__youtwitface a {
    margin-left: 0;
    background: #ffffff !important;
  }
  .hasCreditUnion .headerBox {
    height: auto;
  }
  .hasCreditUnion .headerBox__logo {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 5px 0 0;
    height: 75px;
  }
  .hasCreditUnion .hasCreditUnion .headerBox__back {
    height: auto;
  }
  .hasCreditUnion .headerBox__right {
    height: auto;
  }
  .hasCreditUnion .hasCreditUnion .headerBox__contactLinks a {
    padding: 0;
    height: auto;
  }
  /*Multi-T*/
  .headerBox {
    height: auto;
    position: relative;
  }
  .headerBox__back {
    display: none;
  }
  .hasCreditUnion .headerBox__contactLinks a {
    height: 25px;
    padding: 0;
  }
  .hasCreditUnion .headerBox__youtwitface a {
    margin-left: 0;
  }
  .hasCreditUnion .headerBox__right {
    height: auto;
  }
  .hasCreditUnion .headerBox__contactLinks {
    height: 25px;
  }
  .headerBox {
    position: relative;
  }
  .headerBox__logo {
    height: 75px;
    width: 45%;
    position: relative;
    display: block;
  }
  .headerBox__right {
    width: 100%;
    position: relative;
    /*height: 100px;*/
  }
  .headerBox__message {
    position: relative;
    top: 52px;
  }
  #removeme {
    top: 50px;
  }
  .headerBox__right {
    height: auto;
  }
  .headerBox__contactLinks {
    background: none;
    padding: 0;
    top: 0;
    right: 0;
    border-radius: 0;
    position: relative;
    width: 100%;
  }
  .headerBox__contactLinks a {
    min-width: 100%;
    padding: 0;
    color: #666;
  }
  .headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkTop,
  .headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkBottom {
    position: relative;
  }
  .headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkTop a,
  .headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkBottom a {
    padding: 5px;
    min-height: 0;
    height: auto;
  }
  .headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkBottom {
    position: absolute;
    bottom: -50px;
  }
  .headerBox__contactNoSocial--wrapper .headerBox__contactNoSocial--linkBottom a {
    padding: 14px 15px;
    height: 50px;
    min-width: 0;
  }
  .headerBox__youtwitface {
    top: 33px;
    margin: 0;
  }
  .headerBox__youtwitface a {
    height: 38px;
    width: 40px;
    margin: 0 6px 0 0;
  }
  .headerBox__youtwitface a:not(:hover) {
    background-color: #ffffff !important;
  }
  .headerBox__contactLinks a {
    display: block;
    text-align: center;
    margin: 0;
    color: #fff;
  }
  .headerBox__youtwitface a:before {
    font-size: 35px;
    line-height: 1em;
    top: 0px;
  }
}
.containerWrapper__WithCarousel,
.containerWrapper {
  padding: 0;
  margin: 0;
  background-color: white;
  max-width: 100%;
}

.container__loanDeclarationForm ul {
  list-style-type: disc;
  padding: inherit;
  margin: inherit;
}

#commonbond a {
  color: #666666 !important;
  font-weight: 700 !important;
  display: inline !important;
  padding: 0 !important;
  position: relative !important;
  bottom: 0 !important;
  margin: 0 !important;
}

#newEmployerDetails {
  display: none;
}

.password-container {
  position: relative;
}
.password-container input {
  padding-right: 40px !important;
  line-height: 36px;
  padding-bottom: 0 !important;
}

.news-header .news-toggle {
  float: right;
  transform: rotate(180deg);
}
.news-header .active {
  transform: rotate(0);
}

.news-header:hover {
  cursor: pointer;
  user-select: none;
}

#container__Payrun-DirectDebit,
#container__Payrun-StandingOrder,
#container__Payrun-BankTransfer,
#container__Payrun-PayDeductions {
  display: none;
}

[class*=containerWrapper__UnderHeder],
.containerWrapper__UnderHederGrad {
  content: "";
  width: 100%;
  height: 276px;
  position: absolute;
  top: 125px;
  left: 0;
  z-index: 0;
  transition: all 1s ease;
  background-image: url(../images/gotBackBanner03c.jpg);
  background-size: cover;
  background-position: 50% 40%;
  background-repeat: no-repeat;
}

.containerWrapper__UnderHederGrad {
  background: -moz-radial-gradient(top right, circle cover, rgba(255, 255, 255, 0.001) 0%, white 47.5%, white 52.5%, rgba(255, 255, 255, 0.001) 100%);
  background: -webkit-gradient(radial, top right, 0px, top right, 100%, color-stop(0%, rgba(255, 255, 255, 0.001)), color-stop(100%, white), color-stop(100%, white), color-stop(100%, rgba(255, 255, 255, 0.001)));
  background: -webkit-radial-gradient(top right, circle cover, rgba(255, 255, 255, 0.001) 0%, white 47.5%, white 52.5%, rgba(255, 255, 255, 0.001) 100%);
  background: -o-radial-gradient(top right, circle cover, rgba(255, 255, 255, 0.001) 0%, white 47.5%, white 52.5%, rgba(255, 255, 255, 0.001) 100%);
  background: -ms-radial-gradient(top right, circle cover, rgba(255, 255, 255, 0.001) 0%, white 47.5%, white 52.5%, rgba(255, 255, 255, 0.001) 100%);
  background: radial-gradient(top right, circle cover, rgba(255, 255, 255, 0.001) 0%, white 47.5%, white 52.5%, rgba(255, 255, 255, 0.001) 100%);
  background-color: rgba(255, 255, 255, 0.001);
}

.hub_application_header {
  top: 0 !important;
  height: 250px !important;
}

.container__twitter-feed {
  overflow: auto;
  padding: 15px;
  max-height: 475px;
  border-width: 2px;
  border-style: solid;
  border-radius: 7px;
}

.containerWrapper__UnderHeder--sign {
  background-image: url(../images/sign1.jpg);
  background-position: 72% 60%;
}

.container {
  margin: 38px auto 0;
  padding: 0;
  /*max-width: 100%;*/
}

.container__member_message,
.container__user_message {
  width: auto;
  padding: 5px 25px;
  text-align: left;
  border-radius: 4px;
  color: #ffffff;
  position: relative;
  max-width: calc(100% - 20px);
  margin: 10px 0 20px;
}

.container__user_message:before,
.container__member_message:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: -19px;
}

.container__user_message:before {
  border-left: 10px solid #9fc01b;
  border-right: 10px solid transparent;
  border-top: 10px solid #9fc01b;
  border-bottom: 10px solid transparent;
  border-left-color: inherit;
  border-top-color: inherit;
  left: 19px;
}

.container__member_message:before {
  border-right: 10px solid #9fc01b;
  border-left: 10px solid transparent;
  border-top: 10px solid #9fc01b;
  border-bottom: 10px solid transparent;
  right: 19px;
  border-right-color: inherit;
  border-top-color: inherit;
}

.container__member_message {
  margin-left: auto;
  margin-right: 0;
}

.container__user_message {
  margin-left: 0;
  margin-right: auto;
}

.container__memberMessage--wrapper {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  margin: 15px auto;
  width: calc(100% - 30px);
}
.container__memberMessage--wrapper .container .row {
  margin: 0;
  width: 100%;
}

.container.message_member_pane {
  height: 355px;
  overflow-y: scroll;
  padding: 0 10px;
  margin: 0 auto;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
}

.member_message_row {
  border-bottom: 1px solid #cccccc;
}

.member_message_row:hover {
  background: rgba(0, 0, 0, 0.05);
}

.member_message_unread {
  background: #e5efff;
}

.container__inner {
  width: 100%;
}

.container-flex {
  background: #fff;
  padding: 60px;
}

/*rows*/
[class*=container__pageTitleBox] {
  position: relative;
  z-index: 10;
  border-width: 3px;
  border-style: solid;
  border-bottom-width: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  margin: 30px 0;
  padding: 20px 15px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
}
[class*=container__pageTitleBox] h3 {
  opacity: 0.75;
  font-weight: 700;
  padding: 30px 0;
}
[class*=container__pageTitleBox] p {
  padding: 0;
  text-align: left;
  font-weight: 300;
}
[class*=container__pageTitleBox] h1.container__Link--TitleboxHasLink {
  padding: 0 190px 0 0;
}
[class*=container__pageTitleBox] p a,
[class*=container__pageTitleBox] h3 a {
  color: #666666;
  font-weight: 700;
}
[class*=container__pageTitleBox] p a.trafficlightLink {
  color: #f26524;
  font-weight: 700;
  text-decoration: underline;
}

[class*=container__pageTitleBox] a.container__Link--TitleboxLink,
.container__textBox a.container__Link--TitleboxLink {
  width: auto;
  padding: 10px 60px 10px 10px;
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
  left: auto;
  font-size: 1.125em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.container__textBox a.container__Link--TitleboxLink {
  top: -10px;
  right: 20px;
  font-size: 16px;
  line-height: 24px;
}

.container__login-client-message {
  padding: 20px 20px 0 20px;
}

/*columns*/
.containerWrapper__WithCarousel,
.containerWrapper {
  margin: 18px 0 45px 0px;
}
.containerWrapper__WithCarousel [class*=col-sm-]:not(.container__twitter-feed):not(.col-sm-4),
.containerWrapper [class*=col-sm-]:not(.container__twitter-feed):not(.col-sm-4) {
  margin: 0 0 20px;
  vertical-align: bottom;
  position: relative;
}
.containerWrapper__WithCarousel h2,
.containerWrapper h2 {
  font-size: 2.5em;
  color: inherit;
}

/* has Credit Union*/
.hasCreditUnion [class*=containerWrapper__UnderHeder] {
  top: 200px;
  height: 220px;
}
.hasCreditUnion .containerWrapper {
  margin: 50px 0 45px 0px;
}

[class*=container__pageTitleBox],
.container__BlogRow,
.container__textBox {
  width: 100%;
}
[class*=container__pageTitleBox] li,
.container__BlogRow li,
.container__textBox li {
  color: #666666;
  margin: 0 0 10px;
  font-weight: 300;
  text-align: left;
}
[class*=container__pageTitleBox] ul,
.container__BlogRow ul,
.container__textBox ul {
  list-style-type: disc;
  padding-left: 40px;
}
[class*=container__pageTitleBox] ol li,
.container__BlogRow ol li,
.container__textBox ol li {
  font-weight: 700;
}
[class*=container__pageTitleBox] .container__listText,
.container__BlogRow .container__listText,
.container__textBox .container__listText {
  color: #666666;
  font-weight: 300;
}
[class*=container__pageTitleBox] p a.trafficlightLink,
.container__BlogRow p a.trafficlightLink,
.container__textBox p a.trafficlightLink {
  color: #f26524;
  font-weight: 700;
  text-decoration: underline;
}

.container__pageTitleBox--noSub {
  margin: 60px 0 30px;
}
.container__pageTitleBox--noSub h1 {
  margin-bottom: 50px;
}

.container__BlogRow,
.container__textBox {
  margin: 0 0 40px;
  position: relative;
}
.container__BlogRow h2,
.container__textBox h2 {
  margin: 0 0 15px;
}
.container__BlogRow h3,
.container__textBox h3 {
  margin: 0 0 10px;
  font-weight: 700;
  color: inherit;
  opacity: 0.5;
  font-size: 1.25em;
}
.container__BlogRow p,
.container__textBox p {
  color: #666666;
  margin: 0 0 10px;
  font-weight: 300;
}
.container__BlogRow .col-sm-8,
.container__textBox .col-sm-8 {
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
  top: -8px;
  padding-bottom: 10px;
  margin: 0 2% 0 0;
  max-width: 64.66666%;
}
.container__BlogRow .col-sm-8 img,
.container__textBox .col-sm-8 img {
  width: 100%;
  height: auto;
}
.container__BlogRow .col-sm-12,
.container__textBox .col-sm-12 {
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
  padding-bottom: 20px;
  flex: auto;
  -ms-flex: auto;
  max-width: 1170px;
}
.container__BlogRow .col-sm-4,
.container__textBox .col-sm-4 {
  top: 8px;
  left: -2px;
  border-bottom: 50px solid white;
  margin: 0 0 0 3.3333%;
  max-width: 30%;
}
.container__BlogRow a,
.container__textBox a {
  display: block;
  width: 100%;
  position: absolute;
  bottom: -50px;
  left: 0;
  padding: 5px 10px;
  height: 36px;
}
.container__BlogRow p a,
.container__BlogRow h3 a,
.container__BlogRow li .container__listText a,
.container__BlogRow .formLabel--check a,
.container__textBox p a,
.container__textBox h3 a,
.container__textBox li .container__listText a,
.container__textBox .formLabel--check a {
  color: #666666;
  font-weight: 700;
  display: inline;
  padding: 0;
  width: auto;
  position: relative;
  bottom: 0;
  height: auto;
  text-decoration: underline;
}

.container__boxWithHelp h2 {
  padding: 0 50px 0 0;
}

.container__textBox [class*=imgBlog--] {
  max-height: 300px;
  background-size: contain;
  background-position: 50% 0;
  vertical-align: top;
}
.container__textBox .container__ImgColWithLinks[class*=imgBlog--] {
  max-height: none;
  max-width: 250px;
  margin: 0 auto;
  padding: 280px 0 0;
}
.container__textBox .container__ImgColWithLinks[class*=imgBlog--] a {
  color: #fff;
}
.container__textBox .container__ImgColWithLinks.imgBlog--ncc {
  padding: 450px 0 0;
}
.container__textBox .container__ImgColWithLinks.imgBlog--ncc a {
  color: #fff;
}
.container__textBox .container__Link--Readmore {
  color: #fff;
}
.container__textBox .col-sm-8 {
  top: 0;
  margin: 0;
  max-width: 66.66666%;
}
.container__textBox h3 {
  opacity: 1;
  margin: 20px 0 10px;
}
.container__textBox a {
  display: block;
  width: 100%;
  position: relative;
  bottom: auto;
  left: 0;
  padding: 5px 40px 5px 10px;
  height: auto;
  margin: 10px 0;
}

.container__textBox.container__nolistformatting a {
  display: inline-block;
  width: auto;
  position: relative;
  bottom: auto;
  left: 0;
  padding: 0;
  height: auto;
  margin: 0;
  color: inherit;
}
.container__textBox.container__nolistformatting ol li {
  font-weight: 300;
}

.container__3col {
  position: relative;
}
.container__3col [class*=imgBlog--] {
  width: 100%;
  height: 200px;
  background-size: cover;
}
.container__3col .col-sm-4 {
  margin: 0 3.75% 20px 1%;
  max-width: 29.3333%;
  padding: 0 0 50px;
}
.container__3col .col-sm-4:nth-of-type(3) {
  margin: 0 1% 20px 1%;
}
.container__3col h4 {
  width: 100%;
  padding: 10px;
  color: white;
}
.container__3col p {
  width: 100%;
  padding: 10px 0;
  color: #666666;
}
.container__3col [class*=container__3colLink],
.container__3col .container__Link--Readmore {
  width: 100%;
  padding: 5px 30px 5px 10px;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  color: #fff;
}
.container__3col .container__3colLinkBlock {
  text-align: right;
  padding: 0 4px 0 0;
  overflow: hidden;
}

.container__3colTableSBS {
  width: 100%;
}
.container__3colTableSBS tr:nth-of-type(even) {
  background-color: #e0e0e0;
}
.container__3colTableSBS td,
.container__3colTableSBS th {
  width: 50%;
}
.container__3colTableSBS th:nth-of-type(1),
.container__3colTableSBS th:nth-of-type(3),
.container__3colTableSBS td:nth-of-type(1),
.container__3colTableSBS td:nth-of-type(3) {
  width: 25%;
  padding: 0 0 0 10px;
}
.container__3colTableSBS th:nth-of-type(3),
.container__3colTableSBS td:nth-of-type(3) {
  width: 25%;
  padding: 0 10px 0 0;
}
.container__3colTableSBS a {
  padding: 5px;
}

.container__3colTableContact {
  width: 100%;
}
.container__3colTableContact tr:nth-of-type(even) {
  background-color: #e0e0e0;
}
.container__3colTableContact td,
.container__3colTableContact th {
  width: 50%;
}
.container__3colTableContact th:nth-of-type(2),
.container__3colTableContact th:nth-of-type(3),
.container__3colTableContact td:nth-of-type(2),
.container__3colTableContact td:nth-of-type(3) {
  width: 25%;
  padding: 0 0 0 10px;
}
.container__3colTableContact th:nth-of-type(3),
.container__3colTableContact td:nth-of-type(3) {
  padding: 0 10px 0 0;
}
.container__3colTableContact a {
  padding: 5px;
}

.container__twitter--wrapper {
  overflow: hidden;
  border-width: 2px;
  border-style: solid;
  border-radius: 7px;
  padding: 0;
  margin: 0 15px;
  max-height: 478px;
  position: relative;
  right: 0;
  max-width: calc(41.666667% - 30px);
}

.container__twitter--feed {
  overflow: auto;
  padding: 15px;
  max-height: 475px;
}

/*link states*/
a.container__Link--TitleboxLink:before,
a.container__Link--TitleboxLink:after,
a.container__Link--Readmore:before,
a.container__Link--Readmore:after {
  content: "";
  display: block;
  border: 3px solid white;
  position: absolute;
  right: 10px;
  top: 5px;
  transition: all 1s ease;
}

a.container__Link--TitleboxLink:before {
  top: 10px;
}

a.container__Link--TitleboxLink:before,
a.container__Link--Readmore:before {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

a.container__Link--TitleboxLink:after,
a.container__Link--Readmore:after {
  top: 10px;
  right: 23px;
  width: 14px;
  height: 14px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom-color: transparent;
  border-left-color: transparent;
}

a.container__Link--TitleboxLink:after {
  top: 15px;
}

a.button--join.container__Link--Readmore:before {
  top: 25px;
  right: 30px;
}

a.button--join.container__Link--Readmore:after {
  top: 30px;
  right: 43px;
}

a.container__Link--Readmore:hover:after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}

[class*=container__SocialLink--] {
  font-size: 0;
  background-color: #f00;
  width: 50px;
  height: 35px;
  display: inline-block;
  text-align: center;
  margin-right: -4px;
}

[class*=container__SocialLink--]:before {
  font-family: "icomoon";
  content: "\e922";
  position: relative;
  display: inline-block;
  font-size: 28px;
  line-height: 34px;
  top: 1px;
}

.container__SocialLink--twit:before {
  content: "\f081";
}

.container__SocialLink--Face:before {
  content: "\f082";
}

.container__SocialLink--app:before {
  content: "\e90d";
}

/*tables*/
[class*=container__2colTable],
.container__3colTable,
.container__4colTable,
.container__4colTable--tab1col {
  width: 100%;
}
[class*=container__2colTable] td,
[class*=container__2colTable] th,
.container__3colTable td,
.container__3colTable th,
.container__4colTable td,
.container__4colTable th,
.container__4colTable--tab1col td,
.container__4colTable--tab1col th {
  font-weight: 300;
  width: 50%;
  vertical-align: middle;
  padding: 5px;
}
[class*=container__2colTable] th,
.container__3colTable th,
.container__4colTable th,
.container__4colTable--tab1col th {
  font-weight: 700;
}
[class*=container__2colTable] tr:nth-of-type(even),
.container__3colTable tr:nth-of-type(even),
.container__4colTable tr:nth-of-type(even),
.container__4colTable--tab1col tr:nth-of-type(even) {
  background-color: #e0e0e0;
}

.container__2colTable--7525 td:nth-of-type(2),
.container__2colTable--7525 th:nth-of-type(2),
.container__2colTable td:nth-of-type(2),
.container__2colTable th:nth-of-type(2) {
  text-align: right;
}
.container__2colTable--7525 [class*=button--td],
.container__2colTable [class*=button--td] {
  width: auto;
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  margin: 0;
  position: relative;
}

.modal-body .container__2colTable {
  margin: 10px 0 0;
}
.modal-body .container__2colTable [class*=button--td] {
  width: 100%;
  height: 32px;
  font-size: 1em;
  line-height: 32px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.modal-body .container__2colTable .button--tdDownload:before {
  line-height: inherit;
}

.container__2colTable--7525 td,
.container__2colTable--7525 th {
  width: 75%;
  padding: 10px;
}
.container__2colTable--7525 td:nth-of-type(2),
.container__2colTable--7525 th:nth-of-type(2) {
  width: 25%;
}

.container__2colTable--QA {
  padding: 10px;
}
.container__2colTable--QA td {
  width: calc(100% - 40px);
}
.container__2colTable--QA td:nth-of-type(1) {
  width: 40px;
  font-weight: 700;
  text-align: center;
}
.container__2colTable--QA tr:nth-of-type(odd) td {
  font-weight: 700;
  padding-top: 20px;
}
.container__2colTable--QA tr:nth-of-type(even) td {
  border-bottom: 2px solid #666666;
}

.container__3colTable td,
.container__3colTable th {
  width: 50%;
}
.container__3colTable th:nth-of-type(2),
.container__3colTable th:nth-of-type(3),
.container__3colTable td:nth-of-type(2),
.container__3colTable td:nth-of-type(3) {
  width: 25%;
  text-align: center;
}

.container__4colTable td,
.container__4colTable th {
  width: 25%;
  text-align: center;
}

.container__loggedout247 {
  vertical-align: top;
}
.container__loggedout247 .sliderSelect {
  margin-bottom: 20px;
}

.container__textBox .container__4colTable--tab1col td,
.container__textBox .container__4colTable--tab1col th {
  width: 25%;
  text-align: left;
}
.container__textBox .container__4colTable--tab1col a {
  padding: 0;
  margin: 0;
}
.container__textBox .container__4colTable--tab1col td:nth-of-type(1) {
  font-weight: normal;
}

/*video*/
.container__videoBox {
  width: 100%;
  height: 300px;
}

.container__mobwide .container .row {
  margin: 0;
  width: 100%;
}

/*Responsive*/
@media only screen and (max-width: 991px) {
  .container__textBox .container__4colTable--tab1col td,
  .container__textBox .container__4colTable--tab1col th {
    width: 100%;
    display: block;
  }
  .container__textBox .container__4colTable--tab1col td:nth-of-type(1) {
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .container {
    width: 100%;
  }
  .container .row {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
  }
  .container__mobwide .row,
  .container__mobwide .container .row {
    margin: 0;
    width: 100%;
  }
  .container__mobwide [class*=col-] {
    padding: 0;
  }
  .container__BlogRow .col-sm-4 {
    margin: 0 0 0 2.5%;
    max-width: 29%;
    left: 0;
  }
  .container__pageTitleBox h1.container__Link--TitleboxHasLink {
    padding: 0;
  }
  .container__pageTitleBox a.container__Link--TitleboxLink {
    position: relative;
    top: 10px;
    right: 0;
  }
  .container__textBox a.container__Link--TitleboxLink {
    right: 20px;
    height: 36px;
    padding: 5px;
  }
  .container__textBox a.container__Link--TitleboxLink:before,
  .container__textBox a.container__Link--TitleboxLink:after {
    display: none;
  }
  .container__3colTableContact {
    text-align: center;
  }
  .container__3colTableContact th:nth-of-type(2),
  .container__3colTableContact th:nth-of-type(3),
  .container__3colTableContact th:nth-of-type(1),
  .container__3colTableContact td:nth-of-type(1),
  .container__3colTableContact td:nth-of-type(2),
  .container__3colTableContact td:nth-of-type(3) {
    display: block;
    width: 100%;
    padding: 0;
  }
  .container__3colTableContact th:nth-of-type(3),
  .container__3colTableContact td:nth-of-type(3) {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 576px) {
  .hasCreditUnion [class*=containerWrapper__UnderHeder] {
    top: 125px !important;
  }
  .container__BlogRow .col-sm-12,
  .container__textBox .col-sm-12 {
    padding: 0 0 20px;
  }
  .container__BlogRow .col-sm-8,
  .container__textBox .col-sm-8 {
    border-bottom-width: 0;
    top: 0;
    padding: 0;
    max-width: 100%;
    margin: 0;
  }
  .container__BlogRow .col-sm-4,
  .container__textBox .col-sm-4 {
    top: 0;
    border: none;
    margin: 0;
    max-width: 100%;
    padding: 0;
  }
  .container__BlogRow a,
  .container__textBox a {
    bottom: 0;
    position: relative;
  }
  .container__3col .col-sm-4,
  .container__3col .col-sm-4:nth-of-type(3) {
    margin: 0 0 20px;
    max-width: 100%;
  }
  .container__2colTable td,
  .container__2colTable th {
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
  }
  .container__2colTable td:nth-of-type(2),
  .container__2colTable th:nth-of-type(2) {
    text-align: left;
    padding: 5px 10px 10px;
  }
  .container__2colTable [class*=button--td] {
    padding: 0 5px;
    font-size: 0.85em;
    left: -5px;
  }
  .container__twitter--wrapper {
    max-width: 100%;
  }
  .container__memberMessage--wrapper {
    margin: 0 auto;
    width: 100%;
  }
}
.body__Row {
  margin: 10px 10px;
  width: calc(100% - 20px);
}

/*bodyInstructions*/
.bodyInstructions__Row {
  width: 92%;
  margin: 30px 4% 50px;
  text-align: left;
  transition: all 1s ease;
}

.bodyInstructions__textbox--none,
.bodyInstructions__textbox--tick,
.bodyInstructions__textbox--security,
.bodyInstructions__textbox--textonly {
  width: 100%;
  position: relative;
  padding: 0 300px 0 0;
  min-height: 200px;
  transition: padding 1s ease;
}
.bodyInstructions__textbox--none p,
.bodyInstructions__textbox--tick p,
.bodyInstructions__textbox--security p,
.bodyInstructions__textbox--textonly p {
  font-size: 16px;
  margin: 30px 0 20px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.bodyInstructions__textbox--none h2,
.bodyInstructions__textbox--tick h2,
.bodyInstructions__textbox--security h2,
.bodyInstructions__textbox--textonly h2 {
  font-size: 1.5em;
  margin: 0 0 1em;
  font-weight: bold;
}
.bodyInstructions__textbox--none:before, .bodyInstructions__textbox--none:after,
.bodyInstructions__textbox--tick:before,
.bodyInstructions__textbox--tick:after,
.bodyInstructions__textbox--security:before,
.bodyInstructions__textbox--security:after,
.bodyInstructions__textbox--textonly:before,
.bodyInstructions__textbox--textonly:after {
  font-family: "icomoon";
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  color: #b3b3b3;
  transition: all 1s ease;
  font-size: 200px;
}

.bodyInstructions__textbox--tick {
  padding: 10px 300px 10px 10px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.bodyInstructions__textbox--tick h2 {
  margin: 1em 0;
}
.bodyInstructions__textbox--tick a {
  color: #666666;
}

.bodyInstructions__textbox--textonly {
  width: 92%;
  margin: 15px 4%;
  text-align: left;
  padding: 0;
  min-height: 0;
  font-size: 0.8em;
}

.bodyInstructions__textbox--security:before {
  content: "\e902";
  color: #b3b3b3;
  right: 50px;
  top: -50px;
}

.bodyInstructions__textbox--security:after {
  content: "\e91e";
}

.bodyInstructions__textbox--tick:after {
  content: "\f00c";
  color: #9fc01b;
  font-size: 205px;
  right: -25px;
  top: -79px;
}

.bodyInstructions__textbox--tick:before {
  content: "\f047";
  color: #b3b3b3;
  top: -50px;
}

.bodyInstructions__textbox--textonly {
  width: 92%;
  margin: 15px 4%;
  text-align: left;
  padding: 0;
  min-height: 0;
}

.bodyInstructions__textbox--textonly:before,
.bodyInstructions__textbox--textonly:after {
  display: none;
}

/*bodySubSection*/
.bodySub__outer {
  width: 100%;
  margin: 0;
}

.bodySub__banner {
  width: 100%;
  margin: 20px 0 0;
  color: #666666;
  text-align: left;
  padding: 0 20px;
}
.bodySub__banner h2,
.bodySub__banner h3,
.bodySub__banner h4,
.bodySub__banner p {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.bodySub__banner h2 {
  color: #666666;
  font-size: 2em;
}

.bodySub__inner {
  width: 100%;
  padding: 0 15px;
}

table.bodySub__outer,
table.bodySub__banner,
table.bodySub__inner,
table.bodySub__3colTable302050,
table.bodySub__banner {
  width: 100%;
  margin: 10px 0;
}
table.bodySub__outer tbody tr:nth-of-type(even),
table.bodySub__banner tbody tr:nth-of-type(even),
table.bodySub__inner tbody tr:nth-of-type(even),
table.bodySub__3colTable302050 tbody tr:nth-of-type(even),
table.bodySub__banner tbody tr:nth-of-type(even) {
  background-color: #e0e0e0;
}
table.bodySub__outer thead th,
table.bodySub__banner thead th,
table.bodySub__inner thead th,
table.bodySub__3colTable302050 thead th,
table.bodySub__banner thead th {
  border-bottom: 2px solid #b3b3b3;
  color: #666666;
}
table.bodySub__outer thead tr.bodySub__tableTop,
table.bodySub__banner thead tr.bodySub__tableTop,
table.bodySub__inner thead tr.bodySub__tableTop,
table.bodySub__3colTable302050 thead tr.bodySub__tableTop,
table.bodySub__banner thead tr.bodySub__tableTop {
  background-color: mainColour0;
  border-bottom: 2px solid #b3b3b3;
}
table.bodySub__outer thead tr.bodySub__tableTop th,
table.bodySub__banner thead tr.bodySub__tableTop th,
table.bodySub__inner thead tr.bodySub__tableTop th,
table.bodySub__3colTable302050 thead tr.bodySub__tableTop th,
table.bodySub__banner thead tr.bodySub__tableTop th {
  color: #666666;
  padding: 5px 10px;
}
table.bodySub__outer tbody tr.table-warning,
table.bodySub__banner tbody tr.table-warning,
table.bodySub__inner tbody tr.table-warning,
table.bodySub__3colTable302050 tbody tr.table-warning,
table.bodySub__banner tbody tr.table-warning {
  background-color: #ecf2d1;
}
table.bodySub__outer tbody tr.bodySub__tableTop tbody tr:nth-of-type(even).table-warning,
table.bodySub__banner tbody tr.bodySub__tableTop tbody tr:nth-of-type(even).table-warning,
table.bodySub__inner tbody tr.bodySub__tableTop tbody tr:nth-of-type(even).table-warning,
table.bodySub__3colTable302050 tbody tr.bodySub__tableTop tbody tr:nth-of-type(even).table-warning,
table.bodySub__banner tbody tr.bodySub__tableTop tbody tr:nth-of-type(even).table-warning {
  background-color: #cfe08d;
}
table.bodySub__outer th,
table.bodySub__banner th,
table.bodySub__inner th,
table.bodySub__3colTable302050 th,
table.bodySub__banner th {
  background-color: rgba(255, 255, 255, 0.2);
}
table.bodySub__outer th,
table.bodySub__outer td,
table.bodySub__banner th,
table.bodySub__banner td,
table.bodySub__inner th,
table.bodySub__inner td,
table.bodySub__3colTable302050 th,
table.bodySub__3colTable302050 td,
table.bodySub__banner th,
table.bodySub__banner td {
  color: white;
  text-align: left;
  padding: 15px 10px;
  position: relative;
}
table.bodySub__outer td,
table.bodySub__banner td,
table.bodySub__inner td,
table.bodySub__3colTable302050 td,
table.bodySub__banner td {
  color: #666666;
}
table.bodySub__outer thead td,
table.bodySub__banner thead td,
table.bodySub__inner thead td,
table.bodySub__3colTable302050 thead td,
table.bodySub__banner thead td {
  padding: 10px;
}
table.bodySub__outer th:nth-of-type(1),
table.bodySub__outer td:nth-of-type(1),
table.bodySub__banner th:nth-of-type(1),
table.bodySub__banner td:nth-of-type(1),
table.bodySub__inner th:nth-of-type(1),
table.bodySub__inner td:nth-of-type(1),
table.bodySub__3colTable302050 th:nth-of-type(1),
table.bodySub__3colTable302050 td:nth-of-type(1),
table.bodySub__banner th:nth-of-type(1),
table.bodySub__banner td:nth-of-type(1) {
  width: 20%;
}
table.bodySub__outer th:nth-of-type(2),
table.bodySub__outer td:nth-of-type(2),
table.bodySub__banner th:nth-of-type(2),
table.bodySub__banner td:nth-of-type(2),
table.bodySub__inner th:nth-of-type(2),
table.bodySub__inner td:nth-of-type(2),
table.bodySub__3colTable302050 th:nth-of-type(2),
table.bodySub__3colTable302050 td:nth-of-type(2),
table.bodySub__banner th:nth-of-type(2),
table.bodySub__banner td:nth-of-type(2) {
  width: 55%;
}
table.bodySub__outer th:nth-of-type(3),
table.bodySub__outer td:nth-of-type(3),
table.bodySub__banner th:nth-of-type(3),
table.bodySub__banner td:nth-of-type(3),
table.bodySub__inner th:nth-of-type(3),
table.bodySub__inner td:nth-of-type(3),
table.bodySub__3colTable302050 th:nth-of-type(3),
table.bodySub__3colTable302050 td:nth-of-type(3),
table.bodySub__banner th:nth-of-type(3),
table.bodySub__banner td:nth-of-type(3) {
  width: 25%;
}
@media only screen and (max-width: 576px) {
  table.bodySub__outer .bodySub__outer,
  table.bodySub__banner .bodySub__outer,
  table.bodySub__inner .bodySub__outer,
  table.bodySub__3colTable302050 .bodySub__outer,
  table.bodySub__banner .bodySub__outer {
    margin: 20px 0 0;
  }
  table.bodySub__outer th,
  table.bodySub__outer td,
  table.bodySub__banner th,
  table.bodySub__banner td,
  table.bodySub__inner th,
  table.bodySub__inner td,
  table.bodySub__3colTable302050 th,
  table.bodySub__3colTable302050 td,
  table.bodySub__banner th,
  table.bodySub__banner td {
    padding: 5px 10px;
  }
  table.bodySub__outer td:nth-of-type(odd),
  table.bodySub__outer td:nth-of-type(even),
  table.bodySub__banner td:nth-of-type(odd),
  table.bodySub__banner td:nth-of-type(even),
  table.bodySub__inner td:nth-of-type(odd),
  table.bodySub__inner td:nth-of-type(even),
  table.bodySub__3colTable302050 td:nth-of-type(odd),
  table.bodySub__3colTable302050 td:nth-of-type(even),
  table.bodySub__banner td:nth-of-type(odd),
  table.bodySub__banner td:nth-of-type(even) {
    width: 100%;
    display: block;
  }
  table.bodySub__outer th,
  table.bodySub__banner th,
  table.bodySub__inner th,
  table.bodySub__3colTable302050 th,
  table.bodySub__banner th {
    display: none;
  }
  table.bodySub__outer td.bodySub__tdxs50,
  table.bodySub__banner td.bodySub__tdxs50,
  table.bodySub__inner td.bodySub__tdxs50,
  table.bodySub__3colTable302050 td.bodySub__tdxs50,
  table.bodySub__banner td.bodySub__tdxs50 {
    width: 50%;
    display: inline-block;
  }
}

table.bodySub__3colTable302050 thead th {
  border-bottom: 2px solid #b3b3b3;
  color: #666666;
}
table.bodySub__3colTable302050 th:nth-of-type(1),
table.bodySub__3colTable302050 td:nth-of-type(1) {
  width: auto;
}
table.bodySub__3colTable302050 th:nth-of-type(2),
table.bodySub__3colTable302050 td:nth-of-type(2) {
  width: 25%;
}
table.bodySub__3colTable302050 th:nth-of-type(3),
table.bodySub__3colTable302050 td:nth-of-type(3) {
  width: 40%;
}
table.bodySub__3colTable302050 td:nth-of-type(3) {
  text-align: right;
}
table.bodySub__3colTable302050 td.bodySub__tdFullwidth {
  width: 285%;
}

/*links*/
.body__documentLink {
  display: inline-block;
  margin: 0 5px;
  padding: 2px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  transition: background 1s ease;
  font-weight: 900;
}
.body__documentLink:not(:hover):not(:focus) {
  background-color: #f26524;
}
.body__documentLink:hover, .body__documentLink:focus {
  background-color: #9fc01b;
}

/*responsive*/
@media only screen and (max-width: 768px) {
  /*bodyInstructions*/
  [class*=bodyInstructions__Row] {
    margin: 30px 4% 20px;
  }
  .bodyInstructions__textbox--textonly,
  .bodyInstructions__textbox--security,
  .bodyInstructions__textbox--none,
  .bodyInstructions__textbox--tick,
  .bodyInstructions__textbox--none {
    padding: 0 125px 0 0;
    min-height: 0;
  }
  .bodyInstructions__textbox--textonly:before, .bodyInstructions__textbox--textonly:after,
  .bodyInstructions__textbox--security:before,
  .bodyInstructions__textbox--security:after,
  .bodyInstructions__textbox--none:before,
  .bodyInstructions__textbox--none:after,
  .bodyInstructions__textbox--tick:before,
  .bodyInstructions__textbox--tick:after,
  .bodyInstructions__textbox--none:before,
  .bodyInstructions__textbox--none:after {
    font-size: 100px;
  }
  .bodyInstructions__textbox--tick {
    padding: 10px 125px 10px 10px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
  }
  .bodyInstructions__textbox--textonly {
    padding: 0;
  }
  .bodyInstructions__textbox--security:before {
    right: 25px;
    top: -60px;
  }
  .bodyInstructions__textbox--security:after {
    top: -30px;
  }
  .bodyInstructions__textbox--security-sm:before {
    right: 25px;
    top: -105px;
  }
  .bodyInstructions__textbox--security-sm:after {
    top: -75px;
  }
  .bodyInstructions__textbox--tick:after {
    font-size: 103px;
    right: -13px;
    top: -36px;
  }
  .bodyInstructions__textbox--tick:before {
    top: -20px;
  }
  .bodyInstructions__textbox--tick p {
    width: calc(100% + 125px);
  }
  .bodySub__inner {
    padding: 0;
  }
  table.bodySub__6colTable th,
  table.bodySub__6colTable td {
    font-size: 12px;
  }
}
footer {
  color: white;
  width: 100%;
  padding: 30px 0;
  position: relative;
}

footer h3 {
  color: white;
  text-align: center;
  font-weight: 700;
}

footer a {
  color: white;
  transition: color 1s ease;
}

footer a:hover {
  color: #9fc01b;
}

#fscsBar a {
  text-decoration: underline;
}

footer .col-lg-4:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -50px;
  width: 2px;
  height: 100px;
  background-color: white;
}

footer .col-lg-4:last-of-type:after {
  display: none;
}

footer table {
  width: 100%;
}
footer table th,
footer table td {
  width: 33%;
}
footer table tr:nth-child(even) {
  color: #b3b3b3;
}

footer table.monotone tr:nth-child(even),
footer table.monotone tr:nth-child(odd) {
  color: white;
}

.footerRow__last {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0;
  margin: 30px 0 10px;
  position: relative;
}
.footerRow__last p {
  padding: 8px 140px 8px 30px;
  position: relative;
}

.footerRow__last .container .row p:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  right: 20px;
  width: 120px;
  height: 100px;
  background-color: white;
  background-image: url(../images/fscsLogo.gif);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.footerContacts {
  position: absolute;
  top: 0;
}

@media (max-width: 991px) {
  footer .col-lg-4 {
    margin: 50px 0 0;
    text-align: center;
  }
  footer .col-lg-4:first-of-type {
    margin: 0;
  }
  footer .col-lg-4:after {
    top: auto;
    bottom: -26px;
    right: 20%;
    margin-top: 0;
    width: 60%;
    height: 2px;
  }
  footer table th,
  footer table td {
    text-align: center;
  }
  .footerRow__last {
    padding: 0;
    margin: 60px 0 10px;
  }
  .footerRow__last p {
    padding: 60px 15px 15px;
    text-align: center;
  }
  .footerRow__last .container .row p:after {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    margin-top: 0;
    right: 50%;
    margin-right: -60px;
  }
}
@media (max-width: 767px) {
  .footerContacts {
    top: -500px;
  }
}
.table {
  margin-bottom: 0;
}

.table th {
  font-weight: 500;
}

.table th,
.table td {
  line-height: 34px;
  white-space: nowrap;
}

.table > thead {
  background: #EEE;
}

.table > thead > tr > th {
  border-color: #EEE;
}

.table > thead > tr:first-child > th {
  text-align: center;
  padding-top: 4em;
}

.table > thead > tr:first-child > th {
  border-top: 0;
}

.table-controls > thead > tr:last-child > th {
  line-height: unset;
}

.table-control {
  width: 0;
  text-align: center;
}

.table-fixed {
  table-layout: fixed;
}

.table-fixed th,
.table-fixed td {
  white-space: unset;
  word-wrap: break-word;
}

.table > tbody > tr > th {
  text-align: center;
}

.table__100 {
  width: 100%;
  margin: 0 0 1em;
  font-size: 0.6em;
}
.table__100 td, .table__100 th {
  padding: 0 3px;
}
.table__100 thead {
  border-width: 0;
  border-style: solid;
  border-color: white;
  border-bottom-width: 3px;
}
.table__100 thead tr {
  color: white;
}
.table__100 tr:nth-of-type(even) {
  background-color: #e0e0e0;
}

@media (min-width: 576px) {
  .table__100 {
    font-size: 1em;
  }
}
/*formFrame*/
.form--indented-lg {
  margin: 0;
}

::placeholder {
  color: #bbbbbb !important;
}

.standard-checkbox {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  appearance: checkbox !important;
}

.formFrame,
.formFrame--top,
.formFrame--bottom {
  position: relative;
  z-index: 10;
  border-width: 3px;
  border-style: solid;
  border-bottom: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 92%;
  margin: 30px 4%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-color: white;
}

.formFrame--bottom {
  border: none;
}

[class*=formFrameHead--] {
  width: 92%;
  width: calc(100% - 40px);
  margin: 10px 20px;
  height: 130px;
  position: relative;
}

[class*=formFrameSub] {
  width: 100%;
  margin: 0 0 20px;
  position: relative;
}
[class*=formFrameSub] h2,
[class*=formFrameSub] p {
  text-align: left;
}
[class*=formFrameSub] h2 {
  margin: 0 0 8px;
}

.standardCheckbox {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  appearance: checkbox !important;
}

.commonBondCriteria {
  list-style-type: none !important;
}

.forms__247ie select,
.forms__247ie textarea,
.forms__247ie input {
  border-width: 2px;
  position: relative;
}

#forms__join-employerAddress input:disabled {
  background-color: rgba(0, 0, 0, 0.1) !important;
  background: rgba(0, 0, 0, 0.1) !important;
}
#forms__join-employerAddress button:disabled {
  display: none;
}
#forms__join-employerAddress input:disabled:hover {
  cursor: not-allowed;
}

.formFrameHead--shallow {
  height: auto;
  left: -5px;
  z-index: 2;
}

[class*=formFrameHead__InfoBox] {
  background-color: white;
  border-style: solid;
  border-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 5px;
  margin-right: 0;
  width: 300px;
  position: absolute;
  right: 180px;
  line-height: 20px;
  top: -20px;
  -webkit-box-shadow: 0 0 0 4px white;
  -moz-box-shadow: 0 0 0 4px white;
  box-shadow: 0 0 0 4px white;
  transition: all 1s ease;
}
[class*=formFrameHead__InfoBox] button {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border-color: white;
  border-style: solid;
  border-width: 4px;
  border-top-width: 0;
  padding: 2px;
  color: white;
  transition: background 1s ease, color 1s ease;
  position: absolute;
  bottom: -15px;
  left: 8px;
  width: 280px;
  font-weight: 900;
  cursor: pointer;
}
[class*=formFrameHead__InfoBox] button:not(:hover):not(:focus) {
  background-color: #f26524;
}
[class*=formFrameHead__InfoBox] button:hover,
[class*=formFrameHead__InfoBox] button:focus {
  background-color: #9fc01b;
}

.form__inputRow--check-L {
  left: 0 !important;
}

[class*=forms__addressBlock] {
  margin: 20px 0;
  padding: 20px 0 0 0;
}
[class*=forms__addressBlock] h3 {
  margin: 0 0 10px 0;
}

.formFrameHead__InfoBox--link {
  padding: 2px 5px 15px;
}

.formFrame:after,
.formFrame--top:after {
  content: "";
  display: block;
  position: absolute;
  width: 105%;
  width: calc(100% + 10px);
  left: -5px;
  bottom: -3px;
  /*background-color: $mainColour0;*/
  height: 50%;
  height: calc(100% - 200px);
  z-index: -1;
}

.formFrame--top:after {
  background-color: white;
  height: 20px;
}

.Form__window,
.Form__window--info {
  border: 3px solid #f26524;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 10px;
  padding: 20px;
  text-align: left;
}
.Form__window h1,
.Form__window--info h1 {
  margin: 50px 0;
}
.Form__window .documentLink,
.Form__window--info .documentLink {
  display: inline-block;
  margin: 0 5px;
  padding: 2px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  transition: background 1s ease;
  font-weight: 900;
}
.Form__window .documentLink:not(:hover):not(:focus),
.Form__window--info .documentLink:not(:hover):not(:focus) {
  background-color: #f26524;
}
.Form__window .documentLink:hover, .Form__window .documentLink:focus,
.Form__window--info .documentLink:hover,
.Form__window--info .documentLink:focus {
  background-color: #9fc01b;
}

.Form__window--info:last-of-type {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.Form__window--info {
  padding: 20px 20px 10px;
}
.Form__window--info p {
  margin: 0 0 10px;
}
.Form__window--info a {
  display: inline-block;
  margin: 0 5px;
  padding: 2px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  transition: background 1s ease;
  font-weight: 900;
}
.Form__window--info a:not(:hover):not(:focus) {
  background-color: #f26524;
}
.Form__window--info a:hover,
.Form__window--info a:focus {
  background-color: #9fc01b;
}
.Form__window--info ol ul li {
  list-style-type: disc;
  margin-left: 17px;
  padding-left: 5px;
}

.container__loanDeclarationForm a:not(:hover):not(:focus) {
  background-color: white;
  padding: 0;
  margin: 0;
}
.container__loanDeclarationForm a:focus {
  background-color: #9fc01b;
}

/* outer rows*/
.form__inputRowOuter {
  padding: 0 0 20px;
}

[class*=form__Row] {
  width: 92%;
  width: calc(100% - 40px);
  margin: 20px;
  transition: all 1s ease;
}

.form__RowOuter--7525 {
  display: block;
  padding: 0;
  margin: 20px 0;
  width: 100%;
}

.form__inputRow--50L {
  display: block !important;
}
.form__inputRow--50L label {
  padding-left: 6px;
}

.form__RowOuter--checkbox {
  text-align: left;
}
.form__RowOuter--checkbox label {
  display: inline-block;
}
.form__RowOuter--checkbox .formInput--labelCheck {
  display: inline-block !important;
  width: auto !important;
}

.form--indented-lg .form__Row {
  margin: 20px 40px;
  width: calc(100% - 80px);
}

.form__Row--login {
  /*
   * Any class starting with "form__Row" is automatically given:
   * - margin: 20px
   * - width: calc(100% - 40px)
   */
  margin: 0;
  width: 100%;
  padding-right: 200px;
  transition: all 1s ease;
  position: relative;
  text-align: left;
}
@media only screen and (max-width: 576px) {
  .form__Row--login {
    padding-right: 45px;
  }
}
.form__Row--login p {
  display: inline-block;
  padding: 10px;
  margin: 5px 0;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.form__Row--login:after {
  font-family: "icomoon";
  content: "\e91e";
  opacity: 0.65;
  display: block !important;
  position: absolute;
  top: 50%;
  right: 45px;
  transition: all 1s ease;
  font-size: 112px;
  z-index: 0;
  width: 96px;
  height: 106px;
  line-height: 104px;
  transform: translateY(-50%);
}

[class*=form__inputRow--] {
  width: 100%;
  margin: 0 0 25px;
  position: relative;
  background-color: transparent;
  display: block;
}

.form__Row--login [class*=form__inputRow--] {
  margin: 0 0 22px;
  min-width: 165px;
  z-index: 2;
}

table [class*=form__inputRow--] {
  margin: 0;
}

.form__inputRow--date input,
.form__inputRow--drop select {
  cursor: pointer;
}

.form__inputRow--100 {
  display: block;
}

.form__inputRowOuter--50 {
  padding-left: 0;
}

[class*=form__inputRow--50] {
  width: 49%;
  width: calc(50% - 6px);
  left: 0;
  display: inline-block;
  vertical-align: top;
}

[class*=form__inputRow--75] {
  width: 72%;
  width: calc(75% - 6px);
  margin: 0;
  display: inline-block;
  left: -8px;
  vertical-align: middle;
}

[class*=form__inputRow--25] {
  width: 26%;
  width: calc(20% - 6px);
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.form__inputRow--25R {
  left: 5px;
}

.form__inputRow--50R {
  left: 6px;
}

.form__inputRowOuter--50list {
  margin: 20px 0;
}
.form__inputRowOuter--50list .form__inputRow--50 {
  margin: 0;
}

.form__inputRow--50captcha {
  left: 12px;
  text-align: right;
  position: relative;
  padding: 5px 15px 3px 5px;
  background-color: #d3d3d3;
  border: 2px solid #d3d3d3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.form__inputRow--50captcha .g-recaptcha > div {
  width: 100% !important;
  text-align: center;
}
.form__inputRow--50captcha .g-recaptcha > div > div {
  display: inline-block;
}
.form__inputRow--50captcha img {
  display: inline-block;
  position: relative;
  top: 0;
  max-width: 100%;
}

.form__inputRow--50captcha:after {
  content: "*";
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  color: #d2232a;
}

[class*=form__inputRow--33] {
  width: 32%;
  width: calc(33.33333% - 6px);
  left: -6px;
  display: inline-block;
  vertical-align: top;
}

.form__inputRow--33R {
  left: 6px;
}
.form__inputRow--33R .formLabel--100labelLeft {
  text-align: right;
}

.form__inputRow--inline,
.form__inputRow--inlineWide,
.formInput--inline {
  display: inline-block;
  position: relative;
  text-align: left;
  width: auto;
  margin: 2px 0;
}
.form__inputRow--inline select,
.form__inputRow--inline input,
.form__inputRow--inlineWide select,
.form__inputRow--inlineWide input,
.formInput--inline select,
.formInput--inline input {
  width: 100px;
}

.formInput--inline input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 0 30px;
  padding: 5px;
}

.form__inputRow--inlineWide select,
.form__inputRow--inlineWide input {
  width: 300px;
}

.form__inputRow--inline:before,
.form__inputRow--inlineWide:before {
  display: none;
}

[class*=form__inputRow--] [class*=formInput--].form__inputRow--inline {
  width: auto;
  text-align: left;
}

.form__inputRow--pound .formInput--100labelLeft.form__inputRow--inline input,
.form__inputRow--pound .form__inputRow--inline input {
  width: 90px;
  padding: 5px;
  text-align: left;
}

.form__inputRow--text .form__inputRow--inlineWide input {
  width: 300px;
}

[class*=form__inputRow--] [class*=formInput--]:after {
  font-family: "icomoon";
  content: "";
  position: absolute;
  right: 6px;
  bottom: 50%;
  margin-bottom: -18px;
  font-size: 24px;
  display: block;
  transition: all 1s ease;
  color: #666666;
  z-index: 1;
}

[class*=form__inputRow--50] [class*=formInput--]:after {
  bottom: 2px;
  margin-bottom: 0;
}

textarea[class*=form__inputRow--] [class*=formInput--]:after {
  top: 1px;
  bottom: auto;
}

table .form__inputRow--drop [class*=formInput--]:after {
  right: 20px;
  color: #666666;
}

.form__inputRow--50R [class*=formInput--]:after,
.form__inputRow--50 [class*=formInput--]:after,
.form__inputRow--text [class*=formInput--]:after {
  content: "\f044";
  top: 1px;
  bottom: auto;
}

/* .form__inputRow--name [class*="formInput--"]:after {
    content: "\e902";
    right: 10px;
} */
.form__inputRow--date [class*=formInput--]:after {
  content: "\f073";
  right: 8px;
}

.form__inputRow--getImage [class*=formInput--]:after {
  content: "\e91c";
  right: 8px;
}

.form__inputRow--drop [class*=formInput--]:after {
  content: "\f150";
  right: 8px;
  top: 1px;
  bottom: auto;
}

.form__inputRow--drop.form__inputRow--EndBtn [class*=formInput--]:after {
  right: 99px;
}

.form__inputRow--pound [class*=formInput--]:after {
  content: "\f154";
  right: auto;
  left: 10px;
  top: auto;
  bottom: 22px;
}

.form__inputRow--pound[class*=form__inputRow--50] .formInput--100labelLeft:after {
  top: auto;
  bottom: 4px;
}

.form__inputRow--pound .formInput--inline:after {
  top: auto;
  bottom: 18px;
}

.form__inputRow--nin [class*=formInput--]:after,
.form__inputRow--SortCode [class*=formInput--]:after {
  display: none;
}

.formLabel--errorText {
  position: absolute;
  right: 10px;
  top: -18px;
  height: 20px;
  color: white;
  transition: all 1s ease;
  padding: 1px 10px 22px;
  font-size: 0.8em;
  z-index: 10;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.formLabel--errorText p {
  color: #fff;
}

.formInput--inline .formLabel--errorText {
  height: auto;
  top: auto;
  bottom: 42px;
  padding: 1px 10px;
  width: 150px;
  text-align: center;
  left: 50%;
  margin-left: -61px;
}
.formInput--inline .formLabel--errorText p {
  margin: 0;
}

.modal-body .formLabel--errorText {
  right: 2px;
  top: auto;
  bottom: 36px;
  padding: 1px 5px;
}

[class*=form__inputRow--]:not(.form__inputError) .formLabel--errorText {
  opacity: 0;
  background-color: white;
}

[class*=form__inputRow--].form__inputError .formLabel--errorText {
  opacity: 1;
  background-color: #d2232a;
}

[class*=form__inputRow--]:before,
[class*=formInput--100]:before,
[class*=formInput--8020]:before,
.formInput--inline:before {
  content: "Required";
  position: absolute;
  left: 205px;
  height: 20px;
  color: white;
  transition: height 1s ease, background 1s ease, top 1s ease;
  padding: 1px 10px 22px;
  font-size: 0.8em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #d2232a;
}

[class*=formInput--8020]:before,
[class*=formInput--100]:before {
  left: auto;
  right: 5px;
}

.formInput--inline:before {
  left: 35px;
}

.form__Row--login [class*=form__inputRow--]:before {
  left: 125px;
}

[class*=form__inputRow--]:not(.form__inputRequired):before,
[class*=formInput--8020]:not(.form__inputRequired):before,
[class*=formInput--100]:not(.form__inputRequired):before,
.formInput--inline:not(.form__inputRequired):before {
  top: 0;
  height: 0px;
  background-color: white;
  opacity: 0;
  z-index: -1;
}

[class*=form__inputRow--].form__inputRequired:before,
[class*=formInput--8020].form__inputRequired:before,
[class*=formInput--100].form__inputRequired:before,
.formInput--inline.form__inputRequired:before {
  top: -18px;
  height: 20px;
  background-color: #d2232a;
  opacity: 1;
}

/*inputs*/
[class*=formFilter__Input] textarea,
[class*=formInput--] textarea,
[class*=formFilter__Input] input,
[class*=formInput--] input,
[class*=formFilter__Input] select,
[class*=formInput--] select {
  border-width: 2px;
  border-style: solid;
  transition: border 1s ease;
  z-index: 2;
  position: relative;
  background-color: rgba(255, 255, 255, 0.4);
}

[class*=formInput--] select option {
  height: 32px;
  line-height: 32px;
  padding-top: 10px;
}

[class*=formInput--] select option:disabled {
  background-color: #e0e0e0;
}

.formInput--readonly {
  color: #666666;
  opacity: 0.6;
  cursor: not-allowed;
}

table select[class*=formInput--] {
  background-color: rgba(255, 255, 255, 0.8);
}

.form__inputRow--text:not(.form__inputError):not(.form__inputRequired) [class*=formInput--] textarea:not(:focus):not(:hover),
[class*=formInput--] textarea:not(:focus):not(:hover),
[class*=formFilter__Input] textarea:not(:focus):not(:hover),
[class*=formInput--] input:not(:focus):not(:hover),
[class*=formInput--] input:not(:focus):not(:hover),
[class*=formFilter__Input] input:not(:focus):not(:hover),
.form__inputRow--text:not(.form__inputError):not(.form__inputRequired) [class*=formInput--] select:not(:focus):not(:hover),
[class*=formInput--] select:not(:focus):not(:hover),
[class*=formFilter__Input] select:not(:focus):not(:hover) {
  border-color: #f26524;
}

[class*=formInput--] textarea:hover:not(:focus),
[class*=formFilter__Input] textarea:hover:not(:focus),
[class*=formInput--] input:hover:not(:focus),
[class*=formFilter__Input] input:hover:not(:focus),
[class*=formInput--] select:hover:not(:focus),
[class*=formFilter__Input] select:hover:not(:focus) {
  border-color: #ecf2d1;
}

[class*=formInput--] textarea:focus,
[class*=formFilter__Input] textarea:focus,
[class*=formInput--] input:focus,
[class*=formFilter__Input] input:focus,
[class*=formInput--] select:focus,
[class*=formFilter__Input] select:focus {
  border-color: #9fc01b;
}

.form__inputRow--name.form__inputError [class*=formInput--] input:not(:focus):not(:hover),
.form__inputRow--text.form__inputRequired [class*=formInput--] textarea:not(:focus):not(:hover),
.form__inputRow--text.form__inputError [class*=formInput--] textarea:not(:focus):not(:hover),
.form__inputRow--text.form__inputRequired [class*=formInput--] input:not(:focus):not(:hover),
.form__inputRow--text.form__inputError [class*=formInput--] input:not(:focus):not(:hover),
.form__inputRow--text.form__inputRequired [class*=formInput--] select:not(:focus):not(:hover),
.form__inputRow--text.form__inputError [class*=formInput--] select:not(:focus):not(:hover) {
  border-color: #d2232a;
}

.formInput--100NoLabel,
.formInput--8020labelLeft,
.formInput--100labelLeft,
.formInput--100labelTop {
  width: calc(100% - 200px);
  position: relative;
  right: 0;
  display: inline-block;
  vertical-align: middle;
}
.formInput--100NoLabel select,
.formInput--100NoLabel input,
.formInput--100NoLabel textarea,
.formInput--8020labelLeft select,
.formInput--8020labelLeft input,
.formInput--8020labelLeft textarea,
.formInput--100labelLeft select,
.formInput--100labelLeft input,
.formInput--100labelLeft textarea,
.formInput--100labelTop select,
.formInput--100labelTop input,
.formInput--100labelTop textarea {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
  min-height: 36px;
  display: block;
  width: 100%;
}

.formInput--100labelTop {
  width: 100%;
}

.formInput--100NoLabel {
  margin: 0 9px 0 0;
  width: calc(100% - 9px);
}

.formInput--8020labelLeft {
  width: 90px;
}
.formInput--8020labelLeft select,
.formInput--8020labelLeft input,
.formInput--8020labelLeft textarea {
  padding: 0 30px 0 10px;
}

[class*=form__inputRow--].form__inputRow--EndBtn [class*=formInput--100label] select,
[class*=form__inputRow--].form__inputRow--EndBtn [class*=formInput--100label] input,
[class*=form__inputRow--].form__inputRow--EndBtn [class*=formInput--100label] textarea {
  width: calc(100% - 93px);
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  padding: 0 20px 0 10px;
}

.form__inputRow--drop .formInput--100labelLeft select,
.form__inputRow--drop .formInput--100labelLeft input,
.form__inputRow--drop .formInput--100labelLeft textarea,
.form__inputRow--drop .formInput--100labelTop select,
.form__inputRow--drop .formInput--100labelTop input,
.form__inputRow--drop .formInput--100labelTop textarea {
  padding: 0 45px 0 10px;
  cursor: pointer;
}

.form__inputRow--NumberNoSpinner .formInput--100labelLeft input,
.form__inputRow--NumberNoSpinner .formInput--100labelTop input {
  text-align: center;
  padding: 0 5px;
}

input.form__sortCode,
input.form__nin {
  opacity: 0;
  position: absolute;
  z-index: -1;
  border: none;
  right: 7px;
  top: 3px;
  background-color: white;
  color: white;
}

.form__inputRow--nin .formInput--100labelLeft,
.form__inputRow--nin .formInput--100labelTop,
.form__inputRow--SortCode .formInput--100labelLeft,
.form__inputRow--SortCode .formInput--100labelTop {
  text-align: right;
  right: -3px;
  position: relative;
}
.form__inputRow--nin .formInput--100labelLeft .form__autotab,
.form__inputRow--nin .formInput--100labelTop .form__autotab,
.form__inputRow--SortCode .formInput--100labelLeft .form__autotab,
.form__inputRow--SortCode .formInput--100labelTop .form__autotab {
  width: 30%;
  width: calc(33.333% - 12px);
  min-width: 30px;
  display: inline-block;
  text-align: center;
  padding: 0 5px;
  position: relative;
}

.form__inputRow--SortCode .formInput--100labelLeft .form__autotab:nth-of-type(1),
.form__inputRow--SortCode .formInput--100labelTop .form__autotab:nth-of-type(1) {
  left: -10px;
}
.form__inputRow--SortCode .formInput--100labelLeft .form__autotab:nth-of-type(2),
.form__inputRow--SortCode .formInput--100labelTop .form__autotab:nth-of-type(2) {
  left: -5px;
}
.form__inputRow--SortCode .formInput--100labelLeft .form__autotab:nth-of-type(3),
.form__inputRow--SortCode .formInput--100labelTop .form__autotab:nth-of-type(3) {
  left: 0;
}
.form__inputRow--SortCode .formInput--100labelLeft .form__autotab--separator,
.form__inputRow--SortCode .formInput--100labelTop .form__autotab--separator {
  width: 8px;
  position: relative;
  left: -7px;
}
.form__inputRow--SortCode .formInput--100labelLeft .form__autotab--separator:nth-of-type(2),
.form__inputRow--SortCode .formInput--100labelTop .form__autotab--separator:nth-of-type(2) {
  left: -3px;
}

.form__inputRow--nin .formInput--100labelLeft,
.form__inputRow--nin .formInput--100labelTop {
  right: 0;
}
.form__inputRow--nin .formInput--100labelLeft .form__autotab,
.form__inputRow--nin .formInput--100labelTop .form__autotab {
  width: 60%;
  width: calc(59.6% - 9px);
}
.form__inputRow--nin .formInput--100labelLeft .form__autotab:first-of-type,
.form__inputRow--nin .formInput--100labelTop .form__autotab:first-of-type {
  width: 25%;
  width: calc(25% - 9px);
}
.form__inputRow--nin .formInput--100labelLeft .form__autotab:nth-of-type(3),
.form__inputRow--nin .formInput--100labelTop .form__autotab:nth-of-type(3) {
  width: 15%;
  width: calc(15% - 9px);
}

.form__inputRow--pound .formInput--100labelLeft,
.form__inputRow--pound .formInput--100labelTop {
  padding: 5px 5px 5px 28px;
}
.form__inputRow--pound .formInput--100labelLeft input,
.form__inputRow--pound .formInput--100labelTop input {
  padding: 3px 4px 0;
  text-align: center;
}
.form__inputRow--pound .formInput--100labelLeft.form__inputRequired:before,
.form__inputRow--pound .formInput--100labelTop.form__inputRequired:before {
  top: -12px;
}

.form__inputRow--readonly .formInput--100labelTop,
.form__inputRow--readonly .formInput--100labelLeft {
  padding: 5px 0 5px 10px;
}

.formLabel--8020labelLeft,
.formLabel--100labelLeft,
.formLabel--100labelTop {
  width: 190px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  line-height: auto;
  margin: 0;
}

.formLabel--8020labelLeft {
  width: calc(100% - 100px);
}

select.formInput--100labelTop {
  background-color: transparent;
  z-index: 2;
}

.formLabel--100labelTop {
  float: none;
  width: 100%;
}

.form__inputRow--50R .formLabel--100labelLeft {
  text-align: right;
}

.form__Row--login .formInput--100labelLeft {
  width: calc(100% - 120px);
}

.form__Row--login .formLabel--100labelLeft {
  width: 110px;
}

[class*=formInput--].form__inputRequired input,
[class*=formInput--].form__inputRequired select,
.form__inputRow--text.form__inputError input,
.form__inputRow--text.form__inputError select {
  transition: all ease 1s;
  background-color: #f6d3d4;
}
[class*=formInput--].form__inputRequired input:not(:hover):not(:focus),
[class*=formInput--].form__inputRequired select:not(:hover):not(:focus),
.form__inputRow--text.form__inputError input:not(:hover):not(:focus),
.form__inputRow--text.form__inputError select:not(:hover):not(:focus) {
  border-color: #d2232a;
}

.form__inputRow--50captcha.form__inputRequired {
  background-color: #f6d3d4;
  border-color: #d2232a;
}

.form__inputRow--50captcha.form__inputRequired:before {
  display: none;
}

.form__inputRequired input::-webkit-input-placeholder {
  color: #e99195;
}

.form__inputRequired input::-moz-placeholder {
  color: #e99195;
}

.form__inputRequired input:-ms-input-placeholder {
  color: #e99195;
}

.form__inputRequired input:-moz-placeholder {
  color: #e99195;
}

.form__inputRow--drop {
  /*Added for browser compatibility*/
}
.form__inputRow--drop select option[value=""],
.form__inputRow--drop select option[value=""]:hover,
.form__inputRow--drop select option[value=""]:focus {
  color: white;
  background: white;
  cursor: none !important;
  display: none;
}
.form__inputRow--drop [hidden] {
  display: none;
}

/*form__onefield*/
.form__onefield {
  width: calc(50% - 6px);
  left: -5px;
  display: inline-block;
  vertical-align: top;
  margin: 10px 0;
  position: relative;
  padding: 0 0 50px 0;
}

.form__onefield input.formInput--code {
  height: 80px;
  width: 100%;
  display: block;
  font-size: 32px;
  text-align: center;
  padding: 31px 5px;
}

input.formInput--code::-webkit-input-placeholder {
  color: #e0e0e0;
}

input.formInput--code::-moz-placeholder {
  color: #e0e0e0;
}

input.formInput--code:-ms-input-placeholder {
  color: #e0e0e0;
}

input.formInput--code:-moz-placeholder {
  color: #e0e0e0;
}

/*checkbox*/
.form__inputRow--check {
  text-align: left;
  margin: 0 0 20px;
}

.form__inputRow--check:before {
  display: none;
}

.formLabel--check {
  width: 80%;
  width: calc(100% - 35px);
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px 0 0;
}

.form__check input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  opacity: 0;
}

.form__check {
  width: 30px;
  height: 30px;
  background: white;
  position: relative;
  display: inline-block;
  border-width: 2px;
  border-style: solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border-color: #f26524;
  transition: border 1s ease;
}

.form__check:before {
  content: "Required";
  position: absolute;
  left: -19px;
  bottom: -19px;
  height: 20px;
  color: white;
  transition: opacity 1s ease;
  padding: 1px 5px;
  font-size: 0.8em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #d2232a;
}

.form__check:not(.form__inputRequired):before {
  opacity: 0;
}

.form__check.form__inputRequired:before {
  opacity: 1;
}

.form__check.form__inputRequired {
  transition: all ease 1s;
  background-color: #f6d3d4;
}

.form__check.form__inputRequired:not(:hover):not(:focus) {
  border-color: #d2232a;
}

.form__check label {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 4px;
  top: 4px;
}

.form__check label:after {
  font-family: "icomoon";
  content: "\f00c";
  display: block;
  position: absolute;
  top: -9px;
  right: 8px;
  color: #b3b3b3;
  /*transition: all 1s ease;*/
  font-size: 25px;
  color: #9fc01b;
  opacity: 0;
}

.form__check label:before {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  right: -7px;
  /*background-color: $mainColour0;*/
  width: 15px;
  height: 18px;
  /*transition: all 0.5s ease;*/
  opacity: 0;
}

.join_error {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  border-radius: 4px !important;
  font-size: 0.8em !important;
}

.form__check label:hover::before {
  opacity: 1;
}

.form__check label:hover::after {
  opacity: 0.3;
}

.form__check input[type=checkbox]:checked + label:after,
.form__check input[type=checkbox]:checked + label:before {
  opacity: 1;
}

.form__check.validate.form__hide--check,
.form__check.validate.validate__error.form__hide--check {
  border-width: 0;
  background-color: transparent;
  left: 100%;
  top: -15px;
}
.form__check.validate.form__hide--check label,
.form__check.validate.validate__error.form__hide--check label {
  height: 0;
  width: 0;
  left: -60px;
}
.form__check.validate.form__hide--check label:after,
.form__check.validate.form__hide--check label:before,
.form__check.validate.validate__error.form__hide--check label:after,
.form__check.validate.validate__error.form__hide--check label:before {
  display: none;
}

/*search/filter section*/
/*
[class*="formHide--"] {
    display: block;
}
*/
[class*=formHide--].form__inputRow--inline {
  display: inline-block;
  white-space: pre;
}

/*search/filter section*/
.formFilter__row {
  width: 100%;
  margin: 0;
  transition: all 1s ease;
}

.formFilter__50box {
  width: calc(50% - 3px);
  display: inline-block;
  text-align: left;
  vertical-align: top;
  position: relative;
  margin: 0;
}

.formFilter__50label {
  display: block;
  width: 100%;
}

.formFilter__Input--search,
.formFilter__Input--100labelLeft {
  width: calc(100% - 55px);
  position: relative;
  right: 0;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  vertical-align: middle;
}

.formFilter__Input--search {
  width: calc(100% - 105px);
}

.formFilter__Label--100labelLeft {
  float: left;
  width: 50px;
  text-align: right;
  padding: 0 10px 0 0;
  vertical-align: middle;
  line-height: 28px;
}

/*infoBox*/
[class*=formInfoBox--] {
  border-style: solid;
  border-width: 3px;
  margin: 0 0 10px;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
}
[class*=formInfoBox--] p {
  padding: 0;
  margin: 0 0 5px;
}

.formInfoBox--LoginWarning,
.formInfoBox--warning {
  border-color: #d2232a;
  color: #d2232a;
}
.formInfoBox--LoginWarning a,
.formInfoBox--warning a {
  display: inline;
  color: #d2232a;
  margin: 0;
  padding: 0;
  font-weight: 900;
}

[class*=form__inputRow--]:not(.form__inputError) .formInfoBox--complete {
  border-color: #9fc01b;
  color: #9fc01b;
}

[class*=form__inputRow--].form__inputError .formInfoBox--complete {
  border-color: #d2232a;
  color: #d2232a;
}

.formInfoBox--LoginWarning {
  position: relative;
  top: 5px;
  width: 100%;
}

.formInfoBox--warning.hide {
  display: none;
}

/*Direct Debit*/
.form__ddGuarantee {
  position: relative;
  top: 0;
  left: 0;
  border: 4px solid #000;
  width: 100%;
  min-height: 200px;
  padding: 4% 21% 4% 0;
}
.form__ddGuarantee ul {
  padding: 0 0 0 40px;
  list-style-type: disc;
}
.form__ddGuarantee li {
  margin: 0 0 8px;
}

.form__ddTextbox h3,
.form__ddTextbox h4,
.form__ddTextbox p,
.form__ddTextbox li {
  color: #000;
}
.form__ddTextbox h3 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.75em;
  margin: 0 0 3%;
  font-weight: 300;
  padding: 0 20px;
}
.form__ddTextbox ul {
  padding: 0 0 0 9%;
}
.form__ddTextbox li {
  padding: 0 0 0 2%;
}

.form__ddGuarantee:after {
  content: "";
  display: block;
  background-image: url(../images/ddLogo.png);
  background-image: linear-gradient(transparent, transparent), url(../images/ddLogo.svg);
  background-repeat: no-repeat;
  color: #f00;
  width: 18%;
  min-height: 100px;
  position: absolute;
  top: 20px;
  right: 3%;
}

/*formRow--withHidden*/
.formRow--withHidden,
.formRow--modal--withHidden {
  margin: 0;
}
.formRow--withHidden [class*=formHide--],
.formRow--modal--withHidden [class*=formHide--] {
  display: inherit;
  margin: 0;
}
.formRow--withHidden [class*=formInfoBox--],
.formRow--modal--withHidden [class*=formInfoBox--] {
  position: relative;
  top: 24px;
}
.formRow--withHidden .form__inputRow--drop,
.formRow--withHidden .form__inputRowOuter--100,
.formRow--withHidden .formText,
.formRow--withHidden [class*=slider__infoBox--],
.formRow--withHidden [class*=formInfoBox--],
.formRow--modal--withHidden .form__inputRow--drop,
.formRow--modal--withHidden .form__inputRowOuter--100,
.formRow--modal--withHidden .formText,
.formRow--modal--withHidden [class*=slider__infoBox--],
.formRow--modal--withHidden [class*=formInfoBox--] {
  transition: all 1s ease;
  overflow: hidden;
}
.formRow--withHidden .formText.d-none,
.formRow--modal--withHidden .formText.d-none {
  font-size: 0;
  opacity: 0;
}
.formRow--withHidden .formText:not(.d-none),
.formRow--modal--withHidden .formText:not(.d-none) {
  font-size: 1em;
  opacity: 1;
}
.formRow--withHidden [class*=slider__infoBox--]:not(.d-none),
.formRow--modal--withHidden [class*=slider__infoBox--]:not(.d-none) {
  border-width: 3px;
  height: 34px;
  top: -20px;
  left: -14px;
  opacity: 1;
}
.formRow--withHidden [class*=slider__infoBox--].d-none,
.formRow--modal--withHidden [class*=slider__infoBox--].d-none {
  border-width: 0;
  height: 0;
  top: 0;
  left: 5px;
  opacity: 0;
}
.formRow--withHidden [class*=formInfoBox--]:not(.d-none),
.formRow--modal--withHidden [class*=formInfoBox--]:not(.d-none) {
  border-width: 3px;
  font-size: 1em;
  opacity: 1;
  width: 100%;
  left: 0;
  margin: 0 0 25px;
}
.formRow--withHidden [class*=formInfoBox--].d-none,
.formRow--modal--withHidden [class*=formInfoBox--].d-none {
  border-width: 0;
  font-size: 0;
  opacity: 0;
  border-color: white;
  width: 0;
  left: -25%;
  margin: 0;
}
.formRow--withHidden .form__inputRow--drop.d-none,
.formRow--withHidden .form__inputRowOuter--100.d-none,
.formRow--withHidden .form__inputRowOuter--100.d-none:not(.formShow),
.formRow--modal--withHidden .form__inputRow--drop.d-none,
.formRow--modal--withHidden .form__inputRowOuter--100.d-none,
.formRow--modal--withHidden .form__inputRowOuter--100.d-none:not(.formShow) {
  height: 0;
  opacity: 0;
}
.formRow--withHidden .form__inputRow--drop:not(.d-none),
.formRow--withHidden .form__inputRowOuter--100:not(.d-none),
.formRow--withHidden .form__inputRowOuter--100.d-none.formShow,
.formRow--modal--withHidden .form__inputRow--drop:not(.d-none),
.formRow--modal--withHidden .form__inputRowOuter--100:not(.d-none),
.formRow--modal--withHidden .form__inputRowOuter--100.d-none.formShow {
  height: 60px;
  opacity: 1;
}
.formRow--withHidden [class*=form__inputRow--].d-none,
.formRow--modal--withHidden [class*=form__inputRow--].d-none {
  top: 0;
  padding: 0;
}
.formRow--withHidden [class*=form__inputRow--]:not(.d-none),
.formRow--modal--withHidden [class*=form__inputRow--]:not(.d-none) {
  top: -19px;
  padding: 19px 0 0;
}

.formRow--withHidden .form__inputRowOuter--100 {
  overflow: visible;
}

.formRow--modal--withHidden [class*=formInfoBox--].d-none {
  left: 50%;
  margin: -10px;
  top: 0;
}
.formRow--modal--withHidden [class*=formInfoBox--]:not(.d-none) {
  top: 0;
  margin: 5px 0;
}

.form__inputRowOuter--50.formRow--withHidden [class*=formInfoBox--].d-none {
  left: 50%;
  margin: -6px;
  top: 0;
}
.form__inputRowOuter--50.formRow--withHidden [class*=formInfoBox--]:not(.d-none) {
  left: -6px;
  top: 0;
}

/*withClintColours*/
.formInput--withClintColours {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.formInput--withClintColours input,
.formInput--withClintColours select {
  transition: opacity 1s ease, border 1s ease;
}

[class*=formInput--].formInput--withClintColours input:hover:not(:focus),
[class*=formInput--].formInput--withClintColours select:hover:not(:focus) {
  opacity: 0.3;
}

[class*=formInput--].formInput--withClintColours input:focus,
[class*=formInput--].formInput--withClintColours select:focus {
  border-color: #666666 !important;
}

.formInput--noUpdates .formInput--100labelTop input.formInput--readonly {
  border-width: 0;
  border-bottom: 1px solid #b3b3b3 !important;
  border-radius: 0;
  padding: 0;
}
.formInput--noUpdates .formInput--100labelTop:after {
  opacity: 0;
}

/*form warnings*/
.form__subWithWarning h1,
.form__subWithWarning h2,
.form__subWithWarning h3,
.form__subWithWarning h4,
.form__subWithWarning h5 {
  position: relative;
}

.form__warningMessageRight {
  position: absolute;
  color: white;
  background-color: #d2232a;
  top: 0;
  padding: 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 21px;
  right: 0;
  transition: opacity 1s ease;
  display: block;
  text-align: center;
}

.form__warningHide {
  opacity: 0;
}

.form__warningMessageRight:not(.form__warningHide) {
  opacity: 1;
}

/*form__2col*/
.form__2col .row.form__2col--readonlyGroup {
  width: 100%;
  margin: 0 15px 20px;
}
.form__2col .row.form__2col--readonlyGroup [class*=col-] {
  padding: 0;
  padding-right: 15px;
}
.form__2col .row.form__2col--readonlyGroup [class*=col-]:nth-of-type(2) {
  padding-right: 0;
  padding-left: 15px;
}
.form__2col .row.form__2col--readonlyGroup [class*=form__inputRow--] {
  margin: 0 0 10px;
}
.form__2col .row.form__2col--readonlyGroup label {
  width: 120px;
}
.form__2col .row.form__2col--readonlyGroup .formInput--100labelLeft {
  width: calc(100% - 130px);
}
.form__2col .row.form__2col--readonlyGroup .formInput--100labelLeft select,
.form__2col .row.form__2col--readonlyGroup .formInput--100labelLeft input {
  border-width: 0px;
  border-bottom-width: 1px;
  border-radius: 0;
  padding: 5px 0;
}
.form__2col .formRow--withHidden [class*=formInfoBox--].d-none {
  padding: 0;
}
.form__2col .formRow--withHidden [class*=form__inputRow--]:not(.d-none) {
  top: 0;
  padding: 0;
}

/*file upload*/
/*responsive*/
@media only screen and (max-width: 1199px) {
  [class*=formFrameHead__InfoBox] {
    right: 1%;
    margin-right: 0;
    top: -20px;
  }
}
@media only screen and (max-width: 991px) {
  [class*=formFrameHead__InfoBox] {
    right: 50%;
    margin-right: -155px;
    top: -75px;
  }
  .form__inputRowOuter--50 {
    padding-left: 0;
  }
  .form__inputRowOuter--50 [class*=form__inputRow--33],
  .form__inputRowOuter--50 [class*=form__inputRow--50],
  .form__inputRowOuter--50 .form__inputRow--33R {
    width: 100%;
    left: 0;
  }
  .form__inputRowOuter--50 .form__inputRow--50R .formLabel--100labelLeft,
  .form__inputRowOuter--50 .form__inputRow--33R .formLabel--100labelLeft {
    text-align: left;
  }
  /*form__2col*/
  .form__2col .row.form__2col--readonlyGroup [class*=col-],
  .form__2col .row.form__2col--readonlyGroup [class*=col-]:nth-of-type(2) {
    padding: 0;
  }
  .form__inputRow--50captcha {
    left: 0;
    text-align: center;
  }
  .form__inputRow--50captcha img {
    top: 20px;
  }
  [class*=form__inputRow--75] {
    width: calc(80% - 6px);
  }
  [class*=form__inputRow--25R] {
    width: calc(20% - 6px);
    left: 5px;
  }
  .form__ddGuarantee:after {
    top: 2%;
  }
  .form__onefield {
    padding: 0 0 75px 0;
  }
  .form__inputRow--SortCode .formInput--100labelLeft,
  .form__inputRow--SortCode .formInput--100labelTop {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .body__Row.form__2col {
    margin: 10px -15px;
    width: calc(100% + 30px);
  }
  .container .row.form__2col--readonlyGroup {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
  }
  .form__warningMessageRight {
    position: relative;
    top: 6px;
  }
  [class*=form__inputRow--] {
    margin: 0 0 10px;
  }
  .form--indented-lg .form__Row {
    margin: 20px 0;
    width: 100%;
  }
  [class*=form__inputRow--75],
  [class*=form__inputRow--50],
  [class*=form__inputRow--25R] {
    width: 100%;
    left: 0;
  }
  [class*=form__inputRow--25R] {
    left: 5px;
  }
  table [class*=form__inputRow--50] {
    margin: 5px 0;
  }
  [class*=form__inputRow--]:not(.form__inputRequired):before {
    top: 40px;
  }
  [class*=form__inputRow--].form__inputRequired:before {
    top: 64px;
  }
  .formInput--100labelLeft,
  .formLabel--100labelLeft,
  .form__Row--login .formInput--100labelLeft,
  .form__Row--login .formLabel--100labelLeft,
  .formStar__Box {
    width: 100%;
  }
  .form__inputRow--50R .formLabel--100labelLeft {
    text-align: left;
  }
  .formStar:before,
  .formStar:after {
    top: -10px;
  }
  .formFilter__row {
    margin: 10px;
  }
  .formFilter__50box {
    width: 100%;
    padding-left: 0;
    margin: 0;
  }
  .formInfoBox--LoginWarning {
    left: 0;
    margin-left: 0;
    width: 100%;
  }
  .form__onefield {
    width: 100%;
    left: 0;
    padding: 0 0 50px 0;
  }
  .formLabel--errorText {
    right: 10px;
    top: 7px;
  }
  /*formRow--withHidden*/
  .formRow--withHidden .form__inputRow--drop:not(.d-none),
  .formRow--withHidden .form__inputRowOuter--100:not(.d-none) {
    height: 75px;
  }
  .formRow--withHidden [class*=form__inputRow--]:not(.d-none) {
    top: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  [class*=formFrameHead] h1 {
    font-size: 2em;
  }
  .formFrameHead--shallow h1 {
    padding: 0 46px 0 0;
  }
  .form__Row--login [class*=form__inputRow--] {
    margin: 0 0 10px;
  }
  [class*=form__Row] {
    margin: 10px 20px;
  }
  .form__RowOuter--7525 {
    margin: 0 0 20px;
  }
  table .form__inputRow--drop:after {
    bottom: 11px;
  }
  .ddGuaranteeTemplate .ddGuarantee {
    border: 3px solid #000;
  }
  .form__inputRow--50captcha {
    padding: 80px 15px 5px 5px;
  }
  .form__inputRow--50captcha .g-recaptcha {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -150px;
  }
  .form__inputRow--text .form__inputRow--inlineWide input {
    width: 260px;
  }
  .form__Row--login {
    margin: 0;
  }
  .form__Row--login:before,
  .form__Row--login:after {
    top: -50px;
    right: 0;
    font-size: 56px;
  }
  .form__Row--login:before {
    right: 20px;
    top: -62px;
  }
  .form__2col label {
    font-size: 0.75em;
  }
  .form__2col .row.form__2col--readonlyGroup label {
    width: 100%;
    padding: 0;
  }
  .form__2col .row.form__2col--readonlyGroup .formInput--100labelLeft {
    width: 100%;
  }
  .form__2col .row.form__2col--readonlyGroup .formInput--100labelLeft select,
  .form__2col .row.form__2col--readonlyGroup .formInput--100labelLeft input {
    padding: 0 0 5px;
  }
}
.forms247 .container .row, .forms247 .row {
  margin: 0;
  width: 100%;
}
.forms247 h2, .forms247 .containerWrapper h2 {
  font-size: 2rem;
}
.forms247 h3 {
  font-size: 1.5rem;
}
.forms247 .form-control {
  background-color: rgba(255, 255, 255, 0.4);
  /*
      fix issue with firefox highlighting required input fields in red border
      see: https://stackoverflow.com/questions/5939341/firefox-4-is-there-a-way-to-remove-the-red-border-in-a-required-form-input?lq=1
  */
  box-shadow: none;
}
.forms247 [class*=form__icon] input, .forms247 [class*=form__icon] select {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}
.forms247 [class*=form__icon]:after {
  font-family: "icomoon";
  content: "";
  position: absolute;
  right: 24px;
  top: 1px;
  font-size: 24px;
  display: block;
  transition: all 1s ease;
  color: #666666;
  pointer-events: none;
}
.forms247 [class*=form__icon--select]:after {
  content: "\f150";
}
.forms247 [class*=form__icon--input]:after {
  content: "\f044";
}
.forms247 [class*=form__icon--date]:after {
  content: "\f073";
}

.showOnSignOnly {
  display: none;
}

span.hideOnSignOnly {
  display: inline-block;
}

div.hideOnSignOnly {
  display: block;
}

.thisIsSignPage span.showOnSignOnly {
  display: inline-block;
}
.thisIsSignPage div.showOnSignOnly {
  display: block;
}
.thisIsSignPage .hideOnSignOnly {
  display: none;
}

.bg-twitter,
.bg-twitter-h:hover,
.bg-twitter-h:active {
  background: #1DA1F2;
}

.bg-facebook,
.bg-facebook-h:hover,
.bg-facebook-h:active {
  background: #3B5998;
}

[class*=button--],
button[class*=button--] {
  transition: all 1s ease;
  cursor: pointer;
  color: white;
}

.btn--loading {
  background-image: url("../images/loader.gif");
  background-size: 35px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px !important;
  transition: none !important;
}

.button--postcode,
.postcodeio--cij {
  max-height: 36px;
  line-height: 19px;
}

button[class*=button--]:not(.teacake):disabled,
button[class*=button--]:not(.teacake):hover:disabled {
  background-color: #c2c2c2 !important;
  color: white !important;
  cursor: not-allowed;
}

[class*=button--]:not(:hover) {
  background-color: #f26524;
}

.button--close:not(:hover),
.button--warning:not(:hover) {
  background-color: #d2232a;
}

[class*=button--]:hover {
  background-color: #9fc01b;
}

.button--basic {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  position: relative;
  padding: 5px;
  height: 100%;
}

[class*=button--100] {
  width: 100%;
  margin: 20px 0;
  text-align: center;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  position: relative;
  padding: 10px;
  font-size: 24px;
}

.button--100twoCol {
  margin: 10px 0 21px;
}

[class*=button--100]:after,
[class*=button--100]:before {
  font-family: "icomoon";
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  font-size: 34px;
  display: block;
  transition: all 1s ease;
  color: white;
}

.button--100--rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  width: 100%;
  padding: 5px;
  left: 0;
  margin: 25px 0 0;
  vertical-align: bottom;
}

.button--100login:before {
  content: "\e92b";
}

.button--100login:after {
  content: "\e92c";
}

.button--100login:hover:before {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  top: -3px;
}

.button--100login:hover:after {
  top: 2px;
}

.button--topRight {
  width: auto;
  display: inline-block;
  padding: 6px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: -5px;
  right: 10px;
  z-index: 10;
}

a.button--join {
  padding: 20px 55px 20px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 24px;
  top: -20px;
}

/*buttonBreadcrumb*/
.buttonBreadcrumb {
  width: 92%;
  margin: 24px 4%;
  position: relative;
  padding: 0;
  left: -5px;
}
.buttonBreadcrumb ul {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 100%;
}
.buttonBreadcrumb li {
  display: inline-block;
  position: relative;
  width: 12%;
  width: calc(14.285% - 5px);
  text-align: left;
}
.buttonBreadcrumb a,
.buttonBreadcrumb button {
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding: 4px 0 4px 1px;
  max-width: 50px;
  text-align: center;
  line-height: 38px;
  vertical-align: central;
  font-size: 36px;
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  border-width: 3px;
  font-weight: bold;
  transition: all 1s ease;
}
@-moz-document url-prefix() {
  .buttonBreadcrumb a,
  .buttonBreadcrumb button {
    line-height: 42px;
  }
}
.buttonBreadcrumb a[class*=button--breadcrumb].teacake,
.buttonBreadcrumb button[class*=button--breadcrumb].teacake {
  border-color: inherit;
  color: inherit;
}

.buttonBreadcrumb.showCrumb {
  display: block;
}
.buttonBreadcrumb.showCrumb a,
.buttonBreadcrumb.showCrumb button {
  width: 50px;
  height: 50px;
}

.buttonBreadcrumb:not(.showCrumb) {
  display: none;
}
.buttonBreadcrumb:not(.showCrumb) a,
.buttonBreadcrumb:not(.showCrumb) button {
  width: 0;
  height: 0;
}

.buttonBreadcrumb li:before {
  content: "";
  display: inline-block;
  width: 100% !important;
  height: 10px;
  background-color: #b3b3b3;
  top: 25px;
  left: 46px;
  margin: -5px 0 0;
  position: absolute;
  z-index: 0;
  transition: all 1s ease;
}

.buttonBreadcrumb li.buttonBreadcrumb--close {
  text-align: right;
  right: -10px;
}

.buttonBreadcrumb li.buttonBreadcrumb--lastCrumb:before,
.buttonBreadcrumb li.buttonBreadcrumb--close:before {
  display: none;
}

button[class*=button--breadcrumb],
.buttonBreadcrumb--close .button--close {
  border-width: 3px;
  border-style: solid;
}

button[class*=button--breadcrumb]:disabled {
  border-color: #b3b3b3;
  color: #b3b3b3;
  background-color: rgba(255, 255, 255, 0.4);
}

[class*=button--breadcrumb]:not(:hover) {
  border-color: #f26524;
  color: #f26524;
  background-color: #fce0d3;
}

.buttonBreadcrumb--close .button--close {
  background-color: rgba(255, 255, 255, 0.4);
}

.buttonBreadcrumb--close .button--close:not(:hover):not(focus) {
  border-color: #d2232a;
  color: #d2232a;
}

.buttonBreadcrumb--close .button--close:hover {
  border-color: #cfe08d;
  color: #cfe08d;
}

.buttonBreadcrumb--close .button--close:focus {
  border-color: #9fc01b;
  color: #9fc01b;
}

[class*=button--breadcrumb]:hover {
  border-color: #9fc01b;
  color: #9fc01b;
  background-color: #ecf2d1;
}

.buttonBreadcrumb__info {
  border-width: 3px;
  border-style: solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border-color: #f26524;
  background-color: white;
  display: block;
  position: relative;
  padding: 5px;
  margin: -12px auto;
  width: 92%;
}

/*.buttonBreadcrumb__info:before{
	content:"";
	position: absolute;
	top: -15px;
	left: 8px;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid $trafficLightAmber;
}*/
/*members*/
.button--membersHome {
  font-size: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border-width: 4px;
  border-style: solid;
  border-color: white;
  left: -25px;
  top: -25px;
}

.button--membersHome:before {
  font-family: "icomoon";
  content: "\e92f";
  position: relative;
  left: 0;
  top: 3px;
  font-size: 25px;
  display: block;
  transition: all 1s ease;
}

/*buttonWithInfo*/
button[class*=buttonWithInfo--] {
  position: relative;
  display: inline-block;
  background-color: white;
  border-width: 2px;
  border-bottom-width: 50px;
  border-style: solid;
  transition: opacity 1s ease;
  text-align: left;
  width: 49%;
  width: calc(50% - 6px);
  left: -5px;
  margin: 10px 0;
  padding: 15px 4%;
  vertical-align: top;
  cursor: pointer;
}

button[class*=buttonWithInfo--]:nth-of-type(even),
button.buttonWithInfo--resend {
  left: 5px;
}

button.buttonWithInfo--sendEmail {
  padding: 100px 4% 20px;
  text-align: center;
}

button.buttonWithInfo--sendSMS {
  padding: 60px 120px 60px 4%;
}

button[class*=buttonWithInfo--]:before {
  content: "Click Here";
  color: white;
  position: absolute;
  left: 50%;
  bottom: -42px;
  font-size: 24px;
  margin-left: -50px;
}

button[class*=buttonWithInfo--]:after {
  font-family: "icomoon";
  content: "\f0e0";
  position: absolute;
  left: 50%;
  top: -25px;
  font-size: 105px;
  margin-left: -50px;
  display: block;
  transition: all 1s ease;
  color: inherit;
}

button.buttonWithInfo--sendEmail:before {
  content: "Send Email";
}

button.buttonWithInfo--sendSMS:before {
  content: "Send SMS";
}

button.buttonWithInfo--resend:before {
  content: "Resend Message";
  margin-left: -90px;
  color: inherit;
}

button.buttonWithInfo--sendSMS:after {
  content: "\f10b";
  left: auto;
  right: 4%;
  top: -50px;
  font-size: 180px;
  margin-left: 0;
}

button.buttonWithInfo--resend:after {
  display: none;
}

button[class*=buttonWithInfo--]:disabled,
button[class*=buttonWithInfo--]:disabled:hover,
[class*=buttonWithInfo--]:disabled:hover:after {
  border-color: #b3b3b3 !important;
  color: #b3b3b3 !important;
  cursor: not-allowed;
  opacity: 0.5;
}

[class*=buttonWithInfo--]:not(:hover) {
  border-color: inherit;
  color: inherit;
}

.buttonWithInfo--close:not(:hover),
.buttonWithInfo--warning:not(:hover) {
  border-color: #d2232a;
  color: #d2232a;
}

[class*=buttonWithInfo--]:hover,
button[class*=buttonWithInfo--]:focus {
  opacity: 0.5;
  border-color: inherit;
  color: inherit;
}

[class*=buttonWithInfo--]:hover:after {
  opacity: 0.5;
  color: inherit;
}

.button--sliderHelp {
  position: absolute;
  top: -17px;
  right: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  z-index: 1;
  width: auto;
}

/* button--postcode */
.button--postcode,
.button--postcode--cij,
.postcodeio--cij {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 60px 10px 60px;
  text-align: center;
  max-width: 100%;
  width: calc(100% - 200px);
  cursor: pointer;
}

/*button--form__onefield*/
.button--form__onefield {
  width: 100%;
  height: 50px;
  font-size: 24px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

/*buttons in tables*/
[class*=button--td],
[class*=button--alt-td] {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  border-radius: 1em;
  padding: 0 10px;
  display: inline-block;
  width: calc(50% - 3px);
  vertical-align: middle;
  text-align: center;
  font-size: 1em;
  position: relative;
}

.button--tdlongLink {
  padding: 0 10px;
  font-size: 1em;
  left: 0;
}

.button--alt-tdBack {
  width: 100%;
  padding: 6px 2px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

[class*=button--td]:before,
[class*=button--alt-td]:before {
  font-family: "icomoon";
  content: "\f06e";
  position: relative;
  padding: 0;
}

.button--alt-tdBack:before {
  content: "\f060";
  padding: 0 3px 0 0;
}

.button--tdTransfer:before {
  content: "\e930";
}

.button--tdDownload,
.button--tdDelete {
  border-radius: 7px;
  min-width: 85px;
  width: 100%;
  line-height: 35px;
  padding-right: 40px !important;
  max-width: 100%;
  margin-bottom: 10px;
  min-height: 35px;
  position: relative;
  text-align: left;
}

.button--tdDownload:before,
.button--tdDelete:before {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 16px;
  padding: 0 !important;
  line-height: inherit !important;
}

.button--tdDelete:before {
  content: "\f00d";
}

.button--tdDownload:before {
  content: "\e91d";
  line-height: inherit;
}

.button--tdpound:before {
  content: "\f154";
  line-height: inherit;
  top: 1px;
}

.button--tdlongLink:before,
.button--tdnone:before {
  content: "";
  display: none;
}

[class*=button--th] {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  height: 2em;
  width: 2em;
  margin: 0 5px 0 0;
  position: relative;
  top: 0;
  border: 2px solid white;
  vertical-align: middle;
  font-size: 1em;
}

[class*=button--th]:before,
.button--thFilter:after {
  font-family: "icomoon";
  content: "\f0b0";
  position: relative;
  top: -3px;
  left: -3px;
  font-size: 1.5em;
}

.button--thFilter:after {
  display: none;
  content: "\f06e";
  top: -5px;
  left: -5px;
}

.button--thFilter.filterOn:before {
  display: none;
}

.button--thFilter.filterOn:after {
  display: inline-block;
}

/*Filter buttons (not in tables)*/
.button--bodySearch {
  width: 100px;
  position: relative;
  right: 0;
  display: inline-block;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  padding: 0 40px;
  vertical-align: middle;
  left: -10px;
}

.button--bodySearch:before {
  font-family: "icomoon";
  content: "\e925";
  position: relative;
  font-size: 1.71em;
}

/*unread*/
.bgColr-clientColr1.bgColr-clientColr2-h.button--unread:not(:hover):not(:focus) {
  background-color: #9fc01b !important;
}

.bgColr-clientColr1.bgColr-clientColr2-h.button--unread:hover,
.bgColr-clientColr1.bgColr-clientColr2-h.button--unread:focus {
  background-color: #cfe08d !important;
}

/*input ends*/
.button--inputEnd,
.button--inputEndDrop {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  height: 36px;
  z-index: 3;
  min-width: 95px;
}

.button--inputEnd:before {
  font-family: "icomoon";
  content: "";
  position: relative;
  font-size: 1.5em;
}

.button--inputEnd--filter:before {
  content: "\ea5b";
}

/*buttonBottom*/
[class*=buttonBottom--] {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  width: 100%;
  text-align: center;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  position: relative;
  padding: 10px;
  font-size: 24px;
  vertical-align: top;
  transition: all 1s ease;
  cursor: pointer;
}

.formFrame .buttonBottom--100,
.formFrame .buttonBottom--warning {
  width: calc(100% + 6px);
  left: -3px;
}

.formFrame .buttonBottom--warning:after {
  display: none;
}

.modal-footer [class*=buttonBottom--50] {
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  -ms-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
  width: calc(50% + 36px);
  left: -1px;
  font-size: 1.25em;
}
.modal-footer [class*=buttonBottom--50R] {
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  -ms-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
  left: 1px;
}
.modal-footer [class*=buttonBottom--100] {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  bottom: -2px;
}

[class*=buttonBottom--]:after {
  font-family: "icomoon";
  content: "";
  position: relative;
  padding: 0 0 0 5%;
  display: inline-block;
}

.buttonBottom--next:after,
.buttonBottom--skip:after {
  content: "\f061";
}

.buttonBottom--download:after {
  content: "\e91d";
}

.buttonBottom--Reset:after {
  content: "\f01e";
}

.buttonBottom--UserInfo:after {
  content: "\e900";
}

[class*=buttonBottom--50]:after,
[class*=buttonBottom--50]:before {
  font-family: "icomoon";
  content: "";
  position: absolute;
  right: 20px;
  margin: 0;
  top: 0;
  font-size: 38px;
  display: block;
  color: white;
}

.buttonBottom--50new:after {
  content: "\e926";
  font-size: 38px;
}

.buttonBottom--50Reset:after {
  content: "\f01e";
}

.buttonBottom--50emails:after {
  content: "\e92a";
}

.buttonBottom--50Rdocs:after {
  content: "\e91a";
}

.buttonBottom--50messages:after {
  content: "\e96e";
}

.buttonBottom--50RUserInfo:after {
  content: "\e900";
}

[class*=buttonBottom--50] .button__noOf {
  position: absolute;
  right: 24px;
  top: 18px;
  font-size: 0.5em;
  text-align: center;
  width: 28px;
  overflow: hidden;
  z-index: 100;
}

.buttonBottom--50emails .button__noOf {
  top: 20px;
  right: 30px;
}

.buttonBottom--50Reset:hover:before {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  top: -5px;
}

[class*=buttonBottom--]:not(:hover):not(:focus) {
  background-color: #f26524;
}

button[class*=buttonBottom--]:disabled {
  background-color: #b3b3b3;
  cursor: not-allowed;
}

.buttonBottom--close:not(:hover):not(:focus),
.buttonBottom--warning:not(:hover):not(:focus),
.buttonBottom--skip:not(:hover):not(:focus) {
  background-color: #d2232a;
}

[class*=buttonBottom--]:hover,
[class*=buttonBottom--]:active {
  background-color: #cfe08d;
}

[class*=buttonBottom--]:focus {
  background-color: #9fc01b;
}

button[class*=buttonBottom--].button__newContent:not(:hover):not(:focus) {
  background-color: #9fc01b;
}

button[class*=buttonBottom--].button__newContent:focus,
button[class*=buttonBottom--].button__newContent:hover {
  background-color: #cfe08d;
}

/*buttonLables*/
[class*=button__Label] {
  display: inline-block;
  vertical-align: middle;
}

.button__Label50 {
  width: 49%;
  width: calc(50% - 6px);
  left: 0;
  padding: 0 0 5px;
  color: #d2232a;
}

/*buttons reverting to bootstrap*/
.btn.flex-height.postcodeio--cij {
  max-height: none;
  padding: 0 10px;
  min-height: 36px;
}

/*responsive*/
@media only screen and (max-width: 991px) {
  .button--tdDownload:before {
    line-height: 3em;
  }
  .button--100--rounded {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  button[class*=buttonWithInfo--],
  button[class*=buttonWithInfo--]:nth-of-type(even) {
    width: 100%;
    left: 0;
    margin: 50px 0;
  }
  [class*=button__100] {
    margin: 10px 0 0;
  }
  button[class*=buttonWithInfo--]:nth-of-type(even) {
    margin: 0 0 10px;
  }
  [class*=buttonBottom--50] {
    font-size: 1.1em;
  }
  [class*=buttonBottom--50]:after,
  [class*=buttonBottom--50]:before {
    top: 3px;
    opacity: 0.35;
    right: 50%;
    margin-right: -14px;
    font-size: 28px;
  }
  .button__noOf {
    display: none;
  }
  .button--postcode,
  .postcodeio--cij {
    width: 100%;
  }
  [class*=button--td] {
    font-size: 0.7em;
    padding: 0 5px;
  }
  [class*=button--td]:before {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 576px) {
  .button--tdDownload,
  .button--tdDelete {
    width: 49%;
  }
  .button--100login {
    margin: 0;
    padding: 5px;
  }
  .button--100login:after,
  .button--100login:before {
    top: -5px;
  }
  .button--100login:hover:before {
    top: -7px;
  }
  .button--100login:hover:after {
    top: -3px;
  }
  [class*=buttonBottom--50]:after,
  [class*=buttonBottom--50]:before {
    top: 50%;
    margin: -14px -14px 0 0;
  }
  [class*=button--td] {
    font-size: 1em;
    padding: 0 5px;
  }
  [class*=button--td]:before {
    padding: 0;
  }
  .button--tdDownload:before {
    line-height: inherit;
  }
  .buttonBreadcrumb li {
    width: calc(14.285% - 5px);
  }
  .buttonBreadcrumb li:before {
    width: calc(100% - 20px);
    top: 16px;
    left: 27px;
  }
  .buttonBreadcrumb a,
  .buttonBreadcrumb button {
    max-width: 30px;
    line-height: 18px;
    font-size: 25px;
    padding: 4px 0;
  }
  .buttonBreadcrumb.showCrumb button {
    width: 30px;
    height: 30px;
  }
  .buttonBreadcrumb__info {
    margin: -16px auto;
  }
  .buttonBreadcrumb__info:before {
    top: -10px;
    left: 5px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f26524;
  }
  .button--sliderHelp {
    right: 5%;
    width: 90%;
  }
}
/* CHART JS PIE */
/* dashboard */
[class*=statsBox__membersDash] {
  width: calc(50% - 3px);
  display: inline-block;
  padding: 0;
  text-align: left;
  vertical-align: top;
  position: relative;
  margin: 0 0 20px;
  min-height: 150px;
}

.stats__mbHubPieChart {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
}

.stats__mbHublabel {
  margin: 22px 10px 0 0;
}

/* fields */
[class*=statsBox__field--] {
  display: inline-block;
  width: auto;
}

.statsBox__field--label {
  padding: 7px 0;
}

.statsBox__field--value {
  float: right;
  background-color: white;
  padding: 5px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: solid 2px #f26524;
  text-align: right;
}

.statsBox__field--label100 {
  padding: 7px 0;
  width: calc(30% - 3px);
  text-align: left;
}

.statsBox__field--value100 {
  width: calc(70% - 3px);
  background-color: white;
  padding: 5px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: solid 2px #f26524;
  text-align: left;
}

/*stars and links*/
a.stats__whatsThisLink {
  display: block;
  color: #f26524;
  font-size: 0.8em;
  text-decoration: underline;
  cursor: pointer;
}

a.stats__whatsThisLink:hover,
a.stats__whatsThisLink:focus {
  color: #9fc01b;
  text-decoration: underline;
}

.statsStar__Box {
  width: calc(70% - 3px);
  position: relative;
  display: inline-block;
  padding: 0;
  vertical-align: top;
}

.statsStar {
  display: inline-block;
  width: 18%;
  width: calc(20% - 6px);
  height: 40px;
  font-size: 0;
  position: relative;
  vertical-align: central;
  position: relative;
}

.statsStar:before,
.statsStar:after {
  font-family: "icomoon";
  content: "\e929";
  display: block;
  position: absolute;
  color: #b3b3b3;
  transition: all 1s ease;
  font-size: 50px;
  color: #f26524;
  top: -10px;
  left: 50%;
  margin-left: -30px;
}

.statsStar:before {
  content: "\e928";
}

.statsStar:not(.statsStar--fill):before {
  color: white;
}

.statsStar.statsStar--fill:before {
  color: #9fc01b;
}

/*responsive*/
@media only screen and (max-width: 992px) {
  .stats__mbHubPieChart {
    top: 60px;
  }
  [class*=statsBox__membersDash] {
    min-height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .stats__mbHubPieChart {
    top: -45px;
    width: 290px;
    right: -50px;
  }
  .statsBox__membersDash .valign {
    padding-left: 33px;
  }
  [class*=statsBox__membersDash] {
    width: 100%;
    padding-left: 0;
    margin: 0 0 50px;
    min-height: 0;
  }
}
@media only screen and (max-width: 576px) {
  [class*=statsBox__field--] {
    width: 100%;
    text-align: center;
  }
  .statsStar__Box {
    width: 100%;
    width: calc(100% + 40px);
    left: -20px;
  }
  .stats__mbHubPieChart {
    top: -40px;
    width: 250px;
    right: -45px;
  }
  .stats__mbHublabel {
    width: calc(100% - 145px);
    margin: 0;
  }
}
.fed.formFrame {
  margin: 30px 4%;
  width: 100%;
  /*fed form overrides*/
}
.fed.formFrame [class*=form__inputRow--],
.fed.formFrame [class*=form__inputRowOuter--] {
  text-align: left;
  /*file inputs and button*/
}
.fed.formFrame [class*=form__inputRow--] input,
.fed.formFrame [class*=form__inputRowOuter--] input {
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
  background-color: rgba(255, 255, 255, 0.4);
}
.fed.formFrame [class*=form__inputRow--] input:not(:hover),
.fed.formFrame [class*=form__inputRowOuter--] input:not(:hover) {
  opacity: 1;
}
.fed.formFrame [class*=form__inputRow--] input:focus,
.fed.formFrame [class*=form__inputRow--] input:active,
.fed.formFrame [class*=form__inputRow--] input:hover,
.fed.formFrame [class*=form__inputRowOuter--] input:focus,
.fed.formFrame [class*=form__inputRowOuter--] input:active,
.fed.formFrame [class*=form__inputRowOuter--] input:hover {
  border-color: inherit !important;
}
.fed.formFrame [class*=form__inputRow--] input:hover:not(:focus):not(:active),
.fed.formFrame [class*=form__inputRowOuter--] input:hover:not(:focus):not(:active) {
  opacity: 0.5;
}
.fed.formFrame [class*=form__inputRow--] input.fed__inputWithEndButton,
.fed.formFrame [class*=form__inputRowOuter--] input.fed__inputWithEndButton {
  padding: 0 100px 0 10px;
}
.fed.formFrame [class*=form__inputRow--] .validate__error input:focus,
.fed.formFrame [class*=form__inputRow--] .validate__error input:active,
.fed.formFrame [class*=form__inputRow--] .validate__error input:hover,
.fed.formFrame [class*=form__inputRowOuter--] .validate__error input:focus,
.fed.formFrame [class*=form__inputRowOuter--] .validate__error input:active,
.fed.formFrame [class*=form__inputRowOuter--] .validate__error input:hover {
  border-color: #d2232a !important;
}
.fed.formFrame [class*=form__inputRow--] .input-group input,
.fed.formFrame [class*=form__inputRow--] .input-group input:hover,
.fed.formFrame [class*=form__inputRow--] .input-group input:focus,
.fed.formFrame [class*=form__inputRow--] .input-group input:hover:not(:focus):not(:active),
.fed.formFrame [class*=form__inputRowOuter--] .input-group input,
.fed.formFrame [class*=form__inputRowOuter--] .input-group input:hover,
.fed.formFrame [class*=form__inputRowOuter--] .input-group input:focus,
.fed.formFrame [class*=form__inputRowOuter--] .input-group input:hover:not(:focus):not(:active) {
  border-color: inherit;
  opacity: 1;
  cursor: default;
  padding: 0 40px 0 10px;
  border-left-width: 0;
  min-height: 36px;
}
.fed.formFrame [class*=form__inputRow--] .input-group *:focus::-webkit-input-placeholder,
.fed.formFrame [class*=form__inputRow--] .input-group ::-webkit-input-placeholder,
.fed.formFrame [class*=form__inputRowOuter--] .input-group *:focus::-webkit-input-placeholder,
.fed.formFrame [class*=form__inputRowOuter--] .input-group ::-webkit-input-placeholder {
  color: #c2c2c2;
  opacity: 1;
}
.fed.formFrame [class*=form__inputRow--] .input-group *:focus::-moz-placeholder,
.fed.formFrame [class*=form__inputRow--] .input-group ::-moz-placeholder,
.fed.formFrame [class*=form__inputRowOuter--] .input-group *:focus::-moz-placeholder,
.fed.formFrame [class*=form__inputRowOuter--] .input-group ::-moz-placeholder {
  color: #c2c2c2;
  opacity: 1;
}
.fed.formFrame [class*=form__inputRow--] .input-group *:focus:-ms-input-placeholder,
.fed.formFrame [class*=form__inputRow--] .input-group :-ms-input-placeholder,
.fed.formFrame [class*=form__inputRowOuter--] .input-group *:focus:-ms-input-placeholder,
.fed.formFrame [class*=form__inputRowOuter--] .input-group :-ms-input-placeholder {
  color: #c2c2c2;
  opacity: 1;
}
.fed.formFrame [class*=form__inputRow--] .input-group *:focus:-moz-placeholder,
.fed.formFrame [class*=form__inputRow--] .input-group :-moz-placeholder,
.fed.formFrame [class*=form__inputRowOuter--] .input-group *:focus:-moz-placeholder,
.fed.formFrame [class*=form__inputRowOuter--] .input-group :-moz-placeholder {
  color: #c2c2c2;
  opacity: 1;
}
.fed.formFrame [class*=form__inputRow--] .input-group-btn,
.fed.formFrame [class*=form__inputRowOuter--] .input-group-btn {
  margin: 0;
  padding: 0;
}
.fed.formFrame [class*=form__inputRow--] .btn.btn-primary,
.fed.formFrame [class*=form__inputRowOuter--] .btn.btn-primary {
  border-color: inherit;
  border-width: 2px;
  border-style: solid;
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
  cursor: pointer;
  line-height: 1.125em;
}
.fed.formFrame [class*=form__inputRow--] .formInput--100labelLeft,
.fed.formFrame [class*=form__inputRowOuter--] .formInput--100labelLeft {
  padding: 0;
}
.fed.formFrame .form__inputRow--pound .formInput--100labelLeft {
  padding: 0 0 0 35px;
}
.fed.formFrame .form__inputRow--pound .formInput--100labelLeft input {
  text-align: left;
  padding: 0 10px;
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
}
.fed.formFrame .form__inputRow--pound .formInput--100labelLeft:after {
  bottom: 0;
}

.form__check {
  vertical-align: top;
}
.form__check .trafficLightRed {
  position: absolute;
  top: -2px;
  left: 2px;
}

.containerWrapper .fed__head a,
.containerWrapper .fed__Infopage a {
  color: inherit;
}
.containerWrapper .fed__head .row,
.containerWrapper .fed__Infopage .row {
  padding: 20px 0 20px 20px;
  text-align: left;
  border-width: 0;
}
.containerWrapper .fed__head .row .col-md-6,
.containerWrapper .fed__Infopage .row .col-md-6 {
  padding: 0;
  margin: 0 20px 0 0;
  max-width: calc(50% - 20px);
}
.containerWrapper .fed__head .row .col-md-9,
.containerWrapper .fed__head .row .col-12,
.containerWrapper .fed__Infopage .row .col-md-9,
.containerWrapper .fed__Infopage .row .col-12 {
  padding: 0 20px 0 0;
  margin: 0;
}
.containerWrapper .fed__head .row .col-12:not(.rightToLeft) .col-md-6:nth-of-type(even),
.containerWrapper .fed__Infopage .row .col-12:not(.rightToLeft) .col-md-6:nth-of-type(even) {
  margin: 0 0 0 20px;
}
.containerWrapper .fed__head .row .col-12.rightToLeft .col-md-6:nth-of-type(odd),
.containerWrapper .fed__Infopage .row .col-12.rightToLeft .col-md-6:nth-of-type(odd) {
  margin: 0 0 0 20px;
}
.containerWrapper .fed__head .row .col-12[class*=fed__apiFrame],
.containerWrapper .fed__Infopage .row .col-12[class*=fed__apiFrame] {
  position: relative;
  border-style: solid;
  border-width: 2px;
  position: relative;
  padding: 20px;
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 20px 0 0;
}
.containerWrapper .fed__head .row .col-12[class*=fed__apiFrame] h1,
.containerWrapper .fed__head .row .col-12[class*=fed__apiFrame] h2,
.containerWrapper .fed__head .row .col-12[class*=fed__apiFrame] h3,
.containerWrapper .fed__head .row .col-12[class*=fed__apiFrame] .fed__linkLikeHeading,
.containerWrapper .fed__Infopage .row .col-12[class*=fed__apiFrame] h1,
.containerWrapper .fed__Infopage .row .col-12[class*=fed__apiFrame] h2,
.containerWrapper .fed__Infopage .row .col-12[class*=fed__apiFrame] h3,
.containerWrapper .fed__Infopage .row .col-12[class*=fed__apiFrame] .fed__linkLikeHeading {
  background-color: #e0e0e0;
  padding: 5px 35px 5px 10px;
  margin: 0;
  font-weight: 600;
  position: relative;
}
.containerWrapper .fed__head .row .col-12[class*=fed__apiFrame] p,
.containerWrapper .fed__Infopage .row .col-12[class*=fed__apiFrame] p {
  padding: 5px 10px;
}
.containerWrapper .fed__head .row .col-12[class*=fed__apiFrame] .fed__linkLikeHeading span,
.containerWrapper .fed__Infopage .row .col-12[class*=fed__apiFrame] .fed__linkLikeHeading span {
  font-weight: 600;
}
.containerWrapper .fed__head .row .col-12[class*=fed__apiFrame] .fed__linkLikeHeading:before,
.containerWrapper .fed__Infopage .row .col-12[class*=fed__apiFrame] .fed__linkLikeHeading:before {
  position: absolute;
  right: 10px;
  font-size: 1.5em;
  top: 50%;
  margin-top: -0.45em;
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
}
.containerWrapper .fed__head .row input.col-12[class*=fed__apiFrame],
.containerWrapper .fed__Infopage .row input.col-12[class*=fed__apiFrame] {
  background-color: rgba(255, 255, 255, 0.4);
}
.containerWrapper .fed__head .row .col-12.fed__apiFrame--sml,
.containerWrapper .fed__Infopage .row .col-12.fed__apiFrame--sml {
  padding: 5px 32px 5px 10px;
}
.containerWrapper .fed__head .row .fed__apiFrame--smlBtn,
.containerWrapper .fed__Infopage .row .fed__apiFrame--smlBtn {
  width: calc(100% - 10px);
  margin: 20px 10px 0 0;
  position: relative;
  padding: 5px 10px;
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
  vertical-align: bottom;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: inherit;
}
.containerWrapper .fed__head .row .col-12.fed__apiFrame--list,
.containerWrapper .fed__Infopage .row .col-12.fed__apiFrame--list {
  padding: 0;
}
.containerWrapper .fed__head .row .col-12.fed__apiFrame--list a,
.containerWrapper .fed__head .row .col-12.fed__apiFrame--list p,
.containerWrapper .fed__Infopage .row .col-12.fed__apiFrame--list a,
.containerWrapper .fed__Infopage .row .col-12.fed__apiFrame--list p {
  color: #666666;
  padding: 5px 10px;
  display: block;
  width: 100%;
  transition: height 1s ease, line-height 1s ease, opacity 1s ease, padding 1s ease;
  position: relative;
  overflow: hidden;
}
.containerWrapper .fed__head .row .col-12.fed__apiFrame--list :not(.hideOptions) a,
.containerWrapper .fed__head .row .col-12.fed__apiFrame--list :not(.hideOptions) p,
.containerWrapper .fed__Infopage .row .col-12.fed__apiFrame--list :not(.hideOptions) a,
.containerWrapper .fed__Infopage .row .col-12.fed__apiFrame--list :not(.hideOptions) p {
  height: 35px;
  opacity: 1;
  padding: 5px 10px;
}
.containerWrapper .fed__head .row .col-12.fed__apiFrame--list .hideOptions a,
.containerWrapper .fed__head .row .col-12.fed__apiFrame--list .hideOptions p,
.containerWrapper .fed__Infopage .row .col-12.fed__apiFrame--list .hideOptions a,
.containerWrapper .fed__Infopage .row .col-12.fed__apiFrame--list .hideOptions p {
  height: 0;
  padding: 0 10px;
  opacity: 0;
}
.containerWrapper .fed__head .row .col-12.fed__apiFrame--list a:not(.fedIcon__check),
.containerWrapper .fed__Infopage .row .col-12.fed__apiFrame--list a:not(.fedIcon__check) {
  color: #666666;
}
.containerWrapper .fed__head .row .col-12.fed__apiFrame--list a.fedIcon__check,
.containerWrapper .fed__Infopage .row .col-12.fed__apiFrame--list a.fedIcon__check {
  color: inherit;
  padding: 5px 40px 5px 10px;
}
.containerWrapper .fed__head .row .col-12.fed__apiFrame--list a.fedIcon__check:before,
.containerWrapper .fed__Infopage .row .col-12.fed__apiFrame--list a.fedIcon__check:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  color: inherit;
}
.containerWrapper .fed__head .row .fed__api--InputWrapper[class*=fedIcon__]:before,
.containerWrapper .fed__Infopage .row .fed__api--InputWrapper[class*=fedIcon__]:before {
  position: absolute;
  right: 30px;
  top: 50%;
  font-size: 1.25em;
}
.containerWrapper .fed__head .row h3,
.containerWrapper .fed__Infopage .row h3 {
  font-weight: 600;
  font-size: 1.125em;
}
.containerWrapper .fed__head .row [class*=fed__head--],
.containerWrapper .fed__Infopage .row [class*=fed__head--] {
  border-style: solid;
  border-width: 2px;
  border-color: inherit;
  padding: 5px 0px 5px 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
}
.containerWrapper .fed__head .row [class*=fed__head--status],
.containerWrapper .fed__Infopage .row [class*=fed__head--status] {
  border-width: 0px;
  position: relative;
}
.containerWrapper .fed__head .row .fed__head--statusBox,
.containerWrapper .fed__Infopage .row .fed__head--statusBox {
  border-width: 3px;
  padding: 5px 0 5px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.containerWrapper .fed__head .row [class*=fed__head--statusLeft],
.containerWrapper .fed__Infopage .row [class*=fed__head--statusLeft] {
  font-size: 1.5em;
  padding: 0;
  z-index: 2;
}
.containerWrapper .fed__head .row [class*=fed__head--statusLeft] .largeText,
.containerWrapper .fed__Infopage .row [class*=fed__head--statusLeft] .largeText {
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.containerWrapper .fed__head .row [class*=fed__head--statusLeft] .smallText,
.containerWrapper .fed__Infopage .row [class*=fed__head--statusLeft] .smallText {
  position: relative;
  top: -10px;
  font-size: 0.8em;
}
.containerWrapper .fed__head .row .fed__head--statusLeftAlt .largeText,
.containerWrapper .fed__Infopage .row .fed__head--statusLeftAlt .largeText {
  line-height: 0.9em;
  padding: 5px 0;
  margin: 0;
}
.containerWrapper .fed__head .row .fed__head--statusLeftAlt .smallText,
.containerWrapper .fed__Infopage .row .fed__head--statusLeftAlt .smallText {
  position: relative;
  top: -10px;
  margin: 0;
  padding: 0;
  font-size: 0.5em;
  line-height: 0.5;
}
.containerWrapper .fed__head .row .fed__head--statusLeftAlt .moreText,
.containerWrapper .fed__Infopage .row .fed__head--statusLeftAlt .moreText {
  font-size: 0.7em;
}
.containerWrapper .fed__head .row .fed__head--statusLeftAlt .moreText .largeText,
.containerWrapper .fed__Infopage .row .fed__head--statusLeftAlt .moreText .largeText {
  width: 100%;
}
.containerWrapper .fed__head .row .fed__head--statusRight,
.containerWrapper .fed__Infopage .row .fed__head--statusRight {
  overflow: hidden;
  border-width: 0;
  position: relative;
  right: 10px;
  text-align: center;
  margin: 0;
}
.containerWrapper .fed__head .row [class*=fed__head--statusLeft]:before,
.containerWrapper .fed__Infopage .row [class*=fed__head--statusLeft]:before {
  content: "My";
  display: block;
  font-size: 2em;
}
.containerWrapper .fed__head .row .fed__head--lockedWrapper,
.containerWrapper .fed__Infopage .row .fed__head--lockedWrapper {
  border-width: 0;
  position: relative;
  right: 10px;
  overflow: hidden;
  display: inline-block;
  text-align: center;
}
.containerWrapper .fed__head .row .fed__head--lockedWrapper .amberAlert,
.containerWrapper .fed__Infopage .row .fed__head--lockedWrapper .amberAlert {
  border-color: #ffcc33;
}
.containerWrapper .fed__head .row .fed__head--lockedWrapper .trafficLightRed,
.containerWrapper .fed__Infopage .row .fed__head--lockedWrapper .trafficLightRed {
  border-color: #d2232a;
}
.containerWrapper .fed__head .row .fed__head--lockedWrapper .trafficLightRed,
.containerWrapper .fed__Infopage .row .fed__head--lockedWrapper .trafficLightRed {
  border-color: #d2232a;
}
.containerWrapper .fed__head .row .fed__head--statusLocked,
.containerWrapper .fed__Infopage .row .fed__head--statusLocked {
  border-width: 2px;
  border-style: solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding: 5px;
  display: inline-block;
  height: 180px;
  width: 180px;
}
.containerWrapper .fed__head .row .fed__head--statusLocked [class*=fedIcon__],
.containerWrapper .fed__Infopage .row .fed__head--statusLocked [class*=fedIcon__] {
  border-width: 6px;
  border-style: solid;
  font-size: 10px;
  padding: 5px 10px;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  line-height: 0;
  top: 0;
  text-indent: -10px;
}
.containerWrapper .fed__head .row .fedIcon--text,
.containerWrapper .fed__Infopage .row .fedIcon--text {
  position: relative;
  top: 38px;
  text-align: center;
  text-indent: 0;
  font-size: 14px;
  display: inherit;
  line-height: 1.25em;
}
.containerWrapper .fed__head .row .fedIcon__halt .fedIcon--text,
.containerWrapper .fed__Infopage .row .fedIcon__halt .fedIcon--text {
  top: 57px;
}
.containerWrapper .fed__head .row .fed__head--statusLink,
.containerWrapper .fed__Infopage .row .fed__head--statusLink {
  display: block;
  width: 50%;
  text-align: center;
  position: absolute;
  left: -3px;
  bottom: -3px;
  z-index: 3;
  -webkit-border-radius: 0 5px 0 10px;
  -moz-border-radius: 0 5px 0 10px;
  -ms-border-radius: 0 5px 0 10px;
  border-radius: 0 5px 0 10px;
}
.containerWrapper .fed__head .row .fed__head--statusLocked [class*=fedIcon__]:before,
.containerWrapper .fed__Infopage .row .fed__head--statusLocked [class*=fedIcon__]:before {
  font-size: 160px;
  line-height: 0;
  top: 50px;
}
.containerWrapper .fed__head .row .fed__head--statusLocked .fedIcon__lock:before,
.containerWrapper .fed__Infopage .row .fed__head--statusLocked .fedIcon__lock:before {
  font-size: 163px;
  line-height: 0;
  top: 68px;
}
.containerWrapper .fed__head .row .fed__head--statusLocked .fedIcon__halt:before,
.containerWrapper .fed__Infopage .row .fed__head--statusLocked .fedIcon__halt:before {
  font-size: 130px;
  top: 55px;
  padding-left: 14px;
}
.containerWrapper .fed__head .row .fed__head--statusLocked .fedIcon__halt:before .fedIcon--text,
.containerWrapper .fed__Infopage .row .fed__head--statusLocked .fedIcon__halt:before .fedIcon--text {
  top: 50px;
}
.containerWrapper .fed__head .row .fed__head--statusLocked .fedIcon__thumbsDown:before,
.containerWrapper .fed__Infopage .row .fed__head--statusLocked .fedIcon__thumbsDown:before {
  top: 55px;
}
.containerWrapper .fed__head .row .fed__head--cta,
.containerWrapper .fed__Infopage .row .fed__head--cta {
  padding: 5px 92px 5px 16px;
  background-color: white;
  min-height: 65px;
  /*fed__awards*/
}
.containerWrapper .fed__head .row .fed__head--cta.fed__award--Bronze,
.containerWrapper .fed__Infopage .row .fed__head--cta.fed__award--Bronze {
  color: #f26524;
  border-color: #f26524;
}
.containerWrapper .fed__head .row .fed__head--cta.fed__award--Gold,
.containerWrapper .fed__Infopage .row .fed__head--cta.fed__award--Gold {
  color: #ffcc33;
  border-color: #ffcc33;
}
.containerWrapper .fed__head .row .fed__head--cta.fedIcon__info,
.containerWrapper .fed__Infopage .row .fed__head--cta.fedIcon__info {
  margin: 20px 0 10px;
  padding: 5px 100px 5px 16px;
}
.containerWrapper .fed__head .row .fed__head--cta.fedIcon__info [class*=fedIcon__],
.containerWrapper .fed__Infopage .row .fed__head--cta.fedIcon__info [class*=fedIcon__] {
  display: inline-block;
  position: relative;
  top: 0.2em;
  font-size: 1.5em;
  padding: 0 5px;
  line-height: 0;
}
.containerWrapper .fed__head .row .fed__head--cta.fedIcon__info .fedIcon__chevronUp,
.containerWrapper .fed__Infopage .row .fed__head--cta.fedIcon__info .fedIcon__chevronUp {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.containerWrapper .fed__head .row .fed__head--cta:before,
.containerWrapper .fed__Infopage .row .fed__head--cta:before {
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: -10px;
  right: 10px;
  border-color: inherit;
  border-width: 3px;
  border-style: solid;
  background-color: inherit;
  font-size: 104px;
  width: 80px;
  height: 80px;
  line-height: 0;
  padding-top: 34px;
  text-indent: -12px;
}
.containerWrapper .fed__head .row .fed__head--cta.fedIcon__info:before,
.containerWrapper .fed__Infopage .row .fed__head--cta.fedIcon__info:before {
  border-width: 0;
  text-indent: -10px;
  padding-top: 40px;
}
.containerWrapper .fed__head .row .fed__head--cta.fedIcon__question:before,
.containerWrapper .fed__Infopage .row .fed__head--cta.fedIcon__question:before {
  font-size: 80px;
  text-indent: 0;
  padding-top: 35px;
}
.containerWrapper .fed__head .row .fed__head--cta.fedIcon__cancel:before,
.containerWrapper .fed__Infopage .row .fed__head--cta.fedIcon__cancel:before {
  font-size: 72px;
  text-indent: 8px;
  padding-top: 34px;
}
.containerWrapper .fed__head .row .fed__head--cta.fedIcon__loan:before,
.containerWrapper .fed__Infopage .row .fed__head--cta.fedIcon__loan:before {
  font-size: 70px;
  text-indent: 1px;
  padding-top: 35px;
}
.containerWrapper .fed__head .row .fed__head--cta.fedIcon__accounts:before,
.containerWrapper .fed__Infopage .row .fed__head--cta.fedIcon__accounts:before {
  font-size: 70px;
  text-indent: 5px;
  padding-top: 35px;
}
.containerWrapper .fed__head .row .fed__head--cta.fedIcon__target:before,
.containerWrapper .fed__Infopage .row .fed__head--cta.fedIcon__target:before {
  font-size: 74px;
  text-indent: 3px;
  padding-top: 40px;
}
.containerWrapper .fed__head .row .fed__ChartWrapper,
.containerWrapper .fed__Infopage .row .fed__ChartWrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  height: 182px;
  width: 182px;
  display: inline-block;
}
.containerWrapper .fed__head .row .fed__ChartUnder,
.containerWrapper .fed__Infopage .row .fed__ChartUnder {
  text-align: center;
  margin: 5px 0 0 0;
}
.containerWrapper .fed__head .row .fed__donut,
.containerWrapper .fed__Infopage .row .fed__donut {
  height: 184px;
  position: relative;
  left: 50%;
  top: -8px;
  margin-left: -184px;
  width: auto;
  display: inline-block;
}
.containerWrapper .fed__head .row .fed__ChartText,
.containerWrapper .fed__Infopage .row .fed__ChartText {
  text-align: center;
  position: absolute;
  z-index: 1;
  width: 180px;
  left: 50%;
  top: 44px;
  margin-left: -90px;
}
.containerWrapper .fed__head .row .fed__ChartPercent,
.containerWrapper .fed__Infopage .row .fed__ChartPercent {
  font-size: 44px;
}
.containerWrapper .fed__head .row .fed__barWrapper,
.containerWrapper .fed__Infopage .row .fed__barWrapper {
  padding: 0 0 0 10px;
}
.containerWrapper .fed__head .row .fed__barWrapper .fed__bar,
.containerWrapper .fed__Infopage .row .fed__barWrapper .fed__bar {
  cursor: pointer;
}

.containerWrapper .fed__Infopage p {
  margin: 5px 0 10px;
}
.containerWrapper .fed__Infopage ul,
.containerWrapper .fed__Infopage ol {
  padding-left: 30px;
  font-size: 1.5em;
  line-height: 1em;
  position: relative;
}
.containerWrapper .fed__Infopage ul {
  list-style-type: disc;
}
.containerWrapper .fed__Infopage li {
  margin: 5px 0 10px;
}
.containerWrapper .fed__Infopage .fed__listText {
  color: #666666;
  font-size: 0.667em;
  position: relative;
  top: -0.125em;
}

/*fed__body*/
.containerWrapper .fed__body .col-12.row {
  padding: 10px 20px;
}

[class*=fed__infoBlock] {
  border-style: solid;
  border-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
[class*=fed__infoBlock] [class*=fedIcon__] {
  text-align: left;
  position: relative;
  padding: 7px 40px 7px 0;
}
[class*=fed__infoBlock] [class*=fedIcon__]:before {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  font-size: 30px;
}
[class*=fed__infoBlock] .fedIcon__warning:before {
  color: #d2232a;
}

.IAmAfed {
  display: none;
}

.fed_ContentWrapper {
  margin-top: 50px;
}

#menu-main a.dashMenuOn {
  background-color: white;
  color: #666666;
  font-weight: 700;
}

.fed_topMenu {
  width: 100%;
  position: absolute;
  display: none;
  top: 50px;
  left: 0;
  z-index: 100;
  overflow: hidden;
  background-color: white;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 2px;
}
.fed_topMenu li {
  display: inline-block;
  width: auto;
}
.fed_topMenu li a {
  padding: 5px 10px;
  display: inline-block;
  transition: padding 1s ease;
}

.fed_topMenu.dashMenuOn {
  display: block;
}

/*fed table*/
.fed__table [class*=col-] {
  padding: 0;
  margin: 0 0 10px;
}
.fed__table p {
  margin: 5px 0 10px;
}
.fed__table a.linkButton,
.fed__table button.linkButton,
.fed__table button.button--100twoCol,
.fed__table button.fed_buttonRev {
  border-style: solid;
  border-width: 2px;
  position: relative;
  text-align: center;
  color: #000;
  padding: 5px;
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.fed__table a.linkButton.valign,
.fed__table button.linkButton.valign,
.fed__table button.button--100twoCol.valign,
.fed__table button.fed_buttonRev.valign {
  margin-left: 0;
  left: 2px;
}
.fed__table button.button--100twoCol,
.fed__table button.fed_buttonRev {
  width: 100%;
  padding: 10px;
  font-size: 24px;
  margin: 10px 0 21px;
}
.fed__table button.button--100twoCol:not(:disabled),
.fed__table button.fed_buttonRev:not(:disabled) {
  border-color: inherit;
}
.fed__table button.button--100twoCol:disabled,
.fed__table button.fed_buttonRev:disabled {
  border-color: #c2c2c2;
}
.fed__table label {
  padding: 0;
  margin: 0;
  line-height: 1em;
  font-size: 0.8em;
}
.fed__table .fed__table--checkWrapper {
  padding: 7px 0 0 2.5%;
}
.fed__table .form__check label:after {
  top: -2px;
  left: -4px;
}
.fed__table .form__check label:before {
  top: -10px;
  right: 3px;
  width: 10px;
}
.fed__table .form__check.validate.validate__error label .error,
.fed__table .validate.validate__error label {
  padding: 3px 10px;
}

.fed__tableValue {
  font-weight: 600;
}

.fed__concertina {
  overflow: hidden;
}

[class*=fed_labelTable] table {
  width: 100%;
  margin: 10px 0 0;
}
[class*=fed_labelTable] table td {
  position: relative;
  height: auto;
  text-align: center;
}
[class*=fed_labelTable] table td div {
  position: relative;
  margin: 0 auto;
  font-size: 0.8em;
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
[class*=fed_labelTable] table td.fed_labelTable--1stTd {
  text-align: left;
}
[class*=fed_labelTable] table td.fed_labelTable--lastTd {
  text-align: right;
}

.fed_labelTable--6to4 table {
  margin: 20px 0;
}
.fed_labelTable--6to4 table td {
  width: 20%;
}
.fed_labelTable--6to4 table td:nth-of-type(1),
.fed_labelTable--6to4 table td:nth-of-type(6) {
  width: 10%;
}

.fed_labelTable--12labelLeft:before {
  content: "";
  width: 100%;
  display: block;
  opacity: 0;
  height: 65px;
  background-color: #d2232a;
  z-index: 100;
  position: absolute;
  left: 0;
  top: -5px;
}

.fed_labelTable--12labelLeft table {
  text-align: left;
  border-collapse: separate;
  position: relative;
}
.fed_labelTable--12labelLeft table td,
.fed_labelTable--12labelLeft table th {
  text-align: left;
  width: 5%;
  margin: 0;
  background-color: inherit;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: inherit;
  border-width: 0;
  border-style: solid;
}
.fed_labelTable--12labelLeft table th {
  font-size: 0.8em;
  border-width: 0;
}
.fed_labelTable--12labelLeft table th.fed_labelTable--1stTd {
  font-size: 1.25em;
}
.fed_labelTable--12labelLeft table td.fed_labelTable--1stTd,
.fed_labelTable--12labelLeft table th.fed_labelTable--1stTd {
  width: 40%;
  background-color: white;
  border-width: 0;
}
.fed_labelTable--12labelLeft table th.fed_labelTable--lastTd {
  text-align: right;
}
.fed_labelTable--12labelLeft table td.warning {
  background-color: #d2232a;
}
.fed_labelTable--12labelLeft table td .Fed_tooltip {
  border-style: solid;
  border-width: 2px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 5px;
  position: absolute;
  background-color: white;
  z-index: 10;
  text-align: center;
  top: -20px;
  width: 120px;
  margin-left: -60px;
  left: 70%;
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
  opacity: 0;
}
.fed_labelTable--12labelLeft table td:hover {
  cursor: pointer;
}
.fed_labelTable--12labelLeft table td.Fed_tooltip_show {
  border-width: 4px;
}
.fed_labelTable--12labelLeft table td.Fed_tooltip_show .Fed_tooltip {
  opacity: 1;
}

/*trafficlight bar chart*/
.fed__scoreBarTraffic {
  width: 100%;
  text-align: left;
  border-width: 2px;
  border-style: solid;
  margin: 20px 0 40px;
  position: relative;
  background-color: #ffcc33; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, right top, from(#d2232a), to(#ffcc33), to(#9fc01b)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(left, #d2232a, #ffcc33 45%, #ffcc33 55%, #9fc01b); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, #d2232a, #ffcc33 45%, #ffcc33 55%, #9fc01b); /* FF3.6 */
  background-image: -ms-linear-gradient(left, #d2232a, #ffcc33 45%, #ffcc33 55%, #9fc01b); /* IE10 */
  background-image: -o-linear-gradient(left, #d2232a, #ffcc33 45%, #ffcc33 55%, #9fc01b); /* Opera 11.10+ */
  background-image: linear-gradient(to right, #d2232a, #ffcc33 45%, #ffcc33 55%, #9fc01b);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr="#d2232a", EndColorStr="#9fc01b");
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  height: 40px;
}
.fed__scoreBarTraffic .fed__CreditScore--SliderMarker {
  display: inline-block;
  border-width: 0;
  position: relative;
  width: 80px;
  left: -40px;
  text-align: center;
  top: -12px;
  z-index: 5;
}
.fed__scoreBarTraffic .fed__CreditScore--SliderMarker:after, .fed__scoreBarTraffic .fed__CreditScore--SliderMarker:before {
  display: block;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-top: 30px solid white;
  left: 50%;
  margin-left: -30px;
  bottom: -44px;
  z-index: -1;
}
.fed__scoreBarTraffic .fed__CreditScore--SliderMarker:before {
  border-top-color: inherit;
  bottom: -47px;
}

/*list counter*/
.Fed__ulCounter {
  padding: 5px;
  margin: 0 5px 0 0;
  display: inline-block;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  font-weight: 700;
  color: white;
}

ul.Fed__ulCountedList {
  list-style-type: disc;
  font-size: 2em;
  display: block;
  text-align: left;
  padding: 0 0 0 70px;
  margin: 0;
  width: 100%;
}
ul.Fed__ulCountedList li {
  line-height: 0.75em;
}

li .Fed__ulCountedList--text {
  font-size: 0.5em;
  position: relative;
  top: -0.25em;
}

.Fed__ulCounted--NoList {
  text-align: left;
  padding: 0 0 0 30px;
}

.fed__warningText {
  color: #d2232a;
  line-height: 0.75em;
  font-size: 0.8em;
}

/*fed__keyRow*/
.containerWrapper .fed__body .col-12.row.fed__keyRow {
  padding: 0 20px;
  margin: 0;
}

.bootover .fed__keyRow h3 {
  font-size: 20px;
}
.bootover .fed__keyRow [class*=col-],
.bootover .fed__keyRow [class*=col-]:nth-last-of-type(1) {
  border-width: 0;
  text-align: right;
  vertical-align: middle;
  padding: 8px 50px 8px 0;
  margin: 5px 0;
}
.bootover .fed__keyRow [class*=col-]:nth-of-type(1) {
  text-align: left;
  padding: 8px 0;
}
.bootover .fed__keyRow [class*=col-]:nth-of-type(even) {
  padding: 8px 50px 8px 15px;
}
.bootover .fed__keyRow [class*=col-]:after {
  border-width: 2px;
  border-style: solid;
  border-color: inherit;
  content: "";
  display: inline-block;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
}
.bootover .fed__keyRow [class*=col-]:nth-of-type(1):after {
  display: none;
}

.bootover [class*=col-].fed__starRow:nth-of-type(n) {
  padding: 0;
  text-align: right;
}
.bootover [class*=col-].fed__starRow:nth-of-type(n) [class*=fedIcon__] {
  display: inline-block;
  font-size: 36px;
  color: #ffcc33;
  position: relative;
  top: -5px;
  line-height: 1em;
}
.bootover [class*=col-].fed__starRow:nth-of-type(n) .fed__NoStar {
  font-size: 24px;
  color: #ffcc33;
}

.bootover [class*=col-].fed__starRow:after {
  display: none;
}

/*reponsive*/
@media (max-width: 991px) {
  .fed_labelTable table td {
    height: 35px;
  }
  .fed_labelTable table td div {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: 5px;
    left: 50%;
    margin: 0 0 0 -18px;
  }
  .containerWrapper .fed__head .row .fed__head--lockedWrapper,
  .containerWrapper .fed__head .row .fed__head--statusRight {
    right: 0;
  }
  .containerWrapper .fed__head .row .fed__ChartWrapper {
    text-align: left;
  }
  .containerWrapper .fed__head .row .fed__ChartText {
    text-align: left;
    top: 58px;
    margin-left: -62px;
    font-size: 0.75em;
    line-height: 2em;
  }
  .containerWrapper .fed__head .row .fed__ChartPercent {
    font-size: 28px;
  }
  .containerWrapper .fed__head .row [class*=fed__head--statusLeft] .largeText {
    width: 200%;
  }
  .fed_topMenu li a {
    padding: 5px 6px;
  }
}
@media (max-width: 767px) {
  .fed.formFrame {
    top: -30px;
  }
  .fed.formFrame:after {
    height: calc(100% - 234px);
  }
  .fed_topMenu {
    position: relative;
    top: 0;
  }
  .fed_topMenu li {
    width: 100%;
  }
  .fed_topMenu li a {
    padding: 5px 6px;
  }
  .containerWrapper .fed__head .row {
    padding: 10px 10px 0;
  }
  .containerWrapper .fed__head .row .col-12 .col-md-6:nth-of-type(even),
  .containerWrapper .fed__head .row .col-12:not(.rightToLeft) .col-md-6:nth-of-type(even),
  .containerWrapper .fed__head .row .col-12.rightToLeft .col-md-6:nth-of-type(odd),
  .containerWrapper .fed__head .row .col-md-6 {
    margin: 0 0 10px;
    max-width: 100%;
  }
  .containerWrapper .fed__head .row .col-md-9,
  .containerWrapper .fed__head .row .col-12 {
    padding: 0;
  }
  .containerWrapper .fed__head .row .col-12.fed__apiFrame {
    border-style: solid;
    margin: 10px 0;
  }
  .containerWrapper .fed__head .row .fed__head--msg,
  .containerWrapper .fed__head .row .fed__head--cta {
    padding: 0 80px 0 15px;
  }
  .containerWrapper .fed__head .row .fed__ChartWrapper {
    text-align: center;
  }
  .containerWrapper .fed__head .row .fed__ChartText {
    text-align: center;
    top: 44px;
    margin-left: -90px;
    font-size: inherit;
    line-height: inherit;
  }
  .containerWrapper .fed__head .row .fed__ChartPercent {
    font-size: 44px;
  }
  .containerWrapper .fed__head .row .fed__api--InputWrapper[class*=fedIcon__]:before {
    right: 10px;
  }
  .containerWrapper .fed__head .row .fed__apiFrame--smlBtn {
    width: 100%;
    margin: -3px 0 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
  }
  .containerWrapper .fed__head .row [class*=fed__head--statusLeft] .largeText {
    width: 100%;
  }
  .containerWrapper .fed__head .fed__head--statusBox.row:not(:nth-of-type(1)) {
    padding: 0 0 0 20px;
  }
  .containerWrapper .fed__head .fed__table [class*=col-md] {
    padding: 0;
  }
  .containerWrapper .fed__body .col-12.row {
    padding: 10px;
  }
  .bootover .fed__keyRow [class*=col-],
  .bootover .fed__keyRow [class*=col-]:nth-last-of-type(1) {
    text-align: left;
  }
  .fed__keyRow .col-md-3.col-12:nth-of-type(1) {
    margin: 0;
    padding: 0;
  }
  .fed__keyRow .col-md-3.col-4,
  .fed__keyRow .col-md-3.col-4:nth-last-of-type(1),
  .fed__keyRow .col-md-3.col-4:nth-of-type(even) {
    text-align: right;
    margin: 0;
    padding: 2px 30px 2px 0;
    font-size: 0.9em;
  }
  .fed__keyRow .col-md-3.col-4:after {
    width: 25px;
    height: 25px;
  }
  .containerWrapper .fed__body .col-12.row.fed__keyRow {
    padding: 10px;
  }
  .bootover [class*=col-].fed__starRow:nth-of-type(n) {
    text-align: right;
  }
}
@media only screen and (max-width: 576px) {
  .fed.formFrame {
    margin: 0 -10px;
    width: calc(100% + 20px);
  }
  .fed.formFrame:after {
    height: calc(100% - 280px);
  }
  .containerWrapper .fed__head .row {
    margin: 0;
  }
  .containerWrapper .fed__head .row .fed__head--cta.fedIcon__info,
  .containerWrapper .fed__head .row .fed__head--cta {
    padding: 5px 52px 5px 16px;
  }
  .containerWrapper .fed__head .row .fed__head--cta:before {
    top: 10px;
    padding-top: 15px;
    font-size: 47px;
    width: 40px;
    height: 40px;
    text-indent: -5px;
  }
  .containerWrapper .fed__head .row .fed__head--cta.fedIcon__info:before {
    text-indent: 0;
    padding-top: 21px;
  }
  .containerWrapper .fed__head .row .fed__head--cta.fedIcon__question:before {
    font-size: 38px;
    padding-top: 16px;
  }
  .containerWrapper .fed__head .row .fed__head--cta.fedIcon__cancel:before {
    font-size: 38px;
    padding-top: 15px;
    text-indent: 2px;
  }
  .containerWrapper .fed__head .row .fed__head--cta.fedIcon__loan:before {
    font-size: 31px;
    padding-top: 17px;
  }
  .containerWrapper .fed__head .row .fed__head--cta.fedIcon__accounts:before {
    font-size: 33px;
    padding-top: 16px;
    text-indent: 2px;
  }
  .containerWrapper .fed__head .row .fed__head--cta.fedIcon__target:before {
    font-size: 32px;
    text-indent: 2px;
    padding-top: 18px;
  }
  .containerWrapper .fed__head .row .fed__head--statusLocked [class*=fedIcon__]:before {
    top: 64px;
  }
  .containerWrapper .fed__head .row .fedIcon--text {
    display: None;
  }
  .containerWrapper .fed__head .row .fed__ChartWrapper {
    text-align: left;
  }
  .containerWrapper .fed__head .row .fed__ChartText {
    text-align: right;
    top: 58px;
    width: 50%;
    margin-left: -75px;
    font-size: 0.75em;
    line-height: 2em;
  }
  .containerWrapper .fed__head .row .fed__ChartPercent {
    font-size: 24px;
  }
  .containerWrapper .fed__head .row [class*=fed__head--statusLeft] .largeText {
    width: 200%;
  }
  .containerWrapper .fedConcertina__Body .fed__head .row .fed__head--cta:before {
    top: 7px;
    font-size: 75px;
    width: 80px;
    height: 80px;
    right: 5px;
    text-indent: 3px;
    padding-top: 35px;
  }
  .fed__table a.linkButton.valign,
  .fed__table button.linkButton.valign {
    margin-left: 0;
    left: 0;
  }
  .fed__table .fed__table--checkWrapper {
    padding: 7px 0 0 0;
  }
  .fed__table .fed_labelTable--6to4 table td {
    width: 25%;
  }
  .fed_labelTable--12labelLeft:before {
    top: 50px;
  }
  .fed_labelTable--12labelLeft table td {
    width: 8.1%;
    display: inline-block;
    margin: 0;
    height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
  }
  @-moz-document url-prefix() {
    .fed_labelTable--12labelLeft table td {
      margin: 0 0 0 -4px;
    }
  }
  .fed_labelTable--12labelLeft table th {
    width: calc(50% - 4px);
    display: inline-block;
    height: auto;
  }
  .fed_labelTable--12labelLeft table th.fed_labelTable--1stTd,
  .fed_labelTable--12labelLeft table td.fed_labelTable--1stTd {
    width: 100%;
    height: 30px;
  }
  .fed_labelTable--12labelLeft table td.fed_labelTable--1stTd {
    padding: 0 3px;
    top: 6px;
  }
  .fed_labelTable--12labelLeft table td .Fed_tooltip {
    top: 35px;
    margin-left: 0;
    left: auto;
    right: 10px;
  }
}
/*moz only*/
@media only screen and (max-width: 576px) {
  @-moz-document url-prefix() {
    .fed_labelTable--12labelLeft table td {
      margin: 0 0 0 -4px;
    }
  }
}
/*ie only*/
@media screen and (min-width: 0\0 ) {
  .fed_labelTable--12labelLeft table td {
    margin: 0 0 0 -4px;
  }
}
.fedVariableicon:before,
[class*=fedIcon__]:before,
[class*=fedIcon__]:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
}

.fedVariableicon:before {
  font-weight: bold;
  margin: 0 10px 0 0;
}

.largeIcon.fedVariableicon:before {
  font-size: 2em;
  line-height: 0.25em;
  position: relative;
  top: 0.2em;
  margin: 0;
}

.fedIcon__halt:before {
  content: "\e951";
  font-size: 0.75em;
}

.fedIcon__thumbsDown:before {
  content: "\e952";
}

.fedIcon__thumbsUp:before {
  content: "\e953";
}

.fedVariableicon.All.Other.Spending:before,
.fedIcon__target:before {
  content: "\e903";
}

.fedIcon__exit:before {
  content: "\e90b";
}

.fedVariableicon.Retail:before,
.fedIcon__trolley:before {
  content: "\e90e";
}

.fedIcon__contact:before {
  content: "\e91f";
}

.fedVariableicon.creditCards:before,
.fedIcon__creditCards:before {
  content: "\e923";
}

.fedIcon__cosmetics:before {
  content: "\e924";
}

.fedIcon__download:before {
  content: "\e932";
}

.fedIcon__person:before {
  content: "\e933";
}

.fedVariableicon.Eating.Out:before,
.fedIcon__food:before {
  content: "\e934";
}

.fedVariableicon.Personal.Care:before,
.fedIcon__health:before {
  content: "\e935";
}

.fedIcon__more:before {
  content: "\e936";
}

.fedVariableicon.Calendar:before,
.fedIcon__schedule:before {
  content: "\e937";
}

.fedIcon__diy:before {
  content: "\e938";
}

.fedVariableicon.Household:before,
.fedIcon__home:before {
  content: "\e939";
}

.fedIcon__loan:before {
  content: "\e93a";
  padding-left: 0.1em;
}

.fedVariableicon.Music:before,
.fedIcon__music:before {
  content: "\e93b";
}

.fedIcon__ticket:before {
  content: "\e93c";
}

.fedIcon__arrowOpen:before {
  content: "\e93d";
}

.fedIcon__chevronUp:before,
.fedIcon__chevronDown:before {
  content: "\f13a";
}

.fedIcon__email:before {
  content: "\e93e";
}

.fedIcon__pets:before {
  content: "\e93f";
}

.fedVariableicon.Travel:before,
.fedIcon__travel:before {
  content: "\e940";
}

.fedIcon__chart:before {
  content: "\e941";
}

.fedIcon__lock:before {
  content: "\e944";
}

.fedVariableicon.Groceries:before,
.fedIcon__grocery:before {
  content: "\e945";
}

.fedIcon__back:before {
  content: "\e946";
}

.fedIcon__doc:before {
  content: "\e947";
}

.fedVariableicon.Domestic.Vehicles:before,
.fedIcon__car:before {
  content: "\e948";
}

.fedIcon__electricPlug:before {
  content: "\e949";
}

.fedIcon__accounts:before {
  content: "\e94a";
}

.fedIcon__question:before {
  content: "\e94b";
}

.fedIcon__accountSave:before {
  content: "\e94c";
}

.fedIcon__revolve:before {
  content: "\e94d";
}

.fedIcon__transfer:before {
  content: "\e94e";
}

.fedVariableicon.Clothing:before,
.fedIcon__clothes:before {
  content: "\e94f";
}

.fedIcon__toys:before {
  content: "\e950";
}

.fedIcon__cancel:before {
  content: "\f00d";
  font-size: 0.75em;
}

.fedIcon__search:before {
  content: "\e925";
}

.fedIcon__filter:before {
  content: "\ea5b";
}

.fedIcon__checkBox:before {
  content: "\f047";
}

.fedIcon__warning:before {
  content: "\ea07";
}

.fedIcon__star:before {
  content: "\e929";
}

.fedIcon__info:before {
  content: "\e922";
}

.containerWrapper .fed__body .fed__infoBlock--concertina .col-12.row {
  padding: 0;
}

.containerWrapper .fed__body .fed__infoBlock--concertina .col-12.row.fedConcertina__altRows .col-12.row {
  padding: 0 0 0 5px;
}

.col-12.fed__infoBlock--concertina,
.fed__infoBlock--concertina {
  padding: 0;
  margin: 0 0 20px;
  text-align: left;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.containerWrapper .fedConcertina__Head {
  width: 100%;
  border-width: 0;
  border-style: solid;
  border-bottom-width: 2px;
}
.containerWrapper .fedConcertina__Head .row {
  padding: 0;
}
.containerWrapper .fedConcertina__Head .fedIcon__chevronDown {
  padding: 0;
  position: relative;
  right: -10px;
}
.containerWrapper .fedConcertina__Head .valign-xs.fedIcon__chevronDown {
  right: -20px;
}
.containerWrapper .fedConcertina__Head .fedIcon__chevronDown:before {
  right: 0;
}
.containerWrapper .fedConcertina__Head h3 {
  padding: 0;
  margin: 0;
  font-size: 1.25em;
}
.containerWrapper .fedConcertina__Head [class*=col-sm-]:not(.container__twitter-feed):not(.col-sm-4),
.containerWrapper .fedConcertina__Head .col-sm-4 {
  margin: 0;
}

.fedConcertina__Body {
  overflow: hidden;
  min-height: 0;
}

[class*=fedConcertina__row] {
  overflow: hidden;
  padding: 0;
  min-height: 0;
}
[class*=fedConcertina__row] label {
  line-height: 0;
  font-size: 0.75em;
}

.fedIcon__chevronDown:before {
  cursor: pointer;
}

/* transitions*/
.fed__infoBlock--concertina .fed__infoBlock--concertina,
.fed__infoBlock--concertina .fedConcertina__Body,
.fed__infoBlock--concertina .fedIcon__chevronDown:before,
.fed__infoBlock--concertina [class*=fedConcertina__row],
.fed__infoBlock--concertina .fedConcertina__Head {
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
}
.fed__infoBlock--concertina .fed__infoBlock--concertina .largeIcon.fedVariableicon:before,
.fed__infoBlock--concertina .fedConcertina__Body .largeIcon.fedVariableicon:before,
.fed__infoBlock--concertina .fedIcon__chevronDown:before .largeIcon.fedVariableicon:before,
.fed__infoBlock--concertina [class*=fedConcertina__row] .largeIcon.fedVariableicon:before,
.fed__infoBlock--concertina .fedConcertina__Head .largeIcon.fedVariableicon:before {
  left: 10px;
}
.fed__infoBlock--concertina [class*=fedConcertina__value] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fed__infoBlock--concertina .fedConcertina__value--long {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
}

.fedConcertina__altRows .col-12.row:nth-of-type(even) {
  background-color: #f0f0f0;
}

.containerWrapper .fed__body .fed__infoBlock--concertina .fedConcertina__Body {
  min-height: 0;
}
.containerWrapper .fed__body .fed__infoBlock--concertina .fedConcertina__Body [class*=col-] {
  min-height: 0;
}

.containerWrapper .fed__body .fed__infoBlock--concertina:not(.fedConcertina__Open) .fedConcertina__Head {
  border-color: transparent;
  padding: 14px 20px;
}
.containerWrapper .fed__body .fed__infoBlock--concertina:not(.fedConcertina__Open) .fedConcertina__Body {
  padding: 0 20px;
  opacity: 0;
}
.containerWrapper .fed__body .fed__infoBlock--concertina:not(.fedConcertina__Open) [class*=fedConcertina__row] {
  height: 0;
  margin: 0;
  padding: 0;
}
.containerWrapper .fed__body .fed__infoBlock--concertina:not(.fedConcertina__Open) .fedIcon__chevronDown:before {
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.containerWrapper .fed__body .fed__infoBlock--concertina.fedConcertina__Open .fedConcertina__Head {
  border-color: inherit;
  padding: 14px 20px;
}
.containerWrapper .fed__body .fed__infoBlock--concertina.fedConcertina__Open .fedConcertina__Body {
  padding: 10px 20px;
  opacity: 1;
}
.containerWrapper .fed__body .fed__infoBlock--concertina.fedConcertina__Open .fedConcertina__row {
  height: 25px;
}
.containerWrapper .fed__body .fed__infoBlock--concertina.fedConcertina__Open .fedConcertina__rowDouble {
  height: 60px;
}
.containerWrapper .fed__body .fed__infoBlock--concertina.fedConcertina__Open .fedConcertina__rowAward {
  height: 100px;
  padding: 25px 0;
}
.containerWrapper .fed__body .fed__infoBlock--concertina.fedConcertina__Open .fedConcertina__row--tabLabel {
  height: 30px;
  margin: 0;
}
.containerWrapper .fed__body .fed__infoBlock--concertina.fedConcertina__Open .fedIcon__chevronDown:before {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fed__infoBlock--concertina:not(.overdue):not(.dueNow) {
  border-color: inherit;
}
.fed__infoBlock--concertina:not(.overdue):not(.dueNow) .fedIcon__chevronDown:before {
  color: inherit;
}

.fed__infoBlock--concertina.overdue {
  border-color: #d2232a;
}
.fed__infoBlock--concertina.overdue .fedIcon__chevronDown:before {
  color: #d2232a;
}

.fed__infoBlock--concertina.dueNow {
  border-color: #ffcc33;
}
.fed__infoBlock--concertina.dueNow .fedIcon__chevronDown:before {
  color: #ffcc33;
}

/*reponsive*/
@media (max-width: 767px) {
  .containerWrapper .fed__body .fed__infoBlock--concertina:not(.fedConcertina__Open) [class*=col-md],
  .containerWrapper .fed__body .fed__infoBlock--concertina:not(.fedConcertina__Open) [class*=fedConcertina__row] {
    padding: 0;
  }
  .containerWrapper .fed__body .fed__infoBlock--concertina.fedConcertina__Open .fedConcertina__row--tabLabel {
    height: 50px;
  }
  .containerWrapper .fed__body .fed__infoBlock--concertina.fedConcertina__Open .fedConcertina__row--tabLabel:nth-of-type(4) {
    margin: 0 0 15px;
  }
  .containerWrapper .fed__body .fed__infoBlock--concertina.fedConcertina__Open .fedConcertina__value--long {
    font-weight: 700;
  }
}
@media (max-width: 576px) {
  .containerWrapper .fedConcertina__Head .largeIcon.fedVariableicon:before {
    left: -10px;
  }
}
.fedGoal__wrapper {
  width: 100%;
  padding: 0 20px;
  border-width: 0;
  position: relative;
}
.fedGoal__wrapper .fedGoal__frame {
  display: inline-block;
  width: calc(50% - 23px);
  margin: 20px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: inherit;
  overflow: hidden;
  height: 200px;
  background-size: cover;
  position: relative;
  cursor: pointer;
}
.fedGoal__wrapper .fedGoal__frame:nth-of-type(odd) {
  left: -10px;
}
.fedGoal__wrapper .fedGoal__frame:nth-of-type(even) {
  right: -10px;
}
.fedGoal__wrapper .fedGoal__frame.onTarget {
  border-color: #ffcc33;
}
.fedGoal__wrapper .fedGoal__frame.offTarget {
  border-color: #d2232a;
}
.fedGoal__wrapper .fedGoal__content {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  transition: bottom 1s ease;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
.fedGoal__wrapper .fedGoal__onShow {
  padding: 5px 0;
}
.fedGoal__wrapper .fedGoal__frame:not(:hover):not(:focus) .fedGoal__content {
  bottom: -150px;
}
.fedGoal__wrapper .fedGoal__frame:hover .fedGoal__content,
.fedGoal__wrapper .fedGoal__frame:focus .fedGoal__content,
.fedGoal__wrapper .fedGoal__frame:active .fedGoal__content {
  bottom: 0;
}
.fedGoal__wrapper .fedGoal__Title {
  font-size: 24px;
}
.fedGoal__wrapper .fedGoal__BtnWrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  overflow: hidden;
  background-color: transparent;
}
.fedGoal__wrapper .fedGoal__BtnWrapper [class*=col-] {
  font-weight: 700;
  padding: 0;
  background-color: transparent;
}
.fedGoal__wrapper .fedGoal__BtnWrapper button {
  width: 100%;
  height: 100%;
  padding: 10px 5px;
  cursor: pointer;
  background-color: transparent;
  transition: opacity 1s ease;
}
.fedGoal__wrapper .fedGoal__BtnWrapper button:hover {
  opacity: 0.5;
}
.fedGoal__wrapper .fedGoal__BtnWrapper button.fedGoal__Btn--Red {
  background-color: rgba(210, 35, 42, 0.2);
}
.fedGoal__wrapper .fedGoal__BtnWrapper .col-6 {
  padding: 0 5px;
}
.fedGoal__wrapper .fedGoal__BtnWrapper .onTarget {
  background-color: #ffcc33;
}
.fedGoal__wrapper .fedGoal__BtnWrapper .offTarget {
  background-color: #d2232a;
}
.fedGoal__wrapper .fedGoal__BtnWrapper .offTarget button.fedGoal__Btn--Red {
  background-color: #89171b;
}

@media (max-width: 991px) {
  .fedGoal__wrapper .fedGoal__frame:not(:hover):not(:focus) .fedGoal__content {
    bottom: -121px;
  }
}
@media (max-width: 767px) {
  .fedGoal__wrapper {
    padding: 10px;
  }
  .fedGoal__wrapper .fedGoal__frame {
    display: inline-block;
    width: 100%;
  }
  .fedGoal__wrapper .fedGoal__frame:nth-of-type(n) {
    left: 0;
    right: auto;
    width: 100%;
    margin: 10px 0;
  }
}
.containerWrapper .fedTabs {
  /* spending Target Rows*/
}
.containerWrapper .fedTabs .col-12.row {
  padding: 10px 20px;
}
.containerWrapper .fedTabs .col-12.row.fedTabs__triggers {
  padding: 10px 20px 20px 20px;
}
.containerWrapper .fedTabs [class*=fedTabs__content],
.containerWrapper .fedTabs .fedTabs__triggers {
  width: 100%;
}
.containerWrapper .fedTabs [class*=fedTabs__content] .fed__body,
.containerWrapper .fedTabs .fedTabs__triggers .fed__body {
  width: 100%;
  padding: 0 20px;
}
.containerWrapper .fedTabs [class*=fedTabs__content] [class*=col-],
.containerWrapper .fedTabs .fedTabs__triggers [class*=col-] {
  padding: 0 5px;
}
.containerWrapper .fedTabs [class*=fedTabs__content] [class*=col-]:nth-of-type(1),
.containerWrapper .fedTabs .fedTabs__triggers [class*=col-]:nth-of-type(1) {
  padding: 0 5px 0 0;
}
.containerWrapper .fedTabs [class*=fedTabs__content] [class*=col-]:last-of-type,
.containerWrapper .fedTabs .fedTabs__triggers [class*=col-]:last-of-type {
  padding: 0 0 0 5px;
}
.containerWrapper .fedTabs [class*=fedTabs__content] .col-12:nth-of-type(n),
.containerWrapper .fedTabs .fedTabs__triggers .col-12:nth-of-type(n) {
  padding: 0;
}
.containerWrapper .fedTabs [class*=fedTabs__content] h3,
.containerWrapper .fedTabs [class*=fedTabs__content] button,
.containerWrapper .fedTabs [class*=fedTabs__content] a,
.containerWrapper .fedTabs .fedTabs__triggers h3,
.containerWrapper .fedTabs .fedTabs__triggers button,
.containerWrapper .fedTabs .fedTabs__triggers a {
  font-size: 20px;
}
.containerWrapper .fedTabs [class*=fedTabs__content] h3,
.containerWrapper .fedTabs .fedTabs__triggers h3 {
  margin: 0;
}
.containerWrapper .fedTabs [class*=fedTabs__content] a,
.containerWrapper .fedTabs [class*=fedTabs__content] button,
.containerWrapper .fedTabs .fedTabs__triggers a,
.containerWrapper .fedTabs .fedTabs__triggers button {
  border-style: solid;
  border-width: 2px;
  position: relative;
  text-align: center;
  color: #000;
  padding: 10px 2px;
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
  cursor: pointer;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.containerWrapper .fedTabs [class*=fedTabs__content] a.valign,
.containerWrapper .fedTabs [class*=fedTabs__content] button.valign,
.containerWrapper .fedTabs .fedTabs__triggers a.valign,
.containerWrapper .fedTabs .fedTabs__triggers button.valign {
  margin-left: 0;
  left: 2px;
}
.containerWrapper .fedTabs [class*=fedTabs__content] button:not(:disabled),
.containerWrapper .fedTabs .fedTabs__triggers button:not(:disabled) {
  border-color: inherit;
}
.containerWrapper .fedTabs [class*=fedTabs__content] button,
.containerWrapper .fedTabs .fedTabs__triggers button {
  border-color: #c2c2c2;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow {
  text-align: left;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow h3 {
  font-size: 28px;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow button,
.containerWrapper .fedTabs .fedTabs__content--targetEditRow input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
  display: inline-block;
  position: relative;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow button {
  width: calc(50% - 25px);
  background-color: #d2232a;
  border-width: 0;
  color: white;
  margin: 0 0 0 10px;
  font-size: 16px;
  padding: 6px;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow input {
  width: 50%;
  margin: 15px 0;
  border-width: 2px;
  border-style: solid;
  padding: 4px;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow select:hover,
.containerWrapper .fedTabs .fedTabs__content--targetEditRow select:focus,
.containerWrapper .fedTabs .fedTabs__content--targetEditRow select:active,
.containerWrapper .fedTabs .fedTabs__content--targetEditRow input:hover,
.containerWrapper .fedTabs .fedTabs__content--targetEditRow input:focus,
.containerWrapper .fedTabs .fedTabs__content--targetEditRow input:active {
  border-color: inherit !important;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow select:not(:hover),
.containerWrapper .fedTabs .fedTabs__content--targetEditRow input:not(:hover) {
  opacity: 1;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow select:hover:not(:focus),
.containerWrapper .fedTabs .fedTabs__content--targetEditRow input:hover:not(:focus) {
  opacity: 0.5;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow .fedVariableicon,
.containerWrapper .fedTabs .fedTabs__content--targetEditRow [class*=fedIcon__] {
  font-size: 3em;
  text-align: center;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow [class*=col-] {
  padding: 0 0 0 5px;
  margin: 0;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow .fedTabsTarget__editBox {
  text-align: right;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow .fedTabsTarget__editBox h3 {
  text-align: right;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow .fedTabsTarget__progressWrapper:nth-of-type(n) {
  margin: 5px 0 30px;
  padding: 0;
  height: 30px;
  overflow: hidden;
  border-width: 2px;
  border-style: solid;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}
.containerWrapper .fedTabs .fedTabs__content--targetEditRow .fedTabsTarget__progressBar {
  transition: color 1s ease, border 1s ease, height 1s ease, padding 1s ease, background 1s ease, opacity 1s ease, transform 1s ease, -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease;
  height: 30px;
}

@media only screen and (max-width: 767px) {
  .fedTabs .col-12.row {
    padding: 10px 10px;
  }
  .fedTabs .fedTabs__content .fed__body,
  .fedTabs .fedTabs__triggers .fed__body {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 576px) {
  .containerWrapper .fedTabs [class*=col-] {
    padding: 0 2px;
    text-align: center;
  }
  .containerWrapper .fedTabs h3 {
    text-align: center;
  }
  .containerWrapper .fedTabs [class*=col-]:nth-of-type(1) {
    padding: 0 2px 0 0;
  }
  .containerWrapper .fedTabs [class*=col-]:last-of-type {
    padding: 0 0 0 2px;
  }
  .containerWrapper .fedTabs .col-12.row {
    padding: 10px 10px;
  }
  .containerWrapper .fedTabs .fedTabs__content h3,
  .containerWrapper .fedTabs .fedTabs__content button,
  .containerWrapper .fedTabs .fedTabs__content a,
  .containerWrapper .fedTabs .fedTabs__triggers h3,
  .containerWrapper .fedTabs .fedTabs__triggers button,
  .containerWrapper .fedTabs .fedTabs__triggers a {
    font-size: 14px;
  }
  .containerWrapper .fedTabs .fedTabs__content button,
  .containerWrapper .fedTabs .fedTabs__content a,
  .containerWrapper .fedTabs .fedTabs__triggers button,
  .containerWrapper .fedTabs .fedTabs__triggers a {
    padding: 15px 2px;
  }
  .containerWrapper .fedTabs .fedTabs__content--targetEditRow {
    padding: 0;
  }
  .containerWrapper .fedTabs .fedTabs__content--targetEditRow [class*=col-] {
    padding: 0;
  }
  .containerWrapper .fedTabs .fedTabs__content--targetEditRow .fedTabsTarget__editBox h3 {
    text-align: center;
  }
  .containerWrapper .fedTabs .fedTabs__content--targetEditRow button,
  .containerWrapper .fedTabs .fedTabs__content--targetEditRow input {
    width: 100%;
    margin: 0 0 10px;
  }
  .containerWrapper .fedTabs .fedTabs__content--targetEditRow input {
    width: calc(100% - 20px);
  }
}
.memberMenu__wrapper {
  position: relative;
  top: 0;
  z-index: 10;
  border-width: 3px;
  border-style: solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  margin: 30px 4%;
  padding: 20px 15px 20px 20px;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.8);
}

.memberMenu__block {
  margin: 20px 0 0;
}
.memberMenu__block h2, .memberMenu__block h3, .memberMenu__block h4 {
  color: inherit;
  font-weight: 700;
  font-size: 1.5em;
}

.memberMenu__infobox {
  display: inline-block;
  width: calc(100% - 205px);
  vertical-align: bottom;
  padding: 10px;
  border-width: 2px;
  border-right-width: 0;
  border-style: solid;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  overflow: hidden;
}

a.memberMenu__button,
a.memberMenu__button {
  position: relative;
  padding: 10px;
  left: -5px;
  text-align: center;
  display: inline-block;
  width: 200px;
  vertical-align: bottom;
  border-width: 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

.memberMenu__button:before {
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: -50px;
  left: 50%;
  margin-left: -30px;
  border-color: inherit;
  border-width: 3px;
  border-style: solid;
  background-color: inherit;
  font-size: 44px;
  width: 60px;
  height: 60px;
  padding-top: 4px;
}

@media only screen and (max-width: 576px) {
  .memberMenu__wrapper {
    padding: 0 10px 10px;
    margin: 0;
    top: -20px;
  }
  .memberMenu__infobox {
    width: 100%;
    padding: 5px 70px 5px 10px;
    border-right-width: 2px;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
  }
  a.memberMenu__button,
  a.memberMenu__button {
    left: 0;
    width: 100%;
    border-width: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
  }
  .memberMenu__button:before {
    left: auto;
    right: 10px;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    top: -50px;
    margin-left: -30px;
    border-color: inherit;
    border-width: 3px;
    border-style: solid;
    background-color: inherit;
    font-size: 44px;
    width: 60px;
    height: 60px;
    padding-top: 4px;
  }
}
body.modal-open {
  padding-right: 0 !important;
}

.modal-body h3 {
  margin-top: 2em;
}

.modal-body h5 {
  margin: 0 0 10px;
}

.modal-body p {
  margin: 0 0 10px;
}

.modal-header {
  text-align: left;
}
.modal-header h4,
.modal-header p {
  width: 100%;
}

#infoModal .modal-footer {
  border-top: 1px solid #cccccc;
}
#infoModal .modal-footer button {
  font-family: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: 1px;
  cursor: pointer;
  padding: 6px 10px;
  display: inline-block;
  width: auto;
  max-height: 36px;
  line-height: 18px;
  min-width: 105px;
  text-align: center;
  transition: all 200ms ease-in-out;
}

.twoFactorConfirm {
  border: 3px solid #d2232a;
  color: #d2232a;
  border-radius: 5px;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 5px;
  display: none;
}

.modal-header .close {
  font-size: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  opacity: 1;
  width: 35px;
  height: 35px;
  background-color: white;
  transition: all 1s ease;
  position: absolute;
  bottom: 100%;
  right: 0;
}

.modal-header .close:before {
  font-family: "icomoon";
  content: "\f00d";
  font-size: 31px;
  display: inline-block;
  background: none;
  position: relative;
  bottom: 16px;
  right: 12px;
}

.modal-header .close:not(:hover):not(:focus) {
  color: #d2232a;
  border: 2px solid #d2232a;
}

.modal-header .close:hover,
.modal-header .close:focus {
  color: #9fc01b;
  border: 2px solid #9fc01b;
}

.modal-footer {
  padding: 0;
  border: none;
}

.modal-footer .btn-default {
  color: white;
  transition: all 1s ease;
  border: none;
}

.modal-footer .btn-default:hover,
.modal-footer .btn-default:focus {
  background-color: #9fc01b;
  outline: none;
}

/*modal tabs*/
.tab-content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: #b3b3b3;
  padding: 20px 20px 0;
}

.nav-tabs {
  position: relative;
  top: 1px;
  border: 0;
  padding: 0 10px;
}

.nav-tabs .nav-link {
  border-width: 0;
  border-style: solid;
  border-color: #b3b3b3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin: 0 10px;
  padding: 2px 8px;
  position: relative;
  top: 5px;
}

.nav-tabs .nav-link.active {
  border-width: 2px;
  border-bottom-width: 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background-color: white !important;
  padding: 0.5em 1em;
  top: 0px;
}

.nav-tabs .nav-link.active:hover {
  background-color: white !important;
}

/*responsive*/
@media only screen and (max-width: 576px) {
  .modal-header .close {
    top: -7px;
    right: -7px;
  }
}
/*slider frame*/
.sliderBorder {
  border: 2px solid #f26524;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  margin: 30px auto 60px;
  text-align: center;
  background-color: white;
  position: relative;
}

.sliderValue {
  transition: color 1s ease;
  display: inline-block;
  font-size: 24px;
  padding: 10px 20px;
}

.sliderSlide {
  width: 100%;
  transition: background 1s ease;
  background-color: #f26524;
  position: relative;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}

.sliderText--asterisk {
  padding: 5px 20px;
  font-size: 0.8em;
}

/*slider frame*/
.sliderSelect {
  border: 3px solid #f26524;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  margin: 0;
  text-align: center;
  overflow: hidden;
  background-color: white;
  padding: 23px 10px 0;
  position: relative;
}

.formFrame .sliderSelect {
  width: 92%;
  margin: 40px auto 0;
}

/*bootstrap overrides*/
.slider.slider-horizontal {
  height: 55px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.slider.slider-horizontal .slider-track {
  margin: -6px 0 0;
  width: 100%;
  height: 12px;
  background-image: none;
  background-color: white;
  top: 28px;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
}

.slider.slider-horizontal .slider-selection {
  background-color: #9fc01b;
  background-image: none;
}

.slider.slider-horizontal .slider-tick {
  top: 13px;
  width: 30px;
  height: 30px;
  margin: 0 0 0 -15px;
  background-image: none;
  opacity: 1;
  background-color: white;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding: 4px 5px 0;
  top: 21px;
  position: relative;
  width: 13.3% !important;
  white-space: normal;
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Likely future */
}

.slider.slider-horizontal .slider-tick:after {
  content: "";
  background-color: white;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 8px;
  width: 20px;
  height: 6px;
}

.slider.slider-horizontal .slider-tick:last-of-type:after {
  left: -4px;
}

.slider.slider-horizontal .slider-tick.in-selection {
  background-color: #9fc01b;
}

.slider.slider-horizontal .slider-tick.in-selection:after {
  background-color: #9fc01b;
}

.slider.slider-horizontal .slider-handle {
  top: 12px;
  width: 30px;
  height: 30px;
  background: #f26524;
  border-width: 4px;
  border-style: solid;
  border-color: inherit;
  margin: 0 0 0 -15px;
}

/*loanCalculator*/
#loan-application .sliderBorder {
  width: 100%;
  left: 0;
  position: relative;
}

[class*=slider__loanCalculator] .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  color: inherit;
  opacity: 0.8;
  text-align: left;
  width: 50% !important;
}
[class*=slider__loanCalculator] .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-of-type {
  text-align: right;
}
[class*=slider__loanCalculator] .slider.slider-horizontal .slider-tick-label-container {
  margin: 20px 0 0 -25px !important;
  width: calc(100% + 50px);
}
[class*=slider__loanCalculator] [class*=slider__InfoBox--label] {
  position: absolute;
  bottom: 25px;
  height: 100px;
  right: 25px;
  width: 140px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background-color: white;
  border-width: 4px;
  border-style: solid;
  font-size: 16px;
  line-height: 19px;
  font-weight: 900;
  text-align: center;
  vertical-align: central;
  padding: 20px 0 0;
}
[class*=slider__loanCalculator] .slider__InfoBox--labelLong {
  padding: 11px 0 0;
}
[class*=slider__loanCalculator] .slider__InfoBox--labelGreen {
  padding: 11px 0 0;
  border-color: #9fc01b;
  font-weight: 900;
}
[class*=slider__loanCalculator] .slider__InfoBox--Value {
  font-size: 24px;
  font-weight: 900;
  line-height: 28px;
}
[class*=slider__loanCalculator] [class*=sliderLabel--] {
  display: inline-block;
  width: 100px;
  height: 34px;
  line-height: 28px;
  padding: 0;
  position: absolute;
  bottom: -17px;
  left: 6px;
  -webkit-border-radius: 0 17px 17px 17px;
  -moz-border-radius: 0 17px 17px 17px;
  -ms-border-radius: 0 17px 17px 17px;
  border-radius: 0 17px 17px 17px;
  background-color: white;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  text-align: center;
}
[class*=slider__loanCalculator] .sliderLabel--R {
  left: auto;
  right: 6px;
  -webkit-border-radius: 17px 0 17px 17px;
  -moz-border-radius: 17px 0 17px 17px;
  -ms-border-radius: 17px 0 17px 17px;
  border-radius: 17px 0 17px 17px;
}

/*info asterisk and postscripts*/
.slider__postScript {
  display: block;
  position: absolute;
  bottom: -15px;
  height: 10px;
  left: 110px;
  width: calc(100% - 220px);
  text-align: center;
  font-size: 12px;
}

.slider__infoBox--topLeft {
  position: absolute;
  top: -20px;
  left: -14px;
  display: inline-block;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  border-radius: 17px;
  background-color: white;
  border-width: 3px;
  border-style: solid;
  height: 34px;
  line-height: 26px;
  text-align: center;
  padding: 0 14px;
}

/*preauthorised*/
.sliderBorder:not(.preauthorise) .preauthoriseShow {
  display: none;
}

.sliderBorder.preauthorise .preauthoriseShow {
  display: inherit;
}

[class*=slider__loanCalculator].preauthorise [class*=sliderLabel--] {
  bottom: 7px;
}
[class*=slider__loanCalculator].preauthorise [class*=slider__InfoBox--label] {
  bottom: 50px;
}
[class*=slider__loanCalculator].preauthorise .slider.slider-horizontal {
  height: 80px;
}

.preauthorise .sliderSlide:not(.notPreauthorised) {
  background-color: #9fc01b !important;
}
.preauthorise .sliderSlide.notPreauthorised {
  background-color: inherit;
}
.preauthorise .slider.slider-horizontal:before,
.preauthorise .slider.slider-horizontal:after {
  content: "Already Agreed*";
  transition: opacity 1s ease;
  color: white;
  position: absolute;
  display: inline-block;
  bottom: 7px;
  left: 50%;
  margin-left: -70px;
  font-size: 21px;
  background-color: transparent;
}
.preauthorise .slider.slider-horizontal:after {
  content: "Not Yet Agreed*";
}
.preauthorise .sliderSlide:not(.notPreauthorised) .slider.slider-horizontal:before,
.preauthorise .sliderSlide.notPreauthorised .slider.slider-horizontal:after {
  opacity: 1;
}
.preauthorise .sliderSlide.notPreauthorised .slider.slider-horizontal:before,
.preauthorise .sliderSlide:not(.notPreauthorised) .slider.slider-horizontal:after {
  opacity: 0;
}
.preauthorise .slider.slider-horizontal .slider-tick-label-container {
  margin-left: -22px !important;
}
.preauthorise .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  color: white;
  opacity: 0.8;
  width: 50% !important;
  text-align: left;
}
.preauthorise .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-of-type {
  text-align: right;
  right: -30px;
}

/*responsive*/
@media only screen and (max-width: 1199px) {
  .sliderBorder {
    text-align: left;
  }
  .sliderSelect .sliderValue {
    padding: 10px 20px 10px 20px;
  }
}
@media only screen and (max-width: 991px) {
  [class*=slider__loanCalculator] [class*=slider__InfoBox--label] {
    right: -9px;
  }
}
@media only screen and (max-width: 767px) {
  .sliderSelect {
    padding: 5px 10px 0;
  }
  #loan-application .sliderBorder {
    width: 100%;
    width: calc(100% + 20px);
    left: -10px;
  }
  .slider__postScript {
    bottom: -30px;
    left: 0;
    width: 100%;
  }
  [class*=slider__loanCalculator].preauthorise .slider__postScript {
    bottom: -15px;
  }
}
@media only screen and (max-width: 576px) {
  .preauthorise .slider.slider-horizontal:before,
  .preauthorise .slider.slider-horizontal:after {
    font-size: 18px;
    margin-left: -70px;
    bottom: 2px;
  }
  [class*=slider__loanCalculator].preauthorise [class*=sliderLabel--] {
    bottom: 27px;
  }
  [class*=slider__loanCalculator].preauthorise [class*=slider__InfoBox--label] {
    bottom: 70px;
  }
  [class*=slider__loanCalculator].preauthorise .slider.slider-horizontal {
    height: 100px;
  }
  .sliderValue {
    font-size: 21px;
  }
}
.settingsTabs {
  max-width: 800px;
}

.row.settingsTabs__row {
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  padding: 20px 0;
  margin-bottom: 0 !important;
}
.row.settingsTabs__row .formSelect:not(.inputs__http-select) {
  margin-bottom: 0;
}
.row.settingsTabs__row .col-md-6:first-of-type {
  font-size: 0.9em;
}
.row.settingsTabs__row:last-of-type {
  border-bottom: 0;
}
.row.settingsTabs__row .documentname {
  margin: 0;
}

/* Editable text row */
.settingsTab__pane {
  display: none;
}
.settingsTab__pane.tabPane--active {
  display: block;
}

.settingsContent__container {
  margin-top: 20px;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.01);
  display: none;
}
.settingsContent__container.settingsGeneral {
  display: block;
}

/* On/Off animated toggles */
.pageTabs ul,
.pageTabsLayout ul,
.loanApplicationTabs ul,
.registrationsApplicationTabs ul,
.ChangeRequestApplicationTabs ul,
.directDebitPaymentsTabs ul {
  list-style: none;
  border-bottom: 1px solid #f0f0f0;
}
.pageTabs ul li,
.pageTabsLayout ul li,
.loanApplicationTabs ul li,
.registrationsApplicationTabs ul li,
.ChangeRequestApplicationTabs ul li,
.directDebitPaymentsTabs ul li {
  display: inline-block;
  opacity: 0.5;
  color: #666;
  border-bottom: 0;
  margin-bottom: -1px;
  padding-left: 0;
}
.pageTabs ul li a,
.pageTabsLayout ul li a,
.loanApplicationTabs ul li a,
.registrationsApplicationTabs ul li a,
.ChangeRequestApplicationTabs ul li a,
.directDebitPaymentsTabs ul li a {
  color: #666;
  display: block;
  padding: 15px;
}
.pageTabs ul li.activeTab,
.pageTabsLayout ul li.activeTab,
.loanApplicationTabs ul li.activeTab,
.registrationsApplicationTabs ul li.activeTab,
.ChangeRequestApplicationTabs ul li.activeTab,
.directDebitPaymentsTabs ul li.activeTab {
  background: white;
  border-bottom: 3px solid #666;
  opacity: 1;
}
.pageTabs ul li.activeTab a,
.pageTabsLayout ul li.activeTab a,
.loanApplicationTabs ul li.activeTab a,
.registrationsApplicationTabs ul li.activeTab a,
.ChangeRequestApplicationTabs ul li.activeTab a,
.directDebitPaymentsTabs ul li.activeTab a {
  color: #666;
  font-weight: 700;
}
.pageTabs ul li.activeLoanTab, .pageTabs ul li.activePaymentTab,
.pageTabsLayout ul li.activeLoanTab,
.pageTabsLayout ul li.activePaymentTab,
.loanApplicationTabs ul li.activeLoanTab,
.loanApplicationTabs ul li.activePaymentTab,
.registrationsApplicationTabs ul li.activeLoanTab,
.registrationsApplicationTabs ul li.activePaymentTab,
.ChangeRequestApplicationTabs ul li.activeLoanTab,
.ChangeRequestApplicationTabs ul li.activePaymentTab,
.directDebitPaymentsTabs ul li.activeLoanTab,
.directDebitPaymentsTabs ul li.activePaymentTab {
  background: white;
  border-bottom: 3px solid #666;
  opacity: 1;
}
.pageTabs ul li.activeLoanTab a, .pageTabs ul li.activePaymentTab a,
.pageTabsLayout ul li.activeLoanTab a,
.pageTabsLayout ul li.activePaymentTab a,
.loanApplicationTabs ul li.activeLoanTab a,
.loanApplicationTabs ul li.activePaymentTab a,
.registrationsApplicationTabs ul li.activeLoanTab a,
.registrationsApplicationTabs ul li.activePaymentTab a,
.ChangeRequestApplicationTabs ul li.activeLoanTab a,
.ChangeRequestApplicationTabs ul li.activePaymentTab a,
.directDebitPaymentsTabs ul li.activeLoanTab a,
.directDebitPaymentsTabs ul li.activePaymentTab a {
  color: #666;
  font-weight: 700;
}
.pageTabs ul li:hover,
.pageTabsLayout ul li:hover,
.loanApplicationTabs ul li:hover,
.registrationsApplicationTabs ul li:hover,
.ChangeRequestApplicationTabs ul li:hover,
.directDebitPaymentsTabs ul li:hover {
  opacity: 1;
}
.pageTabs ul li:hover a,
.pageTabsLayout ul li:hover a,
.loanApplicationTabs ul li:hover a,
.registrationsApplicationTabs ul li:hover a,
.ChangeRequestApplicationTabs ul li:hover a,
.directDebitPaymentsTabs ul li:hover a {
  color: #666;
}

.applicationTabPane:not(.activePane) {
  display: none;
}

.registrationSettingsTabs {
  margin-bottom: 40px;
}

.tabs__registration-field-settings {
  margin-bottom: 20px;
}
.tabs__registration-field-settings .row {
  margin-bottom: 0 !important;
  min-height: 55px;
  padding: 15px 0 0px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.tabs__registration-field-settings .row h2,
.tabs__registration-field-settings .row h3 {
  line-height: 50px;
}
.tabs__registration-field-settings .row h2,
.tabs__registration-field-settings .row h3,
.tabs__registration-field-settings .row h4 {
  margin-bottom: 0 !important;
}
.tabs__registration-field-settings .row:hover {
  background: rgba(0, 0, 0, 0.04);
}

@media screen and (max-width: 767px) {
  .row.settingsTabs__row .col-md-6:first-of-type {
    margin-bottom: 15px;
  }
}
/*DatePicker*/
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  opacity: 0.2;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Bootstrap range picker*/
.daterangepicker:before {
  display: none;
}

.daterangepicker {
  background: #9fc01b;
  width: 281px;
}
.daterangepicker .calendar th,
.daterangepicker .daterangepicker .calendar td {
  border-radius: 0 !important;
  border: 0;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #9fc01b;
  border: 0;
  color: #ffffff;
}
.daterangepicker .calendar-table {
  padding: 0 !important;
}
.daterangepicker thead tr:nth-of-type(1) {
  background: #9fc01b;
}
.daterangepicker thead tr:nth-of-type(2) {
  padding: 0.4em 0.5em 0.4em;
  font-size: 0.9em;
  text-align: center;
  text-decoration: none;
  color: silver;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.daterangepicker .calendar {
  display: block;
  width: 100%;
  max-width: 281px;
  margin: 5px 5px 5px 5px;
}
.daterangepicker select.form-control:not([size]):not([multiple]) {
  height: 35px;
  margin-bottom: 5px;
  display: inline-block;
  width: 50%;
  text-align: center;
  background: rgb(248, 248, 248);
  opacity: 0.6;
  padding: 0 40px 0 10px;
  font-size: 1em;
  cursor: pointer;
  position: relative;
  z-index: 5;
}
.daterangepicker .next.available:before {
  font-family: "icomoon";
  content: "\f061";
  color: #ffffff;
}
.daterangepicker .prev.available:before {
  font-family: "icomoon";
  content: "\f060";
  color: #ffffff;
}
.daterangepicker tbody td {
  padding: 0.4em 0.5em 0.4em;
  font-size: 0.9em;
  text-align: center;
  text-decoration: none;
  color: silver;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.daterangepicker tbody td.off {
  color: #ffffff;
  opacity: 0;
  user-select: none;
}
.daterangepicker tbody td.off:hover {
  color: #ffffff;
  opacity: 0;
  user-select: none;
}
.daterangepicker select:before {
  font-family: "icomoon";
  content: "/f150";
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 1.5em;
  display: block;
  transition: all 1s ease;
  color: white;
  z-index: 999999;
}
.daterangepicker .daterangepicker:before,
.daterangepicker .daterangepicker:after {
  display: none;
}
.daterangepicker .form-control:focus {
  border: 0;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  width: 100%;
  height: 100%;
}

.ui-datepicker,
.daterangepicker {
  width: 292px;
  padding: 0;
  display: none;
  z-index: 99999 !important;
  margin: -7px 35px 0 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0;
  background: #9fc01b;
  color: white;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  height: 50px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 13px;
  width: 1em;
  height: 1em;
  text-decoration: none !important;
  outline: none;
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
  font-family: "icomoon" !important;
  content: "\f060";
  font-size: 26px;
  top: -8px;
  position: relative;
  color: white;
}

.ui-datepicker .ui-datepicker-next:before {
  content: "\f061";
}

.ui-datepicker .ui-datepicker-prev {
  left: 10px;
}

.ui-datepicker .ui-datepicker-next {
  right: 18px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  cursor: pointer;
  opacity: 0.6;
  text-decoration: none !important;
}

.ui-datepicker .ui-datepicker-next-hover {
  cursor: pointer;
  opacity: 0.6;
  text-decoration: none !important;
}

.ui-datepicker a.ui-datepicker-prev-hover:hover,
.ui-datepicker a.ui-datepicker-next-hover:hover,
.ui-datepicker a.ui-datepicker-prev-hover:focus,
.ui-datepicker a.ui-datepicker-next-hover:focus {
  text-decoration: none !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  height: 50px;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title:before,
.ui-datepicker .ui-datepicker-title:after {
  font-family: "icomoon";
  content: "\f150";
  position: absolute;
  top: 7px;
  font-size: 1.5em;
  display: block;
  transition: all 1s ease;
  color: white;
  z-index: 0;
  opacity: 0.75;
}

.ui-datepicker .ui-datepicker-title:before {
  left: 50%;
  margin-left: -35px;
}

.ui-datepicker .ui-datepicker-title:after {
  right: 5%;
  margin-right: 39px;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 5px;
  height: 40px;
  opacity: 0.6;
  cursor: pointer;
  position: relative;
  z-index: 5;
}

.ui-datepicker .ui-datepicker-title span {
  font-size: 1em;
  margin: 11px 0 0;
  display: inline-block;
}

.ui-datepicker-calendar {
  border: 2px solid #9fc01b;
  padding: 1em !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

select.ui-datepicker-month,
select.ui-datepicker-year {
  padding: 0 40px 0 10px;
  position: relative;
}

.ui-datepicker table {
  border-collapse: inherit;
  width: 100%;
  font-size: 0.9em;
  margin: 0;
  padding: 0.5em !important;
  background: white;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.ui-datepicker th {
  padding: 0.4em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
  color: #b3b3b3;
}

.ui-datepicker td {
  border: 0;
  padding: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.4em 0.5em 0.4em;
  text-align: center;
  text-decoration: none;
  color: #b3b3b3;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
  background: #cfe08d;
  color: white;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-state-default {
  border: 2px solid white;
}

.ui-state-active {
  border: 2px solid #9fc01b;
}

/*datepicker with days*/
.ui-datepicker-header.datepicker-noDays {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  top: -4px;
}

/*resposnsive*/
@media only screen and (max-width: 767px) {
  .daterangepicker {
    border: 0;
  }
}
@media only screen and (max-width: 576px) {
  .ui-datepicker {
    width: 96%;
    min-width: 280px;
    right: 2%;
    margin: -7px 0 0 -7px;
  }
}
div.input-group input.datepicker-bg {
  background: #fff;
  cursor: pointer;
}

.carousel .carousel-inner {
  height: 500px;
}

/*carousel Containers*/
.carousel-control__outer.container {
  max-width: calc(100% - 50px);
}

.carousel-indicators.container {
  padding: 0 25px;
  bottom: 31px;
}

/*carousel next prev*/
.carousel-control__inner {
  display: block;
  width: calc(100% - 80px);
  height: 400px;
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: white;
  top: 50px;
  left: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.carousel-control-next,
.carousel-control-prev {
  z-index: 2;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 170px;
  border: 5px solid white;
  overflow: hidden;
  left: -28px;
  opacity: 1;
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
  opacity: 1;
}

.carousel-control-next {
  left: auto;
  right: -28px;
}

.carousel-control-next:before,
.carousel-control-prev:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border: 5px solid white;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  left: 25px;
}

.carousel-control-next:before {
  left: -25px;
}

/*carousel indicators*/
.carousel-indicators li {
  max-height: none;
  max-width: none;
  width: 30%;
  height: auto;
  text-indent: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 5px solid transparent;
  transition: border 1s ease;
  background-color: white;
  opacity: 1;
  overflow: hidden;
}

.carousel-indicators li:not(.active) {
  max-height: none;
  max-width: none;
  height: auto;
  text-indent: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 5px solid white !important;
}

.carousel-indicators li a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 5px;
  transition: all 1s ease;
  white-space: nowrap;
}

.carousel-indicators li a:not(:hover) {
  background-color: #f26524;
}

.carousel-indicators li a:hover {
  background-color: #9fc01b;
}

.carousel-indicators li:before,
.carousel-indicators li:after {
  display: none;
}

/*carousel content*/
.carouselContent {
  position: relative;
  height: 300px;
  margin: 100px auto;
  padding: 0 25px;
}
.carouselContent h1,
.carouselContent h2,
.carouselContent h3,
.carouselContent h4,
.carouselContent p {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 20px;
}
.carouselContent h1 {
  margin: 0 0 10px 0;
}
.carouselContent h2 {
  font-size: 1.5em;
}
.carouselContent p,
.carouselContent h2 {
  margin: 0 35% 0 0;
}

/*responsive*/
@media screen and (max-width: 767px) {
  .carousel .carousel-inner {
    height: 440px;
  }
  .carousel-indicators.container {
    padding: 0;
    bottom: 25px;
  }
  .carousel-control__inner {
    top: 6px;
    left: 15px;
    height: 390px;
    width: calc(100% - 30px);
  }
  .carouselContent {
    margin: 20px auto;
    height: 395px;
    text-align: center;
    padding: 0 22px;
  }
  .carouselContent h1,
  .carouselContent h2,
  .carouselContent h3,
  .carouselContent h4,
  .carouselContent p {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 10px;
    width: 100%;
  }
  .carouselContent h1 {
    font-size: 2em;
  }
  .carouselContent h2 {
    font-size: 1.25em;
  }
  .carouselContent p,
  .carouselContent h2 {
    margin: 0;
  }
  .carousel-control-next,
  .carousel-control-prev {
    width: 30px;
    height: 30px;
    left: -18px;
  }
  .carousel-control-next {
    left: auto;
    right: -18px;
  }
  .carousel-control-next:before,
  .carousel-control-prev:before {
    width: 20px;
    height: 20px;
    left: 10px;
  }
  .carousel-control-next:before {
    left: -10px;
  }
  .carousel-indicators li {
    width: auto;
  }
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  position: relative;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.9rem;
  height: 38px;
  vertical-align: bottom;
  margin: 0;
}

.selectize-input:focus {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #9fc01b;
  box-shadow: 0 0;
  outline: 0 none;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
  margin-bottom: 0;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  display: inline;
}

.selectize-control.multi .selectize-input > div {
  border: 1px solid #e0e0e0;
}

.selectize-control.multi .selectize-input > div.active {
  border: 1px solid #9fc01b;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 1px solid #b3b3b3;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  user-select: auto !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
  border: 1px solid transparent;
  border-bottom-color: #9fc01b;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 75vh;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

/*selectize overrides*/
.conditionInput label {
  display: none;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px 2px 24px;
  background: white;
  color: #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.selectize-control.multi .selectize-input > div a.remove {
  color: white;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.selectize-control.multi .selectize-input > div a.remove:not(:hover):not(:active):not(focus) {
  background-color: #d2232a;
}
.selectize-control.multi .selectize-input > div a.remove:hover,
.selectize-control.multi .selectize-input > div a.remove:focus {
  background-color: #9fc01b;
}
.selectize-control.multi .selectize-input > div a.remove:active {
  background-color: #f26524;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  background-color: #f0f0f0;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  top: 36px !important;
  left: 10px !important;
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
  width: calc(100% + 2rem) !important;
  padding: 0.125rem;
}

.selectize-dropdown.form-control {
  height: auto !important;
  min-height: auto !important;
}

.selectize-dropdown-content .option.active {
  background-color: #1da1f2;
  color: white;
}

select.selectize-hidden-not-hide {
  display: block !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  z-index: -1 !important;
}

.selectize-input {
  height: 35px;
  top: -5px;
  padding: 8px 4px 8px 2px;
  overflow: hidden;
}

.selectize-control.single .selectize-input:after {
  display: none;
}

.selectize-input,
.selectize-input input,
.selectize-input input ::placeholder {
  font-size: 1rem;
  color: inherit;
}

.validate label,
.validate__sibling label {
  position: absolute;
  right: 10px;
  height: 22px;
  color: white;
  /*transition: all 1s ease;*/
  padding: 1px 10px;
  font-size: 0.8em;
  z-index: 1;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.validate[class*=formInput--]:after,
.validate__sibling[class*=formInput--]:after {
  transition: opacity 1s ease;
}

.formInput--inline.validate label {
  right: 5px;
  padding: 1px 5px;
}

/* why was this here? */
/*#HomePhoneNumber-error{
    background: $trafficLightRed;
    color: $textWhite;
    transition: all 1s ease;
    padding: 3px 10px 3px 15px;
    font-size: 0.8em;
    min-height: 0;
    max-height: 0;
    height: 22px;
    border-radius: 4px;
}*/
.validation__inline-title {
  display: inline-block;
}

.validate247 {
  position: relative;
}
.validate247 label:not(.displayLabel) {
  background: #d2232a !important;
  padding: 0 6px;
  margin-top: 5px;
  border-radius: 4px;
  font-size: 0.8em;
  color: #ffffff !important;
  width: auto;
  max-width: 70px;
  text-align: center;
  display: none;
  opacity: 1 !important;
}

.validate__required-message-inline {
  color: #ffffff;
  background: #d2232a;
  border-radius: 5px;
  padding: 2px 5px;
  display: inline-block;
  width: auto;
  font-size: 0.8em;
  margin-left: 10px;
  display: none;
}

.form__check.disabled {
  background: #e0e0e0;
  cursor: not-allowed;
}
.form__check.disabled label {
  display: none;
}

.form__check.validate {
  transition: all 1s ease;
}
.form__check.validate label {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 4px;
  top: 4px;
  transition: all 1s ease;
}
.form__check.validate label .error {
  position: absolute;
  padding: 1px;
  display: block !important;
  transition: all 1s ease;
  width: 70px;
  left: -26px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
}

.form__subWithWarning .form__check.validate.validate__error label .error {
  /*opacity: 0;*/
  display: none;
}

.validate:not(.validate__error) label:not(.checkbox_label),
.validate__sibling:not(.validate__error) label:not(.checkbox_label) {
  /*opacity: 0;*/
  display: none;
  background-color: white;
  top: 0;
}

.form__check.validate:not(.validate__error) {
  background-color: white;
  border-color: #f26524;
}
.form__check.validate:not(.validate__error) label {
  /*opacity: 1;*/
  display: block;
  background-color: transparent;
  top: 4px;
}
.form__check.validate:not(.validate__error) label .error {
  opacity: 0;
  bottom: -1px;
  height: 0;
  background-color: white;
}

#sort .validate.validate__error label,
#sort .validate__sibling.validate__error label {
  top: -30px;
}
#sort .validate label,
#sort .validate__sibling label {
  left: 15%;
  right: auto;
  max-width: 75%;
  min-width: 65%;
  text-align: center;
}

/* hide duplicate validation error, e.g. 2 numbers - 2 numbers - 2 numbers (Please enter at least 6 characters.) */
#sortCode-error {
  display: none !important;
}

.validate.validate__error[class*=formInput--]:after,
.validate__sibling.validate__error[class*=formInput--]:after {
  opacity: 0.5;
}
.validate.validate__error label,
.validate__sibling.validate__error label {
  opacity: 1;
  background-color: #d2232a;
  top: -20px;
  /* fix issue with long errors breaking to multiple lines, e.g. please enter a number greater than 160 */
  white-space: nowrap;
}
.validate.validate__error label:empty:after,
.validate__sibling.validate__error label:empty:after {
  /* fix issue with empty red validation boxes */
  content: "Required";
}
.validate.validate__error input:not(:focus):not(:hover),
.validate.validate__error select:not(:focus):not(:hover),
.validate__sibling.validate__error input:not(:focus):not(:hover),
.validate__sibling.validate__error select:not(:focus):not(:hover) {
  border-color: #d2232a;
  background-color: rgba(210, 35, 42, 0.2);
}

.form__check.validate.validate__error {
  border-color: #d2232a;
  background-color: #f6d3d4;
}
.form__check.validate.validate__error label {
  /*opacity: 1;*/
  display: block;
  background-color: transparent;
  top: 4px;
}
.form__check.validate.validate__error label .error {
  /*opacity: 1;*/
  display: block;
  bottom: -11px;
  height: 21px;
  background-color: #d2232a;
}

.form__subWithWarning .form__check.validate.validate__error label .error {
  display: none;
}

@media only screen and (max-width: 767px) {
  .formLabel--errorText {
    right: 10px;
    top: 7px;
  }
  /*formRow--withHidden*/
  .formRow--withHidden .form__inputRow--drop:not(.d-none),
  .formRow--withHidden .form__inputRowOuter--100:not(.d-none) {
    height: 75px;
  }
}
.quantity {
  position: relative;
}

.quantity input {
  width: 45px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #eee;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}

.printState__printonly {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

/* Scss Document */
.loading--spinner {
  font-size: 124px;
  width: 100%;
  margin: 0.25em 0;
  height: 1em;
  text-align: center;
  line-height: 1em;
  display: block;
  position: relative;
  left: 0;
}

.loading--spinner:before,
.loading--spinner:after {
  font-family: "icomoon";
  content: "\e910";
  color: #003254;
  animation: loading 8s ease 0s infinite;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.5em;
  display: inline-block;
  font-size: 1em;
}

.loading--spinner:after {
  content: "\e90f";
  color: #9fc01b;
  animation-delay: 1s;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  12.5% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  37.5% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  62.5% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  87.5% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.formAsOuter {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*ie 10 only*/
html[data-useragent*="MSIE 10.0"] .formAsOuter {
  display: block;
  max-width: 100%;
}

.dataTable {
  z-index: 1000;
  top: 10px;
  left: 0px;
  text-align: left;
}
.dataTable .table-condensed > thead > tr:first-child > th {
  text-align: left;
  border-right: 1px solid #666;
}
.dataTable .dataTable thead th {
  padding: 10px 18px 10px 10px;
}

.dataTable thead {
  background: #666;
  color: #ffffff;
}
.dataTable thead .sorting:after,
.dataTable thead .sorting_desc:after {
  content: "";
  display: none !important;
}

.dataTables_paginate .paginate_button {
  border: 0 !important;
  padding: 5px !important;
}
.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button:focus,
.dataTables_paginate .paginate_button:active {
  background: none !important;
  background-color: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

[data-control=loader] {
  display: block;
  width: 32px;
  height: auto;
  margin: 0 auto;
}

.dataTables_wrapper.loading {
  overflow: hidden !important;
}

.dataTables_wrapper.loading *, [data-control=datatable]:not(.loaded) * {
  display: none !important;
}

.dataTables_wrapper.loading:before, [data-control=datatable]:not(.loaded):before {
  background: transparent url("../images/loader.gif") no-repeat center center;
  background-size: 32px;
  height: 32px;
  display: block;
  content: "";
}

.dataTables_wrapper .dataTable {
  width: 100% !important;
}

[data-control=litepicker] {
  width: 100%;
  cursor: default;
  margin-left: -36px;
  padding-left: 40px !important;
}

label.litepicker-wrapper {
  background: #fff;
  padding: 5px 10px;
  padding-top: 0;
  margin-right: 10px;
  display: inline-block;
  width: 100%;
}

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