.page-title-container { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 36px; }
.page-title-container .page-title { font-size: 22px; color: rgb(85, 109, 130); font-weight: 900; text-transform: uppercase; line-height: 26px; margin: 0px; }
.page-title-container > .icon-container { display: flex; justify-content: center; align-items: center; background: rgb(237, 247, 251); border-radius: 100%; width: 40px; height: 40px; margin-right: 9px; }
.page-title-container > .icon-container > i { font-size: 22px; margin-right: 0px; }
.page-title-container.justify-start { justify-content: flex-start; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .page-title-container .icon-container { display: none; }
  .page-title-container ct-page-title .page-title-container { margin-left: 0px; }
}
.big-checkbox-container { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 43px; border: 2px solid rgb(184, 196, 208); border-radius: 7px; cursor: pointer; }
.big-checkbox-container .checkbox { background: rgb(238, 238, 238); border: 2px solid rgb(184, 196, 208); border-radius: 7px; width: 31px; height: 31px; margin-left: 4px; }
.big-checkbox-container > .checkbox-label { margin-left: 15px; font-size: 16px; text-transform: uppercase; color: rgb(187, 187, 187); }
.big-checkbox-container { }
.big-checkbox-container.checked { background-color: rgb(220, 239, 247); border-color: rgb(22, 145, 198); }
.big-checkbox-container.checked > .inner-container { width: 43px; height: 43px; background-color: rgb(220, 239, 247); border-width: 2px 0px 2px 2px; border-style: solid none solid solid; border-color: rgb(22, 145, 198) currentcolor rgb(22, 145, 198) rgb(22, 145, 198); border-image: initial; margin-left: -2px; display: flex; justify-content: center; align-items: center; border-top-left-radius: 7px; border-bottom-left-radius: 7px; }
.big-checkbox-container.checked .checkbox { background-color: rgb(22, 145, 198); position: relative; margin: 0px; border: 3px solid rgb(22, 145, 198); }
.big-checkbox-container.checked .checkbox::before { font-family: currencytransfer; content: "v"; color: rgb(255, 255, 255); position: absolute; top: 2px; left: 3px; }
.big-checkbox-container.checked > .checkbox-label { color: rgb(22, 149, 202); }
.ct-bottom-collapsable-container { width: calc(100% - 40px); margin: 30px 20px 0px; border-top: 1px solid rgb(238, 238, 238); }
.ct-bottom-collapsable-container .two-factor-description { text-align: left; }
.ct-bottom-collapsable-container .ct-bottom-collapsable-title-section { cursor: pointer; position: relative; margin: 20px 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.ct-bottom-collapsable-container .ct-bottom-collapsable-title-section .ct-bottom-collapsable-title { font-size: 16px; font-weight: bold; color: rgb(187, 187, 187); margin: 0px; }
.ct-bottom-collapsable-container .toggle-arrow { width: 20px; height: 13px; color: rgb(187, 187, 187); font-size: 30px; position: relative; right: -12px; top: -16px; }
.ct-bottom-collapsable-container .toggle-arrow > i { height: 10px; }
.ct-bottom-collapsable-container .ct-bottom-collapsable-content { max-height: 500px; transform-origin: center top; transition: 0.45s; margin-bottom: 20px; overflow: hidden; }
.ct-bottom-collapsable-container .ct-bottom-collapsable-content.collapsed { max-height: 0px; margin-bottom: 0px; }
.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; }
.ct-button-text-input-error-messages { display: flex; flex-direction: column; width: 100%; background-color: rgb(254, 249, 249); padding: 5px 0px 0px 10px; color: rgb(229, 57, 53); font-size: 12px; }
.ct-button-text-input-error-messages .error-message { margin-bottom: 5px; }
.ct-copy-paste-box-container { cursor: pointer; width: 100%; padding: 14px 4px 14px 20px; background: rgb(248, 248, 248); border: 1px solid rgb(238, 238, 238); font-family: "Source Code Pro"; font-weight: bold; font-size: 14px; color: rgb(85, 85, 85); text-align: center; white-space: nowrap; }
.ct-copy-paste-box-container > span { display: inline-block; height: 18px; max-width: 100%; border-right: 4px solid rgb(248, 248, 248); color: rgb(85, 85, 85); overflow: hidden; }
.ct-copy-paste-box-container > span::selection { background: rgb(218, 239, 254); color: rgb(85, 85, 85); }
.ct-input-container { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 47px; width: 100%; }
.ct-input-container > * { position: absolute; }
.ct-input-container label { top: 0px; padding-left: 10px; font-weight: bold; font-size: 12px; color: rgb(85, 85, 85); }
.ct-input-container input { bottom: 0px; width: 100%; padding: 0px 0px 5px 10px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(187, 187, 187); border-image: initial; font-size: 18px; color: rgb(85, 85, 85); }
.ct-input-container input:-webkit-autofill { box-shadow: rgb(255, 255, 255) 0px 0px 0px 20px inset; }
.ct-input-container input::placeholder { color: rgb(187, 187, 187); }
.ct-input-container input:focus { outline: 0px; border-bottom-color: rgb(22, 145, 198); }
.ct-input-container input:focus + label { color: rgb(22, 145, 198); }
.ct-input-container input:focus ~ .ct-input-icon { color: rgb(22, 145, 198); }
.ct-input-container input:invalid { outline: 0px; box-shadow: none; }
.ct-input-container.invalid input { outline: 0px; border-bottom-color: rgb(229, 57, 53); }
.ct-input-container.invalid input + label { color: rgb(229, 57, 53); }
.ct-input-container.invalid input ~ .ct-input-icon { color: rgb(229, 57, 53); }
.ct-input-container .ct-input-icon { position: absolute; right: 10px; top: 12px; color: rgb(187, 187, 187); }
.ct-input-container.with-icon input { padding-right: 45px; }
.ct-input-error-messages { display: flex; flex-direction: column; width: 100%; background-color: rgb(254, 249, 249); padding: 5px 0px 0px 10px; color: rgb(229, 57, 53); font-size: 12px; }
.ct-input-error-messages .error-message { margin-bottom: 5px; }
.ct-collapsable-container { width: 100%; margin-top: 30px; padding: 0px 30px; border-top: 1px solid rgb(187, 187, 187); }
.ct-collapsable-container .two-factor-description { text-align: left; }
.ct-collapsable-container .ct-collapsable-title-section { cursor: pointer; position: relative; margin: 20px 0px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.ct-collapsable-container .ct-collapsable-title-section .ct-collapsable-title { font-size: 18px; font-weight: bold; color: rgb(22, 145, 198); text-align: left; margin: 0px; }
.ct-collapsable-container .toggle-arrow { width: 20px; height: 13px; color: rgb(187, 187, 187); font-size: 33px; position: absolute; right: 3px; top: -14px; }
.ct-collapsable-container .toggle-arrow > i { height: 10px; }
.ct-collapsable-container .ct-collapsable-content { max-height: 500px; transform: scaleY(1); transform-origin: center top; transition: 0.35s ease-in-out, max-height 0.35s; margin-bottom: 20px; overflow: auto; }
.ct-collapsable-container .ct-collapsable-content.collapsed { transform: scaleY(0); max-height: 0px; margin-bottom: 0px; overflow: hidden; }
.ct-profile-card-container .profile-icon { font-size: 60px; margin-right: 15px; }
.ct-profile-card-container .profile-icon i { display: inherit; }
.ct-profile-card-container .profile-name { font-size: 20px; color: rgb(85, 85, 85); text-align: left; }
.ct-section-collapsable-container .two-factor-description { text-align: left; }
.ct-section-collapsable-container .ct-section-collapsable-title-section { cursor: pointer; position: relative; margin: 0px 0px 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgb(212, 220, 227); line-height: 24px; }
.ct-section-collapsable-container .ct-section-collapsable-title-section .ct-collapsable-icon { font-size: 30px; color: rgb(153, 171, 188); }
.ct-section-collapsable-container .ct-section-collapsable-title-section .ct-section-collapsable-title { display: inline-block; font-size: 18px; color: rgb(22, 149, 202); font-weight: 700; margin-bottom: 20px; }
.ct-section-collapsable-container .ct-section-collapsable-content { max-height: 500px; transition: 0.35s ease-in-out, max-height 0.35s; margin-bottom: 20px; overflow: hidden; }
.ct-section-collapsable-container .ct-section-collapsable-content.collapsed { max-height: 0px; margin-bottom: 0px; }
.icon-dropdown-container { position: relative; width: 100%; height: 100%; cursor: pointer; }
.menu-icon-container { font-size: 28px; color: rgb(213, 220, 227); display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.menu-options-container { min-width: 200px; position: absolute; top: 45px; right: -1px; border: 1px solid rgb(213, 220, 227); }
.menu-options-container a { display: block; text-decoration: none; cursor: pointer; background: rgb(255, 255, 255); padding: 13px 20px; font-weight: bold; font-size: 16px; color: rgb(187, 187, 187); }
.menu-options-container a:hover { text-decoration: none; }
.ct-three-step-button { min-width: 130px; overflow: hidden; position: relative; }
.ct-three-step-button .inner-container { width: 130px; height: 40px; }
.ct-three-step-button .button-container { position: relative; height: 55px; }
.ct-three-step-button .btn-cta { font-weight: 600; font-size: 16px; padding: 7px 0px; background: rgb(65, 180, 18); color: rgb(255, 255, 255); border: 0px; letter-spacing: 1px; line-height: 1; position: absolute; z-index: 5; }
.ct-three-step-button .btn-book { position: absolute; z-index: 5; }
.ct-three-step-button .notification { display: flex; height: 100%; justify-content: center; font-size: 16px; color: rgb(85, 85, 85); }
.ct-three-step-button .notification .text { flex: 1 0 0px; align-self: center; text-align: center; }
.ct-three-step-button .notification .ct-loader--spinner { align-self: center; }
.ct-three-step-button .confirm-terms-container { display: inline-block; min-width: 40px; width: 40px; height: 40px; }
.ct-three-step-button .confirm-button { width: 90px; padding-left: 25px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.ct-three-step-button .book-input { display: none; }
.ct-three-step-button .book-input:checked + .book-label { border-color: rgb(65, 180, 18); }
.ct-three-step-button .book-input:checked + .book-label::after { color: rgb(255, 255, 255); content: "v"; font-size: 16px; line-height: 25px; background: rgb(65, 180, 18); }
.ct-three-step-button .book-label { display: inline-block; position: relative; outline: none; user-select: none; width: 40px; height: 40px; line-height: 40px; cursor: pointer; background: transparent; font-family: currencytransfer; overflow: hidden; margin: 0px; border: 5px solid rgb(65, 180, 18); border-radius: 5px; }
.ct-three-step-button .book-label.confirm-checkbox { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.ct-three-step-button .book-label::before, .ct-three-step-button .book-label::after { content: "v"; color: transparent; width: 30px; line-height: 30px; height: 30px; display: block; position: absolute; border: 1px solid rgb(255, 255, 255); background: transparent; text-align: center; }
.ct-three-step-button .btn-container { width: 100px; height: 40px; display: inline-block; overflow: hidden; position: absolute; }
.ct-three-step-button .btn-animate-window { display: inline-block; width: 100px; overflow: hidden; min-width: 100px; height: 40px; position: absolute; left: 0px; top: 0px; z-index: 2; }
.ct-three-step-button .button { width: 85px; border: 1px solid rgb(65, 180, 18); background: transparent; border-radius: 0px; height: 40px; position: relative; color: rgb(65, 180, 18); outline: none; }
.ct-three-step-button .button.btn-cta-label { line-height: 24px; }
.ct-three-step-button .button.btn-cta-label:active { box-shadow: none; }
.ct-three-step-button .button.arrow-box { cursor: inherit; background: rgb(255, 255, 255); border: 1px solid rgb(65, 180, 18); margin-left: 20px; width: 70px; white-space: nowrap; }
.ct-three-step-button .button.arrow-box::after, .ct-three-step-button .button.arrow-box::before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; }
.ct-three-step-button .button.arrow-box::after { border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-width: 19px; margin-top: -19px; }
.ct-three-step-button .button.arrow-box::before { border-color: rgba(194, 225, 245, 0) rgb(65, 180, 18) rgba(194, 225, 245, 0) rgba(194, 225, 245, 0); border-width: 20px; margin-top: -20px; }
.ct-three-step-button .button:focus, .ct-three-step-button .button:active, .ct-three-step-button .button:hover, .ct-three-step-button .button { outline: none; }
.ct-three-step-button .btn-cta-label { transition: margin 0.4s; display: inline-block; margin: 0px; }
.ct-three-step-button .btn-cta-label[hidden] { display: inline-block !important; margin-left: 101px; }
.ct-three-step-button .btn-confirm { min-width: 100px; display: inline-block; background: rgb(65, 180, 18); color: rgb(255, 255, 255); border: 1px solid rgb(65, 180, 18); transition: margin 0.4s; margin: 0px; line-height: 18px; }
.ct-three-step-button .terms { position: absolute; top: 32px; left: 0px; transition: left 0.4s; }
.ct-three-step-button .terms p { margin: 8px 0px 0px; line-height: 1; text-align: center; white-space: nowrap; letter-spacing: -0.1px; font-size: 11px; }
.ct-three-step-button .terms[hidden] { left: 130px; transition: left 0.4s; }
ct-currency-dropdown-selector .ng-select-container .ng-value { pointer-events: none; }
.currency-list-item { font-size: 18px; color: rgb(85, 109, 130); line-height: 20px; }
.currency-list-item .currency-code { font-weight: 700; }
.currency-list-item .currency-name { font-weight: 400; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .currency-list-item .currency-name { display: none; }
}
.in-app-feature-container { width: 100%; max-width: 380px; }
.in-app-feature-container .fa-check { color: rgb(65, 180, 18); font-size: 24px; padding: 7px 0px; margin-right: 15px; }
.in-app-feature-container .title { font-weight: bold; font-size: 16px; color: rgb(22, 145, 198); }
.in-app-feature-container .description { line-height: 1.6em; color: rgb(85, 85, 85); }
.loading-state-container { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgb(255, 255, 255); position: absolute; inset: 0px; width: 100%; height: 100%; min-height: 200px; z-index: 8; padding: 15px 30px 30px; }
.loading-state-container.transparent-container { background-color: transparent; }
.loading-state-container .message { font-size: 18px; color: rgb(25, 92, 125); letter-spacing: -0.12px; margin-top: 10px; }
ct-text-input-container { display: block; }
.text-input-container { position: relative; display: flex; flex-direction: column-reverse; }
.text-input-container .ct-input-icon { position: absolute; display: flex; align-items: center; right: 10px; top: 0px; color: rgb(184, 196, 208); background: rgb(255, 255, 255); height: 45px; padding-left: 20px; mask-image: linear-gradient(to right, transparent, black 9px); }
.text-input-container.short-form { position: relative; justify-content: flex-start; align-items: flex-start; height: 47px; width: 100%; }
.text-input-container.long-form .label { display: inline-block; max-width: 100%; padding: 0px; margin-bottom: 9px; font-size: 14px; color: rgb(85, 109, 130); font-weight: bold; text-align: left; }
.text-input-container.long-form .label.optional::after { margin-left: 6px; content: "optional"; color: rgb(57, 165, 210); }
.text-input-container.long-form .label.large-label { font-size: 16px; }
.text-input-container.long-form input { height: inherit; width: 100%; border: 2px solid rgb(212, 220, 227); color: rgb(85, 109, 130); font-size: 16px; padding: 10px 10px 10px 20px; border-radius: 8px; }
.text-input-container.long-form input:focus { border-color: rgb(22, 145, 198); }
.text-input-container.long-form input:-webkit-autofill { box-shadow: rgb(255, 255, 255) 0px 0px 0px 30px inset; }
.text-input-container.long-form input.ng-valid-required, .text-input-container.long-form input.ng-valid.ng-touched, .text-input-container.long-form input.ng-valid.not-empty { border-color: rgb(65, 180, 18); background: rgb(245, 252, 243); }
.text-input-container.long-form input.ng-valid-required:focus, .text-input-container.long-form input.ng-valid.ng-touched:focus, .text-input-container.long-form input.ng-valid.not-empty:focus { border-color: rgb(22, 145, 198); }
.text-input-container.long-form input.ng-invalid-required.ng-touched, .text-input-container.long-form input.ng-invalid-pattern.ng-touched, .text-input-container.long-form input.ng-touched:invalid, .text-input-container.long-form input.ct-submit-error, .text-input-container.long-form input.ng-valid.ct-submit-error { border-color: rgb(229, 57, 53); background: rgb(254, 249, 249); }
.text-input-container.long-form input.ng-invalid-required.ng-touched:focus, .text-input-container.long-form input.ng-invalid-pattern.ng-touched:focus, .text-input-container.long-form input.ng-touched:invalid:focus, .text-input-container.long-form input.ct-submit-error:focus, .text-input-container.long-form input.ng-valid.ct-submit-error:focus { border-color: rgb(22, 145, 198); }
.text-input-container.long-form input.ct-error { border-color: rgb(229, 57, 53); }
.text-input-container.short-form label { font-size: 16px; color: rgb(68, 86, 103); font-weight: 700; line-height: 120%; letter-spacing: 0.032px; }
.text-input-container.short-form label:focus { color: rgb(22, 145, 198); }
.text-input-container.short-form input { bottom: 0px; width: 100%; padding: 10px; border: 2px solid rgb(212, 220, 227); border-radius: 8px; font-size: 18px; color: rgb(85, 109, 130); }
.text-input-container.short-form input:-webkit-autofill { background-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 0px 30px inset; -webkit-text-fill-color: rgb(85, 109, 130); }
.text-input-container.short-form input:-webkit-autofill::first-line { font-size: 18px; }
.text-input-container.short-form input::placeholder { color: rgb(187, 187, 187); }
.text-input-container.short-form input:focus { outline: 0px; border-color: rgb(22, 145, 198); }
.text-input-container.short-form input:focus + label { color: rgb(22, 145, 198); }
.text-input-container.short-form input:focus ~ .ct-input-icon { color: rgb(22, 145, 198); }
.text-input-container.short-form input:invalid { outline: 0px; box-shadow: none; }
ct-secondary-dropdown { display: block; }
.ct-short-form-dropdown-container { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 47px; width: 100%; }
.ct-short-form-dropdown-container > * { position: absolute; }
.ct-short-form-dropdown-container label { top: 0px; padding-left: 10px; font-weight: bold; font-size: 12px; color: rgb(85, 85, 85); }
.ct-short-form-dropdown-container .options-dropdown { width: 100%; top: 47px; background-color: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(187, 187, 187) rgb(187, 187, 187); border-image: initial; z-index: 100; }
.ct-short-form-dropdown-container .options-dropdown .option { cursor: pointer; padding: 8px 15px; }
.ct-short-form-dropdown-container .options-dropdown .option:hover { background-color: rgb(237, 247, 251); }
.ct-short-form-dropdown-container .selected-option { cursor: pointer; bottom: 0px; min-height: 28px; width: 100%; padding: 0px 0px 5px 10px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(187, 187, 187); border-image: initial; font-size: 16px; color: rgb(85, 85, 85); }
.ct-short-form-dropdown-container .dropdown-arrow { position: absolute; right: 15px; bottom: 6px; font-size: 16px; color: rgb(187, 187, 187); }
.ct-short-form-dropdown-container .selected-option:focus { outline: 0px; border-bottom-color: rgb(22, 145, 198); }
.ct-short-form-dropdown-container .selected-option:focus + label { color: rgb(22, 145, 198); }
.ct-short-form-dropdown-container .selected-option:focus ~ .ct-input-icon { color: rgb(22, 145, 198); }
.ct-short-form-dropdown-container .selected-option:invalid { outline: 0px; box-shadow: none; }
.ct-short-form-dropdown-container.invalid .selected-option { outline: 0px; border-bottom-color: rgb(229, 57, 53); }
.ct-short-form-dropdown-container.invalid .selected-option + label { color: rgb(229, 57, 53); }
.ct-short-form-dropdown-container.invalid .selected-option ~ .ct-input-icon { color: rgb(229, 57, 53); }
.ct-short-form-dropdown-container .ct-input-icon { position: absolute; right: 10px; top: 12px; color: rgb(187, 187, 187); }
.ct-short-form-dropdown-container.with-icon .selected-option { padding-right: 45px; }
.ct-input-error-messages { display: flex; flex-direction: column; width: 100%; background-color: rgb(254, 249, 249); padding: 5px 0px 0px 10px; color: rgb(229, 57, 53); font-size: 12px; }
.ct-input-error-messages .error-message { margin-bottom: 5px; }
.short-form-currency-dropdown-container { height: 47px; }
.short-form-currency-dropdown-container .label { padding: 0px 0px 0px 10px; font-weight: bold; font-size: 14px; color: rgb(153, 171, 188); }
.short-form-currency-dropdown-container .ng-select-header-input input { width: 89%; margin-left: 10px; padding-left: 10px; }
.short-form-currency-dropdown-container .ng-select.short-form-dropdown { height: auto; }
.short-form-currency-dropdown-container .ng-select.short-form-dropdown .currency-flag { min-width: 30px; }
.short-form-currency-dropdown-container .ng-select.short-form-dropdown .ng-arrow-wrapper { padding-right: 12px; margin-bottom: 6px; }
.short-form-currency-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-form-currency-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-form-currency-dropdown-container .ng-select.short-form-dropdown.ng-select-single .ng-select-container .ng-value-container .ng-input { top: -5px; }
.short-form-currency-dropdown-container .ng-select-template { color: rgb(85, 85, 85); padding: 0px; }
ct-phone-number-selector { display: block; }
@media only screen and (min-width: 0) and (max-width: 12000px) {
  ct-phone-number-selector { display: none; }
}
.ct-phone-number-selector-container { border-top: 1px solid rgb(213, 220, 227); text-align: center; color: rgb(22, 145, 198); padding-bottom: 10px; position: relative; }
.ct-phone-number-selector-container a { text-decoration: none; }
.ct-phone-number-selector-container .phone-number-list { position: absolute; bottom: calc(100% + 1px); width: 100%; background: rgb(255, 255, 255); border-top: 1px solid rgb(213, 220, 227); }
.ct-phone-number-selector-container .phone-number-list .option { width: 100%; cursor: pointer; margin-bottom: 0px; padding: 10px 0px; }
.ct-phone-number-selector-container .phone-number-list .option.schedule-option .ct-icon { margin-right: 5px; font-size: 18px; padding: 6px; border: 1px solid transparent; }
.ct-phone-number-selector-container .phone-number-list .option.schedule-option:hover .ct-icon { color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 50%; background-color: rgb(65, 180, 18); }
.ct-phone-number-selector-container .phone-number-list .option .phone-number { margin: 0px; font-size: 14px; height: 20px; color: rgb(153, 171, 188); }
.ct-phone-number-selector-container .phone-number-list .option:hover .phone-number { color: rgb(22, 149, 202); }
.ct-phone-number-selector-container .phone-number-list .contact-options-title { font-size: 12px; line-height: 12px; text-transform: uppercase; letter-spacing: 0.05em; color: rgb(153, 171, 188); text-align: left; font-weight: bold; margin-left: 4px; margin-top: 10px; margin-bottom: 10px; }
.ct-phone-number-selector-container .selector-button { width: 100%; padding: 10px 0px 10px 10px; margin-bottom: 10px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(213, 220, 227); border-image: initial; background: transparent; font-size: 14px; color: rgb(153, 171, 188); text-align: center; }
.ct-phone-number-selector-container .selector-button .ct-icon-item { margin-right: 13px; font-size: 22px; }
.ct-phone-number-selector-container .selector-button:hover { background-color: rgb(237, 247, 251); }
.ct-phone-number-selector-container .selector-button:active, .ct-phone-number-selector-container .selector-button.active { color: rgb(22, 145, 198); background-color: rgb(218, 239, 254); }
.ct-phone-number-selector-container .contact-details { margin-bottom: 15px; padding-top: 15px; text-align: center; }
.ct-phone-number-selector-container .cflag { margin: 0px 5px 0px 0px; }
.ct-phone-number-selector-container .phone-picture { height: 30px; width: 30px; border: 1px solid transparent; border-radius: 50%; margin: 0px 5px 0px 0px; }
.ct-phone-number-selector-container .phone-picture.hover-picture { background-color: rgb(65, 180, 18); }
.ct-phone-number-selector-container .extension { margin-left: 10px; padding-left: 2px; padding-right: 5px; position: absolute; z-index: 20; right: 0px; background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) -1px 0px 6px 1px; }
.ct-phone-number-selector-container .contact-button { color: rgb(153, 171, 188); cursor: pointer; padding: 14px 8px; position: absolute; background-color: rgb(255, 255, 255); z-index: 20; margin-left: 5px; right: 0px; top: 0px; }
.ct-phone-number-selector-container .contact-button.active { background-color: rgb(220, 239, 247); color: rgb(22, 149, 202); }
.ct-phone-number-selector-container .contact-button:hover { color: rgb(85, 109, 130); background: rgb(233, 237, 240); }
.ct-phone-number-selector-container .contact-button .ct-icon-options-menu { font-size: 16px; }
.ct-phone-number-selector-container .ct-rm-name { font-size: 10px; display: inline-flex; position: relative; max-width: 145px; min-width: 102px; }
.ct-phone-number-selector-container .ct-rm-name .name { text-transform: uppercase; white-space: nowrap; }
.ct-phone-number-selector-container .number { text-align: left; }
.ct-phone-number-selector-container .phone-number { display: flex; justify-content: flex-start; align-items: center; position: relative; min-width: 135px; text-align: left; padding-left: 6px; margin-bottom: 5px; font-size: 14px; color: rgb(25, 92, 125); font-weight: bold; height: 20px; }
.ct-phone-number-selector-container .phone-number:hover { color: rgb(22, 149, 202); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-phone-number-selector-container .phone-number { font-size: 16px; }
}
.ct-phone-number-selector-container .email { color: rgb(25, 92, 125); font-size: 12px; font-weight: bold; }
.ct-phone-number-selector-container .email:hover { color: rgb(22, 149, 202); }
.ct-phone-number-selector-container .bottom-text { font-size: 12px; line-height: 12px; display: block; color: rgb(25, 92, 125); }
.ct-phone-number-selector-container .terms:hover { color: rgb(22, 149, 202); }
.ct-phone-number-selector-container.header-version { display: flex; height: 100%; padding: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-phone-number-selector-container.header-version .cflag { display: none; }
  .ct-phone-number-selector-container.header-version .subtitle { display: none; }
}
.ct-phone-number-selector-container.header-version .subtitle { margin-bottom: 3px; font-size: 12px; font-weight: bold; line-height: 1; }
.ct-phone-number-selector-container.header-version .option { display: table-row; height: 35px; padding: 0px; margin: 10px 0px; }
.ct-phone-number-selector-container.header-version .phone-number-list { position: absolute; top: calc(100% + 1px); bottom: auto; right: -1px; width: 310px; padding: 15px 15px 0px; background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(213, 220, 227) rgb(213, 220, 227); border-image: initial; }
.ct-phone-number-selector-container.header-version .phone-number-list .cflag { margin: 5px 0px 0px; }
.ct-phone-number-selector-container.header-version .phone-number-list .rm-picture { height: 30px; width: 30px; border: 1px solid transparent; border-radius: 50%; }
.ct-phone-number-selector-container.header-version .phone-number { padding-left: 0px; margin-bottom: 0px; }
.ct-phone-number-selector-container.header-version .contact-details { margin-right: 10px; }
.ct-phone-number-selector-container.header-version .selector-button { margin: 0px; padding: 0px 15px; font-size: 24px; border: 0px; width: auto; }
.ct-phone-number-selector-container.header-version .ct-icon-item { margin: 0px; }
.trustpilot-review-container .separator { width: 100%; height: 1px; background: rgb(221, 221, 221); margin: 20px 0px; }
.trustpilot-review-container .header-logo { width: 150px; }
.trustpilot-review-container .footer-logo { width: 130px; }
.trustpilot-review-container .author-photo { height: 50px; }
.trustpilot-review-container .review-title { color: rgb(85, 85, 85); font-size: 18px; line-height: 22px; font-weight: bold; margin-left: 10px; }
.trustpilot-review-container .review-description { color: rgb(85, 85, 85); margin-top: 10px; padding-right: 30px; }
.trustpilot-review-container .review-author { color: rgb(22, 145, 198); font-size: 18px; }
.trustpilot-review-container .review-author span:first-child { font-weight: bold; }
.trustpilot-carousel-container .slider-progress-bar { display: flex; justify-content: center; padding: 20px 0px; }
.trustpilot-carousel-container .slider-progress-dot { width: 10px; height: 10px; margin: 0px 5px; cursor: pointer; border-radius: 100%; background: rgb(221, 221, 221); }
.trustpilot-carousel-container .slider-progress-dot.active { background: rgb(22, 149, 202); cursor: default; }
.page-tab-switcher-container { width: 100%; max-width: 870px; margin: 30px auto 0px; padding-left: 15px; border-bottom: 1px solid rgb(184, 196, 208); }
.page-tab-switcher-container .page-tab { display: flex; align-items: center; justify-content: center; padding: 10px 15px; cursor: pointer; }
.page-tab-switcher-container .page-tab.active { border-bottom: 2px solid rgb(22, 145, 198); }
.page-tab-switcher-container .page-tab.active .tab-title, .page-tab-switcher-container .page-tab.active .tab-icon { color: rgb(22, 145, 198); }
.page-tab-switcher-container .tab-icon { color: rgb(184, 196, 208); font-size: 20px; margin-right: 15px; }
.page-tab-switcher-container .tab-title { color: rgb(184, 196, 208); font-size: 16px; font-weight: bold; line-height: 1; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .page-tab-switcher-container .page-tab:not(.active) .tab-title { display: none; }
}
.ct-app.open-modal { width: 100% !important; }
.ct-app.overflow-hidden { overflow: hidden; }
.modal-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 550px; }
.ct-modal { z-index: 5; position: absolute; display: block; inset: 0px; background-color: rgb(255, 255, 255); }
.ct-modal.full-width { z-index: 10; }
.ct-modal .modal-title { font-family: Lato, sans-serif; font-size: 20px; color: rgb(22, 145, 198); font-weight: 900; line-height: 24px; }
.ct-modal .modal-text { color: rgb(85, 109, 130); }
.ct-modal h4 { font-family: Lato, sans-serif; color: rgb(85, 85, 85); font-weight: 900; text-transform: uppercase; }
.ct-modal .modal-button { background-color: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); color: rgb(187, 187, 187); width: 100%; box-shadow: none; margin-bottom: 30px; }
.ct-modal .modal-button:hover { background-color: rgb(238, 238, 238); }
.ct-modal .close-button { position: absolute; top: 20px; right: 30px; color: rgb(221, 221, 221); font-weight: 300; font-size: 40px; cursor: pointer; }
.ct-modal .close-button:hover { color: rgb(187, 187, 187); }
.ct-modal .ct-full-modal-content { width: 100%; min-height: 100vh; background-color: rgb(255, 255, 255); }
.ct-modal .ct-full-modal-content .content { margin: 0px auto; }
@media only screen and (min-width: 1200px) and (max-width: 12000px) {
  .ct-modal.full-width { width: 100%; }
  .ct-modal .ct-full-modal-content .content { margin: 0px auto; width: 615px; padding-top: 30px; }
}
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .ct-modal.full-width { width: 100%; }
  .ct-modal .ct-full-modal-content { width: 100%; padding: 30px; }
}
@media only screen and (min-width: 767px) and (max-width: 1199px) {
  .ct-modal .ct-full-modal-content .content { margin: 0px auto; width: 615px; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-modal.full-width { width: 100%; }
  .ct-modal .ct-full-modal-content { width: 100%; padding: 30px 15px; background-color: rgb(255, 255, 255); }
  .ct-modal .ct-full-modal-content .content { width: 100%; }
}
.processing-registration-container { max-width: 420px; width: 100%; color: rgb(85, 85, 85); margin: 0px auto; }
.processing-registration-container .content { width: 100%; display: flex; flex-direction: column; align-items: center; }
.processing-registration-container .heading { font-size: 22px; font-weight: 900; text-transform: uppercase; text-align: center; color: rgb(85, 109, 130); line-height: 1; }
.processing-registration-container .image { max-width: 320px; width: 100%; margin-top: 20px; margin-bottom: 35px; }
.processing-registration-container .text { font-size: 16px; font-weight: 400; color: rgb(85, 109, 130); text-align: center; }
.registration-setup-card-container { max-width: 540px; padding: 20px; box-sizing: border-box; background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); color: rgb(85, 85, 85); }
.registration-setup-card-container .title { width: 100%; font-size: 20px; text-align: center; }
.registration-setup-card-container .progress-bar { display: flex; align-items: center; justify-content: center; height: 40px; width: 100%; margin: 10px 0px; padding-left: 17px; padding-right: 39px; background: transparent; box-shadow: none; }
.registration-setup-card-container .progress-bar > * { flex-grow: 1; flex-basis: 0px; margin-right: 4px; margin-top: 7px; height: 5px; }
.registration-setup-card-container .first-step { background: linear-gradient(rgb(42, 159, 152) 0%, rgb(42, 160, 153) 100%); }
.registration-setup-card-container .first-step::after { content: ""; border: 4px solid rgb(22, 145, 198); border-radius: 100%; width: 18px; height: 18px; box-sizing: border-box; display: block; position: relative; right: 17px; bottom: 7px; }
.registration-setup-card-container .second-step { background: linear-gradient(rgb(42, 160, 153) 0%, rgb(63, 175, 74) 100%); }
.registration-setup-card-container .third-step { background: rgb(63, 175, 74); }
.registration-setup-card-container .fourth-step { position: relative; background: rgb(187, 187, 187); }
.registration-setup-card-container .fourth-step .circle { position: absolute; display: flex; align-items: center; justify-content: center; border: 4px solid rgb(187, 187, 187); border-radius: 100%; color: rgb(136, 136, 136); width: 40px; height: 40px; box-sizing: border-box; right: -40px; bottom: -18px; }
.registration-setup-card-container .notes { width: 100%; text-align: center; }
.registration-setup-card-container .instructions-box { display: flex; flex-direction: row; width: 100%; background: rgb(248, 248, 248); border: 1px solid rgb(184, 196, 208); padding: 20px; margin-top: 20px; box-sizing: border-box; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .registration-setup-card-container .instructions-box { flex-direction: column; align-items: center; }
}
.registration-setup-card-container .instructions-box .instructions-icon { color: rgb(255, 255, 255); background: rgb(22, 145, 198); height: 36px; min-width: 36px; max-width: 36px; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.registration-setup-card-container .instructions-box .instructions-icon i { font-size: 20px; }
.registration-setup-card-container .instructions-box .instructions-title { font-size: 20px; margin-top: 5px; margin-bottom: 16px; }
.registration-setup-card-container .instructions-box .right-container { margin-left: 15px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .registration-setup-card-container .instructions-box .right-container { margin-left: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
}
.make-first-transfer-container { display: flex; flex-direction: row; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .make-first-transfer-container { align-items: center; flex-direction: column; }
}
.make-first-transfer-container img { width: 86px; }
.make-first-transfer-container .green-title { font-weight: lighter; font-size: 26px; color: rgb(65, 180, 18); line-height: 1; }
.make-first-transfer-container .content { padding: 8px 0px; margin-left: 30px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .make-first-transfer-container .content { align-items: center; margin-left: 0px; margin-top: 15px; }
  .make-first-transfer-container .content > * { margin-top: 5px; }
}
.make-first-transfer-container .note { color: rgb(111, 111, 111); font-weight: bold; font-size: 18px; margin-top: 5px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .make-first-transfer-container .note { text-align: center; }
}
.ct-alert { width: 100%; border-radius: 2px; margin-bottom: 10px; font-size: 14px; font-weight: 600; line-height: 20px; }
.ct-alert.primary { background: rgb(237, 247, 251); color: rgb(57, 165, 210); }
.info-message-container { margin-bottom: 45px; }
.info-message { position: relative; }
.info-message .info-message-text { font-size: 16px; padding-right: 20px; font-weight: 400; }
.info-message .info-message-icon { font-size: 30px; margin-right: 10px; }
.info-message .dismiss-button { position: absolute; top: 15px; right: 15px; font-size: 20px; cursor: pointer; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .info-message .info-message-icon { padding-top: 15px; }
  .info-message .details-button { margin-left: 20px; }
}
.info-message .details-button { background: transparent; border: 2px solid rgb(22, 145, 198); color: rgb(22, 145, 198); min-width: initial; }
.info-message .details-button:hover { background: rgb(22, 145, 198); color: rgb(255, 255, 255); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .form-currency-dropdown-container .info-container { text-align: center; margin-bottom: 10px; }
}
.form-currency-dropdown-container { min-height: 47px; height: auto; }
.form-currency-dropdown-container .info-container { color: rgb(136, 136, 136); margin-top: 10px; padding-left: 10px; }
.form-currency-dropdown-container .info-container .make-a-deposit-container { font-weight: 600; cursor: pointer; }
.form-currency-dropdown-container .info-container .make-a-deposit-container:hover a { color: rgb(25, 92, 125); }
.form-currency-dropdown-container .info-container .make-a-deposit-container:hover a::after { border-color: rgb(25, 92, 125) transparent transparent rgb(25, 92, 125); }
.form-currency-dropdown-container .info-container .make-a-deposit-container a { color: rgb(22, 145, 198); text-decoration: none; }
.form-currency-dropdown-container .info-container .make-a-deposit-container a::after { content: ""; vertical-align: middle; margin: auto; position: relative; display: inline-block; width: 10px; height: 10px; transform: rotate(135deg); border-width: 1px; border-style: solid; border-image: initial; border-color: rgb(22, 145, 198) transparent transparent rgb(22, 145, 198); background-color: transparent; }
.form-currency-dropdown-container .select-container .ct-mouseevent-wrapper .ct-trade-content-overlay { position: absolute; width: 100%; margin-top: 20px; margin-left: 20px; height: 90px; z-index: 20; justify-content: center; background: rgba(250, 250, 250, 0.8); }
.form-currency-dropdown-container .select-container.inactive { pointer-events: none; }
.form-currency-dropdown-container .select-container.inactive .ng-arrow { display: none; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .form-currency-dropdown-container .make-a-deposit-container a::after { margin-top: 6px !important; float: right; }
}
.form-currency-dropdown-container .label { color: rgb(136, 136, 136); margin: 0px; font-size: 13px; padding: 24px 10px 10px; line-height: 14px; display: inline; white-space: nowrap; vertical-align: baseline; }
.form-currency-dropdown-container .label-active { color: rgb(22, 145, 198); }
.form-currency-dropdown-container .last-updated { font-weight: 700; font-size: 12px; float: right; }
.form-currency-dropdown-container .last-updated .refresh-button { margin-left: 5px; font-weight: bold; text-decoration: none; color: rgb(22, 149, 202); }
.form-currency-dropdown-container .last-updated .refresh-button:hover { color: rgb(22, 145, 198); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .form-currency-dropdown-container .last-updated .last-updated-date { display: none; }
}
.form-currency-dropdown-container .balance-label { position: absolute; top: 10px; font-weight: 700; font-size: 12px; color: rgb(22, 149, 202); line-height: 14px; text-transform: uppercase; }
.form-currency-dropdown-container .broker-icon { width: 22px; height: 22px; }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown { height: auto; border: 1px solid rgb(187, 187, 187); }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .ng-dropdown-panel { border: 1px solid rgb(22, 145, 198); border-radius: 0px; }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .ng-dropdown-panel .ng-dropdown-panel-items { max-height: none; }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .ng-dropdown-panel .ng-option-child { padding-bottom: 0px; padding-top: 0px; }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .ng-dropdown-panel .ng-option-child .vertical-divider { width: 1px; height: 60px; background: rgb(187, 187, 187); }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .ng-dropdown-panel .ng-option-child .vertical-divider.last { height: 30px; margin-bottom: 30px; }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .footer-container { text-align: center; }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .footer-container a { text-decoration: none; color: rgb(22, 145, 198); font-size: 18px; }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .balance-currency-group .balance-currency-group-name .balance-currency-code { font-weight: 700; font-size: 16px; color: rgb(85, 109, 130); }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .balance-currency-group .balance-currency-group-name .balance-currency-name { font-weight: 400; font-size: 14px; color: rgb(85, 109, 130); }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .balance-provider { font-weight: 400; font-size: 16px; color: rgb(85, 109, 130); }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .currency-balance { font-weight: bold; font-size: 16px; color: rgb(85, 109, 130); }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .currency-option-balance { font-weight: bold; margin-right: 40px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .form-currency-dropdown-container .ng-select.currency-balance-dropdown .currency-option-balance { display: none; }
}
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .ng-value { width: 100%; padding-top: 10px; padding-bottom: 10px; padding-right: 5px; color: rgb(136, 136, 136); }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .ng-arrow-wrapper { min-height: inherit; height: 100%; padding-left: 15px; padding-right: 15px; width: auto; display: flex; align-items: center; }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown .ng-arrow-wrapper .ng-arrow { border-width: 6px 6px 0px; border-color: rgb(136, 136, 136) transparent transparent; }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown.ng-select-single .ng-select-container { height: auto; min-height: 75px; border-radius: 0px; background: transparent !important; }
.form-currency-dropdown-container .ng-select.currency-balance-dropdown.ng-select-single .ng-select-container .ng-value-container .ng-input { top: -5px; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .form-currency-dropdown-container .ng-select.currency-balance-dropdown.ng-select-single .ng-select-container { min-height: 100px; }
}
.form-currency-dropdown-container .ng-select-template { color: rgb(85, 85, 85); padding: 0px; }
.form-currency-dropdown-container .ng-select.unsearchable > .ng-select-container .ng-arrow-wrapper .ng-arrow { border-width: 6px 6px 0px; }
.form-currency-dropdown-container .ng-select.unsearchable.ng-select-opened { border: 1px solid rgb(22, 145, 198); }
.form-currency-dropdown-container .ng-select.unsearchable.ng-select-opened > .ng-select-container .ng-arrow-wrapper { background-color: rgb(22, 145, 198); }
.form-currency-dropdown-container .ng-select.unsearchable.ng-select-opened > .ng-select-container .ng-arrow-wrapper .ng-arrow { border-width: 0px 6px 6px; border-color: transparent transparent rgb(255, 255, 255); margin-bottom: 13px; margin-top: 20px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .form-currency-dropdown-container .ng-select.unsearchable.ng-select-opened { border: 1px solid rgb(22, 145, 198); }
  .form-currency-dropdown-container .ng-select.unsearchable.ng-select-opened > .ng-select-container .ng-arrow-wrapper { background-color: rgb(22, 145, 198); }
  .form-currency-dropdown-container .ng-select.unsearchable.ng-select-opened > .ng-select-container .ng-arrow-wrapper .ng-arrow { border-width: 0px 6px 6px; border-color: transparent transparent rgb(255, 255, 255); margin-bottom: 24px; margin-top: 34px; }
}
.calendly-inline-widget { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 13; }
.calendly-inline-widget .calendly-close-button { width: 100%; position: absolute; top: 0px; height: 40px; }
.calendly-inline-widget .calendly-close-button span { cursor: pointer; font-size: 40px; z-index: 14; color: rgb(187, 187, 187); position: absolute; right: 30px; top: 10px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .calendly-inline-widget .calendly-close-button span { right: 0px; top: 0px; }
}
.background-overlay { height: calc(100% + 30px); width: 100%; position: absolute; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.8); z-index: 12; }
.ct-notification-card { max-width: 500px; background-color: rgb(237, 247, 251); border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgb(22, 145, 198); border-image: initial; position: fixed; bottom: 0px; left: 205px; margin: 0px 0px 15px 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 7px -2px; z-index: 10; }
.ct-notification-card .notification-content-container { height: 100%; padding: 20px; }
.ct-notification-card .notification-content-container .ct-icon { color: rgb(22, 145, 198); margin-top: 10px; }
.ct-notification-card .notification-content-container .ct-notification-title { font-size: 16px; font-weight: 700; color: rgb(22, 145, 198); }
.ct-notification-card .notification-content-container .ct-notification-text { font-size: 16px; color: rgb(85, 85, 85); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .ct-notification-card { left: 0px; margin: 10px; }
}
@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .ct-notification-card { left: 50px; margin-left: 15px; }
}
.copy-tooltip { background-color: rgb(255, 255, 255); padding: 5px; color: rgb(85, 109, 130); font-size: 16px; box-shadow: rgb(221, 221, 221) 2px 2px 3px; }
.ct-copy-btn { color: rgb(57, 165, 210); font-weight: bold; text-decoration: none; cursor: pointer; }
.ct-copy-btn i { font-size: 20px; }
.ct-copy-btn:hover, .ct-copy-btn:focus, .ct-copy-btn:active { color: rgb(22, 145, 198); text-decoration: none; }
.deposit-details-container { display: flex; flex-direction: column; }
.deposit-details-container .ct-deposit-header { background: rgb(255, 255, 255); border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(233, 237, 240) rgb(233, 237, 240) currentcolor; border-image: initial; }
.deposit-details-container .ct-deposit-header .payment-details { border-bottom: 1px solid rgb(233, 237, 240); padding: 10px 20px; }
.deposit-details-container .ct-deposit-header .payment-details .balance-amount { font-weight: 700; font-size: 16px; color: rgb(85, 109, 130); }
.deposit-details-container .ct-deposit-header .payment-details .ct-settlement-logo { height: 70px; max-width: 140px; }
.deposit-details-container .ct-deposit-header .deposit-currency { padding: 20px; color: rgb(85, 109, 130); font-size: 16px; }
.deposit-details-container .ct-deposit-header .deposit-currency .currency-code { font-weight: 700; margin-left: 10px; }
.deposit-details-container .ct-deposit-header .deposit-currency .currency-name { font-weight: 400; }
.deposit-details-container .deposit-account-options { border-left: 1px solid rgb(233, 237, 240); border-right: 1px solid rgb(233, 237, 240); padding: 0px 20px; }
.deposit-details-container .deposit-account-options.borderless { border-left: 0px; border-right: 0px; }
.deposit-details-container .deposit-account-options .deposit-options-title { font-style: normal; font-weight: 700; font-size: 16px; color: rgb(85, 109, 130); }
.deposit-details-container .ct-account-details { border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(233, 237, 240) rgb(233, 237, 240); border-image: initial; padding: 0px 20px 20px; }
.deposit-details-container .ct-account-details.borderless { border: 0px; }
.deposit-details-container .ct-account-details > .inner-container { display: flex; flex-direction: column; }
.deposit-details-container .ct-account-details .ct-deposit-details { display: flex; font-size: 15px; line-height: 1; border-top: 1px solid rgb(233, 237, 240); margin-bottom: -1px; align-items: center; }
.deposit-details-container .ct-account-details .ct-deposit-details.first { border-top: 0px; }
.deposit-details-container .ct-account-details .ct-deposit-details .property, .deposit-details-container .ct-account-details .ct-deposit-details .value { padding: 20px 0px; }
.deposit-details-container .ct-account-details .ct-deposit-details .property { flex: 1 0 0px; font-size: 14px; color: rgb(22, 149, 202); text-align: left; padding-left: 10px; }
.deposit-details-container .ct-account-details .ct-deposit-details .value { flex: 2.4 0 0px; color: rgb(85, 109, 130); text-align: right; padding-right: 15px; font-size: 16px; }
.deposit-details-container .ct-account-details .ct-deposit-details .value > .main { padding: 0px 0px 6px; }
.deposit-details-container .ct-account-details .ct-payment-information { flex: 1 0 0px; }
.deposit-details-container .ct-account-details .ct-bank-details { flex: 1 0 0px; }
.recipient-badge-container { background: rgb(255, 255, 255); border: 1px solid rgb(232, 236, 240); border-radius: 5px; box-sizing: border-box; padding: 20px; }
.recipient-badge-container.active { background: rgb(248, 248, 248); }
.recipient-badge-container .ct-icon-pending-recipient { font-size: 34px; margin: 5px 20px; }
.recipient-badge-container .ct-recipient-name--icon { border-radius: 100px; width: 34px; height: 34px; overflow: hidden; border: 2px solid rgb(44, 190, 197); text-align: center; margin: 5px 20px; box-sizing: content-box; }
.recipient-badge-container .ct-recipient-name--icon::before { font-family: currencytransfer; color: rgb(44, 190, 197); font-size: 26px; line-height: 37px; }
.recipient-badge-container .ct-recipient-name--icon.icon-company::before { content: "i"; }
.recipient-badge-container .ct-recipient-name--icon.icon-individual::before { content: "j"; }
.recipient-badge-container .ct-recipient-name { font-size: 20px; color: rgb(85, 85, 85); }
.recipient-badge-container .ct-recipient-account { font-weight: bold; font-size: 12px; color: rgb(184, 196, 208); }
.checkbox-button-container { height: 40px; }
.checkbox-button-container .checkbox-container { display: flex; align-items: center; height: 45px; width: 45px; padding-left: 3px; border-width: 2px 0px 2px 2px; border-style: solid none solid solid; border-color: rgb(65, 180, 18) currentcolor rgb(65, 180, 18) rgb(65, 180, 18); border-image: initial; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.checkbox-button-container .checkbox-container .checkbox-button-label { height: 35px; width: 35px; border: 2px solid rgb(65, 180, 18); margin: 0px; cursor: pointer; font-size: 22px; text-align: center; padding: 3px; background: rgb(245, 252, 243); }
.checkbox-button-container .checkbox-container.checked-container { background: rgb(57, 157, 16); border-color: rgb(57, 157, 16); }
.checkbox-button-container .checkbox-container.checked-container .checkbox-button-label { border: 3px solid rgb(255, 255, 255); color: rgb(255, 255, 255); background: rgb(65, 180, 18); }
.checkbox-button-container .checkbox-container.checked-container .checkbox-button-label i { font-size: 22px; }
.checkbox-button-container .checkbox-button { height: 45px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding-left: 15px; padding-right: 15px; min-width: 150px; }
.checkbox-button-container .checkbox-button:disabled { background: rgb(255, 255, 255); color: rgb(65, 180, 18); opacity: 1; border-width: 2px 2px 2px 0px; border-style: solid solid solid none; border-color: rgb(65, 180, 18) rgb(65, 180, 18) rgb(65, 180, 18) currentcolor; border-image: initial; }
.rate-chart-page-container-email { max-width: 980px; }
.rate-chart-page-container-email .rate-chart-main-container { font-family: Lato, sans-serif; }
.rate-chart-page-container-email .chart-container .chart-header { font-family: Lato, sans-serif; font-size: 28px; color: rgb(122, 146, 168); font-weight: 700; margin-bottom: 20px; text-transform: uppercase; }
.rate-chart-page-container-email .chart-container .area { fill: url("#temperature-gradient"); stroke-width: 0; }
.rate-chart-page-container-email .chart-container .grid.solid-line line { stroke-dasharray: 0; stroke-width: 2px; stroke: rgb(255, 255, 255); }
.rate-chart-page-container-email .chart-container .grid path { stroke-width: 0; }
.rate-chart-page-container-email .chart-container .date-label { font-size: 20px; line-height: 25px; font-weight: 700; color: rgb(177, 191, 205); font-family: Lato, sans-serif; text-transform: uppercase; text-align: left; padding-left: 10px; padding-right: 6px; white-space: nowrap; }
.rate-chart-page-container-email .chart-container .axis path, .rate-chart-page-container-email .chart-container .axis line { fill: none; stroke: rgb(194, 204, 214); stroke-width: 2px; }
.rate-chart-page-container-email .chart-container .axis-y path, .rate-chart-page-container-email .chart-container .axis-y line { transform: scale(1, 1.2); stroke-width: 4px; }
.rate-chart-page-container-email .chart-container .line { fill: none; stroke: rgb(22, 145, 198); stroke-width: 4px; }
.rate-chart-page-container-email .chart-container .focus circle { stroke: rgb(22, 145, 198); stroke-width: 4px; }
.rate-chart-page-container-email .chart-container .booking-line { fill: none; stroke: rgb(42, 191, 197); stroke-width: 4px; }
.rate-chart-page-container-email .chart-container .expiration-line { fill: none; stroke: rgb(185, 196, 208); stroke-width: 1px; }
.rate-chart-page-container-email .chart-container .expiration-line.expired { stroke: rgb(185, 196, 208); stroke-width: 2px; }
.rate-chart-page-container-email .chart-container .expiration-tooltip { text-align: center; background: rgb(153, 171, 188); color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 20px; }
.rate-chart-page-container-email .chart-container .expiration-tooltip i { font-size: 13px; line-height: 20px; font-weight: 400; }
.rate-chart-page-container-email .chart-container .booking-tooltip { font-size: 20px; line-height: 24px; font-family: Lato, sans-serif; pointer-events: none; background: rgb(42, 191, 197); border: 1px solid rgb(255, 255, 255); border-radius: 20px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; }
.rate-chart-page-container-email .chart-container .rate-tooltip { font-weight: 700; }
.rate-chart-page-container-email .chart-container .rate-tooltip .label-booked { font-size: 22px; color: rgb(42, 191, 197); text-align: center; text-transform: uppercase; background: rgb(255, 255, 255); }
.rate-chart-page-container-email .chart-container .rate-tooltip .label-rate { font-size: 22px; line-height: 30px; font-family: Lato, sans-serif; pointer-events: none; background: rgb(42, 191, 197); border: 1px solid rgb(255, 255, 255); border-radius: 20px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; }
.rate-chart-page-container-market-order { max-width: 980px; }
.rate-chart-page-container-market-order .rate-chart-main-container { font-family: Lato, sans-serif; }
.rate-chart-page-container-market-order .chart-container .chart-header { font-family: Lato, sans-serif; font-size: 28px; color: rgb(122, 146, 168); font-weight: 700; margin-bottom: 20px; text-transform: uppercase; }
.rate-chart-page-container-market-order .chart-container .area { fill: url("#temperature-gradient"); stroke-width: 0; }
.rate-chart-page-container-market-order .chart-container .start-area { fill: url("#start-gradient"); stroke-width: 0; }
.rate-chart-page-container-market-order .chart-container .grid.solid-line line { stroke-dasharray: 0; stroke-width: 1px; stroke: rgb(255, 255, 255); }
.rate-chart-page-container-market-order .chart-container .grid path { stroke-width: 0; }
.rate-chart-page-container-market-order .chart-container .date-label { font-size: 14px; line-height: 16px; font-weight: 700; color: rgb(177, 191, 205); font-family: Lato, sans-serif; text-transform: uppercase; text-align: left; padding-left: 10px; padding-right: 6px; white-space: nowrap; }
.rate-chart-page-container-market-order .chart-container .axis path, .rate-chart-page-container-market-order .chart-container .axis line { fill: none; stroke: rgb(194, 204, 214); stroke-width: 1px; }
.rate-chart-page-container-market-order .chart-container .axis-y path, .rate-chart-page-container-market-order .chart-container .axis-y line { transform: scale(1, 0.97); stroke-width: 2px; }
.rate-chart-page-container-market-order .chart-container .axis-x path, .rate-chart-page-container-market-order .chart-container .axis-x line { transform: scale(1.052, 1); }
.rate-chart-page-container-market-order .chart-container .line { fill: none; stroke: rgb(22, 145, 198); stroke-width: 2px; }
.rate-chart-page-container-market-order .chart-container .line.start { stroke: rgba(22, 145, 198, 0.3); }
.rate-chart-page-container-market-order .chart-container .focus circle { stroke: rgb(22, 145, 198); stroke-width: 2px; }
.rate-chart-page-container-market-order .booking-line { fill: none; stroke: rgb(42, 191, 197); stroke-width: 2px; }
.rate-chart-page-container-market-order .expiration-line { fill: none; stroke: rgb(185, 196, 208); stroke-width: 1px; }
.rate-chart-page-container-market-order .expiration-line.expired { stroke: rgb(185, 196, 208); stroke-width: 2px; }
.rate-chart-page-container-market-order .expiration-tooltip { text-align: center; background: rgb(153, 171, 188); color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 20px; }
.rate-chart-page-container-market-order .expiration-tooltip i { font-size: 13px; line-height: 20px; font-weight: 400; }
.rate-chart-page-container-market-order .start-line { fill: none; stroke: rgb(185, 196, 208); stroke-width: 1px; }
.rate-chart-page-container-market-order .line-tooltip { text-align: center; color: rgb(153, 171, 188); font-size: 14px; }
.rate-chart-page-container-market-order .line-tooltip .line-tooltip-text { min-height: 20px; line-height: 20px; font-weight: 700; }
.rate-chart-page-container-market-order .line-tooltip .line-tooltip-text.expired { background: rgb(153, 171, 188); color: rgb(255, 255, 255); border-radius: 12px; }
.rate-chart-page-container-market-order .line-tooltip .line-tooltip-date { line-height: 16px; font-weight: 400; }
.rate-chart-page-container-market-order .booking-tooltip { font-size: 16px; line-height: 20px; font-family: Lato, sans-serif; font-weight: 700; pointer-events: none; background: rgb(42, 191, 197); border: 2px solid rgb(255, 255, 255); border-radius: 20px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; }
.rate-chart-page-container-market-order .booking-tooltip i { font-size: 12px; line-height: 13px; }
.rate-chart-page-container-market-order .completed-tooltip { text-align: center; font-size: 12px; color: rgb(255, 255, 255); font-style: normal; font-weight: 700; line-height: 16px; border: 2px solid rgb(255, 255, 255); border-radius: 20px; background: rgb(42, 191, 197); padding-top: 2px; padding-bottom: 2px; }
.rate-chart-page-container-market-order .rate-tooltip { font-weight: 700; }
.rate-chart-page-container-market-order .rate-tooltip .label-booked { font-size: 16px; color: rgb(42, 191, 197); text-align: center; text-transform: uppercase; background: rgb(255, 255, 255); }
.rate-chart-page-container-market-order .rate-tooltip .label-rate { font-size: 16px; line-height: 25px; font-family: Lato, sans-serif; pointer-events: none; background: rgb(42, 191, 197); border: 1px solid rgb(255, 255, 255); border-radius: 20px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .rate-chart-page-container-market-order .axis-x .date-label { width: 0px; }
  .rate-chart-page-container-market-order .axis-x .tick { display: none; }
  .rate-chart-page-container-market-order .axis-x .tick:first-of-type, .rate-chart-page-container-market-order .axis-x .tick:last-of-type { display: block; }
}
.date-line { fill: none; stroke: rgb(185, 196, 208); stroke-width: 1px; }
.date-tooltip { text-align: center; color: rgb(153, 171, 188); font-size: 14px; line-height: 16px; font-weight: 400; }
.date-tooltip .line-tooltip-text { min-height: 20px; line-height: 20px; font-weight: 700; }
.file-upload-input { display: none; }
.bold-text { font-weight: 900; }
.trade-payments-list-container { width: 100%; }
.trade-payments-list-container .ct-awaiting-approval-pill { width: 70px; padding: 5px 7px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .ct-awaiting-approval-pill { width: auto; }
}
.trade-payments-list-container .ct-grey-pill { width: 70px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .ct-grey-pill { width: auto; }
}
.trade-payments-list-container .checkbox-container { width: 45px; }
.trade-payments-list-container .table-row-item { padding: 15px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .table-row-item { padding-top: 0px; }
}
.trade-payments-list-container .table-row-item.last-item { border-bottom: 1px solid rgb(221, 221, 221); }
.trade-payments-list-container .files-list { font-size: 16px; border-left: 1px solid rgb(212, 220, 227); margin-left: 10px; }
.trade-payments-list-container .files-list:hover { color: rgb(22, 145, 198); cursor: pointer; }
.trade-payments-list-container .file-list-icon { font-size: 16px; padding-left: 10px; padding-right: 5px; }
.trade-payments-list-container .payment-information { border-bottom: 1px solid rgb(212, 220, 227); }
.trade-payments-list-container .payment-information.active { background-color: rgb(255, 255, 255); border-bottom: 0px; }
.trade-payments-list-container .payment-information .table-row-item.recipient-row { padding-left: 0px; }
.trade-payments-list-container .payment-information .table-row-item.recipient-row.pending-payments { padding-left: 15px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .payment-information .table-row-item.recipient-row { padding-top: 15px; }
}
.trade-payments-list-container .payment-information.invoice-list { border-bottom: 1px solid rgb(212, 220, 227); }
.trade-payments-list-container .payment-information.invoice-list.failed-payment { border-bottom: 0px; }
.trade-payments-list-container .payment-information.invoice-list .invoice-upload-container { border: 2px dashed rgb(213, 220, 227); border-radius: 15px; margin: 15px; background: rgb(237, 247, 251); color: rgb(85, 109, 130); font-size: 16px; }
.trade-payments-list-container .payment-information .ct-attachment-button { position: relative; border: 2px solid rgb(153, 171, 188); padding: 8px; background: transparent; border-radius: 50%; width: 36px; height: 36px; }
.trade-payments-list-container .payment-information .ct-attachment-button.active { background: rgb(237, 247, 251); border: 2px solid rgb(22, 145, 198); }
.trade-payments-list-container .payment-information .ct-attachment-button.active .ct-icon-attachment { color: rgb(22, 145, 198); }
.trade-payments-list-container .payment-information .ct-attachment-button .ct-icon-attachment { color: rgb(153, 171, 188); font-size: 18px; }
.trade-payments-list-container .failed-payment { background-color: rgb(254, 249, 249); border-bottom: 0px; }
.trade-payments-list-container .failed-payment.failed-payment-info { border-bottom: 1px solid rgb(221, 221, 221); }
.trade-payments-list-container .failed-payment .failed-payment-header { font-size: 12px; font-weight: 700; color: rgb(229, 57, 53); text-transform: uppercase; line-height: 16px; border-bottom: 1px solid rgba(229, 57, 53, 0.2); margin: 0px 10px 0px 15px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .failed-payment .failed-payment-header { margin: 0px; border-bottom: 0px; padding: 0px 15px 15px; }
  .trade-payments-list-container .failed-payment .failed-payment-header .rejection-header { border-bottom: 1px solid rgba(229, 57, 53, 0.2); margin-bottom: 5px; }
}
.trade-payments-list-container .failed-payment .failed-payment-header .failed-payment-row { border-bottom: 1px solid rgb(221, 221, 221); padding: 15px; }
.trade-payments-list-container .failed-payment .failed-payment-header.mobile-payment-header { border-bottom: 0px; margin-top: 10px; margin-left: 10px; padding-bottom: 0px; }
.trade-payments-list-container .failed-payment .payment-amount { color: rgb(122, 146, 168); }
.trade-payments-list-container .failed-payment .failed-payment-subtext { min-height: 22px; padding: 5px 10px 15px 15px; }
.trade-payments-list-container .failed-payment .failed-payment-subtext.payment-amount { color: rgb(85, 109, 130); font-size: 16px; font-weight: 700; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .failed-payment .failed-payment-subtext { padding: 0px; }
}
.trade-payments-list-container .failed-payment .failed-payment-rejection-fee { color: rgb(85, 109, 130); font-size: 14px; line-height: 16px; font-weight: 400; }
.trade-payments-list-container .failed-payment .failed-payment-rejection-note { color: rgb(85, 109, 130); font-size: 14px; line-height: 16px; font-weight: 400; text-transform: none; }
@media only screen and (min-width: 0) and (max-width: 767px) {
  .trade-payments-list-container .small-screen-hide { display: none; }
}
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .xs-hide { display: none; }
}
.trade-payments-list-container .xs-display { display: none; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .xs-display { display: block; }
}
.trade-payments-list-container .payment-table-header-container { border-bottom: 1px solid rgb(212, 220, 227); }
.trade-payments-list-container .payment-list-header { padding: 8px; color: rgb(22, 145, 198); font-size: 14px; font-weight: 700; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .payment-list-header { display: none; }
}
.trade-payments-list-container .ct-table.ct-table-payments tbody tr { border-left: 0px; border-right: 0px; }
.trade-payments-list-container .ct-table.ct-table-payments tbody tr.active { background-color: rgb(255, 255, 255); }
.trade-payments-list-container .ct-table.ct-table-payments tbody tr.mobile-payment-row { display: none; }
.trade-payments-list-container .ct-table.ct-table-payments tbody tr.mobile-payment-row .failed-payment-info-cell { padding-top: 0px; border-bottom: 1px solid rgb(221, 221, 221); }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .ct-table.ct-table-payments tbody tr.mobile-payment-row { display: table-row; }
}
.trade-payments-list-container .ct-table.ct-table-payments tbody tr.failed-payment { background-color: rgb(254, 249, 249); }
.trade-payments-list-container .ct-table.ct-table-payments tbody tr.failed-payment td { border-bottom: 0px; }
.trade-payments-list-container .ct-table.ct-table-payments tbody tr.failed-payment .failed-payment-section-header { padding: 0px 8px; }
.trade-payments-list-container .ct-table.ct-table-payments tbody tr.failed-payment .payment-amount { color: rgb(122, 146, 168); }
.trade-payments-list-container .ct-table.ct-table-payments tbody tr.failed-payment .failed-payment-info-cell { padding-left: 0px; padding-right: 0px; }
.trade-payments-list-container .ct-table.ct-table-payments tbody tr.failed-payment .failed-payment-info-cell .payment-amount { color: rgb(85, 109, 130); }
.trade-payments-list-container .ct-table.ct-table-payments tbody tr.failed-payment .failed-payment-subtext { min-height: 22px; margin-top: 10px; white-space: nowrap; padding: 15px; }
.trade-payments-list-container .payment-amount-column-header { width: 150px; margin-right: 85px; }
.trade-payments-list-container .status-column-header { width: 85px; }
.trade-payments-list-container .menu-column-header { width: 30px; }
.trade-payments-list-container .total-footer { padding: 0px 21px; }
.trade-payments-list-container .attachment-container { height: 16px; width: 16px; border: 1px solid transparent; border-radius: 50%; position: absolute; top: 19px; left: 19px; }
.trade-payments-list-container .attachment-container.empty-container { color: rgb(236, 168, 43); background: rgb(255, 255, 255); }
.trade-payments-list-container .attachment-container.full-container { background: rgb(22, 145, 198); color: rgb(255, 255, 255); }
.trade-payments-list-container .attachment-container.full-container .file-number { width: 100%; height: 100%; font-size: 14px; display: flex; justify-content: center; align-items: center; }
.trade-payments-list-container .attachment-container .attachment-icon-label { font-size: 16px; }
.trade-payments-list-container .payment-recipient-icon { font-size: 36px; color: rgb(153, 171, 188); }
.trade-payments-list-container .payment-nickname { font-size: 16px; color: rgb(85, 109, 130); font-weight: 700; }
.trade-payments-list-container .payment-amount { font-weight: 700; font-size: 16px; color: rgb(85, 109, 130); white-space: nowrap; }
.trade-payments-list-container .payments-total-amount { font-weight: 700; font-size: 22px; color: rgb(85, 109, 130); }
.trade-payments-list-container .text-align-right { text-align: right; }
.trade-payments-list-container .recipient-number { font-size: 16px; }
.trade-payments-list-container .highlight-text { color: rgb(22, 145, 198); }
.trade-payments-list-container .ct-icon-options-menu { color: rgb(184, 196, 208); cursor: pointer; padding: 10px; font-size: 20px; }
.trade-payments-list-container .payment-menu-container { position: relative; }
.trade-payments-list-container .payment-menu { position: absolute; right: 0px; top: 115%; list-style: none; z-index: 1; width: 200px; background: rgb(255, 255, 255); border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(255, 255, 255) currentcolor rgb(221, 221, 221) rgb(221, 221, 221); border-image: initial; font-weight: bold; font-size: 16px; color: rgb(187, 187, 187); padding-top: 10px; visibility: hidden; }
.trade-payments-list-container .payment-menu.visible { visibility: visible; }
.trade-payments-list-container .payment-menu > * { cursor: pointer; margin-left: 20px; }
.trade-payments-list-container .payment-menu .disabled { color: rgb(221, 221, 221); pointer-events: none; }
.trade-payments-list-container .payment-footer { font-size: 12px; font-weight: normal; text-align: center; cursor: default; border-top: 1px solid rgb(221, 221, 221); margin-left: 0px; padding: 5px 0px; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .hide-xs { display: none; }
  .trade-payments-list-container .show-xs { display: block; }
}
.trade-payments-list-container .uploaded-files-container { padding: 0px 15px 15px; }
.trade-payments-list-container .uploaded-files-container .file-name { color: rgb(85, 109, 130); font-size: 16px; }
.trade-payments-list-container .uploaded-files-container .file-name .file-name-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media only screen and (min-width: 0) and (max-width: 479px) {
  .trade-payments-list-container .uploaded-files-container .file-name .file-name-text { max-width: 120px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .trade-payments-list-container .uploaded-files-container .file-name .file-name-text { max-width: 350px; }
}
.trade-payments-list-container .uploaded-files-container .file-name .ct-icon { margin-right: 5px; }
.trade-payments-list-container .uploaded-files-container .delete-icon { font-size: 22px; color: rgb(229, 57, 53); }
.trade-payments-list-container .uploaded-files-container .view-document { color: rgb(153, 171, 188); text-decoration: none; font-weight: 700; display: flex; align-items: center; }
.toggle-checkbox-container .toggle { position: relative; display: inline-block; width: 60px; height: 34px; }
.toggle-checkbox-container .toggle .slider { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(212, 220, 227); transition: 0.2s; border-radius: 34px; }
.toggle-checkbox-container .toggle .slider::before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: rgb(255, 255, 255); transition: 0.2s; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 3px; }
.toggle-checkbox-container .toggle .toggle-checkbox:checked + .slider { background-color: rgb(22, 145, 198); }
.toggle-checkbox-container .toggle .toggle-checkbox:checked + .slider::before { transform: translateX(26px); }
.ct-big-message { width: 100%; min-height: 50px; }
.ct-big-message .big-message-icon-container { padding: 15px; width: 60px; min-height: 80px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.ct-big-message .big-message-text-container { padding: 15px; color: rgb(85, 109, 130); width: 100%; height: 100%; min-height: 80px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.ct-big-message .big-message-text-container .big-message-text { font-size: 14px; font-weight: 400; line-height: 19px; }
.ct-big-message.warning .big-message-icon-container { background: rgb(249, 198, 63); color: rgb(255, 255, 255); border-width: 2px 0px 2px 2px; border-style: solid none solid solid; border-color: rgb(249, 198, 63) currentcolor rgb(249, 198, 63) rgb(249, 198, 63); border-image: initial; }
.ct-big-message.warning .big-message-text-container { background: rgb(254, 252, 245); border-width: 2px 2px 2px 0px; border-style: solid solid solid none; border-color: rgb(249, 198, 63) rgb(249, 198, 63) rgb(249, 198, 63) currentcolor; border-image: initial; }
.ct-big-message.warning .big-message-text-container .big-message-title { color: rgb(249, 198, 63); font-weight: 700; font-size: 16px; }
.ct-big-message.danger .big-message-icon-container { background: rgb(229, 57, 53); color: rgb(255, 255, 255); border-width: 2px 0px 2px 2px; border-style: solid none solid solid; border-color: rgb(229, 57, 53) currentcolor rgb(229, 57, 53) rgb(229, 57, 53); border-image: initial; }
.ct-big-message.danger .big-message-text-container { background: rgb(254, 249, 249); border-width: 2px 2px 2px 0px; border-style: solid solid solid none; border-color: rgb(229, 57, 53) rgb(229, 57, 53) rgb(229, 57, 53) currentcolor; border-image: initial; }
.ct-big-message.danger .big-message-text-container .big-message-title { color: rgb(229, 57, 53); font-weight: 700; font-size: 16px; }