:root {
    /* new theme */
    --payo-brand: 'payoneer';
    --brand-font-family: 'AvenirNextWorld';
    --payo-brand-font: var( --brand-font-family),'Roboto Condensed',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,system-ui,Cantarell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    /* Colors */
    --payo-brand-color-white: #fff;
    /* Grey Colors */
    --payo-brand-color-gray-dark: #333333;
    --payo-brand-color-gray-light: #e6e6e6;
    --payo-brand-color-gray-lighter: #b3b3b3;
    --payo-brand-color-gray: #666666;
    --payo-brand-color-gray-500: #b2b2b2;
    --payo-brand-color-cold-gray-100: #f1f3f7;
    --payo-brand-color-cold-gray-200: #e4e7ed;
    --payo-brand-color-cold-gray-300: #c9cdd7;
    --payo-brand-color-cold-gray-400: #b9bfcb;
    --payo-brand-color-cold-gray-500: #c3cad9;
    --payo-brand-color-cold-gray-600: #8c98ab;
    --payo-brand-color-cold-gray-700: #636b78;
    --payo-brand-color-cold-gray-800: #515d6f;
    --payo-brand-color-cold-gray-900: #33373e;
    /* Blue Colors */
    --payo-brand-color-blue-300: #5ea2ce;
    --payo-brand-color-blue-500: #399bda;
    --payo-brand-color-blue-700: #3d7faa;
    /* Red Colors */
    --payo-brand-color-red-100: #e8c5c5;
    --payo-brand-color-red-500: #ea5e5c;
    --payo-brand-color-red-700: #df0303;
    --payo-brand-color-red-800: #e70000;
    /* Orange Colors */
    --payo-brand-color-orange-500: #ff4800;
    --payo-brand-color-orange-600: #f24501;
    --payo-brand-color-orange-700: #E14406;
    /* Green Colors */
    --payo-brand-color-green-500: #39c900;
    --payo-brand-box-shadow-primary: rgba(136,136,136,.2);
    --payo-brand-box-shadow-secondary: rgba(0,0,0,.3);
    /* Brand Color */
    --payo-brand-color-primary: var(--payo-brand-color-orange-500);
    --payo-brand-color-primary-hover: var(--payo-brand-color-orange-700);
    --payo-brand-color-primary-active: var(--payo-brand-color-orange-600);
    /* General */
    --payo-brand-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-text-color-error: var(--payo-brand-color-red-800);
    --payo-brand-label-color: var(--payo-brand-color-cold-gray-600);
    --payo-brand-label-color-active: var(--payo-brand-color-cold-gray-600);
    --payo-brand-label-color-error: var(--payo-brand-color-cold-gray-600);
    /* optional */
    --payo-brand-border-line-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-border-line-color-active: var(--payo-brand-color-blue-300);
    --payo-brand-border-line-color-error: var(--payo-brand-color-red-800);
    --payo-brand-disabled-color: var(--payo-brand-color-cold-gray-400);
    --payo-brand-background-color: var(--payo-brand-color-white);
    --payo-brand-scrollbar-bg-color: var(--payo-brand-color-white);
    --payo-brand-scrollbar-track-color: var(--payo-brand-color-cold-gray-100);
    --payo-brand-scrollbar-track-shadow-color: var(--payo-brand-box-shadow-secondary);
    --payo-brand-scrollbar-track-thumb: var(--payo-brand-color-cold-gray-700);
    --payo-brand-toggle-button-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-title-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-shadow-color: var(--payo-brand-box-shadow-primary);
    --payo-brand-focus-shadow-color: rgba(106,106,106,.8);
    --payo-brand-placeholder-color: var(--payo-brand-color-cold-gray-400);
    /* Card */
    --payo-brand-card-bg-color: var(--payo-brand-color-white);
    --payo-brand-card-active-border-color: var(--payo-brand-color-orange-500);
    --payo-brand-card-shadow-color: var(--payo-brand-box-shadow-primary);
    --payo-brand-card-title-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-card-expander-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-card-header-separator-color: var(--payo-brand-color-cold-gray-300);
    /* Wizard */
    --payo-brand-wizard-title-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-wizard-step-bg-color: var(--payo-brand-color-white);
    --payo-brand-wizard-step-active-border-color: var(--payo-brand-color-orange-500);
    --payo-brand-wizard-step-shadow-color: var(--payo-brand-box-shadow-primary);
    --payo-brand-wizard-step-header-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-wizard-step-header-text-color-active: var(--payo-brand-color-cold-gray-700);
    --payo-brand-wizard-step-arrow-color-active: var(--payo-brand-color-cold-gray-700);
    --payo-brand-wizard-step-arrow-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-wizard-step-header-line-color: #dadfe8;
    --payo-brand-wizard-step-footer-line-color: #dadfe8;
    --payo-brand-wizard-title-border-color: #d4dae4;
    --payo-brand-wizard-title-icon-color: var(--payo-brand-color-cold-gray-600);
    /* Wizard Success */
    --payo-brand-wizardSuccess-icon-color: var(--payo-brand-color-green-500);
    --payo-brand-wizardSuccess-text-color: var(--payo-brand-color-cold-gray-700);
    /* Password Strength */
    --payo-brand-password-strength-head-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-password-strength-items-text-color: var(--payo-brand-color-cold-gray-700);
    /* Button */
    --payo-brand-button-shadow-color: rgba(106,106,106,.8);
    /* service */
    --payo-brand-button-text-color: var(--payo-brand-color-white);
    --payo-brand-button-text-color-hover: var(--payo-brand-color-white);
    --payo-brand-button-text-color-active: var(--payo-brand-color-white);
    --payo-brand-button-text-color-disabled: var(--payo-brand-color-cold-gray-500);
    --payo-brand-button-bg-color: var(--payo-brand-color-blue-500);
    --payo-brand-button-bg-color-hover: var(--payo-brand-color-blue-700);
    --payo-brand-button-bg-color-active: var(--payo-brand-color-blue-700);
    --payo-brand-button-bg-color-disabled: var(--payo-brand-color-cold-gray-200);
    /* action */
    --payo-brand-button-action-text-color: var(--payo-brand-color-white);
    --payo-brand-button-action-text-color-hover: var(--payo-brand-color-white);
    --payo-brand-button-action-text-color-active: var(--payo-brand-color-white);
    --payo-brand-button-action-text-color-disabled: var(--payo-brand-color-cold-gray-500);
    --payo-brand-button-action-bg-color: var(--payo-brand-color-orange-500);
    --payo-brand-button-action-bg-color-hover: var(--payo-brand-color-orange-700);
    --payo-brand-button-action-bg-color-active: var(--payo-brand-color-orange-600);
    --payo-brand-button-action-bg-color-disabled: var(--payo-brand-color-cold-gray-200);
    /* CheckBox */
    --payo-brand-checkbox-label-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-checkbox-border-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-checkbox-bg-color-focus: rgba(0,0,0,.2);
    --payo-brand-checkbox-color-checked: var(--payo-brand-color-blue-300);
    --payo-brand-checkbox-color-checked-focus: var(--payo-brand-color-blue-300);
    /* RadioButton */
    --payo-brand-radio-label-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-radio-shape-color: var(--payo-brand-color-blue-300);
    --payo-brand-radio-disabled-color: var(--payo-brand-color-cold-gray-400);
    /* DateOfBirth */
    --payo-brand-dob-scrollbar-bg-color: var(--payo-brand-color-white);
    --payo-brand-dob-scrollbar-track-color: var(--payo-brand-color-cold-gray-100);
    --payo-brand-dob-scrollbar-track-shadow-color: var(--payo-brand-box-shadow-secondary);
    --payo-brand-dob-scrollbar-track-thumb: var(--payo-brand-color-cold-gray-700);
    --payo-brand-dob-border-line-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-dob-border-line-color-active: var(--payo-brand-color-blue-300);
    --payo-brand-dob-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-dob-label-color: var(--payo-brand-color-cold-gray-600);
    --payo-brand-dob-label-color-active: var(--payo-brand-color-cold-gray-600);
    --payo-brand-dob-label-color-error: var(--payo-brand-color-cold-gray-600);
    --payo-brand-dob-placeholder-color: var(--payo-brand-color-cold-gray-400);
    --payo-brand-dob-toggle-button-color: var(--payo-brand-color-cold-gray-700);
    /* DropDown */
    --payo-brand-dropdown-scrollbar-bg-color: var(--payo-brand-color-white);
    --payo-brand-dropdown-scrollbar-track-color: var(--payo-brand-color-cold-gray-100);
    --payo-brand-dropdown-scrollbar-track-shadow-color: var(--payo-brand-box-shadow-secondary);
    --payo-brand-dropdown-scrollbar-track-thumb: var(--payo-brand-color-cold-gray-700);
    --payo-brand-dropdown-border-line-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-dropdown-border-line-color-active: var(--payo-brand-color-blue-300);
    --payo-brand-dropdown-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-dropdown-text-disabled-color: var(--payo-brand-color-cold-gray-400);
    --payo-brand-dropdown-label-color: var(--payo-brand-color-cold-gray-600);
    --payo-brand-dropdown-label-color-active: var(--payo-brand-color-cold-gray-600);
    --payo-brand-dropdown-label-color-error: var(--payo-brand-color-cold-gray-600);
    --payo-brand-dropdown-placeholder-color: var(--payo-brand-color-cold-gray-400);
    --payo-brand-dropdown-toggle-button-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-dropdown-item-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-dropdown-item-hover-bg-color: var(--payo-brand-color-cold-gray-500);
    --payo-brand-dropdown-item-selected-bg-color: var(--payo-brand-color-cold-gray-800);
    --payo-brand-dropdown-badge-bg-color: var(--payo-brand-color-blue-300);
    --payo-brand-dropdown-tooltip-arrow-list-color: var(--payo-brand-color-cold-gray-300);
    /* PhoneNumber */
    --payo-brand-phone-scrollbar-bg-color: var(--payo-brand-color-white);
    --payo-brand-phone-scrollbar-track-color: var(--payo-brand-color-cold-gray-100);
    --payo-brand-phone-scrollbar-track-shadow-color: var(--payo-brand-box-shadow-secondary);
    --payo-brand-phone-scrollbar-track-thumb: var(--payo-brand-color-cold-gray-700);
    --payo-brand-phone-border-line-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-phone-border-line-color-active: var(--payo-brand-color-blue-300);
    --payo-brand-phone-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-phone-label-color: var(--payo-brand-color-cold-gray-600);
    --payo-brand-phone-label-color-active: var(--payo-brand-color-cold-gray-600);
    --payo-brand-phone-label-color-error: var(--payo-brand-color-cold-gray-600);
    --payo-brand-phone-placeholder-color: var(--payo-brand-color-cold-gray-400);
    --payo-brand-phone-toggle-button-color: var(--payo-brand-color-cold-gray-700);
    /* Spinner */
    --payo-brand-spinner-bg-color: var(--payo-brand-color-white);
    --payo-brand-spinner-bg-color-inverse: var(--payo-brand-color-orange-500);
    /* TextBox */
    --payo-brand-textbox-border-line-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-textbox-border-line-color-active: var(--payo-brand-color-blue-300);
    --payo-brand-textbox-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-textbox-label-color: var(--payo-brand-color-cold-gray-600);
    --payo-brand-textbox-label-color-active: var(--payo-brand-color-cold-gray-600);
    --payo-brand-textbox-label-color-error: var(--payo-brand-color-cold-gray-600);
    --payo-brand-textbox-placeholder-color: var(--payo-brand-color-cold-gray-400);
    /* ToolTip */
    --payo-brand-tooltip-text-color: var(--payo-brand-color-white);
    --payo-brand-tooltip-bg-color: var(--payo-brand-color-cold-gray-800);
    /* ErrorBox */
    --payo-brand-error-box-color: var(--payo-brand-color-red-100);
    --payo-brand-error-box-icon-color: var(--payo-brand-color-gray-dark);
    --payo-brand-error-box-divider-color: var(--payo-brand-color-gray-dark);
    --payo-brand-error-box-text-color: var(--payo-brand-color-gray-dark);
    /* InfoBox */
    --payo-brand-info-box-color: var(--payo-brand-color-white);
    --payo-brand-info-box-text-color: var(--payo-brand-color-cold-gray-700);
    /* Captcha */
    --payo-brand-simple-captcha-bg-color: #dddddd;
    /* Dialog */
    --payo-brand-dialog-overlay-bg-color: rgba(0,0,0,.30);
    --payo-brand-dialog-bg-color: var(--payo-brand-color-white);
    --payo-brand-dialog-shadow1-color: rgba(0,0,0,.14);
    --payo-brand-dialog-shadow2-color: rgba(0,0,0,.28);
    --payo-brand-dialog-text-color: var(--payo-brand-color-cold-gray-700);
    /* RSA */
    --payo-brand-rsa-modal-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-rsa-modal-footer-text-color: var(--payo-brand-color-cold-gray-600);
    --payo-brand-rsa-modal-link-color: var(--payo-brand-color-blue-300);
    --payo-brand-rsa-modal-button-no: var(--payo-brand-color-gray);
    /* Table */
    --payo-brand-table-bg-color: var(--payo-brand-color-white);
    --payo-brand-table-cardview-bg-color: var(--payo-brand-color-white);
    --payo-brand-table-actions-border-bottom: #efeff0;
    --payo-brand-table-header-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-table-search-border-color: rgba(99,107,120,.3);
    --payo-brand-table-search-icon-color: var(--payo-brand-color-cold-gray-600);
    --payo-brand-table-search-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-table-search-placeholder-color: var(--payo-brand-color-cold-gray-400);
    --payo-brand-table-action-icon-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-table-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-table-icon-border-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-table-row-hover-bg-color: var(--payo-brand-color-cold-gray-500);
    --payo-brand-table-row-hover-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-table-row-select-bg-color: var(--payo-brand-color-cold-gray-800);
    --payo-brand-table-row-select-text-color: var(--payo-brand-color-white);
    --payo-brand-table-row-border-color: #efeff0;
    --payo-brand-table-head-row-border-color: #efeff0;
    --payo-brand-table-add-new-color: var(--payo-brand-color-cold-gray-600);
    --payo-brand-table-add-new-hover-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-table-add-new-hover-background: var(--payo-brand-color-cold-gray-100);
    /* Inline-Dropdown */
    --payo-brand-inline-dropdown-trigger-color: var(--payo-brand-color-blue-300);
    --payo-brand-inline-dropdown-option-hover: #c4cada;
    --payo-brand-inline-dropdown-option-disabled: #cdd1d4;
    --payo-brand-inline-dropdown-option-hover-text: var(--payo-brand-color-cold-gray-700);
    /* Contact-Item */
    --payo-brand-contact-item-font: var(--payo-brand-font);
    --payo-brand-contact-item-bg: var(--payo-brand-color-cold-gray-100);
    --payo-brand-contact-item-bg-hover: var(--payo-brand-color-cold-gray-500);
    --payo-brand-contact-item-bg-focus: var(--payo-brand-color-cold-gray-800);
    --payo-brand-contact-item-icon: var(--payo-brand-color-cold-gray-600);
    --payo-brand-contact-item-text-color: var(--payo-brand-color-cold-gray-700);
    /* DateInput (DatePicker) */
    --payo-brand-datepicker-trigger-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-datepicker-hover-color: #eee;
    --payo-brand-datepicker-buttons-color: var(--payo-brand-color-orange-500);
    --payo-brand-datepicker-today-color: var(--payo-brand-color-orange-500);
    --payo-brand-datepicker-selected-bg-color: var(--payo-brand-color-orange-500);
    --payo-brand-datepicker-selected-color: var(--payo-brand-color-white);
    --payo-brand-datepicker-header-bg-color: var(--payo-brand-color-orange-500);
    --payo-brand-datepicker-header-text-color: var(--payo-brand-color-white);
    --payo-brand-datepicker-buttons-color: #00bcd4;
    /* Hint ToolTip */
    --payo-brand-hint-tooltip-title-color: var(--payo-brand-color-blue-500);
    --payo-brand-hint-tooltip-content-text-color: var(--payo-brand-color-cold-gray-700);
    --payo-brand-hint-tooltip-content-bg-color: #e6eaf2;
    --payo-brand-hint-tooltip-icon-color: var(--payo-brand-color-cold-gray-600);
    /* Progress Bar */
    --payo-brand-fileSelector-progressBar-offset-color: var(--payo-brand-color-cold-gray-300);
    /* Language select */
    --payo-brand-language-selector-selected-language: var(--payo-brand-color-blue-700);
    --payo-brand-language-selector-hover-language: var(--payo-brand-color-red-700);
    --payo-brand-language-selector-language: var(--payo-brand-color-blue-300);
    --payo-brand-language-selector-arrow-down: var(--payo-brand-color-cold-gray-700);
    /* Badge */
    --payo-brand-badge-container: var(--payo-brand-color-cold-gray-200);
    --payo-brand-badge-container-text: var(--payo-brand-color-cold-gray-700);
    --payo-brand-badge-container-active: var(--payo-brand-color-cold-gray-800);
    --payo-brand-badge-container-hover: var(--payo-brand-color-cold-gray-400);
    /* rebrandeing */
    /* blue */
    --brand-color-blue-50: #f4fafe;
    --brand-color-blue-100: #edf6fe;
    --brand-color-blue-150: #e3f1fb;
    --brand-color-blue-200: #d0e7f9;
    --brand-color-blue-300: #8cc9f8;
    --brand-color-blue-400: #5fb2ff;
    --brand-color-blue-500: #0075e1;
    --brand-color-blue-600: #1257a9;
    --brand-color-blue-700: #0d3c61;
    /* gray */
    --brand-color-gray-50: #f7f7f7;
    --brand-color-gray-100: #efefef;
    --brand-color-gray-200: #dcdcdc;
    --brand-color-gray-300: #a8a8a8;
    --brand-color-gray-500: #878787;
    --brand-color-gray-600: #666666;
    --brand-color-gray-700: #252526;
    /* green */
    --brand-color-green-100: #ebf8f2;
    --brand-color-green-200: #c8f1de;
    --brand-color-green-300: #98edc4;
    --brand-color-green-400: #31da89;
    --brand-color-green-500: #00a75b;
    --brand-color-green-600: #007540;
    --brand-color-green-700: #004324;
    /* pink */
    --brand-color-pink-200: #ffdeff;
    --brand-color-pink-300: #ecadeb;
    --brand-color-pink-400: #e283e0;
    --brand-color-pink-500: #d85ad6;
    --brand-color-pink-600: #973f96;
    --brand-color-pink-700: #6c2d6b;
    /* red */
    --brand-color-red-100: #fdedec;
    --brand-color-red-200: #ffc9c6;
    --brand-color-red-300: #f18d85;
    --brand-color-red-400: #ff5c3b;
    --brand-color-red-500: #e31b0c;
    --brand-color-red-600: #9f1308;
    --brand-color-red-700: #710e06;
    /* gold */
    --brand-color-gold-100: #fef3eb;
    --brand-color-gold-200: #ffddc3;
    --brand-color-gold-300: #f6b680;
    --brand-color-gold-400: #ffb547;
    --brand-color-gold-500: #ed6c02;
    --brand-color-gold-600: #a64c01;
    --brand-color-gold-700: #773601;
    /* purple     */
    --brand-color-purple-100: #f7f3ff;
    --brand-color-purple-200: #e3d6ff;
    --brand-color-purple-300: #bda0fe;
    --brand-color-purple-400: #9a6cff;
    --brand-color-purple-500: #702fff;
    --brand-color-purple-600: #4716b3;
    --brand-color-purple-700: #31194c;
    /* blueberry */
    --brand-color-blueberry-200: #d6deff;
    --brand-color-blueberry-300: #a8b9ff;
    --brand-color-blueberry-400: #859dff;
    --brand-color-blueberry-500: #5173ff;
    --brand-color-blueberry-600: #3950b3;
    --brand-color-blueberry-700: #283980;
    /* white */
    --brand-color-white-500: #ffffff;
    --brand-color-border-normal: #878787;
    --brand-color-border-disabled: rgba(37, 37, 38, 0.2);
    --brand-color-border-hover: #252526;
    --brand-color-border-focused: #1994f1;
    /* gradient*/
    --brand-color-gradient-button: linear-gradient(95.74deg, #d85ad6 -53.26%,#0075e1 118.75%);
    --brand-color-gradient-button-hover: linear-gradient(95.74deg, #0075e1 -30.01%, #d85ad6 142.86%);
    --brand-color-gradient-purple: linear-gradient( 45deg, #4716b3 0%, #702fff 100% );
    --brand-color-gradient-blueberry: linear-gradient( 45deg, #3950b3 0%, #5173ff 100% );
    --brand-color-gradient-pink: linear-gradient( 45deg, #973f96 0%, #d85ad6 100% );
    --brand-color-gradient-blue: linear-gradient( 45deg, #1268a9 0%, #0092f4 100% );
    --brand-color-gradient-green: linear-gradient( 45deg, #007540 0%, #00a75b 100% );
    --brand-color-gradient-gold: linear-gradient( 45deg, #a64c01 0%, #ed6c02 100% );
    --brand-color-gradient-red: linear-gradient( 45deg, #9f1308 0%, #e31b0c 100% );
    --brand-color-gradient-icon: linear-gradient( 140.08deg, #ff4800 3.11%, #da54d8 50%, #0092f4 96.89% );
}

body {
    height: 100vh;
    background: black !important;
}

#root {
    height: 100%;
}

.card {
    font-size: 16px;
    padding: 18px 20px 17px 18px;
    font-family: var(--payo-brand-font);
    background: #fff;
    text-align: left
}

.card--rtl {
    direction: rtl;
    text-align: right;
    padding: 18px 18px 17px 20px
}

.card--rtl>.card__body {
    padding-left: 0;
    padding-right: 27px
}

.card--active {
    border-left: 4px solid var(--brand-color-blue-500, #0075e1);
    padding-left: 15px
}

.card--active.card--rtl {
    border-left: 0;
    border-right: 4px solid var(--brand-color-blue-500, #0075e1);
    padding-left: 20px;
    padding-right: 15px
}

.card--no-padding {
    padding: 18px 0
}

.card--no-padding .card__header {
    padding: 0 18px 0 20px
}

.card--no-padding.card--open {
    padding-bottom: 0
}

.card--no-padding.card--open>.card__body {
    padding-left: 0
}

.card--no-padding.card--rtl {
    padding: 18px 0 0
}

.card--no-padding.card--rtl .card__header {
    padding: 0 20px 0 18px
}

.card--no-padding.card--rtl.card--open>.card__body {
    padding-right: 0
}

.card--shadow {
    -webkit-box-shadow: 4px 3px 15px rgba(136,136,136,.2);
    box-shadow: 4px 3px 15px rgba(136,136,136,.2)
}

.card--shadow.card--rtl {
    -webkit-box-shadow: -4px 3px 15px rgba(136,136,136,.2);
    box-shadow: -4px 3px 15px rgba(136,136,136,.2)
}

.card--inline {
    display: inline-block
}

.card__body {
    display: none
}

.card--open .card__content>.card__body {
    display: block;
    padding-left: 27px;
    border-top: 1px solid var(--brand-color-gray-200, #DCDCDC);
    margin-top: 16px;
    padding-top: 10px
}

.card--rtl .card--open .card__content>.card__body {
    padding-left: 0;
    padding-right: 27px
}

.card--open .card__content>.card__body p,.card--open .card__content>.card__body h1,.card--open .card__content>.card__body h2,.card--open .card__content>.card__body h3,.card--open .card__content>.card__body h4,.card--open .card__content>.card__body h5 {
    margin: 0
}

.card__header {
    cursor: default;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card__header__expander {
    width: 30px
}

.card__header__expander:before {
    color: var(--brand-color-gray-700, #252526);
    font-size: 1.4em;
    margin-left: 0
}

.card--rtl .card__header__expander:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: .2em;
    margin-right: 0
}

.card--open>.card__header>.card__header__expander:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.card__header__title {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.25em;
    font-weight: 600;
    color: var(--brand-color-gray-700, #252526)
}

.card__header__subTitle {
    color: var(--brand-color-gray-600, #666666);
    font-weight: initial
}

.card__header__subTitle h1,.card__header__subTitle h2,.card__header__subTitle h3,.card__header__subTitle h4,.card__header__subTitle h5 {
    margin: 0px;
    line-height: 1.2em
}

.card__header__addon {
    border-right: none;
    border-left: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.card--rtl .card__header__addon {
    border-left: none;
    border-right: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.card__header--collapsable {
    cursor: pointer
}

.card--rtl .card__header {
    direction: rtl;
    text-align: right
}

.card__header__separator {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.card__content {
    font-size: 18px;
    line-height: 21px;
    color: var(--brand-color-gray-700, #252526)
}

.card--open .card__content {
    margin-top: 18px
}

@media only screen and (max-width: 480px) {
    .card {
        margin:auto;
        width: 96.7%
    }
}

.payoneer_loader {
    position: fixed;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100vh
}

.payoneer_loader-container {
    width: 120px;
    height: 120px
}

@media(min-width: 691px) {
    .payoneer_loader-container {
        width:240px;
        height: 240px
    }
}

.google-recaptcha--error>div {
    width: 304px;
    border: 1px solid var(--brand-color-red-500, #e31b0c)
}

.google-recaptcha~.error-text {
    margin-top: 4px
}

.simple-captcha {
    font-family: var(--payo-brand-font);
    font-size: 16px;
    background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7);
    border: 1px solid #d4d4d4;
    direction: ltr;
    width: 300px;
    min-height: 120px
}

@media only screen and (max-width: 400px) {
    .simple-captcha {
        width:202px;
        min-height: 114px
    }
}

.simple-captcha__error-text {
    min-height: 76px;
    padding: 30px;
    text-align: center;
    position: relative
}

.simple-captcha__error-text i {
    color: var(--brand-color-red-500, #e31b0c)
}

.simple-captcha__error-text__status {
    font-size: .8em;
    color: var(--payo-brand-color-gray-lighter, #b3b3b3);
    position: absolute;
    bottom: 8px;
    right: 8px
}

@media only screen and (max-width: 400px) {
    .simple-captcha__error-text__status {
        font-size:.7em;
        bottom: 2px;
        right: 2px
    }
}

@media only screen and (max-width: 400px) {
    .simple-captcha__error-text {
        min-height:44px;
        padding: 15px
    }
}

.simple-captcha__loader {
    min-height: 76px;
    padding: 23px
}

@media only screen and (max-width: 400px) {
    .simple-captcha__loader {
        min-height:44px;
        padding: 8px
    }
}

.simple-captcha__image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 6px auto;
    min-width: 288px;
    min-height: 64px
}

@media only screen and (max-width: 400px) {
    .simple-captcha__image {
        margin:0;
        min-width: 200px;
        min-height: 44px
    }
}

.simple-captcha__input {
    background-color: #fff;
    padding: 8px 0
}

.simple-captcha__input .text-box {
    width: 60%;
    padding: 0 10px;
    display: inline-block
}

@media only screen and (max-width: 400px) {
    .simple-captcha__input .text-box {
        width:100%;
        padding: 0 2px;
        display: block
    }
}

.simple-captcha__input__change {
    float: right;
    padding: 0 10px;
    cursor: pointer;
    opacity: .7
}

.simple-captcha__input__change:hover {
    opacity: 1
}

@media only screen and (max-width: 400px) {
    .simple-captcha__input__change {
        float:none;
        padding: 10px 0 0
    }
}

.table-wrapper-overflow-x {
    overflow-x: auto;
    scrollbar-face-color:var(--payo-brand-color-cold-gray-600, #8c98ab);scrollbar-shadow-color: var(--payo-brand-color-cold-gray-600, #8c98ab);
    scrollbar-highlight-color:var(--payo-brand-color-cold-gray-600, #8c98ab);scrollbar-3dlight-color: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    scrollbar-darkshadow-color: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    scrollbar-track-color:var(--payo-brand-color-cold-gray-300, #c9cdd7);scrollbar-arrow-color: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-wrapper-overflow-x::-webkit-scrollbar-track {
    background-color: var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.table-wrapper-overflow-x::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.table-wrapper-overflow-x::-webkit-scrollbar-thumb {
    background-color: var(--payo-brand-color-cold-gray-600, #8c98ab)
}

@media(max-width: 690px) {
    .table-wrapper-overflow-x {
        overflow-x:initial;
        min-width: initial !important
    }
}

.table-body-scroll-y {
    overflow-y: auto;
    scrollbar-face-color:var(--payo-brand-color-cold-gray-600, #8c98ab);scrollbar-shadow-color: var(--payo-brand-color-cold-gray-600, #8c98ab);
    scrollbar-highlight-color:var(--payo-brand-color-cold-gray-600, #8c98ab);scrollbar-3dlight-color: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    scrollbar-darkshadow-color: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    scrollbar-track-color:var(--payo-brand-color-cold-gray-300, #c9cdd7);scrollbar-arrow-color: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-body-scroll-y::-webkit-scrollbar-track {
    background-color: var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.table-body-scroll-y::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.table-body-scroll-y::-webkit-scrollbar-thumb {
    background-color: var(--payo-brand-color-cold-gray-600, #8c98ab)
}

.table-overflow-hidden {
    overflow-y: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.table {
    font-family: var(--payo-brand-font);
    font-size: 16px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2em;
    margin-bottom: 2.5em;
    overflow: visible
}

.card__content>.table,.card>.table {
    margin: -18px -20px -17px -15px
}

.table__actions {
    line-height: 47px;
    display: block;
    padding: 0 15px;
    border-bottom: 1px solid #efeff0
}

@media(max-width: 690px) {
    .table__actions {
        display:block;
        min-height: 0;
        line-height: 0;
        padding: 0;
        border: 0;
        height: 0
    }
}

.table__actions__items {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    vertical-align: middle;
    position: relative;
    width: 100%;
    min-height: 46px
}

.table__actions__items:empty {
    display: none
}

.table__actions__items__check-count {
    color: var(--brand-color-gray-700, #252526);
    min-height: 53px;
    min-width: 32px
}

.table__actions__items__check-count .icon-close {
    position: absolute;
    left: 0;
    font-size: 2em;
    cursor: pointer
}

.table__actions__items__check-count .icon-close:before {
    margin-left: -0.2em;
    margin-right: -0.2em
}

.table__actions__items__check-count__counter {
    padding-right: 10px;
    position: absolute;
    left: 0px
}

i+.table__actions__items__check-count__counter {
    padding-left: 10px;
    left: 20px
}

.table__actions__items__check-count__counter .clear-all-text {
    padding-left: 10px;
    margin-left: 10px;
    color: var(--payo-brand-color-blue-300, #5ea2ce);
    border-left: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7);
    cursor: pointer
}

.table__actions__header-text {
    font-size: 1.4em;
    font-weight: 400;
    color: var(--brand-color-gray-700, #252526)
}

.table__actions .search-box+.table__actions__icons {
    margin-right: 45px
}

.table__actions .search-box--opened+.table__actions__icons {
    margin-right: 0
}

.table__actions__icons {
    margin-right: -2px;
    margin-left: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.table__actions__icons i {
    font-size: 1.3em;
    color: var(--brand-color-gray-700, #252526);
    line-height: 33px;
    margin: 0 2px;
    opacity: .7
}

.table__actions__icons i:hover {
    cursor: pointer;
    opacity: 1
}

@media(max-width: 690px) {
    .table__actions__icons {
        display:none
    }
}

.table .table_table-tr--no-data td {
    text-align: left;
    color: var(--brand-color-gray-700, #252526);
    padding: 1.5em 1em;
    font-size: 1.2em
}

.table table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    color: var(--brand-color-gray-700, #252526)
}

@media(max-width: 690px) {
    .table table {
        min-width:initial !important
    }
}

.table table colgroup .col--clickable,.table table colgroup .col--icon {
    width: 55px
}

.table table colgroup .col--checkbox {
    width: 32px
}

@media(max-width: 690px) {
    .table table colgroup {
        display:none
    }
}

.table table tr .table_table-th--clickable,.table table tr .table_table-td--clickable {
    text-align: right;
    font-size: 1.4em
}

.table table tr .check-box__box .check-box__box__check {
    border-width: 1px
}

.table table tr .check-box input[type=checkbox]:checked+.check-box__box .check-box__box__check {
    border: none
}

.table table thead {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(max-width: 690px) {
    .table table thead {
        display:none
    }
}

.table table thead .table__table-tr {
    border-bottom: 4px solid var(--brand-color-gray-100, "#EFEFEF")
}

.table table thead .table__table-tr .table__table-th {
    font-weight: normal;
    padding: 15px;
    position: relative;
    text-align: left
}

.table table thead .table__table-tr .table__table-th__title-shadow {
    visibility: hidden;
    white-space: nowrap
}

.table table thead .table__table-tr .table__table-th__title-content {
    display: inline-block;
    padding-right: 20px;
    position: absolute;
    top: 15px
}

.table table thead .table__table-tr .table__table-th__title-content__title-text {
    font-size: 15px
}

.table table thead .table__table-tr .table__table-th__title-content--ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: -webkit-calc(100% - 20px);
    max-width: calc(100% - 20px)
}

.table table thead .table__table-tr .table__table-th__title-content--ellipsis .table__table-th__title-content__title-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.table table thead .table__table-tr .table__table-th__title-content__table-sort-indicator {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    text-align: center
}

.table table thead .table__table-tr .table__table-th__title-content__table-sort-indicator i {
    display: block;
    font-size: .6em;
    line-height: 4px
}

.table table thead .table__table-tr .table__table-th__title-content__table-sort-indicator i:first-child {
    margin-top: 3px
}

.table table thead .table__table-tr .table__table-th__title-content__table-sort-indicator i:before {
    line-height: 7px
}

.table table thead .table__table-tr .table__table-th__checkbox {
    padding: 0;
    position: absolute;
    top: 12px
}

.table table thead .table__table-tr .table__table-th__checkbox+div .table__table-th__title-content {
    margin-left: 32px
}

.table table thead .table__table-tr .table__table-th--clickable {
    text-align: right;
    font-size: 1.4em
}

.table table thead .table__table-tr .table__table-th--asc .table__table-th__title-content__table-sort-indicator i {
    font-size: 1em;
    margin-top: 5px
}

.table table thead .table__table-tr .table__table-th--asc .table__table-th__title-content__table-sort-indicator i:last-child {
    display: none
}

.table table thead .table__table-tr .table__table-th--desc .table__table-th__title-content__table-sort-indicator i {
    font-size: 1em;
    margin-top: 6px
}

.table table thead .table__table-tr .table__table-th--desc .table__table-th__title-content__table-sort-indicator i:first-child {
    display: none
}

.table table tbody .table__table-tr {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid var(--brand-color-gray-200, "#DCDCDC0")
}

.table table tbody .table__table-tr--lighted {
    background-color: #fff8e8
}

.table table tbody .table__table-tr .table__table-td {
    height: 72px;
    padding: 0 15px;
    text-align: left
}

.table table tbody .table__table-tr .table__table-td__icon-wrapper {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    line-height: 29px;
    display: block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 25px
}

.table table tbody .table__table-tr .table__table-td__icon-wrapper i {
    vertical-align: middle
}

.table table tbody .table__table-tr .table__table-td__icon-wrapper i:before {
    font-size: 1em
}

.table table tbody .table__table-tr .table__table-td__icon-wrapper--border {
    border: 1px solid var(--brand-color-gray-700, #252526);
    position: relative;
    margin-top: -1px;
    overflow: hidden
}

.table table tbody .table__table-tr .table__table-td__icon-wrapper--border i:before {
    width: auto
}

.table table tbody .table__table-tr .table__table-td--checkbox .check-box {
    padding: 0
}

.table table tbody .table__table-tr .table__table-td--checkbox .check-box__box__check:before {
    -webkit-animation: none !important;
    animation: none !important
}

.table table tbody .table__table-tr .table__table-td--icon {
    position: relative;
    z-index: 0;
    padding-right: 0
}

@media(max-width: 690px) {
    .table table tbody .table__table-tr .table__table-td--icon {
        position:absolute
    }
}

.table table tbody .table__table-tr .table__table-td--clickable {
    text-align: right;
    font-size: 1.4em
}

.table table tbody .table__table-tr .table__table-td--ellipsis * {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(max-width: 690px) {
    .table table tbody .table__table-tr {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        padding: 15px 0 5px 0
    }

    .table table tbody .table__table-tr .table__table-td {
        display: block;
        position: relative;
        z-index: 1;
        -webkit-flex-basis: -webkit-calc(100% - 75px);
        -ms-flex-preferred-size: calc(100% - 75px);
        flex-basis: calc(100% - 75px);
        max-width: 100% !important;
        height: auto;
        margin-bottom: 6px
    }

    .table table tbody .table__table-tr .table__table-td--clickable {
        width: 60px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin: 0
    }

    .table table tbody .table__table-tr .table__table-td--icon {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        margin: 0
    }

    .table table tbody .table__table-tr .table__table-td * {
        white-space: normal !important
    }
}

.table table input[type=checkbox]:focus,.table table input[type=checkbox]:not(:checked):focus+.check-box__box .check-box__box__check {
    border-color: var(--brand-color-gray-500, #878787)
}

.table--clickable tbody .table__table-tr--data:hover {
    background-color: var(--brand-color-gray-100, "#252526");
    color: var(--brand-color-gray-700, #252526);
    cursor: pointer
}

@media(hover: none) {
    .table--clickable tbody .table__table-tr--data:hover {
        background-color:inherit;
        color: inherit;
        cursor: pointer
    }
}

.table--clickable tbody .table__table-tr--data.table__table-tr--unclickable {
    cursor: default
}

.table--show-selection tbody .table__table-tr--data.table__table-tr--selected {
    background-color: var(--brand-color-blue-150, "#E3F1FB");
    color: var(--brand-color-gray-700, "#252526");
    cursor: pointer
}

.table--show-selection tbody .table__table-tr--data.table__table-tr--selected .table__table-td--checkbox .check-box input[type=checkbox]:checked:focus+.check-box__box .check-box__box__check,.table--show-selection tbody .table__table-tr--data.table__table-tr--selected .table__table-td--checkbox .check-box__box__check {
    color: #fff;
    border-color: #fff;
    background: var(--brand-color-blue-500, #0075e1)
}

.table--show-selection tbody .table__table-tr--data.table__table-tr--selected .table__table-td__icon-wrapper--border {
    border-color: var(--brand-color-gray-700, "#252526");
    overflow: visible
}

.table--show-selection tbody .table__table-tr--data.table__table-tr--selected .table__table-td__icon-wrapper--border>* {
    border-radius: 50%;
    position: relative
}

.table--card-view table tbody {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(0,0,0,0)
}

.table--card-view table tbody .table__table-tr.table__table-tr--data.table__table-tr--selected,.table--card-view table tbody .table__table-tr.table__table-tr--data:hover {
    background-color: rgba(0,0,0,0)
}

.table--card-view table tbody .table__table-tr {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-top: 20px;
    padding-bottom: 10px;
    border: none
}

.table--card-view table tbody .table__table-tr--long-card {
    padding: 0 !important;
    margin: 7px 15px;
    -webkit-flex-basis: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important
}

.table--card-view table tbody .table__table-tr--long-card:before {
    top: 0 !important
}

@media(max-width: 690px) {
    .table--card-view table tbody .table__table-tr--long-card:before {
        left:0 !important
    }
}

.table--card-view table tbody .table__table-tr--long-card .table__table-td {
    padding: 0 !important;
    padding-right: 4px !important
}

.table--card-view table tbody .table__table-tr--long-card .card-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

@media(max-width: 690px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media(max-width: 991px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.table--card-view table tbody .table__table-tr--long-card .card-view__rows {
    -webkit-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 991px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__rows {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 75px;
        padding-top: 14px
    }
}

@media(max-width: 690px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__rows {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 13px
    }
}

.table--card-view table tbody .table__table-tr--long-card .card-view__rows__row {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 10px 25px 0 25px;
    min-height: 110px
}

@media(max-width: 690px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__rows__row {
        min-height:127px;
        padding: 10px 10px;
        max-width: 500px;
        width: 50%
    }
}

@media(max-width: 991px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__rows__row {
        min-width:150px
    }
}

.table--card-view table tbody .table__table-tr--long-card .card-view__rows__row * {
    white-space: normal
}

.table--card-view table tbody .table__table-tr--long-card .card-view__rows__row--separated {
    border-right: 1px solid var(--payo-brand-color-cold-gray-500, #c3cad9)
}

@media(max-width: 690px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__rows__row--separated {
        border-right:none
    }
}

.table--card-view table tbody .table__table-tr--long-card .card-view__rows--2 .card-view__rows__row {
    width: 50%
}

.table--card-view table tbody .table__table-tr--long-card .card-view__rows--3 .card-view__rows__row {
    width: 33.3%
}

@media(max-width: 690px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__rows--3 .card-view__rows__row {
        width:50%
    }
}

@media(max-width: 991px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__rows--3 .card-view__rows__row {
        width:50%
    }
}

.table--card-view table tbody .table__table-tr--long-card .card-view__rows--4 .card-view__rows__row {
    width: 25%
}

@media(max-width: 690px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__rows--4 .card-view__rows__row {
        width:50%
    }
}

.table--card-view table tbody .table__table-tr--long-card .card-view__rows--5 .card-view__rows__row {
    width: 20%
}

@media(max-width: 690px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__rows--5 .card-view__rows__row {
        width:50%
    }
}

.table--card-view table tbody .table__table-tr--long-card .card-view__main {
    padding-top: 15px;
    padding-left: 2em;
    display: inline-block;
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    border-right: 1px solid var(--payo-brand-color-cold-gray-500, #c3cad9)
}

@media(max-width: 690px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__main {
        border-right:none;
        border-bottom: 1px solid var(--payo-brand-color-cold-gray-500, #c3cad9);
        padding-bottom: 15px;
        min-height: 103px
    }
}

@media(max-width: 991px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__main {
        border-right:none;
        padding-left: 10px
    }
}

.table--card-view table tbody .table__table-tr--long-card .card-view__main__icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 33px;
    color: var(--payo-brand-color-cold-gray-600, #8c98ab)
}

@media(max-width: 991px) {
    .table--card-view table tbody .table__table-tr--long-card .card-view__main__icon {
        font-size:33px
    }
}

.table--card-view table tbody .table__table-tr--long-card .card-view__main__titles {
    display: inline-block;
    padding-left: 16px;
    vertical-align: middle
}

.table--card-view table tbody .table__table-tr--long-card .card-view__main__titles__title {
    padding-bottom: 10px
}

@media(min-width: 768px) {
    .table--card-view table tbody .table__table-tr--long-card {
        -webkit-flex-basis:100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media(min-width: 1601px) {
    .table--card-view table tbody .table__table-tr--long-card {
        -webkit-flex-basis:100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media(min-width: 900px) {
    .table--card-view table tbody .table__table-tr--long-card {
        -webkit-flex-basis:100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr {
    min-height: 120px
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr--long-card {
    min-height: 110px
}

@media(max-width: 991px) {
    .table--card-view table tbody .table__table-tr--add-new.table__table-tr--long-card {
        min-height:209px
    }
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr--long-card .table__table-td {
    text-align: center;
    padding-top: 10px
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr:hover:before {
    border-color: var(--brand-color-gray-700, "#252526");
    color: var(--brand-color-gray-700, "#252526");
    background-color: var(--brand-color-gray-100, "#EFEFEF")
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr:before {
    border: 2px dashed var(--brand-color-gray-700);
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    color: var(--brand-color-gray-700, "#252526")
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr .table__table-td--ellipsis {
    margin-bottom: inherit
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr div,.table--card-view table tbody .table__table-tr--add-new.table__table-tr p,.table--card-view table tbody .table__table-tr--add-new.table__table-tr strong {
    color: var(--brand-color-gray-700, "#252526")
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr .icon-expander {
    color: var(--brand-color-gray-700, "#252526")
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr .table__table-td__icon-wrapper--border {
    border: 0;
    overflow: visible
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr .table__table-td__icon-wrapper--border>i {
    font-size: 65px !important
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr .table__table-td__icon-wrapper--border>i:before {
    color: var(--brand-color-gray-700, "#252526");
    margin: 0
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr:hover div,.table--card-view table tbody .table__table-tr--add-new.table__table-tr:hover p,.table--card-view table tbody .table__table-tr--add-new.table__table-tr:hover strong {
    color: var(--brand-color-gray-700, "#252526")
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr:hover .table__table-td__icon-wrapper--border {
    color: var(--brand-color-gray-700, "#252526")
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr:hover .icon-expander {
    color: var(--brand-color-gray-700, "#252526")
}

.table--card-view table tbody .table__table-tr--add-new.table__table-tr:hover .table__table-td__icon-wrapper--border>i:before {
    color: var(--brand-color-gray-700, "#252526")
}

@media(min-width: 691px) {
    .table--card-view table tbody .table__table-tr {
        -webkit-flex-basis:50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width: 900px) {
    .table--card-view table tbody .table__table-tr {
        -webkit-flex-basis:33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%
    }
}

.table--card-view table tbody .table__table-tr:before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    background-color: #fff;
    z-index: 0;
    -webkit-box-shadow: 3px 3px 6px rgba(136,136,136,.2);
    box-shadow: 3px 3px 6px rgba(136,136,136,.2);
    outline: none;
    border-radius: 2px
}

.table--card-view table tbody .table__table-tr.table__table-tr--selected:before {
    background-color: var(--brand-color-blue-150, "#E3F1FB");
    color: var(--brand-color-gray-700, "#252526")
}

.table--card-view table tbody .table__table-tr .table__table-td {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    padding: 0 20px;
    margin-bottom: 6px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.table--card-view table tbody .table__table-tr .table__table-td--clickable {
    position: absolute;
    right: 1em;
    top: 40%
}

.table--card-view .table_table-tr--no-data {
    width: 100%
}

.table--card-view .table_table-tr--no-data td {
    padding: 0;
    width: 100%;
    display: inline-block
}

.table--card-view.table--has-icon table tbody .table__table-tr {
    padding: 30px 40px 25px 80px;
    font-size: 16px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis
}

.table--card-view.table--has-icon table tbody .table__table-tr .table__table-td {
    margin-bottom: 0;
    width: 100%;
    display: inline-block
}

.table--card-view.table--has-icon table tbody .table__table-tr .table__table-td--clickable {
    right: 0;
    font-size: 34px;
    top: 40px;
    padding: 0
}

@media(max-width: 690px) {
    .table--card-view.table--has-icon table tbody .table__table-tr .table__table-td--clickable {
        top:55px
    }
}

.table--card-view.table--has-icon table tbody .table__table-tr .table__table-td--icon {
    position: absolute;
    left: 0;
    top: 30px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.table--card-view.table--has-icon table tbody .table__table-tr .table__table-td--icon .table__table-td__icon-wrapper {
    width: 65px;
    height: 65px;
    line-height: 55px
}

.table--card-view.table--has-icon table tbody .table__table-tr .table__table-td--icon .table__table-td__icon-wrapper>i {
    font-size: 40px
}

.table--card-view.table--has-icon table tbody .table__table-tr__header {
    font-size: 1.125em;
    font-weight: bold
}

.table--card-view.table--has-icon table tbody .table__table-tr__small {
    font-size: .875em;
    margin-top: 8px;
    display: block;
    color: var(--payo-brand-color-cold-gray-600, #8c98ab)
}

.table--card-view.table--has-icon table tbody .table__table-tr__small::after {
    content: ".";
    color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.table--card-view.table--has-icon table tbody .table__table-tr--selected .table__table-tr__small {
    color: #fff
}

@media(max-width: 690px) {
    .table--card-view.table--has-icon table tbody .table__table-tr {
        -webkit-flex-basis:100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media(min-width: 691px) {
    .table--card-view.table--has-icon table tbody .table__table-tr {
        -webkit-flex-basis:50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width: 1260px) {
    .table--card-view.table--has-icon table tbody .table__table-tr {
        -webkit-flex-basis:33.3333333333%;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%
    }
}

@media(min-width: 1601px) {
    .table--card-view.table--has-icon table tbody .table__table-tr {
        -webkit-flex-basis:25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

.table--card-view.table--clickable table tbody .table__table-tr:before {
    -webkit-box-shadow: 2px 2px 4px rgba(136,136,136,.2);
    box-shadow: 2px 2px 4px rgba(136,136,136,.2)
}

.table--card-view.table--clickable table tbody .table__table-tr:not(.table__table-tr--selected):hover:before {
    background-color: var(--brand-color-gray-100, "#252526");
    color: var(--brand-color-gray-700, #252526)
}

.table--card-view.table--clickable table tbody .table__table-tr--long-card .card-view:hover .card-view__rows__row--separated {
    border-right: 1px solid var(--payo-brand-color-cold-gray-600, #8c98ab)
}

@media(max-width: 690px) {
    .table--card-view.table--clickable table tbody .table__table-tr--long-card .card-view:hover .card-view__rows__row--separated {
        border-right:none
    }
}

.table--card-view.table--clickable table tbody .table__table-tr--long-card .card-view:hover .card-view__main {
    border-right: 1px solid var(--payo-brand-color-cold-gray-600, #8c98ab)
}

@media(max-width: 991px) {
    .table--card-view.table--clickable table tbody .table__table-tr--long-card .card-view:hover .card-view__main {
        border-right:none
    }
}

@media(max-width: 690px) {
    .table--card-view.table--clickable table tbody .table__table-tr--long-card .card-view:hover .card-view__main {
        border-bottom:1px solid var(--payo-brand-color-cold-gray-600, #8c98ab);
        border-right: none
    }
}

.table--sortable thead .table__table-tr .table__table-th {
    cursor: pointer
}

@media(max-width: 690px) {
    .table--has-icon table tbody .table__table-tr {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        padding: 15px 0 5px 45px
    }

    .table--has-icon table tbody .table__table-tr .table__table-td--icon {
        -webkit-flex-basis: 30px;
        -ms-flex-preferred-size: 30px;
        flex-basis: 30px
    }
}

@media(max-width: 690px) {
    .table table tbody .table__table-tr .table__table-td--hide-on-mobile {
        display:none
    }
}

.table--rtl {
    direction: rtl
}

.table--rtl.table .table__table-tr--long-card .card-view__main {
    padding-right: 2em;
    padding-left: 0;
    border-right: 0;
    border-left: 1px solid var(--payo-brand-color-cold-gray-500, #c3cad9)
}

@media(max-width: 991px) {
    .table--rtl.table .table__table-tr--long-card .card-view__main {
        border-left:none
    }
}

@media(max-width: 991px) {
    .table--rtl.table .table__table-tr--long-card .card-view__rows {
        padding-right:55px
    }
}

@media(max-width: 690px) {
    .table--rtl.table .table__table-tr--long-card .card-view__rows {
        padding-right:31px
    }
}

.table--rtl.table .table__table-tr--long-card .card-view__rows__row--separated {
    border-left: 1px solid var(--payo-brand-color-cold-gray-500, #c3cad9);
    border-right: none
}

@media(max-width: 690px) {
    .table--rtl.table .table__table-tr--long-card .card-view__rows__row--separated {
        border-left:none
    }
}

@media(max-width: 690px) {
    .table--rtl.table--has-icon table tbody .table__table-tr {
        padding:15px 45px 5px 0
    }
}

.table--rtl table thead .table__table-tr .table__table-th {
    text-align: right
}

.table--rtl table thead .table__table-tr .table__table-th__title-content {
    padding-right: 0;
    padding-left: 20px
}

.table--rtl table thead .table__table-tr .table__table-th__title-content__table-sort-indicator {
    right: auto;
    left: 0
}

.table--rtl table thead .table__table-tr .table__table-th__checkbox+div .table__table-th__title-content {
    margin-left: 0;
    margin-right: 32px
}

.table--rtl table tbody .table__table-tr .table__table-td {
    text-align: right
}

.table--rtl table tbody .table__table-tr .table__table-td--icon {
    position: static;
    left: initial;
    right: 0;
    padding-left: 0;
    padding-right: 15px
}

@media(max-width: 690px) {
    .table--rtl table tbody .table__table-tr .table__table-td--icon {
        position:absolute
    }
}

.table--rtl table tbody .table__table-tr .table__table-td i:before {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

@media(max-width: 690px) {
    .table--rtl table tbody .table__table-tr .table__table-td.table__table-td--clickable {
        right:auto;
        left: 0;
        padding: 15px 0 5px 45px
    }

    .table--rtl table tbody .table__table-tr .table__table-td.table__table-td--icon {
        left: auto;
        right: 0
    }
}

.table--rtl .table__actions__icons {
    margin-right: 10px;
    margin-left: -2px
}

.table--rtl .table__actions .search-box+.table__actions__icons {
    margin-left: 45px
}

.table--rtl .table__actions .search-box--opened+.table__actions__icons {
    margin-left: -2px
}

.table--rtl .table__actions__items__check-count .icon-close {
    right: 0;
    left: inherit
}

.table--rtl .table__actions__items__check-count__counter {
    right: 20px;
    left: inherit
}

.card>.table--rtl {
    margin: -18px -15px -17px -20px
}

.table--rtl.table--card-view table tbody .table__table-tr {
    padding: 30px 80px 25px 40px
}

.table--rtl.table--card-view table tbody .table__table-tr .table__table-td--clickable {
    right: initial;
    text-align: left;
    left: 1em
}

.table--rtl.table--card-view table tbody .table__table-tr .table__table-td--icon {
    right: 0;
    left: initial;
    position: absolute
}

.table--no-data thead,.table--no-data .table__actions {
    display: none
}

@media only screen {
    .table--multi-selected tbody .table__table-tr--data:hover {
        background-color: inherit;
        color: inherit;
        cursor: default
    }
}

.load-more {
    text-align: center;
    position: relative
}

.load-more__btn {
    background: var(--brand-color-gray-700);
    color: #fff;
    cursor: pointer;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: initial;
    padding: 5px 20px;
    display: inline-block;
    -webkit-transition: padding .2s ease-in-out;
    transition: padding .2s ease-in-out
}

.load-more__btn i {
    font-size: .8em
}

.load-more__btn:hover {
    padding-top: 10px
}

.load-more__btn--loading {
    cursor: default
}

.load-more__btn--loading .spinner-container {
    padding: 5px
}

.load-more__btn--loading:hover {
    padding-top: 5px
}

.error-box {
    font-size: 16px;
    padding: 1.5%;
    margin-bottom: 2vh;
    width: 100%;
    background-color: var(--brand-color-red-200, #FFC9C6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
}

.error-box--simple {
    background-color: inherit;
    padding: 0;
    margin-bottom: 0
}

.error-box--border {
    border: 1px solid var(--brand-color-red-500, #e31b0c);
    border-radius: 2px;
    padding: 16px 12px
}

.error-box__icon {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 10px
}

.error-box--rtl .error-box__icon {
    margin-right: 0;
    margin-left: 10px
}

.error-box__icon>i {
    font-size: 2.3125em;
    vertical-align: middle;
    color: var(--brand-color-gray-700, #252526)
}

.error-box--simple .error-box__icon>i {
    color: var(--brand-color-red-500, #e31b0c)
}

.error-box__divider {
    border-left: 1px solid var(--brand-color-gray-700, #252526);
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto
}

.error-box--simple .error-box__divider {
    border-left-color: var(--brand-color-red-500, #e31b0c)
}

.error-box__content {
    color: var(--brand-color-gray-700, #252526);
    text-align: left;
    margin-left: 16px;
    -webkit-flex-basis: 85%;
    flex-basis: 85%;
    -ms-flex-preferred-size: 85%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-family: var(--payo-brand-font);
    font-size: 1em;
    font-weight: 500;
    line-height: 1.38em
}

.error-box--simple .error-box__content {
    -webkit-flex-basis: 85%;
    flex-basis: 85%;
    -ms-flex-preferred-size: 85%;
    color: var(--brand-color-red-500, #e31b0c)
}

.error-box--rtl .error-box__content {
    text-align: right;
    margin-left: 0;
    margin-right: 16px
}

.error-box__content h3 {
    font-size: 1.4375em;
    margin: 0
}

.error-box__content a {
    color: var(--brand-color-gray-700, #252526)
}

.error-box--simple .error-box__content a {
    color: var(--brand-color-red-500, #e31b0c)
}

.error-box--rtl {
    direction: rtl
}

@media only screen and (max-width: 480px) {
    .error-box {
        font-size:15px;
        padding: 4% 2%
    }

    .error-box--simple .error-box__icon {
        display: block;
        -webkit-flex-basis: 20%;
        flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        margin-right: 0
    }

    .error-box__content {
        line-height: normal
    }

    .error-box__content h3 {
        font-size: 1.2375em;
        line-height: 1em
    }

    .error-box--simple .error-box__content {
        -ms-flex-preferred-size: 80%;
        -webkit-flex-basis: 80%;
        flex-basis: 80%
    }
}

.notification-list {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    height: 0;
    text-align: left;
    top: 8px;
    z-index: 100010
}

@media only screen and (max-width: 991px) {
    .notification-list {
        top:58px;
        padding-left: 8px;
        padding-right: 8px
    }
}

.rtl .notification-list {
    text-align: right;
    left: inherit
}

.notification-list div.notification-bar {
    display: table;
    font-size: 16px;
    font-family: var(--payo-brand-font);
    margin: 0 auto 8px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: .5s cubic-bezier(0.89, 0.01, 0.5, 1.1);
    transition: .5s cubic-bezier(0.89, 0.01, 0.5, 1.1);
    -webkit-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    color: #fff
}

.notification-list div.notification-bar.notification-bar-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.notification-list div.notification-bar .toast-message {
    min-height: 40px;
    max-width: 700px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--brand-color-gray-700, #252526);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 991px) {
    .notification-list div.notification-bar .toast-message {
        max-width:none;
        width: -webkit-calc(100vw - 16px);
        width: calc(100vw - 16px);
        margin: auto
    }
}

.notification-list div.notification-bar .toast-message__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 20px;
    width: 40px;
    background-color: var(--brand-color-green-400, #31da89)
}

.notification-list div.notification-bar .toast-message__icon ::before {
    margin: 0
}

.notification-list div.notification-bar .toast-message__icon-wrapper {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.notification-list div.notification-bar .toast-message__icon-error {
    background-color: var(--brand-color-red-400, #ff5c3b)
}

.notification-list div.notification-bar .toast-message__content {
    padding: 8px;
    padding-bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 991px) {
    .notification-list div.notification-bar .toast-message__content {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.notification-list div.notification-bar .toast-message__title {
    font-size: 16px;
    line-height: 24px;
    margin-top: 2px;
    margin-bottom: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.notification-list div.notification-bar .toast-message__text {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 20px
}

.notification-list div.notification-bar .toast-message__text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 991px) {
    .notification-list div.notification-bar .toast-message__text-wrapper {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.notification-list div.notification-bar .toast-message__text-wrapper-action-bottom {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.notification-list div.notification-bar .toast-message__icon-close__new {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    -webkit-margin-end: 12px;
    margin-inline-end:12px;-webkit-margin-start: 4px;
    margin-inline-start:4px;cursor: pointer
}

.notification-list div.notification-bar .toast-message__action {
    margin-bottom: 8px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px
}

.notification-list div.notification-bar .toast-message__addon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-right: 8px
}

.toast-message-rtl {
    direction: rtl
}

.ReactModal__Body--open {
    overflow: hidden
}

.dialog-portal {
    font-family: var(--payo-brand-font);
    font-size: 16px
}

.dialog-portal .dialog {
    outline: none
}

.dialog-portal .dialog__spacer {
    display: inline-block;
    vertical-align: middle;
    height: 92vh;
    width: 1px
}

@media only screen and (max-width: 690px) {
    .dialog-portal .dialog__spacer {
        display:none
    }
}

.dialog-portal .dialog__content {
    text-align: left;
    color: #666;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    pointer-events: all;
    background-color: #fff;
    border-radius: 2px;
    position: relative;
    max-width: 98%
}

.dialog-portal .dialog__content--padding {
    padding: 16px
}

@media only screen and (max-width: 690px) {
    .dialog-portal .dialog__content {
        max-width:100%;
        width: 100%;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        max-height: initial
    }

    .dialog-portal .dialog__content.alignVertical-center__mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.dialog-portal .dialog__close-button {
    cursor: pointer;
    position: absolute;
    font-size: 2em;
    right: 0;
    top: 0;
    text-decoration: none;
    color: var(--brand-color-gray-700, #252526);
    padding: 10px 0
}

.dialog-portal .dialog__title {
    margin-top: 0;
    padding-bottom: .5em;
    color: var(--brand-color-gray-700, #252526);
    font-size: 1.3125em;
    font-weight: 700;
    border-bottom: none
}

.dialog-portal .dialog-overlay {
    outline: none;
    text-align: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3vh 0;
    background-color: rgba(0,0,0,.3)
}

@media only screen and (max-width: 690px) {
    .dialog-portal .dialog-overlay {
        padding:0
    }
}

.dialog-portal .dialog-overlay--not-modal {
    pointer-events: none;
    background-color: rgba(0,0,0,0)
}

.dialog-portal .dialog-overlay .ReactModal__Content {
    pointer-events: none;
    text-align: center;
    height: 100%
}

.dialog-portal--rtl {
    direction: rtl
}

.dialog-portal--rtl .dialog__title {
    direction: rtl;
    text-align: right
}

.dialog-portal--rtl .dialog__content {
    text-align: right
}

.dialog-portal--rtl .dialog__close-button {
    left: 0;
    right: initial
}

.newDialog {
    position: relative;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    pointer-events: all;
    background-color: #fff;
    border-radius: 2px;
    width: 500px;
    padding: 16px 16px 24px;
    outline: none
}

@media only screen and (max-width: 690px) {
    .newDialog {
        width:100%;
        min-height: 100vh
    }
}

.newDialog_portal {
    font-family: var(--payo-brand-font);
    font-size: 16px
}

.newDialog_overlay {
    outline: none;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.3)
}

@media only screen and (min-width: 691px) {
    .newDialog_overlay {
        padding:3vh 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.newDialog_header {
    width: 100%;
    min-height: 22px;
    color: var(--payo-brand-color-cold-gray-700, #636b78)
}

@media only screen and (max-width: 690px) {
    .newDialog_header {
        min-height:24px
    }
}

.newDialog_header-text {
    color: var(--brand-color-gray-700, #252526);
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 1px solid var(--brand-color-gray-200, #DCDCDC);
    padding-bottom: 16px;
    margin-bottom: 16px
}

.newDialog_close-button {
    cursor: pointer;
    position: absolute;
    font-size: 1.9em;
    right: 0;
    top: 0;
    text-decoration: none;
    color: var(--brand-color-gray-700, #252526);
    padding: 10px 0
}

.newDialog_close-button.rtl {
    left: 0;
    right: unset
}

.newDialog_title {
    color: var(--brand-color-gray-700, #252526);
    text-align: center
}

.newDialog_icon {
    font-size: 65px;
    fill: var(--payo-brand-color-cold-gray-600, #8c98ab);
    margin: -7px auto 26px
}

@media only screen and (max-width: 690px) {
    .newDialog_icon {
        margin:66px auto 26px
    }
}

.newDialog_illustration {
    margin: -6px auto 24px
}

@media only screen and (max-width: 690px) {
    .newDialog_illustration {
        margin:60px auto 26px
    }
}

.newDialog_title-text {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    margin: -6px auto 8px
}

.newDialog_subtitle {
    line-height: 1.38;
    margin: 0px 8px 16px
}

.newDialog_subtitle-top {
    width: 100%
}

@media only screen and (min-width: 691px) {
    .newDialog_subtitle-top {
        height:10px
    }
}

.newDialog_content {
    padding: 0 18px 1px 8px;
    -webkit-margin-end: -10px;
    margin-inline-end:-10px;overflow-y: auto;
    color: #666
}

@media only screen and (min-width: 691px) {
    .newDialog_content {
        max-height:550px
    }
}

.newDialog_content::-webkit-scrollbar {
    width: 4px
}

.newDialog_content::-webkit-scrollbar-track {
    background-color: var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.newDialog_content::-webkit-scrollbar-thumb {
    background-color: var(--payo-brand-color-cold-gray-600, #8c98ab)
}

.newDialog_btns {
    text-align: center;
    border-top: 1px solid var(--brand-color-gray-200, #DCDCDC);
    margin-top: 24px
}

.newDialog_btns:empty {
    display: none
}

.newDialog_btns>button {
    width: 196px;
    margin: 24px 8px 0;
    vertical-align: top
}

@media only screen and (max-width: 690px) {
    .newDialog_btns {
        position:-webkit-sticky;
        position: sticky;
        top: 100%;
        padding-top: 8px;
        padding-bottom: 100px
    }

    .newDialog_btns>button {
        width: 100%;
        margin: 16px 0 0
    }
}

.newDialog_link {
    text-align: center;
    margin-top: 16px
}

.newDialog_link>a {
    text-decoration: none;
    cursor: pointer;
    color: var(--brand-color-blue-500, #0075e1);
    line-height: 1.39
}

.newDialog_link>a:hover {
    color: var(--payo-brand-color-blue-700, #3d7faa);
    text-decoration: underline
}

.alert__dialog .dialog__title {
    font-size: 1.4em;
    line-height: 100%
}

@media only screen and (max-width: 400px) {
    .alert__dialog .dialog__title {
        font-size:1.3em
    }
}

.alert__dialog .dialog__content {
    text-align: center
}

@media only screen and (min-width: 690px) {
    .alert__dialog .dialog__content .alert__main-content {
        width:395px;
        padding: 0
    }
}

.alert__dialog .dialog__content .alert__main-content .alert__content {
    padding-top: 35px;
    padding-bottom: 23px;
    white-space: normal;
    font-size: .91em;
    line-height: 1.25
}

@media only screen and (min-width: 690px) {
    .alert__dialog .dialog__content .alert__main-content .alert__content {
        max-width:265px;
        text-align: center;
        margin: auto
    }
}

.alert__dialog .dialog__content .alert__main-content i,.alert__dialog .dialog__content .alert__main-content svg {
    display: block;
    margin: 10px auto 0 auto;
    color: var(--brand-color-gray-600, "#666666")
}

.alert__dialog .dialog__content .alert__main-content svg {
    width: 3.5em
}

.alert__dialog .dialog__content .alert__main-content i {
    font-size: 3.5em
}

.alert__dialog .dialog__content .alert__main-content .alert__footer {
    border-top: 1px solid var(--brand-color-gray-200, "#DCDCDC0");
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 23px
}

@media only screen and (max-width: 690px) {
    .alert__dialog .dialog__content .alert__main-content .alert__footer {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.alert__dialog .dialog__content .alert__main-content .alert__footer button {
    font-size: 1em
}

@media only screen and (max-width: 400px) {
    .alert__dialog .dialog__content .alert__main-content .alert__footer button {
        padding:4px 35px
    }
}

@media only screen and (max-width: 690px) {
    .alert__dialog .dialog__content {
        padding:7% 10%;
        max-width: 75%;
        width: initial;
        height: initial;
        min-height: initial;
        max-height: initial
    }
}

@media only screen and (max-width: 480px) {
    .alert__dialog .dialog__content {
        max-width:90%
    }
}

@media only screen and (max-width: 690px) {
    .alert__dialog .dialog__spacer {
        display:inline-block
    }
}

.inline-edit-textBox {
    font-family: var(--payo-brand-font)
}

.inline-edit-textBox__add-new,.inline-edit-textBox__current-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 37px;
    color: var(--brand-color-blue-500, #0075E1);
    font-size: 16px;
    cursor: pointer
}

.inline-edit-textBox__add-new>span,.inline-edit-textBox__current-value>span {
    color: var(--brand-color-gray-700, #252526)
}

.inline-edit-textBox__add-new>svg,.inline-edit-textBox__current-value>svg {
    fill: var(--brand-color-gray-700, #252526);
    height: 16px;
    margin-bottom: 1.7px
}

.inline-edit-textBox .text-box__input {
    max-width: -webkit-calc(100% - 45px);
    max-width: calc(100% - 45px)
}

.inline-edit-textBox .text-box svg {
    fill: var(--brand-color-gray-700, #252526);
    margin: 4px;
    cursor: pointer;
    height: 16px
}

.rc-tooltip.rc-tooltip-zoom-enter, .rc-tooltip.rc-tooltip-zoom-leave {
    display: block;
}

.rc-tooltip-zoom-enter, .rc-tooltip-zoom-appear {
    opacity: 0;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.rc-tooltip-zoom-leave {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
    animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active, .rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
    -webkit-animation-name: rcToolTipZoomIn;
    animation-name: rcToolTipZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
    -webkit-animation-name: rcToolTipZoomOut;
    animation-name: rcToolTipZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes rcToolTipZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes rcToolTipZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes rcToolTipZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

@keyframes rcToolTipZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

.rc-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.5;
    opacity: 0.9;
}

.rc-tooltip-hidden {
    display: none;
}

.rc-tooltip-placement-top, .rc-tooltip-placement-topLeft, .rc-tooltip-placement-topRight {
    padding: 5px 0 9px 0;
}

.rc-tooltip-placement-right, .rc-tooltip-placement-rightTop, .rc-tooltip-placement-rightBottom {
    padding: 0 5px 0 9px;
}

.rc-tooltip-placement-bottom, .rc-tooltip-placement-bottomLeft, .rc-tooltip-placement-bottomRight {
    padding: 9px 0 5px 0;
}

.rc-tooltip-placement-left, .rc-tooltip-placement-leftTop, .rc-tooltip-placement-leftBottom {
    padding: 0 9px 0 5px;
}

.rc-tooltip-inner {
    padding: 8px 10px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: #373737;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
    min-height: 34px;
}

.rc-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.rc-tooltip-placement-top .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip-placement-topRight .rc-tooltip-arrow {
    bottom: 4px;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #373737;
}

.rc-tooltip-placement-top .rc-tooltip-arrow {
    left: 50%;
}

.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
    left: 15%;
}

.rc-tooltip-placement-topRight .rc-tooltip-arrow {
    right: 15%;
}

.rc-tooltip-placement-right .rc-tooltip-arrow, .rc-tooltip-placement-rightTop .rc-tooltip-arrow, .rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
    left: 4px;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #373737;
}

.rc-tooltip-placement-right .rc-tooltip-arrow {
    top: 50%;
}

.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
    top: 15%;
    margin-top: 0;
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
    bottom: 15%;
}

.rc-tooltip-placement-left .rc-tooltip-arrow, .rc-tooltip-placement-leftTop .rc-tooltip-arrow, .rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
    right: 4px;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #373737;
}

.rc-tooltip-placement-left .rc-tooltip-arrow {
    top: 50%;
}

.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
    top: 15%;
    margin-top: 0;
}

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
    bottom: 15%;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
    top: 4px;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #373737;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
    left: 50%;
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
    left: 15%;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
    right: 15%;
}

.error-text {
    font-family: var(--payo-brand-font);
    margin-top: 5px;
    font-size: 14px;
    line-height: 16px;
    color: var(--brand-color-red-500, #e31b0c);
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    text-align: left
}

.error-text--rtl {
    direction: rtl;
    text-align: right
}

.error-text__error-line {
    margin-bottom: 1px
}

.react-selectize {
    color: #000
}

.react-selectize.root-node {
    position: relative;
    width: 300px
}

.react-selectize.root-node.disabled {
    pointer-events: none
}

.react-selectize.root-node .react-selectize-control {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding: 2px
}

.react-selectize.root-node .react-selectize-control .react-selectize-placeholder {
    display: block;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    max-width: -webkit-calc(100% - 56px);
    max-width: calc(100% - 56px)
}

.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 30px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input {
    background: none;
    border: none;
    outline: none;
    font-size: 1em;
    margin: 2px;
    padding: 4px 0px;
    vertical-align: middle;
    width: 0px
}

.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.react-selectize.root-node .react-selectize-control .react-selectize-reset-button-container,.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px
}

.react-selectize.root-node .react-selectize-control .react-selectize-reset-button-container {
    width: 16px
}

.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container {
    width: 32px
}

.react-selectize.root-node .react-selectize-control .react-selectize-reset-button-container:hover .react-selectize-reset-button path {
    stroke: #c0392b
}

.react-selectize.root-node .react-selectize-control .react-selectize-reset-button path {
    -webkit-transition: stroke .5s 0s ease;
    transition: stroke .5s 0s ease;
    stroke: #999;
    stroke-linecap: square;
    stroke-linejoin: mitter
}

.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button path {
    fill: #999
}

.react-selectize.dropdown-menu-wrapper {
    position: absolute
}

.react-selectize.dropdown-menu-wrapper.tethered {
    min-width: 300px
}

.react-selectize.dropdown-menu-wrapper:not(.tethered) {
    width: 100%
}

.react-selectize.dropdown-menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    position: absolute;
    max-height: 200px;
    z-index: 10
}

.react-selectize.dropdown-menu.tethered {
    min-width: 300px
}

.react-selectize.dropdown-menu:not(.tethered) {
    width: 100%
}

.react-selectize.dropdown-menu .groups.as-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.react-selectize.dropdown-menu .groups.as-columns>div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.react-selectize.dropdown-menu .option-wrapper {
    cursor: pointer;
    outline: none
}

.multi-select.react-selectize.root-node .simple-value {
    display: inline-block;
    margin: 2px;
    vertical-align: middle
}

.multi-select.react-selectize.root-node .simple-value span {
    display: inline-block;
    padding: 2px 5px 4px;
    vertical-align: center
}

.simple-select.react-selectize.root-node .simple-value {
    margin: 2px
}

.simple-select.react-selectize.root-node .simple-value span {
    display: inline-block;
    vertical-align: center
}

.react-selectize.material {
    font-family: Roboto,sans-serif
}

.react-selectize.material.root-node.open .react-selectize-control:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.react-selectize.material.root-node .react-selectize-control {
    border-bottom: 1px solid rgba(0,0,0,.3)
}

.react-selectize.material.root-node .react-selectize-control:after {
    background-color: #00bcd4;
    content: "";
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: -webkit-transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, -webkit-transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 100%;
    height: 2px
}

.react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
    color: rgba(0,0,0,.3);
    text-indent: 4px
}

.react-selectize.material.dropdown-menu-wrapper.flipped {
    margin-bottom: 8px
}

.react-selectize.material.dropdown-menu-wrapper.flipped .dropdown-menu {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.react-selectize.material.dropdown-menu-wrapper:not(.flipped) {
    margin-top: 8px
}

.react-selectize.material.dropdown-menu-wrapper:not(.flipped) .dropdown-menu {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-enter-active,.react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-leave-active {
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms,opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    -webkit-transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms,-webkit-transform 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms,-webkit-transform 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: transform 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms,opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: transform 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms,opacity 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms,-webkit-transform 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-enter {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

.react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-enter-active {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-leave {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-leave-active {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.react-selectize.material.dropdown-menu {
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: rgba(0,0,0,.118) 0px 1px 6px,rgba(0,0,0,.118) 0px 1px 4px;
    box-shadow: rgba(0,0,0,.118) 0px 1px 6px,rgba(0,0,0,.118) 0px 1px 4px;
    max-height: 250px;
    padding: 8px 0px
}

.react-selectize.material.dropdown-menu.flipped {
    margin-bottom: 8px
}

.react-selectize.material.dropdown-menu:not(.flipped) {
    margin-top: 8px
}

.react-selectize.material.dropdown-menu .no-results-found {
    font-style: oblique;
    font-size: 16px;
    height: 32px;
    padding: 0px 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.react-selectize.material.dropdown-menu .groups:not(.as-columns)>div:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.react-selectize.material.dropdown-menu .simple-group-title {
    color: #8f8f8f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 14px;
    height: 48px;
    padding: 0px 10px
}

.react-selectize.material.dropdown-menu .option-wrapper.highlight {
    background-color: rgba(0,0,0,.098)
}

.react-selectize.material.dropdown-menu .option-wrapper .simple-option {
    color: rgba(0,0,0,.875);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 16px;
    height: 48px;
    padding: 0px 16px
}

.react-selectize.material.dropdown-menu .option-wrapper .simple-option.not-selectable {
    background-color: #f8f8f8;
    color: #999;
    cursor: default;
    font-style: oblique;
    text-shadow: 0px 1px 0px #fff
}

.multi-select.react-selectize.material.root-node .simple-value span {
    padding: 0px
}

.multi-select.react-selectize.material.root-node .simple-value span:after {
    content: ","
}

.simple-select.react-selectize.material.root-node .simple-value {
    margin: 4px 3px 3px 2px
}

.flag {
    width: 32px;
    height: 32px;
    background: url(assets/60dbc6ee4833b3a2a212.png) no-repeat;
    display: inline-block;
    margin-top: -10px;
    vertical-align: middle
}

.flag.flag-ad {
    background-position: -32px 0
}

.flag.flag-ae {
    background-position: -64px 0
}

.flag.flag-af {
    background-position: -96px 0
}

.flag.flag-ag {
    background-position: -128px 0
}

.flag.flag-ai {
    background-position: -160px 0
}

.flag.flag-al {
    background-position: -192px 0
}

.flag.flag-am {
    background-position: -224px 0
}

.flag.flag-an {
    background-position: -256px 0
}

.flag.flag-ao {
    background-position: -288px 0
}

.flag.flag-ar {
    background-position: -320px 0
}

.flag.flag-as {
    background-position: -352px 0
}

.flag.flag-at {
    background-position: -384px 0
}

.flag.flag-au {
    background-position: -416px 0
}

.flag.flag-aw {
    background-position: -448px 0
}

.flag.flag-az {
    background-position: 0 -32px
}

.flag.flag-ba {
    background-position: -32px -32px
}

.flag.flag-bb {
    background-position: -64px -32px
}

.flag.flag-bd {
    background-position: -96px -32px
}

.flag.flag-be {
    background-position: -128px -32px
}

.flag.flag-bf {
    background-position: -160px -32px
}

.flag.flag-bg {
    background-position: -192px -32px
}

.flag.flag-bh {
    background-position: -224px -32px
}

.flag.flag-bi {
    background-position: -256px -32px
}

.flag.flag-bj {
    background-position: -288px -32px
}

.flag.flag-bm {
    background-position: -320px -32px
}

.flag.flag-bn {
    background-position: -352px -32px
}

.flag.flag-bo {
    background-position: -384px -32px
}

.flag.flag-br {
    background-position: -416px -32px
}

.flag.flag-bs {
    background-position: -448px -32px
}

.flag.flag-bt {
    background-position: 0 -64px
}

.flag.flag-bw {
    background-position: -32px -64px
}

.flag.flag-by {
    background-position: -64px -64px
}

.flag.flag-bz {
    background-position: -96px -64px
}

.flag.flag-ca {
    background-position: -128px -64px
}

.flag.flag-cd {
    background-position: -160px -64px
}

.flag.flag-cf {
    background-position: -192px -64px
}

.flag.flag-cg {
    background-position: -224px -64px
}

.flag.flag-ch {
    background-position: -256px -64px
}

.flag.flag-ci {
    background-position: -288px -64px
}

.flag.flag-ck {
    background-position: -320px -64px
}

.flag.flag-cl {
    background-position: -352px -64px
}

.flag.flag-cm {
    background-position: -384px -64px
}

.flag.flag-cn {
    background-position: -416px -64px
}

.flag.flag-co {
    background-position: -448px -64px
}

.flag.flag-cr {
    background-position: 0 -96px
}

.flag.flag-cu {
    background-position: -32px -96px
}

.flag.flag-cv {
    background-position: -64px -96px
}

.flag.flag-cy {
    background-position: -96px -96px
}

.flag.flag-cz {
    background-position: -128px -96px
}

.flag.flag-de {
    background-position: -160px -96px
}

.flag.flag-dj {
    background-position: -192px -96px
}

.flag.flag-dk {
    background-position: -224px -96px
}

.flag.flag-dm {
    background-position: -256px -96px
}

.flag.flag-do {
    background-position: -288px -96px
}

.flag.flag-dz {
    background-position: -320px -96px
}

.flag.flag-ec {
    background-position: -352px -96px
}

.flag.flag-ee {
    background-position: -384px -96px
}

.flag.flag-eg {
    background-position: -416px -96px
}

.flag.flag-eh {
    background-position: -448px -96px
}

.flag.flag-er {
    background-position: 0 -128px
}

.flag.flag-es {
    background-position: -32px -128px
}

.flag.flag-et {
    background-position: -64px -128px
}

.flag.flag-fi {
    background-position: -96px -128px
}

.flag.flag-fj {
    background-position: -128px -128px
}

.flag.flag-fm {
    background-position: -160px -128px
}

.flag.flag-fo {
    background-position: -192px -128px
}

.flag.flag-fr {
    background-position: -224px -128px
}

.flag.flag-ga {
    background-position: -256px -128px
}

.flag.flag-gb,.flag.flag-uk {
    background-position: -288px -128px
}

.flag.flag-gd {
    background-position: -320px -128px
}

.flag.flag-ge {
    background-position: -352px -128px
}

.flag.flag-gg {
    background-position: -384px -128px
}

.flag.flag-gh {
    background-position: -416px -128px
}

.flag.flag-gi {
    background-position: -448px -128px
}

.flag.flag-gl {
    background-position: 0 -160px
}

.flag.flag-gm {
    background-position: -32px -160px
}

.flag.flag-gn {
    background-position: -64px -160px
}

.flag.flag-gp {
    background-position: -96px -160px
}

.flag.flag-gq {
    background-position: -128px -160px
}

.flag.flag-gr {
    background-position: -160px -160px
}

.flag.flag-gt {
    background-position: -192px -160px
}

.flag.flag-gu {
    background-position: -224px -160px
}

.flag.flag-gw {
    background-position: -256px -160px
}

.flag.flag-gy {
    background-position: -288px -160px
}

.flag.flag-hk {
    background-position: -320px -160px
}

.flag.flag-hn {
    background-position: -352px -160px
}

.flag.flag-hr {
    background-position: -384px -160px
}

.flag.flag-ht {
    background-position: -416px -160px
}

.flag.flag-hu {
    background-position: -448px -160px
}

.flag.flag-id {
    background-position: 0 -192px
}

.flag.flag-ie {
    background-position: -32px -192px
}

.flag.flag-il {
    background-position: -64px -192px
}

.flag.flag-im {
    background-position: -96px -192px
}

.flag.flag-in {
    background-position: -128px -192px
}

.flag.flag-iq {
    background-position: -160px -192px
}

.flag.flag-ir {
    background-position: -192px -192px
}

.flag.flag-is {
    background-position: -224px -192px
}

.flag.flag-it {
    background-position: -256px -192px
}

.flag.flag-je {
    background-position: -288px -192px
}

.flag.flag-jm {
    background-position: -320px -192px
}

.flag.flag-jo {
    background-position: -352px -192px
}

.flag.flag-jp {
    background-position: -384px -192px
}

.flag.flag-ke {
    background-position: -416px -192px
}

.flag.flag-kg {
    background-position: -448px -192px
}

.flag.flag-kh {
    background-position: 0 -224px
}

.flag.flag-ki {
    background-position: -32px -224px
}

.flag.flag-km {
    background-position: -64px -224px
}

.flag.flag-kn {
    background-position: -96px -224px
}

.flag.flag-kp {
    background-position: -128px -224px
}

.flag.flag-kr {
    background-position: -160px -224px
}

.flag.flag-kw {
    background-position: -192px -224px
}

.flag.flag-ky {
    background-position: -224px -224px
}

.flag.flag-kz {
    background-position: -256px -224px
}

.flag.flag-la {
    background-position: -288px -224px
}

.flag.flag-lb {
    background-position: -320px -224px
}

.flag.flag-lc {
    background-position: -352px -224px
}

.flag.flag-li {
    background-position: -384px -224px
}

.flag.flag-lk {
    background-position: -416px -224px
}

.flag.flag-lr {
    background-position: -448px -224px
}

.flag.flag-ls {
    background-position: 0 -256px
}

.flag.flag-lt {
    background-position: -32px -256px
}

.flag.flag-lu {
    background-position: -64px -256px
}

.flag.flag-lv {
    background-position: -96px -256px
}

.flag.flag-ly {
    background-position: -128px -256px
}

.flag.flag-ma {
    background-position: -160px -256px
}

.flag.flag-mc {
    background-position: -192px -256px
}

.flag.flag-md {
    background-position: -224px -256px
}

.flag.flag-me {
    background-position: -256px -256px
}

.flag.flag-mg {
    background-position: -288px -256px
}

.flag.flag-mh {
    background-position: -320px -256px
}

.flag.flag-mk {
    background-position: -352px -256px
}

.flag.flag-ml {
    background-position: -384px -256px
}

.flag.flag-mm {
    background-position: -416px -256px
}

.flag.flag-mn {
    background-position: -448px -256px
}

.flag.flag-mo {
    background-position: 0 -288px
}

.flag.flag-mq {
    background-position: -32px -288px
}

.flag.flag-mr {
    background-position: -64px -288px
}

.flag.flag-ms {
    background-position: -96px -288px
}

.flag.flag-mt {
    background-position: -128px -288px
}

.flag.flag-mu {
    background-position: -160px -288px
}

.flag.flag-mv {
    background-position: -192px -288px
}

.flag.flag-mw {
    background-position: -224px -288px
}

.flag.flag-mx {
    background-position: -256px -288px
}

.flag.flag-my {
    background-position: -288px -288px
}

.flag.flag-mz {
    background-position: -320px -288px
}

.flag.flag-na {
    background-position: -352px -288px
}

.flag.flag-nc {
    background-position: -384px -288px
}

.flag.flag-ne {
    background-position: -416px -288px
}

.flag.flag-ng {
    background-position: -448px -288px
}

.flag.flag-ni {
    background-position: 0 -320px
}

.flag.flag-nl {
    background-position: -32px -320px
}

.flag.flag-no {
    background-position: -64px -320px
}

.flag.flag-np {
    background-position: -96px -320px
}

.flag.flag-nr {
    background-position: -128px -320px
}

.flag.flag-nz {
    background-position: -160px -320px
}

.flag.flag-om {
    background-position: -192px -320px
}

.flag.flag-pa {
    background-position: -224px -320px
}

.flag.flag-pe {
    background-position: -256px -320px
}

.flag.flag-pf {
    background-position: -288px -320px
}

.flag.flag-pg {
    background-position: -320px -320px
}

.flag.flag-ph {
    background-position: -352px -320px
}

.flag.flag-pk {
    background-position: -384px -320px
}

.flag.flag-pl {
    background-position: -416px -320px
}

.flag.flag-pr {
    background-position: -448px -320px
}

.flag.flag-ps {
    background-position: 0 -352px
}

.flag.flag-pt {
    background-position: -32px -352px
}

.flag.flag-pw {
    background-position: -64px -352px
}

.flag.flag-py {
    background-position: -96px -352px
}

.flag.flag-qa {
    background-position: -128px -352px
}

.flag.flag-re {
    background-position: -160px -352px
}

.flag.flag-ro {
    background-position: -192px -352px
}

.flag.flag-rs {
    background-position: -224px -352px
}

.flag.flag-ru {
    background-position: -256px -352px
}

.flag.flag-rw {
    background-position: -288px -352px
}

.flag.flag-sa {
    background-position: -320px -352px
}

.flag.flag-sb {
    background-position: -352px -352px
}

.flag.flag-sc {
    background-position: -384px -352px
}

.flag.flag-sd {
    background-position: -416px -352px
}

.flag.flag-se {
    background-position: -448px -352px
}

.flag.flag-sg {
    background-position: 0 -384px
}

.flag.flag-si {
    background-position: -32px -384px
}

.flag.flag-sk {
    background-position: -64px -384px
}

.flag.flag-sl {
    background-position: -96px -384px
}

.flag.flag-sm {
    background-position: -128px -384px
}

.flag.flag-sn {
    background-position: -160px -384px
}

.flag.flag-so {
    background-position: -192px -384px
}

.flag.flag-sr {
    background-position: -224px -384px
}

.flag.flag-st {
    background-position: -256px -384px
}

.flag.flag-sv {
    background-position: -288px -384px
}

.flag.flag-sy {
    background-position: -320px -384px
}

.flag.flag-sz {
    background-position: -352px -384px
}

.flag.flag-tc {
    background-position: -384px -384px
}

.flag.flag-td {
    background-position: -416px -384px
}

.flag.flag-tg {
    background-position: -448px -384px
}

.flag.flag-th {
    background-position: 0 -416px
}

.flag.flag-tj {
    background-position: -32px -416px
}

.flag.flag-tl {
    background-position: -64px -416px
}

.flag.flag-tm {
    background-position: -96px -416px
}

.flag.flag-tn {
    background-position: -128px -416px
}

.flag.flag-to {
    background-position: -160px -416px
}

.flag.flag-tr {
    background-position: -192px -416px
}

.flag.flag-tt {
    background-position: -224px -416px
}

.flag.flag-tv {
    background-position: -256px -416px
}

.flag.flag-tw {
    background-position: -288px -416px
}

.flag.flag-tz {
    background-position: -320px -416px
}

.flag.flag-ua {
    background-position: -352px -416px
}

.flag.flag-ug {
    background-position: -384px -416px
}

.flag.flag-us,.flag.flag-um {
    background-position: -416px -416px
}

.flag.flag-uy {
    background-position: -448px -416px
}

.flag.flag-uz {
    background-position: 0 -448px
}

.flag.flag-va {
    background-position: -32px -448px
}

.flag.flag-vc {
    background-position: -64px -448px
}

.flag.flag-ve {
    background-position: -96px -448px
}

.flag.flag-vg {
    background-position: -128px -448px
}

.flag.flag-vi {
    background-position: -160px -448px
}

.flag.flag-vn {
    background-position: -192px -448px
}

.flag.flag-vu {
    background-position: -224px -448px
}

.flag.flag-ws {
    background-position: -256px -448px
}

.flag.flag-ye {
    background-position: -288px -448px
}

.flag.flag-za {
    background-position: -320px -448px
}

.flag.flag-zm {
    background-position: -352px -448px
}

.flag.flag-zw {
    background-position: -384px -448px
}

.flag.flag-bl {
    background-position: 0 -480px
}

.flag.flag-fk {
    background-position: -32px -480px
}

.flag.flag-gf {
    background-position: -64px -480px
}

.flag.flag-mf {
    background-position: -96px -480px
}

.flag.flag-pm {
    background-position: -128px -480px
}

.flag.flag-yt {
    background-position: -160px -480px
}

.flag.flag-cw {
    background-position: -192px -480px
}

.flag.flag-aq {
    background-position: -224px -480px
}

.flag.flag-cc {
    background-position: -256px -480px
}

.flag.flag-cx {
    background-position: -288px -480px
}

.flag.flag-gs {
    background-position: -320px -480px
}

.flag.flag-kv {
    background-position: -352px -480px
}

.flag.flag-mp {
    background-position: -384px -480px
}

.flag.flag-nf {
    background-position: -416px -480px
}

.flag.flag-nu {
    background-position: -448px -480px
}

.flag.flag-pn {
    background-position: 0px -512px
}

.flag.flag-sh {
    background-position: -32px -512px
}

.flag.flag-ss {
    background-position: -64px -512px
}

.flag.flag-sx {
    background-position: -96px -512px
}

.flag.flag-tf {
    background-position: -128px -512px
}

.flag.flag-tk {
    background-position: -160px -512px
}

.flag.flag-wf {
    background-position: -192px -512px
}

.flag.flag-bv,.flag.flag-sj {
    background-position: -224px -512px
}

.flag.flag-hm {
    background-position: -256px -512px
}

.flag.flag-io {
    background-position: -288px -512px
}

.flag.flag-bq {
    background-position: -320px -512px
}

.button {
    font-size: 18px;
    font-family: var(--payo-brand-font);
    font-weight: 600;
    display: inline-block;
    min-height: 35px;
    border: 0;
    padding: 4px 20px 2px 20px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    -webkit-transition: background-size .1s,opacity .5s;
    transition: background-size .1s,opacity .5s;
    color: var(--payo-brand-color-white, #ffffff);
    background-color: var(--brand-color-blue-500, #0075e1);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--brand-color-blue-600, #1268a9)), to(var(--brand-color-blue-600, #1268a9)));
    background-image: linear-gradient(var(--brand-color-blue-600, #1268a9), var(--brand-color-blue-600, #1268a9))
}

.button:hover,.button:focus-visible {
    color: var(--payo-brand-color-white, #ffffff);
    background-size: 100% 100%
}

.button:active {
    color: var(--payo-brand-color-white, #ffffff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--brand-color-blue-500, #0075e1)), to(var(--brand-color-blue-500, #0075e1)));
    background-image: linear-gradient(var(--brand-color-blue-500, #0075e1), var(--brand-color-blue-500, #0075e1));
    opacity: 1;
    border: 0;
    outline: 0
}

.button:disabled {
    color: var(--brand-color-gray-500, #878787);
    background-color: var(--brand-color-gray-200, #dcdcdc);
    background-image: none;
    border: none;
    cursor: not-allowed;
    opacity: .88
}

.button:focus-visible {
    border: 0;
    outline: 0
}

.button--action {
    color: var(--payo-brand-color-white, #ffffff);
    background-color: var(--brand-color-blue-500, #0075e1)
}

.button--action:hover,.button--action:focus-visible {
    color: var(--payo-brand-color-white, #ffffff);
    background-color: var(--brand-color-blue-600, #1268a9)
}

.button--action:active {
    color: var(--payo-brand-color-white, #ffffff);
    background-color: var(--brand-color-blue-600, #1268a9)
}

.button--action:disabled {
    color: var(--brand-color-gray-500, #878787);
    background-color: var(--brand-color-gray-200, #dcdcdc);
    background-image: none;
    border: none;
    cursor: not-allowed;
    opacity: .88
}

.button--outlineAction {
    color: var(--brand-color-blue-500, #0075e1);
    border: 1px solid var(--brand-color-blue-500, #0075e1);
    background-color: rgba(0,0,0,0);
    background-image: none
}

.button--outlineAction:hover,.button--outlineAction:focus-visible,.button--outlineAction:active {
    color: var(--brand-color-blue-500, #0075e1);
    background-color: var(--brand-color-blue-100, #f4fafe);
    border: 1px solid var(--brand-color-blue-500, #0075e1);
    background-image: none
}

.button--outlineAction:disabled {
    color: var(--brand-color-gray-500, #878787);
    background-color: var(--brand-color-gray-200, #dcdcdc);
    background-image: none;
    border: none;
    cursor: not-allowed;
    opacity: .88
}

.button--outlineDevice {
    color: var(--brand-color-blue-500, #0075e1);
    border: 1px solid var(--brand-color-blue-500, #0075e1);
    background-color: rgba(0,0,0,0);
    background-image: none
}

.button--outlineDevice:hover,.button--outlineDevice:focus-visible,.button--outlineDevice:active {
    color: var(--brand-color-blue-500, #0075e1);
    background-color: var(--brand-color-blue-100, #f4fafe);
    border: 1px solid var(--brand-color-blue-500, #0075e1);
    background-image: none
}

.button--outlineDevice:disabled {
    color: var(--brand-color-gray-500, #878787);
    background-color: var(--brand-color-gray-200, #dcdcdc);
    background-image: none;
    border: none;
    cursor: not-allowed;
    opacity: .88
}

.button--uppercase {
    text-transform: uppercase
}

.button--cancel {
    color: var(--brand-color-blue-500, #0075e1);
    border: 1px solid var(--brand-color-blue-500, #0075e1);
    background-color: rgba(0,0,0,0);
    background-image: none
}

.button--cancel:hover,.button--cancel:focus-visible,.button--cancel:active {
    color: var(--brand-color-blue-500, #0075e1);
    border: 1px solid var(--brand-color-blue-500, #0075e1);
    background-color: var(--brand-color-blue-100, #f4fafe);
    background-image: none
}

.button--cancel:disabled {
    color: var(--brand-color-gray-500, #878787);
    background-color: var(--brand-color-gray-200, #dcdcdc);
    background-image: none;
    border: none;
    cursor: not-allowed;
    opacity: .88
}

.button--fluid {
    display: block;
    margin: auto;
    text-align: center
}

@media only screen and (max-width: 690px) {
    .button--fluid {
        min-width:280px
    }
}

@media only screen and (max-width: 480px) {
    .button--fluid {
        min-width:100%
    }
}

.button>i {
    position: relative;
    vertical-align: middle;
    font-size: 8px;
    margin-left: 5px;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.check-box {
    font-size: 16px;
    font-family: var(--payo-brand-font);
    padding: 10px 14px;
    display: inline-block
}

.check-box label {
    cursor: pointer;
    padding-left: 0
}

.check-box__label {
    color: var(--brand-color-gray-700, #252526)
}

.check-box--disabled .check-box__label {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.check-box .error-text {
    margin-top: 2px;
    margin-left: 26px
}

.check-box .error-text--rtl {
    margin-left: 0px;
    margin-right: 26px
}

.check-box input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none
}

.check-box__box {
    vertical-align: middle;
    position: relative;
    margin-right: 6px
}

.check-box--rtl .check-box__box {
    margin-right: 0;
    margin-left: 6px
}

.check-box__box:before {
    position: absolute;
    left: 8px;
    top: 2px;
    content: "";
    background-color: rgba(0,0,0,.5);
    height: 4px;
    width: 4px;
    border-radius: 0;
    z-index: 1;
    opacity: 0;
    margin: 0
}

.check-box__box__check {
    position: relative;
    display: inline-block;
    color: var(--brand-color-gray-500, #878787);
    -webkit-transition: color .5s ease,border-color .5s ease;
    transition: color .5s ease,border-color .5s ease;
    width: 1.05em;
    height: 1.05em;
    border: 1.5px solid var(--brand-color-gray-500, #878787);
    border-radius: 2px;
    overflow: hidden;
    z-index: 1
}

.check-box--disabled .check-box__box__check {
    border: 2px solid var(--brand-color-gray-300, #a8a8a8)
}

.check-box__box__check:before {
    position: absolute;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    margin-top: -4px;
    margin-left: 6.5px;
    width: 0;
    height: 0;
    -webkit-box-shadow: 0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
    box-shadow: 0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset
}

.check-box--rtl .check-box__box__check:before {
    top: 0;
    left: 0
}

.check-box input[type=checkbox]:checked+.check-box__box .check-box__box__check:before {
    -webkit-box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
    box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
    -webkit-animation: checkbox-on .3s forwards ease-out;
    animation: checkbox-on .3s forwards ease-out
}

.check-box input[type=checkbox]:checked+.check-box__box .check-box__box__check {
    color: var(--brand-color-blue-500, #0075e1);
    border-color: var(--brand-color-blue-500, #0075e1);
    border: none
}

.check-box input[type=checkbox]:checked:focus+.check-box__box .check-box__box__check {
    color: var(--brand-color-blue-500, #0075e1);
    border-color: var(--brand-color-blue-500, #0075e1)
}

.check-box input[type=checkbox]:focus+.check-box__box .check-box__box__check {
    border-color: var(--brand-color-blue-500, #0075e1)
}

.check-box input[type=checkbox]:disabled+.check-box__box .check-box__box__check,.check-box input[type=checkbox]:disabled~.check-box__label {
    border-color: var(--brand-color-gray-300, #a8a8a8);
    color: var(--brand-color-gray-300, #a8a8a8)
}

.check-box--error .check-box__box__check {
    color: var(--brand-color-red-500, #e31b0c);
    border-color: red
}

.check-box--rtl {
    direction: rtl
}

.check-box--rtl input[type=checkbox]:checked~.check-box__switch {
    background: #a4d1ee
}

.check-box--rtl input[type=checkbox]:checked~.check-box__switch:after {
    right: 10px
}

.check-box--rtl .check-box__switch:after {
    right: -1px
}

.check-box--no-vertical-padding {
    padding-left: 0px;
    padding-right: 0px
}

.check-box__switch {
    display: none
}

.check-box--switch .check-box__box {
    display: none
}

.check-box--switch .check-box__switch {
    display: inline-block;
    position: relative;
    margin-top: 3px;
    height: 10px;
    width: 22px;
    background: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    border-radius: 50px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    float: right
}

.check-box--switch .check-box__switch:after {
    position: absolute;
    left: -1px;
    top: -2px;
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50px;
    background: var(--payo-brand-color-cold-gray-100, #f1f3f7);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.36),0 0 1px rgba(0,0,0,.12);
    box-shadow: 0 1px 2px rgba(0,0,0,.36),0 0 1px rgba(0,0,0,.12);
    content: "";
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.check-box--switch.check-box--rtl .check-box__switch {
    float: left
}

.check-box--switch input[type=checkbox]:checked~.check-box__switch {
    background: #a4d1ee
}

.check-box--switch input[type=checkbox]:checked~.check-box__switch:after {
    left: 10px;
    background: var(--brand-color-blue-500, #0075e1)
}

.check-box--switch input[type=checkbox]:disabled~.check-box__switch {
    background: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    pointer-events: none
}

.check-box--switch input[type=checkbox]:disabled~.check-box__switch:after {
    background: var(--brand-color-gray-300, #a8a8a8)
}

.check-box--switch-large {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    margin: 0 6px
}

.check-box--switch-large .check-box__switch {
    margin-top: 0
}

@-webkit-keyframes checkbox-on {
    0% {
        -webkit-box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;
        box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;
        box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
        box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px
    }
}

@keyframes checkbox-on {
    0% {
        -webkit-box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;
        box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;
        box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
        box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0px 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px
    }
}

.checkbox-group__body .check-box {
    clear: both;
    display: block
}

.checkbox-group__label {
    font-size: .9em;
    color: var(--brand-color-gray-600, #666666)
}

.checkbox-group--inline .check-box {
    clear: none;
    display: inline-block
}

.checkbox-group--rtl {
    text-align: right;
    direction: rtl
}

.check-box__box__check {
    z-index: 0
}

.date-of-birth {
    font-size: 16px;
    font-family: var(--payo-brand-font);
    position: relative;
    padding-top: 24px
}

.date-of-birth .react-selectize.material {
    font-family: var(--payo-brand-font)
}

.date-of-birth .react-selectize.material.open.root-node .react-selectize-control {
    border-bottom: 1px solid rgba(0,0,0,0)
}

.date-of-birth .react-selectize.material.root-node {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control {
    border-bottom: 1px solid var(--brand-color-gray-700, #252526);
    padding-left: 0;
    padding-top: 2px;
    padding-bottom: 2px
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control input {
    font-family: var(--payo-brand-font);
    margin: 0;
    color: var(--brand-color-gray-700, #252526);
    padding: 3.5px 0px 4.5px 0
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control input::-ms-clear {
    display: none
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control .value-wrapper {
    line-height: 24px;
    color: var(--brand-color-gray-700, #252526)
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-300, #A8A8A8);
    text-indent: 0;
    top: 5px
}

.background-mode-gray .date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-600, #666666)
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container {
    height: inherit;
    margin-top: 10px;
    width: initial;
    margin-right: -5px
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
    stroke: var(--brand-color-gray-700, #252526);
    fill: var(--brand-color-gray-700, #252526)
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-reset-button-container {
    height: 16px;
    width: 16px;
    margin-top: 11px
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-reset-button-container svg {
    stroke: var(--brand-color-gray-700, #252526);
    fill: var(--brand-color-gray-700, #252526)
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-search-field-and-selected-values {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-height: 30px;
    top: 3px;
    position: relative;
    overflow: hidden
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control:after {
    background-color: var(--brand-color-blue-500, #0075E1);
    height: 1px;
    bottom: -1px
}

.date-of-birth .react-selectize.material.root-node .option-wrapper {
    color: var(--brand-color-gray-700, #252526)
}

.date-of-birth .react-selectize.material.root-node .option-wrapper>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.date-of-birth .react-selectize.material.root-node .option-wrapper.highlight {
    background-color: var(--brand-color-gray-200, #dcdcdc)
}

.date-of-birth .react-selectize.material.root-node .option-wrapper .selected {
    background-color: var(--brand-color-gray-700, #252526);
    color: #fff
}

.date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control {
    border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8)
}

.date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    background-color: rgba(0,0,0,0)
}

.date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-toggle-button-container>i {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-toggle-button-container svg {
    fill: var(--brand-color-gray-300, #a8a8a8)
}

.date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.date-of-birth .react-selectize.material.dropdown-menu-wrapper {
    z-index: 11
}

.date-of-birth .react-selectize.material.dropdown-menu-wrapper:not(.flipped) {
    margin-top: 0
}

.date-of-birth .react-selectize.material.dropdown-menu-wrapper .dropdown-menu {
    margin-top: 2px
}

.date-of-birth .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar {
    width: 6px;
    background-color: #fff
}

.date-of-birth .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
    background-color: var(--brand-color-gray-100, #efefef)
}

.date-of-birth .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: var(--brand-color-gray-600, #7c7c7d)
}

.date-of-birth .react-selectize.material.dropdown-menu-wrapper .dropdown-menu {
    padding: 0
}

.date-of-birth .react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-enter {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.date-of-birth .react-selectize .react-selectize-toggle-button-container {
    min-width: 22px
}

.date-of-birth .react-selectize .react-selectize-toggle-button-container svg {
    fill: var(--brand-color-gray-700, #252526);
    height: 16px
}

.date-of-birth .react-selectize .react-selectize-toggle-button-container>i {
    color: var(--brand-color-gray-700, #252526)
}

.date-of-birth.react-selectize-error .react-selectize.material.root-node .react-selectize-control {
    border-bottom: 1px solid rgba(0,0,0,0)
}

.date-of-birth.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
    background-color: var(--brand-color-red-500, #e31b0c);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    bottom: -1
}

.date-of-birth__label {
    display: block;
    position: absolute;
    top: 0;
    margin-top: 16px;
    font-size: 14px;
    color: var(--brand-color-gray-600, #666666);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.open~.date-of-birth__label {
    color: var(--brand-color-gray-600, #666666)
}

.date-of-birth--rtl .date-of-birth__label {
    left: inherit;
    right: 0
}

@media only screen and (max-width: 480px) {
    .date-of-birth__label {
        font-size:16px;
        margin-top: 15px
    }
}

.date-of-birth__item {
    padding: 0 5px;
    text-align: center;
    line-height: 32px
}

.date-of-birth__month .date-of-birth__item {
    text-align: left
}

.date-of-birth--rtl .date-of-birth__month .date-of-birth__item {
    direction: rtl;
    text-align: right
}

@media only screen and (max-width: 480px) {
    .date-of-birth__item {
        padding:0 3px
    }
}

.date-of-birth--disabled .date-of-birth__label {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
    max-width: 90%
}

.card-drop-down {
    font-family: var(--payo-brand-font);
    font-size: 16px;
    position: relative
}

.card-drop-down .card.card--open>.card__body,.card-drop-down .card.card--open>.card__content>.card__body {
    padding-left: 0;
    padding-right: 0
}

.card-drop-down .card__header__subTitle {
    color: var(--brand-color-blue-500, #0075e1)
}

.card-drop-down .card__body__group {
    font-weight: bold;
    margin-top: 10px;
    line-height: 2em;
    color: var(--brand-color-gray-700, #252526);
    border-top: 1px var(--brand-color-gray-200, #dcdcdc) solid
}

.card-drop-down .card__body__group:first-child {
    border-top: 0;
    margin-top: 0px
}

.card-drop-down .card__body__option {
    width: 100%;
    height: 39px;
    background: var(--brand-color-gray-50, #F7F7F7);
    color: var(--brand-color-gray-700, #252526);
    font-size: 1em;
    display: block;
    margin: 5px 0;
    padding: 8px;
    cursor: pointer;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-drop-down .card__body__option:not([class*=checked]):hover {
    background-color: var(--brand-color-gray-100, #EFEFEF)
}

.card-drop-down .card__body__option--checked {
    background: var(--brand-color-gray-700, #252526);
    color: #fff
}

.card-multi-drop-down {
    font-family: var(--payo-brand-font);
    font-size: 16px;
    position: relative;
    padding-top: 24px
}

.card-multi-drop-down .card.card--open>.card__body,.card-multi-drop-down .card.card--open>.card__content>.card__body {
    padding-left: 0;
    padding-right: 0
}

.card-multi-drop-down .card__header__subTitle {
    color: var(--brand-color-blue-500, #0075e1)
}

.card-multi-drop-down .card__body .reset-btn {
    color: var(--payo-brand-color-blue-300, #5ea2ce)
}

.card-multi-drop-down .card__body .group-name {
    color: var(--brand-color-gray-700, #252526);
    font-weight: bold;
    width: 100%;
    display: block;
    line-height: 2em;
    margin-top: 7px;
    margin-bottom: -5px
}

.card-multi-drop-down .card__body .group-seperator {
    border-top: 1px var(--brand-color-gray-200, #dcdcdc) solid
}

.card-multi-drop-down .card__body__option {
    width: 100%;
    height: 39px;
    background: var(--brand-color-gray-50, #F7F7F7);
    color: var(--brand-color-gray-700, #252526);
    font-size: 1em;
    display: block;
    margin: 5px 0;
    padding: 8px;
    cursor: pointer;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-multi-drop-down .card__body__option:not([class*=checked]):hover {
    background-color: var(--brand-color-gray-100, #EFEFEF)
}

.card-multi-drop-down .card__body__option svg {
    fill: var(--brand-color-gray-700, #252526);
    margin-left: 2px
}

.card-multi-drop-down .card__body__option__label-with-icon {
    margin-left: 10px
}

.card-multi-drop-down .card__body__option svg+.card__body__option__label-with-icon {
    margin-left: 8px
}

.card-multi-drop-down .card__body__option--checked {
    background: var(--brand-color-gray-700, #252526);
    color: #fff
}

.card-multi-drop-down .card__body__option--checked svg {
    fill: #fff
}

.card-multi-drop-down .card__body__option--disabled {
    background: var(--payo-brand-color-cold-gray-200, #e4e7ed);
    color: var(--brand-color-gray-700, #252526)
}

.card-multi-drop-down .card__body__option--disabled.card__body__option--checked {
    background: var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.card-multi-drop-down .card__body__option--disabled svg {
    fill: var(--brand-color-gray-700, #252526)
}

.card-multi-drop-down__card--disabled .multi-select__values__grouped__counter {
    background: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    color: var(--brand-color-gray-700, #252526)
}

.card-multi-drop-down__card--disabled .card__header__subTitle,.card-multi-drop-down__card--disabled .multi-select__values__grouped {
    color: var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.drop-down {
    font-family: var(--payo-brand-font);
    font-size: 16px;
    position: relative;
    padding-top: 24px
}

.drop-down .react-selectize.material {
    font-family: var(--payo-brand-font)
}

.drop-down .react-selectize.material.open.root-node .react-selectize-control {
    border-bottom: 1px solid rgba(0,0,0,0)
}

.drop-down .react-selectize.material.root-node {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.drop-down .react-selectize.material.root-node .react-selectize-control {
    border-bottom: 1px solid var(--brand-color-gray-700, #252526);
    padding-left: 0;
    padding-top: 2px;
    padding-bottom: 2px
}

.drop-down .react-selectize.material.root-node .react-selectize-control input {
    font-family: var(--payo-brand-font);
    margin: 0;
    color: var(--brand-color-gray-700, #252526);
    padding: 3.5px 0px 4.5px 0
}

.drop-down .react-selectize.material.root-node .react-selectize-control input::-ms-clear {
    display: none
}

.drop-down .react-selectize.material.root-node .react-selectize-control .value-wrapper {
    line-height: 24px;
    color: var(--brand-color-gray-700, #252526)
}

.drop-down .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-300, #A8A8A8);
    text-indent: 0;
    top: 5px
}

.background-mode-gray .drop-down .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-600, #7c7c7d)
}

.drop-down .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container {
    height: inherit;
    margin-top: 10px;
    width: initial;
    margin-right: -5px
}

.drop-down .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
    stroke: var(--brand-color-gray-700, #252526);
    fill: var(--brand-color-gray-700, #252526)
}

.drop-down .react-selectize.material.root-node .react-selectize-control .react-selectize-reset-button-container {
    height: 16px;
    width: 16px;
    margin-top: 11px
}

.drop-down .react-selectize.material.root-node .react-selectize-control .react-selectize-reset-button-container svg {
    stroke: var(--brand-color-gray-700, #252526);
    fill: var(--brand-color-gray-700, #252526)
}

.drop-down .react-selectize.material.root-node .react-selectize-control .react-selectize-search-field-and-selected-values {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-height: 30px;
    top: 3px;
    position: relative;
    overflow: hidden
}

.drop-down .react-selectize.material.root-node .react-selectize-control:after {
    background-color: var(--brand-color-blue-500, #0075E1);
    height: 1px;
    bottom: -1px
}

.drop-down .react-selectize.material.root-node .option-wrapper {
    color: var(--brand-color-gray-700, #252526)
}

.drop-down .react-selectize.material.root-node .option-wrapper>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.drop-down .react-selectize.material.root-node .option-wrapper.highlight {
    background-color: var(--brand-color-gray-200, #dcdcdc)
}

.drop-down .react-selectize.material.root-node .option-wrapper .selected {
    background-color: var(--brand-color-gray-700, #252526);
    color: #fff
}

.drop-down .react-selectize.material.root-node.disabled .react-selectize-control {
    border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8)
}

.drop-down .react-selectize.material.root-node.disabled .react-selectize-control:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    background-color: rgba(0,0,0,0)
}

.drop-down .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.drop-down .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-toggle-button-container>i {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.drop-down .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-toggle-button-container svg {
    fill: var(--brand-color-gray-300, #a8a8a8)
}

.drop-down .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.drop-down .react-selectize.material.dropdown-menu-wrapper {
    z-index: 11
}

.drop-down .react-selectize.material.dropdown-menu-wrapper:not(.flipped) {
    margin-top: 0
}

.drop-down .react-selectize.material.dropdown-menu-wrapper .dropdown-menu {
    margin-top: 2px
}

.drop-down .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar {
    width: 6px;
    background-color: #fff
}

.drop-down .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
    background-color: var(--brand-color-gray-100, #efefef)
}

.drop-down .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: var(--brand-color-gray-600, #7c7c7d)
}

.drop-down .react-selectize.material.dropdown-menu-wrapper .dropdown-menu {
    padding: 0
}

.drop-down .react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-enter {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.drop-down .react-selectize .react-selectize-toggle-button-container {
    min-width: 22px
}

.drop-down .react-selectize .react-selectize-toggle-button-container svg {
    fill: var(--brand-color-gray-700, #252526);
    height: 16px
}

.drop-down .react-selectize .react-selectize-toggle-button-container>i {
    color: var(--brand-color-gray-700, #252526)
}

.drop-down.react-selectize-error .react-selectize.material.root-node .react-selectize-control {
    border-bottom: 1px solid rgba(0,0,0,0)
}

.drop-down.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
    background-color: var(--brand-color-red-500, #e31b0c);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    bottom: -1
}

.drop-down .react-selectize.material.root-node .react-selectize-control:hover {
    border-color: var(--brand-color-blue-500, #0075E1)
}

.drop-down--fluid-option-width>.drop-down__drop-down-root.open .dropdown-menu-wrapper .dropdown-menu {
    width: auto
}

.drop-down--rtl {
    direction: rtl
}

.drop-down--disabled .drop-down__label {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.drop-down--disabled.drop-down--filter-theme .react-selectize.material.root-node .react-selectize-control {
    border-bottom: 1px solid var(--brand-color-gray-300, #a8a8a8)
}

.drop-down__label {
    position: absolute;
    top: 0;
    margin-top: 16px;
    font-size: 14px;
    height: 17px;
    color: var(--brand-color-gray-600, #7c7c7d);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.open+.drop-down__label {
    color: var(--brand-color-gray-600, #666666)
}

.drop-down--rtl .drop-down__label {
    left: inherit;
    right: 0
}

.drop-down--error .drop-down__label {
    color: var(--brand-color-gray-600, #666666)
}

@media only screen and (max-width: 480px) {
    .drop-down__label {
        font-size:16px;
        margin-top: 15px
    }
}

.drop-down--no-placeholder.drop-down--error .react-selectize-placeholder {
    color: var(--brand-color-gray-600, #666666) !important
}

.drop-down--autocomplete .react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container {
    display: none
}

.drop-down--autocomplete .react-selectize.root-node.open input {
    min-width: 100% !important
}

.drop-down__item,.drop-down__invalid {
    padding: 0 24px;
    line-height: 32px;
    color: var(--brand-color-gray-700, #252526)
}

.drop-down__item--disabled {
    color: var(--brand-color-gray-300, #a8a8a8);
    cursor: default
}

.drop-down .option-wrapper__button {
    width: 100%;
    font-size: 1em;
    min-height: 20px
}

.drop-down--filter-theme {
    font-size: 14px;
    padding-top: 0
}

.drop-down--filter-theme .option-wrapper__button {
    border-radius: 0
}

.drop-down--filter-theme>.react-selectize.material.root-node.simple-select>.react-selectize-control {
    border-bottom: 1px solid rgba(99,107,120,.7)
}

.drop-down--filter-theme>.react-selectize.material.root-node.simple-select>.react-selectize-control:hover {
    border-bottom-color: var(--brand-color-blue-500, #0075E1)
}

.drop-down--filter-theme>.react-selectize.material.root-node.simple-select.disabled>.react-selectize-control {
    border-style: dashed
}

.drop-down--filter-theme>.react-selectize.material.root-node>.react-selectize-control {
    border: 1px solid rgba(99,107,120,.7);
    border-radius: 20px;
    padding: 0px 12px
}

.drop-down--filter-theme>.react-selectize.material.root-node>.react-selectize-control:after {
    background-color: inherit;
    content: none
}

.drop-down--filter-theme>.react-selectize.material.root-node>.react-selectize-control>.react-selectize-search-field-and-selected-values {
    height: 30px;
    top: 0
}

.drop-down--filter-theme>.react-selectize.material.root-node>.react-selectize-control>.react-selectize-search-field-and-selected-values>.value-wrapper {
    display: inline-block;
    line-height: 2.3;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.drop-down--filter-theme>.react-selectize.material.root-node>.react-selectize-control>.react-selectize-placeholder {
    position: relative;
    top: 0
}

.drop-down--filter-theme>.react-selectize.material.root-node>.react-selectize-control .react-selectize-reset-button-container,.drop-down--filter-theme>.react-selectize.material.root-node>.react-selectize-control .react-selectize-toggle-button-container {
    margin-top: 8px
}

.drop-down--filter-theme>.react-selectize.material.root-node.open>.dropdown-menu-wrapper.material {
    margin-top: 8px
}

.drop-down--filter-theme>.react-selectize.material.root-node.open>.dropdown-menu-wrapper.material:before {
    content: "";
    position: absolute;
    top: 9.4px;
    z-index: 999;
    left: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 6px solid var(--payo-brand-color-cold-gray-300, #c9cdd7);
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-box-shadow: -2px 2px 2px 0 rgba(99,107,120,.4);
    box-shadow: -2px 2px 2px 0 rgba(99,107,120,.4)
}

.drop-down--filter-theme>.react-selectize.material.root-node.open>.dropdown-menu-wrapper.material>.dropdown-menu {
    border-radius: 5px;
    border: 1px solid rgba(99,107,120,.4)
}

.drop-down--filter-theme>.react-selectize.material.root-node.open>.dropdown-menu-wrapper.material>.dropdown-menu>.option-wrapper.highlight {
    background-color: var(--brand-color-gray-200, #dcdcdc)
}

.drop-down--filter-theme>.react-selectize.material.root-node.open>.dropdown-menu-wrapper.material>.drop-down__drop-down-root {
    margin-top: 7px;
    padding-top: 7px;
    z-index: 11
}

.drop-down--filter-theme .drop-down__label {
    display: none
}

.drop-down--filter-theme.drop-down--error>.drop-down__drop-down-root>.react-selectize-control:after {
    display: none
}

.drop-down--filter-theme.drop-down--error .react-selectize.material.root-node .react-selectize-control {
    border-bottom: 1px solid rgba(99,107,120,.7)
}

.drop-down--filter-theme>.error-text {
    margin: 6px 17px
}

.drop-down--filter-theme.drop-down--rtl>.react-selectize.material.root-node>.react-selectize-control {
    border: 1px solid rgba(99,107,120,.7)
}

.drop-down--filter-theme.drop-down--rtl>.react-selectize.material.root-node.open>.dropdown-menu-wrapper.material:before {
    left: auto;
    right: 10px
}

@media only screen and (max-width: 991px) {
    .drop-down--expand-text {
        padding-top:14px
    }

    .drop-down--expand-text .drop-down__label {
        position: relative;
        top: auto;
        height: auto;
        z-index: 1;
        white-space: normal;
        text-overflow: unset;
        overflow: visible;
        margin-top: 0;
        line-height: 18px
    }

    .drop-down--expand-text .drop-down__label+.react-selectize.material.root-node {
        margin-top: -6px
    }

    .drop-down--expand-text .react-selectize.material.root-node:first-child {
        padding-top: 11px
    }
}

.drop-down--expand-text .react-selectize.material.root-node .option-wrapper>div[title] {
    white-space: normal;
    word-break: break-word
}

.multi-select {
    position: relative
}

.multi-select .drop-down {
    position: relative;
    z-index: inherit
}

.multi-select .drop-down__item {
    padding: 0 1em
}

.multi-select .check-box {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85)
}

.multi-select__values {
    position: relative;
    margin: 0 50px -60px 0;
    line-height: 30px;
    height: 60px;
    padding-top: 30px;
    overflow: hidden;
    color: var(--brand-color-gray-700, #252526);
    z-index: 0
}

.multi-select__values__value {
    display: inline-block
}

.multi-select__values__grouped {
    display: inline-block
}

.multi-select__values__grouped__counter {
    background-color: var(--brand-color-blue-500, #0075E1);
    border-radius: 1em;
    padding: 0 .6em 0 .5em;
    margin: 0 .3em;
    color: #fff
}

.multi-select--filter-theme .multi-select__values {
    left: 20px;
    line-height: 32px;
    padding-top: 0;
    height: 32px;
    margin-bottom: -32px
}

.multi-select--filter-theme .multi-select__values>div {
    text-overflow: ellipsis;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px
}

.multi-select--withApply .react-selectize.material.dropdown-menu {
    max-height: none
}

.multi-select--rtl {
    text-align: right;
    direction: rtl
}

.multi-select--rtl .multi-select__values {
    margin: 0px 0 -60px 50px
}

.multi-select--rtl.multi-select--filter-theme .multi-select__values {
    right: 20px;
    left: 50px
}

.multi-select--rtl.multi-select--filter-theme .multi-select__values__grouped__counter {
    margin: 0 0 0 .3em
}

.phone-number {
    font-family: var(--payo-brand-font);
    font-size: 16px;
    position: relative
}

.phone-number .react-selectize.material {
    font-family: var(--payo-brand-font)
}

.phone-number .react-selectize.material.open.root-node .react-selectize-control {
    border-bottom: 1px solid rgba(0,0,0,0)
}

.phone-number .react-selectize.material.root-node {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.phone-number .react-selectize.material.root-node .react-selectize-control {
    border-bottom: 1px solid var(--brand-color-gray-700, #252526);
    padding-left: 0;
    padding-top: 2px;
    padding-bottom: 2px
}

.phone-number .react-selectize.material.root-node .react-selectize-control input {
    font-family: var(--payo-brand-font);
    margin: 0;
    color: var(--brand-color-gray-700, #252526);
    padding: 3.5px 0px 4.5px 0
}

.phone-number .react-selectize.material.root-node .react-selectize-control input::-ms-clear {
    display: none
}

.phone-number .react-selectize.material.root-node .react-selectize-control .value-wrapper {
    line-height: 24px;
    color: var(--brand-color-gray-700, #252526)
}

.phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-300, #A8A8A8);
    text-indent: 0;
    top: 5px
}

.background-mode-gray .phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-600, #666666)
}

.phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container {
    height: inherit;
    margin-top: 10px;
    width: initial;
    margin-right: -5px
}

.phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
    stroke: var(--brand-color-gray-700, #252526);
    fill: var(--brand-color-gray-700, #252526)
}

.phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-reset-button-container {
    height: 16px;
    width: 16px;
    margin-top: 11px
}

.phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-reset-button-container svg {
    stroke: var(--brand-color-gray-700, #252526);
    fill: var(--brand-color-gray-700, #252526)
}

.phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-search-field-and-selected-values {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-height: 30px;
    top: 3px;
    position: relative;
    overflow: hidden
}

.phone-number .react-selectize.material.root-node .react-selectize-control:after {
    background-color: var(--brand-color-blue-500, #0075E1);
    height: 1px;
    bottom: -1px
}

.phone-number .react-selectize.material.root-node .option-wrapper {
    color: var(--brand-color-gray-700, #252526)
}

.phone-number .react-selectize.material.root-node .option-wrapper>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.phone-number .react-selectize.material.root-node .option-wrapper.highlight {
    background-color: var(--brand-color-gray-200, #dcdcdc)
}

.phone-number .react-selectize.material.root-node .option-wrapper .selected {
    background-color: var(--brand-color-gray-700, #252526);
    color: #fff
}

.phone-number .react-selectize.material.root-node.disabled .react-selectize-control {
    border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8)
}

.phone-number .react-selectize.material.root-node.disabled .react-selectize-control:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    background-color: rgba(0,0,0,0)
}

.phone-number .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.phone-number .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-toggle-button-container>i {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.phone-number .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-toggle-button-container svg {
    fill: var(--brand-color-gray-300, #a8a8a8)
}

.phone-number .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.phone-number .react-selectize.material.dropdown-menu-wrapper {
    z-index: 11
}

.phone-number .react-selectize.material.dropdown-menu-wrapper:not(.flipped) {
    margin-top: 0
}

.phone-number .react-selectize.material.dropdown-menu-wrapper .dropdown-menu {
    margin-top: 2px
}

.phone-number .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar {
    width: 6px;
    background-color: #fff
}

.phone-number .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
    background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
}

.phone-number .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: var(--brand-color-gray-700, #252526)
}

.phone-number .react-selectize.material.dropdown-menu-wrapper .dropdown-menu {
    padding: 0
}

.phone-number .react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-enter {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.phone-number .react-selectize .react-selectize-toggle-button-container {
    min-width: 22px
}

.phone-number .react-selectize .react-selectize-toggle-button-container svg {
    fill: var(--brand-color-gray-700, #252526);
    height: 16px
}

.phone-number .react-selectize .react-selectize-toggle-button-container>i {
    color: var(--brand-color-gray-700, #252526)
}

.phone-number.react-selectize-error .react-selectize.material.root-node .react-selectize-control {
    border-bottom: 1px solid rgba(0,0,0,0)
}

.phone-number.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
    background-color: var(--brand-color-red-500, #e31b0c);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    bottom: -1
}

.phone-number__label {
    display: block;
    position: absolute;
    top: 0;
    margin-top: 22px;
    font-size: 14px;
    color: var(--brand-color-gray-600, #666666);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.phone-number--rtl .phone-number__label {
    left: inherit;
    right: 0;
    direction: rtl
}

.open~.phone-number__label {
    color: var(--brand-color-gray-600, #666666) !important
}

.phone-number--error .phone-number__label {
    color: var(--brand-color-gray-600, #666666)
}

@media only screen and (max-width: 480px) {
    .phone-number__label {
        font-size:16px;
        margin-top: 15px
    }
}

.phone-number__country.root-node {
    display: inline-block;
    max-width: 40%;
    padding-top: 28px;
    margin-right: 5%
}

.phone-number__number {
    display: inline-block;
    font-size: 16px;
    max-width: 55%;
    vertical-align: top
}

.phone-number .react-selectize.material.root-node .dropdown-menu-wrapper {
    width: 250%
}

@media only screen and (max-width: 480px) {
    .phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
        max-width:-webkit-calc(100% - 4px);
        max-width: calc(100% - 4px)
    }
}

.phone-number__item,.phone-number__no-results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1% 5%;
    font-size: 16px
}

.phone-number__item__flag,.phone-number__no-results__flag {
    top: 0;
    margin: 0;
    width: 32px;
    height: 30px;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -ms-flex-preferred-size: 32px;
    -webkit-flex-basis: 32px;
    flex-basis: 32px
}

.phone-number__item__country,.phone-number__no-results__country {
    -ms-flex-preferred-size: 70%;
    -webkit-flex-basis: 70%;
    flex-basis: 70%;
    white-space: normal
}

.phone-number__item__dialCode,.phone-number__no-results__dialCode {
    direction: ltr;
    -ms-flex-preferred-size: 15%;
    -webkit-flex-basis: 15%;
    flex-basis: 15%
}

.phone-number__value {
    direction: ltr
}

.phone-number__value__flag {
    display: inline-block;
    width: 32px;
    height: 30px;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    top: 0;
    margin: 0
}

@media only screen and (max-width: 480px) {
    .phone-number__value__flag {
        display:none
    }
}

.phone-number__value__country,.phone-number__value__dialCode {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width: 480px) {
    .phone-number__value__country,.phone-number__value__dialCode {
        margin-bottom:0
    }
}

.phone-number__value__dialCode {
    direction: ltr;
    float: right
}

.phone-number--rtl {
    direction: ltr
}

.phone-number--rtl .react-selectize.material.root-node .dropdown-menu-wrapper {
    left: 0
}

.phone-number--rtl .phone-number__number input {
    text-align: right;
    direction: ltr
}

.phone-number--rtl .phone-number__country {
    direction: rtl
}

.phone-number--rtl .phone-number__item__dialCode {
    float: left
}

.phone-number--disabled .phone-number__label {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.phone-number.phone-number--error .error-text {
    margin-top: 2px
}

div.country-list {
    font-family: var(--payo-brand-font);
    font-size: 16px;
    position: relative
}

div.country-list__country.root-node {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5%;
    padding-top: 6px
}

div.country-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1% 5%;
    font-size: 16px
}

div.country-list__item__flag {
    top: 0;
    margin: 0;
    width: 32px;
    height: 32px;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -ms-flex-preferred-size: 32px;
    -webkit-flex-basis: 32px;
    flex-basis: 32px
}

div.country-list__item__country {
    -webkit-flex-basis: 85%;
    -ms-flex-preferred-size: 85%;
    flex-basis: 85%;
    white-space: normal
}

div.country-list__value {
    display: block;
    font-size: 16px
}

div.country-list__value__flag {
    display: table-cell;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    line-height: initial;
    vertical-align: middle
}

div.country-list__value__country {
    display: table-cell;
    line-height: initial;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 278px
}

div.country-list--rtl {
    direction: ltr
}

div.country-list--rtl .react-selectize.material.root-node .dropdown-menu-wrapper {
    left: 0
}

div.country-list--rtl .country-list__number input {
    direction: ltr
}

div.country-list--rtl .country-list__country {
    direction: rtl
}

div.country-list--rtl .country-list__item__dialCode {
    float: left
}

.text-box {
    font-family: var(--payo-brand-font);
    font-size: 16px;
    position: relative;
    line-height: 22px;
    width: 100%;
    -webkit-transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background-color: rgba(0,0,0,0)
}

.text-box--rtl {
    direction: rtl
}

.text-box__label {
    position: absolute;
    top: 37px;
    left: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    z-index: 0;
    cursor: text;
    -webkit-transform: scale(1) translate(0px, 0px);
    -ms-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
    pointer-events: none;
    color: var(--brand-color-gray-600, #666666);
    -webkit-user-select: none;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.background-mode-gray .text-box__label {
    color: var(--brand-color-gray-600, #666666)
}

.text-box--rtl .text-box__label {
    left: inherit;
    right: 0;
    text-align: right
}

@media only screen and (max-width: 480px) {
    .text-box__label {
        font-size:18px
    }
}

.text-box__placeholder {
    position: absolute;
    opacity: 0;
    top: 40px;
    color: var(--brand-color-gray-300, #A8A8A8);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    pointer-events: none;
    cursor: text;
    height: 16px;
    line-height: 16px;
    z-index: 0
}

.background-mode-gray .text-box__placeholder {
    color: var(--brand-color-gray-600, #666666)
}

.text-box__input {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0;
    position: relative;
    width: 100%;
    border: none;
    outline: none;
    color: var(--brand-color-gray-700, #252526);
    font-size: 16px;
    height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 37px;
    margin-bottom: 5px;
    background-color: rgba(0,0,0,0);
    z-index: 1
}

.text-box__input:focus {
    outline: none
}

.text-box__input.text-box__input--filled~label,.text-box__input.text-box__input--fixed-label~label,.text-box__input:focus~label {
    -webkit-transform: scale(0.875) translate(0px, -20px);
    -ms-transform: scale(0.875) translate(0px, -20px);
    transform: scale(0.875) translate(0px, -20px);
    color: var(--brand-color-gray-600, #666666)
}

.text-box--rtl .text-box__input.text-box__input--filled~label,.text-box--rtl .text-box__input.text-box__input--fixed-label~label,.text-box--rtl .text-box__input:focus~label {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%
}

.text-box__input:-webkit-autofill~label {
    -webkit-transform: scale(0.875) translate(0px, -20px);
    transform: scale(0.875) translate(0px, -20px);
    color: var(--brand-color-gray-600, #666666)
}

.text-box--rtl .text-box__input:-webkit-autofill~label {
    -webkit-transform-origin: 100%;
    transform-origin: 100%
}

.text-box__input:focus~label {
    color: var(--brand-color-gray-600, #666666)
}

.text-box__input:focus~.text-box__hr-container>:last-child {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1) translateY(-1px);
    transform: scaleX(1) translateY(-1px)
}

.text-box__input:focus~.text-box__placeholder,.text-box__input.text-box__input--fixed-label~.text-box__placeholder {
    opacity: 1
}

.text-box__input.text-box__input--filled~.text-box__placeholder {
    opacity: 0
}

.text-box__input::-ms-clear,.text-box__input::-ms-reveal {
    display: none
}

.text-box__input:hover~.text-box__hr-container>hr:first-child {
    border-color: var(--brand-color-blue-500, #0075E1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.text-box--addon {
    text-align: left
}

.text-box--addon.text-box--rtl {
    text-align: right
}

.text-box--addon .text-box__input {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px)
}

.text-box__addon {
    position: absolute;
    right: 0;
    top: 38px;
    z-index: 10
}

.text-box--rtl .text-box__addon {
    right: initial;
    left: 0
}

.text-box__hr-container {
    width: 100%
}

.text-box__hr-container>hr {
    width: 100%;
    border-style: none none solid;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0
}

.text-box__hr-container>hr:first-child {
    border-bottom-width: 1px;
    border-color: var(--brand-color-gray-200, #DCDCDC)
}

.text-box__hr-container>hr:last-child {
    border-bottom-width: 1px;
    border-color: var(--brand-color-blue-500, #0075E1);
    -webkit-transform: scaleX(0) translateY(-1px);
    -ms-transform: scaleX(0) translateY(-1px);
    transform: scaleX(0) translateY(-1px);
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.text-box.text-box--error>.text-box__hr-container>:last-child {
    border-color: var(--brand-color-red-500, #e31b0c);
    -webkit-transform: scaleX(1) translateY(-1px);
    -ms-transform: scaleX(1) translateY(-1px);
    transform: scaleX(1) translateY(-1px)
}

.text-box.text-box--disabled .text-box__input,.text-box.text-box--disabled .text-box__label,.text-box.text-box--disabled .text-box__placeholder {
    color: var(--brand-color-gray-300, #a8a8a8);
    -webkit-text-fill-color: var(--brand-color-gray-300, #a8a8a8)
}

.text-box.text-box--disabled .text-box__hr-container>hr {
    border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8) !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0;
    position: absolute;
    width: 100%
}

.text-box--no-label .text-box__input {
    top: 0;
    position: absolute;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 16px
}

.text-box--no-label .text-box__placeholder {
    position: relative;
    top: inherit;
    opacity: 1;
    top: inherit;
    height: 16px;
    font-size: 16px
}

.text-box--no-label .text-box__hr-container {
    margin-top: 6px
}

.text-box--no-label .text-box__addon {
    top: 0px
}

.text-box--long-label .text-box__label {
    position: static;
    white-space: normal;
    pointer-events: auto;
    -webkit-user-select: auto;
    color: var(--payo-brand-color-cold-gray-600, #8c98ab);
    font-size: 14px;
    margin-bottom: -2px;
    margin-top: 20px;
    line-height: normal;
    display: block
}

@media only screen and (max-width: 690px) {
    .text-box--long-label .text-box__label {
        font-size:16px
    }
}

.text-box--long-label .text-box__addon {
    top: auto;
    bottom: 4px
}

.text-box--long-label .text-box__input {
    margin-top: 0
}

.text-box--long-label .text-box__input::-webkit-input-placeholder {
    line-height: normal
}

.text-box--long-label .text-box__input::-moz-placeholder {
    color: var(--payo-brand-color-cold-gray-400, #b9bfcb)
}

.text-box--long-label .text-box__input:-ms-input-placeholder {
    color: var(--payo-brand-color-cold-gray-400, #b9bfcb)
}

.text-box--long-label .text-box__input::-ms-input-placeholder {
    color: var(--payo-brand-color-cold-gray-400, #b9bfcb)
}

.text-box--long-label .text-box__input::placeholder {
    color: var(--payo-brand-color-cold-gray-400, #b9bfcb)
}

.text-box--long-label.text-box--error .text-box__addon {
    bottom: 25px
}

.text-box input[type=number]::-webkit-inner-spin-button,.text-box input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.text-box input[type=number] {
    -moz-appearance: textfield
}

.rc-tooltip {
    max-width: 280px;
    font-size: 16px;
    font-family: var(--payo-brand-font);
    opacity: 1;
    direction: ltr;
    text-align: left;
    z-index: 100000
}

.rc-tooltip .rc-tooltip-inner {
    font-size: 16px;
    color: var(--brand-color-white-500, #ffffff);
    background-color: var(--brand-color-gray-700, #252526);
    border-radius: 4px;
    -webkit-box-shadow: -2px 5px 10px rgba(0,0,0,.1);
    box-shadow: -2px 5px 10px rgba(0,0,0,.1)
}

.rc-tooltip .rc-tooltip-inner a {
    color: #fff;
    cursor: pointer
}

.rc-tooltip .rc-tooltip-inner a:hover {
    color: var(--brand-color-gray-100)
}

.rc-tooltip--rtl {
    direction: rtl;
    text-align: right
}

.rc-tooltip--rtl .rc-tooltip-inner {
    text-align: right
}

.rc-tooltip--no-padding .rc-tooltip-inner {
    padding: 0
}

.rc-tooltip.rc-tooltip-placement-topRight .rc-tooltip-arrow,.rc-tooltip.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip.rc-tooltip-placement-top .rc-tooltip-arrow {
    border-top-color: var(--brand-color-gray-700, #252526)
}

.rc-tooltip.rc-tooltip-placement-bottomRight .rc-tooltip-arrow,.rc-tooltip.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip.rc-tooltip-placement-bottom .rc-tooltip-arrow {
    border-bottom-color: var(--brand-color-gray-700, #252526)
}

.rc-tooltip.rc-tooltip-placement-bottomRight .rc-tooltip-arrow,.rc-tooltip.rc-tooltip-placement-topRight .rc-tooltip-arrow {
    right: 5px
}

.rc-tooltip.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
    left: 10px
}

.rc-tooltip.rc-tooltip-placement-right .rc-tooltip-arrow {
    border-right-color: var(--brand-color-gray-700, #252526)
}

.rc-tooltip.rc-tooltip-placement-left .rc-tooltip-arrow {
    border-left-color: var(--brand-color-gray-700, #252526)
}

.rc-tooltip--no-arrow .rc-tooltip-arrow {
    display: none
}

.tooltip-container {
    position: relative
}

.tooltip-container svg {
    fill: var(--payo-brand-color-cold-gray-600, #8c98ab);
    width: 23px;
    height: 16px
}

.tooltip__icon {
    color: var(--brand-color-gray-700, #252526);
    font-size: 16px
}

.radio-button {
    font-size: 16px;
    font-family: var(--payo-brand-font);
    margin-right: 18px
}

.radio-button--rtl {
    margin-right: 0;
    margin-left: 18px
}

.radio-button--inline {
    display: inline-block;
    vertical-align: text-top
}

.radio-button>label {
    font-size: .8rem;
    color: var(--brand-color-gray-700, #252526)
}

.radio-button__input {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.radio-button__input+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    height: auto;
    line-height: 25px;
    font-size: 1rem;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-button--rtl .radio-button__input+label {
    padding-left: 0;
    padding-right: 35px
}

.radio-button__input+label:before,.radio-button__input+label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    border: 2px solid var(--brand-color-gray-500, #878787);
    border-radius: 50%
}

.radio-button--rtl .radio-button__input+label:before,.radio-button--rtl .radio-button__input+label:after {
    right: 0
}

.radio-button__input:checked+label:before,.radio-button__input label:after {
    border: 2px solid var(--brand-color-blue-500, #0075e1)
}

.radio-button__input:focus+label:before {
    -webkit-box-shadow: 0 0 0 4px rgba(136,136,136,.2);
    box-shadow: 0 0 0 4px rgba(136,136,136,.2)
}

.radio-button__input:not(:checked)+label:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.radio-button__input:checked+label:after {
    background-color: var(--brand-color-blue-500, #0075e1);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    border: none
}

.radio-button__input:disabled+label {
    color: var(--brand-color-gray-300, #a8a8a8);
    cursor: default
}

.radio-button__input:disabled+label:before,.radio-button__input:disabled+label:after {
    border-color: var(--brand-color-gray-300, #a8a8a8);
    cursor: default
}

.radio-button__input:disabled+label:before {
    background-color: rgba(0,0,0,0)
}

.radio-button__input:disabled+label:after {
    background-color: var(--brand-color-gray-300, #a8a8a8)
}

.radio-button--rtl .radio-button__input {
    left: auto;
    right: -9999px
}

.radio-group {
    font-size: 16px;
    font-family: var(--payo-brand-font);
    position: relative
}

.radio-group>.error-text {
    margin-top: 5px;
    margin-left: 6px
}

.radio-group--rtl {
    direction: rtl
}

.radio-group__label {
    display: block;
    margin-top: 16px;
    font-size: 14.4px;
    color: var(--brand-color-gray-600, #666666)
}

@media only screen and (max-width: 480px) {
    .radio-group__label {
        font-size:16px;
        margin-top: 15px
    }
}

.radio-group--toggle .radio-group__body {
    max-width: 100%;
    border: 1px var(--brand-color-gray-700, #252526) solid;
    border-radius: 50px;
    display: inline-block;
    white-space: nowrap;
    padding: 0 7px;
    line-height: normal
}

.radio-group--toggle .radio-group__body .radio-button {
    white-space: nowrap
}

.radio-group--toggle .radio-group__body .radio-button--inline {
    margin: 1px -5px
}

.radio-group--toggle .radio-group__body .radio-button__input+label {
    color: var(--brand-color-gray-700, #252526);
    max-width: 100%;
    text-align: center;
    border-radius: 50px;
    padding: 0 24px;
    line-height: 28px;
    text-overflow: ellipsis;
    font-size: 14px
}

.radio-group--toggle .radio-group__body .radio-button__input:checked+label {
    background: var(--brand-color-gray-700, #252526);
    color: #fff
}

.radio-group--toggle .radio-group__body .radio-button__input+label:before,.radio-group--toggle .radio-group__body .radio-button__input+label:after {
    display: none
}

.radio-group--toggle .radio-group__body .radio-button__description {
    display: none
}

@media only screen and (max-width: 690px) {
    .radio-group--toggle .radio-group__body {
        width:100%
    }

    .radio-group--toggle .radio-group__body .radio-button--inline {
        width: -webkit-calc(50% + 10px);
        width: calc(50% + 10px)
    }

    .radio-group--toggle .radio-group__body .radio-button__input+label {
        display: block;
        overflow: hidden
    }
}

.radio-group--flat-toggle .radio-group__label {
    display: inline-block;
    width: 100%;
    color: var(--brand-color-gray-700, #252526);
    font-size: 16px;
    line-height: 27px;
    padding-bottom: 5px
}

.radio-group--flat-toggle .radio-group__body {
    display: inline-block;
    width: 100%
}

.radio-group--flat-toggle .radio-group__body .radio-button {
    margin-right: 15px
}

.radio-group--flat-toggle .radio-group__body .radio-button--rtl {
    margin-right: 0px;
    margin-left: 15px
}

.radio-group--flat-toggle .radio-group__body .radio-button__description {
    display: none
}

@media(max-width: 400px) {
    .radio-group--flat-toggle .radio-group__body .radio-button {
        display:block;
        margin-bottom: 15px
    }

    .radio-group--flat-toggle .radio-group__body .radio-button:last-child {
        margin-bottom: 0px
    }
}

.radio-group--flat-toggle .radio-group__body .radio-button label {
    padding: 0px;
    min-width: 100px;
    height: 37px;
    line-height: 37px;
    text-align: center
}

.radio-group--flat-toggle .radio-group__body .radio-button label:before {
    width: 0px;
    height: 0px;
    content: none
}

.radio-group--flat-toggle .radio-group__body .radio-button label:after {
    width: 0px;
    height: 0px;
    content: none
}

.radio-group--flat-toggle .radio-group__body .radio-button__input+label {
    background: var(--brand-color-gray-200, #dcdcdc)
}

.radio-group--flat-toggle .radio-group__body .radio-button__input:checked+label {
    background: var(--brand-color-gray-700, #252526);
    color: #fff
}

.radio-group--flat-toggle .radio-group__body .radio-button__input:disabled+label {
    color: var(--payo-brand-color-cold-gray-500, #c3cad9)
}

.radio-group--flat-toggle .error-text {
    margin-left: 0px
}

.spinner-container {
    width: auto;
    border-radius: 50px;
    padding: 10px;
    display: table;
    margin: 0 auto;
    position: relative
}

.spinner-container span {
    height: 10px;
    width: 10px;
    float: left;
    margin: 0 2px;
    background-color: var(--payo-brand-color-white, #ffffff);
    display: block;
    border-radius: 50%;
    opacity: .2
}

.spinner-container span:nth-of-type(1) {
    -webkit-animation: 1.1s bounceIn infinite .36666s;
    animation: 1.1s bounceIn infinite .36666s
}

.spinner-container span:nth-of-type(2) {
    -webkit-animation: 1.1s bounceIn infinite .73332s;
    animation: 1.1s bounceIn infinite .73332s
}

.spinner-container span:nth-of-type(3) {
    -webkit-animation: 1.1s bounceIn infinite 1.09998s;
    animation: 1.1s bounceIn infinite 1.09998s
}

.spinner-container--inverse span {
    background-color: var(--brand-color-blue-500, #0075e1)
}

@-webkit-keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.textarea {
    font-family: var(--payo-brand-font);
    font-size: 16px;
    position: relative;
    line-height: 24px;
    width: 100%;
    -webkit-transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    background-color: rgba(0,0,0,0);
    display: block
}

.textarea--rtl {
    direction: rtl
}

.textarea__clear {
    clear: both
}

.textarea__counter-wrapper {
    float: right;
    color: var(--brand-color-gray-600, #666666);
    direction: ltr !important;
    font-size: 14px
}

.textarea__counter-wrapper--warning {
    color: var(--brand-color-red-500, #e31b0c)
}

.textarea--rtl .textarea__counter-wrapper {
    float: left
}

.textarea__label {
    top: 35px;
    left: 0;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    z-index: 0;
    cursor: text;
    -webkit-transform: scale(1) translate(0px, 0px);
    -ms-transform: scale(1) translate(0px, 0px);
    transform: scale(1) translate(0px, 0px);
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
    pointer-events: none;
    color: var(--brand-color-gray-600, #666666);
    -webkit-user-select: none;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.background-mode-gray .textarea__label {
    color: var(--brand-color-gray-600, #666666)
}

.textarea--rtl .textarea__label {
    left: inherit;
    right: 0
}

@media only screen and (max-width: 480px) {
    .textarea__label {
        font-size:18px
    }
}

.textarea__placeholder {
    position: absolute;
    opacity: 0;
    top: 40px;
    color: var(--brand-color-gray-300, #A8A8A8);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    pointer-events: none;
    cursor: text;
    height: 16px;
    line-height: 16px;
    z-index: 0;
    word-wrap: break-word;
    width: 100%;
    text-overflow: ellipsis;
    padding-right: 10%
}

.textarea--rtl .textarea__placeholder {
    padding-right: 0;
    padding-left: 10%
}

.background-mode-gray .textarea__placeholder {
    color: var(--brand-color-gray-600, #666666)
}

.textarea__input {
    resize: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0;
    position: relative;
    width: 100%;
    border: none;
    outline: none;
    color: var(--brand-color-gray-700, #252526);
    font-size: 16px;
    height: 37px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 39px;
    background-color: rgba(0,0,0,0);
    z-index: 1;
    line-height: 1.3em;
    word-wrap: break-word
}

.textarea__input:focus {
    outline: none
}

.textarea__input:focus~label {
    color: var(--brand-color-gray-600, #666666)
}

.textarea__input:focus~.textarea__hr-container>:last-child {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.textarea__input:focus~.textarea__placeholder,.textarea__input.textarea__input--fixed-label~.textarea__placeholder {
    opacity: 1;
    line-height: 1.3em
}

.textarea__input.textarea__input--filled~label,.textarea__input.textarea__input--fixed-label~label,.textarea__input:focus~label {
    -webkit-transform: scale(0.875) translate(0px, -20px);
    -ms-transform: scale(0.875) translate(0px, -20px);
    transform: scale(0.875) translate(0px, -20px)
}

.textarea--rtl .textarea__input.textarea__input--filled~label,.textarea--rtl .textarea__input.textarea__input--fixed-label~label,.textarea--rtl .textarea__input:focus~label {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%
}

.textarea__input.textarea__input--medium {
    height: 80px
}

.textarea__input.textarea__input--large {
    height: 100px
}

.textarea__input.textarea__input--xl {
    height: 261px
}

.textarea__input.textarea__input--filled~.textarea__placeholder {
    opacity: 0
}

.textarea__input::-ms-clear {
    display: none
}

.textarea__input:hover~.textarea__hr-container>:last-child {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.textarea__addon {
    position: absolute;
    right: 0;
    top: 38px;
    z-index: 10
}

.textarea--rtl .textarea__addon {
    right: initial;
    left: 0
}

.textarea__hr-container {
    width: 100%
}

.textarea__hr-container>hr {
    height: 1px;
    width: 100%;
    border-style: none none solid;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0
}

.textarea__hr-container>hr:first-child {
    border-bottom-width: 1px;
    border-color: var(--brand-color-gray-200, #DCDCDC);
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px)
}

.textarea__hr-container>hr:last-child {
    border-bottom-width: 1px;
    border-color: var(--brand-color-blue-500, #0075E1);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: -webkit-transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, -webkit-transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 0ms
}

.textarea.textarea--error>.textarea__hr-container>:last-child {
    border-color: var(--brand-color-red-500, #e31b0c);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.textarea.textarea--disabled .textarea__input,.textarea.textarea--disabled .textarea__label,.textarea.textarea--disabled .textarea__placeholder,.textarea.textarea--disabled .textarea__counter-wrapper {
    color: var(--brand-color-gray-300, #a8a8a8);
    -webkit-text-fill-color: var(--brand-color-gray-300, #a8a8a8)
}

.textarea.textarea--disabled .textarea__hr-container>hr {
    border-color: var(--brand-color-gray-300, #a8a8a8) !important;
    border-bottom-style: dashed;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0;
    position: absolute;
    width: 100%
}

.textarea--no-label .textarea__input {
    top: 0;
    position: relative;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 16px;
    line-height: 1em
}

.textarea--no-label .textarea__placeholder {
    position: absolute;
    font-size: 16px;
    top: 0px;
    opacity: 1;
    height: 16px
}

.inline-dropdown {
    font-family: var(--payo-brand-font);
    position: relative;
    display: inline-block;
    cursor: pointer;
    z-index: 10
}

.inline-dropdown__trigger {
    color: var(--brand-color-blue-500, #0075E1);
    display: inline-block;
    direction: ltr;
    text-align: left
}

.inline-dropdown--rtl .inline-dropdown__trigger {
    direction: rtl
}

.inline-dropdown__trigger svg {
    fill: var(--brand-color-blue-500, #0075E1);
    height: 16px;
    margin-left: 6px;
    margin-right: 6px
}

.inline-dropdown__dropdown-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    min-width: 160px;
    -webkit-box-shadow: var(--payo-brand-color-cold-gray-300, #c9cdd7) 0px 0px 3px 1px;
    box-shadow: var(--payo-brand-color-cold-gray-300, #c9cdd7) 0px 0px 3px 1px
}

.inline-dropdown--rtl .inline-dropdown__dropdown-wrapper {
    right: 0;
    left: inherit
}

.inline-dropdown__dropdown-wrapper--hidden {
    top: 0
}

.inline-dropdown__dropdown-wrapper .inline-dropdown-title,.inline-dropdown__dropdown-wrapper .inline-dropdown-option {
    background-color: var(--brand-color-white-500, #FFFFFF);
    font-size: 14px;
    color: var(--payo-brand-color-cold-gray-700, #636b78);
    cursor: pointer;
    line-height: 28px;
    min-height: 1px;
    min-width: 1px;
    width: 100%;
    padding: 5px 14px
}

.inline-dropdown__dropdown-wrapper .inline-dropdown-option {
    color: var(--brand-color-gray-700, #252526)
}

.inline-dropdown__dropdown-wrapper .inline-dropdown-option:hover {
    background: var(--brand-color-gray-100, #EFEFEF);
    color: var(--brand-color-gray-700, #252526)
}

.inline-dropdown__dropdown-wrapper .inline-dropdown-option--checked,.inline-dropdown__dropdown-wrapper .inline-dropdown-option--checked:hover {
    color: var(--brand-color-white-500, #FFFFFF);
    background-color: var(--brand-color-gray-700, #252526)
}

.inline-dropdown__dropdown-wrapper .inline-dropdown-option--disabled {
    background-color: var(--brand-color-white-500, #FFFFFF);
    color: var(--brand-color-gray-300, #A8A8A8);
    cursor: not-allowed
}

.inline-dropdown__dropdown-wrapper .inline-dropdown-option--disabled:hover {
    background-color: var(--brand-color-white-500, #FFFFFF);
    color: var(--brand-color-gray-300, #A8A8A8)
}

.inline-dropdown__dropdown-wrapper .inline-dropdown-title {
    font-weight: 700;
    cursor: default;
    color: var(--brand-color-gray-700, #252526);
    border-bottom: 1px solid var(--brand-color-gray-200, #DCDCDC)
}

.contact-item {
    min-height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--payo-brand-font);
    background-color: var(--brand-color-gray-50, #F7F7F7);
    margin-bottom: 5px;
    cursor: pointer
}

.contact-item:last-child {
    margin-bottom: 0
}

.contact-item:hover {
    background-color: var(--brand-color-gray-100, #EFEFEF);
    outline: none
}

.contact-item:focus {
    background-color: var(--brand-color-gray-700, #252526);
    outline: none
}

.contact-item:focus .contact-item__info__name,.contact-item:focus .contact-item__info__email,.contact-item:focus .contact-item__info__footer {
    color: #fff
}

.contact-item--disabled:hover,.contact-item--disabled:focus {
    background-color: var(--brand-color-gray-50, #F7F7F7);
    outline: none;
    cursor: default
}

.contact-item--disabled:hover .contact-item__info__name,.contact-item--disabled:hover .contact-item__info__email,.contact-item--disabled:focus .contact-item__info__name,.contact-item--disabled:focus .contact-item__info__email {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.contact-item--disabled .contact-item__info__name,.contact-item--disabled .contact-item__info__email {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.contact-item--disabled .contact-item__icon {
    border-color: var(--brand-color-gray-300, #a8a8a8)
}

.contact-item--disabled .contact-item__icon>i {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.contact-item--disabled .contact-item__icon svg {
    fill: var(--brand-color-gray-300, #a8a8a8)
}

.contact-item--rtl {
    direction: rtl
}

.contact-item__icon {
    width: 38px;
    height: 38px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: center;
    border: 1px solid var(--brand-color-gray-600, #666666);
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    margin: 12px
}

.contact-item__icon>i {
    position: relative;
    top: 7px;
    color: var(--brand-color-gray-600, #666666);
    font-size: 20px
}

.contact-item--rtl .contact-item__icon>i {
    right: -1px
}

.contact-item__icon svg {
    position: relative;
    top: 7px;
    fill: var(--brand-color-gray-600, #666666);
    width: 28px;
    height: 20px
}

.contact-item__info {
    display: inline-block;
    width: -webkit-calc(92% - 61px);
    width: calc(92% - 61px);
    padding: 6px 0
}

.contact-item__info__name {
    font-size: 18px;
    font-weight: 700;
    color: var(--brand-color-gray-700, #252526);
    margin-bottom: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2
}

.contact-item__info__email {
    font-size: 14px;
    height: 16px;
    font-weight: 400;
    color: var(--brand-color-gray-700, #252526);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.contact-item__info__email:empty {
    display: none
}

.contact-item__info__email--large {
    height: 20px;
    font-size: 18px;
    font-weight: 700
}

.contact-item__info__footer {
    font-size: 14px;
    border-top: 1px solid var(--payo-brand-color-gray-light, #e6e6e6);
    font-size: 14px;
    padding-top: 6px;
    color: var(--brand-color-gray-700, #252526);
    margin-top: 6px
}

.contact-item__addon {
    display: inline-block
}

.contacts-list--rtl {
    direction: rtl
}

.contacts-list__title {
    margin-bottom: 10px;
    height: 16px;
    color: var(--brand-color-gray-700, #252526);
    font-size: 16px;
    font-weight: 400
}

.hint-tooltip {
    font-size: 16px;
    font-family: var(--payo-brand-font)
}

.hint-tooltip__clicking-area {
    font-size: .875em;
    color: var(--brand-color-blue-500, #0075E1);
    text-align: right;
    margin-bottom: 12px;
    cursor: pointer
}

.hint-tooltip__clicking-area:hover {
    text-decoration: underline
}

@media only screen and (max-width: 400px) {
    .hint-tooltip__clicking-area {
        text-align:left
    }
}

.hint-tooltip__clicking-area>i:before {
    font-size: 15px;
    margin-right: .3em;
    margin-left: .2em;
    position: relative;
    top: -1px;
    left: .3px
}

.hint-tooltip__clicking-area svg {
    fill: var(--brand-color-blue-500, #0075E1);
    margin-right: .3em;
    height: 15px;
    margin-left: .2em;
    position: relative;
    top: -1px;
    left: .3px
}

.hint-tooltip__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
    position: relative;
    width: 100%;
    background-color: var(--brand-color-gray-100, #EFEFEF);
    -webkit-box-shadow: 2px 2px 3px #ccc;
    box-shadow: 2px 2px 3px #ccc;
    border-radius: 2px
}

.hint-tooltip__content--close {
    display: none
}

.hint-tooltip__content__icon {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding: 0 10px;
    position: relative
}

.hint-tooltip__content__icon>i:before {
    font-size: 40px;
    color: var(--brand-color-gray-700, #252526);
    margin: 0
}

.hint-tooltip__content__icon svg {
    height: 34px;
    fill: var(--brand-color-gray-700, #252526)
}

@media only screen and (max-width: 400px) {
    .hint-tooltip__content__icon {
        display:none
    }
}

.hint-tooltip__content__text {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: left;
    color: var(--brand-color-gray-700, #252526);
    font-size: .875em;
    line-height: 1.38em;
    border-left: 0;
    padding-left: 16px;
    padding-right: 16px
}

@media(min-width: 401px) {
    .hint-tooltip__content__text {
        border-left:1px solid var(--brand-color-gray-700, #252526)
    }
}

.hint-tooltip__content__text p,.hint-tooltip__content__text span {
    margin: 0
}

.hint-tooltip__content:before {
    content: "";
    position: absolute;
    top: -7px;
    right: 30px;
    width: 0;
    height: 0;
    border-left: 8px solid rgba(0,0,0,0);
    border-right: 8px solid rgba(0,0,0,0);
    border-bottom: 10px solid var(--brand-color-gray-100, #EFEFEF)
}

@media only screen and (max-width: 400px) {
    .hint-tooltip__content:before {
        left:30px
    }
}

.hint-tooltip__content:after {
    content: "";
    display: table;
    clear: both
}

.hint-tooltip__closeBtn {
    position: absolute;
    right: 5px;
    top: 5px;
    color: var(--brand-color-gray-700, #252526);
    cursor: pointer
}

.hint-tooltip__closeBtn>i:before {
    font-size: 16px
}

.hint-tooltip__closeBtn svg {
    height: 16px;
    margin-left: 4px;
    margin-right: 4px;
    fill: var(--brand-color-gray-700, #252526)
}

.hint-tooltip__clicking-area-wrapper .hint-tooltip__clicking-area {
    position: relative;
    display: inline-block;
    margin-bottom: 0
}

.hint-tooltip--contentOpen .hint-tooltip__clicking-area-wrapper .hint-tooltip__clicking-area {
    margin-bottom: 9px;
    padding-bottom: 3px
}

.hint-tooltip__clicking-area-wrapper .hint-tooltip__clicking-area:after {
    visibility: hidden;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid rgba(0,0,0,0);
    border-right: 8px solid rgba(0,0,0,0);
    border-bottom: 10px solid var(--brand-color-gray-100, #EFEFEF)
}

.hint-tooltip__clicking-area-wrapper .hint-tooltip__clicking-area:before {
    content: "";
    display: table;
    clear: both
}

.hint-tooltip--contentOpen .hint-tooltip__clicking-area-wrapper .hint-tooltip__clicking-area:after {
    visibility: visible
}

.hint-tooltip--centerTriangle .hint-tooltip__content:before,.hint-tooltip--centerTriangle .hint-tooltip__content:after {
    display: none
}

.hint-tooltip--rtl {
    direction: rtl
}

.hint-tooltip--rtl .hint-tooltip__clicking-area {
    text-align: left
}

.hint-tooltip--rtl .hint-tooltip__closeBtn {
    right: inherit;
    left: 5px
}

.hint-tooltip--rtl .hint-tooltip__content__text {
    text-align: right;
    border-left: inherit;
    border-right: 1px solid #8c98ab
}

@media only screen and (max-width: 400px) {
    .hint-tooltip--rtl .hint-tooltip__content__text {
        border:0
    }
}

.hint-tooltip--rtl .hint-tooltip__content:before {
    right: inherit;
    left: 30px
}

.hint-tooltip--cleanMode .hint-tooltip__content__icon {
    display: none
}

.hint-tooltip--cleanMode .hint-tooltip__content__text {
    border: none
}

.hint-tooltip--hideTriangle .hint-tooltip__clicking-area-wrapper .hint-tooltip__clicking-area:after,.hint-tooltip--hideTriangle .hint-tooltip__clicking-area:after {
    visibility: hidden
}

.hint-tooltip--hideTriangle .hint-tooltip__content:before {
    visibility: hidden
}

.hint-tooltip--contentAbsolute {
    position: relative
}

.hint-tooltip--contentAbsolute .hint-tooltip__content {
    position: absolute;
    z-index: 99999
}

.copy-btn Button {
    font-size: .875em;
    min-height: 24px;
    display: block
}

.copy-btn__text {
    position: relative
}

.copy-btn__text__copied-text {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.copy-btn__text__copied-text svg {
    position: relative;
    margin-left: 4px;
    margin-right: 4px;
    height: 100%;
    fill: var(--brand-color-gray-700, #252526)
}

.copy-btn__text__copy-text {
    opacity: 1;
    display: inline-block;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.copy-btn__text:active .copy-btn__text__copied-text {
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.copy-btn__text:active .copy-btn__text__copy-text {
    opacity: 0;
    -webkit-transition: none;
    transition: none
}

.copy-btn--rtl .copy-btn__text__copied-text {
    right: 0
}

.badge {
    min-width: 68px;
    height: 25px;
    border-radius: 12.5px;
    background-color: var(--brand-color-gray-200, #DCDCDC);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--brand-color-gray-700, #252526);
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    cursor: pointer
}

.badge .badge--content {
    padding: 0px 16px
}

.badge--rtl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.badge--rtl .badge-icon--container {
    border-right: 1px solid;
    border-left: none
}

.badge--active {
    background-color: var(--brand-color-blue-500, #0075E1);
    color: #fff;
    border: solid 1px #fff
}

.badge--active .badge-icon--container svg {
    fill: #fff
}

.badge--removable {
    min-width: 98px
}

.badge-icon--container {
    font-size: 16px;
    border-left: 1px solid;
    line-height: 1rem
}

.badge-icon--container svg {
    width: 22px;
    height: 16px;
    fill: var(--brand-color-gray-700, #252526)
}

.badge:hover {
    background-color: var(--brand-color-gray-500, #878787);
    color: #fff
}

.badge:hover svg {
    fill: #fff
}

.progress-bar {
    --cells: 0;
    display: inline-block;
    width: 100%;
    height: 13px;
    padding: 2px;
    border-radius: 7px;
    border: 1px solid var(--brand-color-gray-300, #A8A8A8)
}

.progress-bar__progress-container {
    height: 100%;
    -webkit-mask: linear-gradient(to right, #fff -webkit-calc(100% - 2px), transparent 0) 0/calc((100% + 2px) / var(--cells)) 100%;
    mask: linear-gradient(to right, #fff calc(100% - 2px), transparent 0) 0/calc((100% + 2px) / var(--cells)) 100%
}

.progress-bar__progress-container .progress-bar__progress {
    border-radius: 7px 0px 0px 7px
}

.progress-bar__progress-container .progress-bar__progressrest {
    border-radius: 0px 7px 7px 0px
}

.progress-bar__progress,.progress-bar__progressrest {
    background: linear-gradient(95.74deg, #D85AD6 -53.26%, #0075E1 118.75%);
    float: left;
    border-radius: 7px;
    display: inline-block;
    height: 100%;
    -webkit-transition: color .5s linear;
    transition: color .5s linear
}

.progress-bar__progressrest {
    background: var(--brand-color-gray-200, #DCDCDC)
}

.progress-bar--thin {
    padding: 0;
    height: 4px;
    border-radius: 2px;
    overflow: hidden;
    border: 0;
    background: var(--brand-color-gray-100, #EFEFEF)
}

.progress-bar--thin .progress-bar__progress,.progress-bar--thin .progress-bar__progressrest {
    border-radius: 2px
}

.progress-bar--blue {
    height: 23px;
    border-radius: 0px;
    border: 1px solid var(--brand-color-gray-300, #A8A8A8)
}

@media(max-width: 690px) {
    .progress-bar--blue {
        height:16px;
        padding: 3px
    }
}

.progress-bar--blue .progress-bar__progress {
    background: linear-gradient(95.74deg, #D85AD6 -53.26%, #0075E1 118.75%)
}

.progress-bar--blue .progress-bar__progress,.progress-bar--blue .progress-bar__progressrest {
    border-radius: 0px
}

.progress-bar--completed .progress-bar__progress {
    background: var(--brand-color-gray-300, #31DA89)
}

.progress-bar--animated .progress-bar__progress {
    -webkit-transition: width .2s linear,color .2s linear;
    transition: width .2s linear,color .2s linear
}

.progress-bar--rtl .progress-bar__progress {
    float: right
}

.progress-bar--rtl .progress-bar__progress-container .progress-bar__progress {
    border-radius: 0px 7px 7px 0px
}

.progress-bar--rtl .progress-bar__progress-container .progress-bar__progressrest {
    border-radius: 7px 0px 0px 7px
}

.progress-bar--rtl.progress-bar--blue .progress-bar__progress-container .progress-bar__progress,.progress-bar--rtl.progress-bar--blue .progress-bar__progress-container .progress-bar__progressrest {
    border-radius: 0
}

.py-share {
    font-size: 30px
}

.py-share__toggle {
    display: none
}

.py-share__item {
    cursor: pointer
}

.py-share__item svg {
    width: 45px;
    height: 32px
}

.py-share__item .copy-btn {
    display: inline-block
}

.py-share__item .copy-btn__text {
    display: inline-block
}

.py-share__item__title {
    display: none
}

@media(max-width: 690px) {
    .py-share__item__title {
        margin-left:10px;
        margin-right: 10px;
        display: inline-block;
        max-width: -webkit-calc(100% - 50px);
        max-width: calc(100% - 50px);
        vertical-align: middle
    }
}

@media(max-width: 690px) {
    .py-share__item:not(.py-share__item--mobile-btn) {
        display:none
    }
}

.py-share__item__fb>i {
    position: relative
}

.py-share__item__fb>i>span {
    position: absolute;
    left: 0;
    top: 0
}

.py-share__item--mobile-btn {
    display: none
}

@media(max-width: 690px) {
    .py-share__item--mobile-btn {
        display:inline-block;
        width: 100%;
        color: var(--payo-brand-color-blue-300, #5ea2ce);
        font-size: 16px
    }

    .py-share__item--mobile-btn svg {
        fill: var(--payo-brand-color-cold-gray-800, #515d6f);
        width: 45px;
        height: 32px
    }
}

.py-share__mobile-container {
    display: none;
    background: #fff
}

.py-share__mobile-container__header {
    font-weight: bold
}

.py-share__mobile-container__close {
    cursor: pointer;
    text-align: right;
    display: block;
    padding-top: 12px;
    line-height: 20px
}

.py-share__mobile-container__close svg {
    fill: var(--payo-brand-color-cold-gray-400, #b9bfcb);
    width: 40px;
    height: 30px
}

.py-share--rtl .py-share__mobile-container__close {
    text-align: left
}

@media(max-width: 690px) {
    .py-share__toggle:checked~.py-share__item--mobile-btn {
        position:fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,.3)
    }

    .py-share__toggle:checked~.py-share__item--mobile-btn>* {
        opacity: 0
    }

    .py-share__toggle:checked~.py-share__mobile-container .py-share__item {
        display: block;
        padding: 0 20px;
        line-height: 60px;
        border-bottom: 1px solid var(--payo-brand-color-cold-gray-200, #e4e7ed);
        font-size: 16px;
        color: var(--payo-brand-color-cold-gray-800, #515d6f)
    }

    .py-share__toggle:checked~.py-share__mobile-container .py-share__item:hover {
        background: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }

    .py-share__toggle:checked~.py-share__mobile-container .py-share__item a {
        color: var(--payo-brand-color-cold-gray-800, #515d6f)
    }

    .py-share__toggle:checked~.py-share__mobile-container .py-share__item .copy-btn,.py-share__toggle:checked~.py-share__mobile-container .py-share__item .copy-btn__text,.py-share__toggle:checked~.py-share__mobile-container .py-share__item .copy-btn__text__copy-text {
        width: 100%
    }

    .py-share__toggle:checked~.py-share__mobile-container .py-share__item>* {
        width: 100%;
        height: 100%;
        display: block
    }

    .py-share__toggle:checked~.py-share__mobile-container .py-share__mobile-container__header {
        font-size: 22px;
        cursor: default;
        line-height: 25px;
        padding-bottom: 20px
    }

    .py-share__toggle:checked~.py-share__mobile-container .py-share__mobile-container__header:hover {
        background: rgba(0,0,0,0)
    }

    .py-share__toggle:checked~.py-share__mobile-container {
        display: inline-block;
        width: 100%;
        position: fixed;
        bottom: 0;
        max-height: -webkit-calc(100% - 80px);
        max-height: calc(100% - 80px);
        z-index: 1;
        overflow: auto;
        left: 0;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
        box-shadow: 0 0 10px rgba(0,0,0,.3)
    }
}

.search-box {
    right: 0;
    top: 0;
    position: absolute;
    border: 1px solid rgba(0,0,0,0);
    width: 40px;
    height: 48px;
    border-radius: 0;
    border-left-color: #efeff0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

@media(max-width: 991px) {
    .search-box {
        min-height:0;
        padding: 0
    }
}

@media(max-width: 690px) {
    .search-box {
        display:none
    }
}

.search-box>svg {
    position: absolute;
    top: 10px;
    left: 0px;
    right: auto;
    margin-left: 8px;
    margin-right: 8px;
    fill: var(--brand-color-gray-700, #252526);
    opacity: .7;
    height: 24px;
    cursor: pointer
}

.search-box>svg.search-box__clear {
    pointer-events: auto;
    cursor: pointer;
    left: auto;
    right: -5px;
    display: none
}

.search-box:hover>i {
    opacity: 1
}

.search-box>input {
    position: relative;
    background: rgba(255,255,255,.01);
    border: 1px solid rgba(0,0,0,0);
    padding: 10px 20px 2px;
    line-height: 28px;
    margin: 0;
    width: 100%;
    font-family: var(--payo-brand-font);
    font-size: 1em;
    outline: none;
    color: var(--brand-color-gray-700, #252526);
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97);
    transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97)
}

.search-box>input::-webkit-input-placeholder {
    color: rgba(0,0,0,0);
    -webkit-transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97);
    transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97)
}

.search-box>input::-moz-placeholder {
    color: rgba(0,0,0,0);
    -webkit-transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97);
    transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97)
}

.search-box>input:-ms-input-placeholder {
    color: rgba(0,0,0,0);
    -webkit-transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97);
    transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97)
}

.search-box>input::-ms-input-placeholder {
    color: rgba(0,0,0,0);
    -webkit-transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97);
    transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97)
}

.search-box>input::placeholder {
    color: rgba(0,0,0,0);
    -webkit-transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97);
    transition: all .3s cubic-bezier(0, 0.13, 0.22, 0.97)
}

.search-box~* {
    margin-top: 0;
    -webkit-transition: all .3s cubic-bezier(0.46, 0, 0.95, 0.24);
    transition: all .3s cubic-bezier(0.46, 0, 0.95, 0.24)
}

.search-box--opened {
    top: -4px;
    border-left-color: rgba(0,0,0,0);
    width: 100%;
    margin-left: 12px
}

.search-box--opened>svg.search-box__search {
    opacity: 1;
    left: -5px
}

.search-box--opened>svg.search-box__clear {
    display: inline-block
}

.search-box--opened>input {
    cursor: text;
    color: var(--brand-color-gray-700, #252526);
    border-bottom-color: var(--brand-color-gray-700, #252526);
    -webkit-transition: all .3s .3s cubic-bezier(0.46, 0, 0.95, 0.24);
    transition: all .3s .3s cubic-bezier(0.46, 0, 0.95, 0.24);
    margin: 0;
    margin-left: 35px;
    padding: 10px 20px 2px 0;
    width: -webkit-calc(100% - 35px);
    width: calc(100% - 35px)
}

.search-box--opened>input::-webkit-input-placeholder {
    color: var(--brand-color-gray-300, #A8A8A8)
}

.search-box--opened>input::-moz-placeholder {
    color: var(--brand-color-gray-300, #A8A8A8)
}

.search-box--opened>input:-ms-input-placeholder {
    color: var(--brand-color-gray-300, #A8A8A8)
}

.search-box--opened>input::-ms-input-placeholder {
    color: var(--brand-color-gray-300, #A8A8A8)
}

.search-box--opened>input::placeholder {
    color: var(--brand-color-gray-300, #A8A8A8)
}

.search-box--opened~* {
    margin-top: 60px;
    -webkit-transition: all .3s cubic-bezier(0.46, 0, 0.95, 0.24);
    transition: all .3s cubic-bezier(0.46, 0, 0.95, 0.24)
}

.search-box--rtl {
    left: 0;
    right: inherit;
    border-left-color: rgba(0,0,0,0);
    border-right-color: #efeff0
}

.search-box--rtl>.search-box__search {
    right: 0px
}

.search-box--rtl.search-box--opened {
    border-right-color: rgba(0,0,0,0);
    left: -10px
}

.search-box--rtl.search-box--opened>svg.search-box__search {
    left: auto;
    right: -5px
}

.search-box--rtl.search-box--opened>svg.search-box__clear {
    left: -7px;
    right: inherit
}

.search-box--rtl.search-box--opened input {
    margin-left: 0px;
    margin-right: 35px
}

.expiration-date {
    font-size: 16px;
    font-family: var(--payo-brand-font);
    position: relative;
    padding-top: 24px
}

.expiration-date .react-selectize.material {
    font-family: var(--payo-brand-font)
}

.expiration-date .react-selectize.material.open.root-node .react-selectize-control {
    border-bottom: 1px solid rgba(0,0,0,0)
}

.expiration-date .react-selectize.material.root-node {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.expiration-date .react-selectize.material.root-node .react-selectize-control {
    border-bottom: 1px solid var(--brand-color-gray-700, #252526);
    padding-left: 0;
    padding-top: 2px;
    padding-bottom: 2px
}

.expiration-date .react-selectize.material.root-node .react-selectize-control input {
    font-family: var(--payo-brand-font);
    margin: 0;
    color: var(--brand-color-gray-700, #252526);
    padding: 3.5px 0px 4.5px 0
}

.expiration-date .react-selectize.material.root-node .react-selectize-control input::-ms-clear {
    display: none
}

.expiration-date .react-selectize.material.root-node .react-selectize-control .value-wrapper {
    line-height: 24px;
    color: var(--brand-color-gray-700, #252526)
}

.expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-300, #A8A8A8);
    text-indent: 0;
    top: 5px
}

.background-mode-gray .expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-600, #666666)
}

.expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container {
    height: inherit;
    margin-top: 10px;
    width: initial;
    margin-right: -5px
}

.expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
    stroke: var(--brand-color-gray-700, #252526);
    fill: var(--brand-color-gray-700, #252526)
}

.expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-reset-button-container {
    height: 16px;
    width: 16px;
    margin-top: 11px
}

.expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-reset-button-container svg {
    stroke: var(--brand-color-gray-700, #252526);
    fill: var(--brand-color-gray-700, #252526)
}

.expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-search-field-and-selected-values {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-height: 30px;
    top: 3px;
    position: relative;
    overflow: hidden
}

.expiration-date .react-selectize.material.root-node .react-selectize-control:after {
    background-color: var(--brand-color-blue-500, #0075E1);
    height: 1px;
    bottom: -1px
}

.expiration-date .react-selectize.material.root-node .option-wrapper {
    color: var(--brand-color-gray-700, #252526)
}

.expiration-date .react-selectize.material.root-node .option-wrapper>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.expiration-date .react-selectize.material.root-node .option-wrapper.highlight {
    background-color: var(--brand-color-gray-200, #dcdcdc)
}

.expiration-date .react-selectize.material.root-node .option-wrapper .selected {
    background-color: var(--brand-color-gray-700, #252526);
    color: #fff
}

.expiration-date .react-selectize.material.root-node.disabled .react-selectize-control {
    border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8)
}

.expiration-date .react-selectize.material.root-node.disabled .react-selectize-control:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    background-color: rgba(0,0,0,0)
}

.expiration-date .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.expiration-date .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-toggle-button-container>i {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.expiration-date .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-toggle-button-container svg {
    fill: var(--brand-color-gray-300, #a8a8a8)
}

.expiration-date .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.expiration-date .react-selectize.material.dropdown-menu-wrapper {
    z-index: 11
}

.expiration-date .react-selectize.material.dropdown-menu-wrapper:not(.flipped) {
    margin-top: 0
}

.expiration-date .react-selectize.material.dropdown-menu-wrapper .dropdown-menu {
    margin-top: 2px
}

.expiration-date .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar {
    width: 6px;
    background-color: #fff
}

.expiration-date .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
    background-color: var(--brand-color-gray-100, #efefef)
}

.expiration-date .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: var(--brand-color-gray-600, #7c7c7d)
}

.expiration-date .react-selectize.material.dropdown-menu-wrapper .dropdown-menu {
    padding: 0
}

.expiration-date .react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-enter {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.expiration-date .react-selectize .react-selectize-toggle-button-container {
    min-width: 22px
}

.expiration-date .react-selectize .react-selectize-toggle-button-container svg {
    fill: var(--brand-color-gray-700, #252526);
    height: 16px
}

.expiration-date .react-selectize .react-selectize-toggle-button-container>i {
    color: var(--brand-color-gray-700, #252526)
}

.expiration-date.react-selectize-error .react-selectize.material.root-node .react-selectize-control {
    border-bottom: 1px solid rgba(0,0,0,0)
}

.expiration-date.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
    background-color: var(--brand-color-red-500, #e31b0c);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    bottom: -1
}

.expiration-date__month.root-node,.expiration-date__year.root-node {
    display: inline-block;
    vertical-align: top
}

.expiration-date__month.root-node {
    max-width: 25%;
    margin-right: 5%
}

.expiration-date__year.root-node {
    max-width: 25%
}

.expiration-date__label {
    display: block;
    position: absolute;
    top: 0;
    margin-top: 16px;
    font-size: 14px;
    color: var(--brand-color-gray-600, #666666);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.open~.expiration-date__label {
    color: var(--brand-color-gray-600, #666666)
}

.expiration-date--rtl .expiration-date__label {
    left: inherit;
    right: 0
}

@media only screen and (max-width: 480px) {
    .expiration-date__label {
        font-size:16px;
        margin-top: 15px
    }
}

.expiration-date__item {
    padding: 0 5px;
    text-align: center;
    line-height: 32px
}

.expiration-date__month .expiration-date__item {
    text-align: left
}

.expiration-date--rtl .expiration-date__month .expiration-date__item {
    direction: rtl;
    text-align: right
}

@media only screen and (max-width: 480px) {
    .expiration-date__item {
        padding:0 3px
    }
}

.expiration-date--disabled .expiration-date__label {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.expiration-date .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
    color: var(--brand-color-gray-300, #a8a8a8)
}

.expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
    max-width: 90%
}

.expiration-date--rtl .expiration-date__month.root-node {
    margin-right: 0;
    margin-left: 5%
}

.inline-edit-textBox {
    font-family: var(--payo-brand-font)
}

.inline-edit-textBox__add-new,.inline-edit-textBox__current-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 37px;
    color: var(--brand-color-blue-500, #0075E1);
    font-size: 16px;
    cursor: pointer
}

.inline-edit-textBox__add-new>span,.inline-edit-textBox__current-value>span {
    color: var(--brand-color-gray-700, #252526)
}

.inline-edit-textBox__add-new>svg,.inline-edit-textBox__current-value>svg {
    fill: var(--brand-color-gray-700, #252526);
    height: 16px;
    margin-bottom: 1.7px
}

.inline-edit-textBox .text-box__input {
    max-width: -webkit-calc(100% - 45px);
    max-width: calc(100% - 45px)
}

.inline-edit-textBox .text-box svg {
    fill: var(--brand-color-gray-700, #252526);
    margin: 4px;
    cursor: pointer;
    height: 16px
}

.tabs-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid var(--brand-color-gray-200, #DCDCDC)
}

.tabs-header-tab {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--brand-color-gray-700, #252526)
}

.tabs-header-tab-text {
    padding: 16px;
    padding-bottom: 11px
}

.tabs-header-tab-border {
    width: 0;
    -webkit-transition: width .3s;
    transition: width .3s
}

.tabs-header-tab-border--selected {
    width: 100%;
    background-color: var(--brand-color-blue-500, #0075E1);
    height: 5px
}

.tabs-header-tab--large {
    font-size: 20px
}

.tabs-header-tab--selected,.tabs-header-tab:hover {
    font-weight: bold
}

.tabs-container {
    padding-top: 16px
}

.ExperienceLoader {
    max-width: 400px;
    text-align: center;
    margin: auto
}

.ExperienceLoader .Title {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    color: #636b79;
    margin-bottom: 51px
}

.ExperienceLoader .Title.withSub {
    margin-bottom: 6px
}

.ExperienceLoader .SubTitle {
    font-size: 16px;
    text-align: center;
    color: #616c7d;
    margin-bottom: 24px;
    line-height: 22px
}

@media(max-width: 690px) {
    .ExperienceLoader .SubTitle {
        margin-bottom:34px
    }
}

.ExperienceLoader .Main {
    margin: auto;
    margin-bottom: 24px
}

@media(max-width: 690px) {
    .ExperienceLoader .Main {
        width:200px;
        height: 200px
    }
}

@media(min-width: 691px) {
    .ExperienceLoader .Main {
        width:220px;
        height: 220px
    }
}

.ExperienceLoader .Footer {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #636b78;
    margin-bottom: 24px;
    -webkit-animation: fadein 1s forwards;
    animation: fadein 1s forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ExperienceLoader .Footer.fadeOut {
    -webkit-animation: fadeout .5s forwards;
    animation: fadeout .5s forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.buttons-extension {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 690px) {
    .buttons-extension {
        display:none
    }
}

.buttons-extension--is-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(min-width: 691px) {
    .buttons-extension--is-mobile {
        display:none
    }
}

.buttons-extension--show-always {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.buttons-extension__button {
    min-width: 40px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 691px) {
    .buttons-extension__button {
        min-width:45px
    }
}

.buttons-extension__separator {
    margin: 0;
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: var(--brand-color-gray-700);
    height: 20px
}

@media(min-width: 992px) {
    .buttons-extension__separator {
        height:20px
    }
}

.buttons-extension i {
    -webkit-transition: color .3s linear;
    transition: color .3s linear;
    font-size: 18px;
    color: var(--brand-color-gray-700)
}

.buttons-extension i:before {
    line-height: 36px
}

.buttons-extension i:hover {
    cursor: pointer
}

@media(min-width: 992px) {
    .buttons-extension i {
        font-size:25px
    }
}

.buttons-extension i.icon-search {
    font-size: 26px
}

.buttons-extension i.icon-dots--rotated {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg)
}

.buttons-extension i.icon-more-actions {
    -webkit-padding-start: 5px;
    padding-inline-start:5px;-webkit-padding-end: 10px;
    padding-inline-end:10px}

.buttons-extension .inline-dropdown-option i {
    color: var(--brand-color-gray-700);
    margin-right: 5px
}

.buttons-extension--rtl .buttons-extension__hidden-menu .inline-dropdown__dropdown-wrapper {
    right: -142px;
    top: 10px
}

.buttons-extension--rtl .inline-dropdown-option i {
    margin-right: 0;
    margin-left: 5px
}

.buttons-extension__hidden-menu .inline-dropdown__dropdown-wrapper {
    left: -142px;
    top: 10px
}

.myaccount-link {
    color: var(--brand-color-blue-500, #0075e1);
    text-decoration: none
}

.myaccount-link:hover {
    cursor: pointer;
    color: var(--brand-color-blue-600)
}

@media(min-width: 691px) {
    .myaccount-link:hover {
        text-decoration:underline
    }
}

.myaccount-link--hidden {
    visibility: hidden
}

@media(min-width: 1260px) {
    .myaccount-page-title-container {
        min-height:70px
    }
}

.myaccount-page-title,.myaccount-page-title-top {
    font-family: var(--payo-brand-font);
    position: fixed;
    top: 0;
    left: 0;
    font-size: 1rem;
    color: var(--brand-color-gray-700);
    background: var(--brand-color-white-500);
    width: 100%;
    margin: 0 auto
}

@media(min-width: 691px) {
    .myaccount-page-title,.myaccount-page-title-top {
        display:block;
        left: 0;
        font-size: 18px
    }

    .myaccount-page-title--rtl,.myaccount-page-title-top--rtl {
        direction: rtl;
        left: auto;
        right: 0
    }
}

@media(min-width: 992px) {
    .myaccount-page-title,.myaccount-page-title-top {
        left:0
    }

    .myaccount-page-title--rtl,.myaccount-page-title-top--rtl {
        direction: rtl;
        left: auto;
        right: 0
    }

    .myaccount-page-title .myaccount-page-title__avatar,.myaccount-page-title-top .myaccount-page-title__avatar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .myaccount-page-title .myaccount-page-title__avatar i,.myaccount-page-title-top .myaccount-page-title__avatar i {
        cursor: pointer;
        -webkit-margin-end: 5px;
        margin-inline-end:5px;font-size: 21px
    }

    .myaccount-page-title .myaccount-page-title__avatar i::after,.myaccount-page-title-top .myaccount-page-title__avatar i::after {
        content: "";
        display: inline-block;
        width: 10px
    }

    .myaccount-page-title .myaccount-page-title__avatar .icon-notification__new,.myaccount-page-title-top .myaccount-page-title__avatar .icon-notification__new {
        margin-top: 0
    }

    .myaccount-page-title .myaccount-page-title__avatar .icon-notification__new .red-point,.myaccount-page-title-top .myaccount-page-title__avatar .icon-notification__new .red-point {
        top: -6px
    }
}

@media(min-width: 1260px) {
    .myaccount-page-title,.myaccount-page-title-top {
        left:200px;
        width: -webkit-calc(100% - 200px);
        width: calc(100% - 200px)
    }

    .myaccount-page-title--rtl,.myaccount-page-title-top--rtl {
        direction: rtl;
        left: auto;
        right: 200px
    }

    .myaccount-page-title--auto-width,.myaccount-page-title-top--auto-width {
        width: auto
    }
}

.myaccount-page-title__wrapper,.myaccount-page-title-top__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

@media(min-width: 691px) {
    .myaccount-page-title__wrapper,.myaccount-page-title-top__wrapper {
        width:-webkit-calc(100% - 2.5% - 2.5%);
        width: calc(100% - 2.5% - 2.5%)
    }
}

@media(min-width: 1921px) {
    .myaccount-page-title__wrapper,.myaccount-page-title-top__wrapper {
        width:1624px
    }
}

.myaccount-page-title__wrapper--auto-width,.myaccount-page-title-top__wrapper--auto-width {
    width: auto
}

.myaccount-page-title__wrapper .myaccount-page-title__start,.myaccount-page-title__wrapper .myaccount-page-title__end,.myaccount-page-title__wrapper .myaccount-page-title-top__start,.myaccount-page-title__wrapper .myaccount-page-title-top__end,.myaccount-page-title-top__wrapper .myaccount-page-title__start,.myaccount-page-title-top__wrapper .myaccount-page-title__end,.myaccount-page-title-top__wrapper .myaccount-page-title-top__start,.myaccount-page-title-top__wrapper .myaccount-page-title-top__end {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.myaccount-page-title__wrapper .myaccount-page-title__start .buttons-extension__separator,.myaccount-page-title__wrapper .myaccount-page-title__start .myaccount-page-title__separator,.myaccount-page-title__wrapper .myaccount-page-title__end .buttons-extension__separator,.myaccount-page-title__wrapper .myaccount-page-title__end .myaccount-page-title__separator,.myaccount-page-title__wrapper .myaccount-page-title-top__start .buttons-extension__separator,.myaccount-page-title__wrapper .myaccount-page-title-top__start .myaccount-page-title__separator,.myaccount-page-title__wrapper .myaccount-page-title-top__end .buttons-extension__separator,.myaccount-page-title__wrapper .myaccount-page-title-top__end .myaccount-page-title__separator,.myaccount-page-title-top__wrapper .myaccount-page-title__start .buttons-extension__separator,.myaccount-page-title-top__wrapper .myaccount-page-title__start .myaccount-page-title__separator,.myaccount-page-title-top__wrapper .myaccount-page-title__end .buttons-extension__separator,.myaccount-page-title-top__wrapper .myaccount-page-title__end .myaccount-page-title__separator,.myaccount-page-title-top__wrapper .myaccount-page-title-top__start .buttons-extension__separator,.myaccount-page-title-top__wrapper .myaccount-page-title-top__start .myaccount-page-title__separator,.myaccount-page-title-top__wrapper .myaccount-page-title-top__end .buttons-extension__separator,.myaccount-page-title-top__wrapper .myaccount-page-title-top__end .myaccount-page-title__separator {
    display: none
}

@media(min-width: 691px) {
    .myaccount-page-title__wrapper .myaccount-page-title__start .buttons-extension__separator,.myaccount-page-title__wrapper .myaccount-page-title__start .myaccount-page-title__separator,.myaccount-page-title__wrapper .myaccount-page-title__end .buttons-extension__separator,.myaccount-page-title__wrapper .myaccount-page-title__end .myaccount-page-title__separator,.myaccount-page-title__wrapper .myaccount-page-title-top__start .buttons-extension__separator,.myaccount-page-title__wrapper .myaccount-page-title-top__start .myaccount-page-title__separator,.myaccount-page-title__wrapper .myaccount-page-title-top__end .buttons-extension__separator,.myaccount-page-title__wrapper .myaccount-page-title-top__end .myaccount-page-title__separator,.myaccount-page-title-top__wrapper .myaccount-page-title__start .buttons-extension__separator,.myaccount-page-title-top__wrapper .myaccount-page-title__start .myaccount-page-title__separator,.myaccount-page-title-top__wrapper .myaccount-page-title__end .buttons-extension__separator,.myaccount-page-title-top__wrapper .myaccount-page-title__end .myaccount-page-title__separator,.myaccount-page-title-top__wrapper .myaccount-page-title-top__start .buttons-extension__separator,.myaccount-page-title-top__wrapper .myaccount-page-title-top__start .myaccount-page-title__separator,.myaccount-page-title-top__wrapper .myaccount-page-title-top__end .buttons-extension__separator,.myaccount-page-title-top__wrapper .myaccount-page-title-top__end .myaccount-page-title__separator {
        display:inline-block
    }
}

.myaccount-page-title__wrapper .myaccount-page-title__start,.myaccount-page-title-top__wrapper .myaccount-page-title__start {
    color: var(--brand-color-gray-700);
    -webkit-padding-start: 16px;
    padding-inline-start:16px}

@media(min-width: 691px) {
    .myaccount-page-title__wrapper .myaccount-page-title__start,.myaccount-page-title-top__wrapper .myaccount-page-title__start {
        -webkit-padding-start:10px;
        padding-inline-start:10px}
}

.myaccount-page-title__wrapper .myaccount-page-title__start svg,.myaccount-page-title__wrapper .myaccount-page-title__start i,.myaccount-page-title__wrapper .myaccount-page-title__start span.title,.myaccount-page-title-top__wrapper .myaccount-page-title__start svg,.myaccount-page-title-top__wrapper .myaccount-page-title__start i,.myaccount-page-title-top__wrapper .myaccount-page-title__start span.title {
    font-size: 22px;
    font-weight: bold;
    size: 32px
}

.myaccount-page-title__wrapper .myaccount-page-title__start svg,.myaccount-page-title-top__wrapper .myaccount-page-title__start svg {
    height: 24px;
    fill: var(--brand-color-gray-700)
}

.myaccount-page-title__wrapper .myaccount-page-title__start svg:not([data-icon=bell]),.myaccount-page-title-top__wrapper .myaccount-page-title__start svg:not([data-icon=bell]) {
    -webkit-margin-end: 12px;
    margin-inline-end:12px}

.myaccount-page-title__wrapper .myaccount-page-title__start svg:hover,.myaccount-page-title-top__wrapper .myaccount-page-title__start svg:hover {
    cursor: pointer
}

.myaccount-page-title__wrapper .myaccount-page-title__start svg.page-icon,.myaccount-page-title-top__wrapper .myaccount-page-title__start svg.page-icon {
    display: none
}

.myaccount-page-title__wrapper .myaccount-page-title__start svg.menu-icon,.myaccount-page-title-top__wrapper .myaccount-page-title__start svg.menu-icon {
    display: inline;
    width: 1em !important
}

@media(max-width: 1259px) {
    .myaccount-page-title__wrapper .myaccount-page-title__start svg.back-icon.back-icon-desktop,.myaccount-page-title-top__wrapper .myaccount-page-title__start svg.back-icon.back-icon-desktop {
        display:none
    }
}

@media(min-width: 1260px) {
    .myaccount-page-title__wrapper .myaccount-page-title__start svg.back-icon.back-icon-tablet,.myaccount-page-title-top__wrapper .myaccount-page-title__start svg.back-icon.back-icon-tablet {
        display:none
    }
}

@media(max-width: 992px) {
    .myaccount-page-title__wrapper .myaccount-page-title__start span.title,.myaccount-page-title-top__wrapper .myaccount-page-title__start span.title {
        -webkit-padding-before:3px;
        padding-block-start:3px;display: inline-block
    }

    .with-mobile-ellipsis .myaccount-page-title__wrapper .myaccount-page-title__start span.title,.with-mobile-ellipsis .myaccount-page-title-top__wrapper .myaccount-page-title__start span.title {
        max-width: 88px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media(min-width: 1260px) {
    .myaccount-page-title__wrapper .myaccount-page-title__start span.title,.myaccount-page-title-top__wrapper .myaccount-page-title__start span.title {
        font-size:32px
    }

    .myaccount-page-title__wrapper .myaccount-page-title__start svg.page-icon,.myaccount-page-title-top__wrapper .myaccount-page-title__start svg.page-icon {
        display: inline
    }

    .myaccount-page-title__wrapper .myaccount-page-title__start svg.menu-icon,.myaccount-page-title-top__wrapper .myaccount-page-title__start svg.menu-icon {
        display: none
    }
}

.myaccount-page-title__wrapper .myaccount-page-title__avatar-tablet,.myaccount-page-title-top__wrapper .myaccount-page-title__avatar-tablet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 690px) {
    .myaccount-page-title__wrapper .myaccount-page-title__avatar-tablet--inner-page-with-extensions,.myaccount-page-title-top__wrapper .myaccount-page-title__avatar-tablet--inner-page-with-extensions {
        display:none
    }
}

@media(min-width: 1260px) {
    .myaccount-page-title__wrapper .myaccount-page-title__avatar-tablet,.myaccount-page-title-top__wrapper .myaccount-page-title__avatar-tablet {
        display:none
    }
}

.myaccount-page-title__wrapper .myaccount-page-title__end,.myaccount-page-title__wrapper .myaccount-page-title-top__end,.myaccount-page-title-top__wrapper .myaccount-page-title__end,.myaccount-page-title-top__wrapper .myaccount-page-title-top__end {
    -webkit-padding-before: 8px;
    padding-block-start:8px}

.myaccount-page-title__wrapper .myaccount-page-title__end .icon-notification__new,.myaccount-page-title__wrapper .myaccount-page-title-top__end .icon-notification__new,.myaccount-page-title-top__wrapper .myaccount-page-title__end .icon-notification__new,.myaccount-page-title-top__wrapper .myaccount-page-title-top__end .icon-notification__new {
    margin-top: 2px
}

.myaccount-page-title__wrapper .myaccount-page-title__end .icon-notification__new .red-point,.myaccount-page-title__wrapper .myaccount-page-title-top__end .icon-notification__new .red-point,.myaccount-page-title-top__wrapper .myaccount-page-title__end .icon-notification__new .red-point,.myaccount-page-title-top__wrapper .myaccount-page-title-top__end .icon-notification__new .red-point {
    top: 0
}

.myaccount-page-title__wrapper .myaccount-page-title__end,.myaccount-page-title-top__wrapper .myaccount-page-title__end {
    -webkit-padding-end: 10px;
    padding-inline-end:10px}

@media(min-width: 691px) {
    .myaccount-page-title__wrapper .myaccount-page-title__end,.myaccount-page-title-top__wrapper .myaccount-page-title__end {
        -webkit-padding-end:unset;
        padding-inline-end:unset}
}

@media(min-width: 691px) {
    .myaccount-page-title__wrapper--full-screen-modal,.myaccount-page-title-top__wrapper--full-screen-modal {
        visibility:hidden
    }
}

.myaccount-page-title__wrapper--static,.myaccount-page-title-top__wrapper--static {
    position: static !important;
    width: 100% !important
}

.myaccount-page-title--auto-width,.myaccount-page-title-top--auto-width {
    width: 100% !important
}

.myaccount-layout__main--full-screen-modal-close .myaccount-page-title,.myaccount-layout__main--full-screen-modal-close .myaccount-page-title-top {
    width: 100%;
    left: 0
}

.myaccount-page-title-top {
    z-index: 990;
    height: 44px;
    display: none
}

@media(min-width: 1260px) {
    .myaccount-page-title-top {
        display:block
    }
}

.myaccount-page-title {
    z-index: 9;
    height: 50px;
    top: 0;
    -webkit-transition: top .1s;
    transition: top .1s
}

@media(min-width: 691px) {
    .myaccount-page-title {
        height:50px
    }
}

@media(min-width: 1260px) {
    .myaccount-page-title {
        height:70px;
        width: -webkit-calc(100% - 200px);
        width: calc(100% - 200px);
        top: 44px
    }

    .myaccount-page-title--hidden {
        top: -200px
    }

    .myaccount-page-title--hide-buttons {
        top: 0;
        left: 0
    }
}

.myaccount-breadcrumbs {
    display: none
}

@media(min-width: 992px) {
    .myaccount-breadcrumbs {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 16px 10px 10px;
        line-height: 1;
        color: var(--brand-color-gray-700);
        font-size: .875rem
    }

    .myaccount-breadcrumbs span {
        font-weight: 700
    }

    .myaccount-breadcrumbs a {
        text-decoration: none;
        color: var(--brand-color-blue-500, #0075e1)
    }

    .myaccount-breadcrumbs a:hover {
        text-decoration: underline;
        color: var(--brand-color-blue-600)
    }

    .myaccount-breadcrumbs>i {
        color: var(--brand-color-gray-700)
    }

    .myaccount-breadcrumbs .divider {
        margin: 0 8px
    }

    .myaccount-breadcrumbs .myaccount-link {
        color: var(--brand-color-gray-700);
        text-decoration: underline;
        font-weight: normal !important
    }

    .myaccount-breadcrumbs .myaccount-link:hover {
        color: var(--brand-color-gray-600)
    }
}

.full-screen-modal-new {
    font-family: var(--payo-brand-font);
    z-index: 101;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh
}

.full-screen-modal-new__content {
    overflow: auto;
    background: linear-gradient(252.93deg, rgba(208, 84, 206, 0.03) 33.59%, rgba(0, 146, 244, 0.03) 59.88%, rgba(32, 220, 134, 0.03) 87.87%);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.full-screen-modal-new__content::-webkit-scrollbar-track {
    background-color: var(--brand-color-gray-100)
}

.full-screen-modal-new__content::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: var(--brand-color-gray-100)
}

.full-screen-modal-new__content::-webkit-scrollbar-thumb {
    background-color: var(--brand-color-gray-500)
}

.full-screen-modal-new__content--open {
    -webkit-animation: FullScreenModalAnimationOpenMobile 500ms forwards ease-out;
    animation: FullScreenModalAnimationOpenMobile 500ms forwards ease-out
}

@media(min-width: 691px) {
    .full-screen-modal-new__content--open {
        animation:none;
        -webkit-animation: FullScreenModalAnimationOpen 500ms forwards ease-out;
        animation: FullScreenModalAnimationOpen 500ms forwards ease-out
    }
}

.full-screen-modal-new__content--close {
    background-color: rgba(0,0,0,0);
    -webkit-animation: FullScreenModalAnimationCloseMobile 500ms forwards ease-out;
    animation: FullScreenModalAnimationCloseMobile 500ms forwards ease-out
}

@media(min-width: 691px) {
    .full-screen-modal-new__content--close {
        animation:none;
        -webkit-animation: FullScreenModalAnimationClose 500ms forwards ease-out;
        animation: FullScreenModalAnimationClose 500ms forwards ease-out
    }
}

.full-screen-modal-new--rtl {
    left: auto;
    right: 0;
    direction: rtl
}

.full-screen-modal-new--rtl .full-screen-modal-new--open {
    -webkit-animation: FullScreenModalAnimationOpenMobileRtl 500ms forwards ease-out;
    animation: FullScreenModalAnimationOpenMobileRtl 500ms forwards ease-out
}

@media(min-width: 691px) {
    .full-screen-modal-new--rtl .full-screen-modal-new--open {
        -webkit-animation:FullScreenModalAnimationOpen 500ms forwards ease-out;
        animation: FullScreenModalAnimationOpen 500ms forwards ease-out
    }
}

.full-screen-modal-new--rtl .full-screen-modal-new--close {
    -webkit-animation: FullScreenModalAnimationCloseMobileRtl 500ms forwards ease-out;
    animation: FullScreenModalAnimationCloseMobileRtl 500ms forwards ease-out
}

@media(min-width: 691px) {
    .full-screen-modal-new--rtl .full-screen-modal-new--close {
        -webkit-animation:FullScreenModalAnimationClose 500ms forwards ease-out;
        animation: FullScreenModalAnimationClose 500ms forwards ease-out
    }
}

.full-screen-modal-new .fsm-header {
    height: 50px;
    background-color: var(--brand-color-white-500);
    border-bottom: 1px solid var(--brand-color-gray-200);
    font-size: 20px;
    color: var(--brand-color-gray-700);
    padding: 0 16px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 690px) {
    .full-screen-modal-new .fsm-header {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 10
    }
}

.full-screen-modal-new .fsm-header__back button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-margin-start: -12.5px;
    margin-inline-start:-12.5px;border: none;
    background-color: rgba(0,0,0,0)
}

.full-screen-modal-new .fsm-header__back button svg {
    fill: var(--brand-color-gray-700);
    min-width: 16px;
    height: 22.4px
}

.full-screen-modal-new .fsm-header__title {
    font-size: 20px
}

@media(max-width: 690px) {
    .full-screen-modal-new .fsm-header__title {
        -webkit-box-flex:1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media(max-width: 690px) {
    .full-screen-modal-new .fsm-header__title__main {
        margin:0 10px
    }
}

.full-screen-modal-new .fsm-header__title__subtitle {
    display: none
}

.full-screen-modal-new .fsm-header__faq .icon-info-stroke {
    visibility: hidden
}

.full-screen-modal-new .fsm-header--webview {
    display: none
}

@media(min-width: 691px) {
    .full-screen-modal-new .fsm-header {
        height:70px;
        border-bottom: 1px solid var(--brand-color-gray-200);
        padding: 0;
        max-width: 550px;
        margin: 0 auto;
        background: none;
        color: var(--brand-color-gray-700)
    }

    .full-screen-modal-new .fsm-header.no-header-border {
        border: none
    }

    .full-screen-modal-new .fsm-header__back button {
        visibility: hidden
    }

    .full-screen-modal-new .fsm-header__title {
        font-size: 25px;
        color: var(--brand-color-gray-700)
    }

    .full-screen-modal-new .fsm-header__title__main {
        text-align: center;
        line-height: 30px
    }

    .full-screen-modal-new .fsm-header__title__main__text {
        vertical-align: middle;
        line-height: 30px
    }

    .full-screen-modal-new .fsm-header__title__subtitle {
        font-size: 16px;
        margin-top: 10px;
        text-align: center
    }

    .full-screen-modal-new .fsm-header__faq i.icon-question {
        visibility: hidden
    }

    .full-screen-modal-new .fsm-header.has-subtitle {
        height: 85px
    }
}

.full-screen-modal-new .fsm-header--webview {
    display: none
}

.full-screen-modal-new .fsm-body {
    text-align: center;
    padding: 16px;
    width: 100%
}

.full-screen-modal-new .fsm-body.padding-top-0 {
    padding-top: 0
}

@media(min-width: 691px) {
    .full-screen-modal-new .fsm-body {
        padding:16px 0;
        max-width: var(--max-width, 550px);
        margin: 0 auto
    }
}

.full-screen-modal-new .fsm-back-button {
    display: none;
    -webkit-animation: FullScreenModalBackButtonAnimationOpen 500ms forwards ease-out;
    animation: FullScreenModalBackButtonAnimationOpen 500ms forwards ease-out
}

@media(min-width: 691px) {
    .full-screen-modal-new .fsm-back-button {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: fixed;
        inset-block-start: 30px;
        inset-inline-start: 0;
        background-color: #fff;
        height: 80px;
        width: 80px;
        border-start-start-radius: 0px;
        border-start-end-radius: 40px;
        border-end-end-radius: 40px;
        border-end-start-radius: 0px;
        -webkit-border-start: 5px solid var(--brand-color-blue-500);
        border-inline-start:5px solid var(--brand-color-blue-500);-webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
        box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
        cursor: pointer
    }

    .full-screen-modal-new .fsm-back-button i {
        color: var(--payo-brand-color-cold-gray-600, #8c98ab);
        font-size: 32px
    }

    .full-screen-modal-new .fsm-back-button i.icon-expander {
        display: inline-block;
        width: 50px
    }

    .full-screen-modal-new .fsm-back-button i.icon-expander:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.full-screen-modal-new .fsm-back-button--rtl {
    -webkit-animation: FullScreenModalBackButtonAnimationOpenRtl 500ms forwards ease-out;
    animation: FullScreenModalBackButtonAnimationOpen 500ms forwards ease-out
}

.full-screen-modal-new .fsm-back-button--rtl i.icon-expander:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.full-screen-modal-new .fsm-help-button {
    display: none;
    -webkit-animation: FullScreenModalHelpButtonAnimationOpen 500ms forwards ease-out;
    animation: FullScreenModalHelpButtonAnimationOpen 500ms forwards ease-out
}

@media(min-width: 691px) {
    .full-screen-modal-new .fsm-help-button {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        position: fixed;
        top: 65%;
        right: 0;
        width: 65px;
        padding: 15px 0;
        background-color: var(--payo-brand-color-cold-gray-800, #515d6f);
        color: #fff;
        -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
        box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
        cursor: pointer
    }

    .full-screen-modal-new .fsm-help-button i {
        font-size: 25px
    }

    .full-screen-modal-new .fsm-help-button span {
        display: none
    }
}

@media(min-width: 992px) {
    .full-screen-modal-new .fsm-help-button span {
        display:inline-block;
        font-size: 14px;
        margin-top: 10px
    }
}

.full-screen-modal-new .fsm-help-button--rtl {
    right: auto;
    left: 0;
    -webkit-animation: FullScreenModalHelpButtonAnimationOpenRtl 500ms forwards ease-out;
    animation: FullScreenModalHelpButtonAnimationOpen 500ms forwards ease-out
}

.full-screen-modal-new--legacy {
    background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
}

.full-screen-modal-new--legacy .fsm-body-legacy {
    text-align: center;
    padding: 16px;
    max-width: var(--max-width, 550px);
    margin: 0 auto
}

.full-screen-modal-new--legacy .fsm-body-legacy.padding-top-0 {
    padding-top: 0
}

@media(min-width: 691px) {
    .full-screen-modal-new--legacy .fsm-body-legacy {
        padding:16px 0
    }
}

.full-screen-modal-new--legacy .fsm-header-legacy {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    background-color: var(--payo-brand-color-cold-gray-900, #33373e);
    font-size: 20px;
    color: #fff
}

@media(min-width: 691px) {
    .full-screen-modal-new--legacy .fsm-header-legacy {
        position:relative;
        background: none;
        color: var(--payo-brand-color-cold-gray-700, #636b78);
        height: 70px;
        border-bottom: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7);
        min-height: 70px
    }

    .full-screen-modal-new--legacy .fsm-header-legacy.has-subtitle {
        height: auto
    }
}

.full-screen-modal-new--legacy .fsm-header-legacy__mobile {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px
}

.full-screen-modal-new--legacy .fsm-header-legacy__mobile .fsm-header-legacy__start {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.full-screen-modal-new--legacy .fsm-header-legacy__mobile button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-margin-start: -12.5px;
    margin-inline-start:-12.5px;border: none;
    background-color: rgba(0,0,0,0)
}

.full-screen-modal-new--legacy .fsm-header-legacy__mobile button svg {
    fill: #fff;
    width: 15px
}

@media(min-width: 691px) {
    .full-screen-modal-new--legacy .fsm-header-legacy__mobile {
        display:none
    }
}

.full-screen-modal-new--legacy .fsm-header-legacy__desktop {
    display: none
}

@media(min-width: 691px) {
    .full-screen-modal-new--legacy .fsm-header-legacy__desktop {
        width:100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 16px;
        min-height: 70px
    }

    .full-screen-modal-new--legacy .fsm-header-legacy__desktop .text {
        font-size: 25px;
        color: var(--payo-brand-color-cold-gray-700, #636b78);
        text-align: center
    }

    .full-screen-modal-new--legacy .fsm-header-legacy__desktop .text__icon {
        margin: 0 10px
    }

    .full-screen-modal-new--legacy .fsm-header-legacy__desktop .text__icon i {
        color: var(--payo-brand-color-cold-gray-700, #636b78)
    }

    .full-screen-modal-new--legacy .fsm-header-legacy__desktop .text__icon svg {
        fill: var(--payo-brand-color-cold-gray-700, #636b78)
    }

    .full-screen-modal-new--legacy .fsm-header-legacy__desktop .text__title {
        display: inline-block;
        text-align: center
    }

    .full-screen-modal-new--legacy .fsm-header-legacy__desktop .text__subtitle {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 16px;
        margin-top: 10px;
        line-height: 20px;
        padding: 0 10px
    }

    .full-screen-modal-new--legacy .fsm-header-legacy__desktop i.icon-question {
        color: var(--brand-color-blue-500, #0075e1)
    }

    .full-screen-modal-new--legacy .fsm-header-legacy__desktop i:not(.icon) {
        cursor: pointer
    }
}

.responsive-side-bar {
    font-family: var(--payo-brand-font);
    background-color: var(--payo-brand-color-cold-gray-200, #e4e7ed);
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%
}

@media(min-width: 691px) {
    .responsive-side-bar {
        margin-top:0;
        height: 100vh;
        width: 300px
    }
}

.responsive-side-bar--rtl {
    direction: rtl;
    right: auto;
    left: 0
}

.responsive-side-bar__content {
    position: relative;
    height: 100%
}

.responsive-side-bar__content--shake1 {
    -webkit-animation: Shake .35s ease-in forwards;
    animation: Shake .35s ease-in forwards
}

.responsive-side-bar__content--shake2 {
    -webkit-animation: ShakeAgain .35s ease-in forwards;
    animation: ShakeAgain .35s ease-in forwards
}

.responsive-side-bar--open0 {
    -webkit-animation: ResponsiveSidebarAnimationInMobile 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationInMobile 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--open0 {
        -webkit-animation:ResponsiveSidebarAnimationInDesktop 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationInDesktop 300ms forwards ease-in-out
    }
}

.responsive-side-bar--open1 {
    -webkit-animation: ResponsiveSidebarAnimationInMobile 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationInMobile 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--open1 {
        -webkit-animation:ResponsiveSidebarAnimationInDesktop 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationInDesktop 300ms forwards ease-in-out
    }
}

.responsive-side-bar--open2 {
    -webkit-animation: ResponsiveSidebarAnimationInMobile 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationInMobile 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--open2 {
        -webkit-animation:ResponsiveSidebarAnimationInDesktop 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationInDesktop 300ms forwards ease-in-out
    }
}

.responsive-side-bar--rtl.responsive-side-bar--open0 {
    -webkit-animation: ResponsiveSidebarAnimationInMobileRtl 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationInMobileRtl 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--rtl.responsive-side-bar--open0 {
        -webkit-animation:ResponsiveSidebarAnimationInDesktopRtl 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationInDesktopRtl 300ms forwards ease-in-out
    }
}

.responsive-side-bar--rtl.responsive-side-bar--open1 {
    -webkit-animation: ResponsiveSidebarAnimationInMobileRtl 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationInMobileRtl 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--rtl.responsive-side-bar--open1 {
        -webkit-animation:ResponsiveSidebarAnimationInDesktopRtl 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationInDesktopRtl 300ms forwards ease-in-out
    }
}

.responsive-side-bar--rtl.responsive-side-bar--open2 {
    -webkit-animation: ResponsiveSidebarAnimationInMobileRtl 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationInMobileRtl 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--rtl.responsive-side-bar--open2 {
        -webkit-animation:ResponsiveSidebarAnimationInDesktopRtl 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationInDesktopRtl 300ms forwards ease-in-out
    }
}

.responsive-side-bar--close0 {
    -webkit-animation: ResponsiveSidebarAnimationOutMobile 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationOutMobile 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--close0 {
        -webkit-animation:ResponsiveSidebarAnimationOutDesktop 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationOutDesktop 300ms forwards ease-in-out
    }
}

.responsive-side-bar--close1 {
    -webkit-animation: ResponsiveSidebarAnimationOutMobile 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationOutMobile 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--close1 {
        -webkit-animation:ResponsiveSidebarAnimationOutDesktop 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationOutDesktop 300ms forwards ease-in-out
    }
}

.responsive-side-bar--close2 {
    -webkit-animation: ResponsiveSidebarAnimationOutMobile 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationOutMobile 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--close2 {
        -webkit-animation:ResponsiveSidebarAnimationOutDesktop 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationOutDesktop 300ms forwards ease-in-out
    }
}

.responsive-side-bar--rtl.responsive-side-bar--close0 {
    -webkit-animation: ResponsiveSidebarAnimationOutMobileRtl 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationOutMobileRtl 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--rtl.responsive-side-bar--close0 {
        -webkit-animation:ResponsiveSidebarAnimationOutDesktopRtl 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationOutDesktopRtl 300ms forwards ease-in-out
    }
}

.responsive-side-bar--rtl.responsive-side-bar--close1 {
    -webkit-animation: ResponsiveSidebarAnimationOutMobileRtl 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationOutMobileRtl 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--rtl.responsive-side-bar--close1 {
        -webkit-animation:ResponsiveSidebarAnimationOutDesktopRtl 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationOutDesktopRtl 300ms forwards ease-in-out
    }
}

.responsive-side-bar--rtl.responsive-side-bar--close2 {
    -webkit-animation: ResponsiveSidebarAnimationOutMobileRtl 300ms forwards ease-in-out;
    animation: ResponsiveSidebarAnimationOutMobileRtl 300ms forwards ease-in-out
}

@media(min-width: 691px) {
    .responsive-side-bar--rtl.responsive-side-bar--close2 {
        -webkit-animation:ResponsiveSidebarAnimationOutDesktopRtl 300ms forwards ease-in-out;
        animation: ResponsiveSidebarAnimationOutDesktopRtl 300ms forwards ease-in-out
    }
}

svg.faq-button {
    font-size: 22px;
    color: var(--brand-color-gray-700);
    padding: 8px
}

@media(min-width: 992px) {
    svg.faq-button {
        color:var(--brand-color-gray-700)
    }

    svg.faq-button:hover {
        cursor: pointer;
        border-radius: 50%;
        background-color: var(--brand-color-gray-100)
    }
}

.payoneer_loader {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    background-image: radial-gradient(circle at center, #fff 60px, rgba(255, 255, 255, 0) 240px)
}

@media(min-width: 691px) {
    .payoneer_loader {
        background-image:radial-gradient(circle at center, #fff 120px, rgba(255, 255, 255, 0) 240px)
    }
}

.payoneer_loader svg {
    width: 120px;
    height: 120px
}

@media(min-width: 691px) {
    .payoneer_loader svg {
        width:240px;
        height: 240px
    }
}

.payoneer_loader-clipped {
    -webkit-clip-path: circle(50px);
    clip-path: circle(50px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation: payoneer_loader-start .5s ease-in-out forwards;
    animation: payoneer_loader-start .5s ease-in-out forwards
}

@-webkit-keyframes payoneer_loader-start {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    60% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes payoneer_loader-start {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    60% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.payoneer_loader-back {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 50px 50px;
    -ms-transform-origin: 50px 50px;
    transform-origin: 50px 50px;
    -webkit-animation: payoneer_loader-colorRotate 7.5s .5s infinite linear;
    animation: payoneer_loader-colorRotate 7.5s .5s infinite linear
}

.payoneer_loader-gradient {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-image: conic-gradient(from 270deg, #ff4800 10%, #dfd902 35%, #20dc68, #0092f4, #da54d8 72% 75%, #ff4800 95%)
}

.payoneer_loader-blend {
    mix-blend-mode: lighten
}

.payoneer_loader-blend rect {
    fill: #fff
}

.payoneer_loader-blend path {
    stroke: #000;
    stroke-width: 8;
    stroke-dasharray: 288.5;
    stroke-dashoffset: -288.5;
    stroke-linecap: round;
    fill: none;
    -webkit-transform-origin: 50px 50px;
    -ms-transform-origin: 50px 50px;
    transform-origin: 50px 50px;
    -webkit-animation: payoneer_loader-pathStroke 3.75s .5s infinite ease-in-out,payoneer_loader-pathRotate 7.5s .5s infinite cubic-bezier(1, 0.5, 0, 0.5);
    animation: payoneer_loader-pathStroke 3.75s .5s infinite ease-in-out,payoneer_loader-pathRotate 7.5s .5s infinite cubic-bezier(1, 0.5, 0, 0.5)
}

@-webkit-keyframes payoneer_loader-colorRotate {
    from {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

@keyframes payoneer_loader-colorRotate {
    from {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

@-webkit-keyframes payoneer_loader-pathStroke {
    0% {
        stroke-dashoffset: -288.5
    }

    40%,70% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: 288.5
    }
}

@keyframes payoneer_loader-pathStroke {
    0% {
        stroke-dashoffset: -288.5
    }

    40%,70% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: 288.5
    }
}

@-webkit-keyframes payoneer_loader-pathRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-540deg);
        transform: rotate(-540deg)
    }

    100% {
        -webkit-transform: rotate(-1080deg);
        transform: rotate(-1080deg)
    }
}

@keyframes payoneer_loader-pathRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-540deg);
        transform: rotate(-540deg)
    }

    100% {
        -webkit-transform: rotate(-1080deg);
        transform: rotate(-1080deg)
    }
}

.widget-template {
    position: relative
}

.widget-template--hidden {
    display: none
}

.widget-template__loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.error-component {
    width: 100%;
    min-height: 80px;
    height: 100%;
    padding-top: 18px;
    padding-bottom: 14px;
    border-radius: 2px;
    border: solid 1px var(--payo-brand-color-cold-gray-500, #c3cad9);
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 690px) {
    .error-component {
        padding-top:58px;
        padding-bottom: 56px;
        background: #fff
    }
}

.error-component__icon {
    font-size: 42px;
    text-align: center
}

.error-component__content {
    padding-top: 18px;
    margin-left: auto;
    margin-right: auto;
    width: 16em
}

.error-component__title {
    font-size: 21px;
    text-align: center
}

.error-component__text {
    padding-top: 5px;
    font-size: 18px;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: center
}

.error-component__retry {
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    font-size: 22px;
    padding-bottom: 14px
}

@media(max-width: 690px) {
    .error-component__retry {
        font-size:18px
    }
}

.error-component__button {
    color: var(--brand-color-blue-500, #0075e1);
    cursor: pointer
}

.balances-widget-outlet {
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

.balances-widget-outlet .load-more {
    height: 40px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

.balances-widget-outlet .load-more__red-border {
    width: 5px;
    height: 100%;
    background-color: var(--brand-color-gray-200, #dcdcdc)
}

.balances-widget-outlet .load-more__content {
    text-align: center;
    line-height: 40px;
    width: 100%
}

.balances-widget-outlet .load-more__content span {
    color: var(--brand-color-blue-500, #0075e1)
}

@media(min-width: 691px) {
    .balances-widget-outlet .load-more {
        display:none
    }
}

.balances-widget-outlet .balances-widget-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px !important
}

@media(min-width: 691px) {
    .balances-widget-outlet .balances-widget-header {
        margin-bottom:9px !important;
        padding: 0 7px
    }
}

.balances-widget-outlet .balances-widget-header .text {
    color: var(--brand-color-gray-700)
}

.balances-widget-outlet .balances-widget-header .actions>span {
    display: none
}

@media(min-width: 1260px) {
    .balances-widget-outlet .balances-widget-header .actions>span {
        display:initial;
        font-size: 18px;
        font-weight: normal
    }

    .balances-widget-outlet .balances-widget-header .actions>span.disabled {
        color: var(--payo-brand-color-cold-gray-600, #8c98ab)
    }

    .balances-widget-outlet .balances-widget-header .actions>span:not(.disabled) {
        cursor: pointer;
        color: var(--brand-color-blue-500, #0075e1)
    }

    .balances-widget-outlet .balances-widget-header .actions>span:not(.disabled):hover {
        color: var(--brand-color-blue-600);
        text-decoration: underline
    }
}

.balances-widget-outlet .balances-widget-header .actions .balances-header-pipe {
    padding-right: 5px;
    border-left: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7);
    height: 30px
}

.balances-widget-outlet .balances-widget-header .actions .icon-settings__new {
    font-size: 18px;
    color: var(--brand-color-gray-700)
}

.balances-widget-outlet .balances-widget-header .actions .icon-settings__new:hover {
    cursor: pointer;
    color: var(--payo-brand-color-blue-700, #3d7faa)
}

.balances-widget-outlet .balances-widget-header .balances-widget-total-funds-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 10px
}

.balances-widget-outlet .balances-widget-header .balances-widget-total-funds-wrapper svg {
    color: var(--brand-color-gray-700)
}

.balances-widget-outlet .balances-widget-header .balances-widget-title {
    gap: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.balances-widget-outlet .balances-widget-header .balances-widget-total-funds-title {
    color: var(--brand-color-gray-600);
    font-size: 16px;
    font-weight: 500
}

.balances-widget-outlet .balances-widget-header .balances-widget-total-funds-bold {
    color: var(--brand-color-gray-700);
    font-weight: 700
}

.balances-widget-outlet .balances-cards-list-wrapper {
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15)
}

@media(min-width: 691px) {
    .balances-widget-outlet .balances-cards-list-wrapper {
        -webkit-box-shadow:none;
        box-shadow: none
    }
}

.balances-widget-outlet .new-balances-cards-list-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none
}

.balances-widget-outlet .balances-cards-list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 1px 0px 5px rgba(0,0,0,.15);
    box-shadow: 1px 0px 5px rgba(0,0,0,.15);
    gap: 24px;
    padding: 8px 0
}

@media(min-width: 691px) {
    .balances-widget-outlet .balances-cards-list {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: auto;
        width: 100%;
        padding: 7px
    }
}

@media(min-width: 1260px) {
    .balances-widget-outlet .balances-cards-list {
        overflow:hidden;
        gap: 32px
    }
}

@media(min-width: 691px) {
    .balances-widget-outlet .balances-cards-list .sep {
        min-width:20px;
        height: 100%
    }
}

.balances-widget-outlet .new-balances-cards-list {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(min-width: 691px) {
    .balances-widget-outlet .new-balances-cards-list .sep {
        min-width:32px
    }
}

.balances-widget-outlet .balance-card {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: var(--brand-color-gray-700, #252526);
    background-color: #fff;
    word-break: break-word;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    min-width: 100%;
    min-height: 80px
}

.balances-widget-outlet .balance-card .inline-dropdown-option {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.balances-widget-outlet .balance-card .inline-dropdown-option:hover {
    white-space: normal
}

.balances-widget-outlet .balance-card .inline-dropdown-option .card-cta-option {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: list-item
}

.balances-widget-outlet .balance-card .card-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5px
}

.balances-widget-outlet .balance-card .card-details .masked-card-icon-wrapper {
    width: 40px
}

.balances-widget-outlet .balance-card .card-details .masked-card-icon-wrapper.snack-icon {
    width: 35px
}

.balances-widget-outlet .balance-card .card-details .icon-cards__new {
    font-size: 24px;
    margin: -6px;
    display: inline-block;
    color: var(--brand-color-gray-700)
}

.balances-widget-outlet .balance-card .card-details .dash {
    padding-right: 5px
}

.balances-widget-outlet .balance-card .card-details .mobileBlockText {
    color: var(--payo-brand-color-red-700, #df0303)
}

.balances-widget-outlet .balance-card.balance-card--snack {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.balances-widget-outlet .balance-card .active-border {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 5px
}

.balances-widget-outlet .balance-card .active-border div {
    background-color: var(--brand-color-gray-200, #dcdcdc);
    height: 100%
}

.balances-widget-outlet .balance-card__content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid var(--payo-brand-color-cold-gray-500, #c3cad9)
}

.balances-widget-outlet .balance-card__content.snack-seperator {
    border-bottom: none
}

@media(min-width: 691px) {
    .balances-widget-outlet .balance-card__content {
        border-bottom:none
    }
}

.balances-widget-outlet .balance-card__content .balance-card__blocked-header {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--payo-brand-color-red-700, #df0303);
    font-size: 16px
}

.balances-widget-outlet .balance-card__content .header-snack {
    padding-left: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.balances-widget-outlet .balance-card__content .header-snack .blocked-balance-text {
    margin-right: 9px;
    margin-top: 1px
}

.balances-widget-outlet .balance-card__content header {
    display: none
}

@media(min-width: 691px) {
    .balances-widget-outlet .balance-card__content header {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 10px 0 0;
        height: 20px
    }
}

.balances-widget-outlet .balance-card__content header .blocked-balance {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px;
    padding-left: 10px
}

.balances-widget-outlet .balance-card__content header .blocked-balance .blocked-balance-text {
    margin-top: 1px
}

.balances-widget-outlet .balance-card__content header .icon-more-actions {
    color: var(--brand-color-gray-700);
    margin: 0 3px
}

.balances-widget-outlet .balance-card__content header .inline-dropdown__dropdown-wrapper {
    left: auto;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.balances-widget-outlet .balance-card__content header .inline-dropdown {
    z-index: unset
}

.balances-widget-outlet .balance-card__content header .inline-dropdown-option {
    padding: 0
}

.balances-widget-outlet .balance-card__content header .inline-dropdown-option>a {
    display: inline-block;
    width: 100%;
    padding: 5px 14px;
    color: var(--payo-brand-color-cold-gray-700, #636b78)
}

.balances-widget-outlet .balance-card__content header .inline-dropdown-option>a:hover {
    color: var(--payo-brand-color-cold-gray-700, #636b78)
}

.balances-widget-outlet .balance-card__content header .inline-dropdown--rtl .inline-dropdown__dropdown-wrapper {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.balances-widget-outlet .balance-card__content main,.balances-widget-outlet .balance-card__content footer {
    padding: 12px
}

.balances-widget-outlet .balance-card__content main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.balances-widget-outlet .balance-card__content main.mainSnackCard {
    line-height: 2;
    margin-left: 4px;
    margin-right: 4px
}

.balances-widget-outlet .balance-card__content main.mainSnackCard .snack-header {
    margin-left: 8px;
    margin-right: 8px
}

@media(min-width: 691px) {
    .balances-widget-outlet .balance-card__content main {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.balances-widget-outlet .balance-card__content main div .balance {
    font-size: 24px
}

@media(min-width: 691px) {
    .balances-widget-outlet .balance-card__content main div .balance {
        font-size:34px;
        margin-bottom: 5px
    }
}

@media(min-width: 1260px) {
    .balances-widget-outlet .balance-card__content main div .balance {
        font-size:27px
    }
}

@media(min-width: 1440px) {
    .balances-widget-outlet .balance-card__content main div .balance {
        font-size:34px
    }
}

@media(min-width: 1921px) {
    .balances-widget-outlet .balance-card__content main div .balance {
        font-size:44px
    }
}

.balances-widget-outlet .balance-card__content main div .masked-card {
    font-size: 16px
}

.balances-widget-outlet .balance-card__content main .icon-right-open-big {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 20px
}

@media(min-width: 691px) {
    .balances-widget-outlet .balance-card__content main .icon-right-open-big {
        display:none
    }
}

.balances-widget-outlet .balance-card__content main .icon-right-open-big.snackIcon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    align-self: start
}

.balances-widget-outlet .balance-card__content footer {
    display: none
}

@media(min-width: 691px) {
    .balances-widget-outlet .balance-card__content footer {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        border-top: 1px solid var(--payo-brand-color-cold-gray-100, #f1f3f7);
        font-size: 14px;
        width: 100%
    }
}

.balances-widget-outlet .balance-card__content footer.footerSnackCard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.balances-widget-outlet .balance-card__content .balance-card__footer_parent {
    display: none
}

@media(min-width: 691px) {
    .balances-widget-outlet .balance-card__content .balance-card__footer_parent {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        border-top: 1px solid var(--payo-brand-color-cold-gray-200, #e4e7ed);
        padding: 12px 16px
    }

    .balances-widget-outlet .balance-card__content .balance-card__footer_parent footer.balance-card__footer_long {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-top: none;
        font-size: 14px;
        width: auto;
        height: 20px;
        padding: 0px
    }

    .balances-widget-outlet .balance-card__content .balance-card__footer_parent footer.balance-card__footer_long .myaccount-link {
        padding-top: 2px
    }

    .balances-widget-outlet .balance-card__content .balance-card__footer_parent footer.balance-card__footer_long .balance-card__footer_separator {
        height: 12px;
        width: 1px;
        background-color: var(--payo-brand-color-cold-gray-500, #c3cad9);
        display: block;
        margin: 5px 8px 0px
    }

    .balances-widget-outlet .balance-card__content .balance-card__footer_parent footer.balance-card__footer_long:first-child .balance-card__footer_separator {
        display: none
    }
}

@media(min-width: 691px) {
    .balances-widget-outlet .balance-card {
        font-family:var(--payo-brand-font);
        width: 300px;
        min-width: 300px;
        min-height: 175px;
        -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
        box-shadow: 0 1px 7px 0 rgba(0,0,0,.15)
    }
}

@media(min-width: 1260px) {
    .balances-widget-outlet .balance-card {
        width:-webkit-calc((100% - 20px - 20px)/3);
        width: calc((100% - 20px - 20px)/3);
        min-width: auto;
        background-color: #fff
    }
}

.balances-widget-outlet .balance-card .actions.myaccount-link {
    white-space: nowrap
}

.balances-widget-outlet .balances-widget-main {
    min-height: 184px
}

@media(min-width: 691px) {
    .balances-widget-outlet .balances-widget-main {
        min-height:auto
    }
}

.balances-widget-outlet .balances-widget-main .openSnack .snack .icon-cards__new {
    margin-top: -9px
}

.balances-widget-outlet .moreActionsSnack {
    line-height: 2;
    padding: 10px 24px
}

.edit-balance-dialog .edit-dialog-box {
    width: 546px;
    border-radius: 4px;
    background-color: #e4e7ed;
    display: inline-block
}

.edit-balance-dialog .edit-dialog-box__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--payo-brand-color-cold-gray-700, #636b78);
    font-size: 18px;
    padding: 16px 23px 0px
}

.edit-balance-dialog .edit-dialog-box__header .done-reordering-button {
    color: var(--brand-color-blue-500, #0075e1);
    cursor: pointer;
    font-size: 16px
}

@media(max-width: 690px) {
    .edit-balance-dialog .edit-dialog-box {
        width:100%;
        height: 100%
    }
}

.edit-balance-dialog .balances-list-box {
    margin: 16px 23px 23px 23px;
    max-height: 623px;
    background-color: #fff;
    overflow-y: overlay
}

@media(max-width: 691px) {
    .edit-balance-dialog .balances-list-box {
        margin:16px;
        max-height: -webkit-calc(100% - 67px);
        max-height: calc(100% - 67px)
    }
}

.flag-AUD {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADnklEQVR42u2aTWgTQRTHA4IgSHsK5BLBU8CTUBQjSi/Wg+KhUgmKCCIKntSDiBQEQQkUD0pRaKWWItXW2viBBw9WpUGpoTWtxGrBjypUtH4UPUi1Ns/+B3bZbrLZ2d3sR5P34MF0dpp2fvOf997MJkREoWr2EANgAAyAATAABsAAGAADYABVDuBtIkFz09P05+88NV/M0LJ17RSqayvp+TxRtraWhsXHEEW3dZv+zqGzg/Qx2UIvolH60dNjOt4tLwAwefQYjYbDNJNKick8y32h2M7esgFYveMaPeobpFfxOL1pbBSw/83ngwMAk81cv0+5WIxk1SALQL/qsNeTM7R+363gAEAnJnrqfJpk1WAGwGjVz3Q8pxUbO3ybvCEAxRepoanJUA2lAARx1aUByKqhGAAvV33V9m7hrgCQUYMewInWIU9Wvba+k45fGKLT7SPC0UafKwD0ahiLRFQ1wLQAJhoaPNvrR849Uf8HtB0rgGyaFoAdszP5ur399HTss4AMRxt9jgBka2rERLx2uwoIb+migcyUcLQdK8CPyQO6kwCIfQ+3EwjLtgXERBa2gR1DEA1sGtQ6AhkCGvYbAhwCHQJeMQAIkAiUCJgInDJnCjfcLEVKA0AKQyqDIbUhxSHVIeXpASA1IkUCElImUidSqNmZwo8UaQqg2KqjuEGRg2IHRY8egFI3oFhS1IAiyms1yKTIkgCMVh3lrTLGCIBSN/ilBtkUWRSA2aprP6AUAG0V6UQNdktdmRRZAEBm1a0CKKqGhaO2mRqclroyKbIAgMyq2wFgpga3Sl3LaVBm1Z0AMFJDOUrdlZuvqNsF7bLXAX64lVI3svUqvZv6JRztigBgpdRdu/smZSe+CUe7IgBY9U0H7lD9wbvulMJu3coE+kpM1g8n08KrAgCCkf6G5176g3B9GW3njB54AMs3XKbHI5+opWtUyB5p7fvPWeFoow/PMAZjK3ILrNl1g37Pzom8j4kqprTxDGMqOgZgzxvZUokHjgDE999WVaA19OFZUC49yg4A0k49fG961YUxbm4Dz98LKPX5pb6X1NY/TsPjX9WTo9bQh2cYg7FWr6p9fS9g9QP2NA+IP64cWGCJkw88kb4r7wWs/hPJzqwa9JSgiL4gHpZcAYDiBzlf+RltfUEUlMOSKwBae3OLrrXQRl9VnAUw2WIvPf3+0oMvh6Gl6gyAAfAXJRkAA2AADIABMAAGwAAYAAOoZv8PpV0+sLTWNt8AAAAASUVORK5CYII=) no-repeat center center;
    background-size: cover
}

.flag-CNH {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACsElEQVR42u2aS2sTURTHx0xsG5lkZvb1Gc1EF1V8r7U+iitRUb+CSwW/gm7EvdCvICJCqS9ERHHvzkwSnXQqVmyg0KQJ+vfcMzMSpXm4EDIzZ3HI5eYEcn45//+9Z4gGQEtzaAJAAAgAASAABIAAEAACQACkHEB1v4U0xf8D4FCULLj70gigbKF+xET9sImlSwbcop0wAE4Yfd5391rwzhSw8UpHe1HH51OFgfmxAsDFnc3Dm8vT2u6fQ0V33mYYgneecpMCoLLDxuqdKTTvT/K6rwSOmfh00sTydZLAHso7EPiBW7LGqhuGAyj3tHxoahsvM+i8znAxvwtywtwembiRCariyQf8KwaDqR83/8wdWwD0JWuHTNQOhkVQazeoneFq+FnV0LiQ5z31Xm0myO3nGd7pAvtB502GJcSfG3cAkd7XH25F5x3p+ZmOLr2irnF039PeU521vv4oi8bc5oUp/SsfaD8Pcr1zMQEQQVAu3nqSBb5TikdRDUOtaa+1kCXXp6KKA7xjN0ngKkngBEngaFwkEEEg/apYvTsFNHoA0Lp5b5JPAza6YSdILE0w+gWnbXy9sQ34Qmk+xbLG65WbOXyctv/pdhi/Y7AcdEHrMcmgqWFtfgJrDya4/dsLenAfGNLSSgJKJt7sYKmMqQQCM/zxYQu+3c6hsstGZaeNlVs53mPzKw5uff+ygdZiFu0XOvxrxtjMCCN7gE93ehWV7eGvTaHWSxcNNrd+t8Ko9dX5r47ALp0CygjdUtxugo616VDDe86QaVDdDMn5Vad4s4XgIuSkbRosB0cqn//lhI/DiZ4GRwaQ1GlwZAn8PQ2m8ZGYm9pHYvJQVAAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAAMQHgPxTVAAIAAEgAASAABAAAkAACIBUxS8q74mGHxtxPwAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: cover
}

.flag-EUR {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFIklEQVR42u2aWUxcVRjHL0MXSyktWrcqBRnaWjpQYMpe6MJSaAErtiAUK4vsVSS0EBdAlmGpFsSCHYYBBohLsA1tMaZP+lCjxiVtjD6aqImv+uSDCcnf75yZoQxgxM65MtM5Dyez3fvd+/3Ot99RACievBQJQAKQACQACUACkAAkAAlAAvBwAIp+GJ60JAAJwBUARI5Yl0cCiBiFT/xFbKSl7B29hwFEmUhZs8N3XvuMeCRxANUNhahrzMOjCQP8O0dAZuu5bg2AKRFpwo6j7VD2TMwrpKHvC6vK8OfX6/DXt94oPlMM74iRO8Do2JDMDno/rJp1qA+AfDsotQf51S/gE4sOyfmN2Lz/7XmL8E/qw2fv78TnH2rx8KE3SVHrjm8iy0g+2YTZsXA8d6YEwWndqsQJ9QGQkoGk2FdXgoBfFfT3psB33yUrAFLowYNv4f7kPmxJ6rcCYErSbz56I7oNGcAvCm5dC4A2pXeJC7mPC4SNobU1G8ODSThRXgkldMIxAzDFuJss2GEy/5zSGpiG9qOj7SiUcHdzgQU+uybmXfgmvANFZ+E7vVIZ/FjdOM8STMZysl0PAAtiYeNIyGvkCs/v6uLXldYHi1/JMuJPkuzwMSEuIRYA3VBQWhcqG07h9tXHUV5fhAAKgEJ8l8BuO3wepXWncetqAGrOFUB7xOC0bLEAaIc2k6lOm/TAbwomhuLgF31JTPSmwOhLNYKpP4nLvk7ZwT92yGnZ4l2AzL+y/hSaWnJR8uLz/LOwuEIuVVRTiqbWXNQ2FFjdwNViAKvk1rGAtXsS62mHllR2Tsq+L26QZ5G1dA0Nsy6XC4Isv9tLVzVK2IWyBcgXC4DfkFHV2n3htbh1OXktYQD4zVCKKq8rwgMHLsBLxfbWi/oKVk5XUaxhccEZNxMDgJT1pxvqbD+G37/wwceTYYh/5hVrXS8aAMmMfvo1zIxH4I8vN6CHyuWtrGC6S+DiXGCPBQXVZZj7QYMbE6FYo1YbS52hN0X/GXME5n7UoPSl09YOc9VjAJWnSflnEXG8GVnFtdgQO6haEFxPGSCrpBZ7n2rGwYIGp0pj4ZUgz80C8vO/Lvt12DVXPQb8EwzVxmhmF26GbIOOh6jPtw83hNYAZO5shsCbLgGZRngdsIWywZNZbZgajMXOY+3wSxwQA4FNiRIGoM3sxOTFOOhyWnnmcZk6wG6aT6T04sZUKPCTgllLGLazKY+QbtCMbVRfXDFHctmffrALO9iYzKW6QbZ2T+HV14/j5vUQvNyYxz8LcwGSVVVfiJvXQtD2RpYQ2cIBaCgiazM6aWdMCCFz1dgj9DJj8RUHPJuZe9EKyejgE+Zguoa3SzZDC2/arrBt3redmaxufGV+y46hMjcgtXuprLuFuVpj8YDD55FdVovLpihexvotDl6LH43ZxuLRVFRNG/XIrahCIJsKu+tYXJvag29mAoGfFQxdOIBNbF5gVyZ0EoFpXQg+0nnHpwnARjLvvp5Ufs73s49hV7pBld7i/xmLk9kb2jPxkUWPExUVXGkeL2il5Z/De8YYTI/okfHsWXjrbTEj1DoWv2yJQq8hnY/W3fbRGBtp8xE3KbGVUplDZ0dd49x3GuC2gkSC4WWv68kK+LF0Dmt918YMufnDUdsTHwc/ZrmdfLu5JQctLdkITO9yNPPlzrmnHo9Ta8vmhrybCx+1vo/ytP8HqD1DlH+RkQAkgP8EQP5TVAKQACQACUACkAAkAAlAApAAPGr9DUbY4zqevNpHAAAAAElFTkSuQmCC) no-repeat center center;
    background-size: cover
}

.flag-GBP {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACb0lEQVR42u2avUoDQRDHrxUCVnkSQdAmjYVtIBCwEHwAn8BnyAMEFBEs0hhT2ekTiGjjB2i0sNAUSSMoWIyZw5XNfbm7M3Mh3AwsKe643f39/5CZ2Y0AIKryiBSAAlAACkABKAAFoAAUgAKoOICndhu+RyOw4/X9AzZ3zyBa6bIME5fTabOGCa75VrdP4f5lApN+H67r9XgO/B33epACYB7iy8nontzCcuNwYQAsrR9A5/gmFhSFNd9/bDZtkWcBPDQafy9KuaEMAGs7gyLV7ZgFgBt863TgqlYDKTdIAnBUPY7R+DMNADe1P7iDr+EQpNwgBcBDdehfPEN94ygNwHwMNyblBm4Avqpv7Z3ba8kGgCPXDa0WyQ2cAEJUT6wlH4CUGzgAUFT3BsDtBioAqupBAELcgMCy3BAKgEt1EgAON4QA4FSdDIDqBh8AEqqzAQh1gysAKdVZAYS4wRWAlOoiAHzd4AJASvVCAFBi/AegpFAAqX5AlYYCUAAKQAEoAP0bVAA8qTCmpZieJgPTWDut9QUQ1wTTdNo8xzQb0+28fsNcagEsSH7bzDMLxwImr7Ps6wC7KsSCCwsv6jkFGYCr6rh4LG2xxHUFYCpMSTeQAPiojk0NbG74NkRMhSnlhiAAIapTW2JSbvAGEKo6R1NUwg3OAKiqc7bFOd3gBIBDde6DEdwUHsJQ3VAIgFN1qaMxqhtyAXCrLnk4SnFDCoCU6mUcj+e6weosJ92QAiClelkXJHzdUFgMcape9hUZVzdkApBQfR6XpFzckAKQpzpeNVvUa3JFbtCLkgpAASgABaAAFIACUAAKQAFUG8APtyfgJ+7gOvsAAAAASUVORK5CYII=) no-repeat center center;
    background-size: cover
}

.flag-JPY {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABlklEQVR42u3azyuEQRzH8eeqlPIHKCcnJ0pbe3KQi7OLXLaUkz9BciB/w5aT8gfQXoStpYSLg18XbhQ3JdT21UcNUti1M5p5nvdT33ranfnWvJ55Zme+bWZmWZEjAwAAAAAAAAAAAAAAAACKdgEAAAAAAAAAAP8I0Hx+sbuNul3MLdvxaMUOhibfQvf6TN+pTe4Amo9Pdr2yars9JdvKBn8MtVFb9ckFwMPJpe31j/868K+hPuqbNMB9rWE73SNtD96F+ipHkgB6ettdw38evAvlCDQTwgHo/W30jXU8eBfKFWBNCAdwtVT1NngXypkEgJ5UvbfsHUA5Pc+CMAC36zXvg3dxs7YZP8DZzEIwAOWOHuCwNBUMQLmjB9gfmAgGoNwA8ApEDnBamQ8GcD67GD+AfqpCAei4nMRGqJVjb7uhnElshAq/FeYwxHH449Ki1QmC+npe+NIpiWnaJ18S+7wmaBFrtSiqtrkpin5XFj8qT7+XxXWf67J4pBcAAAAAAAAAAMAfJQEAAAAAAAAAAAAAAKCI8QoKy5VjdaKnEAAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: cover;
    border: solid 1px var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.flag-MXN {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAC+UlEQVR42u3YWUvUURjHcV9AN0XLVUVFTVQXYQSVF0FllkpelFBQFGkaiYJmqxndtEhlki3uDmWW45gyVm7NOC6NpeU++tcam5zRSVOmTMuW8dtF9A4E6T/PgR/n+nzgPOd5jg/g483x6sMLgAAIgAAIgAAIgAAIgACAj8/RAKYz072aZ6+Y1giAAAiAAAiAAAiAAAiAAAiAAMwYgK2pioqbsZizL+NSWtUP4PH8ZuKbm8+Dduq1iZQmHyHtsC8RvnOJC1iJuTBT3QDjE27a24qxPTuFPt4PbdQGUg75krhTw771iwhdNYdafY5KAaY8AIwOKbSbz9NTdYPUsI1EblrMcX8Nx7ZoiPZbyPmQtXwZHlQfwK/xfj45alB6Guj7oGC6FU3KgbVsXTGfhODVXNqzhsRdGmI3L6DiQbrKAKb+bnZnC/WVtxgbaMCce47TQcs5EaghOSYU48MMrkTuJi5wHbo7V9UD0O/swvLGAC4b3+0ddLUW06QLwXL/EAnBqznqr2Hv+iWYSwvp6+0h9cIp6qrK6egyovRa/n8Am62B5iYtvz8OcTtPR11LOc7a6wxbbvIk6RgxIdvYvmweQctmkXMpHmN1Ne/77FheZNGtVKvgCngmsbaV4B4bIeyhjtCse+TrSjC8bqWux0azMYO8KzvITYon+UQU7+rKcA330dZSBJ5JddQAozmX2poM4Cf6RhNRBSX4305n6cUb7E8+w8H0BM49yiJcW8DU6BdM5jQeG5LUUwQ9v76htD2is93Am6ERots/k1/zjM6Ck4RfPUtqaRHX6i1Udr7C+vYlvVYDk9/d6noGxyfcaO/HolgraBlxkF2pY+BuMN0pQdwry+fp+498db0iLTsCh9Oqzk7wx6Sbt10G9PoEjMY08ssLMRn0VJkyycgKx2G38PPHmPqHoZHRfpzD72isf05HeSmDDisDLuVfu+Bd4/CU/AcIgAAIgAAIgAAIgAAIgAAIwEwCeGsEQAAEQAAEQAAEQAAEQAC8NH8AHg8qI1/y8PMAAAAASUVORK5CYII=) no-repeat center center;
    background-size: cover
}

.flag-USD {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABCklEQVR42u3YPQqDQBCG4e0sdgvBA0RUPITnDKRa0qSNiCfTE3ypYshfp+zCvMI0U+nj7jerTpKzXKYfHgAAAAAAAAAAAAAAACTn3FkpSs6lqV8AIUR13STv43aD3h/TCyHmB9C2oySpaabthk+n+yG9vp/zA/A+qq5HhRBVlle17aSquh3Se66KhNf/DCiKi4Zh1rq+3t7evS0DcgIwvwLIgBQrICeAzwxYlu99vFcvy3MAGZAiA5gCGZ8DyABrU4BzABmQIAOYAnwL8Ecou28Bk/8EZe8CAIA3gFR7MZsMAMA6ACEIAFOAEASAKUAIAsAUIAQBAMDoGDRZAAAAAAAAAAAAAAAAYLQeaH2goIfBISIAAAAASUVORK5CYII=) no-repeat center center;
    background-size: cover
}

.flag-CAD {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABrUlEQVR42u3awZGDIBQGYEqgBI975LZXSqAESrADS7AESrAESqCElMAld/bwhlVMRhyjE5A/M29GEhPDF3zwNCyEwFoOBgAAAAAAAAAAAAAAAAA0DvD8+Q1H41uPD78zAAAAAAB8GcB7imYBhoGiSYDHgw7PGG03B6D1DKB1AwDOhTCOr7/+ehSMI+17OwDv6XBdR7EGWD6/MzHWdwpw/trxdXB+4xwgZR5AypsBxPM+Tns5gOW0uHxvFQDTFIK1aZuxEIxJ21sxTbSvMWk7BPrsRbs8gL6fOyJEmuyMoeyeA3Bu7nxMjkLM7b4vGMDa7eS2dwRsJcvFCCszB+zJ9EdjNUOUCaDUdQBKFQ5gzPUjICbU4gC8T5PVVSHE/0qxvBHgfVrknB1aJ8vkchdC43h+598sispeCVp7Tj7gPF1cVbUUdu6zvCDEZmlcRy3g/fvyNxddly2L66kGjwLcohqMV3+kpIXMMNBcbi21laJtY+g1peayOXOtEFeFAQAAANQNEJNiswBSNg7g3OHbYrg9DgAAAAAAZwLgn6IAAAAAAAAAAAAAAAAAQFPxB2M5zqsnVBxuAAAAAElFTkSuQmCC) no-repeat center center;
    background-size: cover
}

@media(min-width: 691px) {
    @-webkit-keyframes ActiveBoarderAnimation {
        0% {
            height:0
        }

        100% {
            height: 100%
        }
    }

    @keyframes ActiveBoarderAnimation {
        0% {
            height: 0
        }

        100% {
            height: 100%
        }
    }

    .balances-widget-outlet .balance-card--animate .active-border>div {
        -webkit-animation-name: ActiveBoarderAnimation;
        animation-name: ActiveBoarderAnimation;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-timing-function: "linear";
        animation-timing-function: "linear"
    }

    @-webkit-keyframes FooterAnimation {
        0% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
            opacity: 0
        }

        50% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }
    }

    @keyframes FooterAnimation {
        0% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
            opacity: 0
        }

        50% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }
    }

    .balances-widget-outlet .balance-card--animate .balance-card__footer {
        -webkit-animation-name: FooterAnimation;
        animation-name: FooterAnimation;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-timing-function: "linear";
        animation-timing-function: "linear"
    }

    @-webkit-keyframes ContentAnimation {
        0% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
            opacity: 0
        }

        50% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px)
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }
    }

    @keyframes ContentAnimation {
        0% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
            opacity: 0
        }

        50% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px)
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1
        }
    }

    .balances-widget-outlet .balance-card--animate .balance,.balances-widget-outlet .balance-card--animate .masked-card {
        -webkit-animation-name: ContentAnimation;
        animation-name: ContentAnimation;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-timing-function: "linear";
        animation-timing-function: "linear"
    }

    .balances-widget-outlet .balance-card--animate .balance {
        -webkit-animation-name: ContentAnimation;
        animation-name: ContentAnimation;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: "linear";
        animation-timing-function: "linear"
    }

    @-webkit-keyframes BalanceAnimation {
        0% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
            opacity: 0
        }

        100% {
            -webkit-transform: translateY(0%);
            transform: translateY(0%);
            opacity: 1
        }
    }

    @keyframes BalanceAnimation {
        0% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
            opacity: 0
        }

        100% {
            -webkit-transform: translateY(0%);
            transform: translateY(0%);
            opacity: 1
        }
    }

    @-webkit-keyframes HeaderAnimation {
        0% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            opacity: 0
        }

        100% {
            -webkit-transform: translateY(0%);
            transform: translateY(0%);
            opacity: 1
        }
    }

    @keyframes HeaderAnimation {
        0% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            opacity: 0
        }

        100% {
            -webkit-transform: translateY(0%);
            transform: translateY(0%);
            opacity: 1
        }
    }
}

.jumbotron-widget--visible .balances-widget-header .text {
    color: var(--payo-brand-color-cold-gray-700, #636b78)
}

.jumbotron-widget--not_visible .jumbotron-widget {
    display: none
}

.entity-details {
    font-family: var(--payo-brand-font);
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    background-color: var(--brand-color-white-500);
    color: var(--brand-color-gray-700);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.entity-details>* {
    word-break: break-word
}

.entity-details-header {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.entity-details-content {
    overflow-y: auto;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.entity-details-content::-webkit-scrollbar-track {
    background-color: var(--brand-color-gray-100)
}

.entity-details-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: var(--brand-color-gray-100)
}

.entity-details-content::-webkit-scrollbar-thumb {
    background-color: var(--brand-color-gray-500)
}

.entity-details-footer {
    height: 85px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.entity-details--no-footer .entity-details-footer {
    height: 0
}

.entity-details .entity-details-header {
    padding: 0 16px;
    font-size: 18px;
    height: 50px;
    word-break: break-word;
    background-color: var(--payo-brand-color-cold-gray-900, #33373e);
    color: #fff;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.entity-details .entity-details-header i {
    cursor: pointer;
    width: 20px
}

.entity-details .entity-details-header i.icon-close {
    font-size: 24px
}

.entity-details .entity-details-header__title,.entity-details .entity-details-header__end {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 691px) {
    .entity-details .entity-details-header {
        background-color:inherit;
        color: var(--brand-color-gray-700)
    }

    .entity-details .entity-details-header__title {
        max-width: 230px;
        margin: 0 auto;
        text-align: center
    }

    .entity-details .entity-details-header__end {
        font-size: 24px
    }
}

.entity-details .entity-details-content {
    color: var(--brand-color-gray-700);
    padding: 16px
}

@media(min-width: 690px) {
    .entity-details .entity-details-content {
        padding:0 16px
    }
}

.entity-details .entity-details-content .entity-details-logo {
    position: relative;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15)
}

.entity-details .entity-details-content .entity-details-logo__icon,.entity-details .entity-details-content .entity-details-logo__info {
    text-align: center;
    border-radius: 2px 2px 0 0
}

.entity-details .entity-details-content .entity-details-logo__icon {
    background-color: var(--brand-color-blue-600);
    height: 127px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.entity-details .entity-details-content .entity-details-logo__icon .icon-container {
    background-color: #fff;
    width: 90px;
    height: 90px;
    border: 5px solid #8bbfe1;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.entity-details .entity-details-content .entity-details-logo__icon .icon-container i {
    font-size: 40px;
    color: var(--brand-color-gray-700)
}

.entity-details .entity-details-content .entity-details-logo__icon .icon-container svg {
    font-size: 40px;
    fill: var(--brand-color-gray-700)
}

@media(min-width: 691px) {
    .entity-details .entity-details-content .entity-details-logo__icon .icon-container {
        width:95px;
        height: 95px
    }

    .entity-details .entity-details-content .entity-details-logo__icon .icon-container i {
        font-size: 45px;
        color: var(--brand-color-gray-700)
    }

    .entity-details .entity-details-content .entity-details-logo__icon .icon-container svg {
        font-size: 45px;
        fill: var(--brand-color-gray-700)
    }
}

.entity-details .entity-details-content .entity-details-logo__text {
    background-color: var(--brand-color-blue-600);
    color: #fff;
    text-align: center;
    padding: 10px;
    padding-top: 0
}

.entity-details .entity-details-content .entity-details-logo__navigations {
    position: absolute;
    top: 0;
    left: 0;
    height: 120px;
    width: 100%;
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.entity-details .entity-details-content .entity-details-logo__navigations i {
    font-size: 24pt;
    color: #fff;
    cursor: pointer
}

.entity-details .entity-details-content .entity-details-logo__navigations i.icon-expander.prev:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.entity-details .entity-details-content .entity-details-logo__navigations i.icon-expander.next:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.entity-details .entity-details-content .entity-details-logo__navigations i.disabled {
    color: var(--payo-brand-color-blue-300, #5ea2ce);
    cursor: auto
}

.entity-details .entity-details-content .entity-details-logo__navigations--rtl i.icon-expander.prev:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.entity-details .entity-details-content .entity-details-logo__navigations--rtl i.icon-expander.next:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(min-width: 690px) {
    .entity-details .entity-details-content .entity-details-logo__navigations {
        display:none
    }
}

.entity-details .entity-details-content .entity-details-logo__info {
    background-color: #fff;
    padding: 16px;
    font-size: 18px
}

.entity-details .entity-details-content .entity-details-main {
    padding-top: 23px
}

.entity-details.entity-details--legacy {
    height: 100%
}

@media(min-width: 690px) {
    .entity-details.entity-details--legacy {
        width:650px;
        height: 520px;
        background-color: #fff
    }
}

@media(min-width: 690px) {
    .entity-details.entity-details--legacy .entity-details-header {
        border-bottom:1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7)
    }
}

.entity-details.entity-details--legacy .entity-details-header__title {
    margin: inherit;
    max-width: inherit
}

.entity-details.entity-details--legacy .entity-details-header__end .navigation {
    display: none
}

@media(min-width: 690px) {
    .entity-details.entity-details--legacy .entity-details-header__end .navigation {
        display:block
    }

    .entity-details.entity-details--legacy .entity-details-header__end .navigation .icon-angle-left__disabled,.entity-details.entity-details--legacy .entity-details-header__end .navigation .icon-angle-right__disabled {
        color: var(--payo-brand-color-gray-light, #e6e6e6);
        cursor: auto
    }
}

@media(min-width: 690px) {
    .entity-details.entity-details--legacy .entity-details-header--rtl .entity-details-header__end .navigation .icon-angle-left:before,.entity-details.entity-details--legacy .entity-details-header--rtl .entity-details-header__end .navigation .icon-angle-right:before {
        -webkit-transform:rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media(min-width: 690px) {
    .entity-details.entity-details--legacy .entity-details-header--rtl--rtl .entity-details-header__end .navigation .icon-angle-left:before,.entity-details.entity-details--legacy .entity-details-header--rtl--rtl .entity-details-header__end .navigation .icon-angle-right:before {
        -webkit-transform:rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media(min-width: 690px) {
    .entity-details.entity-details--legacy .entity-details-content {
        margin:0;
        padding: 23px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .entity-details.entity-details--legacy .entity-details-content .entity-details-logo {
        -webkit-box-flex: 4.5;
        -webkit-flex: 4.5;
        -ms-flex: 4.5;
        flex: 4.5;
        margin-bottom: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .entity-details.entity-details--legacy .entity-details-content .entity-details-logo__icon {
        background-color: #fff;
        min-height: 100px
    }

    .entity-details.entity-details--legacy .entity-details-content .entity-details-logo__icon .icon-container {
        border: 1px solid var(--payo-brand-color-cold-gray-600, #8c98ab)
    }

    .entity-details.entity-details--legacy .entity-details-content .entity-details-logo__navigations {
        display: none
    }

    .entity-details.entity-details--legacy .entity-details-content .entity-details-main {
        -webkit-box-flex: 6.5;
        -webkit-flex: 6.5;
        -ms-flex: 6.5;
        flex: 6.5;
        padding: 0 16px;
        overflow: auto;
        border-left: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7)
    }

    .entity-details.entity-details--legacy .entity-details-content .entity-details-main::-webkit-scrollbar-track {
        background-color: var(--brand-color-gray-100)
    }

    .entity-details.entity-details--legacy .entity-details-content .entity-details-main::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background-color: var(--brand-color-gray-100)
    }

    .entity-details.entity-details--legacy .entity-details-content .entity-details-main::-webkit-scrollbar-thumb {
        background-color: var(--brand-color-gray-500)
    }

    .entity-details.entity-details--legacy .entity-details-content .entity-details-logo__text {
        background: #fff;
        color: var(--payo-brand-color-cold-gray-700, #636b78);
        margin-top: 20px
    }
}

@media(min-width: 690px) {
    .entity-details.entity-details--legacy .entity-details-footer {
        height:50px
    }

    .entity-details--no-footer .entity-details.entity-details--legacy .entity-details-footer {
        height: 0
    }
}

.entity-details.entity-details--legacy.entity-details--no-footer .entity-details-footer {
    height: 0
}

@media(min-width: 690px) {
    .entity-details--legacy.entity-details--rtl .entity-details-header__desktop {
        border-right:0;
        border-left: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7)
    }
}

@media(min-width: 690px) {
    .entity-details--legacy.entity-details--rtl .entity-details-content .entity-details-main {
        border-right:1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7)
    }
}

.transactions-content {
    border-top: 2px solid var(--brand-color-gray-100);
    min-height: 200px
}

.transactions-content .transaction-row {
    cursor: pointer;
    position: relative;
    padding: 16px;
    font-size: 16px;
    border-bottom: 1px solid var(--brand-color-gray-100)
}

.transactions-content .transaction-row:hover {
    background-color: var(--brand-color-gray-100)
}

.transactions-content .transaction-row>div {
    padding-bottom: 5px;
    margin: 10px 0
}

.transactions-content .transaction-row>div:last-child {
    padding-bottom: 0;
    -webkit-margin-start: auto;
    margin-inline-start:auto}

@media(min-width: 691px) {
    .transactions-content .transaction-row>div {
        padding:0 12px
    }

    .transactions-content .transaction-row>div:first-child,.transactions-content .transaction-row>div:last-child {
        padding: 0
    }
}

@media(min-width: 992px) {
    .transactions-content .transaction-row>div {
        padding:0 8px
    }
}

@media(min-width: 1260px) {
    .transactions-content .transaction-row>div {
        padding:0 16px
    }
}

@media(min-width: 691px) {
    .transactions-content .transaction-row {
        padding:0 23px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 63px
    }

    .transactions-content .transaction-row:last-child {
        border-bottom: none
    }
}

.transactions-content .transaction-row .transaction-description {
    font-weight: bold
}

.transactions-content .transaction-row .transaction-description__status {
    font-weight: normal
}

@media(min-width: 691px) {
    .transactions-content .transaction-row .transaction-description {
        width:40%;
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap
    }
}

.transactions-content .selected-transaction-row {
    background-color: var(--brand-color-blue-150)
}

.transactions-content .selected-transaction-row div {
    color: var(--brand-color-gray-700)
}

.transactions-content .selected-transaction-row:hover {
    background-color: var(--brand-color-blue-150)
}

.transactions-content .transaction-date {
    display: none
}

@media(min-width: 691px) {
    .transactions-content .transaction-date {
        position:relative;
        display: block;
        line-height: 16px;
        font-size: 16px;
        font-weight: 400;
        color: var(--brand-color-gray-700);
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 80px;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px
    }

    .transactions-content .transaction-date .year {
        font-size: 14px;
        color: var(--brand-color-gray-700);
        margin-top: 2px
    }
}

@media(min-width: 992px) {
    .transactions-content .transaction-date {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 90px;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px
    }
}

@media(max-width: 691px) {
    .transactions-content .transaction-description__status {
        display:none
    }

    .transactions-content .transaction-description {
        font-size: 16px;
        font-weight: 400;
        color: var(--brand-color-gray-700);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 21px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        font-weight: normal
    }

    .transactions-content .transaction-description__reccurence {
        line-height: 17px
    }
}

@media(max-width: 691px)and (min-width: 691px) {
    .transactions-content .transaction-description {
        width:331px
    }
}

@media(max-width: 691px)and (min-width: 691px) {
    .transactions-content {
        position:relative;
        font-weight: 700;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 165px;
        -ms-flex: 1 0 165px;
        flex: 1 0 165px
    }

    .transactions-content span {
        font-weight: 400
    }
}

@media(max-width: 691px)and (min-width: 992px) {
    .transactions-content {
        -webkit-box-flex:2;
        -webkit-flex: 2 1 140px;
        -ms-flex: 2 1 140px;
        flex: 2 1 140px
    }
}

@media(max-width: 691px)and (min-width: 1260px) {
    .transactions-content {
        -webkit-box-flex:1;
        -webkit-flex: 1 0 180px;
        -ms-flex: 1 0 180px;
        flex: 1 0 180px
    }
}

@media(max-width: 691px)and (min-width: 1440px) {
    .transactions-content {
        -webkit-box-flex:2;
        -webkit-flex: 2 0 200px;
        -ms-flex: 2 0 200px;
        flex: 2 0 200px
    }
}

@media(max-width: 691px)and (min-width: 1601px) {
    .transactions-content {
        -webkit-box-flex:2;
        -webkit-flex: 2 0 320px;
        -ms-flex: 2 0 320px;
        flex: 2 0 320px
    }
}

@media(max-width: 691px)and (min-width: 1921px) {
    .transactions-content {
        -webkit-box-flex:2;
        -webkit-flex: 2 0 450px;
        -ms-flex: 2 0 450px;
        flex: 2 0 450px
    }
}

.transactions-content .transaction-status {
    display: none;
    text-align: end
}

@media(min-width: 691px) {
    .transactions-content .transaction-status {
        position:relative;
        display: block;
        font-size: 16px;
        font-weight: 400;
        color: var(--brand-color-gray-700);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 200px;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        line-height: 21px
    }
}

@media(min-width: 992px) {
    .transactions-content .transaction-status {
        display:none
    }
}

@media(min-width: 1440px) {
    .transactions-content .transaction-status {
        display:block
    }
}

.transactions-content .transaction-status .transaction-status__pending-alert-icon {
    color: var(--brand-color-gold-600)
}

.transactions-content .transaction-amount {
    color: var(--brand-color-gray-700);
    font-size: 18px;
    font-weight: 700
}

.transactions-content .transaction-amount .status-colors {
    padding: 2px 8px;
    border-radius: 2px
}

.transactions-content .transaction-amount .status-colors.completed {
    color: var(--brand-color-gray-700);
    background-color: var(--brand-color-green-200)
}

.transactions-content .transaction-amount .status-colors.cancelled {
    color: var(--brand-color-gray-700);
    background-color: var(--brand-color-gray-200)
}

@media(min-width: 691px) {
    .transactions-content .transaction-amount .status-colors {
        padding:6px 8px
    }
}

.rtl .transactions-content .transaction-amount {
    direction: ltr
}

@media(min-width: 691px) {
    .transactions-content .transaction-amount {
        position:relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 122px;
        -ms-flex: 1 0 122px;
        flex: 1 0 122px;
        font-size: 16px;
        text-align: right;
        line-height: 21px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        padding-right: 0 !important
    }

    .rtl .transactions-content .transaction-amount {
        padding-left: 0 !important
    }
}

@media(min-width: 691px)and (min-width: 691px) {
    .rtl .transactions-content .transaction-amount {
        padding-right:16px !important
    }
}

@media(min-width: 691px)and (min-width: 992px) {
    .rtl .transactions-content .transaction-amount {
        padding-right:8px !important
    }
}

@media(min-width: 691px)and (min-width: 1260px) {
    .rtl .transactions-content .transaction-amount {
        padding-right:16px !important
    }
}

@media(min-width: 992px) {
    .transactions-content .transaction-amount {
        -webkit-box-flex:1;
        -webkit-flex: 1 0 200px;
        -ms-flex: 1 0 200px;
        flex: 1 0 200px
    }
}

@media(min-width: 1260px) {
    .transactions-content .transaction-amount {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 370px;
        -ms-flex: 0 1 370px;
        flex: 0 1 370px
    }
}

@media(min-width: 1440px) {
    .transactions-content .transaction-amount {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 430px;
        -ms-flex: 0 1 430px;
        flex: 0 1 430px
    }
}

.transactions-content .transaction-mobile>span {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: var(--brand-color-gray-600)
}

.transactions-content .transaction-mobile .transaction-status {
    margin: 0 5px
}

@media(min-width: 691px) {
    .transactions-content .transaction-mobile {
        display:none
    }
}

.transactions-content .transaction-action {
    height: 65%
}

.transactions-content .transaction-action .icon-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

.transactions-content .transaction-action span i {
    font-size: 20px;
    line-height: 60px;
    color: var(--brand-color-gray-700)
}

.transactions-content .transaction-action.rtl ::before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media(max-width: 691px) {
    .transactions-content .transaction-action {
        position:absolute;
        right: 5px;
        top: 20px
    }

    .transactions-content .transaction-action.rtl {
        right: unset;
        left: 5px
    }
}

.transactions-content .transactions-empty-state {
    padding: 35px 10px 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    text-align: center
}

@media(min-width: 691px) {
    .transactions-content .transactions-empty-state {
        font-size:24px
    }
}

.responsive-side-bar .entity-details-logo .description-container {
    color: #fff
}

.responsive-side-bar .details-box__card {
    padding: 0 10px
}

.responsive-side-bar .details-box__card .card__header {
    padding: 15px 0px
}

.responsive-side-bar .details-box__card.card--open {
    padding-bottom: 15px
}

.responsive-side-bar .details-box__card.card--open .card__content {
    margin-top: 0
}

.responsive-side-bar .details-box__card.card--open .card__body {
    margin-top: 0
}

.responsive-side-bar .details-box__card .details-box__remark {
    font-size: 13px
}

.transaction-details-info .entity-details-logo__icon {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0;
    height: auto !important
}

.transaction-details-info .entity-details-logo__icon .icon-container {
    margin: auto
}

.transaction-details-info .entity-details-logo .description-container {
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    margin: 10px auto 0 auto;
    text-align: center;
    line-height: 21px;
    width: 100%;
    max-width: 100%
}

.transaction-details-info .entity-details-logo__info {
    padding: 20px 10px
}

.transaction-details-info .date {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.transaction-details-info .amount {
    font-size: 25px;
    line-height: 27px;
    font-weight: 700;
    margin-top: 5px
}

.transaction-details-info .status {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    margin: 10px 0px
}

.transaction-details-info .details-box-remark {
    font-size: 13px
}

.transaction-details-info .activity-legal-remark {
    font-size: 14px;
    color: var(--payo-brand-color-cold-gray-700, #636b78);
    text-align: left;
    background-color: inherit;
    padding: 10px
}

.transaction-details-info .activity-legal-remark.mb-100 {
    margin-bottom: 100px
}

.transaction-details-info .entity-details-footer:empty {
    display: none
}

.transaction-details-info .card-wrap {
    border-bottom: 1px solid #d5d8de
}

.transaction-details-info .card-wrap .card {
    background-color: inherit
}

.transaction-details-info .card__content,.transaction-details-info .card__body {
    margin-top: 0
}

.entity-details--card {
    border-bottom: 1px solid #d5d8de
}

.entity-details--informative {
    margin-left: 37px;
    margin-bottom: 15px
}

.entity-details--informative .bold {
    font-weight: 600
}

.entity-details--balance {
    color: var(--payo-brand-color-cold-gray-700, #636b78);
    margin-left: 37px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px
}

.entity-details--tips {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #c3cad9;
    border-radius: 2px;
    padding: 10px;
    margin: 15px 0px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--payo-brand-color-cold-gray-700, #636b78)
}

.entity-details--tips p {
    padding: 0px 14px
}

.entity-details--tips.mb-100 {
    margin-bottom: 100px
}

.entity-details--tips>div:nth-child(1) {
    border-right: 1px solid #c3cad9;
    padding: 0px 10px 0px 0px;
    margin-right: 5px
}

.entity-details--tips>div:nth-child(1) img {
    width: 20px;
    height: 20px
}

.entity-details--tips a {
    color: var(--payo-brand-color-cold-gray-700, #636b78)
}

.entity-details-logo {
    position: relative;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15)
}

.entity-details-logo .transaction-details__status {
    margin: 10px 0px
}

.entity-details-logo__icon,.entity-details-logo__info {
    text-align: center;
    border-radius: 2px 2px 0 0
}

.entity-details-logo__top {
    margin-top: 5px
}

.entity-details-logo__top,.entity-details-logo__bottom {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center
}

.entity-details-logo__hr {
    border-bottom: 1px solid var(--payo-brand-color-cold-gray-100, #f1f3f7);
    margin: 10px 0px;
    width: 100%
}

.entity-details-logo__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.entity-details-logo__bottom img {
    margin: 0px 0px 0px 5px
}

.activity-cancel-action {
    background: var(--brand-color-blue-500, #0075e1);
    padding: 13px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    cursor: pointer
}

.activity-cancel-action--ios-75 {
    bottom: 75px
}

.activity-cancel-action--ios-30 {
    bottom: 30px
}

.activity-cancel-action img {
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto;
    margin-bottom: 11px
}

.activity-cancel-action .mb-100 {
    margin-bottom: 100px
}

.entity-details-logo {
    position: relative;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15)
}

.entity-details-logo .transaction-details__status {
    margin: 10px 0px
}

.entity-details-logo__icon,.entity-details-logo__info {
    text-align: center;
    border-radius: 2px 2px 0 0
}

.entity-details-logo__top {
    margin-top: 5px
}

.entity-details-logo__top,.entity-details-logo__bottom {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center
}

.entity-details-logo__tips .entity-details-logo__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.entity-details-logo__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.entity-details-logo__bottom img {
    margin: 0px 0px 0px 5px
}

.download-statement {
    background-color: var(--brand-color-blue-500, #0075e1);
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    cursor: pointer
}

.activity-description__tooltip {
    max-width: 100%;
    word-wrap: break-word
}

.activity-description__text {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block !important;
    font-weight: bold
}

.entity-details-content-item {
    font-size: 16px;
    margin-bottom: 23px;
    word-break: break-word
}

.entity-details-content-item__header {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
    color: var(--brand-color-cold-gray-700)
}

.entity-details-content-item__text {
    font-size: 14px;
    line-height: 1.6
}

.entity-details-content-item__text-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.entity-details-content-item__description {
    font-size: 14px;
    line-height: 1.6;
    color: var(--brand-color-cold-gray-600)
}

.entity-details-content-item--border-top {
    border-top: 1px solid var(--brand-color-cold-gray-300);
    padding-top: 5px
}

.entity-details-content-item--border-bottom {
    border-bottom: 1px solid var(--brand-color-cold-gray-300);
    padding-bottom: 5px
}

div.entity-details-content-item__text {
    font-weight: 400
}

@-webkit-keyframes FadeInOpacity {
    0% {
        opacity: 0;
        left: -20px
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@keyframes FadeInOpacity {
    0% {
        opacity: 0;
        left: -20px
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@-webkit-keyframes tabsTitleAnimation {
    0% {
        position: relative;
        bottom: -60px
    }

    100% {
        position: relative;
        bottom: 0
    }
}

@keyframes tabsTitleAnimation {
    0% {
        position: relative;
        bottom: -60px
    }

    100% {
        position: relative;
        bottom: 0
    }
}

@-webkit-keyframes titleAnimation {
    0% {
        bottom: -20px
    }

    100% {
        bottom: 0
    }
}

@keyframes titleAnimation {
    0% {
        bottom: -20px
    }

    100% {
        bottom: 0
    }
}

.transactions-widget-outlet {
    height: 100%;
    width: 100%
}

.transactions-widget-outlet .error-component {
    height: -webkit-calc(100% - 47px);
    height: calc(100% - 47px)
}

.transactions-widget-outlet .transactions-widget-index {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    position: relative
}

@media(min-width: 992px) {
    .transactions-widget-outlet .transactions-widget-index {
        height:696px
    }
}

.transactions-widget-outlet .transactions-widget-index.no-data {
    background-color: rgba(0,0,0,0)
}

.transactions-widget-outlet .transactions-widget-index .widget-separator {
    background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7);
    height: 5px
}

.transactions-widget-outlet .transactions-widget-index .ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.transactions-widget-outlet .transactions-widget-index .transactions-view-all a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 58px
}

@media(max-width: 690px) {
    .transactions-widget-outlet .transactions-widget-index .transactions-view-all a {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-widget-index .transactions-view-all {
        display:none
    }
}

.transactions-widget-outlet .transactions-widget-header {
    height: auto !important;
    margin-bottom: 16px !important;
    animation: 1s 1 normal titleAnimation;
    -webkit-animation: 1s 1 normal titleAnimation
}

.transactions-widget-outlet .transactions-widget-header .sub-title {
    font-size: 16px;
    color: var(--brand-color-gray-600);
    font-weight: 400;
    margin: 6px 0
}

.transactions-widget-outlet .transactions-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 62px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.transactions-widget-outlet .transactions-header .transactions-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.transactions-widget-outlet .transactions-header .transaction-tab {
    font-size: 16px;
    color: var(--brand-color-gray-700);
    padding: 0 23px;
    cursor: pointer;
    height: 58px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    align-self: start;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden
}

.transactions-widget-outlet .transactions-header .transaction-tab.selected {
    font-weight: 700;
    border-bottom: 5px solid var(--brand-color-blue-500)
}

@media(min-width: 1260px) {
    .transactions-widget-outlet .transactions-header .transaction-tab:nth-child(2) {
        width:auto
    }
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-header .transaction-tab>div {
        -webkit-animation:500ms 1 normal tabsTitleAnimation;
        animation: 500ms 1 normal tabsTitleAnimation
    }
}

.transactions-widget-outlet .transactions-header .transaction-tab>div:hover {
    font-weight: 700
}

.transactions-widget-outlet .transactions-header .transactions-view-all {
    display: none
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-header .transactions-view-all {
        display:block;
        overflow: hidden
    }
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-header .transactions-view-all a {
        -webkit-animation:500ms 1 normal tabsTitleAnimation;
        animation: 500ms 1 normal tabsTitleAnimation
    }
}

.transactions-widget-outlet .transactions-content {
    border-top: 2px solid var(--brand-color-gray-100);
    min-height: 200px
}

.transactions-widget-outlet .transactions-content .transaction-row {
    cursor: pointer;
    position: relative;
    padding: 16px;
    font-size: 16px;
    border-bottom: 1px solid var(--brand-color-gray-100)
}

.transactions-widget-outlet .transactions-content .transaction-row:hover {
    background-color: var(--brand-color-gray-100)
}

.transactions-widget-outlet .transactions-content .transaction-row>div {
    padding-bottom: 5px;
    margin: 10px 0
}

.transactions-widget-outlet .transactions-content .transaction-row>div:last-child {
    padding-bottom: 0;
    -webkit-margin-start: auto;
    margin-inline-start:auto}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-content .transaction-row>div {
        padding:0 12px
    }

    .transactions-widget-outlet .transactions-content .transaction-row>div:first-child,.transactions-widget-outlet .transactions-content .transaction-row>div:last-child {
        padding: 0
    }
}

@media(min-width: 992px) {
    .transactions-widget-outlet .transactions-content .transaction-row>div {
        padding:0 8px
    }
}

@media(min-width: 1260px) {
    .transactions-widget-outlet .transactions-content .transaction-row>div {
        padding:0 16px
    }
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-content .transaction-row {
        padding:0 23px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 63px
    }

    .transactions-widget-outlet .transactions-content .transaction-row:last-child {
        border-bottom: none
    }
}

.transactions-widget-outlet .transactions-content .transaction-row .transaction-description {
    font-weight: bold
}

.transactions-widget-outlet .transactions-content .transaction-row .transaction-description__status {
    font-weight: normal
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-content .transaction-row .transaction-description {
        width:40%;
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap
    }
}

.transactions-widget-outlet .transactions-content .selected-transaction-row {
    background-color: var(--brand-color-blue-150)
}

.transactions-widget-outlet .transactions-content .selected-transaction-row div {
    color: var(--brand-color-gray-700)
}

.transactions-widget-outlet .transactions-content .selected-transaction-row:hover {
    background-color: var(--brand-color-blue-150)
}

.transactions-widget-outlet .transactions-content .transaction-date {
    display: none
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-content .transaction-date {
        position:relative;
        display: block;
        line-height: 16px;
        font-size: 16px;
        font-weight: 400;
        color: var(--brand-color-gray-700);
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 80px;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px
    }

    .transactions-widget-outlet .transactions-content .transaction-date .year {
        font-size: 14px;
        color: var(--brand-color-gray-700);
        margin-top: 2px
    }
}

@media(min-width: 992px) {
    .transactions-widget-outlet .transactions-content .transaction-date {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 90px;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px
    }
}

@media(max-width: 691px) {
    .transactions-widget-outlet .transactions-content .transaction-description__status {
        display:none
    }

    .transactions-widget-outlet .transactions-content .transaction-description {
        font-size: 16px;
        font-weight: 400;
        color: var(--brand-color-gray-700);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 21px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        font-weight: normal
    }

    .transactions-widget-outlet .transactions-content .transaction-description__reccurence {
        line-height: 17px
    }
}

@media(max-width: 691px)and (min-width: 691px) {
    .transactions-widget-outlet .transactions-content .transaction-description {
        width:331px
    }
}

@media(max-width: 691px)and (min-width: 691px) {
    .transactions-widget-outlet .transactions-content {
        position:relative;
        font-weight: 700;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 165px;
        -ms-flex: 1 0 165px;
        flex: 1 0 165px
    }

    .transactions-widget-outlet .transactions-content span {
        font-weight: 400
    }
}

@media(max-width: 691px)and (min-width: 992px) {
    .transactions-widget-outlet .transactions-content {
        -webkit-box-flex:2;
        -webkit-flex: 2 1 140px;
        -ms-flex: 2 1 140px;
        flex: 2 1 140px
    }
}

@media(max-width: 691px)and (min-width: 1260px) {
    .transactions-widget-outlet .transactions-content {
        -webkit-box-flex:1;
        -webkit-flex: 1 0 180px;
        -ms-flex: 1 0 180px;
        flex: 1 0 180px
    }
}

@media(max-width: 691px)and (min-width: 1440px) {
    .transactions-widget-outlet .transactions-content {
        -webkit-box-flex:2;
        -webkit-flex: 2 0 200px;
        -ms-flex: 2 0 200px;
        flex: 2 0 200px
    }
}

@media(max-width: 691px)and (min-width: 1601px) {
    .transactions-widget-outlet .transactions-content {
        -webkit-box-flex:2;
        -webkit-flex: 2 0 320px;
        -ms-flex: 2 0 320px;
        flex: 2 0 320px
    }
}

@media(max-width: 691px)and (min-width: 1921px) {
    .transactions-widget-outlet .transactions-content {
        -webkit-box-flex:2;
        -webkit-flex: 2 0 450px;
        -ms-flex: 2 0 450px;
        flex: 2 0 450px
    }
}

.transactions-widget-outlet .transactions-content .transaction-status {
    display: none;
    text-align: end
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-content .transaction-status {
        position:relative;
        display: block;
        font-size: 16px;
        font-weight: 400;
        color: var(--brand-color-gray-700);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 200px;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        line-height: 21px
    }
}

@media(min-width: 992px) {
    .transactions-widget-outlet .transactions-content .transaction-status {
        display:none
    }
}

@media(min-width: 1440px) {
    .transactions-widget-outlet .transactions-content .transaction-status {
        display:block
    }
}

.transactions-widget-outlet .transactions-content .transaction-status .transaction-status__pending-alert-icon {
    color: var(--brand-color-gold-600)
}

.transactions-widget-outlet .transactions-content .transaction-amount {
    color: var(--brand-color-gray-700);
    font-size: 18px;
    font-weight: 700
}

.transactions-widget-outlet .transactions-content .transaction-amount .status-colors {
    padding: 2px 8px;
    border-radius: 2px
}

.transactions-widget-outlet .transactions-content .transaction-amount .status-colors.completed {
    color: var(--brand-color-gray-700);
    background-color: var(--brand-color-green-200)
}

.transactions-widget-outlet .transactions-content .transaction-amount .status-colors.cancelled {
    color: var(--brand-color-gray-700);
    background-color: var(--brand-color-gray-200)
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-content .transaction-amount .status-colors {
        padding:6px 8px
    }
}

.rtl .transactions-widget-outlet .transactions-content .transaction-amount {
    direction: ltr
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-content .transaction-amount {
        position:relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 122px;
        -ms-flex: 1 0 122px;
        flex: 1 0 122px;
        font-size: 16px;
        text-align: right;
        line-height: 21px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        padding-right: 0 !important
    }

    .rtl .transactions-widget-outlet .transactions-content .transaction-amount {
        padding-left: 0 !important
    }
}

@media(min-width: 691px)and (min-width: 691px) {
    .rtl .transactions-widget-outlet .transactions-content .transaction-amount {
        padding-right:16px !important
    }
}

@media(min-width: 691px)and (min-width: 992px) {
    .rtl .transactions-widget-outlet .transactions-content .transaction-amount {
        padding-right:8px !important
    }
}

@media(min-width: 691px)and (min-width: 1260px) {
    .rtl .transactions-widget-outlet .transactions-content .transaction-amount {
        padding-right:16px !important
    }
}

@media(min-width: 992px) {
    .transactions-widget-outlet .transactions-content .transaction-amount {
        -webkit-box-flex:1;
        -webkit-flex: 1 0 200px;
        -ms-flex: 1 0 200px;
        flex: 1 0 200px
    }
}

@media(min-width: 1260px) {
    .transactions-widget-outlet .transactions-content .transaction-amount {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 370px;
        -ms-flex: 0 1 370px;
        flex: 0 1 370px
    }
}

@media(min-width: 1440px) {
    .transactions-widget-outlet .transactions-content .transaction-amount {
        -webkit-box-flex:0;
        -webkit-flex: 0 1 430px;
        -ms-flex: 0 1 430px;
        flex: 0 1 430px
    }
}

.transactions-widget-outlet .transactions-content .transaction-mobile>span {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: var(--brand-color-gray-600)
}

.transactions-widget-outlet .transactions-content .transaction-mobile .transaction-status {
    margin: 0 5px
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-content .transaction-mobile {
        display:none
    }
}

.transactions-widget-outlet .transactions-content .transaction-action {
    height: 65%
}

.transactions-widget-outlet .transactions-content .transaction-action .icon-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

.transactions-widget-outlet .transactions-content .transaction-action span i {
    font-size: 20px;
    line-height: 60px;
    color: var(--brand-color-gray-700)
}

.transactions-widget-outlet .transactions-content .transaction-action.rtl ::before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media(max-width: 691px) {
    .transactions-widget-outlet .transactions-content .transaction-action {
        position:absolute;
        right: 5px;
        top: 20px
    }

    .transactions-widget-outlet .transactions-content .transaction-action.rtl {
        right: unset;
        left: 5px
    }
}

.transactions-widget-outlet .transactions-content .transactions-empty-state {
    padding: 35px 10px 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    color: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    text-align: center
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-content .transactions-empty-state {
        font-size:24px
    }
}

.transactions-widget-outlet .responsive-side-bar .entity-details-logo .description-container {
    color: #fff
}

.transactions-widget-outlet .responsive-side-bar .details-box__card {
    padding: 0 10px
}

.transactions-widget-outlet .responsive-side-bar .details-box__card .card__header {
    padding: 15px 0px
}

.transactions-widget-outlet .responsive-side-bar .details-box__card.card--open {
    padding-bottom: 15px
}

.transactions-widget-outlet .responsive-side-bar .details-box__card.card--open .card__content {
    margin-top: 0
}

.transactions-widget-outlet .responsive-side-bar .details-box__card.card--open .card__body {
    margin-top: 0
}

.transactions-widget-outlet .responsive-side-bar .details-box__card .details-box__remark {
    font-size: 13px
}

.transactions-widget-outlet .transaction-details-info .entity-details-logo__icon {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0;
    height: auto !important
}

.transactions-widget-outlet .transaction-details-info .entity-details-logo__icon .icon-container {
    margin: auto
}

.transactions-widget-outlet .transaction-details-info .entity-details-logo .description-container {
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    margin: 10px auto 0 auto;
    text-align: center;
    line-height: 21px;
    width: 100%;
    max-width: 100%
}

.transactions-widget-outlet .transaction-details-info .entity-details-logo__info {
    padding: 20px 10px
}

.transactions-widget-outlet .transaction-details-info .date {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.transactions-widget-outlet .transaction-details-info .amount {
    font-size: 25px;
    line-height: 27px;
    font-weight: 700;
    margin-top: 5px
}

.transactions-widget-outlet .transaction-details-info .status {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    margin: 10px 0px
}

.transactions-widget-outlet .transaction-details-info .details-box-remark {
    font-size: 13px
}

.transactions-widget-outlet .transaction-details-info .activity-legal-remark {
    font-size: 14px;
    color: var(--payo-brand-color-cold-gray-700, #636b78);
    text-align: left;
    background-color: inherit;
    padding: 10px
}

.transactions-widget-outlet .transaction-details-info .activity-legal-remark.mb-100 {
    margin-bottom: 100px
}

.transactions-widget-outlet .transaction-details-info .entity-details-footer:empty {
    display: none
}

.transactions-widget-outlet .transaction-details-info .card-wrap {
    border-bottom: 1px solid #d5d8de
}

.transactions-widget-outlet .transaction-details-info .card-wrap .card {
    background-color: inherit
}

.transactions-widget-outlet .transaction-details-info .card__content,.transactions-widget-outlet .transaction-details-info .card__body {
    margin-top: 0
}

.transactions-widget-outlet .entity-details--card {
    border-bottom: 1px solid #d5d8de
}

.transactions-widget-outlet .entity-details--informative {
    margin-left: 37px;
    margin-bottom: 15px
}

.transactions-widget-outlet .entity-details--informative .bold {
    font-weight: 600
}

.transactions-widget-outlet .entity-details--balance {
    color: var(--payo-brand-color-cold-gray-700, #636b78);
    margin-left: 37px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px
}

.transactions-widget-outlet .entity-details--tips {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #c3cad9;
    border-radius: 2px;
    padding: 10px;
    margin: 15px 0px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--payo-brand-color-cold-gray-700, #636b78)
}

.transactions-widget-outlet .entity-details--tips p {
    padding: 0px 14px
}

.transactions-widget-outlet .entity-details--tips.mb-100 {
    margin-bottom: 100px
}

.transactions-widget-outlet .entity-details--tips>div:nth-child(1) {
    border-right: 1px solid #c3cad9;
    padding: 0px 10px 0px 0px;
    margin-right: 5px
}

.transactions-widget-outlet .entity-details--tips>div:nth-child(1) img {
    width: 20px;
    height: 20px
}

.transactions-widget-outlet .entity-details--tips a {
    color: var(--payo-brand-color-cold-gray-700, #636b78)
}

.transactions-widget-outlet .entity-details-logo {
    position: relative;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15)
}

.transactions-widget-outlet .entity-details-logo .transaction-details__status {
    margin: 10px 0px
}

.transactions-widget-outlet .entity-details-logo__icon,.transactions-widget-outlet .entity-details-logo__info {
    text-align: center;
    border-radius: 2px 2px 0 0
}

.transactions-widget-outlet .entity-details-logo__top {
    margin-top: 5px
}

.transactions-widget-outlet .entity-details-logo__top,.transactions-widget-outlet .entity-details-logo__bottom {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center
}

.transactions-widget-outlet .entity-details-logo__hr {
    border-bottom: 1px solid var(--payo-brand-color-cold-gray-100, #f1f3f7);
    margin: 10px 0px;
    width: 100%
}

.transactions-widget-outlet .entity-details-logo__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.transactions-widget-outlet .entity-details-logo__bottom img {
    margin: 0px 0px 0px 5px
}

.transactions-widget-outlet .activity-cancel-action {
    background: var(--brand-color-blue-500, #0075e1);
    padding: 13px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    cursor: pointer
}

.transactions-widget-outlet .activity-cancel-action--ios-75 {
    bottom: 75px
}

.transactions-widget-outlet .activity-cancel-action--ios-30 {
    bottom: 30px
}

.transactions-widget-outlet .activity-cancel-action img {
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto;
    margin-bottom: 11px
}

.transactions-widget-outlet .activity-cancel-action .mb-100 {
    margin-bottom: 100px
}

.transactions-widget-outlet .entity-details-logo {
    position: relative;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15)
}

.transactions-widget-outlet .entity-details-logo .transaction-details__status {
    margin: 10px 0px
}

.transactions-widget-outlet .entity-details-logo__icon,.transactions-widget-outlet .entity-details-logo__info {
    text-align: center;
    border-radius: 2px 2px 0 0
}

.transactions-widget-outlet .entity-details-logo__top {
    margin-top: 5px
}

.transactions-widget-outlet .entity-details-logo__top,.transactions-widget-outlet .entity-details-logo__bottom {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center
}

.transactions-widget-outlet .entity-details-logo__tips .entity-details-logo__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.transactions-widget-outlet .entity-details-logo__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.transactions-widget-outlet .entity-details-logo__bottom img {
    margin: 0px 0px 0px 5px
}

.transactions-widget-outlet .transactions-view-all {
    border-top: 1px solid #f1f3f7;
    padding: 0 13px
}

@media(min-width: 691px) {
    .transactions-widget-outlet .transactions-view-all {
        border-top:none
    }
}

.transactions-widget-outlet .transactions-view-all a {
    font-size: 14px;
    line-height: 18px;
    color: var(--brand-color-blue-500, #0075e1);
    font-weight: 400;
    cursor: pointer
}

@media(min-width: 691px) {
    .transactions-widget-outlet--is-legacy .transactions-widget-index .transactions-content .transaction-row>div:not(:first-of-type) {
        padding:0 14px
    }
}

@media(min-width: 992px) {
    .transactions-widget-outlet--is-legacy .transactions-widget-index .transactions-content .transaction-row .transaction-date {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 90px;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px
    }
}

@media(min-width: 691px) {
    .transactions-widget-outlet--is-legacy .transactions-widget-index .transactions-content .transaction-row .transaction-description {
        -webkit-box-flex:2;
        -webkit-flex: 2 0 165px;
        -ms-flex: 2 0 165px;
        flex: 2 0 165px
    }
}

@media(min-width: 1440px) {
    .transactions-widget-outlet--is-legacy .transactions-widget-index .transactions-content .transaction-row .transaction-description {
        -webkit-box-flex:2;
        -webkit-flex: 2 0 190px;
        -ms-flex: 2 0 190px;
        flex: 2 0 190px
    }
}

@media(min-width: 691px) {
    .transactions-widget-outlet--is-legacy .transactions-widget-index .transactions-content .transaction-row .transaction-status {
        -webkit-box-flex:1;
        -webkit-flex: 1 0 120px;
        -ms-flex: 1 0 120px;
        flex: 1 0 120px
    }
}

@media(min-width: 691px) {
    .transactions-widget-outlet--is-legacy .transactions-widget-index .transactions-content .transaction-row .transaction-amount {
        -webkit-box-flex:1;
        -webkit-flex: 1 0 122px;
        -ms-flex: 1 0 122px;
        flex: 1 0 122px
    }
}

.transactions-widget-outlet .transactions-widget-header.error-fetch {
    padding-bottom: 19px !important
}

.myaccount-link-button {
    width: 100%
}

.myaccount-link-button--hidden {
    visibility: hidden
}

.jumbotron-widget--visible .payment-request-widget .title {
    color: var(--payo-brand-color-cold-gray-700, #636b78)
}

.globalBg #footer {
    margin-bottom: 50px
}

.actions-required-widget-outlet {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0
}

@media(max-width: 691px) {
    .actions-required-widget-outlet {
        z-index:10
    }
}

.actions-required-widget-outlet--open {
    height: -webkit-calc(100% - 50px);
    height: calc(100% - 50px)
}

@media(min-width: 691px) {
    .actions-required-widget-outlet {
        position:static
    }
}

.widget-handler.dashboard-widget-handler {
    font-family: var(--payo-brand-font);
    font-size: 16px;
    color: var(--brand-color-gray-700);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.widget-handler.dashboard-widget-handler .widget-template {
    width: 100%
}

.widget-handler.dashboard-widget-handler .widget-template.actions-required-widget {
    height: 100%
}

.widget-handler.dashboard-widget-handler .widget-template .transactions-widget-header,.widget-handler.dashboard-widget-handler .widget-template .balances-widget-header {
    width: 100%;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: bold
}

.main-modules-container>.home-index>.layout-template-index__main {
    padding: 0
}

.widget-handler.dashboard-widget-handler {
    padding: 16px
}

.widget-handler.dashboard-widget-handler .transactions-marketing {
    width: 100%;
    gap: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.widget-handler.dashboard-widget-handler .transactions-marketing .next-best-offer-widget {
    width: unset
}

@media(max-width: 992px) {
    .widget-handler.dashboard-widget-handler .transactions-marketing {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 26px
    }
}

@media(max-width: 691px) {
    .widget-handler.dashboard-widget-handler.transactions--top .transactions-widget-header {
        color:#fff
    }
}

@media(min-width: 691px) {
    .widget-handler.dashboard-widget-handler {
        padding:10px 3px;
        background: none
    }

    .widget-handler.dashboard-widget-handler>.widget-template>div {
        padding: 7px;
        margin-bottom: 21px
    }

    .widget-handler.dashboard-widget-handler>.widget-template .transactions-widget-header {
        height: 30px
    }

    .widget-handler.dashboard-widget-handler .balances-widget-outlet {
        padding: 7px 0 !important
    }
}

@media(min-width: 992px) {
    .widget-handler.dashboard-widget-handler .widget-template.transactions-widget {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0
    }
}

.jumbotron-main {
    background-color: #fff;
    min-height: 168px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    padding: 16px;
    color: var(--payo-brand-color-cold-gray-700, #636b78);
    margin-bottom: 30px
}

.jumbotron-main .button-widget-jumbotron {
    background: var(--brand-color-gradient-button)
}

@media(min-width: 691px) {
    .jumbotron-main {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        margin-bottom: 0
    }
}

.jumbotron-main .jumbotron-icon {
    background-size: cover;
    display: inline-block;
    width: 52px;
    height: 54px;
    vertical-align: middle
}

@media(min-width: 691px) {
    .jumbotron-main .jumbotron-icon {
        width:auto;
        height: auto;
        background-repeat: no-repeat;
        margin-bottom: 18px;
        margin-top: 7px
    }
}

.jumbotron-main .jumbotron-title {
    font-size: 20px;
    font-weight: bold;
    width: -webkit-calc(100% - 52px);
    width: calc(100% - 52px);
    display: inline-block;
    padding: 0 16px;
    vertical-align: middle;
    text-align: left
}

@media(min-width: 691px) {
    .jumbotron-main .jumbotron-title {
        width:70%;
        margin-bottom: 10px;
        font-size: 25px;
        text-align: center
    }
}

.jumbotron-main .jumbotron-description {
    margin-bottom: 23px;
    font-size: 16px;
    margin-top: 16px;
    line-height: 20px;
    text-align: left
}

@media(min-width: 691px) {
    .jumbotron-main .jumbotron-description {
        padding:0 16px;
        margin-top: 0;
        font-size: 18px;
        width: 70%;
        text-align: center
    }
}

.jumbotron-main button {
    margin-bottom: 10px;
    width: 100%;
    margin-top: auto
}

@media(min-width: 691px) {
    .jumbotron-main button {
        margin-top:0;
        margin-bottom: 19px;
        width: auto
    }
}

@media(min-width: 691px) {
    .jumbotron-main--legacy .jumbotron-title,.jumbotron-main--legacy .jumbotron-description {
        width:60%
    }
}

.errorPageContainer {
    max-width: 550px;
    margin: auto;
    font-size: 16px;
    font-family: var(--payo-brand-font);
    position: relative;
    padding: 35px 0;
    color: var(--payo-brand-color-cold-gray-700, #636b78)
}

.errorPageContainer__max-width-disable {
    max-width: initial
}

.errorPageContainer__content {
    display: block;
    margin: auto;
    width: 90%;
    text-align: center
}

.errorPageContainer__content>h4 {
    font-size: 1.3125em;
    font-weight: bold;
    line-height: 1;
    margin-bottom: .3em;
    color: var(--brand-color-gray-700, #252526)
}

.errorPageContainer__content>p {
    font-size: 1em;
    line-height: 1.4;
    margin-top: 1px;
    color: var(--brand-color-gray-600, #666666)
}

.errorPageContainer__content>p a {
    text-decoration: none;
    color: var(--brand-color-blue-500, #0075e1)
}

.errorPageContainer.pageNotFound .pageNotFound__imageContainer {
    width: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MTQgMTc0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MTQgMTc0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjtzdHJva2U6IzYzNkI3ODtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6bm9uZTtzdHJva2U6IzYzNkI3ODtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qye2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzZBNkE2QTt9Cgkuc3Qze2ZpbGw6bm9uZTtzdHJva2U6IzZBNkE2QTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Q0e2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzVFQTJDRTt9Cgkuc3Q1e2ZpbGw6bm9uZTtzdHJva2U6IzVFQTJDRTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyMDcsMzcuMyAxNjkuNSw3NSAyMDcsMTEyLjcgMjQ0LjUsNzUgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIyMDcsMTEyLjcgMjA0LjUsMTEwLjEgMjA0LDE2OCAyMTAsMTY4IDIwOS41LDExMC4xIAkiLz4KPC9nPgo8cmVjdCB4PSIxMjkiIHk9IjE2OC41IiBjbGFzcz0ic3QyIiB3aWR0aD0iMTU3IiBoZWlnaHQ9IjEiLz4KPHJlY3QgeD0iMTIwIiB5PSIxNjguNSIgY2xhc3M9InN0MiIgd2lkdGg9IjciIGhlaWdodD0iMSIvPgo8cmVjdCB4PSIxNDAiIHk9IjE2MiIgY2xhc3M9InN0MiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjEiLz4KPHJlY3QgeD0iMTQxIiB5PSIxNTYiIGNsYXNzPSJzdDIiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxIi8+Cjxwb2x5Z29uIGNsYXNzPSJzdDIiIHBvaW50cz0iMjYyLDE2MyAyNDYsMTYzIDI0NywxNjIgMjYyLDE2MiAiLz4KPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIyNjAsMTU3IDI0OCwxNTcgMjQ5LDE1NiAyNjAsMTU2ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjI4MCwxNjIgMjYyLDE2MiAyNjMsMTYxIDI4MCwxNjEgIi8+CjxyZWN0IHg9IjI2NSIgeT0iMTU0IiBjbGFzcz0ic3QyIiB3aWR0aD0iMTIiIGhlaWdodD0iMSIvPgo8cmVjdCB4PSIxMTQiIHk9IjE2OC41IiBjbGFzcz0ic3QyIiB3aWR0aD0iNSIgaGVpZ2h0PSIxIi8+CjxyZWN0IHg9IjI4NyIgeT0iMTY4LjUiIGNsYXNzPSJzdDIiIHdpZHRoPSI1IiBoZWlnaHQ9IjEiLz4KPHJlY3QgeD0iMjI5IiB5PSIxNzMiIGNsYXNzPSJzdDIiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxIi8+CjxyZWN0IHg9IjE2OC41IiB5PSIxNzMuNCIgY2xhc3M9InN0MiIgd2lkdGg9IjMwIiBoZWlnaHQ9IjEiLz4KPHJlY3QgeD0iMjkzIiB5PSIxNjguNSIgY2xhc3M9InN0MiIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgo8cG9seWdvbiBjbGFzcz0ic3QzIiBwb2ludHM9IjI2MC41LDE2OC40IDI2Mi4yLDE2My4xIDI1Ny41LDE0OSAyNTAuNywxNDkgMjQ0LjUsMTY4LjUgMjY0LDE2OC41IDI2NCwxNjguNSAiLz4KPHBhdGggY2xhc3M9InN0MyIgZD0iTTEzNy41LDE2OC41bDUuOS0xOC41bDYuNSwwbDYuMSwxOC41TDEzNy41LDE2OC41eiIvPgo8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjYwLjUsMTY4LjRsNi44LTIxLjRsNy41LDBsNy4xLDIxLjVMMjYwLjUsMTY4LjR6Ii8+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTIwNyw4NC4yYy0xLDAtMS44LDAuOC0xLjgsMS44YzAsMSwwLjgsMS44LDEuOCwxLjhzMS44LTAuOCwxLjgtMS44QzIwOC44LDg1LDIwOCw4NC4yLDIwNyw4NC4yeiBNMjA3LDgwLjUKCQkJYzAuOCwwLDEuNS0wLjcsMS41LTEuNVY2MmMwLTAuOC0wLjctMS41LTEuNS0xLjVjLTAuOCwwLTEuNSwwLjctMS41LDEuNXYxN0MyMDUuNSw3OS44LDIwNi4yLDgwLjUsMjA3LDgwLjV6Ii8+Cgk8L2c+CjwvZz4KPHBhdGggY2xhc3M9InN0NSIgZD0iTTUuMyw1NS45aDIuNmMwLDAtMC4xLTAuNy0wLjEtMWMwLTIuNCwyLTQuNSw0LjQtNC41YzAuMSwwLDAuMi0wLjEsMC4yLTAuMWMwLjktMi42LDMuNC00LjYsNi4zLTQuNgoJYzMuMSwwLDUuNiwyLDYuNCw0LjljMC41LTAuMiwxLjEtMC40LDEuOC0wLjRjMC40LDAsMC43LDAsMS4xLDAuMWMwLjUtMy4zLDMtNS45LDYuMi02LjZjMC4yLTQsMy4zLTYuNyw3LjMtNwoJYzIuMy0yLjUsNS42LTQuNiw5LjMtNC42YzYuNywwLDEyLjEsNS4xLDEyLjYsMTEuN2MzLjQsMC45LDUuOCw0LjQsNS44LDguMWMwLDEuMy0wLjMsMi43LTAuOCw0aDMuN2MyLjcsMCw0LjksMiw0LjksNC41CgljMCwyLjYtMi4yLDQuNS00LjksNC41SDUuM2MtMi43LDAtNC45LTItNC45LTQuNUMwLjQsNTcuOSwyLjYsNTUuOSw1LjMsNTUuOXoiLz4KPHBhdGggY2xhc3M9InN0NSIgZD0iTTExMS4yLDE4LjVoMmMwLDAsMC0wLjYsMC0wLjdjMC0xLjksMS41LTMuNSwzLjQtMy41YzAuMSwwLDAuMS0wLjEsMC4yLDBjMC43LTIsMi42LTMuNSw0LjktMy41CgljMi40LDAsNC40LDEuNiw1LDMuOGMwLjQtMC4yLDAuOS0wLjMsMS40LTAuM2MwLjMsMCwwLjYsMCwwLjgsMC4xYzAuNC0yLjUsMi4zLTQuNiw0LjgtNS4xYzAuMS0zLjEsMi42LTUuMiw1LjctNS40CgljMS44LTEuOSw0LjMtMy42LDcuMi0zLjZjNS4yLDAsOS40LDQsOS44LDljMi42LDAuNyw0LjUsMy40LDQuNSw2LjJjMCwxLTAuMiwyLjEtMC42LDMuMWgyLjhjMi4xLDAsMy44LDEuNSwzLjgsMy41CglzLTEuNywzLjUtMy44LDMuNWgtNTEuNmMtMi4xLDAtMy44LTEuNS0zLjgtMy41UzEwOS4xLDE4LjUsMTExLjIsMTguNXoiLz4KPHBhdGggY2xhc3M9InN0NSIgZD0iTTQwOSw0MC41aC0yLjRjMCwwLDAuMS0wLjcsMC4xLTAuOWMwLTIuMy0xLjgtNC4zLTQuMS00LjNjLTAuMSwwLTAuMS0wLjEtMC4yLTAuMWMtMC45LTIuNS0zLjItNC4zLTUuOS00LjMKCWMtMi45LDAtNS4zLDEuOS02LjEsNC42Yy0wLjUtMC4yLTEuMS0wLjQtMS43LTAuNGMtMC4zLDAtMC43LDAtMSwwLjFjLTAuNS0zLjEtMi44LTUuNi01LjgtNi4yYy0wLjItMy44LTMuMS02LjMtNi45LTYuNgoJYy0yLjItMi4zLTUuMy00LjMtOC43LTQuM2MtNi4zLDAtMTEuNCw0LjgtMTEuOSwxMWMtMy4yLDAuOS01LjUsNC4yLTUuNSw3LjZjMCwxLjIsMC4zLDIuNSwwLjgsMy43aC0zLjRjLTIuNSwwLTQuNiwxLjgtNC42LDQuMwoJYzAsMi40LDIsNC4zLDQuNiw0LjNINDA5YzIuNSwwLDQuNi0xLjgsNC42LTQuM0M0MTMuNiw0Mi4zLDQxMS41LDQwLjUsNDA5LDQwLjV6Ii8+Cjwvc3ZnPgo=) no-repeat #fff center 0;
    background-size: 86%;
    height: 0;
    padding: 0;
    padding-bottom: 39.75%
}

.errorPageContainer.generalError .generalError__imageContainer {
    width: 100%;
    background: url(assets/39c11dfd1986a72e2114.svg) no-repeat #fff center 0;
    background-size: 75%;
    height: 0;
    padding: 0;
    padding-bottom: 36.75%
}

.errorPageContainer.generalError.technicalIssue {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(0,0,0,0)
}

.errorPageContainer.generalError.technicalIssue .generalError__imageContainer {
    background-color: rgba(0,0,0,0)
}

.errorPageContainer.expired .expired__imageContainer {
    margin: auto;
    width: 22%;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5Ny45NSA2My4xMSI+PGRlZnM+PHN0eWxlPi5cMzcgMDdiYWQ1OS1lMDliLTRmZGQtOWU2NC1mYTljYjIzNTYxY2N7ZmlsbDojZmZmO30uYmMzYmM1NmQtYWFlMy00OTMyLWFmYjktMDEwOWY5OWY5ZGUye2ZpbGw6IzZhNmE2YTt9LlwzOSBmMmJiZThiLTQ5MzYtNDVlYi1hYjU3LWM4ZGEyNTMxMzhiMHtmaWxsOiM2MzZiNzg7fS5cMzEgNjY4MDg1ZC0xMTY3LTQzMzMtYjBmZS1iOTllMzgyYjhmMmZ7ZmlsbDojNWVhMmNlO308L3N0eWxlPjwvZGVmcz48dGl0bGU+QXNzZXQgMjwvdGl0bGU+PGcgaWQ9IjU1M2U1OGUzLWY0NGItNDU4Zi04ZGFjLWJhODYzYWMyYTQ3MiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iMmI1ZjY0NjMtZTQ1YS00YjhmLWEwZTUtYWU5YjQ0Nzc0Njk5IiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSI3MDdiYWQ1OS1lMDliLTRmZGQtOWU2NC1mYTljYjIzNTYxY2MiIGQ9Ik0xLjEyLDEyLjM1di0xaDcxLjVWNi41QTUuNTEsNS41MSwwLDAsMCw2Ny4xMiwxSDYuNUE1LjUxLDUuNTEsMCwwLDAsMSw2LjV2NDdBNS41MSw1LjUxLDAsMCwwLDYuNSw1OUg2Ny4zOWExOS4yNiwxOS4yNiwwLDAsMSw1LjIzLTMzLjE0VjEyLjM1Wm0zNy4wNy02LjNINzB2MUgzOC4xOVptLTIxLjk0LjEyYTEuNTEsMS41MSwwLDAsMSwxLjUxLTEuNTFoMGExLjUxLDEuNTEsMCwwLDEsMS41MSwxLjUxaDBhMS41MSwxLjUxLDAsMCwxLTEuNTEsMS41MWgwYTEuNTEsMS41MSwwLDAsMS0xLjUxLTEuNTFabS01LjMsMGExLjUxLDEuNTEsMCwwLDEsMywwaDBhMS41MSwxLjUxLDAsMCwxLTMsMFptLTYuMDUsMGExLjUxLDEuNTEsMCwwLDEsMywwaDBhMS41MSwxLjUxLDAsMCwxLTMsMFpNMjYsMzEuMDlhMy4zNiwzLjM2LDAsMSwxLDQuMzEtMmgwQTMuMzYsMy4zNiwwLDAsMSwyNiwzMS4wOVpNNDYuNCw0NS41YTE1LjA3LDE1LjA3LDAsMCwwLTEzLjgyLTEuMjVBNC43MSw0LjcxLDAsMCwwLDMwLDQ2LjQzTDI5LDQ2YTUuNjMsNS42MywwLDAsMSwzLjE0LTIuNzFBMTUuOTEsMTUuOTEsMCwwLDEsNDcsNDQuNjdabTUuOS0xNi40NGEzLjM3LDMuMzcsMCwxLDEtMi00LjMxaDBBMy4zNywzLjM3LDAsMCwxLDUyLjMsMjkuMDZaIi8+PHBhdGggY2xhc3M9ImJjM2JjNTZkLWFhZTMtNDkzMi1hZmI5LTAxMDlmOTlmOWRlMiIgZD0iTTcyLjYyLDI1Ljg1bDEtLjM0VjEyLjM1aC0xWiIvPjxwYXRoIGNsYXNzPSJiYzNiYzU2ZC1hYWUzLTQ5MzItYWZiOS0wMTA5Zjk5ZjlkZTIiIGQ9Ik02Ny4xMiw1OUg2LjVBNS41MSw1LjUxLDAsMCwxLDEsNTMuNVY2LjVBNS41MSw1LjUxLDAsMCwxLDYuNSwxSDY3LjEyYTUuNTEsNS41MSwwLDAsMSw1LjUsNS41djQuODVoMVY2LjVBNi41MSw2LjUxLDAsMCwwLDY3LjEyLDBINi41QTYuNTEsNi41MSwwLDAsMCwwLDYuNXY0N0E2LjUxLDYuNTEsMCwwLDAsNi41LDYwSDY3LjEyYTYuNDgsNi40OCwwLDAsMCwxLjM4LS4xN3EtLjYtLjQtMS4xNi0uODVaIi8+PHBvbHlnb24gY2xhc3M9IjlmMmJiZThiLTQ5MzYtNDVlYi1hYjU3LWM4ZGEyNTMxMzhiMCIgcG9pbnRzPSIxLjEyIDExLjM1IDEuMTIgMTIuMzUgNzIuNjIgMTIuMzUgNzMuNjIgMTIuMzUgNzMuNzQgMTIuMzUgNzMuNzQgMTEuMzUgNzMuNjIgMTEuMzUgNzIuNjIgMTEuMzUgMS4xMiAxMS4zNSIvPjxwYXRoIGNsYXNzPSJiYzNiYzU2ZC1hYWUzLTQ5MzItYWZiOS0wMTA5Zjk5ZjlkZTIiIGQ9Ik02LjQyLDcuNjlBMS41MSwxLjUxLDAsMCwwLDcuOTMsNi4xOGgwYTEuNTEsMS41MSwwLDAsMC0zLDBoMEExLjUxLDEuNTEsMCwwLDAsNi40Miw3LjY5WiIvPjxwYXRoIGNsYXNzPSJiYzNiYzU2ZC1hYWUzLTQ5MzItYWZiOS0wMTA5Zjk5ZjlkZTIiIGQ9Ik0xMi41LDcuNjlBMS41MSwxLjUxLDAsMCwwLDE0LDYuMThoMGExLjUxLDEuNTEsMCwwLDAtMywwaDBBMS41MSwxLjUxLDAsMCwwLDEyLjUsNy42OVoiLz48cmVjdCBjbGFzcz0iYmMzYmM1NmQtYWFlMy00OTMyLWFmYjktMDEwOWY5OWY5ZGUyIiB4PSIxNi4yNSIgeT0iNC42NiIgd2lkdGg9IjMuMDMiIGhlaWdodD0iMy4wMyIgcng9IjEuNTEiIHJ5PSIxLjUxIi8+PHJlY3QgY2xhc3M9ImJjM2JjNTZkLWFhZTMtNDkzMi1hZmI5LTAxMDlmOTlmOWRlMiIgeD0iMzguMTkiIHk9IjYuMDUiIHdpZHRoPSIzMS43NyIgaGVpZ2h0PSIxIi8+PHBhdGggY2xhc3M9IjcwN2JhZDU5LWUwOWItNGZkZC05ZTY0LWZhOWNiMjM1NjFjYyIgZD0iTTc5LjE3LDI3LjA4QTE2LjgxLDE2LjgxLDAsMSwwLDk1Ljg1LDQ0czAtLjA5LDAtLjEzQTE2Ljc1LDE2Ljc1LDAsMCwwLDc5LjE3LDI3LjA4Wk03MCwzM2wxLjY5LDEuN0w3MCwzNi4zOGwtMS42OC0xLjdabS0uMTksMjAuNzlMNjguMTMsNTIuMWwxLjY1LTEuNjcsMS42NSwxLjY3Wm0xMC41OSw0LjU0SDc4VjU1LjloMi4zOFptMC0xNC4zOGExLjIsMS4yLDAsMCwxLTEuMTksMS4ySDY4LjQ0YTEuMiwxLjIsMCwwLDEsMC0yLjRINzh2LTEyYTEuMTksMS4xOSwwLDEsMSwyLjM4LDBoMFptNy4zOSw5LjgxTDg2LjA3LDUybDEuNjktMS43TDg5LjQ1LDUyWm0uMzEtMTcuNDUtMS42NS0xLjY3TDg4LjA3LDMzbDEuNjUsMS42N1ptMyw4Ljgydi0yLjRIOTMuNXYyLjRaIi8+PHBhdGggY2xhc3M9IjE2NjgwODVkLTExNjctNDMzMy1iMGZlLWI5OWUzODJiOGYyZiIgZD0iTTc5LjE3LDI0LjY4YTE4Ljg2LDE4Ljg2LDAsMCwwLTUuNTUuODNsLTEsLjM0QTE5LjI2LDE5LjI2LDAsMCwwLDY3LjM5LDU5cS41Ni40NSwxLjE2Ljg1YTE4Ljg0LDE4Ljg0LDAsMCwwLDEwLjYyLDMuMjcsMTkuMjIsMTkuMjIsMCwwLDAsMC0zOC40M1ptMCwzNkExNi44MSwxNi44MSwwLDEsMSw5NS44NSw0My43NHMwLC4xLDAsLjE1QTE2Ljc1LDE2Ljc1LDAsMCwxLDc5LjE3LDYwLjcxaDBaIi8+PHJlY3QgY2xhc3M9IjE2NjgwODVkLTExNjctNDMzMy1iMGZlLWI5OWUzODJiOGYyZiIgeD0iNzcuOTgiIHk9IjU1LjkiIHdpZHRoPSIyLjM4IiBoZWlnaHQ9IjIuNCIvPjxwb2x5Z29uIGNsYXNzPSIxNjY4MDg1ZC0xMTY3LTQzMzMtYjBmZS1iOTllMzgyYjhmMmYiIHBvaW50cz0iNzEuNjUgMzQuNjcgNjkuOTcgMzIuOTggNjguMjggMzQuNjcgNjkuOTcgMzYuMzcgNzEuNjUgMzQuNjciLz48cGF0aCBjbGFzcz0iMTY2ODA4NWQtMTE2Ny00MzMzLWIwZmUtYjk5ZTM4MmI4ZjJmIiBkPSJNNzkuMTcsMjkuNUExLjIsMS4yLDAsMCwwLDc4LDMwLjd2MTJINjguNDRhMS4yLDEuMiwwLDAsMCwwLDIuNEg3OS4xN2ExLjIsMS4yLDAsMCwwLDEuMTktMS4yVjMwLjY4QTEuMiwxLjIsMCwwLDAsNzkuMTcsMjkuNVoiLz48cG9seWdvbiBjbGFzcz0iMTY2ODA4NWQtMTE2Ny00MzMzLWIwZmUtYjk5ZTM4MmI4ZjJmIiBwb2ludHM9Ijg2LjA2IDUyLjAzIDg3Ljc1IDUzLjczIDg5LjQzIDUyLjAzIDg3Ljc1IDUwLjM0IDg2LjA2IDUyLjAzIi8+PHJlY3QgY2xhc3M9IjE2NjgwODVkLTExNjctNDMzMy1iMGZlLWI5OWUzODJiOGYyZiIgeD0iOTEuMDkiIHk9IjQyLjY5IiB3aWR0aD0iMi4zOCIgaGVpZ2h0PSIyLjQiLz48cG9seWdvbiBjbGFzcz0iMTY2ODA4NWQtMTE2Ny00MzMzLWIwZmUtYjk5ZTM4MmI4ZjJmIiBwb2ludHM9IjY4LjEzIDUyLjEgNjkuNzcgNTMuNzcgNzEuNDIgNTIuMSA2OS43NyA1MC40MyA2OC4xMyA1Mi4xIi8+PHBvbHlnb24gY2xhc3M9IjE2NjgwODVkLTExNjctNDMzMy1iMGZlLWI5OWUzODJiOGYyZiIgcG9pbnRzPSI4Ni40MSAzNC42MiA4OC4wNiAzNi4yOCA4OS43MSAzNC42MiA4OC4wNiAzMi45NSA4Ni40MSAzNC42MiIvPjxwYXRoIGNsYXNzPSJiYzNiYzU2ZC1hYWUzLTQ5MzItYWZiOS0wMTA5Zjk5ZjlkZTIiIGQ9Ik0zMC4zLDI5LjA2YTMuMzcsMy4zNywwLDEsMC00LjMzLDJoMEEzLjM2LDMuMzYsMCwwLDAsMzAuMywyOS4wNloiLz48cGF0aCBjbGFzcz0iYmMzYmM1NmQtYWFlMy00OTMyLWFmYjktMDEwOWY5OWY5ZGUyIiBkPSJNNTAuMjcsMjQuNzdhMy4zNiwzLjM2LDAsMSwwLDIsNC4zMWgwQTMuMzcsMy4zNywwLDAsMCw1MC4yNywyNC43N1oiLz48cGF0aCBjbGFzcz0iOWYyYmJlOGItNDkzNi00NWViLWFiNTctYzhkYTI1MzEzOGIwIiBkPSJNMzIuMTgsNDMuMzNBNS42Myw1LjYzLDAsMCwwLDI5LDQ2bC45Mi4zOWE0LjcxLDQuNzEsMCwwLDEsMi42Mi0yLjE4QTE1LjA3LDE1LjA3LDAsMCwxLDQ2LjQsNDUuNWwuNTYtLjgzQTE1LjkxLDE1LjkxLDAsMCwwLDMyLjE4LDQzLjMzWiIvPjwvZz48L2c+PC9zdmc+) no-repeat #fff center 0;
    background-size: 86%;
    height: 0;
    padding: 0;
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
    padding-bottom: 16.5%
}

.errorPageContainer.expired .expired__button {
    margin: 3vh auto 0 auto;
    display: block
}

.errorPageContainer.accountCanceled .accountCanceled__imageContainer {
    margin: auto;
    width: 22%;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Mi4zOSA3Ni42NSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM2NDZjNzg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5hY2NvdW50IGZ1bmRpbmcgc291cmNlIC0wMTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzcuMTEsNDEuNTRjOS42MSwwLDE2LjU5LTcsMTYuNTktMTYuNTlWMTYuNTlDNTMuNyw3LDQ2LjcyLDAsMzcuMTEsMFMyMC41Miw3LDIwLjUyLDE2LjU5djguMzZDMjAuNTIsMzQuNTYsMjcuNSw0MS41NCwzNy4xMSw0MS41NFpNMjQuNDUsMTYuNTljMC03LjQ1LDUuMjEtMTIuNjYsMTIuNjYtMTIuNjZTNDkuNzcsOS4xNCw0OS43NywxNi41OXY4LjM2YzAsNy40NS01LjIxLDEyLjY2LTEyLjY2LDEyLjY2UzI0LjQ1LDMyLjQsMjQuNDUsMjQuOTVabTEyLjY2LDI1Yy05LjY3LDAtMTYuNjktNy0xNi42OS0xNi42OVYxNi41OWMwLTkuNjcsNy0xNi42OSwxNi42OS0xNi42OXMxNi42OSw3LDE2LjY5LDE2LjY5djguMzZDNTMuOCwzNC42Miw0Ni43OCw0MS42NCwzNy4xMSw0MS42NFpNMzcuMTEuMUMyNy41NS4xLDIwLjYyLDcsMjAuNjIsMTYuNTl2OC4zNmMwLDkuNTYsNi45NCwxNi40OSwxNi40OSwxNi40OVM1My42LDM0LjUsNTMuNiwyNC45NVYxNi41OUM1My42LDcsNDYuNjYuMSwzNy4xMS4xWm0wLDM3LjZjLTcuNTEsMC0xMi43Ni01LjI1LTEyLjc2LTEyLjc2VjE2LjU5YzAtNy41MSw1LjI1LTEyLjc2LDEyLjc2LTEyLjc2UzQ5Ljg3LDkuMDgsNDkuODcsMTYuNTl2OC4zNkM0OS44NywzMi40Niw0NC42MiwzNy43MSwzNy4xMSwzNy43MVpNMzcuMTEsNEMyOS43Miw0LDI0LjU1LDkuMiwyNC41NSwxNi41OXY4LjM2YzAsNy4zOSw1LjE2LDEyLjU2LDEyLjU2LDEyLjU2czEyLjU2LTUuMTYsMTIuNTYtMTIuNTZWMTYuNTlDNDkuNjcsOS4yLDQ0LjUsNCwzNy4xMSw0Wk02MS43Miw0NC40OHEtLjg1LDAtMS42OC4wOGEyMi4yMiwyMi4yMiwwLDAsMC03LjQ3LTQuMjlMNTEuMzMsNDRhMTcuOSwxNy45LDAsMCwxLDMuODMsMS44MiwxNiwxNiwwLDAsMC05LjgxLDE0LjY0LDE1LjU3LDE1LjU3LDAsMCwwLC40NywzLjc1aC0zNlY2MmMwLTguMTcsNS4xMi0xNS41OCwxMi40NS0xOGwuNTItLjE3LTEuMjUtMy43My0uNTEuMTdDMTIuMTIsNDMuMjQsNS44OSw1Mi4xOCw1Ljg5LDYydjYuMTNINDcuMzdhMTYuNDQsMTYuNDQsMCwwLDAsMTQuMzUsOC4zLDE2LDE2LDAsMSwwLDAtMzJabTAsMjlhMTMsMTMsMCwxLDEsMTMuMzctMTNBMTMuMiwxMy4yLDAsMCwxLDYxLjcyLDczLjQ1Wm0wLDMuMWExNi41NiwxNi41NiwwLDAsMS0xNC40MS04LjNINS43OVY2MkM1Ljc5LDUyLjEzLDEyLDQzLjE1LDIxLDQwLjE4bC42LS4yLDEuMzEsMy45Mi0uNjEuMkMxNSw0Ni41Miw5LjkzLDUzLjg5LDkuOTMsNjJ2Mi4xSDQ1LjY5YTE1LjcsMTUuNywwLDAsMS0uNDUtMy42NSwxNi4wOSwxNi4wOSwwLDAsMSw5LjY5LTE0LjY1LDE3Ljc4LDE3Ljc4LDAsMCwwLTMuNjQtMS43MWwtLjA5LDAsMS4zLTMuOTIuMDksMGEyMi4yLDIyLjIsMCwwLDEsNy40OCw0LjI4Yy41NC0uMDUsMS4xLS4wOCwxLjY0LS4wOGExNi4wOSwxNi4wOSwwLDEsMSwwLDMyLjE3Wk02LDY4LjA1SDQ3LjQzbDAsLjA1YTE2LjM1LDE2LjM1LDAsMCwwLDE0LjI2LDguMjUsMTUuODksMTUuODksMCwxLDAsMC0zMS43N2MtLjU2LDAtMS4xMiwwLTEuNjcuMDhoMGwwLDBhMjIsMjIsMCwwLDAtNy4zNS00LjIzbC0xLjE4LDMuNTRhMTguMTQsMTguMTQsMCwwLDEsMy43NSwxLjhsLjE2LjEtLjE4LjA4YTE1LjksMTUuOSwwLDAsMC05Ljc1LDE0LjU0LDE1LjUzLDE1LjUzLDAsMCwwLC40NywzLjczbDAsLjEySDkuNzNWNjJjMC04LjIxLDUuMTUtMTUuNjYsMTIuNTItMTguMWwuNDItLjE0LTEuMTktMy41NC0uNDEuMTRDMTIuMTksNDMuMzIsNiw1Mi4yMiw2LDYyWm01NS43Miw1LjVBMTMuMDksMTMuMDksMCwxLDEsNzUuMTksNjAuNDcsMTMuMywxMy4zLDAsMCwxLDYxLjcyLDczLjU1Wm0wLTI2QTEyLjg5LDEyLjg5LDAsMSwwLDc1LDYwLjQ3LDEzLjEsMTMuMSwwLDAsMCw2MS43Miw0Ny41OFptNi4xNSw4LjA1TDYzLjQ5LDYwbDQuMzIsNC4zMWExLDEsMCwwLDEtMS40NCwxLjQ0TDYyLDYxLjQ1LDU3LjcsNjUuOGExLDEsMCwwLDEtMS40NS0xLjQ1TDYwLjYsNjBsLTQuMzEtNC4zMWExLDEsMCwwLDEsMS40NC0xLjQ0TDYyLDU4LjU2bDQuMzgtNC4zOGExLDEsMCwwLDEsMS40NSwxLjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuNzkgMC4xKSIvPjwvc3ZnPg==) no-repeat #fff center 0;
    background-size: 64%;
    height: 0;
    padding: 0;
    padding-bottom: 16.5%
}

.errorPageContainer.disabled .disabled__imageContainer {
    margin: auto;
    width: 90px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTkuMyAxNjIuNjYiPjx0aXRsZT5MaW5rUmV2b2tlZDwvdGl0bGU+PGcgaWQ9ImI0MDJlNGI0LTc0YWMtNDM1Yi1hNDhlLWIyZjE1MWY1NmNkMyIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iODVmNmUzODMtOTVlOS00YjI5LWIxZDEtMDgzMjJlMTM4ZTA2IiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGQ9Ik00LDE0NC41MmExNC4xMywxNC4xMywwLDAsMCwxNC4xMSwxNC4xMWgxNjNhMTQuMTMsMTQuMTMsMCwwLDAsMTQuMTEtMTQuMTF2LTExMEg0Wk0xMjQuMjMsNzIuN2E5LDksMCwxLDEsNS41LDExLjU2aDBBOS4wOCw5LjA4LDAsMCwxLDEyNC4yMyw3Mi43Wm0zLjA3LDQ3LjVMMTI1LDEyMy41NWMtMTAuMjgtNi45Mi0yNS4yOS04LjI4LTM2LjUxLTMuMzItMy41NywxLjU4LTUuODIsMy40My02LjcsNS41MmwtMy43MS0xLjU2YzEuMjgtMy4wNyw0LjI0LTUuNjQsOC43OC03LjY1Qzk5LjUzLDExMSwxMTUuNzYsMTEyLjQ0LDEyNy4zLDEyMC4yWk02NS4wOCw3Mi43YTkuMDYsOS4wNiwwLDEsMSw1LjUxLDExLjU3bDAsMEE5LjA4LDkuMDgsMCwwLDEsNjUuMDgsNzIuN1oiIHN0eWxlPSJmaWxsOm5vbmUiLz48cGF0aCBkPSJNMTk1LjI0LDE4LjE0QTE0LjEzLDE0LjEzLDAsMCwwLDE4MS4xMyw0aC0xNjNBMTQuMTMsMTQuMTMsMCwwLDAsNCwxOC4xNFYzMC41aDE5MS4yWk0yMiwxNy4yN2E0LjA3LDQuMDcsMCwwLDEtOC4xNCwwaDBhNC4wNyw0LjA3LDAsMCwxLDguMTQsMFptMTYuMjcsMGE0LjA3LDQuMDcsMCwwLDEtOC4xNCwwaDBhNC4wNyw0LjA3LDAsMCwxLDguMTQsMFptMTQuMjMsMGE0LjA3LDQuMDcsMCwwLDEtNC4wNyw0LjA2aDBhNC4wNiw0LjA2LDAsMCwxLTQuMDYtNC4wNmgwYTQuMDcsNC4wNywwLDAsMSw0LjA2LTQuMDdoMEE0LjA3LDQuMDcsMCwwLDEsNTIuNSwxNy4yN1ptMTM2LjI2LDNIMTAzLjM1di00aDg1LjQxWiIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwYXRoIGQ9Ik0xODEuMTMsMGgtMTYzQTE4LjE3LDE4LjE3LDAsMCwwLDAsMTguMTRWMTQ0LjUyYTE4LjE3LDE4LjE3LDAsMCwwLDE4LjE1LDE4LjE0aDE2M2ExOC4xNywxOC4xNywwLDAsMCwxOC4xNS0xOC4xNFYxOC4xNEExOC4xNywxOC4xNywwLDAsMCwxODEuMTMsMFpNNCwxOC4xNEExNC4xMywxNC4xMywwLDAsMSwxOC4xNSw0aDE2M2ExNC4xMywxNC4xMywwLDAsMSwxNC4wOSwxNC4xMVYzMC41SDRabTE5MS4yLDEyNi4zOGExNC4xMywxNC4xMywwLDAsMS0xNC4xMSwxNC4xMWgtMTYzQTE0LjEzLDE0LjEzLDAsMCwxLDQsMTQ0LjUydi0xMTBoMTkxLjJaIiBzdHlsZT0iZmlsbDojOGM5OGFiIi8+PHBhdGggZD0iTTE3LjkzLDEzLjJhNC4wNyw0LjA3LDAsMCwwLTQuMDcsNC4wN2gwYTQuMDcsNC4wNywwLDAsMCw4LjE0LDBoMGE0LjA3LDQuMDcsMCwwLDAtNC4wNy00LjA3WiIgc3R5bGU9ImZpbGw6IzhjOThhYiIvPjxwYXRoIGQ9Ik0zNC4yLDEzLjJhNC4wNyw0LjA3LDAsMCwwLTQuMDcsNC4wN2gwYTQuMDcsNC4wNywwLDAsMCw4LjE0LDBoMEE0LjA3LDQuMDcsMCwwLDAsMzQuMiwxMy4yWiIgc3R5bGU9ImZpbGw6IzhjOThhYiIvPjxwYXRoIGQ9Ik00OC40NCwxMy4yaDBhNC4wNyw0LjA3LDAsMCwxLDQuMDcsNC4wN2gwYTQuMDcsNC4wNywwLDAsMS00LjA3LDQuMDdoMGE0LjA3LDQuMDcsMCwwLDEtNC4wNy00LjA3aDBBNC4wNyw0LjA3LDAsMCwxLDQ4LjQ0LDEzLjJaIiBzdHlsZT0iZmlsbDojOGM5OGFiIi8+PHJlY3QgeD0iMTAzLjM1IiB5PSIxNi4yNyIgd2lkdGg9Ijg1LjQyIiBoZWlnaHQ9IjQuMDMiIHN0eWxlPSJmaWxsOiM4Yzk4YWIiLz48cGF0aCBkPSJNNzAuNTUsODQuMjVBOSw5LDAsMSwwLDY1LjA4LDcyLjcsOSw5LDAsMCwwLDcwLjU1LDg0LjI1WiIgc3R5bGU9ImZpbGw6IzhjOThhYiIvPjxwYXRoIGQ9Ik0xMjkuNyw4NC4yNWE5LDksMCwxLDAtNS40Ny0xMS41NUE5LDksMCwwLDAsMTI5LjcsODQuMjVaIiBzdHlsZT0iZmlsbDojOGM5OGFiIi8+PHBhdGggZD0iTTc4LjEzLDEyNC4xOWwzLjcxLDEuNTZjLjg4LTIuMDksMy4xMy0zLjk0LDYuNy01LjUyLDExLjIyLTUsMjYuMjMtMy42LDM2LjUxLDMuMzJsMi4yNS0zLjM1Yy0xMS41NC03Ljc2LTI3Ljc3LTkuMjMtNDAuMzktMy42NkM4Mi4zNywxMTguNTUsNzkuNDEsMTIxLjEyLDc4LjEzLDEyNC4xOVoiIHN0eWxlPSJmaWxsOiM4Yzk4YWIiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat #fff center 0;
    background-size: 86%;
    height: 0;
    padding: 0;
    padding-bottom: 15%
}

.errorPageContainer.disabled .disabled__button {
    margin: 3vh auto 0 auto;
    display: block
}

.errorPageContainer.accountLocked .accountLocked__imageContainer {
    margin: auto;
    width: 22%;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3Mi4zOSA3Ni42NSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM2NDZjNzg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5sb2NrZWQtMDE8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM3LjExLDQxLjU0YzkuNjEsMCwxNi41OS03LDE2LjU5LTE2LjU5VjE2LjU5QzUzLjcsNyw0Ni43MiwwLDM3LjExLDBTMjAuNTIsNywyMC41MiwxNi41OXY4LjM2QzIwLjUyLDM0LjU2LDI3LjUsNDEuNTQsMzcuMTEsNDEuNTRaTTI0LjQ1LDE2LjU5YzAtNy40NSw1LjIxLTEyLjY2LDEyLjY2LTEyLjY2UzQ5Ljc3LDkuMTQsNDkuNzcsMTYuNTl2OC4zNmMwLDcuNDUtNS4yMSwxMi42Ni0xMi42NiwxMi42NlMyNC40NSwzMi40LDI0LjQ1LDI0Ljk1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuNzkgMC4xKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM3LjExLDQxLjY0Yy05LjY3LDAtMTYuNjktNy0xNi42OS0xNi42OVYxNi41OWMwLTkuNjcsNy0xNi42OSwxNi42OS0xNi42OXMxNi42OSw3LDE2LjY5LDE2LjY5djguMzZDNTMuOCwzNC42Miw0Ni43OCw0MS42NCwzNy4xMSw0MS42NFpNMzcuMTEuMUMyNy41NS4xLDIwLjYyLDcsMjAuNjIsMTYuNTl2OC4zNmMwLDkuNTYsNi45NCwxNi40OSwxNi40OSwxNi40OVM1My42LDM0LjUsNTMuNiwyNC45NVYxNi41OUM1My42LDcsNDYuNjYuMSwzNy4xMS4xWm0wLDM3LjZjLTcuNTEsMC0xMi43Ni01LjI1LTEyLjc2LTEyLjc2VjE2LjU5YzAtNy41MSw1LjI1LTEyLjc2LDEyLjc2LTEyLjc2UzQ5Ljg3LDkuMDgsNDkuODcsMTYuNTl2OC4zNkM0OS44NywzMi40Niw0NC42MiwzNy43MSwzNy4xMSwzNy43MVpNMzcuMTEsNEMyOS43Miw0LDI0LjU1LDkuMiwyNC41NSwxNi41OXY4LjM2YzAsNy4zOSw1LjE2LDEyLjU2LDEyLjU2LDEyLjU2czEyLjU2LTUuMTYsMTIuNTYtMTIuNTZWMTYuNTlDNDkuNjcsOS4yLDQ0LjUsNCwzNy4xMSw0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuNzkgMC4xKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYxLjcyLDQ0LjQ4cS0uODUsMC0xLjY4LjA4YTIyLjIyLDIyLjIyLDAsMCwwLTcuNDctNC4yOUw1MS4zMyw0NGExNy45LDE3LjksMCwwLDEsMy44MywxLjgyLDE2LDE2LDAsMCwwLTkuODEsMTQuNjQsMTUuNTcsMTUuNTcsMCwwLDAsLjQ3LDMuNzVoLTM2VjYyYzAtOC4xNyw1LjEyLTE1LjU4LDEyLjQ1LTE4bC41Mi0uMTctMS4yNS0zLjczLS41MS4xN0MxMi4xMiw0My4yNCw1Ljg5LDUyLjE4LDUuODksNjJ2Ni4xM0g0Ny4zN2ExNi40NCwxNi40NCwwLDAsMCwxNC4zNSw4LjMsMTYsMTYsMCwxLDAsMC0zMlptMCwyOWExMywxMywwLDEsMSwxMy4zNy0xM0ExMy4yLDEzLjIsMCwwLDEsNjEuNzIsNzMuNDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS43OSAwLjEpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjEuNzIsNzYuNTVhMTYuNTYsMTYuNTYsMCwwLDEtMTQuNDEtOC4zSDUuNzlWNjJDNS43OSw1Mi4xMywxMiw0My4xNSwyMSw0MC4xOGwuNi0uMiwxLjMxLDMuOTItLjYxLjJDMTUsNDYuNTIsOS45Myw1My44OSw5LjkzLDYydjIuMUg0NS42OWExNS43LDE1LjcsMCwwLDEtLjQ1LTMuNjUsMTYuMDksMTYuMDksMCwwLDEsOS42OS0xNC42NSwxNy43OCwxNy43OCwwLDAsMC0zLjY0LTEuNzFsLS4wOSwwLDEuMy0zLjkyLjA5LDBhMjIuMiwyMi4yLDAsMCwxLDcuNDgsNC4yOGMuNTQtLjA1LDEuMS0uMDgsMS42NC0uMDhhMTYuMDksMTYuMDksMCwxLDEsMCwzMi4xN1pNNiw2OC4wNUg0Ny40M2wwLC4wNWExNi4zNSwxNi4zNSwwLDAsMCwxNC4yNiw4LjI1LDE1Ljg5LDE1Ljg5LDAsMSwwLDAtMzEuNzdjLS41NiwwLTEuMTIsMC0xLjY3LjA4aDBsMCwwYTIyLDIyLDAsMCwwLTcuMzUtNC4yM2wtMS4xOCwzLjU0YTE4LjE0LDE4LjE0LDAsMCwxLDMuNzUsMS44bC4xNi4xLS4xOC4wOGExNS45LDE1LjksMCwwLDAtOS43NSwxNC41NCwxNS41MywxNS41MywwLDAsMCwuNDcsMy43M2wwLC4xMkg5LjczVjYyYzAtOC4yMSw1LjE1LTE1LjY2LDEyLjUyLTE4LjFsLjQyLS4xNC0xLjE5LTMuNTQtLjQxLjE0QzEyLjE5LDQzLjMyLDYsNTIuMjIsNiw2MlptNTUuNzIsNS41QTEzLjA5LDEzLjA5LDAsMSwxLDc1LjE5LDYwLjQ3LDEzLjMsMTMuMywwLDAsMSw2MS43Miw3My41NVptMC0yNkExMi44OSwxMi44OSwwLDEsMCw3NSw2MC40NywxMy4xLDEzLjEsMCwwLDAsNjEuNzIsNDcuNThaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS43OSAwLjEpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjYuODIsNTcuNDUsNjYuODgsNTVhNSw1LDAsMSwwLTEwLS4yMmwtLjA2LDIuNDlhMS42NiwxLjY2LDAsMCwwLTEuNywxLjYzTDU1LDY2LjMzQTEuNjYsMS42NiwwLDAsMCw1Ni42MSw2OGwxMCwuMjJhMS42NiwxLjY2LDAsMCwwLDEuNy0xLjYzbC4xNy03LjQ4QTEuNjYsMS42NiwwLDAsMCw2Ni44Miw1Ny40NVptLTkuMDktMi43YTQuMTYsNC4xNiwwLDAsMSw4LjMxLjE5TDY2LDU3LjQzbC04LjMxLS4xOVptOS43MSwxMS44NmEuODMuODMsMCwwLDEtLjg1LjgxbC0xMC0uMjJhLjgzLjgzLDAsMCwxLS44MS0uODVMNTYsNTguODdhLjgzLjgzLDAsMCwxLC44NS0uODFsOS4xNC4yLjgzLDBhLjgzLjgzLDAsMCwxLC44MS44NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljc5IDAuMSkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02Ni42Miw2OC41aDBsLTEwLS4yMmExLjkyLDEuOTIsMCwwLDEtMS44Ny0ybC4xNy03LjQ4QTEuOTIsMS45MiwwLDAsMSw1Ni42LDU3bC4wNS0yLjI2QTUuMjQsNS4yNCwwLDAsMSw2Ny4xMyw1NWwtLjA1LDIuMjZhMS45MiwxLjkyLDAsMCwxLDEuNjIsMS45M2wtLjE3LDcuNDhhMS45MSwxLjkxLDAsMCwxLTEuOTEsMS44N1ptLTkuODEtMTFhMS40MSwxLjQxLDAsMCwwLTEuNDEsMS4zOGwtLjE3LDcuNDhhMS40MSwxLjQxLDAsMCwwLDEuMzgsMS40NGwxMCwuMjJhMS4zMSwxLjMxLDAsMCwwLDEtLjM5LDEuNCwxLjQsMCwwLDAsLjQ0LTFsLjE3LTcuNDhhMS40MSwxLjQxLDAsMCwwLTEuMzgtMS40NGgtLjI1TDY2LjYzLDU1YTQuNzQsNC43NCwwLDAsMC05LjQ3LS4yMWwtLjA2LDIuNzRoLS4yOFptOS44MSwxMC4yaDBsLTEwLS4yMmExLjA4LDEuMDgsMCwwLDEtMS4wNi0xLjFsLjE3LTcuNDhhMS4wNywxLjA3LDAsMCwxLC4zMy0uNzYsMS4wNiwxLjA2LDAsMCwxLC43Ny0uM2wxMCwuMjJhMS4wOCwxLjA4LDAsMCwxLDEuMDYsMS4xbC0uMTcsNy40OEExLjA4LDEuMDgsMCwwLDEsNjYuNjIsNjcuNjdabS05LjgxLTkuMzdhLjU4LjU4LDAsMCwwLS41OC41N2wtLjE3LDcuNDhhLjU4LjU4LDAsMCwwLC41Ny41OWwxMCwuMjJhLjU3LjU3LDAsMCwwLC41OS0uNTdsLjE3LTcuNDhhLjU4LjU4LDAsMCwwLS41Ny0uNTlsLTEwLS4yMlptOS40My0uNjItOC44MS0uMi4wNi0yLjc0YTQuNDEsNC40MSwwLDAsMSw4LjgxLjJaTTU3Ljk0LDU3bDcuODEuMTcsMC0yLjI0YTMuOTEsMy45MSwwLDAsMC0zLjgyLTQsMy45MiwzLjkyLDAsMCwwLTQsMy44MmgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuNzkgMC4xKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYxLjc2LDYwLjY2YTEuNjYsMS42NiwwLDAsMC0xLjI5LDIuNzQsMS4yMiwxLjIyLDAsMCwwLDAsLjE0LDEuMjUsMS4yNSwwLDAsMCwyLjQ5LjA2LDEuMjEsMS4yMSwwLDAsMCwwLS4xNCwxLjY2LDEuNjYsMCwwLDAtMS4xNy0yLjhaTTYyLjEyLDYzdi41M2EuNDIuNDIsMCwxLDEtLjgzLDBWNjNhLjgzLjgzLDAsMSwxLC44MywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuNzkgMC4xKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYxLjcsNjUuMDdoMGExLjUsMS41LDAsMCwxLTEuNDYtMS41M3MwLDAsMC0uMDZhMS45MSwxLjkxLDAsMCwxLDEuNTItMy4wNmgwYTEuOTEsMS45MSwwLDAsMSwxLjQyLDMuMTNzMCwwLDAsLjA2YTEuNSwxLjUsMCwwLDEtMS41LDEuNDZabTAtNC4xNmExLjQxLDEuNDEsMCwwLDAtMS4wNywyLjMzbC4wNy4wOSwwLC4xMWExLDEsMCwwLDAsMCwuMTEsMSwxLDAsMCwwLDEsMSwxLDEsMCwwLDAsLjcxLS4yOCwxLDEsMCwwLDAsLjMxLS43LjUyLjUyLDAsMCwwLDAtLjA3di0uMTJsLjA4LS4xMmExLjQxLDEuNDEsMCwwLDAtMS0yLjM4Wm0wLDMuMzNoMGEuNjcuNjcsMCwwLDEtLjY1LS42OHYtLjRhMS4wOCwxLjA4LDAsMCwxLC42OC0xLjkxaDBhMS4wOCwxLjA4LDAsMCwxLC42MiwxLjk0di40QS42Ny42NywwLDAsMSw2MS43LDY0LjI0Wm0wLTIuNDlhLjU4LjU4LDAsMCwwLS41OC41Ny41Ny41NywwLDAsMCwuMjguNTFsLjEyLjA4di42N2EuMTcuMTcsMCwwLDAsLjE2LjE3Yy4xLDAsLjE3LS4wNy4xNy0uMTZsMC0uNjcuMTMtLjA3YS41Ny41NywwLDAsMCwuMy0uNDkuNTguNTgsMCwwLDAtLjU3LS41OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljc5IDAuMSkiLz48L3N2Zz4=) no-repeat #fff center 0;
    background-size: 64%;
    height: 0;
    padding: 0;
    padding-bottom: 16.5%
}

.errorPageContainer.accountBlocked .accountBlocked__imageContainer {
    margin-bottom: 14px
}

.errorPageContainer.accountBlocked .accountBlocked__imageContainer i {
    font-size: 54px;
    margin: auto;
    display: block;
    text-align: center;
    color: var(--payo-brand-color-cold-gray-600, #8c98ab)
}

.errorPageContainer.alert .alert__imageContainer {
    margin: auto;
    width: 22%;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NSA0OS44MiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM4Yzk4YWI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5ibG9ja2VkPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNy41LDMxLjUyYTEuNjIsMS42MiwwLDAsMS0xLjYyLTEuNjJWMTguMjZhMS42MiwxLjYyLDAsMCwxLDMuMjMsMFYyOS45QTEuNjIsMS42MiwwLDAsMSwyNy41LDMxLjUyWm0xLjEzLDcuODVhMS41NywxLjU3LDAsMCwwLC40OS0xLjEzLDEuNiwxLjYsMCwwLDAtMi43NS0xLjE2LDEuNTksMS41OSwwLDAsMC0uNDgsMS4xNiwxLjUxLDEuNTEsMCwwLDAsLjQ4LDEuMTMsMS42NCwxLjY0LDAsMCwwLDIuMjYsMFptMjUuMjUsNi4zMmE4LjE5LDguMTksMCwwLDAsMC04LjI4TDM0LjY2LDQuMTRhOC4yNyw4LjI3LDAsMCwwLTE0LjMzLDBMMS4xMiwzNy40MUE4LjI3LDguMjcsMCwwLDAsOC4yOSw0OS44Mkg0Ni43MUE4LjE5LDguMTksMCwwLDAsNTMuODgsNDUuNjlabS0yMi0zOS45NEw1MS4wOCwzOWE1LDUsMCwwLDEtNC4zNiw3LjU2SDguMjlBNSw1LDAsMCwxLDMuOTIsMzlMMjMuMTQsNS43NWE1LDUsMCwwLDEsOC43MywwWiIvPjwvc3ZnPg==) no-repeat #fff center 0;
    background-size: 64%;
    height: 0;
    padding: 0;
    padding-bottom: 16.5%
}

.errorPageContainer.incompleteRegistration .incompleteRegistration__imageContainer {
    margin-bottom: 14px
}

.errorPageContainer.incompleteRegistration .incompleteRegistration__imageContainer i {
    color: var(--payo-brand-color-cold-gray-600, #8c98ab);
    font-size: 54px;
    margin: auto;
    display: block;
    text-align: center
}

.myaccount-link-card {
    line-height: 1.3;
    font-size: 16px;
    word-break: break-word;
    cursor: pointer;
    width: 100%;
    min-height: 70px
}

@media(min-width: 691px) {
    .myaccount-link-card {
        width:232px;
        min-height: 188px
    }
}

.myaccount-link-card--rtl .betaIcon {
    padding-right: .625rem;
    right: .75rem
}

@media(max-width: 691px) {
    .myaccount-link-card--rtl .betaIcon {
        right:0
    }
}

@media(min-width: 691px) {
    .myaccount-link-card--rtl.myaccount-link-card .flipper .front main .betaIcon {
        left:unset
    }
}

.myaccount-link-card--with-footer {
    min-height: 110px
}

@media(max-width: 690px) {
    .myaccount-link-card--with-footer div.flipper {
        min-height:110px
    }
}

.myaccount-link-card--with-footer div.flipper .front,.myaccount-link-card--with-footer div.flipper .back {
    min-height: 110px
}

@media(min-width: 691px) {
    .myaccount-link-card--with-footer div.flipper .front,.myaccount-link-card--with-footer div.flipper .back {
        min-height:188px
    }
}

.myaccount-link-card .flipper {
    width: 100%;
    min-height: 70px
}

@media(min-width: 691px) {
    .myaccount-link-card .flipper {
        width:232px;
        min-height: 188px
    }
}

.myaccount-link-card .flipper .front,.myaccount-link-card .flipper .back {
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15)
}

.myaccount-link-card .flipper .front:hover,.myaccount-link-card .flipper .back:hover {
    background-color: var(--brand-color-blue-100)
}

.myaccount-link-card .flipper .front {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.myaccount-link-card .flipper .front main {
    width: 100%;
    min-height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

@media(min-width: 691px) {
    .myaccount-link-card .flipper .front main {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        min-height: unset
    }
}

.myaccount-link-card .flipper .front main .whats-this--mobile,.myaccount-link-card .flipper .front main .whats-this--desktop {
    height: 30px;
    width: 30px;
    color: var(--brand-color-gray-700);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.myaccount-link-card .flipper .front main .whats-this--mobile i,.myaccount-link-card .flipper .front main .whats-this--desktop i {
    font-size: 18px
}

@media(min-width: 691px) {
    .myaccount-link-card .flipper .front main .whats-this--mobile {
        display:none
    }
}

.myaccount-link-card .flipper .front main .whats-this--desktop {
    display: none
}

@media(min-width: 691px) {
    .myaccount-link-card .flipper .front main .whats-this--desktop {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 25px;
        width: 100%;
        padding: 10px 6px 0
    }
}

.myaccount-link-card .flipper .front main .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 31px;
    width: 60px;
    height: 70px
}

@media(min-width: 691px) {
    .myaccount-link-card .flipper .front main .icon {
        width:100%;
        height: 45px
    }
}

.myaccount-link-card .flipper .front main .icon svg {
    fill: var(--brand-color-purple-400);
    font-size: 26px
}

@media(min-width: 691px) {
    .myaccount-link-card .flipper .front main .icon svg {
        font-size:44px
    }
}

.myaccount-link-card .flipper .front main .betaIcon {
    min-width: 46px;
    margin: auto;
    text-align: center;
    padding: 3px 6px;
    font-size: .75rem;
    font-weight: 700;
    background-color: var(--brand-color-red-400, #FF5C3B);
    color: var(--brand-color-white-500, #fff);
    border-radius: 50px
}

@media(min-width: 691px) {
    .myaccount-link-card .flipper .front main .betaIcon {
        position:absolute;
        left: .75rem;
        top: .75rem
    }
}

@media(max-width: 691px) {
    .myaccount-link-card .flipper .front main .betaIcon {
        position:static
    }
}

.myaccount-link-card .flipper .front main .title {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    height: 70px;
    padding: 16px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

@media(min-width: 691px) {
    .myaccount-link-card .flipper .front main .title {
        width:100%;
        height: auto;
        padding: 16px;
        padding-bottom: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-weight: 400;
        text-align: center
    }
}

.myaccount-link-card .flipper .front footer {
    min-height: 40px;
    padding: 6px 16px;
    border-top: 1px solid var(--payo-brand-color-cold-gray-200, #e4e7ed);
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 691px) {
    .myaccount-link-card .flipper .front footer {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.myaccount-link-card .flipper .front footer.no-border {
    border-top: 0
}

.myaccount-link-card .flipper .front footer .footer-text {
    display: none
}

@media(min-width: 691px) {
    .myaccount-link-card .flipper .front footer .footer-text {
        display:inline
    }
}

.myaccount-link-card .flipper .back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.myaccount-link-card .flipper .back i.icon-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 22px;
    width: 30px;
    height: 30px
}

.myaccount-link-card .flipper .back main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    font-size: 14px;
    padding: 16px;
    -webkit-padding-end: 6px;
    padding-inline-end:6px}

@media(min-width: 691px) {
    .myaccount-link-card .flipper .back main {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.myaccount-link-card .flipper .back main .title {
    margin-bottom: 6px;
    -webkit-margin-end: 16px;
    margin-inline-end:16px;font-weight: bold
}

.myaccount-link-card .flipper .back main .description {
    overflow: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-padding-end: 10px;
    padding-inline-end:10px}

@media(max-width: 691px) {
    .myaccount-link-card .flipper .back main .description {
        overflow:hidden
    }
}

.myaccount-link-card .flipper .back main .description::-webkit-scrollbar {
    width: 4px
}

.myaccount-link-card .flipper .back main .description::-webkit-scrollbar-track {
    background-color: var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

.myaccount-link-card .flipper .back main .description::-webkit-scrollbar-thumb {
    background-color: var(--payo-brand-color-cold-gray-600, #8c98ab)
}

.myaccount-long-card {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    color: var(--payo-brand-color-cold-gray-700, #636b78);
    word-break: break-word;
    width: 100%;
    height: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer;
    margin-bottom: 16px
}

.myaccount-long-card:hover:not(.myaccount-long-card--legacy) {
    background-color: var(--payo-brand-color-cold-gray-200, #e4e7ed);
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.15)
}

@media(min-width: 691px) {
    .myaccount-long-card {
        height:100px
    }

    .myaccount-long-card--legacy {
        height: 120px
    }
}

.myaccount-long-card__seperator {
    width: 4px;
    height: 100%;
    background-color: var(--payo-brand-color-primary)
}

.myaccount-long-card__wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 691px) {
    .myaccount-long-card__wrapper {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.myaccount-long-card__text,.myaccount-long-card__action,.myaccount-long-card__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.myaccount-long-card__icon {
    display: none
}

@media(min-width: 691px) {
    .myaccount-long-card__icon {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.myaccount-long-card__icon i {
    font-size: 70px;
    color: var(--payo-brand-color-primary)
}

.myaccount-long-card__text {
    padding: 10px 16px;
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media(min-width: 691px) {
    .myaccount-long-card__text {
        text-align:inherit
    }
}

.myaccount-long-card__text>.title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px
}

.myaccount-long-card__text>.description {
    font-size: 16px
}

.myaccount-long-card__action {
    padding: 20px;
    text-align: center;
    border-top: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7)
}

@media(min-width: 691px) {
    .myaccount-long-card__action {
        border-top:0
    }
}

.myaccount-long-card__action>button {
    min-width: 145px;
    min-height: 34px;
    margin: auto;
    text-transform: uppercase
}

@media(min-width: 691px) {
    .myaccount-long-card__action>button {
        min-width:175px
    }
}

.myaccount-long-card.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.myaccount-long-card.no-margin {
    margin-bottom: 0px
}

.myaccount-dashboard-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(min-width: 691px) {
    .myaccount-dashboard-list {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.myaccount-dashboard-list .myaccount-dashboard-item {
    margin-bottom: 16px
}

@media(min-width: 691px) {
    .myaccount-dashboard-list .myaccount-dashboard-item {
        margin-right:16px
    }
}

@media(min-width: 691px) {
    .myaccount-dashboard-list--rtl>.myaccount-dashboard-item {
        margin-right:0;
        margin-left: 16px
    }
}

.myaccount-dashboard-groups>section {
    margin-top: 23px
}

@media(min-width: 691px) {
    .myaccount-dashboard-groups>section {
        margin-top:19px
    }
}

.myaccount-dashboard-groups>section>header {
    color: var(--brand-color-gray-700);
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: bold
}

.myaccount-dashboard-groups>section:first-child {
    margin-top: 0
}

.language-select .dialog__content>.dialog__title {
    padding: 0 16px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid var(--payo-brand-color-gray-500, #b2b2b2)
}

.language-select-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: -webkit-calc(100dvh - 50px);
    height: calc(100dvh - 50px);
    width: 100%;
    color: var(--brand-color-gray-700, "#252526")
}

@media(min-width: 691px) {
    .language-select-container {
        height:450px;
        width: 550px
    }
}

.language-select-container__search {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 6px 16px;
    font-family: var(--payo-brand-font);
    margin: 16px;
    border: 0;
    border-bottom: 1px solid var(--payo-brand-color-cold-gray-600, #8c98ab);
    padding-bottom: 6px
}

.language-select-container__list {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    padding: 0 10px;
    margin: 0 6px 23px
}

.language-select-container__list::-webkit-scrollbar-track {
    background-color: var(--brand-color-gray-100)
}

.language-select-container__list::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: var(--brand-color-gray-100)
}

.language-select-container__list::-webkit-scrollbar-thumb {
    background-color: var(--brand-color-gray-500)
}

.language-select-container__list-item {
    cursor: pointer;
    border-bottom: 1px solid var(--brand-color-gray-200, #dcdcdc);
    padding: 16px
}

.language-select-container__list-item:hover {
    background-color: var(--brand-color-gray-200, #dcdcdc)
}

.language-select-container__list-item--selected {
    color: var(--brand-color-blue-500, #0075e1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.language-select-container__footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    text-align: center;
    padding: 16px;
    border-top: 1px solid var(--payo-brand-color-gray-500, #b2b2b2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.language-select-container__footer button {
    min-width: 100px;
    margin: 0 8px
}

@media(min-width: 691px) {
    .language-select-container__footer button {
        min-width:145px
    }
}

.payoneer-logo {
    --logo-width: 119px;
    --logo-height: 23px;
    width: var(--logo-width);
    height: var(--logo-height);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcNCiAgICB2ZXJzaW9uPSIxLjEiDQogICAgaWQ9IlBheW9uZWVyX2xvZ28iDQogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KICAgIHZpZXdCb3g9IjAgMCA2MzEuMyAxMjIuNiI+DQogICAgDQogICAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCg0KICAgICAgICBkaXYubG9nb0NpcmNsZSB7DQogICAgICAgICAgICB3aWR0aDogMTAwcHg7DQogICAgICAgICAgICBoZWlnaHQ6IDEwMHB4Ow0KICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlOw0KICAgICAgICAgICAgYmFja2dyb3VuZDogY29uaWMtZ3JhZGllbnQoZnJvbSAyNzBkZWcsICNmZjQ4MDAgMTAlLCAjZGZkOTAyIDM1JSwgIzIwZGM2OCwgIzAwOTJmNCwgI2RhNTRkOCA3MiUgNzUlLCAjZmY0ODAwIDk1JSk7DQogICAgICAgIH0NCiAgICANCiAgICAgICAgcGF0aC5sb2dvVGV4dCB7DQogICAgICAgICAgICBmaWxsOiAjZmZmOw0KICAgICAgICB9DQoNCiAgICA8L3N0eWxlPg0KDQogICAgPGNsaXBQYXRoIGlkPSJjbGlwTG9nbyI+DQogICAgICAgIDxwYXRoIGQ9Ik0gNTAgMCBhIDUwIDUwIDAgMCAxIDAgMTAwIDUwIDUwIDAgMCAxIDAgLTEwMCB2IDEyIGEgMzggMzggMCAwIDAgMCA3NiAzOCAzOCAwIDAgMCAwIC03NiIgLz4NCiAgICA8L2NsaXBQYXRoPg0KDQogICAgPGZvcmVpZ25PYmplY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGNsaXAtcGF0aD0idXJsKCNjbGlwTG9nbykiIHRyYW5zZm9ybT0ic2NhbGUoMS4yMjYpIj4NCiAgICAgICAgPGRpdiBjbGFzcz0ibG9nb0NpcmNsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIC8+DQogICAgPC9mb3JlaWduT2JqZWN0Pg0KDQogICAgPHBhdGggY2xhc3M9ImxvZ29UZXh0IiBkPSJNMTYwLDEwMi4yVjc1LjloMTEuM2MyMS4xLDAsMzMuOC0xMS44LDMzLjgtMjkuNGMwLTE2LjYtMTIuOC0yNi4yLTMxLjMtMjYuMmgtMjcuNHY4MS45SDE2MHogTTE3My4yLDMyLjUNCiAgICAgICAgYzEwLjksMCwxOC4yLDUsMTguMiwxNS42YzAsOS44LTguMiwxNS42LTE4LjksMTUuNkgxNjBWMzIuNUgxNzMuMnogTTM5NC41LDczLjZjMC0xNi45LTEyLjgtMjkuNy0yOS43LTI5LjcNCiAgICAgICAgYy0xNi4zLDAtMjkuNiwxMy4yLTI5LjYsMjkuNWMwLDAuMiwwLDAuMywwLDAuNWMwLDE3LjEsMTIuMywyOS41LDI5LjYsMjkuNWMxNi4yLDAuMiwyOS41LTEyLjcsMjkuNy0yOC45DQogICAgICAgIEMzOTQuNiw3NC4yLDM5NC42LDczLjksMzk0LjUsNzMuNnogTTM0OC4xLDczLjZjMC05LjgsNy4yLTE3LjYsMTYuNy0xNy4zYzEwLjUsMC4zLDE3LDcuNiwxNi44LDE3LjNjLTAuMiw5LjgtNy4zLDE3LjMtMTYuOCwxNy4zDQogICAgICAgIEMzNTUuMyw5MC45LDM0OC4xLDgzLjMsMzQ4LjEsNzMuNnogTTUyMyw3N2MwLjMtMiwwLjQtNCwwLjQtNmMwLTE2LTEyLjItMjcuMi0yNy43LTI3LjJjLTE2LjEtMC4yLTI5LjMsMTIuNy0yOS41LDI4LjgNCiAgICAgICAgYzAsMC4yLDAsMC41LDAsMC43YzAsMTcuNCwxMS42LDMwLDI5LjEsMzBjMTEuOCwwLDIxLjctNS42LDI1LjgtMTMuNEw1MTEsODQuM2MtMi43LDQuNC04LjQsNy40LTE0LjksNy40Yy05LDAtMTUuNC01LjUtMTYuNy0xNC44DQogICAgICAgIEw1MjMsNzd6IE00ODAuMyw2Ny4xYzEuNy03LjYsNy4zLTEyLjIsMTUuMS0xMi4yYzcuOSwwLDEzLjksNSwxNC42LDEyLjJINDgwLjN6IE0zMjAuOSw0NC45bC0xNS44LDQwLjhMMjkxLDQ0LjloLTE0LjhsMjEuMiw1Ny4zDQogICAgICAgIGwtOC44LDIwLjFoMTRsMzIuMy03Ny40TDMyMC45LDQ0Ljl6IE02MzAuOSw0NS4yYy0xLjgtMC41LTMuNy0wLjgtNS42LTAuN2MtNS42LDAtMTEuOSwzLjItMTQuNiw4LjdWNDVoLTEyLjl2NTcuM2gxMi45VjcxLjYNCiAgICAgICAgYzAtMTAuNiw3LjEtMTUsMTQuNC0xNWMxLjksMCwzLjksMC4yLDUuNywwLjZDNjMwLjgsNTcuMyw2MzAuOSw0NS4yLDYzMC45LDQ1LjJ6IE01ODguMyw3N2MwLjMtMiwwLjQtNCwwLjQtNg0KICAgICAgICBjMC0xNi0xMi4yLTI3LjItMjcuNy0yNy4yYy0xNi4xLTAuMi0yOS4zLDEyLjctMjkuNSwyOC44YzAsMC4yLDAsMC41LDAsMC43YzAsMTcuNCwxMS42LDMwLDI5LjEsMzBjMTEuOCwwLDIxLjctNS42LDI1LjgtMTMuNA0KICAgICAgICBsLTEwLjEtNS42Yy0yLjcsNC40LTguNCw3LjQtMTQuOSw3LjRjLTksMC0xNS40LTUuNS0xNi43LTE0LjhMNTg4LjMsNzd6IE01NDUuNSw2Ny4xYzEuNy03LjYsNy4zLTEyLjIsMTUuMS0xMi4yDQogICAgICAgIGM3LjksMCwxMy45LDUsMTQuNiwxMi4ySDU0NS41eiBNMjU1LjcsNzMuNWMwLjIsOS44LTcuNSwxNy45LTE3LjMsMTguMmMtMC4zLDAtMC41LDAtMC44LDBjLTEwLDAtMTYuNy03LjgtMTYuNy0xOC4yDQogICAgICAgIGMwLjEtOS45LDgtMTcuOSwxNy45LTE4QzI0OC45LDU1LjQsMjU1LjcsNjMuMiwyNTUuNyw3My41TDI1NS43LDczLjV6IE00NTcuNSw2OS42YzAtMTYtNy44LTI1LjctMjIuNC0yNS43DQogICAgICAgIGMtNy43LDAtMTQuOCwzLjMtMTguNyw4LjVWNDVoLTEzdjU3LjNoMTNWNzEuMmMwLTkuNiw2LjktMTUuNywxNS4yLTE1LjdjOC4zLDAsMTIuNyw1LjYsMTIuNywxNS4xdjMxLjdoMTMuMkw0NTcuNSw2OS42TDQ1Ny41LDY5LjYNCiAgICAgICAgeiBNMjU1LjcsNDQuOXY3LjRjLTMuOC01LTkuOS04LjUtMTktOC41Yy0xNS44LDAtMjksMTQtMjksMzAuNWMwLDE2LjYsMTEuMywyOSwyNi42LDI5YzkuOSwwLDE3LjMtMy41LDIxLjUtOS40djguM2gxMi44VjQ0LjkNCiAgICAgICAgSDI1NS43eiIvPg0KDQo8L3N2Zz4NCg==);
    background-repeat: no-repeat;
    background-size: cover
}

.link-item__notification-badge {
    margin-bottom: 13.5px
}

.link-item__notification-badge span {
    -webkit-margin-start: 0;
    margin-inline-start:0}

.new-badge {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 20px;
    padding: 1px 6.5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50px;
    background: var(--brand-color-red-400);
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    font-style: normal;
    margin-left: auto
}

.myaccount-layout {
    position: relative;
    height: 100vh;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.myaccount-layout--rtl {
    direction: rtl
}

.myaccount-layout .myaccount-layout__navbar {
    --ma-navbar-width-mobile: 100%;
    --ma-navbar-width-tablet: 320px;
    --ma-navbar-width-desktop: 200px;
    --ma-navbar-padding-inline: 8px;
    --ma-navbar-gap: 4px;
    --ma-navbar-position-mobile: fixed;
    --ma-navbar-top-mobile: 0;
    --ma-navbar-position-desktop: static;
    --ma-navbar-position: var(--ma-navbar-position-mobile);
    --ma-navbar-item-bg-color: transparent;
    --ma-navbar-item-hover-bg-color: rgba(239, 239, 239, 0.15);
    --ma-navbar-item-active-bg-color: rgba(239, 239, 239, 0.2);
    --ma-navbar-item-height: 46px;
    --ma-navbar-item-border-radius: 6px;
    --ma-navbar-item-padding: 8px 13px;
    --ma-navbar-item-text-color: #fff;
    --ma-navbar-width: 100%;
    --ma-navbar-font-size: 14px;
    z-index: 100;
    background-color: var(--brand-color-gray-700);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    position: var(--ma-navbar-position);
    top: 0;
    width: var(--ma-navbar-width);
    left: -100%;
    height: 100%;
    padding-inline:var(--ma-navbar-padding-inline);display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto
}

.myaccount-layout .myaccount-layout__navbar::-webkit-scrollbar-track {
    background-color: var(--brand-color-gray-100)
}

.myaccount-layout .myaccount-layout__navbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: var(--brand-color-gray-100)
}

.myaccount-layout .myaccount-layout__navbar::-webkit-scrollbar-thumb {
    background-color: var(--brand-color-gray-500)
}

.myaccount-layout .myaccount-layout__navbar>main {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.myaccount-layout .myaccount-layout__navbar>footer {
    padding: 16px;
    color: #fff;
    font-size: 12px;
    overflow-wrap: break-word
}

.myaccount-layout .myaccount-layout__navbar>footer .title {
    margin-bottom: 10px
}

.myaccount-layout .myaccount-layout__navbar>footer .title a {
    line-height: 1.4;
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.myaccount-layout .myaccount-layout__navbar>footer .title a:hover {
    text-decoration: underline
}

.myaccount-layout .myaccount-layout__navbar>footer .title .separator {
    margin: 0 5px
}

.myaccount-layout .myaccount-layout__navbar>footer .text {
    line-height: 1.5
}

.myaccount-layout .myaccount-layout__navbar--rtl {
    left: auto;
    right: -100%
}

@media(min-width: 690px) {
    .myaccount-layout .myaccount-layout__navbar>main {
        padding-top:initial
    }
}

@media(min-width: 691px) {
    .myaccount-layout .myaccount-layout__navbar {
        --ma-navbar-width: 320px;
        left: -320px
    }

    .myaccount-layout .myaccount-layout__navbar--rtl {
        left: auto;
        right: -320px
    }
}

@media(min-width: 992px) {
    .myaccount-layout .myaccount-layout__navbar {
        --ma-navbar-width: 200px;
        left: -200px
    }

    .myaccount-layout .myaccount-layout__navbar--rtl {
        left: auto;
        right: -200px
    }

    .myaccount-layout .myaccount-layout__navbar .user-details-new {
        display: none
    }
}

@media(min-width: 1260px) {
    .myaccount-layout .myaccount-layout__navbar {
        --ma-navbar-position: var(--ma-navbar-position-desktop);
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.myaccount-layout .myaccount-layout__navbar--open {
    left: 0
}

.myaccount-layout .myaccount-layout__navbar--rtl--open {
    left: auto;
    right: 0
}

.myaccount-layout .myaccount-layout__navbar .myaccount-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px;
    width: 100%;
    background-color: var(--brand-color-gray-700);
    z-index: 1
}

@media(min-width: 690px) {
    .myaccount-layout .myaccount-layout__navbar .myaccount-logo {
        height:62px;
        position: initial;
        width: initial
    }
}

@media(min-width: 992px)and (max-width: 1260px) {
    .myaccount-layout .myaccount-layout__navbar .myaccount-logo {
        -webkit-padding-end:8px;
        padding-inline-end:8px}
}

@media(min-width: 1260px) {
    .myaccount-layout .myaccount-layout__navbar .myaccount-logo {
        height:auto;
        padding: 16px 20px 32px 20px
    }
}

.myaccount-layout .myaccount-layout__navbar .myaccount-logo__start,.myaccount-layout .myaccount-layout__navbar .myaccount-logo__end {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 1260px) {
    .myaccount-layout .myaccount-layout__navbar .myaccount-logo__start .icon-close__new,.myaccount-layout .myaccount-layout__navbar .myaccount-logo__start .sep {
        display:none
    }
}

.myaccount-layout .myaccount-layout__navbar .myaccount-logo__start .sep {
    width: 16px;
    height: 100%
}

.myaccount-layout .myaccount-layout__navbar .myaccount-logo__start .icon-close__new {
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    height: 22px;
    line-height: 22px
}

.myaccount-layout .myaccount-layout__navbar .myaccount-logo__start .icon-close__new::before {
    font-weight: 700
}

.myaccount-layout .myaccount-layout__navbar .myaccount-logo__start .payoneer-logo,.myaccount-layout .myaccount-layout__navbar .myaccount-logo__start .icon-close__new {
    cursor: pointer;
    text-align: center
}

@media(min-width: 992px) {
    .myaccount-layout .myaccount-layout__navbar .myaccount-logo__start {
        width:100%
    }
}

.myaccount-layout .myaccount-layout__navbar .myaccount-logo__end i::after {
    content: "";
    display: inline-block;
    width: 18px
}

.myaccount-layout .myaccount-layout__navbar .myaccount-logo__end svg {
    color: #fff
}

@media(min-width: 992px) {
    .myaccount-layout .myaccount-layout__navbar .myaccount-logo__end {
        display:none
    }
}

.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item {
    position: relative
}

.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item>.link-item,.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .drop-down-item__title,.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .signout-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--ma-navbar-item-height);
    color: var(--ma-navbar-item-text-color);
    text-decoration: none;
    font-weight: 500;
    padding: var(--ma-navbar-item-padding);
    cursor: pointer;
    background-color: var(--ma-navbar-item-bg-color);
    border-radius: var(--ma-navbar-item-border-radius);
    -webkit-margin-after: var(--ma-navbar-gap);
    margin-block-end:var(--ma-navbar-gap)}

.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item>.link-item i,.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item>.link-item svg,.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .drop-down-item__title i,.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .drop-down-item__title svg,.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .signout-item i,.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .signout-item svg {
    fill: var(--ma-navbar-item-text-color)
}

.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item>.link-item .text,.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .drop-down-item__title .text,.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .signout-item .text {
    -webkit-margin-start: 8px;
    margin-inline-start:8px;-webkit-margin-end: 3px;
    margin-inline-end:3px;line-height: 1.3;
    font-size: var(--ma-navbar-font-size)
}

.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item>.link-item:hover:not(.nav-item--active),.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .drop-down-item__title:hover:not(.nav-item--active),.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .signout-item:hover:not(.nav-item--active) {
    --ma-navbar-item-bg-color: var(--ma-navbar-item-hover-bg-color)
}

.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item--active:not(.nav-item--dropdown) {
    --ma-navbar-item-bg-color: var(--ma-navbar-item-active-bg-color);
    font-weight: 600;
    padding: 0
}

.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .active-border {
    position: absolute
}

.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .drop-down-item__dropdown .link-item,.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .drop-down-item__dropdown .active-border {
    --ma-navbar-item-height: 38px;
    --ma-navbar-gap: 0;
    background-color: var(--ma-navbar-dropdown-items-bg-color);
    padding-inline:var(--ma-navbar-item-padding);padding-block: 0px
}

.myaccount-layout .myaccount-layout__navbar .nav-list .nav-item .drop-down-item--open .drop-down-item__dropdown {
    padding-block:8px}

.myaccount-layout .myaccount-layout__navbar .nav-list .link-item__notification-badge {
    margin-bottom: 13.5px
}

.myaccount-layout .myaccount-layout__navbar .nav-list .link-item__notification-badge span {
    -webkit-margin-start: 0;
    margin-inline-start:0}

.myaccount-layout .myaccount-layout__navbar .nav-list .new-badge {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 20px;
    padding: 1px 6.5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50px;
    background: var(--brand-color-red-400);
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    font-style: normal;
    margin-left: auto
}

.myaccount-layout .myaccount-layout__navbar .nav-list .drop-down-item {
    --ma-navbar-dropdown-items-bg-color: #191919;
    --ma-navbar-dropdown-item-bg-color: inherit;
    --ma-navbar-dropdown-item-hover-bg-color: var(--ma-navbar-item-hover-bg-color);
    --ma-navbar-dropdown-item-active-bg-color: var(--ma-navbar-item-active-bg-color)
}

.myaccount-layout .myaccount-layout__navbar .nav-list .drop-down-item__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.myaccount-layout .myaccount-layout__navbar .nav-list .drop-down-item__dropdown {
    background-color: var(--ma-navbar-dropdown-items-bg-color);
    border-radius: var(--ma-navbar-item-border-radius);
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.myaccount-layout .myaccount-layout__navbar .nav-list .drop-down-item__dropdown .nav-item {
    margin-bottom: 0;
    border-radius: 0;
    --ma-navbar-dropdown-items-bg-color: var(--ma-navbar-dropdown-items-bg-color);
    margin-inline:var(--ma-navbar-padding-inline);-webkit-margin-after: 0;
    margin-block-end:0}

.myaccount-layout .myaccount-layout__navbar .nav-list .drop-down-item__dropdown .nav-item:hover {
    background-color: var(--ma-navbar-dropdown-item-hover-bg-color);
    border-radius: var(--ma-navbar-item-border-radius)
}

.myaccount-layout .myaccount-layout__navbar .nav-list .drop-down-item__dropdown .nav-item--active:not(.nav-item--dropdown) {
    background-color: var(--ma-navbar-dropdown-item-active-bg-color);
    border-radius: var(--ma-navbar-item-border-radius);
    margin-inline:var(--ma-navbar-padding-inline)}

.myaccount-layout .myaccount-layout__navbar .nav-list .drop-down-item__ic-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.myaccount-layout .myaccount-layout__navbar .nav-list .drop-down-item--open .drop-down-item__title .icon-angle-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.myaccount-layout .myaccount-layout__navbar .nav-list .drop-down-item--open .drop-down-item__dropdown {
    max-height: 528px
}

.myaccount-layout .myaccount-layout__navbar .nav-list .signout-item {
    color: currentColor
}

.myaccount-layout .myaccount-layout__navbar .nav-list .signout-item svg {
    fill: currentColor
}

@media(min-width: 691px) {
    .myaccount-layout .myaccount-layout__navbar .nav-list .separated-link {
        margin-top:60px
    }
}

.myaccount-layout .mobile-nav-cover-new {
    display: none
}

@media(min-width: 691px) {
    .myaccount-layout .mobile-nav-cover-new {
        display:block;
        position: fixed;
        z-index: 5;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 1;
        -webkit-transition: opacity .3s linear;
        transition: opacity .3s linear;
        -webkit-transition: display .3s linear;
        transition: display .3s linear;
        background-color: rgba(241,243,247,.5);
        cursor: pointer
    }

    .myaccount-layout .mobile-nav-cover-new--close {
        opacity: 0;
        display: none
    }
}

@media(min-width: 1260px) {
    .myaccount-layout .mobile-nav-cover-new {
        display:none
    }
}

.myaccount-layout .myaccount-layout__main {
    z-index: 4;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.myaccount-layout .myaccount-layout__main .main-header-container {
    min-height: 50px
}

@media(min-width: 691px) {
    .myaccount-layout .myaccount-layout__main .main-header-container {
        min-height:50px
    }
}

.myaccount-layout .myaccount-layout__main .main-modules-container {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto;
    margin: 0
}

.myaccount-layout .myaccount-layout__main .main-modules-container::-webkit-scrollbar-track {
    background-color: var(--brand-color-gray-100)
}

.myaccount-layout .myaccount-layout__main .main-modules-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: var(--brand-color-gray-100)
}

.myaccount-layout .myaccount-layout__main .main-modules-container::-webkit-scrollbar-thumb {
    background-color: var(--brand-color-gray-500)
}

@media(min-width: 691px) {
    .myaccount-layout .myaccount-layout__main .main-modules-container {
        padding:0 2.5% 16px
    }
}

@media(min-width: 1921px) {
    .myaccount-layout .myaccount-layout__main .main-modules-container {
        padding-left:-webkit-calc((100% - 1624px)/2);
        padding-left: calc((100% - 1624px)/2);
        padding-right: -webkit-calc((100% - 1624px)/2);
        padding-right: calc((100% - 1624px)/2)
    }
}

.myaccount-layout .myaccount-layout__main--no-padding .main-modules-container {
    margin: 0
}

.myaccount-layout .myaccount-layout__main--plugin-modal {
    z-index: auto
}

@media(max-width: 691px) {
    .myaccount-layout .myaccount-layout__main--plugin-modal .main-header-container {
        display:none
    }
}

.myaccount-layout .myaccount-layout__right-pane {
    font-size: 16px;
    font-family: var(--payo-brand-font);
    border-left: 1px solid #dcdcdc;
    background-color: var(--brand-color-white-500);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.myaccount-layout .myaccount-layout__right-pane--rtl {
    right: auto;
    left: -100%
}

@media(min-width: 691px) {
    .myaccount-layout .myaccount-layout__right-pane {
        width:300px;
        right: -300px
    }

    .myaccount-layout .myaccount-layout__right-pane--rtl {
        right: auto;
        left: -300px
    }
}

@media(min-width: 992px) {
    .myaccount-layout .myaccount-layout__right-pane {
        -webkit-flex-shrink:0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        height: 100%;
        position: static;
        width: 300px
    }

    .myaccount-layout .myaccount-layout__right-pane--close {
        position: fixed;
        right: -100%
    }
}

.myaccount-layout .myaccount-layout__right-pane--open {
    right: 0
}

.myaccount-layout .myaccount-layout__right-pane--rtl--open {
    right: auto;
    left: 0
}

.myaccount-layout .myaccount-layout__right-pane .RoleManagement-pane-div {
    -webkit-margin-end: 25px;
    margin-inline-end:25px;max-width: 66%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.myaccount-layout .myaccount-layout__right-pane .right-pane-actions {
    color: var(--brand-color-gray-700);
    height: 50px;
    position: relative
}

@media(min-width: 992px) {
    .myaccount-layout .myaccount-layout__right-pane .right-pane-actions {
        height:70px
    }
}

.myaccount-layout .myaccount-layout__right-pane .right-pane-actions__start {
    width: 100%;
    text-align: center;
    font-weight: 700;
    line-height: 50px;
    font-size: 20px
}

.myaccount-layout .myaccount-layout__right-pane .right-pane-actions__end {
    position: absolute;
    top: 12px;
    right: 14px
}

.myaccount-layout .myaccount-layout__right-pane .right-pane-actions__end--rtl {
    right: unset;
    left: 14px
}

.myaccount-layout .myaccount-layout__right-pane .right-pane-actions .icon-close {
    color: var(--brand-color-gray-700);
    font-size: 24px;
    display: block
}

@media(min-width: 992px) {
    .myaccount-layout .myaccount-layout__right-pane .right-pane-actions .icon-close {
        display:none
    }
}

.myaccount-layout .myaccount-layout__right-pane .user-details {
    color: var(--brand-color-gray-700);
    font-size: 16px;
    text-align: center;
    padding: 0 16px;
    margin-top: 50px
}

.myaccount-layout .myaccount-layout__right-pane .user-details .user-details-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.myaccount-layout .myaccount-layout__right-pane .user-details .user-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    margin: 0 auto 25px auto;
    background-color: var(--brand-color-blueberry-600);
    border-radius: 50%;
    color: var(--brand-color-white-500);
    font-size: 20px
}

.myaccount-layout .myaccount-layout__right-pane .user-details .customer-id,.myaccount-layout .myaccount-layout__right-pane .user-details .last-login {
    font-size: 16px;
    color: var(--brand-color-gray-600);
    line-height: 1.5
}

.myaccount-layout .myaccount-layout__right-pane .user-details .edit-profile {
    display: inline-block
}

.myaccount-layout .myaccount-layout__right-pane .user-details .user-details-icon,.myaccount-layout .myaccount-layout__right-pane .user-details .edit-profile {
    margin-bottom: 23px;
    line-height: 18px
}

.myaccount-layout .myaccount-layout__right-pane .user-details .user-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 26px;
    font-size: 20px;
    font-weight: 700
}

.myaccount-layout .myaccount-layout__right-pane .user-details .user-name.user-company {
    font-size: 16px;
    color: var(--brand-color-gray-700);
    line-height: normal
}

.myaccount-layout .myaccount-layout__right-pane .user-details .user-name,.myaccount-layout .myaccount-layout__right-pane .user-details .last-login,.myaccount-layout .myaccount-layout__right-pane .user-details .customer-id {
    margin-bottom: 4px
}

.myaccount-layout .myaccount-layout__right-pane .user-contacts {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow-y: auto;
    font-size: 16px;
    color: var(--brand-color-gray-700);
    width: 100%
}

@media(min-width: 992px) {
    .myaccount-layout .myaccount-layout__right-pane .user-contacts::-webkit-scrollbar-track {
        background-color:var(--brand-color-gray-100)
    }

    .myaccount-layout .myaccount-layout__right-pane .user-contacts::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background-color: var(--brand-color-gray-100)
    }

    .myaccount-layout .myaccount-layout__right-pane .user-contacts::-webkit-scrollbar-thumb {
        background-color: var(--brand-color-gray-500)
    }
}

.myaccount-layout .myaccount-layout__right-pane .user-contacts__container {
    text-align: center;
    word-break: break-word;
    font-size: 14px;
    padding-top: 23px
}

.myaccount-layout .myaccount-layout__right-pane .user-contacts__container .customer-care {
    font-size: 16px;
    margin-bottom: 20px;
    display: inline-block
}

.myaccount-layout .myaccount-layout__right-pane .user-contacts__container .customer-care:hover {
    color: var(--brand-color-blue-600)
}

.myaccount-layout .myaccount-layout__right-pane .right-pane-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.myaccount-layout .myaccount-layout__right-pane .right-pane-footer>a {
    margin: 0px 5px 16px 5px
}

.myaccount-layout .myaccount-layout__right-pane .right-pane-footer .app-store,.myaccount-layout .myaccount-layout__right-pane .right-pane-footer .google-play {
    width: 121px;
    height: 34px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    cursor: pointer
}

@media(min-width: 690px) {
    .myaccount-layout .myaccount-layout__right-pane .right-pane-footer .android-apk-link {
        display:none
    }
}

.myaccount-layout .myaccount-layout__main {
    background-color: var(--payo-brand-color-white)
}

.myaccount-layout .myaccount-layout__main--full-screen-modal-open,.myaccount-layout .myaccount-layout__main--full-screen-modal-close {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

@media(min-width: 992px) {
    .myaccount-layout .myaccount-layout__main--full-screen-modal-open,.myaccount-layout .myaccount-layout__main--full-screen-modal-close {
        left:0;
        width: 100%
    }
}

@media(min-width: 1260px) {
    .myaccount-layout .myaccount-layout__main--full-screen-modal-open,.myaccount-layout .myaccount-layout__main--full-screen-modal-close {
        left:200px;
        width: -webkit-calc(100% - 200px);
        width: calc(100% - 200px)
    }
}

@media(min-width: 1921px) {
    .myaccount-layout .myaccount-layout__main--full-screen-modal-open,.myaccount-layout .myaccount-layout__main--full-screen-modal-close {
        left:-webkit-calc(200px + (100% - 200px - 1384px) / 2);
        left: calc(200px + (100% - 200px - 1384px) / 2);
        width: 1624px
    }
}

.myaccount-layout .myaccount-layout__main--full-screen-modal-open {
    -webkit-animation: MainFSMAnimationOutMobile 500ms forwards ease-out;
    animation: MainFSMAnimationOutMobile 500ms forwards ease-out
}

@media(min-width: 691px) {
    .myaccount-layout .myaccount-layout__main--full-screen-modal-open {
        animation:none;
        -webkit-animation: MainFSMAnimationOut 500ms forwards ease-out;
        animation: MainFSMAnimationOut 500ms forwards ease-out
    }
}

.myaccount-layout .myaccount-layout__main--full-screen-modal-close {
    -webkit-animation: MainFSMAnimationInMobile 500ms forwards ease-out;
    animation: MainFSMAnimationInMobile 500ms forwards ease-out
}

@media(min-width: 691px) {
    .myaccount-layout .myaccount-layout__main--full-screen-modal-close {
        animation:none;
        -webkit-animation: MainFSMAnimationIn 500ms forwards ease-out;
        animation: MainFSMAnimationIn 500ms forwards ease-out
    }
}

@media(min-width: 1260px) {
    .myaccount-layout .myaccount-layout__navbar--full-screen-modal-open,.myaccount-layout .myaccount-layout__navbar--full-screen-modal-close {
        -webkit-transition:none;
        transition: none;
        position: fixed;
        top: 0
    }

    .myaccount-layout .myaccount-layout__navbar--full-screen-modal-open {
        -webkit-animation: NavbarFSMAnimationOut 500ms forwards ease-out;
        animation: NavbarFSMAnimationOut 500ms forwards ease-out
    }

    .myaccount-layout .myaccount-layout__navbar--full-screen-modal-close {
        -webkit-animation: NavbarFSMAnimationIn 500ms forwards ease-out;
        animation: NavbarFSMAnimationIn 500ms forwards ease-out
    }
}

@media(min-width: 992px) {
    .myaccount-layout .myaccount-layout__right-pane--full-screen-modal-open,.myaccount-layout .myaccount-layout__right-pane--full-screen-modal-close {
        -webkit-animation:none;
        animation: none;
        position: fixed;
        top: 0
    }

    .myaccount-layout .myaccount-layout__right-pane--full-screen-modal-open {
        -webkit-animation: SidebarFSMAnimationOut 500ms forwards ease-out;
        animation: SidebarFSMAnimationOut 500ms forwards ease-out
    }

    .myaccount-layout .myaccount-layout__right-pane--full-screen-modal-close {
        -webkit-animation: SidebarFSMAnimationIn 500ms forwards ease-out;
        animation: SidebarFSMAnimationIn 500ms forwards ease-out
    }
}

.myaccount-layout .myaccount-layout__main.myaccount-layout__main--rtl--full-screen-modal-open {
    -webkit-animation: MainFSMAnimationOutMobileRtl 500ms forwards ease-out;
    animation: MainFSMAnimationOutMobileRtl 500ms forwards ease-out
}

@media(min-width: 691px) {
    .myaccount-layout .myaccount-layout__main.myaccount-layout__main--rtl--full-screen-modal-open {
        -webkit-animation:MainFSMAnimationOut 500ms forwards ease-out;
        animation: MainFSMAnimationOut 500ms forwards ease-out
    }
}

.myaccount-layout .myaccount-layout__main.myaccount-layout__main--rtl--full-screen-modal-close {
    -webkit-animation: MainFSMAnimationInMobileRtl 500ms forwards ease-out;
    animation: MainFSMAnimationInMobileRtl 500ms forwards ease-out
}

@media(min-width: 691px) {
    .myaccount-layout .myaccount-layout__main.myaccount-layout__main--rtl--full-screen-modal-close {
        -webkit-animation:MainFSMAnimationIn 500ms forwards ease-out;
        animation: MainFSMAnimationIn 500ms forwards ease-out
    }
}

@media(min-width: 1260px) {
    .myaccount-layout .myaccount-layout__navbar.myaccount-layout__navbar--rtl--full-screen-modal-open {
        -webkit-animation:NavbarFSMAnimationOutRtl 500ms forwards ease-out;
        animation: NavbarFSMAnimationOutRtl 500ms forwards ease-out
    }

    .myaccount-layout .myaccount-layout__navbar.myaccount-layout__navbar--rtl--full-screen-modal-close {
        -webkit-animation: NavbarFSMAnimationInRtl 500ms forwards ease-out;
        animation: NavbarFSMAnimationInRtl 500ms forwards ease-out
    }
}

@media(min-width: 992px) {
    .myaccount-layout .myaccount-layout__right-pane.myaccount-layout__right-pane--rtl--full-screen-modal-open {
        -webkit-animation:SidebarFSMAnimationOutRtl 500ms forwards ease-out;
        animation: SidebarFSMAnimationOutRtl 500ms forwards ease-out
    }

    .myaccount-layout .myaccount-layout__right-pane.myaccount-layout__right-pane--rtl--full-screen-modal-close {
        -webkit-animation: SidebarFSMAnimationInRtl 500ms forwards ease-out;
        animation: SidebarFSMAnimationInRtl 500ms forwards ease-out
    }
}

.myaccount-restricted-layout {
    position: relative;
    height: 67px;
    border-bottom: 1px solid var(--payo-brand-color-cold-gray-200, #e4e7ed)
}

.myaccount-restricted-layout__logo {
    display: block;
    width: 100px;
    height: 55px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcNCiAgICB2ZXJzaW9uPSIxLjEiDQogICAgaWQ9IlBheW9uZWVyX2xvZ28iDQogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIg0KICAgIHZpZXdCb3g9IjAgMCA2MzEuMyAxMjIuNiI+DQogICAgDQogICAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCg0KICAgICAgICBkaXYubG9nb0NpcmNsZSB7DQogICAgICAgICAgICB3aWR0aDogMTAwcHg7DQogICAgICAgICAgICBoZWlnaHQ6IDEwMHB4Ow0KICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlOw0KICAgICAgICAgICAgYmFja2dyb3VuZDogY29uaWMtZ3JhZGllbnQoZnJvbSAyNzBkZWcsICNmZjQ4MDAgMTAlLCAjZGZkOTAyIDM1JSwgIzIwZGM2OCwgIzAwOTJmNCwgI2RhNTRkOCA3MiUgNzUlLCAjZmY0ODAwIDk1JSk7DQogICAgICAgIH0NCiAgICANCiAgICAgICAgcGF0aC5sb2dvVGV4dCB7DQogICAgICAgICAgICBmaWxsOiAjMjUyNTI2Ow0KICAgICAgICB9DQoNCiAgICA8L3N0eWxlPg0KDQogICAgPGNsaXBQYXRoIGlkPSJjbGlwTG9nbyI+DQogICAgICAgIDxwYXRoIGQ9Ik0gNTAgMCBhIDUwIDUwIDAgMCAxIDAgMTAwIDUwIDUwIDAgMCAxIDAgLTEwMCB2IDEyIGEgMzggMzggMCAwIDAgMCA3NiAzOCAzOCAwIDAgMCAwIC03NiIgLz4NCiAgICA8L2NsaXBQYXRoPg0KDQogICAgPGZvcmVpZ25PYmplY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGNsaXAtcGF0aD0idXJsKCNjbGlwTG9nbykiIHRyYW5zZm9ybT0ic2NhbGUoMS4yMjYpIj4NCiAgICAgICAgPGRpdiBjbGFzcz0ibG9nb0NpcmNsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIC8+DQogICAgPC9mb3JlaWduT2JqZWN0Pg0KDQogICAgPHBhdGggY2xhc3M9ImxvZ29UZXh0IiBkPSJNMTYwLDEwMi4yVjc1LjloMTEuM2MyMS4xLDAsMzMuOC0xMS44LDMzLjgtMjkuNGMwLTE2LjYtMTIuOC0yNi4yLTMxLjMtMjYuMmgtMjcuNHY4MS45SDE2MHogTTE3My4yLDMyLjUNCiAgICAgICAgYzEwLjksMCwxOC4yLDUsMTguMiwxNS42YzAsOS44LTguMiwxNS42LTE4LjksMTUuNkgxNjBWMzIuNUgxNzMuMnogTTM5NC41LDczLjZjMC0xNi45LTEyLjgtMjkuNy0yOS43LTI5LjcNCiAgICAgICAgYy0xNi4zLDAtMjkuNiwxMy4yLTI5LjYsMjkuNWMwLDAuMiwwLDAuMywwLDAuNWMwLDE3LjEsMTIuMywyOS41LDI5LjYsMjkuNWMxNi4yLDAuMiwyOS41LTEyLjcsMjkuNy0yOC45DQogICAgICAgIEMzOTQuNiw3NC4yLDM5NC42LDczLjksMzk0LjUsNzMuNnogTTM0OC4xLDczLjZjMC05LjgsNy4yLTE3LjYsMTYuNy0xNy4zYzEwLjUsMC4zLDE3LDcuNiwxNi44LDE3LjNjLTAuMiw5LjgtNy4zLDE3LjMtMTYuOCwxNy4zDQogICAgICAgIEMzNTUuMyw5MC45LDM0OC4xLDgzLjMsMzQ4LjEsNzMuNnogTTUyMyw3N2MwLjMtMiwwLjQtNCwwLjQtNmMwLTE2LTEyLjItMjcuMi0yNy43LTI3LjJjLTE2LjEtMC4yLTI5LjMsMTIuNy0yOS41LDI4LjgNCiAgICAgICAgYzAsMC4yLDAsMC41LDAsMC43YzAsMTcuNCwxMS42LDMwLDI5LjEsMzBjMTEuOCwwLDIxLjctNS42LDI1LjgtMTMuNEw1MTEsODQuM2MtMi43LDQuNC04LjQsNy40LTE0LjksNy40Yy05LDAtMTUuNC01LjUtMTYuNy0xNC44DQogICAgICAgIEw1MjMsNzd6IE00ODAuMyw2Ny4xYzEuNy03LjYsNy4zLTEyLjIsMTUuMS0xMi4yYzcuOSwwLDEzLjksNSwxNC42LDEyLjJINDgwLjN6IE0zMjAuOSw0NC45bC0xNS44LDQwLjhMMjkxLDQ0LjloLTE0LjhsMjEuMiw1Ny4zDQogICAgICAgIGwtOC44LDIwLjFoMTRsMzIuMy03Ny40TDMyMC45LDQ0Ljl6IE02MzAuOSw0NS4yYy0xLjgtMC41LTMuNy0wLjgtNS42LTAuN2MtNS42LDAtMTEuOSwzLjItMTQuNiw4LjdWNDVoLTEyLjl2NTcuM2gxMi45VjcxLjYNCiAgICAgICAgYzAtMTAuNiw3LjEtMTUsMTQuNC0xNWMxLjksMCwzLjksMC4yLDUuNywwLjZDNjMwLjgsNTcuMyw2MzAuOSw0NS4yLDYzMC45LDQ1LjJ6IE01ODguMyw3N2MwLjMtMiwwLjQtNCwwLjQtNg0KICAgICAgICBjMC0xNi0xMi4yLTI3LjItMjcuNy0yNy4yYy0xNi4xLTAuMi0yOS4zLDEyLjctMjkuNSwyOC44YzAsMC4yLDAsMC41LDAsMC43YzAsMTcuNCwxMS42LDMwLDI5LjEsMzBjMTEuOCwwLDIxLjctNS42LDI1LjgtMTMuNA0KICAgICAgICBsLTEwLjEtNS42Yy0yLjcsNC40LTguNCw3LjQtMTQuOSw3LjRjLTksMC0xNS40LTUuNS0xNi43LTE0LjhMNTg4LjMsNzd6IE01NDUuNSw2Ny4xYzEuNy03LjYsNy4zLTEyLjIsMTUuMS0xMi4yDQogICAgICAgIGM3LjksMCwxMy45LDUsMTQuNiwxMi4ySDU0NS41eiBNMjU1LjcsNzMuNWMwLjIsOS44LTcuNSwxNy45LTE3LjMsMTguMmMtMC4zLDAtMC41LDAtMC44LDBjLTEwLDAtMTYuNy03LjgtMTYuNy0xOC4yDQogICAgICAgIGMwLjEtOS45LDgtMTcuOSwxNy45LTE4QzI0OC45LDU1LjQsMjU1LjcsNjMuMiwyNTUuNyw3My41TDI1NS43LDczLjV6IE00NTcuNSw2OS42YzAtMTYtNy44LTI1LjctMjIuNC0yNS43DQogICAgICAgIGMtNy43LDAtMTQuOCwzLjMtMTguNyw4LjVWNDVoLTEzdjU3LjNoMTNWNzEuMmMwLTkuNiw2LjktMTUuNywxNS4yLTE1LjdjOC4zLDAsMTIuNyw1LjYsMTIuNywxNS4xdjMxLjdoMTMuMkw0NTcuNSw2OS42TDQ1Ny41LDY5LjYNCiAgICAgICAgeiBNMjU1LjcsNDQuOXY3LjRjLTMuOC01LTkuOS04LjUtMTktOC41Yy0xNS44LDAtMjksMTQtMjksMzAuNWMwLDE2LjYsMTEuMywyOSwyNi42LDI5YzkuOSwwLDE3LjMtMy41LDIxLjUtOS40djguM2gxMi44VjQ0LjkNCiAgICAgICAgSDI1NS43eiIvPg0KDQo8L3N2Zz4NCg==);
    background-size: 100px 65px;
    margin: 0 auto;
    background-repeat: no-repeat
}

.myaccount-restricted-layout .myaccount-restricted-layout__log-out {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 9px;
    color: var(--payo-brand-color-cold-gray-600, #8c98ab)
}

.myaccount-restricted-layout .myaccount-restricted-layout__log-out:hover {
    cursor: pointer;
    color: var(--payo-brand-color-primary)
}

#zowieFloatingButton,#zowieFloatingButtonMobile {
    width: 44px !important;
    height: 44px !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0IiByeD0iMjIiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl84MzhfMjM5NzMpIi8+CjxyZWN0IHg9IjMuNiIgeT0iMy42IiB3aWR0aD0iMzYuOCIgaGVpZ2h0PSIzNi44IiByeD0iMTguNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KPHBhdGggZD0iTTIyIDEzLjRDMjcuMjg3NSAxMy40IDMxLjU2MjUgMTYuOTI1IDMxLjU2MjUgMjEuMkMzMS41NjI1IDI1LjUxMjUgMjcuMjg3NSAyOSAyMiAyOUMyMC41Mzc1IDI5IDE5LjE4NzUgMjguNzM3NSAxNy45NSAyOC4yODc1QzE3LjAxMjUgMjkuMDM3NSAxNS4xNzUgMzAuMiAxMi43IDMwLjJDMTIuNTUgMzAuMiAxMi40Mzc1IDMwLjE2MjUgMTIuNCAzMC4wNUMxMi4zNjI1IDI5LjkzNzUgMTIuMzYyNSAyOS43ODc1IDEyLjQ3NSAyOS43MTI1QzEyLjQ3NSAyOS42NzUgMTQuMDUgMjguMDI1IDE0LjUgMjYuMTEyNUMxMy4xODc1IDI0Ljc2MjUgMTIuNCAyMy4wNzUgMTIuNCAyMS4yQzEyLjQgMTYuOTI1IDE2LjY3NSAxMy40IDIyIDEzLjRaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzgzOF8yMzk3MyIgeDE9Ii0yMi41OTQ2IiB5MT0iLTMxLjc3NzgiIHgyPSI3MS40MjU3IiB5Mj0iLTIyLjMyMjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q4NUFENiIvPgo8c3RvcCBvZmZzZXQ9IjAuODc3MDUiIHN0b3AtY29sb3I9IiMwMDc1RTEiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
    background-size: cover;
    background-position: center;
    border-radius: 50% !important
}

#zowieFloatingButton svg,#zowieFloatingButtonMobile svg {
    display: none
}

.ma-search {
    -webkit-transition: opacity .2s linear,height .3s cubic-bezier(0, 0, 0, 0.67),-webkit-box-shadow .3s linear;
    transition: opacity .2s linear,height .3s cubic-bezier(0, 0, 0, 0.67),-webkit-box-shadow .3s linear;
    transition: opacity .2s linear,box-shadow .3s linear,height .3s cubic-bezier(0, 0, 0, 0.67);
    transition: opacity .2s linear,box-shadow .3s linear,height .3s cubic-bezier(0, 0, 0, 0.67),-webkit-box-shadow .3s linear;
    position: absolute;
    height: 0;
    right: 0;
    top: 100%;
    left: 0;
    overflow: hidden;
    z-index: 999999
}

.ma-search--focused {
    -webkit-transition: opacity .2s linear,height .3s ease-out,-webkit-box-shadow .3s linear;
    transition: opacity .2s linear,height .3s ease-out,-webkit-box-shadow .3s linear;
    transition: opacity .2s linear,box-shadow .3s linear,height .3s ease-out;
    transition: opacity .2s linear,box-shadow .3s linear,height .3s ease-out,-webkit-box-shadow .3s linear;
    height: 50px;
    -webkit-box-shadow: 4px 3px 15px rgba(136,136,136,.2);
    box-shadow: 4px 3px 15px rgba(136,136,136,.2)
}

.ma-search input {
    outline: 0;
    position: absolute;
    width: 100%;
    border: 0;
    height: 50px;
    line-height: 50px;
    padding: 5px 40px 5px 15px;
    z-index: 0
}

.rtl .ma-search input {
    padding: 5px 15px 5px 40px
}

.ma-search i[class^=icon-] {
    padding: 5px;
    height: 50px;
    line-height: 36px;
    position: relative;
    z-index: 1;
    float: right;
    color: var(--brand-color-gray-700, #252526);
    font-size: 26px;
    cursor: pointer
}

.ma-search i[class^=icon-]:hover,.ma-search i[class^=icon-]:active {
    color: var(--payo-brand-color-gray, #666666)
}

.rtl .ma-search i[class^=icon-] {
    float: left
}

.ma-search ::-webkit-input-placeholder {
    font-style: normal;
    color: var(--brand-color-gray-300, #A8A8A8)
}

.ma-search ::-moz-placeholder {
    font-style: normal;
    color: var(--brand-color-gray-300, #A8A8A8)
}

.ma-search :-ms-input-placeholder {
    font-style: normal;
    color: var(--brand-color-gray-300, #A8A8A8)
}

.ma-search ::-ms-input-placeholder {
    font-style: normal;
    color: var(--brand-color-gray-300, #A8A8A8)
}

.ma-search ::placeholder {
    font-style: normal;
    color: var(--brand-color-gray-300, #A8A8A8)
}

.mobile-search .icon-search {
    font-size: 20px
}

.mobile-search__input {
    -webkit-transition: opacity .2s linear,height .3s cubic-bezier(0, 0, 0, 0.67),-webkit-box-shadow .3s linear;
    transition: opacity .2s linear,height .3s cubic-bezier(0, 0, 0, 0.67),-webkit-box-shadow .3s linear;
    transition: opacity .2s linear,box-shadow .3s linear,height .3s cubic-bezier(0, 0, 0, 0.67);
    transition: opacity .2s linear,box-shadow .3s linear,height .3s cubic-bezier(0, 0, 0, 0.67),-webkit-box-shadow .3s linear;
    position: absolute;
    height: 0;
    right: 0;
    top: 50px;
    left: 0;
    overflow: hidden;
    background-color: #fff;
    z-index: 999999
}

.mobile-search__input ::-webkit-input-placeholder {
    font-style: normal;
    color: var(--brand-color-gray-300, #A8A8A8)
}

.mobile-search__input ::-moz-placeholder {
    font-style: normal;
    color: var(--brand-color-gray-300, #A8A8A8)
}

.mobile-search__input :-ms-input-placeholder {
    font-style: normal;
    color: var(--brand-color-gray-300, #A8A8A8)
}

.mobile-search__input ::-ms-input-placeholder {
    font-style: normal;
    color: var(--brand-color-gray-300, #A8A8A8)
}

.mobile-search__input ::placeholder {
    font-style: normal;
    color: var(--brand-color-gray-300, #A8A8A8)
}

.mobile-search__input--webview {
    top: 0
}

.mobile-search__input--legacy {
    -webkit-transition: opacity .2s linear,height .3s cubic-bezier(0, 0, 0.46, 0.96),-webkit-box-shadow .3s linear;
    transition: opacity .2s linear,height .3s cubic-bezier(0, 0, 0.46, 0.96),-webkit-box-shadow .3s linear;
    transition: opacity .2s linear,box-shadow .3s linear,height .3s cubic-bezier(0, 0, 0.46, 0.96);
    transition: opacity .2s linear,box-shadow .3s linear,height .3s cubic-bezier(0, 0, 0.46, 0.96),-webkit-box-shadow .3s linear;
    top: 50px
}

.mobile-search__input--focused {
    -webkit-transition: opacity .2s linear,height .3s ease-out,-webkit-box-shadow .3s linear;
    transition: opacity .2s linear,height .3s ease-out,-webkit-box-shadow .3s linear;
    transition: opacity .2s linear,box-shadow .3s linear,height .3s ease-out;
    transition: opacity .2s linear,box-shadow .3s linear,height .3s ease-out,-webkit-box-shadow .3s linear;
    height: 50px;
    -webkit-box-shadow: 4px 3px 15px rgba(136,136,136,.2);
    box-shadow: 4px 3px 15px rgba(136,136,136,.2)
}

.mobile-search__input--focused.mobile-search__input--legacy {
    bottom: 0;
    -webkit-transition: bottom .2s linear,opacity .2s linear;
    transition: bottom .2s linear,opacity .2s linear;
    opacity: 1;
    top: 50px
}

.mobile-search__input input {
    outline: 0;
    position: absolute;
    width: 100%;
    border: 0;
    height: 50px;
    line-height: 50px;
    padding: 5px 40px 5px 15px;
    z-index: 0
}

.mobile-search__input input::-ms-clear {
    display: none
}

.mobile-search__input i[class^=icon-] {
    padding: 5px;
    height: 50px;
    line-height: 36px;
    position: relative;
    z-index: 1;
    float: right;
    color: var(--brand-color-gray-700, #252526);
    font-size: 26px;
    cursor: pointer
}

.mobile-search__input i[class^=icon-]:hover,.mobile-search__input i[class^=icon-]:active {
    color: var(--payo-brand-color-gray, #666666)
}

.mobile-search__input i.icon-cancel {
    text-align: center;
    -webkit-transition: color .3s linear;
    transition: color .3s linear;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    color: var(--brand-color-gray-600, #666666);
    font-size: 26px;
    line-height: 36px
}

.mobile-search__input--rtl i[class^=icon-] {
    float: left
}

@font-face {
    font-family: 'py-icons';
    src: url(assets/35f5a3345815b5d55daf.eot?57471091);
    src: url(assets/35f5a3345815b5d55daf.eot?57471091#iefix) format('embedded-opentype'), url(assets/7f2af24dd62c69cbdd6d.woff2?57471091) format('woff2'), url(assets/4d7c48e2321e8f878cd4.woff?57471091) format('woff'), url(assets/d976428141a10c6abf54.ttf?57471091) format('truetype'), url(assets/d1ddcd47ee8ea697fb64.svg?57471091#py-icons) format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'py-icons';
    src: url('../font/py-icons.svg?57471091#py-icons') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "py-icons";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-bank:before {
    content: '\e800';
}

/* 'î €' */
.icon-card:before {
    content: '\e801';
}

/* '' */
.icon-usps:before {
    content: '\e802';
}

/* 'î ‚' */
.icon-payoneer-send:before {
    content: '\e803';
}

/* 'î ƒ' */
.icon-alert:before {
    content: '\e804';
}

/* 'î „' */
.icon-pen:before {
    content: '\e805';
}

/* 'î …' */
.icon-payoneer-receive:before {
    content: '\e806';
}

/* 'î †' */
.icon-py-calender:before {
    content: '\e807';
}

/* 'î ‡' */
.icon-check02:before {
    content: '\e808';
}

/* 'î ˆ' */
.icon-py-hourglass:before {
    content: '\e809';
}

/* 'î ‰' */
.icon-py-question-mark:before {
    content: '\e80a';
}

/* 'î Š' */
.icon-transactions-history:before {
    content: '\e80b';
}

/* 'î ‹' */
.icon-payments-history:before {
    content: '\e80c';
}

/* '' */
.icon-payment-eu:before {
    content: '\e80d';
}

/* '' */
.icon-payment-us:before {
    content: '\e80e';
}

/* 'î Ž' */
.icon-payment-us-eu:before {
    content: '\e80f';
}

/* '' */
.icon-withdraw-to-bank:before {
    content: '\e810';
}

/* '' */
.icon-settings:before {
    content: '\e811';
}

/* 'î ‘' */
.icon-raf-1:before {
    content: '\e812';
}

/* 'î ’' */
.icon-payment-global:before {
    content: '\e813';
}

/* 'î “' */
.icon-pen-1:before {
    content: '\e814';
}

/* 'î ”' */
.icon-review_list:before {
    content: '\e815';
}

/* 'î •' */
.icon-ok-squared:before {
    content: '\e816';
}

/* 'î –' */
.icon-lock:before {
    content: '\e817';
}

/* 'î —' */
.icon-edit:before {
    content: '\e818';
}

/* 'î ˜' */
.icon-refresh:before {
    content: '\e819';
}

/* 'î ™' */
.icon-check-empty:before {
    content: '\e81a';
}

/* 'î š' */
.icon-circle-empty:before {
    content: '\e81b';
}

/* 'î ›' */
.icon-dot-circled:before {
    content: '\e81c';
}

/* '' */
.icon-credit-card-1:before {
    content: '\e81d';
}

/* '' */
.icon-paypal:before {
    content: '\e81e';
}

/* 'î ž' */
.icon-cc-mastercard:before {
    content: '\e81f';
}

/* 'î Ÿ' */
.icon-check:before {
    content: '\e820';
}

/* 'î  ' */
.icon-icon-py-wallet:before {
    content: '\e821';
}

/* 'î ¡' */
.icon-edit-01:before {
    content: '\e822';
}

/* 'î ¢' */
.icon-currency-eur:before {
    content: '\e823';
}

/* 'î £' */
.icon-currency-gbp:before {
    content: '\e824';
}

/* 'î ¤' */
.icon-info:before {
    content: '\e825';
}

/* 'î ¥' */
.icon-currency-usd:before {
    content: '\e826';
}

/* 'î ¦' */
.icon-immediate:before {
    content: '\e827';
}

/* 'î §' */
.icon-monthly:before {
    content: '\e828';
}

/* 'î ¨' */
.icon-unchecked-circle:before {
    content: '\e829';
}

/* 'î ©' */
.icon-weekly:before {
    content: '\e82a';
}

/* 'î ª' */
.icon-find-person:before {
    content: '\e82b';
}

/* 'î «' */
.icon-locale:before {
    content: '\e82c';
}

/* 'î ¬' */
.icon-attention:before {
    content: '\e82d';
}

/* 'î ­' */
.icon-attention-circled:before {
    content: '\e82e';
}

/* 'î ®' */
.icon-triangle-right:before {
    content: '\e82f';
}

/* 'î ¯' */
.icon-globe:before {
    content: '\e830';
}

/* 'î °' */
.icon-py-alert-tri:before {
    content: '\e831';
}

/* 'î ±' */
.icon-closed_envelope:before {
    content: '\e832';
}

/* 'î ²' */
.icon-triangle-left:before {
    content: '\e833';
}

/* 'î ³' */
.icon-expander:before {
    content: '\e834';
}

/* 'î ´' */
.icon-triangle-down:before {
    content: '\e835';
}

/* 'î µ' */
.icon-triangle-up:before {
    content: '\e836';
}

/* 'î ¶' */
.icon-enterprise:before {
    content: '\e837';
}

/* 'î ·' */
.icon-eye:before {
    content: '\e838';
}

/* 'î ¸' */
.icon-locker:before {
    content: '\e839';
}

/* 'î ¹' */
.icon-search:before {
    content: '\e83a';
}

/* 'î º' */
.icon-dots:before {
    content: '\e83b';
}

/* 'î »' */
.icon-print:before {
    content: '\e83c';
}

/* 'î ¼' */
.icon-perfect:before {
    content: '\e83d';
}

/* 'î ½' */
.icon-cancel:before {
    content: '\e83e';
}

/* 'î ¾' */
.icon-print_icon:before {
    content: '\e83f';
}

/* 'î ¿' */
.icon-soft_no_go_face:before {
    content: '\e840';
}

/* 'î¡€' */
.icon-get_help:before {
    content: '\e841';
}

/* '' */
.icon-get_paid:before {
    content: '\e842';
}

/* 'î¡‚' */
.icon-individual_small:before {
    content: '\e843';
}

/* '' */
.icon-pay:before {
    content: '\e844';
}

/* 'î¡„' */
.icon-preferences:before {
    content: '\e845';
}

/* 'î¡…' */
.icon-relations:before {
    content: '\e846';
}

/* '' */
.icon-sign_out:before {
    content: '\e847';
}

/* '' */
.icon-withdraw:before {
    content: '\e848';
}

/* '' */
.icon-billing-service:before {
    content: '\e849';
}

/* '' */
.icon-credit-card:before {
    content: '\e84a';
}

/* 'î¡Š' */
.icon-right-open-big:before {
    content: '\e84b';
}

/* 'î¡‹' */
.icon-export:before {
    content: '\e84c';
}

/* '' */
.icon-upload:before {
    content: '\e84d';
}

/* '' */
.icon-send:before {
    content: '\e84e';
}

/* 'î¡Ž' */
.icon-logs:before {
    content: '\e84f';
}

/* '' */
.icon-email:before {
    content: '\e850';
}

/* '' */
.icon-next-arrow__new:before {
    content: '\e851';
}

/* 'î¡‘' */
.icon-documents:before {
    content: '\e852';
}

/* 'î¡’' */
.icon-contact-company-small:before {
    content: '\e853';
}

/* 'î¡“' */
.icon-board-circle__new:before {
    content: '\e854';
}

/* 'î¡”' */
.icon-field-edit-1:before {
    content: '\e855';
}

/* 'î¡•' */
.icon-add:before {
    content: '\e856';
}

/* 'î¡–' */
.icon-block:before {
    content: '\e857';
}

/* 'î¡—' */
.icon-review_summary:before {
    content: '\e858';
}

/* '' */
.icon-bank-2:before {
    content: '\e859';
}

/* 'î¡™' */
.icon-auto_withdraw-02:before {
    content: '\e85a';
}

/* 'î¡š' */
.icon-icon-ok-hand:before {
    content: '\e85b';
}

/* 'î¡›' */
.icon-almost_done:before {
    content: '\e85c';
}

/* '' */
.icon-veryfied_information:before {
    content: '\e85d';
}

/* '' */
.icon-identities:before {
    content: '\e85e';
}

/* 'î¡ž' */
.icon-bulb:before {
    content: '\e85f';
}

/* 'î¡Ÿ' */
.icon-close:before {
    content: '\e860';
}

/* 'î¡ ' */
.icon-link:before {
    content: '\e861';
}

/* 'î¡¡' */
.icon-py-alert-ro:before {
    content: '\e862';
}

/* 'î¡¢' */
.icon-trash:before {
    content: '\e863';
}

/* 'î¡£' */
.icon-filter_icon:before {
    content: '\e864';
}

/* '' */
.icon-add-file:before {
    content: '\e865';
}

/* 'î¡¥' */
.icon-store:before {
    content: '\e866';
}

/* '' */
.icon-add-store:before {
    content: '\e867';
}

/* '' */
.icon-add-new-bank-account:before {
    content: '\e868';
}

/* '' */
.icon-bills:before {
    content: '\e869';
}

/* 'î¡©' */
.icon-my-account:before {
    content: '\e86a';
}

/* '' */
.icon-go_icon:before {
    content: '\e86b';
}

/* 'î¡«' */
.icon-hard_no_go_face:before {
    content: '\e86c';
}

/* '' */
.icon-document-01:before {
    content: '\e86d';
}

/* 'î¡­' */
.icon-file-error:before {
    content: '\e86e';
}

/* 'î¡®' */
.icon-icon-py-hourglass02:before {
    content: '\e86f';
}

/* '' */
.icon-edit_paper:before {
    content: '\e870';
}

/* 'î¡°' */
.icon-expand:before {
    content: '\e871';
}

/* '' */
.icon-remove:before {
    content: '\e872';
}

/* '' */
.icon-multiple_image:before {
    content: '\e873';
}

/* '' */
.icon-image:before {
    content: '\e874';
}

/* 'î¡´' */
.icon-info-1:before {
    content: '\e875';
}

/* '' */
.icon-plus:before {
    content: '\e876';
}

/* '' */
.icon-delete-disabled:before {
    content: '\e877';
}

/* 'î¡·' */
.icon-withdraw-disabled:before {
    content: '\e878';
}

/* '' */
.icon-right-triangle:before {
    content: '\e879';
}

/* '' */
.icon-attachment:before {
    content: '\e87a';
}

/* '' */
.icon-circle-cancel:before {
    content: '\e87b';
}

/* 'î¡»' */
.icon-company-id:before {
    content: '\e87c';
}

/* '' */
.icon-save:before {
    content: '\e87d';
}

/* '' */
.icon-personal-id:before {
    content: '\e87e';
}

/* '' */
.icon-fundstobank:before {
    content: '\e87f';
}

/* 'î¡¿' */
.icon-undo:before {
    content: '\e880';
}

/* '' */
.icon-minus:before {
    content: '\e881';
}

/* '' */
.icon-download:before {
    content: '\e882';
}

/* '' */
.icon-add-new-id:before {
    content: '\e883';
}

/* '' */
.icon-filter-apply:before {
    content: '\e884';
}

/* '' */
.icon-certification:before {
    content: '\e885';
}

/* '' */
.icon-details:before {
    content: '\e886';
}

/* '' */
.icon-key:before {
    content: '\e887';
}

/* '' */
.icon-home:before {
    content: '\e888';
}

/* '' */
.icon-license:before {
    content: '\e889';
}

/* '' */
.icon-log-out:before {
    content: '\e88a';
}

/* '' */
.icon-hard-nogo-negative:before {
    content: '\e88b';
}

/* '' */
.icon-question:before {
    content: '\e88c';
}

/* '' */
.icon-atm:before {
    content: '\e88d';
}

/* '' */
.icon-payoneer-network:before {
    content: '\e88e';
}

/* '' */
.icon-refund:before {
    content: '\e88f';
}

/* '' */
.icon-point-of-sale:before {
    content: '\e890';
}

/* '' */
.icon-reward:before {
    content: '\e891';
}

/* '' */
.icon-activity:before {
    content: '\e892';
}

/* '' */
.icon-timer:before {
    content: '\e893';
}

/* '' */
.icon-download-inbox:before {
    content: '\e894';
}

/* '' */
.icon-info-stroke:before {
    content: '\e895';
}

/* '' */
.icon-fx-rate:before {
    content: '\e896';
}

/* '' */
.icon-mobile-phone:before {
    content: '\e897';
}

/* '' */
.icon-add-new-bank:before {
    content: '\e898';
}

/* '' */
.icon-makeapayment:before {
    content: '\e899';
}

/* '' */
.icon-individual:before {
    content: '\e89a';
}

/* '' */
.icon-review:before {
    content: '\e89b';
}

/* '' */
.icon-suspicious-account:before {
    content: '\e89c';
}

/* '' */
.icon-vip:before {
    content: '\e89d';
}

/* '' */
.icon-square:before {
    content: '\e89e';
}

/* '' */
.icon-circle:before {
    content: '\e89f';
}

/* '' */
.icon-autowithdraw:before {
    content: '\e8a0';
}

/* '' */
.icon-writing-file:before {
    content: '\e8a1';
}

/* '' */
.icon-download-box:before {
    content: '\e8a2';
}

/* '' */
.icon-empty-file:before {
    content: '\e8a3';
}

/* '' */
.icon-exisitng-file:before {
    content: '\e8a4';
}

/* '' */
.icon-skype:before {
    content: '\e8a5';
}

/* '' */
.icon-brifcase:before {
    content: '\e8a6';
}

/* '' */
.icon-location:before {
    content: '\e8a7';
}

/* '' */
.icon-messenger:before {
    content: '\e8a8';
}

/* '' */
.icon-tax:before {
    content: '\e8a9';
}

/* '' */
.icon-whatsapp:before {
    content: '\e8aa';
}

/* '' */
.icon-payments:before {
    content: '\e8ab';
}

/* '' */
.icon-bell:before {
    content: '\e8ac';
}

/* '' */
.icon-copy_file:before {
    content: '\e8ad';
}

/* '' */
.icon-share:before {
    content: '\e8ae';
}

/* '' */
.icon-mfa__new:before {
    content: '\e8af';
}

/* '' */
.icon-envelope_circle:before {
    content: '\e8b0';
}

/* '' */
.icon-board__new:before {
    content: '\e8b1';
}

/* '' */
.icon-minus-bold:before {
    content: '\e8b2';
}

/* '' */
.icon-exchange:before {
    content: '\e8b3';
}

/* '' */
.icon-arrow:before {
    content: '\e8b4';
}

/* '' */
.icon-reset-password:before {
    content: '\e8b5';
}

/* '' */
.icon-field-edit:before {
    content: '\e8b6';
}

/* '' */
.icon-new-card:before {
    content: '\e8b7';
}

/* '' */
.icon-reoccurring-payment:before {
    content: '\e8b8';
}

/* '' */
.icon-hide-eye:before {
    content: '\e8b9';
}

/* '' */
.icon-money-bills:before {
    content: '\e8ba';
}

/* '' */
.icon-vat-icon:before {
    content: '\e8bb';
}

/* '' */
.icon-bo-angel:before {
    content: '\e8bc';
}

/* '' */
.icon-bo_devil-01:before {
    content: '\e8bd';
}

/* '' */
.icon-building:before {
    content: '\e8be';
}

/* '' */
.icon-brands:before {
    content: '\e8bf';
}

/* '' */
.icon-more-actions:before {
    content: '\e8c0';
}

/* '' */
.icon-business-credit:before {
    content: '\e8c1';
}

/* '' */
.icon-currency-jpy:before {
    content: '\e8c2';
}

/* '' */
.icon-refund-bold:before {
    content: '\e8c3';
}

/* '' */
.icon-landline:before {
    content: '\e8c4';
}

/* '' */
.icon-partial-v:before {
    content: '\e8c5';
}

/* '' */
.icon-directional-arrows:before {
    content: '\e8c6';
}

/* '' */
.icon-blank-card:before {
    content: '\e8c7';
}

/* '' */
.icon-blank-home:before {
    content: '\e8c8';
}

/* '' */
.icon-arrow-up:before {
    content: '\e8c9';
}

/* '' */
.icon-light-check:before {
    content: '\e8ca';
}

/* '' */
.icon-advanced:before {
    content: '\e8cb';
}

/* '' */
.icon-ongoing:before {
    content: '\e8cc';
}

/* '' */
.icon-simulator:before {
    content: '\e8cd';
}

/* '' */
.icon-provider:before {
    content: '\e8ce';
}

/* '' */
.icon-fake-transfers:before {
    content: '\e8cf';
}

/* '' */
.icon-exception:before {
    content: '\e8d0';
}

/* '' */
.icon-coins:before {
    content: '\e8d1';
}

/* '' */
.icon-reset-pin-card:before {
    content: '\e8d2';
}

/* '' */
.icon-retrive-card:before {
    content: '\e8d3';
}

/* '' */
.icon-shipped-card:before {
    content: '\e8d4';
}

/* '' */
.icon-stolen-card:before {
    content: '\e8d5';
}

/* '' */
.icon-submbit-information:before {
    content: '\e8d6';
}

/* '' */
.icon-active-card:before {
    content: '\e8d7';
}

/* '' */
.icon-blocked-card:before {
    content: '\e8d8';
}

/* '' */
.icon-card-not-allowed:before {
    content: '\e8d9';
}

/* '' */
.icon-deactive-card:before {
    content: '\e8da';
}

/* '' */
.icon-pending-approval-card:before {
    content: '\e8db';
}

/* '' */
.icon-reactive-card:before {
    content: '\e8dc';
}

/* '' */
.icon-direct-bills:before {
    content: '\e8dd';
}

/* '' */
.icon-debit-deactivate:before {
    content: '\e8de';
}

/* '' */
.icon-debit-shipped:before {
    content: '\e8df';
}

/* '' */
.icon-order-new-card:before {
    content: '\e8e0';
}

/* '' */
.icon-debit-pending-approval:before {
    content: '\e8e1';
}

/* '' */
.icon-expired-card:before {
    content: '\e8e2';
}

/* '' */
.icon-circle-cancel__new:before {
    content: '\e8e3';
}

/* '' */
.icon-debit-expired:before {
    content: '\e8e4';
}

/* '' */
.icon-debit-block:before {
    content: '\e8e5';
}

/* '' */
.icon-reorder-card:before {
    content: '\e8e6';
}

/* '' */
.icon-play:before {
    content: '\e8e7';
}

/* '' */
.icon-pause:before {
    content: '\e8e8';
}

/* '' */
.icon-cancel-user:before {
    content: '\e8e9';
}

/* '' */
.icon-empty-balance:before {
    content: '\e8ea';
}

/* '' */
.icon-debit-approve:before {
    content: '\e8eb';
}

/* '' */
.icon-debit-activate:before {
    content: '\e8ec';
}

/* '' */
.icon-approve:before {
    content: '\e8ed';
}

/* '' */
.icon-approve-card:before {
    content: '\e8ee';
}

/* '' */
.icon-no-search-results:before {
    content: '\e8ef';
}

/* '' */
.icon-calendar:before {
    content: '\e8f0';
}

/* '' */
.icon-statement:before {
    content: '\e8f1';
}

/* '' */
.icon-ewallet:before {
    content: '\e8f2';
}

/* '' */
.icon-raf:before {
    content: '\e8f3';
}

/* '' */
.icon-like:before {
    content: '\e8f4';
}

/* '' */
.icon-global-money:before {
    content: '\e8f5';
}

/* '' */
.icon-handshake:before {
    content: '\e8f6';
}

/* '' */
.icon-holding-file:before {
    content: '\e8f7';
}

/* '' */
.icon-pay-for:before {
    content: '\e8f8';
}

/* '' */
.icon-back:before {
    content: '\e8f9';
}

/* '' */
.icon-megaphone:before {
    content: '\e8fa';
}

/* '' */
.icon-translate:before {
    content: '\e8fb';
}

/* '' */
.icon-money-transfer:before {
    content: '\e8fc';
}

/* '' */
.icon-ah360:before {
    content: '\e8fd';
}

/* '' */
.icon-mass-actions:before {
    content: '\e8fe';
}

/* '' */
.icon-circle-hourglass:before {
    content: '\e8ff';
}

/* '' */
.icon-master-card:before {
    content: '\e900';
}

/* '' */
.icon-visa-card:before {
    content: '\e901';
}

/* '' */
.icon-sign_out__new:before {
    content: '\e902';
}

/* '' */
.icon-store-not-connected:before {
    content: '\e903';
}

/* '' */
.icon-add-store-new:before {
    content: '\e904';
}

/* '' */
.icon-bell-notification:before {
    content: '\e905';
}

/* '' */
.icon-more-mobile:before {
    content: '\e906';
}

/* '' */
.icon-locker-solid:before {
    content: '\e907';
}

/* '' */
.icon-profile-settings:before {
    content: '\e908';
}

/* '' */
.icon-refer-friend:before {
    content: '\e909';
}

/* '' */
.icon-enterprise-partners:before {
    content: '\e90a';
}

/* '' */
.icon-receiving-accounts:before {
    content: '\e90b';
}

/* '' */
.icon-request-payment-settings:before {
    content: '\e90c';
}

/* '' */
.icon-secured:before {
    content: '\e90d';
}

/* '' */
.icon-camera:before {
    content: '\e90e';
}

/* '' */
.icon-comment:before {
    content: '\e90f';
}

/* '' */
.icon-bo-activity:before {
    content: '\e910';
}

/* '' */
.icon-google-maps:before {
    content: '\e911';
}

/* '' */
.icon-unchecked:before {
    content: '\e912';
}

/* '' */
.icon-broken-link:before {
    content: '\e913';
}

/* '' */
.icon-envelope:before {
    content: '\e914';
}

/* '' */
.icon-glasses-read:before {
    content: '\e915';
}

/* '' */
.icon-glasses-unread:before {
    content: '\e916';
}

/* '' */
.icon-master-card__new:before {
    content: '\e917';
}

/* '' */
.icon-visa-card__new:before {
    content: '\e918';
}

/* '' */
.icon-check-circle__new:before {
    content: '\e919';
}

/* '' */
.icon-initiator:before {
    content: '\e91a';
}

/* '' */
.icon-bell-notification__new:before {
    content: '\e91b';
}

/* '' */
.icon-strategy:before {
    content: '\e91c';
}

/* '' */
.icon-add__new:before {
    content: '\e91d';
}

/* '' */
.icon-alert__new:before {
    content: '\e91e';
}

/* '' */
.icon-apply-filter__new:before {
    content: '\e91f';
}

/* '' */
.icon-arrow__new:before {
    content: '\e920';
}

/* '' */
.icon-attachmnet__new:before {
    content: '\e921';
}

/* '' */
.icon-automatic-withdraw__new:before {
    content: '\e922';
}

/* '' */
.icon-balance__new:before {
    content: '\e923';
}

/* '' */
.icon-billing-portal__new:before {
    content: '\e924';
}

/* '' */
.icon-block__new:before {
    content: '\e925';
}

/* '' */
.icon-broken-link__new:before {
    content: '\e926';
}

/* '' */
.icon-bulb__new:before {
    content: '\e927';
}

/* '' */
.icon-calendar__new:before {
    content: '\e928';
}

/* '' */
.icon-cancel__new:before {
    content: '\e929';
}

/* '' */
.icon-cant-delete__new:before {
    content: '\e92a';
}

/* '' */
.icon-cant-withdraw__new:before {
    content: '\e92b';
}

/* '' */
.icon-edit-inline__new:before {
    content: '\e92c';
}

/* '' */
.icon-echeck__new:before {
    content: '\e92d';
}

/* '' */
.icon-edit__new:before {
    content: '\e92e';
}

/* '' */
.icon-download__new:before {
    content: '\e92f';
}

/* '' */
.icon-cup__new:before {
    content: '\e930';
}

/* '' */
.icon-copy__new:before {
    content: '\e931';
}

/* '' */
.icon-contacts__new:before {
    content: '\e932';
}

/* '' */
.icon-consolidate-funds__new:before {
    content: '\e933';
}

/* '' */
.icon-complete-payment__new:before {
    content: '\e934';
}

/* '' */
.icon-company-id__new:before {
    content: '\e935';
}

/* '' */
.icon-clear-filter__new:before {
    content: '\e936';
}

/* '' */
.icon-card-shipped__new:before {
    content: '\e937';
}

/* '' */
.icon-individual_bold:before {
    content: '\e938';
}

/* '' */
.icon-card-shipment-approved__new:before {
    content: '\e939';
}

/* '' */
.icon-card-penading-approval__new:before {
    content: '\e93a';
}

/* '' */
.icon-card-order__new:before {
    content: '\e93b';
}

/* '' */
.icon-card-expired__new:before {
    content: '\e93c';
}

/* '' */
.icon-card-deactivated__new:before {
    content: '\e93d';
}

/* '' */
.icon-card-blocked__new:before {
    content: '\e93e';
}

/* '' */
.icon-card-approved__new:before {
    content: '\e93f';
}

/* '' */
.icon-card-active__new:before {
    content: '\e940';
}

/* '' */
.icon-email__new:before {
    content: '\e941';
}

/* '' */
.icon-existing-form__new:before {
    content: '\e942';
}

/* '' */
.icon-card-not-allowed__new:before {
    content: '\e943';
}

/* '' */
.icon-business-credit__new:before {
    content: '\e944';
}

/* '' */
.icon-blocked-card__new:before {
    content: '\e945';
}

/* '' */
.icon-export-excel__new:before {
    content: '\e946';
}

/* '' */
.icon-camera__new:before {
    content: '\e947';
}

/* '' */
.icon-enterprise__new:before {
    content: '\e948';
}

/* '' */
.icon-export__new:before {
    content: '\e949';
}

/* '' */
.icon-deactivated-card__new:before {
    content: '\e94a';
}

/* '' */
.icon-export-pdf__new:before {
    content: '\e94b';
}

/* '' */
.icon-early-payments__new:before {
    content: '\e94c';
}

/* '' */
.icon-fee__new:before {
    content: '\e94d';
}

/* '' */
.icon-envelope-circle__new:before {
    content: '\e94e';
}

/* '' */
.icon-filter__new:before {
    content: '\e94f';
}

/* '' */
.icon-expired-card__new:before {
    content: '\e950';
}

/* '' */
.icon-funding-sources__new:before {
    content: '\e951';
}

/* '' */
.icon-file-error__new:before {
    content: '\e952';
}

/* '' */
.icon-get-paid__new:before {
    content: '\e953';
}

/* '' */
.icon-global-money__new:before {
    content: '\e954';
}

/* '' */
.icon-home__new:before {
    content: '\e955';
}

/* '' */
.icon-holding-file__new:before {
    content: '\e956';
}

/* '' */
.icon-go__new:before {
    content: '\e957';
}

/* '' */
.icon-individual__new:before {
    content: '\e958';
}

/* '' */
.icon-active-card__new:before {
    content: '\e959';
}

/* '' */
.icon-location__new:before {
    content: '\e95a';
}

/* '' */
.icon-add-bank-account__new:before {
    content: '\e95b';
}

/* '' */
.icon-mass-actions__new:before {
    content: '\e95c';
}

/* '' */
.icon-add-file__new:before {
    content: '\e95d';
}

/* '' */
.icon-money-transfer__new:before {
    content: '\e95e';
}

/* '' */
.icon-add-store__new:before {
    content: '\e95f';
}

/* '' */
.icon-order-card__new:before {
    content: '\e960';
}

/* '' */
.icon-almost-done__new:before {
    content: '\e961';
}

/* '' */
.icon-payments__new:before {
    content: '\e962';
}

/* '' */
.icon-approve__new:before {
    content: '\e963';
}

/* '' */
.icon-pending-approval-card__new:before {
    content: '\e964';
}

/* '' */
.icon-approved-card__new:before {
    content: '\e965';
}

/* '' */
.icon-remove__new:before {
    content: '\e966';
}

/* '' */
.icon-approved-shipment-card__new:before {
    content: '\e967';
}

/* '' */
.icon-reoccurnig-payment__new:before {
    content: '\e968';
}

/* '' */
.icon-my-network__new:before {
    content: '\e969';
}

/* '' */
.icon-mobile-id__new:before {
    content: '\e96a';
}

/* '' */
.icon-manage-request__new:before {
    content: '\e96b';
}

/* '' */
.icon-marketplace__new:before {
    content: '\e96c';
}

/* '' */
.icon-manage-funds__new:before {
    content: '\e96d';
}

/* '' */
.icon-manage-currencies__new:before {
    content: '\e96e';
}

/* '' */
.icon-lock__new:before {
    content: '\e96f';
}

/* '' */
.icon-list-view__new:before {
    content: '\e970';
}

/* '' */
.icon-link__new:before {
    content: '\e971';
}

/* '' */
.icon-question__new:before {
    content: '\e972';
}

/* '' */
.icon-inspect-doc__new:before {
    content: '\e973';
}

/* '' */
.icon-truck__new:before {
    content: '\e974';
}

/* '' */
.icon-read__new:before {
    content: '\e975';
}

/* '' */
.icon-receiving-accounts__new:before {
    content: '\e976';
}

/* '' */
.icon-refer-friend__new:before {
    content: '\e977';
}

/* '' */
.icon-refund__new:before {
    content: '\e978';
}

/* '' */
.icon-delete__new:before {
    content: '\e979';
}

/* '' */
.icon-request__new:before {
    content: '\e97a';
}

/* '' */
.icon-resend-invite__new:before {
    content: '\e97b';
}

/* '' */
.icon-initiate-payment__new:before {
    content: '\e97c';
}

/* '' */
.icon-info__new:before {
    content: '\e97d';
}

/* '' */
.icon-tax__new:before {
    content: '\e97e';
}

/* '' */
.icon-suspicious-account__new:before {
    content: '\e97f';
}

/* '' */
.icon-stolen-card__new:before {
    content: '\e980';
}

/* '' */
.icon-shipped-card__new:before {
    content: '\e981';
}

/* '' */
.icon-share__new:before {
    content: '\e982';
}

/* '' */
.icon-reset-pin-card__new:before {
    content: '\e983';
}

/* '' */
.icon-reset-password__new:before {
    content: '\e984';
}

/* '' */
.icon-non-payoneer-user__new:before {
    content: '\e985';
}

/* '' */
.icon-notification__new:before {
    content: '\e986';
}

/* '' */
.icon-pay__new:before {
    content: '\e987';
}

/* '' */
.icon-time-out__new:before {
    content: '\e988';
}

/* '' */
.icon-track__new:before {
    content: '\e989';
}

/* '' */
.icon-unread__new:before {
    content: '\e98a';
}

/* '' */
.icon-upload__new:before {
    content: '\e98b';
}

/* '' */
.icon-verified-info__new:before {
    content: '\e98c';
}

/* '' */
.icon-ws__new:before {
    content: '\e98d';
}

/* '' */
.icon-wire-transfer__new:before {
    content: '\e98e';
}

/* '' */
.icon-withdraw__new:before {
    content: '\e98f';
}

/* '' */
.icon-pay-to-payoneer-user__new:before {
    content: '\e990';
}

/* '' */
.icon-pay-vat__new:before {
    content: '\e991';
}

/* '' */
.icon-payment-gps__new:before {
    content: '\e992';
}

/* '' */
.icon-payment-request__new:before {
    content: '\e993';
}

/* '' */
.icon-payment-method__new:before {
    content: '\e994';
}

/* '' */
.icon-personal-id__new:before {
    content: '\e995';
}

/* '' */
.icon-point-sale__new:before {
    content: '\e996';
}

/* '' */
.icon-pricing-fees__new:before {
    content: '\e997';
}

/* '' */
.icon-print__new:before {
    content: '\e998';
}

/* '' */
.icon-tax-forms__new:before {
    content: '\e999';
}

/* '' */
.icon-table-view__new:before {
    content: '\e99a';
}

/* '' */
.icon-success__new:before {
    content: '\e99b';
}

/* '' */
.icon-sign-out__new:before {
    content: '\e99c';
}

/* '' */
.icon-settings__new:before {
    content: '\e99d';
}

/* '' */
.icon-send__new:before {
    content: '\e99e';
}

/* '' */
.icon-security-settings__new-1:before {
    content: '\e99f';
}

/* '' */
.icon-search__new:before {
    content: '\e9a0';
}

/* '' */
.icon-save__new:before {
    content: '\e9a1';
}

/* '' */
.icon-reward__new:before {
    content: '\e9a2';
}

/* '' */
.icon-retrive-card__new:before {
    content: '\e9a3';
}

/* '' */
.icon-restore-default__new:before {
    content: '\e9a4';
}

/* '' */
.icon-withdraw-to-bank__new:before {
    content: '\e9a5';
}

/* '' */
.icon-cards__new:before {
    content: '\e9a6';
}

/* '' */
.icon-profile-settings__new:before {
    content: '\e9a7';
}

/* '' */
.icon-bank-account__new:before {
    content: '\e9a8';
}

/* '' */
.icon-amex__new-1:before {
    content: '\e9a9';
}

/* '' */
.icon-amex-bl-card__new:before {
    content: '\e9aa';
}

/* '' */
.icon-language__new:before {
    content: '\e9ab';
}

/* '' */
.icon-envelope-decline-circle__new:before {
    content: '\e9ac';
}

/* '' */
.icon-close__new:before {
    content: '\e9ad';
}

/* '' */
.icon-company__new:before {
    content: '\e9ae';
}

/* '' */
.icon-amex__new:before {
    content: '\e9af';
}

/* '' */
.icon-contact__new:before {
    content: '\e9b0';
}

/* '' */
.icon-diamond:before {
    content: '\e9b1';
}

/* '' */
.icon-default-bank-circle__new:before {
    content: '\e9b2';
}

/* '' */
.icon-default-bank-right-pane__new:before {
    content: '\e9b3';
}

/* '' */
.icon-check__new:before {
    content: '\e9b4';
}

/* '' */
.icon-evercompliant__new:before {
    content: '\e9b5';
}

/* '' */
.icon-translation__new:before {
    content: '\e9b6';
}

/* '' */
.icon-deboard__new:before {
    content: '\e9b7';
}

/* '' */
.icon-merchant-create__new:before {
    content: '\e9b8';
}

/* '' */
.icon-scan-icon__new:before {
    content: '\e9b9';
}

/* '' */
.icon-deboard-circle__new:before {
    content: '\e9ba';
}

/* '' */
.icon-action-icon__new:before {
    content: '\e9bb';
}

/* '' */
.icon-cards-crop__new:before {
    content: '\e9bc';
}

/* '' */
.icon-echeck:before {
    content: '\e9bd';
}

/* '' */
.icon-email-verification__new:before {
    content: '\e9be';
}

/* '' */
.icon-incidents__new:before {
    content: '\e9bf';
}

/* '' */
.icon-gbt-release__new:before {
    content: '\e9c0';
}

/* '' */
.icon-make-a-payment__new:before {
    content: '\e9c1';
}

/* '' */
.icon-pay-beneficiary__new:before {
    content: '\e9c2';
}

/* '' */
.icon-reprocess__new:before {
    content: '\e9c3';
}

/* '' */
.icon-money-transfer2__new:before {
    content: '\e9c4';
}

/* '' */
.icon-hub-settings__new:before {
    content: '\e9c5';
}

/* '' */
.icon-sharing-warning__new:before {
    content: '\e9c6';
}

/* '' */
.icon-eye2__new:before {
    content: '\e9c7';
}

/* '' */
.icon-recurring-payment__new:before {
    content: '\e9c8';
}

/* '' */
.icon-more-mobile__new:before {
    content: '\e9c9';
}

/* '' */
.icon-small-arrow__new:before {
    content: '\e9ca';
}

/* '' */
.icon-small-check__new:before {
    content: '\e9cb';
}

/* '' */
.icon-small-clock__new:before {
    content: '\e9cc';
}

/* '' */
.icon-small-x__new:before {
    content: '\e9cd';
}

/* '' */
.icon-calculator__new:before {
    content: '\e9ce';
}

/* '' */
.icon-add-recurring__new:before {
    content: '\e9cf';
}

/* '' */
.icon-stop__new:before {
    content: '\e9d0';
}

/* '' */
.icon-view-pin__new:before {
    content: '\e9d1';
}

/* '' */
.icon-contact-company:before {
    content: '\e9d2';
}

/* '' */
.icon-recovery-code__new:before {
    content: '\e9d3';
}

/* '' */
.icon-incoming-mail__new:before {
    content: '\e9d4';
}

/* '' */
.icon-chat__new:before {
    content: '\e9d5';
}

/* '' */
.icon-outgoing-mail__new:before {
    content: '\e9d6';
}

/* '' */
.icon-note__new:before {
    content: '\e9d7';
}

/* '' */
.icon-initiate-payment:before {
    content: '\e9d8';
}

/* '' */
.icon-uca__new:before {
    content: '\e9d9';
}

/* '' */
.icon-multiple-cards__new:before {
    content: '\e9da';
}

/* '' */
.icon-translate2__new:before {
    content: '\e9db';
}

/* '' */
.icon-manual__new:before {
    content: '\e9dc';
}

/* '' */
.icon-card-switch__new:before {
    content: '\e9dd';
}

/* '' */
.icon-master-account__new:before {
    content: '\e9de';
}

/* '' */
.icon-risk__new:before {
    content: '\e9df';
}

/* '' */
.icon-default__new:before {
    content: '\e9e0';
}

/* '' */
.icon-health__new:before {
    content: '\e9e1';
}

/* '' */
.icon-blocked__new:before {
    content: '\e9e2';
}

/* '' */
.icon-deactivated__new:before {
    content: '\e9e3';
}

/* '' */
.icon-expired__new:before {
    content: '\e9e4';
}

/* '' */
.icon-pending__new:before {
    content: '\e9e5';
}

/* '' */
.icon-pending-shipment__new:before {
    content: '\e9e6';
}

/* '' */
.icon-shipped__new:before {
    content: '\e9e7';
}

/* '' */
.icon-activated__new:before {
    content: '\e9e8';
}

/* '' */
.icon-add2__new:before {
    content: '\e9e9';
}

/* '' */
.icon-approved__new:before {
    content: '\e9ea';
}

/* '' */
.icon-bank-debit__new:before {
    content: '\e9eb';
}

/* '' */
.icon-bank-transfer__new:before {
    content: '\e9ec';
}

/* '' */
.icon-merchant-service:before {
    content: '\e9ed';
}

/* '' */
.icon-payment-requests__new:before {
    content: '\ed8a';
}

/* '' */
.icon-account-activity__new:before {
    content: '\ed8b';
}

/* '' */
.icon-bank-card__new:before {
    content: '\ed8c';
}

/* '' */
.icon-withdraw-transfer__new:before {
    content: '\ed8e';
}

/* '' */
.icon-amazon-ad__new:before {
    content: '\ed8f';
}

/* '' */
.icon-amazon-bank-statement__new:before {
    content: '\ed90';
}

/* '' */
.icon-amazon-t__new:before {
    content: '\ed91';
}

/* '' */
.icon-glps-statement__new:before {
    content: '\ed92';
}

/* '' */
.icon-good-standing__new:before {
    content: '\ed93';
}

/* '' */
.icon-monthly-statement__new:before {
    content: '\ed94';
}

/* '' */
.icon-payment-requests__new-1:before {
    content: '\ed95';
}

/* '' */
.icon-payment-request-sent__new:before {
    content: '\ed96';
}

/* '' */
.icon-pay-recipient-bank-account__new:before {
    content: '\ed97';
}

/* '' */
.icon-recipient-bank-account__new:before {
    content: '\ed98';
}

/* '' */
.icon-withdrawal-confirmation__new:before {
    content: '\ed99';
}

/* '' */
.icon-menu:before {
    content: '\f0c9';
}

/* '' */
.icon-angle-left:before {
    content: '\f104';
}

/* 'ï„„' */
.icon-angle-right:before {
    content: '\f105';
}

/* 'ï„…' */
.icon-angle-up:before {
    content: '\f106';
}

/* '' */
.icon-angle-down:before {
    content: '\f107';
}

/* '' */
.icon-lock-open-alt:before {
    content: '\f13e';
}

/* '' */
.icon-file-pdf:before {
    content: '\f1c1';
}

/* '' */
.icon-file-excel:before {
    content: '\f1c3';
}

/* '' */
.icon-paper-plane-empty:before {
    content: '\f1d9';
}

/* '' */
.icon-trash-1:before {
    content: '\f1f8';
}

/* '' */
.icon-user-secret:before {
    content: '\f21b';
}

/* '' */
.icon-hourglass-2:before {
    content: '\f252';
}

/* '' */
:root {
    --payo-brand-light-primary: var(--payo-brand-color-white, #fff);
    --payo-brand-dark-primary: var(--payo-brand-color-gray-dark, #333333);
    --payo-brand-dark-secondary: var(--payo-brand-color-cold-gray-900, #33373e);
    --payo-brand-gray-1: var(--payo-brand-color-cold-gray-100, #f1f3f7);
    --payo-brand-gray-2: var(--payo-brand-color-cold-gray-200, #e4e7ed);
    --payo-brand-gray-3: var(--payo-brand-color-gray-light, #e6e6e6);
    --payo-brand-gray-4: var(--payo-brand-color-cold-gray-500, #c3cad9);
    --payo-brand-gray-5: var(--payo-brand-color-cold-gray-300, #c9cdd7);
    --payo-brand-gray-6: var(--payo-brand-color-cold-gray-400, #b9bfcb);
    --payo-brand-gray-7: var(--payo-brand-color-gray-500, #b2b2b2);
    --payo-brand-gray-8: var(--payo-brand-color-gray-lighter, #b3b3b3);
    --payo-brand-gray-9: var(--payo-brand-color-cold-gray-600, #8c98ab);
    --payo-brand-gray-10: var(--payo-brand-color-cold-gray-700, #636b78);
    --payo-brand-gray-11: var(--payo-brand-color-gray, #666666);
    --payo-brand-gray-12: var(--payo-brand-color-cold-gray-800, #515d6f);
    --payo-brand-gray-13: #767F8B;
    /*color is not exist in color palet*/
    --payo-brand-active-primary: var(--payo-brand-color-blue-300, #5ea2ce);
    --payo-brand-active-secondary: var(--payo-brand-color-blue-500,#399bda);
    --payo-brand-active-hover: var(--payo-brand-color-blue-700, #3d7faa);
    --payo-brand-error-primary-1: var(--payo-brand-color-red-700,#df0303);
    --payo-brand-error-primary-2: var(--payo-brand-color-red-800,#e70000);
    --payo-brand-error-secondary-1: var(--payo-brand-color-red-500,#ea5e5c);
    --payo-brand-error-secondary-2: var(--payo-brand-color-red-100,#e8c5c5);
    --payo-brand-success-primary: var(--payo-brand-color-green-500, #39c900);
    --payo-brand-color-primary: var(--payo-brand-color-orange-500, #ff4800);
    --payo-brand-color-primary-hover: var(--payo-brand-color-orange-700, #E14406);
    --payo-brand-color-primary-active: var(--payo-brand-color-orange-600, #f24501);
    --payo-brand-box-shadow-primary: var(--payo-brand-box-shadow-primary, rgba(136,136,136,.2));
    --payo-brand-box-shadow-secondary: var(--payo-brand-box-shadow-secondary,rgba(0,0,0,.3));
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

th,td {
    vertical-align: middle
}

*,*::before,*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    line-height: 1
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-bottom-style: inset;
    border-bottom-width: 1px;
    border-bottom-color: #eee;
    border-left-style: inset;
    border-left-width: 1px;
    border-left-color: #eee;
    border-right-style: inset;
    border-right-width: 1px;
    border-right-color: #eee;
    border-top-style: inset;
    border-top-width: 1px;
    border-top-color: #eee
}

a {
    color: #551a8b;
    color: -webkit-link;
    text-decoration: underline;
    background-color: rgba(0,0,0,0);
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: inherit
}

a:active,a:hover {
    outline-width: 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button:disabled,input:disabled,optgroup:disabled,select:disabled,textarea:disabled {
    opacity: 1
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

@media screen and (max-width: 1024px) {
    body,html {
        -ms-touch-action:auto;
        touch-action: auto
    }

    body>form {
        overflow-x: visible;
        overflow-y: visible
    }
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Condensed Light"),local("RobotoCondensed-Light"),url("/fonts/roboto-condensed-v18-vietnamese_latin_greek_cyrillic-300.woff2") format("woff2"),url("/fonts/roboto-condensed-v18-vietnamese_latin_greek_cyrillic-300.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Condensed"),local("RobotoCondensed-Regular"),url("/fonts/roboto-condensed-v18-vietnamese_latin_greek_cyrillic-regular.woff2") format("woff2"),url("/fonts/roboto-condensed-v18-vietnamese_latin_greek_cyrillic-regular.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Condensed Bold"),local("RobotoCondensed-Bold"),url("/fonts/roboto-condensed-v18-vietnamese_latin_greek_cyrillic-700.woff2") format("woff2"),url("/fonts/roboto-condensed-v18-vietnamese_latin_greek_cyrillic-700.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "AvenirNextWorld";
    font-style: normal;
    font-weight: 100;
    font-stretch: normal;
    font-display: swap;
    src: local("AvenirNextWorld Light"),local("AvenirNextWorld-Light"),url("/fonts/AvenirNextWorld-Light.woff2") format("woff2"),url("/fonts/AvenirNextWorld-Light.woff") format("woff")
}

@font-face {
    font-family: "AvenirNextWorld";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("AvenirNextWorld Regular"),local("AvenirNextWorld-Regular"),url("/fonts/AvenirNextWorld-Regular.woff2") format("woff2"),url("/fonts/AvenirNextWorld-Regular.woff") format("woff")
}

@font-face {
    font-family: "AvenirNextWorld";
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: local("AvenirNextWorld Medium"),local("AvenirNextWorld-Medium"),url("/fonts/AvenirNextWorld-Medium.woff2") format("woff2"),url("/fonts/AvenirNextWorld-Medium.woff") format("woff")
}

@font-face {
    font-family: "AvenirNextWorld";
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: local("AvenirNextWorld Demi"),local("AvenirNextWorld-Demi"),url("/fonts/AvenirNextWorld-Demi.woff2") format("woff2"),url("/fonts/AvenirNextWorld-Demi.woff") format("woff")
}

@font-face {
    font-family: "AvenirNextWorld";
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
    font-display: swap;
    src: local("AvenirNextWorld Bold"),local("AvenirNextWorld-Bold"),url("/fonts/AvenirNextWorld-Bold.woff2") format("woff2"),url("/fonts/AvenirNextWorld-Bold.woff") format("woff")
}

@font-face {
    font-family: "Noto Sans SC";
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: local("Noto Sans SC"),url("/fonts/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2") format("woff2"),url("/fonts/noto-sans-sc-v26-latin_chinese-simplified-regular.woff") format("woff")
}

@font-face {
    font-family: "Noto Sans SC";
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: local("Noto Sans SC Bold"),url("/fonts/noto-sans-sc-v26-latin_chinese-simplified-700.woff2") format("woff2"),url("/fonts/noto-sans-sc-v26-latin_chinese-simplified-700.woff") format("woff")
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: local("Noto Sans JP"),url("/fonts/noto-sans-jp-v42-latin_japanese-regular.woff2") format("woff2"),url("/fonts/noto-sans-jp-v42-latin_japanese-regular.woff") format("woff")
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: local("Noto Sans JP Bold"),url("/fonts/noto-sans-jp-v42-latin_japanese-700.woff2") format("woff2"),url("/fonts/noto-sans-jp-v42-latin_japanese-700.woff") format("woff")
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: local("Noto Sans KR"),url("/fonts/noto-sans-kr-v27-latin_korean-regular.woff2") format("woff2"),url("/fonts/noto-sans-kr-v27-latin_korean-regular.woff") format("woff")
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: local("Noto Sans KR Bold"),url("/fonts/noto-sans-kr-v27-latin_korean-700.woff2") format("woff2"),url("/fonts/noto-sans-kr-v27-latin_korean-700.woff") format("woff")
}

.flag {
    width: 32px;
    height: 32px;
    background: url(assets/60dbc6ee4833b3a2a212.png) no-repeat;
    display: inline-block;
    margin-top: -10px;
    vertical-align: middle
}

.flag.flag-ad {
    background-position: -32px 0
}

.flag.flag-ae {
    background-position: -64px 0
}

.flag.flag-af {
    background-position: -96px 0
}

.flag.flag-ag {
    background-position: -128px 0
}

.flag.flag-ai {
    background-position: -160px 0
}

.flag.flag-al {
    background-position: -192px 0
}

.flag.flag-am {
    background-position: -224px 0
}

.flag.flag-an {
    background-position: -256px 0
}

.flag.flag-ao {
    background-position: -288px 0
}

.flag.flag-ar {
    background-position: -320px 0
}

.flag.flag-as {
    background-position: -352px 0
}

.flag.flag-at {
    background-position: -384px 0
}

.flag.flag-au {
    background-position: -416px 0
}

.flag.flag-aw {
    background-position: -448px 0
}

.flag.flag-az {
    background-position: 0 -32px
}

.flag.flag-ba {
    background-position: -32px -32px
}

.flag.flag-bb {
    background-position: -64px -32px
}

.flag.flag-bd {
    background-position: -96px -32px
}

.flag.flag-be {
    background-position: -128px -32px
}

.flag.flag-bf {
    background-position: -160px -32px
}

.flag.flag-bg {
    background-position: -192px -32px
}

.flag.flag-bh {
    background-position: -224px -32px
}

.flag.flag-bi {
    background-position: -256px -32px
}

.flag.flag-bj {
    background-position: -288px -32px
}

.flag.flag-bm {
    background-position: -320px -32px
}

.flag.flag-bn {
    background-position: -352px -32px
}

.flag.flag-bo {
    background-position: -384px -32px
}

.flag.flag-br {
    background-position: -416px -32px
}

.flag.flag-bs {
    background-position: -448px -32px
}

.flag.flag-bt {
    background-position: 0 -64px
}

.flag.flag-bw {
    background-position: -32px -64px
}

.flag.flag-by {
    background-position: -64px -64px
}

.flag.flag-bz {
    background-position: -96px -64px
}

.flag.flag-ca {
    background-position: -128px -64px
}

.flag.flag-cd {
    background-position: -160px -64px
}

.flag.flag-cf {
    background-position: -192px -64px
}

.flag.flag-cg {
    background-position: -224px -64px
}

.flag.flag-ch {
    background-position: -256px -64px
}

.flag.flag-ci {
    background-position: -288px -64px
}

.flag.flag-ck {
    background-position: -320px -64px
}

.flag.flag-cl {
    background-position: -352px -64px
}

.flag.flag-cm {
    background-position: -384px -64px
}

.flag.flag-cn {
    background-position: -416px -64px
}

.flag.flag-co {
    background-position: -448px -64px
}

.flag.flag-cr {
    background-position: 0 -96px
}

.flag.flag-cu {
    background-position: -32px -96px
}

.flag.flag-cv {
    background-position: -64px -96px
}

.flag.flag-cy {
    background-position: -96px -96px
}

.flag.flag-cz {
    background-position: -128px -96px
}

.flag.flag-de {
    background-position: -160px -96px
}

.flag.flag-dj {
    background-position: -192px -96px
}

.flag.flag-dk {
    background-position: -224px -96px
}

.flag.flag-dm {
    background-position: -256px -96px
}

.flag.flag-do {
    background-position: -288px -96px
}

.flag.flag-dz {
    background-position: -320px -96px
}

.flag.flag-ec {
    background-position: -352px -96px
}

.flag.flag-ee {
    background-position: -384px -96px
}

.flag.flag-eg {
    background-position: -416px -96px
}

.flag.flag-eh {
    background-position: -448px -96px
}

.flag.flag-er {
    background-position: 0 -128px
}

.flag.flag-es {
    background-position: -32px -128px
}

.flag.flag-et {
    background-position: -64px -128px
}

.flag.flag-fi {
    background-position: -96px -128px
}

.flag.flag-fj {
    background-position: -128px -128px
}

.flag.flag-fm {
    background-position: -160px -128px
}

.flag.flag-fo {
    background-position: -192px -128px
}

.flag.flag-fr {
    background-position: -224px -128px
}

.flag.flag-ga {
    background-position: -256px -128px
}

.flag.flag-gb,.flag.flag-uk {
    background-position: -288px -128px
}

.flag.flag-gd {
    background-position: -320px -128px
}

.flag.flag-ge {
    background-position: -352px -128px
}

.flag.flag-gg {
    background-position: -384px -128px
}

.flag.flag-gh {
    background-position: -416px -128px
}

.flag.flag-gi {
    background-position: -448px -128px
}

.flag.flag-gl {
    background-position: 0 -160px
}

.flag.flag-gm {
    background-position: -32px -160px
}

.flag.flag-gn {
    background-position: -64px -160px
}

.flag.flag-gp {
    background-position: -96px -160px
}

.flag.flag-gq {
    background-position: -128px -160px
}

.flag.flag-gr {
    background-position: -160px -160px
}

.flag.flag-gt {
    background-position: -192px -160px
}

.flag.flag-gu {
    background-position: -224px -160px
}

.flag.flag-gw {
    background-position: -256px -160px
}

.flag.flag-gy {
    background-position: -288px -160px
}

.flag.flag-hk {
    background-position: -320px -160px
}

.flag.flag-hn {
    background-position: -352px -160px
}

.flag.flag-hr {
    background-position: -384px -160px
}

.flag.flag-ht {
    background-position: -416px -160px
}

.flag.flag-hu {
    background-position: -448px -160px
}

.flag.flag-id {
    background-position: 0 -192px
}

.flag.flag-ie {
    background-position: -32px -192px
}

.flag.flag-il {
    background-position: -64px -192px
}

.flag.flag-im {
    background-position: -96px -192px
}

.flag.flag-in {
    background-position: -128px -192px
}

.flag.flag-iq {
    background-position: -160px -192px
}

.flag.flag-ir {
    background-position: -192px -192px
}

.flag.flag-is {
    background-position: -224px -192px
}

.flag.flag-it {
    background-position: -256px -192px
}

.flag.flag-je {
    background-position: -288px -192px
}

.flag.flag-jm {
    background-position: -320px -192px
}

.flag.flag-jo {
    background-position: -352px -192px
}

.flag.flag-jp {
    background-position: -384px -192px
}

.flag.flag-ke {
    background-position: -416px -192px
}

.flag.flag-kg {
    background-position: -448px -192px
}

.flag.flag-kh {
    background-position: 0 -224px
}

.flag.flag-ki {
    background-position: -32px -224px
}

.flag.flag-km {
    background-position: -64px -224px
}

.flag.flag-kn {
    background-position: -96px -224px
}

.flag.flag-kp {
    background-position: -128px -224px
}

.flag.flag-kr {
    background-position: -160px -224px
}

.flag.flag-kw {
    background-position: -192px -224px
}

.flag.flag-ky {
    background-position: -224px -224px
}

.flag.flag-kz {
    background-position: -256px -224px
}

.flag.flag-la {
    background-position: -288px -224px
}

.flag.flag-lb {
    background-position: -320px -224px
}

.flag.flag-lc {
    background-position: -352px -224px
}

.flag.flag-li {
    background-position: -384px -224px
}

.flag.flag-lk {
    background-position: -416px -224px
}

.flag.flag-lr {
    background-position: -448px -224px
}

.flag.flag-ls {
    background-position: 0 -256px
}

.flag.flag-lt {
    background-position: -32px -256px
}

.flag.flag-lu {
    background-position: -64px -256px
}

.flag.flag-lv {
    background-position: -96px -256px
}

.flag.flag-ly {
    background-position: -128px -256px
}

.flag.flag-ma {
    background-position: -160px -256px
}

.flag.flag-mc {
    background-position: -192px -256px
}

.flag.flag-md {
    background-position: -224px -256px
}

.flag.flag-me {
    background-position: -256px -256px
}

.flag.flag-mg {
    background-position: -288px -256px
}

.flag.flag-mh {
    background-position: -320px -256px
}

.flag.flag-mk {
    background-position: -352px -256px
}

.flag.flag-ml {
    background-position: -384px -256px
}

.flag.flag-mm {
    background-position: -416px -256px
}

.flag.flag-mn {
    background-position: -448px -256px
}

.flag.flag-mo {
    background-position: 0 -288px
}

.flag.flag-mq {
    background-position: -32px -288px
}

.flag.flag-mr {
    background-position: -64px -288px
}

.flag.flag-ms {
    background-position: -96px -288px
}

.flag.flag-mt {
    background-position: -128px -288px
}

.flag.flag-mu {
    background-position: -160px -288px
}

.flag.flag-mv {
    background-position: -192px -288px
}

.flag.flag-mw {
    background-position: -224px -288px
}

.flag.flag-mx {
    background-position: -256px -288px
}

.flag.flag-my {
    background-position: -288px -288px
}

.flag.flag-mz {
    background-position: -320px -288px
}

.flag.flag-na {
    background-position: -352px -288px
}

.flag.flag-nc {
    background-position: -384px -288px
}

.flag.flag-ne {
    background-position: -416px -288px
}

.flag.flag-ng {
    background-position: -448px -288px
}

.flag.flag-ni {
    background-position: 0 -320px
}

.flag.flag-nl {
    background-position: -32px -320px
}

.flag.flag-no {
    background-position: -64px -320px
}

.flag.flag-np {
    background-position: -96px -320px
}

.flag.flag-nr {
    background-position: -128px -320px
}

.flag.flag-nz {
    background-position: -160px -320px
}

.flag.flag-om {
    background-position: -192px -320px
}

.flag.flag-pa {
    background-position: -224px -320px
}

.flag.flag-pe {
    background-position: -256px -320px
}

.flag.flag-pf {
    background-position: -288px -320px
}

.flag.flag-pg {
    background-position: -320px -320px
}

.flag.flag-ph {
    background-position: -352px -320px
}

.flag.flag-pk {
    background-position: -384px -320px
}

.flag.flag-pl {
    background-position: -416px -320px
}

.flag.flag-pr {
    background-position: -448px -320px
}

.flag.flag-ps {
    background-position: 0 -352px
}

.flag.flag-pt {
    background-position: -32px -352px
}

.flag.flag-pw {
    background-position: -64px -352px
}

.flag.flag-py {
    background-position: -96px -352px
}

.flag.flag-qa {
    background-position: -128px -352px
}

.flag.flag-re {
    background-position: -160px -352px
}

.flag.flag-ro {
    background-position: -192px -352px
}

.flag.flag-rs {
    background-position: -224px -352px
}

.flag.flag-ru {
    background-position: -256px -352px
}

.flag.flag-rw {
    background-position: -288px -352px
}

.flag.flag-sa {
    background-position: -320px -352px
}

.flag.flag-sb {
    background-position: -352px -352px
}

.flag.flag-sc {
    background-position: -384px -352px
}

.flag.flag-sd {
    background-position: -416px -352px
}

.flag.flag-se {
    background-position: -448px -352px
}

.flag.flag-sg {
    background-position: 0 -384px
}

.flag.flag-si {
    background-position: -32px -384px
}

.flag.flag-sk {
    background-position: -64px -384px
}

.flag.flag-sl {
    background-position: -96px -384px
}

.flag.flag-sm {
    background-position: -128px -384px
}

.flag.flag-sn {
    background-position: -160px -384px
}

.flag.flag-so {
    background-position: -192px -384px
}

.flag.flag-sr {
    background-position: -224px -384px
}

.flag.flag-st {
    background-position: -256px -384px
}

.flag.flag-sv {
    background-position: -288px -384px
}

.flag.flag-sy {
    background-position: -320px -384px
}

.flag.flag-sz {
    background-position: -352px -384px
}

.flag.flag-tc {
    background-position: -384px -384px
}

.flag.flag-td {
    background-position: -416px -384px
}

.flag.flag-tg {
    background-position: -448px -384px
}

.flag.flag-th {
    background-position: 0 -416px
}

.flag.flag-tj {
    background-position: -32px -416px
}

.flag.flag-tl {
    background-position: -64px -416px
}

.flag.flag-tm {
    background-position: -96px -416px
}

.flag.flag-tn {
    background-position: -128px -416px
}

.flag.flag-to {
    background-position: -160px -416px
}

.flag.flag-tr {
    background-position: -192px -416px
}

.flag.flag-tt {
    background-position: -224px -416px
}

.flag.flag-tv {
    background-position: -256px -416px
}

.flag.flag-tw {
    background-position: -288px -416px
}

.flag.flag-tz {
    background-position: -320px -416px
}

.flag.flag-ua {
    background-position: -352px -416px
}

.flag.flag-ug {
    background-position: -384px -416px
}

.flag.flag-us,.flag.flag-um {
    background-position: -416px -416px
}

.flag.flag-uy {
    background-position: -448px -416px
}

.flag.flag-uz {
    background-position: 0 -448px
}

.flag.flag-va {
    background-position: -32px -448px
}

.flag.flag-vc {
    background-position: -64px -448px
}

.flag.flag-ve {
    background-position: -96px -448px
}

.flag.flag-vg {
    background-position: -128px -448px
}

.flag.flag-vi {
    background-position: -160px -448px
}

.flag.flag-vn {
    background-position: -192px -448px
}

.flag.flag-vu {
    background-position: -224px -448px
}

.flag.flag-ws {
    background-position: -256px -448px
}

.flag.flag-ye {
    background-position: -288px -448px
}

.flag.flag-za {
    background-position: -320px -448px
}

.flag.flag-zm {
    background-position: -352px -448px
}

.flag.flag-zw {
    background-position: -384px -448px
}

.flag.flag-bl {
    background-position: 0 -480px
}

.flag.flag-fk {
    background-position: -32px -480px
}

.flag.flag-gf {
    background-position: -64px -480px
}

.flag.flag-mf {
    background-position: -96px -480px
}

.flag.flag-pm {
    background-position: -128px -480px
}

.flag.flag-yt {
    background-position: -160px -480px
}

.flag.flag-cw {
    background-position: -192px -480px
}

.flag.flag-aq {
    background-position: -224px -480px
}

.flag.flag-cc {
    background-position: -256px -480px
}

.flag.flag-cx {
    background-position: -288px -480px
}

.flag.flag-gs {
    background-position: -320px -480px
}

.flag.flag-kv {
    background-position: -352px -480px
}

.flag.flag-mp {
    background-position: -384px -480px
}

.flag.flag-nf {
    background-position: -416px -480px
}

.flag.flag-nu {
    background-position: -448px -480px
}

.flag.flag-pn {
    background-position: 0px -512px
}

.flag.flag-sh {
    background-position: -32px -512px
}

.flag.flag-ss {
    background-position: -64px -512px
}

.flag.flag-sx {
    background-position: -96px -512px
}

.flag.flag-tf {
    background-position: -128px -512px
}

.flag.flag-tk {
    background-position: -160px -512px
}

.flag.flag-wf {
    background-position: -192px -512px
}

.flag.flag-bv,.flag.flag-sj {
    background-position: -224px -512px
}

.flag.flag-hm {
    background-position: -256px -512px
}

.flag.flag-io {
    background-position: -288px -512px
}

.flag.flag-bq {
    background-position: -320px -512px
}

@media(min-width: 691px) {
    body .MainContainer #LeftContent #widgetContainer {
        border:2px #cdcfd5 solid;
        border-radius: 10px;
        overflow: hidden
    }
}

body .MainContainer #LeftContent #widgetContainer .myaccount__container__outlet {
    background: var(--payo-brand-color-cold-gray-100, #f1f3f7);
    min-height: 620px;
    overflow-y: auto;
    position: relative
}

@media(min-width: 691px) {
    body .MainContainer #LeftContent #widgetContainer .myaccount__container__outlet::-webkit-scrollbar-track {
        background-color:var(--brand-color-gray-100)
    }

    body .MainContainer #LeftContent #widgetContainer .myaccount__container__outlet::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background-color: var(--brand-color-gray-100)
    }

    body .MainContainer #LeftContent #widgetContainer .myaccount__container__outlet::-webkit-scrollbar-thumb {
        background-color: var(--brand-color-gray-500)
    }
}

body .MainContainer #LeftContent #widgetContainer .myaccount__container__wrapper {
    margin-top: 50px !important
}

@media(min-width: 691px) {
    body .MainContainer #LeftContent #widgetContainer .myaccount__container__wrapper {
        margin-top:0 !important
    }
}

.TextField,.TextFieldWide,.customStyleLocalizationBox,.RightContent *,.WelcomeArea * {
    -webkit-box-sizing: initial;
    box-sizing: initial;
    font-family: Arial,sans-serif
}

.localizationStyled {
    width: 100% !important
}

.RightContent {
    line-height: 1.3em
}

.WelcomeArea a {
    color: #333;
    text-decoration: underline
}

.WelcomeArea .WelcomeMessageContainer select {
    font-size: 13.33px
}

.PageFooter {
    width: 100%
}

html {
    height: 100%
}

body {
    min-height: 100%;
    background: var(--payo-brand-color-cold-gray-100, #f1f3f7)
}

.token-expire-modal {
    text-align: center
}

body #widgetContainer {
    height: auto
}

.legacy i:before {
    line-height: inherit
}

i.icon-90-deg:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

i.icon-180-deg:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

i.icon-270-deg:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.myaccount {
    font-family: var(--payo-brand-font);
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .2px;
    background-color: var(--payo-brand-color-white)
}

.myaccount__container--secure.rtl .myaccount__container__outlet {
    right: 0;
    padding-right: 0
}

@media(max-width: 991px) {
    .myaccount__container--secure.rtl .myaccount__container__outlet {
        padding-right:0;
        padding-left: 0
    }
}

.myaccount__container--secure .myaccount__container__outlet {
    min-height: 680px;
    position: static;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding-right: 380px;
    padding-bottom: 50px
}

@media(max-width: 690px) {
    .myaccount__container--secure .myaccount__container__outlet {
        position:relative;
        padding-right: 0;
        padding-left: 0;
        min-height: 400px
    }
}

@media(min-width: 691px) {
    .myaccount__container--secure .myaccount__container__outlet {
        padding-right:260px
    }
}

@media(min-width: 992px) {
    .myaccount__container--secure .myaccount__container__outlet {
        padding-right:380px
    }
}

.myaccount__container--secure.myaccount__container--fullscreen-open-secure .myaccount__container__outlet {
    padding: 0 0 50px;
    width: 100%
}

.myaccount__container--secure.myaccount__container--fullscreen-open-secure .myaccount__container__outlet .secure-right-pane {
    display: none
}

.myaccount__container--fullscreen-open.legacy .legacy-hide-on-fullscreen {
    display: none !important
}

@-webkit-keyframes autofill {
    to {
        color: #8c98ab;
        background: rgba(0,0,0,0)
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both
}

@-webkit-keyframes ResponsiveSidebarAnimationInMobile {
    0% {
        right: -100%
    }

    100% {
        right: 0
    }
}

@keyframes ResponsiveSidebarAnimationInMobile {
    0% {
        right: -100%
    }

    100% {
        right: 0
    }
}

@-webkit-keyframes ResponsiveSidebarAnimationInMobileRtl {
    0% {
        left: -100%
    }

    100% {
        left: 0
    }
}

@keyframes ResponsiveSidebarAnimationInMobileRtl {
    0% {
        left: -100%
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes ResponsiveSidebarAnimationInDesktop {
    0% {
        right: -300px
    }

    100% {
        right: 0
    }
}

@keyframes ResponsiveSidebarAnimationInDesktop {
    0% {
        right: -300px
    }

    100% {
        right: 0
    }
}

@-webkit-keyframes ResponsiveSidebarAnimationInDesktopRtl {
    0% {
        left: -300px
    }

    100% {
        left: 0
    }
}

@keyframes ResponsiveSidebarAnimationInDesktopRtl {
    0% {
        left: -300px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes ResponsiveSidebarAnimationOutMobile {
    0% {
        right: 0
    }

    100% {
        right: -100%
    }
}

@keyframes ResponsiveSidebarAnimationOutMobile {
    0% {
        right: 0
    }

    100% {
        right: -100%
    }
}

@-webkit-keyframes ResponsiveSidebarAnimationOutMobileRtl {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@keyframes ResponsiveSidebarAnimationOutMobileRtl {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@-webkit-keyframes ResponsiveSidebarAnimationOutDesktop {
    0% {
        right: 0
    }

    100% {
        right: -300px
    }
}

@keyframes ResponsiveSidebarAnimationOutDesktop {
    0% {
        right: 0
    }

    100% {
        right: -300px
    }
}

@-webkit-keyframes ResponsiveSidebarAnimationOutDesktopRtl {
    0% {
        left: 0
    }

    100% {
        left: -300px
    }
}

@keyframes ResponsiveSidebarAnimationOutDesktopRtl {
    0% {
        left: 0
    }

    100% {
        left: -300px
    }
}

@-webkit-keyframes Shake {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: -10px;
        opacity: .7
    }

    100% {
        right: 0;
        opacity: 1
    }
}

@keyframes Shake {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: -10px;
        opacity: .7
    }

    100% {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes ShakeAgain {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: -10px;
        opacity: .7
    }

    100% {
        right: 0;
        opacity: 1
    }
}

@keyframes ShakeAgain {
    0% {
        right: 0;
        opacity: 1
    }

    50% {
        right: -10px;
        opacity: .7
    }

    100% {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes FullScreenModalAnimationOpen {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        background-color: rgba(0,0,0,0)
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        background-color: rgba(0,0,0,0)
    }
}

@keyframes FullScreenModalAnimationOpen {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        background-color: rgba(0,0,0,0)
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        background-color: rgba(0,0,0,0)
    }
}

@-webkit-keyframes FullScreenModalAnimationOpenMobile {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        background-color: rgba(0,0,0,0)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        background-color: rgba(0,0,0,0)
    }
}

@keyframes FullScreenModalAnimationOpenMobile {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        background-color: rgba(0,0,0,0)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        background-color: rgba(0,0,0,0)
    }
}

@-webkit-keyframes FullScreenModalAnimationOpenMobileRtl {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        background-color: rgba(0,0,0,0)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        background-color: rgba(0,0,0,0)
    }
}

@keyframes FullScreenModalAnimationOpenMobileRtl {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        background-color: rgba(0,0,0,0)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        background-color: rgba(0,0,0,0)
    }
}

@-webkit-keyframes FullScreenModalAnimationClose {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }
}

@keyframes FullScreenModalAnimationClose {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }
}

@-webkit-keyframes FullScreenModalAnimationCloseMobile {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }
}

@keyframes FullScreenModalAnimationCloseMobile {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }
}

@-webkit-keyframes FullScreenModalAnimationCloseMobileRtl {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }
}

@keyframes FullScreenModalAnimationCloseMobileRtl {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        background-color: var(--payo-brand-color-cold-gray-100, #f1f3f7)
    }
}

@-webkit-keyframes FullScreenModalBackButtonAnimationOpen {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes FullScreenModalBackButtonAnimationOpen {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes FullScreenModalHelpButtonAnimationOpen {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes FullScreenModalHelpButtonAnimationOpen {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes FullScreenModalBackButtonAnimationOpenRtl {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes FullScreenModalBackButtonAnimationOpenRtl {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes FullScreenModalHelpButtonAnimationOpenRtl {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes FullScreenModalHelpButtonAnimationOpenRtl {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes MainFSMAnimationIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes MainFSMAnimationIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes MainFSMAnimationInMobile {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes MainFSMAnimationInMobile {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes MainFSMAnimationInMobileRtl {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes MainFSMAnimationInMobileRtl {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes MainFSMAnimationOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes MainFSMAnimationOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes MainFSMAnimationOutMobile {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes MainFSMAnimationOutMobile {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes MainFSMAnimationOutMobileRtl {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes MainFSMAnimationOutMobileRtl {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes NavbarFSMAnimationIn {
    0% {
        left: -200px
    }

    100% {
        left: 0
    }
}

@keyframes NavbarFSMAnimationIn {
    0% {
        left: -200px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes NavbarFSMAnimationInRtl {
    0% {
        right: -200px
    }

    100% {
        right: 0
    }
}

@keyframes NavbarFSMAnimationInRtl {
    0% {
        right: -200px
    }

    100% {
        right: 0
    }
}

@-webkit-keyframes NavbarFSMAnimationOut {
    0% {
        left: 0
    }

    100% {
        left: -200px
    }
}

@keyframes NavbarFSMAnimationOut {
    0% {
        left: 0
    }

    100% {
        left: -200px
    }
}

@-webkit-keyframes NavbarFSMAnimationOutRtl {
    0% {
        right: 0
    }

    100% {
        right: -200px
    }
}

@keyframes NavbarFSMAnimationOutRtl {
    0% {
        right: 0
    }

    100% {
        right: -200px
    }
}

@-webkit-keyframes SidebarFSMAnimationIn {
    0% {
        right: -300px
    }

    100% {
        right: 0
    }
}

@keyframes SidebarFSMAnimationIn {
    0% {
        right: -300px
    }

    100% {
        right: 0
    }
}

@-webkit-keyframes SidebarFSMAnimationInRtl {
    0% {
        left: -300px
    }

    100% {
        left: 0
    }
}

@keyframes SidebarFSMAnimationInRtl {
    0% {
        left: -300px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes SidebarFSMAnimationOut {
    0% {
        right: 0
    }

    100% {
        right: -300px
    }
}

@keyframes SidebarFSMAnimationOut {
    0% {
        right: 0
    }

    100% {
        right: -300px
    }
}

@-webkit-keyframes SidebarFSMAnimationOutRtl {
    0% {
        left: 0
    }

    100% {
        left: -300px
    }
}

@keyframes SidebarFSMAnimationOutRtl {
    0% {
        left: 0
    }

    100% {
        left: -300px
    }
}

@-webkit-keyframes SkeletonAnimation {
    0% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

@keyframes SkeletonAnimation {
    0% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

.layout-template-index__main {
    padding: 16px
}

@media(min-width: 690px) {
    .layout-template-index__main {
        padding:17px 10px
    }
}

.pay-selection-page__content {
    padding: 16px
}

.pay-selection-page__content .myaccount-dashboard-groups .myaccount-dashboard-list .myaccount-link-card .front .title {
    line-height: 22px
}

.pay-selection-page__content .myaccount-dashboard-groups .myaccount-dashboard-list .myaccount-link-card .front .icon__amz-adv,.pay-selection-page__content .myaccount-dashboard-groups .myaccount-dashboard-list .myaccount-link-card .front .icon__amz-tra {
    font-size: 22px
}

.pay-selection-page__content .myaccount-dashboard-groups .myaccount-dashboard-list .myaccount-link-card .front main {
    max-height: none
}

.pay-selection-page__content .myaccount-dashboard-groups .myaccount-dashboard-list .myaccount-link-card .front .arrow {
    margin-top: auto !important
}

@media(min-width: 691px) {
    .pay-selection-page__content {
        padding:10px;
        margin: 6px
    }
}

.flip-container {
    -webkit-perspective: 800px;
    perspective: 800px
}

.flip-container.flip .front {
    pointer-events: none
}

.flipper {
    -webkit-transition: all .6s;
    transition: all .6s;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.front,.back {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(min-width: 692px) {
    .front {
        -webkit-transform:rotateY(0deg);
        transform: rotateY(0deg)
    }

    .back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .back main {
        opacity: 0;
        -webkit-transition: opacity .15s .15s;
        transition: opacity .15s .15s
    }

    .flip-container.flip .flipper {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .flip-container.flip .back main {
        opacity: 1
    }
}

@media(max-width: 691px) {
    .flipper {
        min-height:70px
    }

    .flip-container.flip .flipper {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .front {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    .back {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }
}

.full-screen-modal-new .wizard,.full-screen-modal-new--legacy .wizard {
    margin: 0
}

.full-screen-modal-new .wizard-step,.full-screen-modal-new--legacy .wizard-step {
    margin: 0 auto 23px;
    width: 100%
}

.card.errorPageContainer {
    margin: 16px auto
}

@media(max-width: 480px) {
    .card {
        width:100%
    }
}

.module-spinner {
    height: 50vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.module-spinner span {
    background-color: var(--brand-color-blue-500)
}

i.icon-contact-company {
    vertical-align: top;
    margin-bottom: .1em
}

.dialog__close-button {
    z-index: 999999
}

.legacy .radio-button__input+label:before {
    -webkit-transition: none;
    transition: none
}

.tour-manage-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px
}

.tour-manage-content {
    font-weight: 300
}