/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./style/css/css_common/widgetForeign.less ***!
  \**************************************************************************************************************************************************************/
.foreign-transfer-flow {
  /*
** Drop Down (used in Fancy Select & Auto Complete)
*/
}
.foreign-transfer-flow input[type="checkbox"] {
  height: 0;
  width: 0;
  opacity: 0;
  display: none;
}
.foreign-transfer-flow input[type="checkbox"] + .custom-checkbox {
  position: relative;
  background-color: #EAF5F9;
  display: inline-block;
  border-radius: 3px;
  height: 14px;
  width: 15px;
  cursor: pointer;
  float: right;
  margin-top: 3px;
  margin-left: 2px;
}
.foreign-transfer-flow .frn-radio input[type="radio"] {
  position: relative;
  top: 3px;
  appearance: none;
  border-radius: 50%;
  margin-left: 10px;
  margin-top: 0px;
  padding: 0px;
  width: 14px;
  height: 14px;
  background-color: #e7f1f9;
}
.foreign-transfer-flow .frn-radio input[type="radio"]:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  margin: 17% auto;
  border-radius: 50%;
}
.foreign-transfer-flow .frn-radio input[type="radio"]:checked:before {
  background-color: #25cb92;
}
.foreign-transfer-flow .frn-radio-first {
  margin-left: 10px;
}
.foreign-transfer-flow input[type="checkbox"].checked + .custom-checkbox:after {
  font-family: 'FontAwesome';
  content: '\f00c';
  position: absolute;
  color: #25cb92;
  top: 0px;
  left: 3px;
  font-size: 10px;
  height: 16px;
}
.foreign-transfer-flow .checkbox-text {
  margin-top: 1px;
  margin-right: 4px;
  cursor: pointer;
}
.foreign-transfer-flow .checkbox-text.frn-ct-big-text {
  display: block;
  margin-right: 20px;
  margin-top: -1px;
  line-height: 16px;
}
.foreign-transfer-flow .fs-drop-down {
  position: absolute;
  overflow: hidden;
  max-height: 197px;
  top: 100%;
  left: 0px;
  right: 0px;
  z-index: 1;
}
.foreign-transfer-flow .fs-drop-down > div {
  background: #ffffff;
  padding: 10px 15px;
  cursor: pointer;
}
.foreign-transfer-flow .fs-drop-down > div .cs-dd-item {
  padding: 10px 0;
}
.foreign-transfer-flow .cs-dd-wrapper {
  position: relative;
}
.foreign-transfer-flow .cs-dd-wrapper .cs-dd-main {
  max-height: 160px;
}
.foreign-transfer-flow .cs-dd-wrapper .cs-dd-main.fs-auto-complete-list {
  overflow: hidden;
  top: 36px;
  padding: 0 10px;
  max-height: 160px;
}
.foreign-transfer-flow .cs-dd-wrapper .cs-dd-main.cs-dd-ie8 {
  overflow: auto;
}
.foreign-transfer-flow .cs-dd-wrapper .cs-dd-main .cs-dd-item.cs-selected {
  background: #f8fafa;
}
.foreign-transfer-flow .cs-dd-wrapper .cs-dd-main .cs-dd-item.cs-selected.empty-result {
  background: none;
}
.foreign-transfer-flow .cs-dd-wrapper .cs-dd-main .cs-dd-item:hover {
  color: #4bc87d;
}
.foreign-transfer-flow .cs-dd-wrapper .cs-dd-main .cs-dd-item:hover.empty-result {
  color: inherit;
}
.foreign-transfer-flow .cs-dd-wrapper .number {
  display: inline-block;
  direction: ltr;
  unicode-bidi: isolate;
}
.foreign-transfer-flow .cs-dd-wrapper .integer {
  direction: ltr;
  unicode-bidi: bidi-override;
}
.foreign-transfer-flow .cs-dd-wrapper .caretIcon {
  top: 18px;
  width: 0;
  height: 0;
  left: 15px;
  position: absolute;
  border-top: 4px solid;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.foreign-transfer-flow .iScrollVerticalScrollbar {
  background: #ffffff !important;
  border: 0 !important;
  padding: 0 !important;
  cursor: default !important;
  width: 3px;
  position: absolute;
  z-index: 9999;
  top: 10px;
  bottom: 10px;
  right: 8px;
  border-radius: 30px;
}
.foreign-transfer-flow .iScrollIndicator {
  background: #25cb92;
  border-radius: 30px;
}
html[lang="en"] .foreign-transfer-flow .checkbox-text {
  margin-left: 4px;
}
html[lang="en"] .foreign-transfer-flow input[type="checkbox"] + .custom-checkbox {
  margin-right: 4px;
}
.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
[toggle-area],
toggle-area,
.toggle-area {
  position: relative;
}
[toggle-area] .ta-loader,
toggle-area .ta-loader,
.toggle-area .ta-loader {
  position: absolute;
  left: 45%;
  top: 0;
}
[toggle-area] .ta-header,
toggle-area .ta-header,
.toggle-area .ta-header {
  position: relative;
}
[toggle-area] .ta-header.ta-opened,
toggle-area .ta-header.ta-opened,
.toggle-area .ta-header.ta-opened {
  min-height: 83px;
}
[toggle-area] .ta-header.th-margin,
toggle-area .ta-header.th-margin,
.toggle-area .ta-header.th-margin {
  padding-top: 25px;
  padding-bottom: 5px;
}
[toggle-area] .ta-header.th-margin .frn-sub-title,
toggle-area .ta-header.th-margin .frn-sub-title,
.toggle-area .ta-header.th-margin .frn-sub-title {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
[toggle-area] .ta-header.th-margin .frn-sub-title-plz,
toggle-area .ta-header.th-margin .frn-sub-title-plz,
.toggle-area .ta-header.th-margin .frn-sub-title-plz {
  margin-top: 10px;
  color: #7d91a1;
  font-size: 14px;
}
[toggle-area] .ta-header.th-margin .gagola-title,
toggle-area .ta-header.th-margin .gagola-title,
.toggle-area .ta-header.th-margin .gagola-title {
  padding: 0 20px;
}
[toggle-area] h4,
toggle-area h4,
.toggle-area h4 {
  margin: 10px 0 30px 0;
  font-size: 16px;
  font-weight: bold;
}
[toggle-area] .ta-note,
toggle-area .ta-note,
.toggle-area .ta-note {
  font-size: 14px;
  margin: 4px 0 10px 0;
  padding: 0;
}
[toggle-area] .ta-submits,
toggle-area .ta-submits,
.toggle-area .ta-submits {
  margin: 60px 0 0 0;
}
[toggle-area] .ta-submits .ta-submits-content,
toggle-area .ta-submits .ta-submits-content,
.toggle-area .ta-submits .ta-submits-content {
  display: inline-block;
  width: 100%;
  padding-top: 15px;
}
[toggle-area] .ta-submits div,
toggle-area .ta-submits div,
.toggle-area .ta-submits div {
  padding: 0;
}
[toggle-area] .ta-submits .continueSection.transfer-flow-section,
toggle-area .ta-submits .continueSection.transfer-flow-section,
.toggle-area .ta-submits .continueSection.transfer-flow-section {
  margin-top: 80px;
}
[toggle-area] .ta-submits .continueSection.transfer-flow-section .btnContinue,
toggle-area .ta-submits .continueSection.transfer-flow-section .btnContinue,
.toggle-area .ta-submits .continueSection.transfer-flow-section .btnContinue {
  position: absolute;
  left: calc(50% - 75px);
  bottom: 72%;
}
[toggle-area] .ta-submits .continueSection.transfer-flow-section .saveDraftCls,
toggle-area .ta-submits .continueSection.transfer-flow-section .saveDraftCls,
.toggle-area .ta-submits .continueSection.transfer-flow-section .saveDraftCls {
  color: #4bc87d;
  display: inline-block;
  cursor: pointer   ;
  font-weight: bold;
}
@media (max-width: 767px) {
  [toggle-area] .ta-header.th-margin,
  toggle-area .ta-header.th-margin,
  .toggle-area .ta-header.th-margin {
    margin: 0;
    margin-bottom: 10px;
  }
  [toggle-area] .ta-header.ta-opened,
  toggle-area .ta-header.ta-opened,
  .toggle-area .ta-header.ta-opened {
    min-height: 60px;
  }
  [toggle-area] .frn-first-line-summary,
  toggle-area .frn-first-line-summary,
  .toggle-area .frn-first-line-summary {
    margin-bottom: 20px !important;
    padding-bottom: 4px !important;
  }
}
.foreignTransferStep2 .continueSection {
  margin-top: 0 !important;
}
.foreignTransferStep2 .continueSection .btnApprove {
  position: absolute;
  left: calc(50% - 71px);
  bottom: -18px;
}
.foreignTransferStep2 .continueSection .btnApproveCircle {
  position: absolute;
  left: calc(50% - 20px);
  bottom: -20px;
}
.foreignTransferStep2 .editPrevData {
  padding: 0 24px 0 24px;
}
.beneficiariesModal.transfer-flow-beneficiaries .modal-content {
  width: 590px;
  margin: 0 auto;
}
.discountSME-modal-wizard .modal-dialog .popUpContent#popUpWizard.foreign-transfer-flow .wizardManagerStepsArea {
  max-width: 1124px;
  width: 100%;
}
.foreign-transfer-flow .row {
  margin-right: -15px;
  margin-left: -15px;
}
.foreign-transfer-flow .no-margin {
  margin: 0;
}
.foreign-transfer-flow #step-1-ctrl {
  min-height: 500px;
  position: relative;
}
.foreign-transfer-flow .foreignTransferStep1 .loader-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 10;
}
.foreign-transfer-flow .foreignTransferStep1 .loader-wrapper .loader-cls {
  position: absolute;
  bottom: 50%;
  right: 0px;
  left: 0px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main {
  padding: 0 40px;
  /*.frn-ltr {
        padding-left: 15px;
      }*/
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .header .title {
  margin: 10px auto auto 0px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .header .title .beneficiary-link-cls {
  display: none;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .header .title p {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .header .title .ta-note {
  padding: 0 5px;
  font-size: 14px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .header .title .ta-note div {
  color: #4e5664;
  font-size: 14px;
  font-weight: normal;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .link-private {
  color: #4bc87d;
  display: inline-block;
  margin-top: 5px;
  text-decoration: underline;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .comboSelector {
  width: 100%;
  height: 40px;
  line-height: 28px;
  border-radius: 3px;
  border: 0;
  background: #ebf2f8;
  color: #4e5664;
  text-align: right;
  opacity: 1;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .comboSelector.dropdown-toggle {
  padding: 0px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .comboSelector.dropdown-toggle .dropdown-toggle-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 98%;
  padding: 6px 12px 34px 40px;
  z-index: 1;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .comboSelector.frn-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .transfer-to-block {
  margin-top: 40px;
  border-top: solid 1px #ebeff1;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .transfer-btn-input {
  padding: 0;
  height: 40px;
  line-height: 39px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .transfer-btn-input label {
  cursor: text;
  padding: 0 15px;
  height: 100%;
  line-height: 45px;
  font-weight: normal;
  text-align: right;
  direction: ltr;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .transfer-btn-input #tf-sum {
  direction: ltr;
  text-align: right;
  height: 38px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .transfer-btn-input #tf-sum.disabeld {
  opacity: 0.5;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .transfer-btn-input #tf-sum:disabled + label {
  opacity: 0.5;
  background-color: #a4b2bd;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .definition-list .dl-name.full-width-en {
  width: max-content;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .definition-list .dl-name {
  color: #7a89a1;
  margin: 10px 2px 0;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .definition-list .dl-name.frn-checkbox-label {
  margin-bottom: 0px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .definition-list .tf-beneficiary-link {
  padding: 10px 0;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .frn-ttw {
  display: inline-block;
  margin-right: 10px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .frn-ttw .btnHelp {
  margin-right: 0px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .frn-ttw .link-in-tooltip {
  color: #4bc87d;
  text-decoration: underline;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .ac-input {
  padding-left: 36px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .ac-input:disabled {
  color: #8b8b8b;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .fs-disabled {
  opacity: 0.6;
  cursor: default;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main #loader {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background: white;
  opacity: 0.8;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main #loader .loader-gif {
  margin: auto;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main #loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -50px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .cs-dd-main {
  z-index: 2;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .cs-dd-main .cs-dd-item div,
.foreign-transfer-flow .foreignTransferStep1 .frn-main .cs-dd-wrapper.transfer-flow .cs-dd-item {
  font-size: 14px;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-main .cs-dd-wrapper .inputFieldWrapper {
  display: block;
}
.foreign-transfer-flow .foreignTransferStep1 .frn-partial-error {
  padding-bottom: 40px;
}
.foreign-transfer-flow .foreignTransferStep2 {
  background-color: #e7f1f9;
}
.foreign-transfer-flow .foreignTransferStep2 .loader-wrapper {
  background-color: #ffffff;
  min-height: 500px;
}
.foreign-transfer-flow .foreignTransferStep2 .loader-wrapper .loader-cls {
  position: absolute;
  bottom: 50%;
  right: 0px;
  left: 0px;
}
.foreign-transfer-flow .foreignTransferStep2 .tf-cannot-transfer-err {
  background-color: #ffffff;
}
.foreign-transfer-flow .foreignTransferStep2 .stepBox {
  background-color: #e7f1f9 !important;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper {
  padding: 40px;
  background: #ffffff;
  color: #7d91a1;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper .frn-summary-group-wrapper {
  padding-bottom: 36px;
  border-bottom: solid 1px #a4b2bd;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper .frn-summary-group-wrapper.last-table {
  padding-bottom: 0px;
  padding-top: 10px;
  border-bottom: none;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper .frn-summary-content {
  display: flex;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary {
  padding-right: 35px;
  padding-left: 35px;
  border-right: solid 1px #a4b2bd;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary.frn-first-line-summary {
  border-right: none;
  padding-bottom: 30px;
  border-bottom: solid 1px #a4b2bd;
  margin-bottom: 30px;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary .label-text {
  font-size: 14px;
  color: #677b8a;
  font-weight: normal;
  margin-bottom: -2px;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary dl {
  margin-bottom: 15px;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary .value-text {
  color: #333a46;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary .value-text span {
  font-size: 16px;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary .value-text small {
  position: relative;
  color: #fb5f5f;
  line-height: 16px;
  display: inline-block;
  margin: 5px 0 0 0;
  padding-left: 30px;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary .value-text small .btnHelp {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #fb5f5f;
  background-size: 14px;
  margin-right: 0px;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary .value-text small span {
  position: relative;
  font-size: 12px;
  margin-right: 18px;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary h4 {
  margin: 20px 0 20px 0;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary.first {
  padding-right: 0px;
  border-right: none;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .borderSection {
  border-top: solid 1px #EBEFF1;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-gagola {
  margin-top: 10px;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-gagola .frn-gagola-title {
  font-size: 14px;
  color: #677b8a;
  font-weight: normal;
  margin-right: -15px;
}
.foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-gagola dl {
  color: #333a46;
  margin-bottom: 0px;
}
.foreign-transfer-flow .foreignTransferStep2 #flow-marks {
  color: #7d91a1;
  padding: 15px 40px 0px 40px;
}
.foreign-transfer-flow .foreignTransferStep2 #flow-marks .legal-notes-title {
  font-weight: bold;
  margin-bottom: 15px;
}
.foreign-transfer-flow .foreignTransferStep2 #flow-marks .legal-notes-title .notes-link {
  color: #4bc87d;
  text-decoration: underline;
  font-weight: normal;
  padding: 0px 10px;
}
.foreign-transfer-flow .foreignTransferStep2 #flow-marks .legal-note-row-cls {
  margin-top: 20px;
}
.foreign-transfer-flow .foreignTransferStep2 #flow-marks strong {
  font-family: "Rubik";
}
.foreign-transfer-flow .foreignTransferStep2 #flow-marks .footer-legal-notes-cls {
  margin-right: 10px;
}
.foreign-transfer-flow .foreignTransferStep2.foreignInternalTransferStep2 .frn-first-line-summary {
  padding-bottom: 0!important;
}
.foreign-transfer-flow .foreignTransferStep3 #step-3-ctrl {
  text-align: center;
}
.foreign-transfer-flow .foreignTransferStep3 #step-3-ctrl .flow-details .inner-header .title {
  font-size: 20px;
  margin: 36px 0 13px 0;
  color: #4bc87d;
  font-weight: bold;
}
.foreign-transfer-flow .foreignTransferStep3 #step-3-ctrl .flow-details .inner-header .sub-title {
  color: #4bc87d;
  text-decoration: underline;
  font-weight: normal;
  margin: 10px 0;
  cursor: pointer;
}
.foreign-transfer-flow .foreignTransferStep3 #step-3-ctrl .frn-list {
  margin-bottom: 25px;
}
.foreign-transfer-flow .foreignTransferStep3 #step-3-ctrl .frn-list .green-line {
  height: 2px;
  width: 34px;
  background-color: #4bc87d;
  margin: 18px auto;
}
.foreign-transfer-flow .foreignTransferStep3 #step-3-ctrl .frn-list .title-summary {
  color: #92abbb;
}
.foreign-transfer-flow .foreignTransferStep3 #step-3-ctrl .frn-list .title-summary .dir-ltf {
  direction: ltr;
  display: inline-block;
}
.foreign-transfer-flow .foreignTransferStep3 #step-3-ctrl .frn-list .text-value {
  font-size: 20px;
  color: #7d91a1;
  font-family: "Josefin Sans";
}
.foreign-transfer-flow #continueSection {
  display: none;
}
.foreign-transfer-flow .frn-checkbox-label {
  margin-bottom: 0px;
}
.foreign-transfer-flow .fs-main {
  height: 30px;
  overflow: hidden;
}
.foreign-transfer-flow .frn-below-input {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  font-size: 14px;
}
.foreign-transfer-flow .frn-below-input.no-margin {
  margin: 0;
}
.foreign-transfer-flow .frn-below-input:empty {
  display: none;
}
.foreign-transfer-flow .frn-below-input,
.foreign-transfer-flow .frn-below-input div,
.foreign-transfer-flow .frn-below-input span,
.foreign-transfer-flow .frn-below-input p {
  color: #4e5664;
}
.foreign-transfer-flow .frn-below-input .tf-error {
  color: #fb5f5f;
}
.foreign-transfer-flow .frn-below-input a {
  color: #4bc87d;
  text-decoration: underline;
}
.foreign-transfer-flow .frn-below-input.frn-bi-def {
  margin-bottom: 10px;
}
.foreign-transfer-flow .frn-below-input .msg-amount-link .link-here {
  position: absolute;
  margin-right: 5px;
}
.foreign-transfer-flow .beneficiaries-wrapper {
  padding-left: 30px;
  float: left;
}
.foreign-transfer-flow .beneficiaries-wrapper .beneficiaries-icon {
  background-image: url(media/svgs/beneficiaries-list.6c5ed4475f1908ecaeda..svg);
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-top: 4px;
}
.foreign-transfer-flow #guidance-video-wrapper {
  text-align: inherit;
  float: left;
  margin-top: 0px;
  display: inline-block;
}
.foreign-transfer-flow .mc-icon-excl-mark {
  background: url(media/images/info.b328c233f617b9cfe917..png) 0 0 no-repeat;
  width: 13px;
  height: 13px;
  float: right;
  margin: 10px 0 0 10px;
}
.foreign-transfer-flow #flow-balance-area {
  font-size: 12px;
}
.foreign-transfer-flow #flow-balance-area .separator {
  padding: 0px 5px 0px 5px;
}
.foreign-transfer-flow #flow-balance-area div {
  padding-right: 10px;
}
.foreign-transfer-flow #flow-balance-area div span {
  display: inline-block;
}
.foreign-transfer-flow #flow-balance-area span.currency_symbol {
  direction: ltr;
  unicode-bidi: embed;
  padding-right: 2px;
}
.foreign-transfer-flow .flow-direction {
  float: right;
}
.foreign-transfer-flow .error-border {
  border: 1px solid #fb5f5f !important;
}
.foreign-transfer-flow .tf-error {
  font-size: 14px;
  padding-top: 5px;
  padding-right: 0px;
}
.foreign-transfer-flow .ac-drop-down {
  position: absolute;
  overflow: hidden;
  max-height: 197px;
  top: 100%;
  left: 0px;
  right: 0px;
  z-index: 1;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
  background: #ffffff;
}
.foreign-transfer-flow .ac-drop-down > div {
  background: #ffffff;
  padding: 10px 15px;
  cursor: pointer;
}
.foreign-transfer-flow .ac-drop-down > div .cs-dd-item {
  padding: 10px 0;
}
.foreign-transfer-flow .ac-close {
  background: #eaf5f9 url(media/svgs/close.b1bbf59ef1843b03d542..svg) center center no-repeat;
  position: absolute;
  top: 13px;
  left: 24px;
  cursor: pointer;
  height: 12px;
  width: 12px;
}
.foreign-transfer-flow .ac-close.acc-disabled {
  cursor: default;
  background-color: transparent;
}
.foreign-transfer-flow .tf-cannot-transfer-err {
  padding-top: 67px;
  padding-bottom: 100px;
  text-align: center;
}
.foreign-transfer-flow .tf-cannot-transfer-err .transfer-icon-error {
  background-repeat: no-repeat;
  margin: 0 auto;
  height: 64px;
  width: 61px;
  background: url(media/images/transferErrorIcon.df9e79ae4e483846a702..png);
}
.foreign-transfer-flow .tf-cannot-transfer-err .error-text {
  font-weight: 500;
  padding: 30px 0px;
  color: #7d91a1;
}
@media (max-width: 992px) {
  .foreign-transfer-flow .wizardManagerStepsArea .cardsWrapper .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .foreign-transfer-flow [toggle-area] .ta-submits,
  .foreign-transfer-flow toggle-area .ta-submits {
    margin: 0;
  }
  .foreign-transfer-flow .foreignTransferStep1 .frn-main .header .title .ta-note div {
    margin-bottom: -28px;
  }
  .foreign-transfer-flow .foreignTransferStep1 .frn-main .beneficiary-link-cls {
    float: left;
    color: #4bc87d;
    text-decoration: underline;
    margin-top: 0px;
  }
  .foreign-transfer-flow .foreignTransferStep1 .frn-main .transfer-to-block {
    margin-top: 20px;
  }
  .foreign-transfer-flow .foreignTransferStep1 .frn-main .frn-ttw .btnHelp {
    z-index: 1;
  }
  .foreign-transfer-flow .foreignTransferStep1 .frn-main .definition-list .dl-name {
    margin-bottom: 10px;
    margin-top: 25px;
  }
  .foreign-transfer-flow .foreignTransferStep1 .frn-main .definition-list beneficiary-type .dl-wrapper .dl-name {
    margin-top: 0;
  }
  .foreign-transfer-flow .fs-main {
    font-size: 14px;
  }
  .foreign-transfer-flow .foreignTransferStep2 #flow-marks {
    padding: 0;
  }
  .foreign-transfer-flow .foreignTransferStep2 #flow-marks .legal-notes-title {
    margin-top: 10px;
  }
  .foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper {
    padding: 15px;
  }
  .foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper .frn-summary-content {
    display: block;
    margin-bottom: 20px;
  }
  .foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary.frn-summary-margin {
    margin-top: 20px;
  }
  .foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary .value-text .val-cls {
    font-size: 16px !important;
    white-space: normal;
  }
  .foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary .value-text span {
    font-size: 16px !important;
  }
  .foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary .frn-first-line-summary {
    padding-bottom: 5px!important;
    margin-bottom: 10px !important;
  }
  .foreign-transfer-flow .big-radios label {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    text-align: center;
    margin: 15px 0 0 0;
  }
  .foreign-transfer-flow #flow-balance-area > div {
    width: 100%;
    padding: 0;
  }
  .foreign-transfer-flow #flow-balance-area > div:first-child {
    border-left: 0;
  }
  .foreign-transfer-flow .fancy-select .fs-main:before {
    left: 8px;
  }
  .foreign-transfer-flow .box-shadow.flow-inner-tab-details {
    margin: 0 10px 10px 10px;
  }
  .foreign-transfer-flow .frn-summary-wrapper ul.frn-summary .label-text {
    font-size: 13px;
  }
  .foreign-transfer-flow .frn-summary-wrapper .frn-list > div .frn-at-val {
    padding-right: 38px;
    padding-top: 3px;
  }
  .foreign-transfer-flow .frn-summary-wrapper .frn-list > div .frn-at-icon:before {
    top: 6px;
  }
  .foreign-transfer-flow .frn-summary-wrapper .frn-summary-group-wrapper.last-table {
    padding-top: 20px !important;
  }
  .foreign-transfer-flow .frn-below-input.frn-bi-def {
    word-wrap: break-word;
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .foreign-transfer-flow #step-2-ctrl .frn-summary-wrapper .frn-summary-content {
    margin-bottom: 0 !important;
  }
  .foreign-transfer-flow #step-2-ctrl .frn-summary-wrapper ul.frn-summary {
    border-right: none !important;
    padding-right: inherit !important;
    padding-left: inherit !important;
  }
  .foreign-transfer-flow #step-2-ctrl .frn-summary-wrapper ul.frn-summary.first {
    padding-right: inherit;
  }
  .foreign-transfer-flow #step-2-ctrl .frn-summary-wrapper ul.frn-summary.frn-first-line-summary {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .foreign-transfer-flow #step-2-ctrl .frn-summary-wrapper .frn-summary-group-wrapper {
    padding-bottom: 0!important;
  }
  .foreign-transfer-flow #step-2-ctrl .frn-summary-wrapper .frn-summary-gagola {
    margin-top: 0;
  }
  .foreign-transfer-flow #step-3-ctrl .frn-summary-wrapper .inner-header .title {
    margin: 0;
  }
  .foreign-transfer-flow #step-3-ctrl .frn-summary-wrapper .frn-list .green-line {
    margin: 5px auto;
  }
  .foreign-transfer-flow #step-3-ctrl .frn-summary-wrapper .frn-list .action-div {
    width: 100%;
  }
  .beneficiariesModal.transfer-flow-beneficiaries .modal-content {
    width: 100%;
  }
  .beneficiariesModal.transfer-flow-beneficiaries .modal-content .beneficiaries-wrapper .btnClose {
    right: 0 !important;
    top: 7px !important;
  }
}
@media (min-width: 767px) and (max-width: 769px) {
  .foreign-transfer-flow #step-1-ctrl .definition-list .ben-name-width {
    width: 47%;
  }
}
/*@media(min-width: @ipad-size-min){
  .foreign-transfer-flow{
    .ac-drop-down{
      width: 94%;
    }
  }
}*/
html[lang="en"] .foreign-transfer-flow #step-1-ctrl .definition-list #label-beneficiaryName {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media print {
  .foreignTransferStep2 .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .foreignTransferStep2 .frn-summary {
    margin: 0px !important;
    display: block !important;
    width: 100% !important;
    padding: 0px !important;
  }
  .foreignTransferStep2 .frn-summary .label-text {
    padding: 0px !important;
    width: 35% !important;
    display: inline-block;
    vertical-align: top;
  }
  .foreignTransferStep2 .frn-summary .value-text {
    padding: 0px !important;
    display: inline-block;
    width: 64% !important;
  }
  .foreignTransferStep2 .frn-summary .value-text .btn-wrapper .btnHelp {
    display: inline-block;
    position: relative;
  }
  .foreignTransferStep2 .frn-summary .val-cls {
    padding: 0px !important;
  }
  .foreignTransferStep2 .toggle-area .ta-header.th-margin {
    margin: 0 0 15px 0 !important;
  }
  .foreignTransferStep2 .toggle-area .ta-header.th-margin .frn-sub-title {
    padding: 0px !important;
    margin: 0px !important;
  }
  .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper {
    padding: 0px !important;
  }
  .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper .frn-summary-gagola {
    padding: 0px !important;
  }
  .foreignTransferStep2 .frn-first-line-summary {
    padding: 0px !important;
  }
  .foreignTransferStep2 .frn-first-line-summary li {
    margin-bottom: 10px!important;
  }
  .foreignTransferStep2 .frn-first-line-summary .value-text {
    padding: 0px !important;
  }
  .foreignTransferStep2 li {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px;
    padding: 0px !important;
  }
  .foreignTransferStep2 li dl {
    margin: 0px !important;
  }
  .foreignTransferStep2 .legal-note-row-cls {
    padding: 0px !important;
  }
  .foreignTransferStep2 .legal-note-row-cls strong {
    line-height: 2;
  }
  .foreignTransferStep2 .legal-note-row-cls ul {
    padding: 0px !important;
  }
  .foreignTransferStep2 .frn-summary-group-wrapper {
    padding: 0px !important;
  }
  .foreignTransferStep2 .frn-summary-group-wrapper.last-table {
    margin-top: -20px;
  }
  .foreignTransferStep2 .frn-summary-gagola .frn-gagola-title {
    font-weight: bold;
  }
  .foreignTransferStep2 .container {
    padding: 0px !important;
  }
  .foreignTransferStep2 .container .col-xs-12 {
    padding: 0px !important;
  }
  .foreignTransferStep2 .container .flow-details {
    padding: 0px !important;
  }
  .legal-notes-title {
    font-weight: bold;
  }
  .legal-note-row-cls .note-text {
    font-weight: 400;
  }
}
#savePDF .foreignTransferStep2 .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
#savePDF .foreignTransferStep2 {
  clear: both;
}
#savePDF .foreignTransferStep2 .frn-summary {
  margin: 0px !important;
  display: block !important;
  width: 100% !important;
  padding: 0px !important;
}
#savePDF .foreignTransferStep2 .frn-summary .label-text {
  padding: 0px !important;
  width: 35% !important;
  display: inline-block;
  vertical-align: top;
}
#savePDF .foreignTransferStep2 .frn-summary .value-text {
  padding: 0px !important;
  display: inline-block;
  width: 64% !important;
}
#savePDF .foreignTransferStep2 .frn-summary .val-cls {
  padding: 0px !important;
  width: 100% !important;
}
#savePDF .foreignTransferStep2 .toggle-area .ta-header.th-margin {
  margin: 0 0 15px 0 !important;
}
#savePDF .foreignTransferStep2 .toggle-area .ta-header.th-margin .frn-sub-title {
  padding: 0px !important;
  margin: 5px 0px !important;
  color: #000000 !important;
}
#savePDF .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper {
  padding: 0px !important;
}
#savePDF .foreignTransferStep2 .frn-summary-gagola {
  padding: 0px !important;
}
#savePDF .foreignTransferStep2 .frn-first-line-summary {
  padding: 0px !important;
}
#savePDF .foreignTransferStep2 .frn-first-line-summary li {
  margin-bottom: 10px!important;
}
#savePDF .foreignTransferStep2 .frn-first-line-summary .value-text {
  padding: 0px !important;
}
#savePDF .foreignTransferStep2 li {
  width: 100% !important;
  padding: 0px !important;
  margin-bottom: 16px;
  margin-top: 7px;
  display: block !important;
}
#savePDF .foreignTransferStep2 li dl {
  margin: 0px !important;
}
#savePDF .foreignTransferStep2 .legal-notes-title {
  margin-top: 15px !important;
  font-weight: bold;
}
#savePDF .foreignTransferStep2 .legal-note-row-cls ul {
  padding: 0px !important;
}
#savePDF .foreignTransferStep2 .legal-note-row-cls p {
  margin-top: 15px !important;
}
#savePDF .foreignTransferStep2 .legal-note-row-cls strong {
  line-height: 2;
}
#savePDF .foreignTransferStep2 .legal-note-row-cls .note-text {
  font-weight: 400;
}
#savePDF .foreignTransferStep2 .frn-summary-group-wrapper {
  padding: 0px !important;
}
#savePDF .foreignTransferStep2 .frn-summary-group-wrapper.last-table {
  margin-top: -30px;
}
#savePDF .foreignTransferStep2 .frn-summary-group-wrapper .frn-summary-gagola .frn-gagola-title {
  font-weight: bold;
}
#savePDF .foreignTransferStep2 .container {
  padding: 0px !important;
}
#savePDF .foreignTransferStep2 .container .flow-details {
  padding: 0px !important;
}
#savePDF .foreignTransferStep2 .frn-summary-gagola .frn-gagola-title {
  font-weight: bold;
}
html[lang="en"] .foreign-transfer-flow .ac-close {
  right: 24px;
  left: unset;
}
html[lang="en"] .foreign-transfer-flow .tf-error {
  padding-left: unset;
}
html[lang="en"] .foreign-transfer-flow .beneficiaries-wrapper {
  float: right;
}
html[lang="en"] .foreign-transfer-flow #guidance-video-wrapper {
  float: right;
}
html[lang="en"] .foreign-transfer-flow .cs-dd-wrapper .caretIcon {
  left: unset;
  right: 15px;
}
html[lang="en"] .foreign-transfer-flow .foreignTransferStep1 .frn-main .frn-ttw {
  margin-right: unset;
}
html[lang="en"] .foreign-transfer-flow .foreignTransferStep1 .frn-main .transfer-btn-input #tf-sum {
  text-align: left;
}
html[lang="en"] .foreign-transfer-flow .foreignTransferStep1 .frn-main .ac-input {
  padding-left: 15px;
}
html[lang="en"] .foreign-transfer-flow .foreignTransferStep1 .frn-main .comboSelector {
  text-align: left;
}
html[lang="en"] .foreign-transfer-flow .foreignTransferStep1 .frn-main .comboSelector.dropdown-toggle .dropdown-toggle-text {
  text-align: start;
  padding: 9px 12px 34px 15px;
}
html[lang="en"] .foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper .frn-summary-content ul.frn-summary {
  border-right: solid 1px #a4b2bd;
}
html[lang="en"] .foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper .frn-summary-content ul.frn-summary .value-text small .btnHelp {
  margin-left: -25px;
}
html[lang="en"] .foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper .frn-summary-content ul.frn-summary.first {
  border-left: none;
  padding-left: unset;
}
html[lang="en"] .foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper .frn-summary-content ul.frn-summary.last {
  border: unset;
}
html[lang="en"] .foreign-transfer-flow .foreignTransferStep2 #step-2-ctrl .frn-summary-wrapper ul.frn-summary .label-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
}
/**** NEW COLORS PARAMS ***/
/********************************************************New Design Colors**********************************************************/
.open-account-popup.general-view-popup {
  font-size: 14px;
}
.open-account-popup.general-view-popup .general-view-container {
  width: 500px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-right: 19px;
  padding-left: 19px;
}
.open-account-popup.general-view-popup .general-view-container .popup-body .checkbox-wrapper {
  display: flex;
  align-items: flex-start;
}
.open-account-popup.general-view-popup .general-view-container .popup-body .checkbox-wrapper .checkbox-text {
  line-height: 1;
}
.open-account-popup.general-view-popup .general-view-container .popup-body .checkbox-wrapper .checkbox-visual {
  top: 0;
  margin-top: 0;
}
.open-account-popup.general-view-popup .general-view-container .popup-body .open-account-note {
  display: flex;
  align-items: flex-start;
}
.open-account-popup.general-view-popup .general-view-container .popup-body .open-account-note div {
  line-height: 1;
}
.open-account-popup.general-view-popup .general-view-container .popup-body .open-account-note .btnHelp {
  margin-top: 0;
}
.open-account-popup.general-view-popup .general-view-container .popup-body .open-account-note .note-text {
  margin-right: 10px;
}
.open-account-popup.general-view-popup .general-view-container .centered {
  text-align: center;
  margin: 0 auto;
  float: none;
}
.open-account-popup.general-view-popup .general-view-container .menuList {
  margin-top: 5px;
  box-shadow: none;
  direction: inherit;
  transform: inherit;
  width: auto !important;
}
.open-account-popup.general-view-popup .general-view-container .menuList .menu-item {
  box-shadow: 0px 9px 25px 0px rgba(18, 187, 146, 0.45);
  width: 36px;
  height: 36px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 50%;
}
.open-account-popup.general-view-popup .general-view-container .retail-global-error,
.open-account-popup.general-view-popup .general-view-container .sme-global-error {
  box-shadow: none;
}
.open-account-popup.general-view-popup .general-view-container .popup-header {
  padding-bottom: 15px;
  border-bottom: 1px solid #c6ddeb;
}
.open-account-popup.general-view-popup .general-view-container .popup-body {
  padding-top: 22px;
}
.open-account-popup.general-view-popup .general-view-container .popup-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #4bc87d;
  text-align: center;
  max-width: 277px;
  margin: 0 auto;
}
.open-account-popup.general-view-popup .general-view-container .popup-sub-title {
  font-size: 14px;
  color: #4e5664;
  padding-top: 14px;
  line-height: 18px;
}
.open-account-popup.general-view-popup .general-view-container .popup-sub-title .currency-name {
  font-weight: bold;
}
.open-account-popup.general-view-popup .general-view-container .inner-title {
  color: #606060;
}
.open-account-popup.general-view-popup .general-view-container .inner-val {
  padding-bottom: 12px;
  color: #000000;
  line-height: 24px;
}
.open-account-popup.general-view-popup .general-view-container .rate-link {
  padding-top: 4px;
  padding-bottom: 10px;
}
.open-account-popup.general-view-popup .general-view-container .rate-link.ex {
  padding-bottom: 30px;
}
.open-account-popup.general-view-popup .general-view-container .rate-link a {
  color: #4bc87d;
  text-decoration: underline;
}
.open-account-popup.general-view-popup .general-view-container .open-account-note,
.open-account-popup.general-view-popup .general-view-container .open-account-approved {
  position: relative;
  padding-bottom: 15px;
  line-height: 17px;
  color: #000000;
  display: flex;
}
.open-account-popup.general-view-popup .general-view-container .open-account-note .btnHelp,
.open-account-popup.general-view-popup .general-view-container .open-account-approved .btnHelp {
  margin-right: 0;
  margin-top: 4px;
  width: 20px;
  background-size: 15px;
  height: 15px;
  background: url(media/images/iconErrorLoans.eb78850fa8b1bc660cf6..png) no-repeat center center #a5c7db;
  background-size: 15px 15px;
  padding-left: 2px;
}
.open-account-popup.general-view-popup .general-view-container .open-account-note .checkbox-text,
.open-account-popup.general-view-popup .general-view-container .open-account-approved .checkbox-text {
  display: inline-block;
  margin-right: 11px;
}
.open-account-popup.general-view-popup .general-view-container .open-account-approved {
  margin-bottom: 19px;
}
.open-account-popup.general-view-popup .general-view-container .button-wrapper {
  text-align: center;
  margin: 0 auto;
  float: none;
}
.open-account-popup.general-view-popup .general-view-container .error-warpper {
  position: absolute;
  bottom: 0px;
  line-height: 12px;
  color: #fb5f5f;
  font-size: 12px;
  max-width: 310px;
}
.open-account-popup.general-view-popup .general-view-container .error-warpper.checkbox-error {
  right: 30px;
}
.open-account-popup.general-view-popup .general-view-container .operation-box-wrapper {
  margin-top: 25px;
}
.open-account-popup.general-view-popup .general-view-container .operation-box {
  text-align: center;
}
.open-account-popup.general-view-popup .general-view-container .title-ex {
  font-size: 14px;
  color: #7d91a1;
  font-weight: normal;
  line-height: 17px;
}
.open-account-popup.general-view-popup .general-view-container .value-ex {
  font-family: "Josefin Sans";
  font-size: 20px;
  color: #333a46;
  line-height: 24px;
}
.open-account-popup.general-view-popup .general-view-container .separator {
  display: block;
  margin: 9px auto;
  width: 34px;
  height: 2px;
  background: #4bc87d;
}
.open-account-popup.general-view-popup .general-view-container .extra-data {
  text-align: center;
}
.open-account-popup.general-view-popup .general-view-container .commision-val {
  font-size: 14px;
  color: #333a46;
  line-height: 19px;
}
.open-account-popup.general-view-popup .general-view-container .extra-actions-button-wrapper {
  align-items: flex-start;
}
.open-account-popup.general-view-popup .general-view-container .extra-actions-button-wrapper .general-btn.btn-green {
  margin-top: 5px;
}
.open-account-popup.general-view-popup .general-view-container .extra-actions-button-wrapper .extra-actions-button-con {
  display: inline-block;
}
.FRN_TRANSFERS_SHEKELTOFRN .no-more-coin-error {
  display: flex;
  margin-top: 10px;
  font-size: 14px;
  line-height: 17px;
  color: #fb5f5f;
  line-height: 1;
}
.FRN_TRANSFERS_SHEKELTOFRN .no-more-coin-error .fa {
  margin-right: -10px;
}
.FRN_TRANSFERS_SHEKELTOFRN .no-more-coin-error .error-text {
  margin-right: 10px;
  display: flex;
}
.FRN_TRANSFERS_SHEKELTOFRN .cardsWrapper .container-fluid > div:nth-child(2) .stepBox {
  background-color: #ebf2f8;
}
.FRN_TRANSFERS_SHEKELTOFRN .cardsWrapper .container-fluid > div:nth-child(2) .stepBox .canvas-loader {
  background-color: #ebf2f8;
}
.FRN_TRANSFERS_SHEKELTOFRN .cardsWrapper .container-fluid > div:nth-child(2) .stepBox .animation_container {
  background-color: #ebf2f8;
}
.ExchangeStep2-back {
  background-color: #ffffff;
}
#exchangeStep1 {
  min-height: 300px;
}
#exchangeStep1 .header .title {
  padding-top: 15px;
}
#exchangeStep1 .p-dropdown-items .p-dropdown-item {
  font-size: 14px;
}
#exchangeStep1 #exchange_flow_combo_box .select2-container--default .select2-results__group {
  padding: 14px 25px;
}
#exchangeStep1 #exchange_flow_combo_box .select2-container--default strong.select2-results__group {
  padding: 14px 19px;
}
#exchangeStep1 #exchange_flow_combo_box .select2-container--default .select2-results__option .select2-results__option {
  padding: 9px 25px;
}
#exchangeStep1 #exchange_flow_combo_box .title-combo {
  color: #333a46;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}
#exchangeStep1 #exchange_flow_combo_box .val-combo {
  color: #333a46;
  font-size: 14px;
  line-height: 22px;
}
#exchangeStep1 #exchange_flow_combo_box .select2-search__field {
  margin-top: 2px;
  text-align: right;
}
#exchangeStep1 #exchange_flow_combo_box .select2-results__option:not(.hidden-unselected):nth-child(3) .select2-results__group,
#exchangeStep1 #exchange_flow_combo_box .select2-results__option:not(.hidden-unselected):nth-child(3) .select2-results__options {
  background-color: #ebf2f8;
}
#exchangeStep1 #exchange_flow_combo_box .select2-container--default .select2-results > .select2-results__options {
  border-radius: 0 0 5px 5px;
}
#exchangeStep1 #exchange_flow_combo_box .select2-container .selection {
  height: 36px;
  font-size: 1.4rem;
  text-align: right;
  color: #000000;
  position: relative;
  border-radius: 50px;
  padding-top: 0;
  border: 1px solid #c6ddeb;
  padding-right: 13px;
  padding-bottom: 0;
  padding-left: 13px;
  background-color: white;
}
#exchangeStep1 #exchange_flow_combo_box .select2-container .selection:after {
  content: "";
  bottom: -1px;
  left: 5%;
  width: 90%;
  height: 1px;
  position: absolute;
  background-color: #c6ddeb;
  visibility: hidden;
}
#exchangeStep1 #exchange_flow_combo_box .select2-container.select2-container--open {
  box-shadow: 0 8px 25px 0 rgba(81, 144, 182, 0.2);
  border-radius: 50% 50% 0 0;
}
#exchangeStep1 #exchange_flow_combo_box .select2-container.select2-container--open .selection {
  border-color: transparent;
}
#exchangeStep1 #exchange_flow_combo_box .select2-container.select2-container--open .selection:after {
  visibility: visible;
}
#exchangeStep1 #exchange_flow_combo_box .select2-container.select2-container--open .select2-selection:after {
  border-top: 0;
  border-bottom: 4px solid #4e5664;
}
#exchangeStep1 .autocomplete-wrapper.generalDropdown {
  padding-left: 0;
}
#exchangeStep1 .select2-container--default {
  width: 100% !important;
  max-width: 100% !important;
}
#exchangeStep1 .btnFilter.open .generalDropdown {
  border-color: transparent;
}
#exchangeStep1 .btnFilter.open .generalDropdown:after {
  background-color: #c6ddeb;
}
#exchangeStep1 .placeholder-select {
  float: right;
}
#exchangeStep1 .generalDropdown {
  border: 1px solid #c6ddeb;
  padding-right: 14px;
}
#exchangeStep1 [id^="dropdownMenu1"]:disabled {
  opacity: 1;
}
#exchangeStep1 [id^="dropdownMenu1"]:disabled .dropdown-toggle-text {
  opacity: 0.5;
}
#exchangeStep1 [id^="dropdownMenu1"]:disabled .caretIcon {
  opacity: 0.5;
}
#exchangeStep1 #dropdownMenu3 {
  font-size: 14px;
}
#exchangeStep1 #dropdownMenu3:disabled {
  opacity: 1;
}
#exchangeStep1 #dropdownMenu3:disabled .dropdown-toggle-text {
  opacity: 0.5;
}
#exchangeStep1 #dropdownMenu3.disabled {
  opacity: 1;
}
#exchangeStep1 #dropdownMenu3.disabled .dropdown-toggle-text {
  opacity: 0.5;
}
#exchangeStep1 #dropdownMenu3.disabled .caretIcon {
  opacity: 0.5;
}
#exchangeStep1 .tooltip-inner {
  max-width: initial;
  border-radius: 0;
  width: auto;
  top: -15px;
  right: 0;
  font-size: 14px;
  padding: 5px;
  position: absolute;
  text-align: right;
  font-weight: 300;
  color: #9ab3c2;
  background-color: white;
  border-right: 3px solid #a5c7db;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.2);
}
#exchangeStep1 .tooltip-arrow {
  top: 50%;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #a5c7db;
  right: -5px;
  left: initial;
}
#exchangeStep1 .angucomplete-holder #aaa_value {
  box-shadow: none;
}
#exchangeStep1 .angucomplete-holder.angucomplete-dropdown-visible #aaa_value {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#exchangeStep1 .angucomplete-holder input {
  border-color: #fb5f5f;
}
#exchangeStep1 .dropdownOperation.debit {
  padding-right: 15px;
}
#exchangeStep1 .dropdownOperation .spaceLinks .val-account {
  direction: ltr;
}
#exchangeStep1 .dropdownOperation .spaceLinks .val-account-margin-top {
  margin-top: 20px;
}
#exchangeStep1 .custom-combo-wrapper .fa.fa-chevron-down {
  top: 11px;
  color: #7d91a1;
}
#exchangeStep1 .custom-combo-wrapper .fa.fa-chevron-down:before {
  font-size: 12px;
}
#exchangeStep1 .btnFilter #dropdownMenu3.generalDropdown.error-border {
  border-color: #fb5f5f;
}
#exchangeStep1 .btnFilter.open #dropdownMenu3.generalDropdown.error-border {
  border-color: #a4b2bd;
}
#exchangeStep1 .btnFilter #dropdownMenu3.generalDropdown.error-border {
  border-color: #fb5f5f;
}
#exchangeStep1 .inner-col {
  max-width: 400px;
  width: 90%;
  margin: 0 auto;
}
#exchangeStep1 #loader-exchange {
  margin-top: 50px;
}
#exchangeStep1 .form-control {
  color: #7d91a1;
}
#exchangeStep1 .dropdown-menu.debit {
  max-height: 200px;
  overflow-y: auto;
}
#exchangeStep1 .dropdown-menu.debit .spaceLinks a {
  padding-right: 7px;
  padding-left: 7px;
}
#exchangeStep1 .generalDropdown:after {
  width: 91%;
  right: 19px;
}
#exchangeStep1 .generalDropdown .dropdown-toggle-text {
  padding-top: 4px;
}
#exchangeStep1 .generalDropdown .sap {
  margin: 0 3px;
}
#exchangeStep1 .generalDropdown .number {
  float: right;
}
#exchangeStep1 .generalDropdown .number .currency_symbol {
  font-size: 12px;
}
#exchangeStep1 .generalDropdown .number .decimal_point {
  font-size: 12px;
}
#exchangeStep1 .generalDropdown .to-right {
  float: right;
}
#exchangeStep1 .dropdown-menu .spaceLinks .sap {
  margin: 0 3px;
}
#exchangeStep1 .dropdown-menu .spaceLinks .number {
  float: right;
}
#exchangeStep1 .dropdown-menu .spaceLinks .number .currency_symbol {
  font-size: 12px;
}
#exchangeStep1 .dropdown-menu .spaceLinks .number .decimal_point {
  font-size: 12px;
}
#exchangeStep1 .dropdown-menu .spaceLinks .to-right {
  float: right;
}
#exchangeStep1 .error-content {
  margin-right: 25%;
  margin-top: 70px;
}
#exchangeStep1 .error-content .icon-title {
  text-align: center;
  margin-bottom: 24px;
}
#exchangeStep1 .error-content .text {
  font-size: 14px;
  text-align: center;
}
#exchangeStep1 .busy-load {
  width: 100px;
  margin: 0 auto;
  padding-top: 30px;
}
#exchangeStep1 .busy-load-calc {
  height: 36px;
  width: 100px;
  margin: 0 auto;
}
#exchangeStep1 .semi-hide {
  opacity: 0.3;
}
#exchangeStep1 .custom-combo-wrapper .angucomplete-selected-row {
  color: #4bc87d;
  background-color: transparent;
}
#exchangeStep1 .result-warpper .number {
  font-family: "Josefin Sans";
}
#exchangeStep1 .calc-warpper {
  margin: 0 auto;
  margin-top: 40px;
  width: 30%;
}
#exchangeStep1 .btnCalc {
  width: 100%;
  border-radius: 50px;
  background-color: #4bc87d;
  color: #ffffff;
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
  height: 36px;
}
#exchangeStep1 .result-warpper {
  height: 93px;
  text-align: center;
  margin-top: 31px;
}
#exchangeStep1 .result-warpper .result-label {
  text-align: center;
  font-size: 20px;
  color: #4bc87d;
}
#exchangeStep1 .result-warpper .result-num {
  font-size: 46px;
  margin-top: 0px;
}
#exchangeStep1 .result-warpper .result-num .decimal_point {
  font-size: 26px;
}
#exchangeStep1 .result-warpper .result-num .currency_symbol {
  font-size: 26px;
}
#exchangeStep1 #flow-balance-area {
  display: block;
  padding-top: 2px;
  margin-top: 8px;
  color: #7d91a1;
  font-size: 14px;
  text-align: center;
}
#exchangeStep1 #flow-balance-area .redNegative {
  color: #fb5f5f;
}
#exchangeStep1 #flow-balance-area .currency_symbol {
  unicode-bidi: embed;
  direction: ltr;
}
#exchangeStep1 #flow-balance-area .label-balance.left-side {
  margin-left: 25px;
}
#exchangeStep1 .pull-right-lang {
  display: inline;
}
#exchangeStep1 .pull-right-lang:last-child {
  margin-right: 10px;
}
#exchangeStep1 .combo-box-search.error-border .custom-combo-wrapper .angucomplete-holder input {
  border-color: #fb5f5f;
}
#exchangeStep1 .custom-combo-wrapper {
  width: 100%;
  max-width: 500px;
}
#exchangeStep1 .custom-combo-wrapper .angucomplete-searching {
  padding-right: 15px;
}
#exchangeStep1 .custom-combo-wrapper .form-control::-moz-placeholder {
  color: #7d91a1;
}
#exchangeStep1 .custom-combo-wrapper .form-control:-ms-input-placeholder {
  color: #7d91a1;
}
#exchangeStep1 .custom-combo-wrapper .form-control::-webkit-input-placeholder {
  color: #7d91a1;
}
#exchangeStep1 .custom-combo-wrapper .angucomplete-dropdown-visible .combo_dropdown_wrapper {
  box-shadow: 0px 0px 14px 3px rgba(81, 144, 182, 0.2);
}
#exchangeStep1 .custom-combo-wrapper .combo_dropdown_wrapper {
  border-radius: 0px 0px 20px 20px;
  box-shadow: none;
}
#exchangeStep1 .custom-combo-wrapper .angucomplete-holder {
  border-radius: 50px;
}
#exchangeStep1 .custom-combo-wrapper .angucomplete-holder input {
  border-radius: 50px;
  background-color: #ffffff;
  border: 1px solid #c6ddeb;
  color: #000000;
}
#exchangeStep1 .custom-combo-wrapper .angucomplete-holder.angucomplete-dropdown-visible input {
  border: none;
  border-radius: 20px 20px 0 0;
}
#exchangeStep1 .p-inputnumber.p-component {
  width: 100%;
}
#exchangeStep1 .transfer-btn-input input {
  height: 36px;
  text-align: right;
  color: #000000;
  position: relative;
  border-radius: 50px;
  padding: 0px 14px 0 24px;
  background-color: white;
  border: 1px solid #c6ddeb;
  font-size: 1.5rem;
}
#exchangeStep1 .transfer-btn-input label {
  direction: ltr;
  height: 36px;
  text-align: right;
  color: #7d91a1;
  position: relative;
  border-radius: 50px;
  padding: 8px 16px 0 24px;
  background-color: white;
  border: 1px solid #c6ddeb;
}
#exchangeStep1 .transfer-btn-input label.error-border {
  border-color: #fb5f5f;
}
#exchangeStep1 .dropdown {
  width: 100%;
}
#exchangeStep1 .dropdown .generalDropdown {
  width: 100%;
}
#exchangeStep1 .dropdown .btn-group {
  width: 100%;
}
#exchangeStep1 .header .title p,
#exchangeStep1 .header .title h2 {
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
#exchangeStep1 .error-warpper {
  height: 12px;
  margin-right: 10px;
  padding-top: 2px;
  line-height: 12px;
  color: #fb5f5f;
  font-size: 12px;
  max-width: 310px;
}
#exchangeStep1 .input-title {
  margin-right: 13px;
  margin-bottom: 2px;
  text-align: right;
  font-size: 14px;
  color: #677b8a;
  margin-top: 12px;
}
#exchangeStep1 .input-title.long {
  margin-top: 20px;
}
#exchangeStep1 .fancy-select .selectDropdown {
  width: 100%;
  z-index: 16;
}
#exchangeStep1 .toggleOshDisplayBtn {
  left: 0;
  width: 100%;
}
#exchangeStep1 .toggleOshDisplayBtn .display {
  width: 49%;
  border-radius: 0;
}
#exchangeStep1 .toggleOshDisplayBtn .display:after {
  border-radius: 20px;
  width: 100%;
}
#exchangeStep1 .btn-wrapper {
  height: 36px;
}
#exchangeStep1 .input-text-ex {
  border-radius: 40px;
  padding: 0 15px;
  width: 100%;
  opacity: 0.7;
  height: 36px;
  border: 1px solid #c6ddeb;
  background-color: #ffffff;
  text-align: right;
}
.exchangeStep2-warp .flow-marks-warpper {
  background-color: #ebf2f8;
}
.exchangeStep2-warp .flow-marks-warpper #flow-marks {
  padding: 20px 45px;
}
.exchangeStep2-warp .flow-marks-warpper #flow-marks .footer-legal-notes-cls.bold-law {
  font-weight: bold;
}
.exchangeStep2-warp .flow-marks-warpper #flow-marks .legal-notes-title {
  color: #7d91a1;
  font-weight: bold;
  margin-bottom: 15px;
}
.exchangeStep2-warp .flow-marks-warpper #flow-marks .legal-notes-title .notes-link {
  color: #4bc87d;
  text-decoration: underline;
  font-weight: normal;
  padding: 0px 10px;
  cursor: pointer;
}
.exchangeStep2-warp .gagola-title {
  display: none;
}
#exchangeStep2 {
  background-color: #ffffff;
  padding: 30px 60px 20px 60px;
}
#exchangeStep2 .busy-load-calc {
  margin: 0 auto;
  width: 100px;
}
#exchangeStep2 .sec {
  min-height: 167px;
  border-right: 1px solid #a4b2bd;
  padding-right: 20px;
}
#exchangeStep2 .gagola-tab {
  border-right: 1px solid #a4b2bd;
  padding-right: 20px;
  font-size: 14px;
  color: #4e5664;
}
#exchangeStep2 .gagola-tab .details-title {
  line-height: 15px;
  color: #7d91a1;
  font-size: 14px;
}
#exchangeStep2 .exchange-info .exchange-info-title {
  margin-top: 0px;
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
#exchangeStep2 .exchange-info .exchange-info-sub-title {
  margin-top: 10px;
  color: #7d91a1;
  font-size: 14px;
}
#exchangeStep2 .exchange-info .exchange-info-cube {
  margin-bottom: 30px;
}
#exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row {
  margin-top: 15px;
}
#exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery {
  font-size: 22px;
  color: #4e5664;
}
#exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery.account {
  font-family: "Josefin Sans";
}
#exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery.account .curr {
  margin-right: 4px;
}
#exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery.account span {
  font-size: 18px;
  float: right;
}
#exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery .number {
  font-family: "Josefin Sans";
}
#exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery .number .currency_symbol {
  font-size: 16px;
}
#exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .title-summery {
  font-size: 14px;
  color: #7d91a1;
}
#exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row:last-child {
  margin-top: 20px;
}
#exchangeStep2 .exchange-info .exchange-info-cube-warpper {
  border-bottom: 1px solid #a4b2bd;
}
#exchangeStep2 .more-info .exchange-info-title {
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
  margin-top: 20px;
}
#exchangeStep2 .more-info .exchange-info-cube {
  margin-top: 25px;
}
#exchangeStep2 .more-info .exchange-info-cube-row {
  margin-top: 16px;
}
#exchangeStep2 .more-info .exchange-info-cube-row:first-child {
  margin-top: 0px;
}
#exchangeStep2 .more-info .exchange-info-cube-row:last-child {
  margin-top: 0px;
}
#exchangeStep2 .more-info .exchange-info-cube-row .val-summery {
  font-size: 18px;
  color: #4e5664;
  font-family: "Josefin Sans";
}
#exchangeStep2 .more-info .exchange-info-cube-row .val-summery .number {
  font-family: "Josefin Sans";
}
#exchangeStep2 .more-info .exchange-info-cube-row .title-summery {
  font-size: 14px;
  color: #7d91a1;
}
#step1Ctr3 .step3title {
  text-align: center;
  margin-top: 30px;
  font-size: 20px;
  color: #4bc87d;
  font-weight: bold;
}
#step1Ctr3 .sub-title {
  text-align: center;
  color: #7d91a1;
  margin-top: 10px;
  font-weight: bold;
}
#step1Ctr3 .ref-num {
  margin-top: 5px;
  font-size: 14px;
  text-align: center;
  color: #7d91a1;
}
#step1Ctr3 .green-saperator {
  text-align: center;
  width: 30px;
  margin: 0 auto;
  border-bottom: 2px solid #4bc87d;
  padding-top: 16px;
}
#step1Ctr3 .action-div {
  margin-bottom: 26px;
  margin-top: 26px;
  text-align: right;
}
#step1Ctr3 .action-div:last-child {
  text-align: left;
}
#step1Ctr3 .action-div .label-action-div {
  text-align: center;
  font-size: 14px;
  color: #7d91a1;
}
#step1Ctr3 .action-div .val-action-div {
  font-family: "Josefin Sans";
  text-align: center;
  font-size: 18px;
  color: #4e5664;
}
@media (max-width: 767px) {
  .cs-spa-retail-content #exchangeStep1 {
    padding: 0 20px;
  }
  .cs-spa-retail-content #exchangeStep1 .error-content {
    margin-right: 0;
  }
  .cs-spa-retail-content #exchangeStep1 .flow-balance-area {
    font-size: 12px;
  }
  .cs-spa-retail-content #exchangeStep1 .calc-warpper {
    width: 85%;
    margin-top: 10px;
  }
  .cs-spa-retail-content #exchangeStep1 .result-warpper {
    margin-top: 10px;
  }
  .cs-spa-retail-content #exchangeStep1 .btnFilter.open .generalDropdown {
    border-radius: 0;
  }
  .cs-spa-retail-content #exchangeStep1 .dropdown-menu .spaceLinks {
    font-size: 12px;
  }
  .cs-spa-retail-content #exchangeStep1 .generalDropdown {
    font-size: 12px;
  }
  .cs-spa-retail-content #exchangeStep1 .generalDropdown li {
    font-size: 12px;
  }
  .cs-spa-retail-content #exchangeStep1 .pull-right-lang {
    display: inline-block;
  }
  .cs-spa-retail-content #exchangeStep2 {
    padding: 20px;
  }
  .cs-spa-retail-content #exchangeStep2 .flow-marks-warpper #flow-marks {
    padding: 15px;
  }
  .cs-spa-retail-content #exchangeStep2 .exchangeStep2-warp .flow-marks-warpper #flow-marks {
    padding: 15px;
  }
  .cs-spa-retail-content #exchangeStep2 .sec {
    min-height: 0;
    border-right: none;
    padding-right: 0;
  }
  .cs-spa-retail-content #exchangeStep2 .sec ul {
    margin-top: 0px;
  }
  .cs-spa-retail-content #exchangeStep2 .gagola-tab {
    margin-top: 20px;
    border-right: none;
    padding-right: 0;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube {
    margin-bottom: 20px;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row {
    margin-top: 0;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .line {
    margin-top: 15px;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row:last-child {
    margin-top: 0;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery {
    font-size: 16px;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery.account {
    font-size: 16px;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery.account span {
    font-size: 16px;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .title-summery {
    font-size: 16px;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-title {
    margin-top: 25px;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-cube {
    margin-top: 0;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-cube-row {
    margin-top: 0;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-cube-row.line {
    margin-top: 15px;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-cube-row .val-summery {
    font-size: 16px;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-cube-row .title-summery {
    font-size: 16px;
  }
}
@media (max-width: 769px) {
  .open-account-popup .cs-spa-retail-content .general-view-container {
    width: 100%;
  }
  .open-account-popup .cs-spa-retail-content .btnHelp {
    flex-shrink: 0;
  }
  .open-account-popup .cs-spa-retail-content .checkbox-wrapper .checkbox-visual {
    height: 14px;
    width: 14px;
  }
  .open-account-popup .cs-spa-retail-content.modal-dialog {
    width: 100%;
  }
  .cs-spa-retail-content #exchangeStep1 .select2-container .select2-search--inline .select2-search__field {
    font-size: 16px;
  }
  .cs-spa-retail-content #exchangeStep1 .generalDropdown {
    font-size: 14px;
  }
}
@media (max-width: 1023px) {
  .checkbox-wrapper .checkbox-visual {
    margin-right: 0;
  }
}
.slighlty-to-left {
  transform: translateX(-12px);
}
.mk-aweb-menu-open-accessibility-panel {
  display: none;
}
.accessibility-intro-message-wrapper {
  height: 1px;
  margin-top: 25px;
}
.accessibility-intro-message-wrapper .accessibility-intro-message {
  position: absolute;
  font-size: 12px;
}
.circle-badge {
  position: absolute;
  top: -10px;
  right: 10px;
  height: 19px;
  width: 19px;
  line-height: 19px;
  text-align: center;
  border-radius: 50px;
  background: #26643f;
  color: white;
  font-weight: bold;
  font-size: 13px;
  font-family: josefin sans;
  margin-left: auto;
  margin-right: auto;
}
.disc-list {
  list-style: disc !important;
}
.bg-white {
  background-color: white;
}
.bg-light-blue {
  background-color: #e7f1f9;
}
.bg-light-green {
  background-color: #ebf8f0;
}
.overflow-hidden {
  overflow: hidden;
}
.monospace-family {
  font-family: 'FreeMono', monospace;
  font-weight: 700;
}
.bold-row td {
  font-weight: 500;
}
.fixedLayout table {
  table-layout: fixed;
}
.fixedLayout thead tr {
  table-layout: fixed;
}
.disable-color {
  color: #7d91a1;
  fill: #7d91a1;
}
.font-rubik {
  font-family: "Rubik";
}
.pre-line {
  white-space: pre-line;
}
.break-word {
  word-wrap: break-word;
}
.cs-spa-retail-content .generalTable.first-col-padding th:first-of-type,
.cs-spa-retail-content .generalTable.first-col-padding td:first-of-type {
  padding-right: 64px;
}
.font-size-0 {
  font-size: 0 !important;
}
.font-size-20 {
  font-size: 2rem;
}
.font-size-18 {
  font-size: 1.8rem;
}
.font-size-16 {
  font-size: 1.6rem;
}
.font-size-15 {
  font-size: 1.5rem;
}
.font-size-12 {
  font-size: 1.2rem;
}
.font-size-10 {
  font-size: 1rem;
}
.font-size-23 {
  font-size: 2.3rem;
}
.font-size-26 {
  font-size: 2.6rem;
}
.font-size-36 {
  font-size: 3.6rem;
}
.font-size-medium {
  font-size: medium;
}
.display-inline-block {
  display: inline-block;
}
.inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
.direction-ltr {
  direction: ltr;
  text-align: right;
}
.direction-rtl {
  direction: rtl;
}
.text-ltr {
  direction: ltr;
  text-align: left;
}
.direction-ltr-only {
  direction: ltr;
}
.color-red {
  color: #fb5f5f;
}
.color-error {
  color: #fb5f5f;
}
.color-green {
  color: #4bc87d;
}
.color-black {
  color: #000000;
}
.text-align-center {
  text-align: center;
}
.text-aling-right {
  text-align: right;
}
.text-align-left {
  text-align: left;
}
.general-card {
  padding: 15px 20px;
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
}
.general-card-noPadding {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
  background-color: white;
}
.cs-spa-retail-content .rubik-regular {
  font-weight: 400 !important;
}
.cs-spa-retail-content .rubik-medium {
  font-weight: 500;
}
.cs-spa-retail-content .rubik-bold {
  font-weight: 700;
}
.cs-spa-retail-content b.rubik-bold {
  font-weight: 700;
}
.cs-spa-retail-content .margin-auto {
  margin: auto;
}
.cs-spa-retail-content .margin-l-6 {
  margin-left: 6px;
}
.cs-spa-retail-content .margin-l-8 {
  margin-left: 8px;
}
.cs-spa-retail-content .margin-l-16 {
  margin-left: 16px;
}
.cs-spa-retail-content .margin-l-18 {
  margin-left: 18px;
}
.cs-spa-retail-content .margin-l-12 {
  margin-left: 12px;
}
.cs-spa-retail-content .margin-l-24 {
  margin-left: 24px;
}
.cs-spa-retail-content .margin-l-50 {
  margin-left: 50px;
}
.cs-spa-retail-content .margin-t-32 {
  margin-top: 32px;
}
.cs-spa-retail-content .margin-t-64 {
  margin-top: 64px;
}
.cs-spa-retail-content .margin-t-40 {
  margin-top: 42px;
}
.cs-spa-retail-content .margin-t-42 {
  margin-top: 42px;
}
.cs-spa-retail-content .margin-b-14 {
  margin-bottom: 14px;
}
.cs-spa-retail-content .margin-b-32 {
  margin-bottom: 32px;
}
.cs-spa-retail-content .margin-b-40 {
  margin-bottom: 40px;
}
.cs-spa-retail-content .margin-b-64 {
  margin-bottom: 64px;
}
.cs-spa-retail-content .margin-b-10 {
  margin-bottom: 10px;
}
.cs-spa-retail-content .margin-b-24 {
  margin-bottom: 24px;
}
.cs-spa-retail-content .margin-b-144 {
  margin-bottom: 144px;
}
.cs-spa-retail-content .margin-t-20 {
  margin-top: 20px;
}
.cs-spa-retail-content .margin-t-25 {
  margin-top: 25px;
}
.cs-spa-retail-content .margin-t-24 {
  margin-top: 24px;
}
.cs-spa-retail-content .margin-t-16 {
  margin-top: 16px;
}
.cs-spa-retail-content .margin-t-10 {
  margin-top: 10px;
}
.cs-spa-retail-content .margin-t-8 {
  margin-top: 8px;
}
.cs-spa-retail-content .margin-b-16 {
  margin-bottom: 16px;
}
.cs-spa-retail-content .margin-r-4 {
  margin-right: 4px;
}
.cs-spa-retail-content .margin-r-8 {
  margin-right: 8px;
}
.cs-spa-retail-content .margin-r-14 {
  margin-right: 14px;
}
.cs-spa-retail-content .margin-r-16 {
  margin-right: 16px;
}
.cs-spa-retail-content .margin-r-18 {
  margin-right: 18px;
}
.cs-spa-retail-content .margin-r-20 {
  margin-right: 40px;
}
.cs-spa-retail-content .margin-r-45 {
  margin-right: 45px;
}
.cs-spa-retail-content .margin-r-24 {
  margin-right: 24px;
}
.cs-spa-retail-content .margin-r-32 {
  margin-right: 32px;
}
.cs-spa-retail-content .margin-10 {
  margin: 10px;
}
.cs-spa-retail-content .margin-l-auto {
  margin-left: auto;
}
.cs-spa-retail-content .margin-0 {
  margin-right: 0;
}
.cs-spa-retail-content .padding-15 {
  padding: 15px;
}
.cs-spa-retail-content .padding-top-20 {
  padding-top: 20px;
}
.cs-spa-retail-content .padding-b-4 {
  padding-bottom: 4px;
}
.cs-spa-retail-content .padding-b-20 {
  padding-bottom: 20px;
}
.cs-spa-retail-content .padding-b-30 {
  padding-bottom: 30px;
}
.cs-spa-retail-content .padding-b-64 {
  padding-bottom: 64px;
}
.cs-spa-retail-content .padding-b-0 {
  padding-bottom: 0;
}
.cs-spa-retail-content .padding-r-4 {
  padding-right: 4px;
}
.cs-spa-retail-content .padding-r-16 {
  padding-right: 16px;
}
.cs-spa-retail-content .padding-r-32 {
  padding-right: 32px;
}
.cs-spa-retail-content .padding-r-24 {
  padding-right: 24px;
}
.cs-spa-retail-content .padding-r-12 {
  padding-right: 12px;
}
.cs-spa-retail-content .padding-l-24 {
  padding-left: 24px;
}
.cs-spa-retail-content .line-height-23 {
  line-height: 23px;
}
b {
  font-weight: 500;
}
strong {
  font-weight: 600;
}
.font600 {
  font-weight: 600;
}
.font700 {
  font-weight: 700;
}
.display-date {
  font-family: "Josefin Sans";
}
.inset-shadow {
  box-shadow: inset 0 12px 32px -16px rgba(0, 0, 0, 0.15);
}
.general-box-shadow {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
}
.tableShadow {
  box-shadow: 0px 8px 25px 0px rgba(81, 144, 182, 0.3);
}
.blockCenter {
  display: block;
  margin: 0 auto;
}
.title-outer-shadow {
  box-shadow: 0px 11px 18px 0 rgba(67, 96, 144, 0.15);
}
.whiteBgOuterShadow {
  box-shadow: 0px 0px 25px 0 rgba(81, 144, 182, 0.1);
}
.greenBgButtonShadow {
  box-shadow: 0px 9px 25px 0 rgba(23, 187, 183, 0.45);
}
.whiteBgButtonShadow {
  box-shadow: 0px 9px 25px 0 rgba(148, 172, 166, 0.45);
}
.greenBoxShadow {
  box-shadow: 0px 9px 25px 0px rgba(75, 200, 125, 0.45);
}
.greenBoxShadowHover {
  box-shadow: 0px 11px 25px 0px rgba(75, 200, 125, 0.5);
}
.purpleBoxShadow {
  box-shadow: 0px 9px 25px 0px rgba(132, 155, 249, 0.45);
}
.textAlignCenter {
  text-align: center;
}
.large-sized-number {
  font-weight: 300;
  font-size: 4.6rem;
  line-height: normal;
  font-family: "Josefin Sans";
}
.negativeMarginRow {
  margin-left: -1%;
  margin-right: -1%;
}
.absoluteXYAlign {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.absoluteXAlign {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.absoluteYAlign {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.caret-icon {
  width: 0;
  height: 0;
  display: inline-block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #7d91a1;
}
.min-height-200 {
  min-height: 200px;
}
.height40 {
  height: 40px;
}
.height-48 {
  height: 48px;
}
.width30 {
  width: 30%;
}
.width27 {
  width: 27%;
}
.width20 {
  width: 20%;
}
.width15 {
  width: 15%;
}
.width5 {
  width: 5%;
}
.width55 {
  width: 55%;
}
.width40 {
  width: 40%;
}
.width50 {
  width: 50%;
}
.position-relative {
  position: relative;
}
.disabled {
  pointer-events: none;
}
.color-gray {
  color: #4e5664;
}
.color-gray1 {
  color: #7d91a1;
}
.color-gray2 {
  color: #6a7685;
}
.color-gray3 {
  color: #ebf2f8;
}
.color-gray-14 {
  color: #677b8a;
}
.colorLightGray2 {
  color: #92abbb;
}
.disabled-transparent {
  cursor: default;
  opacity: 0.5;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-pointer-with-underline {
  cursor: pointer;
  text-decoration: underline;
}
.ellipsis-element {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nowrap {
  white-space: nowrap;
}
.border-radius-16 {
  border-radius: 16px;
}
.object-fit-cover {
  object-fit: cover;
}
.width-100 {
  width: 100%;
}
.width-80 {
  width: 80%;
}
.right-100 {
  right: 100px;
}
.top-50 {
  top: 50px;
}
.bottom-15 {
  bottom: 15px;
}
*.with-bullet .text {
  position: relative;
}
*.with-bullet:before {
  content: "\2022";
  color: #4bc87d;
  font-size: 23px;
  position: absolute;
  right: 0;
}
@media (min-width: 1024px) {
  .visible-tablet {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .hidden-tablet {
    display: none !important;
  }
  .visible-tablet {
    display: block !important;
  }
}
#print [class*="col-print"],
#savePDF [class*="col-print"] {
  float: right;
}
#print .col-print-1-8,
#savePDF .col-print-1-8 {
  width: 12.5% !important;
}
#print .col-print-1-10,
#savePDF .col-print-1-10 {
  width: 10% !important;
}
#print .table-print-auto,
#savePDF .table-print-auto {
  width: auto !important;
}
#print .col-print-auto,
#savePDF .col-print-auto {
  width: auto !important;
}
#print .col-print-offset-1,
#savePDF .col-print-offset-1 {
  margin-right: 8.33333333%;
}
#print .col-print-offset-0,
#savePDF .col-print-offset-0 {
  margin-right: 0;
}
#print .col-print-12,
#savePDF .col-print-12 {
  width: 100%;
}
#print .col-print-11,
#savePDF .col-print-11 {
  width: 91.66666667%;
}
#print .col-print-10,
#savePDF .col-print-10 {
  width: 83.33333333%;
}
#print .col-print-9,
#savePDF .col-print-9 {
  width: 75%;
}
#print .col-print-8,
#savePDF .col-print-8 {
  width: 66.66666667%;
}
#print .col-print-7,
#savePDF .col-print-7 {
  width: 58.33333333%;
}
#print .col-print-6,
#savePDF .col-print-6 {
  width: 50%;
}
#print .col-print-5,
#savePDF .col-print-5 {
  width: 41.66666667%;
}
#print .col-print-4,
#savePDF .col-print-4 {
  width: 33.33333333%;
}
#print .col-print-3,
#savePDF .col-print-3 {
  width: 25%;
}
#print .col-print-2,
#savePDF .col-print-2 {
  width: 16.66666667%;
}
#print .col-print-2-5,
#savePDF .col-print-2-5 {
  width: 23%;
}
#print .col-print-1,
#savePDF .col-print-1 {
  width: 8.33333333%;
}
@media (min-width: 768px) {
  .display-flex-sm {
    display: flex;
  }
  .cs-spa-retail-content .margin-t-16-sm {
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .disable-mobile-scroll {
    height: 100vh;
    overflow: hidden;
  }
  .margin-t-8 {
    margin-top: 2.5vw;
  }
  .mobile-no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .fixedLayout-xs table {
    table-layout: fixed;
  }
  .fixedLayout-xs thead tr {
    table-layout: fixed;
  }
  .display-block-xs {
    display: block;
  }
  .mobile-icon-space {
    margin: 0 5vw;
  }
  .cs-spa-retail-content .margin-t-32 {
    margin-top: 5vw;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs {
    display: flex;
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs tbody {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs tr {
    width: 100%;
    overflow: auto;
    height: 18.25vw;
    display: flex;
    position: relative;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs td,
  .cs-spa-retail-content .generalTable table.flexbox-table-xs th {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs td:not(.menuTool) {
    width: auto;
    overflow: visible;
  }
  .cs-spa-retail-content .generalTable table.flexbox-table-xs th {
    font-weight: 400;
    color: #7d91a1;
  }
  .cs-spa-retail-content .display-flex-xs {
    display: flex;
  }
  .cs-spa-retail-content .margin-t-5-xs {
    margin-top: 5vw;
  }
  .cs-spa-retail-content .margin-t-10-xs {
    margin-top: 10vw;
  }
  .cs-spa-retail-content .margin-r-5-xs {
    margin-right: 5vw;
  }
  .cs-spa-retail-content .margin-t-20-xs {
    margin-top: 20px;
  }
  .cs-spa-retail-content .margin-b-1-xs {
    margin-bottom: 1vw;
  }
}
.col-xs-one-fifth,
.col-sm-one-fifth,
.col-md-one-fifth,
.col-lg-one-fifth,
.col-xs-one-tenth,
.col-sm-one-tenth,
.col-md-one-tenth,
.col-lg-one-tenth {
  float: right;
  position: relative;
  min-height: 1px;
}
.col-sm-width30 {
  width: 30%;
}
.col-sm-width40 {
  width: 40%;
}
.col-xs-one-fifth {
  width: 20%;
}
.col-xs-one-tenth {
  width: 10%;
}
.visible-print-tableCell {
  display: none !important;
}
@media (min-width: 768px) {
  .col-sm-one-fifth {
    width: 20%;
  }
  .col-sm-one-tenth {
    width: 10%;
  }
  .margin-r-sm-40 {
    margin-right: 40px;
  }
  .margin-r-sm-20 {
    margin-right: 20px;
  }
  .margin-t-sm-20 {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .col-md-one-fifth {
    width: 20%;
  }
  .col-md-one-tenth {
    width: 10%;
  }
}
@media (min-width: 1200px) {
  .col-lg-one-fifth {
    width: 20%;
  }
  .col-lg-one-tenth {
    width: 10%;
  }
}
@media (max-width: 769px) {
  .col-sm-width30,
  .col-sm-width40 {
    width: unset;
  }
  .margin-t-5 {
    margin-top: 5vw;
  }
  .hidden-xs {
    display: none !important;
  }
  .visible-xs {
    display: block !important;
  }
  .padding-r-40-xs {
    padding-right: 40px;
  }
}
.display-flex {
  display: flex;
}
.flex-row {
  display: flex;
}
.flex-110 {
  flex: 1 1 0;
}
.flex-columns-row {
  margin: 0 -1%;
  display: flex;
  flex-wrap: wrap;
}
.flex-column {
  padding: 0 1%;
}
.justify-content-inherit {
  justify-content: inherit;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-spaceBetween {
  justify-content: space-between;
}
.justify-content-flexEnd {
  justify-content: flex-end;
}
.justify-content-flexStart {
  justify-content: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-flexEnd {
  align-items: flex-end;
}
.align-items-flexStart {
  align-items: flex-start;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-stretch {
  align-items: stretch;
}
.flex-justify-center {
  display: flex;
  justify-content: center;
}
.flexbox-wrap {
  flex-wrap: wrap;
}
.flexAlignCenter {
  display: flex;
  align-items: center;
}
.flexSpaceBetween {
  display: flex;
  justify-content: space-between;
}
.flex-direction-column {
  flex-direction: column;
}
.flex-direction-rowReverse {
  flex-direction: row-reverse;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.generalTable .topActionBar {
  padding: 16px 20px;
  background-color: white;
}
.dayPickerBtn {
  color: #ffffff;
  width: 9vw;
  border-radius: 100%;
  background-color: #4bc87d;
  box-shadow: 0 0 17px -7px black;
  display: block;
}
.dayPickerSpan {
  height: 9vw;
  width: 20vw;
  background-color: #ffffff;
}
.vertical-middle {
  vertical-align: middle;
}
.vertical-top {
  vertical-align: top;
}
@media (max-width: 767px) {
  .cs-spa-retail-content #exchangeStep1 {
    padding: 0 15px;
  }
  .cs-spa-retail-content #exchangeStep1 .accessibility-intro-message-wrapper {
    height: 10px;
  }
  .cs-spa-retail-content #exchangeStep1 .error-content {
    margin-right: 0;
  }
  .cs-spa-retail-content #exchangeStep1 .flow-balance-area {
    font-size: 12px;
  }
  .cs-spa-retail-content #exchangeStep1 .calc-warpper {
    width: 85%;
    margin-top: 10px;
  }
  .cs-spa-retail-content #exchangeStep1 .result-warpper {
    height: 50px;
    margin-top: 20px;
  }
  .cs-spa-retail-content #exchangeStep1 .result-warpper .result-num {
    line-height: 0.5;
  }
  .cs-spa-retail-content #exchangeStep1 .result-warpper .result-num .number .currency_symbol {
    font-size: 20px;
  }
  .cs-spa-retail-content #exchangeStep1 .result-warpper .result-num .number .number-wrapper .integer {
    font-size: 26px;
  }
  .cs-spa-retail-content #exchangeStep1 .result-warpper .result-num .number .number-wrapper .decimal_point {
    font-size: 20px;
  }
  .cs-spa-retail-content #exchangeStep1 .btnFilter.open .generalDropdown {
    border-radius: 0 ;
  }
  .cs-spa-retail-content #exchangeStep1 .dropdown-menu .spaceLinks {
    font-size: 12px;
  }
  .cs-spa-retail-content #exchangeStep1 .dropdown-menu .spaceLinks .val-account-margin-top {
    margin-top: 18px;
  }
  .cs-spa-retail-content #exchangeStep1 .generalDropdown {
    font-size: 12px;
  }
  .cs-spa-retail-content #exchangeStep1 .generalDropdown li {
    font-size: 12px;
  }
  .cs-spa-retail-content #exchangeStep1 .pull-right-lang {
    display: inline-block;
  }
  .cs-spa-retail-content .exchangeStep2-warp .flow-marks-warpper #flow-marks {
    padding: 15px 0;
  }
  .cs-spa-retail-content #exchangeStep2 {
    padding: 15px;
  }
  .cs-spa-retail-content #exchangeStep2 .flow-marks-warpper #flow-marks {
    padding: 15px;
  }
  .cs-spa-retail-content #exchangeStep2 .sec {
    min-height: 0;
    border-right: none;
    padding-right: 15px;
  }
  .cs-spa-retail-content #exchangeStep2 .sec ul {
    margin-top: 0px;
  }
  .cs-spa-retail-content #exchangeStep2 .gagola-tab {
    margin-top: 20px;
    border-right: none;
    padding-right: 0;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube {
    margin-bottom: 20px;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row {
    margin-top: 0;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .line {
    margin-top: 15px;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery {
    font-size: 16px;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery.account {
    font-size: 16px;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .val-summery.account span {
    font-size: 16px;
  }
  .cs-spa-retail-content #exchangeStep2 .exchange-info .exchange-info-cube .exchange-info-cube-row .title-summery {
    font-size: 16px;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-title {
    margin-top: 20px;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-cube {
    margin-top: 0;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-cube-row {
    margin-top: 0;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-cube-row.line {
    margin-top: 15px;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-cube-row .val-summery {
    font-size: 16px;
  }
  .cs-spa-retail-content #exchangeStep2 .more-info .exchange-info-cube-row .title-summery {
    font-size: 16px;
  }
  .cs-spa-retail-content #step1Ctr3 .LargeBottomSpace .step3title {
    margin-top: 0;
  }
  .cs-spa-retail-content #step1Ctr3 .LargeBottomSpace .green-saperator {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .cs-spa-retail-content #step1Ctr3 .LargeBottomSpace .action-div {
    width: 100%;
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 769px) {
  .cs-spa-retail-content #exchangeStep1 .generalDropdown {
    font-size: 14px;
  }
}
@media (max-width: 1023px) {
  .open-account-popup .openAccountPopup .extra-actions-button-wrapper {
    display: none;
  }
}
@media (min-width: 1024px) {
  .modal-open .cs-spa-retail-content.tooltip.modal-tooltip-appendedToBody.open-account-popup-tooltip {
    z-index: 2560 !important;
  }
}
#savePDF .exchangeStep2-warp .col-sm-6.col-xs-12 {
  width: 100%;
}
#savePDF .exchangeStep2-warp .col-sm-12.col-xs-6 {
  width: 50%;
}
#savePDF .exchangeStep2-warp .exchange-info-cube-warpper {
  padding: 0px;
}
#savePDF .exchangeStep2-warp .exchange-info-cube {
  padding-right: 0;
}
#savePDF .exchangeStep2-warp .exchange-info-cube .line {
  display: inline-block;
  width: 50%;
}
#savePDF .exchangeStep2-warp .exchange-info-cube ul {
  padding: 0px;
  list-style: none !important;
}
#savePDF .exchangeStep2-warp .exchange-info-cube ul li {
  list-style: none;
}
#savePDF .exchangeStep2-warp .details-title {
  font-size: 14px;
}
#savePDF .exchangeStep2-warp .gagola-title {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-right: 0px;
}
#savePDF .exchangeStep2-warp .exchange-info-title,
#savePDF .exchangeStep2-warp .exchange-info-sub-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  margin-right: 0px;
}
#savePDF .exchangeStep2-warp .exchange-info-title.more-info-title,
#savePDF .exchangeStep2-warp .exchange-info-sub-title.more-info-title {
  margin-right: 0px;
  margin-bottom: 10px;
  margin-top: 10px;
}
#savePDF .exchangeStep2-warp .legal-notes-title {
  display: block;
  font-size: 14px !important;
  font-weight: 500;
  margin-right: 0px;
}
#savePDF .exchangeStep2-warp .exchange-info-title,
#savePDF .exchangeStep2-warp .exchange-info-sub-title,
#savePDF .exchangeStep2-warp .legal-notes-title {
  text-align: right;
}
#savePDF .exchangeStep2-warp .flow-marks-warpper .container {
  width: auto;
  padding: 0px;
}
#savePDF .exchangeStep2-warp .flow-marks-warpper .container ul {
  padding-right: 0 !important;
  list-style: none;
}
#savePDF .exchangeStep2-warp .flow-marks-warpper .container ul li {
  list-style: none;
}
#savePDF .exchangeStep2-warp .gagola-tab,
#savePDF .exchangeStep2-warp .gagola-warp {
  width: 100% !important;
}
#savePDF .exchangeStep2-warp .gagola-warp {
  padding-right: 15px;
}
#savePDF .exchangeStep2-warp .col-sm-pull-3 {
  right: 0;
  padding: 0px;
}
#savePDF .exchangeStep2-warp div[class^='col-'] {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  float: right;
}
#savePDF .exchangeStep2-warp .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#savePDF .exchangeStep2-warp .left-val-print:last-child {
  padding-right: 0 !important;
}
#savePDF .exchangeStep2-warp .right-value-print {
  margin-right: -9px;
}
#savePDF .openAccountPopup {
  padding: 15px;
}
#savePDF .openAccountPopup .operation-box-wrapper {
  max-width: 300px;
  margin-top: 20px;
}
#savePDF .openAccountPopup .operation-box-wrapper .operation-box {
  margin-top: 15px;
  text-align: right;
}
#savePDF .openAccountPopup .commission {
  margin-top: 20px;
}
@media print {
  .openAccountPopup {
    padding: 15px;
  }
  .openAccountPopup .operation-box-wrapper {
    max-width: 300px;
    margin-top: 20px;
  }
  .openAccountPopup .operation-box-wrapper .operation-box {
    margin-top: 15px;
    text-align: right;
  }
  .openAccountPopup .commission {
    margin-top: 20px;
  }
  .exchangeStep2-warp .col-sm-12.col-xs-6 {
    width: 50%;
  }
  .exchangeStep2-warp .exchange-info-cube-warpper {
    padding: 0px;
  }
  .exchangeStep2-warp .exchange-info-cube {
    padding-right: 0;
  }
  .exchangeStep2-warp .exchange-info-cube .line {
    display: inline-block;
    width: 50%;
  }
  .exchangeStep2-warp .exchange-info-cube ul {
    padding: 0px;
    list-style: none !important;
  }
  .exchangeStep2-warp .exchange-info-cube ul li {
    list-style: none;
  }
  .exchangeStep2-warp .exchange-info-title {
    font-weight: 500;
    margin-bottom: 20px;
    margin-right: 0px;
    font-size: 20px;
  }
  .exchangeStep2-warp .exchange-info-title.more-info-title {
    margin-right: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .exchangeStep2-warp .legal-notes-title {
    margin-right: 0px;
    font-size: 14px;
    font-weight: 500;
  }
  .exchangeStep2-warp .details-title {
    font-size: 14px;
  }
  .exchangeStep2-warp .gagola-title {
    display: block;
    margin-right: 0px;
    font-size: 14px;
    font-weight: 500;
  }
  .exchangeStep2-warp .exchange-info-title,
  .exchangeStep2-warp .exchange-info-sub-title,
  .exchangeStep2-warp .legal-notes-title {
    text-align: right;
  }
  .exchangeStep2-warp .flow-marks-warpper .container {
    width: auto;
    padding: 0px;
  }
  .exchangeStep2-warp .flow-marks-warpper .container ul {
    padding-right: 0 !important;
    list-style: none;
  }
  .exchangeStep2-warp .flow-marks-warpper .container ul li {
    list-style: none;
  }
  .exchangeStep2-warp .gagola-tab,
  .exchangeStep2-warp .gagola-warp {
    width: 100% !important;
  }
  .exchangeStep2-warp .gagola-warp {
    padding-right: 15px;
  }
  .exchangeStep2-warp .col-sm-pull-3 {
    padding: 0px;
    right: 0;
  }
  .exchangeStep2-warp div[class^='col-'] {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    float: right;
  }
  .exchangeStep2-warp .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .exchangeStep2-warp .left-val-print:last-child {
    padding-right: 0 !important;
  }
  .exchangeStep2-warp .right-value-print {
    margin-right: 0px;
  }
  .open-account-popup .general-view-container .popup-title {
    font-size: 20px;
    font-weight: bold;
  }
}
#previews-foreign-transfers .status-column {
  display: table-row;
}
#previews-foreign-transfers .status-column .status-indicator-wrap {
  vertical-align: top;
  display: table-cell;
}
#previews-foreign-transfers .status-column .status-name-wrap {
  display: table-cell;
}
#previews-foreign-transfers .status-column .status-indicator {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  margin-right: -13px;
}
#previews-foreign-transfers .status-column .status-indicator.red-status {
  background: #fb5f5f;
}
#previews-foreign-transfers .status-column .status-indicator.green-status {
  background: #148d35;
}
#previews-foreign-transfers .status-column .status-indicator.orange-status {
  background: #fcb333;
}
.advanced-search-query-foreign .dropdownBlock {
  text-align: center;
}
#main-content .previews-foreign-transfers-container .rc-table-td .btnHelp {
  margin-right: 15px;
}
#main-content .previews-foreign-transfers-container .print-only {
  display: none;
}
#main-content .previews-foreign-transfers-container .more-info-green-link {
  cursor: pointer;
  color: #4bc87d;
  display: inline-block;
  text-decoration: underline;
}
#main-content .previews-foreign-transfers-container .more-info-line-margin {
  margin-bottom: 10px;
}
#main-content .previews-foreign-transfers-container .status-header-Tooltip {
  margin-right: 10px;
}
@media only screen and (min-width: 769px) {
}
#main-content .previews-foreign-transfers-container .doubleDatepicker .datepickerDropdown .caretDate {
  right: 95px;
}
#main-content .previews-foreign-transfers-container .doubleDatepicker .datepickerDropdown.fromDate input {
  width: 85px;
  margin-right: 30px;
}
#main-content .previews-foreign-transfers-container .doubleDatepicker .datepickerDropdown.fromDate .iconDate:before {
  margin-right: 5px;
}
#main-content .previews-foreign-transfers-container .doubleDatepicker .datepickerDropdown.toDate input {
  width: 85px;
  margin: 0 10px 0 10px;
  padding: 0px;
}
#main-content .previews-foreign-transfers-container .datepickerDropdown .iconDate:before {
  margin-right: 17px !important;
}
#main-content .previews-foreign-transfers-container .topActionBar.flexAlignCenter.search-row {
  height: 71px;
  margin-right: 0;
  margin-left: 0;
}
#main-content .previews-foreign-transfers-container .topActionBar.flexAlignCenter.search-row .btnHelp.small-help {
  top: 9px;
  right: -7px;
}
#main-content .previews-foreign-transfers-container .topActionBar.flexAlignCenter.search-row .advanced-search-path-wrapper {
  width: 20%;
}
#main-content .previews-foreign-transfers-container .noDeductions .last,
#main-content .previews-foreign-transfers-container .retail-global-error .last {
  display: inline-block;
}
#main-content .previews-foreign-transfers-container .noDeductions {
  display: inline-table;
  width: 100%;
  margin: 0;
}
#main-content .previews-foreign-transfers-container .errorSearch {
  margin-bottom: 20px;
}
#main-content .previews-foreign-transfers-container .btnFilter {
  display: inline-block;
}
#main-content .previews-foreign-transfers-container .printBtn {
  margin: 0;
  text-align: left;
}
#main-content .previews-foreign-transfers-container .doubleDatepicker {
  padding-right: 0;
}
#main-content .previews-foreign-transfers-container .doubleDatepicker,
#main-content .previews-foreign-transfers-container .tooltipMoreInfo {
  display: inline-block;
}
#main-content .previews-foreign-transfers-container .tooltipMoreInfo + .tooltip .tooltip-inner {
  width: 310px;
}
#main-content .previews-foreign-transfers-container .expanded-filters-container .small-input {
  width: 120px;
}
#main-content .previews-foreign-transfers-container .expanded-filters-container .medium-input {
  width: 171px;
}
#main-content .previews-foreign-transfers-container .expanded-filters-container .margin-l-40 {
  margin-left: 40px;
}
#main-content .previews-foreign-transfers-container .expanded-filters-container .dropdownBlock {
  position: relative;
  vertical-align: top;
}
#main-content .previews-foreign-transfers-container .expanded-filters-container .tf-error {
  position: relative;
}
#main-content .previews-foreign-transfers-container .expanded-filters-container .tf-error .tf-error-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#main-content .previews-foreign-transfers-container .dropdown-toggle-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
}
#main-content .previews-foreign-transfers-container .empty-search-error h2 {
  font-size: 16px;
  margin: 20px;
}
#main-content .previews-foreign-transfers-container .menuList .menu-item .tooltip-inner {
  white-space: nowrap;
}
@media (min-width: 991px) and (max-width: 1024px) {
  #main-content .centeredFilter {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  #previousForeignTransferStatusLink-sm {
    display: none;
  }
  .more-info-green-link {
    margin-top: 5px;
    margin-right: 30px;
  }
}
@media (max-width: 1024px) {
  #main-content .previews-foreign-transfers-container .more-info-green-link-margin {
    margin-right: -15px;
    margin-top: 8px;
  }
  #main-content .previews-foreign-transfers-container .centeredFilter {
    text-align: center;
    margin: 0 0 10px 0;
  }
  #main-content .previews-foreign-transfers-container .btnHelp.small-help {
    margin-top: 10px;
    margin-right: -20px;
  }
  #main-content .previews-foreign-transfers-container .topActionBar {
    display: none;
  }
  #main-content .previews-foreign-transfers-container .topActionBar .dropdownBtns {
    padding: 10px 0;
    display: inline-block;
  }
  #main-content .previews-foreign-transfers-container .topActionBar .dropdownBtns div {
    margin-left: inherit;
  }
  #main-content .previews-foreign-transfers-container .topActionBar .dropdownBtns div .btnFilter button {
    width: 100%;
  }
  #main-content .previews-foreign-transfers-container .topActionBar .dropdownBtns div .doubleDatepicker {
    width: 83%;
  }
  #main-content .previews-foreign-transfers-container .topActionBar .dropdownBtns div .doubleDatepicker .btnHelp {
    margin-top: 10px;
  }
  #main-content .previews-foreign-transfers-container .rc-table .rc-table-body .inner-table .rc-table-row .rc-table-row-content .rc-table-td .rc-table-rd-inner-wrapper .action-buttons-wrapper {
    display: none;
  }
}
@media (max-width: 1024px) and (max-width: 767px) {
  #main-content .previews-foreign-transfers-container .topActionBar .dropdownBtns div #advancedSearch .search {
    display: none;
  }
}
#print #main-content #previews-foreign-transfers .container-fluid .previews-foreign-transfers-container .print-only,
#savePDF #main-content #previews-foreign-transfers .container-fluid .previews-foreign-transfers-container .print-only {
  display: inline-block;
}
#print #main-content #previews-foreign-transfers .container-fluid .previews-foreign-transfers-container .rc-table .rc-table-row .rc-table-td,
#savePDF #main-content #previews-foreign-transfers .container-fluid .previews-foreign-transfers-container .rc-table .rc-table-row .rc-table-td {
  padding-right: 5px;
}
#print #main-content #previews-foreign-transfers .no-padding-print {
  padding: 0;
}
.cs-spa-retail-content.fpt-full-info-popup .retail-global-error {
  box-shadow: none;
}
.cs-spa-retail-content.fpt-full-info-popup .retail-global-error .last {
  display: inline-block;
}
.cs-spa-retail-content.fpt-full-info-popup .foreign-data-popup {
  position: relative;
}
.cs-spa-retail-content.fpt-full-info-popup .tooltip.bottom .tooltip-arrow {
  top: 1px;
  border-bottom-color: #4bc87d;
}
.cs-spa-retail-content.fpt-full-info-popup .modal-content {
  background: none;
}
.cs-spa-retail-content.fpt-full-info-popup .modal-content .tableSide {
  overflow-y: visible;
}
.cs-spa-retail-content.fpt-full-info-popup .titleTable {
  margin-top: 65px;
  margin-bottom: 36px;
  margin-right: 50px;
}
.cs-spa-retail-content.fpt-full-info-popup .detailsTab {
  overflow-y: hidden !important;
}
.cs-spa-retail-content.fpt-full-info-popup .detailsTab .swift-popup {
  display: block;
  margin-top: 25px;
  text-decoration: underline;
  color: #4bc87d;
}
.cs-spa-retail-content.fpt-full-info-popup .action-buttons-wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
}
.cs-spa-retail-content.fpt-full-info-popup .action-buttons-wrapper .menuList {
  box-shadow: none;
  line-height: 47px;
  text-align: center;
  transform: none;
}
.cs-spa-retail-content.fpt-full-info-popup .action-buttons-wrapper .menuList .menu-item {
  margin: 0;
}
.cs-spa-retail-content.fpt-full-info-popup .side-text {
  font-size: 20px;
  font-family: 'Josefin Sans', 'Rubik', sans-serif;
  font-weight: 300;
}
.cs-spa-retail-content.fpt-full-info-popup .menuList .menu-item .tooltip-inner {
  white-space: nowrap;
}
.cs-spa-retail-content.fpt-full-info-popup .decimal_point {
  font-size: 15px;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .sidebarInfoModal {
  width: 1045px;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide {
  width: 100%;
  height: 600px;
  background: white !important;
  box-shadow: none;
  padding: 0;
  color: #4e5664;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .titleSection {
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .titleSection .titleTable {
  margin: 0;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .titleSection .printBtn {
  float: left;
  margin: 0;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .titleSection .printBtn .hiddenExportTool li {
  margin: 0;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .tableSection {
  text-align: center;
  width: 100%;
  margin-top: 40px;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .tableSection .swift-main-content {
  padding: 20px;
  height: 480px;
  overflow-y: auto;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .tableSection .ngsb-container,
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .tableSection .swift-error {
  margin: 0 auto;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .tableSection .ngsb-container img,
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .tableSection .swift-error img {
  margin: 50px 0 25px;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .tableSection .ngsb-container {
  border: 1px solid #d8d8d8;
  box-shadow: rgba(81, 144, 182, 0.2) 0 8px 25px 0;
  padding: 20px 40px;
}
.cs-spa-retail-content.fpt-full-info-popup.fpt-swift-popup .infoSide .tableSection pre {
  border: none;
  border-radius: 0;
  background-color: white;
  padding: 0;
  margin: 0;
  text-align: start;
}
@media (max-width: 1023px) {
  .fpt-full-info-popup {
    display: block;
    height: 100%;
    background-color: white;
  }
  .fpt-full-info-popup.webview {
    height: 96%;
  }
  .fpt-full-info-popup.fpt-swift-popup .modal-content {
    display: block;
  }
  .fpt-full-info-popup.fpt-swift-popup .modal-content .sidebarInfoModal {
    padding-bottom: 0;
    width: 100%;
  }
  .fpt-full-info-popup.fpt-swift-popup .modal-content .infoSide {
    height: auto;
  }
  .fpt-full-info-popup.fpt-swift-popup .modal-content .infoSide .tableSection {
    margin-top: 20px;
  }
  .fpt-full-info-popup.fpt-swift-popup .modal-content .infoSide .tableSection .swift-main-content {
    height: auto;
  }
  .fpt-full-info-popup.fpt-swift-popup .modal-content .infoSide .tableSection .ngsb-container {
    border: none;
    box-shadow: none;
    margin-top: 0;
    padding: 0 20px;
  }
  .fpt-full-info-popup.fpt-swift-popup .modal-content .titleSection {
    padding: 0;
  }
  .fpt-full-info-popup.fpt-swift-popup .modal-content .titleSection .printBtn {
    margin: 5px 15px;
  }
  .fpt-full-info-popup .main-popup {
    height: 100%;
  }
  .fpt-full-info-popup .extra-actions-button-con {
    position: absolute;
    left: auto;
    right: 10px;
    top: 10px;
  }
  .fpt-full-info-popup .extra-actions-button-con .menuList {
    left: auto;
    right: 0;
    top: 0;
    transform: none;
  }
  .fpt-full-info-popup .modal-content {
    height: 100%;
  }
  .fpt-full-info-popup .modal-dialog {
    height: 100%;
    margin: 0;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .tableSection div.table-scroll {
    padding: 0 20px;
    height: auto;
    max-height: none;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .tableSection div.table-scroll .title {
    width: 50%;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .tableSection div.table-scroll .side-text {
    width: 50%;
    font-size: 14px!important;
  }
  .fpt-full-info-popup .modal-dialog .tableSide {
    position: static!important;
    transform: none!important;
    top: 0!important;
    right: 0!important;
    left: 0;
    height: auto!important;
  }
  .fpt-full-info-popup .modal-dialog .tableSide div.table-scroll {
    padding: 10px 0 0;
    min-height: calc(100% - 100px);
    overflow: hidden;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal {
    width: 100%!important;
    max-width: 100%;
    min-height: 100%;
    padding-bottom: 50px;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .table-scroll table tr td {
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 0;
    border-top: 0;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .table-scroll table tr td:last-child {
    font-size: 14px!important;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .table-scroll table tr td:last-child .decimal_point {
    font-size: 14px;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .swift-popup {
    font-size: 14px;
  }
  .fpt-full-info-popup .modal-dialog .tableSection {
    margin-top: 10px;
  }
  .fpt-full-info-popup .modal-dialog .top-row {
    position: relative;
    background: linear-gradient(90deg, #76d25b 0%, #38d29f 100%);
    height: 50px;
  }
  .fpt-full-info-popup .modal-dialog .btnClose {
    left: 5px;
    top: 0;
    right: auto;
    height: 50px;
    width: 25px;
    margin-right: 5px;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .tabSection,
  .fpt-full-info-popup .modal-dialog .action-buttons-wrapper,
  .fpt-full-info-popup .modal-dialog .section-extra-details {
    display: none;
  }
  .fpt-full-info-popup .modal-dialog .tableSide {
    padding: 0;
    box-shadow: none!important;
  }
  .fpt-full-info-popup .modal-dialog .detailsTab {
    width: 100% !important;
  }
  .fpt-full-info-popup .modal-dialog .tabs-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    box-shadow: 0 0 10px 0 rgba(81, 144, 182, 0.4);
    background: white;
  }
  .fpt-full-info-popup .modal-dialog .tabs-wrapper tr td {
    line-height: 70px;
    text-align: center;
    font-size: 27px;
    width: 50%;
  }
  .fpt-full-info-popup .modal-dialog .tabs-wrapper tr td a {
    font-size: 16px;
  }
  .fpt-full-info-popup .modal-dialog .tabs-wrapper tr td a.activeLink {
    font-weight: bold;
    color: #4bc87d;
    position: relative;
    height: 100%;
    display: inline-block;
    width: 100%;
  }
  .fpt-full-info-popup .modal-dialog .tabs-wrapper tr td a.activeLink:after {
    content: " ";
    position: absolute;
    top: -2px;
    right: 0;
    width: 100%;
    background: #4bc87d;
    height: 3px;
  }
  .fpt-full-info-popup .modal-dialog .tabs-wrapper tr td:nth-child(2) {
    border-right: 1px solid #e7f1f9;
    border-left: 1px solid #e7f1f9;
  }
}
@media (max-width: 576px) {
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .swift-popup {
    font-size: 16px;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .table-scroll table {
    table-layout: auto;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .table-scroll table tr td {
    font-size: 18px;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .table-scroll table tr td:last-child {
    font-size: 18px;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .table-scroll table tr td:last-child .decimal_point {
    font-size: 18px;
  }
  .fpt-full-info-popup .modal-dialog .tabs-wrapper {
    height: 50px;
  }
  .fpt-full-info-popup .modal-dialog .tabs-wrapper tr td {
    line-height: 50px;
    font-size: 20px;
  }
}
@media (max-width: 360px) {
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .swift-popup {
    font-size: 14px;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .table-scroll table tr td {
    font-size: 14px;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .table-scroll table tr td:last-child {
    font-size: 14px;
  }
  .fpt-full-info-popup .modal-dialog .sidebarInfoModal .tableSide .table-scroll table tr td:last-child .decimal_point {
    font-size: 14px;
  }
  .fpt-full-info-popup .modal-dialog .tabs-wrapper {
    height: 50px;
  }
  .fpt-full-info-popup .modal-dialog .tabs-wrapper tr td {
    line-height: 50px;
    font-size: 16px;
  }
}
@media print {
  .foreign-data-popup.main-popup {
    display: block !important;
  }
  .foreign-data-popup.main-popup .infoSide {
    font-size: 16px;
    width: 100%;
    color: #4e5664 !important;
    padding: 10px 0px !important;
  }
  .foreign-data-popup.main-popup .infoSide .printBtn {
    display: none;
  }
  .foreign-data-popup.main-popup .infoSide ul li {
    margin: 10px;
  }
  .foreign-data-popup.main-popup .infoSide ul li .sidebar-amount {
    font-size: 16px;
  }
  .foreign-data-popup.main-popup .infoSide .rate-view {
    float: right !important;
  }
  .foreign-data-popup.main-popup .modal-content {
    border: none !important;
  }
  .foreign-data-popup.main-popup .tableSide {
    clear: both;
  }
  .foreign-data-popup.main-popup .tableSide .section-extra-details .titleTable {
    margin-bottom: 8px;
  }
  .foreign-data-popup.main-popup .tabSection {
    margin: 0px !important;
    padding: 0px !important;
    font-size: 18px;
  }
  .foreign-data-popup.main-popup .tabSection ul {
    margin: 0px !important;
    padding: 0px !important;
  }
  .foreign-data-popup.main-popup .tabSection ul li {
    margin: 0px !important;
    padding: 0px !important;
  }
  .foreign-data-popup.main-popup .tabSection ul li a {
    display: none !important;
  }
  .foreign-data-popup.main-popup .tabSection ul li a.activeLink {
    display: block !important;
    border-bottom: none !important;
    color: #4e5664 !important;
  }
  .foreign-data-popup.main-popup .subTitleTable {
    margin: 20px 0px;
  }
  .foreign-data-popup.main-popup .tableSection.detailsTab table tr td {
    text-align: right;
    height: 24px;
    border: none;
  }
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .infoSide {
  width: 100%;
  color: #4e5664 !important;
  border: 0;
  padding: 10px 0px !important;
  box-shadow: none;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .infoSide .printBtn {
  display: none;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .infoSide ul li {
  margin: 10px;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .infoSide ul li .sidebar-amount {
  font-size: 16px;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .infoSide .rate-view {
  float: right !important;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .infoSide .rate-row .sidebar-amount span {
  float: left !important;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .tableSide {
  clear: both;
  margin: 0 10px;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .tableSide .section-extra-details .titleTable {
  margin-bottom: 8px;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .tabSection {
  margin: 0px !important;
  padding: 0px !important;
  font-size: 18px;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .tabSection ul {
  margin: 0px !important;
  padding: 0px !important;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .tabSection ul li {
  margin: 0px !important;
  padding: 0px !important;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .tabSection ul li a {
  display: none !important;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .tabSection ul li a.activeLink {
  display: block !important;
  border-bottom: none !important;
  color: #4e5664 !important;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .subTitleTable {
  margin: 20px 0px;
}
#savePDF .main-popup .loansModalWindow.sidebarInfoModal .tableSection.detailsTab table tr td {
  text-align: right;
  height: 24px;
  border: none;
}
#foreign-exchang-quate-tab {
  overflow: hidden;
}
#foreign-exchang-quate-tab .glyphicon-chevron-left,
#foreign-exchang-quate-tab .glyphicon-chevron-right {
  height: 25px!important;
}
#foreign-exchang-quate-tab .datepickerDropdown input {
  width: var(--datepicker-width);
}
#foreign-exchang-quate-tab thead {
  vertical-align: top;
}
#foreign-exchang-quate-tab .th-width-35 {
  width: 35px;
}
#foreign-exchang-quate-tab .th-width-60 {
  width: 60px;
}
#foreign-exchang-quate-tab .cardsContent .export-search-div {
  display: none;
}
/* FONT RESIZE ONLY FOR 768 WIDTH TABLETS*/
@media (width: 768px) {
  #foreign-exchang-quate-tab .generalTable .textTh {
    font-size: 1.7rem;
  }
  #foreign-exchang-quate-tab .generalTable tr {
    height: 70px;
  }
}
#foreignExchangeQuoteTabDateIndexFrom {
  border: 1px solid #a4b2bd;
}
html[lang="en"] .cs-spa-sme-content .sortable-table th .textTh:after {
  right: 12px;
}
#print .cardsContent .export-search-div {
  margin: 20px 0 0;
  display: flex;
  padding-block: 20px;
  border: solid 1px hsl(var(--black));
}
#savePDF .cardsContent .export-search-div {
  margin: 10px 0 10px 0;
  display: block;
}
.account-confirmation-container {
  box-shadow: 0 11px 18px 0 rgba(67, 96, 144, 0.15);
}
.account-confirmation-container .printBtn {
  margin-left: 0px;
}
.account-confirmation-container .main-title {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}
.account-confirmation-container .account-confirmation-column {
  padding: 0 30px 0;
}
.account-confirmation-container .attention-content {
  margin-top: 10px;
  color: #000000;
  font-size: 14px;
  line-height: 17px;
}
.account-confirmation-container .info-margin {
  margin-left: 5px;
  margin-right: 0px !important;
}
.account-confirmation-container .attention-header {
  color: #606060;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
.account-confirmation-container .account-confirmation-footer {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background: #ffffff;
  border-top: 1px solid #ebf2f8;
}
.account-confirmation-container .account-confirmation-footer .btn {
  min-width: 117px;
}
.account-confirmation-container .accountConfirmation_line {
  border: none;
}
.show-on-tablet {
  display: none;
}
.bold-text {
  font-weight: bold;
}
@media (max-width: 1023px) {
  .account-confirmation-container .hidden-on-tablet {
    display: none;
  }
  .account-confirmation-container .main-title {
    padding: 10px;
  }
}
.cs-spa-retail-content foreign-last-transactions-tab-popup-content .infoListSection .row ul li {
  display: inline-grid;
  width: 20%;
}
.cs-spa-retail-content #foreign-last-transactions-tab .contextual-action-icons-16 {
  width: 16px;
  height: 16px;
}
.cs-spa-retail-content #foreign-last-transactions-tab .number {
  font-family: "Rubik", sans-serif;
}
.cs-spa-retail-content #foreign-last-transactions-tab .number .currency_symbol,
.cs-spa-retail-content #foreign-last-transactions-tab .number .percent {
  font-family: 'Rubik', sans-serif;
  font-size: calc(1em - 2px);
}
.cs-spa-retail-content #foreign-last-transactions-tab .number .percent {
  margin-left: 2px;
}
.cs-spa-retail-content #foreign-last-transactions-tab .number .currency_symbol {
  margin-right: 5px;
}
.cs-spa-retail-content #foreign-last-transactions-tab .number .number-wrapper {
  font-family: "Rubik", sans-serif;
}
.cs-spa-retail-content #foreign-last-transactions-tab .generalTable.v2 td {
  font-size: 14px;
}
.cs-spa-retail-content #foreign-last-transactions-tab .displayNumber,
.cs-spa-retail-content #foreign-last-transactions-tab .displayDate {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.cs-spa-retail-content #foreign-last-transactions-tab .table-info-msg-alert {
  margin-top: 0px;
}
.cs-spa-retail-content #foreign-last-transactions-tab .advanced-search-query-foreign .advanced-search-window-btn {
  padding-right: 30px;
}
.cs-spa-retail-content #foreign-last-transactions-tab .download-excel-txt {
  text-align: right;
}
.cs-spa-retail-content .foreignButtonsPopup .btn {
  margin-left: 20px;
  width: 130px;
}
.cs-spa-retail-content .foreign-burned-messages {
  list-style: disc;
}
.cs-spa-retail-content .xCol {
  width: 2%;
}
.cs-spa-retail-content .notice-message-link {
  text-decoration: underline;
}
.cs-spa-retail-content .summaryForeignTable .textTopTable.notice-message-padding {
  padding-bottom: 0;
}
.cs-spa-retail-content .summaryForeignTable .noticeTopTable {
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 0;
}
.cs-spa-retail-content .summaryForeignTable .noticeTopTable span,
.cs-spa-retail-content .summaryForeignTable .noticeTopTable a {
  margin-right: 3px;
}
.cs-spa-retail-content .summaryForeignTable .noticeTopTable span.notice-message-link,
.cs-spa-retail-content .summaryForeignTable .noticeTopTable a.notice-message-link {
  text-decoration: underline;
  color: #4bc87d;
}
@media (max-width: 769px) {
  .cs-spa-retail-content {
    /*
    .summaryForeignTable .native-dropdown{
      +.caretIcon {
        top: 46%;
        width: 0;
        height: 0;
          @{opposite-float}: 62px;
        position: absolute;
        border-top: 4px solid;
        border-@{opposite-float}: 4px solid transparent;
        border-@{default-float}: 4px solid transparent;
      }

    }
    */
  }
  .cs-spa-retail-content .xCol {
    width: 24px;
  }
  .cs-spa-retail-content .advanced-search-query-foreign .datepickerDropdown {
    width: 150px;
  }
  .cs-spa-retail-content .summaryForeignTable .menuTool .menuList li:only-child,
  .cs-spa-retail-content .foreignTransactionTable .menuTool .menuList li:only-child {
    width: 54px;
  }
  .cs-spa-retail-content .summaryForeignTable .menuTool .menuList li,
  .cs-spa-retail-content .foreignTransactionTable .menuTool .menuList li {
    width: 46px;
  }
  .cs-spa-retail-content .summaryForeignTable .native-dropdown-wrapper:after {
    top: 46%;
    content: "";
    width: 0;
    height: 0;
    left: 62px;
    position: absolute;
    border-top: 4px solid;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    color: #000000;
  }
}
@media (max-width: 576px) {
  .cs-spa-retail-content #x-icon.xColSummaryMobile {
    padding: 0 5px;
    overflow: visible;
  }
  .cs-spa-retail-content .summaryForeignTable .native-dropdown-wrapper:after {
    top: 46%;
    content: "";
    width: 0;
    height: 0;
    left: 35px;
    position: absolute;
    border-top: 4px solid;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    color: #000000;
  }
  .cs-spa-retail-content #foreign-last-transactions-tab .dropdownBtns {
    display: inline!important;
  }
  .cs-spa-retail-content #foreign-last-transactions-tab .advanced-search-btn-icon {
    display: none !important;
  }
}
foreign-last-transaction-tab .generalTable .include-wrapper {
  margin-right: 20px;
  margin-left: 25px;
}
#savePDF .cs-spa-retail-content #foreign-last-transactions-tab .advanced-search-query-foreign {
  height: 50px;
}

