/* Minification failed. Returning unminified contents.
(280,33): run-time error CSS1030: Expected identifier, found '#Definitions\.Fields\[ADDRESS_LINE2\]\.Value'
(280,77): run-time error CSS1031: Expected selector, found ')'
(280,77): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*@import "../../hifx/css/_variables.less";
@import "../css/bootstrap/mixins.less";
@import "../css/bootstrap/variables.less";*/
/*-----------------------------------------< MEDIA QUERIES >----------------------------------------- */
/*@import "../../hifx/css/_variables.less";*/
html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}
body {
  color: #464646;
  min-width: 320px;
}
#wrapper {
  min-height: 100%;
  position: relative;
}
#wrapper > main {
  background-color: white;
  padding-bottom: 170px;
  /* Height of the footer element */
}
@media print {
  #wrapper > main {
    padding-bottom: 0;
  }
}
#wrapper > main .main-container {
  padding-top: 25px;
}
@media (min-width: 768px) and (max-width: 991px) {
  #wrapper > main .main-container.container-fluid .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  #wrapper > main .col-sm-12.col-md-9 {
    padding-left: 0;
    padding-right: 0;
  }
}
#wrapper > main .left {
  padding-left: 0;
}
#wrapper > main .right {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 992px) {
  #wrapper > main .right {
    padding-left: 15px;
  }
}
#wrapper.hifx-us > main {
  padding-bottom: 230px;
  /* Height of the footer element in mobile view is more than that of tablet or desktop*/
}
@media (min-width: 768px) {
  #wrapper.hifx-us > main {
    padding-bottom: 170px;
  }
}
#wrapper > footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
ol,
ul {
  list-style: none;
}
ul {
  list-style-type: none;
  padding: 0;
}
.bulletPoints {
  list-style-type: disc;
  margin-left: 20px;
}
.bulletPoints > li {
  padding-top: 10px;
}
label {
  font-weight: normal;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-control,
.form-horizontal .form-group-lg .form-control {
  height: 42px;
}
.nopadding {
  padding: 0;
}
@media print {
  .no-print {
    display: none;
  }
}
.break-content {
  word-break: break-all;
  white-space: normal;
}
td.crop-content {
  max-width: 80px;
}
.crop-content > span {
  white-space: nowrap;
}
/*@import "../../hifx/css/_variables.less";*/
h1 {
  color: #102b2b;
  font-size: 26px;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  h1 {
    font-size: 26px;
  }
}
h3 {
  font-size: 20px;
}
h5 {
  font-weight: bold;
  font-size: 16px;
}
@media (min-width: 768px) {
  h5 {
    font-size: 15px;
  }
}
h3,
h4,
h5,
h6 {
  color: #102B2B;
}
html,
body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
}
@media (min-width: 768px) {
  html,
  body {
    font-size: 15px;
  }
}
.page-heading {
  color: #102b2b;
  margin: 0;
  padding: 10px 0 10px 15px;
}
/*@import "../../hifx/css/_variables.less";
@import "_mixins.less";
@import "bootstrap/mixins.less";
@import "bootstrap/variables.less";*/
/* Collapse panels */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #eee;
}
.transaction-body li.transaction-body__row:nth-child(odd) {
  background-color: #eee;
}
.form-horizontal .form-group-lg .form-control {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  padding: 10px 8px 10px 8px;
}
.form-group.multi-val .field-validation-error {
  display: block;
}
.form-group > .field-validation-valid {
  margin-left: 15px;
}
.maskedNumeric:not(.toolTipAnchor) {
  padding-right: 32px;
}
.form-horizontal .form-group-lg .control-label {
  padding-top: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-group {
  margin-bottom: 0;
  min-height: 95px;
}
.form-group.no-label-container,
.form-group.one-liner-container,
.form-group.checkboxInputContainer {
  min-height: 70px;
}
.form-group.no-label-container .tooltipContainer,
.form-group.one-liner-container .tooltipContainer,
.form-group.checkboxInputContainer .tooltipContainer {
  top: 14px;
}
.form-group.stacked-input-container {
  min-height: initial;
  margin-bottom: 4px;
}
.form-group .control-label {
  color: #464646;
  font-weight: normal;
  padding-top: 0;
  margin-bottom: 5px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .form-group .control-label {
    font-size: inherit;
  }
}
.form-group.one-liner-container .control-label {
  padding-top: 10px!important;
}
.form-group.sub-fields-container .controlContainer > div:first-child {
  padding-left: 0;
}
.form-group.sub-fields-container .controlContainer > div:last-child {
  padding-right: 0;
}
.form-group.sub-fields-container .controlContainer > div.extended-dropdown:last-child .form-control-feedback {
  right: -1px;
}
.form-group .input-cover-label {
  color: #bdc3c6;
  padding: 0;
  margin: 11px 0 11px 10px;
  height: 20px;
  text-align: left;
  cursor: text;
  z-index: 1;
  position: absolute;
  background-color: white;
}
@media (min-width: 768px) {
  .form-group .input-cover-label {
    width: 85%;
  }
}
.form-group.checkboxInputContainer label {
  padding-top: 14px!important;
  text-align: left;
}
.groupControlMainContainer {
  margin-bottom: 0;
}
.single-column-data-entry {
  clear: left;
}
::-ms-clear {
  display: none;
}
::-ms-reveal {
  display: none;
}
.controlContainer.col-xs-12:has(#Definitions\.Fields\[ADDRESS_LINE2\]\.Value) {
  margin-bottom: 15px;
}
/*@import "../../hifx/css/_variables.less";*/
.form-group .control-label {
  color: #464646;
  font-weight: normal;
}
.form-group .form-control {
  border-color: #aaa;
}
.form-group .form-control:focus {
  border-color: #102b2b;
  box-shadow: none;
}
.form-group.focused .form-control.leftCtl {
  border-color: #102b2b;
  box-shadow: none;
}
.form-group.focused .form-control.rightCtl {
  border-color: #102b2b;
  box-shadow: none;
  border-left-color: #aaa;
}
.grouped-controls div:first-child {
  padding-right: 0;
}
.grouped-controls div:first-child .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.grouped-controls div:last-child {
  padding-left: 0;
}
.grouped-controls div:last-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.grouped-controls .form-group .leftCtl .rightCtl {
  border-color: #102b2b;
}
.grouped-controls .form-group.rightCtl {
  border-left-color: #aaa;
}
.form-group .form-control.sub-field-control.in-error {
  border-color: #f00;
}
.form-group.has-error .form-control {
  border-color: #f00;
}
.form-group.has-error .form-control.bootstrap-select {
  border-color: #f00;
}
.form-group.has-error .form-control.leftCtl {
  border-color: #f00;
  box-shadow: none;
}
.form-group.has-error .form-control.rightCtl {
  border-color: #f00;
  box-shadow: none;
  border-left-color: #aaa;
}
.form-group.has-error .form-control:focus ~ .form-control-feedback {
  border-left: 0;
}
.form-group.has-error .btn:focus {
  box-shadow: none;
}
.input-lg + .form-control-feedback {
  width: 24px;
}
.field-validation-error {
  color: #f00;
}
.hide-validation + .form-control-feedback {
  display: none;
}
a#ff-reload-captcha {
  font-size: 16px;
  display: block;
}
@media (min-width: 768px) {
  a#ff-reload-captcha {
    font-size: 15px;
  }
}
.view-container .main {
  padding-left: 0;
  padding-right: 0;
}
.preload-images {
  margin-left: -500px;
  position: absolute;
  top: 0;
}
.form-horizontal .form-group-lg .control-label {
  font-size: inherit;
}
body #errorSectionLogin #notificationPanelLogin,
body .notificationPanel {
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #EBCCD1;
  margin-bottom: 20px;
  border-radius: 4px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
}
@media (max-width: 767px) {
  body #errorSectionLogin #notificationPanelLogin,
  body .notificationPanel {
    margin-top: 0;
  }
}
body #errorSectionLogin #notificationPanelLogin .notify-warning,
body .notificationPanel .notify-warning {
  display: none;
}
body #errorSectionLogin #notificationPanelLogin .notificationMessage,
body .notificationPanel .notificationMessage {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 15px 20px 0;
}
body #errorSectionLogin #notificationPanelLogin a,
body .notificationPanel a {
  color: #a94442;
  text-decoration: underline;
}
body #errorSectionLogin #notificationPanelLogin a:hover,
body .notificationPanel a:hover,
body #errorSectionLogin #notificationPanelLogin a:active,
body .notificationPanel a:active {
  color: #a94442;
}
body .dataTables_wrapper table.dataTable a:not(.btn).no-link {
  text-decoration: none;
  color: inherit;
}
body #dealingDiv hr {
  margin-top: 0;
  margin-bottom: 0;
}
/*@import "../../../hifx/css/bootstrap/_variables.less";
@import "../bootstrap/mixins.less";*/
.img-action-req {
  background-repeat: no-repeat;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../../core/img/svg/action-req-SVG.svg");
  background-size: 76px 66px;
  height: 66px;
  width: 76px;
}
@media (min-width: 768px) {
  .img-action-req {
    background-size: 55px 47px;
    height: 47px;
    width: 55px;
  }
}
.no-svg .img-action-req {
  background-image: url("../../core/img/mobile/action-req-144.png");
  width: 76px;
  height: 66px;
}
@media (min-width: 768px) {
  .no-svg .img-action-req {
    background-image: url("../../core/img/desktop/action-req-72.png");
    width: 55px;
    height: 47px;
  }
}
.img-clock-icon {
  background-repeat: no-repeat;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../../core/img/svg/clock-icon-SVG.svg");
  background-size: 74px 74px;
  height: 74px;
  width: 74px;
}
@media (min-width: 768px) {
  .img-clock-icon {
    background-size: 47px 47px;
    height: 47px;
    width: 47px;
  }
}
.no-svg .img-clock-icon {
  background-image: url("../../core/img/mobile/clock-icon-144.png");
  width: 74px;
  height: 74px;
}
@media (min-width: 768px) {
  .no-svg .img-clock-icon {
    background-image: url("../../core/img/desktop/clock-icon-72.png");
    width: 47px;
    height: 47px;
  }
}
.img-norton-logo {
  background-repeat: no-repeat;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../../core/img/svg/norton-logo-SVG.svg");
  background-size: 189px 102px;
  height: 102px;
  width: 189px;
}
@media (min-width: 768px) {
  .img-norton-logo {
    background-size: 100px 55px;
    height: 55px;
    width: 100px;
  }
}
.no-svg .img-norton-logo {
  background-image: url("../../core/img/mobile/norton-logo-144.png");
  width: 189px;
  height: 102px;
}
@media (min-width: 768px) {
  .no-svg .img-norton-logo {
    background-image: url("../../core/img/desktop/norton-logo-72.png");
    width: 100px;
    height: 55px;
  }
}
.img-tick-icon {
  background-repeat: no-repeat;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../../core/img/svg/tick-icon-SVG.svg");
  background-size: 35px 35px;
  height: 35px;
  width: 35px;
}
@media (min-width: 768px) {
  .img-tick-icon {
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
  }
}
.no-svg .img-tick-icon {
  background-image: url("../../core/img/mobile/tick-icon-144.png");
  width: 35px;
  height: 35px;
}
@media (min-width: 768px) {
  .no-svg .img-tick-icon {
    background-image: url("../../core/img/desktop/tick-icon-72.png");
    width: 20px;
    height: 20px;
  }
}
input[type="button"],
input[type="submit"],
button {
  color: white;
}
.btn {
  display: block;
  position: relative;
  width: 100%;
  min-height: 2.5em;
  float: right;
  white-space: nowrap;
  margin: 10px 0 20px 10px;
  padding: 0 2em 0 2em;
  min-width: 150px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 21px;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
  transition: All 0.2s ease;
  background-color: #4aa851;
  color: white;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
@media (min-width: 768px) {
  .btn {
    min-height: 2.5em;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .btn {
    min-height: 2.2em;
    width: auto;
  }
}
.btn:active {
  background-color: #69747e;
  color: white;
}
.btn[disabled] {
  background-color: #B4B2AE;
  pointer-events: none;
}
.btn:focus {
  outline: none;
  box-shadow: 0 0 0 1px black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  background-color: #4aa851;
  color: white;
}
.btn:after {
  position: absolute;
  right: 0.3em;
  display: inline-block;
}
/* Apply Hover effects only on non-touch devices */
html.no-touch-device .btn:hover {
  background-color: #4aa851;
  color: white;
}
/* On touch devices set the hover styles to default button style */
html.touch-device .btn:hover {
  background-color: #4aa851;
  color: white;
}
a.btn {
  padding-top: 11px;
}
@media (min-width: 992px) {
  a.btn {
    padding-top: 8px;
  }
}
a.btn:hover {
  text-decoration: none;
}
.btn.arrow {
  padding-left: 1em;
}
.btn.arrow:after {
  content: "\e072";
  font-family: 'Glyphicons Halflings';
}
.btn.arrow.disabled {
  pointer-events: none;
}
.btn-left {
  float: left;
  margin-left: 0;
}
.btn-fullwidth {
  width: 100%;
}
html.no-touch-device .btn-secondary.no-hover,
.btn-secondary,
.btn-secondary:active {
  background-color: #B4B2AE;
  color: white;
}
.btn-secondary:focus {
  background-color: #8D8475;
  color: white;
  box-shadow: none;
}
/* Apply Hover effects only on non-touch devices */
html.no-touch-device .btn-secondary:hover {
  background-color: #8D8475;
  color: white;
}
/* On touch devices set the hover styles to default button style */
html.touch-device .btn-secondary:hover {
  background-color: #B4B2AE;
  color: white;
}
.btn-secondary[disabled] {
  background-color: #8D8475;
}
.touched {
  background-color: #69747e;
  color: white;
  /*To stop the browser asking you to copy/save/select the image or whatever.*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.linkButton,
#ff-reload-captcha {
  text-decoration: underline;
  color: #427730;
}
.linkButton:hover,
#ff-reload-captcha:hover {
  color: #427730;
}
#ff-reload-captcha {
  display: inline-block;
  padding-top: 0;
  margin-bottom: 0.8em;
}
.captchaColumn .form-group {
  margin-bottom: 0;
  min-height: unset;
}
.goBackButton {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .goBackButton {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: inherit;
  }
}
.btn.loading {
  background-color: #B4B2AE;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #8d962f;
}
.btn.loading:after {
  content: " ";
  background-image: url('../../core/img/svg/loading-white.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  width: 40px;
  height: 40px;
  margin-top: -5px;
}
@media (min-width: 768px) {
  .btn.loading:after {
    width: 32px;
    height: 32px;
    margin-top: -4px;
  }
}
.loading-adorner {
  background-image: url('../../core/img/svg/loading-white.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loading-adorner.black {
  background-image: url('../../core/img/svg/loading-black.svg');
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading-widget-wrapper {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 500;
  cursor: progress;
}
.loading-widget-wrapper#page-loading-adorner {
  position: relative;
  height: 220px;
  width: 100%;
}
.loading-widget-wrapper .loading-adorner {
  height: 100%;
  margin: 0 auto;
  width: 32px;
}
.loading-widget-wrapper .loading-text {
  margin: 0 auto;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  text-align: center;
  margin-top: -40px;
}
.delayed-content {
  min-height: 32px;
}
.delayed-content.unloaded {
  background-image: url('../../core/img/svg/loading-white.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  background-image: url('../../core/img/svg/loading-black.svg');
}
.panel-heading a:hover,
.panel-heading a:focus {
  text-decoration: none;
}
.panel-heading a h4:after {
  font-family: 'Glyphicons Halflings';
  float: right;
  content: "\e113";
}
.panel-heading a.collapsed h4:after {
  float: right;
  content: "\e114";
}
.panel-group {
  font-size: 30px;
}
.panel-heading {
  height: 40px;
}
.panel-heading > a {
  height: 100%;
}
.panel-heading > a > h4.panel-title {
  height: 100%;
  margin-top: 4px;
  font-size: 21px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.panel-default > .panel-heading {
  background-color: #999999;
}
.panel-default > .panel-heading.collapsed {
  background-color: #CCD2D5;
}
.panel-default {
  border-color: white;
}
/*@import "../../../hifx/css/bootstrap/_variables.less";
@import "../bootstrap/mixins.less";*/
.navbar-nav {
  margin: 0;
}
.nav > li > a:focus {
  background-color: white;
}
.navbar-nav.navbar-right:last-child {
  margin-right: 0;
}
.navbar-nav > li {
  border-top: 1px solid #dedbd2;
  border-radius: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .navbar-nav > li {
    border-top: inherit;
    border-radius: inherit;
    text-align: left;
    margin-right: 3px;
  }
}
.navbar-nav > li:first-child {
  border-top: 1px solid #dedbd2;
}
@media (min-width: 768px) {
  .navbar-nav > li:first-child {
    border-top: inherit;
  }
}
.navbar-nav > li:last-child {
  border-bottom: 2px solid #dedbd2;
}
@media (min-width: 768px) {
  .navbar-nav > li:last-child {
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  #MenuSignoutLink {
    display: none;
  }
}
.navbar-nav > li > a {
  padding: 6px;
  color: #dedbd2;
  font-size: 16px;
  border-radius: 0;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    border-radius: inherit;
    border-radius: 5px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .navbar-nav > li > a {
    padding: 6px 8px 6px 8px;
  }
}
.nav .dropdown-menu {
  padding: 0;
  margin: 0;
  box-shadow: 1px 1px 3px #001829;
}
.nav .dropdown-menu > li {
  border-top: 1px solid #9c9c9c;
  text-align: center;
}
@media (min-width: 768px) {
  .nav .dropdown-menu > li {
    border-top: 1px solid #EAEAEA;
    text-align: left;
  }
}
.nav .dropdown-menu > li:first-child {
  border-top: none;
}
@media (min-width: 768px) {
  .nav .dropdown-menu > li:first-child {
    border-top: inherit;
  }
}
.nav .dropdown-menu > li > a {
  padding: 9px 10px;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 1;
  font-size: 16px;
  color: #294D31;
}
@media (min-width: 768px) {
  .nav .dropdown-menu > li > a {
    font-size: 15px;
    color: #001f2b;
    font-weight: inherit;
  }
}
.navbar-toggle {
  border-color: #dedbd2;
}
.navbar-collapse {
  border-top: none;
}
@media (min-width: 768px) {
  .navbar-collapse {
    border-top: inherit;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-collapse {
    padding-left: 0;
  }
}
.navbar-collapse.collapse {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .navbar-collapse.collapse {
    padding-right: 5px;
  }
}
.collapsing {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .navbar-nav .signout {
    display: none;
  }
}
.nav .dropdown-menu .open > a,
.nav .dropdown-menu .active > a,
.nav .dropdown-menu .open > a:hover,
.nav .dropdown-menu .open > a:focus {
  color: #dedbd2;
  background-color: transparent;
  color: #d6d6d6;
}
@media (min-width: 768px) {
  .nav .dropdown-menu .open > a,
  .nav .dropdown-menu .active > a,
  .nav .dropdown-menu .open > a:hover,
  .nav .dropdown-menu .open > a:focus {
    color: #001f2b;
    border-color: #dedbd2;
    background-color: #4c626a;
  }
}
@media (min-width: 768px) {
  .nav .dropdown-menu .open {
    background-color: #4c626a;
  }
}
.nav .open > a,
.nav .active > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: transparent;
  color: #dedbd2;
  background-color: #d6d6d6;
}
@media (min-width: 768px) {
  .nav .open > a,
  .nav .active > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background-color: white;
  }
}
.navbar-nav .open .dropdown-menu {
  border-radius: 0;
  background-color: #FBF9F6;
}
@media (min-width: 768px) {
  .navbar-nav .open .dropdown-menu {
    border-radius: inherit;
    background-color: white;
  }
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: white;
}
#SignOut {
  cursor: pointer;
}
#forgetThisDeviceModal .modal-body {
  color: black;
  text-align: left;
  font-size: 16px;
}
#forgetThisDeviceModal .modal-header {
  text-align: center;
}
#forgetThisDeviceModal #justSignout,
#forgetThisDeviceModal #forgetandSignout {
  width: 100%;
}
#forgetThisDeviceModal #justSignout {
  margin-bottom: 5px;
}
#forgetThisDeviceModal #notSignOut {
  text-decoration-skip-ink: none;
  font-size: 16px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
}
/*@import "../../../hifx/css/bootstrap/_variables.less";
@import "../bootstrap/mixins.less";*/
.inner {
  max-width: 970px;
  margin: 0 auto;
}
#wrapper main .pageTitle {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 992px) {
  #wrapper main .pageTitle div {
    padding-right: 0;
  }
}
#wrapper > header {
  background-color: white;
  color: #464646;
}
@media print {
  #wrapper > header {
    display: none;
  }
}
@media (max-width: 991px) {
  #wrapper > header .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
#wrapper > header .logo-container {
  line-height: 5.5;
  padding: 0 0 0 15px;
}
@media (min-width: 768px) {
  #wrapper > header .logo-container {
    line-height: 6.8;
  }
}
@media (min-width: 992px) {
  #wrapper > header .logo-container {
    line-height: 7.35;
  }
}
#wrapper > header .logo-container img {
  vertical-align: middle;
  height: 46px;
}
@media (min-width: 768px) {
  #wrapper > header .logo-container img {
    height: 52px;
  }
}
@media (min-width: 992px) {
  #wrapper > header .logo-container img {
    height: 69px;
  }
}
#wrapper > header .nav-container {
  text-align: right;
  min-height: 46px;
  padding-left: 0;
  padding-right: 14px;
}
@media (min-width: 768px) {
  #wrapper > header .nav-container {
    padding-left: 14px;
  }
}
#wrapper > header .nav-container .menu-button {
  margin-top: 23px;
  margin-right: 0;
  padding: 5px 0 5px 15px;
  background-repeat: no-repeat;
  height: 36px;
  color: white;
  border: none;
}
#wrapper > header .nav-container .menu-button > span {
  color: #dedbd2;
  border: 1px solid #dedbd2;
  padding: 7px 15px 7px 15px;
  border-radius: 4px;
}
#wrapper > header .top-menu {
  text-align: right;
  float: right;
  padding: 0;
  min-height: 0;
  z-index: 900;
}
#wrapper > header .top-menu ul.navbar-nav {
  background-color: white;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu {
    min-height: 1px;
    padding: 20px 4px 6px 22px;
  }
}
@media (min-width: 992px) {
  #wrapper > header .top-menu {
    padding-top: 34px;
  }
}
#wrapper > footer {
  background: #011f2a;
  color: #606060;
  min-height: 50px;
}
@media print {
  #wrapper > footer {
    display: none;
  }
}
#wrapper > footer .footer-toprow {
  background-color: white;
  color: #606060;
  margin: 0;
  overflow: hidden;
  line-height: 2;
  font-size: 16px;
  border-top: 2px solid #cecbce;
}
@media (min-width: 768px) {
  #wrapper > footer .footer-toprow {
    font-size: 15px;
  }
}
#wrapper > footer .footer-toprow div.default {
  padding: 4px 0 4px 15px;
  margin-bottom: 0;
  /*.font-size(@font-size-small-2);*/
  color: black;
}
#wrapper > footer .footer-toprow div.default a {
  display: block;
  color: black;
}
@media (min-width: 768px) {
  #wrapper > footer .footer-toprow div.default a {
    display: inline;
  }
}
@media (min-width: 768px) {
  #wrapper > footer .footer-toprow div.default a::before {
    padding: 0 8px 0 4px;
    display: inline-block;
  }
}
@media (min-width: 768px) {
  #wrapper > footer .footer-toprow div.default a.firstfooterlink {
    margin-left: -7px;
  }
}
#wrapper > footer .footer-toprow div.default a.firstfooterlink::before {
  content: '';
  padding: 0;
}
@media (min-width: 768px) {
  #wrapper > footer .footer-toprow div.default a.firstfooterlink::before {
    padding-right: 8px;
  }
}
@media (min-width: 768px) {
  #wrapper > footer .footer-toprow div.default a.firstfooterlink::after {
    content: '|';
    padding: 0 4px 0 8px;
    display: inline-block;
  }
}
#wrapper > footer .footer-toprow .copyright {
  text-align: right;
  color: black;
  padding: 4px 15px 0 0;
  float: right;
}
#wrapper > footer .footer-toprow .copyright p {
  margin-bottom: 0;
}
#wrapper > footer .footer-bottomrow {
  color: white;
  min-height: 35px;
  margin: 0;
}
@media (min-width: 768px) {
  #wrapper > footer .footer-bottomrow {
    min-height: 75px;
  }
}
@media (max-width: 991px) {
  #wrapper > footer .footer-bottomrow p.smallcopyright {
    font-size: 15px;
  }
}
#wrapper > footer .footer-bottomrow .copyright {
  font-size: 16px;
  margin-top: 10px;
  color: white;
}
@media (min-width: 768px) {
  #wrapper > footer .footer-bottomrow .copyright {
    font-size: 15px;
    margin-top: 10px;
    color: black;
  }
}
#wrapper > footer .footer-bottomrow .tagline {
  text-align: left;
  font-size: 25px;
  padding: 0 15px 0 15px;
  margin-top: 0;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  #wrapper > footer .footer-bottomrow .tagline {
    text-align: inherit;
  }
}
@media (min-width: 768px) {
  #wrapper > footer .footer-bottomrow .tagline {
    text-align: inherit;
    margin-top: 20px;
  }
}
#wrapper > footer .footer-bottomrow .tagline span {
  color: white;
}
#wrapper > footer .footer-bottomrow .tagline b {
  font-weight: normal;
  text-transform: uppercase;
  color: #c8d94e;
}
#wrapper .top-bar {
  min-height: 20px;
  margin: -8px 0 0 0;
  padding: 0;
  font-size: 16px;
  color: #464646;
  text-align: center;
}
@media (min-width: 768px) {
  #wrapper .top-bar {
    margin: 17px 0 0 0;
    color: white;
    text-align: inherit;
    font-size: 15px;
  }
}
#wrapper .top-bar ul {
  width: 100%;
}
#wrapper .top-bar ul li {
  list-style-type: none;
  float: right;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 768px) {
  #wrapper .top-bar ul li {
    display: inline-block;
    max-width: 160px;
    width: auto;
  }
}
@media (min-width: 992px) {
  #wrapper .top-bar ul li {
    max-width: 240px;
  }
}
@media (min-width: 768px) {
  #wrapper .top-bar ul li:before {
    content: '|';
    padding: 0 8px 0 8px;
    display: inline-block;
  }
}
#wrapper .top-bar ul li:last-child:before {
  content: none;
  padding-left: 0;
}
@media (min-width: 768px) {
  #wrapper .top-bar ul li.last-login {
    max-width: 250px;
  }
}
#wrapper .top-bar ul li .welcome {
  color: #464646;
}
@media (min-width: 768px) {
  #wrapper .top-bar ul li .welcome {
    color: white;
  }
}
#wrapper .top-bar ul li .signout {
  text-decoration: underline;
  color: white;
}
@media (min-width: 768px) {
  #wrapper .top-bar ul.private-account li {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  #wrapper .top-bar ul.private-account li {
    max-width: 460px;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
    bottom: 0;
  }
  to {
    opacity: 0;
    bottom: -150px;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
    bottom: 0;
  }
  to {
    opacity: 0;
    bottom: -150px;
  }
}
#wrapper #cookieBannerContainer {
  position: fixed;
  z-index: 999;
  background-color: #ffffff;
  width: 100%;
  height: auto;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
  left: 0;
  bottom: 0;
  display: none;
}
@media only screen and (max-device-height: 800px) and (min-device-height: 400px) and (max-height: 400px) {
  #wrapper #cookieBannerContainer {
    opacity: 0 !important;
  }
}
#wrapper #cookieBannerContainer.fade {
  opacity: 0;
  -webkit-animation: fadeout 0.2s ease-in;
  animation: fadeout 0.2s ease-in;
}
#wrapper #cookieBannerContainer.fade.fade-in {
  opacity: 1;
  -webkit-animation: none;
  animation: none;
}
#wrapper #cookieBannerContainer .alert {
  background-color: #ffffff;
  border: 0;
  border-radius: 0;
  padding-right: 25px;
}
#wrapper #cookieBannerContainer .alert .close {
  font-size: 35px;
  right: -25px;
  top: -11px;
  width: 26px;
  height: 26px;
  opacity: 1;
}
#wrapper #cookieBannerContainer div#bannerInfo {
  margin-right: 15px;
}
#wrapper #consent-modal-overlay,
#wrapper #consent-card-overlay,
#wrapper #consent-zar-overlay {
  align-items: flex-end;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  justify-content: flex-start;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  padding-left: 23px;
  padding-bottom: 23px;
}
#wrapper #consent-modal-overlay.show-overlay,
#wrapper #consent-card-overlay.show-overlay,
#wrapper #consent-zar-overlay.show-overlay {
  display: flex;
}
#wrapper #consent-modal-overlay .consent-modal,
#wrapper #consent-card-overlay .consent-modal,
#wrapper #consent-zar-overlay .consent-modal {
  background: #fff;
  border-radius: 10px;
  max-width: 440px;
  padding: 20px 0;
  position: relative;
}
#wrapper #consent-modal-overlay #consent-card,
#wrapper #consent-card-overlay #consent-card,
#wrapper #consent-zar-overlay #consent-card {
  max-width: 400px;
  padding: 24px;
  border-radius: 8px;
  box-shadow: rgba(35, 55, 80, 0.3) 0px 0px 12px;
  background-color: #fff;
}
#wrapper #consent-modal-overlay #consent-zar,
#wrapper #consent-card-overlay #consent-zar,
#wrapper #consent-zar-overlay #consent-zar {
  max-width: 400px;
  padding: 24px;
  border-radius: 8px;
  box-shadow: rgba(35, 55, 80, 0.3) 0px 0px 12px;
  background-color: #fff;
}
#wrapper #consent-modal-overlay p,
#wrapper #consent-card-overlay p,
#wrapper #consent-zar-overlay p {
  font-size: 1rem;
}
#wrapper #consent-modal-overlay #consentCategoriesSection div,
#wrapper #consent-card-overlay #consentCategoriesSection div,
#wrapper #consent-zar-overlay #consentCategoriesSection div {
  display: flex;
}
#wrapper #consent-modal-overlay #consentCategoriesSection div label.category-label,
#wrapper #consent-card-overlay #consentCategoriesSection div label.category-label,
#wrapper #consent-zar-overlay #consentCategoriesSection div label.category-label {
  flex-grow: 1;
  color: #333;
  font-size: 1.2rem;
  font-weight: bold;
}
#wrapper #consent-modal-overlay #consentCategoriesSection div p,
#wrapper #consent-card-overlay #consentCategoriesSection div p,
#wrapper #consent-zar-overlay #consentCategoriesSection div p {
  margin: 0;
}
#wrapper #consent-modal-overlay .toggle,
#wrapper #consent-card-overlay .toggle,
#wrapper #consent-zar-overlay .toggle {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
#wrapper #consent-modal-overlay input,
#wrapper #consent-card-overlay input,
#wrapper #consent-zar-overlay input {
  opacity: 0;
  width: 0;
  height: 0;
}
#wrapper #consent-modal-overlay input:checked + .input-slider,
#wrapper #consent-card-overlay input:checked + .input-slider,
#wrapper #consent-zar-overlay input:checked + .input-slider {
  background-color: #19a672;
}
#wrapper #consent-modal-overlay input:focus + .input-slider,
#wrapper #consent-card-overlay input:focus + .input-slider,
#wrapper #consent-zar-overlay input:focus + .input-slider {
  box-shadow: 0 0 1px #2196F3;
}
#wrapper #consent-modal-overlay input:checked + .input-slider:before,
#wrapper #consent-card-overlay input:checked + .input-slider:before,
#wrapper #consent-zar-overlay input:checked + .input-slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
#wrapper #consent-modal-overlay .input-slider,
#wrapper #consent-card-overlay .input-slider,
#wrapper #consent-zar-overlay .input-slider {
  border-radius: 34px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ddd;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#wrapper #consent-modal-overlay .input-slider:before,
#wrapper #consent-card-overlay .input-slider:before,
#wrapper #consent-zar-overlay .input-slider:before {
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#wrapper #consentManager {
  max-height: 80vh;
  overflow: auto;
}
#wrapper #consentManager h2 {
  text-align: center;
  color: #333;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 0 16px;
}
#wrapper #consentManager p {
  color: #5c667b;
  margin: 0 0 16px;
}
#wrapper #consentManager .nodecoration-button {
  padding: 0;
  border: none;
  background: none;
  height: 24px;
}
#wrapper #consentManager .consent-button-group {
  text-align: right;
}
#wrapper #consentManager .consent-button-group button {
  display: inline-flex;
  text-decoration: none;
  padding: 6px 12px;
  font-size: 1.2rem;
  text-align: center;
}
#wrapper #consentManager .consent-button-group .consent-button-hollow {
  color: #006fe8;
  background: none;
  border: 2px solid #0071e1;
  border-radius: 8px;
}
#wrapper #consentManager .consent-button-group .consent-button-solid {
  color: #ffffff;
  background: #0071eb;
  border: 2px solid #0071eb;
  border-radius: 8px;
}
#wrapper #consentZarManager {
  max-height: 80vh;
  overflow: auto;
}
#wrapper #consentZarManager h2 {
  text-align: center;
  color: #333;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 0 16px;
}
#wrapper #consentZarManager p {
  color: #5c667b;
  margin: 0 0 16px;
}
#wrapper #consentZarManager hr {
  margin-top: 14px;
  margin-bottom: 14px;
}
#wrapper #consentZarManager .sikhona-text {
  font-weight: bolder;
  font-size: 1.1rem;
}
#wrapper #consentZarManager .consent-zar-group {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#wrapper #consentZarManager .consent-zar-group button {
  display: inline-flex;
  text-decoration: none;
  padding: 10px 20px;
  font-size: 1.2rem;
  text-align: center;
}
#wrapper #consentZarManager .consent-zar-group a {
  font-weight: bolder;
  font-size: 16px;
  text-decoration: underline;
}
#wrapper #consentZarManager .consent-zar-group a:hover {
  color: red;
}
#wrapper #consentZarManager .consent-zar-group .consent-zar-solid {
  color: #ffffff;
  background: #00AE00;
  border: 2px solid #00AE11;
  border-radius: 6px;
}
#wrapper #consentZarManager .consent-zar-group-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#wrapper #consentZarManager .consent-zar-group-header a {
  font-family: sans-serif;
  font-size: 1.4rem;
  color: gray;
  text-decoration: none;
}
/*@import "../../../hifx/css/bootstrap/_variables.less";
@import "../bootstrap/mixins.less";*/
.wrapper {
  min-height: 100%;
  position: relative;
}
.dealingprogressbar {
  font-size: 13px;
  position: relative;
  border-color: #dcdcdc;
}
.panel-body hr {
  margin-top: 8px;
  margin-bottom: 8px;
}
.dealingprogressbar .panel-body {
  padding: 0;
}
.panel-default > .panel-heading {
  color: white;
  background-color: #999999;
  background-image: none;
  border-color: #dcdcdc;
}
.panel-default > .panel-heading h3 {
  font-size: 14px;
  font-weight: bold;
}
.progressRow {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dcdcdc;
  margin-left: 0;
  margin-right: 0;
}
.progressRow:last-child {
  border-bottom: 0;
}
.progressRow header {
  margin-bottom: 6px;
}
.progressRow header h5 {
  font-size: 13px;
}
.progressRow .totalRow {
  font-weight: bold;
}
hr {
  border: 0;
  border-top: 2px solid #e6e6e6;
}
.progressBarInblockSpace {
  margin-bottom: 10px;
}
.progressBarBody .row {
  margin-left: 0;
  margin-right: 0;
}
.progressBarBody > .row {
  margin-right: 0;
  margin-top: 7px;
  margin-bottom: 7px;
}
.progressBarBody .row div[class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}
.progressBarBody .row div[class*='col-']:nth-child(2) {
  margin-left: -8px;
}
.progressBarHeading {
  font-size: 15px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .progressbarcolumn {
    width: 29%;
  }
}
/*@import "../../../hifx/css/bootstrap/_variables.less";
@import "../bootstrap/mixins.less";*/
.nav.nav-tabs {
  border: 0;
  border-radius: 0;
  font-size: 16px;
  background: white;
  margin-top: 6px;
  font-weight: bold;
  border-bottom: 0;
}
@media (min-width: 768px) {
  .nav.nav-tabs {
    font-size: 18px;
    font-weight: normal;
    border-bottom: 3px solid #69747e;
  }
}
.nav.nav-tabs > li {
  border-bottom: white solid 1px;
  text-align: left;
  float: none;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .nav.nav-tabs > li {
    border-bottom: #69747e solid 1px;
    text-align: inherit;
    float: inherit;
    margin-top: inherit;
  }
}
.nav.nav-tabs > li > a {
  background: #CCD2D5;
  color: #69747e;
  margin-right: 10px;
  padding-top: 9px;
  padding-bottom: 6px;
}
.nav.nav-tabs > li > a > .fa {
  display: none;
  position: absolute;
  right: 12px;
  top: 14px;
}
.nav.nav-tabs > li > a:hover {
  background: #69747e;
  color: white;
  border-bottom: 1px solid #69747e;
  outline: none;
}
.nav.nav-tabs > li > a .fa.fa-caret-down {
  display: inline-block;
  color: #69747e;
}
.nav.nav-tabs > li > a .fa.fa-caret-up {
  display: none;
}
@media (min-width: 768px) {
  .nav.nav-tabs > li > a .fa.fa-caret-up {
    display: inline-block;
  }
}
.nav.nav-tabs > li.active a,
.nav.nav-tabs > li.active a:hover,
.nav.nav-tabs > li.active a:focus {
  background: #69747e;
  color: white;
  border-bottom: 1px solid #69747e;
  outline: none;
}
.nav.nav-tabs > li.active > a > .fa.fa-caret-down {
  display: none;
}
@media (min-width: 768px) {
  .nav.nav-tabs > li.active > a > .fa.fa-caret-down {
    display: inline-block;
  }
}
.nav.nav-tabs > li.active > a > .fa.fa-caret-up {
  display: inline-block;
  color: white;
}
/*@import "../../../hifx/css/bootstrap/_variables.less";
@import "../bootstrap/mixins.less";*/
.toolTipAnchor {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 11px;
  cursor: pointer;
  background-color: #9B9287;
  color: white;
  float: right;
  height: 22px;
  line-height: 1.2;
  margin-bottom: 2px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 22px;
  display: block;
  font-weight: 900;
  font-size: 18px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.tooltipContainer {
  position: absolute;
  top: 0;
  right: 15px;
}
.rateTooltip .fa.fa-circle {
  cursor: pointer;
}
.datepicker {
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.highlighted {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.highlighted {
  background-image: none;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.highlighted,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled:active,
.datepicker table tr td.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.disabled.active,
.datepicker table tr td.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.highlighted.active {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted .badge {
  color: #d9edf7;
  background-color: #000;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}
.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open > .dropdown-toggle.datepicker table tr td.today {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active,
.open > .dropdown-toggle.datepicker table tr td.today {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today[disabled],
fieldset[disabled] .datepicker table tr td.today,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today .badge {
  color: #ffdb99;
  background-color: #000;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}
.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}
.datepicker table tr td.range:hover,
.datepicker table tr td.range:focus,
.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open > .dropdown-toggle.datepicker table tr td.range {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.open > .dropdown-toggle.datepicker table tr td.range {
  background-image: none;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range[disabled],
fieldset[disabled] .datepicker table tr td.range,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled:active,
.datepicker table tr td.range[disabled]:active,
fieldset[disabled] .datepicker table tr td.range:active,
.datepicker table tr td.range.disabled.active,
.datepicker table tr td.range[disabled].active,
fieldset[disabled] .datepicker table tr td.range.active {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.datepicker table tr td.range .badge {
  color: #eeeeee;
  background-color: #000;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}
.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.range.highlighted {
  background-image: none;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.range.highlighted,
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled:active,
.datepicker table tr td.range.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.disabled.active,
.datepicker table tr td.range.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.range.highlighted.active {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted .badge {
  color: #e4eef3;
  background-color: #000;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}
.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open > .dropdown-toggle.datepicker table tr td.range.today {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active,
.open > .dropdown-toggle.datepicker table tr td.range.today {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today .badge {
  color: #f7ca77;
  background-color: #000;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.selected,
.open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.highlighted.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.highlighted.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.highlighted.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected.highlighted.active {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.selected .badge,
.datepicker table tr td.selected.highlighted .badge {
  color: #777777;
  background-color: #fff;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.open > .dropdown-toggle.datepicker table tr td.active,
.open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.highlighted.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active.highlighted[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active.highlighted,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.highlighted.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active.highlighted[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.highlighted.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active.highlighted[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active.highlighted.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td.active .badge,
.datepicker table tr td.active.highlighted .badge {
  color: #428bca;
  background-color: #fff;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open > .dropdown-toggle.datepicker table tr td span.active,
.open > .dropdown-toggle.datepicker table tr td span.active:hover,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled,
.open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.active .badge,
.datepicker table tr td span.active:hover .badge,
.datepicker table tr td span.active.disabled .badge,
.datepicker table tr td span.active.disabled:hover .badge {
  color: #428bca;
  background-color: #fff;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  text-shadow: 0 1px 0 #fff;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
#userNotification {
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  z-index: 800;
}
@media (min-width: 992px) {
  #userNotification {
    left: -72px;
    right: 0;
    margin: 0 auto 0 auto;
    max-width: 970px;
  }
}
@media (max-width: 767px) {
  #userNotification.scrollNotification {
    position: fixed;
    top: 0;
  }
}
#userNotification .ui-pnotify {
  width: 100%;
  padding: 0 15px 0 15px;
  background-color: white;
}
@media (max-width: 767px) {
  #userNotification .ui-pnotify {
    left: auto;
    right: auto;
  }
}
@media (min-width: 992px) {
  #userNotification .ui-pnotify {
    left: 36px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #userNotification .ui-pnotify {
    left: 0 !important;
  }
}
#userNotification .ui-pnotify .ui-pnotify-closer {
  width: 12px;
  float: right;
}
#userNotification .ui-pnotify .ui-pnotify-container {
  position: relative;
  padding: 0.5em 1em 0.5em 1em;
  background-image: none;
  filter: none;
}
#userNotification .ui-pnotify .ui-pnotify-container.brighttheme-success {
  border-radius: 0 0 3px 3px;
  border: 2px solid #4aa851;
  border-top: 0;
  color: black;
  background-color: #F6E1D0;
  box-shadow: none;
}
#userNotification .ui-pnotify .ui-pnotify-container .ui-pnotify-icon {
  position: absolute;
  top: 15px;
  left: 15px;
}
#userNotification .ui-pnotify .ui-pnotify-container .ui-pnotify-icon:before {
  content: ' ';
  position: absolute;
  display: block;
  background-color: white;
  border-radius: 10px;
  width: 10px;
  height: 19px;
  margin-top: 4px;
  margin-left: 8px;
}
#userNotification .ui-pnotify .ui-pnotify-container .ui-pnotify-icon .warningOverride {
  background: url("../../jlp/img/warning.png") no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
}
#userNotification .ui-pnotify .ui-pnotify-container .ui-pnotify-icon .glyphicon {
  color: #427730;
  font-size: 24px;
}
#userNotification .ui-pnotify .ui-pnotify-container .ui-pnotify-text {
  padding: 10px 40px 10px 40px;
}
#userNotification .ui-pnotify .ui-pnotify-container .brighttheme-icon-closer {
  top: 20px;
  right: 15px;
  font-size: 18px;
}
#userNotification .ui-pnotify .ui-pnotify-container .closer-button {
  display: block;
  height: 14px;
  width: 14px;
  margin-top: 14px;
  background-image: url('../../core/img/svg/pnotify-close.svg');
}
#userNotification .ui-pnotify .ui-pnotify-shadow {
  -webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
}
#pullNotify {
  position: absolute;
  display: block;
  top: 0;
  margin-left: 170px;
  width: 4em;
  height: 3em;
  z-index: 700;
  cursor: pointer;
  border: 2px solid #aaaaaa;
  border-radius: 0 0 3px 3px;
  border-top: 0;
  background-color: white;
  color: #aaaaaa;
}
@media (min-width: 992px) {
  #pullNotify {
    margin-left: 220px;
  }
}
#pullNotify:after {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 0;
  content: "\e072";
  font-family: 'Glyphicons Halflings';
  font-size: 22px;
  text-align: center;
  line-height: 1.75;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/*@import "../../../hifx/css/bootstrap/_variables.less";
@import "../bootstrap/mixins.less";*/
.side-links-container {
  padding: 0;
}
@media (min-width: 768px) {
  .side-links-container {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .side-links-container {
    padding: 0;
  }
}
.side-links-container .list-container ul li.no-bullet {
  padding: 0;
}
.faq-container {
  padding: 0;
}
.list-container {
  border-radius: 3px;
  border: 1px solid #dcdcdc;
  margin-bottom: 15px;
  font-size: 13px;
  color: #427730;
  padding: 6px;
}
@media (min-width: 480px) {
  .list-container {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .list-container {
    padding: 10px;
  }
}
.list-container ul {
  margin-bottom: 0;
  list-style: none;
}
.list-container ul li {
  padding-bottom: 0;
}
.list-container ul li:not(.no-bullet):before {
  content: '>>';
  color: #bbc614;
  font-size: 12px;
  font-family: Arial;
  line-height: 0;
  font-weight: bold;
  padding-right: 10px;
}
.list-container ul li.no-bullet {
  padding-left: 23px;
}
.list-container ul li a {
  line-height: 2;
}
@media (min-width: 992px) {
  .list-container ul li a {
    line-height: 1.5;
  }
}
.list-container a {
  color: #427730;
}
.list-container .list-last {
  padding-left: 20px;
  padding-top: 5px;
}
label[for="CaptchaDetails_CaptchaText"] {
  text-align: left !important;
}
.errorSectionLogin {
  display: none;
  padding-top: 5px;
  padding-bottom: 10px;
}
.container-row > div,
.container-row > div:nth-child(even) {
  padding-top: 0;
}
section > header > h1 {
  color: #102b2b;
  margin: 0;
  padding: 10px 0 10px 15px;
}
header > h1 {
  margin-bottom: 14px;
}
.trust-sidebar {
  background: white;
  float: right;
  width: 100%;
  display: none;
}
.trust-sidebar img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.login-area .trust-sidebar {
  display: block;
}
.trust-information {
  border: 1px solid #c8d94e;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .trust-information {
    display: none;
  }
}
@media (min-width: 992px) {
  .trust-information {
    margin-top: 5px;
    margin-bottom: 20px;
    max-width: 215px;
    padding: 10px;
    overflow: hidden;
  }
}
.trust-information__title {
  margin: -10px;
  margin-bottom: 10px;
  padding: 10px 2px;
  text-align: center;
  font-size: 13px;
  background-color: #B4C243;
  color: white;
}
.trustbar {
  display: inline-block;
  clear: both;
  width: 100%;
}
.trust-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.trust-list li {
  background: url("../../core/img/svg/customerreasons-SVG.svg") no-repeat;
  padding: 10px 0 8px 41px;
  margin-bottom: 22px;
  font-size: 12px;
  white-space: nowrap;
}
.trust-list li.exchange {
  background-position: 0 0;
}
.trust-list li.laptop {
  background-position: 0 -46px;
}
.trust-list li.lock {
  background-position: 0 -92px;
}
.trust-list li.speed {
  background-position: 0 -138px;
}
.trustpilot-information {
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 20px;
  overflow: hidden;
}
.nortonLogo {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nortonLogo {
    text-align: right;
  }
}
.nortonimage {
  background: url("../../core/img/vseal.gif") no-repeat 50% 0;
  display: inline-block;
  width: 100px;
  height: 58px;
}
.notificationPanel {
  display: table;
  position: relative;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #d3d3d3;
  min-height: 80px;
  background-color: #F6E1D0;
  color: black;
}
.notificationPanel .glyphicon {
  display: table-cell;
  height: 100%;
  width: 80px;
  background-repeat: no-repeat;
  background-position: center center;
}
.notificationPanel .glyphicon.notify-info {
  background-image: url('../../core/img/notify-info.png');
}
.notificationPanel .glyphicon.notify-warning {
  background-image: url('../../core/img/notify-warning.png');
}
.notificationPanel .glyphicon.notify-error {
  background-image: url('../../core/img/notify-error.png');
}
.notificationPanel .notificationMessage {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 15px 20px 0;
}
.notificationPanel .notificationList {
  margin: 0;
}
.notificationPanel .errorList {
  margin: 0;
}
#hifx-pager {
  display: flex;
  max-width: 288px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
#hifx-pager .hifx-page-item {
  height: 44px;
  width: 44px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #334B55;
  cursor: pointer;
  background-color: #eee;
}
#hifx-pager .hifx-page-item:last-child {
  margin-right: 0;
}
#hifx-pager .hifx-ellipses-item {
  flex: 1;
  text-align: center;
  margin-right: 8px;
  font-weight: bold;
  color: #CCD2D5;
}
#hifx-pager .hifx-page-item-current {
  height: 44px;
  width: 44px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #334B55;
  background-color: #CCD2D5;
}
#hifx-pager .hifx-page-item-current:last-child {
  margin-right: 0;
}
.hifx-pager-item-mixin {
  height: 44px;
  width: 44px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #334B55;
}
.hifx-pager-item-mixin:last-child {
  margin-right: 0;
}
#rate-alert-pager-container {
  margin-bottom: 32px;
}
#rate-alert-pager-summary-container {
  text-align: center;
  margin-bottom: 16px;
  margin-top: 12px;
  color: #667980;
}
@media (min-width: 768px) {
  body.login-area.forgot-password.default form.forgotPassword {
    margin-left: -15px;
    margin-right: -15px;
  }
}
body.login-area.forgot-password.default .notificationPanel {
  margin-bottom: 10px;
}
body.login-area.forgot-password.default .links-container {
  min-height: 30px;
}
body.login-area.forgot-password.default .links-container > a {
  position: relative;
  top: 0;
}
@media (min-width: 768px) {
  body.login-area.forgot-password.default .links-container > a {
    top: 35px;
  }
}
body.login-area.forgot-password.default .message-container {
  padding-top: 10px;
  padding-bottom: 15px;
}
body.login-area.forgot-password.default .captchaColumn {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  body.login-area.forgot-password.default .captchaColumn {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 992px) {
  body.login-area.forgot-password.default .captchaColumn {
    float: left;
    width: 50%;
  }
}
body.login-area.forgot-password.default #errorMessage {
  font-weight: bold;
}
body.login-area.forgot-password.default .trust-sidebar {
  display: none;
}
body.login-area.forgot-password.default .LoginActionLink {
  font-size: 13px;
}
@media (max-width: 767px) {
  body.login-area.forgot-password.default #forgotPasswordSubmitButton {
    font-size: 20px;
  }
}
body.login-area.reset-password .loginpage {
  padding: 15px;
}
body.login-area.reset-password .loginpage header {
  margin-left: -15px;
  margin-right: -15px;
}
body.login-area.reset-password.default .single-button-layout {
  clear: left;
  padding-left: 0;
  padding-right: 0;
}
body.login-area.reset-password.default .padding-bottom-15 {
  padding-bottom: 15px;
}
body.login-area.reset-password.default .notificationPanel {
  margin-top: 1em;
  margin-bottom: 1em;
}
body.login-area.reset-password.new-password .single-button-layout {
  margin-right: 15px;
  padding-top: 20px;
}
body.login-area.reset-password.new-password #changePasswordPanel {
  margin-left: -15px;
  margin-right: -15px;
}
body.login-area.reset-password.new-password .toolTipAnchor {
  padding: 0;
}
body.login-area.setup .container-fluid div.row {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  body.login-area.setup form.accountSetup {
    margin-left: -15px;
    margin-right: -15px;
  }
}
body.login-area.setup .moreinfo {
  margin-bottom: 25px;
}
body.login-area.setup .captchaColumn {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  body.login-area.setup .captchaColumn {
    float: left;
    width: 50%;
  }
}
body.login-area .loginpage {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  body.login-area .loginpage {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  body.login-area #userNotification.rebrandNotification {
    position: absolute;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  body.login-area #userNotification.rebrandNotification .ui-pnotify {
    position: absolute;
    margin-top: 0;
    padding: 0 15px 0 15px;
  }
}
@media (min-width: 768px) {
  body.login-area.login.default form.login {
    margin-left: -15px;
    margin-right: -15px;
  }
}
body.login-area.login.default .links-container {
  min-height: 30px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  body.login-area.login.default .links-container {
    font-size: inherit;
  }
}
body.login-area.login.default .links-container > a {
  font-size: 16px;
  position: relative;
  top: 0;
}
@media (min-width: 768px) {
  body.login-area.login.default .links-container > a {
    top: 35px;
    font-size: inherit;
  }
}
body.login-area.login.default .checkBoxLabel {
  font-size: 13px;
  padding-top: 4px;
}
body.login-area.login.default .autoFormValidation {
  margin: 0;
}
body.login-area.login.default .captchaColumn {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  body.login-area.login.default .captchaColumn {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 992px) {
  body.login-area.login.default .captchaColumn {
    float: left;
    width: 50%;
  }
}
body.login-area.login.default #ff_captcha {
  width: 100%;
  clear: both;
  margin-bottom: 10px;
  margin-top: 0px;
  min-width: 240px;
  max-width: 380px;
}
body.login-area.login.default label[for="CaptchaText"] {
  display: none;
}
body.login-area.login.default #captchaformgroup > .form-group {
  height: 67px;
}
body.login-area.login.default .login-signup {
  vertical-align: top;
}
@media (min-width: 768px) {
  body.login-area.multiple-login.default form.multiple-login {
    margin-left: -15px;
    margin-right: -15px;
  }
}
body.login-area.multiple-login.default .form-group.form-group-lg.extended-dropdown {
  padding-left: 15px;
  padding-right: 15px;
}
body.login-area.multiple-login.default .initial-buttons {
  margin-top: 25px;
}
body.login-area.multiple-login.default .continue-container {
  padding-left: 5px;
  padding-right: 25px;
}
@media (min-width: 768px) {
  body.login-area.multiple-login.default .continue-container {
    padding-left: 5px;
  }
}
body.login-area.multiple-login.default .continue-container .btn {
  float: left;
}
body.login-area.additional-setup.default .container-fluid div.row {
  margin-bottom: 10px;
}
body.login-area.additional-setup.default .container-fluid a {
  color: #427730;
  text-decoration: underline;
}
body.login-area.additional-setup.default .container-fluid #buttonContainer {
  margin-top: 20px;
}
body.login-area.additional-setup.default .container-fluid .message-container {
  padding: 0;
  width: 100%;
  margin-bottom: 15px;
}
body.login-area.additional-setup.default .container-fluid .checkboxInputContainer {
  min-height: initial;
}
body.login-area.additional-setup.default .container-fluid .termsConditionsIntroText {
  margin-top: 10px;
  display: inline-block;
}
body.login-area.additional-setup.default .container-fluid .termsConditionsOutroText {
  margin-top: 10px;
  display: inline-block;
}
body.login-area.additional-setup.default .container-fluid .telephoneCaptureIntroText {
  margin-top: 10px;
  display: inline-block;
}
body.login-area.additional-setup.default .container-fluid h1 {
  margin-top: 25px;
  margin-bottom: 0px;
}
body.login-area.additional-setup.default .container-fluid .marketingConsentIntro,
body.login-area.additional-setup.default .container-fluid .marketingConsentOutro {
  margin-top: 15px;
  display: block;
}
body.login-area.additional-setup.default .container-fluid .marketingConsentIntro {
  margin-bottom: 10px;
}
body.next-steps.default h3 {
  margin-top: 0;
}
body.login-area.confirm-details.default .personalDetailsConfirmPage .nameContainer {
  margin-top: 10px;
  margin-bottom: 30px;
}
body.login-area.confirm-details.default .personalDetailsConfirmPage .addressContainer {
  margin-top: 30px;
}
body.login-area.confirm-details.default .personalDetailsConfirmPage .occupationContainer {
  margin-top: 30px;
  margin-bottom: 10px;
}
body.login-area.confirm-details.default .personalDetailsConfirmPage .heading {
  display: block;
  margin-bottom: 7px;
  font-weight: bold;
}
body.login-area.confirm-details.default .personalDetailsConfirmPage .buttonContainer {
  width: 100%;
  float: none;
}
@media (min-width: 768px) {
  body.login-area.confirm-details.default .personalDetailsConfirmPage .buttonContainer {
    float: right;
    width: 50%;
  }
}
body.login-area.confirm-details.default .personalDetailsConfirmPage .buttonContainer .btn-secondary {
  padding-left: 60px;
  padding-right: 60px;
  margin-bottom: 5px;
}
body.login-area.confirm-details.default .personalDetailsConfirmPage .occupation-info-messages h4 {
  margin-bottom: 25px;
}
body.login-area.confirm-details.default .personalDetailsConfirmPage .form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}
body.history-area.bank-details.default header .nav-container,
body.history-area.bank-details.default header .top-menu {
  display: none;
}
body.history-area.bank-details.default h2 {
  color: #102b2b;
  margin-left: 0;
  font-size: 20px;
}
body.history-area.bank-details.default .button-container {
  margin-top: 15px;
}
body.history-area.bank-details.default .print-container {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 768px) {
  body.history-area.bank-details.default .print-container {
    padding-left: 25px;
  }
}
body.history-area.bank-details.default .print-container .btn {
  float: left;
  margin-left: 0;
}
body.history-area.bank-details.default .close-container {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 768px) {
  body.history-area.bank-details.default .close-container {
    padding-right: 25px;
  }
}
@media (min-width: 992px) {
  body.history-area.bank-details.default .close-container .btn {
    margin-left: 25px;
  }
}
body.history-area.bank-details.default .table-rows .col-xs-6 {
  word-wrap: break-word;
}
body.history-area.bank-details.default .table-rows .row div:nth-child(1) {
  border-right: none;
}
body.history-area.bank-details.default .table-rows .row div:nth-child(2) {
  border-left: 1px solid #ddd;
}
body.history-area.bank-details.default .table-rows:last-child {
  padding-bottom: 20px;
}
body.history-area.bank-details.default .bpay-container {
  margin: 0;
  border: 2px solid #0d2b6f;
  padding: 10px;
  padding-bottom: 0;
  width: 308px;
  color: #0d2b6f;
}
body.history-area.bank-details.default .bpay-container > div {
  padding: 0;
}
body.history-area.bank-details.default .bpay-container .bpay-logo-container {
  height: 63px;
}
body.history-area.bank-details.default .bpay-container .bpay-logo-container .bpay-logo {
  background: url("../../core/img/bpay-logo.png") left no-repeat;
  float: left;
  background-size: 100% 100%;
  width: 41px;
  height: inherit;
}
body.history-area.bank-details.default .bpay-container .bpay-logo-container .bpay-details {
  width: 235px;
  height: inherit;
  float: right;
  border: 1px solid #0d2b6f;
  padding: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: bold;
}
body.history-area.bank-details.default .bpay-container .bpay-text {
  background: url("../../core/img/bpay-text.png") left no-repeat;
  background-size: 100% 100%;
  height: 65px;
  width: 278px;
  margin-top: 10px;
  margin-bottom: 5px;
}
body.home-area.home.default {
  /* CSS for displaying document status*/
}
body.home-area.home.default .main-homepage {
  margin-top: 0;
  padding: 0;
}
@media (min-width: 768px) {
  body.home-area.home.default .main-homepage {
    margin-top: -8px;
  }
}
body.home-area.home.default .pageTitle {
  display: none;
}
body.home-area.home.default .btn-homepage {
  margin: 0 auto;
  float: none;
  padding: 3px 0 0 0;
  min-height: 35px;
  width: 80px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  body.home-area.home.default .btn-homepage {
    padding: 5px 0 0 0;
  }
}
body.home-area.home.default .btn-homepage#SameCurrencyButton {
  width: 140px;
  background-color: #4aa851;
}
body.home-area.home.default .btn-homepage#SameCurrencyButton:hover {
  background-color: #4aa851 !important;
}
body.home-area.home.default #homeForm .btn-homepage {
  padding-top: 0;
}
body.home-area.home.default .side-homepage {
  margin-top: 7px;
  padding: 0 0 0 0;
}
@media (min-width: 992px) {
  body.home-area.home.default .side-homepage {
    padding-right: 0;
    padding-left: 15px;
  }
}
body.home-area.home.default .toppanel-homepage {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  display: inline-block;
  background: #F1F4D0;
  width: 100%;
  height: auto;
  padding: 20px 15px 0 0;
  background-repeat: no-repeat;
  background-position: right 40px center;
  border: 1px solid #F0F4CF;
  margin-top: 5px;
  background-image: none;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
  body.home-area.home.default .toppanel-homepage {
    height: 100px;
  }
}
@media (min-width: 768px) {
  body.home-area.home.default .toppanel-homepage {
    margin-top: 15px;
    height: 116px;
    text-align: inherit;
    padding: 20px 20px 20px 20px;
  }
}
body.home-area.home.default .toppanel-homepage > div {
  margin: 0;
  padding: 0;
}
body.home-area.home.default .toppanel-homepage .toppanel-homepage-title {
  color: #011f2a;
  font-weight: bold;
  margin: 0;
  font-size: 22px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  body.home-area.home.default .toppanel-homepage .toppanel-homepage-title {
    font-size: 28px;
  }
}
body.home-area.home.default .toppanel-homepage .toppanel-homepage-subtitle {
  color: #bbc614;
  margin: 0;
  font-size: 22px;
}
@media (min-width: 768px) {
  body.home-area.home.default .toppanel-homepage .toppanel-homepage-subtitle {
    font-size: 28px;
    line-height: 0.5;
  }
}
body.home-area.home.default .toppanel-homepage .homepagebutton-container .row div {
  padding-right: 0;
}
body.home-area.home.default .toppanel-homepage .homepagebutton-container .row div .btn-homepage {
  background-color: #4aa851;
}
body.home-area.home.default .toppanel-homepage .homepagebutton-container .row div .btn-homepage:hover {
  background-color: #4aa851 !important;
}
body.home-area.home.default .toppanel-homepage .btn-homepage {
  width: 80px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  body.home-area.home.default .toppanel-homepage .btn-homepage {
    width: 80%;
  }
}
body.home-area.home.default .container-row > div {
  padding: 15px 15px 0 15px;
}
body.home-area.home.default .container-row > div:nth-child(even) {
  padding: 15px 15px 0 15px;
}
@media (min-width: 768px) {
  body.home-area.home.default .container-row > div:nth-child(even) {
    padding: 15px 15px 0 0;
  }
}
body.home-area.home.default .documentstatusmessage,
body.home-area.home.default .kycrefreshmessage {
  padding-left: 0;
}
body.home-area.home.default .congratulations {
  margin: 0;
}
body.home-area.home.default .congratulations .kycimage {
  text-align: center;
  padding-top: 10px;
}
body.home-area.home.default .congratulations .kycimage span {
  display: inline-block;
}
@media (min-width: 768px) {
  body.home-area.home.default .congratulations .kycimage {
    padding-top: 0;
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
  }
}
body.home-area.home.default .congratulations .img-tick-icon {
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}
@media (min-width: 992px) {
  body.home-area.home.default .congratulations .img-tick-icon {
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
  }
}
body.home-area.home.default .congratulations .kycmessage {
  text-align: center;
}
@media (min-width: 768px) {
  body.home-area.home.default .congratulations .kycmessage {
    display: inline-block;
    text-align: inherit;
  }
}
body.home-area.home.default .congratulations .kycmessage span {
  display: block;
}
@media (min-width: 768px) {
  body.home-area.home.default .congratulations .kycmessage span {
    display: inline-block;
  }
}
body.home-area.home.default .actionrequired {
  border: 1px solid #f00;
  border-radius: 5px;
  font-size: 13px;
  margin: 0;
  margin-bottom: 20px;
}
body.home-area.home.default .actionrequired.kycrefresh {
  margin-top: 20px;
}
body.home-area.home.default .actionrequired .documentstatusmessage,
body.home-area.home.default .actionrequired .kycrefreshmessage {
  padding-left: 10px;
  padding-right: 10px;
}
body.home-area.home.default .actionrequired .documentstatusmessage .row,
body.home-area.home.default .actionrequired .kycrefreshmessage .row {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  body.home-area.home.default .actionrequired .documentstatusmessage .row,
  body.home-area.home.default .actionrequired .kycrefreshmessage .row {
    padding-left: 0;
    padding-right: 0;
  }
}
body.home-area.home.default .actionrequired .documentstatusmessage .kycimage,
body.home-area.home.default .actionrequired .kycrefreshmessage .kycimage {
  padding-top: 35px;
  padding-bottom: 10px;
  padding-left: 0;
}
@media (min-width: 768px) {
  body.home-area.home.default .actionrequired .documentstatusmessage .kycimage,
  body.home-area.home.default .actionrequired .kycrefreshmessage .kycimage {
    padding-left: 15px;
    padding-top: 15px;
  }
}
body.home-area.home.default .actionrequired .documentstatusmessage .kycimage .img-action-req,
body.home-area.home.default .actionrequired .kycrefreshmessage .kycimage .img-action-req {
  background-size: 55px 47px;
  height: 47px;
  width: 55px;
}
body.home-area.home.default .actionrequired .documentstatusmessage .kycmessage,
body.home-area.home.default .actionrequired .kycrefreshmessage .kycmessage {
  margin-top: 10px;
  text-align: left;
  padding-right: 15px;
}
@media (min-width: 768px) {
  body.home-area.home.default .actionrequired .documentstatusmessage .kycmessage,
  body.home-area.home.default .actionrequired .kycrefreshmessage .kycmessage {
    float: left;
    padding-bottom: 0;
    padding-right: 15px;
    padding-left: 30px;
  }
}
body.home-area.home.default .actionrequired .documentstatusmessage .kycmessage strong,
body.home-area.home.default .actionrequired .kycrefreshmessage .kycmessage strong {
  color: #f00;
  font-size: 16px;
}
body.home-area.home.default .actionrequired .documentstatusmessage .kycmessage ul,
body.home-area.home.default .actionrequired .kycrefreshmessage .kycmessage ul {
  list-style-type: disc;
}
body.home-area.home.default .processing {
  padding: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  font-size: 13px;
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  body.home-area.home.default .processing {
    margin-bottom: 0;
    text-align: left;
  }
}
@media (min-width: 768px) {
  body.home-area.home.default .processing .documentstatusmessage,
  body.home-area.home.default .processing .kycrefreshmessage {
    width: 100%;
  }
}
body.home-area.home.default .processing .kycimage {
  padding-bottom: 10px;
  display: block !important;
}
@media (min-width: 768px) {
  body.home-area.home.default .processing .kycimage {
    padding-bottom: 0;
    padding-left: 10px;
    display: inline-block !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  body.home-area.home.default .processing .kycimage {
    float: left;
    width: 8.33333333%;
  }
}
body.home-area.home.default .processing .kycimage span {
  display: inline-block;
}
body.home-area.home.default .processing .kycmessage {
  width: 100%;
}
@media (min-width: 768px) {
  body.home-area.home.default .processing .kycmessage {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  body.home-area.home.default .processing .kycmessage {
    float: left;
    width: 91.66666667%;
  }
}
body.home-area.home.default .balance-summary {
  border: 1px solid #eeeeee;
  border-radius: 6px;
  margin-bottom: 15px;
}
body.home-area.home.default .balance-summary .title h5 {
  margin: 0;
  text-align: center;
  color: #011f2a;
}
body.home-area.home.default .balance-summary > div > .row {
  border-left: none;
}
body.home-area.home.default .balance-summary > div > .row:first-child {
  border-top: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body.home-area.home.default .balance-summary > div > .row:last-child {
  border-bottom: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
body.home-area.home.default .balance-summary > div > .row > div:last-child {
  border-right: none;
}
body.home-area.home.default .view-balances-button {
  margin-top: 0;
  margin-bottom: 15px;
  width: 100%;
}
body.home-area.home.default .cash-payout .text {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 800;
}
/*CSS for Galileo site announcement partial view*/
.galileoAnnouncement {
  /*CSS for smaller screen : size < 350px */
  /*CSS for larger screens : size > 801px*/
  display: flex;
  flex-direction: column;
  background-color: #e6f1fb;
  justify-content: center;
  padding: 0.7rem;
  align-items: center;
  margin-bottom: 15px;
  border-radius: 6px;
  position: relative;
  /*Override bootstrap margin for p tag*/
}
@media screen and (max-width: 350px) {
  .galileoAnnouncement {
    align-items: flex-start;
  }
}
@media screen and (min-width: 801px) {
  .galileoAnnouncement {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }
}
.galileoAnnouncement p {
  margin: 0px;
  color: #5C667B;
  line-height: 24px;
}
.galileoAnnouncement .leftContent {
  display: flex;
  align-items: center;
  padding-bottom: 0.8rem;
  /*Disable bottom padding for screen size > 801px*/
}
@media screen and (max-width: 470px) {
  .galileoAnnouncement .leftContent {
    flex-direction: column;
  }
}
.galileoAnnouncement .leftContent .attentionIcon {
  content: url("/account/Content/xemt/img/attention.png");
  width: 20px;
  height: 20px;
  padding-right: 5px;
}
@media screen and (min-width: 801px) {
  .galileoAnnouncement .leftContent {
    padding-bottom: 0px;
  }
}
.galileoAnnouncement .rightContent {
  display: flex;
  align-items: center;
}
.galileoAnnouncement .rightContent .selectGalileo {
  padding: 0px 5px;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.galileoAnnouncement .rightContent .selectGalileo:hover {
  cursor: pointer;
}
@media screen and (max-width: 350px) {
  .galileoAnnouncement .rightContent {
    flex-direction: column;
    align-items: flex-start;
  }
  .galileoAnnouncement .rightContent .selectGalileo {
    padding: 5px 0px 0px 0px;
  }
}
@media screen and (max-width: 801px) {
  .galileoAnnouncement .rightContent .closeBanner {
    position: absolute;
    top: 10px;
    right: -5px;
    z-index: 1000;
    color: #5C667B;
  }
}
.galileoAnnouncement .rightContent .closeBanner {
  padding: 0px 20px;
}
/*CSS to hide Galileo site Announcement*/
.hideGalileoAnnouncement {
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}
#galileoModal .modal-dialog .btn:after {
  content: none;
}
#galileoModal .modal-dialog .modal-dismiss {
  padding-top: 18px;
}
@media (min-width: 992px) {
  #galileoModal .modal-dialog .modal-dismiss {
    float: left;
  }
}
#galileoModal .modal-dialog .modal-footer {
  text-align: center;
}
@media (min-width: 992px) {
  #galileoModal .modal-dialog .modal-footer {
    text-align: right;
  }
}
#galileoModal .modal-dialog .modal-footer .modal-dismiss {
  cursor: pointer;
}
@media (min-width: 992px) {
  #galileoModal .modal-dialog .modal-footer .modal-dismiss {
    display: inline-block;
  }
}
body.home-area.home.default .lite-trading-banner,
body.transact-area .lite-trading-banner {
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  body.home-area.home.default .lite-trading-banner,
  body.transact-area .lite-trading-banner {
    text-align: left;
  }
}
@media (min-width: 768px) {
  body.home-area.home.default .lite-trading-banner .lite-trading-message,
  body.transact-area .lite-trading-banner .lite-trading-message {
    width: 100%;
  }
}
body.home-area.home.default .lite-trading-banner .lite-trading-icon,
body.transact-area .lite-trading-banner .lite-trading-icon {
  padding-bottom: 10px;
  display: block;
}
@media (min-width: 768px) {
  body.home-area.home.default .lite-trading-banner .lite-trading-icon,
  body.transact-area .lite-trading-banner .lite-trading-icon {
    padding-bottom: 0;
    padding-left: 10px;
    display: inline-block;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  body.home-area.home.default .lite-trading-banner .lite-trading-icon,
  body.transact-area .lite-trading-banner .lite-trading-icon {
    float: left;
    width: 8.33333333%;
  }
}
body.home-area.home.default .lite-trading-banner .lite-trading-icon span,
body.transact-area .lite-trading-banner .lite-trading-icon span {
  display: inline-block;
}
body.home-area.home.default .lite-trading-banner .lite-trading-limit,
body.transact-area .lite-trading-banner .lite-trading-limit {
  width: 100%;
  font-weight: bold;
  margin-top: 5px;
}
@media (min-width: 768px) {
  body.home-area.home.default .lite-trading-banner .lite-trading-limit,
  body.transact-area .lite-trading-banner .lite-trading-limit {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  body.home-area.home.default .lite-trading-banner .lite-trading-limit,
  body.transact-area .lite-trading-banner .lite-trading-limit {
    float: left;
    width: 91.66666667%;
  }
}
body.home-area.home.default .lite-trading-banner .lite-trading-info,
body.transact-area .lite-trading-banner .lite-trading-info {
  width: 100%;
  margin-top: 5px;
}
@media (min-width: 768px) {
  body.home-area.home.default .lite-trading-banner .lite-trading-info,
  body.transact-area .lite-trading-banner .lite-trading-info {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  body.home-area.home.default .lite-trading-banner .lite-trading-info,
  body.transact-area .lite-trading-banner .lite-trading-info {
    float: left;
    width: 91.66666667%;
  }
}
body.home-area.home.default .lite-trading-banner .lite-trading-limit a,
body.transact-area .lite-trading-banner .lite-trading-limit a,
body.home-area.home.default .lite-trading-banner .lite-trading-info a,
body.transact-area .lite-trading-banner .lite-trading-info a {
  text-decoration: underline;
}
body.home-area.home.default .lite-trading-allowed,
body.transact-area .lite-trading-allowed {
  border: 1px solid #cae1f7;
  background-color: #f6fafe;
  color: #3f5f81;
}
body.home-area.home.default .lite-trading-allowed .lite-trading-icon .img-lite-trading-rosette,
body.transact-area .lite-trading-allowed .lite-trading-icon .img-lite-trading-rosette {
  background: url("../../core/img/svg/rosette_blue.svg") left no-repeat;
  background-size: 85px 65px;
  height: 55px;
  width: 65px;
}
body.home-area.home.default .lite-trading-allowed .lite-trading-limit a,
body.transact-area .lite-trading-allowed .lite-trading-limit a,
body.home-area.home.default .lite-trading-allowed .lite-trading-info a,
body.transact-area .lite-trading-allowed .lite-trading-info a {
  color: #3f5f81;
}
body.home-area.home.default .lite-trading-warning,
body.transact-area .lite-trading-warning {
  border: 1px solid #f9dede;
  background-color: #fcf0f0;
  color: #a30000;
}
body.home-area.home.default .lite-trading-warning .lite-trading-icon .img-lite-trading-warning,
body.transact-area .lite-trading-warning .lite-trading-icon .img-lite-trading-warning {
  background: url("../../core/img/svg/warning_red.svg") left no-repeat;
  background-size: 75px 50px;
  height: 50px;
  width: 75px;
}
body.home-area.home.default .lite-trading-warning .lite-trading-limit a,
body.transact-area .lite-trading-warning .lite-trading-limit a,
body.home-area.home.default .lite-trading-warning .lite-trading-info a,
body.transact-area .lite-trading-warning .lite-trading-info a {
  color: #a30000;
}
body.home-area.home.default .lite-trading-full,
body.transact-area .lite-trading-full {
  border: 1px solid #096600;
  background-color: #f3fce8;
  color: #096600;
}
body.home-area.home.default .lite-trading-full .lite-trading-icon .img-lite-trading-rosette,
body.transact-area .lite-trading-full .lite-trading-icon .img-lite-trading-rosette {
  background: url("../../core/img/svg/rosette_green.svg") left no-repeat;
  background-size: 85px 65px;
  height: 55px;
  width: 65px;
  color: #096600;
}
body.home-area.home.default .lite-trading-full .lite-trading-limit a,
body.transact-area .lite-trading-full .lite-trading-limit a,
body.home-area.home.default .lite-trading-full .lite-trading-info a,
body.transact-area .lite-trading-full .lite-trading-info a {
  color: #096600;
}
.cpobackground {
  background-image: url("/account/Content/xemt/img/cashpayout-banner-desktop.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 366px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.cpocelebrate {
  background-color: #71c4ff2e;
  border-radius: 14px;
  color: #0071eb;
  margin-top: 85px;
  width: auto;
}
.cpoimg {
  padding-right: 5px;
}
.cponewfeature {
  font-size: 11px;
  float: right;
  padding-top: 4px;
}
#cpotext {
  font-size: 29px;
  font-weight: 510;
}
.btnDaCpo {
  padding: 10px 10px 10px 10px !important;
  border-radius: 9px;
  width: -moz-fit-content;
  background-color: #0071eb;
}
a.btnDaCpo {
  text-decoration: none;
  color: white;
}
.btnVaCpo {
  padding: 10px 10px 10px 10px !important;
  border-radius: 9px;
  width: -moz-fit-content;
  background-color: white;
  border: 2px solid #0071eb;
}
a.btnVaCpo {
  text-decoration: none;
  color: #0071eb;
}
#cpomobbackground {
  background-image: url("/account/Content/xemt/img/cashpayout-banner-mobile.png");
  background-repeat: no-repeat;
  margin-top: 30px;
  margin-bottom: 20px;
  height: 395px;
  background-position-x: center;
}
#cpomobnewfeature {
  background-color: #f6f6f6;
  border-radius: 14px;
  color: #0071eb;
  float: right;
  padding: 0px 6px 0px 5px !important;
}
#cpoimgmob {
  margin-top: 10px;
}
.cpomobtext {
  font-size: 29px;
  font-weight: 510;
  float: left;
}
.cpomobbtndiv {
  padding-bottom: 30px;
}
.cpomobDabtn {
  width: 100%;
  border-radius: 9px;
  background-color: #0071eb;
}
.cpomobVlbtn {
  width: 100%;
  border-radius: 9px;
  background-color: white;
  border: 1px;
  color: #0071eb;
  border: 2px solid #0071eb;
}
.dAButton {
  padding-top: 20px;
  width: auto;
}
.cpomobcelebrate {
  background-color: #f6f6f6;
  border-radius: 9px;
  color: #0071eb;
  width: auto;
  padding-top: 9px;
}
div .homepageQuotingContainer {
  margin-bottom: 20px;
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  div .homepageQuotingContainer {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
  }
}
div .homepageQuotingContainer .form-control {
  border-radius: 0 !important;
  font-size: 15px;
  -moz-transition: 0;
  -o-transition: 0;
  -webkit-transition: 0;
  transition: 0;
}
div .homepageQuotingContainer input[type=number]::-webkit-outer-spin-button,
div .homepageQuotingContainer .input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
div .homepageQuotingContainer .validationContainer {
  text-align: left;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  div .homepageQuotingContainer .validationContainer {
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    text-align: center;
  }
}
div .homepageQuotingContainer .summaryContainer {
  margin: 0;
}
div .homepageQuotingContainer .modal-footer {
  text-align: center;
}
div .homepageQuotingContainer input[type=number] {
  -moz-appearance: textfield;
}
div .homepageQuotingContainer input.error {
  border: 1px solid red;
}
div .homepageQuotingContainer span.error {
  color: #FF0000;
}
@media (max-width: 767px) {
  div .homepageQuotingContainer span.error {
    display: none;
    text-align: center;
    visibility: hidden;
  }
}
div .homepageQuotingContainer .validationMessage {
  color: #FF0000;
}
div .homepageQuotingContainer div.validationMessage {
  margin: 8px 0px 12px 0px;
}
div .homepageQuotingContainer .btn-transfer {
  width: 100%;
  margin: 0;
  min-height: 0 !important;
  height: 46px !important;
}
@media (min-width: 768px) {
  div .homepageQuotingContainer .btn-transfer {
    margin-top: 26px !important;
  }
}
@media (max-width: 990px) {
  div .homepageQuotingContainer .btn-transfer {
    margin-bottom: 20px;
    width: 100%;
  }
}
div .homepageQuotingContainer .transferMobileContainer {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  div .homepageQuotingContainer .transferMobileContainer {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 767px) {
  div .homepageQuotingContainer .transferDesktopContainer {
    display: none;
    visibility: hidden;
  }
}
div .homepageQuotingContainer .homepageQuoteSpinner {
  color: #666;
}
div .homepageQuotingContainer .homepageQuoteSpinner img {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
@media (max-width: 767px) {
  div .homepageQuotingContainer .otherCurrencies {
    text-align: center;
  }
}
div .homepageQuotingContainer .inverseRate {
  font-size: 14px;
  color: #666;
}
div .homepageQuotingContainer .rate,
div .homepageQuotingContainer .rateImprovement,
div .homepageQuotingContainer .rateWorsening,
div .homepageQuotingContainer .rateNoChange {
  cursor: default;
}
div .homepageQuotingContainer .rate .fa-circle,
div .homepageQuotingContainer .rateImprovement .fa-circle,
div .homepageQuotingContainer .rateWorsening .fa-circle,
div .homepageQuotingContainer .rateNoChange .fa-circle {
  font-size: 13px;
  margin-left: 2px;
  margin-right: 2px;
}
@media (min-width: 768px) {
  div .homepageQuotingContainer .rate .fa-circle,
  div .homepageQuotingContainer .rateImprovement .fa-circle,
  div .homepageQuotingContainer .rateWorsening .fa-circle,
  div .homepageQuotingContainer .rateNoChange .fa-circle {
    margin-left: 4px;
    margin-right: 4px;
  }
}
div .homepageQuotingContainer .rate.toolTipAnchor,
div .homepageQuotingContainer .rateImprovement.toolTipAnchor,
div .homepageQuotingContainer .rateWorsening.toolTipAnchor,
div .homepageQuotingContainer .rateNoChange.toolTipAnchor {
  background-color: white;
  float: none;
  display: inline;
}
div .homepageQuotingContainer .rate .fa-circle {
  display: none;
}
div .homepageQuotingContainer .rateImprovement .fa-circle {
  display: inline-block;
  color: #92C544;
}
div .homepageQuotingContainer .rateWorsening .fa-circle {
  display: inline-block;
  color: #f00;
}
div .homepageQuotingContainer .rateNoChange .fa-circle {
  display: inline-block;
  color: #ffbf00;
}
.transferMobileContainer .groupControlMainContainer {
  margin-top: 12px;
}
body.transact-area .pageTitle {
  display: none;
}
body.transact-area .transact-container {
  padding: 0;
  /*Override the width of the first column to be smaller in desktop than the bootstrap default for col-md-3*/
  /*Override the width of the middle/second column to be larger in desktop than the bootstrap default for col-md-6*/
}
@media (min-width: 992px) {
  body.transact-area .transact-container > div:nth-child(1) {
    width: 20%;
  }
}
@media (min-width: 992px) {
  body.transact-area .transact-container > div:nth-child(2) {
    width: 55%;
  }
}
body.transact-area .transact-container .main {
  padding: 0;
}
body.transact-area .transact-container .right {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  body.transact-area .transact-container .right {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body.transact-area .transact-container .progressContainer {
  margin: 15px 0px 0px 0px;
  padding: 0;
}
@media (min-width: 768px) {
  body.transact-area .transact-container .progressContainer {
    margin: 0;
    top: 0;
    z-index: 1;
  }
}
body.transact-area .transact-container .progressBarInblockSpace div[class*='col-'] {
  margin: 0;
}
@media (min-width: 768px) {
  body.transact-area .transact-container .transactsidebar {
    padding-left: 15px;
  }
}
body.transact-area .transact-container .rate,
body.transact-area .transact-container .rateImprovement,
body.transact-area .transact-container .rateWorsening,
body.transact-area .transact-container .rateNoChange {
  cursor: default;
}
body.transact-area .transact-container .rate .fa-circle,
body.transact-area .transact-container .rateImprovement .fa-circle,
body.transact-area .transact-container .rateWorsening .fa-circle,
body.transact-area .transact-container .rateNoChange .fa-circle {
  font-size: 13px;
  margin-left: 2px;
  margin-right: 2px;
}
@media (min-width: 768px) {
  body.transact-area .transact-container .rate .fa-circle,
  body.transact-area .transact-container .rateImprovement .fa-circle,
  body.transact-area .transact-container .rateWorsening .fa-circle,
  body.transact-area .transact-container .rateNoChange .fa-circle {
    margin-left: 4px;
    margin-right: 4px;
  }
}
body.transact-area .transact-container .rate.toolTipAnchor,
body.transact-area .transact-container .rateImprovement.toolTipAnchor,
body.transact-area .transact-container .rateWorsening.toolTipAnchor,
body.transact-area .transact-container .rateNoChange.toolTipAnchor {
  background-color: white;
  float: none;
  display: inline;
}
body.transact-area .transact-container .rate .fa-circle {
  display: none;
}
body.transact-area .transact-container .rateImprovement .fa-circle {
  display: inline-block;
  color: #92C544;
}
body.transact-area .transact-container .rateWorsening .fa-circle {
  display: inline-block;
  color: #f00;
}
body.transact-area .transact-container .rateNoChange .fa-circle {
  display: inline-block;
  color: #ffbf00;
}
body.transact-area .transact-container .progressBarBody {
  font-size: 15px;
}
body.transact-area .transact-container .progressBarBody span {
  overflow-wrap: break-word;
  padding-left: 0;
}
body.transact-area .transact-container .progressBarBody .row div[class*='col-'] {
  word-wrap: break-word;
  white-space: normal;
}
body.transact-area .transact-container .progressBarBody .row div[class*='col-'] .row div[class*='col-'] {
  padding-right: 10px;
}
body.transact-area .transact-container .progressBarBody > .row {
  margin-left: 15px;
}
body.transact-area .transact-container .progressBarBody .progressBarInblockSpace {
  margin-top: 10px;
}
body.transact-area .transact-container .transactSummary {
  font-size: 15px;
}
body.transact-area .transact-container .transactSummary span {
  overflow-wrap: break-word;
  padding-left: 0;
}
body.transact-area .transact-container .transactSummary .row div[class*='col-'] {
  word-wrap: break-word;
  white-space: normal;
}
body.transact-area .transact-container .transactSummary > .row {
  margin: 0;
  min-height: 24px;
}
body.transact-area .transact-container .transactSummary > .row:first-child {
  margin-top: 8px;
}
body.transact-area .transact-container .transactSummary > .row:last-child {
  margin-bottom: 8px;
}
body.transact-area .transact-container .transactSummary .progressBarInblockSpace {
  margin-top: 10px;
}
body.transact-area .transact-container .goback-container {
  text-align: center;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  body.transact-area .transact-container .goback-container {
    padding: 20px 0 0 0;
    text-align: left;
  }
}
body.transact-area .transact-container .continue-container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  body.transact-area .transact-container .continue-container {
    padding-left: 7px;
  }
}
body.transact-area .transact-container .continue-container .btn {
  float: left;
}
body.transact-area .transact-container .transact-highlight {
  color: #011f2a;
}
body.transact-area .transact-container .informationTitleText {
  padding-bottom: 15px;
}
body.transact-area .transact-container .info-message {
  margin-top: 8px;
  margin-bottom: 22px;
  font-size: 14px;
  color: #999;
  white-space: normal;
}
body.transact-area .view-container.container-fluid > header {
  min-height: 45px;
}
body.transact-area .view-container.container-fluid > header > h1 {
  margin-left: -15px;
}
body.transact-area .view-container ul:not(.notificationList):not(.errorList):not(.dropdown-menu) li {
  margin-bottom: 0.5em;
  list-style-type: none;
  font-size: 13px;
}
body.transact-area .view-container ul:not(.notificationList):not(.errorList):not(.dropdown-menu) li:before {
  content: ' ';
  position: absolute;
  margin: 6px 0 0 -12px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #4aa851;
  border-radius: 4px;
}
body.transact-area .view-container .spinner {
  display: none;
  background: url("../../core/img/spinner.gif") center no-repeat;
  margin-top: 15px;
  height: 80px;
}
body.transact-area .view-container .spinner #progressMessage {
  margin-top: 80px;
  text-align: center;
}
body.transact-area .view-container #summaryContainer {
  font-size: 15px;
  padding: 0;
  margin-left: -15px;
  margin-right: -15px;
}
body.transact-area .view-container #summaryContainer .notificationPanel {
  margin-bottom: 25px;
  margin-left: -15px;
  margin-right: -15px;
}
body.transact-area .view-container #summaryContainer .dealing-notes {
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
}
body.transact-area .view-container #summaryContainer .dealing-notes > div {
  padding: 0;
}
body.transact-area .view-container #summaryContainer .rate .fa-circle,
body.transact-area .view-container #summaryContainer .rateImprovement .fa-circle,
body.transact-area .view-container #summaryContainer .rateWorsening .fa-circle,
body.transact-area .view-container #summaryContainer .rateNoChange .fa-circle {
  margin-left: 7px;
}
body.transact-area .view-container #summaryContainer .tooltipContainer {
  position: relative;
  top: 0;
  margin-right: 15px;
}
body.transact-area .view-container #summaryContainer #ratechangewarning {
  color: #CA542D;
  font-family: Noto Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
body.transact-area .view-container #summaryContainer #ratechangewarning #ratechangewarning-span {
  text-align: center;
  width: 17.5px;
  height: 17.5px;
  top: 6.25%;
  left: 6.25%;
  border: 2px solid #E57049;
  border-radius: 100%;
  margin-right: 7px;
  color: #E57049;
  line-height: 1;
  right: 6.25%;
  bottom: 6.25%;
}
body.transact-area .lite-trading-container {
  padding: 0;
  margin-bottom: 15px;
}
body.transact-area.step1.default .form-horizontal .form-group {
  padding-top: 0;
}
body.transact-area.step1.default .progressbar {
  min-height: 49px;
  float: none;
}
body.transact-area.step1.default .transactionMaskedInput {
  padding-right: 32px;
}
body.transact-area.step1.default .computedInput {
  color: #999999;
  font-style: italic;
}
body.transact-area.step1.default .message-container {
  padding-top: 14px;
  padding-left: 0;
  padding-right: 0;
}
body.transact-area.step1.default .autoFormValidation {
  padding-top: 30px;
}
body.transact-area.step1.default .countryListCode {
  display: inline-block;
  min-width: 2.6em;
}
body.transact-area.step1.default .countryListSeparator {
  display: inline-block;
  min-width: 1em;
}
body.transact-area.step1.default .countryListName {
  display: inline-block;
}
body.transact-area.step1.default #other-currencies {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 767px) {
  body.transact-area.step1.default #other-currencies > br {
    display: none;
  }
}
body.transact-area.step1.default .currencyAmountError {
  margin-left: -15px;
  margin-right: -15px;
  color: red;
  min-height: 26px;
}
body.transact-area.step1.default #sellCurrencyError,
body.transact-area.step1.default #buyCurrencyError {
  margin-top: -25px;
}
body.transact-area.step1.default .unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.transact-area.step1.default .btn.dropdown-toggle.btn-default.bs-placeholder[title="CcyCurrency"] span.filter-option.pull-left {
  color: #bdc3c6;
}
body.transact-area.step1.default .form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 15px;
}
body.transact-area.step1.default .form-control::-moz-placeholder {
  color: #999;
  font-size: 15px;
}
body.transact-area.step1.default .form-control:-ms-input-placeholder {
  color: #999;
  font-size: 15px;
}
body.transact-area.step1.default .form-control:-moz-placeholder {
  color: #999;
  font-size: 15px;
}
/* Common styles for all step 2 pages. */
body.transact-area.step2.default .autoFormValidation {
  margin-top: 0;
}
body.transact-area.step2.default .input-controls .row {
  margin: 0;
}
body.transact-area.step2.default .input-controls .form-group .controlContainer,
body.transact-area.step2.default .input-controls .form-group .labelContainer {
  padding: 0;
}
body.transact-area.step2.default .input-controls .form-group,
body.transact-area.step2.default #newRecipientContainer,
body.transact-area.step2.default #updateRecipientContainer {
  padding-left: 15px;
  padding-right: 15px;
}
body.transact-area.step2.default .savedRecipients {
  min-height: 120px;
}
body.transact-area.step2.default .savedRecipients .radiobuttonContainer > div {
  padding-top: 10px;
  padding-bottom: 15px;
}
body.transact-area.step2.default .savedRecipients .radiobuttonContainer > div > label:first-child {
  padding-right: 30px;
}
body.transact-area.step2.default .savedRecipients #recipientType {
  margin-bottom: 15px;
}
body.transact-area.step2.default .btn {
  transition: none;
  width: 100%;
}
body.transact-area.step2.default .countryContainer {
  padding: 0;
}
body.transact-area.step2.default .ownAccountOptions {
  padding-left: 0;
}
body.transact-area.step2.default .existing-recipient-button-container {
  margin: 0;
}
body.transact-area.step2.default .update-recipient-button-container {
  margin: 0;
}
body.transact-area.step2.default .existing-recipient-button-container .continue-button-container,
body.transact-area.step2.default .new-recipient-button-container .continue-button-container,
body.transact-area.step2.default .update-recipient-button-container .continue-button-container {
  padding: 0;
}
body.transact-area.step2.default .existing-recipient-button-container .continue-button-container .btn,
body.transact-area.step2.default .new-recipient-button-container .continue-button-container .btn,
body.transact-area.step2.default .update-recipient-button-container .continue-button-container .btn {
  margin-left: 0;
}
body.transact-area.step2.default .existing-recipient-button-container .goback-link-container,
body.transact-area.step2.default .new-recipient-button-container .goback-link-container,
body.transact-area.step2.default .update-recipient-button-container .goback-link-container {
  text-align: right;
  padding-top: 25px;
  padding-right: 25px;
}
body.transact-area.step2.default .bootstrap-select.btn-group .btn .filter-option .option-main-text {
  color: #464646;
}
body.transact-area.step2.default .bootstrap-select.btn-group .btn .filter-option .option-sub-text {
  display: none;
}
body.transact-area.step2.default ul.dropdown-menu.inner.dropdown-toggle.btn-default {
  width: 100%;
}
body.transact-area.step2.default ul.dropdown-menu.inner.dropdown-toggle.btn-default label {
  overflow: hidden;
  text-overflow: ellipsis;
}
body.transact-area.step2.default .option-main-text {
  text-overflow: ellipsis;
  overflow-x: hidden;
}
body.transact-area.step2.default .option-sub-text {
  text-overflow: ellipsis;
  overflow-x: hidden;
}
body.transact-area.step2.default label.option-main-text,
body.transact-area.step2.default label.option-sub-text {
  margin-bottom: 0;
  display: block;
}
body.transact-area.step2.default label.option-sub-text {
  font-size: 13px;
  color: #666666;
}
body.transact-area.step2.default input#BankAccount {
  text-overflow: ellipsis;
}
body.transact-area.step2.default .form-group .bootstrap-select.open .dropdown-menu > li a {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #dddddd;
}
body.transact-area.step2.default .form-group .bootstrap-select.open.form-control .dropdown-menu.open {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  body.transact-area.step2.default .step2-progress {
    display: none;
  }
}
body.transact-area.step2.default #new-recipient-progress-container {
  margin-left: -15px;
  margin-right: -15px;
}
body.transact-area.step2.default #update-recipient-progress-container {
  margin-left: -15px;
  margin-right: -15px;
}
body.transact-area.step2.default .additional-info-text {
  padding-bottom: 5px;
}
body.transact-area.step2.default #rdoProvideLater {
  margin-left: 4px;
}
body.transact-area.step2.default #showRecipientContainer {
  margin-top: 10px;
}
body.transact-area.step2.default #provideRecipientLaterContainer {
  margin-top: 15px;
}
body.transact-area.step2.default #provideRecipientLaterContainer .goback-link-container {
  line-height: 50px;
  text-align: right;
  padding-right: 25px;
}
body.transact-area.step2.default #address-auto-suggest {
  position: absolute;
  background: white;
  min-width: 200px;
  min-height: 50px;
  z-index: 20;
  box-shadow: 2px 5px 5px 2px #CCCCCC;
  border: 2px solid #ccc;
}
body.transact-area.step2.default #address-auto-suggest .address-item {
  padding: 5px 10px;
}
body.transact-area.step2.default #address-auto-suggest .address-item:hover {
  background-color: #eee;
  cursor: pointer;
}
body.transact-area.step3.default,
body.transact-area.step4.default {
  /* fix continue button alignment */
}
body.transact-area.step3.default section.view-container > div,
body.transact-area.step4.default section.view-container > div {
  position: relative;
}
body.transact-area.step3.default #overlay,
body.transact-area.step4.default #overlay {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2;
  cursor: pointer;
}
body.transact-area.step3.default #overlay .loader,
body.transact-area.step4.default #overlay .loader {
  background: url(../../../Content/core/img/spinner.gif) no-repeat;
  width: 48px;
  height: 48px;
  background-size: cover;
  display: block;
  position: fixed;
  right: 45%;
  bottom: 70%;
}
@media (min-width: 768px) and (max-width: 991px) {
  body.transact-area.step3.default #overlay .loader,
  body.transact-area.step4.default #overlay .loader {
    right: 65%;
  }
}
@media (min-width: 992px) {
  body.transact-area.step3.default #overlay .loader,
  body.transact-area.step4.default #overlay .loader {
    bottom: 60%;
    right: 50%;
  }
}
body.transact-area.step3.default #client-cardAlertMessage,
body.transact-area.step4.default #client-cardAlertMessage,
body.transact-area.step3.default #alertMessage,
body.transact-area.step4.default #alertMessage,
body.transact-area.step3.default #cardAlertMessage,
body.transact-area.step4.default #cardAlertMessage,
body.transact-area.step3.default #client-alertMessage-top,
body.transact-area.step4.default #client-alertMessage-top {
  margin-left: 0;
  margin-right: 0;
  margin-top: 25px;
}
body.transact-area.step3.default #client-cardAlertMessage .alert,
body.transact-area.step4.default #client-cardAlertMessage .alert,
body.transact-area.step3.default #alertMessage .alert,
body.transact-area.step4.default #alertMessage .alert,
body.transact-area.step3.default #cardAlertMessage .alert,
body.transact-area.step4.default #cardAlertMessage .alert,
body.transact-area.step3.default #client-alertMessage-top .alert,
body.transact-area.step4.default #client-alertMessage-top .alert {
  margin-bottom: 15px;
}
body.transact-area.step3.default #client-cardAlertMessage,
body.transact-area.step4.default #client-cardAlertMessage,
body.transact-area.step3.default #cardAlertMessage,
body.transact-area.step4.default #cardAlertMessage {
  margin-top: 0;
  margin-bottom: 7px;
}
body.transact-area.step3.default #client-cardAlertMessage,
body.transact-area.step4.default #client-cardAlertMessage,
body.transact-area.step3.default #client-alertMessage-top,
body.transact-area.step4.default #client-alertMessage-top {
  display: none;
}
body.transact-area.step3.default .initial-buttons .btn,
body.transact-area.step4.default .initial-buttons .btn {
  float: right;
}
body.transact-area.step3.default #cardPaymentTab,
body.transact-area.step4.default #cardPaymentTab {
  /* fixes placeholder for expiry date from being cropped */
  /* fix dropdown arrow poisition */
  /* fix dropdown background */
  /* make checkbox a bit shorter */
  /* div that wraps around the input & logos to help with positioning */
  /*fix the space between card number validation error message and label issue*/
  /* div containing the card logos, position to far right */
  /* the different states based on card type */
}
body.transact-area.step3.default #cardPaymentTab .has-feedback .form-control,
body.transact-area.step4.default #cardPaymentTab .has-feedback .form-control {
  padding-right: 0;
}
body.transact-area.step3.default #cardPaymentTab .form-group,
body.transact-area.step4.default #cardPaymentTab .form-group {
  margin-left: 0;
  margin-right: 0;
}
body.transact-area.step3.default #cardPaymentTab .expiry-date,
body.transact-area.step4.default #cardPaymentTab .expiry-date {
  display: flex;
}
body.transact-area.step3.default #cardPaymentTab .expiry-date .expiry-month,
body.transact-area.step4.default #cardPaymentTab .expiry-date .expiry-month {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 50%;
}
body.transact-area.step3.default #cardPaymentTab .expiry-date .expiry-year,
body.transact-area.step4.default #cardPaymentTab .expiry-date .expiry-year {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
  width: 50%;
}
body.transact-area.step3.default #cardPaymentTab .expiry-date input:focus,
body.transact-area.step4.default #cardPaymentTab .expiry-date input:focus {
  z-index: 1;
}
body.transact-area.step3.default #cardPaymentTab .form-control-feedback,
body.transact-area.step4.default #cardPaymentTab .form-control-feedback {
  right: 8px;
}
body.transact-area.step3.default #cardPaymentTab .bootstrap-select,
body.transact-area.step4.default #cardPaymentTab .bootstrap-select {
  padding-right: 0;
}
body.transact-area.step3.default #cardPaymentTab .saved-card-form-group,
body.transact-area.step4.default #cardPaymentTab .saved-card-form-group,
body.transact-area.step3.default #cardPaymentTab .saved-card-form-group .checkboxInputContainer,
body.transact-area.step4.default #cardPaymentTab .saved-card-form-group .checkboxInputContainer {
  min-height: 50px;
}
body.transact-area.step3.default #cardPaymentTab .card-number,
body.transact-area.step4.default #cardPaymentTab .card-number {
  position: relative;
}
body.transact-area.step3.default #cardPaymentTab .card-number .form-control,
body.transact-area.step4.default #cardPaymentTab .card-number .form-control {
  padding-right: 100px;
}
body.transact-area.step3.default #cardPaymentTab #CardDetails_CardNumber_Value-error,
body.transact-area.step4.default #cardPaymentTab #CardDetails_CardNumber_Value-error {
  margin-bottom: 6px;
  display: block;
}
body.transact-area.step3.default #cardPaymentTab .card-type,
body.transact-area.step4.default #cardPaymentTab .card-type {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  padding-top: 9px;
  padding-right: 10px;
  transition: width 0.2s ease;
  overflow: hidden;
  -ms-flex-align: center;
}
body.transact-area.step3.default #cardPaymentTab .card-type.card-type-visa,
body.transact-area.step4.default #cardPaymentTab .card-type.card-type-visa {
  width: 50px;
}
body.transact-area.step3.default #cardPaymentTab .card-type.card-type-mastercard .logo-visa,
body.transact-area.step4.default #cardPaymentTab .card-type.card-type-mastercard .logo-visa {
  opacity: 0;
}
body.transact-area.step3.default #cardPaymentTab .card-type.card-type-visa .logo-mastercard,
body.transact-area.step4.default #cardPaymentTab .card-type.card-type-visa .logo-mastercard {
  opacity: 0;
}
body.transact-area.step3.default #cardPaymentTab .card-type.card-type-visa .logo-partnership,
body.transact-area.step4.default #cardPaymentTab .card-type.card-type-visa .logo-partnership {
  opacity: 0;
}
body.transact-area.step3.default #cardPaymentTab .card-type.card-type-partnership .logo-visa,
body.transact-area.step4.default #cardPaymentTab .card-type.card-type-partnership .logo-visa {
  opacity: 0;
}
body.transact-area.step3.default #cardPaymentTab .card-type img,
body.transact-area.step4.default #cardPaymentTab .card-type img {
  transition: opacity 0.2s ease;
}
body.transact-area.step3.default #cardPaymentTab #SavedCardCostMessage,
body.transact-area.step4.default #cardPaymentTab #SavedCardCostMessage {
  margin-top: -15px !important;
}
body.transact-area.step3.default #cardPaymentTab #CardCostMessage,
body.transact-area.step4.default #cardPaymentTab #CardCostMessage {
  margin-top: -5px !important;
}
body.transact-area.step3.default #cardPaymentTab #SaveCardCheckbox,
body.transact-area.step4.default #cardPaymentTab #SaveCardCheckbox {
  margin-top: 20px;
}
body.transact-area.step3.default #cardPaymentTab #AddAddressGroup,
body.transact-area.step4.default #cardPaymentTab #AddAddressGroup {
  margin-bottom: -20px;
}
body.transact-area.step3.default #cardPaymentTab #CardDetails_CardBillingAddress,
body.transact-area.step4.default #cardPaymentTab #CardDetails_CardBillingAddress {
  text-overflow: ellipsis;
}
body.transact-area.step3.default .view-container .initial-buttons,
body.transact-area.step4.default .view-container .initial-buttons {
  padding-top: 10px;
}
body.transact-area.step3.default .view-container #step3ContinueButton,
body.transact-area.step4.default .view-container #step3ContinueButton {
  margin-left: 0;
}
body.transact-area.step3.default .view-container .bulletPoints,
body.transact-area.step4.default .view-container .bulletPoints {
  margin-left: 15px;
  padding-left: 0;
  font-size: 15px;
}
body.transact-area.step3.default .view-container .bulletPoints > label,
body.transact-area.step4.default .view-container .bulletPoints > label {
  margin-left: -15px;
}
body.transact-area.step3.default .view-container .bulletPoints ul li,
body.transact-area.step4.default .view-container .bulletPoints ul li {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 15px;
}
body.transact-area.step3.default .view-container .confirmRead .checkboxSpan,
body.transact-area.step4.default .view-container .confirmRead .checkboxSpan {
  margin-top: 0;
}
body.transact-area.step3.default .view-container .confirmRead .control-label,
body.transact-area.step4.default .view-container .confirmRead .control-label {
  text-align: left;
  padding-top: 0;
  margin-bottom: 0;
}
body.transact-area.step3.default .view-container .confirmRead .controlContainer,
body.transact-area.step4.default .view-container .confirmRead .controlContainer {
  padding-top: 14px;
}
@media (min-width: 768px) {
  body.transact-area.step3.default .view-container .checkboxInputContainer,
  body.transact-area.step4.default .view-container .checkboxInputContainer {
    min-height: 80px;
  }
}
body.transact-area.step3.default .view-container .checkboxInputContainer .field-validation-error,
body.transact-area.step4.default .view-container .checkboxInputContainer .field-validation-error {
  width: auto;
}
body.transact-area.step3.default .view-container .checkboxInputContainer .labelContainer,
body.transact-area.step4.default .view-container .checkboxInputContainer .labelContainer {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  body.transact-area.step3.default .view-container .Step3Sidebar,
  body.transact-area.step4.default .view-container .Step3Sidebar {
    padding-right: 5px;
    top: -94px;
    padding-left: 25px;
  }
}
body.transact-area.step3.default .view-container .transferTypeContainer,
body.transact-area.step4.default .view-container .transferTypeContainer,
body.transact-area.step3.default .view-container .paymentMethodContainer,
body.transact-area.step4.default .view-container .paymentMethodContainer {
  margin: 0;
}
body.transact-area.step3.default .view-container .transferTypeContainer label > input,
body.transact-area.step4.default .view-container .transferTypeContainer label > input,
body.transact-area.step3.default .view-container .paymentMethodContainer label > input,
body.transact-area.step4.default .view-container .paymentMethodContainer label > input {
  margin-right: 5px;
}
body.transact-area.step3.default .view-container .transferTypeContainer label > input[type=radio],
body.transact-area.step4.default .view-container .transferTypeContainer label > input[type=radio],
body.transact-area.step3.default .view-container .paymentMethodContainer label > input[type=radio],
body.transact-area.step4.default .view-container .paymentMethodContainer label > input[type=radio] {
  margin-top: 0px;
}
body.transact-area.step3.default .view-container .transferTypeContainer label > span,
body.transact-area.step4.default .view-container .transferTypeContainer label > span,
body.transact-area.step3.default .view-container .paymentMethodContainer label > span,
body.transact-area.step4.default .view-container .paymentMethodContainer label > span {
  vertical-align: top;
  height: 100%;
}
body.transact-area.step3.default .view-container .transferTypeContainer label > .tooltipContainer,
body.transact-area.step4.default .view-container .transferTypeContainer label > .tooltipContainer,
body.transact-area.step3.default .view-container .paymentMethodContainer label > .tooltipContainer,
body.transact-area.step4.default .view-container .paymentMethodContainer label > .tooltipContainer {
  position: static;
  right: auto;
  top: auto;
  display: inline;
  margin-left: 10px;
}
body.transact-area.step3.default .view-container .transferTypeContainer .transferTypeTitle,
body.transact-area.step4.default .view-container .transferTypeContainer .transferTypeTitle {
  padding-top: 10px;
  padding-bottom: 5px;
}
body.transact-area.step3.default .view-container .transferTypeContainer hr,
body.transact-area.step4.default .view-container .transferTypeContainer hr {
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: -15px;
  margin-right: -15px;
}
body.transact-area.step3.default .view-container .paymentMethodContainer,
body.transact-area.step4.default .view-container .paymentMethodContainer {
  margin-bottom: 15px;
}
body.transact-area.step3.default .view-container .paymentMethodContainer .paymentMethodTitle,
body.transact-area.step4.default .view-container .paymentMethodContainer .paymentMethodTitle {
  padding-bottom: 5px;
}
body.transact-area.step3.default .message-container,
body.transact-area.step4.default .message-container {
  padding: 0;
  width: 100%;
}
body.transact-area.step3.default #directDebitWarning_div,
body.transact-area.step4.default #directDebitWarning_div {
  display: none;
  margin-top: 18px;
  margin-left: 0;
  margin-right: 0;
}
body.transact-area.step3.default .cardCostMessage,
body.transact-area.step4.default .cardCostMessage {
  margin-top: 0 !important;
}
body.transact-area.step3.default input[type="radio"]:disabled,
body.transact-area.step4.default input[type="radio"]:disabled {
  opacity: 0.6;
}
body.transact-area.step3.default input[type="radio"]:disabled + span,
body.transact-area.step4.default input[type="radio"]:disabled + span {
  color: #AAA;
}
body.transact-area.step3.default .controlContainer.disabled span.checkboxSpan,
body.transact-area.step4.default .controlContainer.disabled span.checkboxSpan {
  pointer-events: none;
}
body.transact-area.step3.default #modal-validation .modal-dialog .btn:after,
body.transact-area.step4.default #modal-validation .modal-dialog .btn:after {
  content: none;
}
body.transact-area.step3.default #modal-validation .modal-dialog .modal-dismiss,
body.transact-area.step4.default #modal-validation .modal-dialog .modal-dismiss {
  padding-top: 18px;
}
@media (min-width: 992px) {
  body.transact-area.step3.default #modal-validation .modal-dialog .modal-dismiss,
  body.transact-area.step4.default #modal-validation .modal-dialog .modal-dismiss {
    float: left;
  }
}
body.transact-area.step3.default #modal-validation .modal-dialog .modal-footer,
body.transact-area.step4.default #modal-validation .modal-dialog .modal-footer {
  text-align: center;
}
@media (min-width: 992px) {
  body.transact-area.step3.default #modal-validation .modal-dialog .modal-footer,
  body.transact-area.step4.default #modal-validation .modal-dialog .modal-footer {
    text-align: right;
  }
}
body.transact-area.step3.default #modal-validation .modal-dialog .modal-footer .modal-dismiss,
body.transact-area.step4.default #modal-validation .modal-dialog .modal-footer .modal-dismiss {
  cursor: pointer;
}
@media (min-width: 992px) {
  body.transact-area.step3.default #modal-validation .modal-dialog .modal-footer .modal-dismiss,
  body.transact-area.step4.default #modal-validation .modal-dialog .modal-footer .modal-dismiss {
    display: inline-block;
  }
}
body.transact-area.step3.default .links-container,
body.transact-area.step4.default .links-container {
  padding-top: 0;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  body.transact-area.step3.default .links-container,
  body.transact-area.step4.default .links-container {
    padding-top: 10px;
  }
}
body.transact-area.step3.default .links-container > a,
body.transact-area.step4.default .links-container > a {
  margin-left: -15px;
}
@media (min-width: 768px) {
  body.transact-area.step3.default .links-container > a,
  body.transact-area.step4.default .links-container > a {
    margin-left: 10px;
  }
}
body.transact-area.step3.default .links-container-no-bank-info,
body.transact-area.step4.default .links-container-no-bank-info {
  padding-top: 0;
  padding-bottom: 30px;
}
body.transact-area.step3.default .links-container-no-bank-info > a,
body.transact-area.step4.default .links-container-no-bank-info > a {
  margin-left: -15px;
}
@media (min-width: 768px) {
  body.transact-area.step3.default #addbankAccountWarningModal .modal-dialog,
  body.transact-area.step4.default #addbankAccountWarningModal .modal-dialog {
    width: 520px;
  }
}
@media (max-width: 767px) {
  body.transact-area.step3.default #directDebitPaymentOption label,
  body.transact-area.step4.default #directDebitPaymentOption label {
    width: 100%;
  }
}
@media (max-width: 767px) {
  body.transact-area.step3.default .qtip,
  body.transact-area.step4.default .qtip {
    max-width: 250px;
  }
}
body.transact-area.step3.default .progressContainer,
body.transact-area.step4.default .progressContainer,
body.transact-area.step3.default .initial-buttons .row,
body.transact-area.step4.default .initial-buttons .row,
body.transact-area.step3.default #bankPaymentTab .row,
body.transact-area.step4.default #bankPaymentTab .row {
  margin-left: 0;
  margin-right: 0;
}
body.transact-area.step3.default #directDebitPaymentTab .row,
body.transact-area.step4.default #directDebitPaymentTab .row {
  margin-left: 0;
  margin-right: 0;
}
body.transact-area.step3.default #directDebitPaymentTab .row .controlContainer,
body.transact-area.step4.default #directDebitPaymentTab .row .controlContainer {
  padding-left: 0;
}
body.transact-area.step3.default .card.expired-card,
body.transact-area.step4.default .card.expired-card {
  color: #999 !important;
}
body.transact-area.step3.default .UpdateAddressContainer,
body.transact-area.step4.default .UpdateAddressContainer {
  margin-top: 5px;
}
body.transact-area.step3.default #CardAddressCombined,
body.transact-area.step4.default #CardAddressCombined {
  text-overflow: ellipsis;
}
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown,
body.transact-area.step4.default #saved-card > .row > .form-group.dropdown {
  padding-left: 0;
  padding-right: 0;
}
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown button:not([title='Add another card...']) span,
body.transact-area.step4.default #saved-card > .row > .form-group.dropdown button:not([title='Add another card...']) span {
  padding-left: 55px;
  margin-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown button:not([title='Add another card...']) span.caret,
body.transact-area.step4.default #saved-card > .row > .form-group.dropdown button:not([title='Add another card...']) span.caret {
  padding-left: 0;
}
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li:focus,
body.transact-area.step4.default #saved-card > .row > .form-group.dropdown li:focus,
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li:hover,
body.transact-area.step4.default #saved-card > .row > .form-group.dropdown li:hover,
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li:active,
body.transact-area.step4.default #saved-card > .row > .form-group.dropdown li:active,
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li.selected,
body.transact-area.step4.default #saved-card > .row > .form-group.dropdown li.selected {
  background-color: #3875d7;
}
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li a,
body.transact-area.step4.default #saved-card > .row > .form-group.dropdown li a {
  padding-top: 8px;
  padding-bottom: 8px;
}
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li a:not(.add-another-card),
body.transact-area.step4.default #saved-card > .row > .form-group.dropdown li a:not(.add-another-card) {
  padding-left: 55px;
  margin-left: 8px;
}
body.transact-area.step3.default #saved-card .filter-option.pull-left.card.visa,
body.transact-area.step4.default #saved-card .filter-option.pull-left.card.visa,
body.transact-area.step3.default #saved-card li > a.card.visa,
body.transact-area.step4.default #saved-card li > a.card.visa {
  background-image: url('../../core/img/svg/logo-visa.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 40px;
}
body.transact-area.step3.default #saved-card .filter-option.pull-left.card.mastercard,
body.transact-area.step4.default #saved-card .filter-option.pull-left.card.mastercard,
body.transact-area.step3.default #saved-card li > a.card.mastercard,
body.transact-area.step4.default #saved-card li > a.card.mastercard,
body.transact-area.step3.default #saved-card .filter-option.pull-left.card.partnership,
body.transact-area.step4.default #saved-card .filter-option.pull-left.card.partnership,
body.transact-area.step3.default #saved-card li > a.card.partnership,
body.transact-area.step4.default #saved-card li > a.card.partnership {
  background-image: url('../../core/img/svg/logo-mastercard.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 40px;
}
body.transact-area.step3.default #saved-card .filter-option.pull-left.card.visa.expired-card,
body.transact-area.step4.default #saved-card .filter-option.pull-left.card.visa.expired-card,
body.transact-area.step3.default #saved-card li > a.card.visa.expired-card,
body.transact-area.step4.default #saved-card li > a.card.visa.expired-card {
  background-image: url('../../core/img/svg/logo-visa-expired.svg');
}
body.transact-area.step3.default #saved-card .filter-option.pull-left.card.mastercard.expired-card,
body.transact-area.step4.default #saved-card .filter-option.pull-left.card.mastercard.expired-card,
body.transact-area.step3.default #saved-card li > a.card.mastercard.expired-card,
body.transact-area.step4.default #saved-card li > a.card.mastercard.expired-card,
body.transact-area.step3.default #saved-card .filter-option.pull-left.card.partnership.expired-card,
body.transact-area.step4.default #saved-card .filter-option.pull-left.card.partnership.expired-card,
body.transact-area.step3.default #saved-card li > a.card.partnership.expired-card,
body.transact-area.step4.default #saved-card li > a.card.partnership.expired-card {
  background-image: url('../../core/img/svg/logo-mastercard-expired.svg');
}
body.transact-area.step3.default #SecureAcceptanceContainer,
body.transact-area.step4.default #SecureAcceptanceContainer {
  display: none;
}
body.transact-area.step3.default #addressFromUser,
body.transact-area.step4.default #addressFromUser {
  display: none;
}
body.transact-area.step3.default .payer-auth-iframe-container,
body.transact-area.step4.default .payer-auth-iframe-container {
  width: 100%;
  min-height: 360px;
}
body.transact-area.step3.default .payer-auth-iframe-container .addedProtectionMessage,
body.transact-area.step4.default .payer-auth-iframe-container .addedProtectionMessage {
  padding-bottom: 10px;
}
body.transact-area.step3.default .payer-auth-iframe-container #payerAuthIframe,
body.transact-area.step4.default .payer-auth-iframe-container #payerAuthIframe {
  width: 360px;
  min-height: inherit;
  transform-origin: top left;
  border: none;
}
@media (min-width: 768px) {
  body.transact-area.step3.default .payer-auth-iframe-container #payerAuthIframe,
  body.transact-area.step4.default .payer-auth-iframe-container #payerAuthIframe {
    width: inherit;
  }
}
body.transact-area.step3.default .payer-auth-iframe-container #payerAuthIframe #Cardinal-CCA-IFrame,
body.transact-area.step4.default .payer-auth-iframe-container #payerAuthIframe #Cardinal-CCA-IFrame {
  min-height: 750px;
}
body.transact-area.step3.default #payerAuthLoadingAdornerContainer,
body.transact-area.step4.default #payerAuthLoadingAdornerContainer {
  padding-top: 40px;
}
body.transact-area.step3.default.on-the-edge #saved-card > .row .filter-option.pull-left.card,
body.transact-area.step4.default.on-the-edge #saved-card > .row .filter-option.pull-left.card,
body.transact-area.step3.default.on-the-edge #saved-card > .row li > a.card,
body.transact-area.step4.default.on-the-edge #saved-card > .row li > a.card {
  padding-top: 10px;
}
body.transact-area.step3.default #liquidityManagerChangeStep3Modal .modal-dialog .btn:after,
body.transact-area.step4.default #liquidityManagerChangeStep3Modal .modal-dialog .btn:after {
  content: none;
}
body.transact-area.step3.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-dismiss,
body.transact-area.step4.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-dismiss {
  padding-top: 18px;
}
@media (min-width: 992px) {
  body.transact-area.step3.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-dismiss,
  body.transact-area.step4.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-dismiss {
    float: left;
  }
}
body.transact-area.step3.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-footer,
body.transact-area.step4.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-footer {
  text-align: center;
}
@media (min-width: 992px) {
  body.transact-area.step3.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-footer,
  body.transact-area.step4.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-footer {
    text-align: right;
  }
}
body.transact-area.step3.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-footer .modal-dismiss,
body.transact-area.step4.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-footer .modal-dismiss {
  cursor: pointer;
}
@media (min-width: 992px) {
  body.transact-area.step3.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-footer .modal-dismiss,
  body.transact-area.step4.default #liquidityManagerChangeStep3Modal .modal-dialog .modal-footer .modal-dismiss {
    display: inline-block;
  }
}
body.transact-area.step4.default .view-container .confirmRead .control-label {
  padding-top: 18px !important;
}
body.transact-area.step4.default #overlay {
  display: block;
  left: -20px;
  right: -20px;
}
body.transact-area.step4.default #overlay .loader {
  bottom: 50%;
  right: 45%;
}
@media (min-width: 768px) and (max-width: 991px) {
  body.transact-area.step4.default #overlay .loader {
    bottom: 60%;
    right: 65%;
  }
}
@media (min-width: 992px) {
  body.transact-area.step4.default #overlay .loader {
    bottom: 60%;
    right: 50%;
  }
}
body.transact-area.step4.default .view-container .initial-buttons {
  padding-bottom: 20px;
}
body.transact-area.step4.default .view-container #step4ViewFinalQuoteButton {
  float: right;
}
body.transact-area.step4.default .view-container #step4ContinueButton {
  margin-left: 0;
  float: right;
  min-width: 275px;
}
body.transact-area.step4.default .view-container #countdownTimerDisplay {
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #dddddd;
  color: #666666;
  background-color: #f1f1f1;
  text-align: center;
}
body.transact-area.step4.default .view-container #summaryContainer #notificationWrapper > .row {
  margin-left: 0;
  margin-right: 0;
}
body.transact-area.step4.default .view-container #summaryContainer .notificationPanel {
  margin-left: 0;
}
body.transact-area.step4.default .view-container #summaryContainer .dealing-notes {
  padding-left: 15px;
  padding-right: 15px;
}
body.transact-area.step4.default .view-container #summaryContainer .dealing-notes ul li {
  margin-bottom: 15px;
  font-size: 15px;
}
body.transact-area.step4.default .view-container .notificationMessage {
  padding-right: 10px;
}
body.transact-area.step4.default .view-container label[for="AuthoriseDirectDebit"] {
  padding-top: 8px!important;
}
body.transact-area.step4.default .view-container .sticky-header {
  font-size: 14px;
  position: fixed;
  width: 100%;
  margin-top: 0;
  top: -100px;
  left: 0;
  z-index: 999;
  padding: 15px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.75);
  transition: all 0.5s ease;
}
body.transact-area.step4.default .view-container .sticky-header .sticky-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
body.transact-area.step4.default .view-container .sticky-header .sticky-container .header {
  padding-bottom: 10px;
  font-weight: bold;
  width: 100%;
}
body.transact-area.step4.default .view-container .sticky-header .sticky-container table {
  border: none;
  flex: 1;
}
body.transact-area.step4.default .view-container .sticky-header .sticky-container table td {
  padding-bottom: 5px;
  padding-right: 15px;
}
body.transact-area.step4.default .view-container .sticky-header .sticky-container table td:first-child {
  color: #666;
}
body.transact-area.step4.default .view-container .sticky-header .sticky-container table tr:last-child td {
  padding-bottom: 0;
}
body.transact-area.step4.default .view-container .sticky-header .sticky-container .more-info {
  display: inline-flex;
  flex-direction: column-reverse;
  flex: 1;
}
body.transact-area.step4.default .view-container .sticky-header a {
  text-decoration: none;
  text-align: right;
}
body.transact-area.step4.default .view-container .sticky-header.fade {
  opacity: 0;
}
body.transact-area.step4.default .view-container .sticky-header.fade.fade-in {
  opacity: 1;
  top: 0;
}
/* Common styles for all additional info pages. */
@media (max-width: 479px) {
  .onfido-sdk-ui-Modal-inner {
    height: 500px !important;
    position: inherit !important;
  }
}
#onfido-mount li::before {
  display: none;
}
label.control-label {
  text-align: left !important;
}
body.processing.default .spinner {
  background: url("../../core/img/spinner.gif") center no-repeat;
  /*px*/ margin-top: 85px;
  /*rem*/ margin-top: 85 / 16rem;
  /*px*/ height: 60px;
  /*rem*/ height: 60 / 16rem;
}
body.processing.default .processingHeader,
body.processing.default .processingMessage {
  text-align: center;
}
body.processing.default .processingHeader {
  font-size: 23px;
  /*px*/ margin-top: 15px;
  /*rem*/ margin-top: 15 / 16rem;
  color: black;
}
body.processing.default .processingMessage li {
  /*px*/ margin-top: 7px;
  /*rem*/ margin-top: 7 / 16rem;
}
@media (min-width: 768px) {
  body.processing.default .processingHeader {
    font-size: 28px;
  }
}
body.processing.default .nortonLogo {
  margin-top: 2em;
}
body.processing.default .main-container {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  body.transact-area.thank-you.default .transactsidebar {
    top: 0;
  }
}
body.transact-area.thank-you.default .view-container header {
  margin-bottom: 1em;
}
body.transact-area.thank-you.default .view-container header h1 {
  padding-top: 0;
  padding-left: 0;
}
body.transact-area.thank-you.default .view-container ul {
  margin-left: 15px;
}
body.transact-area.thank-you.default .view-container .email-note a,
body.transact-area.thank-you.default .view-container .next-step a {
  color: inherit;
  text-decoration: underline;
}
body.transact-area.thank-you.default .view-container section {
  margin-top: 25px;
}
body.transact-area.thank-you.default .view-container section h1 {
  margin-bottom: 10px;
}
body.transact-area.thank-you.default .view-container section > p {
  padding-top: 10px;
}
body.transact-area.thank-you.default .view-container .summaryGrid {
  margin-bottom: 1em;
}
body.transact-area.thank-you.default .view-container .summaryGrid .row > div {
  padding: 2px 0 2px 0;
  overflow-wrap: break-word;
}
body.transact-area.thank-you.default .view-container .summaryGrid .row > div:first-child {
  font-weight: bold;
}
body.transact-area.thank-you.default .view-container .summaryGrid .row > div:last-child strong {
  color: black;
}
body.transact-area.thank-you.default .transact-container {
  padding-bottom: 25px;
}
body.transact-area.stepedd.default .view-container .main,
body.transact-area.verify.default .view-container .main {
  padding-left: 0;
  padding-right: 0;
}
body.transact-area.stepedd.default .view-container .main > header,
body.transact-area.verify.default .view-container .main > header {
  margin-bottom: 15px;
}
body.transact-area.stepedd.default .view-container .main > div.row,
body.transact-area.verify.default .view-container .main > div.row {
  margin-left: 0;
  margin-right: 0;
}
body.transact-area.stepedd.default .view-container div.row.autoFormValidation,
body.transact-area.verify.default .view-container div.row.autoFormValidation {
  margin-top: 0;
}
body.transact-area.stepedd.default .view-container div.row.uploadInfo,
body.transact-area.verify.default .view-container div.row.uploadInfo {
  margin-bottom: 5px;
}
body.transact-area.stepedd.default .view-container div.row.uploadInfo ul,
body.transact-area.verify.default .view-container div.row.uploadInfo ul {
  margin-top: 10px;
  color: #011f2a;
  font-weight: bold;
}
body.transact-area.stepedd.default .view-container div.row.uploadInfo ul .desc,
body.transact-area.verify.default .view-container div.row.uploadInfo ul .desc {
  font-weight: normal;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection,
body.transact-area.verify.default .view-container div.row.uploadSection {
  border: 1px solid #dcdcdc;
  padding-bottom: 15px;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection .header,
body.transact-area.verify.default .view-container div.row.uploadSection .header {
  display: inline-block;
  color: white;
  width: 100%;
  min-height: 35px;
  padding-top: 6px;
  padding-bottom: 3px;
  background-color: #808080;
  padding-left: 10px;
  border-left: 5px solid transparent;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection .form-group,
body.transact-area.verify.default .view-container div.row.uploadSection .form-group {
  margin: 0;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection .form-group.no-label-container,
body.transact-area.verify.default .view-container div.row.uploadSection .form-group.no-label-container {
  min-height: 0;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection .form-group.checkboxInputContainer,
body.transact-area.verify.default .view-container div.row.uploadSection .form-group.checkboxInputContainer {
  min-height: 40px;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection .uploadInputContainer,
body.transact-area.verify.default .view-container div.row.uploadSection .uploadInputContainer {
  margin: 0;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection .uploadInputContainer .controlContainer,
body.transact-area.verify.default .view-container div.row.uploadSection .uploadInputContainer .controlContainer {
  padding: 0;
  white-space: initial;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection .uploadInputContainer .field-validation-error,
body.transact-area.verify.default .view-container div.row.uploadSection .uploadInputContainer .field-validation-error {
  margin-top: 5px;
  display: inline-block;
}
@media (min-width: 992px) {
  body.transact-area.stepedd.default .view-container div.row.uploadSection .uploadInputContainer .field-validation-error,
  body.transact-area.verify.default .view-container div.row.uploadSection .uploadInputContainer .field-validation-error {
    margin-top: 8px;
    padding-left: 5px;
  }
}
body.transact-area.stepedd.default .view-container div.row.uploadSection .uploadOptions,
body.transact-area.verify.default .view-container div.row.uploadSection .uploadOptions {
  margin: 0;
  padding-top: 10px;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection .requirementCompleted,
body.transact-area.verify.default .view-container div.row.uploadSection .requirementCompleted {
  background: white url("../../jlp/img/svg/tick-icon-SVG.svg") left center no-repeat;
  background-size: 25px;
  margin-top: 15px;
  margin-left: 15px;
  min-height: 25px;
  padding: 2px 15px 0px 35px;
  display: inline-block;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection .error,
body.transact-area.verify.default .view-container div.row.uploadSection .error {
  padding: 15px 15px 0px 15px;
  color: #f00;
  display: inline-block;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection a,
body.transact-area.verify.default .view-container div.row.uploadSection a {
  color: #427730;
  text-decoration: underline;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection ul,
body.transact-area.verify.default .view-container div.row.uploadSection ul {
  margin-top: 10px;
  margin-left: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection ul li,
body.transact-area.verify.default .view-container div.row.uploadSection ul li {
  margin-bottom: 0.5em;
  list-style-type: none;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection ul li:before,
body.transact-area.verify.default .view-container div.row.uploadSection ul li:before {
  content: ' ';
  position: absolute;
  margin: 6px 0 0 -12px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #464646;
  border-radius: 4px;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection ul li:last-child,
body.transact-area.verify.default .view-container div.row.uploadSection ul li:last-child {
  margin-bottom: 0;
}
body.transact-area.stepedd.default .view-container div.row.uploadSection ul li a,
body.transact-area.verify.default .view-container div.row.uploadSection ul li a {
  text-decoration: underline;
  color: #011f2a;
}
body.transact-area.stepedd.default .view-container .fileUploadContainer,
body.transact-area.verify.default .view-container .fileUploadContainer {
  margin-left: 0;
  margin-right: 0;
}
body.transact-area.stepedd.default .view-container .fileUploadContainer label,
body.transact-area.verify.default .view-container .fileUploadContainer label {
  color: #011f2a;
}
body.transact-area.stepedd.default .view-container .fileUploadContainer > div,
body.transact-area.verify.default .view-container .fileUploadContainer > div {
  padding-top: 10px;
}
body.transact-area.stepedd.default .view-container .fileUploadContainer .fileLabel,
body.transact-area.verify.default .view-container .fileUploadContainer .fileLabel {
  font-weight: bold;
}
body.transact-area.stepedd.default .view-container .fileUploadContainer [class^="col-"],
body.transact-area.verify.default .view-container .fileUploadContainer [class^="col-"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.transact-area.stepedd.default .view-container .fileUploadContainer .fileInputButton,
body.transact-area.verify.default .view-container .fileUploadContainer .fileInputButton {
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  float: left;
}
body.transact-area.stepedd.default .view-container .fileUploadContainer .fileInputButton span,
body.transact-area.verify.default .view-container .fileUploadContainer .fileInputButton span {
  display: inline-block;
  padding-top: 12px;
}
@media (min-width: 768px) and (max-width: 991px) {
  body.transact-area.stepedd.default .view-container .fileUploadContainer .fileInputButton span,
  body.transact-area.verify.default .view-container .fileUploadContainer .fileInputButton span {
    padding-top: 11px;
  }
}
@media (min-width: 992px) {
  body.transact-area.stepedd.default .view-container .fileUploadContainer .fileInputButton span,
  body.transact-area.verify.default .view-container .fileUploadContainer .fileInputButton span {
    padding-top: 7px;
  }
}
body.transact-area.stepedd.default .view-container .fileUploadContainer .fileInputButton input[type=file],
body.transact-area.verify.default .view-container .fileUploadContainer .fileInputButton input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  -ms-filter: 'alpha(opacity=0)';
  direction: ltr;
  cursor: pointer;
}
body.transact-area.stepedd.default .view-container #urc .labelContainer,
body.transact-area.verify.default .view-container #urc .labelContainer,
body.transact-area.stepedd.default .view-container #urc .controlContainer,
body.transact-area.verify.default .view-container #urc .controlContainer {
  padding-top: 10px;
}
body.transact-area.stepedd.default .view-container #urc .control-label,
body.transact-area.verify.default .view-container #urc .control-label {
  font-weight: normal;
}
body.transact-area.stepedd.default .view-container #buttonContainer,
body.transact-area.verify.default .view-container #buttonContainer {
  margin-top: 10px;
}
body.transact-area.stepedd.default .view-container #buttonContainer > .row,
body.transact-area.verify.default .view-container #buttonContainer > .row {
  margin-left: 0;
  margin-right: 0;
}
body.transact-area.stepedd.default .view-container #uploadSubmitButton,
body.transact-area.verify.default .view-container #uploadSubmitButton {
  margin-left: 0;
  float: left;
}
body.transact-area.stepedd.default .view-container .message-container,
body.transact-area.verify.default .view-container .message-container {
  padding: 0;
  width: 100%;
  margin-bottom: 15px;
}
body.recipient-area.landing.details .main-container > section {
  padding: 0;
}
body.recipient-area.landing.details #bottomButtons {
  margin-top: 1em;
}
body.recipient-area.landing.details #bottomButtons button {
  min-width: 200px;
}
body.recipient-area.landing.details #recipientFieldsContainer {
  margin-left: 15px;
  margin-right: 15px;
}
body.recipient-area.landing.details .ownAccountRow {
  min-height: 70px;
}
body.recipient-area.landing.details .creation-container {
  float: left;
}
@media (min-width: 992px) {
  body.recipient-area.landing.details .creation-container {
    float: right;
  }
}
body.recipient-area.landing.details .closeButtonContainer {
  text-align: center;
  padding-top: 24px;
}
@media (min-width: 768px) {
  body.recipient-area.landing.details .closeButtonContainer {
    text-align: left;
  }
}
body.recipient-area.landing.details .xsCloseButtonContainer {
  padding: 5px 0 15px 0;
  text-align: center;
}
body.recipient-area.landing.details .recipientNameRow {
  margin-left: 0;
  margin-right: 0;
}
body.recipient-area.landing.details #collapsible-group-grpintermediarydetails .group-validations {
  margin: 0px -15px 0px 20px;
}
@media (min-width: 768px) {
  body.recipient-area.landing.details .nortonLogo {
    text-align: right;
  }
}
body.recipient-area.landing.details .modal-dialog .modal-footer {
  text-align: center;
}
@media (min-width: 992px) {
  body.recipient-area.landing.details .modal-dialog .modal-footer {
    text-align: right;
  }
}
body.recipient-area.landing.details .modal-dialog .modal-footer .modal-dismiss {
  cursor: pointer;
  padding: 18px;
}
@media (min-width: 992px) {
  body.recipient-area.landing.details .modal-dialog .modal-footer .modal-dismiss {
    display: inline-block;
  }
}
body.recipient-area.landing.details #valueChangesModal .modal-body ul {
  list-style-type: disc;
}
body.recipient-area.landing.details #valueChangesModal .modal-body ul li {
  margin: 15px 0 15px 0;
  word-break: break-all;
}
body.recipient-area.landing.details #valueChangesModal .modal-footer a.modal-dismiss {
  float: none;
  padding-left: 18px;
}
@media (min-width: 992px) {
  body.recipient-area.landing.details #valueChangesModal .modal-footer a.modal-dismiss {
    float: left;
    padding-left: 0;
  }
}
body.recipient-area.landing.details .normalWordBreak {
  word-break: normal;
}
body.recipient-area.landing.details #address-auto-suggest {
  position: absolute;
  background: white;
  min-width: 200px;
  min-height: 50px;
  z-index: 20;
  box-shadow: 2px 5px 5px 2px #CCCCCC;
  border: 2px solid #ccc;
}
body.recipient-area.landing.details #address-auto-suggest .address-item {
  padding: 5px 10px;
}
body.recipient-area.landing.details #address-auto-suggest .address-item:hover {
  background-color: #eee;
  cursor: pointer;
}
body.recipient-area.landing.details #address-auto-suggest .address-item .address-supplemental {
  padding-left: 15px;
  font-size: 14px;
  font-style: italic;
}
.recipientMobileChevronContainer {
  position: absolute;
  padding-top: 18px;
}
.recipientMobileContentContainer {
  margin-left: 32px;
}
.recipientMobileContentContainer .account-name {
  font-weight: bold;
}
.ncc-sub-field-first-part {
  padding-right: 0px;
  padding-bottom: 4px;
}
@media (min-width: 768px) {
  .ncc-sub-field-first-part {
    padding-bottom: 0;
  }
}
.ncc-sub-field-second-part {
  padding-left: 0px;
}
@media (min-width: 768px) {
  .ncc-sub-field-second-part {
    min-height: initial;
    padding-left: 4px;
  }
}
body.transact-area.step2 h2,
body.recipient-area h2 {
  color: #011f2a;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  margin-top: 14px;
}
body.transact-area.step2 h2:not(.field-group-title):not(.isolate-field-group-heading),
body.recipient-area h2:not(.field-group-title):not(.isolate-field-group-heading) {
  margin-bottom: 12px;
}
body.transact-area.step2 h2.field-group-title,
body.recipient-area h2.field-group-title {
  margin-left: -15px;
  margin-bottom: 7px;
}
body.transact-area.step2 h2.isolate-field-group-heading,
body.recipient-area h2.isolate-field-group-heading {
  margin-bottom: -3px;
}
body.transact-area.step2 h2#recipientCreatedHeader,
body.recipient-area h2#recipientCreatedHeader {
  margin-bottom: 2px;
}
.field-group.recipient-bank-details {
  margin-top: 34px;
}
.field-group.recipient-intermediary-details .collapsible-panel-control > .form-group {
  min-height: 50px;
}
.field-group.recipient-additional-details {
  margin-top: 28px;
}
label[for="Definitions.Fields[INT_BANK_ADDRESS_COUNTRY_CODE].Value"] {
  text-align: left !important;
}
label[for="Definitions.Fields[INT_BANK_IBAN_OR_ACCOUNT_NUM].Value"] {
  padding-top: 17px !important;
}
.recipient-area.provide-recipient #PaymentReference {
  font-size: 14px;
  color: #000000;
}
.recipient-area.provide-recipient h2 {
  padding-bottom: 15px;
}
.recipient-area.provide-recipient .pr-panel {
  border-color: #dddddd;
  border-style: solid;
  border-width: 1px;
  padding: 15px;
}
.recipient-area.provide-recipient .pr-panel .row {
  margin: 10px 0 0 0;
  color: #000000;
}
.recipient-area.provide-recipient .pr-panel .note {
  color: #666666;
  margin-top: -15px;
}
.recipient-area.provide-recipient .pr-summary label {
  color: #000000;
  font-weight: 600;
}
.recipient-area.provide-recipient .pr-summary .detail {
  float: right;
}
.recipient-area.provide-recipient .pr-summary .row {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 15px;
}
.recipient-area.provide-recipient .pr-summary .row.last {
  border-bottom-width: 0;
}
.recipient-area.provide-recipient .pr-main .controlContainer,
.recipient-area.provide-recipient .pr-main .labelContainer {
  padding-left: 0;
}
.recipient-area.provide-recipient .pr-main .control-label {
  color: #000000;
}
.recipient-area.provide-recipient .buttonContainer {
  padding: 15px 0 0 0;
}
.recipient-area.provide-recipient .buttonContainer .linkButton {
  text-decoration: none;
}
.recipient-area.provide-recipient .bootstrap-select.btn-group .btn .filter-option .option-main-text {
  color: #464646;
}
.recipient-area.provide-recipient ul.dropdown-menu.inner.dropdown-toggle.btn-default {
  width: 100%;
}
.recipient-area.provide-recipient ul.dropdown-menu.inner.dropdown-toggle.btn-default label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.recipient-area.provide-recipient .option-main-text {
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.recipient-area.provide-recipient .option-sub-text {
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.recipient-area.provide-recipient label.option-main-text,
.recipient-area.provide-recipient label.option-sub-text {
  margin-bottom: 0;
  display: block;
}
.recipient-area.provide-recipient label.option-sub-text {
  font-size: 13px;
  color: #666666;
}
.recipient-area.provide-recipient .norton {
  margin-top: 15px;
}
.cop {
  color: #5C667B;
  background-color: #f6f6f6;
  padding-right: 17px;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.cop #copUserNotification {
  background: url(../../core/img/notify-warning.png) no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
  margin-top: 20px;
  display: block;
}
@media (max-width: 767px) {
  .cop #copUserNotification {
    display: none;
  }
}
.cop-text {
  padding-top: 10px;
  padding-bottom: 10px;
}
.cop-title {
  font-weight: bold;
  margin-bottom: 0px;
}
#downloadAppButton {
  background-color: #0071eb;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 10px 1em 10px 1em;
}
#moreInfoCop {
  background-color: #e6e6e6;
  color: #5C667B;
  font-weight: bold;
  font-size: 16px;
  min-width: 80px;
}
body.my-account-area.bank-accounts.list section {
  margin-bottom: 48px;
}
body.my-account-area.bank-accounts.list .btn:after {
  content: none;
}
body.my-account-area.bank-accounts.list th {
  text-align: left;
}
body.my-account-area.bank-accounts.list th,
body.my-account-area.bank-accounts.list td {
  display: block;
}
body.my-account-area.bank-accounts.list td {
  margin-bottom: 10px;
}
body.my-account-area.bank-accounts.list td a {
  text-decoration: underline;
}
@media (min-width: 480px) {
  body.my-account-area.bank-accounts.list th,
  body.my-account-area.bank-accounts.list td {
    display: table-cell;
  }
  body.my-account-area.bank-accounts.list td {
    margin-bottom: 0;
  }
}
body.my-account-area.bank-accounts.list .add-new-account {
  float: none;
  margin: 0;
  display: inline-block;
}
body.my-account-area.bank-accounts.list .panel-default {
  border-color: #DDD;
  margin-top: 16px;
  display: none;
}
body.my-account-area.bank-accounts.list .panel-default.showPanel {
  display: block;
}
body.my-account-area.bank-accounts.list #no-accounts-message,
body.my-account-area.bank-accounts.list #no-ccy-combinations {
  display: none;
  margin-top: 10px;
  margin-bottom: 10px;
}
body.my-account-area.bank-accounts.list #no-accounts-message.showMessage,
body.my-account-area.bank-accounts.list #no-ccy-combinations.showMessage {
  display: block;
}
body.my-account-area.bank-accounts.list .panel-heading {
  background-color: #eee;
  color: #667980;
  cursor: pointer;
  display: flex;
  padding-bottom: 0;
}
body.my-account-area.bank-accounts.list .panel-heading > .glyphicon {
  top: 4px;
}
body.my-account-area.bank-accounts.list .panel-heading > .bank-description {
  margin-left: 10px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.my-account-area.bank-accounts.list .panel-heading > .label {
  position: relative;
  top: -3px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 100px;
  color: white;
  background-color: red;
  margin-left: 15px;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  font-weight: bold;
}
body.my-account-area.bank-accounts.list .panel-heading > .label.label-unverified {
  background-color: #F5A623;
}
body.my-account-area.bank-accounts.list .panel-heading > .label.label-processing {
  background-color: #656565;
}
body.my-account-area.bank-accounts.list .panel-heading > .label.label-verified {
  background-color: #00AE00;
}
body.my-account-area.bank-accounts.list .panel-body tr {
  height: 24px;
}
body.my-account-area.bank-accounts.list .panel-body th {
  padding-right: 10px;
}
body.my-account-area.bank-accounts.list .panel-body .actions .btn {
  margin: 0;
  margin-top: 10px;
}
@media (min-width: 992px) {
  body.my-account-area.bank-accounts.list .panel-body .actions .btn {
    margin-left: 10px;
  }
}
body.my-account-area.bank-accounts.list .modal-dialog .btn {
  margin: 0;
}
body.my-account-area.bank-accounts.list .modal-dialog .modal-dismiss {
  line-height: 48px;
  cursor: pointer;
}
@media (min-width: 992px) {
  body.my-account-area.bank-accounts.list .modal-dialog .modal-dismiss {
    margin-right: 20px;
  }
}
body.my-account-area.bank-accounts.list .modal-dialog .modal-footer {
  text-align: center;
}
@media (min-width: 992px) {
  body.my-account-area.bank-accounts.list .modal-dialog .modal-footer {
    text-align: right;
  }
}
@media (max-width: 991px) {
  body.my-account-area.bank-accounts.add #wrapper > main,
  body.my-account-area.bank-accounts.edit #wrapper > main,
  body.my-account-area.bank-accounts.directidsummary #wrapper > main {
    padding-bottom: 225px;
  }
}
body.my-account-area.bank-accounts.add .message,
body.my-account-area.bank-accounts.edit .message,
body.my-account-area.bank-accounts.directidsummary .message {
  margin-bottom: 28px;
  display: block;
  max-width: 623px;
}
body.my-account-area.bank-accounts.add #intro,
body.my-account-area.bank-accounts.edit #intro,
body.my-account-area.bank-accounts.directidsummary #intro {
  display: inline-block;
  margin-top: 5px;
}
body.my-account-area.bank-accounts.add .message-container,
body.my-account-area.bank-accounts.edit .message-container,
body.my-account-area.bank-accounts.directidsummary .message-container {
  margin-bottom: 16px;
}
body.my-account-area.bank-accounts.add #buttonContainer .btn,
body.my-account-area.bank-accounts.edit #buttonContainer .btn,
body.my-account-area.bank-accounts.directidsummary #buttonContainer .btn {
  margin-top: 23px;
  margin-bottom: 32px;
}
body.my-account-area.bank-accounts.add #buttonContainer #continue,
body.my-account-area.bank-accounts.edit #buttonContainer #continue,
body.my-account-area.bank-accounts.directidsummary #buttonContainer #continue {
  margin-top: 0;
}
body.my-account-area.bank-accounts.add header > h1,
body.my-account-area.bank-accounts.edit header > h1,
body.my-account-area.bank-accounts.directidsummary header > h1 {
  margin-left: 12px;
}
body.my-account-area.bank-accounts.add .controlContainer.disabled span.checkboxSpan,
body.my-account-area.bank-accounts.edit .controlContainer.disabled span.checkboxSpan,
body.my-account-area.bank-accounts.directidsummary .controlContainer.disabled span.checkboxSpan {
  pointer-events: none;
}
@media (min-width: 768px) {
  body.my-account-area.bank-accounts.add ._CUSTOMUI_CA_Institution,
  body.my-account-area.bank-accounts.edit ._CUSTOMUI_CA_Institution,
  body.my-account-area.bank-accounts.directidsummary ._CUSTOMUI_CA_Institution {
    padding-right: 3px;
  }
}
body.my-account-area.bank-accounts.add ._CUSTOMUI_CA_Institution .no-label-container,
body.my-account-area.bank-accounts.edit ._CUSTOMUI_CA_Institution .no-label-container,
body.my-account-area.bank-accounts.directidsummary ._CUSTOMUI_CA_Institution .no-label-container {
  min-height: 50px;
}
@media (min-width: 768px) {
  body.my-account-area.bank-accounts.add ._CUSTOMUI_CA_Institution .no-label-container,
  body.my-account-area.bank-accounts.edit ._CUSTOMUI_CA_Institution .no-label-container,
  body.my-account-area.bank-accounts.directidsummary ._CUSTOMUI_CA_Institution .no-label-container {
    min-height: 70px;
  }
}
body.my-account-area.bank-accounts.add ._CUSTOMUI_CA_Institution .no-label-container.has-feedback,
body.my-account-area.bank-accounts.edit ._CUSTOMUI_CA_Institution .no-label-container.has-feedback,
body.my-account-area.bank-accounts.directidsummary ._CUSTOMUI_CA_Institution .no-label-container.has-feedback {
  min-height: 70px;
}
@media (min-width: 768px) {
  body.my-account-area.bank-accounts.add ._CUSTOMUI_CA_BranchNumber,
  body.my-account-area.bank-accounts.edit ._CUSTOMUI_CA_BranchNumber,
  body.my-account-area.bank-accounts.directidsummary ._CUSTOMUI_CA_BranchNumber {
    padding-left: 3px;
  }
}
body.my-account-area.bank-accounts.add ._CUSTOMUI_CA_BranchNumber label,
body.my-account-area.bank-accounts.edit ._CUSTOMUI_CA_BranchNumber label,
body.my-account-area.bank-accounts.directidsummary ._CUSTOMUI_CA_BranchNumber label {
  visibility: hidden;
}
@media (max-width: 767px) {
  body.my-account-area.bank-accounts.add ._CUSTOMUI_CA_BranchNumber label,
  body.my-account-area.bank-accounts.edit ._CUSTOMUI_CA_BranchNumber label,
  body.my-account-area.bank-accounts.directidsummary ._CUSTOMUI_CA_BranchNumber label {
    display: none;
  }
}
body.my-account-area.upload-documents.default .view-container .main {
  padding-left: 0;
  padding-right: 0;
}
body.my-account-area.upload-documents.default .view-container .main > header {
  margin-bottom: 15px;
}
body.my-account-area.upload-documents.default .view-container .main > div.row {
  margin-left: 0;
  margin-right: 0;
}
body.my-account-area.upload-documents.default .view-container div.row.autoFormValidation {
  margin-top: 0;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadInfo {
  margin-bottom: 5px;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadInfo ul {
  margin-top: 10px;
  color: #011f2a;
  font-weight: bold;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadInfo ul .desc {
  font-weight: normal;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection {
  border: 1px solid #dcdcdc;
  padding-bottom: 15px;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection .header {
  display: inline-block;
  color: white;
  width: 100%;
  min-height: 35px;
  padding-top: 6px;
  padding-bottom: 3px;
  background-color: #808080;
  padding-left: 10px;
  border-left: 5px solid transparent;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection .form-group {
  margin: 0;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection .form-group.no-label-container {
  min-height: 0;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection .form-group.checkboxInputContainer {
  min-height: 40px;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection .uploadInputContainer {
  margin: 0;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection .uploadInputContainer .controlContainer {
  padding: 0;
  white-space: initial;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection .uploadInputContainer .field-validation-error {
  margin-top: 5px;
  display: inline-block;
}
@media (min-width: 992px) {
  body.my-account-area.upload-documents.default .view-container div.row.uploadSection .uploadInputContainer .field-validation-error {
    margin-top: 8px;
    padding-left: 5px;
  }
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection .uploadOptions {
  margin: 0;
  padding-top: 10px;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection .requirementCompleted {
  background: white url("../../jlp/img/svg/tick-icon-SVG.svg") left center no-repeat;
  background-size: 25px;
  margin-top: 15px;
  margin-left: 15px;
  min-height: 25px;
  padding: 2px 15px 0px 35px;
  display: inline-block;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection .error {
  padding: 15px 15px 0px 15px;
  color: #f00;
  display: inline-block;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection a {
  color: #427730;
  text-decoration: underline;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection ul {
  margin-top: 10px;
  margin-left: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection ul li {
  margin-bottom: 0.5em;
  list-style-type: none;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection ul li:before {
  content: ' ';
  position: absolute;
  margin: 6px 0 0 -12px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #464646;
  border-radius: 4px;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection ul li:last-child {
  margin-bottom: 0;
}
body.my-account-area.upload-documents.default .view-container div.row.uploadSection ul li a {
  text-decoration: underline;
  color: #011f2a;
}
body.my-account-area.upload-documents.default .view-container .fileUploadContainer {
  margin-left: 0;
  margin-right: 0;
}
body.my-account-area.upload-documents.default .view-container .fileUploadContainer label {
  color: #011f2a;
}
body.my-account-area.upload-documents.default .view-container .fileUploadContainer > div {
  padding-top: 10px;
}
body.my-account-area.upload-documents.default .view-container .fileUploadContainer .fileLabel {
  font-weight: bold;
}
body.my-account-area.upload-documents.default .view-container .fileUploadContainer [class^="col-"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.my-account-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton {
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  float: left;
}
body.my-account-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton span {
  display: inline-block;
  padding-top: 12px;
}
@media (min-width: 768px) and (max-width: 991px) {
  body.my-account-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton span {
    padding-top: 11px;
  }
}
@media (min-width: 992px) {
  body.my-account-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton span {
    padding-top: 7px;
  }
}
body.my-account-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  -ms-filter: 'alpha(opacity=0)';
  direction: ltr;
  cursor: pointer;
}
body.my-account-area.upload-documents.default .view-container #urc .labelContainer,
body.my-account-area.upload-documents.default .view-container #urc .controlContainer {
  padding-top: 10px;
}
body.my-account-area.upload-documents.default .view-container #urc .control-label {
  font-weight: normal;
}
body.my-account-area.upload-documents.default .view-container #buttonContainer {
  margin-top: 10px;
}
body.my-account-area.upload-documents.default .view-container #buttonContainer > .row {
  margin-left: 0;
  margin-right: 0;
}
body.my-account-area.upload-documents.default .view-container #uploadSubmitButton {
  margin-left: 0;
  float: left;
}
body.my-account-area.upload-documents.default .view-container .message-container {
  padding: 0;
  width: 100%;
  margin-bottom: 15px;
}
body.my-account-area.manage-contact-details.default section.user-detail {
  margin: 0;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #dcdcdc;
}
body.my-account-area.manage-contact-details.default section.user-detail:first-child {
  margin-top: 0;
}
@media (min-width: 992px) {
  body.my-account-area.manage-contact-details.default section.user-detail:last-child {
    margin-bottom: 20px;
  }
}
body.my-account-area.manage-contact-details.default section.user-detail header {
  margin: -10px;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #999999;
  color: white;
}
body.my-account-area.manage-contact-details.default section.user-detail header h2 {
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-weight: bold;
}
body.my-account-area.manage-contact-details.default section.user-detail .line span:first-child {
  display: inline-block;
  width: 200px;
}
body.my-account-area.manage-contact-details.default section.user-detail .btn {
  margin-bottom: 0;
  /*.media-tablets-and-up({
                min-width: 185px;
            })*/
}
body.my-account-area.manage-contact-details.default section.user-detail .btn.js-streetname-yes,
body.my-account-area.manage-contact-details.default section.user-detail .btn.js-streetname-no {
  color: #ffffff;
}
body.my-account-area.manage-contact-details.default section.user-detail p {
  margin: 10px 0 10px 0;
}
body.my-account-area.manage-contact-details.default section.user-detail .row.autoFormValidation {
  margin-left: -15px;
  margin-right: -15px;
}
body.my-account-area.manage-contact-details.default section.user-detail .linkButton {
  cursor: pointer;
}
body.my-account-area.manage-contact-details.default section.user-detail .message {
  padding-left: 35px;
}
body.my-account-area.manage-contact-details.default section.user-detail .success-message {
  background: url("../../core/img/svg/green-tick-icon-SVG.svg") left no-repeat;
}
body.my-account-area.manage-contact-details.default section.user-detail .failure-message {
  background: url("../../jlp/img/warning.png") left no-repeat;
}
body.my-account-area.manage-contact-details.default section.user-detail .address-lines {
  margin-bottom: 20px;
}
body.my-account-area.manage-contact-details.default section.user-detail .address-lines .group-name-label {
  margin-left: -15px;
}
body.my-account-area.manage-contact-details.default section.user-detail form {
  margin-left: 15px;
  margin-right: 15px;
}
body.my-account-area.manage-contact-details.default section.user-detail form .phone-fields-container .phone-example-text {
  margin-bottom: 15px;
}
body.my-account-area.manage-contact-details.default section.user-detail form .phone-fields-container .phone-radio-fields {
  margin: 0;
  padding: 0;
}
body.my-account-area.manage-contact-details.default section.user-detail form .phone-fields-container .phone-radio-fields label {
  display: inline-block;
  width: 100%;
  padding-left: 10px;
  margin: 37px 0 37px 0;
  text-align: left;
}
body.my-account-area.manage-contact-details.default section.user-detail form .phone-fields-container #MobileDisplayPrefixError,
body.my-account-area.manage-contact-details.default section.user-detail form .phone-fields-container #LandlineDisplayPrefixError {
  margin-top: -25px;
  margin-left: -15px;
  margin-bottom: 10px;
}
body.my-account-area.manage-contact-details.default section.user-detail .bottom-buttons {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  body.my-account-area.manage-contact-details.default section.user-detail .bottom-buttons {
    margin-bottom: 15px;
  }
}
body.my-account-area.manage-contact-details.default section.user-detail .bottom-buttons > div:last-child {
  padding-left: 0;
  padding-right: 0;
}
body.my-account-area.manage-contact-details.default section.user-detail .bottom-buttons > div:last-child button {
  padding-left: 50px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  body.my-account-area.manage-contact-details.default section.user-detail .bottom-buttons > div:last-child button {
    padding-left: 30px;
    margin-right: 8px;
  }
}
body.my-account-area.manage-contact-details.default section.user-detail .bottom-buttons > div:first-child {
  text-align: center;
  padding: 15px 0 15px 0;
}
@media (min-width: 768px) {
  body.my-account-area.manage-contact-details.default section.user-detail .bottom-buttons > div:first-child {
    padding: 20px 0 0 0;
    float: left;
    text-align: left;
  }
}
body.my-account-area.manage-contact-details.default .find-my-address-col {
  padding: 0;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  body.my-account-area.manage-contact-details.default .find-my-address-col {
    margin-bottom: 0;
    padding-left: 15px;
  }
}
body.my-account-area.manage-contact-details.default .find-my-address-col .find-my-address-button {
  margin-top: 0;
}
@media (min-width: 768px) {
  body.my-account-area.manage-contact-details.default .find-my-address-col .find-my-address-button {
    margin-top: 24px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  body.my-account-area.manage-contact-details.default .find-my-address-col .find-my-address-button {
    margin-top: 28px;
  }
}
body.my-account-area.manage-contact-details.default #addressLookupsModal .modal-body ul li a {
  color: #427730;
  display: block;
  padding-bottom: 14px;
  cursor: pointer;
}
body.my-account-area.manage-contact-details.default #addressLookupsModal .modal-footer {
  text-align: center;
}
body.my-account-area.manage-contact-details.default #addressLookupsModal .modal-footer a.modal-dismiss {
  cursor: pointer;
  padding: 10px;
}
body.my-account-area.manage-contact-details.default .street-name-message > div {
  margin-top: -15px;
}
body.my-account-area.manage-contact-details.default .street-name-message > div p {
  color: red;
}
body.my-account-area.manage-contact-details.default .street-name-buttons {
  margin-bottom: 10px;
}
body.my-account-area.manage-contact-details.default .street-name-paragraph {
  margin-top: 0;
}
body.my-account-area.manage-contact-details.default .street-name-alert > div,
body.my-account-area.manage-contact-details.default .street-name-buttons > div {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  body.my-account-area.manage-contact-details.default .row .row-line > .row {
    padding-right: 10px;
  }
}
body.my-account-area.manage-contact-details.default .street-name-group-row > div {
  padding-left: 0;
  padding-right: 0;
}
body.my-account-area.manage-contact-details.default .street-name-group-row > div .labelContainer label {
  white-space: nowrap;
}
body.my-account-area.manage-contact-details.default .phonexeappcontainer {
  box-sizing: border-box;
  display: block;
  max-width: 100%;
  padding: 0 0 20px 0;
}
body.my-account-area.manage-contact-details.default .phonexeapp {
  max-width: 100%;
  display: block;
}
body.my-account-area.manage-contact-details.default .phonexeappqrcodecontainer {
  padding-bottom: 20px;
}
body.my-account-area.manage-contact-details.default .phonexeappqrcode {
  display: inline-block;
  height: 88px;
  border: 5px solid white;
  padding: 0 20px 0 0;
}
body.my-account-area.manage-contact-details.default .appstorelinkcontainer {
  padding: 0 0 20px 0;
}
body.my-account-area.manage-contact-details.default .googleplay {
  display: inline-block;
  height: 48px;
  border: 0px;
}
body.my-account-area.manage-contact-details.default .iosappstore {
  display: inline-block;
  height: 48px;
  border: 0px;
  padding: 0 20px 0 0;
}
body.my-account-area.manage-contact-details.default .changeaddressinapptext {
  padding: 30px 0 30px 0;
}
body.my-account-area.manage-login.default section.user-detail {
  margin: 0;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #dcdcdc;
}
body.my-account-area.manage-login.default section.user-detail:first-child {
  margin-top: 0;
}
body.my-account-area.manage-login.default section.user-detail:last-child {
  margin-bottom: 30px;
}
body.my-account-area.manage-login.default section.user-detail header {
  margin: -10px;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #999999;
  color: white;
}
body.my-account-area.manage-login.default section.user-detail header h2 {
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-weight: bold;
}
body.my-account-area.manage-login.default section.user-detail .line span:first-child {
  display: inline-block;
  width: 100px;
}
body.my-account-area.manage-login.default section.user-detail .btn {
  margin-bottom: 0;
}
body.my-account-area.manage-login.default section.user-detail form {
  margin-left: 15px;
  margin-right: 15px;
}
body.my-account-area.manage-login.default section.user-detail .bottom-buttons {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  body.my-account-area.manage-login.default section.user-detail .bottom-buttons {
    margin-bottom: 15px;
  }
}
body.my-account-area.manage-login.default section.user-detail .bottom-buttons > div:first-child {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  body.my-account-area.manage-login.default section.user-detail .bottom-buttons > div:first-child {
    float: right;
  }
}
body.my-account-area.manage-login.default section.user-detail .bottom-buttons > div:first-child button {
  padding-left: 50px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  body.my-account-area.manage-login.default section.user-detail .bottom-buttons > div:first-child button {
    padding-left: 20px;
  }
}
body.my-account-area.manage-login.default section.user-detail .bottom-buttons > div:last-child {
  text-align: center;
  padding: 15px 0 15px 0;
}
@media (min-width: 768px) {
  body.my-account-area.manage-login.default section.user-detail .bottom-buttons > div:last-child {
    padding: 20px 0 0 0;
    float: left;
    text-align: left;
  }
}
body.my-account-area.manage-login.default section.user-detail .row.readonly {
  min-height: 40px;
}
body.my-account-area.manage-login.default section.user-detail .row.readonly > div {
  padding: 0;
}
body.my-account-area.manage-login.default section.user-detail .linkButton {
  cursor: pointer;
}
body.my-account-area.manage-login.default section.user-detail .info-text > div {
  padding: 0;
}
body.my-account-area.manage-login.default section.user-detail .message {
  padding-left: 35px;
}
body.my-account-area.manage-login.default section.user-detail .success-message {
  background: url("../../core/img/svg/green-tick-icon-SVG.svg") left no-repeat;
}
body.my-account-area.manage-login.default section.user-detail .failure-message {
  background: url("../../jlp/img/warning.png") left no-repeat;
}
body.my-account-area.manage-login.default section.user-detail .modal-dismiss {
  cursor: pointer;
  float: left;
  padding-top: 20px;
}
body.my-account-area.manage-login.default section.user-detail #emailAddressLabel {
  word-wrap: break-word;
}
body.my-account-area.bank-accounts.verify section {
  margin-bottom: 48px;
}
body.my-account-area.bank-accounts.verify p {
  margin-bottom: 16px;
}
body.my-account-area.bank-accounts.verify .btn {
  float: none;
  display: inline-block;
  margin: 0 15px 15px 0;
}
body.my-account-area.card-payments.list section {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.my-account-area.card-payments.list section p {
  color: #667980;
}
body.my-account-area.card-payments.list section p.no-cards {
  display: none;
  text-align: center;
  color: #667980;
}
@media (min-width: 768px) {
  body.my-account-area.card-payments.list section p.no-cards {
    color: #667980;
    vertical-align: middle;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: 40px;
    padding-left: 25%;
    padding-right: 25%;
  }
}
body.my-account-area.card-payments.list .panel {
  border: 0;
  margin-bottom: 10px;
}
body.my-account-area.card-payments.list .panel-heading {
  min-height: 80px;
  background-color: #eee;
  color: #667980;
  padding-top: 17px;
  padding-bottom: 20px;
  color: #000;
  border: 1px solid #dcdcdc;
}
body.my-account-area.card-payments.list .panel-heading.collapsed {
  border-radius: 4px;
}
@media (min-width: 768px) {
  body.my-account-area.card-payments.list .panel-heading {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
body.my-account-area.card-payments.list .panel-heading .panel-title {
  font-size: 16px;
}
@media (min-width: 768px) {
  body.my-account-area.card-payments.list .panel-heading .panel-title {
    display: flex;
  }
}
body.my-account-area.card-payments.list .panel-heading .panel-title > a {
  width: 100%;
  text-decoration: none;
  cursor: pointer;
}
body.my-account-area.card-payments.list .panel-heading .panel-title > a > span:first-child {
  display: inline-block;
  width: 90%;
}
body.my-account-area.card-payments.list .panel-heading .panel-title > a .content-container > span:nth-child(1) {
  display: block;
}
@media (min-width: 768px) {
  body.my-account-area.card-payments.list .panel-heading .panel-title > a .content-container > span:nth-child(1) {
    padding-right: 0;
    display: inline-block;
  }
}
body.my-account-area.card-payments.list .panel-heading .panel-title > a .content-container > span:nth-child(1) img {
  margin-right: 5px;
  border: 0;
}
body.my-account-area.card-payments.list .panel-heading .panel-title > a .content-container > span:nth-child(2) {
  margin-left: 2px;
  color: #667980;
  font-size: 15px;
}
@media (min-width: 768px) {
  body.my-account-area.card-payments.list .panel-heading .panel-title > a .content-container > span:nth-child(2) {
    margin-top: 0;
    margin-left: 25px;
    padding-left: 0;
  }
}
body.my-account-area.card-payments.list .panel-heading .panel-title > a .content-container span.expired {
  color: #f00;
}
body.my-account-area.card-payments.list .panel-heading .panel-title a:after {
  font-family: 'Glyphicons Halflings';
  content: "\e260";
  float: right;
  color: grey;
  font-weight: normal;
  font-style: normal;
  line-height: 50px;
}
@media (min-width: 768px) {
  body.my-account-area.card-payments.list .panel-heading .panel-title a:after {
    line-height: 25px;
  }
}
body.my-account-area.card-payments.list .panel-heading .panel-title a.collapsed:after {
  content: "\e259";
}
body.my-account-area.card-payments.list .panel-heading .panel-title .glyphicon {
  top: -2px;
}
body.my-account-area.card-payments.list .panel-heading .panel-title .glyphicon.glyphicon-one-fine-dot:before {
  content: "\25cf";
  font-size: 0.5em;
}
body.my-account-area.card-payments.list .panel-body {
  font-size: 15px;
  border: 1px solid #dddddd;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
body.my-account-area.card-payments.list .panel-body .row > div:first-child {
  font-weight: bold;
}
body.my-account-area.card-payments.list .panel-body .row > div:last-child {
  padding-bottom: 10px;
}
body.my-account-area.card-payments.list .panel-body .delete-card {
  border-top: 1px solid #dddddd;
  padding-top: 20px;
  padding-bottom: 5px;
  margin-top: 5px;
  text-align: right;
}
body.my-account-area.card-payments.list .panel-body .delete-card a {
  color: #f00;
  text-decoration: underline;
}
body.my-account-area.card-payments.list .modal-dialog .btn {
  margin: 0;
}
body.my-account-area.card-payments.list .modal-dialog .modal-dismiss {
  line-height: 48px;
  cursor: pointer;
}
@media (min-width: 992px) {
  body.my-account-area.card-payments.list .modal-dialog .modal-dismiss {
    margin-right: 20px;
  }
}
body.my-account-area.card-payments.list .modal-dialog .modal-footer {
  text-align: center;
}
@media (min-width: 992px) {
  body.my-account-area.card-payments.list .modal-dialog .modal-footer {
    text-align: right;
  }
}
body.my-account-area.settings #headerTitle {
  display: none;
}
@media (max-width: 991px) {
  body.my-account-area.bank-accounts.connecttodirectid #wrapper > main,
  body.my-account-area.bank-accounts.directidfailure #wrapper > main,
  body.my-account-area.bank-accounts.directidverificationfailure #wrapper > main {
    padding-bottom: 220px;
  }
}
body.my-account-area.bank-accounts.connecttodirectid #widget,
body.my-account-area.bank-accounts.directidfailure #widget,
body.my-account-area.bank-accounts.directidverificationfailure #widget {
  border: 1px #ccc solid;
  box-shadow: 2px 2px 5px #e4e4e4;
  padding: 15px;
}
body.my-account-area.bank-accounts.connecttodirectid #directIdCancelButton,
body.my-account-area.bank-accounts.directidfailure #directIdCancelButton,
body.my-account-area.bank-accounts.directidverificationfailure #directIdCancelButton,
body.my-account-area.bank-accounts.connecttodirectid #directIdContinueButton,
body.my-account-area.bank-accounts.directidfailure #directIdContinueButton,
body.my-account-area.bank-accounts.directidverificationfailure #directIdContinueButton {
  margin-top: 0;
}
body.my-account-area.bank-accounts.connecttodirectid #directIdCancelButton,
body.my-account-area.bank-accounts.directidfailure #directIdCancelButton,
body.my-account-area.bank-accounts.directidverificationfailure #directIdCancelButton,
body.my-account-area.bank-accounts.connecttodirectid #btnAddManually,
body.my-account-area.bank-accounts.directidfailure #btnAddManually,
body.my-account-area.bank-accounts.directidverificationfailure #btnAddManually,
body.my-account-area.bank-accounts.connecttodirectid #btnCancel,
body.my-account-area.bank-accounts.directidfailure #btnCancel,
body.my-account-area.bank-accounts.directidverificationfailure #btnCancel {
  background-color: #015B9D;
}
body.my-account-area.bank-accounts.connecttodirectid #btnAddManually,
body.my-account-area.bank-accounts.directidfailure #btnAddManually,
body.my-account-area.bank-accounts.directidverificationfailure #btnAddManually,
body.my-account-area.bank-accounts.connecttodirectid #btnTryAgainLater,
body.my-account-area.bank-accounts.directidfailure #btnTryAgainLater,
body.my-account-area.bank-accounts.directidverificationfailure #btnTryAgainLater,
body.my-account-area.bank-accounts.connecttodirectid #btnWireTransfer,
body.my-account-area.bank-accounts.directidfailure #btnWireTransfer,
body.my-account-area.bank-accounts.directidverificationfailure #btnWireTransfer,
body.my-account-area.bank-accounts.connecttodirectid #btnCancel,
body.my-account-area.bank-accounts.directidfailure #btnCancel,
body.my-account-area.bank-accounts.directidverificationfailure #btnCancel,
body.my-account-area.bank-accounts.connecttodirectid #btnOK,
body.my-account-area.bank-accounts.directidfailure #btnOK,
body.my-account-area.bank-accounts.directidverificationfailure #btnOK {
  margin: 10px 0 10px 10px;
}
body.my-account-area.bank-accounts.connecttodirectid #directIdContinueButton:disabled,
body.my-account-area.bank-accounts.directidfailure #directIdContinueButton:disabled,
body.my-account-area.bank-accounts.directidverificationfailure #directIdContinueButton:disabled {
  background-color: lightgrey;
}
@media (min-width: 768px) {
  body.my-account-area.bank-accounts.connecttodirectid #addbankAccountWarningModal .modal-dialog,
  body.my-account-area.bank-accounts.directidfailure #addbankAccountWarningModal .modal-dialog,
  body.my-account-area.bank-accounts.directidverificationfailure #addbankAccountWarningModal .modal-dialog {
    width: 520px;
  }
}
body.my-account-area.bank-accounts.connecttodirectid #addbankAccountWarningModal .modal-dialog .btn,
body.my-account-area.bank-accounts.directidfailure #addbankAccountWarningModal .modal-dialog .btn,
body.my-account-area.bank-accounts.directidverificationfailure #addbankAccountWarningModal .modal-dialog .btn {
  margin-bottom: 5px;
  width: 100%;
  padding-top: 12px;
}
body.my-account-area.bank-accounts.connecttodirectid #addbankAccountWarningModal .modal-dialog .btn.modal-dismiss,
body.my-account-area.bank-accounts.directidfailure #addbankAccountWarningModal .modal-dialog .btn.modal-dismiss,
body.my-account-area.bank-accounts.directidverificationfailure #addbankAccountWarningModal .modal-dialog .btn.modal-dismiss {
  padding-left: 22px;
}
body.my-account-area.bank-accounts.connecttodirectid #addbankAccountWarningModal .modal-dialog .btn.modal-dismiss.transact,
body.my-account-area.bank-accounts.directidfailure #addbankAccountWarningModal .modal-dialog .btn.modal-dismiss.transact,
body.my-account-area.bank-accounts.directidverificationfailure #addbankAccountWarningModal .modal-dialog .btn.modal-dismiss.transact {
  padding-left: 28px;
}
body.my-account-area.bank-accounts.connecttodirectid .spinner,
body.my-account-area.bank-accounts.directidfailure .spinner,
body.my-account-area.bank-accounts.directidverificationfailure .spinner {
  background: url("../../core/img/spinner.gif") center no-repeat;
  /*px*/ margin-top: 149px;
  /*rem*/ margin-top: 149 / 16rem;
  /*px*/ margin-bottom: 133px;
  /*rem*/ margin-bottom: 133 / 16rem;
  /*px*/ height: 60px;
  /*rem*/ height: 60 / 16rem;
}
body.xe-transaction-area.xe-transaction.list section.main h1 {
  font-size: 26px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  body.xe-transaction-area.xe-transaction.list section.main h1 {
    font-size: 24px;
    margin-bottom: 0;
  }
}
body.xe-transaction-area.xe-transaction.list section.main h2 {
  color: #667980;
  margin-left: 0;
  font-size: 20px;
}
body.xe-transaction-area.xe-transaction.list section.main .btn-secondary {
  padding: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  body.xe-transaction-area.xe-transaction.list section.main .btn-secondary {
    padding: inherit;
  }
}
@media (min-width: 992px) {
  body.xe-transaction-area.xe-transaction.list section.main .btn-secondary {
    min-width: 308px;
  }
}
body.xe-transaction-area.xe-transaction.list section.main a.btn-secondary {
  padding-top: 10px;
}
@media (min-width: 992px) {
  body.xe-transaction-area.xe-transaction.list section.main a.btn-secondary {
    padding-top: 7px;
  }
}
body.xe-transaction-area.xe-transaction.list section.main .additional-info-text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 13px;
}
body.xe-transaction-area.xe-transaction.list table.dataTable {
  margin-bottom: 10px;
  font-size: 15px;
}
@media (min-width: 768px) {
  body.xe-transaction-area.xe-transaction.list table.dataTable {
    margin-bottom: 20px;
  }
}
body.xe-transaction-area.xe-transaction.list table.dataTable thead tr th {
  border-bottom: 0;
  text-align: center;
}
body.xe-transaction-area.xe-transaction.list table.dataTable tbody tr {
  cursor: pointer;
}
body.xe-transaction-area.xe-transaction.list table.dataTable tbody tr td.recipient-name {
  width: 150px;
}
body.xe-transaction-area.xe-transaction.list table.dataTable tbody tr td.recipient-amount {
  white-space: nowrap;
}
body.xe-transaction-area.xe-transaction.list .mobile-template {
  margin: 0;
  padding: 10px 10px 5px 10px;
  cursor: pointer;
}
body.xe-transaction-area.xe-transaction.list .mobile-template .row {
  margin: 0 0 10px 0;
}
body.xe-transaction-area.xe-transaction.list .mobile-template .row:last-child {
  margin-bottom: 10px;
}
body.xe-transaction-area.xe-transaction.list .mobile-template .row [class^="col-"] {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 130px;
}
body.xe-transaction-area.xe-transaction.list #wrapper > main .main-container {
  padding-bottom: 0;
}
body.xe-transaction-area.xe-transaction.list .nortonLogo {
  margin-top: 40px;
}
@media (min-width: 768px) {
  body.xe-transaction-area.xe-transaction.list .nortonLogo {
    text-align: right;
  }
}
body.xe-transaction-area.xe-transaction.list .dataTables_filter {
  display: none;
}
body.xe-transaction-area.xe-transaction.detail {
  font-size: 15px;
}
body.xe-transaction-area.xe-transaction.detail header > h2 {
  margin-bottom: 10px;
  margin-top: 24px;
  color: #011f2a;
  font-size: 18px;
  font-weight: bold;
}
body.xe-transaction-area.xe-transaction.detail .table-rows .col-xs-6 {
  word-wrap: break-word;
}
body.xe-transaction-area.xe-transaction.detail .table-rows .row div:nth-child(1) {
  border-right: none;
}
body.xe-transaction-area.xe-transaction.detail .table-rows .row div:nth-child(2) {
  border-left: 1px solid #ddd;
}
body.xe-transaction-area.xe-transaction.detail .table-rows:last-child {
  padding-bottom: 20px;
}
body.xe-transaction-area.xe-transaction.detail .table-rows a {
  color: white;
  text-decoration: underline;
}
body.errors-area.access.default #errorSectionAccess {
  padding-top: 5px;
}
body.errors-area.dealing.default .message {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.public-area.upload-documents.default .view-container .main {
  padding-left: 0;
  padding-right: 0;
}
body.public-area.upload-documents.default .view-container .main > header {
  margin-bottom: 15px;
}
body.public-area.upload-documents.default .view-container .main > div.row {
  margin-left: 0;
  margin-right: 0;
}
body.public-area.upload-documents.default .view-container div.row.autoFormValidation {
  margin-top: 0;
}
body.public-area.upload-documents.default .view-container div.row.uploadInfo {
  margin-bottom: 5px;
}
body.public-area.upload-documents.default .view-container div.row.uploadInfo ul {
  margin-top: 10px;
  color: #011f2a;
  font-weight: bold;
}
body.public-area.upload-documents.default .view-container div.row.uploadInfo ul .desc {
  font-weight: normal;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection {
  border: 1px solid #dcdcdc;
  padding-bottom: 15px;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection .header {
  display: inline-block;
  color: white;
  width: 100%;
  min-height: 35px;
  padding-top: 6px;
  padding-bottom: 3px;
  background-color: #808080;
  padding-left: 10px;
  border-left: 5px solid transparent;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection .form-group {
  margin: 0;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection .form-group.no-label-container {
  min-height: 0;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection .form-group.checkboxInputContainer {
  min-height: 40px;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection .uploadInputContainer {
  margin: 0;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection .uploadInputContainer .controlContainer {
  padding: 0;
  white-space: initial;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection .uploadInputContainer .field-validation-error {
  margin-top: 5px;
  display: inline-block;
}
@media (min-width: 992px) {
  body.public-area.upload-documents.default .view-container div.row.uploadSection .uploadInputContainer .field-validation-error {
    margin-top: 8px;
    padding-left: 5px;
  }
}
body.public-area.upload-documents.default .view-container div.row.uploadSection .uploadOptions {
  margin: 0;
  padding-top: 10px;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection .requirementCompleted {
  background: white url("../../jlp/img/svg/tick-icon-SVG.svg") left center no-repeat;
  background-size: 25px;
  margin-top: 15px;
  margin-left: 15px;
  min-height: 25px;
  padding: 2px 15px 0px 35px;
  display: inline-block;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection .error {
  padding: 15px 15px 0px 15px;
  color: #f00;
  display: inline-block;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection a {
  color: #427730;
  text-decoration: underline;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection ul {
  margin-top: 10px;
  margin-left: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection ul li {
  margin-bottom: 0.5em;
  list-style-type: none;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection ul li:before {
  content: ' ';
  position: absolute;
  margin: 6px 0 0 -12px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #464646;
  border-radius: 4px;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection ul li:last-child {
  margin-bottom: 0;
}
body.public-area.upload-documents.default .view-container div.row.uploadSection ul li a {
  text-decoration: underline;
  color: #011f2a;
}
body.public-area.upload-documents.default .view-container .fileUploadContainer {
  margin-left: 0;
  margin-right: 0;
}
body.public-area.upload-documents.default .view-container .fileUploadContainer label {
  color: #011f2a;
}
body.public-area.upload-documents.default .view-container .fileUploadContainer > div {
  padding-top: 10px;
}
body.public-area.upload-documents.default .view-container .fileUploadContainer .fileLabel {
  font-weight: bold;
}
body.public-area.upload-documents.default .view-container .fileUploadContainer [class^="col-"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.public-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton {
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  float: left;
}
body.public-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton span {
  display: inline-block;
  padding-top: 12px;
}
@media (min-width: 768px) and (max-width: 991px) {
  body.public-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton span {
    padding-top: 11px;
  }
}
@media (min-width: 992px) {
  body.public-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton span {
    padding-top: 7px;
  }
}
body.public-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  -ms-filter: 'alpha(opacity=0)';
  direction: ltr;
  cursor: pointer;
}
body.public-area.upload-documents.default .view-container #urc .labelContainer,
body.public-area.upload-documents.default .view-container #urc .controlContainer {
  padding-top: 10px;
}
body.public-area.upload-documents.default .view-container #urc .control-label {
  font-weight: normal;
}
body.public-area.upload-documents.default .view-container #buttonContainer {
  margin-top: 10px;
}
body.public-area.upload-documents.default .view-container #buttonContainer > .row {
  margin-left: 0;
  margin-right: 0;
}
body.public-area.upload-documents.default .view-container #uploadSubmitButton {
  margin-left: 0;
  float: left;
}
body.public-area.upload-documents.default .view-container .message-container {
  padding: 0;
  width: 100%;
  margin-bottom: 15px;
}
body.ratealerts-area.rate-alerts.default .button-container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  body.ratealerts-area.rate-alerts.default .button-container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  body.ratealerts-area.rate-alerts.default .button-container.with-padding {
    padding-left: 55px;
    padding-right: 55px;
  }
}
body.ratealerts-area.rate-alerts.default .rate-alerts-title {
  padding-top: 5px;
  padding-bottom: 20px;
  color: #667980;
}
body.ratealerts-area.rate-alerts.default .panel-default {
  border-color: #dddddd;
}
body.ratealerts-area.rate-alerts.default #rateAlertList .panel-default {
  margin-bottom: 10px;
}
body.ratealerts-area.rate-alerts.default #rateAlertHistory {
  padding-bottom: 35px;
  padding-left: 0;
  text-align: center;
}
body.ratealerts-area.rate-alerts.default #rateAlertHistory .linkButton:focus {
  outline: none;
}
body.ratealerts-area.rate-alerts.default .panel-heading {
  background-color: #eee;
  cursor: pointer;
  height: 64px;
  font-size: 15px;
}
@media (min-width: 768px) {
  body.ratealerts-area.rate-alerts.default .panel-heading {
    height: 44px;
  }
}
body.ratealerts-area.rate-alerts.default .panel-heading .rate-alert-description {
  width: 100%;
  color: black;
  display: block;
}
@media (min-width: 768px) {
  body.ratealerts-area.rate-alerts.default .panel-heading .rate-alert-description {
    display: inline;
  }
}
body.ratealerts-area.rate-alerts.default .panel-heading .rate-alert-description a {
  margin-left: 10px;
}
body.ratealerts-area.rate-alerts.default .panel-heading .rate-alert-description .glyphicon {
  font-size: 14px;
  color: #808080;
  top: 14px;
}
@media (min-width: 768px) {
  body.ratealerts-area.rate-alerts.default .panel-heading .rate-alert-description .glyphicon {
    top: 1px;
  }
}
body.ratealerts-area.rate-alerts.default .panel-heading .rate-alert-description + span {
  display: block;
}
@media (min-width: 768px) {
  body.ratealerts-area.rate-alerts.default .panel-heading .rate-alert-description + span {
    display: inline;
  }
}
body.ratealerts-area.rate-alerts.default .panel-heading div.alert-date {
  display: block;
  font-size: 15px;
}
@media (min-width: 768px) {
  body.ratealerts-area.rate-alerts.default .panel-heading div.alert-date {
    display: inline;
  }
}
body.ratealerts-area.rate-alerts.default .panel-heading .info-text {
  margin-left: 28px;
  font-size: 14px;
  color: #667980;
}
@media (min-width: 768px) {
  body.ratealerts-area.rate-alerts.default .panel-heading .info-text {
    margin-left: 10px;
  }
}
body.ratealerts-area.rate-alerts.default .panel-body {
  font-size: 15px;
  padding-top: 15px;
  padding-bottom: 20px;
}
body.ratealerts-area.rate-alerts.default .panel-body .row > div:first-child {
  font-weight: bold;
}
body.ratealerts-area.rate-alerts.default .panel-body .row > div:last-child {
  padding-bottom: 10px;
}
body.ratealerts-area.rate-alerts.default .panel-body .delete-alert {
  border-top: 1px solid #dddddd;
  padding-top: 20px;
}
body.ratealerts-area.rate-alerts.default .panel-body .delete-alert a {
  float: right;
  color: red;
  text-decoration: underline;
}
body.ratealerts-area.rate-alerts.default .modal-dialog {
  font-size: 16px;
}
body.ratealerts-area.rate-alerts.default .modal-dialog .btn {
  margin: 0;
}
body.ratealerts-area.rate-alerts.default .modal-dialog .modal-dismiss {
  line-height: 48px;
  cursor: pointer;
}
@media (min-width: 992px) {
  body.ratealerts-area.rate-alerts.default .modal-dialog .modal-dismiss {
    margin-right: 20px;
  }
}
body.ratealerts-area.rate-alerts.default .modal-dialog .modal-footer {
  text-align: center;
}
@media (min-width: 992px) {
  body.ratealerts-area.rate-alerts.default .modal-dialog .modal-footer {
    text-align: right;
  }
}
body.ratealerts-area.rate-alerts.default .rate-alerts-apollo .icon {
  fill: #0A146E;
}
body.ratealerts-area.rate-alerts.default .rate-alerts-apollo .bell {
  margin: auto;
  height: 148px;
}
body.ratealerts-area.rate-alerts.default .rate-alerts-apollo .circle {
  background: #E6EBF5;
  border-radius: 50%;
  width: 148px;
  height: 148px;
  text-align: center;
}
body.ratealerts-area.rate-alerts.default .rate-alerts-apollo .title-block {
  font-size: 22px;
  font-weight: bold;
  color: #464646;
}
body.ratealerts-area.rate-alerts.default .rate-alerts-apollo .top5 {
  margin-top: 5px;
}
body.ratealerts-area.rate-alerts.default .rate-alerts-apollo .top20 {
  margin-top: 20px;
}
body.ratealerts-area.rate-alerts.default .rate-alerts-apollo .btn-apollo {
  background-color: #003CBE;
  font-size: 16px;
  box-shadow: none;
  border: 4px solid rgba(255, 255, 255, 0);
  padding-top: 8px;
}
body.ratealerts-area.rate-alerts.default .rate-alerts-apollo .btn-apollo:hover {
  background-color: #3867CD;
}
body.ratealerts-area.rate-alerts.default .rate-alerts-apollo .btn-apollo:active,
body.ratealerts-area.rate-alerts.default .rate-alerts-apollo .btn-apollo:visited {
  background-color: #0035A7;
  border: 4px solid rgba(0, 60, 190, 0.5);
}
body.ratealerts-area.create-alert.default .form-group.form-group-lg.multi-val.groupControlMainContainer {
  margin: 0;
}
body.ratealerts-area.create-alert.default #wrapper main .pageTitle {
  margin-left: 15px;
}
body.ratealerts-area.create-alert.default #wrapper main .pageTitle header > h1 {
  margin-bottom: 20px;
}
body.ratealerts-area.create-alert.default #currencyContainer {
  min-height: 105px;
}
body.ratealerts-area.create-alert.default .currencyContainer {
  max-width: 100px;
  padding: 0;
  margin-left: 15px;
}
body.ratealerts-area.create-alert.default .currencyContainer .form-group {
  margin: 0;
}
body.ratealerts-area.create-alert.default .currencyContainer .form-group .labelContainer,
body.ratealerts-area.create-alert.default .currencyContainer .form-group .controlContainer {
  padding: 0;
}
body.ratealerts-area.create-alert.default .currency-middle-column {
  padding: 0;
  max-width: 4px;
  padding-top: 37px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
body.ratealerts-area.create-alert.default .sellCurrency .bootstrap-select.btn-group .btn .filter-option,
body.ratealerts-area.create-alert.default .buyCurrency .bootstrap-select.btn-group .btn .filter-option {
  text-align: center;
}
body.ratealerts-area.create-alert.default .sellCurrency .form-control-feedback,
body.ratealerts-area.create-alert.default .buyCurrency .form-control-feedback {
  right: -22px;
}
body.ratealerts-area.create-alert.default .sellCurrency .form-group,
body.ratealerts-area.create-alert.default .buyCurrency .form-group {
  min-height: 0;
}
body.ratealerts-area.create-alert.default .sellCurrency .form-group .bootstrap-select.open.form-control .dropdown-menu.open,
body.ratealerts-area.create-alert.default .buyCurrency .form-group .bootstrap-select.open.form-control .dropdown-menu.open {
  width: 232px;
}
body.ratealerts-area.create-alert.default .sellCurrency .bootstrap-select.btn-group .dropdown-menu:after {
  content: "";
  background: #2e3137;
  position: absolute;
  top: 0;
  right: 0;
  height: 1px;
  width: 132px;
}
body.ratealerts-area.create-alert.default .buyCurrency .dropdown-menu.open {
  transform: translate(-132px);
}
body.ratealerts-area.create-alert.default .buyCurrency .dropdown-menu.open:after {
  content: "";
  background: #2e3137;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 132px;
}
body.ratealerts-area.create-alert.default .sellCurrency .btn-group.bootstrap-select.form-control.input-lg.has-error,
body.ratealerts-area.create-alert.default .buyCurrency .btn-group.bootstrap-select.form-control.input-lg.has-error {
  border-color: red;
}
body.ratealerts-area.create-alert.default #transferCurrencyAmount .grouped-controls div:last-child,
body.ratealerts-area.create-alert.default #rateCurrencyAmount .grouped-controls div:last-child {
  padding-right: 0;
}
body.ratealerts-area.create-alert.default #transferCurrencyAmount .controlContainer,
body.ratealerts-area.create-alert.default #rateCurrencyAmount .controlContainer {
  max-width: 100px;
  padding: 0;
  margin-left: 15px;
}
body.ratealerts-area.create-alert.default .sellCurrency {
  padding-right: 0;
}
body.ratealerts-area.create-alert.default .buyCurrency {
  padding-left: 0;
  margin-left: 12px;
}
body.ratealerts-area.create-alert.default .buyCurrency .labelContainer {
  height: 26px;
}
body.ratealerts-area.create-alert.default #currencyError {
  color: #ff0000;
}
body.ratealerts-area.create-alert.default #currencyError label {
  margin-bottom: 0;
}
body.ratealerts-area.create-alert.default #rateInfo:after {
  content: " ";
}
body.ratealerts-area.create-alert.default .info-label {
  font-size: 14px;
  color: #667980;
}
body.ratealerts-area.create-alert.default .date input.form-control[readonly] {
  color: #555;
  background-color: #fff;
}
body.ratealerts-area.create-alert.default .calendar-icon {
  padding-left: 25px;
  background: url("../../core/img/svg/calendar-icon.svg") center no-repeat;
}
body.ratealerts-area.create-alert.default #transferCurrencyAmount .form-group,
body.ratealerts-area.create-alert.default #rateCurrencyAmount .form-group {
  min-height: 0;
}
body.ratealerts-area.create-alert.default #transferCurrencyAmount .info-label,
body.ratealerts-area.create-alert.default #rateCurrencyAmount .info-label {
  padding-top: 5px;
  padding-bottom: 20px;
}
body.ratealerts-area.create-alert.default .emailAddress .form-group {
  min-height: 0;
  padding-bottom: 10px;
}
body.ratealerts-area.create-alert.default #buttonContainer {
  padding-bottom: 20px;
}
body.ratealerts-area.create-alert.default #errorContainer > .row {
  margin-left: 0;
  padding-bottom: 20px;
}
body.ratealerts-area.create-alert.default .form-group .grouped-controls .bootstrap-select.open.form-control .dropdown-menu.open .bs-searchbox:after {
  content: "";
}
body.ratealerts-area.create-alert.default .form-group .grouped-controls .bootstrap-select.open.form-control .dropdown-menu.open .bs-searchbox input {
  margin-bottom: 5px;
}
body.ratealerts-area.create-alert.default .modal .modal-footer {
  text-align: center;
}
@font-face {
  font-family: "GillSansforJL";
  font-style: normal;
  font-weight: 400;
  src: url("../../../content/fonts/gillsansforjl-regular.eot?#iefix") format("embedded-opentype"), url("../../../content/fonts/gillsansforjl-regular.woff") format("woff"), url("../../../content/fonts/gillsansforjl-regular.ttf") format("truetype"), url("../../../content/fonts/gillsansforjl-regular.svg#GillSansforJLRegular") format("svg");
  font-size: 13px;
}
@font-face {
  font-family: "GillSansforJL";
  font-style: normal;
  font-weight: 400;
  src: url("../../../content/fonts/gillsansforjl-light.eot?#iefix") format("embedded-opentype"), url("../../../content/fonts/gillsansforjl-light.woff") format("woff"), url("../../../content/fonts/gillsansforjl-light.ttf") format("truetype"), url("../../../content/fonts/gillsansforjl-light.svg#GillSansforJLRegular") format("svg");
  font-size: 13px;
}
.input-lg + .form-control-feedback {
  width: 30px;
}
.form-group-lg .form-control {
  line-height: 1.2;
}
@font-face {
  font-family: GillSansforJL;
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff) format("woff");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2") tech("variations");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2-variations");
  font-weight: 200 700;
  font-display: swap;
}
@font-face {
  font-family: "GillSansforJL";
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff) format("woff");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2") tech("variations");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2-variations");
  font-weight: 200 700;
  font-display: swap;
}
.xe-page-content-title {
  font-weight: 700 !important;
  font-size: 20px !important;
}
.xe-tabs .xe-active-tab > span {
  font-weight: 700 !important;
  font-size: 16px !important;
}
.xe-heading {
  font-size: 16px !important;
}
.telephoneCapture {
  width: 80%;
  margin-left: 15px;
}
h1 {
  font-weight: 700 !important;
  font-size: 20px !important;
}
h2,
.trust-information__title,
.toppanel-homepage-title,
.toppanel-homepage-subtitle {
  font-weight: 700 !important;
  color: #102B2B !important;
  font-size: 18px!important;
}
.btn {
  background-color: #102B2B !important;
  color: #DFFF7B !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  font-family: 'GillSansforJL';
  border-radius: 8px !important;
}
.btn.dropdown-toggle.btn-default {
  background-color: #FFFFFF !important;
  color: #102B2B !important;
}
.xe-grid .k-header {
  color: #102B2B !important;
}
thead {
  color: #102B2B !important;
}
.xe-button {
  font-size: 16px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
}
th {
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #102B2B !important;
}
.xe-link {
  font-weight: 400 !important;
  font-size: 16px;
  color: #102b2b !important;
}
.xe-link,
td a,
a.linkButton {
  text-decoration: underline;
  color: #102b2b !important;
}
.xe-link:hover,
td a:hover,
a.linkButton:hover {
  color: #6a4eff !important;
}
.xe-grid .k-grid {
  font-weight: 400;
  color: #102b2b !important;
}
.xe-key {
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #102B2B !important;
}
.xe-value {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #102b2b !important;
}
.xe-alert.xe-info {
  color: #102b2b !important;
}
.xe-button.xe-disabled {
  color: #979797 !important;
  background-color: #dcdcdc !important;
}
div.row .btn.btn-secondary.btn-left {
  padding-left: 10px;
  padding-right: 10px;
}
td,
div.additional-info-text,
.dataTables_empty,
div label,
.dropdown-item.active.selected span {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #102b2b !important;
}
@media (min-width: 768px) {
  ul.dropdown-menu li {
    text-align: left;
  }
}
.xe-button.xe-secondary {
  padding: 10px 10px !important;
}
.documentcontainer {
  padding-left: 0px;
  padding-right: 0px;
}
.footer-toprow > .inner {
  border-top: 1px solid #dedbd2;
}
.fa-lg {
  line-height: 1.2;
}
.message-container {
  padding: 15px;
}
#captchaformgroup {
  width: 100%;
}
body {
  font-family: 'GillSansforJL';
  color: #102b2b;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body #Username-error,
body .field-validation-error {
  color: #CC0000;
  font-size: 14px;
}
body.home-area .validationMessage {
  margin-top: 0px !important;
}
body.home-area main .homepageQuotingContainer {
  padding-top: 30px;
}
body.home-area #wrapper .logo-bar .title {
  display: none;
}
@media (min-width: 768px) {
  body.home-area #wrapper .logo-bar .title {
    display: flex;
  }
}
body.home-area #wrapper .navbar-nav > li:first-child {
  border-top: none;
}
body.login-area.forgot-password.default .links-container > a.linkButton,
body.login-area.forgot-username.default .links-container > a.linkButton,
body.login-area.setup .links-container > a.linkButton,
body.login-area.login.default .links-container > a.linkButton {
  color: #427730;
  font-size: 16px;
}
@media (min-width: 768px) {
  body.login-area.forgot-password.default .links-container > a.linkButton,
  body.login-area.forgot-username.default .links-container > a.linkButton,
  body.login-area.setup .links-container > a.linkButton,
  body.login-area.login.default .links-container > a.linkButton {
    top: 0;
  }
}
body.login-area.forgot-password.default .captcha-instruction p,
body.login-area.forgot-username.default .captcha-instruction p,
body.login-area.setup .captcha-instruction p,
body.login-area.login.default .captcha-instruction p {
  font-weight: bold;
  margin-bottom: 5px;
}
body.login-area.forgot-password.default #ff_captcha,
body.login-area.forgot-username.default #ff_captcha,
body.login-area.setup #ff_captcha,
body.login-area.login.default #ff_captcha {
  margin-top: 10px;
}
@media (min-width: 768px) {
  body.login-area.forgot-password.default #initial-panel .button-container .btn.btn-left {
    width: 265px;
  }
}
body.login-area.forgot-password.default #forgotPasswordSubmitButton {
  font-size: 16px;
}
@media (min-width: 768px) {
  body.login-area.reset-password #checkSecurityAnswerButton {
    width: 137px;
  }
}
@media (min-width: 768px) {
  body.login-area.reset-password #ChangePasswordButton {
    width: 182px;
  }
}
body.login-area.login.default .captchaColumn {
  width: 100%;
}
body.login-area.login.default #loginbutton {
  width: 100%;
}
body.login-area.additional-setup.default .container-fluid a {
  color: #427730;
}
body.login-area.additional-setup.default .container-fluid a:focus {
  outline: 1px dotted;
  padding: 5px 0;
  color: #427730;
}
@media (min-width: 768px) {
  body.login-area.additional-setup.default .container-fluid #buttonContainer .btn {
    width: 253px;
    text-align: center;
  }
}
body.ratealerts-area.rate-alerts.default .rate-alerts-title {
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 768px) {
  body.ratealerts-area.rate-alerts.default .rate-alerts-title {
    padding-left: 8px;
    padding-right: 8px;
  }
}
body.ratealerts-area.rate-alerts.default #rateAlertListContainer .button-container .btn {
  width: 100%;
  margin-left: 0;
}
@media (min-width: 768px) {
  body.rate-alerts-area.create-alert.default #buttonContainer #createAlertButton {
    width: 152px;
  }
}
body.transact-area .transact-container {
  padding-top: 5px;
}
@media (min-width: 768px) {
  body.transact-area .transact-container {
    padding-top: 65px;
  }
}
body.transact-area .transact-container .progressContainer {
  margin-right: 0;
  margin-left: 0;
}
body.transact-area .transact-container h2.field-group-title {
  font-family: "GillSansforJL";
  font-size: 24px;
  color: #102B2B;
  font-weight: normal;
  line-height: 28px;
  border-bottom: 1px solid #E6E3DC;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
body.transact-area .transact-container label[for="Definitions.Fields[INT_BANK_ADDRESS_COUNTRY_CODE].Value"] span {
  font-weight: normal;
}
body.transact-area .transact-container .paymentMethodTitle {
  font-weight: bold;
  font-size: 16px;
  color: #464646;
  font-family: "GillSansforJL";
}
@media (min-width: 768px) {
  body.transact-area.step1 .transact-container .btn.arrow {
    width: 131px;
  }
  body.transact-area.step1 .transact-container .btn.arrow.loading {
    padding-left: 12px;
  }
}
@media (min-width: 768px) {
  body.transact-area.step3.default .view-container #step3ContinueButton {
    width: 132px;
  }
}
body.transact-area.step3.default .payer-auth-iframe-container {
  padding-left: 15px;
  padding-right: 15px;
}
body.transact-area.step3.default .transact-container #transact-main-area .view-container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
@media (min-width: 768px) {
  body.transact-area.step4.default .view-container #step4ContinueButton {
    width: 275px;
  }
}
@media (min-width: 768px) {
  body.transact-area.step4.default .view-container #step4ViewFinalQuoteButton {
    width: 180px;
  }
}
body.transact-area.step4.default .view-container .sticky-header a {
  color: #427730;
  font-size: 16px;
  text-decoration: underline;
}
body.transact-area.step4.default .view-container .sticky-header a:focus {
  outline: none;
}
body.transact-area.thank-you.default .view-container .email-note a {
  color: #427730;
}
body.transact-area.thank-you.default .view-container .email-note a:focus {
  outline: 1px dotted;
  padding: 5px 0;
  color: #427730;
}
body.transact-area.thank-you.default .view-container .no-print .btn:after {
  top: 5px;
}
body.transact-area.thank-you.default .view-container .no-print .btn.loading:after {
  margin-top: 8px;
}
body.history-area #gridContainer {
  padding-top: 20px;
}
body.history-area.bank-details #wrapper .logo-bar .logo div > span.welcome,
body.history-area.bank-details #wrapper .logo-bar .logo div span.last-login,
body.history-area.bank-details #wrapper .logo-bar .logo div span.sign-out {
  display: none;
}
body.history-area.bank-details #wrapper .logo-bar .navbar-toggle {
  display: none !important;
}
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .col-md-6 {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  body.history-area.contract-history.default #ShowCompletedTransactionsContainer .col-md-6 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  body.history-area.contract-history.default #ShowCompletedTransactionsContainer .col-md-6 .btn {
    margin: 5px auto;
    float: none;
  }
}
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .checkboxInputContainer {
  margin-bottom: 35px;
}
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary {
  background: none;
  outline: none;
  text-decoration: underline;
  color: #427730;
  padding: 5px 0;
  display: inline;
  min-height: inherit;
  height: auto;
  float: none;
}
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary:hover {
  color: #427730;
}
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary:focus {
  outline: 1px dotted;
  padding: 5px 0;
  color: #427730;
}
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary:hover {
  color: #427730;
}
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary:after {
  display: none;
}
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary:hover,
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary:active,
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary:focus {
  background: none;
  outline: none;
  box-shadow: none;
  display: inline;
}
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary:hover:after,
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary:active:after,
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary:focus:after {
  display: none;
}
body.history-area.contract-history.default #ShowCompletedTransactionsContainer .btn.btn-secondary:focus {
  outline: thin dotted;
}
body .uploadInfo {
  text-align: center;
}
body.my-account-area.manage-login section.view-container,
body.my-account-area.manage-contact-details section.view-container,
body.my-account-area.upload-documents section.view-container {
  padding-top: 30px;
}
body.my-account-area.manage-login .control-label span,
body.my-account-area.manage-contact-details .control-label span,
body.my-account-area.upload-documents .control-label span {
  font-weight: bold;
}
@media (min-width: 768px) {
  body.my-account-area.manage-login,
  body.my-account-area.manage-contact-details {
    padding-left: 0;
  }
}
body.my-account-area.manage-contact-details .group-name-label {
  font-size: 16px;
  color: #464646;
  font-family: "GillSansforJL";
  font-weight: bold;
}
body.my-account-area.manage-contact-details.default section.user-detail-form .phone-fields-container .phone-radio-fields label {
  margin-top: 41px;
}
body.my-account-area.upload-documents .uploadOptions a:focus {
  outline: 1px dotted;
  padding: 5px 0;
  color: #427730;
}
body.my-account-area.upload-documents .uploadOptions li:before {
  background-color: #4aa851 !important;
}
@media (min-width: 768px) {
  body.my-account-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton {
    width: 147px;
  }
}
body.my-account-area.upload-documents.default .view-container #uploadSubmitButton {
  float: right;
}
@media (min-width: 768px) {
  body.my-account-area.upload-documents.default .view-container #uploadSubmitButton {
    width: 200px;
  }
}
body.my-account-area.upload-documents.default .view-container #uploadSubmitButton.loading {
  padding-left: 10px;
}
@media (min-width: 768px) {
  body.my-account-area.manage-login.default section.user-detail .btn {
    width: 200px !important;
  }
}
body.my-account-area.manage-login.default section.user-detail .btn#edit-email-address.loading:after,
body.my-account-area.manage-login.default section.user-detail .btn#edit-password.loading:after {
  right: 5px;
}
@media (min-width: 768px) {
  body.my-account-area.manage-contact-details.default section.user-detail .btn {
    width: 222px !important;
  }
  body.my-account-area.manage-contact-details.default section.user-detail .btn.find-my-address-button {
    margin-top: 26px;
  }
}
body.my-account-area.manage-contact-details.default section.user-detail .btn#edit-phone-numbers.loading:after,
body.my-account-area.manage-contact-details.default section.user-detail .btn#edit-address.loading:after {
  right: 5px;
}
body.recipient-area h2 {
  font-family: "GillSansforJL";
  font-size: 24px;
  color: #102B2B;
  font-weight: normal;
  line-height: 28px;
  border-bottom: 1px solid #E6E3DC;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
body.recipient-area h2.isolate-field-group-heading,
body.recipient-area h2.field-group-title {
  margin-bottom: 24px;
}
body.recipient-area label[for="Definitions.Fields[INT_BANK_ADDRESS_COUNTRY_CODE].Value"] span {
  font-weight: normal;
}
body.recipient-area.landing.details main {
  font-family: "GillSansforJL";
}
body.recipient-area.landing.details main p {
  font-size: 15px;
}
@media (max-width: 767px) {
  .logo-bar .title img {
    width: 100%;
    max-width: 522px;
  }
}
.btn.loading {
  background-color: #B4B2AE;
}
.btn.loading:focus {
  background-color: #B4B2AE;
  background: -moz-linear-gradient(top, #B4B2AE 0%, #B4B2AE 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #B4B2AE), color-stop(100%, #B4B2AE));
  background: -webkit-linear-gradient(top, #B4B2AE 0%, #B4B2AE 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #B4B2AE 0%, #B4B2AE 100%);
  background: -o-linear-gradient(top, #B4B2AE 0%, #B4B2AE 100%);
  /* IE10+ */
  background: linear-gradient(top, #B4B2AE 0%, #B4B2AE 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='@startColor', EndColorStr='@stopColor');
}
#wrapper > main {
  padding-bottom: 387px;
}
#wrapper > main .main-container.container-fluid {
  padding-top: 0;
}
@media (min-width: 992px) {
  #wrapper > main .main-container.container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
.recipient-area #wrapper main {
  padding-bottom: 393px;
}
.recipient-area #bottomButtons .btn {
  margin-bottom: 0 !important;
}
a#ff-reload-captcha {
  color: #427730;
  font-size: 16px;
}
@media (min-width: 768px) {
  a#ff-reload-captcha {
    font-size: 16px;
  }
}
.form-group .control-label {
  font-weight: bold;
  font-size: 16px;
  color: #464646;
  font-family: "GillSansforJL";
}
.form-group .control-label[for='CaptchaDetails_CaptchaText'],
.form-group .control-label span {
  font-weight: normal;
}
.form-group > label {
  font-weight: bold;
  font-size: 16px;
  color: #464646;
  font-family: "GillSansforJL";
}
.btn {
  color: white;
}
.btn.loading {
  color: white;
}
.btn:hover,
.btn:focus {
  box-shadow: none;
  outline: none;
}
.btn:active {
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
  background-color: #4aa851;
  outline: none;
}
.btn:active:focus {
  outline: none;
}
.form-control {
  box-shadow: none;
}
#userInformationMobileContainer {
  margin-top: -30px;
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  #userInformationMobileContainer {
    margin-top: 0;
    margin-bottom: 0;
  }
}
#userInformationMobileContainer .headercontainer {
  text-align: center;
}
#userInformationMobileContainer .headercontainer > span {
  display: block;
}
@media (min-width: 768px) {
  #userInformationMobileContainer .headercontainer > span {
    display: inline-block;
  }
}
.notificationPanel {
  margin-bottom: 10px;
}
.notificationPanel .glyphicon.notify-info {
  background-image: url('../../jlp/img/notify-info.png');
}
.notificationPanel .glyphicon.notify-warning {
  background-image: url('../../jlp/img/notify-warning.png');
}
.notificationPanel .glyphicon.notify-error {
  background-image: url('../../jlp/img/notify-error.png');
}
.bootstrap-select + .form-control-feedback,
.bootstrap-select.open + .form-control-feedback,
.bootstrap-select.leftCtl + .form-control-feedback,
.bootstrap-select.leftCtl.open + .form-control-feedback {
  top: 12px;
}
.toolTipAnchor {
  font-size: 15px;
  padding-top: 1px;
  line-height: normal;
}
#userNotification .ui-pnotify {
  left: 0px !important;
  right: 0px !important;
  width: 100%;
}
#userNotification .ui-pnotify .brighttheme {
  min-height: 66px !important;
}
#userNotification .brighttheme.ui-pnotify-container.ui-pnotify-shadow {
  min-height: 66px;
  right: auto;
  left: auto;
  max-width: 971px;
  border: 0px solid #dedbd2;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  display: block;
  top: 0px;
  height: auto;
  z-index: 10002;
  position: fixed;
  text-align: left;
  border-radius: 3px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
@media (max-width: 991px) {
  #userNotification .brighttheme.ui-pnotify-container.ui-pnotify-shadow {
    margin-left: 3%;
    margin-right: 3%;
    left: 0px;
    right: 0px;
    width: 94%;
  }
}
@media (min-width: 991px) {
  #userNotification .brighttheme.ui-pnotify-container.ui-pnotify-shadow {
    margin-left: 20px;
    width: 100%;
  }
}
#userNotification .brighttheme.ui-pnotify-container.ui-pnotify-shadow .ui-pnotify-text {
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 20px;
  color: #464646;
}
@media (max-width: 991px) {
  #userNotification .brighttheme.ui-pnotify-container.ui-pnotify-shadow .ui-pnotify-text {
    background: none;
    background-position-y: 0px;
    padding-left: 16px;
  }
}
@media (min-width: 991px) {
  #userNotification .brighttheme.ui-pnotify-container.ui-pnotify-shadow .ui-pnotify-text {
    background: url("../../jlp/img/svg/info.svg") no-repeat;
    background-position-y: 10px;
    background-position-x: 16px;
    padding-left: 56px;
  }
}
#userNotification .brighttheme.ui-pnotify-container.ui-pnotify-shadow .ui-pnotify-icon {
  display: none;
}
#userNotification .brighttheme.ui-pnotify-container.ui-pnotify-shadow .ui-pnotify-icon .glyphicon.glyphicon-info-sign {
  display: none;
}
#userNotification .brighttheme.ui-pnotify-container.ui-pnotify-shadow .ui-pnotify-icon .glyphicon.glyphicon-info-sign:before {
  content: none;
}
#userNotification .brighttheme.ui-pnotify-container.ui-pnotify-shadow .ui-pnotify-closer {
  width: 66px;
  height: 66px;
  display: inline-block;
  float: right;
  margin: 0px;
  padding: 0px;
}
#userNotification .brighttheme.ui-pnotify-container.ui-pnotify-shadow .ui-pnotify-closer .closer-button {
  z-index: 10003;
  width: 66px;
  height: 66px;
  background-image: url("../../jlp/img/svg/notification-close.svg");
  margin: 0px;
}
.list-container ul li:not(.no-bullet):before {
  content: ' ';
  background: url('../../jlp/img/arrow_orange.png') 0 4px no-repeat;
}
body.transact-area.step1.default .currencyAmountError,
.currencyAmountError {
  font-size: 14px;
  color: #CC0000;
}
body.public-area #wrapper > header .nav-container {
  display: none;
}
body.public-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton:after {
  top: 6px;
}
@media (min-width: 768px) {
  body.public-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton {
    width: 147px;
    float: right;
  }
  body.public-area.upload-documents.default .view-container .fileUploadContainer .fileInputButton:after {
    top: 5px;
  }
}
@media (min-width: 768px) {
  body.public-area.upload-documents.default .view-container #uploadSubmitButton {
    float: right;
    width: 200px;
  }
}
body.public-area.upload-documents.default .view-container .uploadSection li:before {
  background-color: #4aa851 !important;
}
main {
  padding-top: 0;
}
.list-container ul li:not(.no-bullet):before {
  padding-right: 0;
}
.list-container ul a {
  font-size: 14px;
  text-decoration: underline;
}
.list-container ul a:focus {
  outline: 1px dotted;
  padding: 5px 0 !important;
}
#ExpiryDateContainer,
.input-group.date {
  width: 100%;
}
#ExpiryDateContainer .form-control.input-lg,
.input-group.date .form-control.input-lg {
  height: 44px;
  background: url("../../jlp/img/svg/calendar.svg") center right no-repeat;
  background-size: 44px 44px;
}
#ExpiryDateContainer .calendar-icon,
.input-group.date .calendar-icon {
  display: none;
}
.datepicker table tr td span.active.active,
.datepicker table tr td.active.day {
  background-color: #4aa851;
}
#ExpiryDateContainer .form-control.input-lg,
.input-group.date .form-control.input-lg {
  color: #999;
}
#ExpiryDateContainer .form-control.input-lg:hover,
.input-group.date .form-control.input-lg:hover,
#ExpiryDateContainer .form-control.input-lg:active,
.input-group.date .form-control.input-lg:active,
#ExpiryDateContainer .form-control.input-lg:focus,
.input-group.date .form-control.input-lg:focus {
  background-color: #EDF7EC;
  border: 1px solid #427730;
}
#ExpiryDateContainer .form-control.input-lg:hover:invalid,
.input-group.date .form-control.input-lg:hover:invalid,
#ExpiryDateContainer .form-control.input-lg:active:invalid,
.input-group.date .form-control.input-lg:active:invalid,
#ExpiryDateContainer .form-control.input-lg:focus:invalid,
.input-group.date .form-control.input-lg:focus:invalid {
  background: #FEFAFB;
  border: 1px solid #CC0000;
  border-radius: 3px;
}
#ExpiryDateContainer .form-control.input-lg:hover:disabled,
.input-group.date .form-control.input-lg:hover:disabled,
#ExpiryDateContainer .form-control.input-lg:active:disabled,
.input-group.date .form-control.input-lg:active:disabled,
#ExpiryDateContainer .form-control.input-lg:focus:disabled,
.input-group.date .form-control.input-lg:focus:disabled {
  background: #eee;
  border: 1px solid #B4B2AE;
  border-radius: 3px;
}
#ExpiryDateContainer .form-control.input-lg:invalid,
.input-group.date .form-control.input-lg:invalid {
  background: #FEFAFB;
  border: 1px solid #CC0000;
  border-radius: 3px;
}
#ExpiryDateContainer .form-control.input-lg:disabled,
.input-group.date .form-control.input-lg:disabled {
  background: #eee;
  border: 1px solid #B4B2AE;
  border-radius: 3px;
}
.datepicker.datepicker-dropdown.dropdown-menu {
  box-shadow: none;
}
.datepicker-orient-bottom {
  margin-top: 32px;
}
.datepicker-orient-top {
  margin-top: -3px;
}
#rightPaneMobileContainer2 {
  margin-left: -15px;
  margin-right: -15px;
}
#rightPaneMobileContainer2 .dealingProgressBar {
  width: auto;
}
#ShowCompletedTransactionsContainer .checkboxInputContainer {
  min-height: auto;
}
.no-cards {
  border-width: 0px !important;
  padding: 0 !important;
}
.rate-alerts-title {
  padding-top: 32px !important;
}
#card-grid {
  line-height: 1em !important;
}
#transact-main-area {
  border-color: #E5E2DD;
  border-style: solid;
  border-width: 0 1px 1px 1px;
}
#transact-main-area section:not(#ProgressSummarySection):not(.next-step) {
  padding-left: 30px;
  padding-right: 30px;
}
.notificationMessage {
  padding: 0px 15px 0px 0px !important;
}
body.transact-area.step3.default #modal-validation .modal-dialog .btn:after,
body.transact-area.step4.default #modal-validation .modal-dialog .btn:after {
  content: "";
}
body.my-account-area div.col-md-9 {
  width: 100%!important;
}
@media only screen and (min-width: 767px) {
  body.recipient-area.landing.details #collapsible-group-grpintermediarydetails .group-validations {
    margin-top: -15px;
  }
}
#change-name-button {
  float: right;
}
body.home-area.home.default .documentContainer,
body.transact-area .documentContainer {
  padding: 0;
}
body.home-area.home.default .documentContainer .row,
body.transact-area .documentContainer .row {
  margin-right: 0;
}
body.home-area.home.default .lite-trading-allowed,
body.transact-area .lite-trading-allowed {
  border: 0px solid #dedbd2;
  margin-top: 20px;
  background-color: #ffffff;
  color: #464646;
  margin-bottom: 0;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
body.home-area.home.default .lite-trading-allowed .lite-trading-icon .img-lite-trading-rosette,
body.transact-area .lite-trading-allowed .lite-trading-icon .img-lite-trading-rosette {
  background: url("../../jlp/img/svg/info.svg") no-repeat;
  background-position-y: 10px;
  background-position-x: 16px;
  padding-left: 56px;
}
body.home-area.home.default .lite-trading-allowed .lite-trading-info a,
body.transact-area .lite-trading-allowed .lite-trading-info a {
  color: #464646;
}
body.home-area.home.default .lite-trading-allowed .lite-trading-limit,
body.transact-area .lite-trading-allowed .lite-trading-limit {
  font-weight: normal;
}
body.home-area.home.default .lite-trading-warning,
body.transact-area .lite-trading-warning {
  margin-bottom: 0;
  margin-top: 24px;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
body.home-area.home.default .lite-trading-warning .lite-trading-info a,
body.transact-area .lite-trading-warning .lite-trading-info a {
  color: #337ab7;
  text-decoration: none;
}
body.home-area.home.default .lite-trading-warning .lite-trading-limit,
body.transact-area .lite-trading-warning .lite-trading-limit {
  font-weight: normal;
}
body.home-area.home.default .lite-trading-warning .lite-trading-icon .img-lite-trading-warning,
body.transact-area .lite-trading-warning .lite-trading-icon .img-lite-trading-warning {
  height: 70px;
}
@media only screen and (min-width: 767px) {
  body.transact-area .lite-trading-container {
    margin-bottom: -30px;
  }
}
section.user-detail,
.uploadSection {
  padding: 24px !important;
  margin-top: 16px !important;
  border-color: #E5E2DD !important;
}
section.user-detail:first-child,
.uploadSection:first-child {
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  section.user-detail,
  .uploadSection {
    margin-top: 24px !important;
  }
}
section.user-detail form,
.uploadSection form {
  margin: 0 !important;
}
section.user-detail .panel-header,
.uploadSection .panel-header {
  padding: 0 0 16px 0 !important;
  font-size: 24px !important;
  line-height: 1em !important;
  font-family: "GillSansforJL";
  border-bottom: 1px solid #dedbd2 !important;
  font-weight: normal !important;
  color: #102B2B !important;
  border-left-width: 0 !important;
}
section.user-detail .header,
.uploadSection .header {
  padding: 0 0 16px 0 !important;
  font-size: 24px !important;
  line-height: 1em !important;
  font-family: "GillSansforJL";
  border-bottom: 1px solid #dedbd2 !important;
  font-weight: normal !important;
  color: #102B2B !important;
  border-left-width: 0 !important;
}
section.user-detail header,
.uploadSection header,
section.user-detail .header,
.uploadSection .header {
  border-bottom: none;
  background-color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
}
section.user-detail header h2,
.uploadSection header h2,
section.user-detail .header h2,
.uploadSection .header h2 {
  padding: 0 0 16px 0 !important;
  font-size: 24px !important;
  line-height: 1em !important;
  font-family: "GillSansforJL";
  border-bottom: 1px solid #dedbd2 !important;
  font-weight: normal !important;
  color: #102B2B !important;
  border-left-width: 0 !important;
}
section.user-detail header .line,
.uploadSection header .line,
section.user-detail .header .line,
.uploadSection .header .line {
  font-size: 16px;
  line-height: 20px !important;
}
section.user-detail header:after,
.uploadSection header:after,
section.user-detail .header:after,
.uploadSection .header:after {
  display: block;
  height: 16px;
  content: ' ';
}
section.user-detail:last-child,
.uploadSection:last-child {
  margin-bottom: 0 !important;
}
#address-fields .col-xs-12 {
  padding: 0 0 4px 0;
}
.uploadSection {
  margin-top: 10px;
}
.uploadSection .labelContainer {
  padding: 0;
}
.in-place-edit-container .line,
.in-place-edit-edit-container .line {
  padding: 0 0 0 0 !important;
  line-height: 20px;
}
.in-place-edit-container .row,
.in-place-edit-edit-container .row {
  margin: 0;
}
.in-place-edit-container .row div,
.in-place-edit-edit-container .row div {
  line-height: 20px !important;
}
.in-place-edit-container .row.info-text,
.in-place-edit-edit-container .row.info-text {
  padding-top: 12px;
}
.in-place-edit-container .row:first-child .control-label,
.in-place-edit-edit-container .row:first-child .control-label {
  margin-top: 0;
}
.in-place-edit-container .bottom-buttons,
.in-place-edit-edit-container .bottom-buttons {
  margin: 0 !important;
  padding-top: 16px;
  width: 100%;
}
.in-place-edit-container .bottom-buttons div,
.in-place-edit-edit-container .bottom-buttons div {
  padding: 0 !important;
}
.in-place-edit-container .bottom-buttons .btn,
.in-place-edit-edit-container .bottom-buttons .btn {
  margin: 0;
}
@media (min-width: 768px) {
  .in-place-edit-container .bottom-buttons .btn,
  .in-place-edit-edit-container .bottom-buttons .btn {
    width: auto !important;
  }
}
.in-place-edit-container .bottom-buttons .col-md-3,
.in-place-edit-edit-container .bottom-buttons .col-md-3 {
  float: right !important;
}
.in-place-edit-container .linkButton,
.in-place-edit-edit-container .linkButton {
  display: inline-block;
  margin: 10px 0 16px 0;
}
.in-place-edit-container .control-label,
.in-place-edit-edit-container .control-label {
  margin-bottom: 6px;
  margin-top: 12px;
}
.in-place-edit-container .form-group,
.in-place-edit-edit-container .form-group {
  margin: 0;
}
.in-place-edit-container .labelContainer,
.in-place-edit-edit-container .labelContainer {
  padding: 0 0 4px 0;
}
.in-place-edit-container .extended-dropdown .labelContainer,
.in-place-edit-edit-container .extended-dropdown .labelContainer {
  padding-top: 0;
}
.in-place-edit-container .extended-dropdown .labelContainer .control-label,
.in-place-edit-edit-container .extended-dropdown .labelContainer .control-label {
  margin-top: -2px;
}
.in-place-edit-container .controlContainer,
.in-place-edit-edit-container .controlContainer {
  padding: 0 0 4px 0;
}
.in-place-edit-container .phone-definition-fields,
.in-place-edit-edit-container .phone-definition-fields {
  padding: 0;
}
.in-place-edit-container .phone-radio-fields,
.in-place-edit-edit-container .phone-radio-fields {
  margin-top: 50px !important;
}
.in-place-edit-container .phone-radio-fields label,
.in-place-edit-edit-container .phone-radio-fields label {
  margin: 0 !important;
}
.in-place-edit-container .phone-radio-fields label:first-child,
.in-place-edit-edit-container .phone-radio-fields label:first-child {
  margin-bottom: 88px !important;
}
.in-place-edit-container .in-place-edit-view-container,
.in-place-edit-edit-container .in-place-edit-view-container {
  padding: 0 !important;
}
.in-place-edit-container .group-name-label,
.in-place-edit-edit-container .group-name-label {
  margin-left: 0 !important;
}
.in-place-edit-view-container .btn-left {
  float: right;
}
#uploadForm .controlContainer {
  padding: 0;
}
#uploadForm .controlContainer .fileInputButton {
  float: right !important;
}
#uploadForm .controlContainer .fileInputButton input[type=file] {
  padding-top: 12px;
}
#uploadForm .controlContainer .fileInputButton:focus {
  background-color: #4aa851;
  background: -moz-linear-gradient(top, #4aa851 0%, #3E8E44 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #4aa851), color-stop(100%, #3E8E44));
  background: -webkit-linear-gradient(top, #4aa851 0%, #3E8E44 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4aa851 0%, #3E8E44 100%);
  background: -o-linear-gradient(top, #4aa851 0%, #3E8E44 100%);
  /* IE10+ */
  background: linear-gradient(top, #4aa851 0%, #3E8E44 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='@startColor', EndColorStr='@stopColor');
}
#buttonContainer .btn {
  float: right;
  padding-left: 24px;
  padding-right: 24px;
}
#urc .labelContainer .control-label {
  text-align: left;
}
.fileUploadContainer .col-xs-12 {
  padding: 0;
}
.notificationPanel {
  padding: 16px;
}
.notificationPanel .notificationMessage {
  padding: 0px;
  display: block;
}
.login-area.additional-setup .autoFormValidation {
  margin-left: 0px;
  margin-right: 0px;
}
.my-account-area.upload-documents .notificationPanel {
  margin-bottom: 36px;
}
.public-area.upload-documents .notificationPanel {
  margin-top: 24px;
  margin-bottom: 36px;
}
.your-current-address {
  display: none;
}
#address-fields {
  margin-top: 24px;
}
#address-fields .street-name-buttons .js-streetname-yes:after,
#address-fields .street-name-buttons .js-streetname-no:after {
  top: 5px;
}
#address-fields:empty {
  display: none;
}
.uploadOptions div {
  padding-left: 0;
}
.uploadInfo .nopadding {
  padding-left: 0px;
  padding-top: 16px;
}
.uploadInfo li {
  font-weight: normal;
  color: #464646;
}
.phone-definition-fields .labelContainer {
  margin-top: -10px;
}
.mainPhoneNumber {
  color: #999 !important;
}
body.my-account-area.manage-contact-details.default .controlContainer .bootstrap-select .dropdown-toggle {
  width: 100% !important;
}
body.recipient-area.landing.list #section-header {
  margin-bottom: 5px;
}
body.recipient-area.landing.list a.newRecipientButton {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  body.recipient-area.landing.list a.newRecipientButton {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 12px 0 9px 0;
  }
}
body.recipient-area.landing.list #gridContainer table.dataTable {
  border-top: none;
}
body.recipient-area.landing.list #gridContainer table.dataTable.mobile-mode tr.tableRow td.mobile-template .row label,
body.recipient-area.landing.list #gridContainer table.dataTable.mobile-mode tr.tableRow td.mobile-template .row span {
  display: block;
}
body.recipient-area.landing.list #gridContainer table.dataTable.mobile-mode tr.tableRow td.mobile-template .row label {
  font-weight: bold;
  margin-bottom: 0;
}
body.recipient-area.landing.list #gridContainer table.dataTable thead {
  display: none;
}
body.recipient-area.landing.list #gridContainer table.dataTable thead > tr > th {
  border-bottom: 0;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr.shown td {
  border-right: none;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr.shown td.mobile-template {
  padding-bottom: 0px;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr + tr td {
  border-top: none;
  position: relative;
  line-height: 24px !important;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr + tr td .expandedRowContainer {
  padding-left: 32px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  body.recipient-area.landing.list #gridContainer table.dataTable tbody tr + tr td .expandedRowContainer .row:nth-child(2) {
    margin-bottom: 14px;
  }
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr + tr td .expandedRowContainer a.btn {
  text-decoration: none;
  width: 100%;
  color: white;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr + tr td .expandedRowContainer a.btn:focus {
  outline: none;
  padding-top: 12px;
  padding-left: 24px;
  padding-right: 24px;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody td {
  border-right: none;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody td.currency-code {
  width: 40px;
}
#gridContainer .mobile-mode .expandedRowContainer {
  margin-top: 0px;
}
#gridContainer .mobile-mode .shown .recipientMobileContentContainer {
  padding-bottom: 0px;
}
#gridContainer .mobile-mode .mobile-template {
  padding-top: 0px;
  padding-bottom: 0px;
}
@font-face {
  font-family: GillSansforJL;
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff) format("woff");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2") tech("variations");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2-variations");
  font-weight: 200 700;
  font-display: swap;
}
.login-area #wrapper main .pageTitle,
.public-area #wrapper main .pageTitle {
  display: block !important;
}
.login-area #wrapper > header,
.public-area #wrapper > header {
  display: none;
}
#wrapper main .pageTitle {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 992px) {
  #wrapper main .pageTitle {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
  }
}
#wrapper main .pageTitle div {
  padding: 0;
}
@media (min-width: 768px) {
  #wrapper main .pageTitle div {
    padding-left: 0;
  }
}
#wrapper main .pageTitle header h1 {
  text-align: center;
  background-color: #F2F1ED;
  color: #102B2B;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-family: "GillSansforJL";
  height: 90px;
  font-size: 28px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #wrapper main .pageTitle header h1 {
    height: 120px;
    font-size: 48px;
  }
}
#wrapper .menu-button-container {
  text-align: left;
  width: 64px;
  max-width: 64px;
  padding-top: 16px;
  padding-left: 0;
  position: absolute;
  z-index: 100;
}
#wrapper .menu-button-container .navbar-toggle {
  margin: 0;
  padding: 0;
  float: none;
}
#wrapper .logo-container,
#wrapper .top-bar {
  display: none;
}
#wrapper .nav-container {
  display: none !important;
}
#wrapper .logo-bar {
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 992px) {
  #wrapper .logo-bar {
    margin-left: auto;
    margin-right: auto;
  }
}
#wrapper .logo-bar .logo {
  margin: 0;
  padding: 0;
  border-bottom: #dedbd2 1px solid;
  height: 64px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  #wrapper .logo-bar .logo {
    height: 66px;
  }
}
@media (min-width: 992px) {
  #wrapper .logo-bar .logo a:focus {
    outline: none;
  }
}
#wrapper .logo-bar .logo a img {
  display: block;
  margin: auto;
  width: 85px;
  height: 32px;
}
@media (min-width: 768px) {
  #wrapper .logo-bar .logo a img {
    width: 104px;
    height: 38px;
  }
}
#wrapper .logo-bar .logo div {
  flex-grow: 1;
  width: 100px;
}
#wrapper .logo-bar .logo div:first-child {
  padding-left: 0;
}
#wrapper .logo-bar .logo div:last-child {
  padding-right: 0;
}
#wrapper .logo-bar .logo div > span {
  display: block;
}
#wrapper .logo-bar .logo div > span.welcome,
#wrapper .logo-bar .logo div > span.client-name,
#wrapper .logo-bar .logo div > span.last-login {
  font-family: "GillSansforJL";
  font-size: 12px;
  color: #999999;
  line-height: 14px;
  display: none;
}
@media (min-width: 768px) {
  #wrapper .logo-bar .logo div > span.welcome,
  #wrapper .logo-bar .logo div > span.client-name,
  #wrapper .logo-bar .logo div > span.last-login {
    display: block;
  }
}
#wrapper .logo-bar .logo div > span.sign-out {
  text-align: right;
  font-family: "GillSansforJL";
  font-size: 13px;
  text-decoration: underline;
  display: none;
}
@media (min-width: 768px) {
  #wrapper .logo-bar .logo div > span.sign-out {
    display: block;
  }
}
#wrapper .logo-bar .logo div > span.sign-out a {
  text-decoration: none;
  color: #464646;
}
#wrapper .logo-bar .logo div > span.sign-out a:hover {
  color: #4aa851;
}
#wrapper .logo-bar .title {
  font-family: "GillSansforJL";
  color: #464646;
  text-align: center;
  text-transform: uppercase;
  font-size: 25px;
  letter-spacing: 2.5px;
  height: 94px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  #wrapper .logo-bar .title {
    font-size: 38px;
    letter-spacing: 5.75px;
    height: 130px;
  }
}
@media (min-width: 992px) {
  #wrapper .sidebarcolumn {
    margin-top: 110px;
  }
}
#wrapper .input-container:first-child {
  padding-top: 10px;
}
#wrapper .menu-button {
  margin-top: 10px;
  padding: 5px 8px 5px 15px;
  background-repeat: no-repeat;
  height: 32px;
  color: white;
  border: none;
  max-width: 64px;
}
#wrapper .menu-button > span {
  border: 1px solid #dedbd2;
  padding: 7px 13px 7px 13px;
  border-radius: 3px;
  font-family: "GillSansforJL";
  color: #427730;
  font-size: 14px;
}
#wrapper > header .container-fluid {
  border-top: none;
  border-bottom: none;
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 992px) {
  #wrapper > header .container-fluid {
    margin: 0 auto;
    width: 970px;
    padding-left: 0;
    padding-right: 0;
    border-top: none;
    border-bottom: none;
  }
}
#wrapper > header .top-menu {
  z-index: 800;
  position: absolute;
  top: 63px;
  left: 0;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu {
    padding: 0;
    position: relative;
    top: 0;
  }
}
#wrapper #SignOut_2faremember {
  cursor: pointer;
}
#wrapper > footer {
  position: static;
  padding: 0 15px 0 15px;
  background-color: #ffffff;
  margin-bottom: 32px;
  height: 284px;
  position: absolute;
  bottom: 0;
}
#wrapper > footer .footer-toprow {
  border: none;
  line-height: 16px;
}
#wrapper > footer .footer-toprow .inner {
  border-color: #dedbd2;
}
#wrapper > footer .footer-toprow div.registeredaddress {
  margin-bottom: 10px;
}
#wrapper > footer .footer-toprow div.registeredaddress p {
  margin-bottom: 0;
}
#wrapper > footer .footer-toprow div.declaration {
  margin-bottom: 0;
}
#wrapper > footer .footer-toprow div.declaration p {
  margin-bottom: 0;
}
#wrapper > footer .footer-toprow span {
  padding-left: 25px;
  color: #999999;
  font-size: 12px;
}
@media (max-width: 1199px) {
  #wrapper > footer .footer-toprow div.inner .smalldesktop {
    display: inline-flex !important;
    width: 100%;
  }
  #wrapper > footer .footer-toprow div.inner .largedesktop {
    display: none !important;
  }
}
@media (min-width: 992px) {
  #wrapper > footer .footer-toprow div.inner {
    min-width: 1054px;
  }
  #wrapper > footer .footer-toprow div.inner .smalldesktop {
    display: none;
  }
  #wrapper > footer .footer-toprow div.inner .largedesktop {
    min-width: 1054px;
    display: inline-flex;
  }
}
#wrapper > footer .footer-toprow div.inner .li-width1 {
  min-width: 207px;
}
#wrapper > footer .footer-toprow div.inner .li-width2 {
  min-width: 226px;
}
#wrapper > footer .footer-toprow div.inner ul {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dedbd2;
  list-style: none;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  margin: 16px 0 16px 0;
}
@media (max-width: 767px) {
  #wrapper > footer .footer-toprow div.inner ul {
    padding-bottom: 0px;
  }
}
@media (min-width: 768px) {
  #wrapper > footer .footer-toprow div.inner ul {
    flex-direction: row;
  }
}
#wrapper > footer .footer-toprow div.inner ul .li-width1 {
  min-width: 207px;
}
#wrapper > footer .footer-toprow div.inner ul .li-width2 {
  min-width: 226px;
}
#wrapper > footer .footer-toprow div.inner ul li {
  flex-grow: 1;
  text-align: left;
  padding: 24px;
  margin: 0;
  font-size: 16px;
}
#wrapper > footer .footer-toprow div.inner ul li a {
  background: url("../../jlp/img/svg/new-window.svg") no-repeat left top;
  padding-left: 25px;
  color: #747678;
}
#wrapper > footer .footer-toprow div.inner ul li a:hover {
  color: #427730;
  text-decoration: underline;
}
@media (max-width: 767px) {
  #wrapper > footer .footer-toprow div.inner ul li {
    border-bottom: 1px solid #E6E3DC;
  }
}
@media (min-width: 768px) {
  #wrapper > footer .footer-toprow div.inner ul li {
    border-right: 1px solid #E6E3DC;
  }
}
#wrapper > footer .footer-toprow div.inner ul li:last-child {
  border-right: 0px;
}
@media (max-width: 767px) {
  #wrapper > footer .footer-toprow div.inner ul li:last-child {
    border-bottom-width: 0px;
  }
}
#wrapper .footer-tagline {
  color: #747678;
  text-align: center;
  font-size: 12px;
  margin: 32px 0 32px 0;
}
.btn:not(.dropdown-toggle) {
  padding-left: 24px;
  padding-right: 24px;
  min-width: 120px;
  font-size: 16px;
  min-height: 44px;
  margin-bottom: 24px;
  outline: none;
}
@media (min-width: 768px) {
  .btn:not(.dropdown-toggle) {
    width: auto;
  }
}
.btn:not(.dropdown-toggle):after {
  margin-left: 12px;
}
.btn:not(.loading) {
  height: 44px;
}
.btn:not(.loading):after {
  content: "";
  width: 7px;
  height: 15px;
  right: 0;
  position: relative;
  top: 5px;
}
.btn.btn-transfer {
  width: 100%;
}
.btn.arrow:after {
  content: '';
  width: 7px;
}
.btn.btn-secondary {
  padding: 5px;
  background-color: #B4B2AE;
  outline: none;
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
  background-color: #999794;
  background: -moz-linear-gradient(top, #999794 0%, #B4B2AE 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #999794), color-stop(100%, #B4B2AE));
  background: -webkit-linear-gradient(top, #999794 0%, #B4B2AE 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #999794 0%, #B4B2AE 100%);
  background: -o-linear-gradient(top, #999794 0%, #B4B2AE 100%);
  /* IE10+ */
  background: linear-gradient(top, #999794 0%, #B4B2AE 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='@startColor', EndColorStr='@stopColor');
  outline: none;
}
.btn.btn-secondary:active {
  background-color: #999794;
  background: -moz-linear-gradient(top, #999794 0%, #B4B2AE 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #999794), color-stop(100%, #B4B2AE));
  background: -webkit-linear-gradient(top, #999794 0%, #B4B2AE 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #999794 0%, #B4B2AE 100%);
  background: -o-linear-gradient(top, #999794 0%, #B4B2AE 100%);
  /* IE10+ */
  background: linear-gradient(top, #999794 0%, #B4B2AE 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='@startColor', EndColorStr='@stopColor');
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
  background-color: #B4B2AE;
  outline: none;
}
a.btn:not(.btn-homepage) {
  padding-top: 12px;
}
.linkButton {
  color: #427730;
  padding: 5px 0;
}
.linkButton:focus {
  outline: 1px dotted;
  padding: 5px 0;
  color: #427730;
}
.linkButton:hover {
  color: #427730;
}
.btn.loading {
  color: white;
  content: '...';
  text-align: center;
}
.btn.loading:after {
  content: '...';
  margin-left: 0;
  animation: 0;
  background: none;
  right: auto;
  width: auto;
  height: auto;
  margin-top: 0;
  position: relative;
}
.js-buttonText {
  padding-top: 10px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .js-buttonText {
    padding-top: 12px !important;
  }
}
@media (min-width: 992px) {
  #loginbutton {
    width: 100%;
  }
}
a#forgetandSignout:after {
  background: none;
}
.homepageClockIcon {
  position: absolute;
  margin-left: 20px;
  margin-top: 7px;
}
.uploadDocProcessingText h5 {
  position: relative;
  padding-left: 90px;
  font-weight: normal;
  font-size: 13px;
}
.uploadDocumentProcessing {
  padding-top: 3px;
  padding-bottom: 3px;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
}
body .notificationPanel {
  color: #a94442;
  background-color: #f2dede;
  border-color: #EBCCD1;
  margin-bottom: 20px;
  border-radius: 4px;
}
@media (max-width: 767px) {
  body .notificationPanel {
    margin-top: 0;
  }
}
body .notificationPanel .notify-warning {
  display: none;
}
.col-md-3.side-homepage .list-container {
  padding-left: 10px;
}
body.home-area.home.default .actionrequired .documentstatusmessage .kycmessage {
  padding-right: 0px;
}
body.home-area.home.default .actionrequired .documentstatusmessage .kycmessage ul {
  list-style-type: none;
}
body.home-area.home.default .actionrequired .documentstatusmessage .kycmessage ul li {
  color: #464646;
}
body.home-area.home.default .actionrequired .documentstatusmessage .kycmessage ul li:before {
  display: none;
  content: "• ";
  color: #4aa851;
  font-size: 30px;
  position: absolute;
  line-height: 0;
  margin-left: -18px;
  margin-top: 11px;
}
.homepagebutton-container #transact-button {
  padding-right: 18px !important;
}
.homepagebutton-container #transact-button.loading:after {
  content: '';
  margin: 0;
  line-height: 0;
  margin-top: -4px;
}
.homepagebutton-container #transact-button:after {
  content: "\e072";
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-top: 2px;
  margin-right: 2px;
}
.documentstatusmessage .kycimage .img-tick-icon {
  background-image: url("../../jlp/img/large-tick.png");
}
body.login-area #wrapper > main,
body.public-area #wrapper > main {
  padding-top: 0;
}
body.login-area .loginpage {
  margin: 0 auto;
  float: none;
  margin-top: 10px;
}
@media (min-width: 768px) {
  body.login-area .loginpage {
    padding-left: 0;
    padding-right: 0;
    margin-top: 35px;
  }
}
body.login-area.login.default .button-container {
  text-align: center;
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 50px;
}
body.login-area.login.default .button-container .btn {
  background: none;
  display: inline;
  color: #427730;
  padding: 0;
  float: none;
  margin-left: 0;
  margin-right: 0;
}
body.login-area.login.default .button-container span a {
  font-size: inherit;
  vertical-align: top;
  text-decoration: underline;
}
body.login-area.login.default .links-container {
  padding-bottom: 50px;
  text-align: center;
}
body.login-area.login.default .links-container .linkButton {
  top: unset;
}
body.login-area.login.default .loginpage .container-fluid {
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 768px) {
  body.login-area.login.default .loginpage .container-fluid {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
body.login-area.login.default .loginpage .no-account {
  margin-bottom: 25px;
}
body.login-area.login.default .loginpage .no-account:before {
  content: "";
  display: block;
  height: 1px;
  background: #dedbd2;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 768px) {
  body.login-area.forgot-password.default .loginpage,
  body.login-area.reset-password.default .loginpage,
  body.login-area.reset-password.new-password .loginpage,
  body.login-area.setup .loginpage,
  body.login-area.link-approval.default .loginpage,
  body.login-area.multiple-login.default .loginpage,
  body.login-area.additional-setup.default .loginpage,
  body.login-area.next-steps.default .loginpage {
    width: 57%;
  }
}
body.login-area.forgot-password.default .loginpage .input-container,
body.login-area.reset-password.default .loginpage .input-container,
body.login-area.reset-password.new-password .loginpage .input-container,
body.login-area.setup .loginpage .input-container,
body.login-area.link-approval.default .loginpage .input-container,
body.login-area.multiple-login.default .loginpage .input-container,
body.login-area.additional-setup.default .loginpage .input-container,
body.login-area.next-steps.default .loginpage .input-container,
body.login-area.forgot-password.default .loginpage .single-column-data-entry,
body.login-area.reset-password.default .loginpage .single-column-data-entry,
body.login-area.reset-password.new-password .loginpage .single-column-data-entry,
body.login-area.setup .loginpage .single-column-data-entry,
body.login-area.link-approval.default .loginpage .single-column-data-entry,
body.login-area.multiple-login.default .loginpage .single-column-data-entry,
body.login-area.additional-setup.default .loginpage .single-column-data-entry,
body.login-area.next-steps.default .loginpage .single-column-data-entry,
body.login-area.forgot-password.default .loginpage .form-group.extended-dropdown .controlContainer,
body.login-area.reset-password.default .loginpage .form-group.extended-dropdown .controlContainer,
body.login-area.reset-password.new-password .loginpage .form-group.extended-dropdown .controlContainer,
body.login-area.setup .loginpage .form-group.extended-dropdown .controlContainer,
body.login-area.link-approval.default .loginpage .form-group.extended-dropdown .controlContainer,
body.login-area.multiple-login.default .loginpage .form-group.extended-dropdown .controlContainer,
body.login-area.additional-setup.default .loginpage .form-group.extended-dropdown .controlContainer,
body.login-area.next-steps.default .loginpage .form-group.extended-dropdown .controlContainer {
  width: 100%;
}
body.login-area.forgot-password.default .loginpage .input-container .controlContainer:after,
body.login-area.reset-password.default .loginpage .input-container .controlContainer:after,
body.login-area.reset-password.new-password .loginpage .input-container .controlContainer:after,
body.login-area.setup .loginpage .input-container .controlContainer:after,
body.login-area.link-approval.default .loginpage .input-container .controlContainer:after,
body.login-area.multiple-login.default .loginpage .input-container .controlContainer:after,
body.login-area.additional-setup.default .loginpage .input-container .controlContainer:after,
body.login-area.next-steps.default .loginpage .input-container .controlContainer:after,
body.login-area.forgot-password.default .loginpage #changePasswordPanel > div:nth-child(2) .controlContainer:after,
body.login-area.reset-password.default .loginpage #changePasswordPanel > div:nth-child(2) .controlContainer:after,
body.login-area.reset-password.new-password .loginpage #changePasswordPanel > div:nth-child(2) .controlContainer:after,
body.login-area.setup .loginpage #changePasswordPanel > div:nth-child(2) .controlContainer:after,
body.login-area.link-approval.default .loginpage #changePasswordPanel > div:nth-child(2) .controlContainer:after,
body.login-area.multiple-login.default .loginpage #changePasswordPanel > div:nth-child(2) .controlContainer:after,
body.login-area.additional-setup.default .loginpage #changePasswordPanel > div:nth-child(2) .controlContainer:after,
body.login-area.next-steps.default .loginpage #changePasswordPanel > div:nth-child(2) .controlContainer:after,
body.login-area.forgot-password.default .loginpage #ClientNumberPanel > div:first-child .controlContainer:after,
body.login-area.reset-password.default .loginpage #ClientNumberPanel > div:first-child .controlContainer:after,
body.login-area.reset-password.new-password .loginpage #ClientNumberPanel > div:first-child .controlContainer:after,
body.login-area.setup .loginpage #ClientNumberPanel > div:first-child .controlContainer:after,
body.login-area.link-approval.default .loginpage #ClientNumberPanel > div:first-child .controlContainer:after,
body.login-area.multiple-login.default .loginpage #ClientNumberPanel > div:first-child .controlContainer:after,
body.login-area.additional-setup.default .loginpage #ClientNumberPanel > div:first-child .controlContainer:after,
body.login-area.next-steps.default .loginpage #ClientNumberPanel > div:first-child .controlContainer:after,
body.login-area.forgot-password.default .loginpage #ResetLoginDetailsPanel > div:nth-child(4) .controlContainer:after,
body.login-area.reset-password.default .loginpage #ResetLoginDetailsPanel > div:nth-child(4) .controlContainer:after,
body.login-area.reset-password.new-password .loginpage #ResetLoginDetailsPanel > div:nth-child(4) .controlContainer:after,
body.login-area.setup .loginpage #ResetLoginDetailsPanel > div:nth-child(4) .controlContainer:after,
body.login-area.link-approval.default .loginpage #ResetLoginDetailsPanel > div:nth-child(4) .controlContainer:after,
body.login-area.multiple-login.default .loginpage #ResetLoginDetailsPanel > div:nth-child(4) .controlContainer:after,
body.login-area.additional-setup.default .loginpage #ResetLoginDetailsPanel > div:nth-child(4) .controlContainer:after,
body.login-area.next-steps.default .loginpage #ResetLoginDetailsPanel > div:nth-child(4) .controlContainer:after,
body.login-area.forgot-password.default .loginpage #LinkedAccountPanel .message-container:after,
body.login-area.reset-password.default .loginpage #LinkedAccountPanel .message-container:after,
body.login-area.reset-password.new-password .loginpage #LinkedAccountPanel .message-container:after,
body.login-area.setup .loginpage #LinkedAccountPanel .message-container:after,
body.login-area.link-approval.default .loginpage #LinkedAccountPanel .message-container:after,
body.login-area.multiple-login.default .loginpage #LinkedAccountPanel .message-container:after,
body.login-area.additional-setup.default .loginpage #LinkedAccountPanel .message-container:after,
body.login-area.next-steps.default .loginpage #LinkedAccountPanel .message-container:after,
body.login-area.forgot-password.default .loginpage #ChooseAccountPanel .controlContainer:after,
body.login-area.reset-password.default .loginpage #ChooseAccountPanel .controlContainer:after,
body.login-area.reset-password.new-password .loginpage #ChooseAccountPanel .controlContainer:after,
body.login-area.setup .loginpage #ChooseAccountPanel .controlContainer:after,
body.login-area.link-approval.default .loginpage #ChooseAccountPanel .controlContainer:after,
body.login-area.multiple-login.default .loginpage #ChooseAccountPanel .controlContainer:after,
body.login-area.additional-setup.default .loginpage #ChooseAccountPanel .controlContainer:after,
body.login-area.next-steps.default .loginpage #ChooseAccountPanel .controlContainer:after,
body.login-area.forgot-password.default .loginpage #AccountUpdatePanel:after,
body.login-area.reset-password.default .loginpage #AccountUpdatePanel:after,
body.login-area.reset-password.new-password .loginpage #AccountUpdatePanel:after,
body.login-area.setup .loginpage #AccountUpdatePanel:after,
body.login-area.link-approval.default .loginpage #AccountUpdatePanel:after,
body.login-area.multiple-login.default .loginpage #AccountUpdatePanel:after,
body.login-area.additional-setup.default .loginpage #AccountUpdatePanel:after,
body.login-area.next-steps.default .loginpage #AccountUpdatePanel:after,
body.login-area.forgot-password.default .loginpage #NextStepContent:after,
body.login-area.reset-password.default .loginpage #NextStepContent:after,
body.login-area.reset-password.new-password .loginpage #NextStepContent:after,
body.login-area.setup .loginpage #NextStepContent:after,
body.login-area.link-approval.default .loginpage #NextStepContent:after,
body.login-area.multiple-login.default .loginpage #NextStepContent:after,
body.login-area.additional-setup.default .loginpage #NextStepContent:after,
body.login-area.next-steps.default .loginpage #NextStepContent:after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 25px;
  background: #dedbd2;
}
body.login-area.forgot-password.default .loginpage .button-container,
body.login-area.reset-password.default .loginpage .button-container,
body.login-area.reset-password.new-password .loginpage .button-container,
body.login-area.setup .loginpage .button-container,
body.login-area.link-approval.default .loginpage .button-container,
body.login-area.multiple-login.default .loginpage .button-container,
body.login-area.additional-setup.default .loginpage .button-container,
body.login-area.next-steps.default .loginpage .button-container,
body.login-area.forgot-password.default .loginpage .btn,
body.login-area.reset-password.default .loginpage .btn,
body.login-area.reset-password.new-password .loginpage .btn,
body.login-area.setup .loginpage .btn,
body.login-area.link-approval.default .loginpage .btn,
body.login-area.multiple-login.default .loginpage .btn,
body.login-area.additional-setup.default .loginpage .btn,
body.login-area.next-steps.default .loginpage .btn,
body.login-area.forgot-password.default .loginpage .single-button-layout,
body.login-area.reset-password.default .loginpage .single-button-layout,
body.login-area.reset-password.new-password .loginpage .single-button-layout,
body.login-area.setup .loginpage .single-button-layout,
body.login-area.link-approval.default .loginpage .single-button-layout,
body.login-area.multiple-login.default .loginpage .single-button-layout,
body.login-area.additional-setup.default .loginpage .single-button-layout,
body.login-area.next-steps.default .loginpage .single-button-layout,
body.login-area.forgot-password.default .loginpage #ClientNumberPanel .col-md-offset-0,
body.login-area.reset-password.default .loginpage #ClientNumberPanel .col-md-offset-0,
body.login-area.reset-password.new-password .loginpage #ClientNumberPanel .col-md-offset-0,
body.login-area.setup .loginpage #ClientNumberPanel .col-md-offset-0,
body.login-area.link-approval.default .loginpage #ClientNumberPanel .col-md-offset-0,
body.login-area.multiple-login.default .loginpage #ClientNumberPanel .col-md-offset-0,
body.login-area.additional-setup.default .loginpage #ClientNumberPanel .col-md-offset-0,
body.login-area.next-steps.default .loginpage #ClientNumberPanel .col-md-offset-0,
body.login-area.forgot-password.default .loginpage #ResetLoginDetailsPanel .col-md-offset-0,
body.login-area.reset-password.default .loginpage #ResetLoginDetailsPanel .col-md-offset-0,
body.login-area.reset-password.new-password .loginpage #ResetLoginDetailsPanel .col-md-offset-0,
body.login-area.setup .loginpage #ResetLoginDetailsPanel .col-md-offset-0,
body.login-area.link-approval.default .loginpage #ResetLoginDetailsPanel .col-md-offset-0,
body.login-area.multiple-login.default .loginpage #ResetLoginDetailsPanel .col-md-offset-0,
body.login-area.additional-setup.default .loginpage #ResetLoginDetailsPanel .col-md-offset-0,
body.login-area.next-steps.default .loginpage #ResetLoginDetailsPanel .col-md-offset-0,
body.login-area.forgot-password.default .loginpage .initial-buttons .continue-container,
body.login-area.reset-password.default .loginpage .initial-buttons .continue-container,
body.login-area.reset-password.new-password .loginpage .initial-buttons .continue-container,
body.login-area.setup .loginpage .initial-buttons .continue-container,
body.login-area.link-approval.default .loginpage .initial-buttons .continue-container,
body.login-area.multiple-login.default .loginpage .initial-buttons .continue-container,
body.login-area.additional-setup.default .loginpage .initial-buttons .continue-container,
body.login-area.next-steps.default .loginpage .initial-buttons .continue-container {
  float: right;
}
body.login-area.forgot-password.default .loginpage #initial-panel .message-container label {
  margin-bottom: 0;
}
body.login-area.forgot-password.default .loginpage #initial-panel .message-container label:first-child {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  body.login-area.forgot-password.default .loginpage #initial-panel .message-container {
    padding-top: 25px;
    padding-bottom: 5px;
  }
}
body.login-area.forgot-password.default .loginpage #initial-panel #ThanksPanel .message-container:after {
  content: "";
  display: block;
  height: 1px;
  margin-top: 25px;
  margin-bottom: 10px;
  background: #dedbd2;
}
body.login-area.reset-password.new-password .loginpage .single-button-layout {
  margin-right: 0;
}
@media (min-width: 768px) {
  body.login-area.reset-password.new-password .loginpage .single-button-layout {
    left: 0;
  }
}
body.login-area.reset-password.new-password .loginpage #changePasswordPanel > div:nth-child(2) .password .controlContainer:after {
  margin-bottom: 5px;
}
body.login-area.reset-password.new-password .loginpage #changePasswordPanel > div:nth-child(2) .password:not(.has-error) .controlContainer:after {
  margin-top: 75px;
}
body.login-area.reset-password.new-password .loginpage #changePasswordPanel > div:nth-child(2) .password.has-error .controlContainer:after {
  margin-top: 11px;
}
body.login-area.setup.step1 .loginpage #ClientNumberPanel > div:first-child .text.has-error .controlContainer:after {
  margin-top: 8px;
}
@media (min-width: 768px) {
  body.login-area.setup.step1 .loginpage #accountResetContinue {
    width: 132px;
  }
}
body.login-area.setup.step1 #ff_captcha {
  margin-top: 10px;
  margin-bottom: 0;
}
body.login-area.setup.step1 #ff-reload-captcha {
  display: block;
  color: #427730;
  padding-left: 0;
  padding-top: 5px;
}
body.login-area.setup.step1 #ff-reload-captcha:focus {
  padding-left: 0;
  padding-top: 5px;
}
body.login-area.setup.step1 .message-container .glyphicon {
  background-position: top left;
  width: 60px;
}
body.login-area.setup.step1 .message-container .notificationMessage {
  padding-left: 0;
  text-align: left;
}
@media (min-width: 768px) {
  body.login-area.setup.step2 .loginpage .AccountResetSaveButton {
    width: 178px;
  }
}
body.login-area.link-approval.default .main-container > div:nth-child(2) {
  margin: auto;
}
body.login-area.link-approval.default .loginpage #LinkedAccountPanel .message-container:after {
  margin-top: 25px;
  margin-bottom: 5px;
}
body.login-area.link-approval.default .loginpage .btn:after {
  top: 5px;
}
body.login-area.multiple-login.default .loginpage #ChooseAccountPanel .controlContainer:after {
  margin-bottom: 0;
}
body.login-area.multiple-login.default .loginpage .initial-buttons .continue-container {
  left: 0;
  padding-right: 15px;
  padding-left: 15px;
}
body.login-area.multiple-login.default .loginpage .initial-buttons .goback-container {
  display: none;
}
body.login-area.additional-setup.default #wrapper main .pageTitle header h1 {
  margin-top: 0;
}
body.login-area.additional-setup.default #acceptTerms header h1 {
  margin-top: 0;
  font-size: 16px;
  font-weight: bold;
}
body.login-area.additional-setup.default #AccountUpdatePanel > span {
  display: none;
}
body.login-area.additional-setup.default .checkboxInputContainer label {
  font-weight: normal;
}
body.login-area.next-steps.default h3 {
  display: none;
}
body.login-area.next-steps.default .btn.btn-secondary {
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 768px) {
  body.login-area.next-steps.default .btn.btn-secondary {
    width: 182px;
  }
}
body.login-area.next-steps.default .btn.btn-secondary.loading {
  padding-left: 12px;
}
@media (max-width: 767px) {
  body.public-area.important-information #wrapper > main {
    padding-bottom: 280px;
  }
}
@media (min-width: 768px) {
  body.public-area.important-information #wrapper > main .main-container {
    padding-bottom: 48px;
  }
}
@media (max-width: 767px) {
  body.public-area.important-information #wrapper > footer > .footer-toprow > .inner {
    border-top: 0;
  }
}
body.public-area.important-information #MessageContainer {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  body.public-area.important-information #MessageContainer {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
body.public-area.important-information #LinksContainer > div.inner ul {
  list-style: none;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  margin: 16px 0 16px 0;
}
@media (max-width: 767px) {
  body.public-area.important-information #LinksContainer > div.inner ul {
    padding-bottom: 0px;
  }
}
@media (min-width: 768px) {
  body.public-area.important-information #LinksContainer > div.inner ul {
    flex-direction: row;
  }
}
body.public-area.important-information #LinksContainer > div.inner ul li {
  flex-grow: 1;
  text-align: left;
  padding: 24px;
  margin: 0;
  font-size: 16px;
  text-align: center;
}
body.public-area.important-information #LinksContainer > div.inner ul li span {
  width: 100%;
}
@media (max-width: 767px) {
  body.public-area.important-information #LinksContainer > div.inner ul li {
    border-bottom: 1px solid #E6E3DC;
  }
}
@media (min-width: 768px) {
  body.public-area.important-information #LinksContainer > div.inner ul li {
    display: flex;
    align-items: center;
    width: 33.33%;
    margin-left: 15px;
    margin-right: 5px;
    border: 1px solid #E6E3DC;
  }
}
@media (max-width: 767px) {
  body.public-area.important-information #LinksContainer > div.inner ul li:first-child {
    border-top: 1px solid #E6E3DC;
  }
}
@media (min-width: 768px) {
  body.public-area.important-information #LinksContainer > div.inner ul li:first-child {
    margin-left: 45px;
  }
}
@media (min-width: 768px) {
  body.public-area.important-information #LinksContainer > div.inner ul li:last-child {
    margin-right: 45px;
  }
}
body.public-area.important-information #LinksContainer > div.inner ul:first-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  body.public-area.important-information #LinksContainer > div.inner ul:first-child {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  body.public-area.important-information #LinksContainer > div.inner ul:first-child li:last-child {
    border-bottom-width: 0px;
  }
}
@media (max-width: 767px) {
  body.public-area.important-information #LinksContainer > div.inner ul:last-child {
    margin-top: 0;
  }
}
body.public-area.important-information #wrapper > footer > .footer-toprow nav {
  display: none;
}
.form-group .input-cover-label {
  pointer-events: none;
  background-color: transparent;
}
.form-control {
  font-size: 16px;
  color: #999999;
  border-radius: 3px;
}
.form-control:hover,
.form-control:active,
.form-control:focus {
  border-color: #427730;
  background-color: #EDF7EC;
}
.form-control:disabled {
  background-color: #eee;
  border-color: #B4B2AE;
}
.form-group-lg .form-control {
  padding-left: 12px;
}
.form-horizontal .form-group-lg .form-control:hover[readonly] {
  background-color: #eee;
  border-color: #B4B2AE;
}
.form-group-lg .form-control[readonly] {
  background-color: #eee;
  border-color: #B4B2AE;
}
.form-group-lg .form-control[readonly]:hover {
  background-color: #eee;
  border-color: #B4B2AE;
}
.form-horizontal .form-group-lg .form-control {
  font-size: 16px;
  border-color: #CCC;
  color: #999999;
  border-radius: 3px;
  padding-left: 12px;
  box-shadow: none;
}
.form-horizontal .form-group-lg .form-control:hover,
.form-horizontal .form-group-lg .form-control:active,
.form-horizontal .form-group-lg .form-control:focus {
  border-color: #427730;
  background-color: #EDF7EC;
}
.form-horizontal .form-group-lg .form-control:disabled {
  background-color: #eee;
  border-color: #B4B2AE;
}
.btn-group.bootstrap-select.disabled.form-control.input-lg {
  background-color: #eee;
}
.btn-group.bootstrap-select.disabled.form-control.input-lg:hover,
.btn-group.bootstrap-select.disabled.form-control.input-lg:active,
.btn-group.bootstrap-select.disabled.form-control.input-lg:focus,
.btn-group.bootstrap-select.disabled.form-control.input-lg:disabled {
  background-color: #eee;
  border-color: #B4B2AE;
}
.form-group.has-error .form-control {
  border-color: #CC0000;
  background-color: #FEFAFB;
}
.form-group.has-error .form-control:hover,
.form-group.has-error .form-control:active,
.form-group.has-error .form-control:focus {
  border-color: #CC0000;
  background-color: #FEFAFB;
}
body.transact-area.step2.default label.option-sub-text {
  color: #464646;
}
#rate-alerts-main-area .controlContainer.col-xs-12.js-ignore-width {
  max-width: 122px;
}
#rate-alerts-main-area .btn-group.bootstrap-select.form-control.input-lg {
  width: 122px;
}
#rate-alerts-main-area .sellCurrency {
  margin-right: 12px;
}
#rate-alerts-main-area .sellCurrency span {
  text-align: left;
}
#rate-alerts-main-area .buyCurrency {
  margin-left: 0px;
  margin-top: 2px;
}
#rate-alerts-main-area .buyCurrency span {
  text-align: left;
}
#rate-alerts-main-area .currency-middle-column {
  width: 44px;
  margin: 0px 16px;
}
#rate-alerts-main-area .form-control.input-lg.maskedNumeric.form-control.input-lg.rightCtl.rateNumericInput.data-val-ignore.leftCtl,
#rate-alerts-main-area .form-control.input-lg.maskedNumeric.form-control.input-lg.rightCtl.rateNumericInput.data-val-ignore.rightCtl {
  padding-left: 36px;
}
.processing #processingSpinner {
  background: url("../../jlp/img/svg/spinner.svg") center no-repeat;
  animation: spinner__rotate 1s linear infinite;
  margin-bottom: -5px;
  padding-bottom: 0px;
}
.processing .processingHeader {
  margin-top: 0px !important;
  padding-top: 0px;
  font-family: "GillSansforJL";
  font-weight: normal;
  font-size: 24px !important;
  color: #102B2B !important;
}
.processing .processingMessage {
  font-family: "GillSansforJL";
  line-height: 18px;
  font-weight: normal;
  font-size: 16px;
  color: #464646;
}
@keyframes spinner__rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.transact-area.step3.default #overlay .loader,
body.transact-area.step4.default #overlay .loader {
  bottom: 40%;
}
body.transact-area.step3.default #alertMessage .alert {
  margin-top: -45px;
  margin-bottom: 24px;
}
#transactions-unavailable h1 {
  width: 440px;
  padding-left: 0px;
  font-size: 24px;
  line-height: 28px;
  color: #102B2B;
  font-family: "GillSansforJL";
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: 64px;
}
@media (max-width: 600px) {
  #transactions-unavailable h1 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 768px) {
  #rateAlertListContainer .col-sm-4 .button-container {
    float: right;
  }
}
#rateAlertListContainer:not(.has-alerts) .rate-alerts-title {
  color: #464646;
}
#rateAlertListContainer:not(.has-alerts) .col-xs-12 .button-container {
  padding-top: 24px;
}
#rateAlertListContainer:not(.has-alerts) .col-xs-12 .button-container #createAlertButton {
  margin: 0px;
}
@media (min-width: 768px) {
  #rateAlertListContainer:not(.has-alerts) .col-xs-12 .button-container #createAlertButton {
    width: 213px;
  }
}
@media (min-width: 768px) {
  #rateAlertListContainer:not(.has-alerts) #rateAlertHistory .row div a {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  #rateAlertListContainer:not(.has-alerts) #rateAlertHistory .center {
    float: left;
  }
}
body.transact-area .transact-container .transact-highlight {
  color: #464646;
}
.transact-area .recipient-intermediary-details .field-group-title,
.recipient-area .recipient-intermediary-details .field-group-title {
  padding-top: 20px !important;
  margin-bottom: 10px !important;
}
.recipient-additional-details h2,
.recipient-bank-details h2,
.recipient-intermediary-details h2 {
  margin-right: -15px;
}
.field-group.recipient-additional-details h2 {
  margin-top: 20px !important;
}
body.rate-alerts-area.create-alert.default .info-label {
  color: #999;
}
.rate-alerts-area.create-alert .main-container.container-fluid {
  padding-left: 0px;
}
@media (min-width: 992px) {
  .rate-alerts-area.create-alert .container-fluid.view-container {
    padding-left: 0px;
  }
}
@media (min-width: 992px) {
  .rate-alerts-area.create-alert .pageTitle {
    margin-left: 0px !important;
  }
}
@media (max-width: 768px) {
  .login > .container-fluid > .row > .col-xs-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.nortonLogo {
  margin-top: 45px;
  margin-bottom: 35px;
}
@media (min-width: 992px) {
  .nortonLogo {
    margin-bottom: 0;
  }
}
#wrapper > header .top-menu ul.navbar-nav {
  background-color: white;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #464646;
  font-size: 16px;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav {
    display: flex;
    flex-flow: row;
    height: 40px;
    float: none;
    justify-content: center;
    align-items: center;
  }
}
#wrapper > header .top-menu ul.navbar-nav > li {
  background-color: white;
  flex-grow: 1;
  text-align: left;
  border-color: #EAEAEA;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li {
    margin-right: 0;
    height: 40px;
    border-color: #dedbd2;
  }
}
#wrapper > header .top-menu ul.navbar-nav > li:first-child {
  border-top: 0;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li:nth-last-child(2) {
    border-right: none;
  }
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li:last-child {
    display: none;
  }
}
#wrapper > header .top-menu ul.navbar-nav > li > a,
#wrapper > header .top-menu ul.navbar-nav > li a:hover,
#wrapper > header .top-menu ul.navbar-nav > li a:visited {
  font-size: 16px;
  padding-top: 15px;
  padding-left: 15px;
  height: 48px;
  background-color: white;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li > a,
  #wrapper > header .top-menu ul.navbar-nav > li a:hover,
  #wrapper > header .top-menu ul.navbar-nav > li a:visited {
    height: 40px;
    background-color: white;
    background: url("../../jlp/img/menu_separator.png");
    background-repeat: no-repeat;
    padding: 9px 4px 12px 4px;
    border-bottom: 1px solid #dedbd2;
    border-radius: 0;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-left: 1px solid white;
    text-align: center;
  }
}
@media (min-width: 992px) {
  #wrapper > header .top-menu ul.navbar-nav > li > a,
  #wrapper > header .top-menu ul.navbar-nav > li a:hover,
  #wrapper > header .top-menu ul.navbar-nav > li a:visited {
    padding: 10px 4px 12px 4px;
  }
}
#wrapper > header .top-menu ul.navbar-nav > li > a .fa.fa-caret-down {
  background-image: url("../../jlp/img/svg/nav-arrow.svg");
  background-repeat: no-repeat;
  height: 8px;
  width: 9px;
  margin-left: 3px;
}
#wrapper > header .top-menu ul.navbar-nav > li > a .fa.fa-caret-down:before {
  content: none;
}
#wrapper > header .top-menu ul.navbar-nav > li > a span.homeimage {
  background-image: url("../../jlp/img/svg/home.svg");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
}
#wrapper > header .top-menu ul.navbar-nav > li > a span.homeimage:before {
  content: none;
}
#wrapper > header .top-menu ul.navbar-nav > li > a span.homeimage:hover {
  background-image: url("../../jlp/img/svg/home-active.svg");
}
@media (min-width: 992px) {
  #wrapper > header .top-menu ul.navbar-nav > li > a:hover {
    color: #427730;
  }
  #wrapper > header .top-menu ul.navbar-nav > li > a:hover .fa.fa-caret-down {
    background-image: url("../../jlp/img/svg/nav-arrow-active.svg");
  }
}
@media (min-width: 992px) {
  #wrapper > header .top-menu ul.navbar-nav > li > a:focus {
    outline: none;
    color: #427730;
  }
}
#wrapper > header .top-menu ul.navbar-nav > li > a:focus .fa.fa-caret-down {
  background-image: url("../../jlp/img/svg/nav-arrow-active.svg");
}
#wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu {
  top: 45px;
  box-shadow: none;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu {
    top: 40px;
  }
}
#wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu li {
  border-top: 1px solid #EAEAEA;
  height: 48px;
  text-align: left;
  padding-left: 15px;
  background-color: #FBF9F6;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu li {
    height: 44px;
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 0;
    background-color: white;
  }
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu li:first-child {
    border-top: none;
    height: 52px;
    padding-top: 8px;
  }
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu li:last-child {
    margin-bottom: 8px;
  }
}
#wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu li a {
  padding: 15px 10px 12px 0;
  font-size: 16px;
  text-align: left;
}
#wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu li a:hover {
  background-color: #FBF9F6;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu li a:hover {
    background-color: #FBF9F6;
    border: 0;
    background: none;
  }
}
@media (min-width: 992px) {
  #wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu li a:hover {
    color: #427730;
  }
}
#wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu li a:focus {
  background-color: #FBF9F6;
  outline: none;
  color: #427730;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li .dropdown-menu li a:focus {
    background-color: white;
  }
}
#wrapper > header .top-menu ul.navbar-nav > li.open > a {
  background: none;
}
#wrapper > header .top-menu ul.navbar-nav > li.open > a .fa.fa-caret-down {
  background-image: url("../../jlp/img/svg/nav-arrow-active.svg");
}
#wrapper > header .top-menu ul.navbar-nav > li.open > a,
#wrapper > header .top-menu ul.navbar-nav > li.open > a:hover,
#wrapper > header .top-menu ul.navbar-nav > li.open > a:visited {
  color: #427730;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li.open > a,
  #wrapper > header .top-menu ul.navbar-nav > li.open > a:hover,
  #wrapper > header .top-menu ul.navbar-nav > li.open > a:visited {
    color: #427730;
    border-top: 1px solid #dedbd2;
    border-right: 1px solid #dedbd2;
    border-left: 1px solid #dedbd2;
    border-bottom: 1px solid white;
    background: none;
    padding-bottom: 12px;
  }
}
#wrapper > header .top-menu ul.navbar-nav > li.open .dropdown-menu {
  border-top: none;
}
#wrapper > header .top-menu ul.navbar-nav > li.open.active a {
  background: none;
}
#wrapper > header .top-menu ul.navbar-nav > li.open.active .dropdown-menu {
  top: 40px;
}
#wrapper > header .top-menu ul.navbar-nav > li.open + li a {
  background: none;
}
#wrapper > header .top-menu ul.navbar-nav > li.active > a {
  color: #427730;
}
#wrapper > header .top-menu ul.navbar-nav > li.active > a span.homeimage {
  background-image: url("../../jlp/img/svg/home-active.svg");
}
#wrapper > header .top-menu ul.navbar-nav > li.active .fa.fa-caret-down {
  background-image: url("../../jlp/img/svg/nav-arrow-active.svg");
}
#wrapper > header .top-menu ul.navbar-nav > li.active:first-child a,
#wrapper > header .top-menu ul.navbar-nav > li.active:first-child a:hover,
#wrapper > header .top-menu ul.navbar-nav > li.active:first-child a:visited {
  background: none;
  padding-top: 15px;
  padding-bottom: 14px;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li.active:first-child a,
  #wrapper > header .top-menu ul.navbar-nav > li.active:first-child a:hover,
  #wrapper > header .top-menu ul.navbar-nav > li.active:first-child a:visited {
    padding-top: 9px;
  }
}
#wrapper > header .top-menu ul.navbar-nav > li a {
  color: #464646;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li a:hover {
    color: #427730;
  }
  #wrapper > header .top-menu ul.navbar-nav > li a:hover .fa.fa-caret-down {
    background-image: url("../../jlp/img/svg/nav-arrow-active.svg");
  }
}
#wrapper > header .top-menu ul.navbar-nav > li:first-child a {
  background: none;
}
@media (min-width: 768px) {
  #wrapper > header .top-menu ul.navbar-nav > li:first-child a {
    padding-top: 9px;
  }
}
@media (min-width: 768px) {
  .navbar-collapse {
    border-top: none;
  }
}
@media (min-width: 768px) {
  .navbar-collapse.collapse {
    padding-right: 0;
  }
}
.progressbar {
  padding: 0;
}
.progressbar > ul {
  width: 100%;
  font-size: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  color: #464646;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.progressbar > ul li {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.progressbar > ul li.active span {
  background-color: white;
  border-bottom-width: 0;
}
.progressbar > ul li:after {
  display: block;
  content: ' ';
  width: 4px;
  height: 64px;
  border-bottom: 1px solid #E6E3DC;
  background-color: white;
}
@media (max-width: 767px) {
  .progressbar > ul li:after {
    height: 48px;
  }
}
.progressbar > ul li a {
  flex-grow: 1;
  text-decoration: none;
  color: #464646;
}
.progressbar > ul li span {
  font-size: 16px;
  display: block;
  line-height: 64px;
  flex-grow: 1;
  text-align: center;
  vertical-align: middle;
  height: 64px;
  border: 1px solid #E6E3DC;
  background-color: #F2F1ED;
}
@media (max-width: 767px) {
  .progressbar > ul li span {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
  }
}
.progressbar > ul li:first-child span {
  border-left-width: 0;
}
.progressbar > ul li:last-child span {
  border-right-width: 0;
}
.progressbar > ul li:last-child {
  margin-right: 0;
}
.progressbar > ul li:last-child:after {
  display: none;
}
.panel-homepage-content {
  padding-left: 0px;
}
.panel-homepage {
  width: 100%;
  display: inline-block;
  background-color: #F2F1ED;
  text-align: center;
  padding: 24px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .panel-homepage {
    height: 153px;
  }
}
.panel-homepage .hidden-xs {
  display: block!important;
}
@media (min-width: 768px) {
  .panel-homepage {
    text-align: left;
  }
}
.panel-homepage h5 {
  font-family: "GillSansforJL";
  padding-top: 0;
  color: #464646;
  font-size: 24px;
  line-height: 1em;
  font-weight: 400;
  margin: 0 0 12px 0;
}
.panel-homepage .btn-homepage,
.panel-homepage .btn-homepage:hover {
  text-decoration: underline;
  display: inline-block;
  color: #427730;
  font-size: 16px;
  line-height: 1em;
  margin: 11px 0 0 0 !important;
  font-family: "GillSansforJL";
  background: transparent;
  background-color: transparent !important;
  padding: 5px 0 !important;
  min-height: auto !important;
}
.panel-homepage .btn-homepage:focus {
  outline: 1px dotted;
  padding: 5px 0;
}
#homepageQuotingContainer .validationMessage {
  font-size: 14px;
  color: #CC0000;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover {
  width: 100% !important;
  margin-bottom: 0;
  margin-top: 20px;
  border: none;
  table-layout: auto;
  font-size: 16px;
  font-family: "GillSansforJL";
  color: #464646;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover.expand-icon tbody tr.tableRow.expandable td:first-child {
  width: 13px;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tr.expandable {
  cursor: pointer;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover thead th {
  font-size: 16px;
  font-family: "GillSansforJL";
  font-weight: normal;
  color: #464646;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover thead .sorting_asc {
  background: url("../../jlp/img/svg/sort-arrow-asc.svg") no-repeat center right;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover thead tr {
  padding: 12px;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover thead tr th {
  border: none;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover thead .sorting {
  background: none;
  text-align: left;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover thead .sorting_desc {
  background: url("../../jlp/img/svg/sort-arrow.svg") no-repeat center right;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover thead .sorting_asc,
.dataTables_wrapper table.dataTable.no-footer.table-hover thead .sorting_desc {
  background-size: 12px 8px;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover thead th,
.dataTables_wrapper table.dataTable.no-footer.table-hover thead .sorting_asc,
.dataTables_wrapper table.dataTable.no-footer.table-hover thead .sorting_desc {
  background-color: white;
  color: black;
  vertical-align: top;
  white-space: nowrap;
  text-align: left;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover thead th.tool-tip:not(.sorting_desc):not(.sorting_asc) {
  padding-left: 12px;
  cursor: help;
}
@media (max-width: 767px) {
  .dataTables_wrapper table.dataTable.no-footer.table-hover thead {
    display: none;
  }
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr.odd.expandable.shown ~ .expandedRow:hover {
  background-color: #F2F1ED;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr.odd.expandable.shown ~ .expandedRow td {
  background-color: #F2F1ED;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr.even.expandable.shown ~ .expandedRow:hover {
  background-color: #ffffff;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr.even.expandable.shown ~ .expandedRow td {
  background-color: #ffffff;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr td {
  padding: 12px 8px;
}
@media (max-width: 768px) {
  .dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr td {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr td div.money-icon {
  background-position-x: 0%;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody .expandedRow {
  margin-bottom: 0;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody .expandedRow td {
  padding-top: 0;
  padding-bottom: 0;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody .crop-content .span {
  white-space: normal;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody .money-icon {
  background-image: url("../../jlp/img/svg/cross.svg");
  background-size: 12px 12px;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody .money-icon.tick {
  background-image: url("../../jlp/img/svg/tick.svg");
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody .bank-name {
  font-family: "GillSansforJL";
  font-weight: normal;
  font-size: 16px;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody .country {
  font-family: "GillSansforJL";
  font-weight: normal;
  font-size: 16px;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr.tableRow td {
  max-width: 80px;
  overflow: hidden;
  border: none;
  background-color: #ffffff;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr.tableRow .account-name {
  padding-left: 0px;
  font-family: "GillSansforJL";
  font-weight: normal;
  font-size: 16px;
  text-decoration: underline;
  color: #427730;
}
@media (min-width: 992px) {
  .dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr.tableRow .account-name {
    padding-left: 1px;
  }
  .dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr.tableRow .account-name span:focus {
    outline: 1px dotted;
    padding: 5px 0;
  }
}
@media (max-width: 768px) {
  .dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr.tableRow .account-name {
    padding-left: 15px;
  }
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr.tableRow:nth-child(odd) {
  background-color: #F2F1ED;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover tbody tr.tableRow.odd td {
  background-color: #F2F1ED;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover a {
  color: #427730;
  font-family: "GillSansforJL";
  text-decoration: underline;
  font-size: 16px;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover a:focus {
  outline: 1px dotted;
  padding: 5px 0;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover .tableRow:first-child td {
  border-top: 1px solid #dedbd2;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover .tableRow:last-child td {
  border-bottom: 1px solid #dedbd2;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover .expandedRowContainer:first-child {
  margin-top: 8px;
}
.dataTables_wrapper table.dataTable.no-footer.table-hover .expandedRow:last-child td {
  border-bottom: 1px solid #dedbd2;
}
.dataTables_wrapper .dataTables_paginate {
  text-align: center;
  width: 100%;
  padding-left: auto;
  padding-right: auto;
}
@media (max-width: 575px) {
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 4px;
  }
}
.dataTables_wrapper .dataTables_info {
  text-align: center;
  font-size: 14px;
  color: #102B2B;
  padding-bottom: 16px;
  padding-top: 12px;
}
.dataTables_wrapper .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  font-weight: normal;
  font-size: 16px;
  width: 44px;
  height: 44px;
  padding: 13px 13px;
  margin-left: 8px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  color: #464646;
  background-color: #F2F1ED;
  outline: none;
}
.dataTables_wrapper .paginate_button.previous,
.dataTables_wrapper .paginate_button.next {
  display: none !important;
}
.dataTables_wrapper .paginate_button.current {
  background-color: #B4B2AE;
}
.dataTables_wrapper .paginate_button:first-child {
  margin-left: 0px;
}
.dataTables_wrapper .search-header input,
.dataTables_wrapper .search-header select {
  width: 100%;
  color: gray;
  height: 25px;
  padding: 2px;
}
.dataTables_wrapper div.dataTables_processing {
  height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  background-color: #CCD2D5;
}
.dataTables_wrapper .row-selection {
  text-align: center;
  width: 30px;
}
.table-rows {
  margin-left: 0;
  margin-right: 0;
}
.table-rows .row:nth-child(odd) {
  background-color: #eeeeee;
}
body.history-area.contract-history.default table.dataTable thead tr th {
  text-align: left;
  padding: 12px;
}
.glyphicon-chevron-down {
  background: url("../../jlp/img/svg/sort-arrow.svg") no-repeat center center;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  padding-left: 16px;
  padding-right: 12px;
}
.glyphicon-chevron-down:before {
  content: "";
}
_:-ms-input-placeholder,
:root .glyphicon-chevron-down {
  background-size: 14px 10px;
}
_:-ms-input-placeholder,
:root .glyphicon-chevron-up {
  background-size: 14px 10px;
}
body:last-child .glyphicon-chevron-down,
x:-moz-any-link,
x:default,
body:last-child .glyphicon-chevron-up,
x:-moz-any-link,
x:default {
  background-size: 14px 10px;
}
.glyphicon-chevron-up {
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  padding-left: 16px;
  padding-right: 12px;
}
.glyphicon-chevron-up:before {
  content: "";
}
@media (max-width: 768px) {
  .recipientMobileContentContainer {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .recipientMobileChevronContainer {
    padding-top: 12px;
  }
}
#gridContainer tr:not(.expandedRow) td {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  #rateAlertListContainer .container-fluid > .row > .col-sm-4 {
    float: right;
  }
}
#rateAlertListContainer td {
  padding-top: 16px;
  padding-bottom: 16px;
}
#rateAlertListContainer td .shown {
  padding-top: 12px;
  padding-bottom: 12px;
}
#rateAlertListContainer .panel-heading {
  background-color: #F2F1ED;
}
@media (max-width: 768px) {
  #rateAlertListContainer .panel-heading a {
    margin-left: 0px;
  }
  #rateAlertListContainer .panel-heading .info-text {
    margin-left: 0px;
  }
}
#rateAlertListContainer .panel-title a {
  color: #464646;
  font-size: 18px;
  font-family: "GillSansforJL";
}
#rateAlertListContainer .panel-body {
  font-size: 16px;
  color: #464646;
  font-family: "GillSansforJL";
}
#rateAlertListContainer .info-text {
  color: #999;
  font-size: 14px;
  font-family: "GillSansforJL";
}
#rateAlertListContainer .glyphicon-chevron-down {
  background: url("../../jlp/img/svg/item-collapsed.svg") no-repeat center center;
  padding-top: 21px;
  float: right;
}
#rateAlertListContainer .delete-alert {
  border-top: 1px solid #dedbd2;
}
#rateAlertListContainer .delete-alert a {
  color: #CC0000;
  font-size: 16px;
  font-family: "GillSansforJL";
}
#rateAlertListContainer .glyphicon-chevron-up {
  background: url("../../jlp/img/svg/item-expanded.svg") no-repeat center center;
  padding-top: 21px;
  float: right;
}
#rateAlertListContainer #createAlertButton {
  margin: 24px;
  margin-right: 0px;
  margin-bottom: 0px;
}
#rateAlertList {
  margin-top: 24px;
}
body.history-area.contract-history.default section.main h1 {
  font-size: 26px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  body.history-area.contract-history.default section.main h1 {
    font-size: 24px;
    margin-bottom: 0;
  }
}
body.history-area.contract-history.default section.main h2 {
  color: #667980;
  margin-left: 0;
  font-size: 20px;
}
body.history-area.contract-history.default section.main .btn-secondary {
  padding: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  body.history-area.contract-history.default section.main .btn-secondary {
    padding: inherit;
  }
}
@media (min-width: 992px) {
  body.history-area.contract-history.default section.main .btn-secondary {
    min-width: 308px;
  }
}
body.history-area.contract-history.default section.main a.btn-secondary {
  padding-top: 12px;
}
body.history-area.contract-history.default section.main a.btn-secondary:after {
  top: 5px;
}
@media (min-width: 768px) {
  body.history-area.contract-history.default section.main a.btn-secondary {
    width: 290px;
  }
}
body.history-area.contract-history.default section.main .additional-info-text {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 2px;
  font-size: 14px;
  color: #999999;
}
body.history-area.contract-history.default section.main #ShowCompletedTransactionsContainer .row {
  text-align: center;
  align-content: center;
}
body.history-area.contract-history.default section.main #ShowCompletedTransactionsContainer .row label.control-label {
  padding: 0;
  color: #464646;
  font-size: 16px;
  font-weight: normal;
}
body.history-area.contract-history.default section.main #ShowCompletedTransactionsContainer .row .checkboxInputContainer {
  display: inline-block;
}
body.history-area.contract-history.default section.main #ShowCompletedTransactionsContainer .row .checkboxSpan {
  align-content: center;
}
body.history-area.contract-history.default table.dataTable {
  margin-bottom: 10px;
  font-size: 15px;
}
@media (min-width: 768px) {
  body.history-area.contract-history.default table.dataTable {
    margin-bottom: 20px;
  }
}
body.history-area.contract-history.default table.dataTable thead tr th {
  border-bottom: 0;
}
body.history-area.contract-history.default table.dataTable tbody tr {
  cursor: pointer;
}
body.history-area.contract-history.default table.dataTable tbody tr td .money-icon {
  background-position: center center;
}
body.history-area.contract-history.default table.dataTable tbody tr .icon {
  width: 20px;
  display: inline-block;
  float: right;
}
body.history-area.contract-history.default table.dataTable .reference {
  width: 85px;
}
body.history-area.contract-history.default table.dataTable .transaction-date {
  width: 95px;
}
body.history-area.contract-history.default table.dataTable .payment-date {
  width: 80px;
}
body.history-area.contract-history.default table.dataTable .money-in,
body.history-area.contract-history.default table.dataTable .money-out {
  width: 25px;
}
body.history-area.contract-history.default table.dataTable .rate {
  width: 50px;
}
body.history-area.contract-history.default div.tick {
  background-repeat: no-repeat;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../../core/img/svg/tick-icon-SVG.svg");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}
@media (min-width: 768px) {
  body.history-area.contract-history.default div.tick {
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
  }
}
.no-svg body.history-area.contract-history.default div.tick {
  background-image: url("../../core/img/mobile/tick-icon-144.png");
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .no-svg body.history-area.contract-history.default div.tick {
    background-image: url("../../core/img/desktop/tick-icon-72.png");
    width: 20px;
    height: 20px;
  }
}
body.history-area.contract-history.default div.cross {
  background-repeat: no-repeat;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../../core/img/svg/cross-icon-SVG.svg");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}
@media (min-width: 768px) {
  body.history-area.contract-history.default div.cross {
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
  }
}
.no-svg body.history-area.contract-history.default div.cross {
  background-image: url("../../core/img/mobile/cross-icon-144.png");
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .no-svg body.history-area.contract-history.default div.cross {
    background-image: url("../../core/img/desktop/cross-icon-72.png");
    width: 20px;
    height: 20px;
  }
}
body.history-area.contract-history.default div.processing {
  background-repeat: no-repeat;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../../core/img/svg/processing-icon-SVG.svg");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}
@media (min-width: 768px) {
  body.history-area.contract-history.default div.processing {
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
  }
}
.no-svg body.history-area.contract-history.default div.processing {
  background-image: url("../../core/img/mobile/processing-icon-144.png");
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .no-svg body.history-area.contract-history.default div.processing {
    background-image: url("../../core/img/desktop/processing-icon-72.png");
    width: 20px;
    height: 20px;
  }
}
body.history-area.contract-history.default .mobile-template {
  margin: 0;
  padding: 10px 10px 5px 10px;
  cursor: pointer;
}
body.history-area.contract-history.default .mobile-template .row {
  margin: 10px 0 10px 0;
}
@media (min-width: 768px) {
  body.history-area.contract-history.default .mobile-template .row {
    margin: 0 0 10px 0;
  }
}
body.history-area.contract-history.default .mobile-template .row:last-child {
  margin-bottom: 10px;
}
body.history-area.contract-history.default .mobile-template .row [class^="col-"] {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 130px;
}
body.history-area.contract-history.default #wrapper > main .main-container {
  padding-bottom: 0;
}
body.history-area.contract-history.default .nortonLogo {
  margin-top: 40px;
}
@media (min-width: 768px) {
  body.history-area.contract-history.default .nortonLogo {
    text-align: right;
  }
}
body.history-area.contract-history.default .dataTables_filter {
  display: none;
}
#ProgressSummarySection .dealingprogressbar {
  border: 1px solid #E5E2DD;
  padding: 0 24px 0 24px;
  width: 100%;
}
#ProgressSummarySection .dealingprogressbar .panel-heading {
  background-color: #ffffff;
  color: #102B2B;
  font-family: "GillSansforJL";
  font-size: 24px;
  height: auto;
  line-height: 1em;
  padding: 24px 0 24px 0;
}
#ProgressSummarySection .dealingprogressbar .row {
  padding: 0 0 16px 0;
}
#ProgressSummarySection .dealingprogressbar .row .crop-content {
  padding: 0;
}
#ProgressSummarySection .dealingprogressbar .row div:nth-child(2) strong {
  margin-top: 0;
}
#ProgressSummarySection .dealingprogressbar .progressBarInblockSpace {
  margin: 0;
  padding: 0;
}
#ProgressSummarySection .dealingprogressbar strong {
  color: #999;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  margin: 16px 0 8px 0;
}
#ProgressSummarySection .dealingprogressbar div.col-xs-6 {
  width: 100%;
}
#ProgressSummarySection .dealingprogressbar span {
  color: #464646;
  font-size: 16px;
  line-height: 1em;
}
#ProgressSummarySection .dealingprogressbar span.rate-label {
  color: #999;
  font-size: 14px;
}
#ProgressSummarySection .dealingprogressbar .transact-highlight {
  font-weight: 700;
}
#ProgressSummarySection .dealingprogressbar hr {
  border-top: 1px solid #dedbd2;
  margin: 0;
}
@media (min-width: 768px) {
  #ProgressSummarySection .dealingprogressbar {
    width: 240px;
  }
}
.progressBarInblockSpace {
  margin-bottom: 10px;
}
.progressBarBody .row {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 992px) {
  .progressbarcolumn {
    width: 29%;
  }
}
.progressBarHeading {
  font-weight: normal;
}
/*@import "../../../hifx/css/bootstrap/_variables.less";
@import "../bootstrap/mixins.less";*/
.radio {
  border-radius: 5px;
  background-color: #CCD2D5;
  color: #69747e;
  cursor: pointer;
  height: 92px;
  background-repeat: no-repeat;
  background-position: 90%, 50%;
  display: table-cell;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .radio {
    height: 72px;
  }
}
.radio-outer-wrapper {
  display: table;
  width: 100%;
  height: 72px;
  top: 0;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.radio label {
  margin-left: 35px;
  margin-right: 125px;
}
@media (min-width: 768px) {
  .radio label {
    margin-right: 75px;
  }
}
.radio input {
  margin-left: 0 !important;
  width: 20px;
  height: 20px;
  margin-top: 0;
  left: 20px;
  top: 37px;
}
@media (min-width: 768px) {
  .radio input {
    top: 27px;
  }
}
.radioSelected {
  background-color: #69747e;
  color: white;
}
input[type="checkbox"] {
  display: block;
  position: absolute;
  left: -9999px;
}
input[type="checkbox"] + label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -3px 4px 0 0;
  vertical-align: middle;
  background: url("../../jlp/img/svg/check.svg") no-repeat 0 0;
  cursor: pointer;
  font-weight: normal;
}
.checkbox-container {
  margin-top: 10px;
  margin-left: 15px;
}
.checkboxInputContainer .labelContainer {
  padding: 0 40px 0 50px;
  z-index: 0;
}
.checkboxInputContainer .controlContainer {
  position: absolute;
  margin-top: 2px;
  z-index: 1;
  width: 25px;
}
.checkboxInputContainer .field-validation-error {
  display: block;
}
span.checkboxSpan.checkBoxSelected {
  background: url("../../jlp/img/svg/check.svg") -20px no-repeat;
  background-position: 0 -40px;
}
span.checkboxSpan.checkBoxSelected:focus,
span.checkboxSpan.checkBoxSelected:hover {
  background-position: 0 -60px;
}
span.checkboxSpan.checkBoxSelected:invalid {
  background-position: 0 -120px;
}
span.checkboxSpan.checkboxInFocus {
  background-position: 0 -20px;
}
span.checkboxSpan.checkboxInFocus.checkBoxSelected {
  background-position: 0 -60px;
}
.has-error span.checkboxSpan,
.has-error span.checkboxSpan.checkBoxSelected {
  background-position: 0 -120px;
}
.has-error span.checkboxSpan:focus,
.has-error span.checkboxSpan.checkBoxSelected:focus,
.has-error span.checkboxSpan:hover,
.has-error span.checkboxSpan.checkBoxSelected:hover {
  background-position: 0 -120px;
}
.radio-span {
  font-size: 16px;
  font-family: "GillSansforJL";
  color: #464646;
  display: block;
  padding: 0;
  height: 20px;
  margin: 12px 0 0 0;
  vertical-align: middle;
  background: url("../../jlp/img/svg/radio.svg") no-repeat 0 0;
  cursor: pointer;
  font-weight: normal;
}
.radio-span:focus,
.radio-span:hover {
  background-position: 0 -20px;
}
.radio-span:invalid {
  background-position: 0 -120px;
}
.radio-span input {
  margin-left: 8px;
  visibility: hidden;
  height: 20px;
  vertical-align: text-top;
}
.radio-span .disabled {
  background-position: 0 -80px;
}
.radio-span.radio-selected {
  background: url("../../jlp/img/svg/radio.svg") -20px no-repeat;
  background-position: 0 -40px;
}
.radio-span.radio-selected:focus,
.radio-span.radio-selected:hover {
  background-position: 0 -60px;
}
.radio-span.radio-selected:invalid {
  background-position: 0 -120px;
}
.radio-span.disabled,
.radio-span.radio-selected.disabled {
  font-size: 16px;
  font-family: "GillSansforJL";
  color: #999;
  background-position: 0 -80px;
}
.checkBoxLabel {
  cursor: pointer;
  padding-left: 0;
}
span.checkboxSpan {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 12px 0 0 0;
  vertical-align: middle;
  background: url("../../jlp/img/svg/check.svg") no-repeat 0 0;
  cursor: pointer;
  font-weight: normal;
}
border span.checkboxSpan:focus,
span.checkboxSpan:hover {
  background-position: 0 -20px;
}
span.checkboxSpan:invalid {
  background-position: 0 -120px;
}
#existingRecipientSpan {
  padding-right: 12px;
}
#editPhoneNumbersForm .radio-span {
  margin: 0px;
}
.form-group .btn.dropdown-toggle.btn-default,
.btn.dropdown-toggle.btn-default {
  font-weight: normal;
  font-family: "GillSansforJL";
  font-size: 16px;
  color: #999;
  background: #ffffff;
  border: 1px solid #CCC;
  border-radius: 3px;
}
.form-group .btn.dropdown-toggle.btn-default:after,
.btn.dropdown-toggle.btn-default:after {
  content: none;
}
.form-group .btn.dropdown-toggle.btn-default:hover,
.btn.dropdown-toggle.btn-default:hover,
.form-group .btn.dropdown-toggle.btn-default:focus,
.btn.dropdown-toggle.btn-default:focus,
.form-group .btn.dropdown-toggle.btn-default:active,
.btn.dropdown-toggle.btn-default:active {
  background: #EDF7EC;
  border: 1px solid #427730;
  border-radius: 3px;
}
.form-group .btn.dropdown-toggle.btn-default:invalid,
.btn.dropdown-toggle.btn-default:invalid {
  background: #FEFAFB;
  border: 1px solid #CC0000;
  border-radius: 3px;
}
.form-group .btn.dropdown-toggle.btn-default:disabled,
.btn.dropdown-toggle.btn-default:disabled {
  background: #eee;
  border: 1px solid #B4B2AE;
  border-radius: 3px;
}
.form-group .btn.dropdown-toggle.btn-default .bs-caret .caret,
.btn.dropdown-toggle.btn-default .bs-caret .caret {
  height: 44px;
  width: 44px;
  background: url("../../jlp/img/svg/select-arrow.svg") no-repeat;
  top: -3px;
  right: 0px;
  margin: 0px;
  border: none;
}
.btn.dropdown-toggle.disabled.btn-default:hover,
.form-control[disabled].form-control[readonly].fieldset[disabled].form-control,
.btn.dropdown-toggle.disabled.btn-default {
  background: #eee;
  border: 1px solid #B4B2AE;
  border-radius: 3px;
}
.btn.dropdown-toggle.disabled.btn-default:hover:active,
.form-control[disabled].form-control[readonly].fieldset[disabled].form-control:active,
.btn.dropdown-toggle.disabled.btn-default:active,
.btn.dropdown-toggle.disabled.btn-default:hover:hover,
.form-control[disabled].form-control[readonly].fieldset[disabled].form-control:hover,
.btn.dropdown-toggle.disabled.btn-default:hover,
.btn.dropdown-toggle.disabled.btn-default:hover:focus,
.form-control[disabled].form-control[readonly].fieldset[disabled].form-control:focus,
.btn.dropdown-toggle.disabled.btn-default:focus {
  background: #eee;
  border: 1px solid #B4B2AE;
  border-radius: 3px;
}
.dropdown-menu {
  padding: 0px;
}
#homepageQuotingContainer .form-control.input-lg.rightCtl {
  text-overflow: ellipsis;
}
@media (max-width: 968px) and (min-width: 768px) {
  #homepageQuotingContainer .col-xs-4.col-sm-4.col-md-4.controlContainer {
    width: 42%;
  }
}
@media (max-width: 968px) and (min-width: 768px) {
  #homepageQuotingContainer .form-control.btn-group.leftCtl .btn {
    width: 100%;
  }
}
@media (max-width: 968px) and (min-width: 768px) {
  #homepageQuotingContainer .col-xs-8.col-sm-8.col-md-8 {
    width: 58%;
  }
}
.input-cover-label.unselectable {
  color: #999;
}
.form-control.btn-group.leftCtl .btn {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.form-group.has-error .form-control .form-group .btn.dropdown-toggle.btn-default,
.form-group.has-error .form-control .btn.dropdown-toggle.btn-default {
  background: #FEFAFB;
  border: 1px solid #CC0000;
  border-radius: 3px;
}
.form-group.has-error .form-control .form-group .btn.dropdown-toggle.btn-default:hover,
.form-group.has-error .form-control .btn.dropdown-toggle.btn-default:hover,
.form-group.has-error .form-control .form-group .btn.dropdown-toggle.btn-default:focus,
.form-group.has-error .form-control .btn.dropdown-toggle.btn-default:focus,
.form-group.has-error .form-control .form-group .btn.dropdown-toggle.btn-default:active,
.form-group.has-error .form-control .btn.dropdown-toggle.btn-default:active {
  background: #FEFAFB;
  border: 1px solid #CC0000;
  border-radius: 3px;
}
.dropdown-menu.open .bs-searchbox {
  padding: 8px;
}
.dropdown-menu.open .bs-searchbox .form-control {
  background: url("../../jlp/img/svg/search.svg") no-repeat;
  background-size: 38px 38px;
  background-position: center right;
  padding-right: 42px;
}
.dropdown-menu.open .bs-searchbox .form-control:hover,
.dropdown-menu.open .bs-searchbox .form-control:focus,
.dropdown-menu.open .bs-searchbox .form-control:active {
  background-color: #EDF7EC;
  border: 1px solid #427730;
  border-radius: 3px;
}
.dropdown-menu.open .bs-searchbox .form-control:invalid {
  background-color: #FEFAFB;
  border: 1px solid #CC0000;
  border-radius: 3px;
}
.dropdown-menu.open .bs-searchbox .form-control:disabled {
  background-color: #eee;
  border: 1px solid #B4B2AE;
  border-radius: 3px;
}
.open .form-group .btn.dropdown-toggle.btn-default,
.open .btn.dropdown-toggle.btn-default {
  background: #EDF7EC;
  border: 1px solid #427730;
  border-radius: 3px;
}
.btn-group .btn:focus {
  box-shadow: none;
}
.form-group .bootstrap-select.open .dropdown-menu > li.active > a {
  background-color: #F2F1ED;
  color: #464646;
}
.form-group .bootstrap-select.open .dropdown-menu > li a:hover {
  background-color: #F2F1ED;
  color: #464646;
}
.form-group .bootstrap-select.open .dropdown-menu > li a {
  background-color: #ffffff;
  vertical-align: middle;
  color: #464646;
  font-family: "GillSansforJL";
  font-weight: normal;
  font-size: 16px;
  min-height: 44px;
  padding-left: 12px;
  padding-top: 12px;
}
btn-group bootstrap-select form-control input-lg {
  border: none;
}
.form-group .bootstrap-select.open .dropdown-menu.open,
.form-group .bootstrap-select.open.dropup .dropdown-menu.open {
  padding-top: 0px;
  border: 1px solid #CCC;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px;
  left: 0;
  right: 0;
}
body.transact-area.step2.default label.option-sub-text,
body.transact-area.step2.default label.option-main-text {
  font-family: "GillSansforJL";
  font-weight: normal;
  font-size: 16px;
}
body.transact-area.step2.default .form-group .bootstrap-select.open .dropdown-menu > li a {
  border: none;
}
.dropdown-menu.inner {
  text-overflow: ellipsis;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-overflow: ellipsis;
  padding-right: 22px;
}
.btn-group.bootstrap-select.form-control.input-lg.leftCtl.hide-validation .btn.dropdown-toggle.btn-default {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.rightCtl {
  border-bottom-right-radius: 3px !important;
}
.leftCtl .btn {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.form-group .form-control.input-lg.rightCtl,
.form-group.focused .form-control.rightCtl {
  border: 1px solid #CCC;
  border-left: none;
}
.form-group .form-control.input-lg.rightCtl:hover,
.form-group.focused .form-control.rightCtl:hover,
.form-group .form-control.input-lg.rightCtl:active,
.form-group.focused .form-control.rightCtl:active,
.form-group .form-control.input-lg.rightCtl:focus,
.form-group.focused .form-control.rightCtl:focus {
  border: 1px solid #427730;
}
.has-error.form-group .form-control.input-lg.rightCtl,
.has-error.form-group.focused .form-control.rightCtl {
  border: 1px solid #CC0000;
  border-left: none;
}
div .homepageQuotingContainer .form-control {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  font-size: 16px;
}
.bs-searchbox input {
  border-radius: 3px !important;
}
div .homepageQuotingContainer .bs-searchbox .form-control {
  border-radius: 3px !important;
}
body.transact-area.step2.default .bootstrap-select.btn-group .btn .filter-option .option-main-text {
  color: #999;
}
@supports (-ms-accelerator:true) {
  .form-group .btn-default.dropdown-toggle.btn,
  .form-group .btn-default.dropdown-toggle.btn:active {
    text-overflow: clip !important;
    padding-right: 24px;
  }
}
@supports (-ms-ime-align:auto) {
  .form-group .btn-default.dropdown-toggle.btn,
  .form-group .btn-default.dropdown-toggle.btn:active {
    text-overflow: clip !important;
    padding-right: 24px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .form-group .btn-default.dropdown-toggle.btn,
  .form-group .btn-default.dropdown-toggle.btn:active {
    text-overflow: clip !important;
    padding-right: 24px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-group .btn-default.dropdown-toggle.btn,
  .form-group .btn-default.dropdown-toggle.btn:active {
    text-overflow: clip !important;
    padding-right: 24px;
  }
}
#rate-alerts-main-area .form-control.input-lg.maskedNumeric.form-control.input-lg.rightCtl.rateNumericInput.data-val-ignore.leftCtl,
#rate-alerts-main-area .form-control.input-lg.maskedNumeric.form-control.input-lg.rightCtl.rateNumericInput.data-val-ignore.rightCtl {
  margin-left: 22px;
  padding-left: 12px;
  padding-right: 24px;
  width: calc(288px - 122px) !important;
}
body.rate-alerts-area.create-alert.default .sellCurrency .bootstrap-select.btn-group .dropdown-menu:after,
body.rate-alerts-area.create-alert.default .buyCurrency .dropdown-menu.open:after {
  background: transparent;
}
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li:focus,
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li:hover,
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li:active {
  background-color: #F2F1ED !important;
}
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li a:focus,
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li a:hover,
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li a:active {
  background-color: #F2F1ED !important;
}
body.transact-area.step3.default #saved-card > .row > .form-group.dropdown li a:not(.add-another-card) {
  margin-left: 0px;
}
#rate-alerts-main-area .has-error .btn {
  background: #FEFAFB !important;
  border: 1px solid #CC0000 !important;
}
#currencyError {
  color: #CC0000 !important;
  font-size: 14px;
}
body.transact-area.step3.default #saved-card li > a.card.visa,
body.transact-area.step3.default #saved-card li > a.card.mastercard,
body.transact-area.step3.default #saved-card li > a.card.partnership {
  background-position: 8px;
}
.grouped-controls div:first-child .bs-searchbox .form-control {
  border-right: 1px solid;
}
/*@import "../../../hifx/css/bootstrap/_variables.less";
@import "../bootstrap/mixins.less";*/
.form-group .btn.dropdown-toggle.btn-default:focus {
  outline: none !important;
}
.form-group .bootstrap-select.open .dropdown-menu a:focus {
  outline: none;
}
.form-group .bootstrap-select.open.form-control .dropdown-menu {
  margin: 0;
}
.form-group .bootstrap-select.open.form-control .dropdown-menu.open input {
  height: 38px;
  padding-top: 5px;
}
.form-group .bootstrap-select.open.dropup .dropdown-menu {
  margin: 0;
  box-shadow: none;
}
.form-group .bootstrap-select.btn-group {
  position: relative;
}
.form-group .btn.dropdown-toggle.btn-default,
.form-group .btn.dropdown-toggle.btn-default:active {
  height: 100%;
  margin: 0;
  min-width: 0;
  padding-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.form-group .leftCtl .btn,
.form-group .leftCtl .btn:active {
  margin-right: 0;
}
.form-group .leftCtl .btn .caret,
.form-group .leftCtl .btn:active .caret {
  margin-right: 0;
}
.form-group .leftCtl .btn.dropdown-toggle.btn-default:focus {
  box-shadow: none;
}
.form-group .leftCtl .dropdown-menu {
  margin-right: 0;
}
.modal-dialog {
  height: 100%;
}
@media (min-width: 768px) {
  .modal-dialog {
    max-width: 400px;
  }
}
.modal-dialog .modal-content {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
.modal-dialog .modal-header {
  border-bottom: 1px solid #dedbd2;
  line-height: 1;
  padding: 16px;
  font-family: "GillSansforJL";
  font-size: 24px;
  color: #102B2B;
}
.modal-dialog .modal-header h4 {
  font-size: 24px;
}
.modal-dialog .modal-header .close {
  height: 64px;
  width: 64px;
  background-image: url("../../jlp/img/svg/close-dialog.svg");
  background-size: 64px 64px;
  margin: -16px;
  opacity: 1;
}
.modal-dialog .modal-header .close span {
  display: none;
}
.modal-dialog .modal-header .close:focus {
  outline: none;
}
.modal-dialog .modal-body {
  max-height: 340px;
  overflow-y: auto;
  font-family: "GillSansforJL";
  font-size: 16px;
  line-height: 20px;
  color: #464646;
  padding: 16px;
  padding-bottom: 24px;
}
.modal-dialog .modal-body p:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.modal-dialog .modal-footer {
  border-top: 1px solid #dedbd2;
  padding: 16px;
}
.modal-dialog .modal-footer .btn.btn-modal-affirm,
.modal-dialog .modal-footer .btn.modal-affirm {
  background: #4aa851;
  color: #ffffff;
  font-size: 16px;
  margin: 0px;
  width: auto !important;
}
.modal-dialog .modal-footer .btn.btn-modal-affirm:focus,
.modal-dialog .modal-footer .btn.modal-affirm:focus,
.modal-dialog .modal-footer .btn.btn-modal-affirm:hover,
.modal-dialog .modal-footer .btn.modal-affirm:hover {
  background: linear-gradient(#4aa851, #3E8E44);
}
.modal-dialog .modal-footer .btn.btn-modal-affirm:active,
.modal-dialog .modal-footer .btn.modal-affirm:active {
  border: none;
  background: linear-gradient(#4aa851, #3E8E44);
  outline: none;
  inner-shadow: -2px 0px 3px rgba(0, 0, 0, 0.3);
}
.modal-dialog .modal-footer a.modal-dismiss {
  padding: 16px;
  padding-right: 0px;
  margin: 0px;
}
@media (max-width: 767px) {
  .modal-dialog .modal-footer {
    padding-bottom: 24px;
  }
}
body.ratealerts-area.rate-alerts.default .modal-dialog .modal-footer {
  text-align: right;
}
@media (min-width: 768px) {
  .modal-dialog .modal-dismiss,
  body.ratealerts-area.rate-alerts.default .modal-dialog .modal-dismiss {
    margin-right: 24px;
  }
  #homepageQuotingContainer .modal-dismiss {
    padding: 13px 16px;
    float: right;
  }
}
@media (max-width: 767px) {
  body.ratealerts-area.rate-alerts.default .modal-dialog .modal-footer {
    text-align: center;
    padding-bottom: 8px;
  }
  .modal-dialog .modal-footer .btn.modal-affirm {
    width: 100% !important;
  }
  .modal-dialog .modal-footer a.modal-dismiss {
    padding-left: 0px;
    padding-bottom: 0px;
    float: none;
  }
  #homepageQuotingContainer .modal-affirm {
    margin-bottom: 16px;
  }
}
.modal-footer > .modal-dismiss {
  float: right;
  padding: 16px;
}
.modal-footer > .modal-affirm {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .modal-dialog {
    margin: 16px;
  }
}
body.transact-area.step3.default #modal-validation .modal-dialog .modal-dismiss,
#modal-validation .modal-dismiss,
#confirmPasswordModal .modal-dismiss {
  float: right;
  padding-top: 14px;
}
@media (max-width: 767px) {
  #confirmPasswordModal .modal-dismiss,
  body.transact-area.step3.default #modal-validation .modal-dialog .modal-dismiss {
    margin-left: 4px;
    float: none;
  }
}
@media (min-width: 992px) {
  body.transact-area.step3.default #modal-validation .modal-dialog .modal-dismiss {
    float: right;
    padding-top: 14px;
  }
}
#modal-validation .modal-dismiss,
#confirmPasswordModal .modal-dismiss,
body.recipient-area.landing.details .modal-dialog .modal-footer .modal-dismiss {
  padding: 16px;
  padding-top: 12px;
  padding-right: 0px;
  margin: 0px;
  margin-right: 24px;
  height: auto;
  width: auto;
  color: #427730;
  text-decoration: underline;
}
@media (max-width: 767px) {
  #modal-validation .modal-dismiss,
  #confirmPasswordModal .modal-dismiss,
  body.recipient-area.landing.details .modal-dialog .modal-footer .modal-dismiss {
    display: block;
    padding-left: 18px;
  }
}
#modal-validation .modal-footer,
#confirmPasswordModal .modal-footer,
.recipient-area.modal-open .modal-footer {
  height: 81px;
}
@media (max-width: 767px) {
  #modal-validation .modal-affirm,
  #confirmPasswordModal .modal-affirm,
  .recipient-area.modal-open .modal-affirm {
    margin-bottom: 16px !important;
  }
}
@media (max-width: 767px) {
  #modal-validation .modal-footer,
  #confirmPasswordModal .modal-footer,
  .recipient-area.modal-open .modal-footer {
    height: 130px;
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  #modal-validation .btn.modal-affirm {
    margin-bottom: 16px !important;
  }
}
#modal-validation .modal-footer {
  padding-bottom: 16px;
  height: 81px;
}
@media (max-width: 767px) {
  #modal-validation .modal-footer {
    height: 130px;
    padding-bottom: 12px;
  }
}
@media (min-width: 992px) {
  body.my-account-area.card-payments.list .modal-dialog .modal-dismiss {
    margin-right: 0px;
  }
}
#confirmPasswordModal .modal-footer,
#modal-confirm-delete .modal-footer {
  padding-bottom: 16px;
  height: 81px;
}
@media (max-width: 767px) {
  #confirmPasswordModal .modal-footer,
  #modal-confirm-delete .modal-footer {
    height: 121px;
    padding-bottom: 24px;
  }
}
@media (min-width: 768px) {
  #confirmPasswordModal .modal-footer .modal-dismiss,
  #modal-confirm-delete .modal-footer .modal-dismiss {
    float: right;
    padding: 0px;
    padding-right: 24px;
  }
}
#confirmPasswordModal .modal-footer {
  padding-bottom: 24px;
  height: 81px;
}
@media (max-width: 767px) {
  #confirmPasswordModal .modal-footer {
    height: 121px;
  }
}
@media (max-width: 767px) {
  #confirmPasswordModal .modal-footer .modal-affirm {
    margin-bottom: 12px !important;
  }
}
@media (min-width: 768px) {
  #confirmPasswordModal .modal-footer .modal-dismiss {
    float: right;
    margin-right: 0px;
    padding: 0px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  #confirmPasswordModal .modal-footer .modal-dismiss {
    text-align: center;
    padding-bottom: 24px;
  }
}
#valueChangesModal .modal-dismiss {
  display: none !important;
}
#forgetThisDeviceModal .modal-content {
  width: 410px;
  max-width: 410px;
}
#card-grid {
  margin-top: 24px;
}
#card-grid .panel-heading {
  background-color: #F2F1ED;
  border-color: #dedbd2;
}
#card-grid .panel-heading .panel-title {
  background: url("../../jlp/img/svg/item-expanded.svg") right center no-repeat;
}
#card-grid .panel-heading .panel-title .content-container span {
  width: 140px;
}
#card-grid .panel-heading a:after {
  content: " ";
}
#card-grid .panel-heading .digits {
  color: #464646;
  font-size: 18px;
  font-family: "GillSansforJL";
}
#card-grid .panel-heading #expiryInfo {
  color: #999;
  font-size: 14px;
  font-family: "GillSansforJL";
}
#card-grid .panel-heading #expiryInfo.expired {
  color: #CC0000;
}
#card-grid .panel-heading.collapsed .panel-title {
  background: url("../../jlp/img/svg/item-collapsed.svg") right center no-repeat;
}
#card-grid .panel-body {
  font-size: 16px;
  font-family: "GillSansforJL";
  font-weight: normal;
  border: 1px solid #dedbd2;
  border-top: none;
  word-wrap: break-word;
}
#card-grid .panel-body .col-lg-2 {
  color: #464646;
  font-size: 16px;
  font-weight: bold;
  font-family: "GillSansforJL";
}
#card-grid .delete-card {
  border-top: 1px solid #dedbd2;
}
#card-grid .delete {
  color: #CC0000;
  font-size: 16px;
  font-family: "GillSansforJL";
  text-decoration: underline;
}
#qtip-4,
.qtip.qtip-default.qtip-bootstrap {
  color: #ffffff;
  background-color: #464646;
  border: 1px solid #464646;
  border-radius: 3px;
  font-family: "GillSansforJL";
  font-size: 13px;
  line-height: 17px !important;
  padding: 12px 16px;
  box-shadow: none;
  background-clip: border-box !important;
  font-weight: bold;
}
#qtip-4 .qtip-content,
.qtip.qtip-default.qtip-bootstrap .qtip-content {
  padding: 0px;
}
#bank-account-details p {
  margin-top: 24px;
  margin-bottom: 18px;
}
#bank-account-details header {
  display: none;
}
#bank-account-details .table-rows .row {
  background-color: #ffffff;
  border-bottom: 1px solid #dedbd2;
  padding-top: 16px;
  padding-bottom: 16px;
}
#bank-account-details .table-rows .row:first-child {
  border-top: 1px solid #dedbd2;
}
@media (max-width: 500px) {
  #bank-account-details .table-rows .row .col-xs-6 {
    float: none;
    width: 100%;
  }
}
#bank-account-details .table-rows .row .col-xs-6 {
  padding-left: 0px;
  padding-right: 0px;
  font-family: "GillSansforJL";
  font-size: 16px;
  color: #464646;
  border-left: none;
}
#bank-account-details .table-rows .row .col-xs-6:first-child {
  font-family: "GillSansforJL";
  font-size: 14px;
  color: #999;
}
@media (min-width: 768px) {
  #bank-account-details .button-container .print-container,
  #bank-account-details .button-container .close-container {
    width: auto;
    right: 0px;
    left: 0px;
    padding: 0px;
    float: right;
    padding-left: 24px;
  }
  #bank-account-details .button-container #closeButton,
  #bank-account-details .button-container #printButton {
    float: right;
    width: auto;
  }
  #bank-account-details .button-container #closeButton:after,
  #bank-account-details .button-container #printButton:after {
    top: 5px;
  }
}
#bank-account-details .button-container #closeButton:after,
#bank-account-details .button-container #printButton:after {
  top: 5px;
}
#summaryContainer .dealingprogressbar {
  border: none;
}
#summaryContainer .panel-heading {
  font-family: "GillSansforJL";
  font-weight: normal;
  font-size: 24px;
  line-height: 1em;
  color: #464646;
  padding: 24px 0px;
  height: auto !important;
  background: #ffffff;
  border: none;
}
#summaryContainer .panel-body hr {
  display: none;
}
#summaryContainer .panel-body:after {
  content: none;
  display: none;
}
#summaryContainer .panel-body > .row {
  border-bottom: 1px solid #dedbd2;
  padding: 16px 0px;
}
#summaryContainer .panel-body > .row:first-child {
  margin-top: 0px;
  border-top: 1px solid #dedbd2;
}
#summaryContainer .panel-body > .row:last-child {
  margin-bottom: 24px;
}
#summaryContainer .panel-body .row .col-xs-12 .row {
  margin: 0px;
}
@media (max-width: 768px) {
  #summaryContainer .panel-body .col-xs-6 {
    width: 100%;
    padding-bottom: 4px;
    padding-left: 0px;
  }
}
#summaryContainer .panel-body .row .col-xs-12:first-child,
#summaryContainer .panel-body .row .col-xs-6:first-child {
  font-family: "GillSansforJL";
  font-weight: normal;
  font-size: 14px;
  color: #999;
  padding-left: 0px;
}
#summaryContainer .panel-body .row .col-xs-12:first-child span,
#summaryContainer .panel-body .row .col-xs-6:first-child span {
  font-weight: normal;
}
#summaryContainer .panel-body .row .col-xs-12:first-child strong,
#summaryContainer .panel-body .row .col-xs-6:first-child strong {
  font-weight: normal;
}
#summaryContainer .panel-body #Amount,
#summaryContainer .panel-body #RecipientAccountName,
#summaryContainer .panel-body #PaymentDate,
#summaryContainer .panel-body #Rate,
#summaryContainer .panel-body #InverseRate,
#summaryContainer .panel-body #Cost,
#summaryContainer .panel-body #TransferFee,
#summaryContainer .panel-body #TotalCost {
  font-family: "GillSansforJL";
  font-weight: normal;
  font-size: 16px;
  color: #464646;
}
#summaryContainer .panel-body #Rate,
#summaryContainer .panel-body #TotalCost {
  font-weight: bold;
}
.js-simpleTransactionStep4 .panel-heading.progressBarHeading {
  margin-top: 12px;
}
body.transact-area.step4.default .view-container #summaryContainer .dealing-notes ul li,
body.transact-area .view-container #summaryContainer .dealing-notes {
  font-family: "GillSansforJL";
  font-size: 16px;
  line-height: 22px;
  color: #464646;
}
.js-simpleTransactionStep4 #summaryContainer .dealingprogressbar .progressBarHeading {
  padding-top: 0px;
}
body.transact-area.thank-you.default .view-container .summaryGrid .row {
  padding: 16px 0;
  border-bottom: 1px solid #dedbd2;
}
body.transact-area.thank-you.default .view-container .summaryGrid .row:first-child {
  border-top: 1px solid #dedbd2;
}
body.transact-area.thank-you.default .view-container .summaryGrid .row #rate {
  font-weight: bold;
}
body.transact-area.thank-you.default .view-container .summaryGrid .row div:first-child {
  width: 40%;
  font-family: "GillSansforJL";
  font-size: 14px;
  font-weight: normal;
  color: #999;
}
@media (max-width: 768px) {
  body.transact-area.thank-you.default .view-container .summaryGrid .row div:first-child {
    width: 100%;
  }
}
body.transact-area.thank-you.default .view-container .summaryGrid .row div:last-child {
  width: 60%;
  font-family: "GillSansforJL";
  font-size: 16px;
  font-weight: normal;
  color: #464646;
}
@media (max-width: 768px) {
  body.transact-area.thank-you.default .view-container .summaryGrid .row div:last-child {
    width: 100%;
  }
}
body.transact-area.thank-you.default .view-container .summaryGrid .row div:last-child strong {
  color: #464646;
}
.email-note {
  padding-top: 0px;
  font-family: "GillSansforJL";
  font-size: 16px;
  font-weight: normal;
}
.thank-you #transact-main-area .next-step {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 32px;
  margin-bottom: 32px;
}
.thank-you #transact-main-area .next-step p {
  display: block;
}
.thank-you #transact-main-area .next-step p strong {
  font-weight: normal;
}
.thank-you #transact-main-area .next-step p #nextStepText a {
  color: #427730;
}
.thank-you #transact-main-area .next-step p #nextStepText a:focus {
  outline: dotted 1px;
  padding: 5px 0;
}
.thank-you #transact-main-area .next-step #nextStepTitle {
  font-size: 24px;
  font-family: "GillSansforJL";
  padding-bottom: 16px;
  margin-bottom: 0px;
  border-bottom: 1px solid #dedbd2;
}
.thank-you #transact-main-area .next-step #transferNote1 {
  margin: 0px;
  padding: 12px 0px;
}
.thank-you #transact-main-area .next-step #transferNote2 {
  margin: 0;
  padding: 0;
}
body.transact-area.thank-you.default .view-container header h1 {
  font-size: 24px;
  font-family: "GillSansforJL";
}
body.transact-area.thank-you.default .view-container header h1:first-child {
  padding-bottom: 0px;
}
@media (max-width: 768px) {
  body.transact-area.thank-you.default .view-container header h1:first-child {
    padding-top: 32px;
  }
}
.thank-you .view-container p:nth-child(2) {
  display: none;
}
.thank-you .inner #transact-main-area {
  border: none;
}
body.transact-area.thank-you.default #transact-main-area .view-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#loginButtonContainer {
  width: 100%;
}
#loginButtonContainer .btn {
  float: right;
}
.actionrequired,
div.processing {
  margin-top: 24px !important;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc !important;
}
.actionrequired {
  padding-bottom: 12px !important;
  margin-bottom: 0 !important;
}
.kycrefreshmessage {
  font-size: 16px;
}
.kycrefreshmessage .kycmessage strong {
  color: #8a6d3b !important;
}
.kycrefreshmessage .kycimage {
  display: none;
}
.personalDetailsConfirmPage .buttonContainer .btn-secondary {
  padding-right: 45px !important;
  padding-left: 45px !important;
}
.documentContainer .row {
  margin-right: 8px;
}
@media (max-width: 991px) {
  .documentContainer .row {
    margin-right: 15px;
  }
}
.documentContainer .documentstatusmessage {
  padding: 0;
}
.documentContainer .documentstatusmessage .kycimage {
  display: none;
}
.documentContainer .documentstatusmessage strong {
  color: #8a6d3b !important;
}
.documentContainer .documentstatusmessage .kycmessage {
  float: none !important;
  padding-left: 0 !important;
  margin-left: 30px;
  line-height: 20px;
  font-size: 16px;
  width: 100% !important;
  text-align: left !important;
}
.documentContainer .documentstatusmessage .kycmessage .usernotices {
  padding-left: 8px;
}
@media (max-width: 991px) and (max-width: 767px) {
  .documentContainer .documentstatusmessage .kycmessage {
    margin-left: 8px;
  }
  .documentContainer .documentstatusmessage .kycmessage span {
    display: inline-block;
    padding-left: 14px;
  }
}
.documentContainer .documentstatusmessage ul {
  list-style: disc !important;
  margin-bottom: 0;
}
.documentContainer .documentstatusmessage ul li {
  color: #8a6d3b !important;
}
.documentContainer .documentstatusmessage ul li:before {
  color: #8a6d3b !important;
}
.congratulations {
  margin-top: 24px !important;
  color: #102b2b !important;
  background-color: #dff0d8;
  border-color: #d6e9c6 !important;
  border-width: 1px !important;
  border-style: solid !important;
}
.congratulations .documentstatusmessage {
  width: 100%;
}
.congratulations .documentstatusmessage .row {
  margin-left: 0 !important;
}
.congratulations .documentstatusmessage .kycmessage {
  margin-left: 16px;
}
.congratulations .kycmessage {
  float: none !important;
  padding-left: 0 !important;
  margin-left: 30px;
  line-height: 20px;
  font-size: 16px;
  width: 100% !important;
  text-align: left !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.congratulations .kycmessage .usernotices {
  padding-left: 8px;
}
@media (max-width: 991px) and (max-width: 767px) {
  .congratulations .kycmessage {
    margin-left: 8px;
  }
  .congratulations .kycmessage span {
    display: inline-block;
    padding-left: 14px;
  }
}
.congratulations .kycimage {
  display: none !important;
}
.kyc-message-layout {
  float: none !important;
  padding-left: 0 !important;
  margin-left: 30px;
  line-height: 20px;
  font-size: 16px;
  width: 100% !important;
  text-align: left !important;
}
.kyc-message-layout .usernotices {
  padding-left: 8px;
}
@media (max-width: 991px) and (max-width: 767px) {
  .kyc-message-layout {
    margin-left: 8px;
  }
  .kyc-message-layout span {
    display: inline-block;
    padding-left: 14px;
  }
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc !important;
}
.alert-success {
  color: #102b2b !important;
  background-color: #dff0d8;
  border-color: #d6e9c6 !important;
  border-width: 1px !important;
  border-style: solid !important;
}
.messages-layout {
  margin-top: 24px !important;
}
body.home-area.home.default .processing .documentstatusmessage .kycimage {
  display: none !important;
}
body.home-area.home.default .processing .documentstatusmessage .kycmessage {
  padding-left: 15px !important;
}
#hifx-pager .hifx-page-item {
  background-color: #F2F1ED;
  font-family: "GillSansforJL";
  border-radius: 3px;
}
#hifx-pager .hifx-ellipses-item {
  color: #B4B2AE;
}
#hifx-pager .hifx-page-item-current {
  background-color: #B4B2AE;
  font-family: "GillSansforJL";
  border-radius: 3px;
}
#rate-alert-pager-summary-container {
  font-size: 15px;
  color: #102B2B;
}
.jlp-pager-font-mixin {
  font-family: "GillSansforJL";
}
.two-factor-auth-area #react-container {
  min-height: 487px;
  color: #5f5f5f;
}
.two-factor-auth-area #react-container .xe-two-factor-auth-page-logo {
  background: url(../img/john-lewis-finance-complete-logo.png) no-repeat;
  background-position: center;
  height: 154px;
  width: 100%;
}
@media (max-width: 786px) {
  .two-factor-auth-area #react-container .xe-two-factor-auth-page-logo {
    background-size: 100%;
  }
}
.two-factor-auth-area #react-container .xe-page-content {
  padding-bottom: 32px;
}
.two-factor-auth-area #react-container .xe-two-factor-alert {
  margin-top: 0;
}
.two-factor-auth-area #react-container .xe-two-factor-auth-page-title {
  color: #5f5f5f;
  font-family: "GillSansforJL", "Arial", "Helvetica", "sans-serif";
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  margin-top: 3px;
}
.two-factor-auth-area #react-container .xe-button.xe-secondary {
  background-color: #4aa851;
  text-transform: lowercase;
  color: #ffffff;
}
.two-factor-auth-area #react-container .xe-button.xe-secondary::first-letter {
  text-transform: uppercase;
}
.two-factor-auth-area #react-container .xe-alert.xe-info {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.two-factor-auth-area #react-container .xe-button.xe-secondary.xe-disabled {
  background-color: #a6d8aa;
}
.two-factor-auth-area #react-container .xe-link {
  color: #427730;
  text-decoration: underline;
  font-weight: normal;
}
.two-factor-auth-area #wrapper > main {
  padding-top: 39px;
}
.two-factor-auth-area #wrapper > footer {
  position: relative;
}
.two-factor-auth-area #two-factor-remember-checkbox {
  width: 35px;
  margin-top: 13px;
  float: left;
}
.two-factor-auth-area #remember-holder {
  margin-top: 10px;
  font-size: 13px;
}
.two-factor-auth-area #remember-holder .remember-print {
  font-weight: bold;
}
.two-factor-auth-area #remember-holder .small-print {
  padding-top: 5px;
}
@font-face {
  font-family: GillSansforJL;
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff) format("woff");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2") tech("variations");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2-variations");
  font-weight: 200 700;
  font-display: swap;
}
.payments-area.payments #react-container,
.recipient-area.provide-recipient #react-container,
.balances-area.balances #react-container {
  font-family: "GillSansforJL", "Arial", "Helvetica", "sans-serif";
}
.payments-area.payments #react-container .xe-page-content .xe-page-content-title,
.recipient-area.provide-recipient #react-container .xe-page-content .xe-page-content-title,
.balances-area.balances #react-container .xe-page-content .xe-page-content-title {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #f2f1ed;
  color: #102B2B;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-family: "GillSansforJL", "Arial", "Helvetica", "sans-serif";
  margin-bottom: 0;
  height: 90px;
  font-size: 28px;
}
@media (min-width: 768px) {
  .payments-area.payments #react-container .xe-page-content .xe-page-content-title,
  .recipient-area.provide-recipient #react-container .xe-page-content .xe-page-content-title,
  .balances-area.balances #react-container .xe-page-content .xe-page-content-title {
    height: 120px;
    font-size: 48px;
  }
}
.payments-area.payments #react-container .xe-heading,
.recipient-area.provide-recipient #react-container .xe-heading,
.balances-area.balances #react-container .xe-heading {
  color: #102B2B;
}
.payments-area.payments #react-container .xe-tabs .xe-active-tab,
.recipient-area.provide-recipient #react-container .xe-tabs .xe-active-tab,
.balances-area.balances #react-container .xe-tabs .xe-active-tab {
  background-color: #102B2B;
}
.payments-area.payments #react-container .xe-tabs .xe-active-tab > span,
.recipient-area.provide-recipient #react-container .xe-tabs .xe-active-tab > span,
.balances-area.balances #react-container .xe-tabs .xe-active-tab > span {
  color: #DFFF7B;
}
.payments-area.payments #react-container .xe-button,
.recipient-area.provide-recipient #react-container .xe-button,
.balances-area.balances #react-container .xe-button {
  float: right;
  padding-left: 24px;
  padding-right: 24px;
  min-width: 120px;
  font-size: 16px;
  margin-bottom: 24px;
  outline: none;
  display: block;
  position: relative;
  transition: All 0.2s ease;
  background-color: #102B2B;
  color: #DFFF7B;
}
.payments-area.payments #react-container .xe-button::after,
.recipient-area.provide-recipient #react-container .xe-button::after,
.balances-area.balances #react-container .xe-button::after {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  margin-left: 12px;
  height: 15px;
  right: 0;
  position: relative;
  top: 5px;
  width: 7px;
}
.payments-area.payments #react-container .xe-button.xe-secondary,
.recipient-area.provide-recipient #react-container .xe-button.xe-secondary,
.balances-area.balances #react-container .xe-button.xe-secondary {
  background-color: #102b2b;
  text-transform: lowercase;
  color: #DFFF7B;
}
.payments-area.payments #react-container .xe-button.xe-secondary::first-letter,
.recipient-area.provide-recipient #react-container .xe-button.xe-secondary::first-letter,
.balances-area.balances #react-container .xe-button.xe-secondary::first-letter {
  text-transform: uppercase;
}
.payments-area.payments #react-container .xe-button.xe-secondary::after,
.recipient-area.provide-recipient #react-container .xe-button.xe-secondary::after,
.balances-area.balances #react-container .xe-button.xe-secondary::after {
  margin-left: 0;
  background: none;
}
.payments-area.payments #react-container .xe-recipient-selector .xe-pay-recipient-wrapper .xe-add-edit-button-wrapper .xe-add-edit-button button,
.recipient-area.provide-recipient #react-container .xe-recipient-selector .xe-pay-recipient-wrapper .xe-add-edit-button-wrapper .xe-add-edit-button button,
.balances-area.balances #react-container .xe-recipient-selector .xe-pay-recipient-wrapper .xe-add-edit-button-wrapper .xe-add-edit-button button {
  min-width: 60px;
  padding-right: 15px;
}
.payments-area.payments #react-container .xe-alert.xe-info,
.recipient-area.provide-recipient #react-container .xe-alert.xe-info,
.balances-area.balances #react-container .xe-alert.xe-info {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.payments-area.payments #react-container .xe-button.xe-secondary.xe-disabled,
.recipient-area.provide-recipient #react-container .xe-button.xe-secondary.xe-disabled,
.balances-area.balances #react-container .xe-button.xe-secondary.xe-disabled {
  background-color: #a6d8aa;
}
.payments-area.payments #react-container .xe-link,
.recipient-area.provide-recipient #react-container .xe-link,
.balances-area.balances #react-container .xe-link {
  color: #427730;
  text-decoration: underline;
  font-weight: normal;
}
.payments-area.payments #react-container .xe-badge.xe-info,
.recipient-area.provide-recipient #react-container .xe-badge.xe-info,
.balances-area.balances #react-container .xe-badge.xe-info {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.payments-area.payments #react-container .xe-recipient-selector .xe-pay-recipient-wrapper > span,
.recipient-area.provide-recipient #react-container .xe-recipient-selector .xe-pay-recipient-wrapper > span,
.balances-area.balances #react-container .xe-recipient-selector .xe-pay-recipient-wrapper > span {
  color: #464646;
}
.payments-area.payments #react-container .xe-dropdown .xe-dropdown-button,
.recipient-area.provide-recipient #react-container .xe-dropdown .xe-dropdown-button,
.balances-area.balances #react-container .xe-dropdown .xe-dropdown-button,
.payments-area.payments #react-container .xe-text-input,
.recipient-area.provide-recipient #react-container .xe-text-input,
.balances-area.balances #react-container .xe-text-input {
  color: #999999;
}
.payments-area.payments #react-container .xe-dropdown .xe-dropdown-button:focus,
.recipient-area.provide-recipient #react-container .xe-dropdown .xe-dropdown-button:focus,
.balances-area.balances #react-container .xe-dropdown .xe-dropdown-button:focus {
  border-color: #427730;
}
.payments-area.payments #react-container .xe-text-input:focus,
.recipient-area.provide-recipient #react-container .xe-text-input:focus,
.balances-area.balances #react-container .xe-text-input:focus {
  border-color: #427730;
  background-color: #edf7ec;
}
.payments-area.payments #react-container .xe-dropdown .xe-dropdown-item.xe-isHighLightedAndSelected,
.recipient-area.provide-recipient #react-container .xe-dropdown .xe-dropdown-item.xe-isHighLightedAndSelected,
.balances-area.balances #react-container .xe-dropdown .xe-dropdown-item.xe-isHighLightedAndSelected,
.payments-area.payments #react-container .xe-dropdown .xe-dropdown-item.xe-isSelected,
.recipient-area.provide-recipient #react-container .xe-dropdown .xe-dropdown-item.xe-isSelected,
.balances-area.balances #react-container .xe-dropdown .xe-dropdown-item.xe-isSelected {
  background: #f2f1ed;
  color: #464646;
}
@font-face {
  font-family: GillSansforJL;
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff) format("woff");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2") tech("variations");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2-variations");
  font-weight: 200 700;
  font-display: swap;
}
.my-account-area.settings #settingsDiv #notifications-table {
  width: 100%;
}
@media (min-width: 601px) {
  .my-account-area.settings #settingsDiv #notifications-table {
    max-width: 480px;
  }
}
.my-account-area.settings #settingsDiv #notifications-table .xe-checkbox .xe-checkbox-img {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background: url(../img/svg/checkbox.svg) 0px 0px no-repeat;
}
.my-account-area.settings #settingsDiv #notifications-table .xe-checkbox-input:focus + span.xe-checkbox-img {
  background-position: 0 -20px;
}
.my-account-area.settings #settingsDiv #notifications-table .xe-checkbox-input:hover + span.xe-checkbox-img {
  background-position: 0 calc(-20px * 2);
}
.my-account-area.settings #settingsDiv #notifications-table .xe-checkbox-input:checked + span.xe-checkbox-img {
  background-position: 0 calc(-20px * 3);
}
.my-account-area.settings #settingsDiv #notifications-table .xe-checkbox-input:focus:checked + span.xe-checkbox-img {
  background-position: 0 calc(-20px * 4);
}
.my-account-area.settings #settingsDiv #notifications-table .xe-checkbox-input:disabled + span.xe-checkbox-img {
  background-position: 0 calc(-20px * 5);
}
.my-account-area.settings #settingsDiv #notifications-table .xe-checkbox-input:disabled:checked + span.xe-checkbox-img {
  background-position: 0 calc(-20px * 6);
}
.my-account-area.settings #settingsDiv .xe-alert.xe-info {
  color: #2E5D7E;
  border: #EFF2F5;
  background: #EFF2F5;
}
.my-account-area.settings #settingsDiv .xe-alert.xe-error {
  color: #A30000;
  border-color: #FCF0F0;
  background-color: #FCF0F0;
}
.my-account-area.settings #settingsDiv .xe-alert.xe-danger {
  color: #A30000;
  border: #FCF0F0;
  background: #FCF0F0;
}
.my-account-area.settings #settingsDiv .xe-alert.xe-warning {
  color: #745D1F;
  border: #FCF7E8;
  background: #FCF7E8;
}
.my-account-area.settings #settingsDiv .xe-alert.xe-success {
  color: #2C6430;
  border: #E9F4EA;
  background: #E9F4EA;
}
.my-account-area.settings #settingsDiv .xe-page-content-header {
  margin-bottom: 24px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.my-account-area.settings #settingsDiv .xe-page-content-title {
  margin: 0px 0px 24px;
  font-family: GillSansforJL;
  font-weight: 200;
  color: #5f5f5f;
  width: 100%;
  background: #f2f1ed;
  text-align: center;
}
@media (min-width: 601px) {
  .my-account-area.settings #settingsDiv .xe-page-content-title {
    font-size: 48px;
    line-height: 56px;
    padding: 32px 24px;
  }
}
@media (max-width: 600px) {
  .my-account-area.settings #settingsDiv .xe-page-content-title {
    font-size: 28px;
    line-height: 32px;
    padding: 32px 16px;
  }
}
.my-account-area.settings #settingsDiv .xe-panel-footer {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
@media (min-width: 601px) {
  .my-account-area.settings #settingsDiv .xe-panel-footer {
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
.my-account-area.settings #settingsDiv .xe-panel-footer .xe-button {
  outline: none;
  border: 0px;
  margin: 0px;
  line-height: 20px;
  padding: 10px 24px;
  min-width: 160px;
  cursor: pointer;
  min-height: 44px;
  font-size: 16px;
  background: #102b2b;
  border-radius: 4px;
  color: #ffffff;
}
@media (max-width: 600px) {
  .my-account-area.settings #settingsDiv .xe-panel-footer .xe-button#notifications-save {
    width: 100%;
    text-align: center;
  }
}
.my-account-area.settings #settingsDiv .xe-panel-footer .xe-button::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 12px;
  margin-left: 8px;
}
@font-face {
  font-family: GillSansforJL;
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff) format("woff");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2") tech("variations");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2-variations");
  font-weight: 200 700;
  font-display: swap;
}
.home-area #dealingDiv .xe-page-content .xe-page-content-title,
.transact-area #dealingDiv .xe-page-content .xe-page-content-title,
.step1 #dealingDiv .xe-page-content .xe-page-content-title,
.dealing #dealingDiv .xe-page-content .xe-page-content-title {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #f2f1ed;
  color: #5f5f5f;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-family: "GillSansforJL", "Arial", "Helvetica", "sans-serif";
  margin-bottom: 0;
  height: 90px;
  font-size: 28px;
}
@media (min-width: 768px) {
  .home-area #dealingDiv .xe-page-content .xe-page-content-title,
  .transact-area #dealingDiv .xe-page-content .xe-page-content-title,
  .step1 #dealingDiv .xe-page-content .xe-page-content-title,
  .dealing #dealingDiv .xe-page-content .xe-page-content-title {
    height: 120px;
    font-size: 48px;
  }
}
.home-area #dealingDiv .xe-alert.xe-info,
.transact-area #dealingDiv .xe-alert.xe-info,
.step1 #dealingDiv .xe-alert.xe-info,
.dealing #dealingDiv .xe-alert.xe-info {
  color: #2E5D7E;
  border: #EFF2F5;
  background: #EFF2F5;
}
.home-area #dealingDiv .xe-alert.xe-error,
.transact-area #dealingDiv .xe-alert.xe-error,
.step1 #dealingDiv .xe-alert.xe-error,
.dealing #dealingDiv .xe-alert.xe-error {
  color: #A30000;
  border-color: #FCF0F0;
  background-color: #FCF0F0;
}
.home-area #dealingDiv .xe-alert.xe-danger,
.transact-area #dealingDiv .xe-alert.xe-danger,
.step1 #dealingDiv .xe-alert.xe-danger,
.dealing #dealingDiv .xe-alert.xe-danger {
  color: #A30000;
  border: #FCF0F0;
  background: #FCF0F0;
}
.home-area #dealingDiv .xe-alert.xe-warning,
.transact-area #dealingDiv .xe-alert.xe-warning,
.step1 #dealingDiv .xe-alert.xe-warning,
.dealing #dealingDiv .xe-alert.xe-warning {
  color: #745D1F;
  border: #FCF7E8;
  background: #FCF7E8;
}
.home-area #dealingDiv .xe-alert.xe-success,
.transact-area #dealingDiv .xe-alert.xe-success,
.step1 #dealingDiv .xe-alert.xe-success,
.dealing #dealingDiv .xe-alert.xe-success {
  color: #2C6430;
  border: #E9F4EA;
  background: #E9F4EA;
}
.home-area #dealingDiv .xe-ul,
.transact-area #dealingDiv .xe-ul,
.step1 #dealingDiv .xe-ul,
.dealing #dealingDiv .xe-ul {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  list-style: none;
  padding-left: 16px;
  color: #464646;
}
.home-area #dealingDiv .xe-li,
.transact-area #dealingDiv .xe-li,
.step1 #dealingDiv .xe-li,
.dealing #dealingDiv .xe-li {
  position: relative;
}
.home-area #dealingDiv .xe-li:before,
.transact-area #dealingDiv .xe-li:before,
.step1 #dealingDiv .xe-li:before,
.dealing #dealingDiv .xe-li:before {
  content: '';
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #4aa851;
  top: 8px;
  left: -12px;
}
.home-area #dealingDiv .xe-h2,
.transact-area #dealingDiv .xe-h2,
.step1 #dealingDiv .xe-h2,
.dealing #dealingDiv .xe-h2 {
  margin: 0;
  font-family: "GillSansforJL", "Arial", "Helvetica", "sans-serif";
  font-weight: 200;
  font-size: 24px;
  color: #5f5f5f;
  line-height: 28px;
}
.home-area #dealingDiv .xe-grid-list-header,
.transact-area #dealingDiv .xe-grid-list-header,
.step1 #dealingDiv .xe-grid-list-header,
.dealing #dealingDiv .xe-grid-list-header {
  margin: 0;
  font-family: "GillSansforJL", "Arial", "Helvetica", "sans-serif";
  font-weight: 200;
  font-size: 24px;
  color: #5f5f5f;
  line-height: 28px;
}
.home-area #dealingDiv .xe-confirm .xe-h2,
.transact-area #dealingDiv .xe-confirm .xe-h2,
.step1 #dealingDiv .xe-confirm .xe-h2,
.dealing #dealingDiv .xe-confirm .xe-h2 {
  margin: 0 0 12px;
}
.home-area #dealingDiv .xe-confirm .xe-button,
.transact-area #dealingDiv .xe-confirm .xe-button,
.step1 #dealingDiv .xe-confirm .xe-button,
.dealing #dealingDiv .xe-confirm .xe-button {
  float: none;
}
.home-area #dealingDiv .xe-checkbox .xe-checkbox-img,
.transact-area #dealingDiv .xe-checkbox .xe-checkbox-img,
.step1 #dealingDiv .xe-checkbox .xe-checkbox-img,
.dealing #dealingDiv .xe-checkbox .xe-checkbox-img {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background: url("../../jlp/img/svg/check.svg") no-repeat 0 0;
}
.home-area #dealingDiv .xe-checkbox .xe-checkbox-input:focus + span.xe-checkbox-img,
.transact-area #dealingDiv .xe-checkbox .xe-checkbox-input:focus + span.xe-checkbox-img,
.step1 #dealingDiv .xe-checkbox .xe-checkbox-input:focus + span.xe-checkbox-img,
.dealing #dealingDiv .xe-checkbox .xe-checkbox-input:focus + span.xe-checkbox-img {
  background-position: 0 -20px;
}
.home-area #dealingDiv .xe-checkbox .xe-checkbox-input:hover + span.xe-checkbox-img,
.transact-area #dealingDiv .xe-checkbox .xe-checkbox-input:hover + span.xe-checkbox-img,
.step1 #dealingDiv .xe-checkbox .xe-checkbox-input:hover + span.xe-checkbox-img,
.dealing #dealingDiv .xe-checkbox .xe-checkbox-input:hover + span.xe-checkbox-img {
  background-position: 0 -20px;
}
.home-area #dealingDiv .xe-checkbox .xe-checkbox-input:checked + span.xe-checkbox-img,
.transact-area #dealingDiv .xe-checkbox .xe-checkbox-input:checked + span.xe-checkbox-img,
.step1 #dealingDiv .xe-checkbox .xe-checkbox-input:checked + span.xe-checkbox-img,
.dealing #dealingDiv .xe-checkbox .xe-checkbox-input:checked + span.xe-checkbox-img {
  background-position: 0 -40px;
}
.home-area #dealingDiv .xe-checkbox .xe-checkbox-input:focus:checked + span.xe-checkbox-img,
.transact-area #dealingDiv .xe-checkbox .xe-checkbox-input:focus:checked + span.xe-checkbox-img,
.step1 #dealingDiv .xe-checkbox .xe-checkbox-input:focus:checked + span.xe-checkbox-img,
.dealing #dealingDiv .xe-checkbox .xe-checkbox-input:focus:checked + span.xe-checkbox-img {
  background-position: 0 -60px;
}
.home-area #dealingDiv .xe-checkbox .xe-checkbox-input:disabled + span.xe-checkbox-img,
.transact-area #dealingDiv .xe-checkbox .xe-checkbox-input:disabled + span.xe-checkbox-img,
.step1 #dealingDiv .xe-checkbox .xe-checkbox-input:disabled + span.xe-checkbox-img,
.dealing #dealingDiv .xe-checkbox .xe-checkbox-input:disabled + span.xe-checkbox-img {
  background-position: 0 -100px;
}
.home-area #dealingDiv .xe-checkbox .xe-hidden-input:disabled:checked + span.xe-checkbox-img,
.transact-area #dealingDiv .xe-checkbox .xe-hidden-input:disabled:checked + span.xe-checkbox-img,
.step1 #dealingDiv .xe-checkbox .xe-hidden-input:disabled:checked + span.xe-checkbox-img,
.dealing #dealingDiv .xe-checkbox .xe-hidden-input:disabled:checked + span.xe-checkbox-img {
  background-position: 0 -120px;
}
.home-area #dealingDiv .xe-radio-input .xe-radio-img,
.transact-area #dealingDiv .xe-radio-input .xe-radio-img,
.step1 #dealingDiv .xe-radio-input .xe-radio-img,
.dealing #dealingDiv .xe-radio-input .xe-radio-img {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background: url("../../jlp/img/svg/radio.svg") no-repeat 0 0;
}
.home-area #dealingDiv .xe-radio-input .xe-hidden-input:focus + span.xe-radio-img,
.transact-area #dealingDiv .xe-radio-input .xe-hidden-input:focus + span.xe-radio-img,
.step1 #dealingDiv .xe-radio-input .xe-hidden-input:focus + span.xe-radio-img,
.dealing #dealingDiv .xe-radio-input .xe-hidden-input:focus + span.xe-radio-img {
  background-position: 0 -20px;
}
.home-area #dealingDiv .xe-radio-input .xe-hidden-input:hover + span.xe-radio-img,
.transact-area #dealingDiv .xe-radio-input .xe-hidden-input:hover + span.xe-radio-img,
.step1 #dealingDiv .xe-radio-input .xe-hidden-input:hover + span.xe-radio-img,
.dealing #dealingDiv .xe-radio-input .xe-hidden-input:hover + span.xe-radio-img {
  background-position: 0 -20px;
}
.home-area #dealingDiv .xe-radio-input .xe-hidden-input:checked + span.xe-radio-img,
.transact-area #dealingDiv .xe-radio-input .xe-hidden-input:checked + span.xe-radio-img,
.step1 #dealingDiv .xe-radio-input .xe-hidden-input:checked + span.xe-radio-img,
.dealing #dealingDiv .xe-radio-input .xe-hidden-input:checked + span.xe-radio-img {
  background-position: 0 -40px;
}
.home-area #dealingDiv .xe-radio-input .xe-hidden-input:focus:checked + span.xe-radio-img,
.transact-area #dealingDiv .xe-radio-input .xe-hidden-input:focus:checked + span.xe-radio-img,
.step1 #dealingDiv .xe-radio-input .xe-hidden-input:focus:checked + span.xe-radio-img,
.dealing #dealingDiv .xe-radio-input .xe-hidden-input:focus:checked + span.xe-radio-img {
  background-position: 0 -60px;
}
.home-area #dealingDiv .xe-radio-input .xe-hidden-input:disabled + span.xe-radio-img,
.transact-area #dealingDiv .xe-radio-input .xe-hidden-input:disabled + span.xe-radio-img,
.step1 #dealingDiv .xe-radio-input .xe-hidden-input:disabled + span.xe-radio-img,
.dealing #dealingDiv .xe-radio-input .xe-hidden-input:disabled + span.xe-radio-img {
  background-position: 0 -80px;
}
.home-area #dealingDiv .xe-radio-input .xe-hidden-input:disabled:checked + span.xe-radio-img,
.transact-area #dealingDiv .xe-radio-input .xe-hidden-input:disabled:checked + span.xe-radio-img,
.step1 #dealingDiv .xe-radio-input .xe-hidden-input:disabled:checked + span.xe-radio-img,
.dealing #dealingDiv .xe-radio-input .xe-hidden-input:disabled:checked + span.xe-radio-img {
  background-position: 0 -100px;
}
.home-area #dealingDiv .xe-dropdown-button,
.transact-area #dealingDiv .xe-dropdown-button,
.step1 #dealingDiv .xe-dropdown-button,
.dealing #dealingDiv .xe-dropdown-button {
  border-radius: 3px;
  color: #999;
  background-image: url("../../jlp/img/svg/select-arrow.svg");
  padding-right: 56px;
  background-color: #FFF;
  border-color: #CCC;
}
.home-area #dealingDiv .xe-dropdown-button:hover,
.transact-area #dealingDiv .xe-dropdown-button:hover,
.step1 #dealingDiv .xe-dropdown-button:hover,
.dealing #dealingDiv .xe-dropdown-button:hover,
.home-area #dealingDiv .xe-dropdown-button:focus,
.transact-area #dealingDiv .xe-dropdown-button:focus,
.step1 #dealingDiv .xe-dropdown-button:focus,
.dealing #dealingDiv .xe-dropdown-button:focus {
  background-color: #EDF7EC;
  border-color: #427730;
}
.home-area #dealingDiv .xe-dropdown-button.xe-invalid,
.transact-area #dealingDiv .xe-dropdown-button.xe-invalid,
.step1 #dealingDiv .xe-dropdown-button.xe-invalid,
.dealing #dealingDiv .xe-dropdown-button.xe-invalid {
  background-color: #FEFAFB;
  border-color: #CC0000;
}
.home-area #dealingDiv .xe-dropdown-button:disabled,
.transact-area #dealingDiv .xe-dropdown-button:disabled,
.step1 #dealingDiv .xe-dropdown-button:disabled,
.dealing #dealingDiv .xe-dropdown-button:disabled {
  background: #eee;
  border-color: #ccc;
  color: #999;
}
.home-area #dealingDiv .xe-create-recipient-link,
.transact-area #dealingDiv .xe-create-recipient-link,
.step1 #dealingDiv .xe-create-recipient-link,
.dealing #dealingDiv .xe-create-recipient-link {
  color: #427730;
}
.home-area #dealingDiv .xe-text-input,
.transact-area #dealingDiv .xe-text-input,
.step1 #dealingDiv .xe-text-input,
.dealing #dealingDiv .xe-text-input {
  border-radius: 3px;
  background: #FFF;
  border-color: #CCC;
}
.home-area #dealingDiv .xe-text-input:hover,
.transact-area #dealingDiv .xe-text-input:hover,
.step1 #dealingDiv .xe-text-input:hover,
.dealing #dealingDiv .xe-text-input:hover,
.home-area #dealingDiv .xe-text-input:focus,
.transact-area #dealingDiv .xe-text-input:focus,
.step1 #dealingDiv .xe-text-input:focus,
.dealing #dealingDiv .xe-text-input:focus {
  background: #EDF7EC;
  border-color: #427730;
}
.home-area #dealingDiv .xe-text-input.xe-invalid,
.transact-area #dealingDiv .xe-text-input.xe-invalid,
.step1 #dealingDiv .xe-text-input.xe-invalid,
.dealing #dealingDiv .xe-text-input.xe-invalid {
  background: #FEFAFB;
  border-color: #CC0000;
}
.home-area #dealingDiv .xe-text-input:disabled,
.transact-area #dealingDiv .xe-text-input:disabled,
.step1 #dealingDiv .xe-text-input:disabled,
.dealing #dealingDiv .xe-text-input:disabled {
  background: #eee;
  border-color: #ccc;
  color: #999;
}
.home-area #dealingDiv .xe-text-input::placeholder,
.transact-area #dealingDiv .xe-text-input::placeholder,
.step1 #dealingDiv .xe-text-input::placeholder,
.dealing #dealingDiv .xe-text-input::placeholder {
  color: #999;
}
.home-area #dealingDiv .xe-field-label,
.transact-area #dealingDiv .xe-field-label,
.step1 #dealingDiv .xe-field-label,
.dealing #dealingDiv .xe-field-label {
  font-weight: bold;
}
.home-area #dealingDiv .xe-row-container .xe-alternative,
.transact-area #dealingDiv .xe-row-container .xe-alternative,
.step1 #dealingDiv .xe-row-container .xe-alternative,
.dealing #dealingDiv .xe-row-container .xe-alternative {
  background-color: #427730;
}
.home-area #dealingDiv .xe-sidebar-panel-title,
.transact-area #dealingDiv .xe-sidebar-panel-title,
.step1 #dealingDiv .xe-sidebar-panel-title,
.dealing #dealingDiv .xe-sidebar-panel-title {
  font-family: "GillSansforJL", "Arial", "Helvetica", "sans-serif";
  color: #5f5f5f;
}
.home-area #dealingDiv .xe-tabs .xe-active-tab,
.transact-area #dealingDiv .xe-tabs .xe-active-tab,
.step1 #dealingDiv .xe-tabs .xe-active-tab,
.dealing #dealingDiv .xe-tabs .xe-active-tab {
  background-color: #4aa851;
}
.home-area #dealingDiv .xe-button,
.transact-area #dealingDiv .xe-button,
.step1 #dealingDiv .xe-button,
.dealing #dealingDiv .xe-button {
  float: right;
  padding-left: 24px;
  padding-right: 24px;
  min-width: 120px;
  font-size: 16px;
  margin-bottom: 24px;
  outline: none;
  display: block;
  position: relative;
  transition: All 0.2s ease;
  background-color: #4aa851;
  color: #ffffff;
}
.home-area #dealingDiv .xe-button::after,
.transact-area #dealingDiv .xe-button::after,
.step1 #dealingDiv .xe-button::after,
.dealing #dealingDiv .xe-button::after {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  margin-left: 12px;
  height: 15px;
  right: 0;
  position: relative;
  top: 5px;
  content: '';
  width: 7px;
}
.home-area #dealingDiv .xe-button.xe-secondary,
.transact-area #dealingDiv .xe-button.xe-secondary,
.step1 #dealingDiv .xe-button.xe-secondary,
.dealing #dealingDiv .xe-button.xe-secondary {
  background-color: #4aa851;
  text-transform: lowercase;
  color: #ffffff;
}
.home-area #dealingDiv .xe-button.xe-secondary::first-letter,
.transact-area #dealingDiv .xe-button.xe-secondary::first-letter,
.step1 #dealingDiv .xe-button.xe-secondary::first-letter,
.dealing #dealingDiv .xe-button.xe-secondary::first-letter {
  text-transform: uppercase;
}
.home-area #dealingDiv .xe-button.xe-secondary::after,
.transact-area #dealingDiv .xe-button.xe-secondary::after,
.step1 #dealingDiv .xe-button.xe-secondary::after,
.dealing #dealingDiv .xe-button.xe-secondary::after {
  margin-left: 0;
  background: none;
}
.home-area #dealingDiv .xe-recipient-selector .xe-pay-recipient-wrapper .xe-add-edit-button-wrapper .xe-add-edit-button button,
.transact-area #dealingDiv .xe-recipient-selector .xe-pay-recipient-wrapper .xe-add-edit-button-wrapper .xe-add-edit-button button,
.step1 #dealingDiv .xe-recipient-selector .xe-pay-recipient-wrapper .xe-add-edit-button-wrapper .xe-add-edit-button button,
.dealing #dealingDiv .xe-recipient-selector .xe-pay-recipient-wrapper .xe-add-edit-button-wrapper .xe-add-edit-button button {
  min-width: 60px;
  padding-right: 15px;
}
.home-area #dealingDiv .xe-alert.xe-info,
.transact-area #dealingDiv .xe-alert.xe-info,
.step1 #dealingDiv .xe-alert.xe-info,
.dealing #dealingDiv .xe-alert.xe-info {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.home-area #dealingDiv .xe-button.xe-secondary.xe-disabled,
.transact-area #dealingDiv .xe-button.xe-secondary.xe-disabled,
.step1 #dealingDiv .xe-button.xe-secondary.xe-disabled,
.dealing #dealingDiv .xe-button.xe-secondary.xe-disabled {
  background-color: #a6d8aa;
}
.home-area #dealingDiv .xe-link,
.transact-area #dealingDiv .xe-link,
.step1 #dealingDiv .xe-link,
.dealing #dealingDiv .xe-link {
  color: #427730;
  text-decoration: underline;
  font-weight: normal;
}
.home-area #dealingDiv .xe-badge.xe-info,
.transact-area #dealingDiv .xe-badge.xe-info,
.step1 #dealingDiv .xe-badge.xe-info,
.dealing #dealingDiv .xe-badge.xe-info {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.home-area #dealingDiv .xe-recipient-selector .xe-pay-recipient-wrapper > span,
.transact-area #dealingDiv .xe-recipient-selector .xe-pay-recipient-wrapper > span,
.step1 #dealingDiv .xe-recipient-selector .xe-pay-recipient-wrapper > span,
.dealing #dealingDiv .xe-recipient-selector .xe-pay-recipient-wrapper > span {
  color: #464646;
}
.home-area #dealingDiv .xe-dropdown .xe-dropdown-button,
.transact-area #dealingDiv .xe-dropdown .xe-dropdown-button,
.step1 #dealingDiv .xe-dropdown .xe-dropdown-button,
.dealing #dealingDiv .xe-dropdown .xe-dropdown-button,
.home-area #dealingDiv .xe-text-input,
.transact-area #dealingDiv .xe-text-input,
.step1 #dealingDiv .xe-text-input,
.dealing #dealingDiv .xe-text-input {
  color: #999999;
}
.home-area #dealingDiv .xe-dropdown .xe-dropdown-button:focus,
.transact-area #dealingDiv .xe-dropdown .xe-dropdown-button:focus,
.step1 #dealingDiv .xe-dropdown .xe-dropdown-button:focus,
.dealing #dealingDiv .xe-dropdown .xe-dropdown-button:focus {
  border-color: #427730;
}
.home-area #dealingDiv .xe-text-input:focus,
.transact-area #dealingDiv .xe-text-input:focus,
.step1 #dealingDiv .xe-text-input:focus,
.dealing #dealingDiv .xe-text-input:focus {
  border-color: #427730;
  background-color: #edf7ec;
}
.home-area #dealingDiv .xe-step-progress .xe-single-step[stepbeforeactive="true"],
.transact-area #dealingDiv .xe-step-progress .xe-single-step[stepbeforeactive="true"],
.step1 #dealingDiv .xe-step-progress .xe-single-step[stepbeforeactive="true"],
.dealing #dealingDiv .xe-step-progress .xe-single-step[stepbeforeactive="true"] {
  background-image: url("../../jlp/img/svg/arrow-before-jlp.svg");
}
.home-area #dealingDiv .xe-step-progress .xe-single-step[active="true"],
.transact-area #dealingDiv .xe-step-progress .xe-single-step[active="true"],
.step1 #dealingDiv .xe-step-progress .xe-single-step[active="true"],
.dealing #dealingDiv .xe-step-progress .xe-single-step[active="true"] {
  background-color: #4aa851;
}
.home-area #dealingDiv .xe-dropdown .xe-dropdown-item.xe-isHighLightedAndSelected,
.transact-area #dealingDiv .xe-dropdown .xe-dropdown-item.xe-isHighLightedAndSelected,
.step1 #dealingDiv .xe-dropdown .xe-dropdown-item.xe-isHighLightedAndSelected,
.dealing #dealingDiv .xe-dropdown .xe-dropdown-item.xe-isHighLightedAndSelected,
.home-area #dealingDiv .xe-dropdown .xe-dropdown-item.xe-isSelected,
.transact-area #dealingDiv .xe-dropdown .xe-dropdown-item.xe-isSelected,
.step1 #dealingDiv .xe-dropdown .xe-dropdown-item.xe-isSelected,
.dealing #dealingDiv .xe-dropdown .xe-dropdown-item.xe-isSelected {
  background: #f2f1ed;
  color: #464646;
}
@font-face {
  font-family: GillSansforJL;
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff) format("woff");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2") tech("variations");
  src: url(../../../content/fonts/GillSansNovaforJLVar.woff2) format("woff2-variations");
  font-weight: 200 700;
  font-display: swap;
}
.orders-area.orders .xe-header {
  color: #102B2B;
}
.orders-area.orders #ordersDiv {
  font-family: "GillSansforJL", "Arial", "Helvetica", "sans-serif";
  color: #dfff7b;
}
.orders-area.orders #ordersDiv .xe-page-content .xe-button {
  border-radius: 3rem;
  background-color: #102b2b;
}
.orders-area.orders #ordersDiv .xe-page-content .xe-button:hover,
.orders-area.orders #ordersDiv .xe-page-content .xe-button:active {
  background-color: #dfff7b;
}
.orders-area.orders #ordersDiv .xe-page-content .xe-button:active {
  box-shadow: none;
}
.orders-area.orders #ordersDiv .xe-page-content .xe-button.xe-disabled {
  background: #ecedf0;
  color: #0011334d;
}
.orders-area.orders #ordersDiv .xe-page-content .xe-text-input {
  color: #102b2b;
}
.orders-area.orders #ordersDiv .xe-page-content .xe-link.xe-link-danger {
  color: #cd3d64;
}
.orders-area.orders #ordersDiv .xe-page-content .xe-checkbox .xe-checkbox-img {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTY4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cGF0aCBpZD0iYSIgZD0iTTAgMGgyNHYyNEgweiIvPjxwYXRoIGlkPSJiIiBkPSJNMCA0OGgyNHYyNEgweiIvPjxwYXRoIGlkPSJjIiBkPSJNMCAyNGgyNHYyNEgweiIvPjxwYXRoIGlkPSJkIiBkPSJNMCA5NmgyNHYyNEgweiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiNDQ0MiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMWgyMnYyMkgxeiIvPjx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xIDQ5aDIydjIySDF6IiBzdHJva2U9IiMzMDRiOTEiLz48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNjIi8+PHBhdGggc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMSAyNWgyMnYyMkgxeiIgc3Ryb2tlPSIjMzA0YjkxIi8+PHBhdGggZD0iTTAgNzJoMjR2MjRIMHoiIGZpbGw9IiMzMDRiOTEiLz48cGF0aCBkPSJNMyA4NS43UzQgODQgNS42IDg1Yy40LjIgMyAzLjIgMyAzLjJzNS45LTkuNSAxMi0xMi4zYzAgMCAxLjYuMi0xLjMgMi4yQTQ4LjcgNDguNyAwIDAwMTAgOTAuM2MtLjcgMS42LTEuNCAyLjItMi42IDEuMi0xLTEtMy01LjMtNC40LTUuOHoiIGZpbGw9IiNGRkYiLz48dXNlIHhsaW5rOmhyZWY9IiNkIiBmaWxsPSIjMzA0YjkxIi8+PHBhdGggc3Ryb2tlLW9wYWNpdHk9Ii41IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgOTdoMjJ2MjJIMXoiLz48cGF0aCBkPSJNMyAxMDkuN3MxLTEuNiAyLjYtLjZjLjQuMiAzIDMuMiAzIDMuMnM1LjktOS41IDEyLTEyLjNjMCAwIDEuNi4yLTEuMyAyLjJhNDguNyA0OC43IDAgMDAtOS4zIDEyLjFjLS43IDEuNi0xLjQgMi4yLTIuNiAxLjItMS0xLTMtNS4zLTQuNC01Ljh6IiBmaWxsPSIjRkZGIi8+PHBhdGggZmlsbD0iI0VFRSIgZD0iTTAgMTQ0aDI0djI0SDB6Ii8+PHBhdGggZD0iTTMgMTU3LjdzMS0xLjYgMi42LS42Yy40LjIgMyAzLjIgMyAzLjJzNS45LTkuNSAxMi0xMi4zYzAgMCAxLjYuMi0xLjMgMi4yYTQ4LjcgNDguNyAwIDAwLTkuMyAxMi4xYy0uNyAxLjYtMS40IDIuMi0yLjYgMS4yLTEtMS0zLTUuMy00LjQtNS44eiIgZmlsbD0iIzk5OSIvPjxwYXRoIGZpbGw9IiNFRUUiIGQ9Ik0wIDEyMGgyNHYyNEgweiIvPjwvZz48L3N2Zz4=) no-repeat 0 0;
}
.orders-area.orders #ordersDiv .xe-page-content .xe-page-content-header .xe-page-content-title {
  color: #102b2b;
  font-size: 24px;
  font-weight: 900;
  font-family: "GillSansforJL", "Arial", "Helvetica", "sans-serif";
}
.orders-area.orders .xe-page-content-children .xe-empty-state .xe-empty-state-title {
  color: #102b2b;
  font-weight: 700;
}
.orders-area.orders .xe-page-content-children .xe-empty-state .xe-empty-state-description {
  font-size: 14px;
  color: #dfff7b;
}
.orders-area.orders .xe-page-content-children .xe-link {
  color: #102b2b;
  font-size: 15px;
}
.orders-area.orders .xe-page-content-children .xe-link:hover {
  text-decoration-line: underline;
}
.orders-area.orders .xe-page-content-children .xe-historical-orders .xe-title {
  color: #102b2b;
}
.orders-area.orders .xe-page-content-children .xe-order-form .xe-step-progress .xe-single-step {
  color: #dfff7b;
}
.orders-area.orders .xe-page-content-children .xe-order-form .xe-step-progress .xe-single-step[active="true"] {
  background-color: #dfff7b;
}
.orders-area.orders .xe-page-content-children .xe-order-form .xe-dropdown .xe-dropdown-button:focus {
  border-color: #102b2b;
}
.orders-area.orders .xe-page-content-children .xe-order-form .xe-dropdown .xe-dropdown-button.xe-invalid {
  color: #cd3d64;
}
.orders-area.orders .xe-page-content-children .xe-order-form .xe-currency-amount-input .xe-invalid {
  color: #cd3d64;
}
.orders-area.orders .xe-page-content-children .xe-order-form .xe-field-validation-text {
  color: #cd3d64;
}
/*# sourceMappingURL=main.css.map */