index.css

@font-face {
    font-family: 'FiraGO';
    src: url('/FiraGO.ttf')  format('truetype');
    font-weight: normal;
}

@import "./assets/common.css";
.cr-avatar,
.cr-avatar img,
.cr-avatar__image,
.cr-button,
.cr-checkbox,
.cr-checkbox__checkitem,
.cr-checkbox__label,
.cr-checkbox__disabled .cr-checkbox__label,
.cr-checkbox__disabled .cr-checkbox__checkitem,
.cr-checkbox input,
.cr-crypto-icon,
.cr-input,
.cr-input input,
.cr-loader,
.cr-loader .loader-block,
.cr-close-button,
.cr-percentage-button,
.cr-header-item,
.cr-header-item__label,
.cr-header-item__amount-plus,
.cr-header-item__amount-minus,
.cr-header-item__amount-default,
.cr-alert,
.cr-alert__title,
.cr-alert__description,
.cr-alert-text,
.cr-alert__title,
.cr-alert-icon,
.qx-history-elem__pagination,
.qx-history-elem__pagination button,
.cr-decimal__opacity,
.cr-input-block,
.cr-input-block__input,
.cr-input-block__input input,
.cr-order-input,
.cr-order-input__fieldset,
.cr-order-input__fieldset__label,
.cr-order-input__fieldset__input,
.cr-order-input__fieldset__input input,
.cr-order-input__crypto-icon,
.cr-order-input__crypto-icon span,
.cr-order-item,
.cr-order-item .cr-dropdown,
.cr-order-item .cr-order-input,
.cr-order-item__percentage-buttons,
.cr-order-item__total,
.cr-order-item__available,
.cr-order-item__fee,
.cr-order-item__dropdown__label,
.cr-order-item .cr-dropdown__input-label,
.cr-order-item .cr-dropdown__list,
.cr-order-item__label,
.cr-order-item__total__label, .cr-order-item__available__label, .cr-order-item__fee__label,
.cr-order-item__total__content, .cr-order-item__available__content, .cr-order-item__fee__content,
.cr-order-item__total__content__currency, .cr-order-item__available__content__currency, .cr-order-item__fee__content__currency,
.cr-order-item .cr-order-input__input .cr-order-input__price,
.cr-tab-panel,
.cr-tab-panel .cr-tab,
.cr-tab-panel .cr-tab__fixed .cr-tab,
.cr-tab-panel .cr-tab__active,
.cr-tab-panel .cr-tab__hidden,
.cr-tab-panel .cr-tab__disabled,
.cr-tab-panel .cr-tab__pointer,
.cr-tab-panel__navigation-container,
.cr-tab-panel__navigation-container-navigation,
.cr-tab-panel .cr-tab-content,
.cr-tab-panel .cr-tab-content__active,
.qr-code svg,
.cr-search,
.cr-search__icon,
.cr-search__icon img,
.cr-search__input,
.cr-dropdown,
.cr-dropdown__input,
.cr-dropdown__input-label,
.cr-dropdown__input-icon,
.cr-dropdown__list,
.cr-dropdown__list-item,
.cr-dropdown__list-item-label,
.cr-dropdown__list-item-selected,
.cr-table-container,
.cr-table,
.cr-table__head,
.cr-table__head tr,
.cr-table__head tr th,
.cr-table__body,
.cr-table__body tr,
.cr-table__body tr td,
.cr-table-background,
.cr-table-background__row,
.cr-table__filter,
.cr-table__filters,
.cr-table-header__content,
.cr-table-header__content-empty,
.cr-title-component,
.cr-combined-order-book,
.cr-combined-order-book .cr-table,
.cr-combined-order-book .cr-table td,
.cr-combined-order-book .cr-table th,
.cr-combined-order-book .cr-table-background__row,
.cr-combined-order-book__market,
.cr-combined-order-book__market span,
.cr-combined-order-book__market-negative,
.cr-combined-order-book__market-positive,
.cr-combined-order-book .cr-order-book td,
.cr-combined-order-book__large,
.cr-combined-order-book__large-market,
.cr-combined-order-book__large .cr-order-book,
.cr-combined-order-book__large .cr-table-background,
.cr-combined-order-book__large .cr-table-background__row,
.cr-combined-order-book__small .cr-table-background__row,
.cr-combined-order-book__small .cr-order-book,
.cr-combined-order-book__small .cr-order-book th,
.cr-markets,
.cr-markets .cr-title-component,
.cr-markets .cr-table,
.cr-markets .cr-table th,
.cr-markets .cr-table td,
.cr-markets .cr-table .__positive,
.cr-markets .cr-table .__negative,
.cr-markets .cr-table__filters,
.cr-markets .cr-table__filter,
.cr-markets .cr-search,
.cr-markets .cr-search__icon,
.cr-markets .cr-search input,
.cr-wallet-trades-item,
.cr-wallet-trades-item__body,
.cr-wallet-trades-item__body-crypto,
.cr-wallet-trades-item__body-crypto-icon,
.cr-wallet-trades-item__body-crypto-icon [class^=cr-crypto-font],
.cr-wallet-trades-item__body-data,
.cr-wallet-trades-item__body-data-currency,
.cr-wallet-trades-item__body-data-balance,
.cr-wallet-trades-item__arrow,
.cr-grid,
.cr-withdraw,
.cr-withdraw__divider,
.cr-withdraw__divider-one,
.cr-withdraw__divider-two,
.cr-withdraw__summary-field,
.cr-withdraw__summary-field .cr-summary-field-message,
.cr-withdraw__summary-field .cr-summary-field-amount,
.cr-withdraw__deep,
.cr-withdraw__button,
.cr-market-depths,
.cr-market-info,
.cr-market-info .cr-market-dropdown,
.cr-market-info__pairs-dropdown,
.cr-market-info__pairs-dropdown .cr-dropdown__input,
.cr-market-info__pairs-dropdown .cr-dropdown__input-label,
.cr-market-info__pairs-dropdown .cr-dropdown__input-icon,
.cr-market-info__pairs-dropdown .cr-dropdown__input-icon img,
.cr-market-info__pairs-dropdown .cr-dropdown__list,
.cr-market-info__pairs-dropdown .cr-dropdown__list-item,
.cr-market-info__pairs-dropdown .cr-dropdown__list-item-label,
.cr-market-info__values,
.cr-market-info__values-item,
.cr-market-dropdown,
.cr-market-dropdown .cr-dropdown,
.cr-market-info__values .cr-market-info__values-item,
.qx-layout,
.cr-deposit-crypto,
.cr-deposit-crypto .cr-deposit-info,
.cr-deposit-crypto__copyable,
.cr-deposit-crypto__copyable-title,
.cr-deposit-crypto__copyable-area,
.cr-deposit-crypto__copyable .cr-copyable-text-field__input,
.cr-deposit-crypto__copyable .cr-copyable-text-field__input input,
.cr-deposit-crypto__copyable .cr-copyable-text-field__input .cr-copyable-text-field__button,
.cr-deposit-crypto__copyable fieldset,
.cr-deposit-crypto__copyable fieldset .cr-copyable-text-field,
.cr-deposit-crypto .qr-code,
.cr-deposit-crypto .qr-code svg,
.cr-deposit-crypto .cr-deposit-crypto__copyable-area,
.cr-deposit-fiat,
.cr-deposit-fiat__title,
.cr-deposit-fiat__description,
.cr-deposit-fiat-credentials,
.cr-deposit-fiat-detail,
.cr-deposit-fiat-detail__label,
.cr-deposit-fiat-detail__value,
.cr-deposit-fiat-detail__label,
.cr-summary-field,
.cr-summary-field-border-item-rectangle,
.cr-summary-field-border-item-circle,
.cr-summary-field-border-item-empty-circle,
.cr-summary-field-message,
.cr-withdraw__summary-field .cr-summary-field-content,
.cr-withdraw__summary-field .cr-summary-field-border-item-empty-circle,
.cr-copyable-text-field,
.cr-copyable-text-field__input,
.cr-copyable-text-field__input input,
.cr-copyable-text-field__input .cr-copyable-text-field__button,
.cr-copyable-text-field .cr-copyable-text-field,
.cr-copyable-text-field input,
.cr-copyable-text-field .cr-copyable-text-field__button,
.cr-sign-up-form,
.cr-sign-up-form__options-group,
.cr-sign-up-form__option,
.cr-sign-up-form__option .__selected,
.cr-sign-up-form__option-inner,
.cr-sign-up-form__form-content,
.cr-sign-up-form > *,
.cr-sign-up-form__group,
.cr-sign-up-form__error,
.cr-sign-up-form__label,
.cr-sign-up-form__image,
.cr-sign-up-form__title,
.cr-sign-up-form__error-message,
.cr-sign-up-form__button-wrapper,
.cr-sign-up-form__button,
.cr-sign-up-form__loader,
.cr-sign-up-form__input,
.cr-sign-up-form__input input,
.cr-sign-up-form__footer,
.cr-sign-up-form__footer > *,
.cr-sign-up-form__footer-create,
.cr-sign-up-form__footer-signin,
.cr-sign-up-form__checkbox,
.cr-sign-up-form__checkbox .cr-checkbox__checkitem,
.cr-sign-up-form__checkbox .cr-checkbox__label,
.cr-sign-up-form__recaptcha,
.cr-sign-in-form,
.cr-sign-in-form__options-group,
.cr-sign-in-form__option,
.cr-sign-in-form__option .__selected,
.cr-sign-in-form__option-inner,
.cr-sign-in-form__form-content,
.cr-sign-in-form > *,
.cr-sign-in-form__error-message,
.cr-sign-in-form__group,
.cr-sign-in-form__error,
.cr-sign-in-form__label,
.cr-sign-in-form__image,
.cr-sign-in-form__title,
.cr-sign-in-form__button,
.cr-sign-in-form__loader,
.cr-sign-in-form__button-wrapper,
.cr-sign-in-form__input,
.cr-sign-in-form__input input,
.cr-sign-in-form__footer,
.cr-sign-in-form__footer > *,
.cr-sign-in-form__footer-create,
.cr-sign-in-form__footer-signup,
.cr-sign-in-form__checkbox,
.cr-sign-in-form__checkbox .cr-checkbox__checkitem,
.cr-sign-in-form__checkbox .cr-checkbox__label,
.cr-sign-in-form__bottom-section,
.cr-sign-in-form__bottom-section .cr-sign-in-form__bottom-section-password,
.cr-sign-in-form__bottom-section .cr-sign-in-form__bottom-section-resend-confirmation,
.cr-email-form,
.cr-email-form__options-group,
.cr-email-form__option,
.cr-email-form__option-inner,
.cr-email-form__form-content,
.cr-email-form > *,
.cr-email-form__error-message,
.cr-email-form__group,
.cr-email-form__error,
.cr-email-form__label,
.cr-email-form__image,
.cr-email-form__title,
.cr-email-form__button,
.cr-email-form__loader,
.cr-email-form__button-wrapper,
.cr-email-form__input,
.cr-email-form__input input,
.cr-open-orders__price,
.cr-history-action,
.cr-wallet-list,
.cr-wallet-item,
.cr-wallet-item span,
.cr-wallet-item > *,
.cr-wallet-item__info,
.cr-wallet-item__description,
.cr-wallet-item__image-icon,
.cr-wallet-item__icon,
.cr-wallet-item__icon > *,
.cr-wallet-item__balance,
.cr-wallet-item__balance-locked,
.cr-wallet-item__amount-locked,
.cr-modal,
.cr-modal__container,
.cr-modal__container-header,
.cr-modal__container-content,
.cr-modal__container-content input,
.cr-modal__container-footer,
.cr-modal .cr-email-form,
.cr-modal .cr-email-form__button,
.cr-order .cr-tab-panel .cr-tab,
.cr-order .cr-tab-panel__navigation-container,
.cr-order .cr-tab-content .cr-order-item__content .cr-dropdown,
.cr-order .cr-tab-content .cr-order-item__content .cr-order-input__crypto-icon,
.cr-order .cr-tab-content .cr-order-item__content .cr-order-input__crypto-icon [class^=cr-crypto-font],
.cr-order .cr-tab-content .cr-order-item__content .cr-order-input .cr-input input,
.cr-wallet-item__single,
.cr-wallet-item__single-balance,
.cr-wallet-item__single__image-icon,
.cr-wallet-item__single .cr-wallet-item__icon-code,
.cr-wallet-item__single .cr-wallet-item__amount-locked,
.cr-wallet-item__single .cr-wallet-item__balance, .cr-wallet-item__single .cr-wallet-item__amount-locked,
.cr-wallet-item__single .cr-wallet-item__balance-amount, .cr-wallet-item__single .cr-wallet-item__balance-locked, .cr-wallet-item__single .cr-wallet-item__amount-locked-amount, .cr-wallet-item__single .cr-wallet-item__amount-locked-locked,
.cr-order-item .cr-dropdown,
.cr-order-item .cr-order-input,
.cr-order-item__percentage-buttons,
.cr-order-item__total,
.cr-order-item__available,
.cr-order-item__fee,
.cr-order-item .cr-order-input__fieldset__input,
.cr-order-item .cr-order-input__fieldset__input__price,
.cr-order-item .cr-order-input__crypto-icon,
header,
.qx-header,
.qx-header .qx-logo__img,
.qx-header__logo img,
.qx-header__location,
.qx-header__navbar,
.qx-header__content,
.qx-header__toggler,
.qx-header .qx-container,
.qx-header__logo,
.qx-header__toggler-item,
.qx-container,
.qx-footer,
.qx-footer span,
.qx-footer a,
.qx-footer b,
.qx-navbar,
.qx-navbar__admin,
.qx-navbar__admin .cr-avatar__image,
.qx-navbar__admin-logout,
.qx-navbar .dropdown-menu,
.qx-navbar .dropdown-menu .dropdown-menu-item,
.qx-navbar .dropdown-menu .dropdown-menu-item a, .qx-navbar .dropdown-menu .dropdown-menu-item span,
.qx-navbar__content,
.qx-navbar__content-item,
.qx-navbar__header-profile,
.qx-navbar__header-language,
.qx-navbar__header-settings,
.qx-navbar__header-settings__account-dropdown,
.qx-navbar__header-settings__account-dropdown a,
.qx-navbar__header-settings__account-dropdown .dropdown-menu,
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-lang,
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-user,
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-user a,
.qx-navbar__header-settings__account-dropdown .navbar-user-menu,
.qx-navbar__header-settings__account-dropdown .navbar-user-menu-active,
.qx-navbar__header-settings__account-dropdown .dropdown-menu-user,
.qx-navbar__header-settings__account-dropdown .dropdown-menu-language,
.qx-navbar__header-settings__account-dropdown .dropdown-menu-language-field,
.qx-navbar__header-settings__account-dropdown .dropdown-menu-language-field-active,
.qx-navbar__header-settings__account-dropdown .dropdown-menu-language-field img,
.qx-navbar__header-settings .dropdown-menu-language-container,
.qx-navbar .dropdown-item,
.qx-navbar .dropdown,
.qx-navbar .dropdown-toggle,
.qx-navbar .dropdown-toggle .icon,
.qx-navbar__header-language span,
.qx-navbar__header-language .icon,
.qx-navbar__header-language .dropdown-menu-language,
.qx-navbar__header-profile span,
.qx-navbar__header-profile-logout,
.qx-navbar__header-profile .qx-navbar__admin-logout,
.qx-navbar__header-profile .qx-navbar__admin-logout span,
.qx-contact-modal .cr-modal__container,
.qx-contact-modal .cr-modal__container-content,
.qx-contact-modal-header,
.qx-contact-modal-header__title,
.qx-contact-modal-body__input,
.qx-contact-modal-body__input .cr-input,
.qx-contact-modal-body__input .cr-input input,
.qx-contact-modal-body__text,
.qx-contact-modal-body__text textarea,
.qx-contact-modal-body__recaptcha,
.qx-contact-modal-body__error,
.qx-contact-modal-footer,
.qx-contact-modal-footer__button,
.qx-contact-modal .cr-modal__container-footer,
.qx-sign-in-screen,
.qx-sign-in-screen .qx-sign-in-screen__container,
.qx-sign-in-screen .qx-2fa___form .cr-email-form,
.qx-sign-in-screen .qx-2fa___form .cr-email-form__option,
.qx-sign-in-screen .qx-2fa___form .cr-email-form__options-group,
.qx-sign-in-screen .qx-2fa___form .cr-email-form__label,
.qx-sign-in-screen .qx-2fa___form .cr-email-form__input input,
.qx-sign-in-screen .qx-2fa___form .cr-email-form__header,
.qx-sign-in-screen .qx-2fa___form .cr-email-form__cros-icon,
.qx-sign-in-screen .qx-2fa___form .cr-email-form__button-wrapper,
.qx-sign-in-screen .qx-2fa___form .cr-email-form__button,
.qx-combined-order-book,
.qx-combined-order-book .cr-table__head th,
.qx-combined-order-book .cr-table__body td,
.qx-combined-order-book .cr-combined-order-book .cr-table__body td,
.qx-combined-order-book .cr-combined-order-book__small,
.qx-combined-order-book .cr-combined-order-book__small .cr-combined-order-book__market,
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book,
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book .cr-table thead,
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book .cr-table__body,
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book .cr-table__body td,
.qx-combined-order-book .cr-combined-order-book__small .cr-table-background__row,
.qx-combined-order-book .cr-combined-order-book__large,
.qx-combined-order-book .cr-combined-order-book__large .cr-order-book,
.qx-combined-order-book .cr-combined-order-book__large .cr-table__head,
.qx-combined-order-book .cr-combined-order-book__large-market,
.qx-combined-order-book .cr-combined-order-book__large .cr-table-background,
.qx-combined-order-book .cr-combined-order-book__large .cr-table-background__row,
.group-wWM3zP_M-,
.qx-trading-chart,
.qx-trading-chart #cryptobase_chart,
.qx-trading-chart .cr-title-component,
.qx-open-orders,
.cr-open-orders .cr-table th,
.cr-open-orders .cr-table td,
.qx-order,
.qx-order .cr-table-header__content,
.qx-order .cr-loader,
.qx-order .cr-input,
.qx-order .cr-input input,
.qx-order .cr-order .cr-tab-panel__navigation-container,
.qx-order .cr-order .cr-tab-panel__navigation-container .cr-tab,
.qx-order .cr-order .cr-tab-panel__navigation-container .cr-tab__active,
.qx-order .cr-order .cr-tab-panel__navigation-container .cr-tab__pointer,
.qx-order .cr-order .cr-tab-panel .cr-tab-content,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__dropdown__label,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input-label,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input-icon,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input-icon img,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__list,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__list-item,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__list-item-label,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__crypto-icon,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__label,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input input,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__crypto-icon,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__crypto-icon span,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__percentage-buttons,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__percentage-buttons .cr-percentage-button,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__available,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__available__label, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__available__content, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__fee__label, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__fee__content,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total__label, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total__content,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total__label,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total__content,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__fee,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-button,
.qx-order .cr-order .cr-tab-panel__navigation-container-navigation .cr-tab,
.qx-order .cr-order .cr-tab-panel__navigation-container-navigation .cr-tab__pointer,
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input input, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input__price,
.qx-markets,
.qx-markets .cr-markets .cr-search,
.qx-markets .cr-markets .cr-search__icon,
.qx-markets .cr-table-header__content,
.qx-markets .cr-table-header__content .cr-title-component,
.qx-profile-page__referral,
.qx-profile-page__referral fieldset,
.qx-profile-page__referral fieldset .cr-deposit-crypto__copyable-title,
.qx-profile-page__referral fieldset .qx-copyable-text-field__input,
.qx-profile-page__referral fieldset .qx-copyable-text-field__input input,
.qx-profile-page__referral fieldset .qx-copyable-text-field__input .cr-copyable-text-field__button,
.qx-market-depth,
.qx-market-depth__title,
.qx-market-depth__tooltip,
.qx-change-password-form,
.qx-change-password-form__group,
.qx-change-password-form .cr-input,
.qx-change-password-form .cr-input input,
.qx-change-password-form__label,
.qx-change-password-form__error,
.cr-modal .qx-change-password-screen,
.cr-modal .qx-change-password-screen .cr-email-form,
.cr-modal .qx-change-password-screen .cr-email-form__option,
.cr-modal .qx-change-password-screen .cr-email-form__options-group,
.cr-modal .qx-change-password-screen .cr-email-form__label,
.cr-modal .qx-change-password-screen .cr-email-form__input input,
.cr-modal .qx-change-password-screen .cr-email-form__header,
.cr-modal .qx-change-password-screen .cr-email-form__cros-icon,
.cr-modal .qx-change-password-screen .cr-email-form__button-wrapper,
.cr-modal .qx-change-password-screen .cr-email-form__button,
.cr-modal .qx-change-password-screen .cr-email-form__option-inner,
.qx-change-password-screen,
.qx-legal-docs-modal .cr-modal__container,
.qx-legal-docs-modal .cr-modal__container-header,
.qx-legal-docs-modal .cr-modal__container-content,
.qx-legal-docs-modal .cr-modal__container-footer,
.qx-legal-docs-modal .cr-modal__container-footer .cr-button,
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container,
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container-navigation,
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container .cr-tab,
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container .cr-tab-content__active,
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container .cr-tab__active,
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container .cr-tab__pointer,
.qx-legal-docs-modal .tabs-content,
.qx-legal-docs-modal .tabs-content__mail,
.qx-legal-docs-modal .tabs-content .unstyled,
.cr-table__noData .qx-recent-trades .cr-table td, .cr-table__noData .qx-recent-trades .cr-table th,
.qx-recent-trades .cr-table__body,
.qx-recent-trades .cr-table td, .qx-recent-trades .cr-table th,
.qx-alerts,
.modal-body__withdraw-confirm,
.modal-footer__withdraw-confirm,
.modal-footer__withdraw-confirm input,
.modal-body__withdraw-submit,
.modal-footer__withdraw-submit input,
.qx-profile-page__activity-result-succeed,
.qx-profile-page__activity-result-failed,
.qx-history-elem,
.qx-history-elem__empty,
.qx-history-elem .cr-table,
.qx-trading-header-price-bar,
.qx-trading-header-price-bar-filler,
.qx-trading-header-price-bar-filler-left,
.qx-trading-header-price-bar-filler-cursor,
.qx-trading-header-price-bar-filler-right,
.qx-trading-header-price-bar-text,
.qx-trading-header-progress-label,
.qx-trading-header-progress-label-additional,
.qx-trading-header-progress-label-progress-positive,
.qx-trading-header-progress-label-progress-negative,
.qx-trading-header-fast-search-container,
.qx-trading-header-fast-search-button,
.qx-trading-header-fast-search-button-active,
.qx-dropdown-markets-list-container,
.qx-dropdown-markets-list-container .cr-table thead th,
.qx-dropdown-markets-list-container .cr-table tbody td,
.qx-dropdown-markets-list-container th,
.qx-dropdown-markets-list-container th span,
.qx-dropdown-markets-list-container th, .qx-dropdown-markets-list-container td,
.qx-dropdown-markets-list-container .cr-table tr,
.qx-dropdown-markets-list-container__positive,
.qx-dropdown-markets-list-container__negative,
.qx-dropdown-markets-list-container__header-selected,
.qx-dropdown-markets-list-container__arrow-down,
.qx-dropdown-markets-list-container__arrow-up,
.qx-trading-header-selector,
.qx-trading-header-selector-search-wrapper,
.qx-trading-header-selector-search,
.qx-trading-header-selector-search-icon,
.qx-trading-header-selector-search-field,
.qx-trading-header-selector-market,
.qx-trading-header-selector-title,
.qx-trading-header-selector-icon-open,
.qx-trading-header-selector-icon-close,
.qx-trading-header-selector-icon-img-open,
.qx-trading-header-selector-icon-img-close,
.qx-trading-header-selector-list-container-open,
.qx-trading-header-selector-list-container-close,
.qx-trading-header-container,
.qx-trading-header-container-dropdown-selector,
.qx-trading-header-container-dropdown-selector-open,
.qx-trading-header-container-stats,
.qx-trading-header-container-daily,
.qx-trading-header-container-daily-last,
.qx-trading-header-container-total,
.qx-trading-header-container .qx-trading-header-selector-container,
.qx-trading-header-container .qx-trading-header-selector,
.qx-trading-header-container .qx-trading-header-selector-title,
.qx-trading-header-container .qx-trading-header-selector .qx-trading-header-selector-icon-open,
.qx-trading-header-container-selector,
.qx-trading-header-container-selector .qx-trading-header-selector-icon-open,
.qx-confirm__content-documents,
.qx-confirm__content-documents-drag,
.qx-confirm__content-documents-filename,
.qx-confirm__content-documents-filename img,
.qx-confirm__content-documents-col,
.qx-confirm__content-documents-col-row,
.qx-confirm__content-documents-col-row fieldset,
.qx-confirm__content-documents-col-row-text,
.qx-confirm__content-documents-col-row-content,
.qx-confirm__content-documents-col-row-content legend,
.qx-confirm__content-documents-col-row-content input,
.qx-confirm__content-documents-col-row-content-2,
.qx-confirm__content-documents-col-row-content-2 input,
.qx-confirm__content-documents-col-row-content-2-documents,
.qx-confirm__content-documents-col-row-content-2-documents-input,
.qx-confirm__content-documents-col-row-content-2-documents-input input,
.qx-confirm__content-documents-col-row-content-2-documents-label,
.qx-confirm__content-documents-col-row-content-2-documents-label-item,
.qx-confirm__content-documents-col-row-content-2-documents-label-item .active,
.qx-confirm__content-documents-col-row-content-2-documents-label-item .muted,
.qx-confirm__content-documents-col-row-content-2-documents-label-item div,
.qx-confirm__content-documents-col-row-content-3,
.qx-confirm__content-documents-col-row-content-3 .qx-confirm__content-documents-col-row-content-label,
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__input-label,
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__input-icon,
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__list,
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__list-item,
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__list-item-label,
.qx-confirm__content-documents .react-date-picker,
.qx-confirm__content-documents .react-date-picker__wrapper,
.qx-confirm__content-documents .react-date-picker__inputGroup__year,
.qx-confirm__content-phone,
.qx-confirm__content-phone-head,
.qx-confirm__content-phone-col,
.qx-confirm__content-phone-col fieldset,
.qx-confirm__content-phone-col-text,
.qx-confirm__content-phone-col-content,
.qx-confirm__content-phone-col-content-send,
.qx-confirm__content-phone-col-content legend,
.qx-confirm__content-phone-col-content input,
.qx-confirm__content-phone-col-content button,
.qx-confirm__content-identity,
.qx-confirm__content-identity-forms,
.qx-confirm__content-identity-col,
.qx-confirm__content-identity-col-right,
.qx-confirm__content-identity-col-row,
.qx-confirm__content-identity-col-row-is-active,
.qx-confirm__content-identity-col-row fieldset,
.qx-confirm__content-identity-col-row-text,
.qx-confirm__content-identity-col-row-content,
.qx-confirm__content-identity-col-row-content-label,
.qx-confirm__content-identity-col-row-content legend,
.qx-confirm__content-identity-col-row-content input,
.qx-confirm__content-identity-col-row-content .cr-dropdown__input-label,
.qx-confirm__content-identity-col-row-content .cr-dropdown__input-icon,
.qx-confirm__content-identity-col-row-content .cr-dropdown__list,
.qx-confirm__content-identity-col-row-content .cr-dropdown__list-item,
.qx-confirm__content-identity-col-row-content .cr-dropdown__list-item-label,
.qx-sign-in-screen .cr-sign-in-form,
.qx-sign-in-screen .cr-sign-in-form__options-group,
.qx-sign-in-screen .cr-sign-in-form__button-wrapper,
.qx-sign-in-screen .cr-sign-in-form__option,
.qx-sign-in-screen .cr-sign-in-form__option .__selected,
.qx-sign-in-screen .cr-sign-in-form .cr-button,
.qx-sign-in-screen .cr-sign-in-form__title,
.qx-sign-in-screen .cr-sign-in-form__label,
.qx-sign-in-screen .cr-sign-in-form__forgot,
.qx-sign-in-screen .cr-sign-in-form__input input,
.qx-sign-in-screen .cr-sign-in-form__error,
.qx-sign-in-screen .cr-sign-in-form__error-message,
.qx-sign-in-screen .cr-sign-in-form__footer,
.qx-sign-in-screen .cr-sign-in-form__footer-create,
.qx-sign-in-screen .cr-sign-in-form__footer-signup,
.qx-sign-in-screen .cr-sign-in-form__button,
.qx-sign-up-screen,
.qx-sign-up-screen .qx-sign-up-screen__container,
.qx-sign-up-screen .cr-sign-up-form,
.qx-sign-up-screen .cr-sign-up-form__options-group,
.qx-sign-up-screen .cr-sign-up-form__form-content,
.qx-sign-up-screen .cr-sign-up-form__group,
.qx-sign-up-screen .cr-sign-up-form__option,
.qx-sign-up-screen .cr-sign-up-form__option .__selected,
.qx-sign-up-screen .cr-sign-up-form .cr-button,
.qx-sign-up-screen .cr-sign-up-form__title,
.qx-sign-up-screen .cr-sign-up-form__label,
.qx-sign-up-screen .cr-sign-up-form__input input,
.qx-sign-up-screen .cr-sign-up-form__footer-create,
.qx-sign-up-screen .cr-sign-up-form__footer-signin,
.qx-sign-up-screen .cr-sign-up-form .cr-checkbox,
.qx-sign-up-screen .cr-sign-up-form .cr-checkbox__checkitem,
.qx-sign-up-screen .cr-sign-up-form .cr-checkbox__label,
.qx-sign-up-screen .cr-sign-up-form__error,
.qx-sign-up-screen .cr-sign-up-form__recaptcha,
.qx-sign-up-screen .cr-sign-in-form__error-message,
.cr-modal .cr-modal__container,
.cr-modal .cr-modal__container .cr-modal__container-header,
.cr-modal .cr-modal__container .cr-modal__container-header .qx-exchange-modal-submit-header,
.cr-modal .cr-modal__container .cr-modal__container-content,
.cr-modal .cr-modal__container .cr-modal__container-footer,
.qx-sign-up-screen .cr-sign-up-form__button,
.qx-change-forgotten-password-screen,
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container,
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form,
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__option,
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__options-group,
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__label,
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__input input,
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__header,
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__cros-icon,
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__button-wrapper,
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__button,
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__option-inner,
.qx-estimated-value,
.qx-estimated-value__container,
.qx-estimated-value__container .value-container,
.qx-estimated-value__container .value-container .value,
.qx-estimated-value__container .value-container .value-sign,
.qx-wallet,
.qx-wallet .text-center,
.qx-wallet .qx-wallet__loading,
.qx-wallet .qx-wallet__tabs-content-height,
.qx-wallet .qx-wallet__tabs-content,
.qx-wallet .cr-crypto-icon,
.qx-wallet .cr-wallet-list,
.qx-wallet .cr-wallet-list li,
.qx-wallet .cr-wallet-list .cr-wallet-item,
.qx-wallet .cr-wallet-list .cr-wallet-item__info,
.qx-wallet .cr-wallet-list .cr-wallet-item__info .cr-wallet-item__image-icon,
.qx-wallet .cr-wallet-list .cr-wallet-item__description,
.qx-wallet .cr-wallet-list .cr-wallet-item__description span,
.qx-wallet .cr-wallet-list .cr-wallet-item__amount-locked,
.qx-wallet .cr-wallet-list .cr-wallet-item__amount-locked path,
.qx-wallet .cr-wallet-list .cr-wallet-item__icon,
.qx-wallet .cr-wallet-list .cr-wallet-item__balance,
.qx-wallet .qx-wallet__tabs,
.qx-wallet .cr-withdraw,
.qx-wallet .cr-withdraw-column,
.qx-wallet .cr-withdraw__group__address,
.qx-wallet .cr-withdraw__group__amount,
.qx-wallet .cr-withdraw__group__code,
.qx-wallet .cr-withdraw__group__address .cr-withdraw__label, .qx-wallet .cr-withdraw__group__amount .cr-withdraw__label, .qx-wallet .cr-withdraw__group__code .cr-withdraw__label,
.qx-wallet .cr-withdraw__group__address .cr-withdraw__input, .qx-wallet .cr-withdraw__group__amount .cr-withdraw__input, .qx-wallet .cr-withdraw__group__code .cr-withdraw__input,
.qx-wallet .cr-withdraw__group__address .cr-withdraw__input input, .qx-wallet .cr-withdraw__group__amount .cr-withdraw__input input, .qx-wallet .cr-withdraw__group__code .cr-withdraw__input input,
.qx-wallet .cr-withdraw__group__amount,
.qx-wallet .cr-withdraw__group__code,
.qx-wallet .cr-withdraw__divider,
.qx-wallet .cr-withdraw__divider-two,
.qx-wallet .cr-withdraw__deep,
.qx-wallet .cr-withdraw__deep .cr-button,
.qx-wallet .cr-wallet-item__amount-locked,
.qx-wallet .cr-tab,
.qx-wallet .cr-tab__active,
.qx-wallet .cr-copyable-text-field__disabled .cr-deposit-crypto__copyable .cr-deposit-crypto__copyable-area .cr-copyable-text-field__button,
.qx-wallet .cr-tab-panel__navigation-container,
.qx-wallet .cr-tab-panel__navigation-container-navigation,
.qx-wallet .cr-tab-content,
.qx-wallet .cr-tab-content__active,
.qx-wallet .cr-wallet-item,
.qx-wallet .cr-wallet-item > *,
.qx-wallet .cr-wallet-item__icon,
.qx-wallet .cr-wallet-item__icon,
.qx-wallet .cr-wallet-item__icon-code,
.qx-wallet .cr-wallet-item__amount-locked-icon,
.qx-wallet .cr-search,
.qx-wallet .cr-wallet-item__balance,
.qx-wallet__error,
.qx-wallet__otp-code,
.qx-wallet__otp-code label,
.qx-wallet__otp-code .cr-input,
.qx-wallet__otp-code .cr-input input,
.qx-wallet__enable-2fa-message,
.qx-wallet__button-2fa.cr-button,
.qx-history-elem__wallet,
.qx-history-elem__wallet .qx-history-elem__label,
.qx-history-elem__wallet__pagination,
.qx-history-elem__wallet__pagination button,
.qx-history-elem__wallet .cr-table-container .cr-table-header__content,
.qx-history-elem__wallet .cr-table-container .cr-table,
.qx-history-elem__wallet .cr-table-container .cr-table__head,
.qx-history-elem__wallet .cr-table-container .cr-table__head-row,
.qx-history-elem__wallet .cr-table-container .cr-table__head-row th,
.qx-history-elem__wallet .cr-table-container .cr-table__body,
.qx-history-elem__wallet .cr-table-container .cr-table__body tr,
.qx-history-elem__wallet .cr-table-container .cr-table__body tr td,
.qx-history-elem__wallet .cr-table-container .cr-table__body tr td a,
.cr-wallet-item__single .cr-wallet-item__balance-locked,
.cr-wallet-item__single .cr-wallet-item__balance-amount,
.cr-wallet-item__single .cr-wallet-item__balance,
.cr-wallet-item__single .cr-wallet-item__amount-locked,
.cr-wallet-item__single .cr-wallet-item__balance,
.cr-wallet-item__single .cr-wallet-item__balance-locked,
.cr-wallet-item__single .cr-wallet-item__balance-amount,
.qx-trading-screen,
.qx-trading-screen__tab-panel .cr-tab,
.qx-trading-screen__tab-panel .cr-tab__active,
.qx-trading-screen__tab-panel .cr-tab__pointer,
.qx-trading-screen__tab-panel .cr-tab-panel__navigation-container,
.qx-trading-screen__tab-panel .cr-tab-panel__navigation-container-navigation,
.qx-trading-wrap,
.qx-emailverification-container,
.qx-emailverification-container .qx-emailverification,
.qx-emailverification-container .qx-emailverification-title,
.qx-emailverification-container .qx-emailverification-body,
.qx-emailverification-container .qx-emailverification-body-text,
.qx-emailverification-container .qx-emailverification-body-container,
.qx-emailverification-container .qx-emailverification-body-container-button,
.qx-forgot-password-screen,
.qx-forgot-password-screen .qx-forgot-password-screen__container,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__option,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__options-group,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__label,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__input input,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__header,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__cros-icon,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button-wrapper,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button,
.qx-history-tab,
.qx-history-tab .cr-pagination,
.qx-history-tab .qx-history-tab__tabs-content,
.qx-history-tab .qx-history-tab__tabs-content .cr-tab-panel__navigation-container,
.qx-history-tab .qx-history-tab__tabs-content .cr-tab-panel__navigation-container-navigation .cr-tab,
.qx-history-tab .qx-history-elem-empty,
.qx-history-tab .qx-history-elem,
.qx-history-tab .qx-history-elem__empty,
.qx-history-tab .qx-history-elem__pagination,
.qx-history-tab .qx-history-elem .cr-table-container,
.qx-history-tab .qx-history-elem .cr-table-container .cr-table-header__content,
.qx-history-tab .qx-history-elem .cr-table-container .cr-table,
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__head,
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__head-row,
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__head-row th,
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__body,
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__body tr,
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__body tr td,
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__body tr td a,
.qx-history-tab .qx-history-elem__hide,
.qx-history-tab .cr-table-container .cr-table,
.qx-history-tab .cr-tab-panel__navigation-container,
.qx-history-tab .cr-tab,
.qx-history-tab .cr-tab__pointer,
.qx-history-elem__hide,
.cr-table-container .cr-table,
.qx-wrapper,
.qx-wrapper .qx-logo,
.qx-wrapper .qx-logo__img,
.qx-confirm,
.qx-confirm__loader,
.qx-confirm-box,
.qx-confirm-box-close,
.qx-confirm__success,
.qx-confirm__error,
.qx-confirm__error,
.qx-confirm__success,
.qx-confirm__title,
.qx-confirm__title-text,
.qx-confirm__progress,
.qx-confirm__progress-circle-1,
.qx-confirm__progress-circle-2,
.qx-confirm__progress-circle-3,
.qx-confirm__progress-circle-3,
.qx-confirm__progress-line-1,
.qx-confirm__progress-line-2,
.qx-confirm__progress-items,
.qx-confirm__progress-first .qx-confirm__progress-circle-1,
.qx-confirm__progress-first .qx-confirm__active-1,
.qx-confirm__progress-second .qx-confirm__progress-circle-2,
.qx-confirm__progress-second .qx-confirm__active-2,
.qx-confirm__progress-third .qx-confirm__progress-circle-3,
.qx-confirm__progress-third .qx-confirm__active-3,
.qx-confirm__content,
.qx-confirm__content input, .qx-confirm__content button,
.qx-confirm__content-deep,
.qx-confirm__content-deep input,
.qx-profile-page,
.qx-profile-page h1, .qx-profile-page h2, .qx-profile-page h3, .qx-profile-page h4, .qx-profile-page h5, .qx-profile-page h6,
.qx-profile-page h3,
.qx-profile-page .cr-button,
.qx-profile-page__level-verification,
.qx-profile-page__level-verification__name,
.qx-profile-page__level-verification__url,
.qx-profile-page__level-verification__pending,
.qx-profile-page__level-verification__pending p,
.qx-profile-page__qr,
.qx-profile-page__details,
.qx-profile-page__details-user p,
.qx-profile-page__details-box,
.qx-profile-page-header,
.qx-profile-page__switch,
.qx-profile-page__switch .cr-checkbox__label,
.qx-profile-page__switch input,
.qx-profile-page__switch .slider,
.qx-profile-page__box,
.qx-profile-page__box-header,
.qx-profile-page__box-header h1,
.qx-profile-page__row,
.qx-profile-page__row .qx-profile-page__btn-secondary-change,
.qx-profile-page__row label,
.qx-profile-page__label,
.qx-profile-page__label-value,
.qx-profile-page__label-value__enabled,
.qx-profile-page__label-value__disabled,
.qx-profile-page__col,
.qx-profile-page__left-col__basic,
.qx-profile-page__left-col__basic__info-row,
.qx-profile-page__left-col__basic__info-row .cr-avatar,
.qx-profile-page__left-col__basic__info-row .cr-avatar__image,
.qx-profile-page__left-col__basic__info-row .qx-profile-page__text-muted,
.qx-profile-page__left-col__basic__info-row .qx-profile-page__row,
.qx-profile-page__left-col__basic__info-row__block,
.qx-profile-page__left-col__basic__info-row__block .row,
.qx-profile-page__left-col__basic__info-row .qx-profile-page__row h3,
.qx-profile-page__left-col__basic__info-row .qx-profile-page__row p.text-muted,
.qx-profile-page__left-col__verification .qx-profile-page__box-header,
.qx-profile-page__right-col,
.qx-profile-page__right-col__token,
.qx-profile-page__right-col__referral-program,
.qx-profile-page__right-col__referral-program .cr-copyable-text-field,
.qx-profile-page__right-col__referral-program .cr-copyable-text-field__button,
.qx-profile-page__right-col__referral-program .cr-copyable-text-field input,
.qx-profile-page__right-col__referral-program .qx-profile-page__row,
.qx-profile-page .cr-copyable-text-field__input,
.qx-profile-page__activity,
.qx-profile-page__activity .cr-table thead tr,
.qx-profile-page__activity .cr-table thead th,
.qx-profile-page__activity .cr-table tr, .qx-profile-page__activity .cr-table td,
.qx-profile-page__activity .cr-table th, .qx-profile-page__activity .cr-table td,
.qx-profile-page__activity .cr-table th,
.qx-profile-page__api-keys,
.qx-profile-page__api-keys .cr-table th,
.qx-profile-page__api-keys .cr-table th, .qx-profile-page__api-keys .cr-table td,
.qx-profile-page__api-keys .cr-table th .slider,.qx-profile-page__api-keys .cr-table td .slider,
.qx-profile-page__api-keys .cr-table__body tr,
.qx-profile-page__api-keys__form,
.qx-profile-page__api-keys__header,
.qx-profile-page__api-keys__header h3,
.qx-profile-page__api-keys__header span,
.qx-profile-page__api-keys__modal-header,
.qx-profile-page__api-keys .cr-modal__container-footer,
.qx-profile-page__api-keys__state,
.qx-profile-page__api-keys__state__active,
.qx-profile-page__api-keys__state__disabled,
.qx-profile-page__api-keys__state-checkbox,
.qx-profile-page__api-keys .secret-section,
.qx-profile-page__api-keys .secret-section .secret-sign,
.qx-profile-page__api-keys .secret-section .secret-warning,
.qx-profile-page__api-keys .secret-section .secret-warning span,
.qx-profile-page__api-keys .note-section,
.qx-profile-page__api-keys .note-section span,
.qx-profile-page__api-keys .button-confirmation,
.qx-profile-page__api-keys .button-confirmation input,
.qx-profile-page__api-keys .cr-button,
.qx-profile-page__api-keys .cr-button span,
.qx-profile-page__api-keys .modal-button,
.qx-profile-page__api-keys .cr-input,
.qx-profile-page__api-keys .cr-success-create,
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section,
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset,
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset legend,
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset .cr-copyable-text-field,
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset .cr-copyable-text-field__input,
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset .cr-copyable-text-field__input input,
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset .cr-copyable-text-field__input .cr-copyable-text-field__button,
.qx-profile-page__close,
.qx-profile-page__pull-right,
.qx-profile-page__text-center,
.qx-profile-page__text-center .cr-button,
.qx-profile-page__text-success,
.qx-profile-page .cr-modal__container,
.qx-profile-page .cr-modal__container-header,
.qx-profile-page .cr-modal__container-content,
.qx-profile-page .cr-modal__container-content fieldset,
.qx-profile-page .cr-modal__container-footer,
.qx-profile-page .cr-modal__container-footer .cr-button,
.qx-profile-page__level,
.qx-profile-page__vertical-line,
.qx-profile-page__verification,
.qx-profile-page__btn-secondary,
.qx-profile-page__btn-secondary-change,
.qx-profile-page__verification-header,
.qx-profile-page-tiers,
.qx-profile-page-tiers__detail,
.qx-profile-page-tiers__detail-title,
.qx-profile-page-tiers__detail-data,
.qx-profile-page-tiers__detail-data,
.qx-profile-page-tiers__detail-title,
.qx-profile-page__currency,
.qx-profile-page__error,
.cr-modal .cr-email-form__option,
.cr-modal .cr-email-form__options-group,
.cr-modal .cr-email-form__label,
.cr-modal .cr-email-form__input input,
.cr-modal .cr-email-form__header,
.cr-modal .cr-email-form__button-wrapper,
.cr-modal .cr-email-form .qx-profile-page__close,
.qx-profile-page-header-first,
tr,
.qx-profile-page__api-keys .cr-table tr, .qx-profile-page__api-keys .cr-table td, .qx-profile-page__api-keys .cr-table th,
tr, td,
.qx-profile-two-factor-auth,
.qx-profile-two-factor-auth__header,
.qx-profile-two-factor-auth__header img,
.qx-profile-two-factor-auth__copyablefield,
.qx-profile-two-factor-auth__copyablefield fieldset,
.qx-profile-two-factor-auth__copyablefield fieldset .cr-copyable-text-field,
.qx-profile-two-factor-auth__copyablefield fieldset .cr-deposit-crypto__copyable-title,
.qx-profile-two-factor-auth__copyablefield fieldset .qx-copyable-text-field__input,
.qx-profile-two-factor-auth__copyablefield fieldset .qx-copyable-text-field__input input,
.qx-profile-two-factor-auth__copyablefield fieldset .qx-copyable-text-field__input .cr-copyable-text-field__button,
.qx-profile-two-factor-auth__body fieldset,
.qx-profile-two-factor-auth__body fieldset legend,
.qx-profile-two-factor-auth__body fieldset input,
.qx-profile-two-factor-auth__body .qx-profile-two-factor-auth__qr,
.qx-profile-two-factor-auth__body .cr-input,
.qx-profile-two-factor-auth__body .cr-input input,
.qx-profile-two-factor-auth__form,
.qx-profile-two-factor-auth__form .cr-copyable-text-field,
.qx-profile-two-factor-auth__form .cr-copyable-text-field .cr-button,
.qx-profile-two-factor-auth__form .cr-copyable-text-field input,
.qx-profile-two-factor-auth__error,
.qx-profile-two-factor-auth__info,
.qx-profile-two-factor-auth .cr-button,
.qx-profile-two-factor-auth .cr-copyable-text-field,
.qx-profile-two-factor-auth .cr-copyable-text-field input,
.qx-profile-two-factor-auth__qr,
.qx-orders-tab,
.qx-orders-tab .cr-pagination,
.qx-orders-tab .qx-orders-tab__tabs-content,
.qx-orders-tab .qx-orders-tab__tabs-content .cr-tab-panel__navigation-container,
.qx-orders-tab .qx-orders-tab__tabs-content .cr-tab-panel__navigation-container-navigation .cr-tab,
.qx-orders-tab .qx-history-elem-empty,
.qx-orders-tab .qx-history-elem__empty,
.qx-orders-tab .qx-history-elem__pagination,
.qx-orders-tab .qx-history-elem .cr-table-container,
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table-header__content,
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table,
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__head,
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__head-row,
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__head-row th,
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__body,
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__body tr,
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__body tr td,
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__body tr td a,
.qx-orders-tab .qx-history-elem-executed,
.qx-orders-tab .qx-history-elem-canceled,
.qx-orders-tab .qx-history-elem-opened,
.qx-orders-tab .cr-tab-panel__optinal-head,
.qx-orders-tab .cr-table-container .cr-table,
.qx-orders-tab__close,
input[type=text], input[type=button],
.cr-table thead th,
.cr-table td,
.cr-table td,
.cr-table th,
body, html,
.cr-table__head th,
.cr-table__body-row-background,
.cr-table__body td,
/* fix weird input[type=button] appearance in mobile browsers*/
.cr-button,
.react-resizable-handle,
.qx-loader-container,
.cr-tab-panel .cr-tab__active .cr-tab__pointer {
    color: var(--base);
    /* font-size: var(--font-size); */
    font-family: var(--font-family);
    background-color: var(--background-dark);
}

.cr-avatar {
    width: var(--avatar-component-width);
}

.cr-avatar img {
    width: auto;
}

.cr-avatar__image {
    border: 1px solid var(--avatar-border-alt-color);
    height: var(--avatar-alt-height);
    width: var(--avatar-alt-width);
    background-color: var(--avatar-background-alt-color);
    text-align: center;
    vertical-align: middle;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 2ch;
    padding: var(--gap);
    font-size: var(--avatar-alt-font-size);
    line-height: normal;
    color: var(--avatar-alt-font-color);
    font-weight: normal;
}
.cr-button {
    border: none;
    width: 100%;
    color: var(--base-bright);
    background: var(--button-primary);
    padding: var(--gap);
    margin: var(--gap);
    font-weight: bolder;
    text-align: center;
    cursor: pointer;
}
.cr-button:active {
    background: var(--button-active);
}
.cr-button:disabled,
.cr-button-disabled {
    background: var(--button-disabled);
    color: var(--button-dark-gray);
    cursor: not-allowed;
}
.cr-button--no-margin {
    margin: 0;
}
.cr-checkbox {
    cursor: pointer;
    display: block;
    margin-bottom: calc(1.2 * var(--checkbox-general-intent));
    padding-left: calc(3.6 * var(--checkbox-general-intent));
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cr-checkbox__checkitem {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(2.4 * var(--checkbox-size));
    width: calc(2.4 * var(--checkbox-size));
    background-color: var(--checkbox-background);
    border: 1px solid var(--checkbox-border-color);
}
.cr-checkbox__checkitem::after {
    content: "";
    display: none;
    margin-left: calc(0.7 * var(--checkbox-general-intent));
    width: calc(0.8 * var(--checkbox-symbol-size));
    height: calc(1.6 * var(--checkbox-symbol-size));
    border: solid var(--checkbox-symbol-color);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cr-checkbox__label {
    display: inline-block;
    font-size: var(--checkbox-label-font-size);
    padding: calc(0.6 * var(--checkbox-general-intent));
    padding-left: var(--checkbox-general-intent);
    vertical-align: top;
    white-space: nowrap;
}
input ~ .cr-checkbox:hover__checkitem {
    background-color: var(--checkbox-hover-background);
}
.cr-checkbox__disabled .cr-checkbox__label,
.cr-checkbox__disabled .cr-checkbox__checkitem {
    opacity: 0.7;
}
.cr-checkbox input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
}
.cr-checkbox input:checked ~ .cr-checkbox__checkitem {
    background-color: var(--checkbox-checked-background);
}
.cr-checkbox input:checked ~ .cr-checkbox__checkitem::after {
    display: block;
}
.cr-crypto-icon {
    color: var(--base);
}
.cr-input {
    display: inline-block;
    background-color: inherit;
}
.cr-input input {
    border: none;
    outline: none;
    text-align: left;
    background-color: transparent;
    color: var(--base-1);
}
.cr-input__number input:focus {
    margin: 0;
}
.cr-loader {
    position: relative;
    top: 50%;
    left: 50%;
    width: 3.4em;
    height: 3.4em;
    margin-left: -1.7em;
    margin-top: -0.1em;
}
.cr-loader .loader-block {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    opacity: 0;
    width: 1em;
    height: 1em;
    background: #28334e;
    -webkit-animation: show 0.9s step-end infinite alternate, pulse 0.9s linear infinite alternate;
    animation: show 0.9s step-end infinite alternate, pulse 0.9s linear infinite alternate;
}
.cr-loader .loader-block:nth-child(1) {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.cr-loader .loader-block:nth-child(2) {
    -webkit-transform: translate(1.2em, 0);
    -ms-transform: translate(1.2em, 0);
    transform: translate(1.2em, 0);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.cr-loader .loader-block:nth-child(3) {
    -webkit-transform: translate(2.4em, 0);
    -ms-transform: translate(2.4em, 0);
    transform: translate(2.4em, 0);
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.cr-loader .loader-block:nth-child(4) {
    -webkit-transform: translate(0, 1.2em);
    -ms-transform: translate(0, 1.2em);
    transform: translate(0, 1.2em);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.cr-loader .loader-block:nth-child(5) {
    -webkit-transform: translate(1.2em, 1.2em);
    -ms-transform: translate(1.2em, 1.2em);
    transform: translate(1.2em, 1.2em);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.cr-loader .loader-block:nth-child(6) {
    -webkit-transform: translate(2.4em, 1.2em);
    -ms-transform: translate(2.4em, 1.2em);
    transform: translate(2.4em, 1.2em);
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.cr-loader .loader-block:nth-child(7) {
    -webkit-transform: translate(0, 2.4em);
    -ms-transform: translate(0, 2.4em);
    transform: translate(0, 2.4em);
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.cr-loader .loader-block:nth-child(8) {
    -webkit-transform: translate(1.2em, 2.4em);
    -ms-transform: translate(1.2em, 2.4em);
    transform: translate(1.2em, 2.4em);
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.cr-loader .loader-block:nth-child(9) {
    -webkit-transform: translate(2.4em, 2.4em);
    -ms-transform: translate(2.4em, 2.4em);
    transform: translate(2.4em, 2.4em);
}
@-webkit-keyframes pulse {
    from,
    40% {
        background: #28334e;
    }

    to {
        background: #2e4c80;
    }
}
@keyframes pulse {
    from,
    40% {
        background: #28334e;
    }

    to {
        background: #2e4c80;
    }
}
@-webkit-keyframes show {
    from,
    40% {
        opacity: 0;
    }

    41%,
    to {
        opacity: 1;
    }
}
@keyframes show {
    from,
    40% {
        opacity: 0;
    }

    41%,
    to {
        opacity: 1;
    }
}
.cr-close-button {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: calc(var(--gap) * 2);
    background: transparent;
}
.cr-close-button::before,
.cr-close-button::after {
    background: var(--base-2);
    content: '';
    display: block;
    height: calc(var(--gap) * 2.5);
    left: var(--gap);
    position: absolute;
    top: var(--gap);
    width: 1px;
}
.cr-close-button::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cr-close-button::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cr-percentage-button {
    background: var(--button-primary);
    border: none;
    color: var(--base);
    cursor: pointer;
    font-weight: normal;
    margin: 0 calc(var(--gap) * 0.5);
    padding: var(--gap);
    text-align: center;
    outline: none;
    width: 100%;
}
.cr-percentage-button:active {
    background: var(--button-active);
}
.cr-percentage-button:first-child {
    margin-left: 0;
}
.cr-percentage-button:last-child {
    margin-right: 0;
}
.cr-header-item {
    -ms-flex-line-pack: left;
    align-content: left;
}
.cr-header-item__label {
    font-size: 16px;
    font-style: regular;
    line-height: 19px;
    color: #657693;
}
.cr-header-item__amount-plus {
    font-weight: 500;
    font-size: 18px;
    font-style: bold;
    line-height: 21px;
    color: #65c789;
}
.cr-header-item__amount-minus {
    font-weight: 500;
    font-size: 18px;
    font-style: bold;
    line-height: 21px;
    color: #e95b5b;
}
.cr-header-item__amount-default {
    font-weight: 500;
    font-size: 18px;
    font-style: bold;
    line-height: 21px;
    color: #c1d4df;
}
.cr-alert {
    -ms-flex-align: center;
    align-items: center;
    background: var(--alert-background-color);
    border-radius: calc(var(--gap) * 0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    display: -ms-flexbox;
    display: flex;
    min-height: calc(var(--gap) * 9.3);
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 calc(var(--gap) * 3.16) 0 calc(var(--gap) * 10);
    position: relative;
    text-align: right;
    width: calc(var(--gap) * 50);
    margin-top: calc(var(--gap) * 0.6);
}
.cr-alert__title,
.cr-alert__description {
    background: transparent;
    line-height: 1em;
    margin: 0;
    color: var(--alert-description-color);
}
.cr-alert-text {
    background: transparent;
    width: 100%;
}
.cr-alert__title {
    line-height: calc(var(--gap) * 2.33);
    margin-bottom: 5px;
}
.cr-alert--success {
    border: 1px solid var(--open-orders-order-buy);
}
.cr-alert--success .cr-alert__title {
    color: var(--open-orders-order-buy);
}
.cr-alert--error {
    border: 1px solid var(--open-orders-order-sell);
}
.cr-alert--error .cr-alert__title {
    color: var(--open-orders-order-sell);
}
.cr-alert-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    min-width: var(--alert-icon-size);
    border-radius: 0 3px 3px 0;
    left: 0;
    position: absolute;
}
.cr-alert-icon--success {
    background-color: var(--open-orders-order-buy);
}
.cr-alert-icon--error {
    background-color: var(--open-orders-order-sell);
}
.qx-history-elem__pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding: calc(var(--gap) * 2.5) 0 0;
}
.qx-history-elem__pagination button {
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin-left: calc(var(--gap) * 4.5);
}
.qx-history-elem__pagination button:disabled {
    cursor: default;
}
.cr-decimal__opacity {
    opacity: 0.6;
}
.cr-input-block {
    background-color: var(--input-block-bg);
    border: 1px solid var(--input-block-border-color);
    color: var(--input-block-color);
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: normal;
    padding-bottom: 13px;
    padding-top: 17px;
    padding-left: 17px;
    padding-right: 17px;
}
.cr-input-block__input {
    border-bottom: 1px solid var(--input-block-input-border-color);
}
.cr-input-block__input input {
    background-color: inherit;
    color: var(--input-block-input-color);
}
.cr-order-input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.cr-order-input__fieldset {
    background-color: var(--order-input-input-bg);
    border: 1px solid var(--order-input-border-color);
    color: var(--order-input-input-color);
    display: inline-block;
    position: relative;
    margin: 0;
    margin-top: calc(var(--gap) * 2);
    width: 100%;
}
.cr-order-input__fieldset__label {
    background-color: var(--order-input-input-bg);
    position: absolute;
    top: calc(var(--gap) * -1.3);
}
.cr-order-input__fieldset__input {
    background-color: var(--order-input-input-bg);
    border: none;
    margin: var(--gap);
    width: 100%;
}
.cr-order-input__fieldset__input input {
    width: 100%;
}
.cr-order-input__crypto-icon {
    background-color: var(--order-input-input-bg);
    border: 1px solid var(--order-input-border-color);
    border-left: none;
    display: inline-block;
    margin-top: calc(var(--gap) * 2);
    padding: calc(var(--gap) * 2);
    text-align: center;
    width: 20%;
}
.cr-order-input__crypto-icon span {
    background-color: inherit;
}
.cr-order-item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: calc(var(--gap) * 2);
    width: 100%;
}
.cr-order-item .cr-dropdown,
.cr-order-item .cr-order-input,
.cr-order-item__percentage-buttons,
.cr-order-item__total,
.cr-order-item__available,
.cr-order-item__fee {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.cr-order-item__dropdown__label {
    background-color: inherit;
    margin-left: calc(var(--gap) * 2);
    padding: 0 calc(var(--gap) * 0.5);
    position: absolute;
    top: calc(var(--gap) * -1.3);
    z-index: 1;
}
.cr-order-item .cr-dropdown__input-label {
    margin-left: calc(var(--gap) * 2);
}
.cr-order-item .cr-dropdown__list {
    margin-top: calc(var(--gap) * 5.2);
    width: calc(100% - 2px);
}
.cr-order-item--compact {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
}
.cr-order-item__label {
    font-size: var(--font-size);
    font-weight: 200;
    color: var(--base-2);
    line-height: calc(var(--font-size) * 2);
}
.cr-order-item__total__label, .cr-order-item__available__label, .cr-order-item__fee__label {
    text-align: left;
}
.cr-order-item__total__content, .cr-order-item__available__content, .cr-order-item__fee__content {
    text-align: right;
}
.cr-order-item__total__content__currency, .cr-order-item__available__content__currency, .cr-order-item__fee__content__currency {
    margin-left: var(--gap);
}
.cr-order-item .cr-order-input__input .cr-order-input__price {
    display: inline-block;
    background: transparent !important;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 20px;
}
.cr-tab-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.cr-tab-panel .cr-tab {
    color: var(--base-2);
    font-size: 1.14em;
    padding: var(--gap) calc(var(--gap) * 4);
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.cr-tab-panel .cr-tab__fixed .cr-tab {
    -ms-flex: 1 1;
    flex: 1 1;
}
.cr-tab-panel .cr-tab:focus {
    background-color: transparent;
    outline: none;
}
.cr-tab-panel .cr-tab__active {
    color: var(--base);
}
.cr-tab-panel .cr-tab__hidden {
    display: none;
}
.cr-tab-panel .cr-tab:not(.cr-tab-panel .cr-tab__disabled) {
    cursor: pointer;
}
.cr-tab-panel .cr-tab__disabled {
    opacity: 0.2;
}
.cr-tab-panel .cr-tab__pointer {
    background: var(--button-primary);
    bottom: -2px;
    height: 0.25em;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.cr-tab-panel__navigation-container {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: calc(var(--gap) * 5);
}
.cr-tab-panel__navigation-container-navigation {
    -webkit-box-shadow: inset 0 -1px var(--base);
    box-shadow: inset 0 -1px var(--base);
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1px;
    position: relative;
}
.cr-tab-panel--fixed .cr-tab-panel__navigation-container-navigation {
    -ms-flex: 1 1;
    flex: 1 1;
}
.cr-tab-panel .cr-tab-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.cr-tab-panel .cr-tab-content:not(.cr-tab-content__active) {
    display: none;
}
.cr-tab-panel .cr-tab-content__active {
    display: -ms-flexbox;
    display: flex;
}
.qr-code svg {
    border: 1px solid var(--base-bright);
}
.cr-search {
    margin: var(--gap);
    padding: var(--gap);
    width: calc(100% - var(--gap));
}
.cr-search__icon {
    padding: var(--gap);
}
.cr-search__icon img {
    height: 17px;
    width: 17px;
}
.cr-search__input {
    border: none;
    border-bottom: 1px solid var(--base-2);
    color: var(--base-2);
    padding: var(--gap);
}
.cr-search__input::-webkit-input-placeholder {
    color: var(--base-2);
}
.cr-search__input:-ms-input-placeholder {
    color: var(--base-2);
}
.cr-search__input::-ms-input-placeholder {
    color: var(--base-2);
}
.cr-search__input::placeholder {
    color: var(--base-2);
}
.cr-search__input:focus {
    outline: none;
}
.cr-dropdown {
    outline: none;
    background-color: var(--background);
    position: relative;
}
.cr-dropdown__input {
    width: 100%;
    height: calc(var(--gap) * 5);
    border: solid 1px var(--base-2);
    background-color: inherit;
    color: var(--base);
    display: -ms-flexbox;
    display: flex;
}
.cr-dropdown__input:active {
    background-color: var(--background-dropdown-hover);
    color: var(--background-dropdown-hover-text);
}
.cr-dropdown__input--open {
    border: solid 1px var(--base-3);
    background-color: inherit;
    width: 100%;
    height: calc(var(--gap) * 5);
}
.cr-dropdown__input-label {
    margin-left: calc(var(--gap) * 3);
    font-size: 16px;
    font-weight: 100;
    line-height: calc(var(--gap) * 4.4);
    vertical-align: middle;
    background: transparent;
    width: 100%;
    color: transparent;
    text-shadow: 0 0 0 var(--base-1);
    cursor: default;
}
.cr-dropdown__input-label:focus {
    outline: none;
}
.cr-dropdown__input-icon {
    float: right;
    margin-right: calc(var(--gap) * 4);
    line-height: calc(var(--gap) * 4.4);
    padding-top: calc(var(--gap) * 0.5);
    vertical-align: middle;
    background: transparent;
    position: absolute;
    right: 0;
    pointer-events: none;
}
.cr-dropdown__list {
    background-color: inherit;
    color: var(--base);
    list-style: none;
    border: solid 1px var(--base-3);
    border-top: none;
    padding-left: 0;
    position: absolute;
    margin: 0;
    z-index: 999;
    width: 100%;
    overflow-y: hidden;
}
.cr-dropdown__list-item {
    color: var(--base-3);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 100;
    background-color: inherit;
    position: relative;
}
.cr-dropdown__list-item-label {
    background: transparent;
    font-size: 16px;
    margin-left: calc(var(--gap) * 3);
}
.cr-dropdown__list-item-selected {
    background-color: var(--background-dropdown-hover);
    color: var(--base);
}
.cr-dropdown__list-item:hover {
    background-color: var(--background-dropdown-hover);
    color: var(--base);
    opacity: 0.4;
}
.cr-table-container {
    position: relative;
}
.cr-table {
    border-collapse: collapse;
    background: var(--table-background);
    text-align: center;
    position: relative;
    width: 100%;
}
.cr-table__head {
    background: rgb(6, 19, 69);
}
.cr-table__head tr {
    background: rgba(3, 8, 28, 0.84);
}
.cr-table__head tr th {
    color: var(--table-header-color);
    font-weight: lighter;
    padding: 15px 8px;
    font-size: calc(var(--gap) * 4);
}
.cr-table__body {
    background: #510812;
}
.cr-table__body tr {
    background: #010812;
}
.cr-table__body tr td {
    color: var(--table-header-color);
    position: relative;
    z-index: 10;
    padding: 12px 8px;
}
.cr-table__body tr:nth-child(even) {
    background-color: var(--table-even-row-background);
}
.cr-table__row--selected {
    background: rgba(1, 6, 26, 0.77);
}
.cr-table-background {
    background: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 104px;
    width: 100%;
}
.cr-table-background--left {
    -ms-flex-align: start;
    align-items: flex-start;
}
.cr-table-background--right {
    -ms-flex-align: end;
    align-items: flex-end;
}
.cr-table-background__row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 19px;
    width: 30%;
}
.cr-table__filter {
    margin: 0 5px;
    cursor: pointer;
    font-size: 15px;
    padding: 10px 8px;
    background: #010812;
}
.cr-table__filter--active {
    color: var(--base-bright);
}
.cr-table__filters {
    display: -ms-flexbox;
    display: flex;
    background: var(--transparent);
}
.cr-table-header__content {
    height: calc(var(--gap) * 6);
    background: var(--table-dark-header-color);
    padding: 10px 0 0 10px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.cr-table-header__content-empty {
    display: none;
}
.cr-title-component {
    background: var(--transparent);
    color: var(--title-component-color);
    font-size: calc(var(--gap) * 4);
}
.cr-order-book tr td:nth-child(1) {
    text-align: left;
}
.cr-order-book tr td:nth-child(2) {
    width: 100%;
}
.cr-order-book tr td:nth-child(3) {
    text-align: right;
}
.cr-order-book tr th:nth-child(1) {
    text-align: left;
}
.cr-order-book tr th:nth-child(3) {
    text-align: right;
}
.cr-combined-order-book {
    position: relative;
    height: 100%;
}
.cr-combined-order-book .cr-table {
    table-layout: fixed;
}
.cr-combined-order-book .cr-table td,
.cr-combined-order-book .cr-table th {
    width: 33%;
}
.cr-combined-order-book .cr-table-background__row {
    padding: 22px;
}
.cr-combined-order-book--loading {
    background: rgba(0, 0, 0, 0.2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
}
.cr-combined-order-book__market {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 5px;
    padding-bottom: 5px;
    color: var(--placeholder-text);
}
.cr-combined-order-book__market span {
    font-weight: normal;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
}
.cr-combined-order-book__market span:first-child {
    font-weight: bold;
    line-height: normal;
    font-size: 28px;
}
.cr-combined-order-book__market-negative {
    color: var(--red);
}
.cr-combined-order-book__market-positive {
    color: var(--color-green);
}
.cr-combined-order-book .cr-order-book td {
    color: var(--color-white);
}
.cr-combined-order-book__large {
    display: -ms-flexbox;
    display: flex;
    overflow: unset;
}
.cr-combined-order-book__large-market {
    border-top: 1px solid var(--title-component-color);
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 25;
    background: var(--base-bright);
}
.cr-combined-order-book__large .cr-order-book {
    width: 50%;
    padding-right: 1px;
}
.cr-combined-order-book__large .cr-table-background {
    top: 60px;
}
.cr-combined-order-book__large .cr-table-background__row {
    padding-bottom: calc(var(--gap) * 2.5);
    margin-bottom: 1px;
}
.cr-combined-order-book__small .cr-table-background__row {
    padding-bottom: calc(var(--gap) * 2.5);
    margin-bottom: 1px;
}
.cr-combined-order-book__small .cr-order-book {
    overflow-y: scroll;
    height: 154px;
}
.cr-combined-order-book__small .cr-order-book:first-child {
    border-bottom: 1px solid var(--title-component-color);
    height: 208px;
}
.cr-combined-order-book__small .cr-order-book:first-child .cr-table-background {
    top: 60px;
}
.cr-combined-order-book__small .cr-order-book:last-child {
    border-top: 1px solid var(--title-component-color);
}
.cr-combined-order-book__small .cr-order-book:last-child .cr-table-background {
    top: 0;
}
.cr-combined-order-book__small .cr-order-book th {
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2222;
}
.cr-markets {
    background: var(--base-bright);
    padding-bottom: 0;
}
.cr-markets .cr-title-component {
    color: var(--markets-title-color);
    font-size: 1em;
    font-weight: lighter;
}
.cr-markets .cr-table {
    background: var(--base-bright);
}
.cr-markets .cr-table th {
    color: var(--markets-filter-color);
    font-size: 0.83em;
    font-weight: lighter;
    padding-top: 2px;
    padding-bottom: 12px;
}
.cr-markets .cr-table td {
    color: var(--markets-filter-color);
    font-size: 0.83em;
}
.cr-markets .cr-table .__positive {
    background: var(--transparent);
    color: green;
}
.cr-markets .cr-table .__negative {
    background: var(--transparent);
    color: red;
}
.cr-markets .cr-table th:first-child,
.cr-markets .cr-table td:first-child {
    padding-left: calc(var(--gap) * 2);
    text-align: left;
}
.cr-markets .cr-table th:last-child,
.cr-markets .cr-table td:last-child {
    padding-right: calc(var(--gap) * 2);
    text-align: right;
}
.cr-markets .cr-table tr:nth-child(even) {
    background: var(--base-bright);
}
.cr-markets .cr-table__filters {
    max-width: 100%;
    overflow-x: auto;
}
.cr-markets .cr-table__filter {
    color: var(--markets-filter-color);
    font-size: 1.2em;
    font-weight: lighter;
    padding-left: 3px;
    padding-right: 3px;
}
.cr-markets .cr-table__filter--active {
    color: var(--markets-filter-active-color);
}
.cr-markets .cr-table__row--selected {
    background: var(--markets-selected-color) !important;
}
.cr-markets .cr-search {
    background: var(--base-bright);
    margin: 0;
    margin-top: var(--gap);
    padding: 0;
}
.cr-markets .cr-search__icon {
    background: var(--base-bright);
}
.cr-markets .cr-search input {
    background: var(--base-bright);
    color: var(--markets-filter-color);
    font-weight:bolder;
    width: calc(100% - var(--gap) * 9);
    border-bottom-color: var(--markets-search-border-color);
}
.cr-markets .cr-search input::-webkit-input-placeholder {
    color: var(--markets-title-color);
}
.cr-markets .cr-search input:-ms-input-placeholder {
    color: var(--markets-title-color);
}
.cr-markets .cr-search input::-ms-input-placeholder {
    color: var(--markets-title-color);
}
.cr-markets .cr-search input::placeholder {
    color: var(--markets-title-color);
}
:global .cr-grid-item {
    background: none !important;
}
:global .cr-grid-item__header {
    background: transparent;
    padding: calc(var(--gap) * 2) calc(var(--gap) * 2.2) calc(var(--gap) * 1.9) calc(var(--gap) * 3);
    position: relative;
}
:global .cr-grid-item__close {
    position: absolute;
    right: 0;
    top: 0;
}
:global .cr-grid-item__close::after,
:global .cr-grid-item__close::before {
    border: 1px solid #a9cde1;
    content: '';
    position: absolute;
    right: calc(var(--gap) * 2);
    top: calc(var(--gap) * 3.1);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: calc(var(--gap) * 3);
}
:global .cr-grid-item__close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
:global .cr-grid-item__close:hover::after,
:global .cr-grid-item__close:hover::before {
    border-color: var(--color-white);
}
:global .cr-grid-item__title {
    color: #c1d4df;
    background-color: inherit;
    font-size: calc(var(--gap) * 2.4);
    text-transform: uppercase;
}
:global .cr-grid-item__body {
    padding: calc(var(--gap) * 1.8);
    background: var(--main-bg);
}
.cr-wallet-trades-item {
    background-color: var(--wallet-trades-item-bg-color);
    color: var(--wallet-trades-item-color);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.cr-wallet-trades-item__body {
    display: inline-block;
    background-color: inherit;
    color: inherit;
}
.cr-wallet-trades-item__body-crypto {
    display: inline;
    background-color: inherit;
    -ms-flex-pack: justify;
    justify-content: space-between;
    vertical-align: middle;
    color: inherit;
}
.cr-wallet-trades-item__body-crypto-icon {
    background-color: inherit;
    color: inherit;
    padding-left: calc(var(--gap) * 2);
}
.cr-wallet-trades-item__body-crypto-icon [class^=cr-crypto-font] {
    color: inherit;
    font-size: calc(var(--gap) * 6);
    vertical-align: middle;
    background: transparent;
}
.cr-wallet-trades-item__body-data {
    display: inline-block;
    background-color: inherit;
    color: inherit;
    vertical-align: middle;
}
.cr-wallet-trades-item__body-data-currency {
    background-color: inherit;
    color: inherit;
    font-size: calc(var(--gap) * 2.33);
    padding-bottom: 5px;
}
.cr-wallet-trades-item__body-data-balance {
    background-color: inherit;
    color: inherit;
    font-size: calc(var(--gap) * 2.66);
}
.cr-wallet-trades-item__arrow {
    display: -ms-flexbox;
    display: flex;
    float: right;
    margin-right: calc(var(--gap) * 4);
    line-height: calc(var(--gap) * 4.4);
    padding-top: calc(var(--gap) * 0.5);
    vertical-align: middle;
    background: transparent;
}
.cr-grid {
    position: relative;
}
:global .react-grid-layout {
    position: relative;
    -webkit-transition: height 200ms ease;
    -o-transition: height 200ms ease;
    transition: height 200ms ease;
}
:global .react-grid-item {
    background: var(--grid-item-bg) !important;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-transition-property: left, top;
    -o-transition-property: left, top;
    transition-property: left, top;
}
:global .react-grid-item.cssTransforms {
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
:global .react-grid-item.resizing {
    will-change: width, height;
    z-index: 1;
}
:global .react-grid-item.resizing .cr-grid-item {
    pointer-events: none;
}
:global .react-grid-item.react-draggable-dragging {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    will-change: transform;
    z-index: 3;
}
:global .react-grid-item.react-grid-placeholder {
    background: var(--grid-placeholder-bg);
    border: 1px solid var(--grid-placeholder-border-color);
    -webkit-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    transition-duration: 100ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
}
:global .react-grid-item .react-resizable-handle {
    border: 2.81px solid var(--grid-resizable-border-color);
    border-left-color: transparent;
    border-top-color: transparent;
    bottom: 0;
    cursor: se-resize;
    height: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    width: 0;
}
:global .react-grid-item .react-resizable-handle::after {
    border-bottom: 1px solid var(--grid-resizable-border-color);
    content: '';
    opacity: 0.8;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: calc(var(--gap) * 0.7);
    right: calc(var(--gap) * (-1));
    width: calc(var(--gap) * 3.9);
}
:global .react-grid-item .react-resizable-handle::before {
    border-bottom: 1px solid var(--grid-resizable-border-color);
    content: '';
    opacity: 0.8;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: calc(var(--gap) * 0.3);
    right: calc(var(--gap) * (-0.6));
    width: calc(var(--gap) * 2.2);
}
.cr-withdraw {
    padding: 10px;
}
.cr-withdraw__divider {
    background-color: var(--withdraw-divider-border-color);
    width: 1px;
    margin-left: calc(var(--gap) * 3.45);
    min-height: calc(var(--gap) * 3.2);
}
.cr-withdraw__divider-one {
    height: calc(var(--gap) * 6.4);
}
.cr-withdraw__divider-two {
    position: absolute;
    height: calc(var(--gap) * 13);
}
.cr-withdraw__summary-field {
    margin-left: calc(var(--gap) * 2.9);
    margin-top: calc(var(--gap) * 4.5);
}
.cr-withdraw__summary-field .cr-summary-field-message {
    color: var(--withdraw-summary-field-message-color);
}
.cr-withdraw__summary-field .cr-summary-field-amount {
    color: var(--withdraw-summary-field-amount-color);
}
.cr-withdraw__deep {
    text-align: right;
}
.cr-withdraw__button {
    background: var(--withdraw-button-bg);
    color: #fff;
    font-size: calc(var(--gap) * 3);
    font-style: normal;
    font-weight: bold;
    height: calc(var(--gap) * 6.5);
    line-height: normal;
    width: calc(var(--gap) * 30.8);
}
.cr-market-depths {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 400px;
    max-width: 100%;
}
.cr-market-info {
    width: auto;
    background-color: inherit;
}
.cr-market-info .cr-market-dropdown {
    display: inline-block;
    width: calc(var(--gap) * 40);
}
.cr-market-info__pairs-dropdown {
    display: inline-block;
    font-size: calc(var(--gap) * 3.6);
}
.cr-market-info__pairs-dropdown .cr-dropdown__input {
    background-color: var(--market-info-dropdown-bg-color);
    border: 0;
    padding: calc(var(--gap) * 4.7) var(--gap);
    width: inherit;
}
.cr-market-info__pairs-dropdown .cr-dropdown__input-label {
    background-color: var(--market-info-dropdown-bg-color);
    font-size: calc(var(--gap) * 3.6);
    font-weight: bolder;
    line-height: calc(var(--gap) * 2.5);
    color: var(--market-info-dropdown-color);
}
.cr-market-info__pairs-dropdown .cr-dropdown__input-icon {
    margin-left: calc(var(--gap) * 3);
    background-color: var(--market-info-dropdown-bg-color);
}
.cr-market-info__pairs-dropdown .cr-dropdown__input-icon img {
    height: calc(var(--gap) * 2);
}
.cr-market-info__pairs-dropdown .cr-dropdown__input--open {
    background-color: var(--market-info-dropdown-bg-color);
    color: var(--market-info-dropdown-color);
    padding: calc(var(--gap) * 4.7) var(--gap);
    width: inherit;
    border: 0;
}
.cr-market-info__pairs-dropdown .cr-dropdown__input--open-icon {
    padding-left: calc(var(--gap) * 5);
}
.cr-market-info__pairs-dropdown .cr-dropdown__list {
    border: 0;
}
.cr-market-info__pairs-dropdown .cr-dropdown__list-item {
    background-color: var(--market-info-dropdown-bg-color);
    border: 0;
    cursor: pointer;
    padding: calc(var(--gap) * 4.7) var(--gap);
}
.cr-market-info__pairs-dropdown .cr-dropdown__list-item-label {
    background-color: var(--market-info-dropdown-bg-color);
    color: var(--market-info-dropdown-color);
    font-size: calc(var(--gap) * 3.6);
    font-weight: bolder;
    line-height: calc(var(--gap) * 2.5);
}
.cr-market-info__pairs-dropdown .cr-dropdown__list-item:hover {
    background-color: var(--background-dropdown);
    color: var(--base);
}
.cr-market-info__pairs-dropdown .cr-dropdown__list-item:hover .cr-dropdown__list-item-label {
    background-color: var(--background-dropdown) !important;
}
.cr-market-info__values {
    display: inline-block;
}
.cr-market-info__values-item {
    display: inline-block;
    padding-left: calc(var(--gap) * 2.7);
    padding-right: calc(var(--gap) * 2.7);
    vertical-align: middle;
}
@media (max-width: 700px) {
    .cr-market-dropdown {
        display: block;
        width: 100% !important;
    }

    .cr-market-dropdown .cr-dropdown {
        width: 100%;
    }
}
@media (max-width: 460px) {
    .cr-market-info__values {
        display: block;
        width: 100%;
    }

    .cr-market-info__values .cr-market-info__values-item {
        display: block;
        padding: calc(var(--gap) * 2) 0;
        width: 100%;
    }
}
:root {
    /* typography */
    --font-size: 14px !important;
    --font-size-smaller: calc(var(--font-size) * 1.2);
    --font-size-bigger: calc(var(--font-size) * 1.6);
    --font-family: 'FiraGO', sans-serif;
    --font-weight: normal;
    --line-height: 1.2;

    /* colors */
    --base: rgb(22, 24, 32);
    --base-1: rgb(22, 24, 32);
    --base-2: rgb(22, 24, 32);
    --base-3: rgb(22, 24, 32);
    --base-4: rgb(22, 24, 32);
    --base-5: rgb(22, 24, 32);
    --base-6: rgb(22, 24, 32);
    --base-7: #900d8b;
    --base-8: #000;
    --base-bright: rgb(22, 24, 32);
    --background: #2c353f;
    --color-red: crimson;
    --avatar-border-alt-color: #7a96a6;
    --avatar-background-alt-color: #2e3642;
    --avatar-alt-font-color: #7a96a6;
    --background-dark: #18202c;
    --background-wallet-item: #1e2736;
    --background-wallet-item-active: linear-gradient(to top, #0f1425, #121a29, #161f2d, #1a2530, #1f2a34);
    --background-dropdown: #010711;
    --background-dropdown-hover: #010407;
    --background-dropdown-hover-text: #020711;
    --button-primary: linear-gradient(#323c42, #010d14);
    --button-hover: linear-gradient(#1f282e, #04151f);
    --button-active: linear-gradient(#020f16, #091218);
    --button-disabled: linear-gradient(#01090e, #010b11);
    --button-dark-gray: rgb(22, 24, 32);
    --outline-wallet-item-active: rgba(232, 241, 255, 0.19);
    --text-light-grey: #c1d4df;
    --text-table-grey: #737f92;
    --input-block-bg: #1e2736;
    --input-block-border-color: #62718b;
    --input-block-color: #7a96a6;
    --input-block-input-border-color: #62718b;
    --input-block-input-color: #c1d4df;
    --order-input-border-color: #62718b;
    --order-input-crypto-icon-bg: #252e3e;
    --order-input-crypto-icon-color: #7a96a6;
    --order-input-input-bg: #1e2736;
    --order-input-input-color: #c1d4df;
    --summary-field-border-color: #3591c9;
    --withdraw-divider-border-color: #62718b;
    --withdraw-summary-field-message-color: #c1d4df;
    --withdraw-summary-field-amount-color: #62718b;
    --withdraw-button-bg: linear-gradient(91.64deg, #3c96cd 0.06%, #2c8ac3 100%);
    --table-background: linear-gradient(#1f2a34, #0f1425);
    --table-border-bottom: #62718b;
    --table-header-color: #c1d4df;
    --table-dark-header-color: #1f2a34;
    --title-component-color: #c1d4df;
    --table-even-row-background: rgba(122, 150, 166, 0.1);
    --checkbox-background: #fff;
    --checkbox-checked-background: #fff;
    --checkbox-hover-background: #f7f7f7;
    --checkbox-border-color: #c1d4df;
    --checkbox-symbol-color: #c1d4df;
    --transparent: transparent;
    --sign-in-background-color: linear-gradient(#1f2a34, #0f1425);
    --sign-in-label-color: #7a96a6;
    --sign-in-input-color: #c1d4df;
    --sign-in-input-border-color: #62718b;
    --sign-up-checkbox-color: #c1d4df;
    --sign-up-checkbox-mark-color: #a9cde1;
    --history-action-buy: #5ba584;
    --history-action-sell: #e95b5b;
    --open-orders-action-buy: #5ba584;
    --open-orders-action-sell: #e95b5b;
    --open-orders-order-buy: #54b489;
    --open-orders-order-sell: #e85e59;
    --open-orders-background: #141b2b;
    --open-orders-head: #1f2a34;
    --order-dropdown-background-color: #1e2736;
    --order-crypto-icon-background-color: #252e3e;
    --order-crypto-font-color: #7a96a6;
    --order-input-color: #c1d4df;
    --markets-filter-color: #666;
    --markets-filter-active-color: #c1d4df;
    --markets-title-color: #c0c0c0;
    --markets-search-border-color: #efeff0;
    --markets-selected-color: rgba(63, 70, 173, 0.3);
    --market-info-dropdown-bg-color: #323b48;
    --market-info-dropdown-color: #c1d4df;
    --grid-item-bg: linear-gradient(167.06deg, #1f2a34 1.32%, #0f1425 103.6%);
    --grid-placeholder-bg: rgba(73, 91, 119, 0.3);
    --grid-placeholder-border-color: #818db8;
    --grid-resizable-border-color: #7a96a6;
    --alert-icon-size: calc(var(--gap) * 8.97);
    --wallet-trades-item-bg-color: #c1d4df;
    --wallet-trades-item-color: #fff;
    --alert-description-color: #657395;
    --alert-background-color: #28334e;
    --pagination-disabled: #4e5b71;
    --pagination-active: #737f92;

    /* layout */
    --avatar-alt-height: 30px;
    --avatar-alt-width: 30px;
    --avatar-component-width: 50px;
    --avatar-alt-font-size: 26px;
    --checkbox-general-intent: 10px;
    --checkbox-label-font-size: 16px;
    --checkbox-size: 10px;
    --checkbox-symbol-size: 10px;
    --gap: 0.5em;
}
.qx-layout {
    color: var(--base);
    /* background: var(--back-bg); */
    background: var(--transparent);
    min-height: calc(100vh - 141px);
    padding-right: 0;
    padding-left: 0;
}
.cr-deposit-crypto {
    background: var(--main-bg);
    color: var(--table-text-color);
    display: -ms-flexbox;
    display: flex;
    font-size: var(--font-size);
    padding: calc(var(--gap) * 3);
    -ms-flex-direction: column;
    flex-direction: column;
}
.cr-deposit-crypto div:nth-child(1) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.cr-deposit-crypto .cr-deposit-info {
    background-color: inherit;
    font-size: calc(var(--gap) * 2.3);
    width: 56%;
    line-height: 25px;
    margin-bottom: calc(var(--gap) * 3);
}
.cr-deposit-crypto__copyable {
    margin-top: calc(var(--gap) * 2.5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.cr-deposit-crypto__copyable-title {
    background-color: inherit;
    color: var(--table-text-color);
    font-size: calc(var(--gap) * 2);
    margin-left: var(--gap);
}
.cr-deposit-crypto__copyable-area {
    margin-top: calc(var(--gap) * -1.1);
}
.cr-deposit-crypto__copyable .cr-copyable-text-field__input {
    background: inherit;
    padding: calc(var(--gap) * 0.83) calc(var(--gap) * 0.83) calc(var(--gap) * 0.83) var(--gap);
}
.cr-deposit-crypto__copyable .cr-copyable-text-field__input input {
    background: unset;
    color: var(--table-text-color);
}
.cr-deposit-crypto__copyable .cr-copyable-text-field__input .cr-copyable-text-field__button {
    background: var(--button-normal);
    color: var(--white);
    width: 28%;
}
.cr-deposit-crypto__copyable .cr-copyable-text-field__input .cr-copyable-text-field__button:hover {
    background: var(--button-hover);
}
.cr-deposit-crypto__copyable fieldset {
    border: 1px solid var(--base-2);
}
.cr-deposit-crypto__copyable fieldset:focus-within {
    border: 1px solid var(--color-blue);
}
.cr-deposit-crypto__copyable fieldset:focus-within legend {
    color: var(--color-blue);
}
.cr-deposit-crypto__copyable fieldset .cr-copyable-text-field {
    border: none;
}
.cr-deposit-crypto .qr-code {
    margin-top: calc(var(--gap) * 3);
    margin-left: calc(var(--gap) * 3);
}
.cr-deposit-crypto .qr-code svg {
    border: 1px solid var(--color-white);
}
@media screen and (max-width: 768px) {
    .cr-deposit-crypto {
        padding: 0;
    }
    .cr-deposit-crypto .cr-deposit-info {
        text-align: center;
        width: 100%;
    }
    .cr-deposit-crypto .cr-deposit-crypto__copyable-area {
        height: calc(var(--gap) * 5);
    }
}
.cr-deposit-fiat {
    padding: calc(var(--gap) * 3) calc(var(--gap) * 3);
}
.cr-deposit-fiat__title {
    font-size: 1.2em;
    margin-bottom: calc(var(--gap) * 3);
}
.cr-deposit-fiat__description {
    margin-bottom: calc(var(--gap) * 3);
}
.cr-deposit-fiat-credentials {
    position: relative;
    width: 60%;
}
.cr-deposit-fiat-detail {
    display: -ms-flexbox;
    display: flex;
}
.cr-deposit-fiat-detail__label,
.cr-deposit-fiat-detail__value {
    -ms-flex: 1 1;
    flex: 1 1;
    margin-top: calc(var(--gap) * 2);
}
.cr-deposit-fiat-detail__label {
    color: var(--base-2);
    margin-right: calc(var(--gap) * 2);
}
.cr-summary-field {
    font-style: normal;
    font-weight: normal;
    max-height: calc(var(--gap) * 5);
    line-height: 100%;
    margin: 0;
    padding: 0;
}
.cr-summary-field-border-item-rectangle {
    display: inline-block;
    margin-left: calc(var(--gap) * 0.3);
}
.cr-summary-field-border-item-rectangle::before {
    display: inline-block;
    width: 4px;
    line-height: calc(var(--gap) * 2.3);
    content: '.';
    color: var(--summary-field-border-color);
    background-color: var(--summary-field-border-color);
}
.cr-summary-field-border-item-circle {
    display: inline-block;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(var(--gap) * 1.3);
    width: calc(var(--gap) * 1.3);
    background-color: var(--summary-field-border-color);
    border-radius: 50%;
    margin-right: calc(var(--gap) * 3.2);
    margin-top: calc(var(--gap) * 0.3);
}
.cr-summary-field-border-item-empty-circle {
    display: inline-block;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(var(--gap) * 1.3);
    width: calc(var(--gap) * 1.3);
    background-color: inherit;
    border: 2px solid var(--summary-field-border-color);
    border-radius: 50%;
    margin-right: calc(var(--gap) * 3.2);
    margin-top: calc(var(--gap) * 0.3);
}
.cr-summary-field-message {
    padding-left: calc(var(--gap) * 3.2);
    padding-right: calc(var(--gap) * 2.1);
}
.cr-withdraw__summary-field {
    background-color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: calc(var(--gap) * 1.5);
    margin-bottom: 0;
    margin-left: 0;
    padding-right: calc(var(--gap) * 2.33);
}
.cr-withdraw__summary-field .cr-summary-field-message {
    color: var(--table-text-color);
    background-color: inherit;
    padding-left: 0;
}
.cr-withdraw__summary-field .cr-summary-field-content {
    color: var(--base-9);
}
.cr-withdraw__summary-field .cr-summary-field-border-item-empty-circle {
    display: none;
}
.cr-copyable-text-field {
    border: 1px solid var(--base-2);
    background: var(--background-dark);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background: inherit;
    border-radius: calc(var(--gap) * 0.66);
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
}
.cr-copyable-text-field__input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 1 1;
    flex: 1 1;
    color: var(--base-3);
    background: var(--background-dark);
    background: inherit;
    /*padding: calc(var(--gap) * 0.83) calc(var(--gap) * 0.83) calc(var(--gap) * 0.83) var(--gap); */
}
.cr-copyable-text-field__input input {
    background: unset;
    color: var(--table-text-color);
}
.cr-copyable-text-field__input .cr-copyable-text-field__button {
    background: var(--button-normal);
    color: var(--white);
    width: 28%;
}
.cr-copyable-text-field__input .cr-copyable-text-field__button:hover {
    background: var(--button-hover);
}
.cr-copyable-text-field .cr-copyable-text-field {
    padding: 0;
}
.cr-copyable-text-field input {
    width: 100%;
    border-radius: 0;
    border-style: none;
    color: var(--base-3);
    background: var(--background-dark);
    outline: none;
}
.cr-copyable-text-field .cr-copyable-text-field__button {
    cursor: pointer;
    color: var(--color-white);
    background: #2e4c80;
    font-size: calc(var(--gap) * 2.66);
    border-radius: calc(var(--gap) * 0.5);
    height: calc(var(--gap) * 5);
    font-weight: normal;
    width: calc(var(--gap) * 12);
    margin-top: var(--gap) 0 var(--gap) 0;
    text-transform: uppercase;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.cr-copyable-text-field .cr-copyable-text-field__button::-moz-selection {
    background: transparent;
}
.cr-copyable-text-field .cr-copyable-text-field__button::selection {
    background: transparent;
}
.cr-copyable-text-field .cr-copyable-text-field__button:hover {
    background: var(--button-hover);
}
.cr-sign-up-form {
    background: #1e2841;
    max-width: 424px;
    min-height: 620px;
    -webkit-box-shadow: 0 10px 15px rgba(59, 16, 16, 0.25);
    box-shadow: 0 10px 15px rgba(14, 27, 143, 0.25);
    border-radius: 3px;
    position: relative;
}
.cr-sign-up-form__options-group {
    width: 100%;
    height: 58px;
    border-bottom: 2px solid #000205;
}
.cr-sign-up-form__option {
    background: #28334e;
    display: inline-block;
    width: 50%;
    height: 58px;
}
.cr-sign-up-form__option .__selected {
    border-bottom: 2px solid #3c78e0;
    color: #fff;
}
.cr-sign-up-form__option-inner {
    background: var(--transparent);
    width: 75%;
    height: 58px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    line-height: 58px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.0357143em;
    cursor: pointer;
}
.cr-sign-up-form__form-content {
    position: absolute;
    top: 90px;
    right: 23px;
    bottom: 23px;
    left: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cr-sign-up-form > *, .cr-sign-in-form > * {
    background-color: var(--transparent) !important;
}
.cr-sign-up-form__group {
    background: var(--transparent);
    margin-bottom: 20px;
    position: relative;
}
.cr-sign-up-form__error {
    background: var(--transparent);
    margin-top: 5px;
    color: var(--color-red);
}
.cr-sign-up-form__label {
    position: relative;
    top: 7px;
    left: 10px;
    padding: 2px 6px;
    border-radius: 2px;
    background: #1e2841;
    color: var(--sign-in-label-color);
}
.cr-sign-up-form__group--focused .cr-sign-up-form__label {
    color: #3c78e0;
}
.cr-sign-up-form__group--focused input {
    border: 1px solid #3c78e0 !important;
}
.cr-sign-up-form__image {
    display: block;
    width: 50%;
    height: 100px;
    margin: 0 auto 20px auto;
}
.cr-sign-up-form__title {
    color: var(--sign-in-label-color);
    margin: 119px 0 60px 0;
    font-size: 18px;
    text-align: center;
}
.cr-sign-up-form__error-message {
    color: var(--color-red);
    font-size: calc(var(--gap) * 2.5);
    -ms-flex: 1 1;
    flex: 1 1;
    display: -ms-flexbox;
    display: flex;
    background: var(--transparent);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(var(--gap) * 6);
}
.cr-sign-up-form__button-wrapper {
    background: var(--transparent);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.cr-sign-up-form__button-wrapper--empty {
    background: var(--transparent);
    position: absolute;
    right: 0;
    bottom: 0 !important;
    left: 0;
}
.cr-sign-up-form__button {
    margin-left: 0;
    height: 40px;
    background: #2e4c80 !important;
    border-radius: 3px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.cr-sign-up-form__loader {
    background: var(--transparent);
    min-height: calc(var(--gap) * 6);
}
.cr-sign-up-form__input {
    width: 100%;
}
.cr-sign-up-form__input input {
    color: var(--sign-in-input-color);
    width: 100%;
    height: 50px;
    padding: 0 10px;
    font-size: 12px;
    border: 1px solid #f03b1cb9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
.cr-sign-up-form__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.cr-sign-up-form__footer > * {
    background: var(--transparent);
}
.cr-sign-up-form__footer-create {
    color: var(--sign-in-label-color);
}
.cr-sign-up-form__footer-signin {
    cursor: pointer;
    padding-left: 10px;
}
.cr-sign-up-form__checkbox {
    word-wrap: break-word;
    background: var(--transparent);
    margin-left: 10px;
}
.cr-sign-up-form__checkbox .cr-checkbox__checkitem {
    border: 1px solid #737f92;
    border-radius: 4px;
    background: var(--transparent);
}
.cr-sign-up-form__checkbox .cr-checkbox__checkitem::after {
    border-color: var(--sign-up-checkbox-mark-color);
}
.cr-sign-up-form__checkbox input:checked ~ .cr-checkbox__checkitem {
    background-color: var(--transparent);
    vertical-align: middle;
}
.cr-sign-up-form__checkbox .cr-checkbox__label {
    background: var(--transparent);
    white-space: normal;
    padding-top: 0;
    position: relative;
    left: 25px;
    top: 5px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 12px;
    color: #737f92;
}
.cr-sign-up-form__recaptcha {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;
}
.cr-sign-in-form {
    background: #1e2841;
    max-width: 424px;
    height: 500px;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    position: relative;
}
.cr-sign-in-form__options-group {
    width: 100%;
    height: 58px;
    border-bottom: 2px solid #657395;
}
.cr-sign-in-form__option {
    background: #28334e;
    display: inline-block;
    width: 50%;
    height: 58px;
}
.cr-sign-in-form__option .__selected {
    border-bottom: 2px solid #3c78e0;
    color: #fff;
}
.cr-sign-in-form__option-inner {
    background: var(--transparent);
    width: 75%;
    height: 58px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    line-height: 58px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.0357143em;
    cursor: pointer;
}
.cr-sign-in-form__form-content {
    position: absolute;
    top: 80px;
    right: 23px;
    bottom: 23px;
    left: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cr-sign-in-form > * {
    background: var(--transparent);
}
.cr-sign-in-form__error-message {
    color: var(--color-red);
    font-size: calc(var(--gap) * 2.5);
    -ms-flex: 1 1;
    flex: 1 1;
    display: -ms-flexbox;
    display: flex;
    background: var(--transparent);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(var(--gap) * 6);
}
.cr-sign-in-form__group {
    background: var(--transparent);
    margin-bottom: 11px;
    position: relative;
}
.cr-sign-in-form__error {
    background: var(--transparent);
    margin-top: 5px;
    color: var(--color-red);
}
.cr-sign-in-form__label {
    position: relative;
    top: 16px;
    left: 10px;
    padding: 2px 6px;
    border-radius: 2px;
    background: #1e2841;
    color: var(--sign-in-label-color);
}
.cr-sign-in-form__group--focused .cr-sign-in-form__label {
    color: #3c78e0;
}
.cr-sign-in-form__group--focused input {
    border: 1px solid #3c78e0 !important;
}
.cr-sign-in-form__image {
    display: block;
    width: 50%;
    height: 100px;
    margin: 0 auto 20px auto;
}
.cr-sign-in-form__title {
    color: var(--sign-in-label-color);
    margin: calc(var(--gap) * 3) 0 calc(var(--gap) * 8) 0;
    font-size: 18px;
    text-align: center;
}
.cr-sign-in-form__button {
    margin-left: 0;
    height: 40px;
    background: #2e4c80;
    border-radius: 3px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.cr-sign-in-form__loader {
    background: var(--transparent);
    min-height: calc(var(--gap) * 6);
}
.cr-sign-in-form__button-wrapper {
    background: var(--transparent);
    min-height: calc(var(--gap) * 28);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    right: 0;
    bottom: 55px;
    left: 0;
}
.cr-sign-in-form__button-wrapper--empty {
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.cr-sign-in-form__input {
    width: 100%;
    margin-top: 8px;
}
.cr-sign-in-form__input input {
    color: var(--sign-in-input-color);
    width: 100%;
    height: 50px;
    padding: 0 10px;
    font-size: 12px;
    border: 1px solid #737f92;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
.cr-sign-in-form__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.cr-sign-in-form__footer > * {
    background: var(--transparent);
}
.cr-sign-in-form__footer-create {
    color: var(--sign-in-label-color);
}
.cr-sign-in-form__footer-signup {
    cursor: pointer;
    padding-left: calc(var(--gap) * 2);
}
.cr-sign-in-form__checkbox {
    word-wrap: break-word;
    background: var(--transparent);
}
.cr-sign-in-form__checkbox .cr-checkbox__checkitem {
    border: 1px solid var(--sign-up-checkbox-mark-color);
    background: var(--transparent);
}
.cr-sign-in-form__checkbox .cr-checkbox__checkitem::after {
    border-color: var(--sign-up-checkbox-mark-color);
}
.cr-sign-in-form__checkbox input:checked ~ .cr-checkbox__checkitem {
    background-color: var(--transparent);
}
.cr-sign-in-form__checkbox .cr-checkbox__label {
    white-space: normal;
    padding-top: 0;
    font-size: 12px;
    background: var(--transparent);
    color: var(--sign-up-checkbox-color);
}
.cr-sign-in-form__bottom-section {
    position: absolute;
    bottom: -10px;
    width: 100%;
    background: var(--transparent);
}
.cr-sign-in-form__bottom-section .cr-sign-in-form__bottom-section-password {
    background: var(--transparent);
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    font-size: 14px;
    color: #737f92;
    cursor: pointer;
    text-align: center;
}
.cr-sign-in-form__bottom-section .cr-sign-in-form__bottom-section-password:hover {
    color: #98a5b9;
}
.cr-sign-in-form__bottom-section .cr-sign-in-form__bottom-section-resend-confirmation {
    background: var(--transparent);
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    font-size: 14px;
    color: #737f92;
    cursor: pointer;
    text-align: center;
}
.cr-sign-in-form__bottom-section .cr-sign-in-form__bottom-section-resend-confirmation:hover {
    color: #98a5b9;
}
.cr-email-form {
    background: #1e2841;
    max-width: 424px;
    min-height: 350px;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    position: relative;
}
.cr-email-form__options-group {
    width: 100%;
    height: 58px;
    border-bottom: 2px solid #657395;
}
.cr-email-form__option {
    background: #28334e;
    display: inline-block;
    width: 100%;
    height: 58px;
}
.cr-email-form__option-inner {
    background: var(--transparent);
    width: 100%;
    height: 58px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    line-height: 58px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.0357143em;
    color: #fff;
}
.cr-email-form__form-content {
    position: absolute;
    top: 80px;
    right: 23px;
    bottom: 23px;
    left: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cr-email-form > * {
    background: var(--transparent);
}
.cr-email-form__error-message {
    color: var(--color-red);
    font-size: calc(var(--gap) * 2.5);
    -ms-flex: 1 1;
    flex: 1 1;
    display: -ms-flexbox;
    display: flex;
    background: var(--transparent);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(var(--gap) * 6);
}
.cr-email-form__group {
    background: var(--transparent);
    margin-bottom: 20px;
    position: relative;
}
.cr-email-form__error {
    background: var(--transparent);
    margin-top: 5px;
    color: var(--color-red);
}
.cr-email-form__label {
    position: relative;
    top: 16px;
    left: 10px;
    padding: 2px 6px;
    border-radius: 2px;
    background: #1e2841;
    color: var(--forgot-password-label-color);
}
.cr-email-form__group--focused .cr-email-form__label {
    color: #3c78e0;
}
.cr-email-form__group--focused input {
    border: 1px solid #3c78e0 !important;
}
.cr-email-form__image {
    display: block;
    width: 50%;
    height: 100px;
    margin: 0 auto 20px auto;
}
.cr-email-form__title {
    color: var(--forgot-password-label-color);
    margin: calc(var(--gap) * 3) 0 calc(var(--gap) * 8) 0;
    font-size: 18px;
    text-align: center;
}
.cr-email-form__button {
    margin-left: 0;
    height: 40px;
    background: #2e4c80;
    border-radius: 3px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.cr-email-form__loader {
    background: var(--transparent);
    min-height: calc(var(--gap) * 6);
}
.cr-email-form__button-wrapper {
    background: var(--transparent);
    min-height: calc(var(--gap) * 28);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    right: 0;
    bottom: 0 !important;
    left: 0;
}
.cr-email-form__button-wrapper--empty {
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.cr-email-form__input {
    width: 100%;
    margin-top: 8px;
}
.cr-email-form__input input {
    color: var(--forgot-password-input-color);
    width: 100%;
    height: 50px;
    padding: 0 10px;
    font-size: 12px;
    border: 1px solid #737f92;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
.cr-open-orders__price {
    background: transparent;
    font-size: inherit;
}
.cr-open-orders__price--buy {
    color: var(--open-orders-action-buy);
}
.cr-open-orders__price--sell {
    color: var(--open-orders-action-sell);
}
.cr-open-orders__order--buy {
    color: var(--open-orders-order-buy);
}
.cr-open-orders__order--sell {
    color: var(--open-orders-order-sell);
}
.cr-open-orders .cr-table th:first-child, .cr-open-orders .cr-table td:first-child {
    text-align: left;
}
.cr-open-orders .cr-table th:last-child, .cr-open-orders .cr-table td:last-child {
    width: 7%;
    padding: 0;
}
.cr-open-orders .cr-table th:nth-last-child(2), .cr-open-orders .cr-table td:nth-last-child(2) {
    text-align: right;
}
.cr-open-orders .cr-table th:not(:last-child), .cr-open-orders .cr-table td:not(:last-child) {
    width: 30%;
}
.cr-history-action {
    background: transparent;
}
.cr-history-action--buy {
    color: var(--history-action-buy);
}
.cr-history-action--sell {
    color: var(--history-action-sell);
}
.cr-wallet-list {
    background-color: var(--background);
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    list-style: none;
}
.cr-wallet-item {
    background-color: var(--background-wallet-item);
    height: calc(var(--gap) * 8);
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.cr-wallet-item span {
    background: transparent;
}
.cr-wallet-item > * {
    background: var(--background-wallet-item);
}
.cr-wallet-item__info {
    display: -ms-flexbox;
    display: flex;
    max-height: 100%;
    width: auto;
}
.cr-wallet-item__description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--background-wallet-item);
    margin-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.cr-wallet-item__image-icon {
    background: transparent;
    display: -ms-flexbox;
    display: flex;
    width: auto;
}
.cr-wallet-item__icon {
    margin-left: calc(var(--gap) * 4);
    text-transform: uppercase;
    background: var(--background-wallet-item);
    font-size: 1.5em !important;
}
.cr-wallet-item__icon > * {
    background: var(--background-wallet-item);
}
.cr-wallet-item__balance {
    text-align: right;
    margin-right: calc(var(--gap) * 10);
    background: var(--background-wallet-item);
}
.cr-wallet-item__balance-locked {
    font-size: 0.9em;
    padding-top: var(--gap);
    font-weight: 200;
    color: #3b596a;
    background: var(--background-wallet-item);
}
.cr-wallet-item__amount-locked {
    background: var(--background-wallet-item);
}
.cr-wallet-item--active {
    background: var(--background-wallet-item-active);
    outline: solid 1px var(--outline-wallet-item-active);
}
.cr-wallet-item--active > * {
    background: var(--background-wallet-item-active);
}
.cr-wallet-item--active .cr-wallet-item__description {
    background: var(--background-wallet-item-active);
}
.cr-wallet-item--active .cr-wallet-item__amount-locked {
    background: var(--transparent);
}
.cr-wallet-item--active .cr-wallet-item__amount {
    background: var(--transparent);
}
.cr-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    padding: var(--gap);
    z-index: 99999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.cr-modal__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--background);
    outline: 1px solid var(--base-3);
    margin: 0 auto;
    min-width: 50% !important;
}
.cr-modal__container-header {
    outline: 1px solid var(--base-3);
    margin-bottom: calc(var(--gap) * 3);
    color: var(--base);
    font-size: var(--font-size-bigger);
    padding: calc(var(--gap) * 3);
}
.cr-modal__container-content {
    -ms-flex: 1 1;
    flex: 1 1;
    margin-bottom: calc(var(--gap) * 3);
    color: var(--base-2);
    padding: calc(var(--gap) * 3);
}
.cr-modal__container-content input {
    color: var(--base-2);
}
.cr-modal__container-footer {
    outline: 1px solid var(--base-3);
    padding: calc(var(--gap) * 3);
}
.cr-modal .cr-email-form {
    width: 100% !important;
}
.cr-modal .cr-email-form__button {
    max-width: 100%;
}
.cr-order .cr-tab-panel .cr-tab {
    width: 100%;
}
.cr-order .cr-tab-panel__navigation-container {
    display: inline-block;
    width: 100%;
}
.cr-order .cr-tab-content .cr-order-item__content .cr-dropdown {
    background-color: var(--order-dropdown-background-color);
}
.cr-order .cr-tab-content .cr-order-item__content .cr-order-input__crypto-icon {
    background-color: var(--order-crypto-icon-background-color);
}
.cr-order .cr-tab-content .cr-order-item__content .cr-order-input__crypto-icon [class^=cr-crypto-font] {
    color: var(--order-crypto-font-color);
}
.cr-order .cr-tab-content .cr-order-item__content .cr-order-input .cr-input input {
    color: var(--order-input-color);
}
.cr-wallet-item__single {
    background: var(--transparent);
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 calc(var(--gap) * 4);
    border-bottom: 1px solid var(--base-2);
    margin: 0 calc(var(--gap) * 3);
    -ms-flex-align: center;
    align-items: center;
}
.cr-wallet-item__single-balance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-positive: 2;
    flex-grow: 2;
}
.cr-wallet-item__single__image-icon {
    margin-right: calc(var(--gap) * 7);
    max-height: calc(var(--gap) * 8);
}
.cr-wallet-item__single .cr-wallet-item__icon-code {
    font-size: calc(var(--gap) * 8);
    color: var(--bright-1);
    background: var(--transparent);
}
.cr-wallet-item__single .cr-wallet-item__amount-locked {
    margin-right: calc(var(--gap) * 8);
}
.cr-wallet-item__single .cr-wallet-item__balance, .cr-wallet-item__single .cr-wallet-item__amount-locked {
    margin-bottom: calc(var(--gap) * .6);
    display: -ms-flexbox;
    display: flex;
    background: var(--transparent);
    color: var(--table-text-color);
    font-size: calc(var(--gap) * 3);
    padding-top: 0;
    line-height: 1;
}
.cr-wallet-item__single .cr-wallet-item__balance-amount, .cr-wallet-item__single .cr-wallet-item__balance-locked, .cr-wallet-item__single .cr-wallet-item__amount-locked-amount, .cr-wallet-item__single .cr-wallet-item__amount-locked-locked {
    background: var(--transparent);
    color: var(--wallets-balance);
    font-size: calc(var(--gap) * 5);
    font-weight: 300;
}
.cr-order-item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: calc(var(--gap) * 2);
    width: 100%;
}
.cr-order-item .cr-dropdown,
.cr-order-item .cr-order-input,
.cr-order-item__percentage-buttons,
.cr-order-item__total,
.cr-order-item__available,
.cr-order-item__fee {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.cr-order-item__dropdown__label {
    background-color: inherit;
    margin-left: calc(var(--gap) * 2);
    padding: 0 calc(var(--gap) * 0.5);
    position: absolute;
    top: calc(var(--gap) * -1.3);
    z-index: 1;
}
.cr-order-item .cr-dropdown__input-label {
    margin-left: calc(var(--gap) * 2);
}
.cr-order-item .cr-dropdown__list {
    margin-top: calc(var(--gap) * 5.2);
    width: calc(100% - 2px);
}
.cr-order-item--compact {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
}
.cr-order-item__label {
    font-size: var(--font-size);
    font-weight: 200;
    color: var(--base-2);
    line-height: calc(var(--font-size) * 2);
}
.cr-order-item__total__label, .cr-order-item__available__label, .cr-order-item__fee__label {
    text-align: left;
}
.cr-order-item__total__content, .cr-order-item__available__content, .cr-order-item__fee__content {
    text-align: right;
}
.cr-order-item__total__content__currency, .cr-order-item__available__content__currency, .cr-order-item__fee__content__currency {
    margin-left: var(--gap);
}
.cr-order-item .cr-order-input__fieldset__input {
    color: var(--placeholder-text);
}
.cr-order-item .cr-order-input__fieldset__input__price {
    font-size: calc(var(--gap) * 1.75);
}
.cr-order-item .cr-order-input__crypto-icon {
    width: auto;
}
.cr-order-item .cr-order-input__input .cr-order-input__price {
    display: inline-block;
    background: transparent !important;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 20px;
}
header {
    padding: calc(var(--gap) * 1.3) 0;
}
.qx-header {
    background-color: var(--background-dark);
    margin: 0 auto;
    min-height: calc(var(--big-gap) * 0.55);
}
.qx-header .qx-logo__img {
    height: calc(var(--gap) * 5.666);
    margin-left: 40px;
    margin-right: 30px;
}
.qx-header__logo img {
    vertical-align: middle;
    border-style: none;
}
.qx-header__location {
    display: none;
}
.qx-header__navbar {
    background: var(--background-dark);
    padding-top: 3px;
    margin-left: 30px;
    display: block;
    width: 100%;
}
.qx-header__content {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}
.qx-header__toggler {
    display: none;
    position: absolute;
    top: 15px;
    z-index: 11;
    left: 25px;
}
.qx-header .qx-container {
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 98%;
}
@media screen and (max-width: 768px) {
    .qx-header {
        position: relative;
        -ms-flex-pack: none;
        justify-content: none;
        height: auto;
    }

    .qx-header__logo {
        display: none;
    }

    .qx-header__location {
        display: none;
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        color: var(--color-white);
        text-decoration: none;
    }

    .qx-header--active {
        position: static;
    }
    .qx-header--active .qx-header__navbar {
        display: block;
        position: fixed;
        left: 0;
        background: var(--background-dark);
        -webkit-animation: slide-right .3s ease-out;
        -moz-animation: slide-right .3s ease-out;
    }

    .qx-header__navbar {
        margin-left: 0;
        height: 100vh;
        bottom: 0;
        z-index: 666;
        max-width: calc(var(--gap) * 33);
        position: absolute;
        width: 100%;
        display: none;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .qx-header__navbar::after {
        background: rgba(0, 0, 0, 0.8);
        width: 100vw;
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 264px;
    }

    .qx-header__toggler {
        cursor: pointer;
        width: 30px;
        height: 30px;
        top: 23px;
        display: block;
    }
    .qx-header__toggler-item {
        background: var(--navbar-text-color);
        display: block;
        width: 30px;
        height: 3px;
        border-radius: 5px;
        margin-bottom: 5px;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .qx-container {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}
@-webkit-keyframes slide-right {
    0% { opacity: 0; -webkit-transform: translateX(-100%); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
.qx-footer {
    display: -ms-flexbox;
    display: flex;
    background: var(--main-bg);
    height: 32px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 7px;
}
.qx-footer span {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: normal;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--header-text);
    margin: 0 5px;
}
.qx-footer a {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: normal;
    letter-spacing: 0.03em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: var(--color-white);
    margin-bottom: 3px;
}
.qx-footer b {
    color: var(--color-red);
}
.qx-navbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding: 0;
}
.qx-navbar__admin {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.qx-navbar__admin .cr-avatar__image {
    background: var(--main-bg);
    border: none;
    color: var(--active-color);
    font-size: var(--avatar-alt-font-size);
}
.qx-navbar__admin-logout {
    background: var(--main-bg);
    color: var(--navbar-text-color);
    font-size: 14px;
    height: calc(var(--gap) * 4);
    outline: none;
    text-decoration: none;
}
.qx-navbar__admin-logout:hover, .qx-navbar__admin-logout:active {
    background: var(--main-bg);
    text-decoration: underline;
}
.qx-navbar .dropdown-menu {
    position: absolute;
    margin-right: 100px;
    background-color: var(--button-primary);
    cursor: pointer !important;
    border: 1px solid rgba(7, 7, 7, 0.15);
    border-radius: var(--gap) * 0.5;
    padding-top: calc(var(--gap) * 1.33);
    padding-bottom: calc(var(--gap) * 1.33);
    margin-top: calc(var(--gap) * 0.333);
    margin-bottom: calc(var(--gap) * 0.333);
    z-index: 999999;
}
.qx-navbar .dropdown-menu .dropdown-menu-item {
    float: left;
    padding: 0.25rem 1.6rem;
    font-size: calc(var(--gap) * 2);
}
.qx-navbar .dropdown-menu .dropdown-menu-item:hover {
    background: var(--background-dropdown-hover);
    opacity: 0,5;
}
.qx-navbar .dropdown-menu .dropdown-menu-item:hover a {
    opacity: 1;
    color: var(--background-dropdown-hover-text);
}
.qx-navbar .dropdown-menu .dropdown-menu-item a, .qx-navbar .dropdown-menu .dropdown-menu-item span {
    text-decoration: none;
    color: var(--background-dropdown-text);
    font-size: 14px;
}
.qx-navbar__content {
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
    background-color: var(--main-bg);
    line-height: 40px;
}
.qx-navbar__content-item {
    cursor: pointer;
    text-decoration: none;
    font-size: calc(var(--gap) * 2.333);
    padding: 0 calc(var(--gap) * 1.6);
    padding-top: calc(var(--gap) * 1.5);
    padding-bottom: calc(var(--gap) * 1.5);
    border: solid 1px rgba(255, 255, 255, 0.2);
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
}
.qx-navbar__content-item:hover, .qx-navbar__content-item.signup-btn {
    background: linear-gradient(to right,#f44242,#ff7139);
    text-decoration: none;
    color: white;
}
.qx-navbar__content-item-logging, .qx-navbar__content-item-logging:hover {
    padding-bottom: calc(var(--gap) * 3.1);
}
.qx-navbar__content-item {
    margin-right: calc(var(--gap) * 5);
    color: var(--navbar-text-color);
}
.qx-navbar__content-item--active {
    color: var(--bright-1);
    border-bottom: 2px solid var(--active-tab-color);
}
.qx-navbar__header-profile {
    display: none;
}
.qx-navbar__header-language {
    display: none;
}
.qx-navbar__header-settings {
    float: right;
    display: inherit;
    -ms-flex-align: center;
    align-items: center;
}
.qx-navbar__header-settings__account-dropdown {
    margin-right: calc(var(--gap) * 1);
    cursor: pointer;
}
.qx-navbar__header-settings__account-dropdown a {
    font-size: calc(var(--gap) * 2.333);
    padding-bottom: calc(var(--gap) * 0.333);
    padding-top: calc(var(--gap) * 1.66);
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu {
    position: absolute;
    background-color: var(--base-bright);
    margin-right: 100px;
    cursor: pointer !important;
    border: 1px solid rgba(7, 7, 7, 0.15);
    border-radius: var(--gap);
    padding-top: calc(var(--gap) * 1.33);
    padding-bottom: calc(var(--gap) * 1.33);
    margin-top: calc(var(--gap) * 0.333);
    margin-bottom: calc(var(--gap) * 0.333);
    z-index: 999999;
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-lang {
    font-size: calc(var(--big-gap) * 0.23);
    color: var(--navbar-language-selector-color);
    background-color: var(--navbar-language-selector-background);
    width: calc(var(--big-gap) * 0.9);
    height: calc(var(--big-gap) * 0.7);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-lang:hover {
    color: var(--color-white);
    background-color: var(--navbar-language-selector-background-hover);
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-user {
    font-size: calc(var(--big-gap) * 0.23);
    color: var(--navbar-language-selector-color);
    background-color: var(--navbar-language-selector-background);
    height: calc(var(--big-gap) * 0.7);
    min-width: calc(var(--big-gap) * 1.9);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-user a {
    width: 100%;
    padding-top: calc(var(--gap) * 2.1);
    padding-bottom: calc(var(--gap) * 2.1) ;
    padding-left: calc(var(--big-gap) * 0.2);
    padding-right: calc(var(--big-gap) * 0.5);
    text-decoration: none;
    color: var(--navbar-language-selector-color);
    font-size: calc(var(--big-gap) * 0.23);
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-user:hover {
    background-color: var(--navbar-language-selector-background-hover);
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-user:hover a {
    color: var(--color-white);
    text-decoration: none;
}
.qx-navbar__header-settings__account-dropdown .navbar-user-menu {
    display: -ms-flexbox;
    display: flex;
    padding: calc(var(--big-gap) * 0.17) calc(var(--big-gap) * 0.25) calc(var(--big-gap) * 0.14);
    position: absolute;
    height: calc(var(--big-gap) * 1.05);
    z-index: 10;
    right: calc(var(--big-gap) * 1.07);
    top: 0;
    margin-top: calc(var(--big-gap) * -0.18);
}
.qx-navbar__header-settings__account-dropdown .navbar-user-menu-active {
    background-color: var(--navbar-language-selector-current-background);
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu-user {
    background-color: var(--navbar-language-selector-background);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    padding: 0;
    border: 0;
    overflow: hidden;
    right: calc(var(--big-gap) * -.6);
    margin-top: calc(var(--big-gap) * 0.53);
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu-language {
    background-color: var(--navbar-language-selector-background);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    padding: 0;
    border: 0;
    overflow: hidden;
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu-language-field {
    width: calc(var(--big-gap) * 0.9);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--navbar-language-selector-current-color);
    font-size: calc(var(--big-gap) * 0.23);
    height: 100%;
    padding: calc(var(--big-gap) * 0.17) 0px calc(var(--big-gap) * 0.125);
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu-language-field-active {
    color: var(--color-white);
    background-color: var(--navbar-language-selector-current-background);
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu-language-field img {
    margin-top: 0.5px !important;
}
.qx-navbar__header-settings .dropdown-menu-language-container {
    margin-right: 0 !important;
}
.qx-navbar .dropdown-item {
    color: var(--email-header-color);
}
.qx-navbar .dropdown-item:hover {
    color: var(--dropdown-item-hover-color);
}
.qx-navbar .dropdown {
    background-color: var(--dropdown-bg-color) !important;
}
.qx-navbar .dropdown-toggle {
    color: var(--dropdown-toggle-color);
    line-height: normal;
    font-size: calc(var(--gap) * 3.33);
    text-align: center;
}
.qx-navbar .dropdown-toggle .icon {
    color: var(--navbar-text-color);
    margin-left: calc(var(--gap) * 0.5);
}
.qx-navbar .dropdown-toggle::after {
    display: none;
}
@media screen and (max-width: 768px) {
    .qx-navbar {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0;
        min-height: calc(var(--gap) * 16.66);
        width: 100%;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .qx-container.qx-header__content {
        line-height: 36px;
    }
    .qx-navbar__content {
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-top: 0;
        border-bottom: 1px solid var(--placeholder-text);
    }

    .qx-navbar__content-item {
        width: 100%;
        display: block;
        text-align: center;
        /* border-bottom: none; */
        margin-top: -1px;
        text-align: left;
        padding: calc(var(--gap)) 0 calc(var(--gap)) calc(var(--gap));
    }

    .qx-navbar__content-item--active {
        /* border: none; */
        color: var(--navbar-text-color);
        font-weight: 500;
    }
    .qx-navbar__header-settings {
        display: none;
    }
    .qx-navbar__header-language {
        position: fixed;
        bottom: 0;
        margin-bottom: calc(var(--gap) * 2);
        display: -ms-flexbox;
        display: flex;
        /* display: none; */
        width: 264px;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .qx-navbar__header-language span {
        padding: 0 calc(var(--gap) * 2);
    }

    .qx-navbar__header-language .icon {
        margin-left: calc(var(--gap) * 2);
        height: 12px;
    }

    .qx-navbar__header-language .dropdown-menu-language {
        right: -50px;
        top: -66px;
    }

    .qx-navbar__header-profile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 1px solid var(--placeholder-text);
        padding-bottom: calc(var(--gap) * 2);
        margin-bottom: calc(var(--gap) * 2);
        width: 100%;
    }

    .qx-navbar__header-profile span {
        margin-left: calc(var(--gap) * 2);
        font-size: 14px;
        color: var(--color-white);
    }

    .qx-navbar__header-profile-logout {
        position: absolute;
        right: 25px;
        top: 3px;
        width: 25px;
    }

    .qx-navbar__header-profile .qx-navbar__admin-logout {
        height: calc(var(--gap) * 3);
    }
    .qx-navbar__header-profile .qx-navbar__admin-logout span {
        font-size: calc(var(--gap) * 2.333);
        text-transform: uppercase;
        color: var(--navbar-text-color);
    }
    .qx-container.qx-header__content, .qx-container.qx-header__content .qx-header__navbar {
        background-color: var(--main-bg-notrans) !important;
    }

    .qx-navbar__content-item:hover, .qx-navbar__content-item {
        background: transparent !important;
        border-radius: 0;
    }
    .cr-checkbox.cr-sign-up-form__checkbox, .cr-checkbox.cr-sign-up-form__checkbox * {
        background: transparent !important;
        background-color: transparent !important;
    }
}
.qx-contact-modal .cr-modal__container {
    background-color: var(--base-bright);
    height: 80%;
    overflow-y: auto;
}
.qx-contact-modal .cr-modal__container-content {
    padding-top: calc(var(--gap) * 1.5);
    padding-bottom: calc(var(--gap) * 1.5);
    margin-bottom: 0;
}
.qx-contact-modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.qx-contact-modal-header__title {
    color: var(--active-color);
    font-weight: bolder;
    font-size: calc(var(--gap) * 4);
    margin-left: 40%;
}
.qx-contact-modal-body__input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: calc(var(--gap) * 1.5);
}
.qx-contact-modal-body__input .cr-input {
    width: 100%;
    padding-left: calc(var(--big-gap) * 0.2);
    padding-right: calc(var(--big-gap) * 0.2);
}
.qx-contact-modal-body__input .cr-input input {
    background-color: #dbcbcbaf;
    font-size: calc(var(--gap) * 1.33);
    color: var(--base-9);
    padding: calc(var(--big-gap) * 0.17);
    text-align: left;
    width: 100%;
}
.qx-contact-modal-body__input .cr-input input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 14px;
}
.qx-contact-modal-body__input .cr-input input:-ms-input-placeholder {
    color: #ccc;
    font-size: 14px;
}
.qx-contact-modal-body__input .cr-input input::-ms-input-placeholder {
    color: #ccc;
    font-size: 14px;
}
.qx-contact-modal-body__input .cr-input input::placeholder {
    color: #ccc;
    font-size: 14px;
}
.qx-contact-modal-body__text {
    display: -ms-flexbox;
    display: flex;
    font-size: calc(var(--gap) * 2);
    padding-left: calc(var(--big-gap) * 0.2);
    padding-right: calc(var(--big-gap) * 0.2);
    margin-bottom: calc(var(--gap) * 2);
    width: 100%;
}
.qx-contact-modal-body__text textarea {
    background-color: #b6a7a7;
    border: none;
    color: var(--base-9);
    height: 150px;
    padding: calc(var(--big-gap) * 0.17);
    font-size: calc(var(--gap) * 1.33);
    width: 100%;
}
.qx-contact-modal-body__text textarea:focus {
    outline: none;
}
.qx-contact-modal-body__recaptcha  {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
.qx-contact-modal-body__error {
    color: red;
    font-size: calc(var(--gap) * 1.33);
}
.qx-contact-modal-footer {
    margin-bottom: calc(var(--gap) * 1.5) !important;
    display: -ms-flexbox;
    display: flex;
}
.qx-contact-modal-footer__button {
    background: var(--dark-color) !important;
    font-size: calc(var(--gap) * 1.33);
    margin: 0 auto;
    width: 30%;
}
@media (max-height: 475px) {
    .qx-contact-modal-body__text textarea {
        height: 120px;
    }
    .qx-contact-modal .cr-modal__container-footer {
        padding: calc(var(--gap) * 2);
    }
}
@media (max-height: 440px) {
    .qx-contact-modal-body__text textarea {
        height: 100px;
    }
    .qx-contact-modal .cr-modal__container-footer {
        padding: calc(var(--gap) * 1);
    }
}
.qx-sign-in-screen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: calc(100vh - 124px);
    /* background: url(assets/images/background.svg); */
    background-size: cover;
    margin: 0 auto;
}
.qx-sign-in-screen .qx-sign-in-screen__container {
    background: var(--transparent);
    margin-top: calc(var(--gap) * 3.33);
    width: calc(var(--gap) * 70.66);
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form {
    background: var(--email-form-bg);
    min-height: calc(var(--big-gap) * 5);
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__option {
    background: var(--header);
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__options-group {
    width: 100%;
    height: calc(var(--big-gap) * 0.97);
    border-bottom: 2px solid var(--email-form-border);
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__label {
    background: var(--email-form-bg);
    position: absolute;
    top: 0px;
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__input input {
    color: var(--color-white);
    font-size: calc(var(--gap) * 2.33);
    border: 1px solid var(--input-block-border-color);
    border-radius: calc(var(--gap) * 0.66);
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__input input[type=number]::-webkit-inner-spin-button,
.qx-sign-in-screen .qx-2fa___form .cr-email-form__input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__header {
    width: calc(var(--big-gap) * 6.3);
    height: calc(var(--gap) * 4.33);
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--gap) * 2.66);
    font-size: calc(var(--gap) * 2.33);
    color: var(--placeholder-text);
    margin: calc(var(--gap) * 0.83);
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__cros-icon {
    position: absolute;
    display: inline-block;
    right: calc(var(--gap) * 3.3);
    margin-top: calc(var(--gap) * 0.5);
    height: calc(var(--gap) * 2.5);
    width: calc(var(--gap) * 2.5);
    cursor: pointer;
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__group--focused .cr-email-form__label {
    color: var(--sign-in-accent);
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__group--focused input {
    border-color: var(--button-primary) !important;
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__button-wrapper {
    min-height: calc(var(--gap) * 10);
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__button {
    color: var(--color-white);
    background: var(--button-primary);
    border-radius: calc(var(--gap) * 0.5);
    font-size: calc(var(--gap) * 2.66);
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    margin-left: 0;
    text-align: center;
    text-transform: uppercase;
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__button--disabled {
    color: var(--button-dark-gray) !important;
    background: var(--button-disabled) !important;
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__button:hover {
    background: var(--button-hover);
}
.qx-sign-in-screen .qx-2fa___form .cr-email-form__button:active {
    background: var(--button-active);
}
@media screen and (max-width: 768px) {
    .qx-sign-in-screen .qx-sign-in-screen__container {
        margin: calc(var(--gap) * 3.33) calc(var(--gap) * 1.66) 0;
        width: 100%;
    }
}
.qx-combined-order-book {
    height: 100%;
    overflow: hidden;
}
.qx-combined-order-book--no-data-asks .cr-order-book:first-child .cr-table__body td:first-child {
    display: none;
}
.qx-combined-order-book--no-data-asks .cr-order-book:first-child .cr-table__body td:nth-child(2) {
    position: absolute;
    right: 0;
    left: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    width: 100% !important;
}
.qx-combined-order-book--no-data-bids .cr-order-book:last-child .cr-table__body td:first-child {
    display: none;
}
.qx-combined-order-book--no-data-bids .cr-order-book:last-child .cr-table__body td:nth-child(2) {
    position: absolute;
    right: 0;
    left: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    width: 100% !important;
}
.qx-combined-order-book .cr-table__head th {
    width: 33% !important;
}
.qx-combined-order-book .cr-table__body td {
    width: 33% !important;
}
.qx-combined-order-book .cr-combined-order-book .cr-table__head th:first-child {
    text-align: right;
}
.qx-combined-order-book .cr-combined-order-book .cr-table__head th:nth-child(2) {
    text-align: right;
}
.qx-combined-order-book .cr-combined-order-book .cr-table__body td:first-child {
    text-align: right;
}
.qx-combined-order-book .cr-combined-order-book .cr-table__body td:nth-child(2) {
    text-align: right;
}
@media screen and (max-width: 768px) {
    .qx-combined-order-book .cr-combined-order-book .cr-table__body td {
        padding-top: calc(var(--gap) * 0.7) !important;
    }
}
.qx-combined-order-book .cr-combined-order-book__small {
    height: 100%;
    position: relative;
}
.qx-combined-order-book .cr-combined-order-book__small .cr-combined-order-book__market {
    position: absolute;
    top: calc(50% - 25px) !important;
    right: 0;
    left: 0;
    margin-top: 0;
}
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book {
    display: -ms-flexbox;
    display: flex;
    height: calc(50% - 25px) !important;
    position: absolute;
    display: flex;
}
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book .cr-table thead {
    position: fixed;
    top: 65px;
    z-index: 2222;
    display: table;
    width: calc(100% - 23px);
}
.cr-order--extended .qx-combined-order-book .cr-combined-order-book__small .cr-order-book .cr-table thead {
    width: calc(50% - 23px);
}
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book .cr-table__body {
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .qx-combined-order-book .cr-combined-order-book__small .cr-order-book .cr-table__body td {
        padding-top: calc(var(--gap) * 2.5) !important;
    }
}
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book:first-child {
    top: 0;
    right: 0;
    left: 0;

}
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book:first-child .cr-table td {
    width: 33% !important;
}
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book:first-child .cr-table-background {
    top: calc(var(--gap)* 2.4);
    right: 0;
    left: 0;
}
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book:first-child .cr-table tbody::before {
    content: '';
    display: block;
    height: calc(var(--gap)* 2.4);
}
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book:first-child .cr-table-container {
    margin-top: auto;
    width: 100%;
}
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book:last-child {
    top: calc(50% + 25px);
    right: 0;
    left: 0;
}
.qx-combined-order-book .cr-combined-order-book__small .cr-order-book:last-child .cr-table-container {
    width: 100%;
}
.qx-combined-order-book .cr-combined-order-book__small .cr-table-background__row {
    padding-bottom: calc(var(--gap)* 1.5);
}
.qx-combined-order-book .cr-combined-order-book__large {
    height: calc(100% - 85px);
    overflow-y: scroll;
}
.qx-combined-order-book .cr-combined-order-book__large .cr-order-book {
    padding-right: 0;
}
.qx-combined-order-book .cr-combined-order-book__large .cr-table__head {
    position: fixed;
    z-index: 222;
    width: 50%;
    display: table;
}
.qx-combined-order-book .cr-combined-order-book__large .cr-table tbody::before {
    content: '';
    display: block;
    height: calc(var(--gap)* 4.4);
}
.qx-combined-order-book .cr-combined-order-book__large-market {
    position: fixed;
}
.qx-combined-order-book .cr-combined-order-book__large .cr-table-background{
    top: 26px;
}
.qx-combined-order-book .cr-combined-order-book__large .cr-table-background__row {
    padding-bottom: calc(var(--gap)* 1.5);
    margin-right: 1px;
}
.group-wWM3zP_M- {
    background-color: var(--base-bright) !important;
}
.qx-trading-chart {
    position: relative;
    top: 0;
    left: 0;
    height: 94%;
    width: 100%;
    background: var(--transparent);
}
.qx-trading-chart #cryptobase_chart {
    background: var(--transparent);
    height: calc(100% - 39px);
}
.qx-trading-chart .cr-title-component {
    padding: calc(var(--gap) * 2);
}
.qx-trading-chart--error {
    color: var(--color-red);
    font-size: 16px;
    background:rgba(255,255,255, 0.1);
    border: 1px solid white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .qx-trading-chart {
        width: 100%;
    }
}
.qx-open-orders {
    width: 100%;
    background: var(--transparent);
}
@media (max-width: 640px) {
    .qx-open-orders {
        width: 100%;
        margin-left: 0
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .qx-open-orders {
        max-width: 100%
    }
}
.qx-open-orders .cr-table td:last-child {
    width: 3.5%;
    padding: 0 !important;
}
.cr-open-orders .cr-table th,
.cr-open-orders .cr-table td {
    width: auto !important;
}
.cr-open-orders .cr-table th:not(:first-child), .cr-open-orders .cr-table td:not(:first-child) {
    text-align: right;
}
.qx-open-orders--loading {
    background: rgba(0, 0, 0, 0.1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: calc(var(--gap) * 3);
    max-width: 100%;
}
.qx-open-orders--loading .open-order-loading {
    position: absolute;
    padding-top: calc(var(--big-gap) * 2);
}
.qx-open-orders--empty .cr-table__body tr td:nth-child(3) {
    text-align: center;
}
.qx-open-orders--empty .cr-table__body tr td:last-child {
    display: block;
    width: 100%;
    font-size: 11px !important;
    font-weight: bold;
    margin-left: 10px;
    padding: 20px 0 20px 0 !important;
}
.qx-order {
    text-align: left;
    margin: 0;
}
.qx-order .cr-table-header__content {
    display: none;
}
.qx-order .cr-loader {
    -webkit-filter: brightness(0.1);
    filter: brightness(0.1);
}
.qx-order .cr-input {
    max-width: 95%;
}
.qx-order .cr-input input {
    color: var(--orders-text-primary-color);
    text-align: left;
}
.qx-order .cr-input input:placeholder-shown {
    color: var(--orders-placeholder-color) !important;
}
.qx-order .cr-order .cr-tab-panel__navigation-container {
    font-size: calc(var(--gap) * 2);
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    margin: 0;
    top: 0;
    z-index: 9999;
}
.qx-order .cr-order .cr-tab-panel__navigation-container .cr-tab {
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: var(--gap) 0;
    width: 100%;
}
.qx-order .cr-order .cr-tab-panel__navigation-container .cr-tab__active {
    color: var(--orders-text-primary-color);
    font-weight: 600;
}
.qx-order .cr-order .cr-tab-panel__navigation-container .cr-tab__pointer {
    position: absolute;
    height: calc(var(--gap) * 0.25);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content {
    padding: calc(var(--gap) * 2);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item {
    margin-bottom: calc(var(--gap) * 0.85);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item:last-child {
    margin-bottom: 0;
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__dropdown__label {
    color: var(--orders-placeholder-color);
    background: rgb(22, 25, 32);
    font-size: calc(var(--gap) * 1.5);
    margin-left: calc(var(--gap) * 1.75);
    padding: 0 calc(var(--gap) * 0.75);
    top: calc(var(--gap) * 1.6);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input {
    background-color: var(--base-bright);
    border-radius: calc(var(--gap) * 0.5);
    border: solid 1px var(--orders-border-color);
    height: calc(var(--gap) * 5.875);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input--open {
    background-color: var(--base-bright);
    border-bottom: solid 1px var(--orders-border-color);
    border-radius: calc(var(--gap) * 0.5);
    color: var(--background-dropdown-text);
    height: calc(var(--gap) * 5.875);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input-label {
    color: var(--color-white);
    font-size: calc(var(--gap) * 1.75);
    font-weight: var(--font-weight);
    line-height: calc(var(--gap) * 6.98);
    margin-left: calc(var(--gap) * 2);
    text-shadow: 0 0 0 var(--base-3);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input-icon {
    line-height: calc(var(--gap) * 5.875);
    margin-right: 9.3%;
    padding: 0;
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input-icon img {
    width: calc(var(--gap) * 1.75);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__list {
    color: var(--base-3);
    border: 0px;
    border-radius: calc(var(--gap) * 0.5);
    background: var(--background-dropdown);
    margin-top: calc(var(--gap) * 6.5);
    line-height: calc(var(--gap) * 4.875);
    height: calc(var(--gap) * 4.875 * 2) !important;
    width: 100%;
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__list-item {
    height: calc(var(--gap) * 4.875) !important;
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__list-item:hover {
    color: var(--color-white);
    background: var(--background-dropdown-hover);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__list-item-label {
    background: transparent;
    font-size: calc(var(--gap) * 1.75);
    margin-left: calc(var(--gap) * 2);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__crypto-icon {
    border-color: var(--orders-border-color);
    margin-top: var(--gap);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset {
    border-top-left-radius: calc(var(--gap) * 0.571);
    border-bottom-left-radius: calc(var(--gap) * 0.571);
    padding: calc(var(--gap) * 0.75) calc(var(--gap) * 1.5);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__label {
    background-color: var(--base-bright);
    color: var(--orders-placeholder-color);
    font-size: calc(var(--gap) * 1.5);
    margin-left: calc(var(--gap) * -0.35);
    padding: 0 calc(var(--gap) * 0.75);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input {
    margin-left: calc(var(--gap) * 0.25);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input input {
    color: var(--orders-text-primary-color);
    font-size: calc(var(--gap) * 1.75);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input input::-webkit-input-placeholder {
    color: var(--orders-placeholder-color);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input input:-ms-input-placeholder {
    color: var(--orders-placeholder-color);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input input::-ms-input-placeholder {
    color: var(--orders-placeholder-color);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input input::placeholder {
    color: var(--orders-placeholder-color);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__crypto-icon {
    border-top-right-radius: calc(var(--gap) * 0.571);
    border-bottom-right-radius: calc(var(--gap) * 0.571);
    font-size: calc(var(--gap) * 1.75);
    margin-top: calc(var(--gap) * 1.15);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__crypto-icon span {
    color: var(--orders-placeholder-color);
    vertical-align: bottom;
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__crypto-icon span::before {
    display: none;
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__percentage-buttons {
    margin-bottom: var(--gap);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__percentage-buttons .cr-percentage-button {
    background: var(--orders-button-percentage-normal);
    border-radius: calc(var(--gap) * 0.5);
    color: var(--orders-text-secondary-color);
    font-size: calc(var(--gap) * 1.5);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__percentage-buttons .cr-percentage-button:hover {
    background: var(--orders-button-percentage-hover);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__percentage-buttons .cr-percentage-button:active  {
    background: var(--orders-button-percentage-active);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__available {
    margin-bottom: calc(var(--gap) * -0.5);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__available__label, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__available__content, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__fee__label, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__fee__content {
    font-size: calc(var(--gap) * 1.5);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total__label, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total__content {
    font-size: calc(var(--gap) * 1.75);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total__label {
    color: var(--orders-text-secondary-color);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total__content {
    color: var(--orders-text-primary-color);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__fee {
    margin-bottom: calc(var(--gap) * 0.5);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-button {
    color: var(--color-white);
    font-size: calc(var(--gap) * 2);
    font-weight: normal;
    outline: none;
    padding: calc(var(--gap) * 1.26);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-button--disabled {
    opacity: 0.5;
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content:nth-child(2) .cr-button {
    background: var(--orders-button-green-normal);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content:nth-child(2) .cr-button:hover  {
    background: var(--orders-button-green-hover);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content:nth-child(2) .cr-button:active  {
    background: var(--orders-button-green-active);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content:last-child .cr-button {
    background: var(--orders-button-red-normal);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content:last-child .cr-button:hover  {
    background: var(--orders-button-red-hover);
}
.qx-order .cr-order .cr-tab-panel .cr-tab-content:last-child .cr-button:active  {
    background: var(--orders-button-red-active);
}
.qx-order .cr-order--extended {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
}
.qx-order .cr-order--extended__buy, .qx-order .cr-order--extended__sell {
    width: 100%;
}
.qx-order .cr-order--extended__buy .cr-tab-panel__navigation-container {
    border-top-right-radius: 0;
}
.qx-order .cr-order--extended__buy .cr-tab-panel .cr-tab-content .cr-order-form .cr-order-item:last-child .cr-button {
    background: var(--orders-button-green-normal);
}
.qx-order .cr-order--extended__buy .cr-tab-panel .cr-tab-content .cr-order-form .cr-order-item:last-child .cr-button:hover  {
    background: var(--orders-button-green-hover);
}
.qx-order .cr-order--extended__buy .cr-tab-panel .cr-tab-content .cr-order-form .cr-order-item:last-child .cr-button:active  {
    background: var(--orders-button-green-active);
}
.qx-order .cr-order--extended__sell .cr-tab-panel__navigation-container {
    border-top-left-radius: 0;
}
.qx-order .cr-order--extended .cr-tab-panel__navigation-container .cr-tab {
    cursor: move;
    -ms-flex-pack: start;
    justify-content: start;
    padding-left: calc(var(--gap) * 2);
}
.qx-order .cr-order--extended .cr-tab-panel__navigation-container .cr-tab__active {
    color: var(--title-component-color);
    font-weight: var(--font-weight);
}
.qx-order .cr-order--extended .cr-tab-panel__navigation-container .cr-tab__pointer {
    display: none;
}
@media (min-width: 769px) {

    .qx-order .cr-order .cr-tab-panel__navigation-container-navigation .cr-tab {
        padding: calc(var(--gap) * 1.34) calc(var(--gap) * 2);
    }

    .qx-order .cr-order .cr-tab-panel__navigation-container-navigation .cr-tab__pointer {
        height: calc(var(--gap) * 0.34);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content {
        padding: calc(var(--gap) * 2.67) calc(var(--gap) * 2);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item {
        margin-bottom: calc(var(--gap) * 1.3);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__dropdown__label {
        font-size: calc(var(--gap) * 2);
        margin-left: calc(var(--gap) * 1.55);
        padding: 0 var(--gap);
        top: calc(var(--gap) * 1.6);
    }
    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input {
        border-radius: calc(var(--gap) * 0.67);
        height: calc(var(--gap) * 7.84);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input--open {
        border-radius: calc(var(--gap) * 0.67);
        height: calc(var(--gap) * 7.84);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input-label {
        font-size: calc(var(--gap) * 2.34);
        line-height: calc(var(--gap) * 6.98);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input-icon {
        line-height: calc(var(--gap) * 7.84);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__input-icon img {
        width: calc(var(--gap) * 2.34);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__list {
        border-radius: calc(var(--gap) * 0.67);
        margin-top: calc(var(--gap) * 8.67);
        line-height: calc(var(--gap) * 6.5);
        height: calc(var(--gap) * 6.5 * 2) !important;
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__list-item {
        height: calc(var(--gap) * 6.5) !important;
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-dropdown__list-item-label {
        font-size: calc(var(--gap) * 2.34);
        margin-left: calc(var(--gap) * 2.67);
    }
    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset {
        border-top-left-radius: calc(var(--gap) * 0.761);
        border-bottom-left-radius: calc(var(--gap) * 0.761);
        margin-top: calc(var(--gap) * 1.3);
        padding: calc(var(--gap) * 1) calc(var(--gap) * 2);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__label {
        font-size: calc(var(--gap) * 2);
        margin-left: calc(var(--gap) * -0.6);
        padding: 0 var(--gap);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input {
        margin-left: calc(var(--gap) * 0.34);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input input, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__fieldset__input__price {
        font-size: calc(var(--gap) * 2.34);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item .cr-order-input__crypto-icon {
        border-top-right-radius: calc(var(--gap) * 0.761);
        border-bottom-right-radius: calc(var(--gap) * 0.761);
        font-size: calc(var(--gap) * 2.34);
        margin-top: calc(var(--gap) * 1.1);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__percentage-buttons {
        margin-bottom: calc(var(--gap) * 1.34);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__percentage-buttons .cr-percentage-button {
        border-radius: calc(var(--gap) * 0.67);
        font-size: calc(var(--gap) * 2);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__available {
        margin-bottom: calc(var(--gap) * -0.67);
    }
    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__available__label, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__available__content, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__fee__label, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__fee__content {
        font-size: calc(var(--gap) * 2);
    }
    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total__label, .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__total__content {
        font-size: calc(var(--gap) * 2.34);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-order-item__fee {
        margin-bottom: calc(var(--gap) * 0.67);
    }

    .qx-order .cr-order .cr-tab-panel .cr-tab-content .cr-button {
        font-size: calc(var(--gap) * 2.67);
        padding: calc(var(--gap) * 1.26);
    }
}
.qx-markets {
    background-color: var(--base-bright);
    padding-bottom: calc(var(--gap) * 6.67);
    text-align: left;
    width: 100%;
}
.qx-markets .cr-markets .cr-table__row--selected td {
    color: var(--title-component-color);
}
.qx-markets--loading {
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.qx-markets .cr-markets .cr-search {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    background: var(--base-bright);
    z-index: 9999;
    padding: calc(var(--gap) * 0.83) var(--gap) calc(var(--gap) * 0.83) 0;
}
.qx-markets .cr-markets .cr-search__icon {
    background: var(--transparent);
    display: -ms-flexbox;
    display: flex;
    opacity: 0.5;
    padding-bottom: 0;
    padding-left: calc(var(--gap) * 2);
}
.qx-markets .cr-markets .cr-table td:nth-child(2), .qx-markets .cr-markets .cr-table th:nth-child(2) {
    text-align: right;
}
.qx-markets .cr-table-header__content {
    background: var(--table-dark-header-color);
}
.qx-markets .cr-table-header__content .cr-title-component {
    font-weight: normal;
}
.cr-table__filter {
    font-size: 1em !important;
    margin-left: calc(var(--gap) * 2);
    margin-right: 0;
    padding: 0 !important;
}
.cr-markets {
    padding-bottom: 0 !important;
}
.cr-markets .cr-table td {
    cursor: pointer;
}
.cr-markets .cr-table__head th:last-child {
    width: calc(var(--big-gap) * 1.3);
}
.cr-markets .cr-table__row--selected td {
    color: var(--base);
}
.cr-markets .cr-table .__positive {
    color: var(--color-green) !important;
}
.cr-markets .cr-table .__negative {
    color: var(--color-red) !important;
}
.qx-profile-page__referral {
    width: 100%;
}
.qx-profile-page__referral fieldset {
    background: inherit;
    border-radius: calc(var(--gap) * 0.66);
    border: 1px solid var(--base-2);
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
    overflow: hidden;
}
.qx-profile-page__referral fieldset:focus-within {
    overflow: hidden;
    border: 1px solid var(--color-blue) !important;
    border-radius: calc(var(--gap) * 0.66);
}
.qx-profile-page__referral fieldset:focus-within legend {
    color: var(--color-blue) !important;
}
.qx-profile-page__referral fieldset .cr-deposit-crypto__copyable-title {
    position: absolute;
    margin-top: calc(var(--gap) * -1.3);
    background: var(--base-bright);
}
.qx-profile-page__referral fieldset .qx-copyable-text-field__input {
    padding: calc(var(--gap) * 0.83) calc(var(--gap) * 0.83) calc(var(--gap) * 0.83) var(--gap);
    border: none;
}
.qx-profile-page__referral fieldset .qx-copyable-text-field__input input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--placeholder-text);
    background: var(--transparent);
}
.qx-profile-page__referral fieldset .qx-copyable-text-field__input .cr-copyable-text-field__button {
    background: var(--button-normal);
    color: var(--white);
    padding: 0;
}
.qx-profile-page__referral fieldset .qx-copyable-text-field__input .cr-copyable-text-field__button:hover {
    background: var(--button-hover);
}
.qx-market-depth {
    max-height: 200px;
    width: 100%;
}
.qx-market-depth__title {
    font-size: 1em;
    width: 100%;
    border-bottom: 1px solid var(--trading-header);
}
.qx-market-depth__tooltip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.qx-change-password-form {
    display: -ms-flexbox;
    display: flex;
}
.qx-change-password-form__group {
    text-align: center;
}
.qx-change-password-form .cr-input {
    border-bottom: 1px solid var(--profile-grey);
}
.qx-change-password-form .cr-input input {
    color: var(--color-white);
}
.qx-change-password-form__label {
    color: var(--text-muted);
}
.qx-change-password-form__error {
    color: var(--order-error-color);
    margin: 0;
    margin-left: calc(var(--gap) * 2);
}
.cr-modal .qx-change-password-screen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: calc(var(--big-gap) * 6.66);
    background-size: cover;
    margin: 0 auto;
}
.cr-modal .qx-change-password-screen .cr-email-form {
    background: var(--email-form-bg);
    min-height: calc(var(--big-gap) * 5);
    width: 100% !important;
}
.cr-modal .qx-change-password-screen .cr-email-form__option {
    background: var(--header);
}
.cr-modal .qx-change-password-screen .cr-email-form__options-group {
    width: 100%;
    /* height: calc(var(--big-gap) * 0.97); */
    border-bottom: 2px solid var(--email-form-border);
}
.cr-modal .qx-change-password-screen .cr-email-form__label {
    background: var(--email-form-bg);
    position: absolute;
    top: 0px;
}
.cr-modal .qx-change-password-screen .cr-email-form__input input {
    color: var(--color-white);
    font-size: calc(var(--gap) * 2.33);
    border: 1px solid var(--input-block-border-color);
    border-radius: calc(var(--gap) * 0.66);
}
.cr-modal .qx-change-password-screen .cr-email-form__header {
    width: calc(var(--big-gap) * 6.3);
    height: calc(var(--gap) * 4.33);
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--gap) * 2.66);
    font-size: calc(var(--gap) * 2.33);
    color: var(--placeholder-text);
    margin: calc(var(--gap) * 0.83);
}
.cr-modal .qx-change-password-screen .cr-email-form__cros-icon {
    position: absolute;
    display: inline-block;
    right: calc(var(--gap) * 3.3);
    margin-top: calc(var(--gap) * 0.2);
    height: calc(var(--gap) * 2.5);
    width: calc(var(--gap) * 2.5);
    cursor: pointer;
}
.cr-modal .qx-change-password-screen .cr-email-form__button-wrapper {
    min-height: calc(var(--gap) * 10);
}
.cr-modal .qx-change-password-screen .cr-email-form__button {
    color: var(--color-white);
    background: var(--button-primary);
    border-radius: calc(var(--gap) * 0.5);
    font-size: calc(var(--gap) * 2.66);
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    margin-left: 0;
    text-align: center;
    text-transform: uppercase;
}
.cr-modal .qx-change-password-screen .cr-email-form__button--disabled {
    color: var(--button-dark-gray) !important;
    background: var(--button-disabled) !important;
}
.cr-modal .qx-change-password-screen .cr-email-form__button:hover {
    background: var(--button-hover);
}
.cr-modal .qx-change-password-screen .cr-email-form__button:active {
    background: var(--button-active);
}
.cr-modal .qx-change-password-screen .cr-email-form__option-inner {
    background: var(--transparent);
    width: 100%;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    font-size: calc(var(--gap) * 2.33);
    color: var(--white);
}
.cr-modal .qx-change-password-screen .cr-email-form__group--focused .cr-email-form__label {
    color: var(--sign-in-accent);
}
.cr-modal .qx-change-password-screen .cr-email-form__group--focused input {
    border-color: var(--button-primary) !important;
}
@media screen and (max-width: 768px) {
    .qx-change-password-screen {
        margin: calc(var(--gap) * 3.33) calc(var(--gap) * 1.66) 0;
        width: 100%;
    }
}
.qx-legal-docs-modal .cr-modal__container {
    max-width: 75% !important;
    height: 90%;
    outline: none;
}
.qx-legal-docs-modal .cr-modal__container-header {
    display: none;
}
.qx-legal-docs-modal .cr-modal__container-content {
    margin-bottom: 0;
}
.qx-legal-docs-modal .cr-modal__container-footer {
    outline: none;
    padding-top: 0;
}
.qx-legal-docs-modal .cr-modal__container-footer .cr-button {
    width: 20%;
    height: calc(var(--gap) * 7);
    background: var(--base-8);
}
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container {
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: calc(var(--gap) * 3);
}
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container-navigation {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container .cr-tab {
    color: var(--tab-panel);
    font-size: calc(var(--font-size) * 1.3);
    cursor: default;
    padding: var(--gap) calc(var(--gap) * 10);
}
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container .cr-tab-content__active {
    overflow-y: scroll;
    padding-left: calc(var(--gap) * 5);
}
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container .cr-tab__active {
    border-bottom: 1px solid var(--active-color);
    color: var(--tab-panel-active);
}
.qx-legal-docs-modal .cr-modal__container .cr-tab-panel__navigation-container .cr-tab__pointer {
    display: none !important;
}
.qx-legal-docs-modal .tabs-content {
    text-align: left;
    color: var(--base-8);
    font-size: calc(var(--font-size) * 1.16);
    max-height: 480px;
    overflow-y: auto;
}
.qx-legal-docs-modal .tabs-content ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.qx-legal-docs-modal .tabs-content ::-webkit-scrollbar-thumb {
    border-radius: calc(var(--gap) / 2);
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.qx-legal-docs-modal .tabs-content__mail {
    color: var(--tab-panel-active);
    text-decoration: none;
}
.qx-legal-docs-modal .tabs-content .unstyled {
    list-style: none;
    padding-left: 0;
}
.cr-table__noData .qx-recent-trades .cr-table td, .cr-table__noData .qx-recent-trades .cr-table th {
    text-align: right;
}
.cr-table__noData .qx-recent-trades .cr-table td:nth-child(2),.cr-table__noData .qx-recent-trades .cr-table th:nth-child(2){
    text-align: center;
    width: 62%;
}
.cr-table__noData .qx-recent-trades .cr-table td:nth-child(1) {
    width: 1%;
    text-align: right;
}
.qx-recent-trades .cr-table__body {
    cursor: pointer;
}
.qx-recent-trades .cr-table td, .qx-recent-trades .cr-table th {
    text-align: right;
}
.qx-recent-trades .cr-table td:nth-child(2),.qx-recent-trades .cr-table th:nth-child(2){
    width: 40%;
}
.qx-alerts {
    position: fixed;
    top: calc(var(--gap) * 8);
    right: calc(var(--gap) * 2);
    z-index: 10000;
    background: var(--alert-background-color);
}
.modal-body__withdraw-confirm {
    text-align: center;
}
.modal-footer__withdraw-confirm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.modal-footer__withdraw-confirm input {
    border-radius: 4px;
    font-weight: normal;
    background: var(--kyc-button);
    color: var(--color-white);
    font-size: calc(var(--gap) * 2.66);
    height: calc(var(--gap) * 5);
    margin: 0;
    text-align: center;
    cursor: pointer;
    width: 48%;
}
.modal-footer__withdraw-confirm input:hover {
    background: var(--button-hover);
}
.modal-body__withdraw-submit {
    text-align: center;
}
.modal-footer__withdraw-submit input {
    border-radius: 4px;
    font-weight: normal;
    background: var(--kyc-button);
    color: var(--color-white);
    font-size: calc(var(--gap) * 2.66);
    height: calc(var(--gap) * 5);
    margin: 0;
    text-align: center;
    cursor: pointer;
}
.modal-footer__withdraw-submit input:hover {
    background: var(--button-hover);
}
.qx-profile-page__activity-result-succeed {
    color: var(--green);
}
.qx-profile-page__activity-result-failed {
    color: var(--red);
}
.qx-history-elem {
    max-width: 100%;
    width: 100%;
}
.qx-history-elem__empty {
    text-align: center;
    color: var(--table-text-color);
}
.qx-history-elem__pagination {
    padding: var(--gap) calc(var(--gap) * 2) !important;
}
.qx-history-elem .cr-table {
    max-width: 100%;
}
.qx-trading-header-price-bar {
    position: relative;
    height: 5px;
    width: calc(var(--big-gap) * 6);
}
.qx-trading-header-price-bar-filler {
    display: -ms-flexbox;
    display: flex;
    height: 12px;
}
.qx-trading-header-price-bar-filler-left {
    height: 3px;
    margin-top: 3px;
    background-color: rgba(84, 180, 137, .3);;
    border: 1px solid rgba(84, 180, 137, .3);
    border-radius: 20px 0 0 20px;
}
.qx-trading-header-price-bar-filler-cursor {
    width: 2px;
    height: 100%;
    margin: 0 -1px 0 -1px;
    background-color: var(--base);
}
.qx-trading-header-price-bar-filler-right {
    height: 3px;
    margin-top: 3px;
    background-color: rgba(232, 94, 89, .3);
    border: 1px solid rgba(232, 94, 89, .3);
    border-radius: 0 20px 20px 0;
}
.qx-trading-header-price-bar-text {
    position: absolute;
    margin-top: 14px;
}
@media screen and (max-width: 996px) {
    .qx-trading-header-price-bar {
        display: none
    }
}
.qx-trading-header-progress-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: center;
}
.qx-trading-header-progress-label-additional {
    color: var(--trading-header-title);
    /* font-size: var(--trading-header-font-size); */
    font-size: 12px;
    margin-top: 10px;
}
.qx-trading-header-progress-label-progress-positive {
    color: var(--trading-header-positive);
    font-size: 15px;
    margin-top: 10px;
}
.additional-positive {
    color: var(--trading-header-positive);
}
.qx-trading-header-progress-label-progress-negative {
    color: var(--trading-header-negative);
    font-size: 15px;
    margin-top: 10px;
}
.additional-negative {
    color: var(--trading-header-negative);
}
.qx-trading-header-fast-search-container {
    /* width: calc(var(--big-gap) * 5.6); */
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: var(--trading-header-selector-background);
    border-bottom: 1px solid var(--trading-header-selector-border);
    z-index: 9999;
    /* position: -webkit-sticky; */
    /* position: sticky; */
    /* top: 0; */
}
.qx-trading-header-fast-search-button {
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: calc(var(--big-gap) * 0.84);
    padding: 0 calc(var(--big-gap) * 0.3);
    color: var(--trading-header-fastsearch-button-color);
    font-size: var(--trading-header-font-size);
    background-color: var(--trading-header-selector-background);
    border-bottom: 2px solid var(--trading-header-selector-background);
    cursor: pointer;
}
.qx-trading-header-fast-search-button-active {
    color: var(--trading-header-fastsearch-button-color-active);
    border-bottom: 2px solid var(--trading-header-fastsearch-button-border-active);
}
.qx-dropdown-markets-list-container {
    /* height: calc(100% - var(--big-gap) * 2); */
    overflow-x: hidden;
    /* overflow-y: scroll; */
    overflow-y: auto;
    flex: 1;
    padding-right: 5px;
}
.qx-dropdown-markets-list-container .cr-table {
    width: 100%;
}
.qx-dropdown-markets-list-container .cr-table thead th {
    top: 0;
    background-color: var(--trading-header-list-background);
}
.qx-dropdown-markets-list-container .cr-table tbody td {
    background-color: rgba(1, 6, 26, 0.77);
    width: calc(100% / 3);
}
.qx-dropdown-markets-list-container .cr-table tbody .cr-table__row--selected td {
    background-color: var(--header);
}
.qx-dropdown-markets-list-container .cr-table tbody .cr-table__row--selected td:first-child {
    color: var(--bright-1);
}
.qx-dropdown-markets-list-container th {
    white-space: nowrap;
    font-weight: 500 !important;
}
.qx-dropdown-markets-list-container th span {
    padding-right: 14px;
}
.qx-dropdown-markets-list-container th, .qx-dropdown-markets-list-container td {
    text-align: right;
}
.qx-dropdown-markets-list-container .cr-table tr {
    cursor: pointer;
}
.qx-dropdown-markets-list-container__positive {
    color: var(--trading-header-positive);
}
.qx-dropdown-markets-list-container__negative {
    color: var(--trading-header-negative);
}
.qx-dropdown-markets-list-container__header-selected {
    color: white;
    font-weight: 700;
}
.qx-dropdown-markets-list-container__arrow-down {
    position: absolute;
    margin-top: 2px;
    margin-left: 5px;
    border: solid;
    border-width: 0px 2px 2px 0px;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.qx-dropdown-markets-list-container__arrow-up {
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
:root {
    --market-selector-animation-duration: 0.2s;
}
.qx-trading-header-selector {
    background-color: rgba(1, 6, 26, 0.77);
    border-radius: 4px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-right: 20px;
}
.qx-trading-header-selector-search-wrapper {
    width: calc(var(--big-gap) * 5.45);
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 20;
    -webkit-animation-name: qx-trading-header-selector-search;
    animation-name: qx-trading-header-selector-search;
    -webkit-animation-duration: var(--market-selector-animation-duration);
    animation-duration: var(--market-selector-animation-duration);
    background: var(--trading-header-background);
}
.qx-trading-header-selector-search {
    height: calc(var(--big-gap) * 0.7);
    margin: 0 6px 6px 6px;
    border: solid 1px var(--trading-header-search-border);
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.qx-trading-header-selector-search-icon {
    height: 100%;
    width: calc(var(--big-gap) * 0.6);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: solid 1px var(--trading-header-search-border);
}
.qx-trading-header-selector-search-field {
    width: calc(100% - calc(var(--big-gap) * 0.6));
    border: none;
    outline: none;
    background: none;
    color: var(--trading-header-search-border);
    padding: 0 calc(var(--big-gap) * 0.1);
    font-size: calc(var(--big-gap) * 0.25);
    line-height: calc(var(--big-gap) * 0.25);
}
.qx-trading-header-selector-market {
    /* font-size: var(--trading-header-font-size-bigger); */
    font-size: 16pt;
    /* color: var(--trading-header-white); */
    color: #ff7039;
    padding: 0 calc(var(--big-gap) * 0.23);
}
.qx-trading-header-selector-title {
    font-size: var(--trading-header-font-size);
    color: var(--trading-header-selector-title);
    padding-left: calc(var(--big-gap) * 0.95);
    display: none;
}
.qx-trading-header-selector-icon-open {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 calc(var(--big-gap) * 0.28) 0 calc(var(--big-gap) * 0.55);
    -webkit-animation-name: qx-trading-header-selector-open;
    animation-name: qx-trading-header-selector-open;
    -webkit-animation-duration: var(--market-selector-animation-duration);
    animation-duration: var(--market-selector-animation-duration);
    margin-left: calc(var(--big-gap) * 1.5);
    background: var(--trading-header-btn-open);
    left: 220px;
    width: 30px;
    position: absolute;
}
.qx-trading-header-selector-icon-close {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 calc(var(--big-gap) * 0.28);
    -webkit-animation-name: qx-trading-header-selector-close;
    animation-name: qx-trading-header-selector-close;
    -webkit-animation-duration: var(--market-selector-animation-duration);
    animation-duration: var(--market-selector-animation-duration);
    margin-left: 0;
}
.qx-trading-header-selector-icon-img-open {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-name: qx-trading-header-selector-open-icon;
    animation-name: qx-trading-header-selector-open-icon;
    -webkit-animation-duration: var(--market-selector-animation-duration);
    animation-duration: var(--market-selector-animation-duration);
}
.qx-trading-header-selector-icon-img-close {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-animation-name: qx-trading-header-selector-close-icon;
    animation-name: qx-trading-header-selector-close-icon;
    -webkit-animation-duration: var(--market-selector-animation-duration);
    animation-duration: var(--market-selector-animation-duration);
}
.qx-trading-header-selector-list-container-open {
    width: 100%;
    /* height: 525px; */
    background: var(--trading-header-background);
    display: block;
    /* position: absolute; */
    z-index: 10;

    overflow-y: auto;
    overflow-x: hidden;
    -webkit-animation-name: qx-trading-header-selector-list-container-open;
    animation-name: qx-trading-header-selector-list-container-open;
    -webkit-animation-duration: var(--market-selector-animation-duration);
    animation-duration: var(--market-selector-animation-duration);
}
.qx-trading-header-selector-list-container-close {
    width: 0;
    height: 0;
    display: none;
    z-index: 10;
    -webkit-animation-name: qx-trading-header-selector-list-container-close;
    animation-name: qx-trading-header-selector-list-container-close;
    -webkit-animation-duration: var(--market-selector-animation-duration);
    animation-duration: var(--market-selector-animation-duration);
}
@media screen and (max-width: 576px) {
    .qx-trading-header-selector-list-container-open {
        width: calc(var(--big-gap) * 5);
    }
    .qx-trading-header-selector-icon-open {
        left: 175px;
        width: 30px;
    }
    .qx-trading-header-selector-search {
        width: calc(var(--big-gap) * 4);
    }
}
.qx-trading-header-selector-market {
    /* width: calc(var(--big-gap)); */
}
@-webkit-keyframes qx-trading-header-selector-open {
    from {
        margin-left: 0;
    }
    to {
        margin-left: calc(var(--big-gap) * 1.5);
    }
}
@keyframes qx-trading-header-selector-open {
    from {
        margin-left: 0;
    }
    to {
        margin-left: calc(var(--big-gap) * 1.5);
    }
}
@-webkit-keyframes qx-trading-header-selector-close {
    from {
        margin-left: calc(var(--big-gap) * 1.5);
    }
    to {
        margin-left: 0;
    }
}
@keyframes qx-trading-header-selector-close {
    from {
        margin-left: calc(var(--big-gap) * 1.5);
    }
    to {
        margin-left: 0;
    }
}
@-webkit-keyframes qx-trading-header-selector-open-icon {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes qx-trading-header-selector-open-icon {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@-webkit-keyframes qx-trading-header-selector-close-icon {
    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes qx-trading-header-selector-close-icon {
    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@-webkit-keyframes qx-trading-header-selector-list-container-open {
    from {
        width: 0;
        height: 0;
        top: 0;
    }
    to {
        width: calc(var(--big-gap) * 5.6);
        height: calc(100vh - var(--big-gap) * 1.1);
        top: calc(var(--big-gap) * -0.082);
    }
}
@keyframes qx-trading-header-selector-list-container-open {
    from {
        width: 0;
        height: 0;
        top: 0;
    }
    to {
        width: calc(var(--big-gap) * 5.6);
        height: calc(100vh - var(--big-gap) * 1.1);
        top: calc(var(--big-gap) * -0.082);
    }
}
@-webkit-keyframes qx-trading-header-selector-list-container-close {
    from {
        width: calc(var(--big-gap) * 5.6);
        height: calc(100vh - var(--big-gap) * 1.1);
        top: calc(var(--big-gap) * -0.082);
    }
    to {
        width: 0;
        height: 0;
        top: 0;
    }
}
@keyframes qx-trading-header-selector-list-container-close {
    from {
        width: calc(var(--big-gap) * 5.6);
        height: calc(100vh - var(--big-gap) * 1.1);
        top: calc(var(--big-gap) * -0.082);
    }
    to {
        width: 0;
        height: 0;
        top: 0;
    }
}
@-webkit-keyframes qx-trading-header-selector-search {
    from {
        width: 0;
        height: 0;
    }
    to {
        height: calc(var(--big-gap) * 0.7);
        width: calc(var(--big-gap) * 5);
    }
}
@keyframes qx-trading-header-selector-search {
    from {
        width: 0;
        height: 0;
    }
    to {
        height: calc(var(--big-gap) * 0.7);
        width: calc(var(--big-gap) * 5);
    }
}
.qx-trading-header-container {

    display: -ms-flexbox;

    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    height: 70px;
    border: 5px solid var(--trading-header-background);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    border-radius: calc(var(--big-gap) * 0.2);
    background-color: var(--main-bg);
    margin-bottom: -5px;
}
.qx-trading-header-container-dropdown-selector {
    height: calc(var(--big-gap) * 0.77);
    width: calc(var(--big-gap) * 0.8);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--trading-header-btn-close);
    border-radius: calc(var(--big-gap) * 0.07);
    position: relative;
}
.qx-trading-header-container-dropdown-selector-open {
    height: calc(var(--big-gap) * 0.77);
    width: calc(var(--big-gap) * 0.8);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: calc(var(--big-gap) * 0.07);
    background: var(--trading-header-btn-open);
}
.qx-trading-header-container-dropdown-selector:hover {
    cursor: pointer;
}
.qx-trading-header-container-stats {
    display: -ms-flexbox;
    flex: 1;
    display: flex;
    -ms-flex-pack: end;
    justify-content: center;
    padding-left: 20px;
    height: 100%;
}
.qx-trading-header-container-daily {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    /* width: calc(var(--big-gap) * 7.5); */
    width: 650px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* margin-right: calc(var(--big-gap) * 1); */
    margin-left: 5px;
}
.qx-trading-header-container-daily-last {
    display: none;
}
@media screen and (max-width: 996px) {
    .qx-trading-header-container-daily {
        /* width: calc(var(--big-gap) * 5); */
        width: 500px;
    }

    .qx-trading-header-container-daily-last {
        display: block;
    }
}
.qx-trading-header-container-total {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: calc(var(--big-gap) * 2.4);
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 1%;
}
@media screen and (max-width: 768px) {
    .qx-trading-header-container-total {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .qx-trading-header-container {

        height: unset
    }
    .qx-trading-header-container .qx-trading-header-selector-container {
        width: 100%;
    }
    .qx-trading-header-container .qx-trading-header-selector {
        height: 43px !important;
        width: 100%;
    }

    .qx-trading-header-container .qx-trading-header-selector-title {
        padding-left: calc(100% - var(--big-gap) * 3.4);
    }

    .qx-trading-header-container .qx-trading-header-selector .qx-trading-header-selector-icon-open {
        height: 43px !important;
    }

    .qx-trading-header-container-stats {
        display: none;
    }
}
@media screen and (max-width: 576px) {
    .qx-trading-header-container {
        height: unset
    }
    .qx-trading-header-container-selector {
        height: 43px !important;
        width: 100%;
    }

    .qx-trading-header-container-selector .qx-trading-header-selector-icon-open {
        height: 43px !important;
    }
    .qx-trading-header-container-stats {
        display: none;
    }
}
.qx-trading-header-container-selector {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
}
.qx-confirm__content-documents {
    color: var(--base-10);
    font-size: calc(var(--gap) * 2.33);
    margin: var(--gap) calc(var(--gap) * 3.4) calc(var(--gap) * 2.5) calc(var(--gap) * 3.4);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.qx-confirm__content-documents-drag {
    float: right;
    text-align: left;
}
.qx-confirm__content-documents-filename {
    cursor: pointer;
    text-decoration: none;
    margin-bottom: calc(var(--gap) * 1.2);
}
.qx-confirm__content-documents-filename:hover {
    color: var(--text-muted);
    text-decoration: underline;
    -webkit-text-decoration-color: var(--base-3);
    text-decoration-color: var(--base-3);
}
.qx-confirm__content-documents-filename img {
    margin: 2px;
    position: absolute;
}
.qx-confirm__content-documents-col {
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.qx-confirm__content-documents-col-row {
    display: inline-block;
    margin-top: calc(var(--gap) * 2);
    color: var(--kyc-grey);
}
.qx-confirm__content-documents-col-row fieldset {
    color: var(--kyc-grey);
    border-radius: 4px;
    border: 1px solid var(--kyc-grey);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 49px;
    padding-left: calc(var(--gap) * 2);
    margin-bottom: calc(var(--gap) * 3);
    width: 230px;
}
.qx-confirm__content-documents-col-row-text {
    display: inline-block;
    font-size: calc(var(--gap) * 2.33);
    padding-bottom: calc(var(--gap) * 1.2);
    width: 100%;
    font-weight: normal;
}
.qx-confirm__content-documents-col-row-content {
    border-bottom: 1px solid var(--confirm-border-color);
    font-weight: normal;
    display: inline-block;
    position: relative;
}
.qx-confirm__content-documents-col-row-content--focused {
    color: var(--accent) !important;
    border: 1px solid var(--accent) !important;
}
.qx-confirm__content-documents-col-row-content legend {
    background-color: var(--base-bright);
    position:absolute;
    top: -8px;
}
.qx-confirm__content-documents-col-row-content input {
    color: var(--color-white);
    background: var(--transparent);
    border: unset;
    bottom: 0;
    font-size: calc(var(--gap) * 2);
    margin-top: 10px;
}
.qx-confirm__content-documents-col-row-content input::-webkit-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-documents-col-row-content input:-ms-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-documents-col-row-content input::-ms-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-documents-col-row-content input::placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-documents-col-row-content-2 {
    display: inline-block;
    font-size: calc(var(--gap) * 2.33);
    margin: 0 auto;
    height: 100%;
    width: 242px;
}
.qx-confirm__content-documents-col-row-content-2 input {
    border: none;
    color: var(--dark-color);
    font-size: calc(var(--gap) * 2.33);
    outline: none;
    padding-bottom: calc(var(--gap) * 0.33);
}
.qx-confirm__content-documents-col-row-content-2 input::-webkit-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-documents-col-row-content-2 input:-ms-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-documents-col-row-content-2 input::-ms-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-documents-col-row-content-2 input::placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-documents-col-row-content-2-documents {
    border: 1px dashed var(--kyc-grey);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: calc(var(--gap) * 1.2);
    margin-bottom: calc(var(--gap) * 1.2);
    height: 162px;
}
.qx-confirm__content-documents-col-row-content-2-documents-input {
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 0.1px;
    z-index: -1;
}
.qx-confirm__content-documents-col-row-content-2-documents-input input {
    width: auto;
}
.qx-confirm__content-documents-col-row-content-2-documents-input:focus {
    opacity: 0.8
}
.qx-confirm__content-documents-col-row-content-2-documents-label {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 auto;
}
.qx-confirm__content-documents-col-row-content-2-documents-label:hover, .qx-confirm__content-documents-col-row-content-2-documents-label label {
    cursor: pointer;
}
.qx-confirm__content-documents-col-row-content-2-documents-label-item {
    font-weight: normal;
    padding-top: calc(var(--gap) * 2.33);
    text-align: center;
}
.qx-confirm__content-documents-col-row-content-2-documents-label-item .active {
    color: var(--color-white);
}
.qx-confirm__content-documents-col-row-content-2-documents-label-item .muted {
    color: var(--text-muted);
}
.qx-confirm__content-documents-col-row-content-2-documents-label-item div {
    font-size: calc(var(--gap) * 1.7);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
.qx-confirm__content-documents-col-row-content-3 {
    margin-left: 2px;
    width: calc(var(--big-gap) * 3.81);
    position: relative;
}
.qx-confirm__content-documents-col-row-content-3 .qx-confirm__content-documents-col-row-content-label {
    position: absolute;
    margin-left: calc(var(--gap) * 1.42);
    margin-top: calc(var(--gap) * (-1.33));
    padding: 0 calc(var(--gap) * 0.33);
    background-color: var(--base-bright);
    z-index: 1;
}
.qx-confirm__content-documents-col-row-content-3:focus-within {
    color: var(--color-blue);
}
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__input, .qx-confirm__content-documents-col-row-content-3 .cr-dropdown__input--open {
    background-color: var(--base-bright);
    border: 1px solid var(--kyc-grey);
    border-radius: 4px;
    color: var(--kyc-grey);
    font-size: calc(var(--gap) * 2.33);
    height: 49px;
    margin-bottom: calc(var(--gap) * 2.5);
}
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__input-label {
    text-shadow: 0 0 0 var(--kyc-grey);
    font-size: calc(var(--gap) * 2);
    font-weight: var(--font-weight);
    line-height: calc(var(--gap) * 6.2);
    margin-left: calc(var(--gap) * 2);
}
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__input-icon {
    top: 0px;
    right: 0px;
    cursor: pointer;
    position: absolute;
    line-height: calc(var(--gap) * 5.4);
    margin-right: calc(var(--gap) * 2);
}
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__input--open {
    color: var(--backhround-dropdown-text);
    border-color: var(--color-blue);
}
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__list {
    background-color: var(--background-dropdown);
    border: 0px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 2px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24), 0px 2px 8px rgba(0, 0, 0, 0.12);
    color: var(--kyc-grey);
    margin-top: -18px;
    max-height: calc(var(--big-gap) * 3.5);
    overflow-y: auto;
    padding-bottom: 0;
    width: calc(var(--big-gap) * 3.83);
}
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__list-item {
    color: var(--kyc-grey);
    font-size: calc(var(--gap) * 2.33);
    font-weight: normal;
}
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__list-item-label {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: auto calc(var(--gap) * 2);
    font-size: calc(var(--gap) * 2);
}
.qx-confirm__content-documents-col-row-content-3 .cr-dropdown__list-item:hover {
    background-color: var(--background-dropdown-hover);
    color: var(--background-dropdown-hover-text);
}
.qx-confirm__content-documents .react-date-picker {
    width: 100%;
}
.qx-confirm__content-documents .react-date-picker__wrapper {
    width: 100%;
}
.qx-confirm__content-documents .react-date-picker__inputGroup__year {
    width: calc(var(--gap) * 10) !important;
}
.qx-confirm__content-phone {
    color: var(--base-10);
}
.qx-confirm__content-phone-head {
    color: var(--color-white);
    font-weight: var(--font-weight);
    margin: calc(var(--gap) * 1.6) calc(var(--gap) * 3.4) calc(var(--gap) * 1.6) calc(var(--gap) * 2.5);
}
.qx-confirm__content-phone-col {
    font-size: calc(var(--gap) * 2.33);
    margin: 0 calc(var(--gap) * 3.4) calc(var(--gap) * 3.2) calc(var(--gap) * 3.4);
}
.qx-confirm__content-phone-col fieldset {
    color: var(--kyc-grey);
    border: 1px solid var(--kyc-grey);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 49px;
    margin-top: 16px;
    padding-top: 4px;
    padding-right: 4px;
    width: 100%;
}
.qx-confirm__content-phone-col-text {
    color: var(--kyc-grey);
    font-size: calc(var(--gap) * 2.33);
}
.qx-confirm__content-phone-col-content {
    border-bottom: 1px solid var(--confirm-border-color);
    font-weight: normal;
    display: inline-block;
    position: relative;
}
.qx-confirm__content-phone-col-content-send {
    color: var(--color-white);
    background: var(--button-primary);
}
.qx-confirm__content-phone-col-content-send--disabled {
    color: var(--button-dark-gray);
    background: var(--button-disabled) !important;
    pointer-events: none;
}
.qx-confirm__content-phone-col-content-send:active {
    background: var(--button-active) !important;
}
.qx-confirm__content-phone-col-content-send:hover {
    background: var(--button-hover) !important;
}
.qx-confirm__content-phone-col-content--focused {
    color: var(--accent) !important;
    border: 1px solid var(--accent) !important;
}
.qx-confirm__content-phone-col-content legend {
    background-color: var(--base-bright);
    position:absolute;
    top: calc(var(--gap) * -1.14);
}
.qx-confirm__content-phone-col-content input {
    color: var(--color-white);
    background: var(--transparent);
    border: unset;
    bottom: 0;
    font-size: calc(var(--gap) * 2);
    margin-top: 10px;
    width: 71.5%;
}
.qx-confirm__content-phone-col-content input::-webkit-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-phone-col-content input:-ms-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-phone-col-content input::-ms-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-phone-col-content input::placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-phone-col-content button {
    cursor: pointer;
    border: none;
    border-radius: 4px;
    float: right;
    height: 39px;
    width: 130px;
}
.qx-confirm__content-identity {
    color: var(--base-10);
    margin: 0 auto;
}
.qx-confirm__content-identity-forms {
    font-size: calc(var(--gap) * 2.33);
    height: calc(var(--big-gap) * 3.69);
    margin: 0 calc(var(--gap) * 1.2) calc(var(--gap) * 4.4) calc(var(--gap) * 3);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: calc(var(--gap) * 1.5);
    padding-top: calc(var(--gap) * 1.5);
}
.qx-confirm__content-identity-forms::-webkit-scrollbar {
    width: 0;
}
.qx-confirm__content-identity-forms::-webkit-scrollbar-track {
    background-color: var(--kyc-grey);
}
.qx-confirm__content-identity-forms::-webkit-scrollbar-thumb {
    background-color: var(--color-blue);
}
.qx-confirm__content-identity-col {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
}
.qx-confirm__content-identity-col-right {
    -ms-flex-align: end;
    align-items: flex-end;
}
.qx-confirm__content-identity-col-row {
    margin-top: calc(var(--gap) * 2);
}
.qx-confirm__content-identity-col-row-is-active {
    margin-top: 0 !important;
    height: calc(var(--gap) * 10.5)!important;
    margin-bottom: calc(var(--gap) * 0.5);
    border: 1px solid var(--kyc-active-color) !important;
}
.qx-confirm__content-identity-col-row fieldset {
    color: var(--kyc-grey);
    border-radius: calc(var(--gap) * 0.6);
    border: 1px solid var(--kyc-grey);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(var(--gap) * 8.16);
    margin-top: calc(var(--gap) * 1.3);
    width: calc(var(--big-gap) * 4.12);
}
.qx-confirm__content-identity-col-row-text {
    display: inline-block;
    font-size: calc(var(--gap) * 2.33);
    height: calc(var(--gap) * 5);
    padding-right: calc(var(--gap) * 6.66);
    text-align: right;
    width: calc(var(--big-gap) * 2.16);
}
.qx-confirm__content-identity-col-row-content {
    display: inline-block;
    position: relative;
}
.qx-confirm__content-identity-col-row-content-label {
    position: absolute;
    margin-left: calc(var(--gap) * 1.42);
    padding: 0 calc(var(--gap) * 0.33);
    background-color: var(--base-bright);
    z-index: 1;
}
.qx-confirm__content-identity-col-row-content--focused {
    color: var(--accent) !important;
    border: 1px solid var(--accent) !important;
}
.qx-confirm__content-identity-col-row-content legend {
    background-color: var(--base-bright);
    position:absolute;
    top: calc(var(--gap) * -1.3);
}
.qx-confirm__content-identity-col-row-content input {
    width: 100%;
    color: var(--color-white);
    background: var(--transparent);
    border: unset;
    bottom: 0;
    font-size: calc(var(--gap) * 2);
    margin-top: calc(var(--gap) * 2);
}
.qx-confirm__content-identity-col-row-content input::-webkit-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-identity-col-row-content input:-ms-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-identity-col-row-content input::-ms-input-placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-identity-col-row-content input::placeholder {
    color: var(--text-muted);
}
.qx-confirm__content-identity-col-row-content:focus-within {
    color: var(--color-blue);
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__input, .qx-confirm__content-identity-col-row-content .cr-dropdown__input--open {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--base-bright);
    border: 1px solid var(--kyc-grey);
    border-radius: calc(var(--gap) * 0.6);
    color: var(--kyc-grey);
    height: calc(var(--gap) * 7.83);
    margin-top: calc(var(--gap) * 1.3);
    margin-right: 2px;
    width: calc(var(--big-gap) * 4.08);
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__input:active, .qx-confirm__content-identity-col-row-content .cr-dropdown__input--open:active {
    background-color: var(--base-bright);
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__input-label {
    text-shadow: 0 0 0 var(--kyc-grey);
    font-size: calc(var(--gap) * 2);
    font-weight: var(--font-weight);
    line-height: calc(var(--gap) * 8);
    margin-left: 0.75em;
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__input-icon {
    cursor: pointer;
    position: absolute;
    line-height: calc(var(--gap) * 7);
    margin-right: calc(var(--gap) * 3);
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__input--open {
    color: var(--backhround-dropdown-text);
    border-color: var(--color-blue);
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__list {
    background-color: var(--background-dropdown);
    border: 0px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 4px rgba(121, 158, 228, 0.24), 0px 2px 8px rgba(141, 155, 233, 0.12);
    box-shadow: 0px 2px 4px rgba(82, 105, 233, 0.24), 0px 2px 8px rgba(0, 0, 0, 0.12);
    color: var(--kyc-grey);
    max-height: calc(var(--big-gap) * 1.6);
    overflow-y: auto;
    width: 99%;
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__list-item {
    color: var(--kyc-grey);
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__list-item-label {
    margin-left: 0.75em;
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__list-item:hover {
    background-color: var(--background-dropdown-hover);
    color: var(--background-dropdown-hover-text);
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__list::-webkit-scrollbar {
    width: 3px;
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__list::-webkit-scrollbar-track {
    background-color: transparent;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
.qx-confirm__content-identity-col-row-content .cr-dropdown__list::-webkit-scrollbar-thumb {
    background-color: var(--color-white);
}
.qx-sign-in-screen .qx-sign-in-screen__container {
    background: var(--transparent);
    margin-top: calc(var(--gap) * 3.33);
    width: calc(var(--gap) * 70.66);
}
.qx-sign-in-screen .cr-sign-in-form {
    background: var(--base-bright);
    margin: 0 auto;
    border-radius: calc(var(--gap) * 0.66);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(var(--big-gap) * 5.5);
}
.qx-sign-in-screen .cr-sign-in-form__options-group {
    width: 100%;
    height: calc(var(--big-gap) * 0.97);
    border-bottom: 2px solid var(--sign-in-text);
}
.qx-sign-in-screen .cr-sign-in-form__button-wrapper {
    min-height: calc(var(--gap));
    bottom: calc(var(--gap) * 3.5);
}
.qx-sign-in-screen .cr-sign-in-form__option {
    background: var(--header);
}
.qx-sign-in-screen .cr-sign-in-form__option .__selected {
    border-bottom: 2px solid var(--sign-in-accent);
    color: var(--color-white);
}
.qx-sign-in-screen .cr-sign-in-form .cr-button {
    color: var(--color-white);
    background: var(--button-primary);
    border-radius: calc(var(--gap) * 0.5);
    font-size: calc(var(--gap) * 2.66);
    margin-top: calc(var(--gap) * 1.55);
}
.qx-sign-in-screen .cr-sign-in-form .cr-button--disabled {
    color: var(--button-dark-gray);
    background: var(--button-disabled) !important;
}
.qx-sign-in-screen .cr-sign-in-form .cr-button:hover {
    background: var(--button-hover) !important;
}
.qx-sign-in-screen .cr-sign-in-form .cr-button:active {
    background: var(--button-active) !important;
}

.qx-sign-in-screen .cr-sign-in-form__title {
    background: var(--transparent);
    font-size: calc(var(--gap) * 4);
    margin: calc(var(--gap) * 6.66) !important;
}
.qx-sign-in-screen .cr-sign-in-form__label {
    background: var(--base-bright);
    color: var(--text-muted);
    font-size: calc(var(--gap) * 2);
    top: 0;
    position: absolute;
}
.qx-sign-in-screen .cr-sign-in-form__forgot {
    color: var(--base-new);
    padding-top: calc(var(--gap) * 1.33);
}
.qx-sign-in-screen .cr-sign-in-form__input input {
    color: var(--color-white);
    font-size: calc(var(--gap) * 2.33);
    border: 1px solid var(--input-block-border-color);
    border-radius: calc(var(--gap) * 0.66);
}
.qx-sign-in-screen .cr-sign-in-form__error,
.qx-sign-in-screen .cr-sign-in-form__error-message {
    color: var(--order-error-color);
}
.qx-sign-in-screen .cr-sign-in-form__footer {
    position: absolute;
    bottom: calc(var(--gap) * (-1.66));
    right: 0;
    left: 0;
}
.qx-sign-in-screen .cr-sign-in-form__footer-create {
    font-size: calc(var(--gap) * 2.33);
    font-weight: bolder;
}
.qx-sign-in-screen .cr-sign-in-form__footer-signup {
    color: var(--active-color);
    font-size: calc(var(--gap) * 2.33);
    font-weight: bold;
}
.qx-sign-in-screen .cr-sign-in-form__group--focused .cr-sign-in-form__label {
    color: var(--sign-in-accent);
}
.qx-sign-in-screen .cr-sign-in-form__group--focused input {
    border-color: var(--button-primary) !important;
}
@media screen and (max-width: 768px) {
    .qx-sign-in-screen .qx-sign-in-screen__container {
        margin: calc(var(--gap) * 3.33) calc(var(--gap) * 1.66) 0;
        width: 100%;
    }
    .qx-sign-in-screen .cr-sign-in-form__button {
        margin-top: calc(var(--gap) * 4);
        font-size: calc(var(--gap) * 2);
    }
    .qx-sign-in-screen .cr-sign-in-form__title {
        background: var(--transparent);
        margin-top: calc(var(--gap) * 2);
    }
}
.qx-sign-up-screen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: calc(100vh - 124px);
    /* background: url(assets/images/background.svg); */
    background-size: cover;
}
.qx-sign-up-screen .qx-sign-up-screen__container {
    background: var(--transparent);
    margin-top: calc(var(--gap) * 3.33);
    width: calc(var(--gap) * 70.66);
}
.qx-sign-up-screen .cr-sign-up-form {
    background: var(--base-bright);
    margin: 0 auto;
    border-radius: calc(var(--gap) * 0.66);
    min-height: calc(var(--big-gap) * 10);
}
.qx-sign-up-screen .cr-sign-up-form__options-group {
    width: 100%;
    height: calc(var(--big-gap) * 0.97);
    border-bottom: 2px solid var(--sign-in-text);
}
.qx-sign-up-screen .cr-sign-up-form__form-content {
    top: calc(var(--gap) * 14.8);
}
.qx-sign-up-screen .cr-sign-up-form__group {
    margin-bottom: calc(var(--gap) * 3.1);
}
.qx-sign-up-screen .cr-sign-up-form__option {
    background: var(--header);
}
.qx-sign-up-screen .cr-sign-up-form__option .__selected {
    border-bottom: 2px solid var(--sign-in-accent);
    color: var(--color-white);
}
.qx-sign-up-screen .cr-sign-up-form__group--focused .cr-sign-up-form__label {
    color: var(--sign-in-accent);
}
.qx-sign-up-screen .cr-sign-up-form__group--focused input {
    border-color: var(--button-primary) !important;
}
.qx-sign-up-screen .cr-sign-up-form .cr-button {
    color: var(--color-white);
    background: var(--button-primary) !important;
    border-radius: calc(var(--gap) * 0.5);
    font-size: calc(var(--gap) * 2.66);
    margin-top: calc(var(--gap) * 1.55);
}
.qx-sign-up-screen .cr-sign-up-form .cr-button--disabled {
    color: var(--button-dark-gray);
    background: var(--button-disabled) !important;
}
.qx-sign-up-screen .cr-sign-up-form .cr-button:hover {
    background: var(--button-hover) !important;
}
.qx-sign-up-screen .cr-sign-up-form .cr-button:active {
    background: var(--button-active) !important;
}

.qx-sign-up-screen .cr-sign-up-form__title {
    background: var(--transparent);
    color: var(--active-color);
    font-size: calc(var(--gap) * 4);
    margin: calc(var(--gap) * 6.66) !important;
}
.qx-sign-up-screen .cr-sign-up-form__label {
    background: var(--base-bright);
    color: var(--text-muted);
    font-size: calc(var(--gap) * 2);
    top: calc(var(--gap) * (-1.33));
    position: absolute;
}
.qx-sign-up-screen .cr-sign-up-form__input input {
    color: var(--color-white);
    font-size: calc(var(--gap) * 2.33);
    border: 1px solid var(--input-block-border-color);
    border-radius: calc(var(--gap) * 0.66);
}
.qx-sign-up-screen .cr-sign-up-form__footer-create {
    font-size: calc(var(--gap) * 2.33);
    font-weight: bolder;
}
.qx-sign-up-screen .cr-sign-up-form__footer-signin {
    color: var(--active-color);
    font-size: calc(var(--gap) * 2.33);
    font-weight: bold;
}
.qx-sign-up-screen .cr-sign-up-form .cr-checkbox {
    padding-left: calc(2.6 * var(--checkbox-general-intent));
}
.qx-sign-up-screen .cr-sign-up-form .cr-checkbox__checkitem {
    border-color: var(--checkbox-border-color);
}
.qx-sign-up-screen .cr-sign-up-form .cr-checkbox__checkitem::after {
    border-color: var(--color-white);
}
.qx-sign-up-screen .cr-sign-up-form .cr-checkbox__label {
    color: var(--c--base-9);
    font-size: calc(var(--gap) * 2.33);
}
.qx-sign-up-screen .cr-sign-up-form__error {
    color: var(--color-red);
}
.qx-sign-up-screen .cr-sign-up-form__recaptcha {
    position: relative;
    z-index: 1;
}
.qx-sign-up-screen .cr-sign-in-form__error-message {
    color: var(--order-error-color);
}
.cr-modal .cr-modal__container {
    outline: none;
    border-radius: calc(var(--gap) * 0.66);
    min-width: 30% !important;
    width: calc(var(--big-gap) * 10);
    background-color: var(--background-dark);
}
.cr-modal .cr-modal__container .cr-modal__container-header {
    border-bottom: 2px solid var(--sign-up-modal-border);
    color: white;
    border-top-left-radius: calc(var(--gap) * 0.66);
    border-top-right-radius: calc(var(--gap) * 0.66);
    outline: none;
}
.cr-modal .cr-modal__container .cr-modal__container-header .qx-exchange-modal-submit-header {
    margin-top: calc(var(--gap) * 1.16);
}
.cr-modal .cr-modal__container .cr-modal__container-content {
    color: var(--sign-up--modal-text);
    padding: 0 calc(var(--gap) * 8.33);
    margin-bottom: 0;
}
.cr-modal .cr-modal__container .cr-modal__container-footer {
    outline: none !important;
}
@media screen and (max-width: 768px) {
    .qx-sign-up-screen .qx-sign-up-screen__container {
        margin: calc(var(--gap) * 3.33) calc(var(--gap) * 1.66) 0;
        width: 100%;
    }

    .qx-sign-up-screen .cr-sign-up-form {
        margin: 0 auto;
    }

    .qx-sign-up-screen .cr-sign-up-form__button {
        margin-top: calc(var(--gap) * 4);
        font-size: calc(var(--gap) * 2);
    }

    .qx-sign-up-screen .cr-sign-up-form__title {
        background: var(--transparent);
        margin-top: calc(var(--gap) * 2);
    }
    .cr-modal .cr-modal__container {
        font-size: calc(var(--gap) * 1.5);
        width: 100%;
    }
    .cr-modal .cr-modal__container .cr-modal__container-header {
        font-size: calc(var(--gap) * 1.5);
    }
    .cr-modal .cr-modal__container .cr-modal__container-content {
        padding: 0 calc(var(--gap) * 3.33);
    }
}
.qx-change-forgotten-password-screen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: calc(100vh - (var(--big-gap) * 0.9834));
    background: url(assets/images/background.svg);
    background-size: cover;
    margin: 0 auto;
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container {
    background: var(--transparent);
    margin-top: calc(var(--gap) * 3.34);
    width: calc(var(--gap) * 70.66);
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form {
    background: var(--email-form-bg);
    min-height: calc(var(--big-gap) * 5.5);
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__option {
    background: var(--header);
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__options-group {
    width: 100%;
    height: calc(var(--big-gap) * 0.97);
    border-bottom: 2px solid var(--email-form-border);
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__label {
    background: var(--email-form-bg);
    position: absolute;
    top: 0px;
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__input input {
    color: var(--color-white);
    font-size: calc(var(--gap) * 2.33);
    border: 1px solid var(--input-block-border-color);
    border-radius: calc(var(--gap) * 0.66);
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__header {
    width: calc(var(--big-gap) * 6.3);
    height: calc(var(--gap) * 4.33);
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--gap) * 2.66);
    font-size: calc(var(--gap) * 2.33);
    color: var(--placeholder-text);
    margin: calc(var(--gap) * 0.83);
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__cros-icon {
    position: absolute;
    display: inline-block;
    right: calc(var(--gap) * 3.3);
    margin-top: calc(var(--gap) * 0.5);
    height: calc(var(--gap) * 2.5);
    width: calc(var(--gap) * 2.5);
    cursor: pointer;
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__button-wrapper {
    min-height: calc(var(--gap) * 10);
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__button {
    color: var(--color-white);
    background: var(--button-primary);
    border-radius: calc(var(--gap) * 0.5);
    font-size: calc(var(--gap) * 2.66);
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    margin-left: 0;
    text-align: center;
    text-transform: uppercase;
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__button--disabled {
    color: var(--button-dark-gray) !important;
    background: var(--button-disabled) !important;
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__button:hover {
    background: var(--button-hover);
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__button:active {
    background: var(--button-active);
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__option-inner {
    background: var(--transparent);
    width: 100%;
    height: calc(var(--gap) * 9.66);
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    line-height: calc(var(--gap) * 9.66);
    font-style: normal;
    font-size: calc(var(--gap) * 2.33);
    color: var(--white);
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__group--focused .cr-email-form__label {
    color: var(--sign-in-accent);
}
.qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container .cr-email-form__group--focused input {
    border: 1px solid var(--button-primary) !important;
}
@media screen and (max-width: 768px) {
    .qx-change-forgotten-password-screen .qx-change-forgotten-password-screen__container {
        margin: calc(var(--gap) * 2.5) calc(var(--gap) * 1.25) 0;
    }
}
.qx-estimated-value {
    display: -ms-flexbox;
    display: flex;
    background: var(--main-bg);
    -webkit-filter: brightness(85%);
    filter: brightness(85%);
}
.qx-estimated-value__container {
    margin: 3px auto;
    padding: 5px;
    width: 920px;
}
.qx-estimated-value__container .value-container {
    font-size: 120%;
    margin-left: var(--gap);
    vertical-align: middle;
}
.qx-estimated-value__container .value-container .value {
    color: var(--bright-1);
}
.qx-estimated-value__container .value-container .value-sign {
    padding: 3px;
    border-radius: 10%;
    background: var(--back-bg);
    margin-left: var(--gap);
}
.qx-wallet {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    display: -ms-flexbox;
    display: flex;
    margin-top: calc(var(--gap) * 2) !important;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 0 calc(var(--gap) * 2) !important;
    border-radius: var(--gap);
    max-width: 920px !important;
}
.qx-wallet .text-center {
    position: absolute;
    text-align: center;
    margin-top: calc(var(--gap) * 8);
}
.qx-wallet .qx-wallet__loading {
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.qx-wallet .qx-wallet__tabs-content-height {
    max-height: 88.5vh;
}
.qx-wallet .qx-wallet__tabs-content {
    width: 100%;
}
.qx-wallet .cr-crypto-icon {
    color: var(--white-color);
    opacity: 0.5;
}
.qx-wallet .cr-wallet-list {
    background-color: var(--wallets-item-bg);
    margin-top: 0;
    overflow: auto;
    margin-bottom: 0;
}
.qx-wallet .cr-wallet-list li {
    padding: 0 !important;


}
.qx-wallet .cr-wallet-list li:last-child .cr-wallet-item {
    border-bottom: 0.5px solid var(--wallets-item-border);
}
.qx-wallet .cr-wallet-list .cr-wallet-item {
    border-color: var(--wallets-item-border);
    border-radius: 0;
    color: var(--wallets-item-font);
}
.qx-wallet .cr-wallet-list .cr-wallet-item:hover {
    background: var(--wallets-item-bg-hover);
}
.qx-wallet .cr-wallet-list .cr-wallet-item__info {
    -ms-flex-align: center;
    align-items: center;
}
.qx-wallet .cr-wallet-list .cr-wallet-item__info .cr-wallet-item__image-icon {
    max-height: calc(var(--gap) * 4.5);
    margin-left: calc(var(--gap) * 2);
    margin-right: calc(var(--gap) * 1.5);
}
.qx-wallet .cr-wallet-list .cr-wallet-item__description {
    background: transparent;
}
.qx-wallet .cr-wallet-list .cr-wallet-item__description span {
    color: var(--color-white);
}
.qx-wallet .cr-wallet-list .cr-wallet-item__description span:nth-child(1) {
    opacity: 0.5
}
.qx-wallet .cr-wallet-list .cr-wallet-item__description span:nth-child(2) {
    font-weight: var(--font-light);
    margin-top: calc(var(--gap) * .6);
    color: var(--wallets-locked-amount);
    font-size: calc(var(--gap) * 1.9);
    opacity: 0.3
}
.qx-wallet .cr-wallet-list .cr-wallet-item__amount-locked {
    color: var(--wallets-locked-amount);
    padding-top: calc(var(--gap) * .6);
    font-size: calc(var(--gap) * 1.9);
    opacity: 0.60;
}
.qx-wallet .cr-wallet-list .cr-wallet-item__amount-locked path {
    fill: var(--color-white);
}
.qx-wallet .cr-wallet-list .cr-wallet-item__icon {
    margin-left: calc(var(--gap) * 2);
    margin-right: calc(var(--gap) * 1.5);
    min-width: 23px; /* update after changing icon lib */
}
.qx-wallet .cr-wallet-list .cr-wallet-item__balance {
    font-weight: var(--font-light);
    opacity: 0.5;
}
.qx-wallet .cr-wallet-list .cr-wallet-item--active {
    background-color: var(--wallets-item-bg-active);
    outline: none;
    border: none;
    color: var(--wallets-item-font-active);
}
.qx-wallet .cr-wallet-list .cr-wallet-item--active:hover {
    background: var(--wallets-item-bg-active);
}
.qx-wallet .cr-wallet-list .cr-wallet-item--active .cr-crypto-icon {
    color: var(--white-color);
    opacity: 1;
}
.qx-wallet .cr-wallet-list .cr-wallet-item--active .cr-wallet-item__amount-locked {
    color: var(--wallets-item-font-active);
    opacity: 1;
}
.qx-wallet .cr-wallet-list .cr-wallet-item--active .cr-wallet-item__amount-locked path {
    fill: var(--color-white);
}
.qx-wallet .cr-wallet-list .cr-wallet-item--active .cr-wallet-item__description span {
    opacity: 1;
}
.qx-wallet .cr-wallet-list .cr-wallet-item--active .cr-wallet-item__balance {
    opacity: 1;
}
.qx-wallet .cr-wallet-list .cr-wallet-item--active div {
    margin-right: auto;
}
.qx-wallet .cr-wallet-list .cr-wallet-item--active::before {
    content: '';
    width: 4px;
    background-color: var(--color-blue);
    height: calc(var(--gap) * 9);
    border-top-left-radius: calc(var(--gap) * 0.66);
    border-bottom-left-radius: calc(var(--gap) * 0.66);
}
.qx-wallet .qx-wallet__tabs {
    background: var(--base-bright);
}
.qx-wallet .cr-withdraw {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--table-text-color);
    padding: calc(var(--gap) * 5) calc(var(--gap) * 3) calc(var(--gap) * 3);
}
.qx-wallet .cr-withdraw-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.qx-wallet .cr-withdraw-column:nth-child(1) {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.qx-wallet .cr-withdraw-column:nth-child(1) form:nth-child(1) {
    margin-top: 0;
    width: 100%;
}
.qx-wallet .cr-withdraw-column:nth-child(1) form {
    margin-top: 20px;
    width: 48%;
}
.qx-wallet .cr-withdraw-column:nth-child(2) {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
}
.qx-wallet .cr-withdraw-column:nth-child(2) div:nth-child(1) {
    -ms-flex-positive: 2;
    flex-grow: 2;
}
.qx-wallet .cr-withdraw__group__address,
.qx-wallet .cr-withdraw__group__amount,
.qx-wallet .cr-withdraw__group__code {
    background: var(--transparent);
    margin-bottom: calc(var(--gap) * 1.83);
    position: relative;
    width: 100%;
}
.qx-wallet .cr-withdraw__group__address .cr-withdraw__label, .qx-wallet .cr-withdraw__group__amount .cr-withdraw__label, .qx-wallet .cr-withdraw__group__code .cr-withdraw__label {
    position: absolute;
    top: 0px;
    left: calc(var(--gap) * 1.66);
    padding: calc(var(--gap) * 0.33) var(--gap);
    border-radius: calc(var(--gap) * 0.33);
    background: var(--main-bg);
}
.qx-wallet .cr-withdraw__group__address .cr-withdraw__input, .qx-wallet .cr-withdraw__group__amount .cr-withdraw__input, .qx-wallet .cr-withdraw__group__code .cr-withdraw__input {
    width: 100%;
    margin-top: calc(var(--gap) * 1.33);
}
.qx-wallet .cr-withdraw__group__address .cr-withdraw__input input, .qx-wallet .cr-withdraw__group__amount .cr-withdraw__input input, .qx-wallet .cr-withdraw__group__code .cr-withdraw__input input {
    color: var(--color-white);
    width: 100%;
    height: calc(var(--gap) * 8.33);
    padding: 0 calc(var(--gap) * 1.66);
    font-size: calc(var(--gap) * 2);
    text-align: left;
    border: 1px solid var(--placeholder-text);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: calc(var(--gap) * 0.66)
}
.qx-wallet .cr-withdraw__group__address .cr-withdraw__input input[type=number]::-webkit-inner-spin-button,
.qx-wallet .cr-withdraw__group__address .cr-withdraw__input input[type=number]::-webkit-outer-spin-button,
.qx-wallet .cr-withdraw__group__amount .cr-withdraw__input input[type=number]::-webkit-inner-spin-button,
.qx-wallet .cr-withdraw__group__amount .cr-withdraw__input input[type=number]::-webkit-outer-spin-button,
.qx-wallet .cr-withdraw__group__code .cr-withdraw__input input[type=number]::-webkit-inner-spin-button,
.qx-wallet .cr-withdraw__group__code .cr-withdraw__input input[type=number]::-webkit-outer-spin-button {
    cursor: pointer;
}
.qx-wallet .cr-withdraw__group__amount {
    width: 50%;
}
.qx-wallet .cr-withdraw__group__code {
    width: 45%;
}
.qx-wallet .cr-withdraw__group__code .cr-withdraw__input input[type=number]::-webkit-inner-spin-button,
.qx-wallet .cr-withdraw__group__code .cr-withdraw__input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.qx-wallet .cr-withdraw__group__address--focused .cr-withdraw__label, .qx-wallet .cr-withdraw__group__amount--focused .cr-withdraw__label, .qx-wallet .cr-withdraw__group__code--focused .cr-withdraw__label {
    color: var(--sign-in-accent) !important;
}
.qx-wallet .cr-withdraw__group__address--focused input, .qx-wallet .cr-withdraw__group__amount--focused input, .qx-wallet .cr-withdraw__group__code--focused input {
    border-color: var(--button-primary) !important;
}
.qx-wallet .cr-withdraw__divider {
    background-color: var(--wallet-withdraw-line-color);
    margin-left: calc(var(--gap) * 3.49);
    display: none;
}
.qx-wallet .cr-withdraw__divider-two {
    position: absolute;
    height: calc(var(--gap) * 12);
}
.qx-wallet .cr-withdraw__deep {
    width: calc(var(--gap) * 29);
}
.qx-wallet .cr-withdraw__deep .cr-button {
    color: var(--color-white);
    background: var(--profile-btn);
    font-size: calc(var(--gap) * 2.66);
    border-radius: calc(var(--gap) * 0.5);
    height: calc(var(--gap) * 5.5);
    font-weight: normal;
    width: 90%;
    margin-bottom: 0;
    margin-right: 0;
}
.qx-wallet .cr-withdraw__deep .cr-button--disabled {
    color: var(--button-dark-gray) !important;
    background: var(--button-disabled) !important;
}
.qx-wallet .cr-withdraw__deep .cr-button:hover {
    background: var(--button-hover);
}
.qx-wallet .cr-withdraw__deep .cr-button:active {
    background: var(--button-active);
}
.qx-wallet .cr-wallet-item__amount-locked {
    background: none;
}
.qx-wallet .cr-tab {
    background: var(--transparent);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    font-size: calc(var(--gap) * 2.6);
}
.qx-wallet .cr-tab__active {
    border-bottom: 1px solid var(--active-tab-color);
    background: var(--transparent);
}
.qx-wallet .cr-copyable-text-field__disabled .cr-deposit-crypto__copyable fieldset:focus-within {
    border-color: var(--base-2);
}
.qx-wallet .cr-copyable-text-field__disabled .cr-deposit-crypto__copyable fieldset:focus-within legend {
    color: var(--table-text-color);
}
.qx-wallet .cr-copyable-text-field__disabled .cr-deposit-crypto__copyable .cr-deposit-crypto__copyable-area .cr-copyable-text-field__button {
    background: var(--button-disabled);
    color: var(--button-dark-gray);
    cursor: not-allowed;
}
.qx-wallet .cr-copyable-text-field__disabled .cr-deposit-crypto__copyable .cr-deposit-crypto__copyable-area .cr-copyable-text-field__button:hover {
    background: var(--button-disabled);
    color: var(--button-dark-gray);
}
.qx-wallet .cr-copyable-text-field__disabled .cr-deposit-crypto__copyable .cr-deposit-crypto__copyable-area .cr-copyable-text-field__input input:focus,
.qx-wallet .cr-copyable-text-field__disabled .cr-deposit-crypto__copyable .cr-deposit-crypto__copyable-area .cr-copyable-text-field__input input:hover {
    outline: none;
    cursor: not-allowed;
}
.qx-wallet .cr-copyable-text-field__disabled .cr-deposit-crypto__copyable .cr-deposit-crypto__copyable-area .cr-copyable-text-field__input:focus {
    outline: none;
}
.qx-wallet .cr-tab-panel__navigation-container {
    background: var(--table-dark-header-color);
    border-bottom: 1px solid var(--header-border);
    border-radius: 0;
    margin-bottom: 0;
}
.qx-wallet .cr-tab-panel__navigation-container-navigation {
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.qx-wallet .cr-tab-content {
    background: var(--base-bright);
    display: none;
    border-bottom-right-radius: calc(var(--gap) * .5);
    border-bottom-left-radius: calc(var(--gap) * .5);
    padding: calc(var(--gap) * 5) calc(var(--gap) * 2) 0;
}
.qx-wallet .cr-tab-content__active {
    display: -ms-flexbox;
    display: flex;
}
.qx-wallet .cr-wallet-item {
    cursor: pointer;
    background: var(--background-wallet-item);
    color: var(--bright-1);
    height: calc(var(--gap) * 9);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid var(--wallets-item-border);
    border-radius: calc(var(--gap) * 0.5);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12);
    font-size: calc(var(--gap) * 2.66);
}
.qx-wallet .cr-wallet-item > * {
    background: var(--transparent);
}
.qx-wallet .cr-wallet-item__icon {
    margin-left: calc(var(--gap) * 1.5);
    margin-right: calc(var(--gap) * 3);
}
.qx-wallet .cr-wallet-item__icon,
.qx-wallet .cr-wallet-item__icon-code {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: calc(var(--gap) * .6);
}
.qx-wallet .cr-wallet-item__amount-locked-icon {
    display: inline-block;
    margin-right: calc(var(--gap) * 1);
}
.qx-wallet .cr-wallet-item--active {
    border-radius: calc(var(--gap) * 0.66);
    background: var(--active-color);
    outline: none;
}
.qx-wallet .cr-wallet-item--active .cr-wallet-item__icon,
.qx-wallet .cr-wallet-item--active .cr-wallet-item__icon-code {
    background: transparent;
    color: var(--wallet-item-active-color);
}
.qx-wallet .qx-wallet__tabs-content {
    display: -ms-flexbox;
    display: flex;
    background: var(--background);
}
.qx-wallet .cr-search {
    display: none;
}
.qx-wallet .cr-wallet-item__balance {
    margin-right: calc(var(--gap) * 3);
}
.qx-wallet__error {
    color: var(--order-error-color);
    font-size: 1.2rem;
    margin-left: calc(var(--gap) * 4);
}
.qx-wallet__otp-code {
    margin-left: calc(var(--gap) * 5);
}
.qx-wallet__otp-code label {
    color: var(--text-muted);
    display: block;
}
.qx-wallet__otp-code .cr-input {
    border-bottom: 1px solid black;
    display: block;
    width: calc(var(--gap) * 20);
}
.qx-wallet__otp-code .cr-input input {
    color: var(--dark-color);
    font-size: 1.2rem;
    padding: var(--gap) 0;
    text-align: left;
    width: 100%;
}
.qx-wallet__enable-2fa-message {
    font-size: calc(var(--gap) * 3);
    text-align: center;
}
.qx-wallet__button-2fa.cr-button {
    background: var(--button-primary);
    color: var(--color-white) ;
    font-size: calc(var(--gap) * 2);
    padding: calc(var(--gap) * 2);
    width: auto;
}
.qx-wallet__button-2fa.cr-button:hover {
    background: var(--button-hover);
}
.qx-history-elem__wallet {
    padding: calc(var(--gap) * 3);
}
.qx-history-elem__wallet .qx-history-elem__label {
    color: var(--wallets-balance);
    font-size: calc(var(--gap) * 5);
    font-weight: 300;
}
.qx-history-elem__wallet__pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding: calc(var(--gap) * 2.5) 0 0;
}
.qx-history-elem__wallet__pagination button {
    cursor: pointer;
    margin-left: calc(var(--gap) * 4.5);
}
.qx-history-elem__wallet .cr-table-container .cr-table-header__content {
    display: none;
}
.qx-history-elem__wallet .cr-table-container .cr-table {
    background: var(--transparent);
    border-collapse: collapse;
}
.qx-history-elem__wallet .cr-table-container .cr-table__head {
    margin: 10px;
}
.qx-history-elem__wallet .cr-table-container .cr-table__head-row {
    border-bottom: 1px solid var(--wallets-table-divider);
}
.qx-history-elem__wallet .cr-table-container .cr-table__head-row th {
    background-color: var(--background-dark);
    color: var(--table-text-color);
    font-size: 12px !important;
    font-weight: 500;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    padding: calc(var(--gap) * 2.5) var(--gap) calc(var(--gap) * 2.5) var(--gap) !important;
    text-align: right;
    position: static;
    width: calc(var(--big-gap) * 2);
}
.qx-history-elem__wallet .cr-table-container .cr-table__head-row th:first-child {
    text-align: left;
    margin-left: 10px;
}
.qx-history-elem__wallet .cr-table-container .cr-table__head-row th:nth-child(7) {
    white-space: nowrap;
}
.qx-history-elem__wallet .cr-table-container .cr-table__body {
    background-color: var(--background-dark);
}
.qx-history-elem__wallet .cr-table-container .cr-table__body tr {
    background-color: var(--background-dark);
    border-bottom: 1px solid var(--wallets-table-divider);
}
.qx-history-elem__wallet .cr-table-container .cr-table__body tr td {
    background-color: var(--background-dark);
    color: var(--table-text-color);
    font-size: 13px !important;
    font-weight: 400;
    padding: calc(var(--gap) * 2.5) var(--gap) calc(var(--gap) * 2.5) var(--gap) !important;
    margin-top: calc(var(--gap) * 1.66) !important;
    margin-bottom: calc(var(--gap) * 1.66) !important;
    text-align: right;
}
.qx-history-elem__wallet .cr-table-container .cr-table__body tr td:first-child {
    text-align: left;
    border-bottom-left-radius: calc(var(--gap) * .5);
}
.qx-history-elem__wallet .cr-table-container .cr-table__body tr td:last-child {
    border-bottom-right-radius: calc(var(--gap) * .5);
}
.qx-history-elem__wallet .cr-table-container .cr-table__body tr td:last-child:first-letter {
    text-transform: uppercase;
}
.qx-history-elem__wallet .cr-table-container .cr-table__body tr td a {
    color: var(--table-text-color);
    text-decoration: none;
}
.qx-history-elem__wallet .cr-table-container .cr-table__body tr:last-child td {
    border-bottom: none;
}
.qx-dropdown-markets-list-container .cr-table-container {
    background: rgb(23, 28, 41);
    height: 100%;
    overflow-y: auto;
}
@media screen and (max-width: 640px) {
    .cr-wallet-item__single {
        margin: 0;
    }
    .cr-wallet-item__single .cr-wallet-item__icon-code {
        margin-left: 0;
    }

    .cr-wallet-item__single .cr-wallet-item__balance-locked,
    .cr-wallet-item__single .cr-wallet-item__balance-amount {
        font-size: calc(var(--gap) * 3);
    }
}
@media screen and (max-width: 576px) {
    .qx-wallet {
        width: 100% !important;
        margin-top: 0 !important;
    }
    .cr-wallet-item__single .cr-wallet-item__amount-locked {
        margin-right: calc(var(--gap) * 4);
    }
    .cr-wallet-item__single .cr-wallet-item__balance {
        margin-right: 0;
    }
}
@media screen and (max-width: 430px) {
    .qx-wallet .cr-wallet-item {
        font-size: calc(var(--gap) * 2);
    }
}
@media screen and (max-width: 380px) {
    .cr-wallet-item__single .cr-wallet-item__icon-code {
        font-size: calc(var(--gap) * 5);
    }
    .cr-wallet-item__single .cr-wallet-item__amount-locked,
    .cr-wallet-item__single .cr-wallet-item__balance,
    .cr-wallet-item__single .cr-wallet-item__balance-locked,
    .cr-wallet-item__single .cr-wallet-item__balance-amount {
        font-size: calc(var(--gap) * 2);
    }


}
.qx-trading-screen {
    background: var(--transparent);
}
.qx-trading-screen__tab-panel .cr-tab {
    color: var(--title-component-color) !important;
    padding: 9px 12px 9px !important;
}
.qx-trading-screen__tab-panel .cr-tab__active {
    color: var(--bright-1) !important;
}
.qx-trading-screen__tab-panel .cr-tab__pointer {
    bottom: 0 !important;
}
.qx-trading-screen__tab-panel .cr-tab-panel__navigation-container {
    cursor: move;
    background: var(--table-dark-header-color);
    -webkit-box-shadow: inset 0 -1px 0 var(--header-border);
    box-shadow: inset 0 -1px 0 var(--header-border);
    border-bottom: unset;
    margin-bottom: unset;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999;
}
.qx-trading-screen__tab-panel .cr-tab-panel__navigation-container-navigation {
    padding-bottom: unset;
}
.qx-trading-wrap {
    background: var(--transparent);
}
.qx-emailverification-container {
    width: 100%;
    height: calc(100vh - calc(var(--gap) * 9.84));
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    /* background: url(/static/media/background.a12e192e.svg);
    background-size: cover; */
}
.qx-emailverification-container .qx-emailverification {
    width: calc(var(--big-gap) * 7.07);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: var(--email-confirmation-screen-background);
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25);
    border-radius: calc(var(--big-gap) * 0.05);
}
.qx-emailverification-container .qx-emailverification-title {
    background-color: var(--email-confirmation-screen-title-background);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    color: var(--white);
    font-size: calc(var(--big-gap) * 0.23);
    width: 100%;
    height: var(--big-gap);
    border-bottom: 2px solid var(--text);
}
.qx-emailverification-container .qx-emailverification-body {
    background: var(--email-confirmation-screen-background);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: calc(var(--big-gap) * 3.6);
}
.qx-emailverification-container .qx-emailverification-body-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 calc(var(--big-gap) * 0.9);
    text-align: center;
    color: var(--email-confirmation-screen-text-color);
    font-size: calc(var(--big-gap) * 0.27);
}
.qx-emailverification-container .qx-emailverification-body-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.qx-emailverification-container .qx-emailverification-body-container-button {
    background: none;
    text-decoration: underline;
    color: var(--email-confirmation-screen-text-color);
    font-size: calc(var(--big-gap) * 0.23);
    border: none;
    outline: none;
    cursor: pointer;
}
.qx-forgot-password-screen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: calc(100vh - calc(var(--gap) * 9.84));
    background: url(assets/images/background.svg);
    background-size: cover;
    margin: 0 auto;
}
.qx-forgot-password-screen .qx-forgot-password-screen__container {
    background: var(--transparent);
    margin-top: calc(var(--gap) * 3.33);
    width: calc(var(--gap) * 70.66);
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form {
    background: var(--email-form-bg);
    min-height: calc(var(--big-gap) * 5);
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__option {
    background: var(--header);
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__options-group {
    width: 100%;
    height: calc(var(--big-gap) * 0.97);
    border-bottom: 2px solid var(--email-form-border);
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__label {
    background: var(--email-form-bg);
    position: absolute;
    top: 0px;
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__input input {
    color: var(--color-white);
    font-size: calc(var(--gap) * 2.33);
    border: 1px solid var(--input-block-border-color);
    border-radius: calc(var(--gap) * 0.66);
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__header {
    width: calc(var(--big-gap) * 6.3);
    height: calc(var(--gap) * 4.33);
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--gap) * 2.66);
    font-size: calc(var(--gap) * 2.33);
    color: var(--placeholder-text);
    margin: calc(var(--gap) * 0.83);
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__cros-icon {
    position: absolute;
    display: inline-block;
    right: calc(var(--gap) * 3.3);
    margin-top: calc(var(--gap) * 0.5);
    height: calc(var(--gap) * 2.5);
    width: calc(var(--gap) * 2.5);
    cursor: pointer;
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__group--focused .cr-sign-in-form__label {
    color: var(--sign-in-accent);
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__group--focused input {
    border-color: var(--button-primary) !important;
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button-wrapper {
    min-height: calc(var(--gap) * 10);
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button {
    color: var(--color-white);
    background: var(--button-primary);
    border-radius: calc(var(--gap) * 0.5);
    font-size: calc(var(--gap) * 2.66);
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    margin-left: 0;
    text-align: center;
    text-transform: uppercase;
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button--disabled {
    color: var(--button-dark-gray) !important;
    background: var(--button-disabled) !important;
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button:hover {
    background: var(--button-hover);
}
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button:active {
    background: var(--button-active);
}



.qx-sign-in-screen .cr-sign-in-form .cr-button,
.qx-sign-in-screen .cr-sign-in-form .cr-button:hover,

.qx-sign-up-screen .cr-sign-up-form .cr-button,
.qx-sign-up-screen .cr-sign-up-form .cr-button:hover,

.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button:hover
{
    background: linear-gradient(to right,#f44242,#ff7139) !important;
}

.qx-sign-in-screen .cr-sign-in-form .cr-button--disabled,
.qx-sign-up-screen .cr-sign-up-form .cr-button--disabled,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button--disabled,
.qx-sign-in-screen .cr-sign-in-form .cr-button--disabled:hover,
.qx-sign-up-screen .cr-sign-up-form .cr-button--disabled:hover,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button--disabled:hover,
.qx-sign-in-screen .cr-sign-in-form .cr-button:active,
.qx-sign-up-screen .cr-sign-up-form .cr-button:active,
.qx-forgot-password-screen .qx-forgot-password___form .cr-email-form__button:active
{
    background: linear-gradient(to right,#802424,#75361d) !important;
}



@media screen and (max-width: 768px) {
    .qx-forgot-password-screen .qx-forgot-password-screen__container {
        margin: calc(var(--gap) * 3.33) calc(var(--gap) * 1.66) 0;
        width: 100%;
    }
}
.qx-history-tab {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    background: var(--base-bright);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 !important;
    margin-top: calc(var(--gap) * 2) !important;
    border-radius: var(--gap);
    max-width: 920px !important;
}
.qx-history-tab .cr-pagination {
    text-align: center;
}
.qx-history-tab .qx-history-tab__tabs-content {
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}
.qx-history-tab .qx-history-tab__tabs-content .cr-tab-panel__navigation-container {
    background: var(--table-dark-header-color);
    border-bottom: 1px solid var(--header-border);
    border-top-left-radius: calc(var(--gap) * 0.66);
    border-top-right-radius: calc(var(--gap) * 0.66);
    margin-bottom: 0;
}
.qx-history-tab .qx-history-tab__tabs-content .cr-tab-panel__navigation-container-navigation .cr-tab {
    padding-left: calc(var(--gap) * 7);
    padding-right: calc(var(--gap) * 7);
}
.qx-history-tab .qx-history-elem-empty {
    min-height: 50vh;
}
.qx-history-tab .qx-history-elem {
    padding-top: var(--gap);
}
.qx-history-tab .qx-history-elem__empty {
    text-align: center;
    color: var(--table-text-color);
}
.qx-history-tab .qx-history-elem__pagination {
    padding: var(--gap) calc(var(--gap) * 2);
}
.qx-history-tab .qx-history-elem .cr-table-container {
    padding: 0 calc(var(--gap) * 2);
    overflow-x: auto;
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table-header__content {
    display: none;
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table {
    background: var(--transparent);
    border-collapse: collapse;
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__head {
    margin: 10px;
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__head-row {
    border-bottom: 1px solid var(--wallets-table-divider);
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__head-row th {
    background-color: var(--background-dark);
    color: var(--table-text-color);
    font-size: 12px !important;
    font-weight: 500;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    padding: calc(var(--gap) * 2.7) 0 calc(var(--gap) * 2.7) !important;
    text-align: right;
    position: static;
    width: calc(var(--big-gap) * 2);
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__head-row th:first-child {
    text-align: left;
    margin-left: 10px;
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__head-row th:nth-child(7) {
    white-space: nowrap;
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__body {
    background-color: var(--background-dark);
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__body tr {
    background-color: var(--background-dark);
    border-bottom: 1px solid var(--wallets-table-divider);
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__body tr td {
    background-color: var(--background-dark);
    color: var(--table-text-color);
    font-size: 13px !important;
    font-weight: 400;
    padding: calc(var(--gap) * 2.7) 0 calc(var(--gap) * 2.7) !important;
    margin-top: calc(var(--gap) * 1.66) !important;
    margin-bottom: calc(var(--gap) * 1.66) !important;
    text-align: right;
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__body tr td:first-child {
    text-align: left;
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__body tr td:last-child:first-letter {
    text-transform: uppercase;
}
.qx-history-tab .qx-history-elem .cr-table-container .cr-table__body tr td a {
    color: var(--table-text-color);
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    .qx-history-tab .qx-history-elem__hide {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .qx-history-tab .cr-table-container .cr-table {
        overflow: scroll;
    }
    .qx-history-tab .cr-tab-panel__navigation-container {
        overflow: hidden;
    }

    .qx-history-tab .cr-tab {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1%;
        right: 7%;
    }

    .qx-history-tab .cr-tab__pointer {
        width: 80% !important;
        left: 40% !important;
    }
}
@media screen and (max-width: 768px) {
    .qx-history-elem__hide {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .cr-table-container .cr-table {
        overflow: scroll;
    }
}
.qx-wrapper {
    background: url(assets/images/background.svg);
    background-size: cover;
    height: 100vh;
}
.qx-wrapper .qx-logo {
    padding-top: calc(var(--big-gap) * 2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
.qx-wrapper .qx-logo__img {
    height: calc(var(--big-gap) * 1.666);
}
.qx-confirm {
    margin-top: calc(var(--big-gap) * 1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.qx-confirm__loader {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
}
.qx-confirm-box {
    background-color: var(--base-bright);
    display: block;
    margin: 0 auto;
    max-width: calc(var(--big-gap) * 9.33);
    width: 100%;
    max-height: calc(var(--big-gap) * 10);
    position: relative;
    border-radius: 4px;
}
.qx-confirm-box-close {
    background: url(assets/images/close.svg);
    background-size: cover;
    position: absolute;
    width: 14px;
    height: 14px;
    right: 10px;
    top: 10px;
    margin: 15px 10px;
    cursor: pointer;
}
.qx-confirm__success,
.qx-confirm__error {
    font-size: 1.2rem;
    text-align: center;
}
.qx-confirm__error {
    color: var(--order-error-color);
}
.qx-confirm__success {
    color: var(--success-color);
}
.qx-confirm__title {
    color: var(--active-color);
    text-align: center;
}
.qx-confirm__title-text {
    position: absolute;
    text-align: center;
    display: block;
    line-height: calc(var(--gap) * 2.5);
    top: 36px;
    left: -24px;
    font-size: 14px;
    color: var(--kyc-title-color);
}
.qx-confirm__progress {
    margin: 0 auto;
    height: 100px;
    background: var(--kyc-header-color);
    border-bottom: 1px solid var(--kyc-header-border);
    border-radius: 4px 4px 0 0;
}
.qx-confirm__progress-circle-1,
.qx-confirm__progress-circle-2,
.qx-confirm__progress-circle-3 {
    background: var(--kyc-circle-color);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 25px;
    position: relative;
    width: 25px;
    margin-top: 20px;
}
.qx-confirm__progress-circle-1:after, .qx-confirm__progress-circle-2:after, .qx-confirm__progress-circle-3:after {
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-weight: bold;
    color: var(--color-white);
    margin-top: 2px;
}
.qx-confirm__progress-circle-1:after {
    content: "1";
}
.qx-confirm__progress-circle-2:after {
    content: "2";
}
.qx-confirm__progress-circle-3:after {
    content: "3";
}
.qx-confirm__progress-circle-3 {
    margin-right: 0;
}
.qx-confirm__progress-circle-1:after,
.qx-confirm__progress-circle-2:after,
.qx-confirm__progress-circle-3:after {
    top: -2px;
    position: relative;
}
.qx-confirm__progress-line-1,
.qx-confirm__progress-line-2 {
    display: inline-block;
    background-color: var(--kyc-progress-line);
    -ms-flex: 1 1;
    flex: 1 1;
    height: 1px;
    margin: 20px 10px 0 10px;
}
.qx-confirm__progress-items {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 360px;
    width: 100%;
    margin: auto;
}
.qx-confirm__progress-first .qx-confirm__progress-circle-1 {
    background: var(--kyc-active-color);
}
.qx-confirm__progress-first .qx-confirm__active-1 {
    color: var(--color-white);
    font-weight: bold;
}
.qx-confirm__progress-second .qx-confirm__progress-circle-2 {
    background: var(--kyc-active-color);
}
.qx-confirm__progress-second .qx-confirm__active-2 {
    color: var(--color-white);
    font-weight: bold;
}
.qx-confirm__progress-third .qx-confirm__progress-circle-3 {
    background: var(--kyc-active-color);
}
.qx-confirm__progress-third .qx-confirm__active-3 {
    color: var(--color-white);
    font-weight: bold;
}
.qx-confirm__content {
    width: 100%;
    margin: 0 auto;
}
.qx-confirm__content input, .qx-confirm__content button {
    outline: none;
}
.qx-confirm__content-deep {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 calc(var(--gap) * 4);
    padding-bottom: 30px;
}
.qx-confirm__content-deep input {
    font-weight: normal;
    background: var(--kyc-button);
    color: var(--color-white);
    font-size: calc(var(--gap) * 2.5);
    height: calc(var(--gap) * 4.8);
    width: 100%;
    margin: 0;
}
.qx-confirm__content-deep input:hover {
    background: var(--button-hover);
}
.qx-profile-page {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    color: var(--profile-grey);
}
.qx-profile-page h1, .qx-profile-page h2, .qx-profile-page h3, .qx-profile-page h4, .qx-profile-page h5, .qx-profile-page h6 {
    font-weight: 400;
}
.qx-profile-page h3 {
    margin: calc(var(--gap) * 1.37) 0;
}
.qx-profile-page .cr-button {
    margin-right: 0;
    color: var(--color-white);
}
.qx-profile-page .cr-button:hover {
    background: var(--button-hover);
}
.qx-profile-page__level-verification {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.qx-profile-page__level-verification__name {
    font-size: calc(var(--font-size) * 1.335);
    margin: 0;
}
.qx-profile-page__level-verification__url {
    font-size: calc(var(--font-size) * 1.335);
    color: var(--profile-url) !important;
}
.qx-profile-page__level-verification__pending {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: calc(var(--gap) * 2);
}
.qx-profile-page__level-verification__pending p {
    color: #E8AF59;
    margin-right: calc(var(--gap) * 2);
}
.qx-profile-page__qr {
    width: calc(var(--big-gap) * 1.66);
}
.qx-profile-page__details {
    -webkit-box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1);
    background-color: var(--profile-box);
    width: 100%;
    margin-top: calc(var(--gap) * 2);
    border-radius: calc(var(--gap) * 0.66);
}
.qx-profile-page__details-user p {
    word-break: break-all;
    font-size: calc(var(--font-size) * 2.33);
    line-height: calc(var(--big-gap) * 0.66);
    margin: 0;
}
.qx-profile-page__details-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.qx-profile-page-header {
    display: -ms-flexbox;
    display: flex;
    padding: 0 calc(var(--gap) * 3) 0 calc(var(--gap) * 4);
    background: var(--profile-activity-header);
    border-bottom: 1px solid var(--profile-activity-border);
    color: var(--profile-activity-header-font);
    border-radius: calc(var(--gap) * 0.66) calc(var(--gap) * 0.66) 0 0;
    margin-right: 0;
    margin-left: 0;
}
.qx-profile-page__switch {
    position: relative;
    display: inline-block;
    height: calc(var(--big-gap) * 0.66);
    outline: none;
    margin-top: calc(var(--gap)*4);
    margin-right: var(--gap);
}
.qx-profile-page__switch .cr-checkbox__label {
    padding: 0;
}
.qx-profile-page__switch input {
    position: absolute;
}
.qx-profile-page__switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: -15px;
    right: 15px;
    bottom: 0;
    background-color:  var(--profile-slider);
    opacity: 0.38;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: calc(var(--gap) * 5.66);
    height: calc(var(--gap) * 2);
    margin-top: calc(var(--big-gap) / 5);
}
.qx-profile-page__switch .slider:before {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
    position: absolute;
    content: "";
    right: calc(var(--gap) * 3.33);
    height: calc(var(--gap) * 3.33);
    width: calc(var(--gap) * 3.33);
    bottom: calc(var(--gap) * -0.66);
    background-color: var(--profile-slider-round);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}
.qx-profile-page__switch input:checked + .slider:before {
    -webkit-transform: translateX(calc(var(--gap) * 3.3));
    -ms-transform: translateX(calc(var(--gap) * 3.3));
    transform: translateX(calc(var(--gap) * 3.3));
}
.qx-profile-page__switch input:checked + .slider {
    opacity: 1;
}
.qx-profile-page__box {
    -webkit-box-shadow: var(--profile-box-shadow);
    box-shadow: var(--profile-box-shadow);
    padding: calc(var(--gap) * 4);
    width: 100%;
}
.qx-profile-page__box-header {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid var(--profile-box-header-line);
}
.qx-profile-page__box-header h1 {
    margin: 0;
}
.qx-profile-page__row {
    display: -ms-flexbox;
    display: flex;
    margin-top: calc(var(--gap) * 2);
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.qx-profile-page__row .qx-profile-page__btn-secondary-change {
    margin: calc(var(--big-gap) / 3) 0 0 calc(var(--big-gap) / 3);
}
.qx-profile-page__row label {
    -ms-flex-item-align: center;
    align-self: center;
}
.qx-profile-page__label {
    padding-top: calc(var(--gap) * 2);
    font-size: calc(var(--font-size) * 1.33);
    color: var(--profile-grey);
    padding-bottom: var(--gap);
}
.qx-profile-page__label-value {
    padding-top: calc(var(--gap) * 2);
    font-size: var(--font-size);
    color: var(--profile-bright);
}
.qx-profile-page__label-value__enabled {
    margin-top: calc(var(--gap) * 2);
    font-size: var(--font-size);
    color: var(--color-green);
}
.qx-profile-page__label-value__disabled {
    margin-top: calc(var(--gap) * 2);
    font-size: var(--font-size);
    color: var(--color-red);
}
.qx-profile-page__col {
    width: 45%;
    display: -ms-flexbox;
    display: flex;
    float: right;
    -ms-flex-align: center;
    align-items: center;
}
.qx-profile-page__left-col__basic {
    height: 25%;
}
.qx-profile-page__left-col__basic__info-row {
    color: var(--white);
    display: -ms-flexbox;
    display: flex;
    margin-bottom: calc(var(--gap) * 2);
}
.qx-profile-page__left-col__basic__info-row .cr-avatar {
    margin-right: calc(var(--gap) * 3);
}
.qx-profile-page__left-col__basic__info-row .cr-avatar__image {
    border: none;
    background-color: var(--profile-box-bg);
    color: var(--profile-accent-color);
}
.qx-profile-page__left-col__basic__info-row .qx-profile-page__text-muted {
    margin-top: 0;
}
.qx-profile-page__left-col__basic__info-row .qx-profile-page__row {
    margin-top: 0;
}
.qx-profile-page__left-col__basic__info-row__block {
    display: block;
}
.qx-profile-page__left-col__basic__info-row__block .row {
    margin-top: 0;
}
.qx-profile-page__left-col__basic__info-row .qx-profile-page__row h3 {
    font-size: calc(var(--font-size) * 1.5);
    margin-bottom: calc(var(--gap) / 2);
    margin-top: var(--gap);
    display: -ms-flexbox;
    display: flex;
}
.qx-profile-page__left-col__basic__info-row .qx-profile-page__row p.text-muted {
    margin-top: 0;
    padding-right: calc(var(--gap) * 5);
}
.qx-profile-page__left-col__verification .qx-profile-page__box-header {
    color: var(--white);
}
.qx-profile-page__left-col__verification .qx-profile-page__box-header .qx-profile-page__row > .qx-profile-page__col:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 70%;
}
.qx-profile-page__left-col__verification .qx-profile-page__box-header .qx-profile-page__row > .qx-profile-page__col:last-child p, .qx-profile-page__left-col__verification .qx-profile-page__box-header .qx-profile-page__row > .qx-profile-page__col:last-child h3 {
    -ms-flex-item-align: center;
    align-self: center;
}
.qx-profile-page__right-col {
    width: 48%;
}
.qx-profile-page__right-col__token {
    min-height: 40%;
}
.qx-profile-page__right-col__token .qx-profile-page__row:first-child .qx-profile-page__col > h1 {
    margin: 0;
}
.qx-profile-page__right-col__token .qx-profile-page__row:last-child {
    border-top: 1px solid var(--profile-box-header-line);
    padding-top: calc(var(--gap) * 3);
}
.qx-profile-page__right-col__referral-program {
    min-height: 20%;
}
.qx-profile-page__right-col__referral-program .cr-copyable-text-field {
    background: var(--secondary-color);
    border: none;
    width: 70%;
}
.qx-profile-page__right-col__referral-program .cr-copyable-text-field__button {
    background: var(--transparent);
}
.qx-profile-page__right-col__referral-program .cr-copyable-text-field input {
    color: var(--profile-accent-color);
}
.qx-profile-page__right-col__referral-program .qx-profile-page__row {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.qx-profile-page .cr-copyable-text-field__input {
    background: var(--transparent);
}
.qx-profile-page__activity {
    width: 100%;
    -webkit-box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1);
    margin-top: calc(var(--gap) * 2);
    background: var(--profile-box);
    border-radius: calc(var(--gap) * 0.66);
}
.qx-profile-page__activity .cr-table thead tr {
    border: unset !important;
}
.qx-profile-page__activity .cr-table thead th {
    width: calc(var(--big-gap) * 1.4);
}
.qx-profile-page__activity .cr-table thead th:nth-child(1) {
    width: calc(var(--big-gap) * 3.2);
}
.qx-profile-page__activity .cr-table thead th:nth-child(2) {
    width: calc(var(--big-gap) * 0.1);
}
.qx-profile-page__activity .cr-table thead th:nth-child(3) {
    width: calc(var(--big-gap) * 1.9);
}
.qx-profile-page__activity .cr-table thead th:nth-child(4) {
    width: calc(var(--big-gap) * 2.8);
}
.qx-profile-page__activity .cr-table tr, .qx-profile-page__activity .cr-table td {
    background: var(--profile-box);
    border-top: 1px solid var(--text);
}
.qx-profile-page__activity .cr-table th, .qx-profile-page__activity .cr-table td {
    text-align: right;
    padding: calc(var(--gap) * 3) 0 calc(var(--gap) * 3) 0 !important;
}
.qx-profile-page__activity .cr-table th:first-child, .qx-profile-page__activity .cr-table td:first-child {
    padding-left: 24px !important;
}
.qx-profile-page__activity .cr-table th:last-child, .qx-profile-page__activity .cr-table td:last-child {
    padding-right: 18px !important;
}
.qx-profile-page__activity .cr-table th {
    background: inherit;
    top: 0 !important;
    color: var(--table-header-color);
    font-weight: 500;
}
.qx-profile-page__api-keys {
    width: 100%;
    -webkit-box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1);
    margin-top: calc(var(--gap) * 2);
    background: var(--profile-box);
    border-radius: calc(var(--gap) * 0.66);
}
.qx-profile-page__api-keys .cr-table th {
    font-weight: 500;
    top: 0;
}
.qx-profile-page__api-keys .cr-table th, .qx-profile-page__api-keys .cr-table td {
    text-align: right;
    padding: calc(var(--gap) * 3) 0 calc(var(--gap) * 3) 0 !important;
}
.qx-profile-page__api-keys .cr-table th:nth-child(4n-1), .qx-profile-page__api-keys .cr-table td:nth-child(4n-1) {
    text-align: right;
}
.qx-profile-page__api-keys .cr-table th:first-child, .qx-profile-page__api-keys .cr-table td:first-child {
    padding-left: 24px !important;
}
.qx-profile-page__api-keys .cr-table th:last-child, .qx-profile-page__api-keys .cr-table td:last-child {
    padding-right: 18px !important;
}
.qx-profile-page__api-keys .cr-table th:nth-child(4), .qx-profile-page__api-keys .cr-table td:nth-child(4) {
    z-index: 11;
}
.qx-profile-page__api-keys .cr-table th .slider,.qx-profile-page__api-keys .cr-table td .slider{
    left: 12px;
    right: -12px;
}
.qx-profile-page__api-keys .cr-table__body tr {
    border-top: 1px solid var(--text);
}
.qx-profile-page__api-keys__form {
    padding: 1em;
}
.qx-profile-page__api-keys__header {
    width: 100%;
}
.qx-profile-page__api-keys__header h3 {
    float: left;
}
.qx-profile-page__api-keys__header span {
    margin: calc(var(--gap) * 1.37) 0;
    font-size: 1.17em;
    cursor: pointer;
}
.qx-profile-page__api-keys__modal-header {
    text-transform: uppercase;
    text-align: center;
}
.qx-profile-page__api-keys .cr-modal__container-footer {
    display: none;
}
.qx-profile-page__api-keys__state {
    text-transform: capitalize;
}
.qx-profile-page__api-keys__state__active {
    color: var(--color-green);
}
.qx-profile-page__api-keys__state__disabled {
    color: var(--color-red)
}
.qx-profile-page__api-keys__state-checkbox {
    position: absolute;
    text-align: left;
    top: -14px;
    height: 0;
}
.qx-profile-page__api-keys .secret-section {
    color: var(--gamboge);
    margin: calc(var(--gap) * 3);
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    line-height: calc(var(--gap) * 3);
    font-size: calc(var(--gap) * 2.33);
}
.qx-profile-page__api-keys .secret-section .secret-sign {
    float: left;
    font-size: calc(var(--gap) * 5);
    padding: calc(var(--gap) * 0.5) calc(var(--gap) * 1) 0 0;
}
.qx-profile-page__api-keys .secret-section .secret-warning {
    display: inline;
}
.qx-profile-page__api-keys .secret-section .secret-warning span {
    font-weight: bolder;
}
.qx-profile-page__api-keys .note-section {
    font-size: calc(var(--gap) * 2);
    margin: calc(var(--gap) * 3);
    padding: calc(var(--gap) * 2);
}
.qx-profile-page__api-keys .note-section span {
    font-weight: bolder;
}
.qx-profile-page__api-keys .button-confirmation {
    margin: calc(var(--gap) * 3);
    bottom: calc(var(--gap) * 4.33);
    padding-left: calc(var(--gap) * 0.66);
}
.qx-profile-page__api-keys .button-confirmation input {
    margin: auto;
}
.qx-profile-page__api-keys .cr-button {
    margin-right: 0;
    color: var(--color-white);
    width: calc(var(--gap) * 20);
    height: calc(var(--gap) * 4);
    display: inline-block;
    font-weight: normal;
}
.qx-profile-page__api-keys .cr-button:hover {
    background: var(--button-hover);
}
.qx-profile-page__api-keys .cr-button span {
    text-transform: uppercase;
    line-height: 2;
}
.qx-profile-page__api-keys .modal-button {
    width: 100%;
}
.qx-profile-page__api-keys .cr-input {
    border-bottom: none;
}
.qx-profile-page__api-keys .cr-success-create {
    min-height: calc(var(--big-gap) * 6.46);
}
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section {
    margin: auto;
    overflow: hidden;
    max-width: calc(var(--big-gap) * 6.33);
    padding: calc(var(--gap) * 4) 0 calc(var(--gap) * 2) 0;
    position: relative;
}
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset {
    border: 1px solid var(--input-block-border-color);
    padding: 0 8px 0 9px;
    border-radius: var(--gap);
}
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset legend {
    color: var(--text-muted);
}
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset:focus-within {
    border: 1px solid var(--button-primary) !important;
}
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset:focus-within legend {
    color: var(--accent) !important;
}
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset .cr-copyable-text-field {
    padding: 0 0 9px 2px;
    border: none;
}
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset .cr-copyable-text-field__input {
    border: none;
}
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset .cr-copyable-text-field__input input {
    color: var(--color-white);
}
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset .cr-copyable-text-field__input .cr-copyable-text-field__button {
    background: var(--button-normal);
    color: var(--white);
}
.qx-profile-page__api-keys .cr-success-create .qx-copyable-text__section fieldset .cr-copyable-text-field__input .cr-copyable-text-field__button:hover {
    background: var(--button-hover);
}
.qx-profile-page__close {
    position: relative;
    display: inline-block;
    margin-left: calc(var(--gap) / 1.33);
    height: calc(var(--gap) * 2.5);
    width: calc(var(--gap) * 2.5);
    overflow: hidden;
    cursor: pointer;
}
.qx-profile-page__close::before,
.qx-profile-page__close::after {
    background: var(--text-table-grey);
    content: '';
    position: absolute;
    top: 55%;
    left: 0;
    height: 2px;
    width: 100%;
}
.qx-profile-page__close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.qx-profile-page__close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.qx-profile-page__pull-right {
    float: right;
}
.qx-profile-page__text-center {
    text-align: center;
    padding: 10px;
}
.qx-profile-page__text-center .cr-button {
    padding: 0;
}
.qx-profile-page__text-success {
    color: var(--color-white);
    width: 100%;
    position: relative;
}
.qx-profile-page__text-success::after {
    display: inline;
    color: var(--white-color);
    content: ' ✓';
    font-size: calc(var(--font-size) * 2.5);
    position: absolute;
    right: 10px;
    top: calc(var(--gap) * 0.83);
}
.qx-profile-page .cr-modal__container {
    min-width: 20% !important;
    width: calc(var(--gap) * 69.3);
}
.qx-profile-page .cr-modal__container-header {
    background-color: var(--email-confirmation-screen-title-background);
    margin-bottom: 0;
}
.qx-profile-page .cr-modal__container-content {
    padding: 0 calc(var(--gap) * 2.23) !important;
}
.qx-profile-page .cr-modal__container-content fieldset {
    color: var(--kyc-grey);
    border-radius: calc(var(--gap) * 0.66);
    border: 1px solid var(--kyc-grey);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(var(--gap) * 8.16);
    margin-top: calc(var(--gap) * 3.6);
    width: 100%;
}
.qx-profile-page .cr-modal__container-footer {
    padding: calc(var(--gap) * 3) calc(var(--gap) * 2.23);
}
.qx-profile-page .cr-modal__container-footer .cr-button {
    margin-left: calc(var(--gap) * 0.3);
    padding: calc(var(--gap) * 2) var(--gap);
}
.qx-profile-page__level {
    margin-left: calc(var(--gap) * 2) !important;
}
.qx-profile-page__vertical-line {
    min-height: calc(var(--gap) * 3.2);
    height: calc(var(--gap) * 6.4);
    background: var(--profile-box-header-line);
    width: calc(var(--gap) * 0.5);
}
.qx-profile-page__verification {
    width: 100% !important;
    margin-top: calc(var(--gap) * 5);
    height: calc(var(--gap) * 5);
}
.qx-profile-page__btn-secondary {
    color: var(--color-white);
    max-width: calc(var(--gap) * 25);
}
.qx-profile-page__btn-secondary:visited {
    color: var(--text-muted);
}
.qx-profile-page__btn-secondary__active:visited {
    color: var(--color-white);
}
.qx-profile-page__btn-secondary:active {
    color: var(--color-white);
}
.qx-profile-page__btn-secondary:hover {
    color: var(--color-white);
    background: var(--profile-btn);
}
.qx-profile-page__btn-secondary:focus {
    outline: none;
}
.qx-profile-page__btn-secondary-change {
    height: calc(var(--gap) * 5);
    width: calc(var(--gap) * 20) !important;
    font-weight: bolder;
    font-size: var(--font-size);
}
.qx-profile-page__verification-header {
    font-size: calc(var(--font-size) * 1.67);
}
.qx-profile-page-tiers {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.qx-profile-page-tiers__detail {
    max-width: 35%;
}
.qx-profile-page-tiers__detail-title,
.qx-profile-page-tiers__detail-data {
    display: block;
}
.qx-profile-page-tiers__detail-data {
    color: var(--profile-accent-color);
    font-size: 2rem;
    font-weight: normal;
}
.qx-profile-page-tiers__detail-title {
    line-height: 1.1rem;
    margin-top: calc(var(--gap) * 2);
}
.qx-profile-page__currency {
    color: var(--profile-accent-color);
    display: block;
    font-size: 1.5rem !important;
    font-weight: lighter !important;
    margin-top: var(--gap);
}
.qx-profile-page__error {
    color: var(--order-error-color);
    font-size: 1.2rem;
    margin: calc(var(--gap) * 5) 0;
}
@media (max-width: 780px) {
    .qx-profile-page {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.cr-modal .cr-email-form {
    background: var(--email-form-bg);
    min-height: calc(var(--big-gap) * 5);
    width: calc(var(--big-gap) * 7.06);
}
.cr-modal .cr-email-form__option {
    background: var(--header);
}
.cr-modal .cr-email-form__options-group {
    width: 100%;
    height: calc(var(--big-gap) * 0.97);
    border-bottom: 2px solid var(--email-form-border);
}
.cr-modal .cr-email-form__label {
    background: var(--email-form-bg);
    position: absolute;
    top: 0px;
}
.cr-modal .cr-email-form__input input {
    color: var(--color-white);
    font-size: calc(var(--gap) * 2.33);
    border: 1px solid var(--input-block-border-color);
    border-radius: calc(var(--gap) * 0.66);
}
.cr-modal .cr-email-form__input input[type=number]::-webkit-inner-spin-button,
.cr-modal .cr-email-form__input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cr-modal .cr-email-form__header {
    width: calc(var(--big-gap) * 6.3);
    height: calc(var(--gap) * 4.33);
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    line-height: calc(var(--gap) * 2.66);
    font-size: calc(var(--gap) * 2.33);
    color: var(--placeholder-text);
    margin: calc(var(--gap) * 0.83);
}
.cr-modal .cr-email-form__group--focused .cr-sign-in-form__label {
    color: var(--sign-in-accent);
}
.cr-modal .cr-email-form__group--focused input {
    border-color: var(--button-primary) !important;
}
.cr-modal .cr-email-form__button-wrapper {
    min-height: calc(var(--gap) * 10);
}
.cr-modal .cr-email-form__button {
    color: var(--color-white);
    background: var(--button-primary);
    border-radius: calc(var(--gap) * 0.5);
    font-size: calc(var(--gap) * 2.66);
    width: calc(var(--big-gap) * 6.3);
    height: calc(var(--gap) * 5);
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}
.cr-modal .cr-email-form__button--disabled {
    color: var(--button-dark-gray) !important;
    background: var(--button-disabled) !important;
}
.cr-modal .cr-email-form__button:hover {
    background: var(--button-hover);
}
.cr-modal .cr-email-form__button:active {
    background: var(--button-active);
}
.cr-modal .cr-email-form .qx-profile-page__close {
    position: absolute;
    display: inline-block;
    right: calc(var(--gap) * 3.33);
    margin-top: calc(var(--gap) * 2.6);
    height: calc(var(--gap) * 2.5);
    width: calc(var(--gap) * 2.5);
    overflow: hidden;
    cursor: pointer;
}
@media (max-width: 767px) {
    .qx-profile-page-header-first {
        display: none;
    }

    tr {
        font-size: 0.8em;
        padding-left: 5px;
        padding-right: 5px;
    }
    .qx-profile-page__api-keys .cr-table tr, .qx-profile-page__api-keys .cr-table td, .qx-profile-page__api-keys .cr-table th {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .qx-profile-page__api-keys__state-checkbox {
        display: none;
    }
}
@media (max-width: 460px) {
    .qx-profile-page-header-first {
        display: none;
    }

    tr {
        font-size: 0.6em;
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (max-width: 360px) {
    .qx-profile-page__text-success::after {
        display: none;
    }

    tr, td {
        font-size: 0.5em;
    }
}
.qx-profile-two-factor-auth {
    display: block;
    margin: 0 auto;
    width: 535px;
}
.qx-profile-two-factor-auth__header {
    border-bottom: 2px solid var(--email-form-border);
    background: var(--header);
    height: calc(var(--gap) * 9.66);
    text-transform: uppercase;
    line-height: calc(var(--gap) * 9.66);
    font-style: normal;
    font-size: calc(var(--gap) * 2.33);
    color: var(--white);
}
.qx-profile-two-factor-auth__header img {
    cursor: pointer;
}
.qx-profile-two-factor-auth__copyablefield {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding-left: calc(var(--gap) * 11.5);
}
.qx-profile-two-factor-auth__copyablefield fieldset {
    background: inherit;
    border-radius: calc(var(--gap) * 0.66);
    border: 1px solid var(--base-2);
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    overflow: hidden;
}
.qx-profile-two-factor-auth__copyablefield fieldset .cr-copyable-text-field {
    padding: calc(var(--gap) * 0.83) calc(var(--gap) * 0.83) calc(var(--gap) * 0.83) var(--gap);
}
.qx-profile-two-factor-auth__copyablefield fieldset:focus-within {
    overflow: hidden;
    border: 1px solid var(--color-blue) !important;
    border-radius: calc(var(--gap) * 0.66);
}
.qx-profile-two-factor-auth__copyablefield fieldset:focus-within legend {
    color: var(--color-blue) !important;
}
.qx-profile-two-factor-auth__copyablefield fieldset .cr-deposit-crypto__copyable-title {
    position: absolute;
    margin-top: calc(var(--gap) * -1.3);
    background: var(--base-bright);
}
.qx-profile-two-factor-auth__copyablefield fieldset .qx-copyable-text-field__input {
    padding: calc(var(--gap) * 0.83) calc(var(--gap) * 0.83) calc(var(--gap) * 0.83) var(--gap);
    border: none;
}
.qx-profile-two-factor-auth__copyablefield fieldset .qx-copyable-text-field__input input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--placeholder-text);
    background: var(--transparent);
}
.qx-profile-two-factor-auth__copyablefield fieldset .qx-copyable-text-field__input .cr-copyable-text-field__button {
    background: var(--button-normal);
    color: var(--white);
}
.qx-profile-two-factor-auth__copyablefield fieldset .qx-copyable-text-field__input .cr-copyable-text-field__button:hover {
    background: var(--button-hover);
}
.qx-profile-two-factor-auth__body fieldset {
    color: var(--kyc-grey);
    border-radius: calc(var(--gap) * 0.6);
    border: 1px solid var(--kyc-grey);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: var(--gap);
    height: calc(var(--gap) * 6.56);
    width: 100%;
    max-width: 100%;
    margin: calc(var(--gap) * 2) 0;
}
.qx-profile-two-factor-auth__body fieldset:focus-within {
    color: var(--accent);
    border-color: var(--accent);
}
.qx-profile-two-factor-auth__body fieldset legend {
    background-color: var(--base-bright);
    position:absolute;
    top: calc(var(--gap) * -1.3);
}
.qx-profile-two-factor-auth__body fieldset input {
    color: var(--color-white);
    background: var(--transparent);
    border: unset;
    bottom: 0;
    font-size: calc(var(--gap) * 2);
    margin-top: calc(var(--gap) * 1.16);
}
.qx-profile-two-factor-auth__body fieldset input::-webkit-input-placeholder {
    color: var(--text-muted);
}
.qx-profile-two-factor-auth__body fieldset input:-ms-input-placeholder {
    color: var(--text-muted);
}
.qx-profile-two-factor-auth__body fieldset input::-ms-input-placeholder {
    color: var(--text-muted);
}
.qx-profile-two-factor-auth__body fieldset input::placeholder {
    color: var(--text-muted);
}
.qx-profile-two-factor-auth__body--input {
    position: relative;
    width: 100%;
}
.qx-profile-two-factor-auth__body--text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.qx-profile-two-factor-auth__body--text--last {
    -ms-flex-pack: center;
    justify-content: center;
}
.qx-profile-two-factor-auth__body--text--last span {
    font-size: calc(var(--font-size) * 3);
}
.qx-profile-two-factor-auth__body--text span {
    font-size: calc(var(--font-size) * 3);
}
.qx-profile-two-factor-auth__body--text--group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: calc(var(--gap) * 2) 0;
}
.qx-profile-two-factor-auth__body--text--group a {
    color: var(--accent);
}
.qx-profile-two-factor-auth__body--text--group div {
    padding: 0 calc(var(--gap) * 1.5) 0 calc(var(--gap) * 4.16);
}
.qx-profile-two-factor-auth__body .qx-profile-two-factor-auth__qr {
    height: calc(var(--big-gap) * 2.66);
}
.qx-profile-two-factor-auth__body .cr-input {
    width: 100%;
}
.qx-profile-two-factor-auth__body .cr-input input {
    font-size: var(--font-size);
    color: var(--base-3);
    text-align: left;
    width: 100%;
}
.qx-profile-two-factor-auth__form {
    background: var(--base-bright);
}
.qx-profile-two-factor-auth__form .cr-copyable-text-field {
    border: none;
}
.qx-profile-two-factor-auth__form .cr-copyable-text-field .cr-button {
    color: var(--white);
    width: 55%;
}
.qx-profile-two-factor-auth__form .cr-copyable-text-field input {
    margin: 0;
}
.qx-profile-two-factor-auth__error {
    color: var(--order-error-color);
}
.qx-profile-two-factor-auth__info {
    color: var(--dark-color);
}
.qx-profile-two-factor-auth .cr-button {
    background: var(--button-primary);
    color: var(--color-white);
    font-size: calc(var(--gap) * 2.66);
}
.qx-profile-two-factor-auth .cr-copyable-text-field {
    border-color: var(--sign-in-input-border-color);
}
.qx-profile-two-factor-auth .cr-copyable-text-field input {
    font-size: var(--font-size);
    color: var(--dark-color);
}
@media (min-width: 992px) {
    .qx-profile-two-factor-auth__qr {
        height: calc(var(--big-gap) * 2) !important;
        padding-left: 0 !important;
    }
}
@media (max-width: 991px) {
    .qx-profile-two-factor-auth {
        width: 100%;
    }

    .qx-profile-two-factor-auth__qr {
        height: calc(var(--big-gap) * 1.8) !important;
    }
}
@media (max-width: 767px) {
    .qx-profile-two-factor-auth {
        width: 100%;
    }

    .qx-profile-two-factor-auth__qr {
        height: calc(var(--big-gap) * 5) !important;
        display: block;
        margin: 0 auto;
    }
}
@media (max-width: 576px) {
    .qx-profile-two-factor-auth__qr {
        height: calc(var(--big-gap) * 4) !important;
        display: block;
        margin: 0 auto;
    }
}
.qx-orders-tab {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    background: var(--base-bright);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 !important;
    margin-top: calc(var(--gap) * 2) !important;
    border-radius: var(--gap);
    max-width: 920px !important;
}
.qx-orders-tab .cr-pagination {
    text-align: center;
}
.qx-orders-tab .qx-orders-tab__tabs-content {
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}
.qx-orders-tab .qx-orders-tab__tabs-content .cr-tab-panel__navigation-container {
    position: relative;
    background: var(--table-dark-header-color);
    border-bottom: 1px solid var(--header-border);
    border-top-left-radius: calc(var(--gap) * 0.66);
    border-top-right-radius: calc(var(--gap) * 0.66);
    margin-bottom: 0;
}
.qx-orders-tab .qx-orders-tab__tabs-content .cr-tab-panel__navigation-container-navigation .cr-tab {
    padding-left: calc(var(--gap) * 7);
    padding-right: calc(var(--gap) * 7);
}
.qx-orders-tab .qx-history-elem-empty {
    min-height: 50vh;
}
.qx-orders-tab .qx-history-elem__empty {
    text-align: center;
    color: var(--table-text-color);
}
.qx-orders-tab .qx-history-elem__pagination {
    padding: var(--gap) calc(var(--gap) * 2);
;
}
.qx-orders-tab .qx-history-elem .cr-table-container {
    padding: 0 calc(var(--gap) * 2);
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table-header__content {
    display: none;
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table {
    background: var(--transparent);
    border-collapse: collapse;
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__head {
    margin: 10px;
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__head-row {
    border-bottom: 1px solid var(--wallets-table-divider);
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__head-row th {
    background-color: var(--background-dark);
    color: var(--table-text-color);
    font-size: 12px !important;
    font-weight: 500;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    padding: calc(var(--gap) * 2.7) 0 calc(var(--gap) * 2.7) !important;
    text-align: right;
    position: static;
    width: calc(var(--big-gap) * 2);
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__head-row th:first-child {
    text-align: left;
    margin-left: 10px;
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__head-row th:nth-child(7) {
    white-space: nowrap;
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__body {
    background-color: var(--background-dark);
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__body tr {
    background-color: var(--background-dark);
    border-bottom: 1px solid var(--wallets-table-divider);
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__body tr td {
    background-color: var(--background-dark);
    color: var(--table-text-color);
    font-size: 13px !important;
    font-weight: 400;
    padding: calc(var(--gap) * 2.7) 0 calc(var(--gap) * 2.7) !important;
    margin-top: calc(var(--gap) * 1.66) !important;
    margin-bottom: calc(var(--gap) * 1.66) !important;
    text-align: right;
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__body tr td:first-child {
    text-align: left;
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__body tr td:last-child:first-letter {
    text-transform: uppercase;
}
.qx-orders-tab .qx-history-elem .cr-table-container .cr-table__body tr td a {
    color: var(--table-text-color);
    text-decoration: none;
}
.qx-orders-tab .qx-history-elem-executed {
    color: var(--orders-execute-color);
}
.qx-orders-tab .qx-history-elem-canceled {
    color: var(--color-red);
}
.qx-orders-tab .qx-history-elem-opened {
    color: var(--color-green);
}
.qx-orders-tab .cr-tab-panel__optinal-head {
    position: absolute;
    right: calc(var(--big-gap) * 0.4);
    margin-top: 1%;
    cursor: pointer;
    text-align: right;
    color: var(--base-new);
    font-size: 12px !important;
    font-weight: 500;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.qx-orders-tab .cr-tab-panel__optinal-head:hover {
    color: var(--color-white);
}
@media screen and (max-width: 768px) {
    .qx-orders-tab .cr-tab-panel__optinal-head {
        right: 1%;
        top: 20%;
    }
    .qx-orders-tab .cr-table-container .cr-table {
        overflow: scroll;
    }
}
.qx-orders-tab__close {
    position: relative;
    display: inline-block;
    margin-left: calc(var(--gap) / 1.2);
    height: 15px;
    width: 15px;
}
.qx-orders-tab__close::before,
.qx-orders-tab__close::after {
    background: var(--text-table-grey);
    content: '';
    position: absolute;
    top: 65%;
    left: 0;
    height: 2px;
    width: 100%;
}
.qx-orders-tab__close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.qx-orders-tab__close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@font-face {
    font-family: Roboto;
    src: url(./assets/fonts/Roboto-Regular.ttf) format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: Roboto;
    src: url(./assets/fonts/Roboto-Medium.ttf) format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: Roboto;
    src: url(./assets/fonts/Roboto-Thin.ttf) format('truetype');
    font-weight: 300;
}
:root {

    /* STYLE GUIDE */

    --main-bg: rgba(22, 25, 32, 0.7);
    --main-bg-notrans: rgb(22, 25, 32);
    --back-bg: rgb(0, 3, 12);
    --second-bg: rgba(21, 25, 32, 0.7);
    --text: #d0f4c8;
    --placeholder-text: rgb(33, 196, 133);
    --header: rgba(22, 25, 32, 0.7);
    --header-text: rgba(240, 224, 34, 0.78);
    --button-normal: rgba(240, 193, 171, 0.884);
    --button-normal-gradient: rgba(243, 209, 193, 0.712);
    --white:#f4efed;
    --accent: rgb(2, 10, 26);
    --green: rgba(10, 245, 22, 0.932);
    --red: rgba(241, 17, 9, 0.836);
    --selected-item: rgb(14, 23, 44);
    --gamboge: #E0A300;

    /* DARK.PCSS */

    /* typography */
    --font-family: Roboto, Helvetica, sans-serif;
    --font-weight: normal;
    --font-size: 12px !important;
    --font-size-smaller: calc(var(--font-size) * 0.9);
    --font-size-bigger: calc(var(--font-size) * 1.1);
    --line-height: 1.2;

    /* colors */
    --base: var(--text);
    --base-1: #FA00FF;
    --base-2: var(--text);
    --base-3: var(--placeholder-text);
    --base-4: #FA00FF;
    --base-5: #FA00FF;
    --base-6: #FA00FF;
    --base-7: #FA00FF;
    --base-8: #FA00FF;
    --base-bright: rgba(14, 8, 6, 0);
    --background: var(--back-bg);
    --color-red: var(--red);
    --avatar-border-alt-color: #FA00FF;
    --avatar-background-alt-color: #FA00FF;
    --avatar-alt-font-color: #FA00FF;
    --background-dark: var(--main-bg);
    --background-wallet-item: var(--header);
    --background-wallet-item-active: #FA00FF;
    --background-dropdown: var(--button-normal);
    --background-dropdown-hover: var(--header-text);
    --background-dropdown-hover-text: var(--color-white);
    --button-primary: var(--button-normal);
    --button-primary-gradient: var(--button-normal);
    --button-hover: linear-gradient(0deg, rgba(71, 70, 131, 0.877)rgba(233, 72, 8, 0.753)), var(--button-normal);
    --button-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--button-normal);
    --button-disabled: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--button-normal);
    --button-dark-gray: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), var(--color-white);
    --outline-wallet-item-active: #FA00FF;
    --text-light-grey: #FA00FF;
    --text-table-grey: var(--placeholder-text);
    --input-block-bg: #FA00FF;
    --input-block-border-color: var(--placeholder-text);
    --input-block-color: #FA00FF;
    --input-block-input-border-color: #FA00FF;
    --input-block-input-color: #FA00FF;
    --order-input-border-color: var(--placeholder-text);
    --order-input-crypto-icon-bg: #FA00FF;
    --order-input-crypto-icon-color: #FA00FF;
    --order-input-input-bg: var(--transparent);
    --order-input-input-color: var(--color-white);
    --summary-field-border-color: #FA00FF;
    --withdraw-divider-border-color: #FA00FF;
    --withdraw-summary-field-message-color: #FA00FF;
    --withdraw-summary-field-amount-color: #FA00FF;
    --withdraw-button-bg: #FA00FF;
    --table-background: var(--main-bg);
    --table-border-bottom: #FA00FF;
    --table-header-color: var(--placeholder-text);
    --table-dark-header-color: var(--header);
    --title-component-color: var(--header-text);
    --table-even-row-background: var(--main-bg);
    --checkbox-background: #FA00FF;
    --checkbox-checked-background: #FA00FF;
    --checkbox-hover-background: #FA00FF;
    --checkbox-border-color: var(--placeholder-text);
    --checkbox-symbol-color: #FA00FF;
    --transparent: transparent;
    --sign-in-background-color: var(--main-bg);
    --sign-in-label-color: #FA00FF;
    --sign-in-input-color: #FA00FF;
    --sign-in-input-border-color: var(--placeholder-text);
    --sign-up-checkbox-color: #FA00FF;
    --sign-up-checkbox-mark-color: #FA00FF;
    --history-action-buy: #FA00FF;
    --history-action-sell: #FA00FF;
    --open-orders-action-buy: var(--green);
    --open-orders-action-sell: var(--red);
    --open-orders-order-buy: var(--green);
    --open-orders-order-sell: var(--red);
    --open-orders-background: var(--button-normal);
    --open-orders-head: #FA00FF;
    --order-dropdown-background-color: var(--transparent);
    --order-crypto-icon-background-color: var(--transparent);
    --order-crypto-font-color: var(--placeholder-text);
    --order-input-color: var(--color-white);
    --markets-filter-color: var(--text);
    --markets-filter-active-color: var(--color-white);
    --markets-title-color: var(--header-text);
    --markets-search-border-color: var(--placeholder-text);
    --markets-selected-color: var(--text);
    --market-info-dropdown-bg-color: #FA00FF;
    --market-info-dropdown-color: #FA00FF;
    --grid-item-bg: #FA00FF;
    --grid-placeholder-bg: #FA00FF;
    --grid-placeholder-border-color: #FA00FF;
    --grid-resizable-border-color: var(--placeholder-text);
    --alert-icon-size: calc(var(--gap) * 3.6);
    --wallet-trades-item-bg-color: #FA00FF;
    --wallet-trades-item-color: #FA00FF;

    /* orders */
    --orders-button-percentage-normal: linear-gradient(0deg, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)), var(--selected-item);
    --orders-button-percentage-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), var(--orders-button-percentage-normal);
    --orders-button-percentage-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--orders-button-percentage-normal);
    --orders-button-green-normal: var(--color-green);
    --orders-button-green-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), var(--orders-button-green-normal);
    --orders-button-green-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--orders-button-green-normal);
    --orders-button-red-normal: var(--color-red);
    --orders-button-red-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), var(--orders-button-red-normal);
    --orders-button-red-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--orders-button-red-normal);
    --orders-execute-color: #b18d4f;
    --orders-border-color: var(--text);
    --orders-placeholder-color: var(--placeholder-text);
    --orders-text-secondary-color: var(--header-text);
    --orders-text-primary-color: var(--color-white);

    /* layout */
    --avatar-alt-height: 30px;
    --avatar-alt-width: 30px;
    --avatar-component-width: 50px;
    --avatar-alt-font-size: 26px;
    --checkbox-general-intent: 10px;
    --checkbox-label-font-size: 16px;
    --checkbox-size: 10px;
    --checkbox-symbol-size: 10px;
    --gap: 0.5em;

    /* alerts */
    --alert-background-color: var(--main-bg);
    --alert-description-color: var(--text);

    /* BASEAPP COLORS */

    --dropdown-border: var(--placeholder-text);
    --background-dropdown-text: var(--placeholder-text);
    --background-dropdown-open-text: var(--header);
    --font-light: lighter;
    --sign-in-text: var(--text);
    --sign-in-accent: var(--accent);
    --email-form-bg: var(--main-bg);
    --email-form-border: var(--text);
    --email-form-accent: var(--accent);
    --unknown-colors: #FA00FF;
    --create-order-text: var(--text);
    --sign-up-modal-border: var(--header);
    --sign-up--modal-text: var(--placeholder-text);

    --color-green: var(--green);
    --base: var(--text);
    --base-9: var(--placeholder-text);
    --base-new: var(--placeholder-text);
    --header-border: var(--placeholder-text);
    --color-white: var(--white);
    --muted-text: var(--placeholder-text);
    --bright: #FA00FF;
    --bright-1: var(--white);
    --color-blue: var(--accent);

    --navbar-text-color: var(--text);
    --text-muted: var(--placeholder-text);

    --active-color: #FA00FF;
    --table-text-color: var(--placeholder-text);
    --order-button-sell: #FA00FF;
    --transparent: transparent;

    /* wallets */
    --wallets-item-active: #FA00FF;
    --wallets-locked-amount: var(--color-white);
    --wallets-locked-amount-active: var(--color-white);
    --wallets-item-font: var(--color-white);
    --wallets-item-font-active: var(--color-white);
    --wallets-item-bg: var(--main-bg);
    --wallets-item-bg-active: var(--selected-item);
    --wallets-item-bg-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), var(--selected-item);
    --wallets-item-border: var(--selected-item);
    --wallets-font-bold: 800;
    --wallets-balance: var(--color-white);
    --wallets-table-divider: var(--text);

    /* profile */
    --profile-btn: var(--button-normal);
    --profile-box-head: #FA00FF;
    --profile-box: var(--main-bg);
    --profile-grey: var(--placeholder-text);
    --profile-slider-round: var(--accent);
    --profile-slider: var(--button-normal);
    --profile-activity-header: var(--header);
    --profile-activity-header-font: var(--header-text);
    --profile-activity-border: var(--text);
    --profile-url: var(--accent);
    --wallets-font-color: #FA00FF;

    /* KYC */
    --kyc-title-color: var(--placeholder-text);
    --kyc-header-color: var(--header);
    --kyc-header-border: var(--text);
    --kyc-progress-line: var(--placeholder-text);
    --kyc-circle-color: var(--main-bg);
    --kyc-active-color: var(--accent);
    --kyc-grey: var(--placeholder-text);
    --kyc-button: var(--button-normal);

    /* NavBar languages */
    --navbar-language-selector-background: var(--button-normal);
    --navbar-language-selector-background-hover: var(--header-text);
    --navbar-language-selector-color: var(--placeholder-text);
    --navbar-language-selector-current-color: var(--text);
    --navbar-language-selector-current-background: var(--header);

    /* Resend email confirmation screen */
    --email-confirmation-screen-background: var(--main-bg);
    --email-confirmation-screen-title-background: var(--header);
    --email-confirmation-screen-title-color: var(--header-text);
    --email-confirmation-screen-text-color: var(--placeholder-text);

    /* Email verification screen */
    --email-verification-screen-background: #1E2841;

    /* ToolBar */
    --trading-header-background: var(--back-bg);
    --trading-header-btn-close: var(--table-dark-header-color);
    --trading-header-btn-open: var(--table-dark-header-color);
    --trading-header-selector-background: var(--background-dark);
    --trading-header-selector-border: var(--header-border);
    --trading-header-list-background: var(--trading-header-background);
    --trading-header-fastsearch-button-color-active: var(--bright-1);
    --trading-header-fastsearch-button-border-active: var(--accent);
    --trading-header-positive: var(--green);
    --trading-header-negative: var(--red);
    --trading-header-search-border: var(--header-border);

    --gap: 0.5em;
    --big-gap: 60px;
    --active-tab-color: var(--accent);
    --border-radius: 5px;
}
input[type=text], input[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.cr-title-component {
    font-size: 1em !important;
    width: 100%;
    border-bottom: 1px solid var(--trading-header);
}
.cr-table {
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow-y: scroll;
}
.cr-table-header__content {
    height: auto;
    padding: 9px 12px 9px;
    cursor: move;
    background: var(--table-dark-header-color);
    -webkit-box-shadow: inset 0 -1px 0 var(--header-border);
    box-shadow: inset 0 -1px 0 var(--header-border);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999;
    color: var(--title-component-color);
}
.cr-table-background {
    top: calc(var(--gap) * 9.67);
}
.cr-table-background__row {
    padding: calc(var(--gap) * 2.6666);
    padding-bottom: calc(var(--gap) * 2.6717);
}
@media screen and (max-width: 768px) {
    .cr-table-background {
        top: calc(var(--gap) * 8.49);
    }

    .cr-table-background__row {
        padding: calc(var(--gap) * 2.375);
    }
}
.cr-table thead th {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--gap) * 5.3);
    z-index: 9999;
    background: var(--base-bright);
}
.cr-table td {
    font-weight: normal;
    line-height: 16px;
}
.cr-table td,
.cr-table th {
    padding: 6px 12px !important;
    font-size: 0.8em !important;
}
.cr-table td:first-child,
.cr-table th:first-child {
    text-align: left;
}
body, html {
    height: 100% !important;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    color: var(--base);
    background-color: var(--background);
    padding: 0;
    margin: 0;
}
.qx-container {
    width: 95%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
}
.cr-button {
    border-radius: 4px;
}
.cr-table__head th {
    font-size: 1em !important;
}
.cr-table__head th:last-child {
    width: calc(var(--big-gap) * 0.7);
}
.cr-table__body-row-background {
    padding: calc(var(--gap) * 2.6);
}
.cr-table__body td {
    background: var(--transparent);
    font-size: 1em !important;
    padding-top: calc(var(--gap) * 1.38) !important;
    padding-bottom: calc(var(--gap) * 1.38) !important;
}

.cr-dropdown__list-item {
    cursor: default;
    font-weight: var(--font-weight)
}
@media (max-width: 768px) {
    .qx-container {
        max-width: 720px;
    }
    :root {
        --font-size: 16px !important;
    }
}
@media (max-width: 576px) {
    .qx-container {
        max-width: 540px;
    }
}
/* fix weird input[type=button] appearance in mobile browsers*/
.cr-button {
    -webkit-appearance: none;
}
:global .cr-grid-item {
    height: 100%;
}
:global .cr-grid-item__body {
    height: 100%;
    padding: 0 !important;
    overflow-y: scroll;
    scrollbar-width: none;
}
:global .react-grid-item {
    background: #182034 !important;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border: none !important;
    border-radius: 3px;
}
:global .react-grid-item.resizing {
    z-index: 100;
}
:global .react-grid-item .cr-grid-item__body {
    background:var(--main-bg);
    border-radius: 3px;
    overflow: scroll;
}
:global .react-grid-item .cr-grid-item__body::-webkit-scrollbar {
    display: none;
}
.react-resizable-handle {
    border: 5px solid var(--grid-resizable-border-color) !important;
    border-left-color: var(--transparent) !important;
    border-top-color: var(--transparent) !important;
    cursor: nwse-resize !important;
    opacity: 0.5 !important;
    z-index: 9999;
}
.react-resizable-handle::before {
    bottom: calc(var(--gap) * 0.1) !important;
    right: calc(var(--gap) * (-1.2)) !important;
    width: calc(var(--gap) * 3.4) !important;
}
.react-resizable-handle::after {
    right: calc(var(--gap) * (-1.4)) !important;
    width: calc(var( --gap) * 4.6) !important;
}
.qx-loader-container {
    margin-top: calc(var(--gap) * 2);
    -webkit-filter: brightness(0.2);
    filter: brightness(0.2);
}
.cr-loader {
    position: absolute;
    top: 40%;
}
input:-webkit-autofill {
    width: 100%;
    background: var(--transparent) !important;
}
::-webkit-scrollbar {
    width: 0;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background: var(--scrollbar-bg);
    border-radius: var(--gap);
}
::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: var(--gap);
}
.cr-tab-panel__navigation-container {
    background: var(--profile-activity-header);
    border-bottom: 1px solid var(--base-new);
    border-top-left-radius: var(--gap);
    border-top-right-radius: var(--gap);
}
.cr-tab-panel__navigation-container-navigation {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.cr-tab-panel .cr-tab {
    color: var(--markets-filter-color);
    font-size: 1rem;
    text-transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    padding-top: 14px;
    padding-bottom: calc(var(--border-radius) * 2);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.cr-tab-panel .cr-tab__pointer {
    background: none;
    height: 2px;
}
.cr-tab-panel .cr-tab__active {
    color: var(--bright-1);
}
.cr-tab-panel .cr-tab__active .cr-tab__pointer {
    background: var(--active-tab-color);
}
.cr-decimal__opacity {
    opacity: 1;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .cr-table__head tr th {
        top: calc(var(--gap) * 4.8);
    }
}
@media screen and (min-width: 360px) and (max-width: 767px) {
    .cr-table__head tr th {
        top: calc(var(--gap) * 7.3);
    }
}

.qx-history,
.qx-history .cr-order,

.qx-history,
.qx-history .cr-tab-panel
{
    height: 100%;
}
.qx-history .cr-tab-panel .cr-tab-content
{
    height: calc(100% - 40px) !important;
    padding: 0px 3px !important;
}

.qx-history .cr-tab-content .qx-recent-trades
{
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.qx-history .cr-table thead th
{
    top: 1px;
}

.qx-combined-order-book .cr-combined-order-book__small .cr-table-background__row {
    z-index: 999;
}

.qx-order .cr-order .cr-tab-panel .cr-tab-content,
.qx-order.qx-order .cr-tab-panel .cr-tab-content {
    height: 100%;
}

.qx-footer {
    padding: 15px;
    font-size: 11pt;
    text-align: center;
    position: relative;
    height: auto;
    display: block;
}
.qx-footer a {
    color: white;
}
.qx-order .cr-order.cr-order--tabs .cr-tab-panel__navigation-container .cr-tab__active,
.qx-chart.qx-history .cr-order.cr-order--tabs .cr-tab-panel__navigation-container .cr-tab__active
{
    color: #f9563e;
}
.qx-order .cr-order.cr-order--tabs .cr-tab-panel__navigation-container .cr-tab__active .cr-tab__pointer,
.qx-chart.qx-history .cr-order.cr-order--tabs .cr-tab-panel__navigation-container .cr-tab__active .cr-tab__pointer
 {
    background-color: #f9563e;
    margin: -1px 10px 0 10px;
    width: calc(100% - 22px);
    height: 1px;
}
.qx-chart.qx-history .cr-tab-panel__navigation-container-navigation {
    display: block;
}
.qx-chart.qx-history .cr-tab-panel__navigation-container-navigation .cr-tab {
    display: inline-block;
    width: unset;
}
.cr-order--tabs .cr-tab-panel__navigation-container {
    border-bottom: none;
}

.qx-trading-header-progress-label-progress-positive.qz-trading-header-special-last, .additional-special-last {
    color: #f4b342;
}

.qx-trading-header-progress-label-progress-positive.qz-trading-header-special-volumn, .additional-special-volumn {
    color: #eee;
}
.qx-trading-header-progress-label-progress-positive.qz-trading-header-special-increase::before {
    content: ' ';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgb(84, 180, 137);
    margin-top: 6px;
    position: absolute;
    margin-left: -13px;;
}
.qx-trading-header-progress-label-progress-positive.qz-trading-header-special-decrease::before {
    content: ' ';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgb(232, 94, 89);
    margin-top: 8px;
    position: absolute;
    margin-left: -13px;;
}
a.qx-trade {
    cursor: pointer;
    text-decoration: none;
    font-size: calc(var(--gap) * 2.333);
    padding: 0 calc(var(--gap) * 1.6);
    padding-top: calc(var(--gap) * 1.5);
    padding-bottom: calc(var(--gap) * 1.5);
    border: solid 1px rgba(255, 255, 255, 0.2);
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    color: white;
    transition: all;
    transition-duration: 0.1s;
    border-color: rgb(232, 94, 89) !important;
    background: linear-gradient(to right,#f44242,#ff7139);
}

.cr-table-header__tools {
    height: 30px;
}
.cr-table-header__tools {
    display: flex;
    padding: 0 8px;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    a.qx-trade {
        background: none;
        font-size: 17px;
        padding: 5px;
        border: none;
    }
}
.cr-table-header__tools .btn {
    cursor: pointer;
    background: #141a2a;
    margin: 5px;
    padding: 3px 7px;
    border-radius: 3px;
    box-sizing: border-box;
    border: solid 1px;
    border-color: #141a2a;
    color: white;
    transition: all 0.2s;
}
.cr-table-header__tools select.btn {
    padding: 0px;
}
.cr-table-header__tools .btn:hover {
    background: #1e2841;
}
.cr-table-header__tools .btn:hover,
.cr-table-header__tools .btn.active
{
    border-color: #bbe;
}

.cr-table-header__tools .btn.bids {
    color: var(--trading-header-positive);
}

.cr-table-header__tools .btn.asks {
    color: var(--trading-header-negative);
}

.bids.qx-combined-order-book .cr-combined-order-book__small .cr-order-book:first-child {
    display: none;
}
.bids.qx-combined-order-book .cr-combined-order-book__small .cr-order-book:last-child {
    top: 51px !important;
    height: calc(100% - 120px) !important;
}
.bids.qx-combined-order-book .cr-combined-order-book__small .cr-combined-order-book__market {
    top: 0px !important;
}

.asks.qx-combined-order-book .cr-combined-order-book__small .cr-order-book:last-child {
    display: none;
}
.asks.qx-combined-order-book .cr-combined-order-book__small .cr-order-book:first-child {
    height: calc(100% - 120px) !important;
}
.asks.qx-combined-order-book .cr-combined-order-book__small .cr-combined-order-book__market {
    top: calc(100% - 120px) !important;
}

.qx-chart.qx-history .cr-tab-panel__navigation-container {
    margin-bottom: 0px;
}
.qx-main-bg {
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
}
.qx-main-bg img {
    position: absolute;
    max-width: 100vw;
    max-height: 100vh;
    padding: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.qx-dropdown-markets-list-container .cr-table .cr-table__body tr td:first-child::before {
    content: '\EAA7';
    font-family: 'w-icon' !important;
    font-size: 14px;
    font-style: normal;
    vertical-align: sub;
    margin-right: 10px;
}
.qx-dropdown-markets-list-container .cr-table .cr-table__body tr.cr-table__row--selected td:first-child::before {
    content: '\EAA8'
}
.qx-container.qx-header__content,
.qx-container.qx-header__content .qx-header__navbar {
    background: transparent;
    background-color: transparent;
}

.qx-signal {
    margin-top: 30px;
    font-size: 30px;
    color: white;
}
.qx-signal img {
    margin-top: -10px;
    height: 40px;
}
.qx-langingpage-item h1,
.qx-langingpage-item h2,
.qx-langingpage-item h3,
.qx-langingpage-item h4,
.qx-langingpage-item h5,
.qx-langingpage-item h6,
.page-footer h1,
.page-footer h2,
.page-footer h3,
.page-footer h4,
.page-footer h5,
.page-footer h6{
    color: white;
}
.qx-langingpage-item h1{
    font-size: 26px;
}
.qx-langingpage-item h2{
    font-size: 22px;
}
.qx-langingpage-item h3{
    font-size: 18px;
}
.qx-langingpage-item h4{
    font-size: 16px;
}
.qx-langingpage-item h5{
    font-size: 14px;
}
.qx-langingpage-item h6{
    font-size: 13px;
}
span.horizantal-divider {
    color: red;
    padding: 0 10px;
}
.qx-trade-start {
    font-size: 16px;
    color: white;
    font-weight: 700;
}
.qx-trade-start:hover {
    color: #f44242;
    text-decoration: none;
}

.qx-header__logo, .qx-header__logo img, .qx-navbar, .qx-navbar__content.user-nav-everything {
    background-color: transparent !important;
}
.slider {
    margin-top: 20px;
}
.slider img {
    width: 100%;
    border-radius: 10px;
    cursor: pointer;

}
.slider img:hover {
    border: 2px solid #85d6ff;
}
.main-container {
    width: 1200px;
    margin: auto;
}
.coin-item {
    position: relative;
    height: 100px;
    background: #0e1b40;
    border-radius: 4px;
    border: 1px solid transparent;
    transition-duration: .4s;
    box-shadow: 6 2 10px 5px rgba(20,39,62,.4);
    cursor: pointer;
}
.coin-item:hover {
    border: 1px solid #095a90;
    transform: scale(1.05);
}
.coin-item .pair {
    position: absolute;
    top: 14px;
    left: 17px;
    font-size: 14px;
    color: #6684d1;
    display: flex;
    align-items: center;
}
.coin-item .pair img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.coin-item .pair .name {
    font-family: AtlasTypewriter,Microsoft Yahei,PingFang SC,San Francisco,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -.6px;
}
.coin-item .price {
    position: absolute;
    height: 44px;
    left: 16px;
    right: 10px;
    top: 48px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-family: AtlasTypewriter,Microsoft Yahei,PingFang SC,San Francisco,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -.6px;
}
.coin-item .price .price-now {
    font-size: 18px;
    color: #e9eaf0;
    line-height: 22px;
    margin-right: 5px;
}
.coin-item .price .price-float {
    font-size: 16px;
    line-height: 22px;
}
.coin-item .price .red {
    color: rgba(241, 17, 9, 0.835);
}
.coin-item .price .green {
    color: rgba(10, 245, 22, 0.933);
}
.cr-table__head th {
    cursor: pointer;
}

.qx-container.qx-header__content * {
    z-index: 100;
}
.qx-container.qx-header__content .qx-logo {
    z-index: 0;
}
.qx-markets-list-container .cr-table-container,
.qx-markets-list-container .cr-table-container .cr-table,
.qx-markets-list-container .cr-table-container .cr-table .cr-table__head,
.qx-markets-list-container .cr-table-container .cr-table .cr-table__head th,
.qx-markets-list-container .cr-table-container .cr-table .cr-table__body td,
.qx-markets-list-container .cr-table-container .cr-table .cr-table__body tr:nth-child(2n)
{
    background: transparent;
    background-color: rgba(1, 3, 14, 0.97);
    color: rgb(166, 176, 204);
}
@media (min-width: 768px) {
    .qx-markets-list-container .cr-table-container,
    .qx-markets-list-container .cr-table-container .cr-table,
    .qx-markets-list-container .cr-table-container .cr-table .cr-table__head,
    .qx-markets-list-container .cr-table-container .cr-table .cr-table__head th,
    .qx-markets-list-container .cr-table-container .cr-table .cr-table__body td,
    .qx-markets-list-container .cr-table-container .cr-table .cr-table__body tr:nth-child(2n)
    {
        font-size: 14px;
    }
}
.qx-markets-list-container .qx-dropdown-markets-list-container__header-selected,
.qx-markets-list-container .qx-dropdown-markets-list-container__positive,
.qx-markets-list-container .qx-dropdown-markets-list-container__negative
{
    background: transparent;
    background-color: transparent;
}
.qx-markets-list-container .cr-table-container{
    padding: 10px 15px 0px 10px;
    border-radius: 0 4px 0 0;
    border: 1px solid #113154;
}
.qx-markets-list-container .cr-table-container .cr-table .cr-table__body tr:hover {
    background-color: rgba(166, 176, 204, 0.9);
    cursor: pointer;
}
.qx-markets-list-container .cr-table-container .cr-table .cr-table__body td {
    padding: 40px 0;
    border-top: solid 2px #0a0a1a87;
    background-clip: padding-box;
}
.qx-markets-list-container .cr-table .cr-table__head tr th:last-child {
    padding-right: 28px !important;
}
.qx-markets-list-container .qx-dropdown-markets-list-container__arrow-up
{
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
}
.qx-markets-list-container .qx-dropdown-markets-list-container__arrow-down {
    margin-left: 10px;
    margin-top: 8px;
    display: inline-block;
}
.qx-langingpage-item.description img {
    width: 130px;
    padding: 20px;
}
.qx-markets-list-container .cr-table thead th {
    position: static;
}
.start-trade {
    cursor: pointer;
    text-decoration: none;
    font-size: calc(var(--gap) * 2.333);
    padding-top: calc(var(--gap) * 1);
    padding-bottom: calc(var(--gap) * 1);
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    color: white;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    transition-duration: 0s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    border: 1px solid #85d6ff;
}
.start-trade:hover {
    color: white;
    border: 1px solid transparent;
    background: -webkit-linear-gradient(left,#f44242,#ff7139);
    background: -o-linear-gradient(left,#f44242,#ff7139);
    background: linear-gradient(to right,#f44242,#ff7139);
}
.start-trade:active {
    border: 1px solid #85d6ff;
    background: transparent;
}
.page-footer {
    padding: 20px 30px;
}
.page-footer .title {
    padding-bottom: 20px;
}
.page-footer h5, .page-footer .footer-link {
    font-size: 15px;
}
.page-footer .footer-link {
    opacity: 0.5;
}
.page-footer .footer-link:hover, .page-footer .footer-link:hover h5 {
    cursor: pointer;
    opacity: 1;
    text-decoration: none;
}
.slider-cell {
    padding-bottom: 10px;
    padding-top: 10px;
}
.qx-markets-list-container .cr-table .cr-table__body tr td:first-child::before {
    content: '\EAA7';
    font-family: 'w-icon' !important;
    font-size: 14px;
    font-style: normal;
    vertical-align: sub;
    margin-right: 10px;
}
.qx-markets-list-container .cr-table .cr-table__body tr:hover td:first-child::before {
    content: '\EAA8'
}
.qx-langingpage-item .warning {
    font-size: 15px;
    max-width: 800px;
    color: white;
    opacity: 0.5;
    margin: auto;
    line-height: 24px;
}
.qx-markets-list-search {
    display: flex;
    flex-direction: row;
}
.btn-filter:focus {
    outline: none;
    box-shadow: none;
}
.favorite, .search {
    margin-right: 50px;
}
.favorite i {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(https://imgv2e2.ahighapi.com/links/fav_star_unselect_bbeebf22.png) no-repeat 50%,url(https://imgv2e2.ahighapi.com/links/fav_star_select_0c3fe2d5.png) no-repeat -9999px,-9999px;
    background-size: auto, auto, auto;
    background-size: 13px 13px;
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.btn-filter {
    color: lightgrey;
    width: 80px;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 12px;
    cursor: pointer;
    border: 1px solid #112d4c;
}

.btn-filter.active {
    background: #112d4c;
}
.btn-filter:hover {
    color: white;
}
.search-input {
    width: 210px;
    height: 30px;
    line-height: 16px;
    border-radius: 2px;
    border: 1px solid #324b89;
    background: url(https://imgv2e2.ahighapi.com/links/search_icon_7e632a8a.png) 6px no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
    background-color: transparent;
    background-size: 14px 14px;
    outline: none;
    caret-color: #7f86a1;
    font-size: 16px;
    padding: 6px 0;
    color: #c2c6d8;
    text-indent: 24px;
    box-sizing: border-box;
    font-family: HYQiHei-50S-6,Microsoft Yahei,PingFang SC,San Francisco,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
}
.flat-money {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    flex: 1;
}
@media (max-width: 991px) {
    .favorite, .search {
        margin-right: 30px;
    }
    .btn-filter {
        width: 70px;
    }
    .search-input {
        width: 100px;
    }
}
.flat-money .react-switch {
    margin-right: 5px;
}
.flat-money span {
    color: white;
    opacity: 0.5;
}
.qx-markets-list-container .cr-table .cr-table__body tr td,
.qx-markets-list-container .cr-table .cr-table__head tr th{
    text-align: left;
}
.qx-markets-list-container .cr-table .cr-table__body tr td:last-child,
.qx-markets-list-container .cr-table .cr-table__head tr th:last-child{
    text-align: right;
}
.qx-markets-list-container .cr-table .cr-table__body tr td:nth-child(1) {
    width: 25%;
}
.qx-markets-list-container .cr-table .cr-table__body tr td:nth-child(2) {
    width: 25%;
}
.qx-markets-list-container .cr-table .cr-table__body tr td:nth-child(3) {
    width: 35%;
}
.qx-markets-list-container .cr-table .cr-table__body tr td:nth-child(4) {
    width: 15%;
}

img.crypto-icon {
    width: 24px;
    margin-right: 10px;
    margin-top: -2px;
}
.qx-sign-up-screen .cr-sign-up-form__label,
.qx-sign-in-screen .cr-sign-in-form__label
{
    display: none;
}

@media screen and (min-width: 769px) {
    .qx-sign-in-screen__container > form,
    .qx-sign-up-screen__container > form {
        background: var(--main-bg);
    }
}
.cr-sign-up-form {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
}
.qx-history-tab .qx-history-tab__tabs-content .cr-tab-panel__navigation-container {
    z-index: 100;
}

.qx-navbar__content-item-logging,
.qx-navbar__content-item-logging:hover {
    padding-bottom: 10px;
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.back-small-chart {
    position: absolute;
    left: 0px;
    bottom: -10px;
}
@media screen and (min-width: 1200px) {
    .back-small-chart {
        left: 20px;
    }
}
.recharts-dot.recharts-line-dot {
    display: none !important;
}
.td-back-small-chart {
    display: inline-block;
    float: right;
}
.include-chart {
    display: flex;
}
.include-chart .text-content {
    display: flex;
    align-items: center;
    min-width: 80px;
}
.include-chart .td-back-small-chart {
    padding-left: 30px;
}
.include-direction img {
    margin-left: 10px;
    width: 24px;
}
.qx-trading-header-container-selector {
    position: absolute;
}



.qx-layout {
    min-height: calc(100vh - 123px);
}

.qx-navbar__header-settings__account-dropdown .dropdown-menu-language {
    min-width: unset;
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu-language,
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-lang,
.qx-navbar__header-settings__account-dropdown .dropdown-menu-user,
.qx-navbar__header-settings__account-dropdown .dropdown-menu-user .dropdown-menu-item-user
 {
    background: var(--main-bg);
}
.qx-navbar__header-settings {
    margin-top: -10px;
}
.qx-navbar__header-settings__account-dropdown .navbar-user-menu {
    position: static;
    margin-top: auto;
}
.qx-navbar__header-settings__account-dropdown .dropdown-menu-user,
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-user,
.qx-navbar__header-settings__account-dropdown .dropdown-menu .dropdown-menu-item-user:hover {
    margin-top: 0;
    background-color: var(--main-bg);
}
.qx-navbar__header-settings,
.qx-navbar__header-settings .qx-navbar__header-settings__account-dropdown,
.qx-navbar__header-settings .qx-navbar__header-settings__account-dropdown .navbar-user-menu,
.qx-navbar__header-settings .qx-navbar__header-settings__account-dropdown .navbar-user-menu .icon,
.qx-navbar__header-settings .dropdown-menu-language-container,
.qx-navbar__header-settings__account-dropdown .dropdown-menu-language-field
{
    background-color: transparent;
}
.qx-navbar__header-profile .qx-navbar__admin-logout {
    height: 40px;
}
.qx-navbar__content, .qx-navbar__header-profile {
    border-bottom: none;
}
@media screen and (max-width: 767px){
    .qx-navbar__content-item {
        border-left-color: transparent;
        border-right-color: transparent;
    }
}

.qx-trading-header-selector-list-container-open {
    display: flex;
    flex-direction: column;
}
.qx-trading-header-selector-list-container-open .qx-dropdown-markets-list-container {
    flex: 1;
}
.qx-wallet .qx-wallet__tabs {
    background-color: var(--background-dark);
}
body, html {
    background-image: url(/qbg.png);
    background-size: 75%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1119px) {
    body, html {
        background-size: 100%;
    }
}
.qx-profile-page__referral .qx-copyable-text__section .cr-deposit-crypto__copyable-title span {
    background: #161920;
    padding: 0 5px;
}
.qx-profile-page__level-verification__url {
    color: #18a485;
}
.qx-confirm__content-phone-col-content legend {
    width: auto;
    padding: 0 5px;
    font-size: 14px;
    margin-top: -2px;
    margin-left: 6px;
    background-color: #161920;
}
.qx-confirm__content-phone-col-content input {
    padding: 0 10px;
}

.login-btn.qx-navbar__content-item--active,
.signup-btn.qx-navbar__content-item--active {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

.qx-open-orders--empty .cr-table__body tr td {
    background-color: var(--main-bg-notrans)
}
.qx-open-orders--empty .cr-table__body tr td:last-child {
    margin-left: 0;
}