/* Minification failed. Returning unminified contents.
(301,33): run-time error CSS1030: Expected identifier, found '#Definitions\.Fields\[ADDRESS_LINE2\]\.Value'
(301,77): run-time error CSS1031: Expected selector, found ')'
(301,77): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype');
}
/*@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: #868789;
  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: #304b91;
  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: #69747e;
}
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: #304b91;
  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: #ECECEC;
}
.transaction-body li.transaction-body__row:nth-child(odd) {
  background-color: #ECECEC;
}
.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: #868789;
  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: #868789;
  font-weight: normal;
}
.form-group .form-control {
  border-color: #aaa;
}
.form-group .form-control:focus {
  border-color: #304b91;
  box-shadow: none;
}
.form-group.focused .form-control.leftCtl {
  border-color: #304b91;
  box-shadow: none;
}
.form-group.focused .form-control.rightCtl {
  border-color: #304b91;
  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: #304b91;
}
.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: #333333;
  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: #18A2AD;
  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: #4d4d4d;
  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: #4d4d4d;
  color: white;
}
/* On touch devices set the hover styles to default button style */
html.touch-device .btn:hover {
  background-color: #333333;
  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: #CCD2D5;
  color: white;
}
.btn-secondary:focus {
  background-color: #667980;
  color: white;
  box-shadow: none;
}
/* Apply Hover effects only on non-touch devices */
html.no-touch-device .btn-secondary:hover {
  background-color: #667980;
  color: white;
}
/* On touch devices set the hover styles to default button style */
html.touch-device .btn-secondary:hover {
  background-color: #CCD2D5;
  color: white;
}
.btn-secondary[disabled] {
  background-color: #667980;
}
.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: #008194;
}
.linkButton:hover,
#ff-reload-captcha:hover {
  color: #008194;
}
#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: #18A2AD;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: black;
}
.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 #84868C;
  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 #84868C;
}
@media (min-width: 768px) {
  .navbar-nav > li:first-child {
    border-top: inherit;
  }
}
.navbar-nav > li:last-child {
  border-bottom: 2px solid #84868C;
}
@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: #84868C;
  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 #dedbd2;
  text-align: center;
}
@media (min-width: 768px) {
  .nav .dropdown-menu > li {
    border-top: 1px solid #dedbd2;
    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: black;
}
@media (min-width: 768px) {
  .nav .dropdown-menu > li > a {
    font-size: 15px;
    color: #001f2b;
    font-weight: inherit;
  }
}
.navbar-toggle {
  border-color: #84868C;
}
.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: #84868C;
  background-color: transparent;
  color: white;
}
@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: #e7e8e9;
    background-color: #20c2c9;
  }
}
@media (min-width: 768px) {
  .nav .dropdown-menu .open {
    background-color: #20c2c9;
  }
}
.nav .open > a,
.nav .active > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: transparent;
  color: #84868C;
  background-color: white;
}
@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: white;
}
@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: #aaa;
}
@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: #84868C;
  border: 1px solid #84868C;
  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: #083234;
  color: white;
  min-height: 50px;
}
@media print {
  #wrapper > footer {
    display: none;
  }
}
#wrapper > footer .footer-toprow {
  background-color: #083234;
  color: white;
  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: #20c2c9;
  padding: 4px 15px 0 0;
  float: right;
}
#wrapper > footer .footer-toprow .copyright p {
  margin-bottom: 0;
}
#wrapper > footer .footer-bottomrow {
  color: #20c2c9;
  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: #20c2c9;
}
@media (min-width: 768px) {
  #wrapper > footer .footer-bottomrow .copyright {
    font-size: 15px;
    margin-top: 10px;
    color: #20c2c9;
  }
}
#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: #868789;
  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: #868789;
}
@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: #69747e;
  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 #333333;
  border-top: 0;
  color: black;
  background-color: #F4FCFD;
  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("../../core/img/notify-warning.png") no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
}
#userNotification .ui-pnotify .ui-pnotify-container .ui-pnotify-icon .glyphicon {
  color: #69747e;
  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 white;
  border-radius: 0 0 3px 3px;
  border-top: 0;
  background-color: #011f2a;
  color: white;
}
@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: #008194;
  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: #008194;
}
.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: #304b91;
  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: #F4FCFD;
  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: #ECECEC;
}
#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: #008194;
  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: #304b91;
  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: #333333;
}
body.home-area.home.default .btn-homepage#SameCurrencyButton:hover {
  background-color: #333333 !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: #333333;
}
body.home-area.home.default .toppanel-homepage .homepagebutton-container .row div .btn-homepage:hover {
  background-color: #333333 !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: #666666;
  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: #868789;
}
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: #e9ecef;
}
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("../../britline/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: #008194;
  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: #868789;
  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: #868789;
}
.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: #ECECEC;
  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("../../britline/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: #008194;
  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: #868789;
  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("../../core/img/notify-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: #008194;
  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("../../core/img/notify-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: #ECECEC;
  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("../../britline/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: #008194;
  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: #868789;
  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: #ECECEC;
  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: #868789;
}
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: #304b91;
  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: #304b91;
  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;
}
.form-group-lg .form-control {
  line-height: 1.2;
}
.telephoneCapture {
  width: 90%;
  margin-left: 15px;
}
.fa-lg {
  line-height: 1.2;
}
.documentContainer {
  padding-left: 0px;
  padding-right: 0px;
}
.message-container {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .message-container {
    float: left;
    width: 91.66666667%;
  }
}
.message-container label {
  font-size: 15px;
}
#userNotification .ui-pnotify .ui-pnotify-container.brighttheme-success {
  border: 2px solid #20C2C9;
  background-color: #F4FCFD;
}
body {
  font-family: "Poppins", Arial, Verdana, "sans-serif";
  font-size: 14px;
  color: #868789;
}
body h1,
body h2,
body h3,
body .xe-text-input {
  color: #304b91 !important;
}
body a {
  color: #304b91;
  text-decoration: none;
}
body a:focus {
  outline: none !important;
}
body a:hover {
  text-decoration-line: underline;
}
body .btn:focus {
  box-shadow: 0 0 0 1px #304b91;
}
body .xe-badge.xe-info,
body .xe-alert.xe-info {
  background-color: #33415c !important;
  color: #ffffff !important;
  border: none !important;
}
body .xe-text-input:focus,
body .xe-dropdown-button:focus {
  border-color: #304b91 !important;
}
body .dataTables_wrapper table.dataTable tbody {
  color: #868789;
}
body .dataTables_filter {
  padding-right: 0.1rem;
}
body div.dataTables_filter label {
  font-weight: 700;
}
body div.dataTables_filter label input[type="search"] {
  font-weight: normal;
  border: 1px solid rgba(0, 17, 51, 0.15);
  border-radius: 3rem;
  color: #555555;
  padding-left: 0.75rem;
}
body div.dataTables_filter label input[type="search"]:focus {
  border-color: #304b91;
  box-shadow: 0 0 0 1px #304b91;
}
body .dataTables_wrapper table.dataTable a {
  text-decoration: none;
}
body .dataTables_wrapper table.dataTable a:hover {
  text-decoration-line: underline;
}
body.login-area.forgot-password.default,
body.login-area.forgot-username.default,
body.login-area.setup,
body.login-area.login.default {
  font-size: 15px;
}
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 {
  font-size: 15px;
}
@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: 45px;
    font-size: 15px;
  }
}
body.login-area.forgot-password.default .field-validation-error,
body.login-area.forgot-username.default .field-validation-error,
body.login-area.setup .field-validation-error,
body.login-area.login.default .field-validation-error {
  font-size: 12px;
}
body.ratealerts-area.rate-alerts.default .rate-alerts-title {
  text-align: center;
  font-size: 15px;
  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 #rateAlertHistory .with-padding {
  padding-left: 20px;
  padding-right: 20px;
}
body.ratealerts-area.rate-alerts.default #rateAlertListContainer .button-container .btn {
  width: 100%;
  margin-left: 0;
}
.loginpage .form-group .control-label {
  font-weight: bold;
  font-size: 15px;
}
.loginpage .nobold {
  font-weight: normal;
}
.loginpage h1 {
  font-size: 28px;
  font-weight: 600;
}
.loginpage .field-validation-error {
  font-size: 12px;
}
.btn {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 5px 24px;
  background-color: #333333;
  background: -moz-linear-gradient(top, #333333 5%, #333333 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, center top, center bottom, color-stop(5%, #333333), color-stop(100%, #333333));
  background: -webkit-linear-gradient(top, #333333 5%, #333333 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #333333 5%, #333333 100%);
  background: -o-linear-gradient(top, #333333 5%, #333333 100%);
  /* IE10+ */
  background: linear-gradient(top, #333333 5%, #333333 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='@startColor', EndColorStr='@stopColor');
}
.btn:hover {
  background-color: #4d4d4d;
  background: -moz-linear-gradient(top, #4d4d4d 0%, #333333 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #4d4d4d), color-stop(100%, #333333));
  background: -webkit-linear-gradient(top, #4d4d4d 0%, #333333 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4d4d4d 0%, #333333 100%);
  background: -o-linear-gradient(top, #4d4d4d 0%, #333333 100%);
  /* IE10+ */
  background: linear-gradient(top, #4d4d4d 0%, #333333 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='@startColor', EndColorStr='@stopColor');
}
.btn .glyphicon {
  float: right;
  right: -10px;
  top: 4px;
}
@media (min-width: 992px) {
  .btn .glyphicon {
    top: 2px;
  }
}
a.btn {
  padding: 8px 21px;
  line-height: normal;
  min-height: unset;
}
body.home-area.home.default .btn-homepage {
  padding: 8px 21px;
  line-height: normal;
  min-height: unset;
  min-width: unset;
  width: 65%;
}
body.home-area.home.default #homeForm .btn-homepage {
  padding-top: 8px;
}
body.history-area.contract-history.default section.main .btn-secondary,
body.history-area.contract-history.default section.main a.btn-secondary {
  padding: 8px 21px;
  min-width: 317px;
}
@media (min-width: 992px) {
  body.history-area.contract-history.default section.main .btn-secondary,
  body.history-area.contract-history.default section.main a.btn-secondary {
    padding: 8px 21px;
  }
}
.nav-container {
  display: none;
}
#userInformationMobileContainer {
  margin-top: -15px;
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  #userInformationMobileContainer {
    margin-top: 0;
    margin-bottom: 0;
  }
}
#userInformationMobileContainer span {
  font-size: 13px;
}
#userInformationMobileContainer .headercontainer {
  text-align: center;
  color: #84868C;
}
#userInformationMobileContainer .headercontainer > span {
  display: block;
}
@media (min-width: 768px) {
  #userInformationMobileContainer .headercontainer > span {
    display: inline-block;
  }
}
.faq-container ul li:not(.no-bullet):before,
.side-links-container ul li:not(.no-bullet):before {
  color: #333333;
}
.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;
}
.list-container ul li:not(.no-bullet):before {
  content: ' ';
  background: url('../../britline/img/bullet.gif') 0 4px no-repeat;
}
.notificationPanel .glyphicon.notify-info {
  background-image: url('../../britline/img/notify-info.png');
}
.notificationPanel .glyphicon.notify-warning {
  background-image: url('../../britline/img/notify-warning.png');
}
.notificationPanel .glyphicon.notify-error {
  background-image: url('../../britline/img/notify-error.png');
}
@media (max-width: 768px) {
  body.public-area #wrapper main {
    padding-bottom: 35px;
  }
}
body.public-area #wrapper > main .pageTitle {
  display: block !important;
}
body.public-area #wrapper > main .pageTitle div header h1 {
  border-top: none;
  border-bottom: none;
  text-align: center;
  margin-bottom: 0;
}
body.public-area #wrapper > header .nav-container {
  display: none;
}
body.public-area #wrapper > header .logo-container {
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  body.public-area #wrapper footer {
    position: relative !important;
  }
}
body.public-area #wrapper > footer .footer-toprow div.default a.importantinformationlink {
  display: none;
}
body.login-area.additional-setup.default #wrapper > main .pageTitle div {
  padding-right: 15px;
}
@media (min-width: 768px) {
  body.login-area.additional-setup.default #wrapper > main .pageTitle div {
    padding-right: 0;
    padding-left: 0;
  }
}
body.login-area.additional-setup.default #wrapper > main .pageTitle div header h1 {
  border-top: none;
  border-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: 700;
  font-size: 24px;
}
body.transact-area.step4.default .view-container #summaryContainer {
  padding-top: 55px;
}
.login-area:not(.forgot-password):not(.setup) header .container-fluid .inner {
  width: 205px;
  margin: 0 auto !important;
  height: 80px;
}
@media (max-width: 991px) {
  .login-area:not(.forgot-password):not(.setup) header .container-fluid .inner {
    width: 182px;
  }
}
.login-area:not(.forgot-password):not(.setup) header .container-fluid .inner .logo-container {
  padding-left: 15px;
}
.returnTo {
  text-decoration: underline;
  padding-left: 26px;
  float: left;
  font-weight: bold;
}
.contact-us {
  text-decoration: underline;
  font-weight: bold;
}
@media (max-width: 767px) {
  .returnTo,
  .contact-us {
    padding: 0px;
    padding-left: 18px;
    width: 100%;
    display: block;
    text-align: center;
  }
}
#rightPaneMobileContainer2 {
  margin-left: -15px;
  margin-right: -15px;
}
.login-area:not(.forgot-password):not(.setup) #headerTitle h1 {
  border: none !important;
  margin: 0;
  padding: 0 0 18px 0!important;
}
.login-area:not(.forgot-password):not(.setup) #wrapper > main .main-container {
  padding-top: 32px;
}
.login-area:not(.forgot-password):not(.setup) .field-validation-error {
  float: left;
}
.login-area:not(.forgot-password):not(.setup) #defaultInstruction {
  text-align: left;
}
.login-area:not(.forgot-password):not(.setup) .headerbar {
  margin-bottom: 24px;
}
.login-area:not(.forgot-password):not(.setup) .logo-container {
  padding: 0px !important;
}
.login-area:not(.forgot-password):not(.setup) .pageTitle {
  margin: 0px;
  text-align: center;
}
.login-area:not(.forgot-password):not(.setup) .trustbar {
  display: none;
}
.login-area:not(.forgot-password):not(.setup) .btn-left {
  width: 100%;
}
.login-area:not(.forgot-password):not(.setup) .forgot-password {
  padding-bottom: 48px;
  text-align: center;
}
.login-area:not(.forgot-password):not(.setup) .forgot-password .linkButton {
  margin: 0 auto !important;
}
.login-area:not(.forgot-password):not(.setup) .forgot-password .linkButton:active,
.login-area:not(.forgot-password):not(.setup) .forgot-password .linkButton:focus,
.login-area:not(.forgot-password):not(.setup) .forgot-password .linkButton:hover {
  color: #008194;
}
.login-area:not(.forgot-password):not(.setup) #ff-reload-captcha,
.login-area:not(.forgot-password):not(.setup) .captcha-instruction {
  text-align: left;
}
.login-area:not(.forgot-password):not(.setup) .captcha-instruction {
  font-weight: bold;
}
.login-area:not(.forgot-password):not(.setup) .single-column-data-entry.captchaColumn {
  width: 100% !important;
}
.login-area:not(.forgot-password):not(.setup) .loginbutton-container {
  margin: 0px 15px;
}
.login-area:not(.forgot-password):not(.setup) .no-account {
  border-top: 1px solid #dcdcdc;
  padding-top: 16px;
  margin-left: 15px;
  margin-right: 15px;
}
.login-area:not(.forgot-password):not(.setup) .no-account .button-container {
  margin: 0 auto !important;
  text-align: center;
}
.login-area:not(.forgot-password):not(.setup) .no-account .button-container a {
  color: #008194;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .login-area:not(.forgot-password):not(.setup) .inner .main-container .loginpage {
    padding: 0px;
    margin-left: 33.33%;
    width: 33.33%;
    float: left;
    text-align: center;
  }
  .login-area:not(.forgot-password):not(.setup) .inner .main-container .loginpage .labelContainer {
    text-align: left;
  }
  .login-area:not(.forgot-password):not(.setup) .inner .main-container .loginpage .input-container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #changePasswordPanel .single-column-data-entry,
  #changePasswordPanel .single-button-layout {
    width: 100%;
    left: 0;
  }
}
@media only screen and (min-width: 767px) {
  body.recipient-area.landing.details #collapsible-group-grpintermediarydetails .group-validations {
    margin-top: -15px;
  }
}
body.home-area.home.default .lite-trading-allowed,
body.transact-area .lite-trading-allowed {
  border: 2px solid #20c2c9;
  border-radius: 3px;
  background-color: #f4fcfd;
  color: #000000;
  font-size: 15px;
}
body.home-area.home.default .lite-trading-allowed .lite-trading-icon,
body.transact-area .lite-trading-allowed .lite-trading-icon {
  padding-right: 0;
  width: 55px;
}
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: transparent;
  font-size: 24px;
  color: #69747e;
  padding-left: 15px;
  top: 10px;
  position: relative;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
}
body.home-area.home.default .lite-trading-allowed .lite-trading-icon .img-lite-trading-rosette:before,
body.transact-area .lite-trading-allowed .lite-trading-icon .img-lite-trading-rosette:before {
  content: "\e086";
}
body.home-area.home.default .lite-trading-allowed .lite-trading-info a,
body.transact-area .lite-trading-allowed .lite-trading-info a {
  color: #000000;
}
body.home-area.home.default .lite-trading-warning,
body.transact-area .lite-trading-warning {
  border: 1px solid #ff0000;
  border-radius: 5px;
  font-size: 13px;
  color: #666666;
  background-color: #fff;
}
body.home-area.home.default .lite-trading-warning .lite-trading-icon,
body.transact-area .lite-trading-warning .lite-trading-icon {
  width: 40px;
}
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-image: url("../../core/img/svg/action-req-SVG.svg");
  background-size: 25px 25px;
  height: 50px;
  width: 25px;
}
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.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: 10px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  body.recipient-area.landing.list a.newRecipientButton {
    padding: 9px 0 9px 0;
  }
}
body.recipient-area.landing.list #gridContainer table.dataTable {
  font-size: 15px;
  border-top: none;
}
body.recipient-area.landing.list #gridContainer table.dataTable.mobile-mode tr.tableRow td.mobile-template .row:first-child {
  margin-bottom: 13px;
}
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;
  background-color: #F8F9E7;
  color: #001f2b;
}
@media (min-width: 768px) {
  body.recipient-area.landing.list #gridContainer table.dataTable tbody tr.shown td:nth-child(2) {
    font-weight: bold;
  }
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr.shown + tr td {
  border-top: none;
  background-color: #F8F9E7;
  position: relative;
  padding-top: 4px;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr.shown + tr td .expandedRowContainer {
  padding-left: 32px;
  padding-right: 10px;
  color: #001f2b;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr.shown + tr td .expandedRowContainer .row {
  margin-bottom: 10px;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr.shown + tr td .expandedRowContainer .row:last-child {
  margin-bottom: 0;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr.shown + tr td .expandedRowContainer a.btn {
  text-decoration: none;
  width: 100%;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr td {
  border-right: none;
}
body.recipient-area.landing.list #gridContainer table.dataTable tbody tr td.currency-code {
  width: 40px;
}
@media (min-width: 768px) {
  body.recipient-area.landing.list #gridContainer table.dataTable tbody tr td:nth-child(2) {
    font-weight: bold;
  }
}
body.recipient-area.landing.list .nortonLogo {
  margin-top: 40px;
}
@media (min-width: 768px) {
  body.recipient-area.landing.list .nortonLogo {
    text-align: right;
  }
}
/*@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.form-control {
  border: 1px solid rgba(0, 17, 51, 0.15);
  border-collapse: collapse;
}
.form-group .bootstrap-select.open {
  border: 1px solid #304b91;
}
.form-group .bootstrap-select.open .btn {
  background-color: white;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 1%, white 25%, rgba(255, 255, 255, 0.99) 50%, rgba(255, 255, 255, 0.99) 55%, rgba(255, 255, 255, 0.99) 75%, #e6e6e6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(1%, #e6e6e6), color-stop(25%, white), color-stop(50%, rgba(255, 255, 255, 0.99)), color-stop(55%, rgba(255, 255, 255, 0.99)), color-stop(75%, rgba(255, 255, 255, 0.99)), color-stop(100%, #e6e6e6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e6e6e6 0%, #e6e6e6 1%, white 25%, rgba(255, 255, 255, 0.99) 50%, rgba(255, 255, 255, 0.99) 55%, rgba(255, 255, 255, 0.99) 75%, #e6e6e6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e6e6e6 0%, #e6e6e6 1%, white 25%, rgba(255, 255, 255, 0.99) 50%, rgba(255, 255, 255, 0.99) 55%, rgba(255, 255, 255, 0.99) 75%, #e6e6e6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e6e6e6 0%, #e6e6e6 1%, white 25%, rgba(255, 255, 255, 0.99) 50%, rgba(255, 255, 255, 0.99) 55%, rgba(255, 255, 255, 0.99) 75%, #e6e6e6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 1%, white 25%, rgba(255, 255, 255, 0.99) 50%, rgba(255, 255, 255, 0.99) 55%, rgba(255, 255, 255, 0.99) 75%, #e6e6e6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#e6e6e6', EndColorStr='white', GradientType=0);
  color: #304b91;
  border-color: #304b91;
  border-bottom-color: #304b91;
}
.form-group .bootstrap-select.open .dropdown-menu > li a {
  font-weight: normal;
  color: #304b91;
  font-size: 15px;
  padding: 3px 8px 4px;
}
.form-group .bootstrap-select.open .dropdown-menu > li.active > a {
  background-color: #e9ecef;
}
.form-group .bootstrap-select.open .dropdown-menu > li a:hover {
  background-color: #e9ecef;
  color: #304b91;
}
.form-group .bootstrap-select.open .dropdown-menu > li a:focus {
  outline: none;
  background-color: #e9ecef;
}
.form-group .bootstrap-select.open.form-control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: #aaa;
}
.form-group .bootstrap-select.open.form-control .dropdown-menu {
  margin: 0;
}
.form-group .bootstrap-select.open.form-control .dropdown-menu.open {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #304b91;
  border-top-color: #aaa;
  left: -1px;
  right: -1px;
}
.form-group .bootstrap-select.open.form-control .dropdown-menu.open input {
  height: 38px;
  border-radius: 0;
  padding-top: 5px;
}
.form-group .bootstrap-select.open.dropup {
  border-color: #304b91;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.form-group .bootstrap-select.open.dropup .dropdown-menu {
  margin: 0;
  box-shadow: none;
}
.form-group .bootstrap-select.open.dropup .dropdown-menu.open {
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #304b91;
  border-bottom-color: #aaa;
}
.form-group .bootstrap-select.btn-group {
  position: relative;
}
.form-group .btn.dropdown-toggle.btn-default,
.form-group .btn.dropdown-toggle.btn-default:active {
  background: white;
  height: 100%;
  margin: 0;
  color: #304b91;
  font-size: 15px;
  font-weight: bold;
  min-width: 0;
  padding-left: 8px;
  -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;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.form-group .leftCtl .btn,
.form-group .leftCtl .btn:active {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 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;
}
#wrapper > main {
  padding-bottom: 350px;
}
@media (min-width: 768px) {
  #wrapper > main {
    padding-bottom: 300px;
  }
}
#wrapper > main .pageTitle {
  margin-bottom: 14px;
}
#wrapper > main .pageTitle div {
  padding-right: 15px;
}
@media (min-width: 768px) {
  #wrapper > main .pageTitle div {
    padding-right: 0;
    padding-left: 0;
  }
}
#wrapper > main .pageTitle div header h1 {
  border-top: 1px solid #dedbd2;
  border-bottom: 1px solid #dedbd2;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 24px;
}
#wrapper > header .logo-container {
  margin-top: 10px;
  margin-bottom: 6px;
  line-height: normal;
}
@media (min-width: 768px) and (max-width: 991px) {
  #wrapper > header .logo-container {
    float: none;
  }
}
@media (min-width: 768px) {
  #wrapper > header .logo-container {
    margin-top: 0;
    margin-bottom: 0;
  }
}
#wrapper > header .logo-container img {
  height: 69px;
}
@media (min-width: 768px) {
  #wrapper > header .logo-container img {
    max-width: none;
  }
}
@media (min-width: 992px) {
  #wrapper > header .logo-container img {
    height: 80px;
  }
}
@media (min-width: 768px) {
  #wrapper > header .top-menu {
    padding-top: 35px;
  }
}
@media (min-width: 992px) {
  #wrapper > header .top-menu {
    padding-left: 13px;
    padding-top: 47px;
  }
}
#wrapper .nav-container {
  display: none !important;
}
#wrapper .top-bar {
  display: none;
}
#wrapper .logo-bar {
  display: none;
}
#wrapper .logo-bar .title {
  display: none;
}
#wrapper .menu-button {
  margin-top: 10px;
  padding: 5px 0 5px 15px;
  height: 36px;
  color: white;
  border: none;
}
#wrapper .menu-button > span {
  color: #84868C;
  border: 1px solid #84868C;
  padding: 7px 15px 7px 15px;
  border-radius: 4px;
}
#wrapper > footer .footer-toprow {
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
  font-weight: normal;
  padding-top: 11px;
  height: auto;
  border-top: none;
}
@media (min-width: 480px) {
  #wrapper > footer .footer-toprow {
    padding-top: 20px;
    height: auto;
  }
}
#wrapper > footer .footer-toprow .contact {
  margin-bottom: 0;
}
#wrapper > footer .footer-toprow .contact a {
  color: white;
  font-size: 14px;
}
#wrapper > footer .footer-bottomrow {
  font-size: 20px;
  text-align: center;
}
@media (min-width: 480px) {
  #wrapper > footer .footer-bottomrow {
    height: auto;
  }
}
#wrapper > footer .footer-bottomrow .copyright {
  padding-top: 5px;
  margin-top: 0;
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
}
#wrapper > footer .footer-toprow div.default {
  width: 100%;
  float: none;
  text-align: center;
  background-color: #083234;
  margin-bottom: 0;
  padding-top: 0;
}
#wrapper > footer .footer-toprow div.default a {
  color: white;
  font-size: 14px;
  text-decoration: underline;
}
.headerbar {
  background: #20c2c9;
  color: white;
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 20px;
  text-align: right;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .headerbar {
    padding-top: 13px;
    padding-bottom: 12px;
  }
}
.headerbar a {
  color: white;
  white-space: nowrap;
}
.headerbar .divider {
  font-size: 24px;
}
.headerbar .contact .client-name {
  font-weight: bold;
}
.headerbar .contact .welcome {
  padding-right: 7px;
  padding-left: 18px;
  border-right: 2px solid white;
}
.headerbar .last-login {
  padding-right: 12px;
  padding-left: 2px;
  border-right: 2px solid white;
}
.headerbar .account-name {
  padding-right: 8px;
  padding-left: 2px;
  border-right: 2px solid white;
}
.headerbar .sign-out {
  padding-left: 2px;
  padding-right: 15px;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 700;
}
.login-area .headerbar {
  padding-top: 8px;
  padding-bottom: 8px;
}
.login-area #wrapper > main {
  padding-bottom: 35px;
}
@media (min-width: 480px) {
  .login-area #wrapper > main {
    padding-bottom: 300px;
  }
}
.login-area #wrapper > footer {
  position: relative;
}
@media (min-width: 768px) {
  .login-area #wrapper > footer {
    position: fixed;
  }
}
.cookie {
  color: white;
  margin-left: 15px;
  margin-right: 15px;
  white-space: nowrap;
  text-decoration: none;
}
.cookie:hover {
  color: white;
  text-decoration: none;
}
p.smallprint {
  clear: left;
  font-size: 13px;
  text-align: center;
  color: white;
  margin: 15px;
}
@media (min-width: 768px) {
  .top-bar {
    font-size: 15px;
  }
}
.top-bar .client-name {
  color: #304b91;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  nav.top-menu {
    width: 100%;
    float: none !important;
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav {
    float: left !important;
  }
}
.nav > li {
  background-color: white;
}
.nav > li > a {
  padding: 4px 10px 8px 10px;
  font-family: Arial;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #84868C;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav > li > a {
    font-size: 11px;
  }
}
@media (min-width: 768px) {
  .nav > li > a {
    padding: 12px 7px;
    background-color: white;
    color: #84868C;
  }
}
.nav > li > a:hover {
  color: #20c2c9;
}
@media (min-width: 768px) {
  .nav > li > a.homeicon {
    padding-top: 6px;
    padding-bottom: 1px;
  }
}
.nav > li > a i.fa {
  color: black;
  font-size: 17px;
}
.nav > li .dropdown-menu {
  border: 1px solid #dedbd2;
  box-shadow: none;
}
.nav > li .dropdown-menu li a,
.nav > li .dropdown-menu li.open a {
  font-size: 15px;
  font-family: Arial;
  font-weight: 400;
  color: #464646;
  background-color: white;
}
.nav > li .dropdown-menu li a:hover,
.nav > li .dropdown-menu li.open a:hover {
  background-color: #d6d6d6;
  font-family: Arial;
  font-weight: 400;
  font-size: 15px;
  text-transform: none;
}
@media (min-width: 768px) {
  .nav > li .dropdown-menu li a:hover,
  .nav > li .dropdown-menu li.open a:hover {
    background-color: #d6d6d6;
  }
}
.nav > li .dropdown-menu li.active a {
  background-color: white;
}
.nav > li .dropdown-menu li.active a:hover {
  color: #464646;
  background-color: #d6d6d6;
}
.nav > li .dropdown-menu > li {
  border-top: 1px solid #dedbd2;
}
.nav > li .dropdown-menu > li:first-child {
  border-top: none;
}
.nav > li.active > a,
.nav > li.active.open > a {
  color: #20c2c9;
}
.js-buttonText {
  padding-top: 3px !important;
}
#forgotPasswordSubmitButton:not(.loading):after {
  display: none;
}
@media (min-width: 768px) {
  #forgotPasswordSubmitButton:not(.loading):after {
    display: inline-block;
  }
}
body.public-area.important-information #MessageContainer {
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  body.public-area.important-information #MessageContainer {
    margin-top: 0;
    margin-bottom: 45px;
  }
}
body.public-area.important-information #MessageContainer .moreInfoMessage {
  margin-top: 20px;
}
@media (min-width: 768px) {
  body.public-area.important-information #MessageContainer .moreInfoMessage {
    margin-top: 0;
  }
}
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-top: 18px;
  padding-bottom: 18px;
  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;
    border-right: 1px solid #E6E3DC;
    border-left: 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;
    padding: 24px;
  }
}
@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;
  }
}
/*@import "../../../hifx/css/bootstrap/_variables.less";
@import "../bootstrap/mixins.less";*/
.progressbar {
  padding: 0;
}
.progressbar > ul {
  width: 100%;
  margin: 0 auto;
  font-size: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0;
  padding-bottom: 15px;
  color: #666666;
}
.progressbar > ul .progress__item {
  background-color: #ECECEC;
  position: relative;
  display: block;
  float: left;
  height: 25px;
  padding: 16px 0 16px 0;
  line-height: 0;
  text-align: center;
  vertical-align: middle;
  width: 25%;
}
.progressbar > ul .progress__item.active {
  font-weight: bold;
  background-color: #20c2c9;
  color: white;
}
.progressbar > ul .progress__item.active + .progress__item,
.progressbar > ul .progress__item.active + .progress__item + .progress__item,
.progressbar > ul .progress__item.active + .progress__item + .progress__item + .progress__item {
  background-color: #ECECEC;
}
.progressbar > ul .progress__item span {
  display: block;
}
.progressbar > ul .progress__item span.progress-arrow {
  margin-top: 2px;
  color: #20c2c9;
}
.dataTables_wrapper table.dataTable {
  width: 100% !important;
  margin-bottom: 0;
  margin-top: 20px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  border-top: none;
}
@media (min-width: 768px) {
  .dataTables_wrapper table.dataTable {
    border: 1px solid #ddd;
    border-right: none;
  }
}
.dataTables_wrapper table.dataTable.expand-icon tbody tr.tableRow.expandable td:first-child {
  width: 13px;
}
.dataTables_wrapper table.dataTable tr.expandable {
  cursor: pointer;
}
.dataTables_wrapper table.dataTable thead .sorting_asc {
  background: url("../../core/img/svg/sort-asc-SVG.svg") no-repeat center right;
}
.dataTables_wrapper table.dataTable thead .sorting_desc {
  background: url("../../core/img/svg/sort-desc-SVG.svg") no-repeat center right;
}
.dataTables_wrapper table.dataTable thead .sorting_asc,
.dataTables_wrapper table.dataTable thead .sorting_desc {
  background-size: 25px 25px;
}
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead .sorting_asc,
.dataTables_wrapper table.dataTable thead .sorting_desc {
  background-color: #999999;
  color: white;
  padding-left: 8px;
  padding-right: 18px;
  vertical-align: top;
  white-space: nowrap;
}
.dataTables_wrapper table.dataTable thead th.tool-tip:not(.sorting_desc):not(.sorting_asc) {
  cursor: help;
}
.dataTables_wrapper table.dataTable thead th.sorting_disabled {
  padding-right: 8px;
}
@media (max-width: 767px) {
  .dataTables_wrapper table.dataTable thead {
    display: none;
  }
}
.dataTables_wrapper table.dataTable tbody {
  color: #667980;
}
.dataTables_wrapper table.dataTable tbody .dataTables_empty {
  border-right: none;
}
@media (min-width: 768px) {
  .dataTables_wrapper table.dataTable tbody .dataTables_empty {
    border-right: 1px solid #ddd;
  }
}
.dataTables_wrapper table.dataTable tbody tr.tableRow td {
  max-width: 80px;
  overflow: hidden;
}
.dataTables_wrapper table.dataTable tbody tr.tableRow.odd {
  background-color: #ECECEC;
}
.dataTables_wrapper table.dataTable tbody tr.tableRow.odd td {
  background-color: #ECECEC;
}
.dataTables_wrapper table.dataTable a {
  text-decoration: underline;
}
.dataTables_wrapper table.dataTable.table-hover tbody tr:hover {
  background-color: #F8F9E7;
}
.dataTables_wrapper table.dataTable.table-hover tbody tr:hover td {
  background-color: #F8F9E7;
}
.dataTables_wrapper table.dataTable.table-hover tbody tr.selected {
  background-color: #F8F9E7;
}
.dataTables_wrapper table.dataTable.table-hover tbody tr.selected td {
  background-color: #F8F9E7;
}
.dataTables_wrapper .dataTables_paginate {
  margin-top: -27px;
}
@media (max-width: 575px) {
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 4px;
  }
}
.dataTables_wrapper .dataTables_info {
  margin-top: 16px;
  padding-top: 0;
}
.dataTables_wrapper .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  font-weight: bold;
  min-width: 24px;
  padding: 8px 13px;
  margin-left: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  color: #334B55;
  background-color: #ECECEC;
  font-size: 14px;
}
.dataTables_wrapper .paginate_button.previous,
.dataTables_wrapper .paginate_button.next {
  display: none !important;
}
.dataTables_wrapper .paginate_button.current {
  color: #334B55;
  background-color: #CCD2D5;
}
.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;
  border: 1px #999999 dotted;
}
.dataTables_wrapper .row-selection {
  text-align: center;
  width: 30px;
}
/*.table-rows {
    margin-left: 15px;
    margin-right: 15px;

    .row:nth-child(odd) > div {
        background-color: rgb(238, 238, 238);
    }

    .row:last-child > div {
        border-bottom: 1px solid @table-border-color;
    }

    .row {
        border-left: 1px solid @table-border-color;

        > div {
            border-top: 1px solid @table-border-color;
            border-right: 1px solid @table-border-color;
            padding: 8px;
        }
    }
}*/
.table-rows {
  margin-left: 0;
  margin-right: 0;
}
.table-rows .row {
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.table-rows .row:last-child {
  border-bottom: 1px solid #ddd;
}
.table-rows .row:nth-child(odd) {
  background-color: #eeeeee;
}
.table-rows .row > div {
  border-right: 1px solid #ddd;
  padding: 8px;
}
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 (max-width: 767px) {
  body.history-area.contract-history.default section.main .btn-secondary {
    font-size: 19px;
  }
}
@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: 10px;
}
@media (min-width: 992px) {
  body.history-area.contract-history.default section.main a.btn-secondary {
    padding-top: 7px;
  }
}
body.history-area.contract-history.default section.main .additional-info-text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 13px;
}
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;
  text-align: center;
}
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 {
  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: 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;
}
/*@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: 25px;
  height: 25px;
  margin: -3px 4px 0 0;
  vertical-align: middle;
  background: url("../../britline/img/checkboxes-SVG.svg") left top no-repeat;
  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;
}
.checkBoxSelected {
  background: url("../../britline/img/checkboxes-SVG.svg") -25px top no-repeat !important;
}
input[type="checkbox"]:checked + label span {
  background: url("../../britline/img/checkboxes-SVG.svg") -25px top no-repeat;
}
.checkBoxLabel {
  cursor: pointer;
  padding-left: 0;
}
span.checkboxSpan {
  display: inline-block;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 10px 0 0 0;
  vertical-align: middle;
  background: url("../../britline/img/checkboxes-SVG.svg") left top no-repeat;
  cursor: pointer;
  font-weight: normal;
}
span.checkboxSpan.checkboxInFocus {
  background: url("../../britline/img/checkboxes-SVG.svg") -50px top no-repeat !important;
}
span.checkboxSpan.checkBoxSelected.checkboxInFocus {
  background: url("../../britline/img/checkboxes-SVG.svg") -75px top no-repeat !important;
}
#existingRecipientSpan {
  padding-right: 16px;
}
.bootstrap-select.btn-group .btn .caret {
  display: none;
  visibility: hidden;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
  max-width: 100%;
  word-wrap: break-word;
  white-space: normal;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  white-space: normal;
}
.downArrow {
  right: 2px;
  background: url("../../britline/img/dropdown-arrow.png") left top no-repeat;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
}
.upArrow {
  right: 2px;
  background: url("../../britline/img/dropdown-arrow.png") left top no-repeat;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
}
.groupedDownArrow {
  right: 2px;
  background: url("../../britline/img/dropdown-arrow.png") left top no-repeat;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.groupedupArrow {
  right: 2px;
  background: url("../../britline/img/dropdown-arrow.png") left top no-repeat;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ellipses {
  text-align: left;
  display: inline;
  width: 10px;
  position: absolute;
}
.form-group .bootstrap-select.open.form-control .dropdown-menu.open {
  border-top-color: white;
}
.form-control::-moz-placeholder {
  color: #69747e;
}
.form-control:-ms-input-placeholder {
  color: #69747e;
}
.form-control::-webkit-input-placeholder {
  color: #69747e;
}
.bootstrap-select.leftCtl + .form-control-feedback {
  right: 2px;
  background: url("../../britline/img/dropdown-arrow.png") left top no-repeat;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  display: block;
}
.bootstrap-select.leftCtl.open + .form-control-feedback {
  right: 2px;
  background: url("../../britline/img/dropdown-arrow.png") left top no-repeat;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  display: block;
}
.has-success .bootstrap-select.leftCtl + .form-control-feedback,
.has-error .bootstrap-select.leftCtl + .form-control-feedback {
  right: 2px;
  background: url("../../britline/img/dropdown-arrow.png") left top no-repeat;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.has-error .bootstrap-select.leftCtl.open + .form-control-feedback,
.has-success .bootstrap-select.leftCtl.open + .form-control-feedback {
  right: 2px;
  background: url("../../britline/img/dropdown-arrow.png") left top no-repeat;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  display: block;
}
.bootstrap-select + .form-control-feedback {
  right: 2px;
  background: url("../../britline/img/dropdown-arrow.png") left top no-repeat;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
}
.bootstrap-select.open + .form-control-feedback {
  right: 2px;
  background: url("../../britline/img/dropdown-arrow.png") left top no-repeat;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
}
.bootstrap-select.btn-group .filter-option {
  text-transform: none !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #304b91;
}
.groupControlMainContainer .bootstrap-select.btn-group .filter-option {
  text-transform: none !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #304b91;
}
.bootstrap-select.btn-group .btn {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #304b91;
}
.groupControlMainContainer .bootstrap-select.btn-group .btn .filter-option {
  text-align: center;
}
.form-group .grouped-controls .bs-searchbox {
  padding: 0 8px 0 8px;
}
.form-group .grouped-controls .bootstrap-select.open.form-control .dropdown-menu.open .bs-searchbox {
  position: relative;
}
.form-group .grouped-controls .bootstrap-select.open.form-control .dropdown-menu.open .bs-searchbox:after {
  content: "\e003";
  font-family: 'Glyphicons Halflings';
  font-size: 15px;
  position: absolute;
  right: 15px;
  top: 30%;
}
.form-group .grouped-controls .bootstrap-select.open.form-control .dropdown-menu.open .bs-searchbox input {
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #aaa;
}
.form-group .grouped-controls .bootstrap-select.open.form-control .dropdown-menu.open ul li {
  margin-bottom: 0;
}
.form-group .grouped-controls .bootstrap-select.open.form-control .dropdown-menu.open ul li a:hover,
.form-group .grouped-controls .bootstrap-select.open.form-control .dropdown-menu.open ul li a:focus {
  color: white;
}
.form-group .grouped-controls .bootstrap-select.open.form-control .dropdown-menu.open ul li.active a {
  color: white;
  background-color: #e9ecef;
}
.form-group .btn-group .btn.dropdown-toggle.btn-default,
.form-group .btn-group .btn.dropdown-toggle.btn-default:active {
  text-overflow: clip;
}
.form-group.has-error.has-feedback .bootstrap-select.open.form-control .dropdown-menu.open {
  border-color: #304b91 #f00 #f00 #f00;
}
.grouped-controls .dropdown-menu {
  left: -1px;
}
.single-column-data-entry .dropdown-menu {
  left: -1px;
  right: -1px;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 500px;
  }
}
.modal-dialog .modal-body {
  max-height: 340px;
  overflow-y: auto;
}
.panel-homepage {
  width: 100%;
  display: inline-block;
  background-image: -webkit-linear-gradient(#eeeeee, white 50%, #eeeeee);
  background-image: -o-linear-gradient(#eeeeee, white 50%, #eeeeee);
  background-image: linear-gradient(#eeeeee, white 50%, #eeeeee);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffeeeeee', GradientType=0);
  height: auto;
  text-align: center;
  padding-bottom: 20px;
  -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;
}
@media (min-width: 768px) and (max-width: 991px) {
  .panel-homepage {
    height: 150px;
  }
}
@media (min-width: 768px) {
  .panel-homepage {
    text-align: inherit;
    min-height: 0;
    height: 165px;
  }
}
.panel-homepage h5 {
  padding-top: 0;
  color: #011f2a;
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .panel-homepage h5 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .panel-homepage h5 {
    padding-top: 5px;
  }
}
.panel-homepage .panel-homepage-content {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.panel-homepage .panel-homepage-content div {
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .panel-homepage .panel-homepage-content div {
    height: 50px;
  }
}
.panel-homepage .panel-homepage-content > .btn-homepage {
  margin: 0 auto;
}
.two-factor-auth-area {
  font-family: 'Poppins';
  color: #5c667b;
}
.two-factor-auth-area #react-container .xe-two-factor-auth-page-logo {
  background: url(../img/svg/logo.svg) no-repeat;
  background-size: 220px 80px;
  background-position: center;
  width: 100%;
  height: 119px;
}
.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: #304b91;
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  line-height: 28.8px;
}
.two-factor-auth-area #react-container .xe-button {
  font-size: 18px;
  font-weight: 700;
  height: 56px;
  border-color: #ffffff;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  display: block;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  width: 100%;
  text-transform: uppercase;
}
.two-factor-auth-area #react-container .xe-button .xe-secondary {
  color: #ffffff;
  margin-bottom: 24px;
}
.two-factor-auth-area #react-container .xe-button .xe-secondary .xe-disabled {
  color: rgba(102, 110, 138, 0.3);
}
.two-factor-auth-area #react-container .xe-alert.xe-info {
  color: #000000;
}
.two-factor-auth-area #react-container .xe-link {
  color: #304b91;
  font-weight: 500;
  font-size: 15px;
}
.two-factor-auth-area #react-container .xe-two-factor-auth-page-main-content {
  font-size: 15px;
}
.two-factor-auth-area #react-container .xe-two-factor-auth-page-secondary-content {
  font-size: 15px;
}
.two-factor-auth-area #react-container .xe-text-input {
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  height: 56px;
}
.two-factor-auth-area #react-container .xe-text-input:focus {
  border-color: #304b91;
  border: solid 2px;
}
.two-factor-auth-area #react-container #dd-two-factor-auth-phone-number {
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 48px;
  border-top-right-radius: 0px;
  height: 56px;
}
.two-factor-auth-area #react-container #dd-two-factor-auth-phone-number:focus {
  border-color: #304b91;
  border: solid 2px;
}
.two-factor-auth-area #react-container .xe-dropdown .xe-dropdown-button.xe-empty {
  color: #304b91;
}
.two-factor-auth-area #react-container .xe-phone-number-input {
  height: 56px;
  margin-bottom: 10px;
}
.two-factor-auth-area #react-container .xe-phone-number-input-wrapper #input-two-factor-auth-phone-number {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 48px;
  border-top-left-radius: 0px;
  border-top-right-radius: 48px;
}
.two-factor-auth-area #wrapper > main {
  padding-top: 0;
}
.two-factor-auth-area #wrapper > footer .footer-toprow {
  padding-top: 5px;
  font-size: 17px;
}
.two-factor-auth-area #wrapper > footer .footer-toprow a,
.two-factor-auth-area #wrapper > footer .footer-toprow div.default a {
  font-size: 17px;
}
.two-factor-auth-area #wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.two-factor-auth-area #wrapper > footer {
  position: relative;
  margin-top: auto;
  min-height: unset;
}
.two-factor-auth-area a.xe-link:focus {
  text-decoration: underline;
  outline: none;
}
.two-factor-auth-area a.xe-link:target {
  color: #F6555A;
}
.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;
}
button#two-factor-auth-page-button.xe-button.xe-secondary {
  background: #304b91;
}
button#two-factor-auth-page-button.xe-button.xe-secondary.xe-disabled {
  background: #ecedf0;
}
button#two-factor-auth-page-button.xe-button.xe-secondary:hover {
  background-color: #F6555A;
}
.payments-area.payments #react-container,
.recipient-area.provide-recipient #react-container,
.balances-area.balances #react-container {
  font-family: 'Poppins';
  color: #868789;
}
.payments-area.payments #react-container .xe-page-content .xe-page-content-header,
.recipient-area.provide-recipient #react-container .xe-page-content .xe-page-content-header,
.balances-area.balances #react-container .xe-page-content .xe-page-content-header {
  margin-bottom: 14px;
}
.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;
  border-top: 1px solid #dedbd2;
  border-bottom: 1px solid #dedbd2;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Poppins';
  margin-bottom: 14px;
  color: #304b91;
  font-size: 24px;
  font-weight: 900;
}
.payments-area.payments #react-container .xe-button,
.recipient-area.provide-recipient #react-container .xe-button,
.balances-area.balances #react-container .xe-button {
  display: block;
  position: relative;
  float: right;
  white-space: nowrap;
  min-width: 150px;
  font-size: 14px;
  font-weight: 700;
  border-color: #ffffff !important;
  border-radius: 3rem;
  text-align: center;
  cursor: pointer;
  color: #ffffff;
  background-color: #304b91;
}
.payments-area.payments #react-container .xe-button:hover,
.recipient-area.provide-recipient #react-container .xe-button:hover,
.balances-area.balances #react-container .xe-button:hover,
.payments-area.payments #react-container .xe-button:active,
.recipient-area.provide-recipient #react-container .xe-button:active,
.balances-area.balances #react-container .xe-button:active {
  background-color: #f6555a;
}
.payments-area.payments #react-container .xe-button:active,
.recipient-area.provide-recipient #react-container .xe-button:active,
.balances-area.balances #react-container .xe-button:active {
  box-shadow: none;
}
.payments-area.payments #react-container .xe-button.xe-disabled,
.recipient-area.provide-recipient #react-container .xe-button.xe-disabled,
.balances-area.balances #react-container .xe-button.xe-disabled {
  background: #ecedf0 !important;
  color: #0011334d !important;
}
.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: #304b91;
}
.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 {
  color: #ffffff;
  background-color: #304b91;
}
.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 {
  background-color: #304b91;
}
.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 {
  padding-left: 24px;
  min-width: 100px;
}
.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 {
  content: "";
  right: 0;
}
.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: #000000;
  border: 1px solid #20C2C9;
  background-color: #F4FCFD;
}
.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: #cccccc;
}
.payments-area.payments #react-container .xe-link,
.recipient-area.provide-recipient #react-container .xe-link,
.balances-area.balances #react-container .xe-link {
  color: #304b91;
}
.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: #000000;
  border: 1px solid #20C2C9;
  background-color: #F4FCFD;
}
.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: #444;
}
.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: #333333;
  font-weight: 500;
}
.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: #2e3137;
}
.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,
.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 {
  color: #304b91 !important;
}
.payments-area.payments #react-container .xe-dropdown-item,
.recipient-area.provide-recipient #react-container .xe-dropdown-item,
.balances-area.balances #react-container .xe-dropdown-item {
  color: #304b91;
}
.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 {
  color: #304b91 !important;
}
.payments-area.payments #react-container .xe-dropdown-item.xe-isHighLightedAndSelected,
.recipient-area.provide-recipient #react-container .xe-dropdown-item.xe-isHighLightedAndSelected,
.balances-area.balances #react-container .xe-dropdown-item.xe-isHighLightedAndSelected {
  color: #304b91;
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.payments-area.payments #react-container .xe-dropdown-item.xe-isSelected,
.recipient-area.provide-recipient #react-container .xe-dropdown-item.xe-isSelected,
.balances-area.balances #react-container .xe-dropdown-item.xe-isSelected {
  background: none;
}
.payments-area.payments #react-container .xe-dropdown-button,
.recipient-area.provide-recipient #react-container .xe-dropdown-button,
.balances-area.balances #react-container .xe-dropdown-button {
  color: #304b91 !important;
}
.my-account-area.settings #settingsDiv #notifications-table,
.my-account-area.marketing-preference #settingsDiv #notifications-table,
.my-account-area.settings #preferenceDiv #notifications-table,
.my-account-area.marketing-preference #preferenceDiv #notifications-table {
  width: 100%;
}
@media (min-width: 601px) {
  .my-account-area.settings #settingsDiv #notifications-table,
  .my-account-area.marketing-preference #settingsDiv #notifications-table,
  .my-account-area.settings #preferenceDiv #notifications-table,
  .my-account-area.marketing-preference #preferenceDiv #notifications-table {
    max-width: 480px;
  }
}
.my-account-area.settings #settingsDiv .xe-checkbox .xe-checkbox-img,
.my-account-area.marketing-preference #settingsDiv .xe-checkbox .xe-checkbox-img,
.my-account-area.settings #preferenceDiv .xe-checkbox .xe-checkbox-img,
.my-account-area.marketing-preference #preferenceDiv .xe-checkbox .xe-checkbox-img {
  min-width: 24px;
  width: 24px;
  height: 24px;
  background: url(../img/svg/checkbox.svg) 0px 0px no-repeat;
}
.my-account-area.settings #settingsDiv .xe-checkbox-input:focus + span.xe-checkbox-img,
.my-account-area.marketing-preference #settingsDiv .xe-checkbox-input:focus + span.xe-checkbox-img,
.my-account-area.settings #preferenceDiv .xe-checkbox-input:focus + span.xe-checkbox-img,
.my-account-area.marketing-preference #preferenceDiv .xe-checkbox-input:focus + span.xe-checkbox-img {
  background-position: 0 -24px;
}
.my-account-area.settings #settingsDiv .xe-checkbox-input:hover + span.xe-checkbox-img,
.my-account-area.marketing-preference #settingsDiv .xe-checkbox-input:hover + span.xe-checkbox-img,
.my-account-area.settings #preferenceDiv .xe-checkbox-input:hover + span.xe-checkbox-img,
.my-account-area.marketing-preference #preferenceDiv .xe-checkbox-input:hover + span.xe-checkbox-img {
  background-position: 0 calc(-24px * 2);
}
.my-account-area.settings #settingsDiv .xe-checkbox-input:checked + span.xe-checkbox-img,
.my-account-area.marketing-preference #settingsDiv .xe-checkbox-input:checked + span.xe-checkbox-img,
.my-account-area.settings #preferenceDiv .xe-checkbox-input:checked + span.xe-checkbox-img,
.my-account-area.marketing-preference #preferenceDiv .xe-checkbox-input:checked + span.xe-checkbox-img {
  background-position: 0 calc(-24px * 3);
}
.my-account-area.settings #settingsDiv .xe-checkbox-input:focus:checked + span.xe-checkbox-img,
.my-account-area.marketing-preference #settingsDiv .xe-checkbox-input:focus:checked + span.xe-checkbox-img,
.my-account-area.settings #preferenceDiv .xe-checkbox-input:focus:checked + span.xe-checkbox-img,
.my-account-area.marketing-preference #preferenceDiv .xe-checkbox-input:focus:checked + span.xe-checkbox-img {
  background-position: 0 calc(-24px * 4);
}
.my-account-area.settings #settingsDiv .xe-checkbox-input:disabled + span.xe-checkbox-img,
.my-account-area.marketing-preference #settingsDiv .xe-checkbox-input:disabled + span.xe-checkbox-img,
.my-account-area.settings #preferenceDiv .xe-checkbox-input:disabled + span.xe-checkbox-img,
.my-account-area.marketing-preference #preferenceDiv .xe-checkbox-input:disabled + span.xe-checkbox-img {
  background-position: 0 calc(-24px * 5);
}
.my-account-area.settings #settingsDiv .xe-checkbox-input:disabled:checked + span.xe-checkbox-img,
.my-account-area.marketing-preference #settingsDiv .xe-checkbox-input:disabled:checked + span.xe-checkbox-img,
.my-account-area.settings #preferenceDiv .xe-checkbox-input:disabled:checked + span.xe-checkbox-img,
.my-account-area.marketing-preference #preferenceDiv .xe-checkbox-input:disabled:checked + span.xe-checkbox-img {
  background-position: 0 calc(-24px * 6);
}
.my-account-area.settings #settingsDiv .xe-alert.xe-info,
.my-account-area.marketing-preference #settingsDiv .xe-alert.xe-info,
.my-account-area.settings #preferenceDiv .xe-alert.xe-info,
.my-account-area.marketing-preference #preferenceDiv .xe-alert.xe-info {
  color: #137478;
  border: #CFF2F3;
  background: #EEFBFB;
}
.my-account-area.settings #settingsDiv .xe-alert.xe-error,
.my-account-area.marketing-preference #settingsDiv .xe-alert.xe-error,
.my-account-area.settings #preferenceDiv .xe-alert.xe-error,
.my-account-area.marketing-preference #preferenceDiv .xe-alert.xe-error {
  color: #A30000;
  border: #F9DEDE;
  background: #FCF0F0;
}
.my-account-area.settings #settingsDiv .xe-alert.xe-danger,
.my-account-area.marketing-preference #settingsDiv .xe-alert.xe-danger,
.my-account-area.settings #preferenceDiv .xe-alert.xe-danger,
.my-account-area.marketing-preference #preferenceDiv .xe-alert.xe-danger {
  color: #A30000;
  border: #F9DEDE;
  background: #FCF0F0;
}
.my-account-area.settings #settingsDiv .xe-alert.xe-warning,
.my-account-area.marketing-preference #settingsDiv .xe-alert.xe-warning,
.my-account-area.settings #preferenceDiv .xe-alert.xe-warning,
.my-account-area.marketing-preference #preferenceDiv .xe-alert.xe-warning {
  color: #7D5B09;
  border: #FEEAB9;
  background: #FEF6E2;
}
.my-account-area.settings #settingsDiv .xe-alert.xe-success,
.my-account-area.marketing-preference #settingsDiv .xe-alert.xe-success,
.my-account-area.settings #preferenceDiv .xe-alert.xe-success,
.my-account-area.marketing-preference #preferenceDiv .xe-alert.xe-success {
  color: #000;
  border: 1px solid #20c2c9;
  background: #f4fcfd;
}
.my-account-area.settings #settingsDiv .xe-page-content-header,
.my-account-area.marketing-preference #settingsDiv .xe-page-content-header,
.my-account-area.settings #preferenceDiv .xe-page-content-header,
.my-account-area.marketing-preference #preferenceDiv .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,
.my-account-area.marketing-preference #settingsDiv .xe-page-content-title,
.my-account-area.settings #preferenceDiv .xe-page-content-title,
.my-account-area.marketing-preference #preferenceDiv .xe-page-content-title {
  margin: 0px 0px 24px;
  font-size: 24px;
  line-height: 28px;
  color: #333333;
  font-weight: bold;
  width: 100%;
  padding: 12px 0px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.my-account-area.settings #settingsDiv .xe-panel-footer,
.my-account-area.marketing-preference #settingsDiv .xe-panel-footer,
.my-account-area.settings #preferenceDiv .xe-panel-footer,
.my-account-area.marketing-preference #preferenceDiv .xe-panel-footer {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.my-account-area.settings #settingsDiv .xe-panel-footer .xe-button,
.my-account-area.marketing-preference #settingsDiv .xe-panel-footer .xe-button,
.my-account-area.settings #preferenceDiv .xe-panel-footer .xe-button,
.my-account-area.marketing-preference #preferenceDiv .xe-panel-footer .xe-button {
  outline: none;
  border: 0px;
  margin: 0px;
  line-height: 20px;
  min-width: 160px;
  cursor: pointer;
  min-height: 32px;
  padding: 6px 24px;
  text-transform: uppercase;
  font-size: 14px;
  background: #333333;
  border-radius: 4px;
  color: #ffffff;
  font-weight: bold;
}
@media (max-width: 600px) {
  .my-account-area.settings #settingsDiv .xe-panel-footer .xe-button#notifications-save,
  .my-account-area.marketing-preference #settingsDiv .xe-panel-footer .xe-button#notifications-save,
  .my-account-area.settings #preferenceDiv .xe-panel-footer .xe-button#notifications-save,
  .my-account-area.marketing-preference #preferenceDiv .xe-panel-footer .xe-button#notifications-save,
  .my-account-area.settings #settingsDiv .xe-panel-footer .xe-button#preferences-save,
  .my-account-area.marketing-preference #settingsDiv .xe-panel-footer .xe-button#preferences-save,
  .my-account-area.settings #preferenceDiv .xe-panel-footer .xe-button#preferences-save,
  .my-account-area.marketing-preference #preferenceDiv .xe-panel-footer .xe-button#preferences-save {
    width: 100%;
    text-align: center;
  }
}
.orders-area.orders #ordersDiv {
  font-family: "Poppins", Arial, Verdana, "sans-serif";
  color: #868789;
}
.orders-area.orders #ordersDiv .xe-page-content .xe-button {
  border-radius: 3rem;
  background-color: #304b91;
}
.orders-area.orders #ordersDiv .xe-page-content .xe-button:hover,
.orders-area.orders #ordersDiv .xe-page-content .xe-button:active {
  background-color: #f6555a;
}
.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: #304b91;
}
.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: #304b91;
  font-size: 24px;
  font-weight: 900;
  font-family: "Poppins";
}
.orders-area.orders .xe-page-content-children .xe-empty-state .xe-empty-state-title {
  color: #304b91;
  font-weight: 700;
}
.orders-area.orders .xe-page-content-children .xe-empty-state .xe-empty-state-description {
  font-size: 14px;
  color: #868789;
}
.orders-area.orders .xe-page-content-children .xe-link {
  color: #304b91;
  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: #304b91;
}
.orders-area.orders .xe-page-content-children .xe-order-form .xe-step-progress .xe-single-step {
  color: #868789;
}
.orders-area.orders .xe-page-content-children .xe-order-form .xe-step-progress .xe-single-step[active="true"] {
  background-color: #868789;
}
.orders-area.orders .xe-page-content-children .xe-order-form .xe-dropdown .xe-dropdown-button:focus {
  border-color: #304b91;
}
.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;
}
.recipient-area.provide-recipient {
  color: #868789 !important;
}
.recipient-area.provide-recipient a {
  text-decoration: none !important;
}
.recipient-area.provide-recipient a:hover {
  text-decoration: underline !important;
}
.recipient-area.provide-recipient a:focus {
  outline: none !important;
}
.recipient-area.provide-recipient #recipient-payment-create {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.recipient-area.provide-recipient #pay-recipient-label,
.recipient-area.provide-recipient label {
  color: #868789 !important;
}
.recipient-area.provide-recipient .xe-dropdown-item,
.recipient-area.provide-recipient .xe-dropdown-button {
  color: #304b91 !important;
}
.recipient-area.provide-recipient .xe-field-validation-text,
.recipient-area.provide-recipient .xe-dropdown-button.xe-invalid {
  color: #cd3d64 !important;
}
/*# sourceMappingURL=main.css.map */