body {
        background-color: #f1f3f7;
      }

.google-recaptcha--error>div {
        width: 304px;
        border: 1px solid #e31b0c;
        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: #f1f3f7;
        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: #e31b0c;
        color: var(--brand-color-red-500, #e31b0c);
      }

      .simple-captcha__error-text__status {
        font-size: 0.8em;
        color: #b3b3b3;
        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: 0.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: 0.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;
        }
      }

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

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

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

      .error-box__icon {
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

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

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

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

      .error-box__content {
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        text-align: left;
        margin-left: 16px;
        flex-basis: 85%;
        -ms-flex-preferred-size: 85%;
        flex-direction: column;
        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 {
        flex-basis: 85%;
        -ms-flex-preferred-size: 85%;
        color: #e31b0c;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .error-box--simple .error-box__content a {
        color: #e31b0c;
        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;
          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 {
          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;
        transition: 0.5s cubic-bezier(0.89, 0.01, 0.5, 1.1);
        transform: translateY(-200%);
        color: white;
      }

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

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

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

      .notification-list div.notification-bar .toast-message__icon {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        font-size: 20px;
        width: 40px;
        background-color: #31da89;
        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: flex;
        align-items: center;
        width: 40px;
        justify-content: center;
      }

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

      .notification-list div.notification-bar .toast-message__content {
        padding: 8px;
        padding-bottom: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

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

      .notification-list div.notification-bar .toast-message__title {
        font-size: 16px;
        line-height: 24px;
        margin-top: 2px;
        margin-bottom: 4px;
        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: flex;
        flex-wrap: wrap;
        align-items: center;
      }

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

      .notification-list div.notification-bar .toast-message__text-wrapper-action-bottom {
        align-items: flex-start;
        flex-direction: column;
      }

      .notification-list div.notification-bar .toast-message__icon-close__new {
        display: flex;
        align-items: center;
        height: 40px;
        margin-inline-end: 12px;
        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: flex;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-decoration: underline;
        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: #666666;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 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: 100%;
          min-height: -moz-available;
          min-height: -webkit-fill-available;
          min-height: stretch;
          max-height: none;
          max-height: initial;
        }

        .dialog-portal .dialog__content.alignVertical-center__mobile {
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
      }

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

      .dialog-portal .dialog__title {
        margin-top: 0;
        padding-bottom: 0.5em;
        color: #252526;
        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, 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: transparent;
      }

      .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: auto;
        right: initial;
      }

      .newDialog {
        position: relative;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 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, 0.3);
      }

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

      .newDialog_header {
        width: 100%;
        min-height: 22px;
        color: #636b78;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
        font-size: 20px;
        font-weight: bold;
        line-height: 1.3;
        border-bottom: 1px solid #dcdcdc;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
        padding: 10px 0;
      }

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

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

      .newDialog_icon {
        font-size: 65px;
        fill: #8c98ab;
        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;
        margin-inline-end: -10px;
        overflow-y: auto;
        color: #666666;
      }

      @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: #c9cdd7;
        background-color: var(--payo-brand-color-cold-gray-300, #c9cdd7);
      }

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

      .newDialog_btns {
        text-align: center;
        border-top: 1px solid #dcdcdc;
        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;
      }

      @media only screen and (max-width: 690px) {
        .newDialog_btns {
          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: #0075e1;
        color: var(--brand-color-blue-500, #0075e1);
        line-height: 1.39;
      }

      .newDialog_link>a:hover {
        color: #3d7faa;
        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: 0.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: "#666666";
        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 "#DCDCDC0";
        border-top: 1px solid var(--brand-color-gray-200, "#DCDCDC0");
        display: flex;
        justify-content: center;
        padding-top: 23px;
      }

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

      .alert__dialog .dialog__content .alert__main-content .alert__footer button {
        text-transform: uppercase;
        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: auto;
          width: initial;
          height: auto;
          height: initial;
          min-height: 0;
          min-height: initial;
          max-height: none;
          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;
        }
      }

.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 #0075e1;
        border-left: 4px solid var(--brand-color-blue-500, #0075e1);
        padding-left: 15px;
      }

      .card--active.card--rtl {
        border-left: 0;
        border-right: 4px solid #0075e1;
        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 {
        box-shadow: 4px 3px 15px rgba(136, 136, 136, 0.2);
      }

      .card--shadow.card--rtl {
        box-shadow: -4px 3px 15px rgba(136, 136, 136, 0.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 #dcdcdc;
        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: flex;
        justify-content: space-between;
      }

      .card__header__expander {
        width: 30px;
      }

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

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

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

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

      .card__header__subTitle {
        color: #666;
        color: var(--brand-color-gray-600, #666);
        font-weight: normal;
        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 #c9cdd7;
        border-left: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7);
      }

      .card--rtl .card__header__addon {
        border-left: none;
        border-right: 1px solid #c9cdd7;
        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 #c9cdd7;
        border-bottom: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7);
      }

      .card__content {
        font-size: 18px;
        line-height: 21px;
        color: #252526;
        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%;
        }
      }

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

      .inline-edit-textBox__add-new,
      .inline-edit-textBox__current-value {
        display: flex;
        align-items: flex-end;
        margin-top: 37px;
        color: #0075E1;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

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

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

      .inline-edit-textBox .text-box svg {
        fill: #252526;
        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;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
        animation-play-state: paused;
      }

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

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

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

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

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

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

        100% {
          opacity: 0;
          transform-origin: 50% 50%;
          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: #e31b0c;
        color: var(--brand-color-red-500, #e31b0c);
        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: flex;
        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: calc(100% - 56px);
      }

      .react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values {
        display: flex;
        min-height: 30px;
        flex-grow: 1;
        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: flex;
        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 {
        flex-grow: 0;
        flex-shrink: 0;
        cursor: pointer;
        display: flex;
        align-items: 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 {
        transition: stroke 0.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 {
        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: flex;
      }

      .react-selectize.dropdown-menu .groups.as-columns>div {
        flex: 1 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 {
        transform: scaleX(1);
      }

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

      .react-selectize.material.root-node .react-selectize-control:after {
        background-color: #00bcd4;
        content: "";
        transform: scaleX(0);
        transition: 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, 0.3);
        text-indent: 4px;
      }

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

      .react-selectize.material.dropdown-menu-wrapper.flipped .dropdown-menu {
        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 {
        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 {
        transition: transform 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, opacity 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);
        transform: scale(0, 0);
      }

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

      .react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-leave {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        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;
        box-shadow: rgba(0, 0, 0, 0.118) 0px 1px 6px, rgba(0, 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: flex;
        -o-box-align: 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: flex;
        -o-box-align: 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, 0.098);
      }

      .react-selectize.material.dropdown-menu .option-wrapper .simple-option {
        color: rgba(0, 0, 0, 0.875);
        cursor: pointer;
        display: flex;
        -o-box-orient: vertical;
        flex-direction: column;
        -o-box-align: start;
        align-items: flex-start;
        -o-box-pack: 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("") 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%;
        transition: background-size .1s, opacity .5s;
        color: #fff;
        color: var(--payo-brand-color-white, #fff);
        background-color: #0075e1;
        background-color: var(--brand-color-blue-500, #0075e1);
        background-image: linear-gradient(#1268a9, #1268a9);
        background-image: linear-gradient(var(--brand-color-blue-600, #1268a9), var(--brand-color-blue-600, #1268a9));
      }

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

      .button:active {
        color: #fff;
        color: var(--payo-brand-color-white, #fff);
        background-image: linear-gradient(#0075e1, #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: #878787;
        color: var(--brand-color-gray-500, #878787);
        background-color: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
        background-image: none;
        border: none;
        cursor: not-allowed;
        opacity: 0.88;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .button--cancel:disabled {
        color: #878787;
        color: var(--brand-color-gray-500, #878787);
        background-color: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
        background-image: none;
        border: none;
        cursor: not-allowed;
        opacity: 0.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;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .check-box--disabled .check-box__label {
        color: #a8a8a8;
        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, 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: #878787;
        color: var(--brand-color-gray-500, #878787);
        transition: color 0.5s ease, border-color 0.5s ease;
        width: 1.05em;
        height: 1.05em;
        border: 1.5px solid #878787;
        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 #a8a8a8;
        border: 2px solid var(--brand-color-gray-300, #a8a8a8);
      }

      .check-box__box__check:before {
        position: absolute;
        content: "";
        transform: rotate(45deg);
        display: block;
        margin-top: -4px;
        margin-left: 6.5px;
        width: 0;
        height: 0;
        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 {
        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;
        animation: checkbox-on .3s forwards ease-out;
      }

      .check-box input[type=checkbox]:checked+.check-box__box .check-box__box__check {
        color: #0075e1;
        color: var(--brand-color-blue-500, #0075e1);
        border-color: #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: #0075e1;
        color: var(--brand-color-blue-500, #0075e1);
        border-color: #0075e1;
        border-color: var(--brand-color-blue-500, #0075e1);
      }

      .check-box input[type=checkbox]:focus+.check-box__box .check-box__box__check {
        border-color: #0075e1;
        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: #a8a8a8;
        border-color: var(--brand-color-gray-300, #a8a8a8);
        color: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .check-box--error .check-box__box__check {
        color: #e31b0c;
        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: #c9cdd7;
        background: var(--payo-brand-color-cold-gray-300, #c9cdd7);
        border-radius: 50px;
        cursor: pointer;
        transition: all 0.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: #f1f3f7;
        background: var(--payo-brand-color-cold-gray-100, #f1f3f7);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.36), 0 0 1px rgba(0, 0, 0, 0.12);
        content: '';
        transition: all 0.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: #0075e1;
        background: var(--brand-color-blue-500, #0075e1);
      }

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

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

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

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

      @keyframes checkbox-on {
        0% {
          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% {
          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% {
          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: 0.9em;
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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 transparent;
      }

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

      .date-of-birth .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid #252526;
        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: #252526;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
        color: #A8A8A8;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

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

      .date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
        stroke: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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 {
        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: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        height: 1px;
        bottom: -1px;
      }

      .date-of-birth .react-selectize.material.root-node .option-wrapper {
        color: #252526;
        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: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
      }

      .date-of-birth .react-selectize.material.root-node .option-wrapper .selected {
        background-color: #252526;
        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 #a8a8a8;
        border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8);
      }

      .date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control:after {
        transform: scaleX(1);
        background-color: transparent;
      }

      .date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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, 0.3);
        background-color: #efefef;
        background-color: var(--brand-color-gray-100, #efefef);
      }

      .date-of-birth .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #7c7c7d;
        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 {
        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: #252526;
        fill: var(--brand-color-gray-700, #252526);
        height: 16px;
      }

      .date-of-birth .react-selectize .react-selectize-toggle-button-container>i {
        color: #252526;
        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 transparent;
      }

      .date-of-birth.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
        background-color: #e31b0c;
        background-color: var(--brand-color-red-500, #e31b0c);
        transform: scaleX(1);
        bottom: -1;
      }

      .date-of-birth__label {
        display: block;
        position: absolute;
        top: 0;
        margin-top: 16px;
        font-size: 14px;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }

      .open~.date-of-birth__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: #0075e1;
        color: var(--brand-color-blue-500, #0075e1);
      }

      .card-drop-down .card__body__group {
        font-weight: bold;
        margin-top: 10px;
        line-height: 2em;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        border-top: 1px #dcdcdc solid;
        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: #F7F7F7;
        background: var(--brand-color-gray-50, #F7F7F7);
        color: #252526;
        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: #EFEFEF;
        background-color: var(--brand-color-gray-100, #EFEFEF);
      }

      .card-drop-down .card__body__option--checked {
        background: #252526;
        background: var(--brand-color-gray-700, #252526);
        color: #FFFFFF;
      }

      .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: #0075e1;
        color: var(--brand-color-blue-500, #0075e1);
      }

      .card-multi-drop-down .card__body .reset-btn {
        color: #5ea2ce;
        color: var(--payo-brand-color-blue-300, #5ea2ce);
      }

      .card-multi-drop-down .card__body .group-name {
        color: #252526;
        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 #dcdcdc solid;
        border-top: 1px var(--brand-color-gray-200, #dcdcdc) solid;
      }

      .card-multi-drop-down .card__body__option {
        width: 100%;
        height: 39px;
        background: #F7F7F7;
        background: var(--brand-color-gray-50, #F7F7F7);
        color: #252526;
        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: #EFEFEF;
        background-color: var(--brand-color-gray-100, #EFEFEF);
      }

      .card-multi-drop-down .card__body__option svg {
        fill: #252526;
        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: #252526;
        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: #e4e7ed;
        background: var(--payo-brand-color-cold-gray-200, #e4e7ed);
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .card-multi-drop-down .card__body__option--disabled.card__body__option--checked {
        background: #c9cdd7;
        background: var(--payo-brand-color-cold-gray-300, #c9cdd7);
      }

      .card-multi-drop-down .card__body__option--disabled svg {
        fill: #252526;
        fill: var(--brand-color-gray-700, #252526);
      }

      .card-multi-drop-down__card--disabled .multi-select__values__grouped__counter {
        background: #c9cdd7;
        background: var(--payo-brand-color-cold-gray-300, #c9cdd7);
        color: #252526;
        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: #c9cdd7;
        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 transparent;
      }

      .drop-down .react-selectize.material.root-node {
        width: 100%;
        box-sizing: border-box;
      }

      .drop-down .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid #252526;
        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: #252526;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .drop-down .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
        color: #A8A8A8;
        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: #7c7c7d;
        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: auto;
        width: initial;
        margin-right: -5px;
      }

      .drop-down .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
        stroke: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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 {
        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: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        height: 1px;
        bottom: -1px;
      }

      .drop-down .react-selectize.material.root-node .option-wrapper {
        color: #252526;
        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: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
      }

      .drop-down .react-selectize.material.root-node .option-wrapper .selected {
        background-color: #252526;
        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 #a8a8a8;
        border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8);
      }

      .drop-down .react-selectize.material.root-node.disabled .react-selectize-control:after {
        transform: scaleX(1);
        background-color: transparent;
      }

      .drop-down .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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, 0.3);
        background-color: #efefef;
        background-color: var(--brand-color-gray-100, #efefef);
      }

      .drop-down .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #7c7c7d;
        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 {
        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: #252526;
        fill: var(--brand-color-gray-700, #252526);
        height: 16px;
      }

      .drop-down .react-selectize .react-selectize-toggle-button-container>i {
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .drop-down.react-selectize-error .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid transparent;
      }

      .drop-down.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
        background-color: #e31b0c;
        background-color: var(--brand-color-red-500, #e31b0c);
        transform: scaleX(1);
        bottom: -1;
      }

      .drop-down .react-selectize.material.root-node .react-selectize-control:hover {
        border-color: #0075E1;
        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: #a8a8a8;
        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 #a8a8a8;
        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: #7c7c7d;
        color: var(--brand-color-gray-600, #7c7c7d);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }

      .open+.drop-down__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .drop-down--rtl .drop-down__label {
        left: inherit;
        right: 0;
      }

      .drop-down--error .drop-down__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      @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: #666 !important;
        color: var(--brand-color-gray-600, #666) !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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .drop-down__item--disabled {
        color: #a8a8a8;
        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, 0.7);
      }

      .drop-down--filter-theme>.react-selectize.material.root-node.simple-select>.react-selectize-control:hover {
        border-bottom-color: #0075E1;
        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, 0.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;
        box-sizing: border-box;
        border: 6px solid #c9cdd7;
        border: 6px solid var(--payo-brand-color-cold-gray-300, #c9cdd7);
        border-color: transparent transparent #fff #fff;
        transform-origin: 0 0;
        transform: rotate(135deg);
        box-shadow: -2px 2px 2px 0 rgba(99, 107, 120, 0.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, 0.4);
      }

      .drop-down--filter-theme>.react-selectize.material.root-node.open>.dropdown-menu-wrapper.material>.dropdown-menu>.option-wrapper.highlight {
        background-color: #dcdcdc;
        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, 0.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, 0.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: initial;
          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 {
        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: #252526;
        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: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        border-radius: 1em;
        padding: 0 0.6em 0 0.5em;
        margin: 0 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 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 transparent;
      }

      .phone-number .react-selectize.material.root-node {
        width: 100%;
        box-sizing: border-box;
      }

      .phone-number .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid #252526;
        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: #252526;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
        color: #A8A8A8;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

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

      .phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
        stroke: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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 {
        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: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        height: 1px;
        bottom: -1px;
      }

      .phone-number .react-selectize.material.root-node .option-wrapper {
        color: #252526;
        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: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
      }

      .phone-number .react-selectize.material.root-node .option-wrapper .selected {
        background-color: #252526;
        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 #a8a8a8;
        border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8);
      }

      .phone-number .react-selectize.material.root-node.disabled .react-selectize-control:after {
        transform: scaleX(1);
        background-color: transparent;
      }

      .phone-number .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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, 0.3);
        background-color: #f1f3f7;
        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: #252526;
        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 {
        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: #252526;
        fill: var(--brand-color-gray-700, #252526);
        height: 16px;
      }

      .phone-number .react-selectize .react-selectize-toggle-button-container>i {
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .phone-number.react-selectize-error .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid transparent;
      }

      .phone-number.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
        background-color: #e31b0c;
        background-color: var(--brand-color-red-500, #e31b0c);
        transform: scaleX(1);
        bottom: -1;
      }

      .phone-number__label {
        display: block;
        position: absolute;
        top: 0;
        margin-top: 22px;
        font-size: 14px;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        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: #666 !important;
        color: var(--brand-color-gray-600, #666) !important;
      }

      .phone-number--error .phone-number__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      @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: calc(100% - 4px);
        }
      }

      .phone-number__item,
      .phone-number__no-results {
        display: flex;
        align-items: center;
        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;
        transform: scale(0.75);
        flex-basis: 32px;
      }

      .phone-number__item__country,
      .phone-number__no-results__country {
        flex-basis: 70%;
        white-space: normal;
      }

      .phone-number__item__dialCode,
      .phone-number__no-results__dialCode {
        direction: ltr;
        flex-basis: 15%;
      }

      .phone-number__value {
        direction: ltr;
      }

      .phone-number__value__flag {
        display: inline-block;
        width: 32px;
        height: 30px;
        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: #a8a8a8;
        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: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1% 5%;
        font-size: 16px;
      }

      div.country-list__item__flag {
        top: 0;
        margin: 0;
        width: 32px;
        height: 32px;
        transform: scale(0.75);
        flex-basis: 32px;
      }

      div.country-list__item__country {
        flex-basis: 85%;
        white-space: normal;
      }

      div.country-list__value {
        display: block;
        font-size: 16px;
      }

      div.country-list__value__flag {
        display: table-cell;
        transform: scale(0.75);
        line-height: normal;
        line-height: initial;
        vertical-align: middle;
      }

      div.country-list__value__country {
        display: table-cell;
        line-height: normal;
        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%;
        transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        background-color: transparent;
      }

      .text-box--rtl {
        direction: rtl;
      }

      .text-box__label {
        position: absolute;
        top: 37px;
        left: 0;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        z-index: 0;
        cursor: text;
        transform: scale(1) translate(0px, 0px);
        transform-origin: left top 0;
        pointer-events: none;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        -webkit-user-select: none;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }

      .background-mode-gray .text-box__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .text-box__input {
        -webkit-tap-highlight-color: transparent;
        padding: 0;
        position: relative;
        width: 100%;
        border: none;
        outline: none;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        font-size: 16px;
        height: 20px;
        box-sizing: border-box;
        box-shadow: none;
        margin-top: 37px;
        margin-bottom: 5px;
        background-color: transparent;
        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 {
        transform: scale(0.875) translate(0px, -20px);
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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 {
        transform-origin: 100%;
      }

      .text-box__input:-webkit-autofill~label {
        transform: scale(0.875) translate(0px, -20px);
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .text-box--rtl .text-box__input:-webkit-autofill~label {
        transform-origin: 100%;
      }

      .text-box__input:focus~label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .text-box__input:focus~.text-box__hr-container>:last-child {
        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: #0075E1;
        border-color: var(--brand-color-blue-500, #0075E1);
        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: calc(100% - 30px);
      }

      .text-box__addon {
        position: absolute;
        right: 0;
        top: 38px;
        z-index: 10;
      }

      .text-box--rtl .text-box__addon {
        right: auto;
        right: initial;
        left: 0;
      }

      .text-box__hr-container {
        width: 100%;
      }

      .text-box__hr-container>hr {
        width: 100%;
        border-style: none none solid;
        box-sizing: content-box;
        margin: 0;
      }

      .text-box__hr-container>hr:first-child {
        border-bottom-width: 1px;
        border-color: #dcdcdc;
        border-color: var(--brand-color-gray-200, #dcdcdc);
      }

      .text-box__hr-container>hr:last-child {
        border-bottom-width: 1px;
        border-color: #0075E1;
        border-color: var(--brand-color-blue-500, #0075E1);
        transform: scaleX(0) translateY(-1px);
        transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      }

      .text-box.text-box--error>.text-box__hr-container>:last-child {
        border-color: #e31b0c;
        border-color: var(--brand-color-red-500, #e31b0c);
        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: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
        -webkit-text-fill-color: #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 #a8a8a8 !important;
        border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8) !important;
        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: #8c98ab;
        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::-moz-placeholder {
        color: #b9bfcb;
        color: var(--payo-brand-color-cold-gray-400, #b9bfcb);
      }

      .text-box--long-label .text-box__input::placeholder {
        color: #b9bfcb;
        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: #fff;
        color: var(--brand-color-white-500, #fff);
        background-color: #252526;
        background-color: var(--brand-color-gray-700, #252526);
        border-radius: 4px;
        box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.1);
      }

      .rc-tooltip .rc-tooltip-inner a {
        color: #ffffff;
        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: #252526;
        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: #252526;
        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: #252526;
        border-right-color: var(--brand-color-gray-700, #252526);
      }

      .rc-tooltip.rc-tooltip-placement-left .rc-tooltip-arrow {
        border-left-color: #252526;
        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: #8c98ab;
        fill: var(--payo-brand-color-cold-gray-600, #8c98ab);
        width: 23px;
        height: 16px;
      }

      .tooltip__icon {
        color: #252526;
        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: 0.8rem;
        color: #252526;
        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;
        transition: .28s ease;
        -webkit-user-select: none;
        -moz-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;
        transition: .28s ease;
        border: 2px solid #878787;
        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 #0075e1;
        border: 2px solid var(--brand-color-blue-500, #0075e1);
      }

      .radio-button__input:focus+label:before {
        box-shadow: 0 0 0 4px rgba(136, 136, 136, 0.2);
      }

      .radio-button__input:not(:checked)+label:after {
        transform: scale(0);
      }

      .radio-button__input:checked+label:after {
        background-color: #0075e1;
        background-color: var(--brand-color-blue-500, #0075e1);
        transform: scale(0.5);
        border: none;
      }

      .radio-button__input:disabled+label {
        color: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
        cursor: default;
      }

      .radio-button__input:disabled+label:before,
      .radio-button__input:disabled+label:after {
        border-color: #a8a8a8;
        border-color: var(--brand-color-gray-300, #a8a8a8);
        cursor: default;
      }

      .radio-button__input:disabled+label:before {
        background-color: transparent;
      }

      .radio-button__input:disabled+label:after {
        background-color: #a8a8a8;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

      @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 #252526 solid;
        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: #252526;
        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: #252526;
        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: 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: #252526;
        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: #dcdcdc;
        background: var(--brand-color-gray-200, #dcdcdc);
      }

      .radio-group--flat-toggle .radio-group__body .radio-button__input:checked+label {
        background: #252526;
        background: var(--brand-color-gray-700, #252526);
        color: #fff;
      }

      .radio-group--flat-toggle .radio-group__body .radio-button__input:disabled+label {
        color: #c3cad9;
        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: #fff;
        background-color: var(--payo-brand-color-white, #fff);
        display: block;
        border-radius: 50%;
        opacity: 0.2;
      }

      .spinner-container span:nth-of-type(1) {
        animation: 1.1s bounceIn infinite .36666s;
      }

      .spinner-container span:nth-of-type(2) {
        animation: 1.1s bounceIn infinite .73332s;
      }

      .spinner-container span:nth-of-type(3) {
        animation: 1.1s bounceIn infinite 1.09998s;
      }

      .spinner-container--inverse span {
        background-color: #0075e1;
        background-color: var(--brand-color-blue-500, #0075e1);
      }

      @keyframes bounceIn {

        from,
        20%,
        40%,
        60%,
        80%,
        to {
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
          opacity: 0;
          transform: scale3d(0.3, 0.3, 0.3);
        }

        20% {
          transform: scale3d(1.1, 1.1, 1.1);
        }

        40% {
          transform: scale3d(0.9, 0.9, 0.9);
        }

        60% {
          opacity: 1;
          transform: scale3d(1.03, 1.03, 1.03);
        }

        80% {
          transform: scale3d(0.97, 0.97, 0.97);
        }

        to {
          opacity: 1;
          transform: scale3d(1, 1, 1);
        }
      }

      .textarea {
        font-family: var(--payo-brand-font);
        font-size: 16px;
        position: relative;
        line-height: 24px;
        width: 100%;
        transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        background-color: transparent;
        display: block;
      }

      .textarea--rtl {
        direction: rtl;
      }

      .textarea__clear {
        clear: both;
      }

      .textarea__counter-wrapper {
        float: right;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        direction: ltr !important;
        font-size: 14px;
      }

      .textarea__counter-wrapper--warning {
        color: #e31b0c;
        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;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        z-index: 0;
        cursor: text;
        transform: scale(1) translate(0px, 0px);
        transform-origin: left top 0;
        pointer-events: none;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        -webkit-user-select: none;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }

      .background-mode-gray .textarea__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .textarea__input {
        resize: none;
        -webkit-tap-highlight-color: transparent;
        padding: 0;
        position: relative;
        width: 100%;
        border: none;
        outline: none;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        font-size: 16px;
        height: 37px;
        box-sizing: border-box;
        box-shadow: none;
        margin-top: 39px;
        background-color: transparent;
        z-index: 1;
        line-height: 1.3em;
        word-wrap: break-word;
      }

      .textarea__input:focus {
        outline: none;
      }

      .textarea__input:focus~label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .textarea__input:focus~.textarea__hr-container>:last-child {
        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 {
        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 {
        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 {
        transform: scaleX(1);
      }

      .textarea__addon {
        position: absolute;
        right: 0;
        top: 38px;
        z-index: 10;
      }

      .textarea--rtl .textarea__addon {
        right: auto;
        right: initial;
        left: 0;
      }

      .textarea__hr-container {
        width: 100%;
      }

      .textarea__hr-container>hr {
        height: 1px;
        width: 100%;
        border-style: none none solid;
        box-sizing: content-box;
        margin: 0;
      }

      .textarea__hr-container>hr:first-child {
        border-bottom-width: 1px;
        border-color: #dcdcdc;
        border-color: var(--brand-color-gray-200, #dcdcdc);
        transform: translateY(2px);
      }

      .textarea__hr-container>hr:last-child {
        border-bottom-width: 1px;
        border-color: #0075E1;
        border-color: var(--brand-color-blue-500, #0075E1);
        transform: scaleX(0);
        transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      }

      .textarea.textarea--error>.textarea__hr-container>:last-child {
        border-color: #e31b0c;
        border-color: var(--brand-color-red-500, #e31b0c);
        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: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
        -webkit-text-fill-color: #a8a8a8;
        -webkit-text-fill-color: var(--brand-color-gray-300, #a8a8a8);
      }

      .textarea.textarea--disabled .textarea__hr-container>hr {
        border-color: #a8a8a8 !important;
        border-color: var(--brand-color-gray-300, #a8a8a8) !important;
        border-bottom-style: dashed;
        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: #0075E1;
        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: #0075E1;
        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;
        box-shadow: #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: #fff;
        background-color: var(--brand-color-white-500, #fff);
        font-size: 14px;
        color: #636b78;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .inline-dropdown__dropdown-wrapper .inline-dropdown-option:hover {
        background: #EFEFEF;
        background: var(--brand-color-gray-100, #EFEFEF);
        color: #252526;
        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: #fff;
        color: var(--brand-color-white-500, #fff);
        background-color: #252526;
        background-color: var(--brand-color-gray-700, #252526);
      }

      .inline-dropdown__dropdown-wrapper .inline-dropdown-option--disabled {
        background-color: #fff;
        background-color: var(--brand-color-white-500, #fff);
        color: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
        cursor: not-allowed;
      }

      .inline-dropdown__dropdown-wrapper .inline-dropdown-option--disabled:hover {
        background-color: #fff;
        background-color: var(--brand-color-white-500, #fff);
        color: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
      }

      .inline-dropdown__dropdown-wrapper .inline-dropdown-title {
        font-weight: 700;
        cursor: default;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        border-bottom: 1px solid #dcdcdc;
        border-bottom: 1px solid var(--brand-color-gray-200, #dcdcdc);
      }

      .contact-item {
        min-height: 60px;
        display: flex;
        align-items: center;
        font-family: var(--payo-brand-font);
        background-color: #F7F7F7;
        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: #EFEFEF;
        background-color: var(--brand-color-gray-100, #EFEFEF);
        outline: none;
      }

      .contact-item:focus {
        background-color: #252526;
        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: #ffffff;
      }

      .contact-item--disabled:hover,
      .contact-item--disabled:focus {
        background-color: #F7F7F7;
        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: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .contact-item--disabled .contact-item__info__name,
      .contact-item--disabled .contact-item__info__email {
        color: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .contact-item--disabled .contact-item__icon {
        border-color: #a8a8a8;
        border-color: var(--brand-color-gray-300, #a8a8a8);
      }

      .contact-item--disabled .contact-item__icon>i {
        color: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .contact-item--disabled .contact-item__icon svg {
        fill: #a8a8a8;
        fill: var(--brand-color-gray-300, #a8a8a8);
      }

      .contact-item--rtl {
        direction: rtl;
      }

      .contact-item__icon {
        width: 38px;
        height: 38px;
        align-self: flex-start;
        text-align: center;
        border: 1px solid #666;
        border: 1px solid var(--brand-color-gray-600, #666);
        border-radius: 50%;
        display: inline-block;
        background-color: white;
        margin: 12px;
      }

      .contact-item__icon>i {
        position: relative;
        top: 7px;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        font-size: 20px;
      }

      .contact-item--rtl .contact-item__icon>i {
        right: -1px;
      }

      .contact-item__icon svg {
        position: relative;
        top: 7px;
        fill: #666;
        fill: var(--brand-color-gray-600, #666);
        width: 28px;
        height: 20px;
      }

      .contact-item__info {
        display: inline-block;
        width: calc(92% - 61px);
        padding: 6px 0;
      }

      .contact-item__info__name {
        font-size: 18px;
        font-weight: 700;
        color: #252526;
        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: #252526;
        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 #e6e6e6;
        border-top: 1px solid var(--payo-brand-color-gray-light, #e6e6e6);
        font-size: 14px;
        padding-top: 6px;
        color: #252526;
        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: #252526;
        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: 0.875em;
        color: #0075E1;
        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: 0.3em;
        margin-left: .2em;
        position: relative;
        top: -1px;
        left: 0.3px;
      }

      .hint-tooltip__clicking-area svg {
        fill: #0075E1;
        fill: var(--brand-color-blue-500, #0075E1);
        margin-right: 0.3em;
        height: 15px;
        margin-left: .2em;
        position: relative;
        top: -1px;
        left: 0.3px;
      }

      .hint-tooltip__content {
        display: flex;
        padding: 16px 0;
        position: relative;
        width: 100%;
        background-color: #EFEFEF;
        background-color: var(--brand-color-gray-100, #EFEFEF);
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
        margin: 0;
      }

      .hint-tooltip__content__icon svg {
        height: 34px;
        fill: #252526;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
        font-size: 0.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 #252526;
          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 transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #EFEFEF;
        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: #252526;
        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: #252526;
        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%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #EFEFEF;
        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: 0.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;
        user-select: none;
        opacity: 0;
        transition: .3s opacity ease-in-out;
        transition-delay: .8s;
      }

      .copy-btn__text__copied-text svg {
        position: relative;
        margin-left: 4px;
        margin-right: 4px;
        height: 100%;
        fill: #252526;
        fill: var(--brand-color-gray-700, #252526);
      }

      .copy-btn__text__copy-text {
        opacity: 1;
        display: inline-block;
        transition: .3s opacity ease-in-out;
        transition-delay: .8s;
      }

      .copy-btn__text:active .copy-btn__text__copied-text {
        opacity: 1;
        transition: none;
      }

      .copy-btn__text:active .copy-btn__text__copy-text {
        opacity: 0;
        transition: none;
      }

      .copy-btn--rtl .copy-btn__text__copied-text {
        right: 0;
      }

      .badge {
        min-width: 68px;
        height: 25px;
        border-radius: 12.5px;
        background-color: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
        display: inline-flex;
        align-items: center;
        color: #252526;
        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 {
        flex-direction: row-reverse;
      }

      .badge--rtl .badge-icon--container {
        border-right: 1px solid;
        border-left: none;
      }

      .badge--active {
        background-color: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        color: #ffffff;
        border: solid 1px #fff;
      }

      .badge--active .badge-icon--container svg {
        fill: #ffffff;
      }

      .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: #252526;
        fill: var(--brand-color-gray-700, #252526);
      }

      .badge:hover {
        background-color: #878787;
        background-color: var(--brand-color-gray-500, #878787);
        color: #ffffff;
      }

      .badge:hover svg {
        fill: #ffffff;
      }

      .progress-bar {
        --cells: 0;
        display: inline-block;
        width: 100%;
        height: 13px;
        padding: 2px;
        border-radius: 7px;
        border: 1px solid #A8A8A8;
        border: 1px solid var(--brand-color-gray-300, #A8A8A8);
      }

      .progress-bar__progress-container {
        height: 100%;
        -webkit-mask: linear-gradient(to right, #fff 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%;
        transition: color 0.5s linear;
      }

      .progress-bar__progressrest {
        background: #dcdcdc;
        background: var(--brand-color-gray-200, #dcdcdc);
      }

      .progress-bar--thin {
        padding: 0;
        height: 4px;
        border-radius: 2px;
        overflow: hidden;
        border: 0;
        background: #EFEFEF;
        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 #A8A8A8;
        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: #31DA89;
        background: var(--brand-color-gray-300, #31DA89);
      }

      .progress-bar--animated .progress-bar__progress {
        transition: width 0.2s linear, color 0.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: 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: #5ea2ce;
          color: var(--payo-brand-color-blue-300, #5ea2ce);
          font-size: 16px;
        }

        .py-share__item--mobile-btn svg {
          fill: #515d6f;
          fill: var(--payo-brand-color-cold-gray-800, #515d6f);
          width: 45px;
          height: 32px;
        }
      }

      .py-share__mobile-container {
        display: none;
        background: white;
      }

      .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: #b9bfcb;
        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, 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 #e4e7ed;
          border-bottom: 1px solid var(--payo-brand-color-cold-gray-200, #e4e7ed);
          font-size: 16px;
          color: #515d6f;
          color: var(--payo-brand-color-cold-gray-800, #515d6f);
        }

        .py-share__toggle:checked~.py-share__mobile-container .py-share__item:hover {
          background: #f1f3f7;
          background: var(--payo-brand-color-cold-gray-100, #f1f3f7);
        }

        .py-share__toggle:checked~.py-share__mobile-container .py-share__item a {
          color: #515d6f;
          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: transparent;
        }

        .py-share__toggle:checked~.py-share__mobile-container {
          display: inline-block;
          width: 100%;
          position: fixed;
          bottom: 0;
          max-height: calc(100% - 80px);
          z-index: 1;
          overflow: auto;
          left: 0;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }
      }

      .search-box {
        right: 0;
        top: 0;
        position: absolute;
        border: 1px solid transparent;
        width: 40px;
        height: 48px;
        border-radius: 0;
        border-left-color: #efeff0;
        transition: all 0.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: #252526;
        fill: var(--brand-color-gray-700, #252526);
        opacity: 0.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, 0.01);
        border: 1px solid transparent;
        padding: 10px 20px 2px;
        line-height: 28px;
        margin: 0;
        width: 100%;
        font-family: var(--payo-brand-font);
        font-size: 1em;
        outline: none;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0, 0.13, 0.22, 0.97);
      }

      .search-box>input::-moz-placeholder {
        color: transparent;
        -moz-transition: all 0.3s cubic-bezier(0, 0.13, 0.22, 0.97);
        transition: all 0.3s cubic-bezier(0, 0.13, 0.22, 0.97);
      }

      .search-box>input::placeholder {
        color: transparent;
        transition: all 0.3s cubic-bezier(0, 0.13, 0.22, 0.97);
      }

      .search-box~* {
        margin-top: 0;
        transition: all 0.3s cubic-bezier(0.46, 0, 0.95, 0.24);
      }

      .search-box--opened {
        top: -4px;
        border-left-color: transparent;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
        border-bottom-color: #252526;
        border-bottom-color: var(--brand-color-gray-700, #252526);
        transition: all 0.3s 0.3s cubic-bezier(0.46, 0, 0.95, 0.24);
        margin: 0;
        margin-left: 35px;
        padding: 10px 20px 2px 0;
        width: calc(100% - 35px);
      }

      .search-box--opened>input::-moz-placeholder {
        color: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
      }

      .search-box--opened>input::placeholder {
        color: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
      }

      .search-box--opened~* {
        margin-top: 60px;
        transition: all 0.3s cubic-bezier(0.46, 0, 0.95, 0.24);
      }

      .search-box--rtl {
        left: 0;
        right: inherit;
        border-left-color: transparent;
        border-right-color: #efeff0;
      }

      .search-box--rtl>.search-box__search {
        right: 0px;
      }

      .search-box--rtl.search-box--opened {
        border-right-color: transparent;
        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 transparent;
      }

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

      .expiration-date .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid #252526;
        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: #252526;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
        color: #A8A8A8;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

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

      .expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
        stroke: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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 {
        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: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        height: 1px;
        bottom: -1px;
      }

      .expiration-date .react-selectize.material.root-node .option-wrapper {
        color: #252526;
        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: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
      }

      .expiration-date .react-selectize.material.root-node .option-wrapper .selected {
        background-color: #252526;
        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 #a8a8a8;
        border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8);
      }

      .expiration-date .react-selectize.material.root-node.disabled .react-selectize-control:after {
        transform: scaleX(1);
        background-color: transparent;
      }

      .expiration-date .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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, 0.3);
        background-color: #efefef;
        background-color: var(--brand-color-gray-100, #efefef);
      }

      .expiration-date .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #7c7c7d;
        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 {
        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: #252526;
        fill: var(--brand-color-gray-700, #252526);
        height: 16px;
      }

      .expiration-date .react-selectize .react-selectize-toggle-button-container>i {
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .expiration-date.react-selectize-error .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid transparent;
      }

      .expiration-date.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
        background-color: #e31b0c;
        background-color: var(--brand-color-red-500, #e31b0c);
        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: #666;
        color: var(--brand-color-gray-600, #666);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }

      .open~.expiration-date__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .expiration-date .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: flex;
        align-items: flex-end;
        margin-top: 37px;
        color: #0075E1;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

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

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

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

      .tabs-header {
        display: flex;
        border-bottom: 1px solid #dcdcdc;
        border-bottom: 1px solid var(--brand-color-gray-200, #dcdcdc);
      }

      .tabs-header-tab {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .tabs-header-tab-text {
        padding: 16px;
        padding-bottom: 11px;
      }

      .tabs-header-tab-border {
        width: 0;
        transition: width 0.3s;
      }

      .tabs-header-tab-border--selected {
        width: 100%;
        background-color: #0075E1;
        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;
        animation: fadein 1s forwards;
        animation-timing-function: linear;
      }

      @keyframes fadein {
        from {
          opacity: 0;
        }

        to {
          opacity: 1;
        }
      }

      .ExperienceLoader .Footer.fadeOut {
        animation: fadeout 0.5s forwards;
        animation-timing-function: linear;
      }

      @keyframes fadeout {
        from {
          opacity: 1;
        }

        to {
          opacity: 0;
        }
      }

.eye {
        font-size: 16px;
        color: #8c98ab;
        color: var(--payo-brand-color-cold-gray-600, #8c98ab);
        cursor: pointer;
      }

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

      .password-strength__header {
        font-size: 1em;
        font-weight: 700;
        display: block;
        margin-bottom: 1.2%;
        margin-top: 1.5%;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        padding-bottom: 4px;
      }

      .password-strength>div {
        display: block;
      }

      .password-strength__rule {
        font-size: 0.9em;
        line-height: 1.8em;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .password-strength__indicator {
        width: 8px;
        height: 8px;
        background: #dcdcdc;
        background: var(--brand-color-gray-200, #dcdcdc);
        border-radius: 50%;
        display: inline-block;
        margin-right: 5px;
        margin-left: 2px;
        vertical-align: middle;
      }

      .isRtl .password-strength__indicator {
        margin-left: 5px;
        margin-right: 2px;
      }

      .password-strength__indicator.passed {
        background: none;
        width: auto;
        width: initial;
        height: auto;
        height: initial;
        border-radius: 0;
        border-radius: initial;
        -moz-border-radius: initial;
        -webkit-border-radius: initial;
        margin-right: -7px;
      }

      .password-strength__checkIcon {
        color: #00A75B;
        color: var(--brand-color-green-500, #00A75B);
      }

      .password-strength__score {
        margin-top: 5%;
      }

      .password-strength>hr {
        opacity: .3;
        margin: 7px 0 0 0;
      }

      .password-strength .password-strength {
        width: 100%;
      }

      .password-strength .password-strength ul>li {
        background: #EFEFEF;
        background: var(--brand-color-gray-100, #EFEFEF);
        height: 5px;
        width: 24.2%;
        display: inline-block;
        margin: 0 .5%;
        transition: All 1s;
      }

      .password-strength .password-strength ul>li:first-child {
        margin-left: 0;
      }

      .password-strength .password-strength ul>li:last-child {
        margin-right: 0;
      }

      .password-strength .password-strength .password-strength-progress-text {
        height: 1em;
        font-size: 14px;
        margin-bottom: 8px;
      }

      .password-strength .password-strength--not-enough ul>li:first-child {
        background-color: #E31B0C;
        background-color: var(--brand-color-red-500, #E31B0C);
      }

      .password-strength .password-strength--not-enough .password-strength-progress-text {
        color: #E31B0C;
        color: var(--brand-color-red-500, #E31B0C);
      }

      .password-strength .password-strength--weak ul>li:first-child,
      .password-strength .password-strength--weak ul>li:nth-child(2) {
        background-color: #FFB547;
        background-color: var(--brand-color-gold-400, #FFB547);
      }

      .password-strength .password-strength--weak .password-strength-progress-text {
        color: #FFB547;
        color: var(--brand-color-gold-400, #FFB547);
      }

      .password-strength .password-strength--good ul>li:first-child,
      .password-strength .password-strength--good ul>li:nth-child(2),
      .password-strength .password-strength--good ul>li:nth-child(3) {
        background-color: #FFB547;
        background-color: var(--brand-color-gold-400, #FFB547);
      }

      .password-strength .password-strength--good .password-strength-progress-text {
        color: #FFB547;
        color: var(--brand-color-gold-400, #FFB547);
      }

      .password-strength .password-strength--strong ul>li {
        background-color: #31DA89;
        background-color: var(--brand-color-green-400, #31DA89);
      }

      .password-strength .password-strength--strong .password-strength-progress-text {
        color: #31DA89;
        color: var(--brand-color-green-400, #31DA89);
      }

      .password-strength .password-strength__progress {
        padding: 0;
        margin-bottom: 1%;
      }

@font-face {
        font-family: 'py-icons';
        src: url("");
        src: url("../fonts/35f5a3345815b5d55daf.eot") format('embedded-opentype'),
          url("../fonts/cd50e519f08a2473245ab35318ff6bb8ca6e3618.woff2") format('woff2'),
          url("../fonts/93528bd4bdf360ef0f739bee9656a467c781333b.woff") format('woff'),
          url("../fonts/d976428141a10c6abf54.ttf") format('truetype'),
          url("../img/d1ddcd47ee8ea697fb64.svg") 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-feature-settings: normal;
        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 {
        /* 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%);
      }

@font-face {
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 300;
        src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url("") format("woff2"), url("") 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("") format("woff2"), url("") 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("") format("woff2"), url("") 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("") format("woff2"), url("") format("woff");
      }

      @font-face {
        font-family: 'AvenirNextWorld';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: local("AvenirNextWorld Regular"), local("AvenirNextWorld-Regular"), url("") format("woff2"), url("") 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("") format("woff2"), url("") 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("") format("woff2"), url("") 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("") format("woff2"), url("") 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("") format("woff2"), url("") 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("") format("woff2"), url("") 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("") format("woff2"), url("") 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("") format("woff2"), url("") 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("") format("woff2"), url("") 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("") format("woff2"), url("") format("woff");
      }

      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 {
        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;
        background-color: var(--brand-color-white-500);
      }

      h1 {
        font-size: 2em;
        margin: 0.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;
      }

      .icons .item:hover {
        border: 0;
      }

      hr {
        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;
      }

      .Header {
        height: auto;
        width: auto;
        height: initial;
        width: initial;
        background-image: none;
      }

      .footer {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        color: inherit;
        text-align: inherit;
        clear: none;
        padding-top: 0;
        background-color: inherit;
        width: inherit;
      }

      .footer.nofooter {
        display: none;
      }

      .footer.embedded {
        background-color: inherit;
        position: inherit;
      }

      a {
        color: #551a8b;
        color: -webkit-link;
        text-decoration: underline;
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
      }

      a:hover {
        color: inherit;
      }

      a:active,
      a:hover {
        outline-width: 0;
      }

      .footer a {
        color: #551a8b;
        text-decoration: underline;
      }

      .footer a:hover {
        color: inherit;
        text-decoration: underline;
      }

      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 #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
      }

      legend {
        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"] {
        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 {
          touch-action: auto;
        }

        body>form {
          overflow-x: visible;
          overflow-y: visible;
        }

        .footer {
          width: inherit;
          font-size: 100%;
        }
      }

      @media screen and (max-width: 690px) {
        .menu-open {
          position: static;
          overflow: visible;
        }

        .footer {
          line-height: normal;
          font-size: 100%;
        }

        .footer a,
        .footer {
          color: #551a8b;
        }
      }

      #unsupported-browser {
        font-family: var(--payo-brand-font);
        text-align: center;
        color: var(--brand-color-gray-700);
        padding: 80px 0;
      }

      #unsupported-browser__clouds {
        width: 307px;
        height: 127px;
        margin: 0 auto;
        background-image: url("");
      }

      #unsupported-browser h2 {
        font-weight: 600;
        text-transform: uppercase;
        margin: 20px;
      }

      #unsupported-browser p {
        font-size: 16px;
        line-height: 25px;
      }

      #unsupported-browser p a {
        color: #4e7eae;
        font-weight: 400;
      }

      .login {
        font-family: var(--payo-brand-font);
        font-size: 16px;
        color: var(--brand-color-gray-700);
      }

      .login>.spinner-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

      .login .btn-link {
        background-color: transparent;
        border: none;
        text-align: justify;
        color: #0075e1;
        color: var(--brand-color-blue-500, #0075e1);
        font-family: var(--payo-brand-font);
        cursor: pointer;
      }

      .login .locale-selector-link {
        font-size: 14px;
        padding: 0px 20px 10px 0px;
        width: 25%;
      }

      .login .locale-selector-link:hover {
        color: #1257a9;
        color: var(--brand-color-blue-600, #1257a9);
      }

      .login .locale-selector-link.selected {
        font-weight: bold;
        color: #1257a9;
        color: var(--brand-color-blue-600, #1257a9);
      }

      input:-webkit-autofill {
        -webkit-animation-name: onAutoFillStart;
        -webkit-animation-fill-mode: both;
      }

      .header-container {
        padding: 2%;
      }

      .header-container>span h1 {
        float: left;
        color: var(--brand-color-blue-500);
        margin: 0;
      }

      .header-container>span a {
        color: #fff;
        background-color: #5ea2ce;
        text-decoration: none;
        position: relative;
        float: right;
        line-height: 30px;
        padding: 0 15px;
        border-radius: 3px;
      }

      .header-container hr {
        opacity: 0.2;
        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;
      }

      .wizard-container,
      .form-parts-container,
      .dialog-parts-container,
      .drawer-parts-container {
        border: 1px solid rgba(204, 204, 204, 0.5);
        border-radius: 9px;
        max-width: 600px;
        margin: auto;
        margin-bottom: 60px;
        padding: 20px;
        box-shadow: #fff 0px -10px 27px;
      }

      .wizard-container__header,
      .form-parts-container__header,
      .dialog-parts-container__header,
      .drawer-parts-container__header {
        margin: auto;
        margin-bottom: 2%;
        text-align: center;
        font-weight: 600;
        color: #636b78;
        font-size: 1.4em;
      }

      .wizard-container .cf:before,
      .wizard-container .cf:after,
      .form-parts-container .cf:before,
      .form-parts-container .cf:after,
      .dialog-parts-container .cf:before,
      .dialog-parts-container .cf:after,
      .drawer-parts-container .cf:before,
      .drawer-parts-container .cf:after {
        content: " ";
        display: table;
      }

      .wizard-container .cf:after,
      .form-parts-container .cf:after,
      .dialog-parts-container .cf:after,
      .drawer-parts-container .cf:after {
        clear: both;
      }

      .clearfix:before,
      .clearfix:after {
        content: "";
        display: table;
      }

      .clearfix:after {
        clear: both;
      }

      .clearfix {
        zoom: 1;
      }

      #app {
        height: 100%;
      }

      .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: 768px) {
        .dialog-portal .dialog__spacer {
          display: none;
        }
      }

      .dialog-portal .dialog__content {
        text-align: left;
        color: #666666;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 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: 768px) {
        .dialog-portal .dialog__content {
          max-width: 100%;
          width: 100%;
          height: 100%;
          min-height: -moz-available;
          min-height: -webkit-fill-available;
          min-height: stretch;
          max-height: none;
          max-height: initial;
        }

        .dialog-portal .dialog__content.alignVertical-center__mobile {
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
      }

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

      .dialog-portal .dialog__title {
        margin-top: 0;
        padding-bottom: 0.5em;
        color: #252526;
        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, 0.3);
      }

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

      .dialog-portal .dialog-overlay--not-modal {
        pointer-events: none;
        background-color: transparent;
      }

      .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: auto;
        right: initial;
      }

      .newDialog {
        position: relative;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 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: 768px) {
        .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, 0.3);
      }

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

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

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

      .newDialog_header-text {
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        font-size: 20px;
        font-weight: bold;
        line-height: 1.3;
        border-bottom: 1px solid #dcdcdc;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
        padding: 10px 0;
      }

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

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

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

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

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

      @media only screen and (max-width: 768px) {
        .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: 769px) {
        .newDialog_subtitle-top {
          height: 10px;
        }
      }

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

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

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

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

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

      .newDialog_btns {
        text-align: center;
        border-top: 1px solid #dcdcdc;
        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;
      }

      @media only screen and (max-width: 768px) {
        .newDialog_btns {
          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: #0075e1;
        color: var(--brand-color-blue-500, #0075e1);
        line-height: 1.39;
      }

      .newDialog_link>a:hover {
        color: #3d7faa;
        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: 768px) {
        .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: 0.91em;
        line-height: 1.25;
      }

      @media only screen and (min-width: 768px) {
        .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: "#666666";
        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 "#DCDCDC0";
        border-top: 1px solid var(--brand-color-gray-200, "#DCDCDC0");
        display: flex;
        justify-content: center;
        padding-top: 23px;
      }

      @media only screen and (max-width: 768px) {
        .alert__dialog .dialog__content .alert__main-content .alert__footer {
          flex-direction: column;
        }
      }

      .alert__dialog .dialog__content .alert__main-content .alert__footer button {
        text-transform: uppercase;
        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: 768px) {
        .alert__dialog .dialog__content {
          padding: 7% 10%;
          max-width: 75%;
          width: auto;
          width: initial;
          height: auto;
          height: initial;
          min-height: 0;
          min-height: initial;
          max-height: none;
          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;
        }
      }

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

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

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

      .error-box__icon {
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

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

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

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

      .error-box__content {
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        text-align: left;
        margin-left: 16px;
        flex-basis: 85%;
        -ms-flex-preferred-size: 85%;
        flex-direction: column;
        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 {
        flex-basis: 85%;
        -ms-flex-preferred-size: 85%;
        color: #e31b0c;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .error-box--simple .error-box__content a {
        color: #e31b0c;
        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;
          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 {
          flex-basis: 80%;
        }
      }

      .error-text {
        font-family: var(--payo-brand-font);
        margin-top: 5px;
        font-size: 14px;
        line-height: 16px;
        color: #e31b0c;
        color: var(--brand-color-red-500, #e31b0c);
        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: flex;
        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: calc(100% - 56px);
      }

      .react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values {
        display: flex;
        min-height: 30px;
        flex-grow: 1;
        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: flex;
        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 {
        flex-grow: 0;
        flex-shrink: 0;
        cursor: pointer;
        display: flex;
        align-items: 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 {
        transition: stroke 0.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 {
        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: flex;
      }

      .react-selectize.dropdown-menu .groups.as-columns>div {
        flex: 1 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 {
        transform: scaleX(1);
      }

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

      .react-selectize.material.root-node .react-selectize-control:after {
        background-color: #00bcd4;
        content: "";
        transform: scaleX(0);
        transition: 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, 0.3);
        text-indent: 4px;
      }

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

      .react-selectize.material.dropdown-menu-wrapper.flipped .dropdown-menu {
        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 {
        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 {
        transition: transform 250ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, opacity 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);
        transform: scale(0, 0);
      }

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

      .react-selectize.material.dropdown-menu-wrapper .dropdown-menu.custom-leave {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        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;
        box-shadow: rgba(0, 0, 0, 0.118) 0px 1px 6px, rgba(0, 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: flex;
        -o-box-align: 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: flex;
        -o-box-align: 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, 0.098);
      }

      .react-selectize.material.dropdown-menu .option-wrapper .simple-option {
        color: rgba(0, 0, 0, 0.875);
        cursor: pointer;
        display: flex;
        -o-box-orient: vertical;
        flex-direction: column;
        -o-box-align: start;
        align-items: flex-start;
        -o-box-pack: 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("") 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%;
        transition: background-size .1s, opacity .5s;
        color: #fff;
        color: var(--payo-brand-color-white, #fff);
        background-color: #0075e1;
        background-color: var(--brand-color-blue-500, #0075e1);
        background-image: linear-gradient(#1268a9, #1268a9);
        background-image: linear-gradient(var(--brand-color-blue-600, #1268a9), var(--brand-color-blue-600, #1268a9));
      }

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

      .button:active {
        color: #fff;
        color: var(--payo-brand-color-white, #fff);
        background-image: linear-gradient(#0075e1, #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: #878787;
        color: var(--brand-color-gray-500, #878787);
        background-color: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
        background-image: none;
        border: none;
        cursor: not-allowed;
        opacity: 0.88;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      @media only screen and (max-width: 768px) {
        .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;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .check-box--disabled .check-box__label {
        color: #a8a8a8;
        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, 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: #878787;
        color: var(--brand-color-gray-500, #878787);
        transition: color 0.5s ease, border-color 0.5s ease;
        width: 1.05em;
        height: 1.05em;
        border: 1.5px solid #878787;
        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 #a8a8a8;
        border: 2px solid var(--brand-color-gray-300, #a8a8a8);
      }

      .check-box__box__check:before {
        position: absolute;
        content: "";
        transform: rotate(45deg);
        display: block;
        margin-top: -4px;
        margin-left: 6.5px;
        width: 0;
        height: 0;
        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 {
        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;
        animation: checkbox-on .3s forwards ease-out;
      }

      .check-box input[type=checkbox]:checked+.check-box__box .check-box__box__check {
        color: #0075e1;
        color: var(--brand-color-blue-500, #0075e1);
        border-color: #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: #0075e1;
        color: var(--brand-color-blue-500, #0075e1);
        border-color: #0075e1;
        border-color: var(--brand-color-blue-500, #0075e1);
      }

      .check-box input[type=checkbox]:focus+.check-box__box .check-box__box__check {
        border-color: #0075e1;
        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: #a8a8a8;
        border-color: var(--brand-color-gray-300, #a8a8a8);
        color: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .check-box--error .check-box__box__check {
        color: #e31b0c;
        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: #c9cdd7;
        background: var(--payo-brand-color-cold-gray-300, #c9cdd7);
        border-radius: 50px;
        cursor: pointer;
        transition: all 0.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: #f1f3f7;
        background: var(--payo-brand-color-cold-gray-100, #f1f3f7);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.36), 0 0 1px rgba(0, 0, 0, 0.12);
        content: '';
        transition: all 0.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: #0075e1;
        background: var(--brand-color-blue-500, #0075e1);
      }

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

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

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

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

      @keyframes checkbox-on {
        0% {
          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% {
          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% {
          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: 0.9em;
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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 transparent;
      }

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

      .date-of-birth .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid #252526;
        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: #252526;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
        color: #A8A8A8;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

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

      .date-of-birth .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
        stroke: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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 {
        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: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        height: 1px;
        bottom: -1px;
      }

      .date-of-birth .react-selectize.material.root-node .option-wrapper {
        color: #252526;
        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: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
      }

      .date-of-birth .react-selectize.material.root-node .option-wrapper .selected {
        background-color: #252526;
        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 #a8a8a8;
        border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8);
      }

      .date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control:after {
        transform: scaleX(1);
        background-color: transparent;
      }

      .date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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, 0.3);
        background-color: #efefef;
        background-color: var(--brand-color-gray-100, #efefef);
      }

      .date-of-birth .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #7c7c7d;
        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 {
        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: #252526;
        fill: var(--brand-color-gray-700, #252526);
        height: 16px;
      }

      .date-of-birth .react-selectize .react-selectize-toggle-button-container>i {
        color: #252526;
        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 transparent;
      }

      .date-of-birth.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
        background-color: #e31b0c;
        background-color: var(--brand-color-red-500, #e31b0c);
        transform: scaleX(1);
        bottom: -1;
      }

      .date-of-birth__label {
        display: block;
        position: absolute;
        top: 0;
        margin-top: 16px;
        font-size: 14px;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }

      .open~.date-of-birth__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .date-of-birth .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: #0075e1;
        color: var(--brand-color-blue-500, #0075e1);
      }

      .card-drop-down .card__body__group {
        font-weight: bold;
        margin-top: 10px;
        line-height: 2em;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        border-top: 1px #dcdcdc solid;
        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: #F7F7F7;
        background: var(--brand-color-gray-50, #F7F7F7);
        color: #252526;
        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: #EFEFEF;
        background-color: var(--brand-color-gray-100, #EFEFEF);
      }

      .card-drop-down .card__body__option--checked {
        background: #252526;
        background: var(--brand-color-gray-700, #252526);
        color: #FFFFFF;
      }

      .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: #0075e1;
        color: var(--brand-color-blue-500, #0075e1);
      }

      .card-multi-drop-down .card__body .reset-btn {
        color: #5ea2ce;
        color: var(--payo-brand-color-blue-300, #5ea2ce);
      }

      .card-multi-drop-down .card__body .group-name {
        color: #252526;
        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 #dcdcdc solid;
        border-top: 1px var(--brand-color-gray-200, #dcdcdc) solid;
      }

      .card-multi-drop-down .card__body__option {
        width: 100%;
        height: 39px;
        background: #F7F7F7;
        background: var(--brand-color-gray-50, #F7F7F7);
        color: #252526;
        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: #EFEFEF;
        background-color: var(--brand-color-gray-100, #EFEFEF);
      }

      .card-multi-drop-down .card__body__option svg {
        fill: #252526;
        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: #252526;
        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: #e4e7ed;
        background: var(--payo-brand-color-cold-gray-200, #e4e7ed);
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .card-multi-drop-down .card__body__option--disabled.card__body__option--checked {
        background: #c9cdd7;
        background: var(--payo-brand-color-cold-gray-300, #c9cdd7);
      }

      .card-multi-drop-down .card__body__option--disabled svg {
        fill: #252526;
        fill: var(--brand-color-gray-700, #252526);
      }

      .card-multi-drop-down__card--disabled .multi-select__values__grouped__counter {
        background: #c9cdd7;
        background: var(--payo-brand-color-cold-gray-300, #c9cdd7);
        color: #252526;
        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: #c9cdd7;
        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 transparent;
      }

      .drop-down .react-selectize.material.root-node {
        width: 100%;
        box-sizing: border-box;
      }

      .drop-down .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid #252526;
        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: #252526;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .drop-down .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
        color: #A8A8A8;
        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: #7c7c7d;
        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: auto;
        width: initial;
        margin-right: -5px;
      }

      .drop-down .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
        stroke: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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 {
        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: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        height: 1px;
        bottom: -1px;
      }

      .drop-down .react-selectize.material.root-node .option-wrapper {
        color: #252526;
        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: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
      }

      .drop-down .react-selectize.material.root-node .option-wrapper .selected {
        background-color: #252526;
        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 #a8a8a8;
        border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8);
      }

      .drop-down .react-selectize.material.root-node.disabled .react-selectize-control:after {
        transform: scaleX(1);
        background-color: transparent;
      }

      .drop-down .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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, 0.3);
        background-color: #efefef;
        background-color: var(--brand-color-gray-100, #efefef);
      }

      .drop-down .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #7c7c7d;
        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 {
        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: #252526;
        fill: var(--brand-color-gray-700, #252526);
        height: 16px;
      }

      .drop-down .react-selectize .react-selectize-toggle-button-container>i {
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .drop-down.react-selectize-error .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid transparent;
      }

      .drop-down.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
        background-color: #e31b0c;
        background-color: var(--brand-color-red-500, #e31b0c);
        transform: scaleX(1);
        bottom: -1;
      }

      .drop-down .react-selectize.material.root-node .react-selectize-control:hover {
        border-color: #0075E1;
        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: #a8a8a8;
        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 #a8a8a8;
        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: #7c7c7d;
        color: var(--brand-color-gray-600, #7c7c7d);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }

      .open+.drop-down__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .drop-down--rtl .drop-down__label {
        left: inherit;
        right: 0;
      }

      .drop-down--error .drop-down__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      @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: #666 !important;
        color: var(--brand-color-gray-600, #666) !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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .drop-down__item--disabled {
        color: #a8a8a8;
        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, 0.7);
      }

      .drop-down--filter-theme>.react-selectize.material.root-node.simple-select>.react-selectize-control:hover {
        border-bottom-color: #0075E1;
        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, 0.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;
        box-sizing: border-box;
        border: 6px solid #c9cdd7;
        border: 6px solid var(--payo-brand-color-cold-gray-300, #c9cdd7);
        border-color: transparent transparent #fff #fff;
        transform-origin: 0 0;
        transform: rotate(135deg);
        box-shadow: -2px 2px 2px 0 rgba(99, 107, 120, 0.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, 0.4);
      }

      .drop-down--filter-theme>.react-selectize.material.root-node.open>.dropdown-menu-wrapper.material>.dropdown-menu>.option-wrapper.highlight {
        background-color: #dcdcdc;
        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, 0.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, 0.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: initial;
          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 {
        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: #252526;
        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: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        border-radius: 1em;
        padding: 0 0.6em 0 0.5em;
        margin: 0 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 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 transparent;
      }

      .phone-number .react-selectize.material.root-node {
        width: 100%;
        box-sizing: border-box;
      }

      .phone-number .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid #252526;
        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: #252526;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
        color: #A8A8A8;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

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

      .phone-number .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
        stroke: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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 {
        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: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        height: 1px;
        bottom: -1px;
      }

      .phone-number .react-selectize.material.root-node .option-wrapper {
        color: #252526;
        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: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
      }

      .phone-number .react-selectize.material.root-node .option-wrapper .selected {
        background-color: #252526;
        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 #a8a8a8;
        border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8);
      }

      .phone-number .react-selectize.material.root-node.disabled .react-selectize-control:after {
        transform: scaleX(1);
        background-color: transparent;
      }

      .phone-number .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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, 0.3);
        background-color: #f1f3f7;
        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: #252526;
        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 {
        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: #252526;
        fill: var(--brand-color-gray-700, #252526);
        height: 16px;
      }

      .phone-number .react-selectize .react-selectize-toggle-button-container>i {
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .phone-number.react-selectize-error .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid transparent;
      }

      .phone-number.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
        background-color: #e31b0c;
        background-color: var(--brand-color-red-500, #e31b0c);
        transform: scaleX(1);
        bottom: -1;
      }

      .phone-number__label {
        display: block;
        position: absolute;
        top: 0;
        margin-top: 22px;
        font-size: 14px;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        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: #666 !important;
        color: var(--brand-color-gray-600, #666) !important;
      }

      .phone-number--error .phone-number__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      @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: calc(100% - 4px);
        }
      }

      .phone-number__item,
      .phone-number__no-results {
        display: flex;
        align-items: center;
        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;
        transform: scale(0.75);
        flex-basis: 32px;
      }

      .phone-number__item__country,
      .phone-number__no-results__country {
        flex-basis: 70%;
        white-space: normal;
      }

      .phone-number__item__dialCode,
      .phone-number__no-results__dialCode {
        direction: ltr;
        flex-basis: 15%;
      }

      .phone-number__value {
        direction: ltr;
      }

      .phone-number__value__flag {
        display: inline-block;
        width: 32px;
        height: 30px;
        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: #a8a8a8;
        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: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1% 5%;
        font-size: 16px;
      }

      div.country-list__item__flag {
        top: 0;
        margin: 0;
        width: 32px;
        height: 32px;
        transform: scale(0.75);
        flex-basis: 32px;
      }

      div.country-list__item__country {
        flex-basis: 85%;
        white-space: normal;
      }

      div.country-list__value {
        display: block;
        font-size: 16px;
      }

      div.country-list__value__flag {
        display: table-cell;
        transform: scale(0.75);
        line-height: normal;
        line-height: initial;
        vertical-align: middle;
      }

      div.country-list__value__country {
        display: table-cell;
        line-height: normal;
        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%;
        transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        background-color: transparent;
      }

      .text-box--rtl {
        direction: rtl;
      }

      .text-box__label {
        position: absolute;
        top: 37px;
        left: 0;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        z-index: 0;
        cursor: text;
        transform: scale(1) translate(0px, 0px);
        transform-origin: left top 0;
        pointer-events: none;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        -webkit-user-select: none;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }

      .background-mode-gray .text-box__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .text-box__input {
        -webkit-tap-highlight-color: transparent;
        padding: 0;
        position: relative;
        width: 100%;
        border: none;
        outline: none;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        font-size: 16px;
        height: 20px;
        box-sizing: border-box;
        box-shadow: none;
        margin-top: 37px;
        margin-bottom: 5px;
        background-color: transparent;
        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 {
        transform: scale(0.875) translate(0px, -20px);
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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 {
        transform-origin: 100%;
      }

      .text-box__input:-webkit-autofill~label {
        transform: scale(0.875) translate(0px, -20px);
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .text-box--rtl .text-box__input:-webkit-autofill~label {
        transform-origin: 100%;
      }

      .text-box__input:focus~label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .text-box__input:focus~.text-box__hr-container>:last-child {
        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: #0075E1;
        border-color: var(--brand-color-blue-500, #0075E1);
        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: calc(100% - 30px);
      }

      .text-box__addon {
        position: absolute;
        right: 0;
        top: 38px;
        z-index: 10;
      }

      .text-box--rtl .text-box__addon {
        right: auto;
        right: initial;
        left: 0;
      }

      .text-box__hr-container {
        width: 100%;
      }

      .text-box__hr-container>hr {
        width: 100%;
        border-style: none none solid;
        box-sizing: content-box;
        margin: 0;
      }

      .text-box__hr-container>hr:first-child {
        border-bottom-width: 1px;
        border-color: #dcdcdc;
        border-color: var(--brand-color-gray-200, #dcdcdc);
      }

      .text-box__hr-container>hr:last-child {
        border-bottom-width: 1px;
        border-color: #0075E1;
        border-color: var(--brand-color-blue-500, #0075E1);
        transform: scaleX(0) translateY(-1px);
        transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      }

      .text-box.text-box--error>.text-box__hr-container>:last-child {
        border-color: #e31b0c;
        border-color: var(--brand-color-red-500, #e31b0c);
        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: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
        -webkit-text-fill-color: #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 #a8a8a8 !important;
        border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8) !important;
        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: #8c98ab;
        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: 768px) {
        .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::-moz-placeholder {
        color: #b9bfcb;
        color: var(--payo-brand-color-cold-gray-400, #b9bfcb);
      }

      .text-box--long-label .text-box__input::placeholder {
        color: #b9bfcb;
        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: #fff;
        color: var(--brand-color-white-500, #fff);
        background-color: #252526;
        background-color: var(--brand-color-gray-700, #252526);
        border-radius: 4px;
        box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.1);
      }

      .rc-tooltip .rc-tooltip-inner a {
        color: #ffffff;
        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: #252526;
        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: #252526;
        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: #252526;
        border-right-color: var(--brand-color-gray-700, #252526);
      }

      .rc-tooltip.rc-tooltip-placement-left .rc-tooltip-arrow {
        border-left-color: #252526;
        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: #8c98ab;
        fill: var(--payo-brand-color-cold-gray-600, #8c98ab);
        width: 23px;
        height: 16px;
      }

      .tooltip__icon {
        color: #252526;
        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: 0.8rem;
        color: #252526;
        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;
        transition: .28s ease;
        -webkit-user-select: none;
        -moz-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;
        transition: .28s ease;
        border: 2px solid #878787;
        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 #0075e1;
        border: 2px solid var(--brand-color-blue-500, #0075e1);
      }

      .radio-button__input:focus+label:before {
        box-shadow: 0 0 0 4px rgba(136, 136, 136, 0.2);
      }

      .radio-button__input:not(:checked)+label:after {
        transform: scale(0);
      }

      .radio-button__input:checked+label:after {
        background-color: #0075e1;
        background-color: var(--brand-color-blue-500, #0075e1);
        transform: scale(0.5);
        border: none;
      }

      .radio-button__input:disabled+label {
        color: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
        cursor: default;
      }

      .radio-button__input:disabled+label:before,
      .radio-button__input:disabled+label:after {
        border-color: #a8a8a8;
        border-color: var(--brand-color-gray-300, #a8a8a8);
        cursor: default;
      }

      .radio-button__input:disabled+label:before {
        background-color: transparent;
      }

      .radio-button__input:disabled+label:after {
        background-color: #a8a8a8;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

      @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 #252526 solid;
        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: #252526;
        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: #252526;
        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: 768px) {
        .radio-group--toggle .radio-group__body {
          width: 100%;
        }

        .radio-group--toggle .radio-group__body .radio-button--inline {
          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: #252526;
        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: #dcdcdc;
        background: var(--brand-color-gray-200, #dcdcdc);
      }

      .radio-group--flat-toggle .radio-group__body .radio-button__input:checked+label {
        background: #252526;
        background: var(--brand-color-gray-700, #252526);
        color: #fff;
      }

      .radio-group--flat-toggle .radio-group__body .radio-button__input:disabled+label {
        color: #c3cad9;
        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: #fff;
        background-color: var(--payo-brand-color-white, #fff);
        display: block;
        border-radius: 50%;
        opacity: 0.2;
      }

      .spinner-container span:nth-of-type(1) {
        animation: 1.1s bounceIn infinite .36666s;
      }

      .spinner-container span:nth-of-type(2) {
        animation: 1.1s bounceIn infinite .73332s;
      }

      .spinner-container span:nth-of-type(3) {
        animation: 1.1s bounceIn infinite 1.09998s;
      }

      .spinner-container--inverse span {
        background-color: #0075e1;
        background-color: var(--brand-color-blue-500, #0075e1);
      }

      @keyframes bounceIn {

        from,
        20%,
        40%,
        60%,
        80%,
        to {
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        0% {
          opacity: 0;
          transform: scale3d(0.3, 0.3, 0.3);
        }

        20% {
          transform: scale3d(1.1, 1.1, 1.1);
        }

        40% {
          transform: scale3d(0.9, 0.9, 0.9);
        }

        60% {
          opacity: 1;
          transform: scale3d(1.03, 1.03, 1.03);
        }

        80% {
          transform: scale3d(0.97, 0.97, 0.97);
        }

        to {
          opacity: 1;
          transform: scale3d(1, 1, 1);
        }
      }

      .textarea {
        font-family: var(--payo-brand-font);
        font-size: 16px;
        position: relative;
        line-height: 24px;
        width: 100%;
        transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        background-color: transparent;
        display: block;
      }

      .textarea--rtl {
        direction: rtl;
      }

      .textarea__clear {
        clear: both;
      }

      .textarea__counter-wrapper {
        float: right;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        direction: ltr !important;
        font-size: 14px;
      }

      .textarea__counter-wrapper--warning {
        color: #e31b0c;
        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;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        z-index: 0;
        cursor: text;
        transform: scale(1) translate(0px, 0px);
        transform-origin: left top 0;
        pointer-events: none;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        -webkit-user-select: none;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }

      .background-mode-gray .textarea__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .textarea__input {
        resize: none;
        -webkit-tap-highlight-color: transparent;
        padding: 0;
        position: relative;
        width: 100%;
        border: none;
        outline: none;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        font-size: 16px;
        height: 37px;
        box-sizing: border-box;
        box-shadow: none;
        margin-top: 39px;
        background-color: transparent;
        z-index: 1;
        line-height: 1.3em;
        word-wrap: break-word;
      }

      .textarea__input:focus {
        outline: none;
      }

      .textarea__input:focus~label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .textarea__input:focus~.textarea__hr-container>:last-child {
        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 {
        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 {
        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 {
        transform: scaleX(1);
      }

      .textarea__addon {
        position: absolute;
        right: 0;
        top: 38px;
        z-index: 10;
      }

      .textarea--rtl .textarea__addon {
        right: auto;
        right: initial;
        left: 0;
      }

      .textarea__hr-container {
        width: 100%;
      }

      .textarea__hr-container>hr {
        height: 1px;
        width: 100%;
        border-style: none none solid;
        box-sizing: content-box;
        margin: 0;
      }

      .textarea__hr-container>hr:first-child {
        border-bottom-width: 1px;
        border-color: #dcdcdc;
        border-color: var(--brand-color-gray-200, #dcdcdc);
        transform: translateY(2px);
      }

      .textarea__hr-container>hr:last-child {
        border-bottom-width: 1px;
        border-color: #0075E1;
        border-color: var(--brand-color-blue-500, #0075E1);
        transform: scaleX(0);
        transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      }

      .textarea.textarea--error>.textarea__hr-container>:last-child {
        border-color: #e31b0c;
        border-color: var(--brand-color-red-500, #e31b0c);
        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: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
        -webkit-text-fill-color: #a8a8a8;
        -webkit-text-fill-color: var(--brand-color-gray-300, #a8a8a8);
      }

      .textarea.textarea--disabled .textarea__hr-container>hr {
        border-color: #a8a8a8 !important;
        border-color: var(--brand-color-gray-300, #a8a8a8) !important;
        border-bottom-style: dashed;
        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: #0075E1;
        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: #0075E1;
        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;
        box-shadow: #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: #fff;
        background-color: var(--brand-color-white-500, #fff);
        font-size: 14px;
        color: #636b78;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .inline-dropdown__dropdown-wrapper .inline-dropdown-option:hover {
        background: #EFEFEF;
        background: var(--brand-color-gray-100, #EFEFEF);
        color: #252526;
        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: #fff;
        color: var(--brand-color-white-500, #fff);
        background-color: #252526;
        background-color: var(--brand-color-gray-700, #252526);
      }

      .inline-dropdown__dropdown-wrapper .inline-dropdown-option--disabled {
        background-color: #fff;
        background-color: var(--brand-color-white-500, #fff);
        color: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
        cursor: not-allowed;
      }

      .inline-dropdown__dropdown-wrapper .inline-dropdown-option--disabled:hover {
        background-color: #fff;
        background-color: var(--brand-color-white-500, #fff);
        color: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
      }

      .inline-dropdown__dropdown-wrapper .inline-dropdown-title {
        font-weight: 700;
        cursor: default;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        border-bottom: 1px solid #dcdcdc;
        border-bottom: 1px solid var(--brand-color-gray-200, #dcdcdc);
      }

      .contact-item {
        min-height: 60px;
        display: flex;
        align-items: center;
        font-family: var(--payo-brand-font);
        background-color: #F7F7F7;
        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: #EFEFEF;
        background-color: var(--brand-color-gray-100, #EFEFEF);
        outline: none;
      }

      .contact-item:focus {
        background-color: #252526;
        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: #ffffff;
      }

      .contact-item--disabled:hover,
      .contact-item--disabled:focus {
        background-color: #F7F7F7;
        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: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .contact-item--disabled .contact-item__info__name,
      .contact-item--disabled .contact-item__info__email {
        color: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .contact-item--disabled .contact-item__icon {
        border-color: #a8a8a8;
        border-color: var(--brand-color-gray-300, #a8a8a8);
      }

      .contact-item--disabled .contact-item__icon>i {
        color: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .contact-item--disabled .contact-item__icon svg {
        fill: #a8a8a8;
        fill: var(--brand-color-gray-300, #a8a8a8);
      }

      .contact-item--rtl {
        direction: rtl;
      }

      .contact-item__icon {
        width: 38px;
        height: 38px;
        align-self: flex-start;
        text-align: center;
        border: 1px solid #666;
        border: 1px solid var(--brand-color-gray-600, #666);
        border-radius: 50%;
        display: inline-block;
        background-color: white;
        margin: 12px;
      }

      .contact-item__icon>i {
        position: relative;
        top: 7px;
        color: #666;
        color: var(--brand-color-gray-600, #666);
        font-size: 20px;
      }

      .contact-item--rtl .contact-item__icon>i {
        right: -1px;
      }

      .contact-item__icon svg {
        position: relative;
        top: 7px;
        fill: #666;
        fill: var(--brand-color-gray-600, #666);
        width: 28px;
        height: 20px;
      }

      .contact-item__info {
        display: inline-block;
        width: calc(92% - 61px);
        padding: 6px 0;
      }

      .contact-item__info__name {
        font-size: 18px;
        font-weight: 700;
        color: #252526;
        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: #252526;
        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 #e6e6e6;
        border-top: 1px solid var(--payo-brand-color-gray-light, #e6e6e6);
        font-size: 14px;
        padding-top: 6px;
        color: #252526;
        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: #252526;
        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: 0.875em;
        color: #0075E1;
        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: 0.3em;
        margin-left: .2em;
        position: relative;
        top: -1px;
        left: 0.3px;
      }

      .hint-tooltip__clicking-area svg {
        fill: #0075E1;
        fill: var(--brand-color-blue-500, #0075E1);
        margin-right: 0.3em;
        height: 15px;
        margin-left: .2em;
        position: relative;
        top: -1px;
        left: 0.3px;
      }

      .hint-tooltip__content {
        display: flex;
        padding: 16px 0;
        position: relative;
        width: 100%;
        background-color: #EFEFEF;
        background-color: var(--brand-color-gray-100, #EFEFEF);
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
        margin: 0;
      }

      .hint-tooltip__content__icon svg {
        height: 34px;
        fill: #252526;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
        font-size: 0.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 #252526;
          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 transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #EFEFEF;
        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: #252526;
        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: #252526;
        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%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid #EFEFEF;
        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: 0.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;
        user-select: none;
        opacity: 0;
        transition: .3s opacity ease-in-out;
        transition-delay: .8s;
      }

      .copy-btn__text__copied-text svg {
        position: relative;
        margin-left: 4px;
        margin-right: 4px;
        height: 100%;
        fill: #252526;
        fill: var(--brand-color-gray-700, #252526);
      }

      .copy-btn__text__copy-text {
        opacity: 1;
        display: inline-block;
        transition: .3s opacity ease-in-out;
        transition-delay: .8s;
      }

      .copy-btn__text:active .copy-btn__text__copied-text {
        opacity: 1;
        transition: none;
      }

      .copy-btn__text:active .copy-btn__text__copy-text {
        opacity: 0;
        transition: none;
      }

      .copy-btn--rtl .copy-btn__text__copied-text {
        right: 0;
      }

      .badge {
        min-width: 68px;
        height: 25px;
        border-radius: 12.5px;
        background-color: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
        display: inline-flex;
        align-items: center;
        color: #252526;
        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 {
        flex-direction: row-reverse;
      }

      .badge--rtl .badge-icon--container {
        border-right: 1px solid;
        border-left: none;
      }

      .badge--active {
        background-color: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        color: #ffffff;
        border: solid 1px #fff;
      }

      .badge--active .badge-icon--container svg {
        fill: #ffffff;
      }

      .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: #252526;
        fill: var(--brand-color-gray-700, #252526);
      }

      .badge:hover {
        background-color: #878787;
        background-color: var(--brand-color-gray-500, #878787);
        color: #ffffff;
      }

      .badge:hover svg {
        fill: #ffffff;
      }

      .progress-bar {
        --cells: 0;
        display: inline-block;
        width: 100%;
        height: 13px;
        padding: 2px;
        border-radius: 7px;
        border: 1px solid #A8A8A8;
        border: 1px solid var(--brand-color-gray-300, #A8A8A8);
      }

      .progress-bar__progress-container {
        height: 100%;
        -webkit-mask: linear-gradient(to right, #fff 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%;
        transition: color 0.5s linear;
      }

      .progress-bar__progressrest {
        background: #dcdcdc;
        background: var(--brand-color-gray-200, #dcdcdc);
      }

      .progress-bar--thin {
        padding: 0;
        height: 4px;
        border-radius: 2px;
        overflow: hidden;
        border: 0;
        background: #EFEFEF;
        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 #A8A8A8;
        border: 1px solid var(--brand-color-gray-300, #A8A8A8);
      }

      @media (max-width: 768px) {
        .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: #31DA89;
        background: var(--brand-color-gray-300, #31DA89);
      }

      .progress-bar--animated .progress-bar__progress {
        transition: width 0.2s linear, color 0.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: 768px) {
        .py-share__item__title {
          margin-left: 10px;
          margin-right: 10px;
          display: inline-block;
          max-width: calc(100% - 50px);
          vertical-align: middle;
        }
      }

      @media (max-width: 768px) {
        .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: 768px) {
        .py-share__item--mobile-btn {
          display: inline-block;
          width: 100%;
          color: #5ea2ce;
          color: var(--payo-brand-color-blue-300, #5ea2ce);
          font-size: 16px;
        }

        .py-share__item--mobile-btn svg {
          fill: #515d6f;
          fill: var(--payo-brand-color-cold-gray-800, #515d6f);
          width: 45px;
          height: 32px;
        }
      }

      .py-share__mobile-container {
        display: none;
        background: white;
      }

      .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: #b9bfcb;
        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: 768px) {
        .py-share__toggle:checked~.py-share__item--mobile-btn {
          position: fixed;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          background: rgba(0, 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 #e4e7ed;
          border-bottom: 1px solid var(--payo-brand-color-cold-gray-200, #e4e7ed);
          font-size: 16px;
          color: #515d6f;
          color: var(--payo-brand-color-cold-gray-800, #515d6f);
        }

        .py-share__toggle:checked~.py-share__mobile-container .py-share__item:hover {
          background: #f1f3f7;
          background: var(--payo-brand-color-cold-gray-100, #f1f3f7);
        }

        .py-share__toggle:checked~.py-share__mobile-container .py-share__item a {
          color: #515d6f;
          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: transparent;
        }

        .py-share__toggle:checked~.py-share__mobile-container {
          display: inline-block;
          width: 100%;
          position: fixed;
          bottom: 0;
          max-height: calc(100% - 80px);
          z-index: 1;
          overflow: auto;
          left: 0;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }
      }

      .search-box {
        right: 0;
        top: 0;
        position: absolute;
        border: 1px solid transparent;
        width: 40px;
        height: 48px;
        border-radius: 0;
        border-left-color: #efeff0;
        transition: all 0.4s ease-in-out;
        overflow: hidden;
      }

      @media (max-width: 991px) {
        .search-box {
          min-height: 0;
          padding: 0;
        }
      }

      @media (max-width: 768px) {
        .search-box {
          display: none;
        }
      }

      .search-box>svg {
        position: absolute;
        top: 10px;
        left: 0px;
        right: auto;
        margin-left: 8px;
        margin-right: 8px;
        fill: #252526;
        fill: var(--brand-color-gray-700, #252526);
        opacity: 0.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, 0.01);
        border: 1px solid transparent;
        padding: 10px 20px 2px;
        line-height: 28px;
        margin: 0;
        width: 100%;
        font-family: var(--payo-brand-font);
        font-size: 1em;
        outline: none;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0, 0.13, 0.22, 0.97);
      }

      .search-box>input::-moz-placeholder {
        color: transparent;
        -moz-transition: all 0.3s cubic-bezier(0, 0.13, 0.22, 0.97);
        transition: all 0.3s cubic-bezier(0, 0.13, 0.22, 0.97);
      }

      .search-box>input::placeholder {
        color: transparent;
        transition: all 0.3s cubic-bezier(0, 0.13, 0.22, 0.97);
      }

      .search-box~* {
        margin-top: 0;
        transition: all 0.3s cubic-bezier(0.46, 0, 0.95, 0.24);
      }

      .search-box--opened {
        top: -4px;
        border-left-color: transparent;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
        border-bottom-color: #252526;
        border-bottom-color: var(--brand-color-gray-700, #252526);
        transition: all 0.3s 0.3s cubic-bezier(0.46, 0, 0.95, 0.24);
        margin: 0;
        margin-left: 35px;
        padding: 10px 20px 2px 0;
        width: calc(100% - 35px);
      }

      .search-box--opened>input::-moz-placeholder {
        color: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
      }

      .search-box--opened>input::placeholder {
        color: #A8A8A8;
        color: var(--brand-color-gray-300, #A8A8A8);
      }

      .search-box--opened~* {
        margin-top: 60px;
        transition: all 0.3s cubic-bezier(0.46, 0, 0.95, 0.24);
      }

      .search-box--rtl {
        left: 0;
        right: inherit;
        border-left-color: transparent;
        border-right-color: #efeff0;
      }

      .search-box--rtl>.search-box__search {
        right: 0px;
      }

      .search-box--rtl.search-box--opened {
        border-right-color: transparent;
        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 transparent;
      }

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

      .expiration-date .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid #252526;
        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: #252526;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-placeholder {
        color: #A8A8A8;
        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: #666;
        color: var(--brand-color-gray-600, #666);
      }

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

      .expiration-date .react-selectize.material.root-node .react-selectize-control .react-selectize-toggle-button-container svg {
        stroke: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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: #252526;
        stroke: var(--brand-color-gray-700, #252526);
        fill: #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 {
        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: #0075E1;
        background-color: var(--brand-color-blue-500, #0075E1);
        height: 1px;
        bottom: -1px;
      }

      .expiration-date .react-selectize.material.root-node .option-wrapper {
        color: #252526;
        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: #dcdcdc;
        background-color: var(--brand-color-gray-200, #dcdcdc);
      }

      .expiration-date .react-selectize.material.root-node .option-wrapper .selected {
        background-color: #252526;
        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 #a8a8a8;
        border-bottom: 1px dashed var(--brand-color-gray-300, #a8a8a8);
      }

      .expiration-date .react-selectize.material.root-node.disabled .react-selectize-control:after {
        transform: scaleX(1);
        background-color: transparent;
      }

      .expiration-date .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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: #a8a8a8;
        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, 0.3);
        background-color: #efefef;
        background-color: var(--brand-color-gray-100, #efefef);
      }

      .expiration-date .react-selectize.material.dropdown-menu-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #7c7c7d;
        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 {
        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: #252526;
        fill: var(--brand-color-gray-700, #252526);
        height: 16px;
      }

      .expiration-date .react-selectize .react-selectize-toggle-button-container>i {
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .expiration-date.react-selectize-error .react-selectize.material.root-node .react-selectize-control {
        border-bottom: 1px solid transparent;
      }

      .expiration-date.react-selectize-error .react-selectize.material.root-node .react-selectize-control:after {
        background-color: #e31b0c;
        background-color: var(--brand-color-red-500, #e31b0c);
        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: #666;
        color: var(--brand-color-gray-600, #666);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }

      .open~.expiration-date__label {
        color: #666;
        color: var(--brand-color-gray-600, #666);
      }

      .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: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .expiration-date .react-selectize.material.root-node.disabled .react-selectize-control .react-selectize-placeholder {
        color: #a8a8a8;
        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: flex;
        align-items: flex-end;
        margin-top: 37px;
        color: #0075E1;
        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: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

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

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

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

      .tabs-header {
        display: flex;
        border-bottom: 1px solid #dcdcdc;
        border-bottom: 1px solid var(--brand-color-gray-200, #dcdcdc);
      }

      .tabs-header-tab {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .tabs-header-tab-text {
        padding: 16px;
        padding-bottom: 11px;
      }

      .tabs-header-tab-border {
        width: 0;
        transition: width 0.3s;
      }

      .tabs-header-tab-border--selected {
        width: 100%;
        background-color: #0075E1;
        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;
        animation: fadein 1s forwards;
        animation-timing-function: linear;
      }

      @keyframes fadein {
        from {
          opacity: 0;
        }

        to {
          opacity: 1;
        }
      }

      .ExperienceLoader .Footer.fadeOut {
        animation: fadeout 0.5s forwards;
        animation-timing-function: linear;
      }

      @keyframes fadeout {
        from {
          opacity: 1;
        }

        to {
          opacity: 0;
        }
      }

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

      .password-strength__header {
        font-size: 1em;
        font-weight: 700;
        display: block;
        margin-bottom: 1.2%;
        margin-top: 1.5%;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
        padding-bottom: 4px;
      }

      .password-strength>div {
        display: block;
      }

      .password-strength__rule {
        font-size: 0.9em;
        line-height: 1.8em;
        color: #252526;
        color: var(--brand-color-gray-700, #252526);
      }

      .password-strength__indicator {
        width: 8px;
        height: 8px;
        background: #dcdcdc;
        background: var(--brand-color-gray-200, #dcdcdc);
        border-radius: 50%;
        display: inline-block;
        margin-right: 5px;
        margin-left: 2px;
        vertical-align: middle;
      }

      .isRtl .password-strength__indicator {
        margin-left: 5px;
        margin-right: 2px;
      }

      .password-strength__indicator.passed {
        background: none;
        width: auto;
        width: initial;
        height: auto;
        height: initial;
        border-radius: 0;
        border-radius: initial;
        -moz-border-radius: initial;
        -webkit-border-radius: initial;
        margin-right: -7px;
      }

      .password-strength__checkIcon {
        color: #00A75B;
        color: var(--brand-color-green-500, #00A75B);
      }

      .password-strength__score {
        margin-top: 5%;
      }

      .password-strength>hr {
        opacity: .3;
        margin: 7px 0 0 0;
      }

      .password-strength .password-strength {
        width: 100%;
      }

      .password-strength .password-strength ul>li {
        background: #EFEFEF;
        background: var(--brand-color-gray-100, #EFEFEF);
        height: 5px;
        width: 24.2%;
        display: inline-block;
        margin: 0 .5%;
        transition: All 1s;
      }

      .password-strength .password-strength ul>li:first-child {
        margin-left: 0;
      }

      .password-strength .password-strength ul>li:last-child {
        margin-right: 0;
      }

      .password-strength .password-strength .password-strength-progress-text {
        height: 1em;
        font-size: 14px;
        margin-bottom: 8px;
      }

      .password-strength .password-strength--not-enough ul>li:first-child {
        background-color: #E31B0C;
        background-color: var(--brand-color-red-500, #E31B0C);
      }

      .password-strength .password-strength--not-enough .password-strength-progress-text {
        color: #E31B0C;
        color: var(--brand-color-red-500, #E31B0C);
      }

      .password-strength .password-strength--weak ul>li:first-child,
      .password-strength .password-strength--weak ul>li:nth-child(2) {
        background-color: #FFB547;
        background-color: var(--brand-color-gold-400, #FFB547);
      }

      .password-strength .password-strength--weak .password-strength-progress-text {
        color: #FFB547;
        color: var(--brand-color-gold-400, #FFB547);
      }

      .password-strength .password-strength--good ul>li:first-child,
      .password-strength .password-strength--good ul>li:nth-child(2),
      .password-strength .password-strength--good ul>li:nth-child(3) {
        background-color: #FFB547;
        background-color: var(--brand-color-gold-400, #FFB547);
      }

      .password-strength .password-strength--good .password-strength-progress-text {
        color: #FFB547;
        color: var(--brand-color-gold-400, #FFB547);
      }

      .password-strength .password-strength--strong ul>li {
        background-color: #31DA89;
        background-color: var(--brand-color-green-400, #31DA89);
      }

      .password-strength .password-strength--strong .password-strength-progress-text {
        color: #31DA89;
        color: var(--brand-color-green-400, #31DA89);
      }

      .password-strength .password-strength__progress {
        padding: 0;
        margin-bottom: 1%;
      }

      .google-recaptcha--error>div {
        width: 304px;
        border: 1px solid #e31b0c;
        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: #f1f3f7;
        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: #e31b0c;
        color: var(--brand-color-red-500, #e31b0c);
      }

      .simple-captcha__error-text__status {
        font-size: 0.8em;
        color: #b3b3b3;
        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: 0.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: 0.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;
        }
      }

      .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 #0075e1;
        border-left: 4px solid var(--brand-color-blue-500, #0075e1);
        padding-left: 15px;
      }

      .card--active.card--rtl {
        border-left: 0;
        border-right: 4px solid #0075e1;
        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 {
        box-shadow: 4px 3px 15px rgba(136, 136, 136, 0.2);
      }

      .card--shadow.card--rtl {
        box-shadow: -4px 3px 15px rgba(136, 136, 136, 0.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 #dcdcdc;
        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: flex;
        justify-content: space-between;
      }

      .card__header__expander {
        width: 30px;
      }

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

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

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

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

      .card__header__subTitle {
        color: #666;
        color: var(--brand-color-gray-600, #666);
        font-weight: normal;
        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 #c9cdd7;
        border-left: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7);
      }

      .card--rtl .card__header__addon {
        border-left: none;
        border-right: 1px solid #c9cdd7;
        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 #c9cdd7;
        border-bottom: 1px solid var(--payo-brand-color-cold-gray-300, #c9cdd7);
      }

      .card__content {
        font-size: 18px;
        line-height: 21px;
        color: #252526;
        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%;
        }
      }

      .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;
        transition: 0.5s cubic-bezier(0.89, 0.01, 0.5, 1.1);
        transform: translateY(-200%);
        color: white;
      }

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

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

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

      .notification-list div.notification-bar .toast-message__icon {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        font-size: 20px;
        width: 40px;
        background-color: #31da89;
        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: flex;
        align-items: center;
        width: 40px;
        justify-content: center;
      }

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

      .notification-list div.notification-bar .toast-message__content {
        padding: 8px;
        padding-bottom: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

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

      .notification-list div.notification-bar .toast-message__title {
        font-size: 16px;
        line-height: 24px;
        margin-top: 2px;
        margin-bottom: 4px;
        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: flex;
        flex-wrap: wrap;
        align-items: center;
      }

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

      .notification-list div.notification-bar .toast-message__text-wrapper-action-bottom {
        align-items: flex-start;
        flex-direction: column;
      }

      .notification-list div.notification-bar .toast-message__icon-close__new {
        display: flex;
        align-items: center;
        height: 40px;
        margin-inline-end: 12px;
        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: flex;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-decoration: underline;
        align-items: center;
        cursor: pointer;
        margin-right: 8px;
      }

      .toast-message-rtl {
        direction: rtl;
      }

      .logInContainer {
        height: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
        color: var(--brand-color-gray-700);
        font-family: var(--payo-brand-font);
        font-size: 16px;
      }

      .logInContainer__leftSection {
        min-height: 100vh;
        z-index: 10;
        position: absolute;
        top: 0;
        left: 0;
        width: 25%;
        width: 420px;
        box-shadow: 0px 7px 14px 0px #00000026;
      }

      .logInContainer-isRtl .logInContainer__leftSection {
        left: inherit;
        right: 0;
      }

      .logInContainer__leftSection .viewer-sign-in {
        color: var(--brand-color-blue-700);
        font-weight: 700;
        font-size: 0.875rem;
        line-height: 1.375rem;
        height: 30px;
        width: 150px;
        margin: 0 auto;
        text-align: center;
        border-radius: 6px;
        background-color: var(--brand-color-blue-100);
        border: 1px solid var(--brand-color-blue-100);
        padding: 3px;
      }

      .logInContainer__leftSection .logo {
        height: 74px;
        width: 100%;
        margin: 0 auto;
        margin-top: 8vh;
        text-align: center;
        max-width: 220px;
        background-position: center;
      }

      .logInContainer__leftSection .log-in-app-container {
        width: 100%;
        margin: 0 auto 0 auto;
        text-align: center;
        margin-bottom: 40px;
      }

      @media only screen and (max-width: 480px) {
        .logInContainer__leftSection .log-in-app-container {
          min-height: 62vh;
        }
      }

      .logInContainer__rightSection {
        width: calc(100vw - 420px);
        z-index: 1;
        min-height: 100%;
        height: auto;
        position: fixed;
        top: 0;
        right: 0;
      }

      .logInContainer-isRtl .logInContainer__rightSection {
        right: inherit;
        left: 0;
      }

      .logInContainer .rollup {
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        animation: 0.3s fade-backdrop;
        transition: 0.3s background;
        display: flex;
        z-index: 9999;
        flex-direction: column-reverse;
        overflow: hidden;
      }

      .logInContainer .rollup__backdrop {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
      }

      .logInContainer .rollup__container {
        animation: 0.3s roolup;
        padding: 45px 70px 55px;
        width: 100%;
        position: relative;
        font-size: 18px;
        transition: 0.3s transform;
      }

      .logInContainer .rollup__container__title {
        font-size: 22px;
        margin: 15px 0;
      }

      .logInContainer .rollup__container__text {
        line-height: 1.3;
        margin-bottom: 15px;
        display: block;
      }

      .logInContainer .rollup__container__close {
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 22px;
      }

      .logInContainer .rollup--has-menu .rollup__container {
        padding-bottom: 180px;
      }

      .logInContainer .rollup--has-menu .rollup__container__menu {
        position: absolute;
        height: 125px;
        width: 100%;
        left: 0;
        bottom: 0;
        display: flex;
      }

      .logInContainer .rollup--has-menu .rollup__container__menu__item {
        height: 100%;
        cursor: pointer;
        color: #fff;
        flex-grow: 1;
        flex-basis: 0;
        padding: 0 12px;
      }

      .logInContainer .rollup--has-menu .rollup__container__menu__item:nth-of-type(n+2) {
        border-left: 1px solid var(--brand-color-gray-200);
      }

      .logInContainer .rollup--has-menu .rollup__container__menu__item:hover {
        background: var(--brand-color-blue-500);
      }

      .logInContainer .rollup--has-menu .rollup__container__menu__item__icon {
        height: 70px;
        line-height: 64px;
        width: 70px;
        font-size: 45px;
        margin: 10px auto;
        border: 2px solid var(--brand-color-white-500);
        border-radius: 50%;
        display: block;
      }

      .logInContainer .rollup--has-menu .rollup__container__menu__item__icon.icon-closed_envelope {
        font-size: 35px;
      }

      .logInContainer .rollup--has-menu .rollup__container__menu__item__icon.icon-closed_envelope::before {
        width: 1.35em;
      }

      .logInContainer .rollup--closing {
        background: rgba(0, 0, 0, 0);
      }

      .logInContainer .rollup--closing .rollup__container {
        transform: translateY(100%);
      }

      @keyframes roolup {
        from {
          transform: translateY(100%);
        }

        to {
          transform: translateY(0);
        }
      }

      @keyframes fade-backdrop {
        from {
          background: rgba(0, 0, 0, 0);
        }

        to {
          background: rgba(0, 0, 0, 0.3);
        }
      }

      .logInContainer .notification-list {
        top: 0;
        width: 420px;
      }

      .rtl .logInContainer .notification-list {
        left: inherit;
      }

      @media only screen and (max-width: 768px) {
        .logInContainer .notification-list {
          width: 100%;
        }
      }

      @media only screen and (max-width: 768px) {
        .logInContainer__rightSection {
          display: none;
        }

        .logInContainer__leftSection {
          width: 100%;
          min-width: 320px;
          box-shadow: none;
          overflow-x: hidden;
        }

        .logInContainer__leftSection>.logo {
          z-index: -1;
        }

        .logInContainer__leftSection>.log-in-app-container {
          z-index: -2;
          margin-top: 2%;
        }
      }

      .footer {
        position: absolute;
        padding-bottom: 10px;
        margin: auto;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        max-width: 400px;
        text-align: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        align-items: center;
      }

      @media only screen and (max-width: 768px) {
        .footer {
          padding-top: 0;
          justify-content: center;
          padding-bottom: 0;
          max-width: 100%;
        }
      }

      .footer>.footer__localeSelect .label,
      .footer a,
      .footer .footer__copyContainer a {
        font-size: 14px;
        font-family: var(--payo-brand-font);
        text-decoration: none;
        color: var(--brand-color-gray-700);
      }

      .footer>.footer__localeSelect .label:hover,
      .footer a:hover,
      .footer .footer__copyContainer a:hover {
        text-decoration: underline;
      }

      @media only screen and (max-width: 768px) {
        .footer__copyContainer {
          width: 100%;
          order: 4;
          padding: 5px 0;
        }
      }

      .footer__separator {
        color: var(--brand-color-gray-200);
      }

      @media only screen and (max-width: 768px) {
        .footer__separator {
          order: 2;
          margin: 0 6px;
        }

        .footer__separator:nth-child(2) {
          display: none;
        }
      }

      @media only screen and (max-width: 768px) {
        .footer__contactUs {
          order: 1;
          padding: 5px 0;
        }
      }

      .footer__localeSelect {
        order: 5;
      }

      @media only screen and (max-width: 768px) {
        .footer__localeSelect {
          order: 3;
        }

        .footer__localeSelect .label {
          color: var(--brand-color-blue-500);
          padding: 5px 0;
        }

        .footer__localeSelect .label .arrowDown {
          display: none;
        }
      }

      .footer--reset-password {
        max-width: 550px;
      }

      .footer__poweredbylink {
        position: relative;
      }

      .footer__poweredbylink>img {
        width: 112px;
      }

      @media only screen and (max-width: 768px) {
        .footer__poweredbylink {
          order: 3;
          width: 100%;
          padding: 5px 0 1px 0;
          background-color: var(--brand-color-gray-200);
        }
      }

      .localeSelect {
        font-size: 16px;
        position: relative;
        display: inline-block;
      }

      .localeSelect .label {
        cursor: pointer;
        display: inline-block;
        background: none;
        border: 0;
        padding: 0;
        line-height: normal;
      }

      .localeSelect .label>i {
        font-size: 16px;
      }

      .localeSelect .content {
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        position: absolute;
        bottom: 34px;
        right: -220px;
        width: 365px;
        max-width: 365px;
        background-color: #fff;
        box-shadow: 1px 1px 10px rgba(42, 42, 42, 0.2);
        padding: 20px 10px 5px 20px;
      }

      .localeSelect .content__header {
        display: none;
      }

      .localeSelect .content a {
        text-align: left;
        width: 25%;
        font-size: 14px;
        padding: 0px 20px 10px 0px;
        color: #5ea2ce;
        text-decoration: none;
      }

      .localeSelect .content a:hover {
        color: #ff4700;
      }

      .localeSelect .content a.selected {
        font-weight: bold;
        color: #3d7faa;
      }

      .localeSelect .content a.selected>i {
        display: none;
      }

      .localeSelect .content:hover {
        display: flex;
      }

      .localeSelect .content:after {
        position: absolute;
        bottom: -8px;
        left: 30%;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #fff;
        content: " ";
        font-size: 0;
        line-height: 0;
        width: 0;
      }

      .localeSelect--longView .content {
        width: inherit;
        right: 0;
        max-width: inherit;
        max-height: inherit;
        flex-direction: column;
      }

      .localeSelect--longView:focus {
        outline: 0;
      }

      .localeSelect .arrowDown {
        transform: rotateZ(180deg);
        margin-bottom: 3%;
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid #636b78;
      }

      .localeSelect--isOpen {
        outline: 0;
      }

      .localeSelect--isOpen .content {
        display: flex;
      }

      .localeSelect--isOpen .arrowDown {
        transform: rotateZ(0deg);
      }

      @media only screen and (max-width: 768px) {
        .localeSelect {
          position: static;
          z-index: 20;
        }

        .localeSelect .content {
          position: fixed;
          transform: translateX(-100%);
          transition: transform .5s;
          overflow-y: scroll;
          overflow-x: hidden;
          display: block;
          top: 0;
          bottom: inherit;
          left: 0px;
          width: 100vw;
          height: 100vh;
          max-width: 100%;
          max-height: 100%;
          background-color: var(--brand-color-white-500);
          box-shadow: none;
          padding: 20px 10px 5px 20px;
        }

        .localeSelect .content:hover {
          display: block;
        }

        .localeSelect .content__header {
          border-bottom: 5px solid var(--brand-color-gray-200);
          padding: 10px 0 20px 0;
          margin-bottom: 10px;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: space-between;
        }

        .localeSelect .content__header>h2 {
          display: inline-block;
          font-size: 1.6em;
          text-align: left;
          font-family: var(--payo-brand-font);
          color: var(--brand-color-gray-700);
          font-weight: 600;
        }

        .localeSelect .content__header__closeBtn {
          display: inline-block;
          cursor: pointer;
        }

        .localeSelect .content__header__closeBtn i {
          font-size: 1.6em;
          color: var(--brand-color-gray-700);
        }

        .localeSelect .content a {
          display: block;
          text-align: left;
          font-size: 1.3em;
          padding: 15px 0;
          color: var(--brand-color-gray-700);
          text-decoration: none;
          border-bottom: 1px solid var(--brand-color-gray-200);
          width: 100%;
        }

        .localeSelect .content a.selected {
          font-weight: bold;
          color: var(--brand-color-blue-500) i;
          color-display: inline-block;
          color-float: right;
          color-font-weight: normal;
          color-padding-right: 5px;
        }

        .localeSelect .content:after {
          display: none;
        }

        .localeSelect--isOpen .content {
          transform: translateX(0);
        }
      }

      .localeSelect-isRtl .content {
        left: inherit;
        right: 0px;
      }

      .localeSelect-isRtl .content a {
        padding: 0px 20px 10px 0px;
      }

      .localeSelect-isRtl .content:after {
        left: inherit;
        right: 12%;
      }

      @media only screen and (max-width: 768px) {
        .localeSelect-isRtl.localeSelect--isOpen .content {
          direction: rtl;
          text-align: right;
          top: 0;
          bottom: inherit;
          left: 0;
        }

        .localeSelect-isRtl.localeSelect--isOpen .content a {
          text-align: right;
          padding: 15px 0;
        }

        .localeSelect-isRtl.localeSelect--isOpen .content a.selected i {
          float: left;
        }
      }

      .logInForm {
        font-size: 16px;
        max-width: 280px;
        margin: 0 auto;
        font-family: var(--payo-brand-font);
      }

      .logInForm__headerText {
        margin: 3vh 0;
        font-family: var(--payo-brand-font);
      }

      .logInForm__headerText>h2 {
        font-size: 1.3em;
        line-height: 1.4;
        font-weight: 500;
      }

      .logInForm__headerText h3 {
        font-size: 1.2em;
        line-height: 1.2;
        font-weight: 500;
      }

      .logInForm__headerText>span {
        font-size: 1.125em;
        display: block;
        line-height: 1.5em;
        text-align: center;
        margin: 1em auto 0 auto;
      }

      .logInForm-isRtl .logInForm__headerText {
        direction: rtl;
      }

      .logInForm form {
        text-align: left;
        text-align: initial;
      }

      .logInForm form .text-box__addon {
        padding-left: 3px;
      }

      .logInForm .textField-container {
        margin-top: 1vh;
      }

      .logInForm__signUp,
      .logInForm__altResource {
        margin-top: 1vh;
        color: var(--brand-color-gray-700);
        font-size: 1.125em;
        text-align: center;
        line-height: normal;
      }

      .logInForm__signUp>a,
      .logInForm__altResource>a {
        text-decoration: none;
        color: var(--brand-color-blue-500);
      }

      .logInForm-isRtl .logInForm__signUp,
      .logInForm-isRtl .logInForm__altResource {
        direction: rtl;
      }

      .logInForm__forgetPassword {
        display: block;
        margin-top: 2%;
        width: 100%;
        text-align: left;
        z-index: 12;
      }

      .logInForm__forgetPassword>a {
        color: var(--brand-color-blue-500);
        font-family: var(--payo-brand-font);
        text-decoration: none;
        font-size: .9em;
      }

      .logInForm-isRtl .logInForm__forgetPassword {
        text-align: right;
        direction: rtl;
      }

      .logInForm__error-box-container {
        margin-top: 10%;
      }

      .logInForm__error-box-container .error-box__content {
        line-height: 1.2em;
      }

      .logInForm__error-box-container .error-box__content>span {
        font-weight: 600;
      }

      @media only screen and (max-width: 480px) {
        .logInForm__error-box-container .error-box__content>span {
          font-weight: 400;
        }
      }

      .logInForm__login-button-container {
        width: 100%;
        margin-top: 10%;
      }

      .logInForm__captcha {
        margin-top: 10%;
      }

      @media only screen and (max-width: 768px) {
        .logInForm__headerText {
          margin-bottom: 2%;
        }

        .logInForm__headerText h3 {
          font-size: 1.2em;
          line-height: 1.2;
          margin-top: 1%;
          margin-bottom: 1%;
        }

        .logInForm__signUp,
        .logInForm__altResource {
          margin-top: 3vh;
        }

        .logInForm__forgetPassword {
          margin-bottom: 5vh;
        }

        .logInForm__forgetPassword {
          margin-bottom: 5vh;
        }
      }

      @media only screen and (min-width: 335px) {
        .logInForm__captcha {
          transform: translateX(0px);
        }

        .logInForm-isRtl .logInForm__captcha {
          transform: translateX(-22px);
        }
      }

      @media only screen and (max-width: 325px) {
        .logInForm__captcha {
          transform: translateX(-10px);
        }

        .logInForm-isRtl .logInForm__captcha {
          transform: translateX(-15px);
        }
      }

      @media only screen and (max-height: 763px) {
        .logInForm {
          margin-bottom: 120px;
        }
      }

      .forgotPasswordConfirmation {
        display: block;
        font-size: 16px;
        margin-top: 9vh;
        color: var(--brand-color-gray-700);
        font-family: var(--payo-brand-font);
      }

      .forgotPasswordConfirmation-isRtl {
        direction: rtl;
      }

      @media only screen and (max-height: 763px) {
        .forgotPasswordConfirmation {
          margin-bottom: 120px;
        }
      }

      .forgotPasswordConfirmation>h2 {
        font-size: 1.4em;
        font-weight: 500;
        text-transform: capitalize;
        margin: 1.6em 0;
      }

      .forgotPasswordConfirmation>span {
        font-size: 1.2em;
      }

      .forgotPasswordConfirmation__icon {
        display: block;
        color: #8c98ab;
        margin-bottom: 1.5vh;
      }

      .forgotPasswordConfirmation__icon:before {
        width: auto;
        width: initial;
        font-size: 80px;
      }

      .forgotPasswordConfirmation__need-help-link {
        display: block;
        text-decoration: none;
        color: var(--brand-color-blue-500);
        font-size: 1.125em;
        margin-top: 2vh;
      }

      .forgotPasswordConfirmation__link {
        display: block;
        text-decoration: none;
        color: var(--brand-color-blue-500);
        font-size: 1.125em;
        margin-top: 16vh;
      }

      .forgotPassword {
        width: 100%;
        font-size: 16px;
      }

      .forgotPassword-isRtl {
        direction: rtl;
      }

      .forgotPassword__linkToLogin {
        width: 100%;
        max-width: 280px;
        position: relative;
        display: block;
        font-size: 1.125em;
        color: var(--brand-color-blue-500);
        font-family: var(--payo-brand-font);
        z-index: 12;
        text-decoration: none;
        margin: 0 auto;
        margin-top: 25vh;
      }

      .forgotPassword__linkToLogin>i {
        font-size: 14px;
      }

      @media only screen and (max-width: 768px) {
        .forgotPassword__linkToLogin {
          margin-top: 10vh;
        }
      }

      .forgotPassword__button-container {
        width: 100%;
        margin-top: 12%;
      }

      .forgotPassword__captcha {
        margin-top: 10%;
      }

      .forgot-password-sms {
        max-width: 280px;
        font-size: 16px;
        margin: 3vh auto;
        color: var(--brand-color-gray-700);
        font-family: var(--payo-brand-font);
        text-align: center;
      }

      .forgot-password-sms>h2 {
        font-size: 1.4em;
        line-height: 1.4;
        font-weight: 500;
      }

      .forgot-password-sms h3 {
        font-size: 1.1em;
        line-height: 2.2;
        font-weight: 500;
      }

      .forgot-password-sms__icon {
        color: var(--brand-color-gray-700);
        font-size: 95px;
        margin-bottom: 35px;
        display: inline-block;
      }

      .forgot-password-sms__title {
        margin-bottom: .5em;
        line-height: 1.2;
      }

      .forgot-password-sms__content {
        margin-top: .5em;
      }

      .forgot-password-sms__button {
        width: 100%;
        margin-top: 12%;
      }

      .forgot-password-sms__error-box-container {
        margin-top: 12%;
      }

      .forgot-password-sms__captcha {
        margin-top: 12%;
      }

      .forgot-password-sms__link {
        color: var(--brand-color-blue-500);
        cursor: pointer;
        display: inline-block;
        margin-top: 15px;
      }

      .forgot-password-sms__dropdown .inline-dropdown__dropdown-wrapper {
        min-width: 0;
        min-width: initial;
      }

      .forgot-password-sms__dropdown .inline-dropdown__dropdown-wrapper .inline-dropdown-option {
        min-height: inherit;
        line-height: normal;
        padding: 10px 2px;
      }

      .forgot-password-sms__dropdown--disabled {
        cursor: default;
        pointer-events: none;
      }

      .forgot-password-sms__dropdown--disabled .inline-dropdown__trigger {
        color: inherit;
      }

      .forgot-password-sms-isRtl {
        direction: rtl;
      }

      .forgot-password-sms-isRtl .password-strength {
        text-align: right;
      }

      .forgot-password-sms-isRtl .forgot-password-sms__phone {
        direction: ltr;
        display: inline-block;
      }

      @media only screen and (max-height: 763px) {
        .forgot-password-sms {
          margin-bottom: 120px;
        }
      }

      .changePassword {
        font-size: 16px;
        max-width: 280px;
        margin: 3vh auto;
        font-family: var(--payo-brand-font);
      }

      @media only screen and (max-height: 763px) {
        .changePassword {
          margin-bottom: 120px;
        }
      }

      .changePassword__headerText {
        margin-bottom: 3vh;
        font-family: var(--payo-brand-font);
        color: var(--brand-color-gray-700);
      }

      .changePassword__headerText>h2 {
        font-size: 1.3em;
        line-height: 1.4;
        font-weight: 500;
      }

      .changePassword__headerText h3 {
        font-size: 1.2em;
        line-height: 1.2;
        font-weight: 500;
      }

      .changePassword__headerText>span {
        font-size: 1.125em;
        display: block;
        line-height: 1.5em;
        text-align: center;
        margin: 1em auto 0 auto;
      }

      .changePassword-isRtl .changePassword__headerText {
        direction: rtl;
      }

      .changePassword__button-container {
        width: 100%;
        margin-top: 12%;
      }

      .changePassword__linkToLogin {
        display: block;
        padding-bottom: 2vh;
        z-index: 12;
      }

      .changePassword__linkToLogin a {
        font-size: 1.125em;
        color: var(--brand-color-blue-500);
        font-family: var(--payo-brand-font);
        text-decoration: none;
      }

      .changePassword__linkToLogin a>i {
        font-size: 14px;
      }

      .changePassword__error-box-container {
        margin-top: 12%;
      }

      .changePassword__password-strength {
        text-align: left;
      }

      .changePassword__dateOfBirth {
        text-align: left;
      }

      .changePasswordConfirmation {
        font-size: 16px;
      }

      @media only screen and (max-height: 763px) {
        .changePasswordConfirmation {
          margin-bottom: 120px;
        }
      }

      .changePasswordConfirmation__icon {
        margin: 3.5em 0;
      }

      .changePasswordConfirmation__icon>i {
        color: var(--brand-color-green-500);
        font-size: 80px;
      }

      .changePasswordConfirmation__header {
        font-family: var(--payo-brand-font);
        margin-bottom: 0.3em;
        font-weight: 400;
        color: var(--brand-color-gray-700);
        font-size: 1.3em;
      }

      .changePasswordConfirmation__text {
        font-family: var(--payo-brand-font);
        font-size: 1em;
        line-height: 1.4em;
        color: var(--brand-color-gray-700);
        font-weight: 500;
        max-width: 80%;
        text-align: center;
        margin: auto;
        margin-bottom: 1em;
      }

      .changePasswordConfirmation__link {
        font-size: 1.125em;
        color: var(--brand-color-blue-500);
        font-family: var(--payo-brand-font);
        text-decoration: none;
        cursor: pointer;
      }

      .reset-password-layout {
        min-height: 60vh;
        position: relative;
        padding-bottom: 6rem;
        max-width: 550px;
        margin: 0 auto;
      }

      .reset-password-layout .logo {
        height: 58px;
        width: 100%;
        margin: 4em auto 0;
        max-width: 220px;
      }

      .reset-password-layout__spinner {
        height: 78vh;
        padding-top: 53%;
      }

      .reset-password-layout__spinner>.spinner-container>span {
        background-color: var(--brand-color-blue-500);
      }

      .resetPasswordConfirmation-container {
        border-top: 1px solid #d4dae4;
      }

      @media only screen and (max-height: 763px) {
        .resetPasswordConfirmation-container {
          margin-bottom: 120px;
        }
      }

      .resetPasswordConfirmation {
        margin: 2vh auto 0 auto;
        padding: 22px 15px;
        width: 100%;
        max-width: 550px;
        font-size: 16px;
        font-family: var(--payo-brand-font);
        background: #fff;
        text-align: center;
        border-left: 4px solid transparent;
        box-shadow: 4px 3px 15px rgba(136, 136, 136, 0.2);
      }

      .resetPasswordConfirmation.isRtl {
        direction: rtl;
      }

      .resetPasswordConfirmation__icon {
        margin: 1.5em 0;
      }

      .resetPasswordConfirmation__icon>i {
        color: var(--brand-color-green-500);
        font-size: 63px;
      }

      .resetPasswordConfirmation h3 {
        margin-bottom: 0.3em;
        font-weight: 600;
        color: var(--brand-color-gray-700);
        font-size: 1.4em;
      }

      .resetPasswordConfirmation p {
        font-size: 1em;
        line-height: 1.4em;
        color: var(--brand-color-gray-700);
        font-weight: 500;
        max-width: 80%;
        text-align: center;
        margin: auto;
        margin-bottom: 1em;
      }

      .resetPasswordConfirmation p>span {
        display: block;
      }

      .resetPasswordConfirmation__link {
        font-size: 1.125em;
        text-align: center;
        text-decoration: none;
        color: var(--brand-color-blue-500);
        position: relative;
        bottom: -60px;
      }

      .wizard {
        min-height: 78vh;
      }

      .wizard-step__body {
        margin-top: 5px;
        margin-bottom: 30px;
      }

      .wizard__personal-details-container,
      .wizard__dateOfBirth-container,
      .wizard__phone-container {
        margin-bottom: 1.5em;
      }

      .wizard-step--rtl .wizard__personal-details-container,
      .wizard-step--rtl .wizard__dateOfBirth-container,
      .wizard-step--rtl .wizard__phone-container {
        margin-left: 0;
        margin-right: 8%;
      }

      .wizard__phone-container .phone-number__invalid {
        padding: 10px;
        color: #a8a8a8;
        color: var(--brand-color-gray-300, #a8a8a8);
      }

      .wizard__personal-details-container {
        margin-top: 0;
      }

      .wizard__personal-details-summary-container {
        margin: 8% 0;
        color: #8c98ab;
        font-size: 14px;
      }

      .wizard__personal-details-summary-container__row {
        display: flex;
        margin-bottom: 4%;
      }

      .wizard__personal-details-summary-container__row>span:first-child {
        flex-basis: 45%;
        font-size: 1em;
        line-height: 1.3em;
      }

      .wizard__personal-details-summary-container__row>span:last-child {
        flex-basis: 55%;
        color: #636b78;
        font-size: 1.2em;
        padding: 0 4%;
      }

      .wizard__reset-password-container {
        display: block;
      }

      .wizard__reset-password-container__password-strength {
        display: block;
        min-height: 140px;
        margin-top: 30px;
      }

      .wizard .button {
        display: block;
        margin: 0 auto 15px auto;
      }

      .wizard__dialog .dialog__title {
        font-size: 1.5125em;
      }

      .wizard__dialog .dialog__content {
        text-align: center;
        padding: 5% 10% 4% 10%;
      }

      @media only screen and (max-width: 690px) {
        .wizard__dialog .dialog__content {
          padding: 15%;
          max-width: none;
          max-width: initial;
          width: auto;
          width: initial;
          height: auto;
          height: initial;
          min-height: 0;
          min-height: initial;
          max-height: none;
          max-height: initial;
        }
      }

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

      .wizard__dialog__continueBtn {
        margin-top: 52px;
        padding: 4px 60px;
      }

      @media only screen and (max-width: 480px) {

        .wizard__personal-details-container,
        .wizard__dateOfBirth-container,
        .wizard__phone-container {
          max-width: 100%;
          margin-left: 0;
        }

        .wizard__reset-password-container {
          flex-wrap: wrap;
          margin-left: 1%;
        }

        .wizard__reset-password-container__inputs {
          flex-basis: 100%;
        }

        .wizard__reset-password-container__devider {
          flex-basis: 0;
        }

        .wizard__reset-password-container__password-strength {
          flex-basis: 100%;
          border-left: none;
          padding: 0;
          margin-top: 5%;
          margin-left: 1%;
        }
      }

      .errorPageContainer {
        font-size: 16px;
        font-family: var(--payo-brand-font);
        position: relative;
        padding: 40px 0;
        color: var(--brand-color-gray-700);
      }

      .errorPageContainer__content {
        display: block;
        margin: auto;
        width: 90%;
        text-align: center;
      }

      .errorPageContainer__content>h4 {
        font-size: 1.3125em;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: .3em;
      }

      .errorPageContainer__content>p {
        font-size: 1em;
        line-height: 1.4;
      }

      .errorPageContainer__content>p a {
        text-decoration: none;
        color: var(--brand-color-blue-500);
      }

      .errorPageContainer__content__reset {
        margin-top: 25vh;
        font-size: 18px;
      }

      @media only screen and (max-width: 768px) {
        .errorPageContainer__content__reset {
          margin-top: 10vh;
        }
      }

      .errorPageContainer.pageNotFound .pageNotFound__imageContainer {
        width: 100%;
        background: url("") no-repeat #fff center 0;
        background-size: 86%;
        height: 0;
        padding: 0;
        padding-bottom: calc(53% * 3 / 4);
      }

      .errorPageContainer.technicalError .technicalError__imageContainer {
        width: 100%;
        background: url("") no-repeat #fff center 0;
        background-size: 75%;
        height: 0;
        padding: 0;
        padding-bottom: calc(49% * 3 / 4);
      }

      .errorPageContainer.technicalError.technicalIssue {
        box-shadow: none;
        background: transparent;
      }

      .errorPageContainer.technicalError.technicalIssue .technicalError__imageContainer {
        background-color: transparent;
      }

      .errorPageContainer.linkExpired .linkExpired__imageContainer {
        margin: auto;
        width: 22%;
        background: url("") no-repeat #fff center 0;
        background-size: 86%;
        height: 0;
        padding: 0;
        padding-bottom: calc(20% * 3 / 4);
      }

      .errorPageContainer.accountLocked .accountLocked__imageContainer {
        margin: auto;
        width: 22%;
        background: url("") no-repeat #fff center 0;
        background-size: 64%;
        height: 0;
        padding: 0;
        padding-bottom: calc(20% * 3 / 4);
      }

      .errorPageContainer.accountBlocked .accountBlocked__imageContainer {
        margin-bottom: 14px;
      }

      .errorPageContainer.accountBlocked .accountBlocked__imageContainer i {
        font-size: 54px;
        margin: auto;
        display: block;
        text-align: center;
        color: var(--brand-color-gray-700);
      }

      .errorPageContainer.incompleteRegistration .incompleteRegistration__imageContainer {
        margin-bottom: 14px;
      }

      .errorPageContainer.incompleteRegistration .incompleteRegistration__imageContainer i {
        color: var(--brand-color-gray-700);
        font-size: 54px;
        margin: auto;
        display: block;
        text-align: center;
      }

      .phone-not-match {
        font-size: 16px;
        max-width: 280px;
        margin: 0 auto;
        padding-top: 3vh;
        font-family: var(--payo-brand-font);
      }

      .phone-not-match__headerText {
        margin-bottom: 3vh;
        font-family: var(--payo-brand-font);
        color: var(--brand-color-gray-700);
      }

      .phone-not-match__headerText__icon {
        display: block;
        color: var(--brand-color-gray-700);
        margin-top: 4vh;
      }

      .phone-not-match__headerText__icon:before {
        width: auto;
        width: initial;
        font-size: 80px;
      }

      .phone-not-match__headerText>h4 {
        margin-top: 4vh;
        font-size: 1.2em;
        line-height: 1.2;
        font-weight: 500;
      }

      .logInForm-isRtl .phone-not-match__headerText {
        direction: rtl;
      }

      .phone-not-match__linkToLogin {
        width: 100%;
        max-width: 280px;
        position: relative;
        display: block;
        font-size: 1.125em;
        color: var(--brand-color-blue-500);
        font-family: var(--payo-brand-font);
        z-index: 12;
        text-decoration: none;
        margin: 0 auto;
        margin-top: 15vh;
      }

      .forgotPasswordSmsConfirmation {
        display: block;
        font-size: 16px;
        margin: 3vh auto;
        padding-top: 3vh;
        color: var(--brand-color-gray-700);
        font-family: var(--payo-brand-font);
      }

      @media only screen and (max-height: 763px) {
        .forgotPasswordSmsConfirmation {
          margin-bottom: 120px;
        }
      }

      .forgotPasswordSmsConfirmation__icon {
        display: block;
        color: var(--brand-color-green-500);
        font-size: 80px;
        margin: 1vh 0 3.5vh 0;
      }

      .forgotPasswordSmsConfirmation__icon:before {
        width: auto;
        width: initial;
        font-size: 80px;
      }

      .forgotPasswordSmsConfirmation>h2 {
        font-size: 1.4em;
        line-height: 1.4;
        font-weight: 500;
        text-transform: capitalize;
        margin-bottom: 1em;
      }

      .forgotPasswordSmsConfirmation h3 {
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 500;
      }

      .forgotPasswordSmsConfirmation__linkToLogin {
        width: 100%;
        max-width: 280px;
        position: relative;
        display: block;
        font-size: 1.125em;
        color: var(--brand-color-blue-500);
        font-family: var(--payo-brand-font);
        z-index: 12;
        text-decoration: none;
        margin: 2vh auto 0 auto;
      }

      .forgotPasswordSmsConfirmation__linkToLogin>i {
        font-size: 14px;
      }

      @media only screen and (max-width: 768px) {
        .forgotPasswordSmsConfirmation__linkToLogin {
          margin-top: 10vh;
        }
      }

      .consent {
        border: 1px solid var(--brand-color-gray-200);
        padding-top: 28px;
        margin: 20px auto 0;
        max-width: 460px;
        border-radius: 2px;
        box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
      }

      @media only screen and (max-width: 768px) {
        .consent {
          margin: 0 auto;
          min-height: 100vh;
        }

        .consent>.footer {
          position: sticky;
          top: 100%;
        }
      }

      .consent #consent_decline_no {
        margin-bottom: 35px;
      }

      .consent .consentData {
        padding: 60px 1em 0;
      }

      .consent>img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 150px;
        width: 50%;
      }

      .consent__title,
      .consent__description {
        text-align: left;
        max-width: 360px;
        margin: auto;
        line-height: 1.4;
        color: var(--brand-color-gray-700);
      }

      .consent__title b,
      .consent__description b {
        color: var(--brand-color-blue-500);
      }

      .consent__title {
        margin-bottom: 18px;
      }

      .consent__description {
        margin-bottom: 113px;
      }

      .consent__contactus {
        text-align: center;
        max-width: 360px;
        margin: auto;
        margin-bottom: 35px;
        line-height: 1.4;
        color: var(--brand-color-gray-700);
      }

      .consent__contactus b {
        color: var(--brand-color-blue-500);
      }

      .consent__footer__text {
        text-align: center;
        color: var(--brand-color-gray-700);
        line-height: 1.4;
        margin-bottom: 35px;
      }

      .consent__footer__buttons {
        margin-top: 15px;
        text-align: center;
      }

      .consent__footer__buttons .button {
        margin-bottom: 16px;
        min-width: 50%;
      }

      .consent__header__logos {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px 0;
      }

      .consent__header__logos>img {
        width: 82px;
        min-height: 82px;
        padding: 4px;
        border: 1px solid var(--brand-color-gray-200);
        border-radius: 50%;
      }

      .consent__header__logos__connectors {
        color: var(--brand-color-gray-300);
      }

      .consent__header__logos__fallback {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .consent__header__logos__fallback>span {
        line-height: 1.4;
        color: var(--brand-color-gray-700);
        font-weight: bold;
      }

      .consent__authorized,
      .consent__error,
      .consent__decline {
        margin: auto;
        text-align: center;
        max-width: 340px;
      }

      .consent__authorized__icon,
      .consent__error__icon,
      .consent__decline__icon {
        font-size: 90px;
        color: var(--brand-color-green-500);
      }

      .consent__authorized__content,
      .consent__error__content,
      .consent__decline__content {
        color: var(--brand-color-gray-700);
      }

      .consent__authorized__content>h2,
      .consent__error__content>h2,
      .consent__decline__content>h2 {
        font-weight: 700;
        font-size: 22px;
        margin: 35px 0;
      }

      .consent__authorized__content>p,
      .consent__error__content>p,
      .consent__decline__content>p {
        line-height: 1.38;
      }

      .consent__authorized__close,
      .consent__error__close,
      .consent__decline__close {
        display: block;
        margin: 102px 0 35px 0;
        color: var(--brand-color-blue-500);
        cursor: pointer;
      }

      .consent__authorized_button,
      .consent__error_button,
      .consent__decline_button {
        width: 150px;
        margin: 32px auto 105px;
      }

      .consent__authorized {
        padding-top: 42px;
      }

      .consent__error__icon {
        background: url("") no-repeat #fff center 0;
        height: 65px;
        width: 100px;
        margin: 0 auto;
      }

      .consent__decline__icon {
        color: var(--brand-color-gray-700);
      }

      .consent__decline__content {
        max-width: 450px;
      }

      .consent__decline__footer {
        margin: 50px 0 20px 0;
      }

      .consent__scopes {
        margin-top: 30px;
      }

      .consent__scopes__scope-container {
        margin: 6px;
      }

      .consent__scopes__scope-container .check-box input[type="checkbox"]:disabled~.check-box__label {
        color: var(--brand-color-gray-700);
      }

      .connect {
        border: 1px solid var(--brand-color-gray-200);
        background-color: #fff;
        padding-top: 28px;
        margin: 20px auto 0;
        max-width: 460px;
        border-radius: 2px;
        box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
      }

      @media only screen and (max-width: 768px) {
        .connect {
          margin: 0 auto;
          min-height: 100vh;
        }

        .connect>.footer {
          position: sticky;
          top: 100%;
        }
      }

      .connect>img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 150px;
        width: 50%;
      }

      .connect_data {
        margin: 0 auto;
        padding: 0 1em;
        text-align: center;
        max-width: 340px;
        color: var(--brand-color-gray-700);
      }

      .connect_icon {
        margin-top: 102px;
        color: var(--brand-color-red-500);
      }

      .connect_title {
        font-weight: 700;
        font-size: 22px;
        margin: 35px 0;
      }

      .connect_text {
        font-size: 16px;
        line-height: 1.6;
      }

      .connect_button {
        width: 150px;
        margin: 32px auto 105px;
      }

      .challenge {
        font-size: 16px;
        margin: 0 auto;
        font-family: var(--payo-brand-font);
        padding-block-end: 80px;
      }

      .challenge__headerText {
        margin: 3vh 0 0 0;
        font-family: var(--payo-brand-font);
        color: #636b78;
      }

      .challenge__headerText>h2 {
        font-size: 1.3em;
        line-height: 1.4;
        font-weight: 500;
      }

      .challenge__headerText h3 {
        font-size: 1.2em;
        line-height: 1.2;
        font-weight: 500;
      }

      .challenge__headerText>span {
        font-size: 1.125em;
        display: block;
        line-height: 1.5em;
        text-align: center;
        margin: 1em auto 0 auto;
      }

      .challenge-isRtl .challenge__headerText {
        direction: rtl;
      }

      .challenge__form {
        text-align: left;
        text-align: initial;
        margin-top: 37px;
      }

      @media only screen and (max-width: 768px) {
        .challenge__headerText {
          margin-bottom: 2%;
        }

        .challenge__headerText h3 {
          font-size: 1.2em;
          line-height: 1.2;
          margin-top: 1%;
          margin-bottom: 1%;
        }
      }

      .brand-payoneer .logInContainer__rightSection {
        background: url("../img/99e8069ad0260d754a49.jpg") white;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
      }

      .brand-payoneer .logInContainer__rightSection--isRtl {
        transform: scaleX(-1);
      }

      .brand-payoneer .logo {
        background: url("../img/deb6e293eb3e372fac67.svg") no-repeat;
      }

.login__window__body>.login__window__signin>.ab_login_link {
        height: unset;
      }

.internalPageHeader {
        height: auto;
      }

      button.IpcnParameter,
      input[type="button"].IpcnParameter {
        height: auto;
      }

      .internalPageContainer__leftSection_log-in-app-container {
        margin-bottom: 72px;
      }

      .internalPageContainer__leftSection_log-in-app-container[data-line-height-feature-value='1'] {
        margin-bottom: 64px;
      }

      .internalPageContainer__leftSection_log-in-app-container[data-line-height-feature-value='2'] {
        margin-bottom: 72px;
      }

      .internalPageContainer__leftSection_log-in-app-container[data-line-height-feature-value='3'] {
        margin-bottom: 80px;
      }

      span.k-widget.k-dropdown {
        height: auto;
      }

      span.k-dropdown-wrap>span.k-input {
        height: auto;
      }

#titleBar>div:nth-child(1)>div:nth-child(2)>div>div,
      #titleBar>div:nth-child(1)>div:nth-child(2)>div>div>div:last-child,
      #titleBar>div:nth-child(1)>div:nth-child(2)>div>div>div:last-child>li {
        height: auto;
      }

      .suggestedTextInput-inputText>div>div:nth-child(1)>div:nth-child(1) {
        height: unset;
      }

      .suggestedTextInput-inputText>div>div:nth-child(1)>div:nth-child(1)[data-line-height-feature-value='1'] {
        top: -6px;
      }

      .suggestedTextInput-inputText>div>div:nth-child(1)>div:nth-child(1)[data-line-height-feature-value='2'] {
        top: -8px;
      }

      .suggestedTextInput-inputText>div>div:nth-child(1)>div:nth-child(1)[data-line-height-feature-value='3'] {
        top: -10px;
      }
      .login__window__body>.login__window__signin>.ab_login_link {
        height: unset;
      }
	   .internalPageHeader {
        height: auto;
      }

      button.IpcnParameter,
      input[type="button"].IpcnParameter {
        height: auto;
      }

      .internalPageContainer__leftSection_log-in-app-container {
        margin-bottom: 72px;
      }

      .internalPageContainer__leftSection_log-in-app-container[data-line-height-feature-value='1'] {
        margin-bottom: 64px;
      }

      .internalPageContainer__leftSection_log-in-app-container[data-line-height-feature-value='2'] {
        margin-bottom: 72px;
      }

      .internalPageContainer__leftSection_log-in-app-container[data-line-height-feature-value='3'] {
        margin-bottom: 80px;
      }

      span.k-widget.k-dropdown {
        height: auto;
      }

      span.k-dropdown-wrap>span.k-input {
        height: auto;
      }
	        #titleBar>div:nth-child(1)>div:nth-child(2)>div>div,
      #titleBar>div:nth-child(1)>div:nth-child(2)>div>div>div:last-child,
      #titleBar>div:nth-child(1)>div:nth-child(2)>div>div>div:last-child>li {
        height: auto;
      }

      .suggestedTextInput-inputText>div>div:nth-child(1)>div:nth-child(1) {
        height: unset;
      }

      .suggestedTextInput-inputText>div>div:nth-child(1)>div:nth-child(1)[data-line-height-feature-value='1'] {
        top: -6px;
      }

      .suggestedTextInput-inputText>div>div:nth-child(1)>div:nth-child(1)[data-line-height-feature-value='2'] {
        top: -8px;
      }

      .suggestedTextInput-inputText>div>div:nth-child(1)>div:nth-child(1)[data-line-height-feature-value='3'] {
        top: -10px;
      }