.currency-amount-container .ng-select { position: inherit !important; }
.currency-amount-container .ng-select .ng-select-container { min-height: 100%; }
.currency-amount-container .ng-select .ng-arrow-wrapper .ng-arrow { border-width: 6px 6px 0px; }
.currency-amount-container .ng-dropdown-panel { left: auto; right: -2px; width: 90%; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .currency-amount-container .ng-dropdown-panel { width: 100.76%; }
}
.currency-amount-container .ng-dropdown-panel.ng-select-bottom { top: 103%; border-radius: 0px; }
.currency-amount-container .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar { width: 12px; }
.currency-amount-container .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track { background: rgb(238, 238, 238); border: 1px solid rgb(221, 221, 221); }
.currency-amount-container .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb { background: rgb(184, 196, 208); border-radius: 10px; }
.currency-amount-container .ng-dropdown-panel .ng-dropdown-panel-items .ng-option { padding: 3px 10px !important; }
.currency-amount-container .ng-dropdown-panel .ng-dropdown-header { border-bottom: 1px solid rgb(184, 196, 208); padding: 0px 7px; }
.currency-amount-container .ng-dropdown-panel .ng-dropdown-footer { border-top: 1px solid rgb(184, 196, 208); padding: 9px 7px; text-align: center; }
.currency-amount-container .ng-dropdown-panel .ng-dropdown-footer a { text-decoration: none; color: rgb(22, 145, 198); font-size: 18px; }
.currency-amount-container .currency-select-code { font-weight: bold; }
.currency-amount-container .currency-select-name { max-width: 64%; }
.currency-amount-container .ng-select-header-input { position: relative; }
.currency-amount-container .ng-select-header-input .ct-icon-item { position: absolute; top: 16px; left: 19px; }
.currency-amount-container .ng-select-header-input input { width: 100%; height: 48px; font-size: 18px; padding-left: 58px; border: 0px; }
.currency-amount-container .ng-select-header-input input::placeholder { color: rgb(184, 196, 208); font-style: italic; }
.currency-amount-container .ct-active .ng-dropdown-panel { border: 1px solid rgb(22, 145, 198); }
.ct-quote-amount { position: relative; display: flex; border: 2px solid rgb(187, 187, 187); }
.ct-quote-amount .md-input { flex: 2 0 0px; padding: 0px; position: relative; }
.ct-quote-amount .md-input .ct-amount-label { position: absolute; top: 10px; left: 10px; text-transform: uppercase; color: rgb(153, 171, 188); margin: 0px; font-size: 12px; font-weight: 600; line-height: 14px; pointer-events: none; }
.ct-quote-amount .md-input .ct-amount-input { width: 100%; font-size: 18px; padding: 24px 10px 10px; font-weight: 300; letter-spacing: 0.4px; margin: 0px; border: 0px; color: rgb(85, 109, 130); line-height: 22px; }
.ct-quote-amount .md-input.md-error { border: 2px solid rgb(229, 57, 53); margin: -2px 0px -2px -2px; }
.ct-quote-amount .md-input.md-error .ct-amount-label { color: rgb(229, 57, 53); }
.ct-quote-amount .currency-select { width: 135px; }
.ct-quote-amount .currency-select.disabled { width: 40px; }
.ct-quote-amount .currency-select.disabled .ng-arrow-wrapper { padding-right: 0px; }
.ct-quote-amount .currency-select.disabled .ng-select-container { display: flex; align-items: center; justify-content: center; }
.ct-quote-amount .currency-select.disabled .ng-select-container .ng-value-container { display: none; }
.ct-quote-amount.ct-quote-amount--send { border-top-right-radius: 2px; border-top-left-radius: 2px; }
.ct-quote-amount.ct-quote-amount--receive { margin-top: -2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.ct-quote-amount.ct-active { border-color: rgb(22, 145, 198); z-index: 5; }
.ct-quote-amount.ct-active .md-input .ct-amount-label { color: rgb(22, 145, 198); }
.ct-quote-amount.ct-active .md-input.md-error .ct-amount-label { color: rgb(229, 57, 53); }
.ct-quote-amount.ct-active .ng-select-container { color: rgb(255, 255, 255); background: rgb(22, 145, 198) !important; }
.ct-quote-amount.ct-active .ng-select-container .ng-arrow { border-color: rgb(255, 255, 255) transparent; }
.ct-quote-amount.ct-disabled .ct-amount-input { background: rgb(248, 248, 248); border-right: 1px solid rgb(187, 187, 187); }
.card-title { text-transform: uppercase; color: rgb(85, 85, 85); margin: 0px 0px 10px; font-size: 24px; font-weight: 900; line-height: 40px; text-align: center; }
.card-title.align-left { text-align: left; }
.ct-page-title { font-size: 18px; color: rgb(85, 85, 85); text-align: center; font-weight: 700; margin: 0px; }
.ct-page-subtitle { font-size: 16px; color: rgb(85, 85, 85); text-align: center; }
.ct-page-description { color: rgb(85, 85, 85); text-align: center; width: 90%; margin: 0px auto 20px; }
.create-rate-alerts-container { margin: 30px 0px; }
.create-rate-alerts-container .ct-form { position: relative; min-height: 200px; max-width: 600px; margin: 0px auto; padding: 0px; }
.create-rate-alerts-container .ct-form.max-width { max-width: 100%; }
.create-rate-alerts-container .ct-card { padding: 20px; }
.create-rate-alerts-container .ct-note .note { font-size: 14px; font-weight: 400; color: rgb(85, 109, 130); }
.rate-alert-row-container { color: rgb(85, 109, 130); padding-left: 15px; padding-right: 15px; }
.rate-alert-row-container:hover, .rate-alert-row-container:focus, .rate-alert-row-container:active { text-decoration: none; }
.rate-alert-row-container .rate-alert-amount { font-weight: bold; font-size: 16px; width: 150px; text-align: center; }
.rate-alert-row-container .small-icon { font-size: 12px; line-height: 19px; }
.rate-alert-row-container .big-icon { font-size: 14px; line-height: 19px; }
.rate-alert-row-container .rate-alert-row-header { font-weight: 700; font-size: 12px; line-height: 16px; color: rgb(22, 145, 198); text-transform: uppercase; }
.rate-alert-row-container .dates { font-weight: 400; font-size: 14px; line-height: 14px; }
.rate-alert-row-container .targets { font-weight: 400; font-size: 16px; line-height: 19px; color: rgb(85, 109, 130); }
@media only screen and (min-width: 0) and (max-width: 992px) {
  .rate-alert-row-container .dates, .rate-alert-row-container .trade-data { border-bottom: 1px solid rgb(212, 220, 227); padding-bottom: 15px; padding-top: 15px; width: 100%; }
  .rate-alert-row-container .targets { padding-bottom: 15px; padding-top: 15px; width: 100%; }
}
.manage-rate-alert-container { position: relative; padding: 20px; }
.manage-rate-alert-container .rate-alerts-list-header { font-size: 12px; font-weight: 800; color: rgb(22, 145, 198); text-align: center; text-transform: uppercase; flex: 1 0 0px; margin-bottom: 10px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .manage-rate-alert-container .rate-alerts-list-header { display: none; }
}
.manage-rate-alert-container .rate-alerts-list-header > div { flex: 1 0 0px; text-align: center; }
.manage-rate-alert-container .clear-search-button { position: absolute; top: 31px; right: 20px; background: transparent; border: 0px; color: rgb(184, 196, 208); font-size: 16px; font-weight: bold; }
.manage-rate-alert-container .ct-rate-alert-item { display: flex; border-bottom: 1px solid rgb(212, 220, 227); padding: 15px 0px; }
.manage-rate-alert-container .ct-rate-alert-item:nth-child(2n) { background: rgb(248, 248, 248); }
.manage-rate-alert-container .ct-rate-alert-item.first { border-top: 1px solid rgb(212, 220, 227); }
.manage-rate-alert-container .capitalize-first-letter { text-transform: capitalize; }
.ct-rate-alerts { margin: 0px auto; }
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .ct-rate-alerts { max-width: 900px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-rate-alerts { max-width: 750px; }
}
.disclaimer-container { max-width: 600px; margin: 0px auto; color: rgb(85, 109, 130); font-size: 16px; font-weight: 400; line-height: 19px; }
.disclaimer-container h4 { font-size: 16px; font-weight: 700; color: rgb(85, 109, 130); }
.disclaimer-container p { line-height: 20px; margin-top: 0px; }
.disclaimer-container img { max-width: 100%; margin-bottom: 15px; margin-top: 5px; }
.disclaimer-container .card-footer { border-top: 1px solid rgb(212, 220, 227); }
.disclaimer-container .optional-text { color: rgb(22, 145, 198); }
.disclaimer-container .section-title { font-weight: 700; font-size: 12px; line-height: 16px; color: rgb(22, 145, 198); text-transform: uppercase; border-bottom: 1px solid rgb(212, 220, 227); margin-bottom: 15px; }
.disclaimer-container .example-container { padding: 15px; border: 2px solid rgb(153, 171, 188); border-radius: 0px 4px 4px; font-style: italic; }
.disclaimer-container .mo-info { margin-top: 15px; margin-bottom: 30px; }
.disclaimer-container .mo-pill { color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 19px; padding: 4px 10px; border: 1px solid transparent; border-radius: 14px; text-align: center; }
.disclaimer-container .mo-pill.orange { background: rgb(239, 184, 59); }
.disclaimer-container .mo-pill.purple { background: rgb(142, 68, 173); }
.disclaimer-container .mo-pill.circle { padding: 6px; border-radius: 50%; height: 32px; width: 32px; }
.disclaimer-container .mo-pill.rotate-180 { transform: rotate(180deg); }
.disclaimer-container .mo-pill i { font-size: 20px; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container { margin: 30px 0px; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container h3 { margin: 0px 0px 20px; color: rgb(68, 86, 103); font-size: 24px; text-align: center; font-weight: 600; line-height: 26px; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-container { display: flex; margin: 0px auto; position: relative; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-container { padding-left: 0px; width: 100%; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-container { padding-left: 0px; width: 100%; }
}
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-container .ct-step-tracker-header { height: 130px; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-container .ct-step-tracker-header.last { height: auto; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element { flex: 1 1 0%; color: rgb(85, 85, 85); position: relative; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element.ct-completed::before { background: rgb(65, 180, 18); }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element.ct-completed::after { background: rgb(65, 180, 18); }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element.ct-active::before { background: rgb(65, 180, 18); }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element.ct-active .ct-step-tracker-element-icon { border: 4px solid rgb(65, 180, 18); }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element::before, .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element::after { content: ""; height: 4px; position: absolute; width: 50%; background: rgb(213, 220, 227); top: 22px; margin-top: -2px; z-index: -1; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element::before { left: 0px; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element::after { right: 0px; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element:nth-of-type(1)::before { display: none; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element:nth-last-of-type(1)::after { display: none; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element-icon { display: flex; align-items: center; justify-content: center; font-size: 22px; width: 40px; height: 40px; border-radius: 50%; margin: 0px auto 3px; border: 4px solid rgb(213, 220, 227); background: rgb(248, 248, 248); }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element-icon { color: rgb(85, 109, 130); }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element-icon.step-completed { background: rgb(65, 180, 18); }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element-icon.step-completed::before { color: rgb(255, 255, 255); font-size: 22px; }
.disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element-label { text-align: center; width: 120px; margin: 0px auto; font-size: 12px; line-height: 1.2; text-transform: uppercase; letter-spacing: 1px; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .disclaimer-container .ct-app-step-tracker { padding: 0px 20px; }
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container h3 { text-align: center; letter-spacing: -0.5px; }
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element::before, .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element::after { top: 16px; }
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element-icon { text-align: center; }
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element-icon::before { font-size: 15px; line-height: 34px; margin-left: -1px; }
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element-label { letter-spacing: 0.3px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .disclaimer-container .ct-app-step-tracker { padding: 0px 20px; }
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container h3 { text-align: center; letter-spacing: -0.5px; }
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element::before, .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element::after { top: 20px; }
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element-icon { text-align: center; }
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element-icon::before { line-height: 34px; margin-left: -1px; }
  .disclaimer-container .ct-app-step-tracker .ct-step-tracker-container .ct-step-tracker-element-label { display: none; }
}
.rate-alert-overview-container { margin: 30px 0px; position: relative; }
.rate-alert-amount { font-weight: bold; }
.ct-btn.btn-clear.delete-button { color: rgb(229, 57, 53); cursor: pointer; }
.ct-btn.btn-clear.delete-button:hover { color: rgb(182, 45, 42); }
.rate-alert-row { min-height: 50px; padding: 0px 10px; border-bottom: 1px solid rgb(232, 236, 240); }
.rate-alert-row.top-border { border-top: 1px solid rgb(232, 236, 240); }
.rate-alert-row.top-border.active { border-bottom: 0px; }
.rate-alert-row .cflag { margin: 0px 10px 0px 0px; padding: 0px; }
.rate-alert-row.open { background: rgb(220, 239, 247); }
.rate-alert-row.first-row { border-top: 1px solid rgb(232, 236, 240); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .rate-alert-row { padding: 0px 5px; }
}
.rate-alert-row .ct-collapsable-icon { font-size: 24px; color: rgb(85, 109, 130); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .date-row { min-height: 50px; border-bottom: 1px solid rgb(232, 236, 240); }
  .date-row:last-child { border-bottom: 0px; }
}
.ct-md-input-container .ct-md-input label i { font-size: 14px; }
.ct-md-input-container .ct-md-input label.warning-label { color: rgb(249, 198, 63); }
.ct-md-input-container .ct-md-input label.danger-label { color: rgb(229, 57, 53); }
.market-rate-loader-container .market-rate-loader { height: 21px; min-width: 100px; }
.dropdown-list-container { background: rgb(220, 239, 247); padding: 0px 15px 15px; }
.dropdown-list-container.no-active-state { background: transparent; }
.dropdown-list-container .split-information-table { width: 50%; float: right; }
.dropdown-list-container .split-information-table .payment-info-header { color: rgb(22, 145, 198); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(187, 187, 187) currentcolor; border-image: initial; min-width: 180px; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; text-align: right; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .dropdown-list-container .split-information-table .payment-info-header { text-align: left; min-width: 0px; padding: 20px 0px 0px; text-transform: uppercase; font-weight: 700; border: 0px; white-space: nowrap; }
}
.dropdown-list-container .split-information-table .payment-amount-info { border-width: 1px 0px; border-style: solid none; border-color: rgb(187, 187, 187) currentcolor; border-image: initial; width: 100%; font-size: 18px; font-weight: 700; padding: 15px; text-align: right; color: rgb(85, 109, 130); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .dropdown-list-container .split-information-table .payment-amount-info { text-align: center; }
}
.dropdown-list-container .split-information-table .payment-info-header.payment-outstanding { border-top: 0px; border-bottom: 0px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .dropdown-list-container .split-information-table .payment-info-header.payment-outstanding { font-size: 12px; font-weight: 700; }
}
.dropdown-list-container .split-information-table .payment-info-header.payment-total { font-size: 22px; font-weight: 700; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .dropdown-list-container .split-information-table .payment-info-header.payment-total { font-size: 12px; font-weight: 700; }
}
.dropdown-list-container .payment-amount-info.payment-total { font-size: 22px; font-weight: 700; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .dropdown-list-container .payment-amount-info.payment-total { font-size: 18px; font-weight: 700; text-align: right; padding: 15px 0px 0px; border-top: 0px; border-bottom: 0px; }
}
.dropdown-list-container .payment-amount-info.payment-outstanding { border-top: 0px; border-bottom: 0px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .dropdown-list-container .payment-amount-info.payment-outstanding { font-size: 18px; font-weight: 700; text-align: right; padding: 15px 0px 0px; }
}
.dropdown-list-container .transaction-list-item { padding: 15px; color: rgb(85, 109, 130); border-bottom: 1px solid rgb(212, 220, 227); }
.dropdown-list-container .transaction-list-item .amount { font-weight: 700; font-size: 16px; line-height: 19px; white-space: nowrap; }
.dropdown-list-container .transaction-list-item .date { font-weight: 400; font-size: 14px; color: rgb(85, 109, 130); line-height: 14px; }
.dropdown-list-container .transaction-list-item .header { font-weight: 700; font-size: 12px; line-height: 16px; color: rgb(22, 145, 198); text-transform: uppercase; }
.dropdown-list-container .transaction-list-item:nth-child(2n+1) { background: rgb(248, 248, 248); }
.dropdown-list-container .transaction-list-item:nth-child(2n) { background: rgb(255, 255, 255); }
.dropdown-list-container .transaction-list-item .summary-button { width: 200px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .dropdown-list-container .transaction-list-item .summary-button { width: inherit; }
}
.field-name { font-size: 12px; font-weight: bold; color: rgb(22, 145, 198); }
.field-broker-logo { height: 40px; }
.field-text { font-weight: 400; font-size: 14px; line-height: 14px; color: rgb(85, 109, 130); }
.field-text i { font-size: 14px; }
.field-text i.small-icon { font-size: 12px; }
.delete-icon { display: flex; align-items: center; margin-top: 20px; font-size: 16px; }
.ct-icon { margin-right: 5px; }
.values-table-row { padding: 0px 60px 10px; }
.values-table { width: 100%; border-bottom: 1px solid rgb(232, 236, 240); }
.values-table th { text-align: center; padding-bottom: 5px; }
.values-table td { padding: 10px 0px; }
.rate-alert-overview-container .ct-trade-review { padding: 8px 0px 30px; }
.rate-alert-overview-container .ct-trade-review.ct-trade-review-hidden-xs { display: block; }
.rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs { display: none; }
.rate-alert-overview-container .ct-trade-review .section-payment { flex: 1 0 auto; display: flex; justify-content: center; margin-right: 25px; }
.rate-alert-overview-container .ct-trade-review .section-payment.modify-margin-right { margin-right: -20px; }
.rate-alert-overview-container .ct-trade-review .section-payment.modify-margin-left { margin-left: -20px; }
.rate-alert-overview-container .ct-trade-review .section-payment.justify-start { justify-content: flex-start; }
.rate-alert-overview-container .ct-trade-review .section-payment.justify-end { justify-content: flex-end; }
.rate-alert-overview-container .ct-trade-review .section-payment > .inner-container { text-align: left; }
.rate-alert-overview-container .ct-trade-review .section-payment > .inner-container.sending { text-align: right; }
.rate-alert-overview-container .ct-trade-review .section-payment h5 { text-transform: uppercase; color: rgb(22, 145, 198); margin: 0px; font-size: 12px; font-weight: 700; line-height: 14px; }
.rate-alert-overview-container .ct-trade-review .section-payment h5.text-align-right { text-align: right; }
.rate-alert-overview-container .ct-trade-review .section-payment .text-main { font-size: 22px; line-height: 1.2; font-weight: 300; }
.rate-alert-overview-container .ct-trade-review .section-payment .text-main span { font-size: 13px; font-weight: 400; }
.rate-alert-overview-container .ct-trade-review .section-payment .inverse-rate { font-size: 12px; font-weight: 400; }
.rate-alert-overview-container .ct-trade-review .section-payment .fixed-width { width: 120px; }
.rate-alert-overview-container .ct-trade-review .section-amount { display: flex; }
.rate-alert-overview-container .ct-trade-review .section-amount::before, .rate-alert-overview-container .ct-trade-review .section-amount::after { content: "k"; font-family: currencytransfer; font-size: 25px; opacity: 0.5; letter-spacing: 0.13em; align-self: center; line-height: 1; }
.rate-alert-overview-container .ct-trade-review .section-amount { letter-spacing: 0px; }
.rate-alert-overview-container .ct-trade-review .section-amount > .inner-container { text-align: center; }
.rate-alert-overview-container .ct-trade-review .section-amount h5 { text-transform: uppercase; color: rgb(22, 145, 198); margin: 0px; font-size: 12px; font-weight: 700; line-height: 14px; }
.rate-alert-overview-container .ct-trade-review .section-amount .text-main { font-size: 22px; font-weight: 300; line-height: 1.2; }
.rate-alert-overview-container .ct-trade-review .section-amount::before, .rate-alert-overview-container .ct-trade-review .section-amount::after { margin-left: 20px; margin-right: 20px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-hidden-xs { display: none; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs { padding: 0px; display: inherit; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs .section-container { flex: 1 0 auto; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs .section-amount { justify-content: center; align-self: stretch; flex-direction: column; border-left: 1px solid rgba(100, 100, 100, 0.2); padding-left: 16px; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs .section-amount > .inner-container { justify-content: center; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs .section-amount .text-main { font-size: 16px; font-weight: 700; line-height: 20px; color: rgb(85, 109, 130); }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs .section-amount .amount-dot { width: 9px; height: 9px; border-radius: 50%; background: rgb(68, 86, 103); margin: 5px 7px; position: relative; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs .section-amount h5 { font-size: 12px; font-weight: 700; line-height: 16px; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs .section-amount.header-section { margin: -15px; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs .section-amount::before, .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs .section-amount::after { display: none; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs .section-payment { margin-right: 0px; padding: 0px; color: rgb(85, 109, 130); font-size: 12px; font-weight: 700; line-height: 16px; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-only-xs .section-payment .dots { border-bottom: 2px dotted rgb(68, 86, 103); width: 100%; min-width: 65px; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-mod.ct-trade-review-only-xs { padding: 0px; display: inherit; width: 100%; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-mod .section-container { flex: 1 0 auto; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-mod .section-amount { justify-content: center; align-self: stretch; flex-direction: column; border: 0px; padding: 6px 0px; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-mod .section-amount > .inner-container { justify-content: center; text-align: left; }
  .rate-alert-overview-container .ct-trade-review.ct-trade-review-mod .section-amount::before, .rate-alert-overview-container .ct-trade-review.ct-trade-review-mod .section-amount::after { display: none; }
}
.rate-alert-overview-container .capitalize-first-letter { text-transform: capitalize; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .rate-alert-overview-container .split-information-table { width: 100%; }
}
.rate-alert-overview-container .expiry-instructions { min-height: 70px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .rate-alert-overview-container .expiry-instructions { padding-top: 10px; padding-bottom: 10px; }
}
.rate-alert-overview-container .recipient-allocation-container { padding: 10px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .rate-alert-overview-container .recipient-allocation-container { padding: 10px 5px; }
}
.rate-alert-overview-container .recipient-allocation-container .allocate-recipient-note .allocate-recipient-note-header { font-size: 12px; font-weight: bold; color: rgb(22, 145, 198); text-transform: uppercase; }
.rate-alert-overview-container .recipient-allocation-container .allocate-recipient-note .allocate-recipient-note-text { font-weight: 400; font-size: 14px; line-height: 16px; color: rgb(85, 109, 130); }
.rate-alert-overview-container .recipient-allocation-container .allocate-recipient-container { padding: 25px 20px; border: 2px dashed rgb(212, 220, 227); border-radius: 15px; }
.rate-alert-overview-container .recipient-allocation-container .allocate-recipient-container .allocate-recipient-text { color: rgb(85, 109, 130); font-size: 16px; font-weight: 700; line-height: 18px; }
.rate-alert-overview-container .recipient-allocation-container .allocate-recipient-container .allocate-recipient-reference { color: rgb(85, 109, 130); font-size: 14px; font-weight: 400; line-height: 16px; }
.rate-alert-overview-container .recipient-allocation-container .allocate-recipient-container i { font-size: 32px; color: rgb(22, 149, 202); }
.rate-alert-overview-container .recipient-allocation-container .allocate-recipient-container.active { border: 2px solid rgb(22, 145, 198); background: rgb(237, 247, 251); }
.card-title { text-transform: uppercase; color: rgb(85, 85, 85); margin: 0px 0px 10px; font-size: 24px; font-weight: 900; line-height: 40px; text-align: center; }
.card-title.align-left { text-align: left; }
.ct-page-title { font-size: 18px; color: rgb(85, 85, 85); text-align: center; font-weight: 700; margin: 0px; }
.ct-page-subtitle { font-size: 16px; color: rgb(85, 85, 85); text-align: center; }
.ct-page-description { color: rgb(85, 85, 85); text-align: center; width: 90%; margin: 0px auto 20px; }
.create-rate-alerts-container { margin: 30px 0px; }
.create-rate-alerts-container .ct-form { position: relative; min-height: 200px; max-width: 600px; margin: 0px auto; padding: 0px; }
.create-rate-alerts-container .ct-form.max-width { max-width: 100%; }
.create-rate-alerts-container .ct-card { padding: 20px; }
.create-rate-alerts-container .rate-chart-container { height: 310px; }
.create-rate-alerts-container .rates-container { padding: 15px; margin-bottom: 15px; border-bottom: 1px solid rgb(212, 220, 227); border-top: 1px solid rgb(212, 220, 227); }
.create-rate-alerts-container .rates-container .rates-title { font-size: 12px; color: rgb(22, 149, 202); font-weight: 700; text-transform: uppercase; }
.create-rate-alerts-container .rates-container .rates-value { font-size: 14px; color: rgb(85, 109, 130); font-weight: 400; }
.create-rate-alerts-container .rates-container .rates-value i { font-size: 20px; color: rgb(85, 109, 130); }
.create-rate-alerts-container .broker-dropdown .ng-select-container { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(153, 171, 188); border-image: initial; min-height: 52px; }
.create-rate-alerts-container .broker-dropdown .ng-select-container .ng-value-container .ng-placeholder { font-size: 18px; color: rgb(184, 196, 208); font-weight: 400; margin-left: 10px; }
.create-rate-alerts-container .broker-dropdown .broker-logo { width: 32px; height: 32px; }
.create-rate-alerts-container .broker-dropdown .broker-name { font-size: 18px; color: rgb(68, 86, 103); font-weight: 400; }
.create-rate-alerts-container .order-tabs-container { display: flex; justify-content: space-between; width: 100%; flex-direction: column; position: relative; }
.create-rate-alerts-container .order-tabs-container label { font-size: 16px; color: rgb(85, 109, 130); }
.create-rate-alerts-container .order-tabs-container .page-tab { color: rgb(122, 146, 168); width: 100%; padding: 15px; cursor: pointer; display: flex; justify-content: flex-start; align-items: center; border: 2px solid rgb(187, 187, 187); border-radius: 5px; }
.create-rate-alerts-container .order-tabs-container .page-tab.disabled-tab { color: rgb(184, 196, 208); border: 2px solid rgb(212, 220, 227); cursor: auto; }
.create-rate-alerts-container .order-tabs-container .page-tab .tab-image { margin-right: 15px; flex-shrink: 0; }
.create-rate-alerts-container .order-tabs-container .page-tab i { color: rgb(184, 196, 208); }
.create-rate-alerts-container .order-tabs-container .page-tab .spot { background-color: rgb(184, 196, 208); width: 26px; height: 26px; mask-image: url("../files/bc0c5dc3b822.svg"); }
.create-rate-alerts-container .order-tabs-container .page-tab .forward { background-color: rgb(184, 196, 208); width: 26px; height: 26px; mask-image: url("../files/98a04f2ca5a1.svg"); }
.create-rate-alerts-container .order-tabs-container .page-tab.active { color: rgb(136, 136, 136); border-color: rgb(22, 145, 198); background-color: rgb(237, 247, 251); }
.create-rate-alerts-container .order-tabs-container .page-tab.active i { color: rgb(22, 145, 198); }
.create-rate-alerts-container .order-tabs-container .page-tab.active .tab-title { color: rgb(22, 145, 198); }
.create-rate-alerts-container .order-tabs-container .page-tab.active .spot { background-color: rgb(22, 145, 198); }
.create-rate-alerts-container .order-tabs-container .page-tab.active .forward { background-color: rgb(22, 145, 198); }
.create-rate-alerts-container .order-tabs-container .tab-title { font-weight: 700; font-size: 16px; }
.create-rate-alerts-container .order-tabs-container .tab-subtitle { font-size: 14px; }
.create-rate-alerts-container .ct-note .note { font-size: 14px; font-weight: 400; color: rgb(85, 109, 130); }
.create-rate-alerts-container .ct-input-field-container { border-bottom: 1px solid rgb(153, 171, 188); padding: 10px; }
.create-rate-alerts-container .ct-input-field-container.has-error { border-bottom: 1px solid rgb(229, 57, 53); }
.create-rate-alerts-container .ct-input-field-container.has-error .ct-input-field-label { color: rgb(229, 57, 53); }
.create-rate-alerts-container .ct-input-field-container.has-error .ct-input-field-icon i { color: rgb(229, 57, 53); }
.create-rate-alerts-container .ct-input-field-container:has(.ct-input-field:nth-of-type(1):focus) { border-bottom: 1px solid rgb(22, 145, 198); }
.create-rate-alerts-container .ct-input-field-container:has(.ct-input-field:nth-of-type(1):focus) .ct-input-field-label { color: rgb(22, 145, 198); }
.create-rate-alerts-container .ct-input-field-container:has(.ct-input-field:nth-of-type(1):focus) .ct-input-field-label .sub-label { color: rgb(22, 145, 198); }
.create-rate-alerts-container .ct-input-field-container .ct-input-field-label { color: rgb(85, 109, 130); font-size: 16px; font-weight: 700; margin-left: -10px; }
.create-rate-alerts-container .ct-input-field-container .ct-input-field-label .sub-label { color: rgb(153, 171, 188); font-size: 14px; font-weight: 400; }
.create-rate-alerts-container .ct-input-field-container .ct-input-field { font-size: 18px; color: rgb(85, 109, 130); border: 0px; font-weight: 400; }
.create-rate-alerts-container .ct-input-field-container .ct-input-field:-webkit-autofill { background-color: transparent !important; box-shadow: white 0px 0px 0px 1000px inset !important; }
.create-rate-alerts-container .ct-input-field-container .ct-input-field::placeholder { color: rgb(184, 196, 208); font-weight: 400; font-size: 18px; }
.create-rate-alerts-container .ct-input-field-container .ct-input-field:focus ~ .ct-input-field-icon i { color: rgb(22, 145, 198); }
.create-rate-alerts-container .ct-input-field-container .ct-input-field-icon { margin-top: 8px; }
.create-rate-alerts-container .ct-input-field-container .ct-input-field-icon i { font-size: 20px; color: rgb(153, 171, 188); }
.create-rate-alerts-container .ct-input-field-label { color: rgb(85, 109, 130); font-size: 16px; font-weight: 700; }
.create-rate-alerts-container .ct-input-field-label .sub-label { color: rgb(153, 171, 188); font-size: 14px; font-weight: 400; }
.create-rate-alerts-container .label-icon-container i { font-size: 20px; color: rgb(122, 146, 168); }
.manage-rate-alert-container { position: relative; padding: 20px; }
.manage-rate-alert-container .rate-alerts-list-header { font-size: 12px; font-weight: 800; color: rgb(22, 145, 198); text-align: center; text-transform: uppercase; flex: 1 0 0px; margin-bottom: 10px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .manage-rate-alert-container .rate-alerts-list-header { display: none; }
}
.manage-rate-alert-container .rate-alerts-list-header > div { flex: 1 0 0px; text-align: center; }
.manage-rate-alert-container .clear-search-button { position: absolute; top: 31px; right: 20px; background: transparent; border: 0px; color: rgb(184, 196, 208); font-size: 16px; font-weight: bold; }
.manage-rate-alert-container .ct-rate-alert-item { display: flex; border-bottom: 1px solid rgb(212, 220, 227); padding: 15px 0px; }
.manage-rate-alert-container .ct-rate-alert-item:nth-child(2n) { background: rgb(248, 248, 248); }
.manage-rate-alert-container .ct-rate-alert-item.first { border-top: 1px solid rgb(212, 220, 227); }
.manage-rate-alert-container .capitalize-first-letter { text-transform: capitalize; }
.history-tab-container { width: 100%; max-width: 870px; margin: 30px auto 0px; padding-left: 15px; }
.history-tab-container .page-tab { padding: 10px 15px; cursor: pointer; border-bottom: 5px solid transparent; }
.history-tab-container .page-tab.active { border-bottom: 5px solid rgb(22, 145, 198); }
.history-tab-container .page-tab.active .tab-title, .history-tab-container .page-tab.active .tab-icon { color: rgb(22, 145, 198); }
.history-tab-container .tab-icon { color: rgb(184, 196, 208); font-size: 20px; }
.history-tab-container .tab-title { color: rgb(184, 196, 208); font-size: 16px; font-weight: bold; line-height: 1; }
.ct-rate-alerts { margin: 0px auto; }
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .ct-rate-alerts { max-width: 900px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-rate-alerts { max-width: 750px; }
}
.ct-rate-alerts .cancel-button { margin-bottom: 36px; max-width: 90px; }
.ct-previous-reference-container { background-color: rgb(220, 239, 247); padding: 16px; }
.ct-previous-reference-container .previous-title { color: rgb(22, 149, 202); font-weight: 700; margin-right: 5px; }
.ct-previous-reference-container .ct-pill-button { background-color: rgb(220, 239, 247); border: 1px solid rgb(22, 149, 202); border-radius: 5px; color: rgb(22, 149, 202); margin-left: 5px; margin-right: 5px; height: 30px; }
.ct-previous-reference-container .ct-pill-button:focus, .ct-previous-reference-container .ct-pill-button:hover { background-color: rgb(22, 145, 198); color: rgb(255, 255, 255); }
.dropdown-container .ng-select { width: 100%; }
.dropdown-container .ng-select.purpose-dropdown .ng-select-container { background: rgb(255, 255, 255); border: 2px solid rgb(187, 187, 187); min-height: 46px; border-radius: 0px; }
.dropdown-container .ng-select.purpose-dropdown.ng-select-opened .ng-select-container { border-color: rgb(22, 145, 198); }
.dropdown-container .ng-select.purpose-dropdown .ng-select-header-input input { width: 100%; }
.dropdown-container .ng-select.purpose-dropdown .ng-dropdown-panel { margin-top: 2px; border-radius: 0px; border-width: 0px 2px 2px; border-style: none solid solid; border-color: currentcolor rgb(187, 187, 187) rgb(187, 187, 187); border-image: initial; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; }
.dropdown-container .ng-select.purpose-dropdown .ct-icon-search-icon { display: none; }
ct-notification-item { display: block; }
.notification-item-information { width: 100%; }
.notification-item-information .header { display: flex; flex-direction: row; justify-content: space-between; font-weight: 700; font-size: 16px; }
.notification-item-information .header .title { color: rgb(22, 145, 198); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .notification-item-information .header .title { white-space: normal; }
}
.notification-item-information .header .date { font-size: 12px; font-weight: 400; color: rgb(184, 196, 208); }
.notification-item-information .description { font-size: 16px; color: rgb(85, 109, 130); line-height: 18px; margin-bottom: 5px; }
.notification-item-outer-container { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 15px 15px 15px 3px; background: rgb(255, 255, 255); }
.notification-item-outer-container.dashboard-version { border: 1px solid rgb(184, 196, 208); border-radius: 12px; }
.notification-item-outer-container.dashboard-version .left-border { display: none; }
.notification-item-outer-container.dashboard-version .notification-item-container { cursor: initial; align-items: center; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .notification-item-outer-container.dashboard-version .title { margin-bottom: 0px; }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .notification-item-outer-container { flex-direction: column; align-items: flex-start; }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .notification-item-outer-container .ct-btn { margin: 0px 15px 0px 90px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .notification-item-outer-container .ct-btn { width: 93%; margin-left: 15px; }
}
.notification-item-outer-container:hover, .notification-item-outer-container:focus { background-color: rgb(248, 248, 248); }
.notification-item-outer-container .left-border { visibility: hidden; position: absolute; left: 0px; top: 0px; height: 100%; width: 4px; }
.notification-item-outer-container .icon-container { height: 40px; display: flex; align-items: center; justify-content: center; }
.notification-item-outer-container .icon-container .ct-icon-item { font-size: 28px; color: rgb(57, 165, 210); }
.notification-item-outer-container.notification-category-alert { background: rgb(245, 252, 243); }
.notification-item-outer-container.notification-category-alert:hover { background-color: rgb(228, 247, 223); }
.notification-item-outer-container.notification-category-alert .ct-icon-item { color: rgb(65, 180, 18); }
.notification-item-outer-container.notification-category-alert .title { color: rgb(65, 180, 18); }
.notification-item-outer-container.notification-category-alert .date { color: rgb(65, 180, 18); }
.notification-item-outer-container.notification-category-alert .left-border { visibility: visible; background-color: rgb(65, 180, 18); }
.notification-item-outer-container.notification-category-alert.dashboard-version { border: 1px solid rgb(65, 180, 18); border-radius: 12px; }
.notification-item-outer-container.notification-category-action { background: rgb(254, 252, 245); }
.notification-item-outer-container.notification-category-action:hover { background-color: rgb(252, 245, 222); }
.notification-item-outer-container.notification-category-action .ct-icon-item { color: rgb(239, 184, 59); }
.notification-item-outer-container.notification-category-action .title { color: rgb(239, 184, 59); }
.notification-item-outer-container.notification-category-action .date { color: rgb(239, 184, 59); }
.notification-item-outer-container.notification-category-action .left-border { visibility: visible; background-color: rgb(239, 184, 59); }
.notification-item-outer-container.notification-category-action.dashboard-version { border: 1px solid rgb(236, 168, 43); border-radius: 12px; }
.notification-item-container { flex: 1 1 0%; display: flex; flex-direction: row; position: relative; text-decoration: none; }
.notification-item-container.actionable { cursor: pointer; }
.notification-item-container:hover, .notification-item-container:focus { text-decoration: none; }
.notification-item-container .dashboard-date { font-size: 12px; width: 100%; max-width: 82px; margin-left: 8px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .notification-item-container .dashboard-date { display: none; }
}
.notification-item-container .dashboard-secondary-date { display: none; font-size: 12px; color: rgb(236, 168, 43); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .notification-item-container .dashboard-secondary-date { display: block; }
}
.notification-list-container { width: 300px; display: flex; flex-direction: column; max-height: calc(-90px + 100dvh); position: absolute; top: 75px; left: -120px; border: 1px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px; }
.notification-list-container > .content { overflow-y: auto; min-height: 0px; overscroll-behavior-y: contain; max-height: 70vh; }
@media only screen and (min-width: 480px) {
  .notification-list-container > .content::-webkit-scrollbar { width: 12px; }
  .notification-list-container > .content::-webkit-scrollbar-track { background: rgba(221, 221, 221, 0.3); border: 1px solid rgb(221, 221, 221); }
  .notification-list-container > .content::-webkit-scrollbar-thumb { background: rgb(184, 196, 208); border-radius: 10px; }
}
.notification-list-container > .title { flex-shrink: 0; display: flex; justify-content: space-between; align-items: center; padding: 8px 15px; font-size: 14px; border-bottom: 1px solid rgb(213, 220, 227); }
.notification-list-container > .close-button { display: none; }
.notification-list-container { }
.notification-list-container .empty-content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 30px 30px; }
.notification-list-container .empty-content > .empty-notification-image { width: 75px; height: 65px; }
.notification-list-container .empty-content .title { font-size: 14px; color: rgb(22, 149, 202); letter-spacing: -0.12px; text-align: center; }
.notification-list-container .empty-content .text { font-size: 12px; color: rgb(85, 85, 85); letter-spacing: -0.09px; text-align: center; }
.notification-list-container { }
.notification-list-container .loading-container { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 30px 30px; }
.notification-list-container .loading-container .message { font-size: 14px; color: rgb(22, 149, 202); letter-spacing: -0.12px; margin-top: 10px; }
.notification-list-container .loading-container .notification-loader-barloader { height: 60px; text-align: center; font-size: 12px; }
.notification-list-container .loading-container .notification-loader-block { background-color: rgb(22, 145, 198); border: 0px; padding: 0px; height: 100%; width: 4px; margin: 0px 1px; display: inline-block; animation: 1.2s ease-in-out 0s infinite normal none running sk-stretchdelay; opacity: 0.4; }
.notification-list-container .loading-container .notification-loader-barloader .block2 { animation-delay: -1.1s; }
.notification-list-container .loading-container .notification-loader-barloader .block3 { animation-delay: -1s; }
.notification-list-container .loading-container .notification-loader-barloader .block4 { animation-delay: -0.9s; }
.notification-list-container .loading-container .notification-loader-barloader .block5 { animation-delay: -0.8s; }
@keyframes sk-stretchdelay { 
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% { transform: scaleY(1); }
}
.notification-list-container { }
.notification-list-container::after, .notification-list-container::before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; }
.notification-list-container::after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255); border-width: 12px; margin-left: -12px; }
.notification-list-container::before { border-color: rgba(221, 221, 221, 0) rgba(221, 221, 221, 0) rgb(221, 221, 221); border-width: 13px; margin-left: -13px; }
.notification-list-container .no-border > * { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .notification-list-container { position: fixed; left: 0px; top: 0px; width: 100%; height: 100dvh; max-height: 100dvh; }
  .notification-list-container > .content { max-height: none; flex: 1 1 auto; }
  .notification-list-container::before { content: ""; border: 0px; }
  .notification-list-container::after { content: ""; border: 0px; }
  .notification-list-container > .title { font-size: 24px; height: 100px; width: 100%; justify-content: center; margin-top: 40px; }
  .notification-list-container > .close-button { display: block; color: rgba(0, 0, 0, 0.2); background: transparent; border: 0px; position: absolute; right: 0px; top: 0px; font-size: 60px; line-height: 56px; padding: 0px; width: 60px; }
}
.notification-anchor-container { display: flex; z-index: 101; position: relative; height: 100%; width: 60px; border-left: 1px solid rgb(213, 220, 227); justify-content: center; align-items: center; }
.notification-anchor-container i { cursor: pointer; height: auto; width: auto; color: rgb(153, 171, 188); font-size: 26px; margin: 0px; }
.notification-anchor-container > .notification-anchor-icon { position: relative; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .notification-anchor-container > .notification-anchor-icon { display: none; }
}
.notification-anchor-container > .notification-anchor-icon > .notifications-count { position: absolute; top: -7px; left: calc(100% - 5px); transform: translateX(-50%); cursor: pointer; background: rgb(236, 168, 43); border-radius: 9px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; font-size: 11px; font-weight: 700; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; line-height: 18px; white-space: nowrap; color: rgb(255, 255, 255); min-width: 18px; height: 18px; padding: 0px 5px; display: flex; justify-content: center; align-items: center; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .notification-anchor-container { border: 0px; width: 0px; }
  .notification-anchor-container .notification-anchor-icon { display: none; }
}
.recent-activity-container { width: 100%; margin-top: 10px; padding: 0px; background: transparent; }
.recent-activity-container .recent-activities-list { display: flex; flex-direction: column; gap: 8px; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .recent-recipients-list-container .hide-excess { height: 393px !important; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .recent-recipients-list-container .hide-excess { height: 383px !important; }
}
.recent-recipients-list-container .add-placeholder-card { width: 100%; height: 121px; cursor: pointer; padding: 20px; background: rgb(237, 247, 251); border: 2px solid rgb(22, 145, 198); border-radius: 4px; color: rgb(22, 145, 198); }
.recent-recipients-list-container .add-placeholder-card .ct-icon-item { width: 36px; height: 36px; color: rgb(255, 255, 255); background: rgb(22, 145, 198); border-radius: 100%; }
.recent-recipients-list-container .add-placeholder-card > span { margin-left: 20px; font-size: 20px; }
.recipient-card-container { position: relative; display: flex; align-items: center; width: 100%; height: 121px; background: rgb(255, 255, 255); border: 1px solid rgb(233, 237, 240); border-radius: 12px; padding: 15px; color: rgb(153, 171, 188); }
.recipient-card-container:hover .card-overlay { visibility: visible; }
.recipient-card-container.placeholder::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(255, 255, 255); border-radius: inherit; opacity: 0.8; }
.recipient-card-container .head-line { width: 100%; max-width: 260px; position: relative; }
.recipient-card-container .head-line::after { content: ""; height: 100%; width: 100%; position: absolute; right: 0px; background: linear-gradient(to right, rgba(255, 255, 255, 0) 96%, rgb(255, 255, 255)); }
.recipient-card-container .cflag { margin: 0px; padding: 0px; flex-shrink: 0; }
.recipient-card-container .ct-icon-item { margin: 0px 5px 0px 10px; font-size: 20px; color: rgb(44, 190, 197); }
.recipient-card-container .nickname { font-size: 20px; letter-spacing: 0.015em; white-space: nowrap; overflow: hidden; color: rgb(85, 109, 130); text-overflow: clip; }
.recipient-card-container .account-detail { font-size: 14px; color: rgb(184, 196, 208); margin: 15px 0px 0px; white-space: nowrap; overflow: hidden; max-width: 260px; text-overflow: clip; }
.recipient-card-container .last-traded { font-size: 12px; color: rgb(85, 109, 130); }
.recipient-card-container .card-overlay { display: flex; justify-content: center; align-items: center; text-decoration: none; visibility: hidden; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.9); border-radius: inherit; }
@keyframes placeHolderShimmer { 
  0% { background-position: -468px 0px; }
  100% { background-position: 468px 0px; }
}
.animated-background { animation-duration: 3s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, rgb(233, 237, 240) 8%, rgb(212, 220, 227) 18%, rgb(233, 237, 240) 33%) 0% 0% / 800px 104px; height: 100%; position: relative; }
.currency-pair-chart-container { width: 100%; height: 100%; position: relative; display: flex; }
.currency-pair-chart-container .chart-placeholder { width: 100%; height: 85%; margin-left: 20px; }
.chart-area { fill: url("#increase-gradient"); stroke-width: 0; }
.lower-chart-area { fill: url("#decrease-gradient"); stroke-width: 0; }
@keyframes placeHolderShimmer { 
  0% { background-position: -468px 0px; }
  100% { background-position: 468px 0px; }
}
.animated-background { animation-duration: 3s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, rgb(233, 237, 240) 8%, rgb(212, 220, 227) 18%, rgb(233, 237, 240) 33%) 0% 0% / 800px 104px; height: 100%; position: relative; }
.currency-pair-container { position: relative; background: rgb(255, 255, 255); width: 100%; height: 120px; border: 1px solid rgb(233, 237, 240); border-radius: 12px; color: rgb(85, 109, 130); box-sizing: border-box; overflow: hidden; }
.currency-pair-container:hover .card-overlay { visibility: visible; }
.currency-pair-container .currencies-display { font-size: 20px; line-height: 20px; font-weight: 400; }
.currency-pair-container .market-rate-number { min-width: 50px; min-height: 20px; padding-left: 22px; font-size: 16px; line-height: 20px; color: rgb(184, 196, 208); text-align: right; font-weight: 700; }
.currency-pair-container .currency-chart-container { width: 100%; }
.currency-pair-container .currency-chart-container > * { display: block; width: 100%; height: 55px; }
.currency-pair-container .card-overlay { display: flex; justify-content: center; align-items: center; text-decoration: none; visibility: hidden; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.4); }
.currency-pair-container .status-indicator { position: relative; flex-grow: 1; white-space: nowrap; }
.currency-pair-container .status-indicator > div { display: flex; align-items: center; justify-content: end; }
.currency-pair-container .status-indicator > div::after { content: ""; display: block; height: 10px; width: 10px; }
.currency-pair-container .status-indicator i { position: relative; left: -13px; bottom: 16px; font-size: 9px; }
.currency-pair-container .status-indicator .quote-variation { font-size: 14px; padding-bottom: 1px; margin-right: 5px; line-height: 17px; }
.currency-pair-container .rate-movement { text-align: right; }
.currency-pair-container .rate-movement::after { mask-image: url("../files/93da3c9b2164.svg"); }
.currency-pair-container .rate-movement.positive { color: rgb(65, 180, 18); }
.currency-pair-container .rate-movement.positive::after { background-color: rgb(65, 180, 18); }
.currency-pair-container .rate-movement.negative { color: rgb(229, 57, 53); }
.currency-pair-container .rate-movement.negative::after { transform: rotate(90deg); background-color: rgb(229, 57, 53); }
.slider-container { max-width: 930px; padding: 0px 20px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: center; position: relative; }
@media only screen and (min-width: 479px) and (max-width: 991px) {
  .slider-container { max-width: 667px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .slider-container { max-width: 320px; }
}
.slider-container .keen-slider:not([data-keen-slider-disabled]) { align-content: flex-start; align-items: center; display: flex; overflow: hidden; position: relative; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; width: 100%; }
.slider-container .keen-slider:not([data-keen-slider-disabled]) .keen-slider-slide { position: relative; overflow: hidden; width: 100%; min-height: 100%; }
.slider-container .slider-dots .slider-dot { width: 10px; height: 10px; border-radius: 100%; background: rgb(212, 220, 227); cursor: pointer; }
.slider-container .slider-dots .slider-dot.active { background: rgb(68, 86, 103); }
.slider-container .slider-dots .slider-dot:hover { background: rgb(68, 86, 103); }
.slider-container .slider-dots .slider-arrow i { font-size: 20px; line-height: 20px; color: rgb(212, 220, 227); cursor: pointer; }
.slider-container .slider-dots .slider-arrow:hover i { color: rgb(68, 86, 103); }
.promotion-message-top { background: rgb(240, 233, 207); height: 30px; width: 100%; max-width: 590px; padding-right: 12px; padding-left: 12px; border-top: 1px solid rgb(240, 233, 207); border-top-left-radius: 12px; border-top-right-radius: 12px; }
@media only screen and (min-width: 991px) and (max-width: 992px) {
  .promotion-message-top { max-width: none; }
}
.promotion-message-top .promotion-message-text { font-size: 13px; font-weight: 700; color: rgb(164, 130, 42); line-height: 100%; letter-spacing: 0.026px; }
.promotion-message-top .promotion-message-time { font-size: 13px; color: rgb(68, 86, 103); line-height: 100%; letter-spacing: 0.026px; font-weight: 400; }
.promotion-message { width: 100%; max-width: 590px; min-height: 130px; background: rgb(255, 255, 255); border-radius: 0px 0px 12px 12px; border: 2px solid rgb(240, 233, 207); padding: 12px; color: rgb(68, 86, 103); display: flex; align-items: center; }
.promotion-message.non-active { border-color: rgb(212, 220, 227); border-radius: 12px; }
@media only screen and (min-width: 991px) and (max-width: 992px) {
  .promotion-message { max-width: none; }
}
.promotion-message .button-container { display: flex; align-self: stretch; width: 30px; margin-right: -10px; margin-top: -4px; }
.promotion-message .button-container .close-button { width: 22px; height: 22px; padding: 4px; background: rgba(68, 86, 103, 0.8); border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; }
.promotion-message .button-container .close-button:hover { background: rgb(68, 86, 103); cursor: pointer; }
.promotion-message .button-container .close-button i { font-size: 12px; line-height: 22px; width: 22px; height: 22px; font-weight: 700; color: rgb(255, 255, 255); }
.promotion-message .promotion-card-image { width: 120px; height: 116px; margin-bottom: -22px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .promotion-message .promotion-card-image { display: none; }
}
.promotion-message .promotion-card-header { font-size: 18px; font-weight: 700; line-height: 20px; }
.promotion-message .promotion-card-text { font-size: 15px; font-weight: 400; line-height: 120%; }
.promotion-message .non-active { max-width: 40%; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .promotion-message .non-active { max-width: 100%; }
}
@media only screen and (min-width: 0) and (max-width: 768px) {
  .ct-app:has(.dashboard-banner.small-screen) { overflow: hidden; width: 100%; }
}
.dashboard-loading-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.dashboard-page-container { max-width: 930px; padding: 0px 20px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: center; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-page-container { max-width: 667px; }
}
.dashboard-page-container .user-balance-card-container { margin-top: 30px; }
.dashboard-page-container .card-list { width: 100%; }
.dashboard-page-container .card-list:last-child { margin-bottom: 40px; }
.dashboard-page-container .dashboard-banner.big-screen { width: 100%; height: 180px; background: rgb(255, 255, 255); margin-bottom: 30px; border-bottom: 1px solid rgb(233, 237, 240); padding: 25px; }
@media only screen and (min-width: 0) and (max-width: 768px) {
  .dashboard-page-container .dashboard-banner.big-screen { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-page-container .dashboard-banner.big-screen { height: 235px; }
}
.dashboard-page-container .dashboard-banner.big-screen .close-container { width: 25px; }
.dashboard-page-container .dashboard-banner.big-screen .close-container i { font-size: 20px; color: rgb(153, 171, 188); cursor: pointer; }
.dashboard-page-container .dashboard-banner.big-screen .close-container i:hover { color: rgb(68, 86, 103); }
.dashboard-page-container .dashboard-banner.big-screen .banner-image { position: relative; top: -67px; }
.dashboard-page-container .dashboard-banner.big-screen .banner-image img { height: 235px; width: 265px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-page-container .dashboard-banner.big-screen .banner-image { top: -12px; }
  .dashboard-page-container .dashboard-banner.big-screen .banner-image img { height: 235px; width: 265px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-page-container .dashboard-banner.big-screen .banner-text-container { max-width: 45%; }
}
.dashboard-page-container .dashboard-banner.big-screen .banner-text-container .banner-header { color: rgb(22, 145, 198); font-size: 16px; font-weight: 700; line-height: 20px; }
.dashboard-page-container .dashboard-banner.big-screen .banner-text-container .banner-text { color: rgb(85, 109, 130); font-size: 16px; font-weight: 400; line-height: 19px; }
.dashboard-page-container .dashboard-banner.small-screen { background: rgb(255, 255, 255); height: 100%; max-height: 100vh; width: calc(100% - 60px); position: absolute; inset: 0px; z-index: 10; display: none; }
@media only screen and (min-width: 0) and (max-width: 768px) {
  .dashboard-page-container .dashboard-banner.small-screen { display: block; }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  .dashboard-page-container .dashboard-banner.small-screen { width: 100%; }
}
.dashboard-page-container .dashboard-banner.small-screen .mobile-banner-container { margin-bottom: 50%; z-index: 2; padding: 25px; }
.dashboard-page-container .dashboard-banner.small-screen .close-container i { font-size: 20px; color: rgb(153, 171, 188); cursor: pointer; }
.dashboard-page-container .dashboard-banner.small-screen .close-container i:hover { color: rgb(68, 86, 103); }
.dashboard-page-container .dashboard-banner.small-screen .banner-header { color: rgb(22, 145, 198); font-size: 22px; font-weight: 900; line-height: 24px; }
.dashboard-page-container .dashboard-banner.small-screen .banner-text { color: rgb(85, 109, 130); font-size: 16px; font-weight: 400; line-height: 19px; }
.dashboard-page-container .dashboard-banner.small-screen .banner-image { height: 350px; position: absolute; bottom: 50px; width: 100%; background: url("../files/d9db27c8b427.svg") 0% 0% / cover no-repeat; z-index: 1; }
.dashboard-page-container .buttons-container { display: flex; flex-direction: column; justify-content: space-between; width: 100%; }
.dashboard-page-container .buttons-container > * { display: flex; justify-content: space-between; align-items: center; height: 75px; width: 100%; padding: 0px 20px; text-decoration: none; }
.dashboard-page-container .buttons-container > * .ct-icon-item { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 100%; margin-right: 15px; }
.dashboard-page-container .buttons-container > :first-child { margin-bottom: 15px; }
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .dashboard-page-container .buttons-container { flex-direction: row; }
  .dashboard-page-container .buttons-container > * { max-width: 428px; }
  .dashboard-page-container .buttons-container > :first-child { margin-bottom: 0px; }
}
.dashboard-page-container .make-a-transfer-button { background-image: linear-gradient(-1deg, rgb(22, 145, 198) 0%, rgb(44, 190, 197) 100%); border-radius: 6px; font-size: 22px; color: rgb(255, 255, 255); justify-content: flex-start; }
.dashboard-page-container .make-a-transfer-button .ct-icon-item { color: rgb(22, 145, 198); background: rgb(255, 255, 255); font-size: 22px; }
.dashboard-page-container .make-a-transfer-button:hover { background-image: linear-gradient(-1deg, rgb(57, 165, 210) 30%, rgb(75, 200, 205) 100%); }
.dashboard-page-container .make-a-transfer-button:active { background-image: linear-gradient(-1deg, rgb(19, 132, 182) 30%, rgb(39, 170, 177) 100%); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 2px inset; }
.dashboard-page-container .create-rate-alert-button { background: rgb(237, 247, 251); border-radius: 6px; font-size: 22px; color: rgb(22, 145, 198); justify-content: flex-start; border: 2px solid rgb(22, 145, 198); }
.dashboard-page-container .create-rate-alert-button .ct-icon-item { color: rgb(255, 255, 255); background: rgb(22, 145, 198); font-size: 22px; }
.dashboard-page-container .create-rate-alert-button:hover { background: rgb(218, 239, 254); }
.dashboard-page-container .create-rate-alert-button:active { background: rgb(204, 232, 243); }
.onboarding-card-container ct-registration-setup-card > div { margin-top: 30px; margin-bottom: 45px; }
.rsi-tool-invitation { width: 100%; max-width: 590px; min-height: 160px; padding: 12px; background: rgb(255, 255, 255); border: 1px solid rgb(233, 237, 240); border-radius: 12px; display: flex; }
.rsi-tool-invitation .rsi-tool-invite-header { font-weight: 700; font-size: 16px; line-height: 20px; color: rgb(22, 145, 198); }
.rsi-tool-invitation .rsi-tool-invite-text { font-weight: 400; font-size: 16px; line-height: 19px; color: rgb(85, 109, 130); }
.rsi-tool-invitation .rsi-tool-invitation-text-container { width: 80%; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .rsi-tool-invitation .rsi-tool-invitation-text-container { width: 100%; }
  .rsi-tool-invitation .rsi-tool-invitation-text-container img { display: none; }
}
.rsi-tool-invitation .rsi-tool-expiration-text { font-size: 12px; color: rgb(85, 109, 130); }
.ct-app { height: 100%; position: relative; display: flex; flex-direction: column; padding-top: 60px; padding-bottom: 30px; }
.ct-app.ct-app-no-sidebar { width: 100%; overflow: hidden; }
.ct-app-header { height: 60px; position: fixed; width: 100%; top: 0px; left: 0px; z-index: 15; }
.ct-app-body { display: flex; position: relative; flex: 1 0 auto; }
.ct-app-sidebar { position: fixed; top: 60px; left: 0px; bottom: 0px; padding-top: 10px; overflow-y: auto; overscroll-behavior-y: contain; z-index: 10; transform-origin: left center; }
.ct-app-content { flex: 1 0 auto; position: relative; width: 100%; }
.ct-app-content.ct-app-content-no-sidebar { margin-left: 0px; }
.ct-app-sidebar .ct-menu-item .notifications-count { cursor: pointer; background: rgb(236, 168, 43); border-radius: 20px; border: 2px solid rgb(255, 255, 255); color: rgb(255, 255, 255); min-width: 22px; flex-shrink: 0; height: 20px; margin-right: 10px; display: flex; padding: 2px 4px; font-size: 14px; line-height: 20px; justify-content: center; align-items: center; }
.ct-app-sidebar.big-screen { width: 206px; }
.ct-app-sidebar.big-screen .ct-menu-item { align-items: center; height: 45px; }
.ct-app-sidebar.big-screen .ct-menu-item .notifications-badge { display: none; }
.ct-app-sidebar.big-screen .ct-menu-item-icon { align-items: center; height: 40px; width: 40px; }
.ct-app-sidebar.big-screen .ct-menu-item-icon .ct-svg-icon { height: 30px; font-size: 24px; }
.ct-app-sidebar.big-screen .ct-menu-item-icon i { font-size: 22px; }
.ct-app-sidebar.big-screen .ct-menu-item-icon .ct-icon-options-trade { font-size: 22px; }
.ct-app-sidebar.big-screen .ct-menu-item-label { font-size: 16px; line-height: 45px; flex: 1 0 auto; }
.ct-app-sidebar.big-screen .ct-supporting-media { color: rgb(25, 92, 125); text-align: center; margin-bottom: 8px; }
.ct-app-sidebar.big-screen ct-phone-number-selector { display: block; }
.ct-app-sidebar.medium-screen .notifications-badge { position: absolute; right: 0px; top: -8px; margin-right: 0px; height: 18px; font-size: 11px; }
.ct-app-sidebar.medium-screen .ct-menu { padding-top: 0px; }
.ct-app-sidebar.medium-screen .ct-menu-title { display: none; }
.ct-app-sidebar.medium-screen .ct-menu-item { display: flex; align-items: center; justify-content: center; }
.ct-app-sidebar.medium-screen .ct-menu-item-icon { height: 45px; width: 45px; flex-direction: column; }
.ct-app-sidebar.medium-screen .ct-menu-item-icon .ct-svg-icon { height: 45px; font-size: 24px; }
.ct-app-sidebar.medium-screen .ct-menu-item-icon i { font-size: 24px; }
.ct-app-sidebar.medium-screen .ct-menu-item-label { display: none; }
.ct-app-sidebar.medium-screen .ct-supporting-media { display: none; }
.ct-app-sidebar.medium-screen ct-phone-number-selector { display: none; }
.ct-app-sidebar.medium-screen .company-name-container { display: none; }
.ct-app-sidebar.medium-screen .ct-menu-reward-content { display: none; }
@media only screen and (min-width: 1200px) and (max-width: 12000px) {
  .ct-app { width: calc(100% - 206px); }
  .ct-app-drawer { display: none; }
  .ct-app-content { margin-left: 205px; }
}
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .ct-app { width: calc(100% - 60px); }
  .ct-app-sidebar { width: 60px; }
  .ct-app-drawer { display: none; }
  .ct-app-content { margin-left: 60px; }
  .ct-box { max-width: 720px; margin: 30px auto; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-app { width: 100%; }
  .ct-app-header { z-index: 10; }
  .ct-app-body { display: flex; position: relative; overflow: auto; }
  ct-sidebar { display: none; }
  .ct-app-drawer { position: fixed; top: 0px; left: 0px; z-index: 20; }
  .ct-app-content { flex: 1 0 auto; padding: 0px; }
}
.ct-menu { color: rgb(153, 171, 188); flex: 1 0 auto; }
.ct-menu .ct-svg-icon-fill { fill: rgb(153, 171, 188); }
.ct-menu-title { font-size: 12px; line-height: 12px; padding: 20px 9px 4px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.05em; color: rgb(153, 171, 188); }
.ct-menu-item { position: relative; display: flex; color: rgb(153, 171, 188); text-decoration: none; cursor: pointer; font-size: 16px; border-left: 3px solid transparent; margin-top: 5px; margin-bottom: 5px; }
.ct-menu-item .ct-menu-item-label { margin-right: 12px; }
.ct-menu-item .ct-menu-item-icon { margin-left: 5px; }
.ct-menu-item:hover { text-decoration: none; color: rgb(85, 109, 130); border-left: 3px solid rgb(85, 109, 130); }
.ct-menu-item:hover .ct-menu-item-icon, .ct-menu-item:hover .ct-menu-item-label { height: 45px; background: rgb(233, 237, 240); }
.ct-menu-item:hover .ct-menu-item-label { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.ct-menu-item:hover .ct-menu-item-icon { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.ct-menu-item:hover .ct-svg-icon-fill { fill: rgb(153, 171, 188); }
.ct-menu-item:active { text-decoration: none; }
.ct-menu-item:focus { text-decoration: none; }
.ct-menu-item:visited { text-decoration: none; }
.ct-menu-item.ct-menu-item-active { color: rgb(22, 149, 202); border-left: 3px solid rgb(22, 145, 198); }
.ct-menu-item.ct-menu-item-active .ct-menu-item-icon, .ct-menu-item.ct-menu-item-active .ct-menu-item-label { height: 45px; background: rgb(220, 239, 247); }
.ct-menu-item.ct-menu-item-active .ct-menu-item-label { margin-right: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.ct-menu-item.ct-menu-item-active .ct-menu-item-icon { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.ct-menu-item.ct-menu-item-active .ct-svg-icon-fill { fill: rgb(22, 149, 202); }
.ct-menu-item-icon { display: flex; justify-content: center; align-items: center; }
.ct-menu-item-icon i { height: auto; width: auto; margin-right: 0px; }
.ct-menu-item-icon .ct-icon-options-trade { font-size: 18px; }
.ct-menu-item-label { white-space: nowrap; }
.ct-menu-item-label:hover { text-decoration: none; }
.ct-menu-item-label:active { text-decoration: none; }
.ct-menu-item-label:focus { text-decoration: none; }
.ct-menu-item-label:visited { text-decoration: none; }
.ct-app-sidebar { border-right: 1px solid rgb(213, 220, 227); background: rgb(255, 255, 255); display: flex; flex-direction: column; z-index: 6; }
.ct-app-sidebar > * { flex-shrink: 0; }
.ct-app-sidebar ct-navigation-list { flex-grow: 1; }
.ct-app-sidebar.big-screen .ct-sidebar-footer { display: none; }
.ct-app-sidebar.big-screen .ct-menu-reward-container { position: relative; padding-top: 24px; margin: 15px; }
.ct-app-sidebar.big-screen .ct-menu-reward-container.medium { display: none; }
.ct-app-sidebar.big-screen .ct-menu-reward-container.big { display: block; }
.ct-app-sidebar.medium-screen .ct-menu-item-active .ct-menu-item-icon { border-radius: 12px; }
.ct-app-sidebar.medium-screen .ct-menu-reward-container { padding-top: 10px; margin: 0px 0px 20px; }
.ct-app-sidebar.medium-screen .ct-menu-reward-container.big { display: none; }
.ct-app-sidebar.medium-screen .ct-menu-reward-container.medium { display: block; }
.ct-app-sidebar.medium-screen .ct-menu-reward-container.medium .ct-menu-reward-icon-container { position: initial; }
.ct-app-sidebar .ct-sidebar-footer { padding-top: 18px; padding-bottom: 13px; border-top: 1px solid rgb(212, 220, 227); }
.ct-app-sidebar .ct-sidebar-footer i { color: rgb(153, 171, 188); font-size: 24px; line-height: 25px; }
.ct-app-sidebar .ct-sidebar-footer .ct-copyright-text { color: rgb(25, 92, 125); font-size: 10px; line-height: 13px; font-weight: 400; }
.company-name-container { padding: 20px 0px 10px 10px; font-size: 12px; color: rgb(153, 171, 188); letter-spacing: 0.2px; }
.company-name-container .signed-in { font-weight: 400; text-transform: uppercase; }
.company-name-container .ct-icon-item { cursor: default; margin-right: 13px; font-size: 22px; }
.company-name-container .company-name { font-size: 12px; font-weight: 400; }
.ct-menu-reward-container { position: relative; padding-top: 24px; margin: 15px; }
.ct-menu-reward-container a { display: block; color: rgb(22, 145, 198); text-decoration: none; }
.ct-menu-reward-container a:hover { color: rgb(22, 145, 198); text-decoration: none; }
.ct-menu-reward-container .ct-menu-reward-icon-container { display: flex; justify-content: center; align-items: center; margin: 0px auto; background: rgb(255, 255, 255); width: 48px; height: 48px; border: 1px solid rgb(212, 220, 227); border-radius: 100%; font-size: 20px; position: absolute; top: 0px; left: 39%; }
.ct-menu-reward-container .ct-menu-reward-icon-container i { color: rgb(22, 145, 198); }
.ct-menu-reward-container .ct-menu-reward-icon-container.promotion { border: 1px solid rgb(240, 233, 207); }
.ct-menu-reward-container .ct-menu-reward-icon-container.promotion i { color: rgb(235, 199, 105); }
.ct-menu-reward-container .ct-menu-reward-content { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgb(212, 220, 227); border-radius: 12px; background: url("../files/e6f67953bb57.svg") center center / cover no-repeat; padding: 25px 25px 10px; }
.ct-menu-reward-container .ct-menu-reward-content .title { color: rgb(22, 145, 198); font-weight: bold; }
.ct-menu-reward-container .ct-menu-reward-content .description { font-size: 12px; color: rgb(136, 136, 136); text-align: center; }
.ct-menu-reward-container .ct-menu-reward-content.promotion { background: url("../files/832889a78287.svg") center center / cover no-repeat; border: 1px solid rgb(240, 233, 207); }
.ct-menu-reward-container .ct-menu-reward-content.promotion .title { color: rgb(85, 109, 130); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-menu { display: flex; flex-direction: column; }
  .ct-menu-title { display: none; }
  .ct-menu-item-icon { height: 45px; width: 45px; }
  .ct-menu-item-icon .ct-svg-icon { height: 45px; font-size: 24px; }
  .ct-menu-item-icon i { font-size: 24px; text-align: center; }
  .ct-menu-spacer { flex: 1 0 auto; }
  .ct-menu-item-label { font-size: 16px; line-height: 45px; flex: 1 0 auto; text-decoration: none; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  body:has(ct-drawer .ct-app-drawer) { overflow: hidden; }
  ct-drawer i { cursor: pointer; height: auto; width: auto; font-size: 26px; margin: 0px; }
  ct-drawer .ct-menu-item { border-bottom: 0px; }
  ct-drawer .ct-app-drawer { height: calc(100% - 60px); background: rgb(255, 255, 255); display: flex; flex-direction: column; z-index: 10; position: fixed; top: 60px; width: 240px; overflow-y: auto; overscroll-behavior-y: contain; }
  ct-drawer .ct-app-drawer > * { flex-shrink: 0; }
  ct-drawer .ct-app-drawer-animated { transition: 0.3s; }
  ct-drawer .ct-app-drawer-underlay { z-index: 9; height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.2); }
  ct-drawer .ct-app-drawer-hidden { transform: translateX(-240px); }
  ct-drawer .ct-app-drawer-hidden + .ct-app-drawer-underlay { opacity: 0; display: none; }
  ct-drawer .ct-profile { height: 45px; border-bottom: 1px solid rgb(213, 220, 227); position: relative; display: block; }
  ct-drawer .ct-profile-underlay { position: absolute; height: 100%; width: 100%; z-index: 1; }
  ct-drawer .ct-profile-underlay::before, ct-drawer .ct-profile-underlay::after { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; }
  ct-drawer .ct-profile-underlay::before { z-index: 5; background: url("../files/a23c9dafad34.png") 0% 0% / 15%; }
  ct-drawer .ct-profile-underlay::after { z-index: 1; background: rgb(25, 92, 125); }
  ct-drawer .ct-menu-label { font-size: 16px; line-height: 45px; flex: 1 0 auto; }
  ct-drawer .ct-profile-content { height: 45px; position: absolute; z-index: 5; width: 100%; display: flex; margin: 0px; padding: 0px; border: 0px; }
  ct-drawer .ct-profile-content:hover { text-decoration: none; }
  ct-drawer .ct-profile-content:active .ct-profile-icon .ct-svg-icon-fill { fill: rgb(22, 145, 198); }
  ct-drawer .ct-profile-content:active .ct-profile-label { color: rgb(22, 145, 198); }
  ct-drawer .ct-profile-icon { height: 45px; width: 45px; display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); padding-left: 10px; }
  ct-drawer .ct-profile-icon .ct-svg-icon { height: 30px; }
  ct-drawer .ct-profile-icon .ct-svg-icon-fill { fill: rgb(255, 255, 255); }
  ct-drawer .ct-profile-label { line-height: 45px; font-size: 16px; color: rgb(255, 255, 255); padding-left: 10px; }
  ct-drawer .ct-supporting-media { text-align: center; border-top: 1px solid rgb(213, 220, 227); color: rgb(25, 92, 125); padding: 12px 0px; }
  ct-drawer .ct-supporting-media-contact { margin-bottom: 8px; }
  ct-drawer .ct-contact-telelphone { font-size: 16px; line-height: 18px; font-weight: 600; display: block; }
  ct-drawer .ct-contact-mail { font-size: 12px; line-height: 14px; font-weight: 600; display: block; }
  ct-drawer .ct-menu-spacer { flex: 1 0 auto; }
  ct-drawer .ct-supporting-media-copyright { font-size: 12px; line-height: 12px; display: block; }
  ct-drawer .ct-supporting-media-terms { font-size: 12px; line-height: 12px; display: block; }
  ct-drawer .notifications-count.notifications-badge { display: none; }
  ct-drawer .ct-menu-item-count, ct-drawer .notifications-count { background: rgb(236, 168, 43); border-radius: 12px; border: 2px solid rgb(255, 255, 255); font-size: 13px; color: rgb(255, 255, 255); min-width: 24px; height: 24px; padding: 0px 5px; margin-right: 11px; display: flex; justify-content: center; align-items: center; }
  ct-drawer ct-phone-number-selector { display: block; }
  ct-drawer .company-name-container { display: block; }
  ct-drawer .refer-and-earn-drawer-link { color: rgb(22, 145, 198); border: 1px solid rgb(232, 236, 240); border-radius: 5px; padding-top: 5px; padding-bottom: 5px; background: url("../files/e6f67953bb57.svg") center center / cover no-repeat; }
  ct-drawer .refer-and-earn-drawer-link .ct-menu-item-icon { background: rgb(255, 255, 255); width: 48px; height: 48px; border: 1px solid rgb(232, 236, 240); border-radius: 100%; margin-right: 5px; font-size: 20px; }
  ct-drawer .refer-and-earn-drawer-link .ct-menu-item-icon i { color: rgb(22, 145, 198); }
  ct-drawer .refer-and-earn-drawer-link .ct-menu-label { color: rgb(22, 145, 198); font-weight: bold; }
  ct-drawer .refer-and-earn-drawer-link.promotion { border: 1px solid rgb(240, 233, 207); background: url("../files/832889a78287.svg") center center / cover no-repeat; }
  ct-drawer .refer-and-earn-drawer-link.promotion .ct-menu-label { color: rgb(85, 109, 130); }
  ct-drawer .refer-and-earn-drawer-link.promotion .ct-menu-item-icon i { color: rgb(235, 199, 105); }
  ct-drawer .refer-and-earn-drawer-link:hover { color: rgb(22, 145, 198); background-color: rgb(237, 247, 251); border-color: transparent; }
}
.ct-account-list { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; max-height: calc(-60px + 100dvh); overflow-y: auto; overscroll-behavior-y: contain; }
.ct-account-list .pending-title { color: rgb(153, 171, 188); font-weight: 700; font-size: 12px; letter-spacing: 0.6px; text-transform: uppercase; padding: 8px 15px 5px; border-top: 1px solid rgb(212, 220, 227); }
.ct-account-option { border-left: 3px solid transparent; align-items: center; color: rgb(153, 171, 188); text-decoration: none; cursor: pointer; padding: 10px 10px 10px 5px; font-weight: 400; min-width: 250px; }
.ct-account-option.last-option { border-bottom: 1px solid rgb(213, 220, 227); }
.ct-account-option.selected-account { border-left: 1px solid rgb(213, 220, 227); justify-content: space-between; min-width: 0px; gap: 10px; }
.ct-account-option.selected-account > .ct-flex, .ct-account-option.selected-account .head-line { min-width: 0px; }
.ct-account-option.selected-account .option-initial, .ct-account-option.selected-account > div:last-child { flex-shrink: 0; }
.ct-account-option.selected-account .option-label, .ct-account-option.selected-account .option-subtext { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ct-account-option.selected-account:hover { border-left-color: rgb(213, 220, 227); }
.ct-account-option.selected-account.option-collapsed { min-width: 0px; }
.ct-account-option.selected-account.disabled { pointer-events: none; }
.ct-account-option.single-line-option { height: 40px; padding: 0px 0px 0px 5px; }
.ct-account-option:hover { color: rgb(85, 109, 130); background: rgb(233, 237, 240); border-left-color: rgb(85, 109, 130); text-decoration: none; }
.ct-account-option.option-active { color: rgb(22, 145, 198); background: rgb(220, 239, 247); border-left-color: rgb(22, 149, 202); }
.ct-account-option .option-icon { align-items: center; min-height: 40px; min-width: 40px; display: flex; justify-content: center; position: relative; }
.ct-account-option .option-icon i { font-size: 22px; }
.ct-account-option .option-initial { display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgb(21, 149, 202); width: 32px; height: 32px; border-radius: 50%; }
.ct-account-option .option-initial .option-initial-text { color: rgb(255, 255, 255); text-align: center; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; }
.ct-account-option .ct-collapsable-icon { font-size: 24px; }
.ct-account-option .option-label { font-size: 16px; line-height: 15px; margin-bottom: 4px; }
.ct-account-option .option-subtext { font-size: 12px; line-height: 15px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-account-list { height: calc(100% - 60px); display: flex; flex-direction: column; z-index: 10; position: fixed; }
  .ct-account-list > * { flex-shrink: 0; }
  .ct-account-list-underlay { z-index: 6; height: calc(100% - 60px); width: 100%; position: fixed; top: 60px; left: 0px; background: rgba(0, 0, 0, 0.2); }
  .ct-account-option.single-line-option { height: 45px; }
  .ct-account-option.logout-option { margin-top: auto; }
  .ct-account-option.selected-account { min-height: 60px; border-bottom: 1px solid rgb(213, 220, 227); justify-content: flex-end; border-left: 0px; }
  .ct-account-option.selected-account .option-label, .ct-account-option.selected-account .option-subtext { justify-content: flex-end; }
  .ct-account-option.selected-account .ct-collapsable-icon { margin-left: 15px; }
  .ct-account-option.selected-account.option-collapsed { border-left: 1px solid rgb(213, 220, 227); }
  .ct-account-option.selected-account.option-collapsed .ct-collapsable-icon { margin-left: 0px; }
  .ct-account-option.selected-account:hover { background-color: rgb(255, 255, 255); }
  .ct-account-option.selected-account .option-icon { display: none; }
}
.search-results-detail-container { margin-top: -19px; }
.search-results-detail-container .header { height: 46px; border-bottom: 1px solid rgb(221, 221, 221); }
.search-results-detail-container .header .header-title { font-size: 16px; margin: 0px 0px 0px 10px; color: rgb(85, 109, 130); font-weight: 700; line-height: 19px; }
.search-results-detail-container .results-container { max-height: calc(-48px + 78vh); overflow: hidden scroll; }
.search-results-detail-container .back-button { display: flex; align-items: center; justify-content: center; flex-shrink: 0; height: 100%; width: 45px; cursor: pointer; color: rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); }
.search-results-detail-container .search-footer { text-align: center; padding: 13px 0px; font-size: 16px; cursor: pointer; color: rgb(184, 196, 208); border-top: 1px solid rgb(221, 221, 221); }
.search-results-detail-container .search-footer i { margin-right: 10px; }
.header-search-results-container { width: 100%; max-height: calc(-65px + 100vh); overflow: hidden auto; color: rgb(85, 85, 85); }
.header-search-results-container a { text-decoration: none; }
.header-search-results-container .separator { width: 100%; height: 1px; margin: 0px; background: rgb(213, 220, 227); }
.header-search-results-container .result-subtitle { font-size: 12px; color: rgb(184, 196, 208); font-weight: 700; line-height: 16px; margin-top: 2px; margin-right: 5px; }
.header-search-results-container .result-subtitle i { font-size: 12px; color: rgb(122, 146, 168); }
.header-search-results-container .ct-text-highlight { background: rgba(22, 149, 202, 0.15); padding: 1px; border-radius: 2px; }
.header-search-results-container .search-result-row { position: relative; height: 64px; font-size: 16px; color: rgb(85, 109, 130); cursor: pointer; padding: 0px 20px; }
.header-search-results-container .search-result-row:hover { background: rgb(237, 247, 251); }
.header-search-results-container .search-result-row:hover::before { content: ""; position: absolute; left: 0px; height: 100%; width: 2px; background: rgb(22, 145, 198); }
.header-search-results-container .search-result-row.active-option { background: rgb(218, 239, 254); }
.header-search-results-container .search-result-row .ct-grey-pill { width: 70px; }
.header-search-results-container .search-result-row .ct-icon-profile-individual, .header-search-results-container .search-result-row .ct-icon-profile-company { color: rgb(44, 190, 197); }
.header-search-results-container .search-result-row .arrow-right { margin: 0px 5px; }
.header-search-results-container .search-result-row .arrow-right::after { content: "k"; font-family: currencytransfer; font-size: 12px; font-weight: bold; }
.header-search-results-container .view-more-results { font-size: 18px; text-align: center; color: rgb(22, 149, 202); padding: 20px 0px; cursor: pointer; display: flex; justify-content: center; align-items: center; }
.header-search-results-container .view-more-results.with-margin-bottom { margin-bottom: 20px; }
.header-search-results-container .view-more-results.active-option { background: rgb(218, 239, 254); color: rgb(22, 149, 202); }
.header-search-results-container .view-more-results:hover { background: rgb(218, 239, 254); color: rgb(22, 149, 202); }
.header-search-results-container .view-more-results i { margin-left: 5px; }
.header-search-results-container .recipient-currency-result { width: 70px; text-align: center; }
.header-search-results-container .recipient-currency-result :nth-child(1) { width: 30px; height: 20px; }
.header-search-results-container .recipient-currency-result :nth-child(2) { font-size: 12px; text-align: center; }
.header-search-results-container .result-date-info { text-align: right; color: rgb(184, 196, 208); }
.header-search-results-container .result-date-info :nth-child(1) { font-size: 12px; }
.header-search-results-container .result-date-info :nth-child(2) { font-size: 12px; }
ct-header-search-bar { height: 100%; width: 100%; max-width: 600px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  ct-header-search-bar { display: none; }
}
.header-search-bar-container { height: 100%; z-index: 102; position: relative; border-width: 1px; border-style: solid; border-color: transparent transparent transparent rgb(221, 221, 221); border-image: initial; color: rgb(85, 109, 130); padding: 10px 12px; background: rgb(255, 255, 255); }
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .header-search-bar-container.focused { position: absolute; right: 0px; width: 100%; border-bottom: 1px solid rgb(221, 221, 221); }
}
.header-search-bar-container.focused > .close-button { display: block; }
.header-search-bar-container > .ct-icon-item { cursor: pointer; color: rgb(153, 171, 188); font-size: 22px; }
.header-search-bar-container > input { width: 80%; margin-left: 10px; position: absolute; border: 0px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .header-search-bar-container > input:focus { width: 60%; }
  .header-search-bar-container > input { width: 0px; }
}
.header-search-bar-container > input::placeholder { color: rgb(153, 171, 188); font-size: 16px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .header-search-bar-container > input::placeholder { color: transparent; }
}
.header-search-bar-container > .close-button { position: absolute; right: 23px; top: 16px; display: none; cursor: pointer; border: 0px; padding: 0px; background: transparent; font-size: 16px; color: rgb(184, 196, 208); }
.header-search-bar-container .header-search-bar-results-container { position: absolute; top: calc(100% + 1px); left: 0px; width: 100%; background: rgb(255, 255, 255); border: 1px solid rgb(233, 237, 240); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; }
.header-search-bar-container .search-container { padding: 20px 0px 10px; }
.header-search-bar-container .search-container .title { padding-bottom: 5px; margin: 0px 20px 5px; border-bottom: 1px solid rgb(21, 149, 202); font-weight: bold; font-size: 12px; text-transform: uppercase; color: rgb(21, 149, 202); }
.header-search-bar-container .recent-searches { display: flex; flex-direction: column; }
.header-search-bar-container .recent-searches .recent-search-item { font-size: 16px; font-weight: 400; color: rgb(85, 109, 130); line-height: 19px; }
.header-search-bar-container .recent-searches .recent-search-item i { font-size: 20px; color: rgb(122, 146, 168); }
.header-search-bar-container .recent-searches .recent-search-item i:hover { color: rgb(85, 109, 130); }
.header-search-bar-container .recent-searches span { cursor: pointer; padding: 5px 20px; color: rgb(85, 109, 130); }
.header-search-bar-container .recent-searches span:hover { background: rgb(237, 247, 251); }
.header-search-bar-container .recent-searches span.active-option { background: rgb(218, 239, 254); }
.header-search-bar-container .recent-searches span:active { color: rgb(22, 145, 198); }
.header-search-bar-container .no-recent-search { color: rgb(184, 196, 208); padding: 20px; }
.header-search-bar-container .no-recent-search .title { font-size: 16px; color: rgb(85, 109, 130); }
.header-search-bar-container .loading-container { display: block; }
.header-search-bar-container .loading-container .loading-state-container { padding: 20px; }
.header-search-bar-container .loading-container .loading-image { width: 50px; height: 50px; background-size: 50px; }
.header-search-bar-container .loading-container .message { display: none; }
.header-search-overlay { position: fixed; top: 60px; left: 0px; width: 100%; height: 100%; background: rgb(255, 255, 255); opacity: 0.8; z-index: 100; }
.input-container-animated-label { position: relative; display: flex; height: 40px; width: 100%; max-width: 510px; overflow: visible; padding: 8px 16px; background: rgb(240, 242, 243); border-radius: 9999px; }
.input-container-animated-label input { background: transparent; height: 100%; width: calc(100% - 85px); border: 0px; position: absolute; top: 0px; left: 45px; color: rgb(122, 146, 168); font-size: 18px; font-weight: 400; }
.input-container-animated-label .placeholder-text { position: absolute; left: 50px; right: 40px; overflow: hidden; top: 0px; pointer-events: none; white-space: nowrap; height: 100%; color: rgb(173, 188, 201); font-weight: 400; font-size: 18px; display: flex; align-items: center; }
.input-container-animated-label i { position: absolute; font-size: 20px; line-height: 40px; top: 0px; color: rgb(122, 146, 168); }
.no-results-image { background: url("../files/844776ec4d68.svg") center center no-repeat; height: 100px; width: 100px; }
.ct-app-header a:focus { outline: none; text-decoration: none; filter: brightness(0.9); }
i { height: auto; width: auto; font-size: 26px; margin: 0px; }
.ct-app-head { border-bottom: 1px solid rgb(213, 220, 227); height: 100%; background: rgb(255, 255, 255); display: flex; }
.ct-app-head ct-account-switcher { flex: 0 1 auto; min-width: 0px; max-width: min(350px, 40vw); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-app-head ct-account-switcher { flex: 1 1 0%; max-width: calc(100% - 60px); }
}
.ct-app-head ct-header-search-bar { min-width: 0px; }
.ct-app-head ct-notification-anchor, .ct-app-head .ct-drawer-button { flex-shrink: 0; }
.ct-logo { display: flex; align-items: center; text-decoration: none; flex: 1 1 auto; min-width: 0px; }
.ct-logo .ct-svg-icon { flex-shrink: 0; height: 60px; position: relative; top: 2px; right: 0px; content: url("../files/67545d19ccbd.svg"); }
@media only screen and (min-width: 479px) and (max-width: 767px) {
  .ct-logo .ct-svg-icon { content: url("../files/b1c6d84de4a0.svg"); }
}
.ct-logo .ct-svg-logo-header { fill: rgb(25, 92, 125); }
.ct-profile { display: flex; border-left: 1px solid rgb(213, 220, 227); text-decoration: none; }
.ct-profile:hover { text-decoration: none; }
.ct-profile:focus { text-decoration: none; }
.ct-profile .ct-svg-icon { height: 42px; }
.ct-profile .ct-svg-icon-fill { fill: rgb(22, 145, 198); }
.ct-profile .ct-profile-logo { flex-shrink: 0; height: 60px; display: flex; justify-content: center; align-items: center; color: rgb(153, 171, 188); }
.ct-logout-button { height: 60px; width: 60px; border-left: 1px solid rgb(213, 220, 227); }
.ct-logout-button .ct-logout { background: transparent; flex-shrink: 0; height: 60px; width: 60px; padding: 0px; margin: 0px; border: 0px; display: flex; justify-content: center; align-items: center; color: rgb(153, 171, 188); }
.ct-logout-button .ct-logout:hover { text-decoration: none; }
.ct-logout-button .ct-logout .ct-svg-icon { height: 45px; margin-left: -2px; }
.ct-logout-button .ct-logout .ct-svg-icon-fill { fill: rgb(184, 196, 208); }
@media only screen and (min-width: 1200px) and (max-width: 12000px) {
  .ct-profile { padding: 0px 10px 0px 5px; }
  .ct-profile .ct-profile-name { flex: 1 0 auto; align-self: center; color: rgb(122, 146, 168); text-transform: capitalize; padding-left: 10px; }
  .ct-drawer-button { display: none; }
}
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .ct-profile { padding: 0px 15px; }
  .ct-profile .ct-profile-name { display: none; }
  .ct-drawer-button { display: none; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-app-head { display: flex; justify-content: space-between; }
  .ct-app-drawer-hidden { transform: translateX(-240px); }
  .ct-app-drawer-hidden + .ct-app-drawer-underlay { opacity: 0; display: none; }
  .ct-app-drawer-animated { transition: 0.3s; }
  .ct-drawer-button { height: 60px; width: 60px; border-right: 1px solid rgb(213, 220, 227); }
  .ct-drawer-button .ct-hamburger { background: transparent; height: 60px; width: 60px; padding: 0px; margin: 0px; border: 0px; }
  .ct-drawer-button .ct-hamburger .ct-svg-icon { height: 60px; width: 60px; content: url("../files/b1c6d84de4a0.svg"); }
  .ct-drawer-button .ct-hamburger .ct-svg-icon-fill { fill: rgb(184, 196, 208); }
  .ct-app-drawer-hidden { transform: translateX(-240px); }
  .ct-app-drawer-hidden + .ct-app-drawer-underlay { opacity: 0; display: none; }
  .ct-logout-button { display: none; }
  .ct-profile { display: none; }
  .ct-logo { display: none; }
  .ct-logo .ct-svg-icon { height: 60px; position: relative; top: 0px; right: 7px; }
  .ct-logo .ct-svg-logo-header { fill: rgb(25, 92, 125); }
}
ct-recipient-alert { width: 100%; display: inline-block; }
.recipient-alert-container { width: 100%; padding: 15px; color: rgb(22, 145, 198); background: rgb(237, 247, 251); border: 1px solid rgb(22, 145, 198); border-radius: 5px; }
.recipient-alert-container .title { text-transform: uppercase; text-align: left; font-weight: bold; font-size: 12px; margin-bottom: 10px; }
.recipient-alert-container .recipient-nickname { font-size: 20px; color: rgb(85, 85, 85); text-align: left; }
.recipient-alert-container .recipient-account-info { font-weight: bold; font-size: 12px; color: rgb(187, 187, 187); }
.recipient-alert-container .recipient-currency { font-size: 12px; color: rgb(85, 85, 85); text-align: center; margin-top: -3px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .recipient-alert-container .recipient-details { flex-direction: column; }
}
.recipient-alert-container .recipient-details .ct-btn { top: -11px; position: relative; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .recipient-alert-container .recipient-details .ct-btn { top: 0px; margin-top: 10px; }
}
.recipient-form-tabs-container { display: flex; width: calc(100% + 40px); position: relative; top: -20px; left: -20px; border-bottom: 1px solid rgb(221, 221, 221); }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .recipient-form-tabs-container { flex-direction: column; }
}
.recipient-form-tabs-container .page-tab { color: rgb(187, 187, 187); width: 100%; padding: 25px; cursor: pointer; display: flex; justify-content: flex-start; align-items: center; }
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .recipient-form-tabs-container .page-tab { width: 50%; }
  .recipient-form-tabs-container .page-tab:first-child { flex-direction: row-reverse; text-align: right; border-right: 1px solid rgb(221, 221, 221); }
  .recipient-form-tabs-container .page-tab:first-child .tab-image { margin-right: 0px; margin-left: 15px; }
}
.recipient-form-tabs-container .page-tab .tab-image { background: rgb(184, 196, 208); mask-repeat: no-repeat; margin-right: 15px; margin-top: 10px; flex-shrink: 0; }
.recipient-form-tabs-container .page-tab .via-form { width: 48px; height: 48px; mask-image: url("../files/8f2224e728c9.svg"); mask-position: -21px -26px; mask-size: 90px 90px; }
.recipient-form-tabs-container .page-tab .via-email { width: 48px; height: 60px; mask-image: url("../files/e58a6995262c.svg"); mask-size: 103px 100px; mask-position: -29px -24px; }
.recipient-form-tabs-container .page-tab .ct-icon-add-recipient-via-email { font-size: 55px; }
.recipient-form-tabs-container .page-tab.active { color: rgb(136, 136, 136); background-color: rgb(237, 247, 251); }
.recipient-form-tabs-container .page-tab.active .tab-title { color: rgb(22, 145, 198); }
.recipient-form-tabs-container .page-tab.active .tab-image { background-color: rgb(22, 145, 198); }
.recipient-form-tabs-container .tab-title { font-size: 19px; }
.recipient-form-tabs-container .tab-subtitle { font-size: 16px; }
ct-phone-input-field { --iti-hover-color: rgba(232, 244, 250, 1); --iti-icon-color: #99abbc; --iti-spacer-horizontal: 10px; --iti-arrow-width: 1.5px; --iti-clear-icon-size: 15px; display: block; width: 100%; color: rgb(68, 86, 103); }
ct-phone-input-field .phone-input-field-container, ct-phone-input-field .phone-input-field, ct-phone-input-field .iti, ct-phone-input-field .iti__tel-input { width: 100%; }
ct-phone-input-field .phone-input-field-container, ct-phone-input-field .phone-input-field, ct-phone-input-field .iti { position: relative; }
ct-phone-input-field .iti { display: inline-block; }
ct-phone-input-field .iti *, ct-phone-input-field .iti ::before, ct-phone-input-field .iti ::after { box-sizing: border-box; }
ct-phone-input-field input.iti__tel-input { position: relative; z-index: 0; display: block; min-width: 100%; margin: 0px; padding-left: 96px; }
ct-phone-input-field .iti__a11y-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
ct-phone-input-field .iti__hide { display: none; }
ct-phone-input-field .iti__v-hide { visibility: hidden; }
ct-phone-input-field .iti__country-container { position: absolute; inset: 0px auto 0px 0px; width: 86px; padding: 0px; }
ct-phone-input-field .iti__selected-country { position: relative; z-index: 1; display: flex; align-items: center; width: 86px; height: calc(100% - 2px); margin: 1px 2px 1px 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-width: 0px 0px 0px 1px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor transparent; border-image: initial; padding: 0px; background: none; color: inherit; font: inherit; text-decoration: none; }
ct-phone-input-field .iti__selected-country-primary { display: flex; align-items: center; align-self: stretch; flex: 0 0 86px; gap: 12px; width: 86px; height: 100%; padding: 10px 8px 10px 16px; border-top-left-radius: inherit; border-bottom-left-radius: inherit; transition: background-color 0.15s; }
ct-phone-input-field .iti__selected-dial-code { margin-left: 4px; font-size: 16px; line-height: 1; }
ct-phone-input-field .iti__arrow { width: 8px; height: 8px; margin-top: -2px; border-right: var(--iti-arrow-width) solid var(--iti-icon-color); border-bottom: var(--iti-arrow-width) solid var(--iti-icon-color); transform: rotate(45deg); transition: border-color 0.15s; }
ct-phone-input-field .iti__arrow--up { margin-top: 4px; transform: rotate(-135deg); }
ct-phone-input-field .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, ct-phone-input-field .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:focus-visible .iti__selected-country-primary { background: var(--iti-hover-color); }
ct-phone-input-field .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary { background: none; }
ct-phone-input-field .iti--allow-dropdown .iti__country-container:has(+ input[disabled]) button.iti__selected-country, ct-phone-input-field .iti--allow-dropdown .iti__country-container:has(+ input[readonly]) button.iti__selected-country { cursor: not-allowed; }
ct-phone-input-field .iti--allow-dropdown .iti__country-container:has(+ input[disabled]) .iti__arrow, ct-phone-input-field .iti--allow-dropdown .iti__country-container:has(+ input[readonly]) .iti__arrow { visibility: hidden; }
ct-phone-input-field .dropdown-open .iti__selected-country-primary { background: rgb(21, 149, 202); }
ct-phone-input-field .dropdown-open .iti__selected-country-primary:hover, ct-phone-input-field .dropdown-open .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary { background: rgb(21, 149, 202); }
ct-phone-input-field .dropdown-open .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, ct-phone-input-field .dropdown-open .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary { background: rgb(21, 149, 202); }
ct-phone-input-field .dropdown-open .iti__arrow { border-color: rgb(255, 255, 255); }
ct-phone-input-field .dropdown-open.dropdown-down input.iti__tel-input, ct-phone-input-field .dropdown-open.dropdown-down .iti__selected-country-primary { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
ct-phone-input-field .dropdown-open.dropdown-up input.iti__tel-input, ct-phone-input-field .dropdown-open.dropdown-up .iti__selected-country-primary { border-top-left-radius: 0px; border-top-right-radius: 0px; }
ct-phone-input-field .iti__dropdown-content { border-radius: 0px; background: transparent; }
ct-phone-input-field .iti--inline-dropdown .iti__dropdown-content { position: absolute; z-index: 30; left: 0px; width: 100%; margin: 2px 0px; padding: 0px; border: 0px; box-shadow: none; }
ct-phone-input-field .iti__search-input-wrapper { position: relative; display: flex; align-items: center; width: 100%; min-height: 36px; padding: 4px 11px; border-width: 2px 2px 1px; border-style: solid; border-color: rgb(22, 145, 198) rgb(22, 145, 198) rgb(184, 196, 208); border-image: initial; border-radius: 0px; background: rgb(255, 255, 255); }
ct-phone-input-field .iti__search-icon { position: absolute; left: 22px; z-index: 1; display: flex; align-items: center; pointer-events: none; }
ct-phone-input-field .iti__search-icon-svg { display: block; width: 17px; height: 17px; fill: none; stroke: rgb(153, 171, 188); stroke-width: 3; }
ct-phone-input-field .phone-input-field .iti input.iti__search-input { appearance: none; width: 100%; height: 32px; min-height: 32px; margin: 0px; padding: 0px 0px 0px 42px; border: 0px; border-radius: 0px; outline: 0px; background: rgb(255, 255, 255); box-shadow: none; color: rgb(68, 86, 103); font-size: 16px; font-style: italic; line-height: 32px; }
ct-phone-input-field .phone-input-field .iti input.iti__search-input::placeholder { color: rgb(153, 171, 188); opacity: 1; }
ct-phone-input-field .phone-input-field .iti input.iti__search-input::-webkit-search-cancel-button { appearance: none; }
ct-phone-input-field .iti__search-clear { display: none; }
ct-phone-input-field .iti__country-list { overflow-y: auto; max-height: 240px; margin: 0px; padding: 0px; border-width: 0px 2px 2px; border-style: none solid solid; border-color: currentcolor rgb(22, 145, 198) rgb(22, 145, 198); border-image: initial; background: rgb(255, 255, 255); box-shadow: none; list-style: none; cursor: pointer; }
ct-phone-input-field .iti__no-results { padding: 10px var(--iti-spacer-horizontal); border-width: 0px 2px 2px; border-style: none solid solid; border-color: currentcolor rgb(22, 145, 198) rgb(22, 145, 198); border-image: initial; background: rgb(255, 255, 255); color: rgb(68, 86, 103); font-size: 16px; line-height: 1.2; }
ct-phone-input-field .iti__country { display: flex; align-items: center; padding: 10px var(--iti-spacer-horizontal); outline: none; transition: background-color 0.12s; }
ct-phone-input-field .iti__country.iti__highlight, ct-phone-input-field .iti__country:hover { background: var(--iti-hover-color); }
ct-phone-input-field .iti__country-name { display: flex; flex-grow: 1; align-items: center; justify-content: space-between; gap: 12px; }
ct-phone-input-field .iti__dial-code { font-size: 16px; font-weight: 700; letter-spacing: 0.032px; line-height: 1; }
ct-phone-input-field .iti__country-check { display: none; }
ct-phone-input-field .iti__flag.cflag { display: block; flex-shrink: 0; width: 30px; height: 20px; margin: 0px; padding: 0px; overflow: hidden; border-radius: 2px; }
ct-phone-input-field .iti__country-list .iti__flag.cflag { margin-right: 8px; }
.recipient-via-email-container .ct-input { width: 100%; }
.recipient-via-email-container .currency-dropdown-container .ng-select-container { min-height: 44px; background: rgb(255, 255, 255) !important; border: 2px solid rgb(187, 187, 187) !important; }
.recipient-via-email-container .currency-dropdown-container .ct-icon-search-icon { display: none; }
ct-invite-request-history { display: block; }
.invite-request-history-container .title { color: rgb(22, 145, 198); font-size: 18px; font-weight: bold; }
.invite-request-history-container .request-table .ct-grey-pill { display: inline-block; }
.invite-request-history-container .request-table th:nth-child(1), .invite-request-history-container .request-table td:nth-child(1) { width: 20%; text-align: center; }
.invite-request-history-container .request-table td:nth-child(3), .invite-request-history-container .request-table th:nth-child(3) { text-align: right; padding-right: 20px; }
.invite-request-history-container .request-table td:nth-child(3) { text-transform: capitalize; }
.manage-recipients-page-container { max-width: 900px; padding: 20px; margin: 30px auto; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .manage-recipients-page-container .ct-grey-pill { display: none; }
}
.manage-recipients-page-container .ct-section { margin-bottom: 16px; }
.manage-recipients-page-container .ct-header { display: flex; flex-direction: row-reverse; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .manage-recipients-page-container .ct-header { flex-direction: column; }
}
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .manage-recipients-page-container .ct-btn { width: 100%; }
}
.manage-recipients-page-container .ct-recipients-list { max-height: 55vh; overflow: auto; }
.manage-recipients-page-container .content { padding: 0px 50px; }
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .manage-recipients-page-container .content { padding: 0px; }
}
.manage-recipients-page-container .search-input-container { flex: 1 0 auto; margin-right: 20px; }
.manage-recipients-page-container .ct-recipient-account { font-size: 12px; line-height: 20px; letter-spacing: 0.1px; margin-left: 0px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .manage-recipients-page-container .ct-recipient-account { margin-left: -30px; }
}
.manage-recipients-page-container .ct-recipient-account > span { font-weight: 600; }
.manage-recipients-page-container .ct-currency-details { font-size: 12px; font-weight: 600; color: rgb(136, 136, 136); text-align: center; padding-right: 15px; text-transform: uppercase; line-height: 20px; }
.manage-recipients-page-container .ct-currency-details .ct-detail { line-height: 1; margin-top: 5px; }
.manage-recipients-page-container .ct-recipient-details { display: flex; justify-content: space-between; align-items: center; flex-grow: 1; }
.manage-recipients-page-container .ct-recipient-details .ct-icon-item { font-size: 34px; color: rgb(44, 190, 197); margin-right: 8px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .manage-recipients-page-container .ct-recipient-details .ct-icon-item { height: 18px; font-size: 18px; margin-top: 3px; }
}
.manage-recipients-page-container .ct-recipient-details .ct-icon-profile-pending-individual, .manage-recipients-page-container .ct-recipient-details .ct-icon-profile-pending-company, .manage-recipients-page-container .ct-recipient-details .ct-icon-approve-recipient-company, .manage-recipients-page-container .ct-recipient-details .ct-icon-approve-recipient-individual { color: rgb(184, 196, 208); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .manage-recipients-page-container .ct-recipient-details .ct-icon-profile-pending-individual, .manage-recipients-page-container .ct-recipient-details .ct-icon-profile-pending-company, .manage-recipients-page-container .ct-recipient-details .ct-icon-approve-recipient-company, .manage-recipients-page-container .ct-recipient-details .ct-icon-approve-recipient-individual { height: 34px; font-size: 34px; margin-top: 0px; }
}
.manage-recipients-page-container .ct-recipient-name { font-size: 18px; line-height: 22px; color: rgb(136, 136, 136); }
.manage-recipients-page-container .ct-recipient-account { font-size: 12px; line-height: 20px; letter-spacing: 0.1px; margin-left: 0px; color: rgb(85, 109, 130); }
.manage-recipients-page-container .list-item { border-top: 1px solid rgba(102, 102, 102, 0.3); position: relative; cursor: pointer; }
.manage-recipients-page-container .list-item:hover .ct-recipient-name { color: rgb(85, 109, 130); }
.manage-recipients-page-container .list-item:hover { color: rgb(85, 109, 130); background: rgb(233, 237, 240); text-decoration: none; }
.manage-recipients-page-container .list-item.active-item { background: rgb(220, 239, 247); }
.manage-recipients-page-container .list-item.active-item .ct-recipient-name { color: rgb(22, 149, 202); }
.manage-recipients-page-container .list-item:last-of-type { border-bottom: 1px solid rgba(102, 102, 102, 0.3); }
.manage-recipients-page-container .list-item-content { padding: 15px; min-height: 73px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .manage-recipients-page-container .list-item-content { overflow: hidden; margin: 15px; }
}
.recipient-via-email-container .recipient-email-actions { flex-wrap: wrap; gap: 10px; }
.recipient-via-email-container .recipient-email-actions .ct-btn { flex: 1 0 auto; width: auto; max-width: 100%; white-space: normal; }
.recipient-confirmation-row-container { border-top: 1px solid rgb(212, 220, 227); padding: 16px 0px; }
.recipient-confirmation-row-container.first-row { border-top: 0px; }
.recipient-confirmation-row-container.last-row { border-bottom: 1px solid rgb(212, 220, 227); }
.recipient-confirmation-row-container .row-label { font-size: 16px; color: rgb(85, 109, 130); font-weight: 400; }
.recipient-confirmation-row-container .row-value { font-family: "Source Code Pro", "sans-serif"; font-size: 16px; color: rgb(85, 109, 130); font-weight: 400; }
.modify-button { font-weight: bold; font-size: 16px; color: rgb(22, 145, 198); background: transparent; border: 0px; }
.ct-recipient-edit .ct-input .ng-touched.ng-invalid { border-color: rgb(229, 57, 53); background-color: rgb(254, 249, 249); }
.ct-recipient-edit .dropdown-container .ct-icon-search-icon { display: none; }
.ct-recipient-edit .header h3 { line-height: 28px; font-size: 24px; text-transform: uppercase; font-weight: 800; color: rgb(85, 85, 85); }
.ct-recipient-edit .section { display: inline-block; width: 100%; }
.ct-recipient-edit .ct-radio-button-group { display: flex; }
.ct-recipient-edit .ct-radio-button-group .ct-md-button { background: transparent; color: rgb(22, 145, 198); border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border-radius: 2px; font-size: 14px; line-height: 20px; padding: 8px 24px; }
.ct-recipient-edit .ct-radio-button-group .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
.ct-recipient-edit .ct-radio-button-group .ct-md-button:active { }
.ct-recipient-edit .ct-radio-button-group .ct-md-button-outline { border: 1px solid rgb(22, 145, 198); text-transform: none; }
.ct-recipient-edit .ct-radio-button-group .ct-radio-button { border-radius: 20px; margin-left: 8px; flex: 1 1 0%; }
.ct-recipient-edit .ct-radio-button-group .ct-radio-button:first-child { margin-left: 0px; }
.ct-recipient-edit .ct-radio-button-group .ct-radio-button:last-child { margin-right: 0px; }
.ct-recipient-edit .ct-radio-button-group .ct-radio-button:active { color: rgb(255, 255, 255); }
.ct-recipient-edit .ct-radio-button-group .ct-radio-button-active { color: rgb(255, 255, 255); background: rgb(22, 145, 198); }
.ct-recipient-edit .ct-radio-button-group .ct-radio-button-disabled { color: rgba(170, 170, 170, 0.6); border-color: rgba(170, 170, 170, 0.6); }
.ct-recipient-edit .form .ct-form-section-headline { margin-bottom: 12px; display: flex; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; text-align: center; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.disabled { pointer-events: none; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker h3 { flex: 1 1 0%; padding-bottom: 10px; font-weight: 600; font-size: 17px; margin: 0px; color: rgb(22, 145, 198); }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker .tracker-container { display: flex; justify-content: center; align-items: center; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker .tracker-container::before, .ct-recipient-edit .form .ct-form-section-headline .headline-tracker .tracker-container::after { content: ""; height: 2px; background-color: rgb(22, 145, 198); flex: 1 0 0px; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker .tracker-container .tracker-spot { background-color: rgb(22, 145, 198); border-radius: 100px; height: 20px; width: 20px; border: 7px solid rgb(22, 145, 198); }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.active { opacity: 1; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.active h3 { color: rgb(22, 145, 198); }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.active .tracker-container::before { background-color: rgb(22, 145, 198); }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.active .tracker-container::after { background-color: rgb(238, 238, 238); }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.active .tracker-spot { border-color: rgb(22, 145, 198); background: transparent; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.active ~ .headline-tracker { opacity: 1; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.active ~ .headline-tracker h3 { color: rgb(238, 238, 238); }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.active ~ .headline-tracker .tracker-container::before, .ct-recipient-edit .form .ct-form-section-headline .headline-tracker.active ~ .headline-tracker .tracker-container::after { background-color: rgb(238, 238, 238); }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.active ~ .headline-tracker .tracker-spot { border-color: rgb(238, 238, 238); background: transparent; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker:first-child .tracker-container::before { opacity: 0; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker:last-child .tracker-container::after { opacity: 0; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.clickable h3 { cursor: pointer; color: rgb(22, 145, 198) !important; }
.ct-recipient-edit .form .ct-form-section-headline .headline-tracker.clickable .tracker-spot { cursor: pointer; background-color: rgb(22, 145, 198) !important; }
.ct-recipient-edit .form .ct-input, .ct-recipient-edit .form .ct-input-wrapper { width: 100%; }
.ct-recipient-edit .form .ct-input-group { display: flex; justify-content: flex-start; }
.ct-recipient-edit .form .ct-input-group > .flex { flex: 1 0 0px; margin: 0px 10px 15px; width: 100%; }
.ct-recipient-edit .form .ct-input-group > .flex:first-child { margin-left: 0px; }
.ct-recipient-edit .form .ct-input-group > .flex:last-child { margin-right: 0px; }
.ct-recipient-edit .form .ct-input-group.ct-input-group-flex-end { justify-content: flex-end; }
.ct-recipient-edit .form .ct-check-button { display: flex; position: relative; }
.ct-recipient-edit .form .ct-check-button .check-button-overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: transparent; border: 0px; z-index: 10; }
.ct-recipient-edit .form .check-button-input { height: 40px; width: 40px; overflow: hidden; }
.ct-recipient-edit .form .check-button-input .check-input { display: none; }
.ct-recipient-edit .form .check-button-input .check-input-label { display: inline-block; position: relative; outline: none; user-select: none; width: 40px; height: 40px; line-height: 25px; cursor: pointer; background: transparent; font-family: currencytransfer; overflow: hidden; margin: 0px; border-width: 2px 0px 2px 2px; border-style: solid none solid solid; border-color: rgb(221, 221, 221) currentcolor rgb(221, 221, 221) rgb(221, 221, 221); border-image: initial; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.ct-recipient-edit .form .check-button-input .check-input-label::before, .ct-recipient-edit .form .check-button-input .check-input-label::after { content: "v"; color: transparent; width: 26px; height: 26px; display: block; position: absolute; border: 2px solid rgb(221, 221, 221); border-radius: 2px; background: rgb(238, 238, 238); text-align: center; margin: 5px; }
.ct-recipient-edit .form .check-button-input.active .check-input:checked + .check-input-label { }
.ct-recipient-edit .form .check-button-input.active .check-input:checked + .check-input-label::after { color: rgb(255, 255, 255); content: "v"; font-size: 12px; line-height: 20px; background: rgb(22, 145, 198); }
.ct-recipient-edit .form .check-button-input.active .check-input-label { border: 6px solid rgb(22, 145, 198); }
.ct-recipient-edit .form .check-button-input.active .check-input-label::before, .ct-recipient-edit .form .check-button-input.active .check-input-label::after { width: 28px; height: 28px; border: 3px solid rgb(255, 255, 255); background: transparent; margin: 0px; }
.ct-recipient-edit .form .check-button-label { padding: 8px 24px 8px 12px; text-align: center; color: rgb(221, 221, 221); background: transparent; font-size: 16px; line-height: 20px; font-weight: 600; border-top-right-radius: 2px; border-bottom-right-radius: 2px; text-transform: uppercase; border-width: 2px 2px 2px 0px; border-style: solid solid solid none; border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(238, 238, 238) currentcolor; border-image: initial; }
.ct-recipient-edit .form .check-button-label.active { color: rgb(255, 255, 255); background: rgb(22, 145, 198); border-width: 2px 2px 2px 0px; border-style: solid solid solid none; border-color: rgb(22, 145, 198) rgb(22, 145, 198) rgb(22, 145, 198) currentcolor; border-image: initial; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-recipient-edit .types-checkbox-container { flex-direction: column; }
  .ct-recipient-edit .types-checkbox-container > :not(:last-child) { margin-bottom: 20px; }
}
.ct-recipient-edit .types-checkbox-container > * { width: 50%; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-recipient-edit .types-checkbox-container > * { width: 100%; }
}
.ct-recipient-edit .types-checkbox-container > :not(:last-child) { margin-right: 20px; }
.confirmation-view-step { margin: 0px auto; }
.confirmation-section-container { width: 100%; max-width: 600px; }
.confirmation-section-container .confirmation-suggestions-container { padding-left: 15px; padding-right: 15px; border: 1px solid rgb(212, 220, 227); }
.confirmation-section-container .confirmation-suggestion-header { font-size: 18px; font-weight: 700; color: rgb(22, 145, 198); line-height: 120%; }
.confirmation-note { font-size: 15px; font-weight: 400; color: rgb(68, 86, 103); padding-top: 15px; padding-bottom: 15px; }
.match-message { background: rgb(245, 252, 243); border: 2px solid rgb(65, 180, 18); border-radius: 4px; color: rgb(65, 180, 18); padding: 20px; }
.match-message i { font-size: 30px; }
.match-message .match-message-text { font-size: 16px; font-weight: 700; line-height: 19px; }
ct-edit-recipient-page .top-bar .breadcrumb-segment { display: flex; align-items: center; min-width: 0px; max-width: 100%; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  ct-edit-recipient-page .top-bar .item-box { flex-shrink: 0; }
  ct-edit-recipient-page .top-bar .content { min-width: 0px; flex-wrap: wrap; row-gap: 5px; padding-top: 10px; padding-bottom: 10px; }
  ct-edit-recipient-page .top-bar .content a { min-width: 0px; overflow-wrap: anywhere; }
}
.recipient-chart-container { width: 100%; height: 100%; min-height: 260px; position: relative; }
.recipient-chart-container text { font-family: Lato, sans-serif; fill: rgb(85, 109, 130); font-size: 14px; }
.recipient-chart-container .bar { fill: rgb(220, 239, 247); opacity: 0.8; }
.recipient-chart-container .bar.hidden { fill: none; }
.recipient-chart-container .tooltip { background-color: rgb(22, 145, 198); border: 1px solid transparent; border-radius: 15px; font-size: 14px; line-height: 18px; text-align: center; color: rgb(255, 255, 255); padding-left: 10px; padding-right: 10px; min-width: 120px; }
.recipient-chart-container .bar:hover { fill: rgb(22, 145, 198); opacity: 1; transition: opacity 0.1s ease-in-out; cursor: pointer; }
.recipient-chart-container line { stroke-dasharray: 2; stroke: rgb(221, 221, 221); }
.selected-recipient-container { position: relative; }
.selected-recipient-container .ct-table { margin-bottom: 0px; }
.selected-recipient-container .ct-table .ct-icon-options-menu { color: rgb(184, 196, 208); cursor: pointer; font-size: 20px; }
.selected-recipient-container .ct-table .recipient-nickname { font-size: 16px; color: rgb(68, 86, 103); }
.selected-recipient-container .ct-table .account { color: rgb(184, 196, 208); font-style: italic; font-size: 14px; }
.selected-recipient-container .ct-table .recipient-menu-container { height: 85px; width: 45px; display: flex; align-items: center; text-align: center; justify-content: center; }
.selected-recipient-container .ct-table .recipient-menu-container.active { background-color: rgb(22, 145, 198); }
.selected-recipient-container .ct-table .recipient-menu-container.active i { color: rgb(255, 255, 255); }
.selected-recipient-container .ct-table .information-row { height: 85px; }
.selected-recipient-container .ct-table .information-row.borderless { border: 0px; }
.selected-recipient-container .ct-table .recipient-currency-container { padding-left: 25px; }
.selected-recipient-container .ct-table .recipient-icon { width: 45px; color: rgb(44, 190, 197); cursor: default; }
.selected-recipient-container .ct-table .recipient-icon i { font-size: 35px; }
.selected-recipient-container .ct-table tr { border-left: 0px; border-right: 0px; }
.selected-recipient-container .ct-table tr:hover { background-color: rgb(255, 255, 255); }
.selected-recipient-container .ct-table td { border-bottom: 0px; }
.mat-form-field i, .mat-mdc-form-field i { font-family: currencytransfer; font-size: 16px; font-weight: 300; color: rgb(153, 171, 188); pointer-events: none; margin-right: 10px; margin-bottom: -10px; }
.mat-form-field .mat-form-field-label-wrapper .mat-form-field-label, .mat-mdc-form-field .mat-form-field-label-wrapper .mat-form-field-label { width: 100%; position: absolute; top: 0px; left: 10px; color: rgb(153, 171, 188); margin: 0px; font-size: 13px; font-weight: 600; line-height: 14px; pointer-events: none; transform: none !important; }
@media only screen and (min-width: 480px) and (max-width: 12000px) {
  .mat-form-field, .mat-mdc-form-field { width: 35%; }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .mat-form-field, .mat-mdc-form-field { width: 100%; }
}
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input { font-family: Lato, sans-serif; }
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-text-field-wrapper.mdc-text-field--filled { height: 47px; padding: 0px; background: transparent; border-radius: 0px; }
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-text-field-wrapper.mdc-text-field--filled:hover, .mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-text-field-wrapper.mdc-text-field--filled.mdc-text-field--focused { background-color: transparent; }
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-focus-overlay, .mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-subscript-wrapper, .mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mdc-notched-outline { display: none; }
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-flex { align-items: flex-end; height: 100%; }
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix { width: auto; min-height: 47px; padding: 17px 0px 0px; }
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mdc-line-ripple::before { border-bottom-color: rgb(187, 187, 187); }
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mdc-line-ripple::after { border-bottom-color: rgb(22, 145, 198); }
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-text-field-wrapper.mdc-text-field--filled .mdc-floating-label { top: 0px; left: 10px; right: auto; color: rgb(85, 85, 85); margin: 0px; font-family: Lato, sans-serif; font-size: 13px; font-weight: 600; line-height: 14px; pointer-events: none; transform: translateY(0px) scale(1); }
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-text-field-wrapper.mdc-text-field--filled .mdc-floating-label--float-above { transform: translateY(0px) scale(1); }
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-icon-suffix { align-self: flex-end; padding: 0px; }
.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-icon-suffix i { display: flex; align-items: center; height: 22px; margin: 0px 10px 4px 8px; color: rgb(187, 187, 187); line-height: 1; }
.mat-date-range-input { width: 100%; padding-left: 10px; }
.mat-date-range-input .mat-date-range-input-wrapper { height: 22px; max-width: none; }
.mat-date-range-input .mat-date-range-input-wrapper .mat-date-range-input-inner { font-size: 16px; font-weight: 300; letter-spacing: 0.4px; color: rgb(68, 86, 103); margin: 0px; border: 0px; }
.mat-date-range-input .mat-date-range-input-wrapper:first-child { min-width: 100px; }
.mat-date-range-input .mat-date-range-input-end-wrapper { flex-grow: 0; }
.mat-date-range-input .mat-date-range-input-separator { position: relative; font-size: 16px; padding: 0px 3px 7px; font-weight: 300; letter-spacing: 0.4px; color: rgb(68, 86, 103); margin: 0px; border: 0px; }
ct-recipient-overview-page .mat-mdc-form-field-type-mat-date-range-input { width: 320px; max-width: 100%; flex-shrink: 0; }
.payments-table .payment-table-header { color: rgb(22, 145, 198); font-size: 12px; line-height: 16px; border-bottom: 1px solid rgb(212, 220, 227); text-transform: uppercase; font-weight: 700; }
.payments-table .payment-table-header .header-item { padding: 15px 20px 5px; }
.payments-table .payment-table-header .status-header { width: 120px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .payments-table .payment-table-header { display: none; }
}
.payments-table .payment-history-item { vertical-align: middle; padding: 20px; }
.payments-table .payment-history-item .delivery-date-icon { font-size: 14px; color: rgb(85, 109, 130); }
@media only screen and (min-width: 0) and (max-width: 991px) {
  .payments-table .payment-history-item { padding-top: 0px; padding-bottom: 0px; }
}
.payments-table .payment-list-item:hover { background: rgb(237, 247, 251); cursor: pointer; }
.payments-table .payment-list-item .reference { font-weight: 400; font-size: 14px; line-height: 16px; color: rgb(153, 171, 188); }
.payments-table .payment-list-item .trade-type { font-weight: 700; font-size: 16px; line-height: 20px; color: rgb(85, 109, 130); white-space: nowrap; }
.payments-table .payment-list-item:nth-child(2n+1):not(:hover) { background: rgb(248, 248, 248); }
.payments-table .payment-list-item:last-child { border-bottom: 1px solid rgb(212, 220, 227); }
.payments-table .payment-type-icon { width: 32px; text-align: center; font-size: 20px; color: rgb(22, 145, 198); }
.payments-table .payment-row-date { width: 120px; color: rgb(85, 109, 130); white-space: nowrap; font-weight: 400; font-size: 14px; line-height: 16px; }
.payments-table .payment-row-status { width: 120px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .payments-table .payment-row-status { width: 100%; }
  .payments-table .payment-row-status .ct-grey-pill { width: 100%; display: block; }
}
.payments-table .payment-row-link { width: 50px; }
.payments-table .payment-row-amount { font-weight: 400; font-size: 16px; color: rgb(85, 109, 130); line-height: 19px; }
.payments-table th.right-aligned { text-align: right; }
.payments-table td.right-aligned { text-align: right; }
.payments-table td.left-aligned { text-align: left; }
.payments-table td.vertical-center-aligned { vertical-align: middle; }
.next-icon { color: rgb(184, 196, 208); font-size: 30px; }
.recipients-overview-page-container .ct-card .top-bar { margin-bottom: 0px; }
.recipients-overview-page-container .ct-card .recipient-invite-icon { height: 80px; }
.referral-invitations h4 { color: rgb(22, 145, 198); border-bottom: 1px solid rgb(187, 187, 187); line-height: 28px; font-weight: 700; }
body:has(.recipient-invite-modal) { overflow: hidden; }
.recipient-invite-modal .ct-modal { position: fixed; top: 60px; overflow-y: auto; overscroll-behavior-y: contain; }
.recipient-invite-modal .ct-modal .ct-full-modal-content { min-height: calc(-60px + 100dvh); }
.recipient-invite-text { color: rgb(85, 109, 130); font-size: 16px; }
.next-icon { color: rgb(184, 196, 208); font-size: 30px; }
.approval-target-rate { font-weight: 400; font-size: 16px; line-height: 20px; color: rgb(85, 109, 130); gap: 5px; }
.approval-rate-alert-amount { font-weight: 700; font-size: 16px; line-height: 20px; color: rgb(85, 109, 130); margin-left: 20px; margin-right: 20px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .technical-targets-container { border-top: 1px solid rgb(212, 220, 227); }
}
.approval-target-rate .ct-icon, .approval-rate-alert-amount .ct-icon { font-size: 14px; }
.approval-target-rate .technical-target, .approval-rate-alert-amount .technical-target { font-weight: 400; font-size: 12px; line-height: 19px; }
.market-order-currency { color: rgb(85, 109, 130); }
.no-pending-approvals-container .no-pending-approvals-image { height: 150px; }
.no-pending-approvals-container .no-pending-approvals-text { color: rgb(85, 109, 130); font-weight: 400; font-size: 16px; line-height: 19px; }
.ct-recipient-approval-details { display: flex; justify-content: space-between; align-items: center; flex-grow: 1; }
.ct-recipient-approval-details .ct-recipient-name { font-size: 16px; font-weight: 700; color: rgb(85, 109, 130); }
.ct-recipient-approval-details .ct-recipient-reference { color: rgb(153, 171, 188); font-size: 16px; line-height: 16px; font-weight: 400; }
.ct-recipient-approval-details .ct-payment-amount { font-weight: 700; font-size: 16px; line-height: 20px; color: rgb(85, 109, 130); white-space: nowrap; }
.ct-recipient-approval-details .ct-icon-item { font-size: 34px; color: rgb(22, 149, 202); margin-right: 8px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-recipient-approval-details .ct-icon-item { height: 18px; font-size: 18px; margin-top: 3px; }
}
.ct-recipient-approval-details .ct-submission-data { font-size: 14px; line-height: 16px; color: rgb(68, 86, 103); font-weight: 400; }
.header-text { font-weight: 700; font-size: 12px; line-height: 16px; color: rgb(22, 145, 198); text-transform: uppercase; }
.ct-not-found-text { font-size: 16px; color: rgb(153, 171, 188); line-height: 19px; font-weight: 400; }
.select-all-checkbox { padding: 10px 15px 10px 20px; background: rgb(237, 247, 251); }
.select-all-checkbox .label-text { color: rgb(85, 109, 130); font-size: 16px; font-weight: 700; }
.select-all-checkbox.payment-table-checkbox { padding: 10px 15px 10px 25px; }
.list-item { border-top: 1px solid rgb(212, 220, 227); position: relative; cursor: pointer; }
.list-item.approval-list-item { padding: 15px 20px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .list-item.approval-list-item.market-order-list-item .ct-recipient-reference { padding-top: 15px; border-top: 1px solid rgb(212, 220, 227); }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .list-item.approval-list-item.market-order-list-item { padding: 0px; }
  .list-item.approval-list-item.market-order-list-item .currency-data { border-top: 1px solid rgb(212, 220, 227); }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .list-item.approval-list-item.market-order-list-item { padding: 0px; }
  .list-item.approval-list-item.market-order-list-item .currency-data { border-top: 1px solid rgb(212, 220, 227); }
}
.list-item.approval-list-item.no-hover-state { pointer-events: none; }
.list-item:hover .ct-recipient-name { color: rgb(85, 109, 130); }
.list-item:hover { color: rgb(85, 109, 130); background: rgb(233, 237, 240); text-decoration: none; }
.list-item.active { background: rgb(220, 239, 247); }
.list-item.active .ct-recipient-name { color: rgb(22, 149, 202); }
.list-item.last-item { border-bottom: 1px solid rgb(212, 220, 227); }
.input-help-text { font-weight: 400; font-size: 14px; line-height: 17px; color: rgb(85, 109, 130); }
.flag-icon { vertical-align: middle; margin: 0px 5px; font-size: 20px; }
.recipient-card .ct-currency-flag .cflag { border: 0px; height: 20px; width: 30px; }
.pending-recipient-changes { margin-bottom: 30px; }
.pending-recipient-changes h3 { font-size: 18px; color: rgb(22, 145, 198); text-align: left; text-transform: none; }
.pending-recipient-changes .pending-recipient-changes-row { border-top: 1px solid rgb(212, 220, 227); }
.pending-recipient-changes .pending-recipient-changes-row:last-child { border-bottom: 1px solid rgb(212, 220, 227); }
.pending-recipient-changes .pending-recipient-change-title { flex: 1 1 30%; min-width: 0px; overflow-wrap: anywhere; text-align: left; padding: 10px; font-size: 16px; line-height: 19px; font-weight: 400; color: rgb(85, 109, 130); }
.pending-recipient-changes .pending-recipient-change-value { flex: 1 1 70%; min-width: 0px; overflow-wrap: anywhere; text-align: left; font-size: 16px; line-height: 19px; font-weight: 400; font-family: "Source Code Pro", "sans-serif"; color: rgb(85, 109, 130); }
.pending-recipient-changes .pending-recipient-change-value .new-value, .pending-recipient-changes .pending-recipient-change-value .old-value, .pending-recipient-changes .pending-recipient-change-value .base-value { flex: 1 1 0px; min-width: 0px; }
.pending-recipient-changes .pending-recipient-change-value .new-value { background: rgb(245, 252, 243); color: rgb(65, 180, 18); padding: 10px; width: 100%; }
.pending-recipient-changes .pending-recipient-change-value .old-value { background: rgb(254, 249, 249); color: rgb(182, 45, 42); padding: 10px; width: 100%; }
.pending-recipient-changes .pending-recipient-change-value .base-value { padding: 10px; width: 100%; }
.ct-app-content .pending-changes { overflow: hidden; margin-bottom: 30px; }
.pending-changes { margin: 0px auto; }
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .pending-changes { max-width: 900px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pending-changes { max-width: 750px; }
}
.pending-changes h3 { font-size: 18px; color: rgb(22, 145, 198); text-align: left; text-transform: none; }
.pending-changes .ct-card { margin: 30px 0px; padding: 20px; }
.pending-changes .nested-item { font-size: 20px; text-align: center; }
.pending-changes .pending-change-value { font-size: 14px; letter-spacing: 0px; font-family: "Source Code Pro", "sans-serif"; padding: 10px; }
.pending-changes .pending-change-value .empty-text { color: rgb(187, 187, 187); }
.pending-changes .pending-change-value.danger { background-color: rgba(229, 57, 53, 0.04); color: rgb(182, 45, 42); }
.pending-changes .pending-change-value.success { background-color: rgba(65, 180, 18, 0.04); color: rgb(65, 180, 18); }
.pending-changes-row { border-top: 1px solid rgb(238, 238, 238); }
.pending-changes-row:last-child { border-bottom: 1px solid rgb(238, 238, 238); }
.pending-changes-row .pending-change-title { color: rgb(85, 85, 85); font-size: 14px; margin-top: 10px; padding-right: 0px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .pending-changes-row .pending-change-title { padding-left: 10px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .pending-changes-row .pending-change-title { padding-left: 10px; }
}
.pending-change-separator { margin-top: 20px; }
.pending-changes-recipient-card { margin-bottom: 30px; }
.recipient-card { background-color: rgb(248, 248, 248); min-height: 78px; width: 100%; padding: 15px; }
.recipient-card .recipient-card-currency-details { font-size: 12px; font-weight: 600; color: rgb(85, 85, 85); text-align: center; text-transform: uppercase; line-height: 20px; padding-top: 4px; padding-right: 20px; }
.recipient-card .recipient-card-details { font-size: 12px; font-weight: 400; color: rgb(187, 187, 187); }
.recipient-card .recipient-card-name { font-size: 20px; line-height: 1; color: rgb(85, 85, 85); text-align: left; }
.recipient-card .recipient-card-name-icon { width: 34px; height: 34px; font-size: 34px; color: rgb(44, 190, 197); text-align: center; margin-right: 20px; margin-top: 4px; }
.recipient-card .recipient-card-account { font-size: 12px; line-height: 20px; letter-spacing: 0.1px; color: rgb(187, 187, 187); margin-top: 5px; }
.recipient-card .recipient-card-account > span { font-weight: 600; }
.ct-clean-header { position: fixed; top: 0px; left: 0px; height: 60px; width: 100%; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(213, 220, 227); z-index: 16; display: flex; justify-content: space-between; }
.ct-clean-header .ct-drawer-button { display: none; }
.ct-clean-header .ct-svg-icon { height: 60px; position: relative; top: 2px; right: 0px; content: url("../files/67545d19ccbd.svg"); }
@media only screen and (min-width: 479px) and (max-width: 767px) {
  .ct-clean-header .ct-svg-icon { content: url("../files/b1c6d84de4a0.svg"); }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-clean-header .ct-drawer-button { display: block; height: 60px; width: 60px; border-right: 1px solid rgb(213, 220, 227); }
  .ct-clean-header .logo-link { display: none; }
  .ct-clean-header .ct-svg-icon { width: 60px; height: 60px; content: url("../files/b1c6d84de4a0.svg"); }
}
.demo-notice { background-color: rgb(85, 85, 85); color: rgb(255, 255, 255); position: relative; width: 100%; }
.demo-notice .container { max-width: 930px; margin: 0px auto; padding-left: 15px; padding-right: 15px; }
.demo-notice .live-account { margin: 45px 0px 20px; }
ct-allocate-recipients-tab { display: block; width: 100%; }
.allocate-recipients-tab-container { display: flex; justify-content: flex-start; width: 100%; border-bottom: 1px solid rgb(184, 196, 208); padding-left: 15px; }
.allocate-recipients-tab-container .tab-container { display: flex; align-items: center; cursor: pointer; color: rgb(184, 196, 208); font-size: 16px; font-weight: bold; margin-right: 30px; padding: 10px 0px; }
.allocate-recipients-tab-container .tab-container.active { color: rgb(22, 145, 198); border-bottom: 2px solid rgb(22, 145, 198); }
.allocate-recipients-tab-container .ct-icon-item { margin-right: 10px; }
.csv-file-upload-container { height: 378px; max-width: 760px; width: 100%; padding: 20px; border: 1px solid rgb(213, 220, 227); background: rgb(237, 247, 251); }
.csv-file-upload-container .inner-container { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px dashed rgb(213, 220, 227); border-radius: 15px; }
.csv-file-upload-container .inner-container .title { font-weight: 900; font-size: 18px; }
.csv-file-upload-container .inner-container .subtitle { font-weight: bold; font-size: 12px; margin-top: 0px; }
.csv-file-upload-container .inner-container .separator { width: 100px; height: 1px; background: rgb(213, 220, 227); }
.csv-file-upload-container .inner-container .separator-text { margin: 0px 10px; font-weight: bold; }
.csv-file-upload-container .inner-container .file-upload-input { display: none; }
.csv-file-upload-container .inner-container .upload-title-container { width: 377px; margin-bottom: 10px; position: relative; }
.csv-file-upload-container .inner-container .upload-title-container::before { content: ""; position: absolute; left: -55px; top: 7px; width: 38px; height: 50px; background: url("../files/2d51960e42e1.svg"); }
.csv-file-upload-container .inner-container .file-name { font-size: 20px; }
.csv-file-upload-container .inner-container .ct-icon-close-cross { color: rgb(229, 57, 53); font-size: 18px; cursor: pointer; }
.csv-file-upload-container .inner-container .progress-bar-container { height: 2px; width: 377px; border: 2px solid rgb(238, 238, 238); }
.csv-file-upload-container .inner-container .progress-bar-inner { background: rgb(22, 145, 198); height: 4px; margin-top: -2px; }
.csv-file-upload-container .inner-container .uploading-text { font-weight: bold; font-size: 12px; color: rgb(184, 196, 208); }
.csv-file-upload-container .upload-illustration { width: 250px; height: 120px; }
.confirm-mass-payment-container .total-footer { display: flex; justify-content: space-between; padding: 0px 30px; }
.confirm-mass-payment-container .payment-amount { font-weight: bold; font-size: 16px; }
.confirm-mass-payment-container .payments-total-amount { font-weight: bold; font-size: 22px; }
.confirm-mass-payment-container .text-align-center { text-align: center; }
.confirm-mass-payment-container .recipient-number { font-size: 16px; }
.confirm-mass-payment-container .highlight-text { color: rgb(22, 145, 198); }
.confirm-mass-payment-container .payment-column-header { width: 150px; }
.mass-payment-error-list .ct-table.ct-table-payments .error-details { text-align: left; }
.mass-payment-error-list .ct-table.ct-table-payments tbody tr:hover { background-color: rgb(254, 249, 249); }
.mass-payment-error-list .ct-table.ct-table-payments tbody tr:hover td:first-child { color: rgb(229, 57, 53); }
.mass-payment-error-list .ct-table.ct-table-payments .error-list { color: rgb(184, 196, 208); font-style: italic; list-style: none; margin: 0px; padding: 0px; }
.mass-payments-status-container { min-height: 378px; max-width: 760px; width: 100%; padding: 20px; border: 1px solid rgb(213, 220, 227); background: rgb(248, 248, 248); }
.mass-payments-status-container .inner-container { height: 100%; width: 100%; max-width: 440px; margin: 0px auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.mass-payments-status-container .inner-container .file-name { font-size: 20px; }
.mass-payments-status-container .inner-container .progress-bar-container { height: 2px; width: 100%; border: 2px solid rgb(238, 238, 238); }
.mass-payments-status-container .inner-container .progress-bar-inner { background: rgb(22, 145, 198); height: 4px; margin-top: -2px; }
.mass-payments-status-container .inner-container .description-text { text-align: center; font-size: 14px; color: rgb(85, 85, 85); }
.mass-payments-status-container .inner-container .uploading-text { font-weight: bold; font-size: 12px; color: rgb(184, 196, 208); }
.mass-payments .progress-tracker { margin-bottom: 30px; display: flex; }
.mass-payments .headline-tracker { flex: 1 0 0px; text-align: center; }
.mass-payments .headline-tracker h3 { padding-bottom: 10px; font-weight: 600; font-size: 17px; margin: 0px; color: rgb(22, 145, 198); }
.mass-payments .headline-tracker .tracker-container { display: flex; justify-content: center; align-items: center; }
.mass-payments .headline-tracker .tracker-container::before, .mass-payments .headline-tracker .tracker-container::after { content: ""; height: 2px; background-color: rgb(22, 145, 198); flex: 1 0 0px; }
.mass-payments .headline-tracker .tracker-container .tracker-spot { background-color: rgb(22, 145, 198); border-radius: 100px; height: 20px; width: 20px; border: 7px solid rgb(22, 145, 198); }
.mass-payments .headline-tracker.active { opacity: 1; }
.mass-payments .headline-tracker.active h3 { color: rgb(22, 145, 198); }
.mass-payments .headline-tracker.active .tracker-container::before { background-color: rgb(22, 145, 198); }
.mass-payments .headline-tracker.active .tracker-container::after { background-color: rgb(238, 238, 238); }
.mass-payments .headline-tracker.active .tracker-spot { border-color: rgb(22, 145, 198); background: transparent; }
.mass-payments .headline-tracker.active ~ .headline-tracker { opacity: 1; }
.mass-payments .headline-tracker.active ~ .headline-tracker h3 { color: rgb(238, 238, 238); }
.mass-payments .headline-tracker.active ~ .headline-tracker .tracker-container::before, .mass-payments .headline-tracker.active ~ .headline-tracker .tracker-container::after { background-color: rgb(238, 238, 238); }
.mass-payments .headline-tracker.active ~ .headline-tracker .tracker-spot { border-color: rgb(238, 238, 238); background: transparent; }
.mass-payments .headline-tracker:first-child .tracker-container::before { opacity: 0; }
.mass-payments .headline-tracker:last-child .tracker-container::after { opacity: 0; }
.mass-payments .headline-tracker.clickable h3 { cursor: pointer; color: rgb(22, 145, 198) !important; }
.mass-payments .headline-tracker.clickable .tracker-spot { cursor: pointer; background-color: rgb(22, 145, 198) !important; }
.mass-payments .demo-csv-download { margin-top: 20px; }
.mass-payments .demo-csv-download thead { text-transform: uppercase; }
.mass-payments .demo-csv-download .download-column { width: 110px; }
.mass-payments .demo-csv-download .currency { margin-left: 10px; vertical-align: middle; }
.mass-payments .demo-csv-download .cflag { vertical-align: middle; }
.mass-payments .demo-csv-download .ct-download-btn { vertical-align: middle; padding: 0px; }
.mass-payments .error-message-container { display: flex; align-items: center; font-size: 14px; color: rgb(229, 57, 53); background: rgb(254, 249, 249); border: 1px solid rgb(229, 57, 53); border-radius: 5px; padding: 20px; margin-bottom: 30px; }
.mass-payments .error-message-container .errors-count { font-weight: bold; font-size: 20px; margin-right: 15px; }
.mass-payments .info-message-container { display: flex; flex-direction: column; justify-content: center; font-size: 14px; color: rgb(22, 145, 198); background: rgb(237, 247, 251); border: 1px solid rgb(22, 145, 198); border-radius: 5px; padding: 20px; margin-bottom: 30px; }
.mass-payments .go-back-button { float: right; margin-bottom: 30px; }
.transfer-container { border-top: 1px solid rgb(238, 238, 238); }
.transfer-container .ct-amounts-container { display: flex; flex-direction: row; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .transfer-container .ct-amounts-container { flex-direction: column; }
}
.transfer-container .amount-selector-container { flex: 1 0 0px; }
.transfer-container .amount-selector-container .inner-wrapper { display: flex; flex-direction: column; }
.transfer-container .ct-transfer-step-loading-container { min-height: 380px; }
.transfer-container .ct-market-rate .inverse-rate-tooltip { border-bottom: 1px dashed rgb(22, 145, 198); }
.transfer-container .ct-market-rate .inner-wrapper { display: flex; flex-direction: column; padding: 12px 0px; background: rgb(238, 238, 238); }
.transfer-container .ct-market-rate .market-rate { text-align: center; justify-content: center; }
.transfer-container .ct-market-rate .market-rate h5 { text-transform: uppercase; color: rgb(22, 145, 198); margin: 0px; font-size: 12px; font-weight: 600; line-height: 14px; }
.transfer-container .ct-market-rate .market-rate .text-main { font-size: 18px; line-height: 20px; color: rgb(85, 109, 130); letter-spacing: 1px; }
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .transfer-container .ct-market-rate { width: 100px; }
  .transfer-container .ct-market-rate .inner-wrapper { padding: 0px; background: transparent; margin-left: 20px; }
  .transfer-container .ct-market-rate .inner-wrapper .market-rate { flex: 1 0 auto; }
  .transfer-container .ct-market-rate .inner-wrapper::before, .transfer-container .ct-market-rate .inner-wrapper::after { content: ""; height: 30px; background: url("../files/593d02a10c58.png") 0% 0% / 60px 44px no-repeat; }
  .transfer-container .ct-market-rate .inner-wrapper::before { background-position: 0px 10px; margin: -4px 0px 6px -12px; }
  .transfer-container .ct-market-rate .inner-wrapper::after { background-position: 0px -20px; margin: 6px 0px 0px -12px; }
}
.transfer-container .market-rate-loader-container .market-rate-loader { height: 20px; margin-bottom: 5px; }
.transfer-container .market-rate-loader-container .inverse-rate-loader { height: 15px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .transfer-container .market-rate-loader-container { width: 80px; margin: 0px auto; }
  .transfer-container .market-rate-loader-container .market-rate-loader { margin-bottom: 0px; }
  .transfer-container .market-rate-loader-container .inverse-rate-loader { height: 20px; }
  .transfer-container .refresh-market-rate-container { width: 80px; margin: 0px auto; }
}
.transfer-container .refresh-market-rate-container { height: 30px; margin-top: 10px; }
.transfer-container .refresh-market-rate-container .refresh-button { color: rgb(22, 145, 198); font-weight: bold; text-decoration: none; }
.transfer-container .refresh-market-rate-container .refresh-button:hover { color: rgb(25, 92, 125); }
.transfer-container .ct-quote-content .quoting-overlay { height: 100%; width: 100%; top: 0px; left: 0px; position: absolute; background: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; justify-content: center; z-index: 100; }
.transfer-container .ct-quote-content .quoting-overlay .inner-container { position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; }
.transfer-container .ct-quote-content .quoting-overlay .content { color: rgb(85, 85, 85); font-size: 18px; align-self: center; text-align: center; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 1px; display: flex; flex-direction: column; justify-content: center; height: 60%; width: 60%; }
.transfer-container .ct-quote-content .quoting-overlay .quote-loader-barloader { height: 60px; text-align: center; font-size: 12px; }
.transfer-container .ct-quote-content .quoting-overlay .quote-loader-block { background-color: rgb(22, 145, 198); border: 0px; padding: 0px; height: 100%; width: 4px; margin: 0px 1px; display: inline-block; animation: 1.2s ease-in-out 0s infinite normal none running sk-stretchdelay; opacity: 0.4; }
.transfer-container .ct-quote-content .quoting-overlay .quote-loader-barloader .block2 { animation-delay: -1.1s; }
.transfer-container .ct-quote-content .quoting-overlay .quote-loader-barloader .block3 { animation-delay: -1s; }
.transfer-container .ct-quote-content .quoting-overlay .quote-loader-barloader .block4 { animation-delay: -0.9s; }
.transfer-container .ct-quote-content .quoting-overlay .quote-loader-barloader .block5 { animation-delay: -0.8s; }
@keyframes sk-stretchdelay { 
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% { transform: scaleY(1); }
}
.transfer-container .balance-selection { margin-top: 20px; }
.transfer-container .balance-selection .ng-select.balance-filter { border-bottom: 1px solid rgb(136, 136, 136); outline: none !important; }
.transfer-container .balance-selection .ng-select.balance-filter.ng-select-single .ng-select-container { min-height: 60px; height: auto; border-radius: 0px; background: transparent !important; }
.transfer-container .balance-selection .ng-select.balance-filter .ng-value { width: 100%; }
.transfer-container .balance-selection .ng-select.balance-filter .ng-value .balance-currency-group { border-bottom: 0px; }
.transfer-container .balance-selection .ng-select.balance-filter .ng-value .balance-currency-group .currency-option { padding-bottom: 0px; }
.transfer-container .balance-selection .ng-select.balance-filter .currency-balance { font-weight: 700; font-size: 16px; color: rgb(85, 109, 130); }
.transfer-container .balance-selection .ng-select.balance-filter .balance-provider { font-weight: 400; font-size: 16px; color: rgb(85, 109, 130); }
.transfer-container .balance-selection .ng-select.balance-filter .broker-icon { width: 22px; height: 22px; }
.transfer-container .balance-selection .ng-select.balance-filter .balance-currency-group { border-bottom: 1px solid rgb(233, 237, 240); }
.transfer-container .balance-selection .ng-select.balance-filter .balance-currency-group .currency-option { padding-bottom: 5px; margin-left: 5px; }
.transfer-container .balance-selection .ng-select.balance-filter .balance-currency-group .balance-currency-group-name .balance-currency-code { font-weight: 700; font-size: 16px; color: rgb(85, 109, 130); }
.transfer-container .balance-selection .ng-select.balance-filter .balance-currency-group .balance-currency-group-name .balance-currency-name { font-weight: 400; font-size: 14px; color: rgb(85, 109, 130); }
.transfer-container .balance-selection .balance-account-text { margin-left: 10px; font-weight: 400; font-size: 16px; color: rgb(85, 109, 130); }
.transfer-container .balance-selection .ct-md-input { margin-bottom: 10px; }
.transfer-container .balance-selection .ct-md-input label { position: relative; margin-bottom: 10px; }
.requirements-container { padding: 15px; background: rgb(246, 248, 249); margin-top: 10px; }
.requirements-container i { font-size: 20px; }
.requirements-container .requirements-title { color: rgb(22, 145, 198); text-transform: capitalize; font-size: 14px; font-weight: 400; line-height: 16px; }
.requirements-container .requirements-amount, .requirements-container .requirements-date { color: rgb(85, 109, 130); font-size: 20px; font-weight: 400; line-height: 24px; }
.modal-warning-text { color: rgb(85, 109, 130); font-size: 16px; font-weight: 400; line-height: 19px; }
.file-upload-container { height: 250px; width: 100%; }
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .file-upload-container { min-width: 520px; }
}
.file-upload-container { padding: 20px; border: 1px solid rgb(213, 220, 227); background: rgb(237, 247, 251); }
.file-upload-container .inner-container { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px dashed rgb(213, 220, 227); border-radius: 15px; }
.file-upload-container .inner-container .title { font-weight: 900; font-size: 18px; }
.file-upload-container .inner-container .subtitle { font-weight: bold; font-size: 12px; margin-top: 0px; }
.file-upload-container .inner-container .separator { width: 100px; height: 1px; background: rgb(213, 220, 227); }
.file-upload-container .inner-container .separator-text { margin: 0px 10px; }
.file-upload-container .inner-container .file-upload-input { display: none; }
.file-upload-container .inner-container .upload-title-container { width: 100%; max-width: 320px; margin-bottom: 10px; position: relative; }
.file-upload-container .inner-container .upload-title-container::before { content: ""; position: absolute; left: -45px; top: 7px; width: 38px; height: 50px; }
.file-upload-container .inner-container .upload-title-container.file-pdf::before { background: url("../files/9a6095fdbe6c.svg"); }
.file-upload-container .inner-container .upload-title-container.file-doc::before { background: url("../files/f9f929aa1dd4.svg"); }
.file-upload-container .inner-container .upload-title-container.file-img::before { background: url("../files/9e5349e87f05.svg"); }
.file-upload-container .inner-container .file-name { font-size: 20px; }
.file-upload-container .inner-container .ct-icon-close-cross { color: rgb(229, 57, 53); font-size: 18px; cursor: pointer; }
.file-upload-container .inner-container .progress-bar-container { height: 2px; width: 320px; border: 2px solid rgb(238, 238, 238); }
.file-upload-container .inner-container .progress-bar-inner { background: rgb(22, 145, 198); height: 4px; margin-top: -2px; }
.file-upload-container .inner-container .uploading-text { font-weight: bold; font-size: 12px; color: rgb(184, 196, 208); }
.file-upload-container .upload-illustration { width: 250px; height: 120px; }
.modal-text-container { max-width: 520px; }
.modal-text-container h3 { font-weight: 900; text-transform: uppercase; font-size: 18px; color: rgb(85, 85, 85); }
.modal-text-container p { color: rgb(85, 85, 85); line-height: 1.32; letter-spacing: 0.2px; }
.modal-dismiss-button { width: 100%; height: 20px; margin-top: -10px; margin-right: -10px; }
.modal-dismiss-button span { cursor: pointer; color: rgb(187, 187, 187); font-size: 20px; float: right; }
.ct-account-details > .inner-container { display: flex; flex-direction: column; }
.ct-account-details .ct-detail { display: flex; font-size: 15px; line-height: 1.3; border: 1px solid rgb(213, 220, 227); margin-bottom: -1px; }
.ct-account-details .ct-detail .property, .ct-account-details .ct-detail .value { padding: 12px 20px; min-width: 0px; overflow-wrap: anywhere; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-account-details .ct-detail .property, .ct-account-details .ct-detail .value { padding: 10px 15px; }
}
.ct-account-details .ct-detail .property { flex: 1 0 0px; border-right: 1px solid rgb(213, 220, 227); font-size: 14px; color: rgb(22, 145, 198); }
.ct-account-details .ct-detail .property.self-centered { display: flex; flex-direction: column; justify-content: center; }
.ct-account-details .ct-detail .value { flex: 2.4 1 0px; gap: 10px; }
.ct-account-details .ct-detail .value ct-copy { flex-shrink: 0; }
.ct-account-details .ct-detail .value > .main { padding: 0px 0px 6px; }
.ct-account-details .ct-payment-information { flex: 1 0 0px; }
.ct-account-details .ct-bank-details { flex: 1 0 0px; }
.ct-account-details .ct-payment-note .value { flex: 1 0 0px; font-size: 14px; line-height: 1.32; letter-spacing: 0.2px; }
.ct-account-details .ct-payment-note .value .value-title { color: rgb(22, 145, 198); }
.ct-account-details .ct-payment-note .value strong { color: rgb(22, 145, 198); }
.ct-settlement > .inner-container { background: rgb(220, 239, 247); border-top-left-radius: 12px; border-top-right-radius: 12px; }
.ct-settlement h4 { margin: 0px 0px 10px; }
@media only screen and (min-width: 480px) and (max-width: 12000px) {
  .ct-settlement .ct-settlement-details { display: flex; justify-content: space-between; align-items: center; }
}
.ct-settlement .ct-settlement-details .ct-label { text-transform: uppercase; color: rgb(22, 145, 198); font-size: 12px; font-weight: 600; line-height: 14px; pointer-events: none; margin: 0px; }
.ct-settlement .ct-settlement-details .value { font-size: 20px; color: rgb(85, 85, 85); font-weight: 300; line-height: 1; }
.ct-settlement .ct-settlement-details .inner-container { display: inline-block; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-settlement .ct-settlement-details .inner-container { display: block; }
}
.ct-settlement .ct-settlement-info { display: flex; flex-direction: row; }
.ct-settlement .ct-settlement-info .ct-detail { flex: 1 0 0px; }
.ct-settlement .status-info { background: rgb(247, 247, 247); border-radius: 25px; padding: 6px 12px; font-size: 16px; font-weight: 700; line-height: 22px; box-shadow: rgba(0, 0, 0, 0.05) 0px -1.5px 0px 0px, rgba(255, 255, 255, 0.5) 0px 1.5px 0px 0px, rgba(85, 109, 130, 0.15) 0px 2px 6px 0px inset; }
.ct-settlement .status-info.paid { color: rgb(65, 180, 18); }
.ct-settlement .status-info.paid i { font-size: 20px; line-height: 22px; }
.ct-settlement .status-info.initiated { color: rgb(22, 145, 198); }
.ct-settlement .ct-settlement-logo { height: 48px; width: 48px; padding: 10px; background: rgb(255, 255, 255); border-radius: 50%; }
.ct-settlement .ct-settlement-broker-name { font-size: 16px; color: rgb(85, 109, 130); font-weight: 700; line-height: 20px; }
.ct-settlement .ct-popover-trigger-btn { background: rgb(255, 255, 255); color: rgb(21, 149, 202); border: 0px; height: 45px; width: 45px; font-size: 18px; padding: 8px 11px; line-height: 20px; border-radius: 19px; }
.ct-settlement .ct-popover-trigger-btn:hover { color: rgb(16, 115, 156); background: rgb(250, 250, 250); }
.ct-settlement .ct-setup-link { cursor: pointer; }
.ct-settlement .ct-setup-link .ct-setup-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; flex-grow: 0; border-radius: 7px; background: rgb(22, 145, 198); height: 30px; width: 30px; font-size: 20px; line-height: 100%; color: rgb(255, 255, 255); }
.ct-settlement .ct-setup-link .ct-setup-header { color: rgb(68, 86, 103); font-size: 16px; font-weight: 700; line-height: 120%; letter-spacing: 0.032px; }
.ct-settlement .ct-setup-link .ct-setup-sub-header { color: rgb(153, 171, 188); font-size: 16px; font-weight: 400; line-height: 125%; }
.ct-settlement .ct-setup-link .ct-setup-sub-header:hover { color: rgb(122, 146, 168); }
.ct-settlement .ct-setup-link:hover .ct-setup-header { color: rgb(48, 60, 72); }
.ct-settlement .ct-setup-link:hover .ct-setup-sub-header { color: rgb(122, 146, 168); }
ct-popover { position: absolute; width: 100%; }
ct-popover .ct-popover-panel { background: rgb(255, 255, 255); border-radius: 12px; padding: 16px; box-shadow: rgba(184, 196, 208, 0.7) 0px 2px 8px 0px; width: 100%; }
.settlement-selection-title { color: rgb(68, 86, 103); font-size: 22px; font-weight: 700; line-height: 120%; letter-spacing: 0.11px; }
.settlement-selection-subtitle { color: rgb(85, 109, 130); margin-top: 15px; margin-bottom: 15px; font-size: 16px; font-weight: 400; line-height: 19px; max-width: 320px; }
.selection-error { color: rgb(229, 57, 53); font-size: 13px; font-weight: 400; line-height: 120%; letter-spacing: 0.026px; }
.settlement-selection { padding: 16px; background: rgb(248, 249, 250); min-width: 300px; border-radius: 12px; cursor: pointer; }
.settlement-selection .selection-marker { width: 20px; height: 20px; border-radius: 50%; border: 2px solid rgb(212, 220, 227); }
.settlement-selection .selection-marker i { color: transparent; font-size: 16px; line-height: 20px; }
.settlement-selection .selection-label { color: rgb(22, 145, 198); font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: 0.032px; }
.settlement-selection .selection-amount { color: rgb(68, 86, 103); font-size: 20px; font-weight: 700; line-height: 120%; letter-spacing: 0.04px; }
.settlement-selection .selection-date { color: rgb(68, 86, 103); font-size: 13px; font-weight: 400; line-height: 120%; letter-spacing: 0.026px; }
.settlement-selection.selected { background: rgb(220, 239, 247); }
.settlement-selection.selected .selection-marker { border: 2px solid transparent; background: rgb(22, 145, 198); }
.settlement-selection.selected .selection-marker i { color: rgb(255, 255, 255); }
.transfer-container .section-rate { margin-left: 0px; }
.transfer-container .quote-overview { margin-top: 13px; }
.transfer-container .payment-details { display: flex; justify-content: space-between; align-items: center; }
.transfer-container .payment-details .ct-settlement-section { margin-right: 5px; }
.transfer-container .payment-details .ct-label { color: rgb(22, 145, 198); font-size: 12px; font-weight: bold; text-transform: uppercase; }
.transfer-container .payment-details .value { font-weight: 300; line-height: 1; }
.transfer-container .payment-details .value .settlement-amount { color: rgb(85, 109, 130); font-size: 22px; font-weight: 700; line-height: 24px; margin-bottom: 5px; }
.transfer-container .payment-details .value .settlement-date { font-size: 14px; font-weight: 400; line-height: 16px; color: rgb(122, 146, 168); }
.transfer-container .payment-details .value .value-title { color: rgb(85, 85, 85); }
.transfer-container .confirmation-info-section h4 { font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px; color: rgb(85, 109, 130); }
.settle-option-dropdown .ng-select { height: 44px; }
.settle-option-dropdown .ng-select .selected-settlement-option-name { color: rgb(85, 109, 130); font-weight: 700; font-size: 16px; line-height: 19px; }
.settle-option-dropdown .ng-select .settlement-option { overflow-wrap: normal; }
.settle-option-dropdown .ng-select .settlement-option .settlement-option-name { color: rgb(85, 109, 130); font-weight: 700; font-size: 17px; line-height: 19px; }
.settle-option-dropdown .ng-select .settlement-option .settlement-option-description { color: rgb(85, 109, 130); font-weight: 400; font-size: 14px; line-height: 17px; }
.settle-option-dropdown .ng-select .settlement-option i { font-size: 17px; margin-right: 15px; }
.settle-option-dropdown .ng-select i { color: rgb(22, 145, 198); font-size: 20px; margin-right: 10px; }
.settle-option-dropdown .ng-select.settlement-form-dropdown { border: 1px solid rgb(187, 187, 187); background: rgb(255, 255, 255); }
.settle-option-dropdown .ng-select.settlement-form-dropdown.full-width { width: 100%; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .settle-option-dropdown .ng-select.settlement-form-dropdown.full-dropdown { width: 100%; }
}
.settle-option-dropdown .ng-select.settlement-form-dropdown.settlement-input-active { border-color: rgb(22, 145, 198); }
.settle-option-dropdown .ng-select.settlement-form-dropdown.ng-select-single .ng-select-container { height: 100%; border: 0px; border-radius: 0px; background-color: rgb(255, 255, 255); }
.settle-option-dropdown .ng-select.settlement-form-dropdown.ng-select-single .ng-select-container .ng-placeholder { color: rgb(136, 136, 136); }
.settle-option-dropdown .ng-select.settlement-form-dropdown.ng-select-single .ng-select-container .ng-value-container .ng-input { top: 2px; }
.settle-option-dropdown .ng-select.settlement-form-dropdown .ng-dropdown-panel { border-radius: 0px; margin-top: 2px; }
.settle-option-dropdown .ng-select.settlement-form-dropdown .ng-arrow-wrapper .ng-arrow { border-width: 5px 5px 0px; top: -2px; }
.settle-option-dropdown .ng-select.settlement-form-dropdown.unsearchable.ng-select-opened { border: 1px solid rgb(22, 145, 198); }
.settle-option-dropdown .ng-select.settlement-form-dropdown.unsearchable.ng-select-opened .ng-arrow-wrapper .ng-arrow { border-width: 0px 5px 5px; top: -2px; }
.settle-option-dropdown .ng-select.settlement-form-dropdown .dropdown-section-label { font-size: 13px; font-weight: 700; font-family: Lato, sans-serif; }
.settle-option-dropdown .ng-select.settlement-form-dropdown .ng-input > input { margin-top: 0px; text-transform: none; font-size: 14px; padding-left: 0px; padding-top: 7px; }
.settle-option-dropdown .ng-select.settlement-form-dropdown .ng-input > input:focus { outline: none; }
.mat-dialog-container { margin-left: 70px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .mat-dialog-container { margin-left: 0px; }
}
.selection-dialog .mat-dialog-container { border-radius: 12px; }
.cdk-overlay-backdrop.dialog-white-backdrop { background: rgba(255, 255, 255, 0.8); width: 100%; height: calc(100% - 60px); position: absolute; inset: 60px 0px 0px; transition-property: none; }
@media only screen and (min-width: 1200px) and (max-width: 12000px) {
  .cdk-overlay-backdrop.dialog-white-backdrop { width: calc(100% - 206px); left: 206px; }
}
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .cdk-overlay-backdrop.dialog-white-backdrop { width: calc(100% - 60px); left: 60px; }
}
.file-container { display: flex; border: 2px dashed rgb(213, 220, 227); border-radius: 15px; height: 90px; background-color: rgb(255, 255, 255); padding: 20px; margin: 0px 20px 20px; }
.file-container .file-title { font-weight: 400; font-size: 20px; line-height: 24px; white-space: nowrap; text-overflow: clip; overflow: hidden; position: relative; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .file-container .file-title { max-width: 150px; }
  .file-container .file-title::after { content: ""; height: 100%; width: 100%; position: absolute; right: 0px; background: linear-gradient(to right, rgba(255, 255, 255, 0) 95%, rgb(255, 255, 255)); }
}
.file-container .file-date { font-weight: 700; font-size: 12px; line-height: 14px; color: rgb(153, 171, 188); }
.file-container .file-icon { width: 38px; height: 50px; }
.file-container .file-pdf { background: url("../files/9a6095fdbe6c.svg"); }
.file-container .file-doc { background: url("../files/f9f929aa1dd4.svg"); }
.file-container .file-img { background: url("../files/9e5349e87f05.svg"); }
.file-container .icon-container i { font-size: 22px; }
.file-container .icon-container i.delete-icon { color: rgb(229, 57, 53); }
.file-container .icon-container .view-document { color: rgb(153, 171, 188); text-decoration: none; font-weight: 700; }
.note-container { padding: 12px 20px; border: 1px solid rgb(213, 220, 227); }
.note-container .value { font-size: 14px; margin-bottom: 20px; }
.note-container .value .value-title { color: rgb(22, 145, 198); }
.ct-automated-settlement-info { border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(213, 220, 227) rgb(213, 220, 227) currentcolor; border-image: initial; padding: 16px 16px 26px; margin-bottom: -10px; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.ct-automated-settlement-info i { color: rgb(22, 145, 198); }
.ct-automated-settlement-info .ct-automated-settlement-info-header { color: rgb(22, 145, 198); font-size: 16px; font-weight: 700; line-height: 100%; letter-spacing: 0.032px; }
.ct-automated-settlement-info .ct-automated-settlement-info-text { color: rgb(68, 86, 103); font-size: 14px; font-weight: 400; }
.ct-automated-settlement-info.settlement-error i { color: rgb(249, 198, 63); }
.ct-automated-settlement-info.settlement-error .ct-automated-settlement-info-header { color: rgb(249, 198, 63); }
.short-dropdown-container { height: 47px; }
.short-dropdown-container .label { padding: 0px 0px 0px 10px; font-weight: bold; font-size: 14px; color: rgb(153, 171, 188); }
.short-dropdown-container .ng-select-header-input input { width: 89%; margin-left: 10px; padding-left: 10px; }
.short-dropdown-container .ng-select.short-form-dropdown { height: auto; }
.short-dropdown-container .ng-select.short-form-dropdown .ng-arrow-wrapper { padding-right: 12px; margin-bottom: 6px; }
.short-dropdown-container .ng-select.short-form-dropdown .ng-arrow-wrapper .ng-arrow { border-width: 5px 5px 0px; border-color: rgb(187, 187, 187) transparent transparent; }
.short-dropdown-container .ng-select.short-form-dropdown.ng-select-single .ng-select-container { height: auto; background: transparent; min-height: 27px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(187, 187, 187); border-image: initial; border-radius: 0px; }
.short-dropdown-container .ng-select.short-form-dropdown.ng-select-single .ng-select-container .ng-value-container .ng-input { top: -5px; }
.short-dropdown-container .ng-select.short-form-dropdown.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-label { color: rgb(68, 86, 103); font-weight: 300; }
.short-dropdown-container .ng-select-template { color: rgb(85, 85, 85); padding: 0px; }
.beneficiaries-list { pointer-events: none; }
.beneficiaries-names { vertical-align: middle; }
.current-trades { border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 30px; }
.current-trades .show-xs { display: none; }
.current-trade { padding: 5px 15px 20px; }
.current-trade:nth-child(2n) { background-color: rgb(248, 248, 248); }
.current-trade .beneficiaries-list-trigger { color: rgb(22, 145, 198); }
.current-trade .beneficiaries-list-trigger:hover { text-decoration: none; color: rgb(25, 92, 125); }
.current-trade .beneficiaries-list-trigger:focus { color: rgb(22, 145, 198); outline: none; text-decoration: none; }
.current-trade .table { margin-bottom: 15px; }
.current-trade .mobile-trade-label { display: none; }
.current-trade th.right-aligned { text-align: right; }
.current-trade td.right-aligned { text-align: right; }
.current-trade td.vertical-center-aligned { vertical-align: middle; }
.current-trade td.status-container { width: 120px; }
.current-trade tbody td { border-bottom: 1px solid rgb(221, 221, 221); font-size: 16px; vertical-align: middle; }
.current-trade tbody td .ct-icon { font-size: 20px; }
.current-trade thead th { color: rgb(22, 145, 198); font-size: 12px; border-bottom: 1px solid rgb(221, 221, 221) !important; }
.current-trade .funds { vertical-align: middle; font-style: italic; font-size: 12px; margin-bottom: 15px; }
.current-trade .funds > div { padding: 5px 0px; color: rgb(184, 196, 208); border: 1px solid rgb(184, 196, 208); border-radius: 4px; }
.current-trade .trade-rate { background: url("../files/862c7a4aabcc.png") left center no-repeat, url("../files/862c7a4aabcc.png") right center no-repeat; vertical-align: middle; font-size: 16px; }
.current-trade .recipients { margin-bottom: 10px; }
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .current-trade .recipients { display: flex; align-items: center; }
  .current-trade .recipients.empty { align-items: flex-end; }
}
.current-trade .recipients .flag-icon { vertical-align: middle; margin: 0px 5px; font-size: 20px; }
.current-trade .recipients .beneficiaries { text-align: left; margin-top: 0px; margin-bottom: 0px; }
.current-trade .recipients .beneficiaries > div:first-child { color: rgb(22, 145, 198); font-size: 12px; font-weight: bold; display: block; margin-bottom: 8px; }
.current-trade .alert { padding: 6px 10px; margin-bottom: 15px; border-radius: 2px; display: block; background-color: rgb(254, 252, 245); color: rgb(236, 168, 43); border: 1px solid rgb(249, 198, 63); }
.current-trade .alert:hover { text-decoration: revert; }
.view-btn { display: inline-block; margin-bottom: 0px; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; text-decoration: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; background-color: rgb(22, 145, 198); border-radius: 2px; color: rgb(255, 255, 255); font-weight: bold; min-width: 120px; }
.view-btn:hover, .view-btn:focus, .view-btn:active { color: rgb(255, 255, 255); text-decoration: none; }
.beneficiaries-item { margin: 4px 0px; }
.mobile-trade-date { display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgb(221, 221, 221); }
.mobile-trade-date > div:first-child { font-size: 12px; font-weight: bold; color: rgb(22, 145, 198); }
ct-trade-history-list .trade-buttons { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  ct-trade-history-list .current-trade .table { display: block; width: 100%; }
  ct-trade-history-list .current-trade .table thead { display: none; }
  ct-trade-history-list .current-trade .table tbody { display: block; }
  ct-trade-history-list .current-trade .table tr { display: flex; flex-wrap: wrap; }
  ct-trade-history-list .current-trade .table td { flex: 1 1 0px; min-width: max-content; padding: 8px 15px; border-top: 0px; white-space: nowrap; }
  ct-trade-history-list .current-trade .trade-rate { background: none; }
  ct-trade-history-list .current-trade .mobile-trade-label { display: block; margin-bottom: 8px; color: rgb(22, 145, 198); font-size: 12px; font-weight: bold; }
  ct-trade-history-list .current-trade .recipients { flex-direction: column; align-items: stretch; }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  ct-trade-history-list .current-trades .hide-xs { display: none; }
  ct-trade-history-list .current-trades .show-xs { display: block; }
}
.trades-search { margin: 0px 0px 15px; padding: 0px 15px; }
.trades-search .btn { border-radius: 4px; }
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .trades-search .search-by-input { max-width: 150px; }
}
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .trades-search > * { margin-right: 15px; }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .trades-search > * { margin-bottom: 0px; }
}
.trades-search .input-container { display: flex; flex-direction: column; }
.trades-search .input-container label { margin: 0px 0px 0px 10px; color: rgb(85, 85, 85); font-size: 12px; }
.trades-search .input-container input { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(187, 187, 187); border-image: initial; box-shadow: none; padding: 3px 0px 3px 11px; }
.trades-search .dropdown-toggle { min-width: 122px; }
ct-recipients-allocate-page .allocation-heading { align-items: center; flex-wrap: wrap; gap: 10px; min-height: 60px; padding-top: 10px; padding-bottom: 10px; }
ct-recipients-allocate-page .allocation-heading .transfer-title.ct-title { flex: 1 1 220px; min-width: 0px; line-height: 1.4; overflow-wrap: anywhere; margin: 0px; }
ct-recipients-allocate-page .allocation-heading .cancel-button { flex-shrink: 0; }
.payments-container { position: relative; }
.payments-container .cancel-button { position: absolute; right: -19px; top: -76px; }
.payments-container .recipient-list { padding: 0px 30px; }
.payments-container .ct-alert { width: 70%; padding: 5px 10px; margin: 0px auto 15px; }
.allocating-recipient-container { max-width: 900px; padding: 0px 20px; margin-bottom: 30px; }
@media only screen and (min-width: 479px) and (max-width: 768px) {
  .allocating-recipient-container { padding: 0px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .allocating-recipient-container { padding: 0px 5px; }
}
.allocating-recipient-container .ct-section { margin-bottom: 16px; }
.allocating-recipient-container .ct-header { display: flex; flex-direction: row-reverse; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .allocating-recipient-container .ct-header { flex-direction: column; }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .allocating-recipient-container .ct-btn { width: 100%; }
}
.allocating-recipient-container .ct-recipients-list { max-height: 300px; overflow: auto; }
.allocating-recipient-container .content { padding: 0px; }
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .allocating-recipient-container .content { padding: 0px; }
}
.allocating-recipient-container .search-input-container { flex: 1 0 auto; margin-right: 20px; }
.allocating-recipient-container .ct-recipient-account { font-size: 12px; line-height: 20px; letter-spacing: 0.1px; margin-left: 0px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .allocating-recipient-container .ct-recipient-account { margin-left: -30px; }
}
.allocating-recipient-container .ct-recipient-account > span { font-weight: 600; }
.allocating-recipient-container .ct-currency-details { font-size: 12px; font-weight: 600; color: rgb(136, 136, 136); text-align: center; padding-right: 15px; text-transform: uppercase; line-height: 20px; }
.allocating-recipient-container .ct-currency-details .ct-detail { line-height: 1; margin-top: 5px; }
.allocating-recipient-container .ct-recipient-details { display: flex; justify-content: space-between; align-items: center; flex-grow: 1; }
.allocating-recipient-container .ct-recipient-details .ct-icon-item { font-size: 34px; color: rgb(44, 190, 197); margin-right: 8px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .allocating-recipient-container .ct-recipient-details .ct-icon-item { height: 18px; font-size: 18px; margin-top: 3px; }
}
.allocating-recipient-container .ct-recipient-details .ct-icon-profile-pending-individual, .allocating-recipient-container .ct-recipient-details .ct-icon-profile-pending-company, .allocating-recipient-container .ct-recipient-details .ct-icon-approve-recipient-company, .allocating-recipient-container .ct-recipient-details .ct-icon-approve-recipient-individual { color: rgb(184, 196, 208); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .allocating-recipient-container .ct-recipient-details .ct-icon-profile-pending-individual, .allocating-recipient-container .ct-recipient-details .ct-icon-profile-pending-company, .allocating-recipient-container .ct-recipient-details .ct-icon-approve-recipient-company, .allocating-recipient-container .ct-recipient-details .ct-icon-approve-recipient-individual { height: 34px; font-size: 34px; margin-top: 0px; }
}
.allocating-recipient-container .ct-recipient-name { font-size: 18px; line-height: 22px; color: rgb(136, 136, 136); }
.allocating-recipient-container .ct-recipient-account { font-size: 12px; line-height: 20px; letter-spacing: 0.1px; margin-left: 0px; color: rgb(85, 109, 130); }
.allocating-recipient-container .list-item { border-top: 1px solid rgba(102, 102, 102, 0.3); position: relative; cursor: pointer; }
.allocating-recipient-container .list-item:hover .ct-recipient-name { color: rgb(85, 109, 130); }
.allocating-recipient-container .list-item:hover { color: rgb(85, 109, 130); background: rgb(233, 237, 240); text-decoration: none; }
.allocating-recipient-container .list-item.active-item { background: rgb(220, 239, 247); }
.allocating-recipient-container .list-item.active-item .ct-recipient-name { color: rgb(22, 149, 202); }
.allocating-recipient-container .list-item:last-of-type { border-bottom: 1px solid rgba(102, 102, 102, 0.3); }
.allocating-recipient-container .list-item-content { padding: 15px; min-height: 73px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .allocating-recipient-container .list-item-content { overflow: hidden; margin: 15px; }
}
.transfer-container { border-bottom: 1px solid rgb(238, 238, 238); }
.transfer-container .allocate-recipient-initial-container { min-height: 100px; width: 100%; max-width: 840px; padding: 15px; background-color: rgb(254, 252, 245); box-shadow: rgb(249, 198, 63) 0px 1px 0px 0px inset, rgb(249, 198, 63) -1px 0px 0px 0px inset, rgb(249, 198, 63) 0px -1px 0px 0px inset, rgb(249, 198, 63) 1px 0px 0px 0px inset; }
.transfer-container .allocate-recipient-initial-container .ct-icon-profile-individual { color: rgb(249, 198, 63); font-size: 34px; margin-right: 15px; }
.transfer-container .allocate-recipient-initial-container .unallocated-label { font-size: 16px; font-weight: 900; color: rgb(85, 85, 85); }
.transfer-container .ct-allocate-funds-container { max-width: none; }
.transfer-container .ct-allocate-funds-container .dropdown-container .ng-select { width: 100%; }
.transfer-container .ct-allocate-funds-container .dropdown-container .ng-select.purpose-dropdown .ng-select-container { background: rgb(255, 255, 255); border: 2px solid rgb(187, 187, 187); min-height: 46px; border-radius: 0px; }
.transfer-container .ct-allocate-funds-container .dropdown-container .ng-select.purpose-dropdown.ng-select-opened .ng-select-container { border-color: rgb(22, 145, 198); }
.transfer-container .ct-allocate-funds-container .dropdown-container .ng-select.purpose-dropdown .ng-select-header-input input { width: 100%; }
.transfer-container .ct-allocate-funds-container .dropdown-container .ng-select.purpose-dropdown .ng-dropdown-panel { margin-top: 2px; border-radius: 0px; border-width: 0px 2px 2px; border-style: none solid solid; border-color: currentcolor rgb(187, 187, 187) rgb(187, 187, 187); border-image: initial; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; }
.transfer-container .ct-allocate-funds-container .dropdown-container .ng-select.purpose-dropdown .ct-icon-search-icon { display: none; }
.transfer-container .ct-allocate-funds-container .ct-previous-reference-container { background-color: rgb(220, 239, 247); padding: 16px; }
.transfer-container .ct-allocate-funds-container .ct-previous-reference-container .previous-title { color: rgb(22, 149, 202); font-weight: 700; margin-right: 5px; }
.transfer-container .ct-allocate-funds-container .ct-previous-reference-container .ct-pill-button { background-color: rgb(220, 239, 247); border: 1px solid rgb(22, 149, 202); border-radius: 5px; color: rgb(22, 149, 202); margin-left: 5px; margin-right: 5px; height: 30px; }
.transfer-container .ct-allocate-funds-container .ct-previous-reference-container .ct-pill-button:focus, .transfer-container .ct-allocate-funds-container .ct-previous-reference-container .ct-pill-button:hover { background-color: rgb(22, 145, 198); color: rgb(255, 255, 255); }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .transfer-container .content > .inner-container { display: block; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .transfer-container .ct-allocation { padding: 16px 0px; }
  .transfer-container .ct-allocation .ct-allocation-instructions { margin-bottom: 10px; }
  .transfer-container .ct-allocation .ct-allocation-instruction-heading { font-weight: 300; font-size: 18px; margin-bottom: 10px; }
  .transfer-container .ct-allocation .ct-instruction { padding: 10px; }
  .transfer-container .ct-allocation .ct-instruction + .ct-allocation-instruction-heading { margin-top: 20px; }
  .transfer-container .ct-allocation .ct-instruction + .ct-instruction { padding-top: 0px; }
  .transfer-container .ct-allocation .ct-instruction-data { display: flex; color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-instruction-content { display: flex; flex-direction: column; color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-instruction-recipient { flex: 1 0 auto; }
  .transfer-container .ct-allocation .ct-instruction-reference { flex: 1 0 auto; }
  .transfer-container .ct-allocation .ct-instruction-label { font-size: 14px; font-weight: 300; margin-right: 6px; }
  .transfer-container .ct-allocation .ct-instruction-info { flex: 1 0 auto; font-size: 16px; font-weight: 400; }
  .transfer-container .ct-allocation .ct-instruction-content-strong .ct-instruction-info { font-weight: 800; }
  .transfer-container .ct-allocation .ct-notification { margin-bottom: 20px; padding: 0px 10px; }
  .transfer-container .ct-allocation .ct-notification-label { font-weight: 600; color: rgb(22, 145, 198); }
  .transfer-container .ct-allocation .ct-notification-content { font-size: 14px; color: rgb(85, 85, 85); line-height: 1.32; letter-spacing: 0.2px; }
  .transfer-container .ct-allocation .ct-note { padding: 10px; background: rgba(250, 206, 92, 0.8); }
  .transfer-container .ct-allocation .ct-note-content { color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-button-container { text-align: center; }
  .transfer-container .ct-allocation .ct-md-button { background: rgb(22, 145, 198); color: rgb(255, 255, 255); border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border-radius: 2px; font-size: 12px; line-height: 18px; padding: 8px 12px; }
  .transfer-container .ct-allocation .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
  .transfer-container .ct-allocation .ct-md-button:active { }
  .transfer-container .ct-allocation .md-button-clear { background: transparent; color: rgb(184, 196, 208); }
  .transfer-container .ct-previous-reference-container { display: flex; flex-direction: column; }
  .transfer-container .ct-previous-reference-container .previous-title, .transfer-container .ct-previous-reference-container .ct-pill-button { margin: 5px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .transfer-container .ct-allocation { padding: 15px; }
  .transfer-container .ct-allocation .ct-allocation-instructions { margin-bottom: 10px; }
  .transfer-container .ct-allocation .ct-allocation-instruction-heading { font-weight: 300; font-size: 18px; margin-bottom: 10px; }
  .transfer-container .ct-allocation .ct-instruction { padding: 10px; }
  .transfer-container .ct-allocation .ct-instruction + .ct-allocation-instruction-heading { margin-top: 20px; }
  .transfer-container .ct-allocation .ct-instruction + .ct-instruction { padding-top: 0px; }
  .transfer-container .ct-allocation .ct-instruction-data { display: flex; color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-instruction-content { display: flex; color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-instruction-recipient { flex: 1 0 auto; }
  .transfer-container .ct-allocation .ct-instruction-reference { flex: 1 0 auto; }
  .transfer-container .ct-allocation .ct-instruction-label { font-size: 14px; font-weight: 300; margin-right: 6px; }
  .transfer-container .ct-allocation .ct-instruction-info { flex: 1 0 auto; font-size: 16px; font-weight: 400; }
  .transfer-container .ct-allocation .ct-instruction-content-strong .ct-instruction-info { font-weight: 800; }
  .transfer-container .ct-allocation .ct-notification { margin-bottom: 20px; padding: 0px 10px; }
  .transfer-container .ct-allocation .ct-notification-label { font-weight: 600; color: rgb(22, 145, 198); }
  .transfer-container .ct-allocation .ct-notification-content { font-size: 14px; color: rgb(85, 85, 85); line-height: 1.32; letter-spacing: 0.2px; }
  .transfer-container .ct-allocation .ct-note { padding: 10px; background: rgba(250, 206, 92, 0.8); }
  .transfer-container .ct-allocation .ct-note-content { color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-button-container { text-align: center; }
  .transfer-container .ct-allocation .ct-md-button { background: rgb(22, 145, 198); color: rgb(255, 255, 255); border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border-radius: 2px; font-size: 12px; line-height: 18px; padding: 8px 12px; }
  .transfer-container .ct-allocation .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
  .transfer-container .ct-allocation .ct-md-button:active { }
  .transfer-container .ct-allocation .md-button-clear { background: transparent; color: rgb(184, 196, 208); }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .transfer-container .ct-allocation .ct-allocation-instructions { margin-bottom: 10px; }
  .transfer-container .ct-allocation .ct-allocation-instruction-heading { font-weight: 300; font-size: 18px; margin-bottom: 10px; }
  .transfer-container .ct-allocation .ct-instruction { padding: 10px; }
  .transfer-container .ct-allocation .ct-instruction + .ct-allocation-instruction-heading { margin-top: 20px; }
  .transfer-container .ct-allocation .ct-instruction + .ct-instruction { padding-top: 0px; }
  .transfer-container .ct-allocation .ct-instruction-data { display: flex; color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-instruction-content { display: flex; color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-instruction-recipient { flex: 1 0 auto; }
  .transfer-container .ct-allocation .ct-instruction-reference { flex: 1 0 auto; }
  .transfer-container .ct-allocation .ct-instruction-label { font-size: 14px; font-weight: 300; margin-right: 6px; }
  .transfer-container .ct-allocation .ct-instruction-info { flex: 1 0 auto; font-size: 16px; font-weight: 400; }
  .transfer-container .ct-allocation .ct-instruction-content-strong .ct-instruction-info { font-weight: 800; }
  .transfer-container .ct-allocation .ct-notification { margin-bottom: 20px; padding: 0px 10px; }
  .transfer-container .ct-allocation .ct-notification-label { font-weight: 600; color: rgb(22, 145, 198); }
  .transfer-container .ct-allocation .ct-notification-content { font-size: 14px; color: rgb(85, 85, 85); line-height: 1.32; letter-spacing: 0.2px; }
  .transfer-container .ct-allocation .ct-note { padding: 10px; background: rgba(250, 206, 92, 0.8); }
  .transfer-container .ct-allocation .ct-note-content { color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-button-container { text-align: center; }
  .transfer-container .ct-allocation .ct-md-button { background: rgb(22, 145, 198); color: rgb(255, 255, 255); border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border-radius: 2px; font-size: 12px; line-height: 18px; padding: 8px 12px; }
  .transfer-container .ct-allocation .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
  .transfer-container .ct-allocation .ct-md-button:active { }
  .transfer-container .ct-allocation .md-button-clear { background: transparent; color: rgb(184, 196, 208); }
}
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .transfer-container .ct-allocation .ct-allocation-instructions { margin-bottom: 10px; }
  .transfer-container .ct-allocation .ct-allocation-instruction-heading { font-weight: 300; font-size: 18px; margin-bottom: 10px; }
  .transfer-container .ct-allocation .ct-instruction { padding: 10px; }
  .transfer-container .ct-allocation .ct-instruction + .ct-allocation-instruction-heading { margin-top: 20px; }
  .transfer-container .ct-allocation .ct-instruction + .ct-instruction { padding-top: 0px; }
  .transfer-container .ct-allocation .ct-instruction-data { display: flex; color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-instruction-content { display: flex; color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-instruction-recipient { flex: 1 0 auto; }
  .transfer-container .ct-allocation .ct-instruction-reference { flex: 1 0 auto; }
  .transfer-container .ct-allocation .ct-instruction-label { font-size: 14px; font-weight: 300; margin-right: 6px; }
  .transfer-container .ct-allocation .ct-instruction-info { flex: 1 0 auto; font-size: 16px; font-weight: 400; }
  .transfer-container .ct-allocation .ct-instruction-content-strong .ct-instruction-info { font-weight: 800; }
  .transfer-container .ct-allocation .ct-notification { margin-bottom: 20px; padding: 0px 10px; }
  .transfer-container .ct-allocation .ct-notification-label { font-weight: 600; color: rgb(22, 145, 198); }
  .transfer-container .ct-allocation .ct-notification-content { font-size: 14px; color: rgb(85, 85, 85); line-height: 1.32; letter-spacing: 0.2px; }
  .transfer-container .ct-allocation .ct-note { padding: 10px; background: rgba(250, 206, 92, 0.8); }
  .transfer-container .ct-allocation .ct-note-content { color: rgb(85, 85, 85); }
  .transfer-container .ct-allocation .ct-button-container { text-align: center; }
}
.transfer-container.ct-quote-page-container { border-bottom: 1px solid rgb(238, 238, 238); }
.transfer-container.ct-quote-page-container .ct-requote-container { position: relative; }
.transfer-container.ct-quote-page-container .ct-requote-container .refreshing-quotes-message { position: relative; }
.transfer-container.ct-quote-page-container .ct-requote-container .refreshing-quotes-message .inner-content { padding-bottom: 0px; }
.transfer-container.ct-quote-page-container .ct-requote-container .refreshing-quotes-message .wrapper { padding-top: 0px; }
.transfer-container.ct-quote-page-container .rate-alert-message-container { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px 30px 30px; }
.transfer-container.ct-quote-page-container .rate-alert-message-container .message { font-size: 14px; color: rgb(85, 85, 85); letter-spacing: -0.12px; margin-top: 10px; }
.transfer-container.ct-quote-page-container .content > .inner-container { display: flex; }
.transfer-container.ct-quote-page-container .content .ct-quote-content > .inner-container { padding: 0px 28px 55px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .transfer-container.ct-quote-page-container .content .ct-quote-content > .inner-container { padding: 0px; }
  .transfer-container.ct-quote-page-container .content .ct-quote-content > .inner-container { padding: 0px 16px; }
}
.transfer-container.ct-quote-page-container .header-container .ct-quote-content > .inner-container { padding: 0px 28px; }
.transfer-container.ct-quote-page-container .ct-quote-results-footer { text-align: center; }
.transfer-container.ct-quote-page-container .ct-quote-results-footer .btn-quotes { text-transform: uppercase; color: rgb(153, 171, 188); background: transparent; padding: 15px 0px; }
.transfer-container.ct-quote-page-container .ct-quote-results-footer .btn-quotes:focus, .transfer-container.ct-quote-page-container .ct-quote-results-footer .btn-quotes:active, .transfer-container.ct-quote-page-container .ct-quote-results-footer .btn-quotes:active:focus { outline: none; box-shadow: none; color: rgb(122, 146, 168); }
.transfer-container.ct-quote-page-container .ct-quote-results-footer .btn-quotes:focus:hover { color: rgb(74, 95, 114); }
.transfer-container.ct-quote-page-container .ct-quotation-container { padding-bottom: 55px; }
.transfer-container.ct-quote-page-container .section-rate { margin-left: 0px; }
.transfer-container.ct-quote-page-container .ct-requote-overlay-container { height: 100%; width: 100%; position: absolute; z-index: 8; }
.transfer-container.ct-quote-page-container .ct-requote-overlay-container .ct-requote-overlay { position: absolute; height: 100%; width: 100%; background: rgba(254, 254, 254, 0.78); }
.transfer-container.ct-quote-page-container .ct-requote-overlay-container .ct-requote { position: absolute; width: 100%; }
.transfer-container.ct-quote-page-container .ct-requote-overlay-container .ct-requote-button { border: rgb(218, 239, 254); margin-top: 18%; background-color: rgb(22, 145, 198); color: rgb(255, 255, 255); text-transform: uppercase; line-height: 22px; font-size: 14px; padding: 4px 10px; position: relative; }
.transfer-container.ct-quote-page-container .ct-requote-overlay-container .ct-requote-button .icon-spinner { display: inline-block; width: 30px; height: 30px; position: absolute; left: -24px; background: rgb(25, 92, 125); margin-top: -4px; }
.transfer-container.ct-quote-page-container .ct-requote-overlay-container .ct-requote-button .icon-spinner::before { content: ""; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1IDE1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0eWxlMHtmaWxsOgkjMTU3MTk5O30uc3R5bGUxe2ZpbGwtcnVsZToJZXZlbm9kZDtjbGlwLXJ1bGU6CWV2ZW5vZGQ7ZmlsbDoJI0ZGRkZGRjt9PC9zdHlsZT48Zz48cGF0aCBkaXNwbGF5PSJub25lIiBkPSJNLTUuNzc1LTguNDZjLTEuMTA0IDAtMiAwLjg5Ni0yIDJ2MjhjMCAxLjEgMC45IDIgMiAyaDI5LjIxMnYtMzJILTUuNzc1eiIgY2xhc3M9InN0eWxlMCIvPjxwYXRoIGQ9Ik0xNC4yOTYgNS4zOTFoLTAuNzAzaC0wLjM4N0gxMS4yNSBjLTAuMzg5IDAtMC43MDMtMC4zMTQtMC43MDMtMC43MDNzMC4zMTQtMC43MDMgMC43MDMtMC43MDNoMS4yMTFDMTEuMzU5IDIuNCA5LjYgMS40IDcuNSAxLjQgYy0zLjM2NSAwLTYuMDk0IDIuNzI5LTYuMDk0IDYuMDk0YzAgMC4zODktMC4zMTQgMC43MDMtMC43MDMgMC43MDNTMCA3LjkgMCA3LjVDMCAzLjQgMy40IDAgNy41IDAgYzIuNTE1IDAgNC43IDEuMiA2LjEgMy4xNDRWMS44NzVjMC0wLjM4OSAwLjMxNC0wLjcwMyAwLjcwMy0wLjcwM0MxNC42ODMgMS4yIDE1IDEuNSAxNSAxLjg3NXYyLjgxMyBDMTUgNS4xIDE0LjcgNS40IDE0LjMgNS40IE0wLjcwMyA5LjYwOUgzLjc1YzAuMzg5IDAgMC43IDAuMyAwLjcgMC43MDNzLTAuMzE0IDAuNzAzLTAuNzAzIDAuNzAzSDIuNTI5IGMxLjEwMiAxLjYgMi45IDIuNiA1IDIuNTc4YzMuMzY1IDAgNi4wOTMtMi43MjkgNi4wOTMtNi4wOTRjMC0wLjM4OSAwLjMxNC0wLjcwMyAwLjcwMy0wLjcwMyBDMTQuNjgzIDYuOCAxNSA3LjEgMTUgNy41YzAgNC4xNDMtMy4zNTcgNy41LTcuNSA3LjVjLTIuNTIgMC00LjczNi0xLjI0Ni02LjA5NC0zLjE1NHYxLjI3OWMwIDAuMzg5LTAuMzE0IDAuNzAzLTAuNzAzIDAuNyBTMCAxMy41IDAgMTMuMTI1di0yLjgxM0MwIDkuOSAwLjMgOS42IDAuNyA5LjYiIGNsYXNzPSJzdHlsZTEiLz48L2c+PC9zdmc+") center center no-repeat; width: 30px; height: 30px; display: inline-block; }
.transfer-container.ct-quote-page-container .ct-requote-overlay-container .ct-requote-button.active .icon-spinner::before { animation: 2s linear 0s infinite normal none running rotation; }
.transfer-container.ct-quote-page-container .ct-requote-timer { font-size: 13px; margin-top: -20px; }
.transfer-container.ct-quote-page-container .ct-requote-timebar-container { background: rgb(212, 220, 227); }
.transfer-container.ct-quote-page-container .ct-requote-timebar-container .ct-requote-timebar { height: 8px; }
.transfer-container.ct-quote-page-container .status-1 { animation: 1s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-2 { animation: 2s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-3 { animation: 3s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-4 { animation: 4s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-5 { animation: 5s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-6 { animation: 6s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-7 { animation: 7s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-8 { animation: 8s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-9 { animation: 9s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-10 { animation: 10s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-11 { animation: 11s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-12 { animation: 12s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-13 { animation: 13s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-14 { animation: 14s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-15 { animation: 15s linear 0s 1 normal forwards running status; }
.transfer-container.ct-quote-page-container .status-16 { animation: 16s linear 0s 1 normal forwards running status; }
@keyframes status { 
  0% { width: 100%; background-color: rgb(93, 191, 53); }
  50% { width: 50%; background-color: rgb(93, 191, 53); }
  70% { width: 30%; background-color: rgb(247, 148, 31); }
  100% { width: 0px; background-color: rgb(229, 57, 53); }
}
.transfer-container.ct-quote-page-container .ct-quote-processing { opacity: 0; visibility: hidden; }
.transfer-container.ct-quote-page-container .ct-main-quote { background: rgb(245, 252, 243); }
.transfer-container.ct-quote-page-container .broker-quotations-visual .dates .half { background: transparent; }
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .transfer-container.ct-quote-page-container .ct-quote-section-title { text-transform: uppercase; color: rgb(22, 145, 198); margin: 0px 0px -2px; font-size: 12px; font-weight: 600; line-height: 14px; }
  .transfer-container.ct-quote-page-container .ct-quote-section-rate { font-size: 24px; font-weight: 300; }
  .transfer-container.ct-quote-page-container .ct-quote-currency-amount { font-size: 24px; font-weight: 300; white-space: nowrap; }
  .transfer-container.ct-quote-page-container .ct-quote-currency-amount > span { font-size: 16px; font-weight: 500; }
  .transfer-container.ct-quote-page-container .ct-quote-message-clause { font-size: 12px; padding: 8px 16px; }
  .transfer-container.ct-quote-page-container .ct-quote-message-clause > .highlight { font-weight: 900; }
  .transfer-container.ct-quote-page-container .ct-quote-tooltip.bottom > .tooltip-arrow { }
  .transfer-container.ct-quote-page-container .ct-quote-tooltip > .tooltip-inner { background: rgb(22, 145, 198); color: rgb(255, 255, 255); font-weight: 600; max-width: 185px; }
}
@media only screen and (min-width: 480px) and (max-width: 12000px) {
  .transfer-container.ct-quote-page-container .ct-quote-content { margin-left: -19px; }
  .transfer-container.ct-quote-page-container .ct-requote-container { margin: 0px -28px; }
  .transfer-container.ct-quote-page-container .ct-quote-page { margin: 0px -28px; }
  .transfer-container.ct-quote-page-container .ct-quote-messages-mobile { display: none; }
  .transfer-container.ct-quote-page-container .ct-quote-element-content { display: flex; justify-content: space-around; padding: 0px 8px; }
  .transfer-container.ct-quote-page-container .ct-quote-currency-amount-container { font-size: 24px; font-weight: 300; }
  .transfer-container.ct-quote-page-container .ct-quote-currency-amount-container > span { font-size: 18px; font-weight: 500; }
  .transfer-container.ct-quote-page-container .ct-quote-section-rate-container { text-align: center; font-size: 24px; font-weight: 300; }
  .transfer-container.ct-quote-page-container .ct-quote-section-rate { font-size: 20px; }
  .transfer-container.ct-quote-page-container .ct-quote-section-rate::before, .transfer-container.ct-quote-page-container .ct-quote-section-rate::after { content: "k"; font-family: currencytransfer; font-size: 30px; opacity: 1; letter-spacing: 0.13em; align-self: center; line-height: 1; }
  .transfer-container.ct-quote-page-container .ct-quote-section-rate::before, .transfer-container.ct-quote-page-container .ct-quote-section-rate::after { opacity: 0.6; vertical-align: middle; line-height: 1; }
  .transfer-container.ct-quote-page-container .ct-quote-section-inverse-container { text-transform: uppercase; color: rgb(136, 136, 136); line-height: 14px; font-size: 12px; }
  .transfer-container.ct-quote-page-container .ct-quote-section-title { margin-bottom: -4px; }
  .transfer-container.ct-quote-page-container .ct-quote-section-subtext { font-size: 12px; font-weight: 300; }
  .transfer-container.ct-quote-page-container .ct-quote-section-subtext > span { font-weight: 400; }
  .transfer-container.ct-quote-page-container .ct-quote-message { font-size: 14px; line-height: 22px; padding: 8px 0px; }
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .transfer-container.ct-quote-page-container .ct-quote-messages-mobile { display: none; }
  .transfer-container.ct-quote-page-container .ct-mobile-quote-currency-amounts { display: flex; flex: 1 1 0px; min-width: min-content; flex-direction: column; }
  .transfer-container.ct-quote-page-container .ct-mobile-quote-currency-amount-container { flex: 1 0 auto; display: flex; justify-content: center; flex-direction: column; text-align: left; border-bottom: 1px solid rgba(65, 180, 18, 0.3); padding-bottom: 10px; padding-top: 6px; }
  .transfer-container.ct-quote-page-container .ct-mobile-quote-currency-amount-container:last-child { border-bottom: 0px; padding-top: 14px; padding-bottom: 0px; }
  .transfer-container.ct-quote-page-container .ct-quote-section-title { text-transform: uppercase; color: rgb(22, 145, 198); margin: 0px 0px 2px; font-size: 12px; font-weight: 600; line-height: 14px; }
  .transfer-container.ct-quote-page-container .ct-mobile-quote-currency-amount { white-space: nowrap; font-size: 24px; font-weight: 200; line-height: 24px; padding: 0px 0px 4px; letter-spacing: -0.6px; margin-left: -1px; }
  .transfer-container.ct-quote-page-container .ct-mobile-quote-currency-amount > span { font-size: 18px; font-weight: 400; }
  .transfer-container.ct-quote-page-container .ct-mobile-quote-section-subtext { font-size: 12px; margin-top: -6px; font-weight: 200; }
  .transfer-container.ct-quote-page-container .ct-mobile-quote-section-subtext > span { font-weight: 400; }
  .transfer-container.ct-quote-page-container .ct-mobile-quote-section-rate-container { padding-left: 5px; max-width: 90px; display: flex; flex: 1 0 auto; justify-content: center; flex-direction: column; text-align: center; }
  .transfer-container.ct-quote-page-container .ct-mobile-quote-section-rate { font-size: 20px; line-height: 24px; padding-bottom: 4px; }
  .transfer-container.ct-quote-page-container .ct-mobile-quote-section-inverse-container { text-transform: uppercase; color: rgb(136, 136, 136); line-height: 14px; font-size: 11px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .transfer-container.ct-quote-page-container .ct-quote-messages-mobile { display: none; }
  .transfer-container.ct-quote-page-container .ct-quote-element-content { flex-direction: row; display: flex; }
  .transfer-container.ct-quote-page-container .ct-quote-currency-amount-container { flex: 1 0 0px; }
  .transfer-container.ct-quote-page-container .ct-quote-currency-amount { font-size: 20px; }
  .transfer-container.ct-quote-page-container .ct-quote-section-rate-container { text-align: center; font-weight: 300; }
  .transfer-container.ct-quote-page-container .ct-quote-section-rate { font-size: 20px; }
  .transfer-container.ct-quote-page-container .ct-quote-section-rate::before, .transfer-container.ct-quote-page-container .ct-quote-section-rate::after { content: "k"; font-family: currencytransfer; font-size: 30px; opacity: 1; letter-spacing: 0.13em; align-self: center; line-height: 1; }
  .transfer-container.ct-quote-page-container .ct-quote-section-rate::before, .transfer-container.ct-quote-page-container .ct-quote-section-rate::after { font-size: 20px; opacity: 0.6; vertical-align: middle; line-height: 1; }
  .transfer-container.ct-quote-page-container .ct-quote-section-inverse-container { text-transform: uppercase; color: rgb(136, 136, 136); line-height: 14px; font-size: 11px; }
  .transfer-container.ct-quote-page-container .ct-quote-book { height: initial; width: 130px; }
  .transfer-container.ct-quote-page-container .ct-quote-section-subtext { font-size: 12px; font-weight: 300; }
}
.transfer-container.ct-quote-page-container .ct-quote-messages { text-align: center; text-transform: uppercase; font-size: 12px; }
.transfer-container.ct-quote-page-container .ct-quote-messages.ct-quote-message-green { color: rgb(65, 180, 18); background-color: rgb(236, 248, 231); }
.transfer-container.ct-quote-page-container .ct-quote-messages .ct-quote-message-save-vs-bank { text-transform: uppercase; }
.transfer-container.ct-quote-page-container .ct-quote-container { display: flex; }
@media only screen and (min-width: 480px) and (max-width: 991px) {
  .transfer-container.ct-quote-page-container .ct-quote-container .quote-contents-container > div:first-child { flex-wrap: wrap; gap: 20px; }
  .transfer-container.ct-quote-page-container .ct-quote-container .ct-quote-broker-image { width: 100px; margin-right: 0px; }
  .transfer-container.ct-quote-page-container .ct-quote-container .ct-mobile-quote { flex: 1 1 300px; width: auto; min-width: 0px; }
  .transfer-container.ct-quote-page-container .ct-quote-container .book-button-container { margin: 0px 0px 0px auto; }
}
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .transfer-container.ct-quote-page-container .ct-quote-container .quote-contents-container > div:first-child { flex-wrap: wrap; row-gap: 20px; }
  .transfer-container.ct-quote-page-container .ct-quote-container .ct-quote-broker-image { margin-right: 0px; }
  .transfer-container.ct-quote-page-container .ct-quote-container .book-button-container { margin-left: auto; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .transfer-container.ct-quote-page-container .ct-quote-container { flex-direction: column; justify-content: center; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .transfer-container.ct-quote-page-container .ct-quote-container { padding: 15px 40px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .transfer-container.ct-quote-page-container .ct-quote-container { padding: 15px 40px; }
}
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .transfer-container.ct-quote-page-container .ct-quote-container { align-items: center; }
}
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .transfer-container.ct-quote-page-container .ct-quote-container { flex-direction: row; justify-content: space-around; padding: 35px 24px; }
}
.transfer-container.ct-quote-page-container .ct-mobile-quote { display: flex; flex-wrap: wrap; }
@media only screen and (min-width: 480px) and (max-width: 12000px) {
  .transfer-container.ct-quote-page-container .ct-mobile-quote { width: 100%; }
}
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .transfer-container.ct-quote-page-container .ct-mobile-quote { display: none; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .transfer-container.ct-quote-page-container .ct-mobile-quote { width: 85%; margin-bottom: 35px; }
}
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .transfer-container.ct-quote-page-container .ct-quote-book { height: initial; margin: 0px auto; }
}
.transfer-container.ct-quote-page-container .ct-quote-broker-image { flex-shrink: 0; height: 60px; width: 120px; }
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .transfer-container.ct-quote-page-container .ct-quote-broker-image { margin-right: 35px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .transfer-container.ct-quote-page-container .ct-quote-broker-image { margin: 10px 0px 0px; }
}
.transfer-container.ct-quote-page-container .ct-quote-broker-image > img { height: 100%; width: 100%; }
.transfer-container.ct-quote-page-container .quote-contents-container { display: flex; align-items: center; justify-content: space-between; width: 100%; }
@media only screen and (min-width: 0) and (max-width: 991px) {
  .transfer-container.ct-quote-page-container .quote-contents-container { flex-direction: column; }
}
.transfer-container.ct-quote-page-container .quote-contents-container > div:first-child { width: 100%; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .transfer-container.ct-quote-page-container .book-button-container { margin: 15px 0px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .transfer-container.ct-quote-page-container .book-button-container { margin-bottom: 18px; }
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .transfer-container.ct-quote-page-container .hidden-mobile { display: none; }
}
.transfer-container.ct-quote-page-container .quoting-overlay .content { background-color: transparent; box-shadow: none; }
.transfer-container.ct-quote-page-container .set-rate-alert-image { position: relative; top: -25px; }
.transfer-container { padding: 0px; border-bottom: 1px solid rgb(238, 238, 238); border-top: 0px; }
.transfer-container .ct-trade-content-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; justify-content: center; background: rgba(250, 250, 250, 0.8); }
.transfer-container .ct-trade-content-overlay .section-back-to-create { align-self: center; }
.transfer-container .ct-trade-content-overlay .ct-md-button { background: rgb(22, 145, 198); color: rgb(255, 255, 255); border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border-radius: 2px; font-size: 12px; line-height: 18px; padding: 8px 36px; }
.transfer-container .ct-trade-content-overlay .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
.transfer-container .ct-trade-content-overlay .ct-md-button:active { }
.transfer-container .ct-trade-content-overlay .ct-md-button { margin-left: -20px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .transfer-container .ct-trade-content-overlay { display: none; }
}
.ct-trade-review { padding: 8px 0px; }
.ct-trade-review.ct-trade-review-hidden-xs { display: block; }
.ct-trade-review.ct-trade-review-only-xs { display: none; }
.ct-trade-review .section-payment { flex: 1 0 auto; display: flex; justify-content: center; }
.ct-trade-review .section-payment.modify-margin-right { margin-right: -20px; }
.ct-trade-review .section-payment.modify-margin-left { margin-left: -20px; }
.ct-trade-review .section-payment.justify-start { justify-content: start; }
.ct-trade-review .section-payment.justify-end { justify-content: end; }
.ct-trade-review .section-payment > .inner-container { text-align: left; }
.ct-trade-review .section-payment > .inner-container.sending { text-align: right; }
.ct-trade-review .section-payment h5 { text-transform: uppercase; color: rgb(22, 145, 198); margin: 0px; font-size: 11px; font-weight: 400; line-height: 14px; }
.ct-trade-review .section-payment .text-main { font-size: 18px; line-height: 1.2; font-weight: 300; }
.ct-trade-review .section-payment .text-main span { font-size: 13px; font-weight: 400; }
.ct-trade-review .section-payment .text-sub { font-size: 12px; font-weight: 300; }
.ct-trade-review .section-payment .text-sub span { font-size: 13px; font-weight: 400; }
.ct-trade-review .section-payment .fixed-width { width: 120px; }
.ct-trade-review .bank-icon { height: 50px; width: 50px; align-self: center; }
.ct-trade-review .bank-icon.sending { margin-left: 10px; }
.ct-trade-review .bank-icon.recipient { margin-right: 10px; }
.ct-trade-review .section-rate { display: flex; }
.ct-trade-review .section-rate::before, .ct-trade-review .section-rate::after { content: "k"; font-family: currencytransfer; font-size: 50px; opacity: 0.2; letter-spacing: 0.13em; align-self: center; line-height: 1; }
.ct-trade-review .section-rate { letter-spacing: 0px; margin-left: -20px; }
.ct-trade-review .section-rate > .inner-container { text-align: center; }
.ct-trade-review .section-rate h5 { text-transform: uppercase; color: rgb(22, 145, 198); margin: 0px; font-size: 11px; font-weight: 400; line-height: 14px; }
.ct-trade-review .section-rate .text-main { font-size: 18px; font-weight: 300; line-height: 1.2; }
.ct-trade-review .section-rate .text-sub { font-size: 12px; font-weight: 300; }
.ct-trade-review .ct-md-button { background: rgb(22, 145, 198); color: rgb(255, 255, 255); border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border-radius: 2px; font-size: 14px; line-height: 20px; padding: 8px 36px; }
.ct-trade-review .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
.ct-trade-review .ct-md-button:active { }
.ct-trade-review .ct-md-button.md-button-full-width { width: 100%; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .transfer-container .ct-trade-review.ct-trade-review-hidden-xs { display: none; }
  .transfer-container .ct-trade-review.ct-trade-review-only-xs { padding: 0px; display: inherit; }
  .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-container { flex: 1 0 auto; }
  .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-rate { justify-content: center; align-self: stretch; flex-direction: column; margin: 0px; border-left: 1px solid rgba(100, 100, 100, 0.2); padding-left: 16px; }
  .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-rate > .inner-container { justify-content: center; }
  .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-rate::before, .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-rate::after { display: none; }
  .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-payment { justify-content: flex-start; padding: 6px 0px; border-bottom: 1px solid rgba(100, 100, 100, 0.2); }
  .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-payment:last-child { padding-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-payment:first-child { padding-top: 0px; }
  .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-payment .bank-icon { display: none; }
  .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-payment.modify-margin-left, .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-payment.modify-margin-right { margin: 0px; }
  .transfer-container .ct-trade-review.ct-trade-review-only-xs .section-payment .inner-container.sending { text-align: left; }
  .transfer-container .ct-trade-review.ct-trade-review-mod.ct-trade-review-only-xs { padding: 0px; display: inherit; width: 100%; }
  .transfer-container .ct-trade-review.ct-trade-review-mod .section-container { flex: 1 0 auto; }
  .transfer-container .ct-trade-review.ct-trade-review-mod .section-rate { justify-content: center; align-self: stretch; flex-direction: column; margin: 0px; border-width: 1px 0px; border-style: solid none; border-color: rgba(100, 100, 100, 0.2) currentcolor; border-image: initial; padding: 6px 0px; }
  .transfer-container .ct-trade-review.ct-trade-review-mod .section-rate > .inner-container { justify-content: center; text-align: left; }
  .transfer-container .ct-trade-review.ct-trade-review-mod .section-rate::before, .transfer-container .ct-trade-review.ct-trade-review-mod .section-rate::after { display: none; }
  .transfer-container .ct-trade-review.ct-trade-review-mod .section-payment { justify-content: flex-start; padding: 10px 0px; border: 0px; }
  .transfer-container .ct-trade-review.ct-trade-review-mod .section-payment.modify-margin-left, .transfer-container .ct-trade-review.ct-trade-review-mod .section-payment.modify-margin-right { margin: 0px; }
  .transfer-container .ct-trade-review.ct-trade-review-mod .section-payment .inner-container.sending { text-align: left; }
  .transfer-container .ct-trade-review.ct-trade-review-mod .section-icons { width: 60px; padding-right: 10px; }
  .transfer-container .ct-trade-review.ct-trade-review-mod .bank-icon { height: initial; }
  .transfer-container .ct-trade-review.ct-trade-review-mod .bank-icon.bank-icon-chain-before::before, .transfer-container .ct-trade-review.ct-trade-review-mod .bank-icon.bank-icon-chain-after::after { display: block; content: ""; width: 1px; background: rgb(136, 136, 136); height: 20px; margin: 0px auto; }
}
.step-container { border-bottom: 1px solid rgb(238, 238, 238); }
.step-container.last { border-bottom: 0px; }
.step-container .content > .inner-container { display: flex; }
.step-container .content .ct-quote-content > .inner-container { padding: 0px 28px 55px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .step-container .content .ct-quote-content > .inner-container { padding: 0px; }
  .step-container .content .ct-quote-content > .inner-container { padding: 0px 16px; }
}
.step-container .header-container .ct-quote-content > .inner-container { padding: 0px 28px; }
.step-container .step-title { margin: 0px; color: rgb(187, 187, 187); letter-spacing: -1px; font-weight: 300; line-height: 3.25; font-size: 18px; text-transform: uppercase; }
.step-container .step-title.active { font-weight: 900; color: black; }
.step-container .content-section { max-width: 800px; margin: 0px auto; }
.step-container .ct-tracker-header { flex: 1 0 0px; display: flex; flex-direction: column; }
.step-container .ct-tracker-header::before, .step-container .ct-tracker-header::after { align-self: center; content: " "; width: 0px; flex: 1 0 0px; border: 1px solid rgb(221, 221, 221); }
.step-container .ct-tracker-header.last::after { border: 0px; }
.step-container .ct-tracker-header.first::before { border: 0px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .step-container .ct-step-tracker { display: none; }
}
.trades .content-wrapper > .container, .rate-alerts .content-wrapper > .container { padding: 0px; margin: 0px; width: 100%; }
.inverse-rate-tooltip { display: inline-block; cursor: default; font-size: 12px; }
.save-trade-button { margin-right: 10px; border: 0px !important; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .save-trade-button { margin-right: 0px; }
}
.ct-header-button { width: 200px; align-self: center; text-align: right; }
.ct-header-button .ct-md-button { background: rgb(246, 248, 249); color: rgb(85, 109, 130); border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border-radius: 2px; font-size: 12px; line-height: 18px; padding: 8px 12px; }
.ct-header-button .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
.ct-header-button .ct-md-button:active { }
.ct-welcome { padding: 30px 0px; }
.ct-welcome h1 { font-size: 20px; font-weight: 400; margin: 0px; padding: 0px; }
.ct-content > .inner-container { display: flex; }
.ct-quote-content { flex: 1 0 0px; position: relative; }
.ct-quote-content > .inner-container { position: relative; }
.ct-quote-content .quoting-overlay { height: 100%; width: 100%; top: 0px; left: 0px; position: absolute; background: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; z-index: 100; justify-content: center; }
.ct-quote-content .quoting-overlay .inner-container { position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; }
.ct-quote-content .quoting-overlay .content { color: rgb(136, 136, 136); font-size: 18px; align-self: center; text-align: center; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 1px; display: flex; flex-direction: column; justify-content: center; height: 60%; width: 60%; }
.ct-quote-content .quoting-overlay .quote-loader-barloader { height: 60px; text-align: center; font-size: 12px; }
.ct-quote-content .quoting-overlay .quote-loader-block { background-color: rgb(22, 145, 198); border: 0px; padding: 0px; height: 100%; width: 4px; margin: 0px 1px; display: inline-block; animation: 1.2s ease-in-out 0s infinite normal none running sk-stretchdelay; opacity: 0.4; }
.ct-quote-content .quoting-overlay .quote-loader-barloader .block2 { animation-delay: -1.1s; }
.ct-quote-content .quoting-overlay .quote-loader-barloader .block3 { animation-delay: -1s; }
.ct-quote-content .quoting-overlay .quote-loader-barloader .block4 { animation-delay: -0.9s; }
.ct-quote-content .quoting-overlay .quote-loader-barloader .block5 { animation-delay: -0.8s; }
@keyframes sk-stretchdelay { 
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% { transform: scaleY(1); }
}
.ct-quote-tracker { display: flex; }
.ct-quote-tracker .ct-tracker-header { flex: 1 0 0px; display: flex; flex-direction: column; }
.ct-quote-tracker .ct-tracker-header::before, .ct-quote-tracker .ct-tracker-header::after { align-self: center; content: " "; width: 0px; flex: 1 0 0px; border: 1px solid rgb(221, 221, 221); }
.ct-quote-tracker .ct-tracker-header.last::after { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.ct-quote-tracker .ct-tracker-header.first::before { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.ct-quote-tracker .ct-tracker-header.warning > .ct-tracker-label::before { content: ""; background: url("../files/7cf1fef69e4e.svg") 0% 0% / contain; height: 100%; width: 100%; }
.ct-quote-tracker .ct-tracker-header.done > .ct-tracker-label::before { content: ""; background: url("../files/adaaadfaf8c3.svg") 0% 0% / contain; height: 100%; width: 100%; }
.ct-quote-tracker .ct-tracker-label { align-self: center; border-radius: 50%; border: 2px solid rgb(221, 221, 221); display: flex; flex-direction: column; }
.ct-quote-tracker .ct-tracker-path { flex: 1 0 0px; display: flex; flex-direction: column; }
.ct-quote-tracker .ct-tracker-path::before { align-self: center; border: 1px solid rgb(221, 221, 221); width: 0px; content: " "; flex: 1 0 0px; }
.ct-quote-tracker [class*="ct-tracker-label-"]::before { align-self: center; font-family: currencytransfer; font-size: 12px; color: rgb(85, 85, 85); }
.content-collapsed .ct-quote-content > .inner-container { padding: 0px 28px; }
.content-collapsed .ct-title { color: rgb(187, 187, 187); letter-spacing: -1px; font-weight: 300; }
.content-collapsed .ct-title.extended { line-height: 3.25; }
.content-collapsed .ct-title.allocated-payments { color: rgb(136, 136, 136); letter-spacing: -0.5px; font-weight: 400; }
@media only screen and (min-width: 320px) {
  .ct-quote-tracker { width: 35px; min-width: 35px; }
  .ct-quote-tracker .ct-tracker-label { height: 30px; width: 30px; }
  .ct-results-wrapper { margin-left: -16px; }
  .ct-content-wrapper { padding: 0px 15px; }
}
@media only screen and (min-width: 480px) {
  .ct-quote-tracker { width: 40px; min-width: 40px; }
  .ct-results-wrapper { margin-left: -19px; }
  .ct-content-wrapper { padding: 0px 30px 0px 15px; }
}
@media (min-width: 768px) {
  .content-section > .inner-container { width: 750px; margin: 0px auto; }
  .ct-content-wrapper { margin: 0px auto; width: 80%; }
}
@media (min-width: 830px) {
  .content-section > .inner-container { width: 800px; }
}
.ct-alert { width: 100%; border-radius: 2px; margin-bottom: 10px; font-size: 14px; font-weight: 600; line-height: 20px; }
.ct-alert-message { padding: 10px; }
.ct-alert-message p { line-height: 1.3; margin: 0px; }
.ct-alert-message p em { line-height: 2; padding: 10px; font-weight: 400; }
@media only screen and (min-width: 320px) {
  .wrapper.row { margin: 0px; }
  .ct-splash-message { color: rgb(122, 146, 168); margin-bottom: 30px; }
  .ct-quote-amount { display: flex; border: 2px solid rgb(187, 187, 187); }
  .ct-quote-amount .md-input { flex: 2 0 0px; padding: 0px; position: relative; }
  .ct-quote-amount .md-input .ct-amount-label { position: absolute; top: 10px; left: 10px; text-transform: uppercase; color: rgb(153, 171, 188); margin: 0px; font-size: 12px; font-weight: 600; line-height: 14px; pointer-events: none; }
  .ct-quote-amount .md-input .ct-amount-input { width: 100%; font-size: 18px; padding: 24px 40px 10px 10px; font-weight: 300; letter-spacing: 0.4px; margin: 0px; border: 0px; color: rgb(85, 109, 130); line-height: 22px; }
  .ct-quote-amount .md-input.md-error { border: 2px solid rgb(229, 57, 53); margin: -2px 0px -2px -2px; }
  .ct-quote-amount .md-input.md-error .ct-amount-label { color: rgb(229, 57, 53); }
  .ct-quote-amount .md-dropdown { flex: 1 0 0px; min-width: 95px; max-width: 95px; }
  .ct-quote-amount.ct-input-init.ct-input-focus, .ct-quote-amount.ct-active { z-index: 5; }
  .ct-quote-amount.ct-input-init.ct-input-focus .md-input .ct-amount-label, .ct-quote-amount.ct-active .md-input .ct-amount-label { }
  .ct-quote-amount.ct-input-init.ct-input-focus .md-input.md-error .ct-amount-label, .ct-quote-amount.ct-active .md-input.md-error .ct-amount-label { color: rgb(229, 57, 53); }
  .ct-quote-amount.ct-input-init.ct-input-focus .md-dropdown .ui-select-toggle, .ct-quote-amount.ct-active .md-dropdown .ui-select-toggle { background: rgb(22, 145, 198); }
  .ct-quote-amount.ct-input-init.ct-input-focus .md-dropdown .ui-select-toggle > .caret, .ct-quote-amount.ct-active .md-dropdown .ui-select-toggle > .caret { border-top-color: rgb(255, 255, 255); }
  .ct-quote-amount.ct-input-init.ct-input-focus .ui-select-match .ct-ui-select-text, .ct-quote-amount.ct-active .ui-select-match .ct-ui-select-text { color: rgb(255, 255, 255); }
  .ct-quote-amount.ct-input-init.ct-input-focus .ui-select-search, .ct-quote-amount.ct-active .ui-select-search { background: rgb(22, 145, 198); color: rgb(255, 255, 255); }
  .ct-quote-amount.ct-disabled { border-color: rgb(238, 238, 238); }
  .ct-quote-amount.ct-disabled .ct-amount-input { background: rgb(248, 248, 248); border-right: 1px solid rgb(246, 248, 249); }
  .ct-dropdown-currency .ct-select-choices { border-radius: 0px; width: 95px; min-width: 95px; }
  .ct-dropdown-currency .ui-select-toggle { box-shadow: none; }
  .ct-dropdown-currency .ui-select-toggle > .caret { border-top: 6px dashed rgb(85, 109, 130); border-right: 6px solid transparent; border-left: 6px solid transparent; }
  .ct-dropdown-currency .ui-select-match { outline: none; }
  .ct-dropdown-currency .ui-select-match .ct-ui-select-text { color: rgb(85, 109, 130); }
  .ct-dropdown-currency .ui-select-choices .ct-ui-select-template, .ct-dropdown-currency .ui-select-match .ct-ui-select-template { padding: 10px; }
  .ct-dropdown-currency .ui-select-choices .ct-ui-select-template .ct-ui-select-cflag, .ct-dropdown-currency .ui-select-match .ct-ui-select-template .ct-ui-select-cflag { display: none; }
  .ct-dropdown-currency .ui-select-choices .ct-ui-select-template .ct-ui-select-text, .ct-dropdown-currency .ui-select-match .ct-ui-select-template .ct-ui-select-text { display: inline-block; }
  .ct-dropdown-currency .ui-select-search { height: 56px; border-width: 0px 0px 0px 2px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(187, 187, 187); border-image: initial; }
  .ct-market-rate .inverse-rate-tooltip { border-bottom: 1px dashed rgb(22, 145, 198); }
  .ct-market-rate .inner-wrapper { display: flex; flex-direction: column; padding: 12px 0px; background: rgb(238, 238, 238); }
  .ct-market-rate .market-rate { text-align: center; justify-content: center; }
  .ct-market-rate .market-rate h5 { text-transform: uppercase; color: rgb(22, 145, 198); margin: 0px; font-size: 12px; font-weight: 600; line-height: 14px; }
  .ct-market-rate .market-rate .text-main { font-size: 18px; line-height: 20px; color: rgb(85, 109, 130); letter-spacing: 1px; }
  .ct-md-input-container { padding-top: 10px; }
  .ct-md-input-container .ct-md-input { padding: 0px; position: relative; margin-bottom: 20px; }
  .ct-md-input-container .ct-md-input label { position: absolute; top: 8px; left: 10px; color: rgb(153, 171, 188); margin: 0px; font-size: 13px; font-weight: 600; line-height: 14px; pointer-events: none; }
  .ct-md-input-container .ct-md-input label.optional::after { content: " (optional)"; font-size: 14px; color: rgb(22, 145, 198); }
  .ct-md-input-container .ct-md-input input { width: 100%; font-size: 18px; padding: 24px 40px 10px 10px; font-weight: 300; letter-spacing: 0.4px; color: rgb(68, 86, 103); margin: 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(136, 136, 136); border-image: initial; }
  .ct-md-input-container .ct-md-input input:-webkit-autofill { background-color: transparent !important; box-shadow: white 0px 0px 0px 1000px inset !important; }
  .ct-md-input-container .ct-md-input .md-icon { position: absolute; right: 15px; top: 26px; font-family: currencytransfer; font-size: 14px; font-weight: 300; color: rgb(212, 220, 227); pointer-events: none; }
  .ct-md-input-container .ct-md-input .md-icon.md-icon-edit::before { content: "D"; }
  .ct-md-input-container .ct-md-input.ct-active label { }
  .ct-md-input-container .ct-md-input.ct-active input { }
  .ct-md-input-container .ct-note { padding: 0px 10px; margin-top: -5px; }
  .ct-md-input-container .ct-note dt { color: rgb(153, 171, 188); display: inline-block; }
  .ct-md-input-container .ct-note dd { color: rgb(85, 109, 130); display: inline-block; margin-left: 4px; font-weight: 600; }
  .ct-md-input-container.ct-md-input-container-small { padding-top: 0px; }
}
@media only screen and (min-width: 320px) and (min-width: 0) and (max-width: 479px) {
  .ct-md-input-container.ct-md-input-container-small { padding-top: 10px; }
}
@media only screen and (min-width: 320px) {
  .ct-md-input-container.ct-md-input-container-small .ct-md-input input { padding: 3px 0px 3px 8px; font-size: 14px; border-bottom: 1px solid rgb(187, 187, 187); }
  .ct-md-input-container.ct-md-input-container-small label { position: relative; top: auto; }
  .ct-md-submit-container { display: flex; }
  .ct-md-submit-container.md-padding { padding: 30px 0px 45px; }
  .ct-md-submit-container .md-spacer { flex: 1 0 0px; }
  .ct-md-submit-container .ct-md-button { background: rgb(65, 180, 18); color: rgb(255, 255, 255); border: 0px; text-transform: uppercase; font-weight: 400; letter-spacing: 0px; border-radius: 2px; font-size: 14px; line-height: 18px; padding: 8px 48px; }
  .ct-md-submit-container .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
  .ct-md-submit-container .ct-md-button:active { }
  .ct-md-submit-container .notification { padding: 9px 10px; display: flex; height: 100%; justify-content: center; font-size: 16px; color: rgb(85, 85, 85); }
  .ct-md-submit-container .notification .text { flex: 1 0 0px; align-self: center; text-align: center; margin-left: 10px; }
}
@media only screen and (min-width: 480px) {
  .ct-quote-amount .md-dropdown { min-width: 135px; max-width: 135px; }
  .ct-dropdown-currency .ct-select-choices { border-radius: 0px; min-width: 135px; }
}
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .ct-market-rate { width: 100px; }
  .ct-market-rate .inner-wrapper { padding: 0px; background: transparent; margin-left: 20px; }
  .ct-market-rate .inner-wrapper .market-rate { flex: 1 0 auto; }
  .ct-market-rate .inner-wrapper::before, .ct-market-rate .inner-wrapper::after { content: ""; height: 30px; background: url("../files/593d02a10c58.png") 0% 0% / 60px 44px no-repeat; }
  .ct-market-rate .inner-wrapper::before { background-position: 0px 10px; margin: -4px 0px 6px -12px; }
  .ct-market-rate .inner-wrapper::after { background-position: 0px -20px; margin: 6px 0px 0px -12px; }
}
@media only screen and (min-width: 991px) and (max-width: 12000px) {
  .ct-info { color: rgb(22, 145, 198); border-bottom: 1px dashed rgba(22, 145, 198, 0.6); display: inline-block; }
  .ct-info > span { font-weight: 400; }
  .ct-quote-tooltip.bottom > .tooltip-arrow { }
  .ct-quote-tooltip > .tooltip-inner { background: rgb(22, 145, 198); color: white; font-weight: 600; max-width: 185px; }
}
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .ct-quote-content { margin-left: -19px; }
  .ct-requote-container { margin: 0px -28px; }
  .ct-quote-page { margin: 0px -28px; }
  .ct-quote-message { font-size: 14px; line-height: 22px; padding: 8px 16px; }
}
.ct-quote-messages { text-align: center; min-height: 10px; text-transform: uppercase; font-size: 12px; }
.ct-allocate-funds-container { padding-bottom: 15px; }
.ct-allocate-funds-container .form-input-container { position: relative; }
.ct-allocate-funds-container .input-label { font-size: 16px; color: rgb(85, 109, 130); }
.ct-allocate-funds-container .ct-input { position: relative; width: 100%; display: flex; }
.ct-allocate-funds-container .ct-input input { background: transparent; height: inherit; font-size: 16px; flex: 1 0 0px; border: 2px solid rgb(187, 187, 187); color: rgb(85, 109, 130); padding: 10px 50px 10px 20px; }
.ct-allocate-funds-container .ct-input .ct-icon { height: 46px; width: 40px; line-height: 46px; background-repeat: no-repeat; vertical-align: middle; position: absolute; right: 80px; top: 0px; margin: 0px; }
.ct-allocate-funds-container .ct-input .icon-edit::before { content: "...D"; font-family: currencytransfer; font-size: 16px; color: rgb(197, 197, 197); }
.ct-allocate-funds-container .ct-input .currency { background: rgb(187, 187, 187); width: 80px; font-size: 16px; line-height: 46px; color: rgb(255, 255, 255); text-align: center; }
.ct-allocate-funds-container .ct-button-container { padding-top: 10px; text-align: right; }
.ct-allocate-funds-container .ct-button-container .ct-md-button { background: rgb(65, 180, 18); color: rgb(255, 255, 255); border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border-radius: 2px; font-size: 12px; line-height: 18px; padding: 8px 36px; }
.ct-allocate-funds-container .ct-button-container .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
.ct-allocate-funds-container .ct-button-container .ct-md-button:active { }
.trade-complete { display: flex; justify-content: center; align-items: center; width: 100%; padding: 0px 20px; }
.trade-complete .welcome-image { width: 100px; height: 94px; margin-right: 25px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .trade-complete .welcome-image { width: 82px; height: 78px; margin-right: 20px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-complete .welcome-image { width: 60px; height: 57px; margin-right: 15px; }
}
.trade-complete .welcome-text { color: rgb(65, 180, 18); font-size: 26px; font-weight: 300; line-height: 1; text-align: left; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-quote-page { margin: 0px -16px; }
  .ct-quote-tracker { display: none; }
  .ct-welcome { padding: 16px 0px; }
  .ct-welcome .welcome-image.trade-complete { width: 273px; height: 44px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-quote-tracker { display: none; }
  .ct-quote-page { margin: 0px; }
  .welcome-image.trade-complete { width: 85vw; height: 66px; }
}
.ct-splash { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; z-index: 9; display: block; }
.ct-splash-container { position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; }
.ct-splash-underlay { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.85); z-index: 5; }
.ct-splash-box { z-index: 10; margin: 0px auto; background: rgb(255, 255, 255); }
.ct-splash-box.ct-splash-box-shadow { box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px, rgba(0, 0, 0, 0.16) 0px 2px 10px 0px; }
.ct-splash-content { padding: 30px; width: 400px; box-sizing: content-box; }
.ct-splash-content .absolute-separator { width: 115%; margin-left: -30px; }
.ct-splash-content .add-recipient-link { width: 147px; display: block; text-decoration: none; color: rgb(255, 255, 255); background-color: rgb(65, 180, 18); padding: 12px 30px; margin: 15px auto 30px; }
.ct-splash-content .add-recipient-link:hover { text-decoration: none; color: white; background-color: rgb(57, 157, 16); }
.ct-splash-content .ct-splash-sub-content { color: rgb(22, 145, 198); font-weight: bold; font-size: 20px; text-align: center; margin-bottom: 5px; }
.ct-splash-heading { font-size: 24px; font-weight: 900; text-transform: uppercase; text-align: center; line-height: 30px; letter-spacing: -0.15px; color: rgb(85, 85, 85); }
.ct-splash-image { background-image: url("../files/d018194d9e9f.gif"); width: 400px; height: 218px; background-size: contain; }
.ct-splash-text { color: rgb(85, 85, 85); text-align: center; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-splash-underlay { display: none; }
  .ct-splash-box { flex: 1 1 0%; width: 100%; z-index: 10; background: rgb(255, 255, 255); }
  .ct-splash-content { padding: 0px 16px; box-sizing: content-box; margin: 60px auto 0px; width: 272px; }
  .ct-splash-heading { font-size: 20px; line-height: 24px; }
  .ct-splash-image { width: 100%; max-width: 400px; min-width: 273px; height: 150px; }
  .ct-splash-text { font-size: 14px; letter-spacing: -0.1px; text-align: center; color: rgb(85, 85, 85); }
}
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .ct-splash-underlay { display: none; }
  .ct-splash-box { flex: 1 1 0%; width: 100%; z-index: 10; background: rgb(255, 255, 255); }
  .ct-splash-content { box-sizing: content-box; margin: 60px auto 0px; min-width: 330px; max-width: 375px; }
  .ct-splash-heading { font-size: 20px; line-height: 24px; }
  .ct-splash-image { width: 273px; height: 150px; margin: 0px auto; }
  .ct-splash-text { font-size: 14px; letter-spacing: -0.1px; text-align: center; color: rgb(85, 85, 85); }
}
.transfer-container.same-currency-confirmation { padding-top: 15px; padding-bottom: 65px; border-top: 1px solid rgb(238, 238, 238); }
.transfer-container.same-currency-confirmation .transfer-title { padding: 10px 12px; }
.transfer-container.same-currency-confirmation .transfer-title .save-trade-button { text-transform: none; min-width: 120px; padding: 0px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .transfer-container.same-currency-confirmation .transfer-title .save-trade-button { min-width: initial; }
}
.transfer-container.same-currency-confirmation .ct-settlement .payment-amount { font-weight: 700; color: rgb(85, 109, 130); font-size: 16px; }
.transfer-container.same-currency-confirmation .trade-payments-list-container .ct-table { margin-bottom: 0px; }
.transfer-container.same-currency-confirmation .save-trade-button { border: 0px; margin-right: 10px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .transfer-container.same-currency-confirmation .save-trade-button { margin-right: 0px; }
}
.page-container { margin-top: 30px; }
.trade-complete { border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 30px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-complete .welcome-text { font-size: 18px; }
}
.facilitated-container { margin-left: 15px; min-height: 35px; padding: 8px 0px; flex-wrap: wrap; overflow-wrap: anywhere; }
.facilitated-container > * { min-width: 0px; }
.facilitated-container .trade-facilitated-by { font-size: 12px; margin-right: 5px; }
.facilitated-container .trade-facilitated-by .facilitated-label { margin-right: 0.25em; text-transform: uppercase; }
.facilitated-container .trade-facilitated-by { color: rgb(85, 85, 85); font-weight: 900; }
.facilitated-container .dot-container { margin-right: 5px; }
.facilitated-container .dot-container .dot { height: 5px; width: 5px; background-color: rgb(187, 187, 187); border-radius: 50%; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .facilitated-container .dot-container { display: none; }
}
.facilitated-container .trade-facilitated-footer-text { font-size: 12px; color: rgb(187, 187, 187); font-weight: 900; }
.facilitated-container .trade-facilitated-footer-text-small { font-size: 12px; margin-right: 5px; color: rgb(187, 187, 187); }
.ct-quoting-container { margin-top: 30px; }
.transfer-container .ct-quote-content .quoting-overlay { height: 100%; width: 100%; top: 0px; left: 0px; position: absolute; background: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; justify-content: center; z-index: 100; }
.allocation-container { margin-top: 0px; }
.allocated-table-container .trade-payments-list-container .ct-table { margin-bottom: 0px; border-bottom: 0px; }
.remaining-balance-container .remaining-balance-info label { color: rgb(22, 145, 198); float: right; }
.remaining-balance-container .remaining-balance-info .remaining-balance-amount { color: rgb(85, 85, 85); font-size: 24px; }
.remaining-balance-container .remaining-balance-icon-container { color: rgb(22, 145, 198); font-size: 30px; margin-left: 15px; }
.cancel-button:active { box-shadow: none; }
.allocate-payment-button { cursor: pointer; width: 100%; color: rgb(22, 145, 198); padding: 10px 15px; background-color: rgba(22, 149, 202, 0.05); border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); font-size: 16px; text-decoration: none; }
.allocate-payment-button:hover { background: rgba(215, 215, 215, 0.3); text-decoration: none; }
.book-button { float: right; }
.allocate-plus-button { display: flex; text-align: center; justify-content: center; align-items: center; vertical-align: middle; margin-right: 20px; width: 28px; height: 28px; color: rgb(22, 145, 198); }
.allocate-plus-button i { font-size: 28px; }
.trade-confirmation-expandable-table { display: none; border: 1px solid rgb(22, 145, 198); }
.trade-confirmation-expandable-table .payment-info-header { color: rgb(22, 145, 198); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(187, 187, 187) currentcolor; border-image: initial; width: 150px; padding: 15px; text-align: right; }
.trade-confirmation-expandable-table .payment-amount-info { border-width: 1px 0px; border-style: solid none; border-color: rgb(187, 187, 187) currentcolor; border-image: initial; width: 100%; font-size: 14px; font-weight: bold; padding: 15px; text-align: right; }
.trade-confirmation-expandable-table .payment-amount-info.payment-fee, .trade-confirmation-expandable-table .payment-info-header.payment-fee { border-top: 0px; border-bottom: 0px; font-size: 16px; }
.trade-confirmation-expandable-table .payment-amount-info.payment-number, .trade-confirmation-expandable-table .payment-info-header.payment-number { border-top: 0px; font-size: 16px; }
.trade-confirmation-expandable-table .payment-amount-info.payment-total, .trade-confirmation-expandable-table .payment-info-header.payment-total { font-size: 18px; font-weight: bold; border: 1px solid rgb(22, 145, 198); cursor: pointer; }
.trade-confirmation-expandable-table .payment-amount-info.payment-total.expand-button, .trade-confirmation-expandable-table .payment-info-header.payment-total.expand-button { background-color: rgb(22, 145, 198); color: rgb(255, 255, 255); }
.transfer-information-table { width: 50%; float: right; }
.transfer-information-table .payment-info-header { color: rgb(22, 145, 198); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(187, 187, 187) currentcolor; border-image: initial; width: 150px; padding: 15px; text-align: right; }
.transfer-information-table .payment-amount-info { border-width: 1px 0px; border-style: solid none; border-color: rgb(187, 187, 187) currentcolor; border-image: initial; width: 100%; font-size: 18px; font-weight: bold; padding: 15px; text-align: right; }
.transfer-information-table .payment-amount-info.payment-fee, .transfer-information-table .payment-info-header.payment-fee { border-top: 0px; border-bottom: 0px; }
.transfer-information-table .payment-amount-info.payment-number, .transfer-information-table .payment-info-header.payment-number { border-top: 0px; }
.transfer-information-table .payment-amount-info.payment-total, .transfer-information-table .payment-info-header.payment-total { font-size: 22px; font-weight: bold; }
.ct-allocate-funds-container { max-width: none; }
.ct-input input:focus { border-color: rgb(22, 145, 198); }
.ct-input .currency.active-currency { background: rgb(22, 145, 198); }
.ct-input .icon-edit.active-icon::before { color: rgb(22, 145, 198); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .transfer-information-table, .transfer-table-footer { display: none; }
  .trade-confirmation-expandable-table { display: block; }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .transfer-information-table { width: 100%; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-allocation { padding: 16px 0px; }
  .ct-allocation .ct-allocation-instructions { margin-bottom: 10px; }
  .ct-allocation .ct-allocation-instruction-heading { font-weight: 300; font-size: 18px; margin-bottom: 10px; }
  .ct-allocation .ct-instruction { padding: 10px; }
  .ct-allocation .ct-instruction + .ct-allocation-instruction-heading { margin-top: 20px; }
  .ct-allocation .ct-instruction + .ct-instruction { padding-top: 0px; }
  .ct-allocation .ct-instruction-data { display: flex; color: rgb(85, 85, 85); }
  .ct-allocation .ct-instruction-content { display: flex; flex-direction: column; color: rgb(85, 85, 85); }
  .ct-allocation .ct-instruction-recipient { flex: 1 0 auto; }
  .ct-allocation .ct-instruction-reference { flex: 1 0 auto; }
  .ct-allocation .ct-instruction-label { font-size: 14px; font-weight: 300; margin-right: 6px; }
  .ct-allocation .ct-instruction-info { flex: 1 0 auto; font-size: 16px; font-weight: 400; }
  .ct-allocation .ct-instruction-content-strong .ct-instruction-info { font-weight: 800; }
  .ct-allocation .ct-notification { margin-bottom: 20px; padding: 0px 10px; }
  .ct-allocation .ct-notification-label { font-weight: 600; color: rgb(22, 145, 198); }
  .ct-allocation .ct-notification-content { font-size: 14px; color: rgb(85, 85, 85); line-height: 1.32; letter-spacing: 0.2px; }
  .ct-allocation .ct-note { padding: 10px; background: rgba(250, 206, 92, 0.8); }
  .ct-allocation .ct-note-content { color: rgb(85, 85, 85); }
  .ct-allocation .ct-button-container { text-align: center; }
  .ct-allocation .ct-md-button { background: rgb(22, 145, 198); color: rgb(255, 255, 255); border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border-radius: 2px; font-size: 12px; line-height: 18px; padding: 8px 12px; }
  .ct-allocation .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
  .ct-allocation .ct-md-button:active { }
  .ct-allocation .md-button-clear { background: transparent; color: rgb(184, 196, 208); }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-allocation { padding: 15px; }
  .ct-allocation .ct-allocation-instructions { margin-bottom: 10px; }
  .ct-allocation .ct-allocation-instruction-heading { font-weight: 300; font-size: 18px; margin-bottom: 10px; }
  .ct-allocation .ct-instruction { padding: 10px; }
  .ct-allocation .ct-instruction + .ct-allocation-instruction-heading { margin-top: 20px; }
  .ct-allocation .ct-instruction + .ct-instruction { padding-top: 0px; }
  .ct-allocation .ct-instruction-data { display: flex; color: rgb(85, 85, 85); }
  .ct-allocation .ct-instruction-content { display: flex; color: rgb(85, 85, 85); }
  .ct-allocation .ct-instruction-recipient { flex: 1 0 auto; }
  .ct-allocation .ct-instruction-reference { flex: 1 0 auto; }
  .ct-allocation .ct-instruction-label { font-size: 14px; font-weight: 300; margin-right: 6px; }
  .ct-allocation .ct-instruction-info { flex: 1 0 auto; font-size: 16px; font-weight: 400; }
  .ct-allocation .ct-instruction-content-strong .ct-instruction-info { font-weight: 800; }
  .ct-allocation .ct-notification { margin-bottom: 20px; padding: 0px 10px; }
  .ct-allocation .ct-notification-label { font-weight: 600; color: rgb(22, 145, 198); }
  .ct-allocation .ct-notification-content { font-size: 14px; color: rgb(85, 85, 85); line-height: 1.32; letter-spacing: 0.2px; }
  .ct-allocation .ct-note { padding: 10px; background: rgba(250, 206, 92, 0.8); }
  .ct-allocation .ct-note-content { color: rgb(85, 85, 85); }
  .ct-allocation .ct-button-container { text-align: center; }
  .ct-allocation .ct-md-button { background: rgb(22, 145, 198); color: rgb(255, 255, 255); border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border-radius: 2px; font-size: 12px; line-height: 18px; padding: 8px 12px; }
  .ct-allocation .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
  .ct-allocation .ct-md-button:active { }
  .ct-allocation .md-button-clear { background: transparent; color: rgb(184, 196, 208); }
}
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .ct-allocation .ct-allocation-instructions { margin-bottom: 10px; }
  .ct-allocation .ct-allocation-instruction-heading { font-weight: 300; font-size: 18px; margin-bottom: 10px; }
  .ct-allocation .ct-instruction { padding: 10px; }
  .ct-allocation .ct-instruction + .ct-allocation-instruction-heading { margin-top: 20px; }
  .ct-allocation .ct-instruction + .ct-instruction { padding-top: 0px; }
  .ct-allocation .ct-instruction-data { display: flex; color: rgb(85, 85, 85); }
  .ct-allocation .ct-instruction-content { display: flex; color: rgb(85, 85, 85); }
  .ct-allocation .ct-instruction-recipient { flex: 1 0 auto; }
  .ct-allocation .ct-instruction-reference { flex: 1 0 auto; }
  .ct-allocation .ct-instruction-label { font-size: 14px; font-weight: 300; margin-right: 6px; }
  .ct-allocation .ct-instruction-info { flex: 1 0 auto; font-size: 16px; font-weight: 400; }
  .ct-allocation .ct-instruction-content-strong .ct-instruction-info { font-weight: 800; }
  .ct-allocation .ct-notification { margin-bottom: 20px; padding: 0px 10px; }
  .ct-allocation .ct-notification-label { font-weight: 600; color: rgb(22, 145, 198); }
  .ct-allocation .ct-notification-content { font-size: 14px; color: rgb(85, 85, 85); line-height: 1.32; letter-spacing: 0.2px; }
  .ct-allocation .ct-note { padding: 10px; background: rgba(250, 206, 92, 0.8); }
  .ct-allocation .ct-note-content { color: rgb(85, 85, 85); }
  .ct-allocation .ct-button-container { text-align: center; }
  .ct-allocation .ct-md-button { background: rgb(22, 145, 198); color: rgb(255, 255, 255); border: 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0px; border-radius: 2px; font-size: 12px; line-height: 18px; padding: 8px 12px; }
  .ct-allocation .ct-md-button.ct-md-disabled { opacity: 0.4; cursor: not-allowed; }
  .ct-allocation .ct-md-button:active { }
  .ct-allocation .md-button-clear { background: transparent; color: rgb(184, 196, 208); }
}
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .ct-allocation .ct-allocation-instructions { margin-bottom: 10px; }
  .ct-allocation .ct-allocation-instruction-heading { font-weight: 300; font-size: 18px; margin-bottom: 10px; }
  .ct-allocation .ct-instruction { padding: 10px; }
  .ct-allocation .ct-instruction + .ct-allocation-instruction-heading { margin-top: 20px; }
  .ct-allocation .ct-instruction + .ct-instruction { padding-top: 0px; }
  .ct-allocation .ct-instruction-data { display: flex; color: rgb(85, 85, 85); }
  .ct-allocation .ct-instruction-content { display: flex; color: rgb(85, 85, 85); }
  .ct-allocation .ct-instruction-recipient { flex: 1 0 auto; }
  .ct-allocation .ct-instruction-reference { flex: 1 0 auto; }
  .ct-allocation .ct-instruction-label { font-size: 14px; font-weight: 300; margin-right: 6px; }
  .ct-allocation .ct-instruction-info { flex: 1 0 auto; font-size: 16px; font-weight: 400; }
  .ct-allocation .ct-instruction-content-strong .ct-instruction-info { font-weight: 800; }
  .ct-allocation .ct-notification { margin-bottom: 20px; padding: 0px 10px; }
  .ct-allocation .ct-notification-label { font-weight: 600; color: rgb(22, 145, 198); }
  .ct-allocation .ct-notification-content { font-size: 14px; color: rgb(85, 85, 85); line-height: 1.32; letter-spacing: 0.2px; }
  .ct-allocation .ct-note { padding: 10px; background: rgba(250, 206, 92, 0.8); }
  .ct-allocation .ct-note-content { color: rgb(85, 85, 85); }
  .ct-allocation .ct-button-container { text-align: center; }
  .quote-overview-container.transfer-container .header-container .ct-quote-content > .inner-container { padding-bottom: 30px; }
}
.beneficiaries-list { pointer-events: none; }
.beneficiaries-names { vertical-align: middle; }
.current-trades { border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 30px; }
.current-trades .show-xs { display: none; }
.current-trade { padding: 5px 15px 20px; }
.current-trade:nth-child(2n) { background-color: rgb(248, 248, 248); }
.current-trade .beneficiaries-list-trigger { color: rgb(22, 145, 198); }
.current-trade .beneficiaries-list-trigger:hover { text-decoration: none; color: rgb(25, 92, 125); }
.current-trade .beneficiaries-list-trigger:focus { color: rgb(22, 145, 198); outline: none; text-decoration: none; }
.current-trade .table { margin-bottom: 15px; }
.current-trade th.right-aligned { text-align: right; }
.current-trade td.right-aligned { text-align: right; }
.current-trade td.vertical-center-aligned { vertical-align: middle; }
.current-trade td.status-container { width: 120px; }
.current-trade tbody td { border-bottom: 1px solid rgb(221, 221, 221); font-size: 16px; vertical-align: middle; }
.current-trade thead th { color: rgb(22, 145, 198); font-size: 12px; border-bottom: 1px solid rgb(221, 221, 221) !important; }
.current-trade .funds { vertical-align: middle; font-style: italic; font-size: 12px; margin-bottom: 15px; }
.current-trade .funds > div { padding: 5px 0px; color: rgb(184, 196, 208); border: 1px solid rgb(184, 196, 208); border-radius: 4px; }
.current-trade .trade-rate { background: url("../files/862c7a4aabcc.png") left center no-repeat, url("../files/862c7a4aabcc.png") right center no-repeat; vertical-align: middle; font-size: 16px; }
.current-trade .recipients { margin-bottom: 10px; }
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .current-trade .recipients { display: flex; align-items: center; }
  .current-trade .recipients.empty { align-items: flex-end; }
}
.current-trade .recipients .flag-icon { vertical-align: middle; margin: 0px 5px; font-size: 20px; }
.current-trade .recipients .beneficiaries { text-align: left; margin-top: 0px; margin-bottom: 0px; }
.current-trade .recipients .beneficiaries > div:first-child { color: rgb(22, 145, 198); font-size: 12px; font-weight: bold; display: block; margin-bottom: 8px; }
.current-trade .alert { padding: 6px 10px; margin-bottom: 15px; border-color: rgb(249, 198, 63); border-radius: 2px; display: block; background-color: rgb(254, 252, 245); color: rgb(236, 168, 43); }
.view-btn { display: inline-block; margin-bottom: 0px; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; text-decoration: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; background-color: rgb(22, 145, 198); border-radius: 2px; color: rgb(255, 255, 255); font-weight: bold; min-width: 120px; }
.view-btn:hover, .view-btn:focus, .view-btn:active { color: rgb(255, 255, 255); text-decoration: none; }
.beneficiaries-item { margin: 4px 0px; }
.mobile-trade-date { display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgb(221, 221, 221); }
.mobile-trade-date > div:first-child { font-size: 12px; font-weight: bold; color: rgb(22, 145, 198); }
.trade-buttons a:first-child { margin-right: 18px; }
.trade-buttons a:last-child { float: right; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .current-trades .hide-xs { display: none; }
  .current-trades .show-xs { display: block; }
}
.trades-search { margin: 0px 0px 15px; padding: 0px 15px; }
.trades-search .btn { border-radius: 4px; }
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .trades-search .search-by-input { max-width: 150px; }
}
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .trades-search > * { margin-right: 15px; }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .trades-search > * { margin-bottom: 0px; }
}
.trades-search .input-container { display: flex; flex-direction: column; }
.trades-search .input-container label { margin: 0px 0px 0px 10px; color: rgb(85, 85, 85); font-size: 12px; }
.trades-search .input-container input { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(187, 187, 187); border-image: initial; box-shadow: none; padding: 3px 0px 3px 11px; }
.trades-search .dropdown-toggle { min-width: 122px; }
.trades-list-header { font-size: 12px; font-weight: 800; color: rgb(22, 145, 198); text-align: center; text-transform: uppercase; flex: 1 0 0px; margin-bottom: 10px; display: flex; }
.trades-list-header > div { flex: 1 0 0px; text-align: center; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .trades-list-header { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .rate-arrows { display: flex; }
  .rate-arrows::before, .rate-arrows::after { content: "k"; font-family: currencytransfer; font-size: 20px; opacity: 1; letter-spacing: 0.13em; align-self: center; line-height: 1; }
  .rate-arrows { letter-spacing: 0px; }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .rate-arrows { background: url("../files/862c7a4aabcc.png") left center no-repeat, url("../files/862c7a4aabcc.png") right center no-repeat; vertical-align: middle; }
}
.trade-row-container { cursor: pointer; color: rgb(85, 109, 130); }
.trade-row-container:hover, .trade-row-container:focus, .trade-row-container:active { text-decoration: none; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .trade-row-container .desktop-layout { display: none; }
}
.trade-row-container .trade-rate { padding-left: 25px; padding-right: 25px; }
.trade-row-container .inverse-rate { font-size: 12px; }
.trade-row-container .ct-flex-col { flex: 1 0 0px; }
.trade-row-container .trade-amount { font-weight: bold; font-size: 16px; }
.trade-row-container .mobile-layout { padding-bottom: 25px; }
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .trade-row-container .mobile-layout { display: none; }
}
@media only screen and (min-width: 480px) and (max-width: 12000px) {
  .trade-row-container .mobile-layout .xs { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .trade-row-container .mobile-layout .xs { display: none; }
}
.trade-row-container .mobile-layout .sm-md { display: none; }
@media only screen and (min-width: 480px) and (max-width: 12000px) {
  .trade-row-container .mobile-layout .sm-md { display: block; }
}
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .trade-row-container .mobile-layout .sm-md { display: block; }
}
.trade-row-container .mobile-layout .trade-row { height: 40px; padding: 0px 10px; border-bottom: 1px solid rgb(232, 236, 240); }
.trade-row-container .mobile-layout .field-name { font-size: 12px; font-weight: bold; color: rgb(22, 145, 198); }
.trade-row-container .mobile-layout .ct-icon { margin-right: 5px; }
.trade-row-container .mobile-layout .header { padding: 0px 60px 10px; border-bottom: 1px solid rgb(232, 236, 240); }
.trade-row-container .mobile-layout .header > * { font-size: 12px; font-weight: bold; color: rgb(22, 145, 198); }
.trade-row-container .mobile-layout .values-table-row { padding: 0px 60px 10px; }
.trade-row-container .mobile-layout .values-table { width: 100%; border-bottom: 1px solid rgb(232, 236, 240); }
.trade-row-container .mobile-layout .values-table th { text-align: center; padding-bottom: 5px; }
.trade-row-container .mobile-layout .values-table td { padding: 10px 0px; }
.ct-duplicates { margin: 0px auto; }
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .ct-duplicates { max-width: 900px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-duplicates { max-width: 750px; }
}
.duplicates-overview-container { margin: 30px 0px; position: relative; }
.duplicates-overview-container .ct-card { padding: 20px; }
.duplicates-page-container { position: relative; padding: 20px; }
.duplicates-page-container .rate-alerts-list-header { font-size: 12px; font-weight: 800; color: rgb(22, 145, 198); text-align: center; text-transform: uppercase; flex: 1 0 0px; margin-bottom: 10px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .duplicates-page-container .rate-alerts-list-header { display: none; }
}
.duplicates-page-container .rate-alerts-list-header > div { flex: 1 0 0px; text-align: center; }
.duplicates-page-container .clear-search-button { position: absolute; top: 31px; right: 20px; background: transparent; border: 0px; color: rgb(184, 196, 208); font-size: 16px; font-weight: bold; }
.duplicates-page-container .ct-list-item { display: block; flex: 1 0 0px; text-align: center; padding: 15px 0px; border-top: 1px solid rgb(248, 248, 248); }
.duplicates-page-container .ct-list-item:nth-child(2n) { background: rgb(248, 248, 248); }
.duplicates-page-container .ct-list-item:hover { background: rgb(237, 247, 251); }
.duplicates-page-container .ct-list-item:last-child { border-bottom: 1px solid rgb(248, 248, 248); }
.duplicates-page-container .capitalize-first-letter { text-transform: capitalize; }
.balances-page-container { max-width: 900px; padding: 20px; margin: 30px auto; }
.balances-page-container .ng-select > .ng-select-container .ng-arrow-wrapper .ng-arrow { border-width: 6px 6px 0px; }
.balances-page-container .ng-select.ng-select-opened > .ng-select-container .ng-arrow-wrapper .ng-arrow { border-width: 0px 6px 6px; margin-bottom: 13px; margin-top: 20px; }
.balances-page-container .balance-currency-group-name .balance-currency-code { font-weight: 700; font-size: 16px; color: rgb(85, 109, 130); }
.balances-page-container .balance-currency-group-name .balance-currency-name { font-weight: 400; font-size: 14px; color: rgb(85, 109, 130); }
.balances-page-container .balances-info { text-align: right; }
.balances-page-container .balances-info .balances-info-number { font-weight: 700; font-size: 12px; line-height: 14px; text-transform: uppercase; color: rgb(22, 149, 202); }
.balances-page-container .balances-info .balances-info-amount { font-size: 22px; line-height: 26px; color: rgb(85, 109, 130); }
@media only screen and (min-width: 480px) and (max-width: 12000px) {
  .balances-page-container .transfer-text { max-width: 200px; font-weight: normal; font-size: 16px; color: rgb(85, 109, 130); }
}
.balances-page-container .balance-filter { border-bottom: 1px solid rgb(184, 196, 208); }
.balances-page-container .balance-filter .ng-dropdown-panel .ng-dropdown-panel-items { max-height: 470px; }
.balances-page-container .balance-filter .ct-icon { color: rgb(22, 149, 202); }
.balances-page-container .balance-filter .ng-value { width: 100%; }
.balances-page-container .ct-balance-header { cursor: pointer; padding-top: 20px; padding-bottom: 20px; }
.balances-page-container .ct-balance-header .ct-balance-header-logo { margin-left: 30px; max-width: 140px; height: 60px; filter: grayscale(100%); opacity: 0.5; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .balances-page-container .ct-balance-header .ct-balance-header-logo { margin-left: 0px; }
}
.balances-page-container .ct-balance-header:hover .ct-balance-header-logo, .balances-page-container .ct-balance-header.opened .ct-balance-header-logo { filter: none; opacity: 1; }
.balances-page-container .ct-balance-header .ct-balance-header-amount { font-weight: 700; font-size: 16px; line-height: 19px; color: rgb(85, 109, 130); }
.balances-page-container .ct-balance-content .ct-deposit-account-error { padding: 15px; }
.balances-page-container .ct-balance-content .ct-deposit-header { background: rgb(255, 255, 255); border-top: 1px solid rgb(233, 237, 240); border-bottom: 0px; padding: 20px; }
.balances-page-container .ct-balance-content .ct-deposit-header .deposit-currency { color: rgb(85, 109, 130); font-size: 16px; }
.balances-page-container .ct-balance-content .ct-deposit-header .deposit-currency .currency-code { font-weight: 700; margin-left: 10px; }
.balances-page-container .ct-balance-content .ct-deposit-header .deposit-currency .currency-name { font-weight: 400; }
.balances-page-container .last-updated { font-weight: 700; font-size: 12px; color: rgb(136, 136, 136); margin: 0px; padding: 0px 0px 10px; line-height: 14px; }
.balances-page-container .last-updated .refresh-button { margin-right: 5px; font-weight: 700; text-decoration: none; color: rgb(22, 149, 202); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .balances-page-container .last-updated .last-updated-date { display: none; }
}
.ng-select { height: 44px; }
.ng-select.registration-form-dropdown { border: 1px solid rgb(184, 196, 208); }
.ng-select.registration-form-dropdown.full-width { width: 100%; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .ng-select.registration-form-dropdown.full-dropdown { width: 100%; }
}
.ng-select.registration-form-dropdown.registration-input-active { border-color: rgb(22, 145, 198); }
.ng-select.registration-form-dropdown.ng-select-single .ng-select-container { height: 100%; border: 0px; border-radius: 0px; background: rgb(255, 255, 255); }
.ng-select.registration-form-dropdown.ng-select-single .ng-select-container .ng-placeholder { color: rgb(68, 86, 103); font-size: 16px; }
.ng-select.registration-form-dropdown.ng-select-single .ng-select-container .ng-value-container .ng-value { color: rgb(68, 86, 103); font-size: 16px; }
.ng-select.registration-form-dropdown.ng-select-single .ng-select-container .ng-value-container .ng-input { top: 3px; }
.ng-select.registration-form-dropdown.ng-select-single .ng-select-container .ng-value-container .ng-input input { padding: 7px 0px 0px; margin-top: 5px; }
.ng-select.registration-form-dropdown.ng-select-multiple .ng-select-container { height: 100%; border: 0px; border-radius: 0px; background: rgb(255, 255, 255); }
.ng-select.registration-form-dropdown.ng-select-multiple .ng-select-container .ng-placeholder { color: rgb(68, 86, 103); }
.ng-select.registration-form-dropdown.ng-select-multiple .ng-select-container .ng-value-container .ng-input { top: 2px; }
.ng-select.registration-form-dropdown .ng-dropdown-panel { border-radius: 0px; margin-top: 2px; }
.ng-select.registration-form-dropdown .ng-arrow-wrapper .ng-arrow { border-width: 5px 5px 0px; top: -2px; }
.ng-select.registration-form-dropdown .dropdown-section-label { font-size: 13px; font-weight: 700; font-family: Lato, sans-serif; }
.ng-select.registration-form-dropdown .ng-input > input { margin-top: 0px; text-transform: none; font-size: 14px; padding: 7px 0px 0px; }
.ng-select.registration-form-dropdown .ng-select-template.registration-dropdown { display: flex; justify-content: flex-start; align-items: center; font-size: 16px; padding: 0px; }
.ng-select { height: 44px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .ng-select.registration-form-dropdown.full-dropdown { width: 100%; }
}
.ng-select.registration-form-dropdown.registration-input-active { border-color: rgb(22, 145, 198); }
.ng-select.registration-form-dropdown.ng-select-single .ng-select-container { height: 100%; border: 0px; border-radius: 0px; background: rgb(255, 255, 255); }
.ng-select.registration-form-dropdown.ng-select-single .ng-select-container .ng-placeholder { color: rgb(136, 136, 136); }
.ng-select.registration-form-dropdown.ng-select-single .ng-select-container .ng-value-container .ng-input { top: 2px; }
.ng-select.registration-form-dropdown.ng-select-multiple .ng-select-container { height: 100%; border: 0px; border-radius: 0px; background: rgb(255, 255, 255); }
.ng-select.registration-form-dropdown.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder { color: rgb(136, 136, 136); position: absolute; top: 10px; }
.ng-select.registration-form-dropdown.ng-select-multiple .ng-select-container .ng-value-container .ng-input { top: 2px; }
.ng-select.registration-form-dropdown .ng-dropdown-panel { border-radius: 0px; margin-top: 2px; }
.ng-select.registration-form-dropdown .ng-arrow-wrapper .ng-arrow { border-width: 5px 5px 0px; top: -2px; }
.ng-select.registration-form-dropdown .dropdown-section-label { font-size: 13px; font-weight: 700; font-family: Lato, sans-serif; }
.ng-select.registration-form-dropdown .ng-input > input { margin-top: 0px; text-transform: none; font-size: 14px; padding-left: 0px; padding-top: 7px; }
.ng-select.registration-form-dropdown .ng-select-template.registration-dropdown { display: flex; justify-content: flex-start; align-items: center; font-size: 14px; padding: 0px; }
.ct-app-registration-tracker .ct-registration-tracker-container { margin: 30px 0px; }
.ct-app-registration-tracker .ct-registration-tracker-container h3 { margin: 0px 0px 20px; color: rgb(136, 136, 136); font-size: 24px; text-align: center; }
.ct-app-registration-tracker .ct-registration-tracker-container h3 .highlight { color: rgb(44, 186, 193); }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container { display: flex; margin: 0px auto; position: relative; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container.short-tracker { max-width: 600px; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container { padding-left: 0px; width: 100%; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container { padding-left: 0px; width: 100%; }
}
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-registration-tracker-header { height: 130px; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-registration-tracker-header.last { height: auto; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-active .ct-registration-tracker-element-icon { background: rgb(248, 248, 248); border-color: rgb(65, 180, 18); }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-active .ct-registration-tracker-element-icon::before { color: rgb(85, 85, 85); }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-active ~ .ct-registration-tracker-element .ct-registration-tracker-element-icon { background: rgb(248, 248, 248); }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-active ~ .ct-registration-tracker-element .ct-registration-tracker-element-icon::before { font-family: currencytransfer-icons; color: rgb(85, 85, 85); }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-active .ct-registration-tracker-element-icon, .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-active ~ .ct-registration-tracker-element .ct-registration-tracker-element-icon { font-size: 22px; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-active .ct-registration-tracker-element-icon::before, .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-active ~ .ct-registration-tracker-element .ct-registration-tracker-element-icon::before { font-family: currencytransfer-icons; margin-left: 1px; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-active.ct-registration-tracker-element::after, .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-active ~ .ct-registration-tracker-element::before, .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-container .ct-active ~ .ct-registration-tracker-element::after { background: rgb(213, 220, 227); }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element { flex: 1 1 0%; color: rgb(85, 85, 85); position: relative; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element::before, .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element::after { content: ""; height: 4px; position: absolute; width: 50%; background: rgb(65, 180, 18); top: 22px; margin-top: -2px; z-index: -1; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element::before { left: 0px; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element::after { right: 0px; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element:nth-of-type(1)::before { display: none; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element:nth-last-of-type(1)::after { display: none; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgb(65, 180, 18); margin: 0px auto 3px; border: 4px solid rgb(213, 220, 227); }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element-icon.step-completed::before { color: rgb(255, 255, 255); font-size: 22px; }
.ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element-label { text-align: center; width: 120px; margin: 0px auto; font-size: 12px; line-height: 1.2; text-transform: uppercase; letter-spacing: 1px; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-app-registration-tracker { padding: 0px 20px; }
  .ct-app-registration-tracker .ct-registration-tracker-container h3 { text-align: center; letter-spacing: -0.5px; }
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element::before, .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element::after { top: 16px; }
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element-icon { width: 30px; height: 30px; text-align: center; }
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element-icon.ct-registration-tracker-icon-transfer-requirements::before { font-size: 15px; line-height: 32px; margin-left: 1px; }
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element-icon::before { font-size: 15px; line-height: 34px; color: rgb(255, 255, 255); margin-left: -1px; }
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element-label { letter-spacing: 0.3px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-app-registration-tracker { padding: 0px 20px; }
  .ct-app-registration-tracker .ct-registration-tracker-container h3 { text-align: center; letter-spacing: -0.5px; }
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element::before, .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element::after { top: 16px; }
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element-icon { width: 30px; height: 30px; text-align: center; }
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element-icon.ct-tracker-icon-transfer-requirements::before { font-size: 15px; line-height: 32px; margin-left: 1px; }
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element-icon::before { font-size: 15px; line-height: 34px; color: rgb(255, 255, 255); margin-left: -1px; }
  .ct-app-registration-tracker .ct-registration-tracker-container .ct-registration-tracker-element-label { display: none; }
}
.ct-app-registration { min-height: 100vh; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .page-title-container .icon-container { display: none; }
}
.page-title-container .page-title { color: rgb(85, 109, 130); }
.ct-input.ng-touched.ng-valid { border-color: rgb(65, 180, 18); background: rgb(245, 252, 243); }
.ct-input.ng-touched.ng-invalid { border-color: rgb(229, 57, 53); background-color: rgb(254, 249, 249); }
.ng-select.registration-form-dropdown .ng-dropdown-panel { border-radius: 0px; }
.ng-select.registration-form-dropdown .ng-dropdown-panel.ng-select-bottom { margin-top: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; }
.ng-select.registration-form-dropdown .ng-dropdown-panel.ng-select-top { margin-bottom: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px -5px 10px; }
.ct-app-registration .ng-select.registration-form-dropdown .ng-input > input { font-size: 16px; }
.ct-btn { font-weight: 700; font-size: 16px; text-transform: uppercase; border-radius: 2px; padding: 8px 32px; line-height: 18px; }
.ct-btn:active { box-shadow: none; outline: none; }
.ct-btn.ct-btn-cta { color: rgb(255, 255, 255); background-color: rgb(65, 180, 18); border-color: initial; min-width: 110px; }
.ct-btn.ct-btn-next::after { margin-left: 8px; content: ""; display: inline-block; background: url("../files/6cf0267273ec.svg") no-repeat; width: 18px; height: 18px; vertical-align: sub; }
.ct-btn.ct-btn-cta-avoid { color: rgb(187, 187, 187); background-color: transparent; border-color: transparent; min-width: 110px; }
.ct-btn.ct-btn-prev::before { margin-left: 5px; content: ""; display: inline-block; background-image: url("../files/6cf0267273ec.svg"); background-repeat: no-repeat; width: 18px; height: 20px; vertical-align: middle; transform: rotate(180deg); }
.ct-title-registration i { vertical-align: middle; margin-left: -60px; font-family: currencytransfer; display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: rgb(218, 239, 254); color: rgb(22, 145, 198); font-size: 20px; font-weight: normal; float: left; padding-left: 10px; }
.input-help-text { font-weight: 400; font-size: 14px; line-height: 17px; color: rgb(85, 109, 130); }
.ct-registration-section-company-details, .ct-registration-section-personal-details, .ct-registration-section-transfer-requirements, .ct-registration-section-account-details { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-app-registration { overflow-x: hidden; }
  .ct-app-registration-form .row { margin: 0px; padding: 0px; }
  .ct-app-registration-form .page-title-container { margin-left: 20px; margin-right: 20px; }
  .ct-app-registration-form .ct-section-title { padding: 0px; text-align: center; }
  .ct-app-registration-form .ct-registration-form { padding: 15px 0px 10px; }
  .ct-app-registration-form .ct-title-registration::before { display: none; }
  .ct-app-registration-form .ct-registrations-form-footer { padding: 20px; }
  .ct-app-registration-form .ct-registrations-form-footer .ct-registration-button { padding: 0px; }
  .ct-app-registration-form .ct-registrations-form-footer .ct-registration-button .ct-btn.ct-btn-cta::before, .ct-app-registration-form .ct-registrations-form-footer .ct-registration-button .ct-btn.ct-btn-cta::after { display: none; }
  .ct-app-registration-form .ct-registration-section-company-details .ct-form-input-container .ct-input, .ct-app-registration-form .ct-registration-section-company-details .ct-form-input-container .ct-input-wrapper, .ct-app-registration-form .ct-registration-section-personal-details .ct-form-input-container .ct-input, .ct-app-registration-form .ct-registration-section-personal-details .ct-form-input-container .ct-input-wrapper, .ct-app-registration-form .ct-registration-section-transfer-requirements .ct-form-input-container .ct-input, .ct-app-registration-form .ct-registration-section-transfer-requirements .ct-form-input-container .ct-input-wrapper, .ct-app-registration-form .ct-registration-section-account-details .ct-form-input-container .ct-input, .ct-app-registration-form .ct-registration-section-account-details .ct-form-input-container .ct-input-wrapper { width: 100%; }
  .ct-app-registration-aside { display: none; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-app-registration { overflow-x: hidden; width: 100vw; max-width: 500px; margin: 0px auto; }
  .ct-app-registration-form .row { margin: 0px; padding: 0px; }
  .ct-app-registration-form .row .ct-form-input-container { padding: 0px 5px; }
  .ct-app-registration-form .ct-section-title { padding: 0px; text-align: center; }
  .ct-app-registration-form .ct-registration-form { padding: 15px 0px 10px; }
  .ct-app-registration-form .ct-title-registration::before { display: none; }
  .ct-app-registration-form .ct-registrations-form-footer { padding: 20px; }
  .ct-app-registration-form .ct-registrations-form-footer .ct-registration-button { padding: 0px; }
  .ct-app-registration-form .ct-registrations-form-footer .ct-registration-button .ct-btn.ct-btn-cta::before, .ct-app-registration-form .ct-registrations-form-footer .ct-registration-button .ct-btn.ct-btn-cta::after { display: none; }
  .ct-app-registration-form .ct-registration-section-account-details .ct-form-input-container .ct-input, .ct-app-registration-form .ct-registration-section-account-details .ct-form-input-container .ct-input-wrapper { width: 100%; }
  .ct-app-registration-form .ct-registration-section-company-details .ct-form-input-container .ct-input, .ct-app-registration-form .ct-registration-section-company-details .ct-form-input-container .ct-input-wrapper { width: 100%; }
  .ct-app-registration-aside { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-app-registration { overflow-x: hidden; width: 100vw; max-width: 780px; margin: 0px auto; }
  .ct-app-registration-form { width: 80vw; margin: 0px auto; }
  .ct-app-registration-form .row { margin: 0px; padding: 0px; }
  .ct-app-registration-form .row .ct-form-input-container { padding: 0px 5px; }
  .ct-app-registration-form .ct-section-title { padding: 0px; text-align: center; }
  .ct-app-registration-form .ct-registration-form { padding: 15px 0px 10px; }
  .ct-app-registration-form .ct-title-registration::before { display: none; }
  .ct-app-registration-form .ct-registrations-form-footer { padding: 20px; }
  .ct-app-registration-form .ct-registrations-form-footer .ct-registration-button { padding: 0px; }
  .ct-app-registration-form .ct-registrations-form-footer .ct-registration-button .ct-btn.ct-btn-cta::before, .ct-app-registration-form .ct-registrations-form-footer .ct-registration-button .ct-btn.ct-btn-cta::after { display: none; }
  .ct-app-registration-aside { display: none; }
}
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .ct-app-registration { max-width: 900px; margin: 0px auto; }
  .ct-app-registration-body { display: flex; justify-content: center; }
  .ct-app-registration-body.left-aligned { justify-content: start; }
  .ct-app-registration-form { flex: 1 0 auto; max-width: 540px; }
  .ct-app-registration-form.adding-account { max-width: 600px; }
  .ct-app-registration-aside { width: 320px; margin-left: 20px; }
  .ct-section-title-icon { padding: 20px 0px 20px 60px; margin: 0px 32px; }
  .ct-layout-content-box { overflow: visible; }
}
.ct-sidebar-section { padding: 30px; }
.ct-registrations-form-footer { padding: 30px; border-top: 1px solid rgb(221, 221, 221); }
.ct-form-input-container { margin-bottom: 15px; position: relative; }
.ct-form-input-container label { font-size: 16px; color: rgb(85, 109, 130); line-height: 1.28; }
.ct-form-input-container .ct-input-label.optional::after { margin-left: 6px; font-size: 16px; font-weight: 400; content: "(optional)"; color: rgb(22, 145, 198); }
.ct-form-input-container .ct-input, .ct-form-input-container .ct-input-wrapper { position: relative; }
.ct-form-input-container .ct-input-wrapper + .ct-input { margin-top: 5px; }
.ct-form-input-container input { height: inherit; font-size: 16px; color: rgb(68, 86, 103); padding: 10px; width: 100%; border: 1px solid rgb(184, 196, 208); border-radius: 5px; }
.ct-form-input-container input::placeholder { color: rgb(153, 171, 188); font-weight: 400; font-size: 16px; }
.ct-form-input-container input:-webkit-autofill { box-shadow: rgb(255, 255, 255) 0px 0px 0px 25px inset; }
.ct-form-input-container input:focus { border-color: rgb(22, 145, 198); }
.ct-form-input-container input.ng-valid-required, .ct-form-input-container input.ng-valid.ng-touched { border-color: rgb(93, 191, 53); background: rgb(245, 252, 243); }
.ct-form-input-container input.ng-valid-required:focus, .ct-form-input-container input.ng-valid.ng-touched:focus { border-color: rgb(22, 145, 198); }
.ct-form-input-container input.ng-invalid-required.ng-touched, .ct-form-input-container input.ng-invalid-pattern.ng-touched, .ct-form-input-container input.ct-submit-error { border-color: rgb(229, 57, 53); background: rgb(254, 249, 249); }
.ct-form-input-container input.ng-invalid-required.ng-touched:focus, .ct-form-input-container input.ng-invalid-pattern.ng-touched:focus, .ct-form-input-container input.ct-submit-error:focus { border-color: rgb(22, 145, 198); }
.ct-form-input-container input.ct-error { border-color: rgb(229, 57, 53); }
.ct-form-input-container .ct-dob .ct-select-container { width: 100%; }
.ct-form-input-container .ct-dob .ct-select-container:not(:last-child) { margin-right: 15px; }
.ct-input-errors .ct-input-error { color: rgb(229, 57, 53); }
.two-option-types-container { display: flex; justify-content: space-between; align-items: center; padding-right: 40px; }
.two-option-types-container > * { width: 48%; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .two-option-types-container { flex-direction: column; }
  .two-option-types-container > * { width: 100%; }
  .two-option-types-container > :first-child { margin-bottom: 5px; }
}
.ct-info-services-provided h3 { color: rgb(85, 85, 85); text-align: center; margin-top: 15px; font-weight: 700; font-size: 18px; line-height: 22px; }
.ct-info-services-provided hr { width: 50px; border-top: 1px solid rgb(212, 220, 227); margin: 10px auto; }
.ct-info-services-provided [class*="ct-services-provided"] { margin-bottom: 30px; }
.ct-info-services-provided [class*="ct-services-provided"] .ct-list { padding-left: 0px; list-style-type: none; }
.ct-info-services-provided [class*="ct-services-provided"] li { color: rgb(85, 85, 85); font-size: 16px; padding-left: 18px; margin-bottom: 4px; }
.ct-info-services-provided .ct-services-provided-img-fca { content: url("../files/2d544bb25c46.png"); }
.ct-info-services-provided .ct-services-provided-img-do { content: url("../files/2427842e1ea9.svg"); }
.ct-info-services-provided .ct-services-provided-img-dont { content: url("../files/2f5229835c39.svg"); }
.ct-info-services-provided .ct-services-provided-img { height: 100px; margin: 0px auto; display: block; }
.ct-info-services-provided .ct-services-provided-do li i, .ct-info-services-provided .ct-services-provided-img-fca li i { color: rgb(65, 180, 18); font-size: 16px; }
.ct-info-services-provided .ct-services-provided-do-not li i { color: rgb(229, 57, 53); font-size: 16px; }
.type-selection-box { cursor: pointer; border: 2px solid rgb(184, 196, 208); border-radius: 15px; height: 220px; width: 250px; color: rgb(85, 109, 130); }
.type-selection-box .type-icon i { color: rgb(184, 196, 208); font-size: 60px; }
.type-selection-box .type-label { font-weight: 700; font-size: 16px; line-height: 19px; }
.type-selection-box .type-text { font-weight: 400; font-size: 14px; line-height: 17px; }
.type-selection-box.active { border: 2px solid rgb(22, 149, 202); background-color: rgb(237, 247, 251); }
.type-selection-box.active .type-icon i { color: rgb(22, 149, 202); font-size: 60px; }
.ct-icon-help { position: absolute; right: 0px; top: 0px; width: 30px; }
.ct-help { background: url("../files/e4030479710a.png") 0px -63px / cover; width: 32px; display: inline-block; height: 27px; margin-top: 30px; vertical-align: middle; cursor: pointer; }
.active .ct-help { background-position: 0px 100%; }
.ct-form-input-container .ct-input { box-shadow: none; }
.ct-form-input-container a { color: rgb(22, 145, 198); text-decoration: none; }
.ct-form-input-container a:hover { color: rgb(25, 92, 125); }
.ct-title-registration.ct-title-registration-company-details::before { font-family: currencytransfer-icons; content: ""; font-size: 21px; line-height: 42px; }
.ct-registrations-form-footer { background-color: rgb(255, 255, 255); }
.ct-info-benefits .ct-benefits-list-container { margin: 0px; padding: 0px; }
.ct-info-benefits .ct-benefit { list-style: none; padding-left: 85px; margin-bottom: 30px; }
.ct-info-benefits .ct-benefit::before { width: 45px; margin-right: 7px; margin-left: -85px; background: url("../files/bc19520b50a1.png") 0% 0% / cover; content: ""; display: inline-block; vertical-align: top; }
.ct-info-benefits .ct-benefit.ct-benefit-bank::before { background-position: 0px 0px; height: 30px; }
.ct-info-benefits .ct-benefit.ct-benefit-no-obligation::before { background-position: 0px -30px; height: 42px; }
.ct-info-benefits .ct-benefit.ct-benefit-safe-secure::before { background-position: 0px -72px; height: 40px; }
.ct-info-benefits .ct-benefit.ct-benefit-hassle-free::before { background-position: 0px -112px; height: 42px; }
.ct-info-benefits .ct-benefit.ct-benefit-expert-service::before { background-position: 0px -370px; height: 62px; }
.ct-info-benefits .ct-benefit-info { display: inline-block; }
.ct-info-benefits .ct-benefit-info h3 { color: rgb(68, 86, 103); margin-top: 0px; margin-bottom: 5px; font-weight: 700; font-size: 18px; line-height: 22px; }
.ct-info-benefits .ct-benefit-info p { color: rgb(68, 86, 103); font-size: 16px; margin: 0px; }
.ct-input-wrapper-flex { display: flex; }
.ct-expected-volume .volume { flex: 1 1 0%; }
.ct-expected-volume .currency { width: 100px; margin-left: 0px; margin-right: 10px; }
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child { text-overflow: initial; white-space: normal; }
.ct-title-registration.ct-title-registration-personal-details::before { font-family: currencytransfer-icons; content: ""; font-size: 21px; line-height: 42px; }
.ct-registrations-form-footer { background-color: rgb(255, 255, 255); }
.ct-title-registration.ct-title-registration-company-details::before { font-family: currencytransfer-icons; content: ""; font-size: 21px; line-height: 42px; }
.ct-registrations-form-footer { background-color: rgb(255, 255, 255); }
.document-status-list { margin-top: 24px; }
.document-status-list .section-title { color: rgb(22, 149, 202); font-size: 12px; font-weight: 700; line-height: 16px; padding: 0px 8px 4px; text-transform: uppercase; }
.document-status-row { width: 100%; min-height: 45px; padding: 12px 16px; border: 1px solid rgb(212, 220, 227); border-radius: 12px; background: rgb(255, 255, 255); color: rgb(68, 86, 103); cursor: default; text-align: left; }
.document-status-row.document-status-summary { background: transparent; }
.document-status-row.document-status-action { border: 0px; min-height: 52px; cursor: pointer; }
.document-status-row.document-status-action:hover { background: rgb(250, 250, 250); }
.document-status-row .document-status-label { flex: 1 1 auto; min-width: 0px; }
.document-status-row .document-status-type-icon { flex: 0 0 28px; width: 28px; height: 28px; color: rgb(145, 176, 194); line-height: 28px; text-align: center; }
.document-status-row .document-status-title { font-size: 16px; font-weight: 700; line-height: 20px; white-space: normal; overflow-wrap: anywhere; }
.document-status-row .document-status-description { color: rgb(153, 171, 188); font-size: 14px; font-weight: 400; line-height: 17px; white-space: normal; overflow-wrap: anywhere; }
.document-status-row .document-status-value { color: rgb(153, 171, 188); font-size: 14px; font-style: italic; line-height: 17px; }
.document-status-row .document-status-state { flex-shrink: 0; color: rgb(153, 171, 188); font-size: 14px; font-style: italic; line-height: 17px; }
.document-status-row .document-status-state.complete { color: rgb(65, 180, 18); }
.document-status-row .document-status-state .ct-icon-tick-circle { font-size: 22px; }
.document-status-row .document-status-state .ct-icon-arrow-right { color: rgb(145, 176, 194); font-size: 22px; font-style: normal; }
.document-options { max-width: 560px; margin: 0px auto; }
.document-options .section-title { color: rgb(22, 149, 202); font-size: 12px; font-weight: 700; line-height: 16px; padding: 0px 8px 4px; text-transform: uppercase; }
.document-options-form { padding: 24px; }
.document-options-description { margin: 0px; color: rgb(68, 86, 103); font-size: 16px; line-height: 19px; }
.document-options-label { color: rgb(68, 86, 103); font-size: 16px; font-weight: 700; line-height: 20px; }
.accepted-documents { padding: 32px 24px 24px; border-top: 1px solid rgb(212, 220, 227); }
.accepted-document-row { width: 100%; min-height: 50px; padding: 10px 12px; border: 2px solid rgb(212, 220, 227); border-radius: 7px; background: rgb(255, 255, 255); color: rgb(68, 86, 103); cursor: pointer; text-align: left; }
.accepted-document-row:hover { border-color: rgb(22, 145, 198); background: rgb(232, 244, 250); }
.accepted-document-icon { flex: 0 0 28px; width: 28px; height: 28px; color: rgb(145, 176, 194); line-height: 28px; }
.accepted-document-arrow { flex: 0 0 28px; width: 28px; height: 28px; margin-left: auto; color: rgb(145, 176, 194); font-size: 22px; line-height: 28px; }
.accepted-document-content { flex: 1 1 auto; min-width: 0px; }
.accepted-document-title { overflow: hidden; color: rgb(68, 86, 103); font-size: 16px; font-weight: 700; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.accepted-document-description { overflow: hidden; color: rgb(153, 171, 188); font-size: 14px; line-height: 17px; text-overflow: ellipsis; white-space: nowrap; }
.accepted-documents-message { min-height: 45px; padding: 14px 16px; border-radius: 12px; background: rgb(255, 255, 255); color: rgb(153, 171, 188); font-size: 14px; line-height: 17px; }
.document-instructions { max-width: 560px; margin: 0px auto; }
.document-instructions .section-title { color: rgb(22, 149, 202); font-size: 12px; font-weight: 700; line-height: 16px; padding: 0px 8px 4px; text-transform: uppercase; }
.document-upload { max-width: 560px; margin: 0px auto; }
.document-upload .section-title { color: rgb(22, 149, 202); font-size: 12px; font-weight: 700; line-height: 16px; padding: 0px 8px 4px; text-transform: uppercase; }
.document-upload-box { padding: 24px; }
.document-upload-title { color: rgb(68, 86, 103); font-size: 18px; font-weight: 700; line-height: 22px; margin-bottom: 16px; }
.document-phone-qr { max-width: 560px; margin: 0px auto; }
.document-phone-qr-card { min-height: 260px; padding: 24px; }
.document-phone-qr-content { min-height: 212px; gap: 24px; }
.document-phone-preview { position: relative; flex: 0 0 244px; width: 244px; height: 212px; }
.document-phone-background { position: absolute; top: 0px; left: 7px; display: block; width: 229px; height: 212px; }
.document-phone-qr-paper { position: absolute; top: 35px; left: 37px; width: 156px; height: 156px; border-radius: 12px; background: rgb(255, 255, 255); }
.document-phone-qr-frame { position: absolute; top: 42px; left: 45px; z-index: 2; width: 140px; height: 140px; pointer-events: none; }
.document-phone-qr-corner { position: absolute; width: 28px; height: 28px; border: 4px solid rgb(0, 0, 0); }
.document-phone-qr-corner.top-left { top: 0px; left: 0px; border-right: 0px; border-bottom: 0px; border-top-left-radius: 8px; }
.document-phone-qr-corner.top-right { top: 0px; right: 0px; border-bottom: 0px; border-left: 0px; border-top-right-radius: 8px; }
.document-phone-qr-corner.bottom-right { right: 0px; bottom: 0px; border-top: 0px; border-left: 0px; border-bottom-right-radius: 8px; }
.document-phone-qr-corner.bottom-left { bottom: 0px; left: 0px; border-top: 0px; border-right: 0px; border-bottom-left-radius: 8px; }
.document-phone-qr-title { margin: 0px; color: rgb(68, 86, 103); font-size: 16px; font-weight: 700; line-height: 20px; }
.document-phone-qr-description { margin: 0px; color: rgb(68, 86, 103); font-size: 16px; line-height: 19px; }
.document-phone-qr-text { flex: 1 1 auto; min-width: 0px; }
.document-phone-qr-code { position: absolute; top: 51px; left: 53px; z-index: 1; width: 124px; height: 124px; overflow: hidden; color: rgb(153, 171, 188); font-size: 14px; line-height: 17px; }
.document-phone-qr-image { display: block; width: 100%; height: 100%; object-fit: contain; }
.document-phone-qr-error { color: rgb(229, 57, 53); font-size: 14px; line-height: 17px; }
.document-phone-start { min-height: 520px; }
.document-phone-start-illustration { display: block; width: 100%; height: 160px; object-fit: cover; }
.document-phone-start-text { width: 100%; text-align: center; }
.document-phone-start-text h1 { margin: 0px; color: rgb(68, 86, 103); font-size: 20px; font-weight: 700; letter-spacing: 0.04px; line-height: 24px; }
.document-phone-start-text p { margin: 0px; color: rgb(68, 86, 103); font-size: 15px; line-height: 18px; }
.document-camera-access { min-height: 520px; }
.document-camera-access-main { flex: 1 1 auto; }
.document-camera-icon { display: block; width: 64px; height: 64px; }
.document-camera-copy { color: rgb(85, 109, 130); }
.document-camera-copy h1 { margin: 0px; font-size: 20px; font-weight: 700; line-height: 24px; }
.document-camera-copy p { margin: 0px; font-size: 16px; line-height: 19px; }
.document-camera-access .document-camera-copy { max-width: 343px; text-align: center; }
.document-camera-access-actions { width: 100%; }
.document-camera-message { min-height: 36px; padding: 4px 12px 4px 4px; border-radius: 12px; background: rgb(233, 237, 240); color: rgb(68, 86, 103); font-size: 14px; line-height: 18px; }
.document-camera-message .ct-icon-info { color: rgb(145, 176, 194); font-size: 20px; }
.document-camera-denied { max-width: 560px; margin: 0px auto; color: rgb(85, 109, 130); }
.document-camera-denied .ct-btn { height: 45px; border-radius: 4px; font-size: 18px; letter-spacing: 0px; line-height: 20px; text-transform: none; }
.document-camera-solution h2 { margin: 0px; font-size: 18px; font-weight: 700; line-height: 24px; }
.document-camera-solution ol { margin: 0px; padding-left: 24px; font-size: 16px; line-height: 19px; }
.document-camera-solution li + li { margin-top: 12px; }
.document-review { max-width: 560px; margin: 0px auto; }
.document-review .section-title { color: rgb(22, 149, 202); font-size: 12px; font-weight: 700; line-height: 16px; padding: 0px 8px 4px; text-transform: uppercase; }
.document-review-box { padding: 24px; }
.document-review-title { color: rgb(68, 86, 103); font-size: 18px; font-weight: 700; line-height: 22px; margin-bottom: 16px; }
.document-review-content { gap: 24px; }
.document-preview-container { gap: 8px; }
.document-preview-frame { height: 350px; padding: 0px; border: 1px solid rgb(212, 220, 227); border-radius: 17px; background: rgb(233, 237, 240); overflow: hidden; }
.document-preview-frame.pdf { background: rgb(233, 237, 240); }
.document-preview-frame.unavailable { background: rgb(233, 237, 240); }
.document-preview-inner { flex: 1 1 auto; min-height: 0px; border-radius: 16px; overflow: hidden; }
.document-preview-file { display: block; width: 100%; height: 100%; border: 0px; border-radius: 8px; object-fit: contain; }
.document-preview-unavailable-card { width: 400px; max-width: calc(100% - 32px); padding: 16px 24px 16px 16px; border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(68, 86, 103, 0.25) 0px 4px 16px; gap: 12px; }
.document-preview-unavailable-icon { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 999px; background: rgb(237, 247, 251); }
.document-preview-unavailable-icon .ct-icon-item { color: rgb(22, 145, 198); font-size: 64px; }
.document-preview-unavailable-name { flex: 1 1 auto; min-width: 0px; color: rgb(68, 86, 103); font-size: 14px; font-weight: 700; line-height: 16px; overflow-wrap: anywhere; }
.document-preview-actions { gap: 8px; }
.document-preview-action { flex: 1 1 0px; min-height: 45px; padding: 15px; border: 0px; border-radius: 7px; background: rgb(233, 237, 240); font-size: 18px; font-weight: 700; line-height: 20px; text-align: center; }
.document-preview-action.remove { color: rgb(229, 57, 53); }
.document-preview-action.change { color: rgb(145, 176, 194); }
.document-preview-action:hover { background: rgb(227, 232, 236); }
.document-review-submit-button { height: 45px; border-radius: 4px; font-size: 18px; letter-spacing: 0px; line-height: 20px; text-transform: none; }
.document-instructions-box { padding: 24px; gap: 24px; }
.document-instructions-title { margin: 0px; color: rgb(68, 86, 103); font-size: 18px; font-weight: 700; line-height: 22px; }
.document-instructions-description { margin: 0px; color: rgb(68, 86, 103); font-size: 16px; line-height: 19px; }
.document-instructions-toast { padding: 8px 12px; border-radius: 12px; background: rgb(233, 237, 240); color: rgb(68, 86, 103); font-size: 14px; line-height: 18px; }
.document-instructions-toast .ct-icon-info { color: rgb(145, 176, 194); font-size: 20px; }
.document-examples-title { color: rgb(68, 86, 103); font-size: 16px; font-weight: 700; line-height: 20px; padding: 0px 8px; }
.document-example-image { position: relative; width: 100%; overflow: hidden; border-radius: 12px; }
.document-example-image.invalid { max-width: 350px; aspect-ratio: 350 / 170; border: 2px solid rgb(229, 57, 53); background: rgb(255, 255, 255); }
.document-example-image.valid { display: grid; grid-template-rows: minmax(0px, 1fr); aspect-ratio: 532 / 322; padding: 12px; background: rgb(224, 234, 255); border: 3px solid rgb(65, 180, 18); }
.document-example-image.document-example-image-document { aspect-ratio: 512 / 342; padding: 18px 48px; }
.document-example-image.document-example-image-selfie { aspect-ratio: 1 / 1; padding: 0px; }
.document-example-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.document-example-image.invalid img { object-fit: cover; }
.document-example-badge { position: absolute; z-index: 1; color: rgb(255, 255, 255); text-align: center; pointer-events: none; overflow: visible; }
.document-example-badge.invalid { --indicator-color: #e53935; --indicator-size: 36px; --indicator-total-size: 48px; --indicator-cutout-size: 12px; --indicator-outer-radius: 6.5px; --indicator-radius: 14.5px; --indicator-icon-size: 24px; top: 0px; left: 0px; }
.document-example-badge.valid { --indicator-color: #41b412; --indicator-size: 48px; --indicator-total-size: 66px; --indicator-cutout-size: 18px; --indicator-outer-radius: 8px; --indicator-radius: 20px; --indicator-icon-size: 32px; top: 0px; left: 0px; }
.document-example-badge { width: var(--indicator-total-size); height: var(--indicator-total-size); }
.document-example-badge::before, .document-example-badge::after { content: ""; position: absolute; z-index: 1; width: var(--indicator-cutout-size); height: var(--indicator-cutout-size); background: radial-gradient(circle at 100% 100%, transparent 0, transparent var(--indicator-cutout-size), var(--indicator-color) calc(var(--indicator-cutout-size) + 1px)); }
.document-example-badge::before { top: 0px; left: var(--indicator-size); }
.document-example-badge::after { top: var(--indicator-size); left: 0px; }
.document-example-badge > i { position: absolute; top: 0px; left: 0px; z-index: 2; display: flex; align-items: center; justify-content: center; width: var(--indicator-size); height: var(--indicator-size); background: var(--indicator-color); border-top-left-radius: var(--indicator-outer-radius); border-bottom-right-radius: var(--indicator-radius); font-size: var(--indicator-icon-size); line-height: var(--indicator-size); }
.document-example-toast { width: fit-content; max-width: 100%; padding: 4px 12px 4px 4px; border-radius: 12px; color: rgb(68, 86, 103); font-size: 14px; line-height: 18px; }
.document-example-toast.invalid { background: rgba(229, 57, 53, 0.06); }
.document-example-toast.invalid .ct-icon-xmark-circle { color: rgb(229, 57, 53); font-size: 24px; }
.document-example-description { padding: 0px 18px; color: rgb(68, 86, 103); font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; }
.document-instructions-divider { height: 1px; margin: 0px -24px; background: rgb(212, 220, 227); }
.document-instructions-upload-button { width: 100%; height: 45px; border-radius: 4px; font-size: 18px; letter-spacing: 0px; line-height: 20px; text-transform: none; }
.document-instructions-upload-button .ct-icon-upload { margin-right: 8px; font-size: 18px; }
.document-instructions-upload-progress { color: rgb(85, 109, 130); }
.document-instructions-upload-progress .file-name { overflow: hidden; color: rgb(85, 109, 130); font-size: 16px; font-weight: 700; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.document-instructions-upload-progress .uploading-text { color: rgb(153, 171, 188); font-size: 14px; font-weight: 700; line-height: 17px; }
.document-instructions-upload-progress .progress-bar-container { width: 100%; height: 4px; border-radius: 2px; background: rgb(212, 220, 227); overflow: hidden; }
.document-instructions-upload-progress .progress-bar-inner { height: 4px; border-radius: 2px; background: rgb(22, 145, 198); }
.document-note { padding: 5px 0px; color: rgb(68, 86, 103); font-size: 14px; line-height: 17px; }
.document-note .document-note-title { color: rgb(68, 86, 103); font-weight: 900; text-transform: uppercase; }
.document-note .document-note-title .ct-icon-info { color: rgb(145, 176, 194); font-size: 18px; }
.document-note p { margin: 0px; }
.upload-methods { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin-top: 4px; }
.upload-method-card { position: relative; min-width: 0px; padding: 24px; border-radius: 12px; background: rgb(255, 255, 255); }
.upload-method-card .upload-method-badge { position: absolute; top: 41px; left: 32px; z-index: 1; padding: 2px 8px; border-radius: 99px; background: rgb(21, 149, 202); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; line-height: 16px; }
.upload-method-card .upload-method-illustration { display: block; width: 100%; height: 180px; overflow: hidden; border-radius: 12px; object-fit: contain; }
.upload-method-card .upload-method-content { flex: 1 1 auto; color: rgb(68, 86, 103); }
.upload-method-card .upload-method-content h2 { margin: 0px; font-size: 16px; font-weight: 700; line-height: 20px; }
.upload-method-card .upload-method-content p { margin: 0px; font-size: 16px; font-weight: 400; line-height: 19px; }
.upload-method-card .ct-btn { height: 45px; border-radius: 4px; font-size: 18px; letter-spacing: 0px; line-height: 20px; text-transform: none; }
.file-section .section-title { font-weight: bold; font-size: 12px; line-height: 16px; text-align: left; color: rgb(22, 145, 198); text-transform: uppercase; margin-bottom: 15px; }
.file-section .section-item { color: rgb(85, 109, 130); text-decoration: none; font-size: 16px; min-height: 32px; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; }
.file-section .section-item .section-item-title-text { font-size: 16px; line-height: 20px; color: rgb(85, 109, 130); font-weight: 700; margin-bottom: 0px; }
.file-section .section-item .section-item-description-text { font-size: 14px; line-height: 17px; color: rgb(153, 171, 188); font-weight: 400; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .upload-methods { grid-template-columns: 1fr; }
  .accepted-document-title, .accepted-document-description { white-space: normal; }
  .document-example-image.document-example-image-document { padding: 18px 24px; }
  .document-status-row { gap: 12px; }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .document-phone-qr-content { flex-direction: column; align-items: flex-start; }
  .document-phone-preview { flex-basis: auto; max-width: 100%; }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .upload-methods { grid-template-columns: 1fr; }
  .document-preview-frame { height: auto; }
  .document-preview-frame.pdf .document-preview-inner { width: 100%; height: min(60vh, 500px); overflow: hidden; }
  .document-preview-frame.pdf .document-preview-file { width: 100%; height: 100%; max-height: none; }
  .document-preview-inner { flex: 0 1 auto; }
  .document-preview-file { height: auto; max-height: 300px; }
}
.supporting-document-upload-container { position: relative; border: 2px dashed rgb(213, 220, 227); border-radius: 10px; min-height: 350px; background-color: rgb(218, 239, 254); cursor: pointer; overflow: hidden; }
.supporting-document-upload-container .document-upload-dropzone { min-height: 346px; padding: 8px 32px 32px; gap: 12px; }
.supporting-document-upload-container .document-upload-content { flex: 1 1 auto; min-height: 0px; gap: 12px; }
.supporting-document-upload-container .document-upload-illustration { position: relative; width: 250px; height: 120px; }
.supporting-document-upload-container .document-upload-illustration img { display: block; width: 250px; height: 120px; }
.supporting-document-upload-container .document-upload-illustration-icon { position: absolute; top: 32px; left: 112px; width: 26px; height: 26px; color: rgb(22, 145, 198); font-size: 26px; line-height: 26px; text-align: center; }
.supporting-document-upload-container .upload-button { color: rgb(255, 255, 255); min-width: 130px; height: 45px; text-transform: none; padding: 10px; font-size: 18px; line-height: 20px; }
.supporting-document-upload-container .placeholder-name { font-weight: 700; font-size: 16px; line-height: 20px; position: relative; color: rgb(85, 109, 130); }
.supporting-document-upload-container .file-upload-input { display: none; }
.supporting-document-upload-container .document-upload-progress { min-height: 306px; gap: 12px; color: rgb(85, 109, 130); }
.supporting-document-upload-container .file-name { overflow: hidden; color: rgb(85, 109, 130); font-size: 16px; font-weight: 700; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.supporting-document-upload-container .uploading-text { color: rgb(153, 171, 188); font-size: 14px; font-weight: 700; line-height: 17px; }
.supporting-document-upload-container .progress-bar-container { width: 100%; height: 4px; border-radius: 2px; background: rgb(212, 220, 227); overflow: hidden; }
.supporting-document-upload-container .progress-bar-inner { height: 4px; border-radius: 2px; background: rgb(22, 145, 198); }
.supporting-document-upload-container .document-upload-copy { gap: 4px; }
.supporting-document-upload-container .document-upload-primary-text { color: rgb(85, 109, 130); font-size: 20px; font-weight: 700; line-height: 24px; text-align: center; }
.supporting-document-upload-container .document-upload-secondary-text { color: rgb(85, 109, 130); font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; }
.supporting-document-upload-container .document-upload-divider { gap: 10px; max-width: 343px; color: rgb(85, 109, 130); font-size: 14px; font-weight: 700; line-height: 16px; }
.supporting-document-upload-container .document-upload-divider span { flex: 0 1 100px; height: 1px; background: rgb(212, 220, 227); }
.supporting-document-upload-container.drop-container { border-color: rgb(22, 145, 198); background-color: rgb(255, 255, 255); }
.supporting-document-upload-container.drop-container .drop-title-container { background-color: rgb(218, 239, 254); min-height: 346px; border-radius: 8px; }
.supporting-document-upload-container.drop-container .drop-title-container i, .supporting-document-upload-container.drop-container .drop-title-container .placeholder-name { color: rgb(22, 145, 198); }
.supporting-document-upload-container.drop-container .drop-title-container i { font-size: 20px; }
.supporting-document-upload-container.drop-container .drop-title-container .placeholder-name { font-size: 16px; line-height: 20px; font-weight: 700; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .supporting-document-upload-container { min-height: 0px; padding: 15px; }
  .supporting-document-upload-container .document-upload-dropzone { min-height: 0px; padding: 0px; }
  .supporting-document-upload-container .document-upload-content, .supporting-document-upload-container .document-upload-divider { display: none; }
  .supporting-document-upload-container .document-upload-progress, .supporting-document-upload-container.drop-container .drop-title-container { min-height: 0px; }
}
.error { color: rgb(229, 57, 53); }
.schedule-a-call-container .schedule-a-call-icon { background: url("../files/ace60983746d.svg") center center no-repeat; height: 230px; }
.schedule-a-call-container h3 { font-size: 20px; font-weight: 400; color: rgb(85, 109, 130); }
.schedule-a-call-container p { font-size: 16px; color: rgb(85, 109, 130); }
.ct-referral-container { padding-left: 60px; padding-right: 60px; margin-top: 30px; gap: 30px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-referral-container { padding: 5px; }
}
.ct-referral-container .referral-invitations .invite-label-text { font-size: 16px; font-weight: 700; color: rgb(85, 109, 130); margin-bottom: 0px; }
.ct-referral-container .referral-invitations .invite-label-help-text { font-size: 14px; color: rgb(153, 171, 188); margin-bottom: 5px; }
.ct-referral-container .referral-invitations .monetary-reward-container { width: 100%; border-bottom: 1px solid rgb(212, 220, 227); }
.ct-referral-container .referral-invitations .monetary-reward-container.promotion { border-bottom: 1px solid rgb(240, 233, 207); }
.ct-referral-container .referral-invitations .monetary-reward-container .reward-value-container { text-align: center; padding: 0px 16px 20px; }
.ct-referral-container .referral-invitations .monetary-reward-container .reward-value-container .value { font-size: 40px; font-weight: 700; color: rgb(68, 86, 103); line-height: 110%; letter-spacing: 0.08px; }
.ct-referral-container .referral-invitations .monetary-reward-container .reward-value-container .value-subtext { font-size: 15px; font-weight: 400; line-height: 120%; color: rgb(68, 86, 103); }
.ct-referral-container .referral-invitations .animation-container { display: flex; flex-direction: column; background: url("../files/c395c15519ce.png"); height: 100%; width: 100%; mask-image: url("../files/dc13db31b808.svg"); mask-size: cover; mask-repeat: no-repeat; mask-position: center center; position: relative; border-radius: 12px; }
.ct-referral-container .referral-invitations .animation-container.small-screen { display: none; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-referral-container .referral-invitations .animation-container.big-screen { display: none; }
  .ct-referral-container .referral-invitations .animation-container.small-screen { display: flex; width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; border-radius: 0px; }
}
.ct-referral-container .referral-invitations .animation-container .reward-progress { position: absolute; inset: 0px; }
.ct-referral-container .referral-invitations .ct-card.rewards-card { box-shadow: none; border-radius: 12px; min-width: 500px; max-width: 500px; }
@media only screen and (min-width: 0) and (max-width: 768px) {
  .ct-referral-container .referral-invitations .ct-card.rewards-card { min-width: auto; }
}
.ct-referral-container .referral-invitations .ct-card.rewards-card.promotion { border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(240, 233, 207) rgb(240, 233, 207); border-image: initial; }
.ct-referral-container .referral-invitations .ct-card.rewards-card .promotion-information { background: rgb(240, 233, 207); height: 30px; width: 100%; padding-right: 12px; padding-left: 12px; border-top: 1px solid rgb(240, 233, 207); border-top-left-radius: 12px; border-top-right-radius: 12px; }
.ct-referral-container .referral-invitations .ct-card.rewards-card .promotion-information .promotion-text { font-size: 13px; font-weight: 700; color: rgb(164, 130, 42); line-height: 100%; letter-spacing: 0.026px; }
.ct-referral-container .referral-invitations .ct-card.rewards-card .promotion-information .promotion-time { font-size: 13px; color: rgb(164, 130, 42); line-height: 100%; letter-spacing: 0.026px; font-weight: 400; }
.ct-referral-container .referral-invitations .copy-box .text { white-space: nowrap; background-color: rgb(240, 242, 243); padding: 4px; border-radius: 12px 12px 0px 0px; height: 50px; text-overflow: ellipsis; overflow: hidden; font-size: 18px; color: rgb(85, 109, 130); font-weight: 400; font-family: "Open Sans", sans-serif; }
.ct-referral-container .referral-invitations .copy-box .text.promotion-box { background-color: rgb(240, 233, 207); }
.ct-referral-container .referral-invitations .invite-button-input { padding: 4px; border: 1px solid rgb(212, 220, 227); border-radius: 12px; }
.ct-referral-container .referral-invitations .invite-button-input .invite-input { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 50px; color: rgb(85, 109, 130); }
.ct-referral-container .referral-invitations .invite-button-input .invite-input:-webkit-autofill, .ct-referral-container .referral-invitations .invite-button-input .invite-input:-webkit-autofill:hover, .ct-referral-container .referral-invitations .invite-button-input .invite-input:-webkit-autofill:focus, .ct-referral-container .referral-invitations .invite-button-input .invite-input:-webkit-autofill:active { font-family: Lato, sans-serif; color: rgb(85, 109, 130); box-shadow: white 0px 0px 0px 30px inset !important; }
.ct-referral-container .referral-invitations .invite-button-input.has-error { border-color: rgb(229, 57, 53); }
.ct-referral-container .referral-invitations h4 { color: rgb(22, 145, 198); border-bottom: 1px solid rgb(187, 187, 187); line-height: 28px; font-weight: 700; }
.ct-referral-container .referral-invitations .big-facebook, .ct-referral-container .referral-invitations .big-twitter, .ct-referral-container .referral-invitations .big-linked-in, .ct-referral-container .referral-invitations .big-whatsapp { display: block; color: rgb(255, 255, 255); font-weight: bold; font-size: 16px; text-align: left; width: 166px; position: relative; padding: 12px 0px 10px 50px; margin-bottom: 15px; border: 0px; border-radius: 2px; }
.ct-referral-container .referral-invitations .big-facebook i, .ct-referral-container .referral-invitations .big-twitter i, .ct-referral-container .referral-invitations .big-linked-in i, .ct-referral-container .referral-invitations .big-whatsapp i { position: absolute; font-size: 16px; inset: 0px; width: 40px; text-align: center; display: block; padding: 15px 12px; border-right: 2px solid rgb(255, 255, 255); border-radius: 2px; }
.ct-referral-container .referral-invitations .big-facebook:hover, .ct-referral-container .referral-invitations .big-facebook:active, .ct-referral-container .referral-invitations .big-facebook:focus, .ct-referral-container .referral-invitations .big-twitter:hover, .ct-referral-container .referral-invitations .big-twitter:active, .ct-referral-container .referral-invitations .big-twitter:focus, .ct-referral-container .referral-invitations .big-linked-in:hover, .ct-referral-container .referral-invitations .big-linked-in:active, .ct-referral-container .referral-invitations .big-linked-in:focus, .ct-referral-container .referral-invitations .big-whatsapp:hover, .ct-referral-container .referral-invitations .big-whatsapp:active, .ct-referral-container .referral-invitations .big-whatsapp:focus { color: rgb(255, 255, 255); }
.ct-referral-container .referral-invitations .big-facebook { background-color: rgb(8, 102, 255); cursor: pointer; }
.ct-referral-container .referral-invitations .big-twitter { background-color: rgb(0, 0, 0); }
.ct-referral-container .referral-invitations .big-linked-in { background-color: rgb(10, 102, 194); }
.ct-referral-container .referral-invitations .big-whatsapp { background-color: rgb(37, 211, 102); }
.ct-referral-container .referral-invitations .heading { height: 110px; padding: 40px 0px 0px 30px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-referral-container .referral-invitations .heading { height: 80px; padding-left: 0px; }
}
.ct-referral-container .referral-invitations .user-types { display: flex; justify-content: center; margin-top: 15px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-referral-container .referral-invitations .user-types { flex-direction: column; }
}
.ct-referral-container .referral-invitations .user-types .type-title { font-weight: bold; font-size: 16px; color: rgb(22, 145, 198); text-align: center; text-transform: uppercase; }
.ct-referral-container .referral-invitations .user-types .value { font-size: 22px; color: rgb(85, 85, 85); letter-spacing: -0.08px; text-align: center; }
.ct-referral-container .referral-invitations .user-types span { font-weight: bold; font-size: 13px; color: rgb(187, 187, 187); text-align: center; }
.ct-referral-container .referral-invitations .user-types .user-type { display: flex; flex-direction: column; align-items: center; }
.ct-referral-container .referral-invitations .user-types .user-type:first-child { margin-right: 50px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-referral-container .referral-invitations .user-types .user-type:first-child { margin-bottom: 40px; margin-right: 0px; margin-left: 0px; }
}
.ct-referral-container .referral-invitations .user-types .user-type:last-child { margin-left: 50px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-referral-container .referral-invitations .user-types .user-type:last-child { margin-right: 0px; margin-left: 0px; }
}
.ct-referral-container .referral-invitations-content { width: 100%; margin: 0px auto; }
.ct-referral-container .rewards-header { font-size: 24px; font-weight: 700; line-height: 120%; letter-spacing: 0.72px; color: rgb(255, 255, 255); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-referral-container .rewards-header { display: none; }
}
.ct-referral-container .referral-social-links { padding: 0px 20px 20px; margin-top: 20px; }
.ct-referral-container .referral-social-links.percentage-rewards { padding: 0px 20px 20px; border: 1px solid rgb(212, 220, 227); border-radius: 12px; margin: 20px 30px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-referral-container .referral-social-links.percentage-rewards { margin-right: 0px; margin-left: 0px; margin-top: 0px; }
}
.ct-referral-container .referral-social-links.percentage-rewards.promotion { border: 1px solid rgb(240, 233, 207); }
.ct-referral-container .referral-social-links.percentage-rewards .percentage-header { margin-left: -20px; margin-right: -20px; margin-bottom: 20px; position: relative; }
.ct-referral-container .referral-social-links.percentage-rewards .percentage-header img { min-height: 250px; width: 100%; }
.ct-referral-container .referral-social-links.percentage-rewards .percentage-header .reward-info { position: absolute; inset: 0px; margin-bottom: 20px; }
.ct-referral-container .referral-social-links.percentage-rewards .percentage-header .reward-info .percentage { font-size: 40px; font-weight: 700; line-height: 110%; letter-spacing: 0.08px; color: rgb(68, 86, 103); text-shadow: rgba(255, 255, 255, 0.8) 2px -2px 2px; }
.ct-referral-container .referral-social-links.percentage-rewards .percentage-header .reward-info .improvement-text { font-size: 24px; font-style: normal; font-weight: 700; line-height: 110%; letter-spacing: 0.048px; color: rgb(68, 86, 103); }
.ct-referral-container .referral-social-links.percentage-rewards .percentage-header .reward-info .trigger-text { font-size: 15px; font-weight: 400; line-height: 120%; color: rgb(68, 86, 103); text-shadow: rgba(255, 255, 255, 0.8) 1px -1px 1px; }
.ct-referral-container .referral-social-links .info-text-container .text-header { font-size: 24px; font-weight: 700; color: rgb(85, 109, 130); margin-bottom: 16px; }
.ct-referral-container .referral-social-links .info-text-container .text { font-size: 16px; color: rgb(85, 109, 130); margin-bottom: 24px; font-weight: 400; line-height: 19px; }
.ct-referral-container .referral-social-links .buttons .social-button { width: 60px; height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 24px; line-height: 25px; border-radius: 12px; color: rgb(255, 255, 255); }
.ct-referral-container .referral-social-links .buttons .social-button.linkedin { background-color: rgb(10, 102, 194); }
.ct-referral-container .referral-social-links .buttons .social-button.linkedin:hover { background-color: rgb(9, 89, 170); }
.ct-referral-container .referral-social-links .buttons .social-button.facebook { background-color: rgb(8, 102, 255); }
.ct-referral-container .referral-social-links .buttons .social-button.facebook:hover { background-color: rgb(0, 90, 238); }
.ct-referral-container .referral-social-links .buttons .social-button.whatsapp { background-color: rgb(37, 211, 102); }
.ct-referral-container .referral-social-links .buttons .social-button.whatsapp:hover { background-color: rgb(33, 189, 92); }
.ct-referral-container .referral-social-links .buttons .social-button.twitter { background-color: rgb(0, 0, 0); }
.ct-referral-container .referral-social-links .buttons .social-button.twitter:hover { background-color: rgb(0, 0, 0); }
.ct-referral-container .referral-social-links .buttons .social-text { font-size: 11px; font-weight: 400; color: rgb(85, 109, 130); }
.ct-referral-container .referral-social-links .option-title { width: 100%; font-size: 14px; color: rgb(85, 85, 85); letter-spacing: 0px; margin-bottom: 10px; }
.ct-referral-container .referral-stats { max-width: 350px; }
@media only screen and (min-width: 0) and (max-width: 991px) {
  .ct-referral-container .referral-stats { max-width: 100%; }
}
.ct-referral-container .referral-stats .referral-triggers { margin-bottom: 30px; color: rgb(153, 171, 188); font-size: 14px; padding-left: 5px; padding-right: 5px; }
.ct-referral-container .referral-stats .referral-triggers .ct-icon { position: relative; }
.ct-referral-container .referral-stats .referral-triggers .ct-icon .icon-circle { display: flex; align-items: center; justify-content: center; flex-direction: column; font-family: Lato, sans-serif; width: 20px; height: 20px; font-size: 13px; line-height: 20px; position: absolute; background: rgb(153, 171, 188); border: 1px solid rgb(248, 248, 248); border-radius: 50%; text-align: center; color: rgb(255, 255, 255); top: 50%; left: -8px; }
.ct-referral-container .referral-stats .referral-triggers .trigger-info { font-size: 14px; font-weight: 400; line-height: 19px; }
.ct-referral-container .referral-stats .referral-triggers .trigger .trigger-main { font-weight: 700; }
.ct-referral-container .referral-stats .referral-triggers .trigger .trigger-subtext { font-weight: 400; line-height: 19px; }
.ct-referral-container .referral-stats .referral-triggers .terms-link { display: flex; justify-content: center; align-items: center; border-radius: 4px; font-weight: 700; line-height: 19px; height: 45px; color: rgb(22, 145, 198); text-decoration: none; margin-top: 10px; background: rgb(255, 255, 255); }
.ct-referral-container .referral-stats .referral-triggers .terms-link:hover { background: rgb(242, 242, 242); color: rgb(19, 128, 175); }
.ct-how-it-works { max-width: 600px; margin: 0px auto; }
.ct-how-it-works h2 { font-size: 22px; font-weight: 600; color: rgb(68, 86, 103); margin-bottom: 20px; }
.ct-how-it-works .steps .step { position: relative; height: 75px; }
.ct-how-it-works .steps .step .step-icon { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; position: relative; }
.ct-how-it-works .steps .step .step-icon i { font-size: 16px; color: rgb(68, 86, 103); line-height: 20px; }
.ct-how-it-works .steps .step .step-icon::after { content: ""; position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); width: 2px; height: calc(100% + 5px); background: rgb(212, 220, 227); }
.ct-how-it-works .steps .step:last-child .step-icon::after { display: none; }
.ct-how-it-works .steps .step .step-content .step-header { font-size: 16px; font-weight: 600; color: rgb(68, 86, 103); }
.ct-how-it-works .steps .step .step-content .step-text { font-size: 14px; color: rgb(153, 171, 188); margin: 0px; font-weight: 400; line-height: 130%; }
.ct-faq-container { min-width: 500px; max-width: 500px; border-bottom: 1px solid rgb(184, 196, 208); padding: 12px 8px 12px 0px; cursor: pointer; }
@media only screen and (min-width: 0) and (max-width: 768px) {
  .ct-faq-container { min-width: auto; max-width: 100%; }
}
.ct-faq-container.first { border-top: 1px solid rgb(184, 196, 208); }
.ct-faq-container.last { border-bottom: 0px; margin-bottom: 30px; }
.ct-faq-container .ct-faq-header .header-question { color: rgb(85, 109, 130); font-size: 16px; font-weight: 700; line-height: 19px; }
.ct-faq-container .ct-faq-header .header-question .question-icon { flex-shrink: 0; background: rgb(68, 86, 103); width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.ct-faq-container .ct-faq-header .header-question .question-icon i { color: rgb(255, 255, 255); font-size: 16px; }
.ct-faq-container .ct-faq-header .arrow-icon { height: 20px; width: 20px; }
.ct-faq-container .ct-faq-header .arrow-icon i { font-size: 20px; color: rgb(122, 146, 168); }
.ct-faq-container .answer { padding-top: 12px; padding-left: 33px; padding-right: 12px; color: rgb(85, 109, 130); font-size: 16px; font-weight: 400; line-height: 19px; }
.refer-earn-reward-stats { display: flex; flex-direction: column; gap: 8px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .refer-earn-reward-stats { padding: 0px; }
}
.refer-earn-reward-stats .divider { border-bottom: 1px solid rgb(212, 220, 227); margin-top: 12px; margin-bottom: 11px; }
.refer-earn-reward-stats .ct-icon-item { font-size: 26px; min-width: 36px; text-align: center; }
.refer-earn-reward-stats .item { display: flex; flex-direction: row; align-items: center; background: rgb(255, 255, 255); padding: 16px; border-radius: 12px; }
.refer-earn-reward-stats .item .arrow { color: rgb(184, 196, 208); }
.refer-earn-reward-stats .info { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; margin-left: 15px; padding-top: 5px; color: rgb(68, 86, 103); }
.refer-earn-reward-stats .info span:last-child { font-size: 20px; }
.ct-card.refer-and-earn-stats { background: transparent; box-shadow: none; }
.ct-card.text-container { background: transparent; box-shadow: none; margin-bottom: 0px; }
.ct-card.actions-container { margin-top: 0px; margin-bottom: 0px; }
.ct-card.action-footer-container { margin-top: 15px; }
.section-header { font-size: 13px; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: 0.026px; color: rgb(153, 171, 188); }
.half-circle-container .half-circle-svg-container { margin-left: 20px; }
.half-circle-container .half-circle-svg-container .text { font-size: 13px; fill: rgb(255, 255, 255); line-height: 120%; letter-spacing: 0.39px; text-anchor: middle; }
.half-circle-container .half-circle-svg-container .text.dark { fill: rgb(68, 86, 103); }
.half-circle-container .half-circle-svg-container .percentage { font-size: 48px; color: rgb(255, 255, 255); line-height: 120%; letter-spacing: 0.096px; text-align: center; max-width: 100px; white-space: break-spaces; text-anchor: middle; }
.half-circle-container .half-circle-svg-container .percentage.dark { color: rgb(68, 86, 103); }
.half-circle-container .half-circle-svg-container .percentage .text-container { font-size: 30px; line-height: 110%; }
.reward-table-container { padding: 20px; }
.alert-container { padding-right: 20px; padding-left: 20px; }
.ct-recipient-details { display: flex; justify-content: space-between; align-items: center; flex-grow: 1; margin-left: 20px; }
.ct-recipient-details .ct-recipient-name { font-size: 20px; line-height: 22px; color: rgb(85, 109, 130); text-align: left; }
.ct-recipient-details .ct-recipient-account { font-size: 12px; letter-spacing: 0.1px; margin-left: 0px; color: rgb(187, 187, 187); text-align: left; font-weight: bold; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-recipient-details .ct-recipient-account { display: none; }
}
.ct-currency-details { font-size: 12px; font-weight: 600; color: rgb(136, 136, 136); text-align: center; text-transform: uppercase; line-height: 20px; }
.ct-currency-details .ct-detail { line-height: 1; }
.ct-currency-details .ct-currency-flag .cflag { padding: 0px; margin: 0px; }
.rewards-table { margin-bottom: 15px; }
.rewards-table .ct-list-item { padding: 25px 0px; border-top: 1px solid rgb(248, 248, 248); }
.rewards-table .ct-list-item:nth-child(2n) { background: rgb(248, 248, 248); }
.rewards-table .ct-list-item:last-child { border-bottom: 1px solid rgb(248, 248, 248); }
.rewards-table th.right-aligned { text-align: right; }
.rewards-table td.right-aligned { text-align: right; }
.rewards-table td.left-aligned { text-align: left; }
.rewards-table td.vertical-center-aligned { vertical-align: middle; }
.rewards-table tbody td.reward-history-item { vertical-align: middle; padding: 20px; }
.rewards-table tbody td.reward-history-item.reward-history-date { font-size: 14px; width: 115px; padding-right: 0px; }
.rewards-table tbody td.reward-history-item.reward-history-amount { font-size: 16px; font-weight: 700; padding-left: 0px; }
.rewards-table tbody td.reward-history-item.reward-history-amount .reward-currency { font-size: 12px; }
.rewards-table thead th.reward-history-header { color: rgb(22, 145, 198); font-size: 12px; border-bottom: 0px; }
.rewards-table thead th.reward-history-header span { margin-left: 10px; }
.rewards-table thead th.reward-history-header.reward-amount-header span { margin-right: 10px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  ct-reward-history-page .reward-table-container { padding: 20px 10px; }
  ct-reward-history-page .rewards-table tbody td.reward-history-item { padding: 20px 6px; }
  ct-reward-history-page .rewards-table tbody td.reward-history-item.reward-history-date { width: 56px; }
  ct-reward-history-page .reward-history-amount { white-space: nowrap; }
  ct-reward-history-page .ct-recipient-details { min-width: 0px; margin-left: 8px; }
  ct-reward-history-page .ct-recipient-name { overflow-wrap: anywhere; }
  ct-reward-history-page .ct-currency-details { flex-shrink: 0; }
  ct-reward-history-page .rewards-table thead th.reward-history-header { padding-right: 6px; padding-left: 6px; }
  ct-reward-history-page .rewards-table thead th.reward-history-header span { margin: 0px; }
}
.not-found-page-container { max-width: 650px; padding: 0px 20px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: center; }
.not-found-page-container .page-separator { margin-top: 0px; margin-bottom: 10px; width: 50px; height: 2px; background: rgb(22, 145, 198); }
.not-found-page-container h3 { font-size: 24px; color: rgb(153, 171, 188); font-weight: 900; }
.not-found-page-container .ct-not-found-message { font-size: 16px; color: rgb(153, 171, 188); }
a { text-decoration: none; }
.profile-contact-link { gap: 15px; }
.profile-contact-link > :first-child { min-width: 0px; overflow-wrap: anywhere; }
.profile-contact-link > :last-child { flex-shrink: 0; }
.authorised-user-trail > .ct-flex { min-width: 0px; }
.authorised-user-trail .item-box { flex-shrink: 0; }
.authorised-user-trail .content { min-width: 0px; flex-wrap: wrap; row-gap: 8px; overflow-wrap: anywhere; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-page-content.settings-page-inset, ct-notification-settings-page .ct-page-content.transparent-container { padding-left: 15px; padding-right: 15px; }
  .ct-page-content.settings-page-inset ct-page-title .page-title-container, ct-notification-settings-page .ct-page-content.transparent-container ct-page-title .page-title-container { margin-left: 0px; margin-right: 0px; }
}
.settings-page-container { max-width: 600px; }
.ct-settings-account-container { min-height: 70px; padding: 20px; background: rgb(237, 247, 251); border-top-left-radius: 12px; border-top-right-radius: 12px; }
.ct-settings-account-container .account-initial { flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgb(21, 149, 202); width: 32px; height: 32px; border-radius: 50%; }
.ct-settings-account-container .account-initial .account-initial-text { color: rgb(255, 255, 255); text-align: center; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; }
.ct-settings-account-container > .ct-flex { min-width: 0px; overflow-wrap: anywhere; }
.ct-settings-account-container .settings-account-text { color: rgb(68, 86, 103); font-size: 16px; font-weight: 600; line-height: 120%; letter-spacing: 0.032px; }
.ct-settings-account-container .settings-account-sub-text { color: rgb(153, 171, 188); font-size: 14px; font-weight: 400; line-height: 16px; }
.settings-section .section-title { font-weight: bold; font-size: 12px; line-height: 16px; text-align: left; color: rgb(22, 145, 198); text-transform: uppercase; margin-bottom: 15px; }
.settings-section .section-title.no-underline { border-bottom: 0px; }
.settings-section .section-item { color: rgb(85, 109, 130); text-decoration: none; font-size: 16px; text-align: left; min-height: 32px; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; }
.settings-section .section-item.ct-settings-link { height: 35px; margin-bottom: 13px; margin-top: 13px; }
.settings-section .section-item.ct-settings-link .item-title { font-size: 16px; color: rgb(85, 109, 130); font-weight: 400; line-height: 100%; letter-spacing: 0.032px; }
.settings-section .section-item.ct-settings-link .item-icon { background: rgb(21, 149, 202); display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; padding: 5px; border-radius: 7px; }
.settings-section .section-item.ct-settings-link .item-icon i { color: rgb(255, 255, 255); font-size: 18px; font-weight: 400; line-height: 120%; }
.settings-section .section-item.ct-settings-link:hover .item-title { color: rgb(75, 96, 115); }
.settings-section .section-item.ct-settings-link:hover .item-icon { background: rgb(22, 145, 198); }
.settings-section .section-item.settings-list-item { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgb(213, 220, 227); margin-top: 0px; margin-bottom: 0px; }
.settings-section .section-item.settings-list-item.first { border-top: 0px; }
.settings-section .section-item.settings-list-item.last { border-bottom: 0px; }
.settings-section .section-item.settings-list-item.sso-list-item { gap: 10px; }
.settings-section .section-item.settings-list-item.sso-list-item .sso-account-details { min-width: 0px; flex-wrap: wrap; overflow-wrap: anywhere; }
.settings-section .section-item.settings-list-item.sso-list-item .sso-account-details > * { min-width: 0px; }
.settings-section .section-item.settings-list-item.sso-list-item > a { flex-shrink: 0; }
.settings-section .section-item.settings-list-item.sso-list-item { padding-bottom: 25px; padding-top: 25px; }
.settings-section .section-item.settings-list-item .list-item-link { color: rgb(22, 149, 202); font-size: 14px; text-transform: uppercase; text-decoration: none; font-weight: bold; }
.settings-section .section-item.settings-list-item .list-item-link:hover { color: rgb(184, 196, 208); }
.settings-section .section-item:hover { color: rgb(85, 109, 130); }
.settings-section .section-item .section-item-title-text { font-size: 16px; line-height: 20px; color: rgb(85, 109, 130); font-weight: 700; }
.settings-section .section-item .section-item-description-text { font-size: 14px; line-height: 17px; color: rgb(153, 171, 188); font-weight: 400; }
.settings-section .section-item input:-webkit-autofill, .settings-section .section-item input:-webkit-autofill:hover, .settings-section .section-item input:-webkit-autofill:focus, .settings-section .section-item input:-webkit-autofill:active { box-shadow: transparent 0px 0px 0px 30px inset !important; }
.settings-section .section-item .double-section { flex: 1 1 0%; padding-right: 20px; }
.settings-section .section-item .item-title { display: flex; flex-direction: column; justify-content: center; font-size: 20px; line-height: 24px; color: rgb(85, 109, 130); }
.settings-section .section-item .extra-info { display: flex; flex-direction: column; justify-content: center; font-size: 20px; color: rgb(65, 180, 18); }
.settings-section .section-item .name { font-weight: bold; font-size: 18px; text-align: left; color: rgb(85, 109, 130); }
.settings-section .section-item i { color: rgb(184, 196, 208); font-size: 30px; }
.settings-section .section-item .delete-link { padding-right: 15px; padding-left: 15px; }
.settings-section .section-item .delete-link i { font-size: 22px; }
.settings-section .section-item .two-factor-auth-warning { color: rgb(239, 184, 59); font-size: 16px; line-height: 24px; font-weight: 400; margin-right: 10px; margin-top: 3px; }
.settings-section .section-item .two-factor-auth-warning .warning-icon { font-size: 24px; margin-left: 10px; color: rgb(239, 184, 59); }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .settings-section .section-item .two-factor-auth-warning .warning-text { display: none; }
}
.settings-section.delete { margin-top: 10px; margin-bottom: 50px; }
.google-logo { height: 21px; width: 21px; background: url("../files/4524589b0dce.svg") 0% 0% / 21px no-repeat; }
.apple-logo { height: 25px; width: 21px; background: url("../files/e2e759283b6e.png") 0% 0% / 21px no-repeat; }
.apple-logo.dark { filter: invert(100%); }
.copy-message { position: absolute; right: 30px; padding: 7px 10px; background: rgb(22, 145, 198); border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; color: rgb(255, 255, 255); }
.copy-message .copy-text { font-size: 14px; }
.copy-message i { font-size: 20px; }
.ct-copy-box-container { width: 100%; padding: 13px 20px; background: rgb(248, 249, 250); border: 1px solid rgb(184, 196, 208); font-family: "Source Code Pro"; font-weight: 700; font-size: 18px; color: rgb(85, 109, 130); text-align: center; line-height: 22px; margin-bottom: 10px; border-radius: 7px; cursor: pointer; }
.ct-copy-box-container.copied { background: rgb(220, 239, 247); border-color: rgb(22, 145, 198); border-bottom-right-radius: 0px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .ct-copy-box-container { word-break: break-word; }
}
.ct-copy-box-container .recovery-code-box { display: flex; flex-flow: wrap; justify-content: space-evenly; }
.ct-copy-box-container .recovery-code-box .used-code { text-decoration: line-through 2px; opacity: 0.3; }
.ct-form-section-headline { margin-bottom: 12px; display: flex; }
.ct-form-section-headline .headline-tracker { flex: 1 0 0px; text-align: center; }
.ct-form-section-headline .headline-tracker.disabled { pointer-events: none; }
.ct-form-section-headline .headline-tracker h3 { padding-bottom: 10px; font-weight: 600; font-size: 17px; margin: 0px; color: rgb(22, 145, 198); }
.ct-form-section-headline .headline-tracker .tracker-container { display: flex; justify-content: center; align-items: center; }
.ct-form-section-headline .headline-tracker .tracker-container::before, .ct-form-section-headline .headline-tracker .tracker-container::after { content: ""; height: 2px; background-color: rgb(22, 145, 198); flex: 1 0 0px; }
.ct-form-section-headline .headline-tracker .tracker-container .tracker-spot { background-color: rgb(22, 145, 198); border-radius: 100px; height: 20px; width: 20px; border: 7px solid rgb(22, 145, 198); }
.ct-form-section-headline .headline-tracker.active { opacity: 1; }
.ct-form-section-headline .headline-tracker.active h3 { color: rgb(22, 145, 198); }
.ct-form-section-headline .headline-tracker.active .tracker-container::before { background-color: rgb(22, 145, 198); }
.ct-form-section-headline .headline-tracker.active .tracker-container::after { background-color: rgb(238, 238, 238); }
.ct-form-section-headline .headline-tracker.active .tracker-spot { border-color: rgb(22, 145, 198); background: transparent; }
.ct-form-section-headline .headline-tracker.active ~ .headline-tracker { opacity: 1; }
.ct-form-section-headline .headline-tracker.active ~ .headline-tracker h3 { color: rgb(238, 238, 238); }
.ct-form-section-headline .headline-tracker.active ~ .headline-tracker .tracker-container::before, .ct-form-section-headline .headline-tracker.active ~ .headline-tracker .tracker-container::after { background-color: rgb(238, 238, 238); }
.ct-form-section-headline .headline-tracker.active ~ .headline-tracker .tracker-spot { border-color: rgb(238, 238, 238); background: transparent; }
.ct-form-section-headline .headline-tracker:first-child .tracker-container::before { opacity: 0; }
.ct-form-section-headline .headline-tracker:last-child .tracker-container::after { opacity: 0; }
.ct-form-section-headline .headline-tracker.clickable h3 { cursor: pointer; color: rgb(22, 145, 198) !important; }
.ct-form-section-headline .headline-tracker.clickable .tracker-spot { cursor: pointer; background-color: rgb(22, 145, 198) !important; }
.ct-form-input-container .small-label { font-size: 13px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: 0.026px; color: rgb(68, 86, 103); }
.ct-form-input-container .input-textarea { border: 1px solid rgb(184, 196, 208); height: 90px; width: 100%; padding: 10px; resize: none; color: rgb(85, 109, 130); font-size: 16px; border-radius: 7px; }
.ct-form-input-container .ng-select.registration-form-dropdown { border-radius: 5px; height: 47px; }
.ct-form-input-container .ng-select.registration-form-dropdown.ng-select-single .ng-select-container { height: 100%; border: 0px; border-radius: 5px; background: rgb(255, 255, 255); }
.ct-form-input-container .ng-select.registration-form-dropdown.ng-select-single .ng-select-container .ng-placeholder { color: rgb(153, 171, 188); font-size: 16px; }
.ct-form-input-container .ng-select.registration-form-dropdown.ng-select-single .ng-select-container .ng-dropdown-panel { border-radius: 0px; }
.ct-form-input-container .ng-select.registration-form-dropdown.ng-select-single .ng-select-container .ng-dropdown-panel.ng-select-bottom { margin-top: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; }
.ct-form-input-container .ng-select.registration-form-dropdown.ng-select-single .ng-select-container.ng-select-top { margin-bottom: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px -5px 10px; }
.ct-form-input-container .input-field { border: 1px solid rgb(184, 196, 208); padding: 10px; height: 47px; color: rgb(85, 109, 130); font-size: 16px; width: 100%; }
.ct-form-input-container .input-field::placeholder { color: rgb(153, 171, 188); }
.ct-form-input-container .input-field.has-aside { border-right: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.ct-form-input-container .input-field-aside { height: 47px; padding: 10px; background: rgb(233, 237, 240); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(184, 196, 208) rgb(184, 196, 208) rgb(184, 196, 208) currentcolor; border-image: initial; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: rgb(68, 86, 103); font-size: 16px; font-weight: 700; line-height: 120%; }
.ct-form-input-container .input-field-wrapper:has(.input-field:focus) .input-field-aside { border-color: rgb(22, 145, 198); }
.ct-form-input-container .two-factor-input { height: 48px; width: 100%; max-width: 300px; border: 1px solid rgb(184, 196, 208); padding: 6px 0px; font-size: 24px; line-height: 24px; font-weight: 900; letter-spacing: 10px; color: rgb(85, 109, 130); }
.ct-form-input-container .two-factor-input::placeholder { color: rgb(187, 187, 187); }
@media only screen and (min-width: 479px) and (max-width: 12000px) {
  .login-checkbox { margin-left: 45px; }
}
.login-checkbox .label-text { font-size: 16px; color: rgb(85, 109, 130); margin-top: 0px; }
.sso-account-container { max-width: 540px; margin: 0px auto; padding: 15px; }
hr { border-top: 1px solid rgb(212, 220, 227); }
.broker-info .broker-name { font-weight: 700; font-size: 16px; line-height: 20px; }
.broker-info .broker-activation-date { font-size: 12px; line-height: 17px; }
.broker-info .broker-activation-date .activated { font-weight: 700; }
.broker-info .broker-activation-date .date { font-weight: 400; }
.broker-info img { width: 140px; min-height: 70px; padding: 12px; }
.dropdown-container .ct-icon-search-icon { display: none; }
.actions-container { border: 1px solid rgb(233, 237, 240); border-radius: 12px; }
.actions-container .allocate-recipient-container { height: 85px; display: flex; align-items: center; padding-left: 30px; padding-right: 30px; width: 100%; background-color: rgb(254, 252, 245); box-shadow: rgb(249, 198, 63) 0px 1px 0px 0px inset, rgb(249, 198, 63) -1px 0px 0px 0px inset, rgb(249, 198, 63) 0px -1px 0px 0px inset, rgb(249, 198, 63) 1px 0px 0px 0px inset; }
.actions-container .selected-recipient-container { position: relative; }
.actions-container .selected-recipient-container .ct-table { margin-bottom: 0px; }
.actions-container .selected-recipient-container .ct-table .ct-icon-options-menu { color: rgb(184, 196, 208); cursor: pointer; font-size: 20px; }
.actions-container .selected-recipient-container .ct-table .recipient-nickname { font-size: 16px; color: rgb(85, 85, 85); }
.actions-container .selected-recipient-container .ct-table .account { color: rgb(184, 196, 208); font-style: italic; font-size: 14px; }
.actions-container .selected-recipient-container .ct-table .recipient-menu-container { height: 85px; width: 45px; display: flex; align-items: center; text-align: center; justify-content: center; }
.actions-container .selected-recipient-container .ct-table .recipient-menu-container.active { background-color: rgb(22, 145, 198); }
.actions-container .selected-recipient-container .ct-table .recipient-menu-container.active i { color: rgb(255, 255, 255); }
.actions-container .selected-recipient-container .ct-table .recipient-menu { position: absolute; right: 0px; top: 100%; text-align: left; list-style: none; z-index: 1; width: 200px; background: rgb(255, 255, 255); border: 1px solid rgb(22, 145, 198); box-shadow: rgb(213, 220, 227) 5px 5px 10px; font-weight: bold; font-size: 16px; color: rgb(187, 187, 187); padding-top: 10px; visibility: hidden; }
.actions-container .selected-recipient-container .ct-table .recipient-menu.visible { visibility: visible; }
.actions-container .selected-recipient-container .ct-table .recipient-menu > * { cursor: pointer; margin-left: 20px; }
.actions-container .selected-recipient-container .ct-table .information-row { height: 85px; }
.actions-container .selected-recipient-container .ct-table .recipient-icon { width: 45px; color: rgb(44, 190, 197); padding-left: 25px; cursor: default; }
.actions-container .selected-recipient-container .ct-table .recipient-icon i { font-size: 35px; }
.actions-container .selected-recipient-container .ct-table tr { border: 0px; }
.actions-container .selected-recipient-container .ct-table tr:hover { background-color: rgb(255, 255, 255); }
.actions-container .selected-recipient-container .ct-table td { border-bottom: 0px; }
.actions-container .information-menu { z-index: 1; position: absolute; top: calc(100% - 21px); background: rgb(255, 255, 255); border: 1px solid rgb(22, 145, 198); padding: 10px; font-size: 14px; box-shadow: rgb(213, 220, 227) 5px 5px 10px; }
.actions-container .pending-amount { font-size: 22px; margin-top: 3px; margin-right: 10px; width: 45px; height: 85px; color: rgb(85, 85, 85); display: flex; align-items: center; }
.actions-container .select-recipient-button-container { height: 85px; display: flex; align-items: center; justify-content: center; }
.action-footer-container .footer-text { font-size: 14px; font-weight: 400; line-height: 17px; color: rgb(85, 109, 130); }
.ct-input-sub-label { font-size: 14px; color: rgb(153, 171, 188); margin-top: -4px; margin-bottom: 5px; }
.ct-card.transparent-container { background: transparent; box-shadow: none; display: flex; flex-direction: column; gap: 10px; }
.ct-card.transparent-container.no-margin { margin-bottom: 0px; }
.ct-card.transparent-container .rewards-history-header { font-size: 24px; font-weight: 700; line-height: 20px; color: rgb(68, 86, 103); margin-bottom: 10px; }
.ct-card.transparent-container .history-item .date { font-size: 12px; font-weight: 700; line-height: 16px; color: rgb(153, 171, 188); margin-left: 8px; }
.ct-card.transparent-container .history-item .item-box { padding: 16px 24px; background: rgb(255, 255, 255); border: 1px solid rgb(233, 237, 240); border-radius: 12px; }
.ct-card.transparent-container .history-item .item-box .reward-amount, .ct-card.transparent-container .history-item .item-box .reward-currency { font-size: 16px; font-weight: 700; line-height: 24px; color: rgb(85, 109, 130); }
.claim-rewards-header { color: rgb(68, 86, 103); font-size: 24px; font-weight: 700; line-height: 120%; padding: 15px; }
.settings-page-header { font-size: 22px; padding: 30px; color: rgb(85, 109, 130); font-weight: 900; text-transform: uppercase; }
.ct-broker-list { border-radius: 12px; background: rgb(255, 255, 255); }
.ct-broker-list .ct-broker-list-item { padding: 16px 12px; cursor: pointer; }
.ct-broker-list .ct-broker-list-item.ct-broker-list-footer { border-top: 1px solid rgb(233, 237, 240); }
.ct-broker-list .ct-broker-list-item.ct-broker-list-footer button { height: 45px; width: 300px; font-size: 18px; }
.ct-broker-list .ct-broker-list-item.disabled { opacity: 0.4; cursor: default; }
.ct-broker-list .ct-broker-list-item .ct-broker-list-icon { width: 32px; height: 32px; background: rgb(240, 242, 243); padding: 5px; border-radius: 50%; }
.ct-broker-list .ct-broker-list-item .ct-broker-list-name { color: rgb(68, 86, 103); font-size: 16px; font-weight: 400; line-height: 15px; }
.ct-broker-list .ct-broker-list-item .ct-broker-list-status { color: rgb(153, 171, 188); font-size: 12px; }
.ct-account-settlement-details { background: rgb(255, 255, 255); border-radius: 12px; }
.ct-account-settlement-details .ct-account-settlement-details-header { background: rgb(220, 239, 247); padding: 20px 18px; font-size: 18px; font-weight: 700; line-height: normal; color: rgb(85, 109, 130); border-top-left-radius: 12px; border-top-right-radius: 12px; }
.ct-account-settlement-details .ct-account-settlement-details-header i { color: rgb(22, 145, 198); }
.ct-account-settlement-details .ct-account-settlement-details-table .ct-account-settlement-details-row { padding: 12px; border-bottom: 1px solid rgb(233, 237, 240); }
.ct-account-settlement-details .ct-account-settlement-details-table .ct-account-settlement-details-row.no-border { border-bottom: 0px; }
.ct-account-settlement-details .ct-account-settlement-details-table .ct-account-settlement-details-row .ct-account-settlement-details-title { color: rgb(22, 149, 202); font-size: 14px; font-weight: 400; line-height: 16px; }
.ct-account-settlement-details .ct-account-settlement-details-table .ct-account-settlement-details-row .ct-account-settlement-details-value { color: rgb(85, 109, 130); font-size: 16px; font-weight: 400; line-height: 19px; }
.ct-automated-trade { background: rgb(247, 247, 247); border-radius: 12px; padding: 16px; }
.ct-automated-trade .ct-automated-trade-label { color: rgb(68, 86, 103); font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: 0.032px; }
.ct-automated-trade .ct-automated-trade-value { color: rgb(68, 86, 103); font-size: 16px; font-weight: 700; line-height: 100%; letter-spacing: 0.032px; }
.ct-broker-header { padding: 10px 10px 20px 0px; border-bottom: 1px solid rgb(212, 220, 227); }
.ct-broker-header .ct-broker-header-icon { height: 40px; width: 40px; padding: 6px; background-color: rgb(255, 255, 255); border-radius: 50%; }
.ct-broker-header .ct-broker-header-name { color: rgb(68, 86, 103); font-size: 16px; font-weight: 400; line-height: 15px; }
.history-tab-container { width: 100%; margin: 0px auto; border-bottom: 1px solid rgb(212, 220, 227); }
.history-tab-container .page-tab { padding: 10px 15px; cursor: pointer; border-bottom: 5px solid transparent; }
.history-tab-container .page-tab.active { border-bottom-color: rgb(22, 145, 198); }
.history-tab-container .page-tab.active .tab-title { color: rgb(22, 145, 198); }
.history-tab-container .tab-title { color: rgb(184, 196, 208); font-size: 16px; font-weight: 700; line-height: 20px; }
.authorised-user-card { text-decoration: none; overflow: hidden; margin-bottom: 20px !important; }
.users-title-row { margin-top: 8px; }
.users-title-text { margin-bottom: 0px; padding-bottom: 0px; box-shadow: none; border-bottom: 0px !important; text-decoration: none !important; }
.authorised-user-header { padding: 20px 24px; border-bottom: 1px solid rgb(212, 220, 227); }
.authorised-user-header .user-icon { font-size: 28px; color: rgb(184, 196, 208); }
.authorised-user-header .user-name { color: rgb(85, 109, 130); font-size: 16px; font-weight: 400; line-height: 15px; }
.authorised-user-header .last-sign-in { color: rgb(153, 171, 188); font-size: 12px; font-weight: 400; line-height: 15px; }
.authorised-user-header .ct-icon-arrow-right { color: rgb(184, 196, 208); font-size: 28px; }
.authorised-user-permissions { padding: 20px 24px; }
.authorised-user-permissions .permission-row { min-height: 40px; }
.authorised-user-permissions .permission-label { color: rgb(153, 171, 188); font-size: 14px; line-height: 15px; }
.permission-pill { color: rgb(184, 196, 208); font-size: 12px; line-height: 15px; display: inline-flex; align-items: center; gap: 5px; }
.permission-pill i { width: 25px; height: 25px; border-radius: 50%; background: rgb(122, 146, 168); color: rgb(255, 255, 255); font-size: 16px; display: inline-flex; align-items: center; justify-content: center; }
.no-permissions-text { color: rgb(153, 171, 188); font-size: 14px; font-style: italic; font-weight: 400; line-height: 15px; }
.permission-toggle-group { width: 100%; }
.permission-toggle-row { padding: 20px 0px; margin-left: 25px; margin-right: 25px; border-bottom: 1px solid rgb(212, 220, 227); }
.permission-toggle-row:last-child { border-bottom: 0px; }
.permission-toggle-row.disabled { opacity: 0.6; }
.permission-toggle-row.disabled .toggle-checkbox-container { pointer-events: none; }
.toggle-title { color: rgb(68, 86, 103); font-size: 16px; font-style: normal; line-height: 20px; }
.toggle-description { color: rgb(153, 171, 188); font-size: 14px; margin-right: 25px; font-weight: 400; line-height: 17px; }
.toggle-info-message { margin-top: 8px; color: rgb(85, 109, 130); font-size: 14px; font-style: italic; font-weight: 400; line-height: 17px; }
.toggle-info-message .ct-icon { margin-right: 6px; width: 18px; height: 18px; font-size: 18px; color: rgb(85, 109, 130); }
.authorised-user-icon { width: 40px; height: 40px; margin-right: 20px; }
.ct-auth-user-name { color: rgb(68, 86, 103); font-size: 18px; font-weight: 700; line-height: 20px; }
.ct-auth-user-detail { color: rgb(153, 171, 188); font-size: 16px; line-height: 17px; }
.ct-auth-user-detail.phone-detail { font-size: 14px; }
.btn-edit-user { border: 0px; background: transparent; color: rgb(22, 145, 198); font-size: 18px; font-weight: 700; cursor: pointer; }
.suspend-title { color: rgb(68, 86, 103); font-size: 16px; font-weight: 700; line-height: 120%; letter-spacing: 0.034px; }
.suspend-trigger-btn { border: 0px; background: transparent; color: rgb(153, 171, 188); font-size: 20px; font-weight: 700; cursor: pointer; }
.suspend-description { color: rgb(68, 86, 103); text-align: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: 120%; }
.suspend-actions { width: 100%; margin-top: 24px; }
.suspend-actions .suspend-action-btn { flex: 1 1 0%; }
.suspend-actions .suspend-action-btn + .suspend-action-btn { margin-left: 10px; }
.claim-rewards-container { max-width: 900px; padding: 0px 20px 20px; margin: 0px auto 30px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .claim-rewards-container .ct-grey-pill { display: none; }
}
.claim-rewards-container .ct-section { margin-bottom: 16px; }
.claim-rewards-container .ct-header { display: flex; flex-direction: row-reverse; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .claim-rewards-container .ct-header { flex-direction: column; }
}
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .claim-rewards-container .ct-btn { width: 100%; }
}
.claim-rewards-container .ct-recipients-list { max-height: 55vh; overflow: auto; }
.claim-rewards-container .content { padding: 0px 50px; }
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .claim-rewards-container .content { padding: 0px; }
}
.claim-rewards-container .search-input-container { flex: 1 0 auto; margin-right: 20px; }
.claim-rewards-container .ct-recipient-account { font-size: 12px; line-height: 20px; letter-spacing: 0.1px; margin-left: 0px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .claim-rewards-container .ct-recipient-account { margin-left: -30px; }
}
.claim-rewards-container .ct-recipient-account > span { font-weight: 600; }
.claim-rewards-container .ct-currency-details { font-size: 12px; font-weight: 600; color: rgb(136, 136, 136); text-align: center; padding-right: 15px; text-transform: uppercase; line-height: 20px; }
.claim-rewards-container .ct-currency-details .ct-detail { line-height: 1; margin-top: 5px; }
.claim-rewards-container .ct-recipient-details { display: flex; justify-content: space-between; align-items: center; flex-grow: 1; }
.claim-rewards-container .ct-recipient-details .ct-icon-item { font-size: 34px; color: rgb(44, 190, 197); margin-right: 8px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .claim-rewards-container .ct-recipient-details .ct-icon-item { height: 18px; font-size: 18px; margin-top: 3px; }
}
.claim-rewards-container .ct-recipient-details .ct-icon-profile-pending-individual, .claim-rewards-container .ct-recipient-details .ct-icon-profile-pending-company, .claim-rewards-container .ct-recipient-details .ct-icon-approve-recipient-company, .claim-rewards-container .ct-recipient-details .ct-icon-approve-recipient-individual { color: rgb(184, 196, 208); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .claim-rewards-container .ct-recipient-details .ct-icon-profile-pending-individual, .claim-rewards-container .ct-recipient-details .ct-icon-profile-pending-company, .claim-rewards-container .ct-recipient-details .ct-icon-approve-recipient-company, .claim-rewards-container .ct-recipient-details .ct-icon-approve-recipient-individual { height: 34px; font-size: 34px; margin-top: 0px; }
}
.claim-rewards-container .ct-recipient-name { font-size: 18px; line-height: 22px; color: rgb(136, 136, 136); }
.claim-rewards-container .ct-recipient-account { font-size: 12px; line-height: 20px; letter-spacing: 0.1px; margin-left: 0px; color: rgb(85, 109, 130); }
.claim-rewards-container .list-item { border-top: 1px solid rgba(102, 102, 102, 0.3); position: relative; cursor: pointer; }
.claim-rewards-container .list-item:hover .ct-recipient-name { color: rgb(85, 109, 130); }
.claim-rewards-container .list-item:hover { color: rgb(85, 109, 130); background: rgb(233, 237, 240); text-decoration: none; }
.claim-rewards-container .list-item.active-item { background: rgb(220, 239, 247); }
.claim-rewards-container .list-item.active-item .ct-recipient-name { color: rgb(22, 149, 202); }
.claim-rewards-container .list-item:last-of-type { border-bottom: 1px solid rgba(102, 102, 102, 0.3); }
.claim-rewards-container .list-item-content { padding: 15px; min-height: 73px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .claim-rewards-container .list-item-content { overflow: hidden; margin: 15px; }
}
@keyframes placeHolderShimmer { 
  0% { background-position: -468px 0px; }
  100% { background-position: 468px 0px; }
}
.animated-background { animation-duration: 3s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: linear-gradient(to right, rgb(233, 237, 240) 8%, rgb(212, 220, 227) 18%, rgb(233, 237, 240) 33%) 0% 0% / 800px 104px; height: 100%; position: relative; }
.rates-data-container { width: 100%; height: 100%; min-height: 300px; position: relative; display: flex; }
.rates-data-container .chart-placeholder { width: 100%; height: 85%; margin-left: 20px; }
.chart-area { fill: url("#increase-gradient"); stroke-width: 0; }
.lower-chart-area { fill: url("#decrease-gradient"); stroke-width: 0; }
.chart-line { stroke: rgb(212, 220, 227); stroke-width: 1; stroke-dasharray: 2, 2; }
.chart-label { fill: rgb(153, 171, 188); font-size: 14px; font-style: italic; font-weight: 400; line-height: 16px; text-anchor: end; }
.chart-label-high { dominant-baseline: hanging; }
.chart-label-low { dominant-baseline: text-after-edge; }
.rate-focus circle { stroke: rgb(22, 145, 198); stroke-width: 4px; }
.ct-currency-info-header { padding: 20px 24px; }
.ct-currency-info-header .ct-currencies .currencies-text { color: rgb(85, 109, 130); font-size: 22px; font-weight: 900; line-height: 24px; text-transform: uppercase; }
.ct-currency-info-header .ct-currencies .flags-container { position: relative; }
.ct-currency-info-header .ct-currencies .flags-container .currencies-info-flag { position: absolute; border: 4px solid rgb(255, 255, 255); width: 38px; height: 28px; border-radius: 7px; }
.ct-currency-info-header .ct-currencies .flags-container .currencies-info-flag.first-flag { top: -26px; left: -10px; }
.ct-currency-info-header .ct-currencies .flags-container .currencies-info-flag.second-flag { top: -10px; left: 0px; }
.ct-currency-info-header .monetary-values .monetary-value { color: rgb(85, 109, 130); font-size: 32px; font-weight: 700; line-height: 41px; letter-spacing: 0.374px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-currency-info-header .monetary-values .monetary-value { font-size: 28px; }
}
.ct-currency-info-header .rates-difference { text-align: right; font-size: 14px; line-height: 14px; }
.ct-currency-info-header .rates-difference i { font-size: 12px; line-height: 14px; }
.ct-currency-info-header .rates-difference.rates-positive { color: rgb(65, 180, 18); }
.ct-currency-info-header .rates-difference.rates-negative { color: rgb(229, 57, 53); }
.ct-currency-info-header .rates-difference.rates-negative i { transform: rotate(90deg); }
.rates-date { color: rgb(153, 171, 188); font-size: 14px; font-style: italic; font-weight: 400; line-height: 14px; }
.ct-range-selector { background: rgb(232, 236, 240); padding: 4px; border-radius: 999px; }
.ct-range-selector .ct-range-option { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 16px; height: 28px; width: 57px; text-transform: uppercase; border-radius: 999px; color: rgb(153, 171, 188); font-weight: 400; line-height: 20px; letter-spacing: 0.2px; cursor: pointer; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-range-selector .ct-range-option { width: 50px; }
}
.ct-range-selector .ct-range-option:hover { color: rgb(122, 146, 168); }
.ct-range-selector .ct-range-option.active-option { color: rgb(68, 86, 103); background: rgb(255, 255, 255); font-weight: 700; }
.ct-range-selector .ct-range-option.disabled-option { opacity: 0.6; pointer-events: none; cursor: default; }
.rate-sub-text { font-size: 14px; color: rgb(153, 171, 188); font-weight: 400; line-height: 17px; }
html { --mat-sys-on-surface: initial; }
.mat-app-background { background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent)); color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit)); }
.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow); }
.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow); }
.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow); }
.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow); }
.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow); }
.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow); }
.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow); }
.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow); }
.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow); }
.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow); }
.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow); }
.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow); }
.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow); }
.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow); }
.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow); }
.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow); }
.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow); }
.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow); }
.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow); }
.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow); }
.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow); }
.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow); }
.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow); }
.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow); }
.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow); }
html { --mat-app-background-color: #fafafa; --mat-app-text-color: rgba(0, 0, 0, 0.87); --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
html { --mat-ripple-color: rgba(0, 0, 0, 0.104); }
html { --mat-option-selected-state-label-text-color: #3f51b5; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.104); }
.mat-accent { --mat-option-selected-state-label-text-color: #ff4081; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.104); }
.mat-warn { --mat-option-selected-state-label-text-color: #f44336; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.104); }
html { --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); }
html { --mat-pseudo-checkbox-full-selected-icon-color: #ff4081; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-full-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: rgba(0, 0, 0, 0.331); }
.mat-primary { --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-full-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: rgba(0, 0, 0, 0.331); }
.mat-accent { --mat-pseudo-checkbox-full-selected-icon-color: #ff4081; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-full-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: rgba(0, 0, 0, 0.331); }
.mat-warn { --mat-pseudo-checkbox-full-selected-icon-color: #f44336; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-full-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: rgba(0, 0, 0, 0.331); }
html { --mat-option-label-text-font: Roboto, sans-serif; --mat-option-label-text-line-height: 24px; --mat-option-label-text-size: 16px; --mat-option-label-text-tracking: 0.03125em; --mat-option-label-text-weight: 400; }
html { --mat-optgroup-label-text-font: Roboto, sans-serif; --mat-optgroup-label-text-line-height: 24px; --mat-optgroup-label-text-size: 16px; --mat-optgroup-label-text-tracking: 0.03125em; --mat-optgroup-label-text-weight: 400; }
html { --mat-card-elevated-container-shape: 4px; --mat-card-outlined-container-shape: 4px; --mat-card-filled-container-shape: 4px; --mat-card-outlined-outline-width: 1px; }
html { --mat-card-elevated-container-color: white; --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-container-color: white; --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); --mat-card-filled-container-color: white; --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
html { --mat-card-title-text-font: Roboto, sans-serif; --mat-card-title-text-line-height: 32px; --mat-card-title-text-size: 20px; --mat-card-title-text-tracking: 0.0125em; --mat-card-title-text-weight: 500; --mat-card-subtitle-text-font: Roboto, sans-serif; --mat-card-subtitle-text-line-height: 22px; --mat-card-subtitle-text-size: 14px; --mat-card-subtitle-text-tracking: 0.0071428571em; --mat-card-subtitle-text-weight: 500; }
html { --mat-progress-bar-active-indicator-height: 4px; --mat-progress-bar-track-height: 4px; --mat-progress-bar-track-shape: 0; }
.mat-mdc-progress-bar { --mat-progress-bar-active-indicator-color: #3f51b5; --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25); }
.mat-mdc-progress-bar.mat-accent { --mat-progress-bar-active-indicator-color: #ff4081; --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25); }
.mat-mdc-progress-bar.mat-warn { --mat-progress-bar-active-indicator-color: #f44336; --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25); }
html { --mat-tooltip-container-shape: 4px; --mat-tooltip-supporting-text-line-height: 16px; }
html { --mat-tooltip-container-color: #424242; --mat-tooltip-supporting-text-color: white; }
html { --mat-tooltip-supporting-text-font: Roboto, sans-serif; --mat-tooltip-supporting-text-size: 12px; --mat-tooltip-supporting-text-weight: 400; --mat-tooltip-supporting-text-tracking: 0.0333333333em; }
html { --mat-form-field-filled-active-indicator-height: 1px; --mat-form-field-filled-focus-active-indicator-height: 2px; --mat-form-field-filled-container-shape: 4px; --mat-form-field-outlined-outline-width: 1px; --mat-form-field-outlined-focus-outline-width: 2px; --mat-form-field-outlined-container-shape: 4px; }
html { --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, 0.87); --mat-form-field-filled-caret-color: #3f51b5; --mat-form-field-filled-focus-active-indicator-color: #3f51b5; --mat-form-field-filled-focus-label-text-color: rgba(63, 81, 181, 0.87); --mat-form-field-outlined-caret-color: #3f51b5; --mat-form-field-outlined-focus-outline-color: #3f51b5; --mat-form-field-outlined-focus-label-text-color: rgba(63, 81, 181, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.331); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #f44336; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.331); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.12; --mat-form-field-filled-container-color: #f6f6f6; --mat-form-field-filled-disabled-container-color: rgba(0, 0, 0, 0.035); --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.331); --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-error-hover-label-text-color: #f44336; --mat-form-field-filled-error-focus-label-text-color: #f44336; --mat-form-field-filled-error-label-text-color: #f44336; --mat-form-field-filled-error-caret-color: #f44336; --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.104); --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mat-form-field-filled-error-active-indicator-color: #f44336; --mat-form-field-filled-error-focus-active-indicator-color: #f44336; --mat-form-field-filled-error-hover-active-indicator-color: #f44336; --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.331); --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54); --mat-form-field-outlined-error-caret-color: #f44336; --mat-form-field-outlined-error-focus-label-text-color: #f44336; --mat-form-field-outlined-error-label-text-color: #f44336; --mat-form-field-outlined-error-hover-label-text-color: #f44336; --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38); --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.104); --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-error-focus-outline-color: #f44336; --mat-form-field-outlined-error-hover-outline-color: #f44336; --mat-form-field-outlined-error-outline-color: #f44336; }
.mat-mdc-form-field.mat-accent { --mat-form-field-focus-select-arrow-color: rgba(255, 64, 129, 0.87); --mat-form-field-filled-caret-color: #ff4081; --mat-form-field-filled-focus-active-indicator-color: #ff4081; --mat-form-field-filled-focus-label-text-color: rgba(255, 64, 129, 0.87); --mat-form-field-outlined-caret-color: #ff4081; --mat-form-field-outlined-focus-outline-color: #ff4081; --mat-form-field-outlined-focus-label-text-color: rgba(255, 64, 129, 0.87); }
.mat-mdc-form-field.mat-warn { --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87); --mat-form-field-filled-caret-color: #f44336; --mat-form-field-filled-focus-active-indicator-color: #f44336; --mat-form-field-filled-focus-label-text-color: rgba(244, 67, 54, 0.87); --mat-form-field-outlined-caret-color: #f44336; --mat-form-field-outlined-focus-outline-color: #f44336; --mat-form-field-outlined-focus-label-text-color: rgba(244, 67, 54, 0.87); }
html { --mat-form-field-container-height: 56px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 16px; --mat-form-field-filled-with-label-container-padding-top: 24px; --mat-form-field-filled-with-label-container-padding-bottom: 8px; }
html { --mat-form-field-container-text-font: Roboto, sans-serif; --mat-form-field-container-text-line-height: 24px; --mat-form-field-container-text-size: 16px; --mat-form-field-container-text-tracking: 0.03125em; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 16px; --mat-form-field-subscript-text-font: Roboto, sans-serif; --mat-form-field-subscript-text-line-height: 20px; --mat-form-field-subscript-text-size: 12px; --mat-form-field-subscript-text-tracking: 0.0333333333em; --mat-form-field-subscript-text-weight: 400; --mat-form-field-filled-label-text-font: Roboto, sans-serif; --mat-form-field-filled-label-text-size: 16px; --mat-form-field-filled-label-text-tracking: 0.03125em; --mat-form-field-filled-label-text-weight: 400; --mat-form-field-outlined-label-text-font: Roboto, sans-serif; --mat-form-field-outlined-label-text-size: 16px; --mat-form-field-outlined-label-text-tracking: 0.03125em; --mat-form-field-outlined-label-text-weight: 400; }
html { --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
html { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.331); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.331); --mat-select-focused-arrow-color: #3f51b5; --mat-select-invalid-arrow-color: #f44336; }
.mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.331); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.331); --mat-select-focused-arrow-color: #ff4081; --mat-select-invalid-arrow-color: #f44336; }
.mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.331); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.331); --mat-select-focused-arrow-color: #f44336; --mat-select-invalid-arrow-color: #f44336; }
html { --mat-select-arrow-transform: translateY(-8px); }
html { --mat-select-trigger-text-font: Roboto, sans-serif; --mat-select-trigger-text-line-height: 24px; --mat-select-trigger-text-size: 16px; --mat-select-trigger-text-tracking: 0.03125em; --mat-select-trigger-text-weight: 400; }
html { --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
html { --mat-autocomplete-background-color: white; }
html { --mat-dialog-container-shape: 4px; --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; }
html { --mat-dialog-container-color: white; --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54); }
html { --mat-dialog-subhead-font: Roboto, sans-serif; --mat-dialog-subhead-line-height: 32px; --mat-dialog-subhead-size: 20px; --mat-dialog-subhead-weight: 500; --mat-dialog-subhead-tracking: 0.0125em; --mat-dialog-supporting-text-font: Roboto, sans-serif; --mat-dialog-supporting-text-line-height: 24px; --mat-dialog-supporting-text-size: 16px; --mat-dialog-supporting-text-weight: 400; --mat-dialog-supporting-text-tracking: 0.03125em; }
.mat-mdc-standard-chip { --mat-chip-container-shape-radius: 16px; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-disabled-outline-color: transparent; --mat-chip-flat-selected-outline-width: 0; --mat-chip-focus-outline-color: transparent; --mat-chip-hover-state-layer-opacity: 0.04; --mat-chip-outline-color: transparent; --mat-chip-outline-width: 0; --mat-chip-selected-hover-state-layer-opacity: 0.04; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-with-avatar-avatar-shape-radius: 14px; --mat-chip-with-avatar-avatar-size: 28px; --mat-chip-with-avatar-disabled-avatar-opacity: 1; --mat-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-with-icon-icon-size: 18px; --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; }
.mat-mdc-standard-chip { --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-elevated-container-color: rgba(0, 0, 0, 0.104); --mat-chip-elevated-disabled-container-color: rgba(0, 0, 0, 0.104); --mat-chip-elevated-selected-container-color: rgba(0, 0, 0, 0.104); --mat-chip-flat-disabled-selected-container-color: rgba(0, 0, 0, 0.104); --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mat-chip-disabled-label-text-color: white; --mat-chip-elevated-container-color: #3f51b5; --mat-chip-elevated-disabled-container-color: #3f51b5; --mat-chip-elevated-selected-container-color: #3f51b5; --mat-chip-flat-disabled-selected-container-color: #3f51b5; --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: white; --mat-chip-selected-trailing-icon-color: white; --mat-chip-with-icon-disabled-icon-color: white; --mat-chip-with-icon-icon-color: white; --mat-chip-with-icon-selected-icon-color: white; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mat-chip-with-trailing-icon-trailing-icon-color: white; }
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mat-chip-disabled-label-text-color: white; --mat-chip-elevated-container-color: #ff4081; --mat-chip-elevated-disabled-container-color: #ff4081; --mat-chip-elevated-selected-container-color: #ff4081; --mat-chip-flat-disabled-selected-container-color: #ff4081; --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: white; --mat-chip-selected-trailing-icon-color: white; --mat-chip-with-icon-disabled-icon-color: white; --mat-chip-with-icon-icon-color: white; --mat-chip-with-icon-selected-icon-color: white; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mat-chip-with-trailing-icon-trailing-icon-color: white; }
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mat-chip-disabled-label-text-color: white; --mat-chip-elevated-container-color: #f44336; --mat-chip-elevated-disabled-container-color: #f44336; --mat-chip-elevated-selected-container-color: #f44336; --mat-chip-flat-disabled-selected-container-color: #f44336; --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: white; --mat-chip-selected-trailing-icon-color: white; --mat-chip-with-icon-disabled-icon-color: white; --mat-chip-with-icon-icon-color: white; --mat-chip-with-icon-selected-icon-color: white; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mat-chip-with-trailing-icon-trailing-icon-color: white; }
.mat-mdc-chip.mat-mdc-standard-chip { --mat-chip-container-height: 32px; }
.mat-mdc-standard-chip { --mat-chip-label-text-font: Roboto, sans-serif; --mat-chip-label-text-line-height: 20px; --mat-chip-label-text-size: 14px; --mat-chip-label-text-tracking: 0.0178571429em; --mat-chip-label-text-weight: 400; }
html { --mat-slide-toggle-disabled-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-icon-opacity: 0.38; --mat-slide-toggle-disabled-track-opacity: 0.12; --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38; --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38; --mat-slide-toggle-disabled-unselected-track-outline-width: 1px; --mat-slide-toggle-handle-height: 20px; --mat-slide-toggle-handle-shape: 10px; --mat-slide-toggle-handle-width: 20px; --mat-slide-toggle-hidden-track-opacity: 1; --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-slide-toggle-pressed-handle-size: 20px; --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-selected-handle-horizontal-margin: 0; --mat-slide-toggle-selected-handle-size: 20px; --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04; --mat-slide-toggle-selected-icon-size: 18px; --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-selected-track-outline-width: 1px; --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-track-height: 14px; --mat-slide-toggle-track-outline-width: 1px; --mat-slide-toggle-track-shape: 7px; --mat-slide-toggle-track-width: 36px; --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-handle-size: 20px; --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-icon-size: 18px; --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1; --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-visible-track-opacity: 1; --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-slide-toggle-with-icon-handle-size: 20px; --mat-slide-toggle-touch-target-size: 48px; }
html { --mat-slide-toggle-selected-icon-color: white; --mat-slide-toggle-disabled-selected-icon-color: white; --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5; --mat-slide-toggle-selected-handle-color: #3f51b5; --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5; --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5; --mat-slide-toggle-selected-focus-handle-color: #3f51b5; --mat-slide-toggle-selected-hover-handle-color: #3f51b5; --mat-slide-toggle-selected-pressed-handle-color: #3f51b5; --mat-slide-toggle-selected-focus-track-color: #7986cb; --mat-slide-toggle-selected-hover-track-color: #7986cb; --mat-slide-toggle-selected-pressed-track-color: #7986cb; --mat-slide-toggle-selected-track-color: #7986cb; --mat-slide-toggle-disabled-unselected-track-outline-color: transparent; --mat-slide-toggle-selected-track-outline-color: transparent; --mat-slide-toggle-track-outline-color: transparent; --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6; --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slide-toggle-handle-surface-color: white; --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-hover-handle-color: #424242; --mat-slide-toggle-unselected-focus-handle-color: #424242; --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-icon-color: #f6f6f6; --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54); --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-pressed-handle-color: #424242; --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12); }
.mat-mdc-slide-toggle.mat-accent { --mat-slide-toggle-selected-icon-color: white; --mat-slide-toggle-disabled-selected-icon-color: white; --mat-slide-toggle-selected-focus-state-layer-color: #ff4081; --mat-slide-toggle-selected-handle-color: #ff4081; --mat-slide-toggle-selected-hover-state-layer-color: #ff4081; --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081; --mat-slide-toggle-selected-focus-handle-color: #ff4081; --mat-slide-toggle-selected-hover-handle-color: #ff4081; --mat-slide-toggle-selected-pressed-handle-color: #ff4081; --mat-slide-toggle-selected-focus-track-color: #f06292; --mat-slide-toggle-selected-hover-track-color: #f06292; --mat-slide-toggle-selected-pressed-track-color: #f06292; --mat-slide-toggle-selected-track-color: #f06292; }
.mat-mdc-slide-toggle.mat-warn { --mat-slide-toggle-selected-icon-color: white; --mat-slide-toggle-disabled-selected-icon-color: white; --mat-slide-toggle-selected-focus-state-layer-color: #f44336; --mat-slide-toggle-selected-handle-color: #f44336; --mat-slide-toggle-selected-hover-state-layer-color: #f44336; --mat-slide-toggle-selected-pressed-state-layer-color: #f44336; --mat-slide-toggle-selected-focus-handle-color: #f44336; --mat-slide-toggle-selected-hover-handle-color: #f44336; --mat-slide-toggle-selected-pressed-handle-color: #f44336; --mat-slide-toggle-selected-focus-track-color: #e57373; --mat-slide-toggle-selected-hover-track-color: #e57373; --mat-slide-toggle-selected-pressed-track-color: #e57373; --mat-slide-toggle-selected-track-color: #e57373; }
html { --mat-slide-toggle-state-layer-size: 40px; --mat-slide-toggle-touch-target-display: block; }
html { --mat-slide-toggle-label-text-font: Roboto, sans-serif; --mat-slide-toggle-label-text-line-height: 20px; --mat-slide-toggle-label-text-size: 14px; --mat-slide-toggle-label-text-tracking: 0.0178571429em; --mat-slide-toggle-label-text-weight: 400; }
html .mat-mdc-slide-toggle { --mat-slide-toggle-label-text-font: Roboto, sans-serif; --mat-slide-toggle-label-text-line-height: 20px; --mat-slide-toggle-label-text-size: 14px; --mat-slide-toggle-label-text-tracking: 0.0178571429em; --mat-slide-toggle-label-text-weight: 400; }
html { --mat-radio-disabled-selected-icon-opacity: 0.38; --mat-radio-disabled-unselected-icon-opacity: 0.38; --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-size: 48px; }
.mat-mdc-radio-button.mat-primary { --mat-radio-checked-ripple-color: #3f51b5; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #3f51b5; --mat-radio-selected-hover-icon-color: #3f51b5; --mat-radio-selected-icon-color: #3f51b5; --mat-radio-selected-pressed-icon-color: #3f51b5; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-radio-button.mat-accent { --mat-radio-checked-ripple-color: #ff4081; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #ff4081; --mat-radio-selected-hover-icon-color: #ff4081; --mat-radio-selected-icon-color: #ff4081; --mat-radio-selected-pressed-icon-color: #ff4081; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-radio-button.mat-warn { --mat-radio-checked-ripple-color: #f44336; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #f44336; --mat-radio-selected-hover-icon-color: #f44336; --mat-radio-selected-icon-color: #f44336; --mat-radio-selected-pressed-icon-color: #f44336; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); }
html { --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; }
html { --mat-radio-label-text-font: Roboto, sans-serif; --mat-radio-label-text-line-height: 20px; --mat-radio-label-text-size: 14px; --mat-radio-label-text-tracking: 0.0178571429em; --mat-radio-label-text-weight: 400; }
html { --mat-slider-active-track-height: 6px; --mat-slider-active-track-shape: 9999px; --mat-slider-handle-height: 20px; --mat-slider-handle-shape: 50%; --mat-slider-handle-width: 20px; --mat-slider-inactive-track-height: 4px; --mat-slider-inactive-track-shape: 9999px; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-container-transform: translateX(-50%); --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-width: auto; --mat-slider-with-overlap-handle-outline-width: 1px; --mat-slider-with-tick-marks-active-container-opacity: 0.6; --mat-slider-with-tick-marks-container-shape: 50%; --mat-slider-with-tick-marks-container-size: 2px; --mat-slider-with-tick-marks-inactive-container-opacity: 0.6; --mat-slider-value-indicator-transform-origin: bottom; }
html { --mat-slider-active-track-color: #3f51b5; --mat-slider-focus-handle-color: #3f51b5; --mat-slider-handle-color: #3f51b5; --mat-slider-hover-handle-color: #3f51b5; --mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.12); --mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.04); --mat-slider-inactive-track-color: #3f51b5; --mat-slider-ripple-color: #3f51b5; --mat-slider-with-tick-marks-active-container-color: white; --mat-slider-with-tick-marks-inactive-container-color: #3f51b5; --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87); --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87); --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87); --mat-slider-label-container-color: #424242; --mat-slider-label-label-text-color: white; --mat-slider-value-indicator-opacity: 1; --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87); --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87); }
.mat-accent { --mat-slider-active-track-color: #ff4081; --mat-slider-focus-handle-color: #ff4081; --mat-slider-handle-color: #ff4081; --mat-slider-hover-handle-color: #ff4081; --mat-slider-focus-state-layer-color: rgba(255, 64, 129, 0.12); --mat-slider-hover-state-layer-color: rgba(255, 64, 129, 0.04); --mat-slider-inactive-track-color: #ff4081; --mat-slider-ripple-color: #ff4081; --mat-slider-with-tick-marks-active-container-color: white; --mat-slider-with-tick-marks-inactive-container-color: #ff4081; }
.mat-warn { --mat-slider-active-track-color: #f44336; --mat-slider-focus-handle-color: #f44336; --mat-slider-handle-color: #f44336; --mat-slider-hover-handle-color: #f44336; --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.12); --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.04); --mat-slider-inactive-track-color: #f44336; --mat-slider-ripple-color: #f44336; --mat-slider-with-tick-marks-active-container-color: white; --mat-slider-with-tick-marks-inactive-container-color: #f44336; }
html { --mat-slider-label-label-text-font: Roboto, sans-serif; --mat-slider-label-label-text-size: 14px; --mat-slider-label-label-text-line-height: 22px; --mat-slider-label-label-text-tracking: 0.0071428571em; --mat-slider-label-label-text-weight: 500; }
html { --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
html { --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-menu-container-color: white; --mat-menu-divider-color: rgba(0, 0, 0, 0.12); }
html { --mat-menu-item-label-text-font: Roboto, sans-serif; --mat-menu-item-label-text-size: 16px; --mat-menu-item-label-text-tracking: 0.03125em; --mat-menu-item-label-text-line-height: 24px; --mat-menu-item-label-text-weight: 400; }
html { --mat-list-active-indicator-shape: 4px; --mat-list-list-item-container-shape: 0; --mat-list-list-item-leading-avatar-shape: 50%; --mat-list-list-item-leading-icon-size: 24px; --mat-list-list-item-leading-avatar-size: 40px; --mat-list-list-item-trailing-icon-size: 24px; --mat-list-list-item-disabled-state-layer-opacity: 0; --mat-list-list-item-disabled-label-text-opacity: 0.38; --mat-list-list-item-disabled-leading-icon-opacity: 0.38; --mat-list-list-item-disabled-trailing-icon-opacity: 0.38; }
html { --mat-list-active-indicator-color: transparent; --mat-list-list-item-container-color: transparent; --mat-list-list-item-selected-container-color: transparent; --mat-list-list-item-leading-avatar-color: transparent; --mat-list-list-item-disabled-state-layer-color: transparent; --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-state-layer-opacity: 0.04; --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-focus-state-layer-opacity: 0.12; }
.mdc-list-item__start, .mdc-list-item__end { --mat-radio-checked-ripple-color: #3f51b5; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #3f51b5; --mat-radio-selected-hover-icon-color: #3f51b5; --mat-radio-selected-icon-color: #3f51b5; --mat-radio-selected-pressed-icon-color: #3f51b5; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); }
.mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mat-radio-checked-ripple-color: #ff4081; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #ff4081; --mat-radio-selected-hover-icon-color: #ff4081; --mat-radio-selected-icon-color: #ff4081; --mat-radio-selected-pressed-icon-color: #ff4081; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); }
.mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mat-radio-checked-ripple-color: #f44336; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #f44336; --mat-radio-selected-hover-icon-color: #f44336; --mat-radio-selected-icon-color: #f44336; --mat-radio-selected-pressed-icon-color: #f44336; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-list-option { --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #3f51b5; --mat-checkbox-selected-hover-icon-color: #3f51b5; --mat-checkbox-selected-icon-color: #3f51b5; --mat-checkbox-selected-pressed-icon-color: #3f51b5; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #3f51b5; --mat-checkbox-selected-hover-state-layer-color: #3f51b5; --mat-checkbox-selected-pressed-state-layer-color: #3f51b5; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-list-option.mat-accent { --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #ff4081; --mat-checkbox-selected-hover-icon-color: #ff4081; --mat-checkbox-selected-icon-color: #ff4081; --mat-checkbox-selected-pressed-icon-color: #ff4081; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #ff4081; --mat-checkbox-selected-hover-state-layer-color: #ff4081; --mat-checkbox-selected-pressed-state-layer-color: #ff4081; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-list-option.mat-warn { --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #f44336; --mat-checkbox-selected-hover-icon-color: #f44336; --mat-checkbox-selected-icon-color: #f44336; --mat-checkbox-selected-pressed-icon-color: #f44336; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #f44336; --mat-checkbox-selected-hover-state-layer-color: #f44336; --mat-checkbox-selected-pressed-state-layer-color: #f44336; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: rgb(63, 81, 181); }
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; }
html { --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; --mat-list-list-item-one-line-container-height: 48px; --mat-list-list-item-two-line-container-height: 64px; --mat-list-list-item-three-line-container-height: 88px; }
.mdc-list-item__start, .mdc-list-item__end { --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; }
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; }
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; }
html { --mat-list-list-item-label-text-font: Roboto, sans-serif; --mat-list-list-item-label-text-line-height: 24px; --mat-list-list-item-label-text-size: 16px; --mat-list-list-item-label-text-tracking: 0.03125em; --mat-list-list-item-label-text-weight: 400; --mat-list-list-item-supporting-text-font: Roboto, sans-serif; --mat-list-list-item-supporting-text-line-height: 20px; --mat-list-list-item-supporting-text-size: 14px; --mat-list-list-item-supporting-text-tracking: 0.0178571429em; --mat-list-list-item-supporting-text-weight: 400; --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif; --mat-list-list-item-trailing-supporting-text-line-height: 20px; --mat-list-list-item-trailing-supporting-text-size: 12px; --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em; --mat-list-list-item-trailing-supporting-text-weight: 400; }
.mdc-list-group__subheader { font: 400 16px / 28px Roboto, sans-serif; letter-spacing: 0.009375em; }
html { --mat-paginator-page-size-select-width: 84px; --mat-paginator-page-size-select-touch-target-height: 48px; }
html { --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.331); }
html { --mat-paginator-container-size: 56px; --mat-paginator-form-field-container-height: 40px; --mat-paginator-form-field-container-vertical-padding: 8px; --mat-paginator-touch-target-display: block; }
html { --mat-paginator-container-text-font: Roboto, sans-serif; --mat-paginator-container-text-line-height: 20px; --mat-paginator-container-text-size: 12px; --mat-paginator-container-text-tracking: 0.0333333333em; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 12px; }
html { --mat-tab-container-height: 48px; --mat-tab-divider-color: transparent; --mat-tab-divider-height: 0; --mat-tab-active-indicator-height: 2px; --mat-tab-active-indicator-shape: 0; }
.mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: #3f51b5; --mat-tab-active-ripple-color: #3f51b5; --mat-tab-inactive-ripple-color: #3f51b5; --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: #3f51b5; --mat-tab-active-hover-label-text-color: #3f51b5; --mat-tab-active-focus-indicator-color: #3f51b5; --mat-tab-active-hover-indicator-color: #3f51b5; --mat-tab-active-indicator-color: #3f51b5; }
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: #ff4081; --mat-tab-active-ripple-color: #ff4081; --mat-tab-inactive-ripple-color: #ff4081; --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: #ff4081; --mat-tab-active-hover-label-text-color: #ff4081; --mat-tab-active-focus-indicator-color: #ff4081; --mat-tab-active-hover-indicator-color: #ff4081; --mat-tab-active-indicator-color: #ff4081; }
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: #f44336; --mat-tab-active-ripple-color: #f44336; --mat-tab-inactive-ripple-color: #f44336; --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: #f44336; --mat-tab-active-hover-label-text-color: #f44336; --mat-tab-active-focus-indicator-color: #f44336; --mat-tab-active-hover-indicator-color: #f44336; --mat-tab-active-indicator-color: #f44336; }
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-background-color: #3f51b5; --mat-tab-foreground-color: white; }
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-background-color: #ff4081; --mat-tab-foreground-color: white; }
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-background-color: #f44336; --mat-tab-foreground-color: white; }
.mat-mdc-tab-header { --mat-tab-container-height: 48px; }
.mat-mdc-tab-header { --mat-tab-label-text-font: Roboto, sans-serif; --mat-tab-label-text-size: 14px; --mat-tab-label-text-tracking: 0.0892857143em; --mat-tab-label-text-line-height: 36px; --mat-tab-label-text-weight: 500; }
html { --mat-checkbox-disabled-selected-checkmark-color: white; --mat-checkbox-selected-focus-state-layer-opacity: 0.12; --mat-checkbox-selected-hover-state-layer-opacity: 0.04; --mat-checkbox-selected-pressed-state-layer-opacity: 0.12; --mat-checkbox-unselected-focus-state-layer-opacity: 0.12; --mat-checkbox-unselected-hover-state-layer-opacity: 0.04; --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12; --mat-checkbox-touch-target-size: 48px; }
html { --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.331); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #ff4081; --mat-checkbox-selected-hover-icon-color: #ff4081; --mat-checkbox-selected-icon-color: #ff4081; --mat-checkbox-selected-pressed-icon-color: #ff4081; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #ff4081; --mat-checkbox-selected-hover-state-layer-color: #ff4081; --mat-checkbox-selected-pressed-state-layer-color: #ff4081; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-checkbox.mat-primary { --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #3f51b5; --mat-checkbox-selected-hover-icon-color: #3f51b5; --mat-checkbox-selected-icon-color: #3f51b5; --mat-checkbox-selected-pressed-icon-color: #3f51b5; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #3f51b5; --mat-checkbox-selected-hover-state-layer-color: #3f51b5; --mat-checkbox-selected-pressed-state-layer-color: #3f51b5; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-checkbox.mat-warn { --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.331); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #f44336; --mat-checkbox-selected-hover-icon-color: #f44336; --mat-checkbox-selected-icon-color: #f44336; --mat-checkbox-selected-pressed-icon-color: #f44336; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #f44336; --mat-checkbox-selected-hover-state-layer-color: #f44336; --mat-checkbox-selected-pressed-state-layer-color: #f44336; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); }
html { --mat-checkbox-touch-target-display: block; --mat-checkbox-state-layer-size: 40px; }
html { --mat-checkbox-label-text-font: Roboto, sans-serif; --mat-checkbox-label-text-line-height: 20px; --mat-checkbox-label-text-size: 14px; --mat-checkbox-label-text-tracking: 0.0178571429em; --mat-checkbox-label-text-weight: 400; }
html { --mat-button-filled-container-shape: 4px; --mat-button-filled-horizontal-padding: 16px; --mat-button-filled-icon-offset: -4px; --mat-button-filled-icon-spacing: 8px; --mat-button-filled-touch-target-size: 48px; --mat-button-outlined-container-shape: 4px; --mat-button-outlined-horizontal-padding: 15px; --mat-button-outlined-icon-offset: -4px; --mat-button-outlined-icon-spacing: 8px; --mat-button-outlined-keep-touch-target: false; --mat-button-outlined-outline-width: 1px; --mat-button-outlined-touch-target-size: 48px; --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-container-shape: 4px; --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-horizontal-padding: 16px; --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-button-protected-icon-offset: -4px; --mat-button-protected-icon-spacing: 8px; --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-button-protected-touch-target-size: 48px; --mat-button-text-container-shape: 4px; --mat-button-text-horizontal-padding: 8px; --mat-button-text-icon-offset: 0; --mat-button-text-icon-spacing: 8px; --mat-button-text-with-icon-horizontal-padding: 8px; --mat-button-text-touch-target-size: 48px; --mat-button-tonal-container-shape: 4px; --mat-button-tonal-horizontal-padding: 16px; --mat-button-tonal-icon-offset: -4px; --mat-button-tonal-icon-spacing: 8px; --mat-button-tonal-touch-target-size: 48px; }
html { --mat-button-filled-container-color: white; --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.104); --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-filled-focus-state-layer-opacity: 0.12; --mat-button-filled-hover-state-layer-opacity: 0.04; --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-filled-pressed-state-layer-opacity: 0.12; --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.104); --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-outlined-focus-state-layer-opacity: 0.12; --mat-button-outlined-hover-state-layer-opacity: 0.04; --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-pressed-state-layer-opacity: 0.12; --mat-button-outlined-ripple-color: rgba(0, 0, 0, 0.104); --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-protected-container-color: white; --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.104); --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-protected-focus-state-layer-opacity: 0.12; --mat-button-protected-hover-state-layer-opacity: 0.04; --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-protected-pressed-state-layer-opacity: 0.12; --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.104); --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-text-focus-state-layer-opacity: 0.12; --mat-button-text-hover-state-layer-opacity: 0.04; --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-text-pressed-state-layer-opacity: 0.12; --mat-button-text-ripple-color: rgba(0, 0, 0, 0.104); --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-tonal-container-color: white; --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.104); --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.331); --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-tonal-focus-state-layer-opacity: 0.12; --mat-button-tonal-hover-state-layer-opacity: 0.04; --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-tonal-pressed-state-layer-opacity: 0.12; --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.104); --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-button.mat-primary, .mat-mdc-unelevated-button.mat-primary, .mat-mdc-raised-button.mat-primary, .mat-mdc-outlined-button.mat-primary, .mat-tonal-button.mat-primary { --mat-button-filled-container-color: #3f51b5; --mat-button-filled-label-text-color: white; --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.12); --mat-button-filled-state-layer-color: white; --mat-button-outlined-label-text-color: #3f51b5; --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: rgba(63, 81, 181, 0.12); --mat-button-outlined-state-layer-color: #3f51b5; --mat-button-protected-container-color: #3f51b5; --mat-button-protected-label-text-color: white; --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.12); --mat-button-protected-state-layer-color: white; --mat-button-text-label-text-color: #3f51b5; --mat-button-text-ripple-color: rgba(63, 81, 181, 0.12); --mat-button-text-state-layer-color: #3f51b5; --mat-button-tonal-container-color: #3f51b5; --mat-button-tonal-label-text-color: white; --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.12); --mat-button-tonal-state-layer-color: white; }
.mat-mdc-button.mat-accent, .mat-mdc-unelevated-button.mat-accent, .mat-mdc-raised-button.mat-accent, .mat-mdc-outlined-button.mat-accent, .mat-tonal-button.mat-accent { --mat-button-filled-container-color: #ff4081; --mat-button-filled-label-text-color: white; --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.12); --mat-button-filled-state-layer-color: white; --mat-button-outlined-label-text-color: #ff4081; --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: rgba(255, 64, 129, 0.12); --mat-button-outlined-state-layer-color: #ff4081; --mat-button-protected-container-color: #ff4081; --mat-button-protected-label-text-color: white; --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.12); --mat-button-protected-state-layer-color: white; --mat-button-text-label-text-color: #ff4081; --mat-button-text-ripple-color: rgba(255, 64, 129, 0.12); --mat-button-text-state-layer-color: #ff4081; --mat-button-tonal-container-color: #ff4081; --mat-button-tonal-label-text-color: white; --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.12); --mat-button-tonal-state-layer-color: white; }
.mat-mdc-button.mat-warn, .mat-mdc-unelevated-button.mat-warn, .mat-mdc-raised-button.mat-warn, .mat-mdc-outlined-button.mat-warn, .mat-tonal-button.mat-warn { --mat-button-filled-container-color: #f44336; --mat-button-filled-label-text-color: white; --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.12); --mat-button-filled-state-layer-color: white; --mat-button-outlined-label-text-color: #f44336; --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: rgba(244, 67, 54, 0.12); --mat-button-outlined-state-layer-color: #f44336; --mat-button-protected-container-color: #f44336; --mat-button-protected-label-text-color: white; --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.12); --mat-button-protected-state-layer-color: white; --mat-button-text-label-text-color: #f44336; --mat-button-text-ripple-color: rgba(244, 67, 54, 0.12); --mat-button-text-state-layer-color: #f44336; --mat-button-tonal-container-color: #f44336; --mat-button-tonal-label-text-color: white; --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.12); --mat-button-tonal-state-layer-color: white; }
html { --mat-button-filled-container-height: 36px; --mat-button-filled-touch-target-display: block; --mat-button-outlined-container-height: 36px; --mat-button-outlined-touch-target-display: block; --mat-button-protected-container-height: 36px; --mat-button-protected-touch-target-display: block; --mat-button-text-container-height: 36px; --mat-button-text-touch-target-display: block; --mat-button-tonal-container-height: 36px; --mat-button-tonal-touch-target-display: block; }
html { --mat-button-filled-label-text-font: Roboto, sans-serif; --mat-button-filled-label-text-size: 14px; --mat-button-filled-label-text-tracking: 0.0892857143em; --mat-button-filled-label-text-transform: none; --mat-button-filled-label-text-weight: 500; --mat-button-outlined-label-text-font: Roboto, sans-serif; --mat-button-outlined-label-text-size: 14px; --mat-button-outlined-label-text-tracking: 0.0892857143em; --mat-button-outlined-label-text-transform: none; --mat-button-outlined-label-text-weight: 500; --mat-button-protected-label-text-font: Roboto, sans-serif; --mat-button-protected-label-text-size: 14px; --mat-button-protected-label-text-tracking: 0.0892857143em; --mat-button-protected-label-text-transform: none; --mat-button-protected-label-text-weight: 500; --mat-button-text-label-text-font: Roboto, sans-serif; --mat-button-text-label-text-size: 14px; --mat-button-text-label-text-tracking: 0.0892857143em; --mat-button-text-label-text-transform: none; --mat-button-text-label-text-weight: 500; --mat-button-tonal-label-text-font: Roboto, sans-serif; --mat-button-tonal-label-text-size: 14px; --mat-button-tonal-label-text-tracking: 0.0892857143em; --mat-button-tonal-label-text-transform: none; --mat-button-tonal-label-text-weight: 500; }
html { --mat-icon-button-icon-size: 24px; --mat-icon-button-container-shape: 50%; --mat-icon-button-touch-target-size: 48px; }
html { --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.331); --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-icon-color: inherit; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.104); --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-icon-button.mat-primary { --mat-icon-button-icon-color: #3f51b5; --mat-icon-button-state-layer-color: #3f51b5; --mat-icon-button-ripple-color: rgba(63, 81, 181, 0.12); }
.mat-mdc-icon-button.mat-accent { --mat-icon-button-icon-color: #ff4081; --mat-icon-button-state-layer-color: #ff4081; --mat-icon-button-ripple-color: rgba(255, 64, 129, 0.12); }
.mat-mdc-icon-button.mat-warn { --mat-icon-button-icon-color: #f44336; --mat-icon-button-state-layer-color: #f44336; --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.12); }
html { --mat-icon-button-touch-target-display: block; }
.mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; --mat-icon-button-state-layer-size: 48px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 12px; }
html { --mat-fab-container-shape: 50%; --mat-fab-touch-target-size: 48px; --mat-fab-extended-container-height: 48px; --mat-fab-extended-container-shape: 24px; --mat-fab-small-container-shape: 50%; --mat-fab-small-touch-target-size: 48px; }
html { --mat-fab-container-color: white; --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.104); --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.331); --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-foreground-color: rgba(0, 0, 0, 0.87); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-ripple-color: rgba(0, 0, 0, 0.104); --mat-fab-small-container-color: white; --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.104); --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.331); --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.104); --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87); --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87); }
.mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary { --mat-fab-container-color: #3f51b5; --mat-fab-foreground-color: white; --mat-fab-ripple-color: rgba(63, 81, 181, 0.12); --mat-fab-small-container-color: #3f51b5; --mat-fab-small-foreground-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.12); --mat-fab-small-state-layer-color: white; --mat-fab-state-layer-color: white; }
.mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent { --mat-fab-container-color: #ff4081; --mat-fab-foreground-color: white; --mat-fab-ripple-color: rgba(255, 64, 129, 0.12); --mat-fab-small-container-color: #ff4081; --mat-fab-small-foreground-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.12); --mat-fab-small-state-layer-color: white; --mat-fab-state-layer-color: white; }
.mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn { --mat-fab-container-color: #f44336; --mat-fab-foreground-color: white; --mat-fab-ripple-color: rgba(244, 67, 54, 0.12); --mat-fab-small-container-color: #f44336; --mat-fab-small-foreground-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.12); --mat-fab-small-state-layer-color: white; --mat-fab-state-layer-color: white; }
html { --mat-fab-small-touch-target-display: block; --mat-fab-touch-target-display: block; }
html { --mat-fab-extended-label-text-font: Roboto, sans-serif; --mat-fab-extended-label-text-size: 14px; --mat-fab-extended-label-text-tracking: 0.0892857143em; --mat-fab-extended-label-text-weight: 500; }
html { --mat-snack-bar-container-shape: 4px; }
html { --mat-snack-bar-container-color: #424242; --mat-snack-bar-supporting-text-color: white; --mat-snack-bar-button-color: #7986cb; }
html { --mat-snack-bar-supporting-text-font: Roboto, sans-serif; --mat-snack-bar-supporting-text-line-height: 20px; --mat-snack-bar-supporting-text-size: 14px; --mat-snack-bar-supporting-text-weight: 400; }
html { --mat-table-row-item-outline-width: 1px; }
html { --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); }
html { --mat-table-header-container-height: 56px; --mat-table-footer-container-height: 52px; --mat-table-row-item-container-height: 52px; }
html { --mat-table-header-headline-font: Roboto, sans-serif; --mat-table-header-headline-line-height: 22px; --mat-table-header-headline-size: 14px; --mat-table-header-headline-weight: 500; --mat-table-header-headline-tracking: 0.0071428571em; --mat-table-row-item-label-text-font: Roboto, sans-serif; --mat-table-row-item-label-text-line-height: 20px; --mat-table-row-item-label-text-size: 14px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: 0.0178571429em; --mat-table-footer-supporting-text-font: Roboto, sans-serif; --mat-table-footer-supporting-text-line-height: 20px; --mat-table-footer-supporting-text-size: 14px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: 0.0178571429em; }
html { --mat-progress-spinner-active-indicator-width: 4px; --mat-progress-spinner-size: 48px; }
html { --mat-progress-spinner-active-indicator-color: #3f51b5; }
.mat-accent { --mat-progress-spinner-active-indicator-color: #ff4081; }
.mat-warn { --mat-progress-spinner-active-indicator-color: #f44336; }
html { --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; }
html { --mat-badge-background-color: #3f51b5; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: rgba(0, 0, 0, 0.104); --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.331); }
.mat-badge-accent { --mat-badge-background-color: #ff4081; --mat-badge-text-color: white; }
.mat-badge-warn { --mat-badge-background-color: #f44336; --mat-badge-text-color: white; }
html { --mat-badge-text-font: Roboto, sans-serif; --mat-badge-line-height: 22px; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-small-size-line-height: 16px; --mat-badge-large-size-text-size: 24px; --mat-badge-large-size-line-height: 28px; }
html { --mat-bottom-sheet-container-shape: 4px; }
html { --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; }
html { --mat-bottom-sheet-container-text-font: Roboto, sans-serif; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: 0.0178571429em; --mat-bottom-sheet-container-text-weight: 400; }
html { --mat-button-toggle-focus-state-layer-opacity: 0.12; --mat-button-toggle-hover-state-layer-opacity: 0.04; --mat-button-toggle-legacy-focus-state-layer-opacity: 1; --mat-button-toggle-legacy-height: 36px; --mat-button-toggle-legacy-shape: 2px; --mat-button-toggle-shape: 4px; }
html { --mat-button-toggle-background-color: white; --mat-button-toggle-disabled-selected-state-background-color: rgba(0, 0, 0, 0.104); --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.331); --mat-button-toggle-disabled-state-background-color: white; --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12); --mat-button-toggle-legacy-disabled-selected-state-background-color: rgba(0, 0, 0, 0.104); --mat-button-toggle-legacy-disabled-state-background-color: white; --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-button-toggle-legacy-selected-state-background-color: rgba(0, 0, 0, 0.104); --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.104); --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-selected-state-background-color: rgba(0, 0, 0, 0.104); --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87); }
html { --mat-button-toggle-height: 48px; }
html { --mat-button-toggle-label-text-font: Roboto, sans-serif; --mat-button-toggle-label-text-line-height: 24px; --mat-button-toggle-label-text-size: 16px; --mat-button-toggle-label-text-tracking: 0.03125em; --mat-button-toggle-label-text-weight: 400; --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif; --mat-button-toggle-legacy-label-text-line-height: 24px; --mat-button-toggle-legacy-label-text-size: 16px; --mat-button-toggle-legacy-label-text-tracking: 0.03125em; --mat-button-toggle-legacy-label-text-weight: 400; }
html { --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
html { --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(255, 64, 129, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(27.2643896268%, 64.1081593928%, 36.843769766%); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.38); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.12); --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.04); --mat-datepicker-toggle-active-state-icon-color: #3f51b5; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.331); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(255, 64, 129, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(27.2643896268%, 64.1081593928%, 36.843769766%); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #ff4081; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.38); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.12); --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.04); --mat-datepicker-toggle-active-state-icon-color: #ff4081; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.331); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(255, 64, 129, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(27.2643896268%, 64.1081593928%, 36.843769766%); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #f44336; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.38); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.12); --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.04); --mat-datepicker-toggle-active-state-icon-color: #f44336; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.331); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); }
.mat-calendar-controls { --mat-icon-button-touch-target-display: none; }
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; --mat-icon-button-state-layer-size: 40px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 8px; }
html { --mat-datepicker-calendar-text-font: Roboto, sans-serif; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; }
html { --mat-divider-width: 1px; }
html { --mat-divider-color: rgba(0, 0, 0, 0.12); }
html { --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; }
html { --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.331); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); }
html { --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; }
html { --mat-expansion-header-text-font: Roboto, sans-serif; --mat-expansion-header-text-size: 14px; --mat-expansion-header-text-weight: 500; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: Roboto, sans-serif; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: 0.0178571429em; --mat-expansion-container-text-weight: 400; }
html { --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; }
html { --mat-icon-color: inherit; }
.mat-icon.mat-primary { --mat-icon-color: #3f51b5; }
.mat-icon.mat-accent { --mat-icon-color: #ff4081; }
.mat-icon.mat-warn { --mat-icon-color: #f44336; }
html { --mat-sidenav-container-shape: 0; --mat-sidenav-container-width: auto; }
html { --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); }
html { --mat-stepper-header-focus-state-layer-shape: 4px; --mat-stepper-header-hover-state-layer-shape: 4px; }
html { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #3f51b5; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #3f51b5; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #3f51b5; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.035); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.104); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #f44336; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #f44336; --mat-stepper-header-error-state-icon-background-color: transparent; }
.mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #ff4081; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #ff4081; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #ff4081; --mat-stepper-header-edit-state-icon-foreground-color: white; }
.mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #f44336; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #f44336; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #f44336; --mat-stepper-header-edit-state-icon-foreground-color: white; }
html { --mat-stepper-header-height: 72px; }
html { --mat-stepper-container-text-font: Roboto, sans-serif; --mat-stepper-header-label-text-font: Roboto, sans-serif; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-weight: 400; }
html { --mat-sort-arrow-color: rgba(0, 0, 0, 0.87); }
html { --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); }
.mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #3f51b5; --mat-toolbar-container-text-color: white; }
.mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #ff4081; --mat-toolbar-container-text-color: white; }
.mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #f44336; --mat-toolbar-container-text-color: white; }
html { --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; }
html { --mat-toolbar-title-text-font: Roboto, sans-serif; --mat-toolbar-title-text-line-height: 32px; --mat-toolbar-title-text-size: 20px; --mat-toolbar-title-text-tracking: 0.0125em; --mat-toolbar-title-text-weight: 500; }
html { --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); }
html { --mat-tree-node-min-height: 48px; }
html { --mat-tree-node-text-font: Roboto, sans-serif; --mat-tree-node-text-size: 14px; --mat-tree-node-text-weight: 400; }
html { --mat-timepicker-container-shape: 4px; }
html { --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mat-timepicker-container-background-color: white; }
.mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 { font: 400 24px / 32px Roboto, sans-serif; letter-spacing: normal; margin: 0px 0px 16px; }
.mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 { font: 500 20px / 32px Roboto, sans-serif; letter-spacing: 0.0125em; margin: 0px 0px 16px; }
.mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 { font: 400 16px / 28px Roboto, sans-serif; letter-spacing: 0.009375em; margin: 0px 0px 16px; }
.mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 { font: 400 16px / 24px Roboto, sans-serif; letter-spacing: 0.03125em; margin: 0px 0px 16px; }
.mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(11.62px) / 20px Roboto, sans-serif; margin: 0px 0px 12px; }
.mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(9.38px) / 20px Roboto, sans-serif; margin: 0px 0px 12px; }
.mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 { font: 500 14px / 22px Roboto, sans-serif; letter-spacing: 0.00714286em; }
.mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography { font: 400 14px / 20px Roboto, sans-serif; letter-spacing: 0.0178571em; }
.mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p { margin: 0px 0px 12px; }
.mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font: 400 12px / 20px Roboto, sans-serif; letter-spacing: 0.0333333em; }
.mat-headline-1, .mat-typography .mat-headline-1 { font: 300 96px / 96px Roboto, sans-serif; letter-spacing: -0.015625em; margin: 0px 0px 56px; }
.mat-headline-2, .mat-typography .mat-headline-2 { font: 300 60px / 60px Roboto, sans-serif; letter-spacing: -0.00833333em; margin: 0px 0px 64px; }
.mat-headline-3, .mat-typography .mat-headline-3 { font: 400 48px / 50px Roboto, sans-serif; letter-spacing: normal; margin: 0px 0px 64px; }
.mat-headline-4, .mat-typography .mat-headline-4 { font: 400 34px / 40px Roboto, sans-serif; letter-spacing: 0.00735294em; margin: 0px 0px 64px; }
@font-face { font-family: currencytransfer-icons; src: url("../files/7f591a4f51ab.ttf") format("truetype"), url("../files/dad7829a1ab5.woff") format("woff"); font-weight: normal; font-style: normal; font-display: block; }
[class^="ct-icon-"], [class*=" ct-icon-"] { speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; margin: 0px; width: auto; height: auto; -webkit-font-smoothing: antialiased; font-family: currencytransfer-icons !important; }
.ct-icon-drivers-licence::before { content: ""; }
.ct-icon-identity-card::before { content: ""; }
.ct-icon-bank-statement::before { content: ""; }
.ct-icon-utility-bill::before { content: ""; }
.ct-icon-passport::before { content: ""; }
.ct-icon-document::before { content: ""; }
.ct-icon-file-preview::before { content: ""; }
.ct-icon-spl-document::before { content: ""; }
.ct-icon-social-security-card::before { content: ""; }
.ct-icon-tax-return::before { content: ""; }
.ct-icon-xmark-circle::before { content: ""; }
.ct-icon-tick-circle-full::before { content: ""; }
.ct-icon-add-account::before { content: ""; }
.ct-icon-manage-account::before { content: ""; }
.ct-icon-linked::before { content: ""; }
.ct-icon-password::before { content: ""; }
.ct-icon-marketing::before { content: ""; }
.ct-icon-activated-partners::before { content: ""; }
.ct-icon-api-key::before { content: ""; }
.ct-icon-pending-forwards::before { content: ""; }
.ct-icon-automated-settlement::before { content: ""; }
.ct-icon-automated-menu::before { content: ""; }
.ct-icon-connection::before { content: ""; }
.ct-icon-deposit-received::before { content: ""; }
.ct-icon-flags::before { content: ""; }
.ct-icon-promotion::before { content: ""; }
.ct-icon-reward::before { content: ""; }
.ct-icon-star::before { content: ""; }
.ct-icon-expired::before { content: ""; }
.ct-icon-tick-circle::before { content: ""; }
.ct-icon-exclamation-mark-outline::before { content: ""; }
.ct-icon-exclamation-mark-solid::before { content: ""; }
.ct-icon-info::before { content: ""; }
.ct-icon-minimum-rate::before { content: ""; }
.ct-icon-market-rate::before { content: ""; }
.ct-icon-client-rate::before { content: ""; }
.ct-icon-partner::before { content: ""; }
.ct-icon-moex::before { content: ""; }
.ct-icon-book-date::before { content: ""; }
.ct-icon-approvals::before { content: ""; }
.ct-icon-submitted::before { content: ""; }
.ct-icon-high-value-transfer::before { content: ""; }
.ct-icon-new-rate-alert::before { content: ""; }
.ct-icon-add-recipient::before { content: ""; }
.ct-icon-create-rate-alert::before { content: ""; }
.ct-icon-logo-header::before { content: ""; }
.ct-icon-log-out::before { content: ""; }
.ct-icon-mail::before { content: ""; }
.ct-icon-make-a-transfer::before { content: ""; }
.ct-icon-manage-rate-alerts::before { content: ""; }
.ct-icon-mobile-menu::before { content: ""; }
.ct-icon-activation::before { content: ""; }
.ct-icon-phone::before { content: ""; }
.ct-icon-profile-company::before { content: ""; }
.ct-icon-profile-individual::before { content: ""; }
.ct-icon-rate-alert2::before { content: ""; }
.ct-icon-recipients-list::before { content: ""; }
.ct-icon-refer-and-earn::before { content: ""; }
.ct-icon-transfer-history::before { content: ""; }
.ct-icon-deposit::before { content: ""; }
.ct-icon-forward-reminder::before { content: ""; }
.ct-icon-invite::before { content: ""; }
.ct-icon-market-order::before { content: ""; }
.ct-icon-office-hours::before { content: ""; }
.ct-icon-payment-sent::before { content: ""; }
.ct-icon-rate-alert::before { content: ""; }
.ct-icon-recipient::before { content: ""; }
.ct-icon-settlement-account-change::before { content: ""; }
.ct-icon-settlement::before { content: ""; }
.ct-icon-notification-menu-active::before { content: ""; }
.ct-icon-notification-menu-inactive::before { content: ""; }
.ct-icon-recipients-overview::before { content: ""; }
.ct-icon-approve-recipient-individual::before { content: ""; }
.ct-icon-approve-recipient-company::before { content: ""; }
.ct-icon-lock::before { content: ""; }
.ct-icon-speak::before { content: ""; }
.ct-icon-accepted::before { content: ""; }
.ct-icon-invited::before { content: ""; }
.ct-icon-rewards::before { content: ""; }
.ct-icon-pending-recipient-change::before { content: ""; }
.ct-icon-settings::before { content: ""; }
.ct-icon-options-menu::before { content: ""; }
.ct-icon-search-icon::before { content: ""; }
.ct-icon-receive-funds::before { content: ""; }
.ct-icon-upload::before { content: ""; }
.ct-icon-dashboard::before { content: ""; }
.ct-icon-empty-search::before { content: ""; }
.ct-icon-folder::before { content: ""; }
.ct-icon-close-cross::before { content: ""; }
.ct-icon-refresh::before { content: ""; }
.ct-icon-funds::before { content: ""; }
.ct-icon-account-details::before { content: ""; }
.ct-icon-trash::before { content: ""; }
.ct-icon-download::before { content: ""; }
.ct-icon-globe::before { content: ""; }
.ct-icon-pending-recipient::before { content: ""; }
.ct-icon-pencil::before { content: ""; }
.ct-icon-recipient-details-added::before { content: ""; }
.ct-icon-options-trade::before { content: ""; }
.ct-icon-auth-user::before { content: ""; }
.ct-icon-calendar::before { content: ""; }
.ct-icon-transfer-quote::before { content: ""; }
.ct-icon-click::before { content: ""; }
.ct-icon-view::before { content: ""; }
.ct-icon-hide::before { content: ""; }
.ct-icon-schedule-a-call::before { content: ""; }
.ct-icon-copy::before { content: ""; }
.ct-icon-market-order-create::before { content: ""; }
.ct-icon-rate-alert-create::before { content: ""; }
.ct-icon-rate-alert-manage::before { content: ""; }
.ct-icon-profile-pending-company::before { content: ""; }
.ct-icon-profile-pending-individual::before { content: ""; }
.ct-icon-plus-circle::before { content: ""; }
.ct-icon-attachment::before { content: ""; }
.ct-icon-plus-circle-active::before { content: ""; }
.ct-icon-warning-icon-active::before { content: ""; }
.ct-icon-warning-icon::before { content: ""; }
.ct-icon-print::before { content: ""; }
.ct-icon-protected::before { content: ""; }
.ct-icon-pending-market-order::before { content: ""; }
.ct-icon-pending-same-currency-transfer::before { content: ""; }
.ct-icon-target-rate::before { content: ""; }
.ct-icon-same-currency::before { content: ""; }
.ct-icon-delivery-date::before { content: ""; }
.ct-icon-expiration::before { content: ""; }
.ct-icon-rate-up::before { content: ""; }
.ct-icon-created::before { content: ""; }
.ct-icon-booking::before { content: ""; }
.ct-icon-calculation::before { content: ""; }
.ct-icon-disclaimer::before { content: ""; }
.ct-icon-how-it-works::before { content: ""; }
.ct-icon-min-rate::before { content: ""; }
.ct-icon-oscillator::before { content: ""; }
.ct-icon-split::before { content: ""; }
.ct-icon-spot-forward::before { content: ""; }
.ct-icon-transfer-amount::before { content: ""; }
.ct-icon-tick::before { content: ""; }
.ct-icon-arrow::before { content: ""; }
.ct-icon-notifications::before { content: ""; }
.ct-icon-arrow-down::before { content: ""; }
.ct-icon-arrow-left::before { content: ""; }
.ct-icon-arrow-right::before { content: ""; }
.ct-icon-arrow-up::before { content: ""; }
.ct-icon-facebook::before { content: ""; }
.ct-icon-whatsapp::before { content: ""; }
.ct-icon-twitter::before { content: ""; }
.ct-icon-x::before { content: ""; }
.ct-icon-linkedin::before { content: ""; }
@font-face { font-family: "Source Code Pro"; font-weight: normal; src: url("../files/7f43dd638162.otf") format("opentype"); }
@font-face { font-family: "Source Code Pro"; font-weight: bold; src: url("../files/71dd834aa3b4.otf") format("opentype"); }
@font-face { font-family: "Source Code Pro"; font-weight: 100; src: url("../files/1b221768120f.otf") format("opentype"); }
@font-face { font-family: currencytransfer; font-weight: normal; font-style: normal; src: url("../files/dc25f2d10346.woff") format("woff"), url("../files/a7932608d5c5.ttf") format("truetype"); }
.icon, .inline-icon .social-gp::before, .inline-icon .social-li::before, .inline-icon .social-yt::before, .inline-icon .social-fb::before, .inline-icon .social-tw::before { font-family: currencytransfer !important; -webkit-font-smoothing: antialiased; }
.inline-icon { list-style-type: none; border: 0px; }
.inline-icon.white a { color: rgb(255, 255, 255); text-decoration: none; }
.inline-icon.white a:hover { color: rgb(238, 238, 238); }
.inline-icon .social-tw, .inline-icon .social-fb, .inline-icon .social-yt, .inline-icon .social-li, .inline-icon .social-gp { display: inline; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; font-size: 20px; }
.inline-icon .social-tw::before { content: "w"; width: 2em; }
.inline-icon .social-fb::before { content: "b"; width: 2em; }
.inline-icon .social-yt::before { content: "y"; width: 2em; }
.inline-icon .social-li::before { content: "l"; width: 2em; }
.inline-icon .social-gp::before { content: "g"; width: 2em; }
.ct-link { color: rgb(22, 145, 198); }
.ct-link:hover { text-decoration: none; color: rgb(25, 92, 125); cursor: pointer; }
.ct-link.no-wrap { white-space: nowrap; }
.ct-blue-gray-link { color: rgb(184, 196, 208); text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 16px; }
.ct-blue-gray-link:hover { text-decoration: none; color: rgb(184, 196, 208); }
.ct-icon-item { width: auto; height: auto; }
.ct-icon-item.primary-theme { color: rgb(184, 196, 208); }
.ct-icon-item.secondary-theme { color: rgb(22, 145, 198); }
.ct-icon-item.neutral-theme { color: rgb(187, 187, 187); }
.ct-icon-item.warning-theme { color: rgb(229, 57, 53); }
.ct-icon-item.extra-small { font-size: 14px; }
.ct-icon-item.small { font-size: 18px; }
.ct-icon-item.medium { font-size: 24px; }
.ct-icon-item.large { font-size: 28px; }
.ct-icon-item.extra-large { font-size: 32px; }
.ct-icon-item.double-extra-large { font-size: 40px; }
.ct-flex { display: flex; }
.ct-flex.flex-wrap { flex-wrap: wrap; }
.ct-flex.space-between { justify-content: space-between; }
.ct-flex.space-around { justify-content: space-around; }
.ct-flex.flex-start { justify-content: flex-start; }
.ct-flex.flex-end { justify-content: flex-end; }
.ct-flex.justify-start { justify-content: flex-start; }
.ct-flex.justify-center { justify-content: center; }
.ct-flex.justify-end { justify-content: end; }
.ct-flex.justify-between { justify-content: space-between; }
.ct-flex.justify-evenly { justify-content: space-evenly; }
.ct-flex.align-start { align-items: flex-start; }
.ct-flex.align-end { align-items: flex-end; }
.ct-flex.align-center { align-items: center; }
.ct-flex.flex-column { flex-direction: column; }
.ct-flex.flex-column-reverse { flex-direction: column-reverse; }
.ct-flex.flex-row { flex-direction: row; }
.ct-flex.flex-gap-0 { gap: 0px; }
.ct-flex.flex-gap-3 { gap: 3px; }
.ct-flex.flex-gap-5 { gap: 5px; }
.ct-flex.flex-gap-10 { gap: 10px; }
.ct-flex.flex-gap-15 { gap: 15px; }
.ct-flex.flex-gap-20 { gap: 20px; }
.ct-flex.flex-gap-30 { gap: 30px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-justify-start { justify-content: flex-start; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-justify-center { justify-content: center; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-justify-between { justify-content: space-between; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-align-center { align-items: center; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-align-start { align-items: flex-start; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-align-end { align-items: flex-end; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-flex.sm-align-start { align-items: flex-start; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-flex.sm-align-end { align-items: flex-end; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-flex.sm-justify-between { justify-content: space-between; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-flex.md-justify-start { justify-content: flex-start; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-flex.sm-justify-start { justify-content: flex-start; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-justify-start { justify-content: flex-start; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-flex.md-align-start { align-items: flex-start; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-flex.md-align-end { align-items: flex-end; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-flex.md-justify-between { justify-content: space-between; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-flex.sm-flex-start { justify-content: flex-start; }
}
@media only screen and (min-width: 1200px) and (max-width: 12000px) {
  .ct-flex.xl-flex-row { flex-direction: row; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-flex-row { flex-direction: row; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-flex-row-reverse { flex-direction: row-reverse; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-flex.sm-flex-column { flex-direction: column; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-flex.sm-flex-column-reverse { flex-direction: column-reverse; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-flex.sm-flex-row { flex-direction: row; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-flex.md-flex-column { flex-direction: column; }
}
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .ct-flex.md-flex-column-reverse { flex-direction: column-reverse; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-flex.md-flex-row { flex-direction: row; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-flex-column { flex-direction: column; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-flex-column-reverse { flex-direction: column-reverse; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-flex-gap-0 { gap: 0px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-flex-gap-5 { gap: 5px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-flex-gap-10 { gap: 10px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ct-flex.md-flex-gap-10 { gap: 10px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-flex.xs-flex-gap-15 { gap: 15px; }
}
.bold { font-weight: 700; }
.bolder { font-weight: 900; }
.xs-show { display: none; }
.full-width-height { width: 100%; height: 100%; }
.full-width { width: 100%; }
.half-width { width: 50%; }
.offset-5 { margin: 5px auto; }
.offset-bottom-0 { margin-bottom: 0px !important; }
.offset-bottom-5 { margin-bottom: 5px; }
.offset-bottom-10 { margin-bottom: 10px; }
.offset-bottom-15 { margin-bottom: 15px; }
.offset-bottom-20 { margin-bottom: 20px; }
.offset-bottom-30 { margin-bottom: 30px; }
.offset-bottom-40 { margin-bottom: 40px; }
.offset-bottom-60 { margin-bottom: 60px; }
.offset-top-5 { margin-top: 5px; }
.offset-top-10 { margin-top: 10px; }
.offset-top-15 { margin-top: 15px; }
.offset-top-20 { margin-top: 20px; }
.offset-top-30 { margin-top: 30px; }
.offset-top-45 { margin-top: 45px; }
.offset-top-0 { margin-top: 0px !important; }
.offset-left-5 { margin-left: 5px; }
.offset-left-0 { margin-left: 0px; }
.offset-left-10 { margin-left: 10px; }
.offset-left-15 { margin-left: 15px; }
.offset-left-20 { margin-left: 20px; }
.offset-left-30 { margin-left: 30px; }
.offset-left-32 { margin-left: 32px; }
.offset-left-40 { margin-left: 40px; }
.offset-left-45 { margin-left: 45px; }
.offset-left-60 { margin-left: 60px; }
.offset-right-5 { margin-right: 5px; }
.offset-right-10 { margin-right: 10px; }
.offset-right-15 { margin-right: 15px; }
.offset-right-20 { margin-right: 20px; }
.offset-right-30 { margin-right: 30px; }
.offset-right-40 { margin-right: 40px; }
.offset-right-60 { margin-right: 60px; }
.inner-padding-0 { padding: 0px; }
.inner-padding-15 { padding: 15px; }
.inner-padding-left-0 { padding-left: 0px; }
.inner-padding-left-5 { padding-left: 5px; }
.inner-padding-left-15 { padding-left: 15px; }
.inner-padding-right-5 { padding-right: 5px; }
.inner-padding-right-15 { padding-right: 15px; }
.inner-padding-right-30 { padding-right: 30px; }
.inner-padding-right-45 { padding-right: 45px; }
.inner-padding-10 { padding: 10px; }
.inner-padding-20 { padding: 20px; }
.inner-padding-25 { padding: 25px; }
.inner-padding-30 { padding: 30px; }
.inner-padding-top-0 { padding-top: 0px; }
.inner-padding-top-10 { padding-top: 10px; }
.inner-padding-bottom-10 { padding-bottom: 10px; }
.inner-padding-top-15 { padding-top: 15px; }
.inner-padding-top-30 { padding-top: 30px; }
.inner-padding-bottom-0 { padding-bottom: 0px; }
.inner-padding-bottom-15 { padding-bottom: 15px; }
.inner-padding-bottom-30 { padding-bottom: 30px; }
.horizontal-padding-30 { padding-left: 30px; padding-right: 30px; }
.horizontal-padding-40 { padding-left: 40px; padding-right: 40px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .xs-offset-left-0 { margin-left: 0px; }
  .xs-offset-right-0 { margin-right: 0px; }
  .xs-offset-top-15 { margin-top: 15px; }
  .xs-offset-bottom-15 { margin-bottom: 15px; }
  .xs-inner-padding-bottom-15 { padding-bottom: 15px; }
  .xs-inner-padding-top-15 { padding-top: 15px; }
  .xs-inner-padding-bottom-0 { padding-bottom: 0px; }
  .xs-full-width { width: 100%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sm-offset-top-15 { margin-top: 15px; }
  .sm-offset-bottom-15 { margin-bottom: 15px; }
  .sm-inner-padding-15 { padding: 15px; }
  .sm-inner-padding-bottom-15 { padding-bottom: 15px; }
  .sm-inner-padding-top-15 { padding-top: 15px; }
  .sm-inner-padding-0 { padding: 0px; }
  .sm-inner-padding-top-15 { padding-top: 15px; }
  .sm-full-width { width: 100%; }
}
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .xl-full-width { width: 100%; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sm-full-width { width: 100%; }
  .sm-inner-padding-bottom-15 { padding-bottom: 15px; }
  .sm-offset-top-15 { margin-top: 15px; }
}
.ct-page-content { width: 100%; max-width: 870px; display: flex; flex-direction: column; margin: 30px auto; }
.ct-page-content .ct-card-title { color: rgb(85, 109, 130); font-size: 22px; font-weight: 900; line-height: 24px; text-transform: uppercase; }
.ct-page-content .ct-card-title.ct-card-title-small { color: rgb(68, 86, 103); text-transform: none; font-size: 24px; font-weight: 700; line-height: 120%; }
.ct-page-content.system-message { max-width: 890px; margin: 30px auto 0px; }
@media only screen and (min-width: 480px) and (max-width: 991px) {
  .ct-page-content.system-message { max-width: 625px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-page-content.system-message { width: auto; max-width: 100%; margin: 25px 25px 0px; }
}
.ct-page-content.limit-max-width { max-width: 600px; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-page-content { width: auto; margin: 30px 20px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-page-content { max-width: 100%; margin: 30px 0px; }
}
.ct-page-content .centered-content { max-width: 420px; width: 100%; margin: 0px auto; padding: 15px; }
.ct-page-content .centered-content.no-max-width { max-width: 100%; }
.ct-page-content .centered-content.no-padding { padding: 0px; }
.ct-page-content .page-title-container { margin: 15px 0px 0px 15px; }
.content-separator { width: 100%; height: 1px; margin: 30px 0px; background-color: rgb(238, 238, 238); }
.large-label { font-weight: 700; font-size: 18px; line-height: 24px; color: rgb(85, 109, 130); }
.secondary-label { font-weight: 700; font-size: 16px; color: rgb(122, 146, 168); line-height: 20px; }
.section-title { color: rgb(22, 145, 198); font-weight: 700; font-size: 18px; border-bottom: 1px solid rgb(212, 220, 227); margin-bottom: 10px; }
.section-title.no-border { border-bottom: 0px; }
.section-paragraph { font-size: 16px; line-height: 19px; color: rgb(85, 109, 130); letter-spacing: 0px; text-align: left; padding-left: 10px; padding-right: 10px; }
.section-paragraph h4 { font-size: 18px; line-height: 24px; font-weight: 700; }
.section-paragraph .title { color: rgb(22, 145, 198); font-weight: 700; }
.text-align-center, .text-center { text-align: center; }
.text-align-left { text-align: left; }
.text-align-right { text-align: right; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .xs-hide { display: none; }
  .xs-show { display: block; }
  .xs-align-left { text-align: left; }
  .xs-align-center { text-align: center; }
  .xs-align-right { text-align: right; }
  .xs-full-width { width: 100%; }
}
.highlighted-text { color: rgb(22, 145, 198); }
.option-separator { width: 100%; display: flex; margin: 20px 0px; flex-direction: row; align-items: center; justify-content: space-between; }
.option-separator hr { width: 230px; background-color: rgb(187, 187, 187); margin: 0px; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; }
.row { margin-right: -15px; margin-left: -15px; }
.row::before, .row::after { display: table; content: " "; }
@media only screen and (min-width: 0) and (max-width: 991px) {
  .small-full-width { width: 100%; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .xs-full-width { width: 100%; }
}
@media only screen and (min-width: 0) and (max-width: 991px) {
  .hidden-mobile { display: none; }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  .hidden-mobile-small { display: none; }
}
.shown-mobile { display: none; }
@media only screen and (min-width: 0) and (max-width: 991px) {
  .shown-mobile { display: flex; }
}
@media only screen and (min-width: 479px) and (max-width: 12000px) {
  .hidden-big { display: none; }
}
.no-wrap { white-space: nowrap; }
.no-padding-title { margin-left: -15px; }
.relative-container { position: relative; }
.cflag { width: 30px; height: 20px; margin: 5px 0px 0px; padding: 5px 0px 0px 30px; background: url("../files/4e8d4db7eefe.png") left top / 300px 480px no-repeat; }
ul.currencies { margin: 0px; }
ul.currencies li span, ul.currencies .cflag { background: url("../files/4e8d4db7eefe.png") left top no-repeat; margin: 4px 0px 0px; padding: 5px 0px 0px 30px; }
.cflag { padding: 4px 0px 0px; display: inline-block; }
ul.currencies li span.cf-ac, .cflag.cf-ac { background-position: 0px 0px; }
ul.currencies li span.cf-ad, .cflag.cf-ad { background-position: -30px 0px; }
ul.currencies li span.cf-ae, ul.currencies li span.cf-aed, .cflag.cf-ae, .cflag.cf-aed { background-position: -60px 0px; }
ul.currencies li span.cf-af, ul.currencies li span.cf-afn, .cflag.cf-af, .cflag.cf-afn { background-position: -90px 0px; }
ul.currencies li span.cf-ag, .cflag.cf-ag { background-position: -120px 0px; }
ul.currencies li span.cf-ai, .cflag.cf-ai { background-position: -150px 0px; }
ul.currencies li span.cf-al, ul.currencies li span.cf-all, .cflag.cf-al, .cflag.cf-all { background-position: -180px 0px; }
ul.currencies li span.cf-am, ul.currencies li span.cf-amd, .cflag.cf-am, .cflag.cf-amd { background-position: -210px 0px; }
ul.currencies li span.cf-ang, .cflag.cf-ang { background-position: -240px 0px; }
ul.currencies li span.cf-ao, ul.currencies li span.cf-aoa, .cflag.cf-ao, .cflag.cf-aoa { background-position: -270px 0px; }
ul.currencies li span.cf-ar, ul.currencies li span.cf-ars, .cflag.cf-ar, .cflag.cf-ars { background-position: 0px -20px; }
ul.currencies li span.cf-as, .cflag.cf-as { background-position: -30px -20px; }
ul.currencies li span.cf-at, .cflag.cf-at { background-position: -60px -20px; }
ul.currencies li span.cf-au, ul.currencies li span.cf-aud, .cflag.cf-au, .cflag.cf-aud { background-position: -90px -20px; }
ul.currencies li span.cf-aw, ul.currencies li span.cf-awg, .cflag.cf-aw, .cflag.cf-awg { background-position: -120px -20px; }
ul.currencies li span.cf-az, ul.currencies li span.cf-azn, .cflag.cf-az, .cflag.cf-azn { background-position: -150px -20px; }
ul.currencies li span.cf-ba, ul.currencies li span.cf-bam, .cflag.cf-ba, .cflag.cf-bam { background-position: -180px -20px; }
ul.currencies li span.cf-bb, ul.currencies li span.cf-bbd, .cflag.cf-bb, .cflag.cf-bbd { background-position: -210px -20px; }
ul.currencies li span.cf-bd, ul.currencies li span.cf-bdt, .cflag.cf-bd, .cflag.cf-bdt { background-position: -240px -20px; }
ul.currencies li span.cf-be, .cflag.cf-be { background-position: -270px -20px; }
ul.currencies li span.cf-bf, .cflag.cf-bf { background-position: 0px -40px; }
ul.currencies li span.cf-bg, ul.currencies li span.cf-bgn, .cflag.cf-bg, .cflag.cf-bgn { background-position: -30px -40px; }
ul.currencies li span.cf-bh, ul.currencies li span.cf-bhd, .cflag.cf-bh, .cflag.cf-bhd { background-position: -60px -40px; }
ul.currencies li span.cf-bi, ul.currencies li span.cf-bif, .cflag.cf-bi, .cflag.cf-bif { background-position: -90px -40px; }
ul.currencies li span.cf-bj, .cflag.cf-bj { background-position: -120px -40px; }
ul.currencies li span.cf-bm, ul.currencies li span.cf-bmd, .cflag.cf-bm, .cflag.cf-bmd { background-position: -150px -40px; }
ul.currencies li span.cf-bn, ul.currencies li span.cf-bnd, .cflag.cf-bn, .cflag.cf-bnd { background-position: -180px -40px; }
ul.currencies li span.cf-bo, ul.currencies li span.cf-bob, .cflag.cf-bo, .cflag.cf-bob { background-position: -210px -40px; }
ul.currencies li span.cf-br, ul.currencies li span.cf-brl, .cflag.cf-br, .cflag.cf-brl { background-position: -240px -40px; }
ul.currencies li span.cf-bs, ul.currencies li span.cf-bsd, .cflag.cf-bs, .cflag.cf-bsd { background-position: -270px -40px; }
ul.currencies li span.cf-bt, ul.currencies li span.cf-btn, .cflag.cf-bt, .cflag.cf-btn { background-position: 0px -60px; }
ul.currencies li span.cf-bw, ul.currencies li span.cf-bwp, .cflag.cf-bw, .cflag.cf-bwp { background-position: -30px -60px; }
ul.currencies li span.cf-by, ul.currencies li span.cf-byn, .cflag.cf-by, .cflag.cf-byn { background-position: -60px -60px; }
ul.currencies li span.cf-bz, ul.currencies li span.cf-bzd, .cflag.cf-bz, .cflag.cf-bzd { background-position: -90px -60px; }
ul.currencies li span.cf-ca, ul.currencies li span.cf-cad, .cflag.cf-ca, .cflag.cf-cad { background-position: -120px -60px; }
ul.currencies li span.cf-cd, ul.currencies li span.cf-cdf, .cflag.cf-cd, .cflag.cf-cdf { background-position: -150px -60px; }
ul.currencies li span.cf-cf, .cflag.cf-cf { background-position: -180px -60px; }
ul.currencies li span.cf-cg, .cflag.cf-cg { background-position: -210px -60px; }
ul.currencies li span.cf-ch, ul.currencies li span.cf-chf, .cflag.cf-ch, .cflag.cf-chf { background-position: -240px -60px; }
ul.currencies li span.cf-ci, .cflag.cf-ci { background-position: -270px -60px; }
ul.currencies li span.cf-ck, .cflag.cf-ck { background-position: 0px -80px; }
ul.currencies li span.cf-cl, ul.currencies li span.cf-clf, ul.currencies li span.cf-clp, .cflag.cf-cl, .cflag.cf-clf, .cflag.cf-clp { background-position: -30px -80px; }
ul.currencies li span.cf-cm, .cflag.cf-cm { background-position: -60px -80px; }
ul.currencies li span.cf-cn, ul.currencies li span.cf-cny, .cflag.cf-cn, .cflag.cf-cny { background-position: -90px -80px; }
ul.currencies li span.cf-co, ul.currencies li span.cf-cop, .cflag.cf-co, .cflag.cf-cop { background-position: -120px -80px; }
ul.currencies li span.cf-cr, ul.currencies li span.cf-crc, .cflag.cf-cr, .cflag.cf-crc { background-position: -150px -80px; }
ul.currencies li span.cf-cu, ul.currencies li span.cf-cup, .cflag.cf-cu, .cflag.cf-cup { background-position: -180px -80px; }
ul.currencies li span.cf-cv, ul.currencies li span.cf-cve, .cflag.cf-cv, .cflag.cf-cve { background-position: -210px -80px; }
ul.currencies li span.cf-cw, .cflag.cf-cw { background-position: -240px -80px; }
ul.currencies li span.cf-cy, .cflag.cf-cy { background-position: -270px -80px; }
ul.currencies li span.cf-cz, ul.currencies li span.cf-czk, .cflag.cf-cz, .cflag.cf-czk { background-position: 0px -100px; }
ul.currencies li span.cf-de, .cflag.cf-de { background-position: -30px -100px; }
ul.currencies li span.cf-dj, ul.currencies li span.cf-djf, .cflag.cf-dj, .cflag.cf-djf { background-position: -60px -100px; }
ul.currencies li span.cf-dk, ul.currencies li span.cf-dkk, .cflag.cf-dk, .cflag.cf-dkk { background-position: -90px -100px; }
ul.currencies li span.cf-dm, ul.currencies li span.cf-dop, .cflag.cf-dm, .cflag.cf-dop { background-position: -120px -100px; }
ul.currencies li span.cf-do, .cflag.cf-do { background-position: -150px -100px; }
ul.currencies li span.cf-dz, ul.currencies li span.cf-dzd, .cflag.cf-dz, .cflag.cf-dzd { background-position: -180px -100px; }
ul.currencies li span.cf-ec, .cflag.cf-ec { background-position: -210px -100px; }
ul.currencies li span.cf-ee, ul.currencies li span.cf-eek, .cflag.cf-ee, .cflag.cf-eek { background-position: -240px -100px; }
ul.currencies li span.cf-eg, ul.currencies li span.cf-egp, .cflag.cf-eg, .cflag.cf-egp { background-position: -270px -100px; }
ul.currencies li span.cf-er, .cflag.cf-er { background-position: 0px -120px; }
ul.currencies li span.cf-es, .cflag.cf-es { background-position: -30px -120px; }
ul.currencies li span.cf-et, ul.currencies li span.cf-etb, .cflag.cf-et, .cflag.cf-etb { background-position: -60px -120px; }
ul.currencies li span.cf-eu, ul.currencies li span.cf-eur, .cflag.cf-eu, .cflag.cf-eur { background-position: -90px -120px; }
ul.currencies li span.cf-fi, .cflag.cf-fi { background-position: -120px -120px; }
ul.currencies li span.cf-fj, ul.currencies li span.cf-fjd, .cflag.cf-fj, .cflag.cf-fjd { background-position: -150px -120px; }
ul.currencies li span.cf-fk, ul.currencies li span.cf-fkp, .cflag.cf-fk, .cflag.cf-fkp { background-position: -180px -120px; }
ul.currencies li span.cf-fm, ul.currencies li span.cf-dop, .cflag.cf-fm, .cflag.cf-dop { background-position: -210px -120px; }
ul.currencies li span.cf-fo, .cflag.cf-fo { background-position: -240px -120px; }
ul.currencies li span.cf-fr, ul.currencies li span.cf-bl, ul.currencies li span.cf-gp, ul.currencies li span.cf-mf, ul.currencies li span.cf-re, ul.currencies li span.cf-wf, .cflag.cf-fr, .cflag.cf-bl, .cflag.cf-gp, .cflag.cf-mf, .cflag.cf-re, .cflag.cf-wf { background-position: -270px -120px; }
ul.currencies li span.cf-ga, .cflag.cf-ga { background-position: 0px -140px; }
ul.currencies li span.cf-gb, ul.currencies li span.cf-gbp, .cflag.cf-gb, .cflag.cf-gbp { background-position: -30px -140px; }
ul.currencies li span.cf-gd, .cflag.cf-gd { background-position: -60px -140px; }
ul.currencies li span.cf-ge, ul.currencies li span.cf-gel, .cflag.cf-ge, .cflag.cf-gel { background-position: -90px -140px; }
ul.currencies li span.cf-gf, .cflag.cf-gf { background-position: -120px -140px; }
ul.currencies li span.cf-gh, ul.currencies li span.cf-ghs, .cflag.cf-gh, .cflag.cf-ghs { background-position: -150px -140px; }
ul.currencies li span.cf-gi, ul.currencies li span.cf-gip, .cflag.cf-gi, .cflag.cf-gip { background-position: -180px -140px; }
ul.currencies li span.cf-gl, .cflag.cf-gl { background-position: -210px -140px; }
ul.currencies li span.cf-gm, ul.currencies li span.cf-gmd, .cflag.cf-gm, .cflag.cf-gmd { background-position: -240px -140px; }
ul.currencies li span.cf-gn, ul.currencies li span.cf-gnf, .cflag.cf-gn, .cflag.cf-gnf { background-position: -270px -140px; }
ul.currencies li span.cf-gq, .cflag.cf-gq { background-position: 0px -160px; }
ul.currencies li span.cf-gr, .cflag.cf-gr { background-position: -30px -160px; }
ul.currencies li span.cf-gt, ul.currencies li span.cf-gtq, .cflag.cf-gt, .cflag.cf-gtq { background-position: -60px -160px; }
ul.currencies li span.cf-gu, .cflag.cf-gu { background-position: -90px -160px; }
ul.currencies li span.cf-gw, .cflag.cf-gw { background-position: -120px -160px; }
ul.currencies li span.cf-gy, ul.currencies li span.cf-gyd, .cflag.cf-gy, .cflag.cf-gyd { background-position: -150px -160px; }
ul.currencies li span.cf-hk, ul.currencies li span.cf-hkd, .cflag.cf-hk, .cflag.cf-hkd { background-position: -180px -160px; }
ul.currencies li span.cf-hn, ul.currencies li span.cf-hnl, .cflag.cf-hn, .cflag.cf-hnl { background-position: -210px -160px; }
ul.currencies li span.cf-hr, ul.currencies li span.cf-hrk, .cflag.cf-hr, .cflag.cf-hrk { background-position: -240px -160px; }
ul.currencies li span.cf-ht, ul.currencies li span.cf-htg, .cflag.cf-ht, .cflag.cf-htg { background-position: -270px -160px; }
ul.currencies li span.cf-hu, ul.currencies li span.cf-huf, .cflag.cf-hu, .cflag.cf-huf { background-position: 0px -180px; }
ul.currencies li span.cf-id, ul.currencies li span.cf-idr, .cflag.cf-id, .cflag.cf-idr { background-position: -30px -180px; }
ul.currencies li span.cf-ie, .cflag.cf-ie { background-position: -60px -180px; }
ul.currencies li span.cf-il, ul.currencies li span.cf-ils, .cflag.cf-il, .cflag.cf-ils { background-position: -90px -180px; }
ul.currencies li span.cf-im, .cflag.cf-im { background-position: -120px -180px; }
ul.currencies li span.cf-in, ul.currencies li span.cf-inr, .cflag.cf-in, .cflag.cf-inr { background-position: -150px -180px; }
ul.currencies li span.cf-io, .cflag.cf-io { background-position: -180px -180px; }
ul.currencies li span.cf-iq, ul.currencies li span.cf-iqd, .cflag.cf-iq, .cflag.cf-iqd { background-position: -210px -180px; }
ul.currencies li span.cf-ir, ul.currencies li span.cf-irr, .cflag.cf-ir, .cflag.cf-irr { background-position: -240px -180px; }
ul.currencies li span.cf-is, ul.currencies li span.cf-isk, .cflag.cf-is, .cflag.cf-isk { background-position: -270px -180px; }
ul.currencies li span.cf-it, .cflag.cf-it { background-position: 0px -200px; }
ul.currencies li span.cf-je, ul.currencies li span.cf-jep, .cflag.cf-je, .cflag.cf-jep { background-position: -30px -200px; }
ul.currencies li span.cf-jm, ul.currencies li span.cf-jmd, .cflag.cf-jm, .cflag.cf-jmd { background-position: -60px -200px; }
ul.currencies li span.cf-jo, ul.currencies li span.cf-jod, .cflag.cf-jo, .cflag.cf-jod { background-position: -90px -200px; }
ul.currencies li span.cf-jp, ul.currencies li span.cf-jpy, .cflag.cf-jp, .cflag.cf-jpy { background-position: -120px -200px; }
ul.currencies li span.cf-ke, ul.currencies li span.cf-kes, .cflag.cf-ke, .cflag.cf-kes { background-position: -150px -200px; }
ul.currencies li span.cf-kg, ul.currencies li span.cf-kgs, .cflag.cf-kg, .cflag.cf-kgs { background-position: -180px -200px; }
ul.currencies li span.cf-kh, ul.currencies li span.cf-khr, .cflag.cf-kh, .cflag.cf-khr { background-position: -210px -200px; }
ul.currencies li span.cf-ki, .cflag.cf-ki { background-position: -240px -200px; }
ul.currencies li span.cf-km, ul.currencies li span.cf-kmf, .cflag.cf-km, .cflag.cf-kmf { background-position: -270px -200px; }
ul.currencies li span.cf-kn, .cflag.cf-kn { background-position: 0px -220px; }
ul.currencies li span.cf-kp, ul.currencies li span.cf-kpw, .cflag.cf-kp, .cflag.cf-kpw { background-position: -30px -220px; }
ul.currencies li span.cf-kr, ul.currencies li span.cf-krw, .cflag.cf-kr, .cflag.cf-krw { background-position: -60px -220px; }
ul.currencies li span.cf-kw, ul.currencies li span.cf-kwd, .cflag.cf-kw, .cflag.cf-kwd { background-position: -90px -220px; }
ul.currencies li span.cf-ky, ul.currencies li span.cf-kyd, .cflag.cf-ky, .cflag.cf-kyd { background-position: -120px -220px; }
ul.currencies li span.cf-kz, ul.currencies li span.cf-kzt, .cflag.cf-kz, .cflag.cf-kzt { background-position: -150px -220px; }
ul.currencies li span.cf-la, ul.currencies li span.cf-lak, .cflag.cf-la, .cflag.cf-lak { background-position: -180px -220px; }
ul.currencies li span.cf-lb, ul.currencies li span.cf-lbp, .cflag.cf-lb, .cflag.cf-lbp { background-position: -210px -220px; }
ul.currencies li span.cf-lc, .cflag.cf-lc { background-position: -240px -220px; }
ul.currencies li span.cf-li, .cflag.cf-li { background-position: -270px -220px; }
ul.currencies li span.cf-lk, ul.currencies li span.cf-lkr, .cflag.cf-lk, .cflag.cf-lkr { background-position: 0px -240px; }
ul.currencies li span.cf-lr, ul.currencies li span.cf-lrd, .cflag.cf-lr, .cflag.cf-lrd { background-position: -30px -240px; }
ul.currencies li span.cf-ls, ul.currencies li span.cf-lsl, .cflag.cf-ls, .cflag.cf-lsl { background-position: -60px -240px; }
ul.currencies li span.cf-lt, ul.currencies li span.cf-ltl, .cflag.cf-lt, .cflag.cf-ltl { background-position: -90px -240px; }
ul.currencies li span.cf-lu, .cflag.cf-lu { background-position: -120px -240px; }
ul.currencies li span.cf-lv, ul.currencies li span.cf-lvl, .cflag.cf-lv, .cflag.cf-lvl { background-position: -150px -240px; }
ul.currencies li span.cf-ly, ul.currencies li span.cf-lyd, .cflag.cf-ly, .cflag.cf-lyd { background-position: -180px -240px; }
ul.currencies li span.cf-ma, ul.currencies li span.cf-mad, .cflag.cf-ma, .cflag.cf-mad { background-position: -210px -240px; }
ul.currencies li span.cf-mc, .cflag.cf-mc { background-position: -240px -240px; }
ul.currencies li span.cf-md, ul.currencies li span.cf-mdl, .cflag.cf-md, .cflag.cf-mdl { background-position: -270px -240px; }
ul.currencies li span.cf-me, .cflag.cf-me { background-position: 0px -260px; }
ul.currencies li span.cf-mg, ul.currencies li span.cf-mga, .cflag.cf-mg, .cflag.cf-mga { background-position: -30px -260px; }
ul.currencies li span.cf-mh, .cflag.cf-mh { background-position: -60px -260px; }
ul.currencies li span.cf-mk, ul.currencies li span.cf-mkd, .cflag.cf-mk, .cflag.cf-mkd { background-position: -90px -260px; }
ul.currencies li span.cf-ml, .cflag.cf-ml { background-position: -120px -260px; }
ul.currencies li span.cf-mm, ul.currencies li span.cf-bu, ul.currencies li span.cf-mmk, .cflag.cf-mm, .cflag.cf-bu, .cflag.cf-mmk { background-position: -150px -260px; }
ul.currencies li span.cf-mn, ul.currencies li span.cf-mnt, .cflag.cf-mn, .cflag.cf-mnt { background-position: -180px -260px; }
ul.currencies li span.cf-mo, ul.currencies li span.cf-mop, .cflag.cf-mo, .cflag.cf-mop { background-position: -210px -260px; }
ul.currencies li span.cf-mq, .cflag.cf-mq { background-position: -240px -260px; }
ul.currencies li span.cf-mp, .cflag.cf-mp { background-position: -270px -260px; }
ul.currencies li span.cf-mr, ul.currencies li span.cf-mru, .cflag.cf-mr, .cflag.cf-mru { background-position: 0px -280px; }
ul.currencies li span.cf-ms, .cflag.cf-ms { background-position: -30px -280px; }
ul.currencies li span.cf-mt, ul.currencies li span.cf-mtl, .cflag.cf-mt, .cflag.cf-mtl { background-position: -60px -280px; }
ul.currencies li span.cf-mu, ul.currencies li span.cf-mur, .cflag.cf-mu, .cflag.cf-mur { background-position: -90px -280px; }
ul.currencies li span.cf-mv, ul.currencies li span.cf-mvr, .cflag.cf-mv, .cflag.cf-mvr { background-position: -120px -280px; }
ul.currencies li span.cf-mw, ul.currencies li span.cf-mwk, .cflag.cf-mw, .cflag.cf-mwk { background-position: -150px -280px; }
ul.currencies li span.cf-mx, ul.currencies li span.cf-mxn, .cflag.cf-mx, .cflag.cf-mxn { background-position: -180px -280px; }
ul.currencies li span.cf-my, ul.currencies li span.cf-myr, .cflag.cf-my, .cflag.cf-myr { background-position: -210px -280px; }
ul.currencies li span.cf-mz, ul.currencies li span.cf-mzn, .cflag.cf-mz, .cflag.cf-mzn { background-position: -240px -280px; }
ul.currencies li span.cf-na, ul.currencies li span.cf-nad, .cflag.cf-na, .cflag.cf-nad { background-position: -270px -280px; }
ul.currencies li span.cf-nc, .cflag.cf-nc { background-position: 0px -300px; }
ul.currencies li span.cf-ne, .cflag.cf-ne { background-position: -30px -300px; }
ul.currencies li span.cf-nf, .cflag.cf-nf { background-position: -60px -300px; }
ul.currencies li span.cf-ng, ul.currencies li span.cf-ngn, .cflag.cf-ng, .cflag.cf-ngn { background-position: -90px -300px; }
ul.currencies li span.cf-ni, ul.currencies li span.cf-nio, .cflag.cf-ni, .cflag.cf-nio { background-position: -120px -300px; }
ul.currencies li span.cf-nl, ul.currencies li span.cf-bq, .cflag.cf-nl, .cflag.cf-bq { background-position: -150px -300px; }
ul.currencies li span.cf-no, ul.currencies li span.cf-nok, .cflag.cf-no, .cflag.cf-nok { background-position: -180px -300px; }
ul.currencies li span.cf-np, ul.currencies li span.cf-npr, .cflag.cf-np, .cflag.cf-npr { background-position: -210px -300px; }
ul.currencies li span.cf-nr, .cflag.cf-nr { background-position: -240px -300px; }
ul.currencies li span.cf-nu, .cflag.cf-nu { background-position: -270px -300px; }
ul.currencies li span.cf-nz, ul.currencies li span.cf-nzd, .cflag.cf-nz, .cflag.cf-nzd { background-position: 0px -320px; }
ul.currencies li span.cf-om, ul.currencies li span.cf-omr, .cflag.cf-om, .cflag.cf-omr { background-position: -30px -320px; }
ul.currencies li span.cf-pa, ul.currencies li span.cf-pab, .cflag.cf-pa, .cflag.cf-pab { background-position: -60px -320px; }
ul.currencies li span.cf-pe, ul.currencies li span.cf-pen, .cflag.cf-pe, .cflag.cf-pen { background-position: -90px -320px; }
ul.currencies li span.cf-pf, .cflag.cf-pf { background-position: -120px -320px; }
ul.currencies li span.cf-pg, ul.currencies li span.cf-pgk, .cflag.cf-pg, .cflag.cf-pgk { background-position: -150px -320px; }
ul.currencies li span.cf-ph, ul.currencies li span.cf-php, .cflag.cf-ph, .cflag.cf-php { background-position: -180px -320px; }
ul.currencies li span.cf-pk, ul.currencies li span.cf-pkr, .cflag.cf-pk, .cflag.cf-pkr { background-position: -210px -320px; }
ul.currencies li span.cf-pl, ul.currencies li span.cf-pln, .cflag.cf-pl, .cflag.cf-pln { background-position: -240px -320px; }
ul.currencies li span.cf-pm, .cflag.cf-pm { background-position: -270px -320px; }
ul.currencies li span.cf-pr, .cflag.cf-pr { background-position: 0px -340px; }
ul.currencies li span.cf-ps, .cflag.cf-ps { background-position: -30px -340px; }
ul.currencies li span.cf-pt, .cflag.cf-pt { background-position: -60px -340px; }
ul.currencies li span.cf-pw, .cflag.cf-pw { background-position: -90px -340px; }
ul.currencies li span.cf-py, ul.currencies li span.cf-pyg, .cflag.cf-py, .cflag.cf-pyg { background-position: -120px -340px; }
ul.currencies li span.cf-qa, ul.currencies li span.cf-qar, .cflag.cf-qa, .cflag.cf-qar { background-position: -150px -340px; }
ul.currencies li span.cf-ro, ul.currencies li span.cf-td, ul.currencies li span.cf-ron, .cflag.cf-ro, .cflag.cf-td, .cflag.cf-ron { background-position: -180px -340px; }
ul.currencies li span.cf-rs, ul.currencies li span.cf-rsd, .cflag.cf-rs, .cflag.cf-rsd { background-position: -210px -340px; }
ul.currencies li span.cf-ru, ul.currencies li span.cf-rub, .cflag.cf-ru, .cflag.cf-rub { background-position: -240px -340px; }
ul.currencies li span.cf-rw, ul.currencies li span.cf-rwf, .cflag.cf-rw, .cflag.cf-rwf { background-position: -270px -340px; }
ul.currencies li span.cf-sa, ul.currencies li span.cf-sar, .cflag.cf-sa, .cflag.cf-sar { background-position: 0px -360px; }
ul.currencies li span.cf-sb, ul.currencies li span.cf-sbd, .cflag.cf-sb, .cflag.cf-sbd { background-position: -30px -360px; }
ul.currencies li span.cf-sc, ul.currencies li span.cf-scr, .cflag.cf-sc, .cflag.cf-scr { background-position: -60px -360px; }
ul.currencies li span.cf-sd, ul.currencies li span.cf-sdg, .cflag.cf-sd, .cflag.cf-sdg { background-position: -90px -360px; }
ul.currencies li span.cf-se, ul.currencies li span.cf-sek, .cflag.cf-se, .cflag.cf-sek { background-position: -120px -360px; }
ul.currencies li span.cf-sg, ul.currencies li span.cf-sgd, .cflag.cf-sg, .cflag.cf-sgd { background-position: -150px -360px; }
ul.currencies li span.cf-sh, ul.currencies li span.cf-shp, .cflag.cf-sh, .cflag.cf-shp { background-position: -180px -360px; }
ul.currencies li span.cf-si, .cflag.cf-si { background-position: -210px -360px; }
ul.currencies li span.cf-sk, .cflag.cf-sk { background-position: -240px -360px; }
ul.currencies li span.cf-sl, ul.currencies li span.cf-sll, .cflag.cf-sl, .cflag.cf-sll { background-position: -270px -360px; }
ul.currencies li span.cf-sm, .cflag.cf-sm { background-position: 0px -380px; }
ul.currencies li span.cf-sn, .cflag.cf-sn { background-position: -30px -380px; }
ul.currencies li span.cf-so, ul.currencies li span.cf-sos, .cflag.cf-so, .cflag.cf-sos { background-position: -60px -380px; }
ul.currencies li span.cf-sr, ul.currencies li span.cf-srd, .cflag.cf-sr, .cflag.cf-srd { background-position: -90px -380px; }
ul.currencies li span.cf-ss, .cflag.cf-ss { background-position: -120px -380px; }
ul.currencies li span.cf-st, ul.currencies li span.cf-stn, .cflag.cf-st, .cflag.cf-stn { background-position: -150px -380px; }
ul.currencies li span.cf-sv, ul.currencies li span.cf-svc, .cflag.cf-sv, .cflag.cf-svc { background-position: -180px -380px; }
ul.currencies li span.cf-sx, .cflag.cf-sx { background-position: -210px -380px; }
ul.currencies li span.cf-sy, ul.currencies li span.cf-syp, .cflag.cf-sy, .cflag.cf-syp { background-position: -240px -380px; }
ul.currencies li span.cf-sz, ul.currencies li span.cf-szl, .cflag.cf-sz, .cflag.cf-szl { background-position: -270px -380px; }
ul.currencies li span.cf-tc, .cflag.cf-tc { background-position: 0px -400px; }
ul.currencies li span.cf-tg, .cflag.cf-tg { background-position: -30px -400px; }
ul.currencies li span.cf-th, ul.currencies li span.cf-thb, .cflag.cf-th, .cflag.cf-thb { background-position: -60px -400px; }
ul.currencies li span.cf-tj, ul.currencies li span.cf-tjs, .cflag.cf-tj, .cflag.cf-tjs { background-position: -90px -400px; }
ul.currencies li span.cf-tk, .cflag.cf-tk { background-position: -120px -400px; }
ul.currencies li span.cf-tl, .cflag.cf-tl { background-position: -150px -400px; }
ul.currencies li span.cf-tm, ul.currencies li span.cf-tmt, .cflag.cf-tm, .cflag.cf-tmt { background-position: -180px -400px; }
ul.currencies li span.cf-tn, ul.currencies li span.cf-tnd, .cflag.cf-tn, .cflag.cf-tnd { background-position: -210px -400px; }
ul.currencies li span.cf-to, ul.currencies li span.cf-top, .cflag.cf-to, .cflag.cf-top { background-position: -240px -400px; }
ul.currencies li span.cf-tr, ul.currencies li span.cf-try, .cflag.cf-tr, .cflag.cf-try { background-position: -270px -400px; }
ul.currencies li span.cf-tt, ul.currencies li span.cf-ttd, .cflag.cf-tt, .cflag.cf-ttd { background-position: 0px -420px; }
ul.currencies li span.cf-tv, .cflag.cf-tv { background-position: -30px -420px; }
ul.currencies li span.cf-tw, ul.currencies li span.cf-twd, .cflag.cf-tw, .cflag.cf-twd { background-position: -60px -420px; }
ul.currencies li span.cf-tz, ul.currencies li span.cf-tzs, .cflag.cf-tz, .cflag.cf-tzs { background-position: -90px -420px; }
ul.currencies li span.cf-ua, ul.currencies li span.cf-uah, .cflag.cf-ua, .cflag.cf-uah { background-position: -120px -420px; }
ul.currencies li span.cf-ug, ul.currencies li span.cf-ugx, .cflag.cf-ug, .cflag.cf-ugx { background-position: -150px -420px; }
ul.currencies li span.cf-us, ul.currencies li span.cf-usd, .cflag.cf-us, .cflag.cf-usd { background-position: -180px -420px; }
ul.currencies li span.cf-uy, ul.currencies li span.cf-uyu, .cflag.cf-uy, .cflag.cf-uyu { background-position: -210px -420px; }
ul.currencies li span.cf-uz, ul.currencies li span.cf-uzs, .cflag.cf-uz, .cflag.cf-uzs { background-position: -240px -420px; }
ul.currencies li span.cf-va, .cflag.cf-va { background-position: -270px -420px; }
ul.currencies li span.cf-vc, .cflag.cf-vc { background-position: 0px -440px; }
ul.currencies li span.cf-ve, ul.currencies li span.cf-ves, .cflag.cf-ve, .cflag.cf-ves { background-position: -30px -440px; }
ul.currencies li span.cf-vg, .cflag.cf-vg { background-position: -60px -440px; }
ul.currencies li span.cf-vi, .cflag.cf-vi { background-position: -90px -440px; }
ul.currencies li span.cf-vn, ul.currencies li span.cf-vnd, .cflag.cf-vn, .cflag.cf-vnd { background-position: -120px -440px; }
ul.currencies li span.cf-vu, ul.currencies li span.cf-vuv, .cflag.cf-vu, .cflag.cf-vuv { background-position: -150px -440px; }
ul.currencies li span.cf-ws, ul.currencies li span.cf-wst, .cflag.cf-ws, .cflag.cf-wst { background-position: -180px -440px; }
ul.currencies li span.cf-xk, .cflag.cf-xk { background-position: -210px -440px; }
ul.currencies li span.cf-ye, ul.currencies li span.cf-yer, .cflag.cf-ye, .cflag.cf-yer { background-position: -240px -440px; }
ul.currencies li span.cf-za, ul.currencies li span.cf-zar, .cflag.cf-za, .cflag.cf-zar { background-position: -270px -440px; }
ul.currencies li span.cf-zm, ul.currencies li span.cf-zmk, ul.currencies li span.cf-zmw, .cflag.cf-zm, .cflag.cf-zmk, .cflag.cf-zmw { background-position: 0px -460px; }
ul.currencies li span.cf-zw, ul.currencies li span.cf-zwl, .cflag.cf-zw, .cflag.cf-zwl { background-position: -30px -460px; }
ul.currencies li span.cf-btc, .cflag.cf-btc { background-position: -60px -460px; }
ul.currencies li span.cf-eth, .cflag.cf-eth { background-position: -90px -460px; }
ul.currencies li span.cf-usdt, .cflag.cf-usdt { background-position: -120px -460px; }
ul.currencies li span.cf-eurc, .cflag.cf-eurc { background: url("../files/771833b622b4.svg") center center / contain no-repeat; }
ul.currencies li span.cf-usdc, .cflag.cf-usdc { background-position: -150px -460px; }
ul.currencies li span.cf-currency-gold, .cflag.cf-currency-gold { background-position: -180px -460px; }
ul.currencies li span.cf-currency-silver, .cflag.cf-currency-silver { background-position: -210px -460px; }
ul.currencies li span.cf-xaf, ul.currencies li span.cf-xcd, ul.currencies li span.cf-xdr, ul.currencies li span.cf-unallocated, .cflag.cf-xaf, .cflag.cf-xcd, .cflag.cf-xdr, .cflag.cf-unallocated { background-position: -240px -460px; }
ul.currencies li span.cf-undefined, ul.currencies li span.cf-none, .cflag.cf-undefined, .cflag.cf-none { background: rgb(184, 196, 208); }
.ct-login-container { display: flex; align-items: center; justify-content: center; letter-spacing: 0.25px; position: absolute; width: 100%; min-height: 100%; background-image: linear-gradient(45deg, rgb(43, 186, 193) 0%, rgb(21, 144, 198) 100%); }
.ct-login-container.signup-page { display: block; position: relative; background: rgb(255, 255, 255); }
.ct-login-container.signup-page::after { background: none; }
.ct-login-container::after { content: " "; position: absolute; inset: 0px; background: url("../files/5be03df93ee6.svg") center center / auto repeat; }
.ct-login-container.no-background-img { background-color: rgb(255, 255, 255); background-image: none; }
.ct-login-container .signup-form-wrapper { width: 100%; min-height: 100vh; display: flex; flex-direction: column; }
.ct-login-container .card-form-container { max-width: 1140px; width: 1140px; margin: 0px auto; }
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .ct-login-container .card-form-container { width: auto; max-width: 100%; }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  .ct-login-container .card-form-container { width: 100%; max-width: 100%; }
}
.ct-login-container .signup-footer { margin-top: auto; padding: 15px 30px; width: 100%; }
.ct-login-container .sign-up-aside { position: relative; width: 100%; height: 100%; min-height: 720px; background: rgb(255, 255, 255); border-radius: 32px 0px 0px 32px; overflow: hidden; }
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .ct-login-container .sign-up-aside { min-height: 325px; }
}
.ct-login-container .sign-up-aside-image { position: absolute; inset: 0px; background-image: url("../files/9f5b29cd9a6d.webp"); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1; border-radius: 32px; }
@media only screen and (min-width: 1200px) and (max-width: 12000px) {
  .ct-login-container .sign-up-aside-image { background-image: url("../files/f05331b188bf.webp"); }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .ct-login-container .sign-up-aside-image { background-image: url("../files/9f5b29cd9a6d.webp"); }
}
.ct-login-container .sign-up-aside-corner { position: absolute; top: 0px; left: 0px; width: 95px; height: 96px; background: url("../files/33263bc5a954.svg") center center / contain no-repeat; z-index: 3; pointer-events: none; }
.ct-login-container .sign-up-aside-bottom-corner { position: absolute; bottom: -0.5px; right: 0px; width: 189px; height: 89px; background: url("../files/a2f083827543.svg") center center / contain no-repeat; z-index: 3; pointer-events: none; }
.ct-login-container .sign-up-aside-testimonial-container { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; min-height: 275px; z-index: 2; padding: 32px 24px 24px; background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%); backdrop-filter: blur(4px); border-radius: 32px 0px 0px; }
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .ct-login-container .sign-up-aside-testimonial-container { min-height: 230px; padding: 20px; }
}
.ct-login-container .sign-up-aside-testimonial-container .testimonial-text { color: rgb(255, 255, 255); font-size: 22px; font-style: normal; font-weight: 300; line-height: 28px; transition: opacity 0.2s; }
.ct-login-container .sign-up-aside-testimonial-container .testimonial-text.main-text { position: relative; text-indent: 30px; }
.ct-login-container .sign-up-aside-testimonial-container .testimonial-text.main-text::before { content: ""; position: absolute; left: 0px; top: -4px; width: 31px; height: 31px; background: url("../files/53ccf963ce60.svg") center center / contain no-repeat; }
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .ct-login-container .sign-up-aside-testimonial-container .testimonial-text.main-text { font-size: 18px; }
}
.ct-login-container .sign-up-aside-testimonial-container .name-container { position: static; margin-top: 16px; font-size: 16px; }
.ct-login-container .sign-up-aside-testimonial-container .name-container .testimonial-name { line-height: 16px; font-weight: 400; }
.ct-login-container .sign-up-aside-testimonial-container .name-container .testimonial-purpose { font-style: normal; font-weight: 700; line-height: 18px; }
.ct-login-container .sign-up-aside-carousel-buttons { position: absolute; bottom: 0px; right: 0px; display: flex; align-items: center; justify-content: center; gap: 15px; z-index: 3; width: 163px; height: 63px; }
.ct-login-container .sign-up-aside-carousel-buttons i { font-size: 24px; line-height: 24px; color: rgb(173, 188, 201); }
.ct-login-container .sign-up-aside-carousel-buttons i:hover { cursor: pointer; color: rgb(122, 146, 168); }
.ct-login-container .sign-up-aside-logo-badge { position: absolute; top: 6px; left: 6px; display: flex; align-items: center; justify-content: center; z-index: 3; }
.ct-login-container .sign-up-aside-logo-badge .sign-up-aside-logo-icon { width: 48px; height: 48px; background-image: url("../files/f8c9a101e50a.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; border-radius: 30px; }
.ct-login-container .top-bar { min-height: 46px; width: 100%; border-top-left-radius: 32px; border-top-right-radius: 32px; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(184, 196, 208); z-index: 9; }
.ct-login-container .top-bar .content { display: flex; align-items: center; padding: 15px; font-size: 16px; line-height: 19px; }
.ct-login-container .top-bar .content a { text-decoration: none; color: rgb(122, 146, 168); font-size: 16px; }
.ct-login-container .top-bar .content a i { font-size: 24px; line-height: 24px; color: rgb(173, 188, 201); }
.ct-login-container .top-bar .content a:hover { color: rgb(85, 109, 130); }
.ct-login-container .top-bar .content a:hover i { color: rgb(85, 109, 130); }
.ct-login-container .ct-box { width: 100%; max-width: 450px; padding: 30px; margin: 0px auto; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1; }
.ct-login-container .ct-box.login-form { box-shadow: none; border-radius: 32px; max-width: 550px; }
.ct-login-container .ct-box.login-form.has-top-bar { border-top-left-radius: 0px; border-top-right-radius: 0px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-login-container .ct-box.login-form { border-radius: 0px; }
}
.ct-login-container .ct-box.signup-form { box-shadow: none; max-width: 550px; border: 0px; flex: 1 1 0%; border-radius: 32px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-login-container .ct-box.signup-form { height: 100%; min-height: 100vh; }
}
.ct-login-container .ct-box.signup-form.left-aside { border-top-right-radius: 0px; border-bottom-right-radius: 0px; width: 100%; padding-left: 24px; }
@media only screen and (min-width: 1200px) and (max-width: 12000px) {
  .ct-login-container .ct-box.signup-form.left-aside { min-width: 550px; }
}
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .ct-login-container .ct-box.signup-form.left-aside { border-radius: 0px 0px 32px 32px; max-width: 100%; margin-bottom: 30px; }
}
.ct-login-container .ct-box.signup-form.right-aside { border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: 100%; padding: 15px; max-width: 590px; min-width: 590px; justify-content: flex-start; }
@media only screen and (min-width: 1200px) and (max-width: 12000px) {
  .ct-login-container .ct-box.signup-form.right-aside { padding: 30px 55px 55px 0px; min-width: 550px; }
}
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .ct-login-container .ct-box.signup-form.right-aside { border-radius: 32px 32px 0px 0px; margin-top: 30px; min-width: auto; }
}
@media only screen and (min-width: 1200px) and (max-width: 12000px) {
  .ct-login-container .ct-box.signup-form { max-width: 900px; min-height: 850px; padding: 30px 55px; }
}
@media only screen and (min-width: 0) and (max-width: 480px) {
  .ct-login-container .ct-box.signup-form.left-aside { display: none; }
  .ct-login-container .ct-box.signup-form.right-aside { border-radius: 0px; max-width: 100vw; width: 100vw; min-width: auto; min-height: 100vh; padding-left: 15px; padding-right: 15px; margin: 0px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-login-container .ct-box { height: 100%; min-height: 100vh; }
  .ct-login-container .ct-box.has-top-bar { min-height: calc(-46px + 100vh); }
}
.ct-login-container .ct-box > img { width: 150px; height: 100px; margin-bottom: 15px; }
.ct-login-container .ct-registration-box { width: 100%; max-width: 550px; padding: 30px; margin: 0px auto; }
.ct-login-container.two-fa-container .ct-box { padding: 30px 30px 0px; }
.ct-login-container .two-factor-notice { padding: 44px 40px 30px; }
.ct-login-container .two-factor-notice .two-factor-notice-image { width: 150px; height: 100px; margin-bottom: 22px; }
.ct-login-container .two-factor-notice .two-factor-notice-title { margin: 0px 0px 10px; font-size: 22px; font-weight: 700; line-height: 28px; color: rgb(85, 109, 130); text-align: center; }
.ct-login-container .two-factor-notice .two-factor-notice-text { max-width: 430px; margin: 0px 0px 30px; font-size: 16px; line-height: 24px; color: rgb(85, 109, 130); text-align: center; text-wrap: balance; }
.ct-login-container .two-factor-notice .two-factor-notice-text .two-factor-notice-link { color: rgb(18, 118, 161); }
.ct-login-container .two-factor-notice .two-factor-notice-button { width: 100%; min-height: 50px; margin: 0px; font-size: 18px; font-weight: 700; text-transform: none; }
.ct-login-container .two-factor-notice .two-factor-notice-skip { margin-top: 2px; padding: 8px 12px; border: 0px; background: none; font-size: 16px; line-height: 22px; color: rgb(85, 109, 130); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-login-container .two-factor-notice { padding: 32px 24px 24px; }
}
.ct-login-container .terms-box { border: 1px solid rgb(184, 196, 208); }
.ct-login-container .terms-box .ct-box { box-shadow: none; border: 0px; }
.ct-login-container .ct-icon-logo { content: url("../files/67545d19ccbd.svg"); width: 250px; height: 65px; margin-bottom: -8px; }
.ct-login-container .ct-icon-logo.signup-logo { margin-bottom: 15px; }
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .ct-login-container .ct-icon-logo { width: 360px; height: 100px; }
}
.ct-login-container .login-title { font-size: 18px; font-weight: bold; color: rgb(85, 85, 85); }
.ct-login-container .login-title .title-header { font-size: 22px; font-weight: 700; color: rgb(85, 109, 130); letter-spacing: 0px; line-height: 24px; }
.ct-login-container .main-content .main-content-text { font-size: 16px; line-height: 19px; }
.ct-login-container .login-button { min-height: 50px; background-color: rgb(22, 145, 198); color: rgb(0, 0, 0); text-transform: none; font-size: 18px; font-weight: 700; }
.ct-login-container .login-button:hover { background-color: rgb(57, 165, 210); }
.ct-login-container .google-login-button, .ct-login-container .apple-login-button { display: flex; justify-content: center; width: 100%; height: 50px; border: 1px solid rgb(184, 196, 208); border-radius: 8px; font-size: 18px; color: rgb(0, 0, 0); font-weight: 700; text-decoration: none; text-align: center; }
.ct-login-container .google-login-button:hover, .ct-login-container .apple-login-button:hover { border-color: rgb(22, 145, 198); }
.ct-login-container .google-login-button .google-button-logo, .ct-login-container .apple-login-button .google-button-logo { background-color: rgb(255, 255, 255); border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ct-login-container .google-button-logo, .ct-login-container .apple-button-logo { height: 100%; width: 50px; }
.ct-login-container .google-button-logo { background: url("../files/4524589b0dce.svg") center center / 24px no-repeat; }
.ct-login-container .apple-button-logo { background: url("../files/0ab075b5768c.svg") center center / 20px no-repeat; }
.ct-login-container .option-separator span { font-size: 16px; color: rgb(68, 86, 103); }
.ct-login-container .option-separator hr { width: 40%; }
@media only screen and (min-width: 0) and (max-width: 480px) {
  .ct-login-container .option-separator { display: flex; align-items: center; width: 100%; min-width: 0px; max-width: 100%; gap: 12px; box-sizing: border-box; }
  .ct-login-container .option-separator span { flex: 0 0 auto; white-space: nowrap; }
  .ct-login-container .option-separator hr { flex: 1 1 0px; width: 0px; min-width: 0px; margin: 0px; }
}
.ct-login-container .help-section-container { width: calc(100% + 60px); }
@media only screen and (min-width: 0) and (max-width: 480px) {
  .ct-login-container .help-section-container { width: 100%; }
}
.ct-login-container .form-content { max-width: 85%; display: flex; flex-direction: column; align-items: center; }
.ct-login-container .login-text-container { display: flex; justify-content: space-between; align-items: center; font-weight: 400; font-size: 16px; width: 100%; gap: 10px; border-bottom: 1px solid rgb(184, 196, 208); padding-bottom: 10px; color: rgb(122, 146, 168); }
.ct-login-container .login-text-container .back-sign-up { line-height: 20px; padding: 5px 10px; border-radius: 8px; border: 1px solid rgb(184, 196, 208); color: rgb(122, 146, 168); }
.ct-login-container .login-text-container .back-sign-up.shown { display: flex; align-items: center; }
.ct-login-container .login-text-container .back-sign-up i { font-size: 20px; }
.ct-login-container .login-text-container .back-sign-up:hover { background-color: rgb(240, 242, 243); }
@media only screen and (min-width: 0) and (max-width: 480px) {
  .ct-login-container .login-text-container .back-sign-up span { display: none; }
}
.ct-login-container .login-text-container .account-login-group { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
.ct-login-container .login-text-container .account-login-group a { color: rgb(22, 145, 198); background-color: rgb(232, 244, 250); border-radius: 8px; padding: 10px; }
.ct-login-container .login-text-container .account-login-group a:hover { background-color: rgb(208, 234, 244); }
.ct-login-container .regulation-message i { font-size: 24px; line-height: 24px; }
.ct-login-container .regulation-message { color: rgb(122, 146, 168); }
.ct-login-container .regulation-message .regulation-text { font-size: 16px; font-weight: 700; }
.ct-login-container .links-container { width: 100%; margin-top: 20px; justify-content: center; }
.ct-login-container .links-container .signup-link img { height: 50px; width: auto; }
.grecaptcha-badge { bottom: 85px !important; }
.two-factor-file-label { font-size: 14px; font-weight: 700; color: rgb(85, 109, 130); }
.two-factor-file-label input[type="file"] { visibility: hidden; height: 0px; width: 0px; }
.two-factor-file-label .file-upload-button-container { display: flex; justify-content: space-between; align-items: center; border: 2px dashed rgb(213, 220, 227); border-radius: 15px; min-height: 85px; background-color: rgb(218, 239, 254); padding: 15px; }
.two-factor-file-label .file-upload-button-container.has-file { background-color: rgb(255, 255, 255); }
.two-factor-file-label .file-upload-button-container.has-file .file-name { font-weight: 400; font-size: 20px; line-height: 24px; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; }
.two-factor-file-label .file-upload-button-container.has-file .file-icon { width: 38px; height: 50px; }
.two-factor-file-label .file-upload-button-container .upload-button { max-width: 200px; height: 45px; align-items: center; justify-content: flex-start; text-transform: none; padding: 10px; }
.two-factor-file-label .file-upload-button-container .delete-icon { cursor: pointer; font-size: 22px; color: rgb(229, 57, 53); }
.trustpilot-logo-container { width: 100%; padding-left: 60px; padding-right: 60px; }
.trustpilot-logo-container .trustpilot-container { position: relative; padding-top: 10px; }
.trustpilot-logo-container .trustpilot-container .border-right { position: absolute; top: 20%; bottom: 0px; right: 0px; border-right: 1px solid rgb(68, 86, 103); }
.trustpilot-logo-container .trustpilot-container .trustpilot-logo { background-image: url("../files/ed8b5f8d1875.svg"); background-repeat: no-repeat; width: 160px; height: 40px; }
.trustpilot-logo-container .trustpilot-container .trustpilot-stars { background-image: url("../files/95660709c98f.svg"); background-repeat: no-repeat; width: 125px; height: 40px; }
.trustpilot-logo-container .rating-container { text-align: justify; padding-top: 10px; }
.trustpilot-logo-container .rating-container .truspilot-rating-text { color: rgb(68, 86, 103); text-align: center; font-size: 16px; font-weight: 700; line-height: 16px; letter-spacing: 14.648px; text-transform: uppercase; }
.trustpilot-logo-container .rating-container .trustpilot-rating { color: rgb(68, 86, 103); text-align: left; font-size: 42.5px; font-weight: 900; line-height: 43px; letter-spacing: 0.257px; }
.testimonial-stars { background-image: url("../files/bd473ab25153.svg"); background-repeat: no-repeat; width: 160px; height: 45px; position: absolute; right: 130px; bottom: 0px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-stars { bottom: -10px; }
}
.hidden-step { display: none; }
.ct-form-input-container .two-factor-input { height: 48px; width: 100%; max-width: 300px; border: 1px solid rgb(184, 196, 208); padding: 6px 0px; font-size: 24px; line-height: 24px; font-weight: 900; letter-spacing: 10px; color: rgb(85, 109, 130); }
.ct-form-input-container .two-factor-input::placeholder { color: rgb(187, 187, 187); }
@media only screen and (min-width: 479px) and (max-width: 12000px) {
  .login-checkbox { margin-left: 45px; }
}
.login-checkbox .label-text { font-size: 16px; color: rgb(85, 109, 130); margin-top: 0px; }
.ct-account-selection-container { letter-spacing: 0.015em; }
.ct-account-selection-container .accounts-list { padding: 10px 5px 15px; border-top: 1px solid rgb(212, 220, 227); border-bottom: 1px solid rgb(212, 220, 227); }
.ct-account-selection-container .accounts-list .account-option { color: rgb(153, 171, 188); text-decoration: none; cursor: pointer; padding: 15px 10px; font-weight: 400; }
.ct-account-selection-container .accounts-list .account-option:hover { color: rgb(153, 171, 188); text-decoration: none; }
.ct-account-selection-container .accounts-list .account-option .account-icon { min-height: 30px; min-width: 40px; }
.ct-account-selection-container .accounts-list .account-option-initial { display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgb(21, 149, 202); width: 32px; height: 32px; border-radius: 50%; }
.ct-account-selection-container .accounts-list .account-option-initial .account-option-initial-text { color: rgb(255, 255, 255); text-align: center; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; }
.ct-account-selection-container .accounts-list .account-name { font-size: 16px; line-height: 15px; }
.ct-account-selection-container .accounts-list .account-type { font-size: 12px; line-height: 15px; }
.ct-account-selection-container .info { margin: 20px auto; width: 70%; color: rgb(85, 109, 130); font-weight: bold; font-size: 16px; line-height: 20px; }
.ct-account-selection-container i { font-size: 30px; }
.dashboard-card-list-container { display: flex; flex-direction: column; max-width: 930px; width: 100%; margin-top: 40px; }
.dashboard-card-list-container > .description { display: flex; justify-content: space-between; align-items: flex-end; margin: 0px 10px; font-size: 14px; color: rgb(85, 109, 130); text-transform: uppercase; }
.dashboard-card-list-container > .description .secondary { font-size: 14px; font-weight: normal; text-transform: none; text-align: right; }
.dashboard-card-list-container > .description .link { text-align: center; font-size: 16px; font-weight: 700; letter-spacing: 0.02em; color: rgb(22, 145, 198); padding: 10px 14px; text-decoration: none; top: 10px; position: relative; }
.dashboard-card-list-container > .description .link .plus-symbol { font-size: 18px; }
.dashboard-card-list-container > .description .link:hover { color: rgb(92, 181, 218); border-color: rgb(92, 181, 218); }
.dashboard-card-list-container > .description .link:active { color: rgb(154, 209, 232); border-color: rgb(154, 209, 232); }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .dashboard-card-list-container > .description { flex-direction: column; align-items: flex-start; }
  .dashboard-card-list-container > .description .link { width: calc(100% + 20px); margin-left: -10px; margin-top: 10px; padding: 6px 14px; top: 0px; border: 2px solid rgb(22, 145, 198); }
}
.dashboard-card-list-container > .list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 5px; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .dashboard-card-list-container > .list { flex-direction: column; justify-content: flex-start; }
}
.dashboard-card-list-container > .list > * { max-width: 305px; width: 100%; margin-right: 8px; margin-bottom: 10px; }
@media only screen and (min-width: 992px) and (max-width: 12000px) {
  .dashboard-card-list-container > .list > * { max-width: 286px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .dashboard-card-list-container > .list > * { margin-right: 0px; max-width: none; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .dashboard-card-list-container > .list > * { margin-right: 0px; max-width: none; }
}
.dashboard-card-list-container > .list > :nth-child(3) { margin-right: 0px; }
.dashboard-card-list-container > .list > :nth-child(6) { margin-right: 0px; }
.dashboard-card-list-container .view-more { display: none; margin: 10px auto 0px; font-size: 16px; text-transform: uppercase; color: rgb(184, 196, 208); background: none; border: 0px; }
@media only screen and (min-width: 0) and (max-width: 992px) {
  .dashboard-card-list-container .view-more { display: inline-flex; }
}
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .dashboard-card-list-container .hide-excess { overflow: hidden; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard-card-list-container .hide-excess { height: 123px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .dashboard-card-list-container .hide-excess { height: 390px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .dashboard-card-list-container .hide-excess { height: 380px; }
}
.account-info, .section-item .account-link { color: rgb(153, 171, 188); text-decoration: none; font-weight: 400; }
.account-info .account-icon, .section-item .account-link .account-icon { min-height: 30px; min-width: 40px; }
.account-info .account-icon i, .section-item .account-link .account-icon i { font-size: 30px; }
.account-info .account-name, .section-item .account-link .account-name { font-size: 16px; line-height: 15px; }
.account-info .account-type, .section-item .account-link .account-type { font-size: 12px; line-height: 15px; }
.account-info .pill-container, .section-item .account-link .pill-container { margin-right: 15px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .account-info .pill-container, .section-item .account-link .pill-container { margin-top: 10px; }
}
.section-item .account-link { margin-bottom: 20px; cursor: pointer; }
.section-item .account-link:hover { color: rgb(153, 171, 188); text-decoration: none; }
.section-item .account-link.no-pointer { cursor: default; }
.section-item .account-link.account-info { margin-bottom: 25px; margin-top: 0px; }
.section-item .account-link .account-name { font-size: 16px; line-height: 15px; }
.section-item .account-link .account-type { font-size: 12px; line-height: 15px; }
.section-item .add-account { width: 100%; font-size: 16px; margin-top: 0px; text-decoration: none; color: rgb(153, 171, 188); }
.section-item .add-account .add-account-icon { margin-right: 10px; font-size: 30px; }
.account-info { margin-bottom: 30px; margin-top: 0px; }
.account-manage-settings-container { width: 100% !important; padding: 15px 30px !important; }
.account-manage-settings-container h3, .account-manage-settings-container h5 { margin: 0px; color: rgb(22, 145, 198); }
.account-manage-settings-container hr { margin: 5px 0px 10px; }
.no-active-brokers-container { margin: 0px auto; color: rgb(85, 109, 130); text-align: center; }
.no-active-brokers-container h3 { font-size: 22px; font-weight: 500; font-style: normal; line-height: 24px; text-transform: uppercase; color: rgb(85, 109, 130); margin-top: 15px; }
.no-active-brokers-container .info, .no-active-brokers-container .phone { font-size: 16px; }
.no-active-brokers-container .phone { margin: 15px 0px; }
.ct-requote-container { position: absolute; height: 100%; width: 100%; }
.ct-requote-container .refreshing-quotes-message { z-index: 8; position: absolute; height: 100%; width: 100%; }
.ct-requote-container .refreshing-quotes-message .inner-content { display: flex; flex-direction: column; justify-content: center; height: 100%; padding-bottom: 70px; }
.ct-requote-container .refreshing-quotes-message .spinner-container { align-self: center; text-align: center; }
.ct-requote-container .refreshing-quotes-message .wrapper { width: 360px; align-self: center; position: relative; padding-top: 75px; color: rgb(85, 85, 85); }
.ct-requote-container > span { color: rgb(22, 145, 198); }
.ct-requote-container .message { text-align: center; }
.ct-requote-container .requote-buttons { width: 100%; position: absolute; bottom: 110px; display: flex; justify-content: center; }
.ct-requote-container button { font-weight: bold; font-size: 14px; color: rgb(22, 145, 198); border: 0px; background: transparent; }
.ct-requote-container .create-a-rate-alert-link { display: block; text-align: center; width: 170px; padding: 12px 0px; margin: 20px auto 0px; text-decoration: none; }
.ct-requote-container > .inner-container { position: relative; width: 100%; height: 100%; }
.ct-requote-container .underlay { width: 100%; height: 100%; position: absolute; background: rgb(255, 255, 255); top: 0px; z-index: 10; box-sizing: content-box; }
.set-rate-alert-image { background-image: url("../files/6e87b6207ba2.svg"); width: 124px; height: 114px; background-repeat: no-repeat; background-size: cover; margin: 0px auto; position: relative; top: -61px; }
.recipient-via-email-header-content { color: rgb(136, 136, 136); font-size: 11px; font-weight: bold; text-align: center; padding: 11px 0px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .recipient-via-email-header-content { display: none; }
}
.recipient-via-email-header-content .user-name { font-size: 16px; }
.recipient-form-via-email-container .title-container { margin: 20px 0px 0px 10px; }
.recipient-form-via-email-container ct-recipient-form-via-email { display: block; padding: 30px 70px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .recipient-form-via-email-container ct-recipient-form-via-email { padding: 30px 0px; }
}
.recipient-form-via-email-container .recipient-badge-container { max-width: 480px; margin: 30px auto; }
.recipient-form-via-email-container .modify-button { font-weight: bold; font-size: 16px; color: rgb(22, 145, 198); background: transparent; border: 0px; }
.recipient-form-via-email-container .pending-changes { max-width: 540px; margin-left: auto; margin-right: auto; }
.recipient-form-via-email-container .pending-changes .ct-icon-pencil { font-size: 24px; }
.recipient-form-via-email-container .pending-changes .pending-change-title { color: rgb(22, 145, 198); }
.recipient-form-via-email-container .pending-changes .pending-change-value { color: rgb(85, 85, 85); border-left: 1px solid rgb(221, 221, 221); padding-left: 10px; }
.recipient-form-via-email-container .pending-changes .row:nth-child(2n) { background-color: rgb(248, 248, 248); }
.recipient-form-via-email-container .action-container { max-width: 540px; margin-right: auto; margin-left: auto; }
.recipient-form-via-email-container .ct-page-content { margin: 30px auto; width: 100%; }
.recipient-form-via-email-container .paragraph { max-width: 480px; margin-left: auto; margin-right: auto; font-size: 16px; text-align: center; }
.recipient-form-via-email-container .join-ct-container { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 370px; max-width: 840px; width: 100%; padding-left: 91px; font-size: 16px; background: url("../files/6d8d85c33f93.svg") right bottom no-repeat; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .recipient-form-via-email-container .join-ct-container { padding: 30px 0px 140px; align-items: center; }
}
.recipient-form-via-email-container .join-ct-container > * { max-width: 290px; }
.recipient-form-via-email-container .join-ct-container .title { font-weight: bold; font-size: 22px; }
a { text-decoration: none; }
.settings-page-container { max-width: 600px; }
.settings-section .section-title { font-weight: bold; font-size: 12px; line-height: 16px; text-align: left; color: rgb(22, 145, 198); text-transform: uppercase; margin-bottom: 15px; }
.settings-section .section-title.no-underline { border-bottom: 0px; }
.settings-section .section-item { color: rgb(85, 109, 130); text-decoration: none; font-size: 16px; text-align: left; min-height: 32px; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; }
.settings-section .section-item:hover { color: rgb(85, 109, 130); }
.settings-section .section-item .double-section { flex: 1 1 0%; padding-right: 20px; }
.settings-section .section-item .item-title { display: flex; flex-direction: column; justify-content: center; font-size: 20px; line-height: 24px; color: rgb(85, 109, 130); }
.settings-section .section-item .extra-info { display: flex; flex-direction: column; justify-content: center; font-size: 20px; color: rgb(65, 180, 18); }
.settings-section .section-item .name { font-weight: bold; font-size: 18px; text-align: left; color: rgb(85, 109, 130); }
.settings-section .section-item i { color: rgb(184, 196, 208); font-size: 30px; }
.settings-section .section-item i.small { font-size: 18px; }
.settings-section .section-item .settings-selector { width: 100%; justify-content: space-evenly; padding: 5px; border: 2px solid rgb(212, 220, 227); border-radius: 4px; gap: 0px; }
.settings-section .section-item .settings-selector .selector-option { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 42px; width: 100%; padding: 8px 15px; font-size: 16px; font-weight: 700; line-height: 20px; color: rgb(153, 171, 188); cursor: pointer; border-radius: 4px; }
.settings-section .section-item .settings-selector .selector-option:hover { background: rgb(232, 236, 240); }
.settings-section .section-item .settings-selector .selector-option.active { background: rgb(22, 145, 198); color: rgb(255, 255, 255); }
.settings-section .section-item .settings-selector .selector-option.active:hover { background: rgb(19, 128, 175); }
.settings-section .section-item .two-factor-auth-warning { color: rgb(239, 184, 59); font-size: 16px; line-height: 24px; font-weight: 400; margin-right: 10px; margin-top: 3px; }
.settings-section .section-item .two-factor-auth-warning .warning-icon { font-size: 24px; margin-left: 10px; color: rgb(239, 184, 59); }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .settings-section .section-item .two-factor-auth-warning .warning-text { display: none; }
}
.settings-section.delete { margin-top: 10px; margin-bottom: 50px; }
.ct-copy-box-container { width: 100%; padding: 13px 20px; background: rgb(248, 249, 250); border: 1px solid rgb(184, 196, 208); font-family: "Source Code Pro"; font-weight: 700; font-size: 18px; color: rgb(85, 109, 130); text-align: center; line-height: 22px; margin-bottom: 10px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .ct-copy-box-container { word-break: break-word; }
}
.ct-copy-box-container .recovery-code-box { display: flex; flex-flow: wrap; justify-content: space-evenly; }
.ct-copy-box-container .recovery-code-box .used-code { text-decoration: line-through 2px; opacity: 0.3; }
.ct-form-input-container .two-factor-input { height: 48px; width: 100%; max-width: 300px; border: 1px solid rgb(184, 196, 208); padding: 6px 0px; font-size: 24px; line-height: 24px; font-weight: 900; letter-spacing: 10px; color: rgb(85, 109, 130); }
.ct-form-input-container .two-factor-input::placeholder { color: rgb(187, 187, 187); }
@media only screen and (min-width: 479px) and (max-width: 12000px) {
  .login-checkbox { margin-left: 45px; }
}
.login-checkbox .label-text { font-size: 16px; color: rgb(85, 109, 130); margin-top: 0px; }
.sso-account-container { max-width: 540px; margin: 0px auto; padding: 15px; }
hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(212, 220, 227) currentcolor currentcolor; border-image: initial; }
.broker-info .broker-name { font-weight: 700; font-size: 16px; line-height: 20px; }
.broker-info .broker-activation-date { font-size: 12px; line-height: 17px; }
.broker-info .broker-activation-date .activated { font-weight: 700; }
.broker-info .broker-activation-date .date { font-weight: 400; }
.broker-info img { width: 140px; height: 70px; padding: 12px; }
.ng-select.settings-form-dropdown { border-radius: 5px; height: 47px; border: 1px solid rgb(184, 196, 208); }
.ng-select.settings-form-dropdown.ng-select-single .ng-select-container { height: 100%; border: 0px; border-radius: 5px; background: rgb(255, 255, 255); }
.ng-select.settings-form-dropdown.ng-select-single .ng-select-container .ng-placeholder { color: rgb(153, 171, 188); font-size: 16px; }
.ng-select.settings-form-dropdown.ng-select-single .ng-select-container .ng-dropdown-panel { border-radius: 0px; }
.ng-select.settings-form-dropdown.ng-select-single .ng-select-container .ng-dropdown-panel.ng-select-bottom { margin-top: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; }
.ng-select.settings-form-dropdown.ng-select-single .ng-select-container.ng-select-top { margin-bottom: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px -5px 10px; }
.ct-quote-amount { display: flex; border: 1px solid rgb(184, 196, 208); }
.ct-quote-amount .md-input .ct-single-amount-input { width: 100%; font-size: 18px; padding: 11px 10px; font-weight: 300; letter-spacing: 0.4px; margin: 0px; border: 0px; color: rgb(85, 109, 130); line-height: 22px; }
.ct-table-title { color: rgb(22, 149, 202); font-weight: 700; font-size: 12px; line-height: 16px; text-transform: uppercase; }
.ct-pair-table { background-color: transparent; border: 1px solid rgb(213, 220, 227); border-radius: 8px; padding: 12px 0px; color: rgb(13, 54, 74); width: 100%; }
.ct-pair-table .table-header { border-bottom: 1px solid rgb(213, 220, 227); padding-bottom: 6px; }
.ct-pair-table .table-header .table-header-text { width: 55px; color: rgb(22, 149, 202); font-weight: 700; font-size: 12px; line-height: 16px; text-align: center; }
.ct-pair-table .ct-pair-row .currency { width: 55px; font-weight: 600; color: rgb(68, 86, 103); font-size: 12px; text-align: center; line-height: 16px; }
.ct-pair-table .ct-pair-row .amount { color: rgb(85, 109, 130); font-size: 16px; font-weight: 700; line-height: 20px; }
.ct-pair-table .divider { border-width: 1px medium medium; border-style: solid none none; border-color: rgb(213, 220, 227) currentcolor currentcolor; border-image: initial; margin: 4px 0px; }
.ct-forward-agreements .agreement-box { background-color: rgb(237, 247, 251); border-radius: 8px; padding: 16px; color: rgb(13, 54, 74); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px; }
.ct-forward-agreements .agreement-box .agreement-text { margin: 0px; font-size: 16px; line-height: 19px; font-style: italic; font-weight: 400; color: rgb(85, 109, 130); }
.ct-forward-agreements .agreement-box label { cursor: pointer; color: rgb(13, 54, 74); }
.ct-forward-agreements .agreement-box .agreement-label { font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; color: rgb(68, 86, 103); }
.ct-forward-agreements .checkbox-box { width: 30px; height: 30px; border: 2px solid rgb(212, 220, 227); border-radius: 5px; background-color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; position: relative; line-height: 22px; flex-shrink: 0; }
.ct-forward-agreements .checkbox-box .check-icon { font-size: 20px; line-height: 30px; display: none; }
.ct-forward-agreements input:checked + .checkbox-box { background-color: rgb(22, 145, 198); border-color: rgb(22, 145, 198); }
.ct-forward-agreements input:checked + .checkbox-box .check-icon { display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); }
.app-wrapper.trades { width: 100%; }
.ct-button-text-input-container { position: relative; display: flex; flex-direction: row; width: 100%; }
.ct-button-text-input-container input { width: 100%; padding-left: 20px; border-width: 2px 0px 2px 2px; border-style: solid none solid solid; border-color: rgb(187, 187, 187) currentcolor rgb(187, 187, 187) rgb(187, 187, 187); border-image: initial; font-size: 14px; color: rgb(85, 85, 85); }
.ct-button-text-input-container input::placeholder { color: rgb(187, 187, 187); }
.ct-button-text-input-container input:invalid { outline: 0px; box-shadow: none; }
.ct-button-text-input-container.invalid input { outline: 0px; border-bottom-color: rgb(229, 57, 53); }
.ct-button-text-input-container button { cursor: pointer; height: 55px; background: rgb(22, 145, 198); padding: 0px 30px; border: 0px; border-radius: 2px; font-weight: bold; font-size: 16px; color: rgb(255, 255, 255); text-align: center; }
.trade-tracking-page-container { width: 100%; min-height: 100%; background-color: rgb(248, 248, 248); padding-top: 60px; }
.trade-tracking-page-container .header { width: auto; margin: 0px auto; padding-top: 15px; padding-bottom: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.trade-tracking-page-container .header .green-globe { width: 200px; height: 145px; background: url("../files/d5ade5450059.svg") no-repeat; }
.trade-tracking-page-container .header > * { display: inline-block; }
.trade-tracking-page-container .header h1 { font-size: 26px; line-height: 1; color: rgb(22, 145, 198); font-weight: bold; text-align: left; }
.trade-tracking-page-container .header .account-user-name { font-size: 22px; font-weight: bold; color: rgb(85, 85, 85); letter-spacing: -0.08px; margin-top: 10px; }
.trade-tracking-page-container .header .trade-resume { font-size: 15px; color: rgb(85, 85, 85); margin: 3px 0px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-tracking-page-container .header { flex-direction: column; }
  .trade-tracking-page-container .header .texts > * { text-align: center; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .trade-tracking-page-container .header { flex-direction: column; }
  .trade-tracking-page-container .header .texts > * { text-align: center; }
}
.trade-tracking-page-container .info-label { margin: 0px; font-weight: bold; font-size: 12px; color: rgb(22, 145, 198); letter-spacing: 0px; text-align: left; text-transform: uppercase; }
.trade-tracking-page-container .ct-box { max-width: 720px; width: 100%; margin: 0px auto 30px; }
.trade-tracking-page-container .info-container { display: flex; justify-content: space-between; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-tracking-page-container .info-container { flex-direction: column; align-items: center; justify-content: center; }
}
.trade-tracking-page-container .help-content { margin-top: 20px; }
.trade-tracking-page-container .help-content .help-steps { padding-left: 48px; }
.trade-tracking-page-container .help-content .help-step { margin-bottom: 40px; }
.trade-tracking-page-container .help-content .help-step:last-child { margin-bottom: 50px; }
.trade-tracking-page-container .help-content .info-label { margin-bottom: 5px; }
.trade-tracking-page-container .help-content .info-label, .trade-tracking-page-container .help-content .info-value { font-size: 15px; }
.step-tracker-container { display: flex; padding-top: 60px; padding-left: 25px; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .step-tracker-container { padding-left: 0px; width: 332px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .step-tracker-container { padding-left: 0px; width: 332px; }
}
.step-tracker-container .ct-tracker-header { height: 130px; }
.step-tracker-container .ct-tracker-header.last { height: auto; }
.steps-info-container { margin-left: 23px; }
.steps-info-container .step-info { margin-bottom: 60px; }
.steps-info-container .step-info.last { margin-bottom: 33px; }
.steps-info-container .second { margin-bottom: 70px; }
.steps-info-container .ct-currency-flag { display: flex; position: absolute; height: 22px; margin-top: 5px; }
.steps-info-container .ct-currency-flag .cflag { height: 22px; width: 32px; padding: 0px; margin: 0px; border: 1px solid rgba(102, 102, 102, 0.2); }
.steps-info-container .ct-currency-flag span { margin-left: 5px; }
.steps-info-container .info-value { margin: 0px; font-size: 28px; color: rgb(85, 85, 85); letter-spacing: 0px; }
.trade-tracker-recipient-details { width: 332px; min-height: 442px; background: rgb(248, 248, 248); margin-top: 20px; margin-right: 20px; padding: 40px 20px 0px; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .trade-tracker-recipient-details { margin-right: 0px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-tracker-recipient-details { margin-right: 0px; }
}
.trade-tracker-recipient-details .info-row { margin-top: 10px; padding-bottom: 10px; border-bottom: rgb(248, 248, 248); }
.trade-tracker-recipient-details .info-row:first-child { margin-top: 0px; }
.trade-tracker-recipient-details .info-row:last-child { border-bottom: 0px; }
.trade-tracker-recipient-details .info-row .info-value.amount { font-size: 28px; color: rgb(85, 85, 85); letter-spacing: 0px; }
.info-card-container { display: flex; align-items: center; justify-content: center; padding: 40px 0px 60px; }
.info-card-container .alert { margin-bottom: 0px; margin-top: 20px; }
.info-card-container .sign-up-image { width: 200px; height: 132px; margin-right: 30px; background: url("../files/73e3d9eb1998.svg") center center / contain no-repeat; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .info-card-container .sign-up-image { margin-bottom: 35px; margin-right: 0px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .info-card-container .sign-up-image { margin-bottom: 35px; margin-right: 0px; }
}
.info-card-container .right-column { width: 350px; height: 190px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.info-card-container .right-column > div { text-align: center; }
@media only screen and (min-width: 480px) and (max-width: 12000px) {
  .info-card-container .right-column > div { text-align: left; }
}
.info-card-container .right-column .page-title-container { margin-bottom: 0px; padding-right: 18px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .info-card-container .right-column .page-title-container { padding-right: 0px; }
  .info-card-container .right-column .page-title-container h1 { text-align: center; }
}
.info-card-container .right-column .ct-md-button { text-transform: none; text-decoration: none; }
.info-card-container .right-column .ct-md-button:hover { text-decoration: none; }
.info-card-container.sign-up-container { flex-direction: column; align-items: center; justify-content: center; }
@media only screen and (min-width: 480px) and (max-width: 12000px) {
  .info-card-container.sign-up-container { flex-direction: row; }
}
.info-card-container.sign-up-container .right-column { justify-content: space-between; align-items: center; }
@media only screen and (min-width: 480px) and (max-width: 12000px) {
  .info-card-container.sign-up-container .right-column { justify-content: space-between; align-items: flex-start; }
}
.info-card-container.send-payments-container { min-height: 432px; padding-top: 48px; background: url("../files/a89f1e76e118.svg") left bottom no-repeat; flex-direction: row; align-items: flex-start; justify-content: flex-end; overflow: hidden; position: relative; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .info-card-container.send-payments-container { height: auto; flex-direction: column-reverse; align-items: center; justify-content: center; }
}
.info-card-container.send-payments-container .page-title-container { margin-bottom: 15px; }
.info-card-container.send-payments-container .right-column { height: auto; padding: 0px 20px; }
@media only screen and (min-width: 768px) and (max-width: 12000px) {
  .info-card-container.send-payments-container .right-column { width: 434px; padding-right: 30px; }
}
.info-card-container.send-payments-container .share-form { width: 100%; margin-top: 20px; }
.info-card-container.send-payments-container ct-copy-paste-box { width: 100%; }
.info-card-container .send-payments-image { height: 224px; width: 327px; padding-top: 48px; background: url("../files/fec41151fd69.svg") center center no-repeat; }
@media only screen and (min-width: 480px) and (max-width: 12000px) {
  .info-card-container .send-payments-image { position: absolute; bottom: 0px; left: -102px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .info-card-container .send-payments-image { margin-top: 35px; }
}
.info-card-container .option-separator { width: 100%; display: flex; margin: 20px 0px; flex-direction: row; align-items: center; justify-content: space-between; }
.info-card-container .option-separator hr { height: 1px; width: 168px; background-color: rgb(248, 248, 248); margin: 0px; }
.info-card-container .link-container { width: 100%; }
.info-card-container .link-container > div { width: 100%; font-size: 14px; color: rgb(85, 85, 85); text-align: center; margin-bottom: 10px; }
.profile-container { margin-bottom: 30px; margin-left: 20px; margin-right: 20px; width: 100%; }
.admin-indicator { color: rgb(22, 145, 198); font-style: italic; font-size: 12px; }
.admin-indicator.bold { font-weight: 700; }
.admin-name { font-size: 20px; color: rgb(85, 85, 85); }
.ct-icon-logo img { margin-right: 15px; width: 30px; height: 100%; }
.ct-diamond { height: 8px; width: 8px; background-color: rgb(22, 145, 198); transform: rotate(45deg); margin-right: 5px; position: relative; }
.user-full-name { font-size: 14px; font-weight: 700; color: rgb(85, 85, 85); }
.user-permissions { font-size: 14px; color: rgb(85, 85, 85); }
.authorized-users-list { color: rgb(153, 171, 188); }
.authorized-users-list .trading-authorization-row { margin: 15px 0px; color: rgb(153, 171, 188); cursor: pointer; }
.authorized-users-list .trading-authorization-row:hover { text-decoration: none; }
.authorized-users-list .trading-authorization-row .account-name { color: rgb(85, 109, 130); font-size: 16px; }
.authorized-users-list .trading-authorization-row .account-permissions, .authorized-users-list .trading-authorization-row .admin-info { font-size: 12px; max-width: 320px; }
.authorized-users-list i { font-size: 30px; }
.ct-step-tracker { display: flex; width: 35px; min-width: 35px; position: relative; }
.ct-step-tracker .ct-tracker-header { flex: 1 0 0px; display: flex; flex-direction: column; position: relative; }
.ct-step-tracker .ct-tracker-header::after { align-self: center; content: " "; width: 4px; height: calc(100% - 32px); background-color: rgb(65, 180, 18); position: absolute; bottom: -4px; z-index: 5; }
.ct-step-tracker .ct-tracker-header.last::after { border: 0px; }
.ct-step-tracker .ct-tracker-header.done > .ct-tracker-label::before { content: ""; background: url("../files/adaaadfaf8c3.svg") 0% 0% / auto no-repeat; height: 104%; width: 104%; position: absolute; top: -1px; left: -1px; }
.ct-step-tracker .ct-tracker-header.pending::after { display: none; }
.ct-step-tracker .ct-tracker-header.pending > .ct-tracker-label { border: 0px; z-index: 5; }
.ct-step-tracker .ct-tracker-header.pending > .ct-tracker-label::before { content: ""; background: url("../files/8e49c73ea1ac.gif") 0% 0% / contain no-repeat; height: 100%; width: 100%; }
.ct-step-tracker .ct-tracker-label { height: 40px; width: 40px; position: relative; align-self: center; border-radius: 50%; border: 4px solid rgb(221, 221, 221); display: flex; flex-direction: column; }
.ct-step-tracker .ct-tracker-label.ct-tracker-label--create-step::before { font-size: 11px; line-height: 28px; width: 13px; content: "E"; }
.ct-step-tracker .ct-tracker-label.ct-tracker-label--book-trade::before { width: 17px; line-height: 27px; content: "I"; }
.ct-step-tracker .ct-tracker-label.ct-tracker-label--select-recipient::before { width: 16px; line-height: 27px; content: "B"; }
.ct-step-tracker .ct-tracker-label.ct-tracker-label--step-confirmation::before { line-height: 25px; content: "v"; width: 15px; }
.ct-step-tracker .ct-tracker-path { flex: 1 0 0px; display: flex; flex-direction: column; }
.ct-step-tracker .ct-tracker-path::before { align-self: center; border: 1px solid rgb(221, 221, 221); width: 0px; content: " "; flex: 1 0 0px; }
.ct-step-tracker .ct-tracker-path--no-path::before { border: 0px; }
.ct-step-tracker [class*="ct-tracker-label--"]::before { align-self: center; font-family: currencytransfer; font-size: 12px; color: rgb(85, 85, 85); }
.ct-card { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px; }
.ct-card.ct-card-no-shadow { box-shadow: none; border: 1px solid rgb(233, 237, 240); }
.ct-card.ct-card-rounded { border-radius: 12px; }
.ct-card.limit-margin { margin: 8px auto; }
.ct-card .ct-form-input-container .ct-input, .ct-card .ct-form-input-container .ct-input-wrapper { width: 100%; }
.top-bar { display: flex; min-height: 45px; width: 100%; margin-bottom: 35px; border-bottom: 1px solid rgb(213, 220, 227); }
.top-bar.margin-20 { margin-bottom: 20px; }
.top-bar .item-box { display: flex; justify-content: center; align-items: center; text-decoration: none; width: 45px; border-right: 1px solid rgb(213, 220, 227); }
.top-bar .item-box i { font-size: 28px; color: rgb(213, 220, 227); }
.top-bar .menu-box { display: flex; justify-content: center; align-items: center; border-left: 1px solid rgb(213, 220, 227); width: 45px; }
.top-bar .menu-box .menu-options-container { top: auto; }
.top-bar .menu-box i { font-size: 20px; color: rgb(213, 220, 227); }
.top-bar .content { display: flex; align-items: center; padding-left: 15px; font-size: 16px; }
.top-bar .content i { font-size: 18px; color: rgb(85, 85, 85); margin: 0px 10px; }
.top-bar .content a { text-decoration: none; color: rgb(22, 145, 198); font-size: 16px; }
.top-bar .content span { color: rgb(85, 109, 130); font-size: 16px; font-weight: 400; }
.ct-card-text { color: rgb(85, 109, 130); text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 17px; letter-spacing: 0.21px; }
.ct-table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.ct-table thead { color: rgb(22, 145, 198); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(184, 196, 208); border-image: initial; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-table thead { display: none; }
}
.ct-table thead th { padding: 8px; line-height: 1.42857; border-bottom: 1px solid rgb(221, 221, 221); }
.ct-table.no-header tr:first-child { border-top: 1px solid rgb(221, 221, 221); }
.ct-table tr { border-bottom: 1px solid rgb(221, 221, 221); }
.ct-table tr.clickable { cursor: pointer; }
.ct-table tr .ct-icon-arrow-right { position: relative; left: 0px; font-size: 30px; color: rgb(184, 196, 208); padding-bottom: 6px; transition: left 0.1s linear; }
.ct-table tr:hover .ct-icon-arrow-right { left: 15px; }
.ct-table td { color: rgb(85, 109, 130); vertical-align: middle; padding: 15px 8px; }
.ct-table td.bold { font-weight: bold; }
.ct-table td a { color: rgb(22, 149, 202); font-size: 14px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-table td.stacking-column.bottom-column { padding-top: 0px; }
  .ct-table td.stacking-column.top-column { padding-bottom: 0px; }
}
.ct-table.ct-table-payments .row-number-column-header { width: 20px; }
.ct-table.ct-table-payments .row-number { text-align: right; font-size: 16px; font-weight: bold; }
.ct-table.ct-table-payments tbody tr { border-left: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); }
.ct-table.ct-table-payments tbody tr:nth-child(2n) { background-color: rgb(248, 248, 248); }
.ct-table.ct-table-payments tbody tr:hover { background-color: rgb(237, 247, 251); }
.ct-table.ct-table-payments tbody tr:hover td:first-child { color: rgb(22, 145, 198); }
.ct-table.ct-table-payments .recipient-nickname { font-size: 16px; }
.ct-table.ct-table-payments .recipient-details { text-align: left; }
.ct-table.ct-table-payments .reference { color: rgb(153, 171, 188); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-history-paginator .mat-mdc-paginator-range-actions { flex-wrap: wrap; justify-content: flex-end; }
  .ct-history-paginator .mat-mdc-paginator-range-label { flex-shrink: 0; margin: 0px 8px; white-space: nowrap; }
}
.ct-checkbox-control { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; position: relative; cursor: pointer; font-size: 16px; width: 100%; }
.ct-checkbox-control.boxed-checkbox { border: 2px solid rgb(153, 171, 188); border-radius: 4px; padding: 15px 20px; align-items: normal; margin-bottom: 15px; }
.ct-checkbox-control.boxed-checkbox .control-indicator { margin-top: 10px; }
.ct-checkbox-control input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; }
.ct-checkbox-control .control-indicator { position: relative; height: 30px; min-width: 30px; margin-right: 15px; background: rgb(247, 247, 247); border: 2px solid rgb(212, 220, 227); border-radius: 8px; }
.ct-checkbox-control .control-indicator::after { border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; transform: rotate(45deg); left: 10px; top: 6px; position: absolute; width: 4px; height: 10px; border-width: 0px 2px 2px 0px; box-sizing: initial; content: ""; display: none; }
.ct-checkbox-control input:checked ~ .control-indicator::after { display: block; }
.ct-checkbox-control:hover input ~ .control-indicator, .ct-checkbox-control input:focus ~ .control-indicator { background: rgb(225, 225, 225); }
.ct-checkbox-control input:checked ~ .control-indicator { background: rgb(22, 145, 198); }
.ct-checkbox-control input:disabled ~ .control-indicator { background: rgb(184, 196, 208); opacity: 0.6; pointer-events: none; }
.ct-checkbox-control input:disabled ~ .control-indicator::after { border-color: rgb(123, 123, 123); }
.ct-checkbox-control .label-text { font-size: 16px; color: rgb(68, 86, 103); margin: 5px 0px; font-weight: 400; }
.ct-checkbox-control .label-text .checkbox-title { font-size: 18px; font-weight: 700; margin-bottom: 5px; line-height: 20px; color: rgb(85, 109, 130); }
.ct-checkbox-control .label-text .checkbox-text { font-size: 14px; font-weight: 400; line-height: 17px; color: rgb(85, 109, 130); }
.ct-checkbox-control .label-text a { display: inline; }
input[type="checkbox"] { display: none; }
.checkbox-help-text { display: none; font-weight: 400; font-size: 12px; line-height: 17px; color: rgb(85, 109, 130); margin-top: 10px; }
input:disabled + label .control-indicator { background: rgb(184, 196, 208); opacity: 0.6; pointer-events: none; }
input:checked + label.boxed-checkbox { background: rgb(220, 239, 247); border-color: rgb(22, 145, 198); }
input:checked + label .control-indicator { background: rgb(22, 145, 198); border-color: rgb(22, 145, 198); }
input:checked + label .control-indicator::after { display: block; }
input:disabled + label.boxed-checkbox { background: rgb(246, 248, 249); border-color: rgb(212, 220, 227); }
input:disabled + label.boxed-checkbox .label-text .checkbox-text, input:disabled + label.boxed-checkbox .label-text .checkbox-title { color: rgb(153, 171, 188); }
input:disabled + label.boxed-checkbox .label-text .checkbox-help-text { display: flex; align-items: center; }
input:disabled + label.boxed-checkbox .label-text .checkbox-help-text .ct-icon-warning-icon { font-size: 18px; color: rgb(85, 109, 130); margin-right: 5px; }
.ct-btn { display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 0px; min-width: 90px; font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: 0.02em; padding: 12px 28px; cursor: pointer; white-space: nowrap; color: rgb(255, 255, 255); }
.ct-btn.lowercase-btn { text-transform: none; font-size: 18px; font-weight: 700; line-height: 20px; height: 50px; letter-spacing: 0.034px; }
.ct-btn.lowercase-btn i { font-size: 20px; }
.ct-btn.small-btn { font-size: 16px; height: 35px; line-height: 20px; }
.ct-btn.medium-btn { font-size: 18px; height: 45px; padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
.ct-btn.wrapped-btn { white-space: normal; line-height: 20px; }
.ct-btn.btn-icon { display: flex; align-items: center; }
.ct-btn.btn-icon .ct-icon { margin-right: 10px; font-size: 26px; }
.ct-btn.btn-limit-height { max-height: 45px; }
.ct-btn.no-transform { text-transform: none; }
.ct-btn.btn-no-width { min-width: auto; }
.ct-btn:disabled { opacity: 0.3; pointer-events: none; }
.ct-btn:focus, .ct-btn:active { outline: 0px; }
.ct-btn:hover { text-decoration: none; }
.ct-btn.btn-danger { background-color: rgb(229, 57, 53); }
.ct-btn.btn-danger.btn-negative { background: rgb(255, 255, 255); border: 2px solid rgb(229, 57, 53); color: rgb(229, 57, 53); }
.ct-btn.btn-danger.btn-negative:hover { background: rgb(255, 255, 255); border-color: rgb(226, 35, 30); color: rgb(226, 35, 30); }
.ct-btn.btn-danger :hover { background-color: rgb(226, 35, 30); }
.ct-btn.btn-negative { border-width: 2px; font-weight: bold; }
.ct-btn.btn-info { background-color: rgb(255, 255, 255); color: rgb(68, 86, 103); border: 1px solid rgb(212, 220, 227); }
.ct-btn.btn-info:hover, .ct-btn.btn-info:focus { background-color: rgb(250, 250, 250); }
.ct-btn.btn-subtle { border-radius: 4px; background-color: rgb(255, 255, 255); color: rgb(122, 146, 168); letter-spacing: 0px; text-transform: none; }
.ct-btn.btn-subtle:active { box-shadow: none; }
.ct-btn.btn-subtle:hover, .ct-btn.btn-subtle:focus { background-color: rgb(250, 250, 250); color: rgb(95, 121, 144); }
.ct-btn.btn-primary { color: rgb(255, 255, 255); background-color: rgb(22, 145, 198); }
.ct-btn.btn-primary.btn-negative { background: transparent; border: 2px solid rgb(22, 145, 198); color: rgb(22, 145, 198); }
.ct-btn.btn-primary.btn-negative:hover { background: rgb(255, 255, 255); border-color: rgb(19, 128, 175); color: rgb(22, 145, 198); }
.ct-btn.btn-primary:hover, .ct-btn.btn-primary:focus { background-color: rgb(19, 128, 175); }
.ct-btn.btn-primary.btn-negative { color: rgb(22, 145, 198); border: 2px solid rgb(22, 145, 198); background-color: rgb(255, 255, 255); }
.ct-btn.btn-primary.btn-negative:hover { color: rgb(19, 128, 175); border: 2px solid rgb(19, 128, 175); background-color: rgb(255, 255, 255); }
.ct-btn.btn-success { color: rgb(255, 255, 255); background-color: rgb(65, 180, 18); }
.ct-btn.btn-success:hover, .ct-btn.btn-success:focus { background-color: rgb(57, 157, 16); }
.ct-btn.btn-action { color: rgb(255, 255, 255); background-color: rgb(249, 198, 63); }
.ct-btn.btn-action.btn-negative { background: transparent; border: 2px solid rgb(249, 198, 63); color: rgb(249, 198, 63); }
.ct-btn.btn-action.btn-negative:hover, .ct-btn.btn-action.btn-negative:focus { border-color: rgb(248, 191, 38); color: rgb(255, 255, 255); }
.ct-btn.btn-action:hover, .ct-btn.btn-action:focus { background-color: rgb(248, 191, 38); }
.ct-btn.btn-action.btn-muted { background-color: rgb(235, 199, 105); color: rgb(132, 111, 57); }
.ct-btn.btn-action.btn-muted:hover, .ct-btn.btn-action.btn-muted:focus { background-color: rgb(232, 191, 83); }
.ct-btn.btn-clear { background-color: transparent; color: rgb(184, 196, 208); }
.ct-btn.btn-clear:active { box-shadow: none; }
.ct-btn.btn-clear.btn-danger:hover { color: rgb(229, 57, 53); }
.ct-btn.btn-clear.btn-danger:active { color: rgb(229, 57, 53); background-color: rgb(255, 255, 255); }
.ct-btn.btn-clear:hover, .ct-btn.btn-clear:focus { color: rgb(153, 171, 188); }
.ct-btn.btn-borderless { border: 0px; }
.ct-btn.btn-borderless:active { box-shadow: none; }
.ct-btn.btn-borderless:hover { color: rgb(169, 183, 198); background: transparent; box-shadow: none; }
.ct-btn.no-padding { min-width: 0px; padding-left: 0px; padding-right: 0px; }
.ct-btn.set-width { width: 240px; }
.ct-download-btn { display: inline-flex; align-items: center; padding: 6.5px 0px; color: rgb(22, 145, 198); font-size: 14px; font-weight: bold; text-decoration: none; }
.ct-download-btn .ct-icon-item { font-size: 20px; margin-right: 5px; }
.ct-download-btn:hover, .ct-download-btn:focus, .ct-download-btn:active { color: rgb(57, 165, 210); text-decoration: none; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-download-btn { border: 2px solid rgb(22, 145, 198); border-radius: 2px; padding: 4px 12px; }
  .ct-download-btn .ct-icon-item { margin-right: 0px; }
  .ct-download-btn span { display: none; }
}
.ct-grey-pill, .ct-grey-pill-fill, .ct-green-pill, .ct-red-pill, .ct-yellow-pill { border: 1px solid rgb(184, 196, 208); border-radius: 4px; font-size: 12px; font-style: italic; color: rgb(184, 196, 208); text-transform: capitalize; text-align: center; padding: 5px 7px; }
.ct-grey-pill.min-width, .min-width.ct-grey-pill-fill, .min-width.ct-green-pill, .min-width.ct-red-pill, .min-width.ct-yellow-pill { min-width: 120px; }
.ct-grey-pill.has-subtext, .has-subtext.ct-grey-pill-fill, .has-subtext.ct-green-pill, .has-subtext.ct-red-pill, .has-subtext.ct-yellow-pill { padding: 5px 0px 0px; }
.ct-grey-pill.has-subtext .pill-subtext, .has-subtext.ct-grey-pill-fill .pill-subtext, .has-subtext.ct-green-pill .pill-subtext, .has-subtext.ct-red-pill .pill-subtext, .has-subtext.ct-yellow-pill .pill-subtext { background: rgb(153, 171, 188); color: rgb(255, 255, 255); padding: 3px 15px; margin-top: 3px; border: 1px solid transparent; border-radius: 4px; font-style: italic; font-weight: 400; font-size: 14px; line-height: 16px; }
.ct-yellow-pill { border: 1px solid rgb(249, 198, 63); color: rgb(249, 198, 63); }
.ct-red-pill { border: 1px solid rgb(229, 57, 53); background-color: rgb(254, 249, 249); color: rgb(229, 57, 53); }
.ct-green-pill { border: 1px solid rgb(65, 180, 18); background-color: rgb(245, 252, 243); color: rgb(65, 180, 18); }
.ct-grey-pill-fill { background-color: rgb(153, 171, 188); color: rgb(255, 255, 255); font-style: italic; font-weight: 400; font-size: 14px; line-height: 16px; }
.ct-grey-pill-fill.min-width { min-width: 100px; }
.ct-grey-pill-fill.medium-width { min-width: 45px; min-height: 20px; }
.ct-grey-pill-fill.example-pill { border: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.ng-select.ng-select-opened > .ng-select-container { background: rgb(255, 255, 255); border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(221, 221, 221); }
.ng-dropdown-panel { background: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 0px; }
.ng-dropdown-panel.ng-select-top { bottom: 100%; margin-bottom: -1px; }
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; }
.ng-select .ng-has-value .ng-placeholder { display: none; }
.ng-select .ng-select-container .ng-value-container .ng-placeholder { color: rgb(136, 136, 136); }
.ng-select .ng-select-container .ng-value-container { align-items: center; padding-left: 10px; }
.ng-select .ng-arrow-wrapper:hover .ng-arrow { border-top-color: rgb(136, 136, 136); }
.ng-select .ng-arrow-wrapper .ng-arrow { border-color: rgb(136, 136, 136) transparent transparent; border-style: solid; border-width: 5px 5px 2.5px; }
.ng-select.ng-select-opened > .ng-select-container .ng-arrow { top: -2px; border-color: transparent transparent rgb(136, 136, 136); border-width: 0px 5px 5px; }
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover { border-color: transparent transparent rgb(85, 85, 85); }
.ng-select .ng-arrow-wrapper { width: 25px; padding-right: 5px; }
.ng-select .ng-select-container { background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); min-height: 36px; align-items: center; }
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { top: 5px; left: 0px; padding-left: 10px; padding-right: 50px; }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option { background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.87); padding: 8px 10px; }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked { color: rgb(85, 85, 85); background-color: rgb(248, 248, 248); }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label { font-weight: 600; }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { background-color: rgb(248, 248, 248); color: rgb(85, 85, 85); }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled { color: rgb(238, 238, 238); }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child { padding-left: 22px; }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label { font-size: 80%; font-weight: 400; padding-right: 5px; }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup { user-select: none; padding: 8px 10px; font-weight: 500; color: rgba(0, 0, 0, 0.54); cursor: pointer; }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled { cursor: default; }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked { background-color: rgb(248, 248, 248); }
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked { color: rgba(0, 0, 0, 0.54); background-color: rgb(248, 248, 248); font-weight: 600; }
.ng-dropdown-panel .ng-dropdown-header { border-bottom: 1px solid rgb(187, 187, 187); padding: 5px 7px; }
.ng-dropdown-panel .ng-dropdown-footer { border-top: 1px solid rgb(187, 187, 187); padding: 5px 7px; }
.ng-select-template { display: flex; justify-content: flex-start; font-size: 16px; padding: 10px; }
.ng-select-template .cflag { padding: 0px; margin: 1px 10px 0px 0px; }
.ng-select:not(.broker-dropdown):not(.registration-form-dropdown):not(.short-form-dropdown):not(.settlement-form-dropdown):not(.purpose-dropdown):not(.settings-form-dropdown) { height: 100%; }
.ng-select:not(.broker-dropdown):not(.registration-form-dropdown):not(.short-form-dropdown):not(.settlement-form-dropdown):not(.purpose-dropdown):not(.settings-form-dropdown).recipient-form-dropdown.ng-select-single .ng-select-container { background: rgb(255, 255, 255); border: 2px solid rgb(212, 220, 227); min-height: 44px; border-radius: 8px; }
.ng-select:not(.broker-dropdown):not(.registration-form-dropdown):not(.short-form-dropdown):not(.settlement-form-dropdown):not(.purpose-dropdown):not(.settings-form-dropdown).recipient-form-dropdown.ng-touched.ng-invalid.ng-select-single .ng-select-container { border-color: rgb(229, 57, 53); background: rgb(254, 249, 249); }
.ng-select:not(.broker-dropdown):not(.registration-form-dropdown):not(.short-form-dropdown):not(.settlement-form-dropdown):not(.purpose-dropdown):not(.settings-form-dropdown).recipient-form-dropdown .ng-select-disabled.ng-select-single .ng-select-container { background-color: rgb(218, 218, 218); }
.ng-select:not(.broker-dropdown):not(.registration-form-dropdown):not(.short-form-dropdown):not(.settlement-form-dropdown):not(.purpose-dropdown):not(.settings-form-dropdown) .ng-dropdown-panel.ng-select-bottom { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; }
.ng-select:not(.broker-dropdown):not(.registration-form-dropdown):not(.short-form-dropdown):not(.settlement-form-dropdown):not(.purpose-dropdown):not(.settings-form-dropdown) .ng-dropdown-panel.ng-select-top { box-shadow: rgba(0, 0, 0, 0.2) 0px -5px 10px; }
.ng-select:not(.broker-dropdown):not(.registration-form-dropdown):not(.short-form-dropdown):not(.settlement-form-dropdown):not(.purpose-dropdown):not(.settings-form-dropdown).ng-select-single .ng-select-container { height: 100%; border: 0px; border-radius: 0px; background: rgb(248, 248, 248); }
.ng-select:not(.broker-dropdown):not(.registration-form-dropdown):not(.short-form-dropdown):not(.settlement-form-dropdown):not(.purpose-dropdown):not(.settings-form-dropdown) .ng-input > input { margin-top: 11px; text-transform: uppercase; }
.ng-select:not(.broker-dropdown):not(.registration-form-dropdown):not(.short-form-dropdown):not(.settlement-form-dropdown):not(.purpose-dropdown):not(.settings-form-dropdown) .caret { border-top-color: rgb(255, 255, 255); }
.ng-select:not(.registration-form-dropdown):not(.unsearchable).ng-select-opened > .ng-select-container .ng-arrow { border: 0px; }
.ng-select:not(.registration-form-dropdown):not(.unsearchable).ng-select-opened > .ng-select-container .ng-arrow::before { content: ""; font-family: currencytransfer-icons; font-size: 18px; color: rgb(221, 221, 221); position: absolute; bottom: -10px; right: -6px; }
.quoting-overlay .quote-loader-barloader { height: 60px; text-align: center; font-size: 12px; }
.quoting-overlay .quote-loader-block { background-color: rgb(22, 145, 198); border: 0px; padding: 0px; height: 100%; width: 4px; margin: 0px 1px; display: inline-block; animation: 1.2s ease-in-out 0s infinite normal none running sk-stretchdelay; opacity: 0.4; }
.quoting-overlay .quote-loader-barloader .block2 { animation-delay: -1.1s; }
.quoting-overlay .quote-loader-barloader .block3 { animation-delay: -1s; }
.quoting-overlay .quote-loader-barloader .block4 { animation-delay: -0.9s; }
.quoting-overlay .quote-loader-barloader .block5 { animation-delay: -0.8s; }
@keyframes sk-stretchdelay { 
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% { transform: scaleY(1); }
}
.quoting-overlay { height: 100%; width: 100%; top: 0px; left: 0px; position: absolute; background: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; z-index: 100; justify-content: center; }
.quoting-overlay .inner-container { position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; }
.quoting-overlay .content { color: rgb(136, 136, 136); font-size: 18px; align-self: center; text-align: center; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 1px; display: flex; flex-direction: column; justify-content: center; height: 60%; width: 60%; }
html { --mat-form-field-filled-caret-color: #1691c6; --mat-form-field-filled-focus-active-indicator-color: #1691c6; --mat-form-field-filled-focus-label-text-color: #1691c6; --mat-form-field-outlined-caret-color: #1691c6; --mat-form-field-outlined-focus-outline-color: #1691c6; --mat-form-field-outlined-focus-label-text-color: #1691c6; --mat-datepicker-calendar-date-in-range-state-background-color: #daeffe; --mat-datepicker-calendar-date-selected-state-background-color: #1691c6; --mat-datepicker-calendar-date-selected-disabled-state-background-color: #1691c6; --mat-datepicker-calendar-date-focus-state-background-color: #edf7fb; --mat-datepicker-calendar-date-hover-state-background-color: #edf7fb; --mat-datepicker-calendar-date-today-selected-state-outline-color: #fff; --mat-datepicker-calendar-date-preview-state-outline-color: #1691c6; --mat-datepicker-toggle-active-state-icon-color: #1691c6; }
.mat-calendar-body-selected { background-color: rgb(22, 145, 198); }
mat-calendar-header > .mat-calendar-header { padding: 0px; }
.mat-datepicker-content .mat-calendar { height: auto !important; }
.mat-datepicker-content { box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; border: 1px solid rgba(0, 0, 0, 0.15); }
.ct-alert { width: 100%; border-radius: 4px; margin-bottom: 10px; font-size: 16px; font-weight: 400; line-height: 20px; position: relative; padding: 20px; }
.ct-alert.ct-alert-small { padding: 5px 5px 5px 8px; font-style: italic; font-weight: 400; font-size: 14px; line-height: 16px; text-align: center; }
.ct-alert.ct-alert-small i { font-size: 20px; }
.ct-alert.warning { background: rgb(254, 252, 245); border: 2px solid rgb(249, 198, 63); color: rgb(249, 198, 63); }
.ct-alert.success, .ct-alert.alert-notice-alt, .ct-alert.alert-notice { background: rgb(245, 252, 243); border: 2px solid rgb(65, 180, 18); color: rgb(65, 180, 18); }
.ct-alert.danger, .ct-alert.alert-alert, .ct-alert.alert-error { background: rgb(254, 249, 249); border: 2px solid rgb(229, 57, 53); color: rgb(229, 57, 53); }
.ct-alert.primary, .ct-alert.alert-info-alt, .ct-alert.alert-info { background: rgb(220, 239, 247); border: 2px solid rgb(22, 149, 202); color: rgb(22, 149, 202); }
.ct-alert.info { background: rgb(233, 237, 240); border: 2px solid rgb(153, 171, 188); color: rgb(153, 171, 188); }
.ct-alert.empty { background: transparent; border: 2px solid rgb(212, 220, 227); color: rgb(85, 109, 130); }
.ct-alert.alt, .ct-alert.alert-alert-alt, .ct-alert.alert-error-alt, .ct-alert.alert-info-alt, .ct-alert.alert-notice-alt { padding: 8px 16px 8px 8px; font-size: 12px; text-align: center; border-radius: 20px; display: flex; align-items: center; justify-content: center; gap: 5px; }
.ct-alert.alert-notice-alt { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.ct-alert.alert-info-alt { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.ct-alert.alert-alert-alt, .ct-alert.alert-error-alt { background-color: rgb(254, 245, 245); color: rgb(229, 57, 53); margin-bottom: 0px; }
.ct-alert.alert-alert-alt i, .ct-alert.alert-error-alt i { display: block; color: rgb(229, 57, 53); font-size: 24px; }
.alert-message p { line-height: 1.3; margin: 0px; }
.alert-message p em { line-height: 2; padding: 10px; font-weight: 400; }
.ct-alert-close-button { position: absolute; top: 0px; right: 0px; padding: 12px 15px 15px; }
.ct-alert-close-button i { font-size: 14px; }
.alert-icon.primary-icon { color: rgb(22, 149, 202); font-size: 30px; }
.alert-icon.warning-icon { color: rgb(249, 198, 63); font-size: 30px; }
* { box-sizing: border-box; }
::before, ::after { box-sizing: border-box; }
html, body { height: 100%; letter-spacing: 0.015em; }
html { text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: Lato, sans-serif; background-color: rgb(248, 248, 248); font-size: 14px; line-height: 1.42857; color: rgb(85, 109, 130); margin: 0px; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
button, input, optgroup, select, textarea { font: inherit; margin: 0px; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
a { color: rgb(22, 145, 198); }
a:hover { text-decoration: none; color: rgb(25, 92, 125); cursor: pointer; }
::selection { background: rgb(25, 92, 125); color: rgb(255, 255, 255); text-shadow: none; }
:root::before { content: url("../files/82f5ce8b6fb5.gif"); display: none; }
#ng-content-root, #ng-non-authorized-content-root { width: 100%; height: 100%; }
::-webkit-credentials-auto-fill-button { visibility: hidden; }
:focus { outline: none; }
table { border-collapse: collapse; border-spacing: 0px; }
h4 { font-size: 18px; }
h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }
.disabled-anchor { pointer-events: none; }
.receive-funds-image { width: 100%; max-width: 500px; margin: 0px auto; }
[hidden] { display: none !important; }
.mat-menu-panel.popover-menu { height: 100%; max-height: 250px; }
.mat-menu-panel.popover-menu .mat-menu-item { outline: none; color: rgb(85, 85, 85); text-decoration: none; background-color: rgb(255, 255, 255); }
.mat-form-field { font-family: Lato, sans-serif; }
.mat-form-field .mat-form-field-infix { margin-top: 0.75rem; }
.mat-form-field .mat-form-field-underline { background-color: rgb(187, 187, 187); }
.mat-form-field .mat-form-field-label { font-weight: bold; font-size: 14px; color: rgb(85, 85, 85); font-family: Lato, sans-serif; }
.mat-form-field .mat-form-field-ripple { display: none; }
.mat-form-field .mat-select { font-family: Lato, sans-serif; padding-left: 10px; }
.mat-select-panel-wrap .mat-select-panel { box-shadow: none; border-radius: 0px; border: 1px solid rgb(221, 221, 221); }
.mat-select-panel-wrap .mat-select-panel .mat-option { font-family: Lato, sans-serif; color: rgb(85, 85, 85); }
.mat-select-panel-wrap .mat-select-panel .mat-selected.mat-active { background-color: rgb(255, 255, 255); color: rgb(85, 85, 85); }
.mat-select-panel-wrap .mat-select-panel .mat-option:hover { background-color: rgb(237, 247, 251); }
.mat-form-field.mat-focused .mat-form-field-underline { background-color: rgb(22, 145, 198); }
.mat-form-field.mat-focused .mat-form-field-label { color: rgb(22, 145, 198); }
.ct-note-message { font-size: 14px; line-height: 16px; font-weight: 400; }
.ct-note-message-info { opacity: 0.6; }
.ct-note-message-info::before { content: ""; font-family: currencytransfer-icons; font-size: 14px; font-weight: 300; margin-right: 4px; }
.transfer-container { margin-top: 0px; }
.transfer-container.first { margin-top: 30px; }
.transfer-container.active { background-color: rgb(255, 255, 255); }
.transfer-container.active .content > .inner-container { min-height: 200px; }
.transfer-container .content > .inner-container { display: flex; }
.transfer-container .content .ct-quote-content > .inner-container { padding: 0px 28px 55px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .transfer-container .content .ct-quote-content > .inner-container { padding: 0px; }
  .transfer-container .content .ct-quote-content > .inner-container { padding: 0px 8px; }
}
.transfer-container .header-container .ct-quote-content > .inner-container { padding: 0px 28px; }
.transfer-container .transfer-title { margin: 0px; color: rgb(187, 187, 187); font-weight: 300; line-height: 3.25; font-size: 18px; text-transform: uppercase; }
.transfer-container .transfer-title.active { font-weight: 900; color: rgb(85, 85, 85); }
.transfer-container .content-section { max-width: 800px; margin: 0px auto; }
.transfer-container .ct-tracker-header { flex: 1 0 0px; display: flex; flex-direction: column; }
.transfer-container .ct-tracker-header::before, .transfer-container .ct-tracker-header::after { align-self: center; content: " "; width: 0px; flex: 1 0 0px; border: 1px solid rgb(221, 221, 221); }
.transfer-container .ct-tracker-header.last::after { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.transfer-container .ct-tracker-header.first::before { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.transfer-container .ct-tracker-header.warning > .ct-tracker-label::before { content: ""; background: url("../files/7cf1fef69e4e.svg") 0% 0% / contain; height: 100%; width: 100%; }
.transfer-container .ct-tracker-header.done > .ct-tracker-label::before { content: ""; background: url("../files/adaaadfaf8c3.svg") 0% 0% / contain; height: 100%; width: 100%; }
.transfer-container .ct-quote-content { flex: 1 0 0px; position: relative; }
.transfer-container .ct-quote-content > .inner-container { position: relative; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .transfer-container .ct-step-tracker { display: none; }
}
.transfer-container .content-container { position: relative; background: rgb(255, 255, 255); width: 100%; padding-left: 5px; padding-bottom: 65px; }
.transfer-container .content-container.collapsed { background-color: transparent; padding-bottom: 8px; }
.transfer-container .content-container .ct-step-tracker { top: 36px; }
.transfer-container .content-container .ct-step-tracker .ct-tracker-header::after { height: calc(100% - 27px); top: 36px; }
.transfer-container .content-container .ct-step-tracker .ct-tracker-header.pending::after { display: inherit; background-color: rgb(238, 238, 238); top: 40px; height: calc(100% + 21px); }
.transfer-container .content-container .ct-step-tracker .ct-tracker-header.last::after { display: none; }
.ct-errors { padding: 3px 0px 3px 11px; color: rgb(229, 57, 53); font-size: 13px; }
.ct-errors ul { padding: 3px 0px 3px 11px; }
@supports (-webkit-overflow-scrolling: touch) {
  .ct-app-content { overflow-y: scroll; }
}
.ct-box { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(206, 206, 206); position: relative; color: rgb(88, 89, 91); margin-bottom: 60px; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ct-box { box-shadow: none; }
}
.ct-box h3 { font-weight: 700; font-size: 19px; line-height: 55px; margin-top: 0px; margin-bottom: 0px; color: rgb(85, 85, 85); }
.ct-box .heading { margin-bottom: 14px; }
@media (min-width: 768px) {
  .ct-box .heading { height: 55px; }
}
.ct-box .ct-hidden { display: none; }
.ct-box .ct-full-width { width: 100%; }
@media only screen and (min-width: 320px) {
  .ct-box .ct-welcome { text-align: center; }
}
@media only screen and (min-width: 768px) {
  .ct-box .ct-welcome { text-align: left; }
}
.ct-box iframe[name="google_conversion_frame"] { float: left; height: 0px !important; width: 0px !important; line-height: 0 !important; font-size: 0px !important; }
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid rgb(221, 221, 221); }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid rgb(221, 221, 221); }
.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0px; }
.table > tbody + tbody { border-top: 2px solid rgb(221, 221, 221); }
.table .table { background-color: rgb(255, 255, 255); }
.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; }
.table-bordered { border: 1px solid rgb(221, 221, 221); }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid rgb(221, 221, 221); }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: rgb(249, 249, 249); }
.table-hover > tbody > tr:hover { background-color: rgb(245, 245, 245); }
.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: rgb(245, 245, 245); }
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: rgb(232, 232, 232); }
.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: rgb(223, 240, 216); }
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: rgb(208, 233, 198); }
.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: rgb(217, 237, 247); }
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: rgb(196, 227, 243); }
.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: rgb(252, 248, 227); }
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: rgb(250, 242, 204); }
.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: rgb(242, 222, 222); }
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: rgb(235, 204, 204); }
.table-responsive { min-height: 0.01%; overflow-x: auto; }
@media screen and (max-width: 767px) {
  .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; border: 1px solid rgb(221, 221, 221); }
  .table-responsive > .table { margin-bottom: 0px; }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
  .table-responsive > .table-bordered { border: 0px; }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0px; }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0px; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0px; }
}
.ct-app.ct-app-unauthenticated { height: auto; margin-bottom: 60px; }
.ct-app.ct-app-unauthenticated .ct-app-body { margin-top: 60px; }
.ct-app.ct-app-unauthenticated.ct-app-no-sidebar { width: 100%; min-height: 100vh; margin-top: -60px; padding: 0px; }
.ct-app-content.ct-app-content-no-sidebar { margin-left: 0px; width: 100%; min-width: 100vw; padding: 0px; }
.join-ct-container { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 370px; max-width: 840px; width: 100%; font-size: 16px; background: url("../files/6d8d85c33f93.svg") right bottom no-repeat; }
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .join-ct-container { padding: 30px 0px 140px; align-items: center; }
}
.join-ct-container > * { max-width: 290px; }
.join-ct-container .title { font-weight: bold; font-size: 22px; }
.join-ct-container { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 370px; max-width: 840px; width: 100%; font-size: 16px; background: url("../files/6d8d85c33f93.svg") right bottom no-repeat; }
@media only screen and (min-width: 0) and (max-width: 1199px) {
  .join-ct-container { padding: 30px 0px 140px; align-items: center; }
}
.join-ct-container > * { max-width: 290px; }
.join-ct-container .title { font-weight: bold; font-size: 22px; }