/**
 * XPay Partners Cabinet Styles
 */
/**
* Resets
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
    box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
html {
    -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
    margin: 0;
}
/**
Improve consistency of default fonts in all browsers.
*/
body {
    font-family: system-ui,
    -apple-system, /* Firefox supports this but not yet `system-ui` */ 'Segoe UI',
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji';
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox.
*/
hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
    font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers.
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
    font-family: ui-monospace,
    SFMono-Regular,
    Consolas,
    'Liberation Mono',
    Menlo,
    monospace; /* 1 */
    font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
    font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari.
2. Correct table border color inheritance in all Chrome and Safari.
*/
table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
    text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
    outline: 1px dotted ButtonText;
}
/**
Remove the additional ':invalid' styles in Firefox.
*/
:-moz-ui-invalid {
    box-shadow: none;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
    padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
    vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
    -webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
    display: list-item;
}
/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}
button {
    background-color: transparent;
    background-image: none;
}
fieldset {
    margin: 0;
    padding: 0;
}
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/**
 * XPay custom reset styles
 */
html {
    font-family: 'Montserrat', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
    line-height: 1.5; /* 2 */
}
/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */
body {
    font-family: inherit;
    line-height: inherit;
}
/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 */
*,
::before,
::after {
    box-sizing: border-box; /* 1 */
    border-width: 0; /* 2 */
    border-style: solid; /* 2 */
    border-color: currentColor; /* 2 */
}
/*
 * Ensure horizontal rules are visible by default
 */
hr {
    border-top-width: 1px;
}
/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */
img {
    border-style: solid;
}
textarea {
    resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
}
/* Hide arrows Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
button,
[role="button"] {
    cursor: pointer;
}
/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
:-moz-focusring {
    outline: auto;
}
table {
    border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */
a {
    color: inherit;
    text-decoration: inherit;
}
/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */
button,
input,
optgroup,
select,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
}
/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
}
/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 */
img,
video {
    max-width: 100%;
    height: auto;
}
/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */
[hidden] {
    display: none;
}
/*
 * XPay Breakpoints - Partners Cabinet
 *
 *
 *
 *
 */
/*
* XPay Layout Template
*
* Mobile first :: From mobile to desktop
* Available breakpoints
*
*/
.x-grid {
  min-height: 100vh;
  width: 100%;
  display: grid;
}
.x-grid .x-aside-welcome {
  grid-area: welcome;
}
.x-grid .x-main {
  grid-area: main;
}
.x-grid .x-h-logo {
  grid-area: logo;
}
.x-grid .x-h-support {
  grid-area: support;
}
.x-grid .x-h-lang {
  grid-area: lang;
}
.x-grid {
  grid-template: "logo support lang" minmax(5vh, max-content) "welcome welcome welcome" auto/6fr 1fr 1fr;
}
.x-login-page, .x-btn-show_login_form-checkbox:checked ~ .x-grid {
  grid-template: "logo support lang" minmax(5vh, max-content) "main main main" auto/6fr 1fr 1fr;
}
@media (min-width: 992px) {
  .x-grid, .x-btn-show_login_form-checkbox:checked ~ .x-grid {
    grid-template: "logo support lang" minmax(5vh, max-content) "welcome main main" auto/2fr 1fr 1fr;
  }
}
/*
* XPay Styles
*
*/
body {
  font-family: "Montserrat", sans-serif;
  margin: 0;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: #64748B;
  text-align: left;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  min-width: 300px;
}
/*
* XPay Header
*/
.x-h-logo, .x-h-support, .x-h-lang {
  background: #64748B;
  color: #fff;
}
.x-h-support {
  white-space: nowrap;
  color: #E0E6F2;
}
.x-h-support .x-icon-support .x-icon-support-p1 {
  fill: #E0E6F2;
}
.x-h-support .x-icon-support .x-icon-support-p1, .x-h-support .x-icon-support .x-icon-support-p2 {
  stroke: #E0E6F2;
}
.x-h-lang {
  color: #E0E6F2;
}
.x-h-lang .x-h-lang-ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.x-h-lang .x-h-lang-ul li {
  list-style: none;
}
.x-login-page .x-h-logo, .x-login-page .x-h-support, .x-login-page .x-h-lang, .x-btn-show_login_form-checkbox:checked ~ .x-grid .x-h-logo, .x-btn-show_login_form-checkbox:checked ~ .x-grid .x-h-support, .x-btn-show_login_form-checkbox:checked ~ .x-grid .x-h-lang {
  background: #fff;
  color: #64748B;
}
.x-login-page .x-h-support, .x-btn-show_login_form-checkbox:checked ~ .x-grid .x-h-support {
  color: #465A8B;
}
.x-login-page .x-h-support .x-icon-support .x-icon-support-p1, .x-btn-show_login_form-checkbox:checked ~ .x-grid .x-h-support .x-icon-support .x-icon-support-p1 {
  fill: #465A8B;
}
.x-login-page .x-h-support .x-icon-support .x-icon-support-p1, .x-login-page .x-h-support .x-icon-support .x-icon-support-p2, .x-btn-show_login_form-checkbox:checked ~ .x-grid .x-h-support .x-icon-support .x-icon-support-p1, .x-btn-show_login_form-checkbox:checked ~ .x-grid .x-h-support .x-icon-support .x-icon-support-p2 {
  stroke: #465A8B;
}
.x-login-page .x-h-lang, .x-btn-show_login_form-checkbox:checked ~ .x-grid .x-h-lang {
  color: #465A8B;
}
.x-login-page .xpay-logo-header path.xpay-logo-svgpath-name, .x-btn-show_login_form-checkbox:checked ~ .x-grid .xpay-logo-header path.xpay-logo-svgpath-name {
  fill: #5B5B62;
}
.x-login-page .xpay-logo-header path.xpay-logo-svgpath-purse-1, .x-btn-show_login_form-checkbox:checked ~ .x-grid .xpay-logo-header path.xpay-logo-svgpath-purse-1 {
  fill: #FFC400;
}
.x-login-page .xpay-logo-header path.xpay-logo-svgpath-purse-2, .x-btn-show_login_form-checkbox:checked ~ .x-grid .xpay-logo-header path.xpay-logo-svgpath-purse-2 {
  fill: #6D71BD;
}
.x-login-page .x-aside-welcome, .x-btn-show_login_form-checkbox:checked ~ .x-grid .x-aside-welcome {
  display: none;
}
.x-login-page .x-main, .x-btn-show_login_form-checkbox:checked ~ .x-grid .x-main {
  display: block;
}
@media (min-width: 992px) {
  .x-login-page .x-h-logo {
    background: #64748B;
    color: #fff;
  }
  .x-login-page .xpay-logo-header path.xpay-logo-svgpath-name {
    fill: #F2F2F2;
  }
  .x-login-page .xpay-logo-header path.xpay-logo-svgpath-purse-1 {
    fill: #F2F2F2;
  }
  .x-login-page .xpay-logo-header path.xpay-logo-svgpath-purse-2 {
    fill: #F2F2F2;
  }
}
/*
 * XPay SVG Logo
 */
/*
* x-welcome-side
*/
.x-aside-welcome {
  width: 100%;
  overflow: hidden;
  background: #64748B;
  color: #E0E0E0;
}
.x-aside-welcome .x-welcome-slogan {
  font-size: 1.29em;
  font-weight: 400;
  color: #E0E0E0;
  margin-left: 20px;
}
.x-aside-welcome .x-welcome-slogan .x-slogan {
  width: 80%;
  line-height: 1.2em;
}
.x-aside-welcome .x-welcome-img {
  display: block;
  width: calc(100% - 20px);
  min-height: 50vh;
  overflow: hidden;
  position: relative;
  background-size: contain;
  background-position: center 0;
  background-repeat: no-repeat;
  overflow: hidden;
}
.x-aside-welcome .x-welcome-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.x-aside-welcome .x-welcome-btn .x-btn {
  margin-top: 1.4em;
  width: 77vw;
  max-width: 289px;
  min-width: 230px;
  cursor: pointer;
}
@media (min-width: 992px) {
  .x-aside-welcome .x-welcome-img {
    width: calc(100% - 20px);
    height: 70vh;
    overflow: hidden;
    position: relative;
    background-size: contain;
  }
}
/*
 * Background images
 */
.x-aside-bg--home {
  background: #64748B;
}
.x-btn-show_login_form-checkbox {
  display: none;
}
/*
* MAIN --
 */
.x-main {
  margin: 0 auto;
  max-width: 400px;
  color: #47475E;
}
.x-main h1 {
  font-size: 22px;
  padding-bottom: 20px;
  margin-left: -1px;
  line-height: 1.15em;
  font-weight: 700;
}
.x-main h3 {
  font-size: 14px;
  color: #67768A;
  font-weight: 500;
}
.x-main .welcome-message {
  padding-bottom: 60px;
  font-size: 14px;
  color: #67768A;
  font-weight: 500;
}
.x-main a {
  color: #64748B;
  font-size: 16px;
  font-weight: bold;
}
.x-main .welcome-message {
  padding-bottom: 60px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .x-main {
    margin: 0;
    max-width: none;
  }
}
/*
* Footer - Welcome Aside - Powered by Logo
*/
.x-welcome-footer {
  display: none;
}
.x-welcome-footer .x-welcome-footer-inline {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 0.8em;
       column-gap: 0.8em;
  align-items: center;
  color: #E0E0E0;
}
.x-welcome-footer .x-welcome-footer-inline .xpay-logo-footer {
  height: 2em;
  width: 6em;
}
.x-welcome-footer .x-welcome-footer-inline .xpay-logo-footer path {
  fill: #E0E0E0;
}
@keyframes hideAnimation {
  to {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}
.x-validation-errors {
  animation: hideAnimation 0s ease-in 7s;
  animation-fill-mode: forwards;
  position: absolute;
  z-index: 10;
  padding: 21px 24px;
  font-size: 0.9em;
  width: 400px;
  margin-bottom: 20px;
  margin-top: -128px;
  color: #64748B;
  box-sizing: border-box;
  background-color: #F7F9FF;
  border-radius: 18px;
}
.x-validation-errors .alert-info {
  position: relative;
  padding-left: 45px;
}
.x-validation-errors .alert-info::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11C0 4.92487 4.92487 0 11 0V0C17.0751 0 22 4.92487 22 11V11C22 17.0751 17.0751 22 11 22V22C4.92487 22 0 17.0751 0 11V11Z' fill='%232B65EB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9998 14.5631C11.347 14.5631 11.6284 14.8446 11.6284 15.1917L11.6284 15.506C11.6284 15.8531 11.347 16.1346 10.9998 16.1346C10.6527 16.1346 10.3713 15.8531 10.3713 15.506L10.3713 15.1917C10.3713 14.8446 10.6527 14.5631 10.9998 14.5631Z' fill='%23F2F2F2'/%3E%3Cpath d='M9.9033 6.38137C9.81799 5.72023 10.3329 5.13457 10.9996 5.13457C11.6662 5.13457 12.1811 5.72023 12.0958 6.38137L11.3113 12.4617C11.2641 12.8272 10.735 12.8272 10.6879 12.4617L9.9033 6.38137Z' fill='%23F2F2F2'/%3E%3C/svg%3E%0A");
  background-size: 22px;
}
#x-h-support-info span {
  font-size: 12px;
  color: #465A8B;
  margin-bottom: 6px;
}
#x-h-support-info .x-h-support-info-links {
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.x-h-support-arrow {
  cursor: pointer;
  width: 30px;
  height: 17px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#x-h-support-info[data-show] {
  display: block;
}
.xpay-login-form-forgot-link {
  margin-top: -30px;
  margin-bottom: 20px;
  font-size: 0.8em;
  max-width: 385px;
  text-align: right;
}
.xpay-login-form-forgot-link a {
  font-size: 1em;
}
.x-form-result {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60%;
  margin-top: 12vh;
}
.x-form-result .x-form-result-block {
  border-radius: 30px;
  width: 100%;
  min-height: 70%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #F6F9FF;
  padding: 20px 60px 60px 60px;
  margin-bottom: 40px;
}
.x-form-result .x-form-result-img {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.x-form-result .x-form-result-img img {
  width: 120px;
  height: 150px;
  filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.4));
}
.x-form-result .x-form-result-header {
  text-align: center;
  font-size: 20px;
  line-height: 1.2em;
  font-weight: 600;
  color: #64748B;
  margin-bottom: 20px;
  max-width: 385px;
}
.x-form-result .x-form-result-content .x-result-text {
  text-align: center;
  margin-bottom: 20px;
  max-width: 385px;
}
.x-form-result .x-form-result-content .x-btn-result-return, .x-form-result .x-form-result-content .x-btn-get-started {
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.x-form-result .x-form-result-content .x-btn-see-demo {
  color: #64748B;
  background: #fff;
}
.x-form-result .x-form-result-content .x-btn-result-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.x-form-result .x-form-result-content .x-btn-result-group .x-btn {
  width: 290px;
}
.x-form-result .x-form-result-content .x-result-support-info-links {
  margin-top: 6px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.x-form-result .x-form-result-content .x-result-support-info-links svg {
  margin: 10px;
  height: 40px;
  width: 40px;
}
/*
* XPay Media
*
* Mobile first :: From mobile to desktop
* Available breakpoints
* @include media-breakpoint-up(lg) { }
*/
.x-main {
  display: none;
  padding: 0 15px 0 15px;
}
@media (min-width: 992px) {
  .x-main {
    display: block;
    width: 50vw;
    padding: 0 109px;
  }
  .x-login-page .x-aside-welcome {
    display: block;
  }
}
.x-h-logo {
  padding-left: 1.429rem;
}
.x-h-logo,
.x-h-support,
.x-h-lang {
  display: flex;
  align-items: center;
  width: 100%;
}
.x-h-support {
  justify-content: flex-end;
}
.x-h-logo, .x-h-support, .x-h-lang {
  height: 13vh;
}
.x-aside-welcome {
  height: 87vh;
}
@media (min-width: 992px) {
  .x-h-logo, .x-aside-welcome {
    position: fixed;
    width: 50vw;
  }
  .x-h-logo {
    top: 0;
  }
  .x-aside-welcome {
    top: 13vh;
  }
}
.x-h-support-phone, x-h-support-icon-dropdown {
  display: none;
}
.x-h-lang {
  padding-right: 20px;
}
.x-h-lang .x-h-lang-ul li {
  display: none;
  margin-left: 1.1em;
}
.x-h-lang .x-h-lang-ul li.x-h-lang-li__active {
  display: block;
}
.x-aside-welcome {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 3em auto 26em;
}
.x-aside-welcome .x-welcome-slogan {
  display: flex;
  align-items: center;
  justify-content: left;
  width: 100%;
  height: 3rem;
}
.x-aside-welcome .x-welcome-btn {
  background: #64748B;
}
.x-aside-welcome .x-welcome-footer {
  align-items: end;
  justify-content: center;
}
.x-h-logo svg {
  margin: -3px 0 0 -3px;
}
.x-h-support svg {
  margin-right: 12px;
}
.x-h-lang a {
  margin-right: -1px;
}
.x-h-logo, .x-h-support, .x-h-lang {
  background: #64748B;
  color: #fff;
}
.x-h-support {
  white-space: nowrap;
  color: #E0E6F2;
}
.x-h-support .x-icon-support .x-icon-support-p1 {
  fill: #E0E6F2;
}
.x-h-support .x-icon-support .x-icon-support-p1, .x-h-support .x-icon-support .x-icon-support-p2 {
  stroke: #E0E6F2;
}
.x-h-lang {
  color: #E0E6F2;
}
@media (min-width: 992px) {
  .x-h-logo svg {
    margin: 0;
  }
  .x-h-support svg {
    margin-right: 0;
  }
  .x-h-lang a {
    margin-right: 0;
  }
  .x-welcome-img {
    min-height: 370px;
  }
  .x-h-logo, .x-h-support, .x-h-lang {
    height: 13.1vh;
  }
  .x-aside-welcome {
    height: 86.9vh;
  }
  .x-aside-welcome {
    grid-template-rows: 3em auto 5em;
  }
  .x-h-logo {
    justify-content: start;
    padding-left: 8.4vw;
  }
  .x-h-logo svg {
    margin: 0;
  }
  .x-aside-welcome .x-welcome-slogan {
    padding-left: 8.4vw;
    align-items: start;
    justify-content: start;
    font-size: 1.2em;
  }
  .x-h-support, .x-h-lang {
    background: #fff;
    color: #465A8B;
  }
  .x-h-support {
    white-space: nowrap;
  }
  .x-h-support .x-icon-support {
    margin-right: 0.5em;
  }
  .x-h-support .x-icon-support .x-icon-support-p1 {
    fill: #465A8B;
  }
  .x-h-support .x-icon-support .x-icon-support-p1, .x-h-support .x-icon-support .x-icon-support-p2 {
    stroke: #465A8B;
  }
  .x-h-lang {
    color: #465A8B;
  }
  .x-aside-welcome .x-welcome-btn {
    display: none;
  }
  .x-aside-welcome .x-welcome-footer {
    display: flex;
    align-items: center;
    font-size: 0.9em;
    font-weight: 400;
  }
  .x-h-support {
    justify-content: left;
    padding-top: 1px;
    padding-left: 110px;
  }
  .x-h-lang {
    justify-content: center;
    padding-top: 1px;
  }
  .x-h-lang {
    padding-left: 2.8em;
  }
  .x-h-support-phone, .x-h-support-icon-dropdown {
    justify-content: center;
    display: block;
  }
  .x-h-support-icon-dropdown {
    display: block;
    margin: -4px 0 0 8px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #465A8B;
    border-left: 2px solid #465A8B;
    transform: rotate(225deg);
    cursor: pointer;
  }
  .x-h-support-icon-dropdown-active {
    transform: rotate(45deg);
    margin: 4px 0 0 8px;
  }
}
/*
* XPay Styles Common Styles
*
*/
.hidden {
  display: none;
}
.mb-1 {
  margin-bottom: 1em;
}
hr {
  color: #E0E6F2;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #E0E6F2;
  margin: 1em 0;
  padding: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #585F6D !important;
}
.xpay-logo-svgpath-purse-1 {
  fill: #FFC400;
}
.xpay-logo-svgpath-purse-2 {
  fill: #6D71BD;
}
.xpay-logo-svgpath-name {
  fill: #5B5B62;
}
.xpay-logo-svgpath-purse-1,
.xpay-logo-svgpath-purse-2,
.xpay-logo-svgpath-name {
  fill: #F2F2F2;
}
.xpay-logo-svg {
  display: block;
  text-indent: -9999px;
}
.x-btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.21;
  color: #64748B;
  border-radius: 0.57rem;
  font-size: 1em;
  padding: 1.785em 0.75rem;
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .x-btn {
    transition: none;
  }
}
.x-btn:hover {
  color: #212529;
}
.x-btn-check:focus + .x-btn, .x-btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.x-btn:disabled, .x-btn.disabled, fieldset:disabled .x-btn {
  pointer-events: none;
  opacity: 0.65;
}
.x-btn-primary {
  color: #64748B;
  background-color: #fff;
  border-color: #fff;
}
.x-btn-primary:hover {
  color: #2A5DD7;
  background-color: #fff;
  border-color: #fff;
}
.x-btn-primary:active {
  color: #2D55C6;
  background-color: #fff;
  border-color: #fff;
}
.x-btn-secondary, .radio-btn-wrapper input:checked ~ .radio-btn {
  color: #fff;
  background-color: #64748B;
  border-color: #fff;
}
.x-btn-secondary.disabled, .radio-btn-wrapper input:checked ~ .disabled.radio-btn {
  background-color: #D0D9EA;
}
.x-btn-secondary:hover, .radio-btn-wrapper input:checked ~ .radio-btn:hover {
  color: #fff;
  background-color: #2A5DD7;
  border-color: #fff;
}
.x-btn-secondary:active, .radio-btn-wrapper input:checked ~ .radio-btn:active {
  color: #fff;
  background-color: #2D55C6;
  border-color: #fff;
}
.x-btn-submit {
  min-width: 290px;
  margin-bottom: 26px;
}
.x-btn-result-return {
  color: #fff;
}
/*
* Forms
 */
.x-btn-block {
  display: flex;
  justify-content: center;
}
.x-pay-input {
  margin-bottom: 40px;
  min-width: 289px;
}
.x-pay-input fieldset {
  border: 1px solid #E0E6F2;
  border-radius: 6px;
  position: relative;
}
.x-pay-input fieldset:active, .x-pay-input fieldset:hover, .x-pay-input fieldset:focus, .x-pay-input fieldset:focus-visible {
  border: 1px solid #ACBEE1;
}
.x-pay-input fieldset legend {
  color: #465A8B;
  font-size: 12px;
  margin-left: 17px;
  margin-right: 17px;
  padding: 0 16px;
}
.x-pay-input fieldset input, .x-pay-input fieldset select {
  outline: none;
}
.x-pay-input fieldset input:active, .x-pay-input fieldset input:focus, .x-pay-input fieldset input:hover, .x-pay-input fieldset select:active, .x-pay-input fieldset select:focus, .x-pay-input fieldset select:hover {
  outline: none;
}
.x-pay-input .eye {
  display: block;
  width: 40px;
  height: 60px;
  content: "";
  background: transparent no-repeat center;
  background-size: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8bGluZSB4MT0iMSIgeTE9Ii0xIiB4Mj0iMTYuMDYwMiIgeTI9Ii0xIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjYyMjI3NCAwLjc4Mjc5OSAtMC43OTA1NTIgMC42MTIzOTQgNC45OTI4IDMuNzAyODgpIiBzdHJva2U9IiM1ODVGNkQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjA3MTA3IDYuMjQ0NUMzLjYxNjM1IDcuMTY0NyAyLjQ0MzY4IDguMzAyOTIgMS43NjMyMyA5LjE1NjcyQzEuNDU4MDMgOS41NDQyMyAxLjI5MDg3IDkuOTYzOTcgMS4yNzk5MSAxMC4zODAyQzEuMjkwOTEgMTAuNzk2NCAxLjQ1ODAzIDExLjIxNjEgMS43NjMyMyAxMS42MDM2QzMuMTE1NDcgMTMuMzAwNiA2LjQwNzgzIDE2LjEyMDEgOS45OTgzOSAxNi4xMjAxQzEwLjg3OTMgMTYuMTIwMSAxMS43NDIzIDE1Ljk1MDQgMTIuNTYzMSAxNS42NjkyTDExLjA4MTQgMTMuODA1M0MxMC43MzkzIDEzLjkxMDggMTAuMzc1NSAxMy45Njc2IDkuOTk4MzkgMTMuOTY3NkM3Ljk5MjUxIDEzLjk2NzYgNi4zNjQxOSAxMi4zNjA0IDYuMzY0MTkgMTAuMzgwMkM2LjM2NDE5IDkuNzAyNTIgNi41NTQ4NiA5LjA2ODU2IDYuODg2MDkgOC41Mjc3NEw1LjA3MTA3IDYuMjQ0NVpNNy44OTggOS44MDA2OEM3Ljg0NTc5IDkuOTg1MDkgNy44MTc4NyAxMC4xNzk0IDcuODE3ODcgMTAuMzgwMkM3LjgxNzg3IDExLjU2NzggOC43OTUyMyAxMi41MzI3IDkuOTk4MzkgMTIuNTMyN0MxMC4wMjIgMTIuNTMyNyAxMC4wNDU1IDEyLjUzMjMgMTAuMDY4OSAxMi41MzE2TDcuODk4IDkuODAwNjhaTTEyLjc1NjkgMTIuNzE0OUMxMy4zMDI2IDEyLjA4NzIgMTMuNjMyNSAxMS4yNzE1IDEzLjYzMjUgMTAuMzgwMkMxMy42MzI1IDguMzk5ODkgMTIuMDA0MiA2Ljc5MjY0IDkuOTk4MzkgNi43OTI2NEM5LjQwNzY4IDYuNzkyNjQgOC44NDk3MSA2LjkzMjAzIDguMzU2NDMgNy4xNzkyOEw2Ljg2NzQzIDUuMzA2MThDNy44NTQ3NSA0Ljg5ODYzIDguOTE0ODMgNC42NDAxNCAxMC4wMDE5IDQuNjQwMTRDMTMuNTg5IDQuNjQwMTQgMTYuODgxMyA3LjQ2IDE4LjIzMzUgOS4xNTY3MkMxOC41NDIyIDkuNTQ0MjMgMTguNzA5NCA5Ljk2Mzk3IDE4LjcyMDQgMTAuMzgwMkMxOC43MDk0IDEwLjc5NjQgMTguNTQyMiAxMS4yMTYxIDE4LjIzMzUgMTEuNjAzNkMxNy40NzY3IDEyLjU1MzQgMTYuMTEyMiAxMy44NTQ4IDE0LjQyNzcgMTQuODE2N0wxMi43NTY5IDEyLjcxNDlaTTExLjgyOTUgMTEuNTQ4M0wxMS4xODM4IDEwLjczNjFDMTEuMjEyNCAxMC43MzggMTEuMjQxMiAxMC43Mzg5IDExLjI3MDMgMTAuNzM4OUMxMS42MjY3IDEwLjczODkgMTEuOTQ2MSAxMC41OTU0IDEyLjE3ODkgMTAuMzYyM1YxMC4zODAyQzEyLjE3ODkgMTAuODEwNiAxMi4wNTA1IDExLjIxMTggMTEuODI5NSAxMS41NDgzWk0xMC4wMTcxIDkuMjY4MzZMOS4yODM5OSA4LjM0NjEzQzkuNTA3ODYgOC4yNjkzOCA5Ljc0ODI1IDguMjI3NjggOS45OTgzOSA4LjIyNzY5QzEwLjI1MjkgOC4yMjc2OSAxMC40OTYzIDguMjcwNzMgMTAuNzIxNiA4LjM0OTU4QzEwLjM1ODYgOC41MjEwMiAxMC4wODg2IDguODYyMjUgMTAuMDE3MSA5LjI2ODM2WiIgZmlsbD0iIzU4NUY2RCIvPg0KPC9zdmc+);
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.x-pay-input .eye.open-eye {
  background: transparent no-repeat center;
  background-size: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuODE3ODcgNi41OTE1OEM2LjgxNzg3IDcuNzc5MjUgNy43OTUyMyA4Ljc0NDA5IDguOTk4MzkgOC43NDQwOUMxMC4yMDE1IDguNzQ0MDkgMTEuMTc4OSA3Ljc3OTI1IDExLjE3ODkgNi41OTE1OFY2LjU3MzY5QzEwLjk0NjEgNi44MDY4NiAxMC42MjY3IDYuOTUwMzUgMTAuMjcwMyA2Ljk1MDM1QzkuNTY4NzUgNi45NTAzNSA4Ljk5ODM5IDYuMzg3MTIgOC45OTgzOSA1LjY5NDczQzguOTk4MzkgNS4xOTYxOCA5LjI5NjExIDQuNzYxOTUgOS43MjE1OSA0LjU2MTAxQzkuNDk2MzUgNC40ODIxNSA5LjI1Mjg3IDQuNDM5MTEgOC45OTgzOSA0LjQzOTExQzcuNzk1MjMgNC40MzkwNyA2LjgxNzg3IDUuNDA0MDQgNi44MTc4NyA2LjU5MTU4Wk0xNy4yMzM1IDUuMzY4MTRDMTUuODgxMyAzLjY3MTQyIDEyLjU4OSAwLjg1MTU2MiA5LjAwMTkxIDAuODUxNTYyQzUuNDExNDMgMC44NTE1NjIgMi4xMTU0MyAzLjY3MTQ2IDAuNzYzMjI3IDUuMzY4MTRDMC40NTgwMjcgNS43NTU2NiAwLjI5MDg2NyA2LjE3NTQgMC4yNzk5MDcgNi41OTE1OEMwLjI5MDkwNyA3LjAwNzgxIDAuNDU4MDI3IDcuNDI3NTQgMC43NjMyMjcgNy44MTQ5OEMyLjExNTQ3IDkuNTEyMDUgNS40MDc4MyAxMi4zMzE1IDguOTk4MzkgMTIuMzMxNUMxMi41ODg5IDEyLjMzMTUgMTUuODgxMyA5LjUxMjA1IDE3LjIzMzUgNy44MTQ5OEMxNy41NDIyIDcuNDI3NSAxNy43MDk0IDcuMDA3ODEgMTcuNzIwNCA2LjU5MTU4QzE3LjcwOTQgNi4xNzU0IDE3LjU0MjIgNS43NTU2NiAxNy4yMzM1IDUuMzY4MTRaTTguOTk4MzkgMTAuMTc5QzYuOTkyNTEgMTAuMTc5IDUuMzY0MTkgOC41NzE4MSA1LjM2NDE5IDYuNTkxNThDNS4zNjQxOSA0LjYxMTMxIDYuOTkyNTEgMy4wMDQwNyA4Ljk5ODM5IDMuMDA0MDdDMTEuMDA0MiAzLjAwNDA3IDEyLjYzMjUgNC42MTEzMSAxMi42MzI1IDYuNTkxNThDMTIuNjMyNSA4LjU3MTc3IDExLjAwNDIgMTAuMTc5IDguOTk4MzkgMTAuMTc5WiIgZmlsbD0iIzU4NUY2RCIvPg0KPC9zdmc+DQo=);
}
.x-pay-input input, .x-pay-input select, .x-pay-input textarea {
  width: 100%;
  border-radius: 6px;
  border: none;
  padding: 21px 24px;
  color: #585F6D;
}
.x-pay-input input:active, .x-pay-input input:hover, .x-pay-input input:focus, .x-pay-input input:focus-visible, .x-pay-input select:active, .x-pay-input select:hover, .x-pay-input select:focus, .x-pay-input select:focus-visible, .x-pay-input textarea:active, .x-pay-input textarea:hover, .x-pay-input textarea:focus, .x-pay-input textarea:focus-visible {
  border: none;
  outline: none;
}
.x-pay-input input::-moz-placeholder, .x-pay-input select::-moz-placeholder, .x-pay-input textarea::-moz-placeholder {
  color: #E0E0E0;
}
.x-pay-input input::placeholder, .x-pay-input select::placeholder, .x-pay-input textarea::placeholder {
  color: #E0E0E0;
}
.x-pay-input select, .x-pay-input option {
  height: 100px;
  max-width: 390px;
  white-space: pre-wrap;
}
.x-pay-input option {
  display: block;
  max-width: 390px;
  -moz-white-space: pre-wrap;
  -o-white-space: pre-wrap;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.x-pay-input.invalid fieldset {
  border: 1px solid #DD6262;
}
.x-pay-input.invalid fieldset legend {
  color: #DD6262;
}
.x-pay-input .x-pay-hint {
  color: #B9C4D8;
  font-size: 10px;
}
.x-pay-input .x-pay-input-error {
  color: #DD6262;
  font-size: 10px;
}
/*
  put to separate file
 */
.radio-btn-wrapper .radio-btn {
  color: #585F6D;
  background: #F3F5FB no-repeat 20px center;
  border-color: #F3F5FB;
  background-size: 50px 50px;
  padding: 34px 20px;
  width: 100%;
  border-radius: 18px;
  text-align: left;
}
.radio-btn-wrapper .radio-btn.fop-btn {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA1MSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iNTAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgcng9IjExIiB0cmFuc2Zvcm09InJvdGF0ZSgtODkuODQ2IDAgNTApIiBmaWxsPSIjMkI2NUVCIi8+CjxtYXNrIGlkPSJtYXNrMF84NzI0XzEzMDY1IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNTEiIGhlaWdodD0iNTEiPgo8cmVjdCB5PSI1MCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMTEiIHRyYW5zZm9ybT0icm90YXRlKC04OS44NDYgMCA1MCkiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF84NzI0XzEzMDY1KSI+CjxjaXJjbGUgY3g9IjI1IiBjeT0iMjYiIHI9IjgiIGZpbGw9IiM1RDhFRkUiLz4KPG1hc2sgaWQ9Im1hc2sxXzg3MjRfMTMwNjUiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjE3IiB5PSIxOCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNiIgcj0iOCIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2sxXzg3MjRfMTMwNjUpIj4KPGNpcmNsZSBjeD0iMjgiIGN5PSIyNSIgcj0iNyIgZmlsbD0iIzkxQjJGRiIvPgo8L2c+CjxjaXJjbGUgY3g9IjI1LjUiIGN5PSI0OS41IiByPSIxMy41IiBmaWxsPSIjNUQ4RUZFIi8+CjxtYXNrIGlkPSJtYXNrMl84NzI0XzEzMDY1IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIxMiIgeT0iMzYiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNyI+CjxjaXJjbGUgY3g9IjI1LjUiIGN5PSI0OS41IiByPSIxMy41IiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazJfODcyNF8xMzA2NSkiPgo8Y2lyY2xlIGN4PSIzMS41IiBjeT0iNDkuNSIgcj0iMTMuNSIgZmlsbD0iIzkxQjJGRiIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==");
  padding-left: 99px;
}
.radio-btn-wrapper .radio-btn.legal-btn {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA1MSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iNTAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgcng9IjExIiB0cmFuc2Zvcm09InJvdGF0ZSgtODkuODQ2IDAgNTApIiBmaWxsPSIjMkI2NUVCIi8+CjxtYXNrIGlkPSJtYXNrMF84NzI0XzEzMTAzIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNTEiIGhlaWdodD0iNTEiPgo8cmVjdCB5PSI1MCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMTEiIHRyYW5zZm9ybT0icm90YXRlKC04OS44NDYgMCA1MCkiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF84NzI0XzEzMTAzKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNiAxNy4yQzE1LjYgMTUuNDMyNyAxNy4wMzI3IDE0IDE4LjggMTRIMzEuNkMzMy4zNjc0IDE0IDM0LjggMTUuNDMyNyAzNC44IDE3LjJWMzYuNEMzNS42ODM3IDM2LjQgMzYuNCAzNy4xMTYzIDM2LjQgMzhDMzYuNCAzOC44ODM3IDM1LjY4MzcgMzkuNiAzNC44IDM5LjZIMzBDMjkuMTE2MyAzOS42IDI4LjQgMzguODgzNyAyOC40IDM4VjM0LjhDMjguNCAzMy45MTYzIDI3LjY4MzcgMzMuMiAyNi44IDMzLjJIMjMuNkMyMi43MTY0IDMzLjIgMjIgMzMuOTE2MyAyMiAzNC44VjM4QzIyIDM4Ljg4MzcgMjEuMjgzNiAzOS42IDIwLjQgMzkuNkgxNS42QzE0LjcxNjQgMzkuNiAxNCAzOC44ODM3IDE0IDM4QzE0IDM3LjExNjMgMTQuNzE2NCAzNi40IDE1LjYgMzYuNFYxNy4yWk0yMC40IDE4LjhIMjMuNlYyMkgyMC40VjE4LjhaTTIzLjYgMjUuMkgyMC40VjI4LjRIMjMuNlYyNS4yWk0yNi44IDE4LjhIMzBWMjJIMjYuOFYxOC44Wk0zMCAyNS4ySDI2LjhWMjguNEgzMFYyNS4yWiIgZmlsbD0iIzVEOEVGRSIvPgo8bWFzayBpZD0ibWFzazFfODcyNF8xMzEwMyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMTQiIHk9IjE0IiB3aWR0aD0iMjMiIGhlaWdodD0iMjYiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjYgMTcuMkMxNS42IDE1LjQzMjcgMTcuMDMyNyAxNCAxOC44IDE0SDMxLjZDMzMuMzY3NCAxNCAzNC44IDE1LjQzMjcgMzQuOCAxNy4yVjM2LjRDMzUuNjgzNyAzNi40IDM2LjQgMzcuMTE2MyAzNi40IDM4QzM2LjQgMzguODgzNyAzNS42ODM3IDM5LjYgMzQuOCAzOS42SDMwQzI5LjExNjMgMzkuNiAyOC40IDM4Ljg4MzcgMjguNCAzOFYzNC44QzI4LjQgMzMuOTE2MyAyNy42ODM3IDMzLjIgMjYuOCAzMy4ySDIzLjZDMjIuNzE2NCAzMy4yIDIyIDMzLjkxNjMgMjIgMzQuOFYzOEMyMiAzOC44ODM3IDIxLjI4MzYgMzkuNiAyMC40IDM5LjZIMTUuNkMxNC43MTY0IDM5LjYgMTQgMzguODgzNyAxNCAzOEMxNCAzNy4xMTYzIDE0LjcxNjQgMzYuNCAxNS42IDM2LjRWMTcuMlpNMjAuNCAxOC44SDIzLjZWMjJIMjAuNFYxOC44Wk0yMy42IDI1LjJIMjAuNFYyOC40SDIzLjZWMjUuMlpNMjYuOCAxOC44SDMwVjIySDI2LjhWMTguOFpNMzAgMjUuMkgyNi44VjI4LjRIMzBWMjUuMloiIGZpbGw9IiM1RDhFRkUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2sxXzg3MjRfMTMxMDMpIj4KPHJlY3QgeD0iMjUiIHk9IjE2IiB3aWR0aD0iMTYiIGhlaWdodD0iMzEiIHJ4PSI1IiBmaWxsPSIjOTBCMkZGIi8+CjwvZz4KPC9nPgo8L3N2Zz4K");
  padding-left: 99px;
}
.radio-btn-wrapper input {
  position: absolute;
  visibility: hidden;
}
.radio-btn-wrapper input:checked ~ .radio-btn.fop-btn {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA1MSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iNTAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgcng9IjExIiB0cmFuc2Zvcm09InJvdGF0ZSgtODkuODQ2IDAgNTApIiBmaWxsPSJ3aGl0ZSIvPgo8bWFzayBpZD0ibWFzazBfODcyNF8xMzA4NCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjUxIiBoZWlnaHQ9IjUxIj4KPHJlY3QgeT0iNTAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgcng9IjExIiB0cmFuc2Zvcm09InJvdGF0ZSgtODkuODQ2IDAgNTApIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfODcyNF8xMzA4NCkiPgo8Y2lyY2xlIGN4PSIyNSIgY3k9IjI2IiByPSI4IiBmaWxsPSIjNUQ4RUZFIi8+CjxtYXNrIGlkPSJtYXNrMV84NzI0XzEzMDg0IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIxNyIgeT0iMTgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+CjxjaXJjbGUgY3g9IjI1IiBjeT0iMjYiIHI9IjgiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMV84NzI0XzEzMDg0KSI+CjxjaXJjbGUgY3g9IjI4IiBjeT0iMjUiIHI9IjciIGZpbGw9IiM5MUIyRkYiLz4KPC9nPgo8Y2lyY2xlIGN4PSIyNS41IiBjeT0iNDkuNSIgcj0iMTMuNSIgZmlsbD0iIzVEOEVGRSIvPgo8bWFzayBpZD0ibWFzazJfODcyNF8xMzA4NCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMTIiIHk9IjM2IiB3aWR0aD0iMjciIGhlaWdodD0iMjciPgo8Y2lyY2xlIGN4PSIyNS41IiBjeT0iNDkuNSIgcj0iMTMuNSIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2syXzg3MjRfMTMwODQpIj4KPGNpcmNsZSBjeD0iMzEuNSIgY3k9IjQ5LjUiIHI9IjEzLjUiIGZpbGw9IiM5MUIyRkYiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=");
}
.radio-btn-wrapper input:checked ~ .radio-btn.legal-btn {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA1MSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iNTAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgcng9IjExIiB0cmFuc2Zvcm09InJvdGF0ZSgtODkuODQ2IDAgNTApIiBmaWxsPSJ3aGl0ZSIvPgo8bWFzayBpZD0ibWFzazBfODcyNF8xMzExNCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjUxIiBoZWlnaHQ9IjUxIj4KPHJlY3QgeT0iNTAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgcng9IjExIiB0cmFuc2Zvcm09InJvdGF0ZSgtODkuODQ2IDAgNTApIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfODcyNF8xMzExNCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjYgMTcuMkMxNS42IDE1LjQzMjcgMTcuMDMyNyAxNCAxOC44IDE0SDMxLjZDMzMuMzY3NCAxNCAzNC44IDE1LjQzMjcgMzQuOCAxNy4yVjM2LjRDMzUuNjgzNyAzNi40IDM2LjQgMzcuMTE2MyAzNi40IDM4QzM2LjQgMzguODgzNyAzNS42ODM3IDM5LjYgMzQuOCAzOS42SDMwQzI5LjExNjMgMzkuNiAyOC40IDM4Ljg4MzcgMjguNCAzOFYzNC44QzI4LjQgMzMuOTE2MyAyNy42ODM3IDMzLjIgMjYuOCAzMy4ySDIzLjZDMjIuNzE2NCAzMy4yIDIyIDMzLjkxNjMgMjIgMzQuOFYzOEMyMiAzOC44ODM3IDIxLjI4MzYgMzkuNiAyMC40IDM5LjZIMTUuNkMxNC43MTY0IDM5LjYgMTQgMzguODgzNyAxNCAzOEMxNCAzNy4xMTYzIDE0LjcxNjQgMzYuNCAxNS42IDM2LjRWMTcuMlpNMjAuNCAxOC44SDIzLjZWMjJIMjAuNFYxOC44Wk0yMy42IDI1LjJIMjAuNFYyOC40SDIzLjZWMjUuMlpNMjYuOCAxOC44SDMwVjIySDI2LjhWMTguOFpNMzAgMjUuMkgyNi44VjI4LjRIMzBWMjUuMloiIGZpbGw9IiM1RDhFRkUiLz4KPG1hc2sgaWQ9Im1hc2sxXzg3MjRfMTMxMTQiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjE0IiB5PSIxNCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjI2Ij4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS42IDE3LjJDMTUuNiAxNS40MzI3IDE3LjAzMjcgMTQgMTguOCAxNEgzMS42QzMzLjM2NzQgMTQgMzQuOCAxNS40MzI3IDM0LjggMTcuMlYzNi40QzM1LjY4MzcgMzYuNCAzNi40IDM3LjExNjMgMzYuNCAzOEMzNi40IDM4Ljg4MzcgMzUuNjgzNyAzOS42IDM0LjggMzkuNkgzMEMyOS4xMTYzIDM5LjYgMjguNCAzOC44ODM3IDI4LjQgMzhWMzQuOEMyOC40IDMzLjkxNjMgMjcuNjgzNyAzMy4yIDI2LjggMzMuMkgyMy42QzIyLjcxNjQgMzMuMiAyMiAzMy45MTYzIDIyIDM0LjhWMzhDMjIgMzguODgzNyAyMS4yODM2IDM5LjYgMjAuNCAzOS42SDE1LjZDMTQuNzE2NCAzOS42IDE0IDM4Ljg4MzcgMTQgMzhDMTQgMzcuMTE2MyAxNC43MTY0IDM2LjQgMTUuNiAzNi40VjE3LjJaTTIwLjQgMTguOEgyMy42VjIySDIwLjRWMTguOFpNMjMuNiAyNS4ySDIwLjRWMjguNEgyMy42VjI1LjJaTTI2LjggMTguOEgzMFYyMkgyNi44VjE4LjhaTTMwIDI1LjJIMjYuOFYyOC40SDMwVjI1LjJaIiBmaWxsPSIjMkI2NUVCIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMV84NzI0XzEzMTE0KSI+CjxyZWN0IHg9IjI1IiB5PSIxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjMxIiByeD0iNSIgZmlsbD0iIzkwQjJGRiIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==");
}
.x-radio {
  font-size: 14px;
  min-width: 100px;
  color: #585F6D;
  display: inline-block;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .x-pay-input {
    width: 390px;
  }
  .x-btn-block {
    display: flex;
    justify-content: left;
  }
  .x-btn-block .x-btn-submit {
    width: 300px;
  }
}
/*
* XPay Styles - Registration Tooltip
*/
.password-field-wrapper {
  margin-bottom: 20px;
}
.password-rules {
  border: 1px solid #E0E6F2;
  border-radius: 6px;
  position: relative;
  padding: 6px;
  margin-bottom: 15px;
  transition: all 5s ease;
}
.password-rules .title {
  text-align: center;
  padding: 10px;
}
.password-rules .rules {
  border-radius: 6px;
  background-color: #F0F4FB;
  padding: 16px 10px;
}
.password-rules .rules li {
  padding: 0 0 11px 20px;
  position: relative;
  font-size: 11px;
}
.password-rules .rules li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #2A5DD7 no-repeat center;
  opacity: 0.33;
}
.password-rules .rules li.rule-passed::before {
  opacity: 1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIzIiB2aWV3Qm94PSIwIDAgMyAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuOTEzODMgMC4wMzcwODM1QzMuMDAyNzYgMC4xMDQ2NTYgMy4wMjY3NiAwLjI0MTU2MSAyLjk2NzQ1IDAuMzQyODdMMS40MTE3NiAzTDAuMDUyMDg2NyAxLjM0MTE5Qy0wLjAyMDg2NzYgMS4yNTIxOCAtMC4wMTY2NzQ2IDEuMTEyNjUgMC4wNjE0NTIyIDEuMDI5NTRDMC4xMzk1NzkgMC45NDY0MzEgMC4yNjIwNTQgMC45NTEyMDcgMC4zMzUwMDkgMS4wNDAyMUwxLjM2MTAxIDIuMjkxOTRMMi42NDU0MiAwLjA5ODE2ODJDMi43MDQ3MyAtMC4wMDMxNDA0NSAyLjgyNDkgLTAuMDMwNDg5IDIuOTEzODMgMC4wMzcwODM1WiIgZmlsbD0iI0YyRjJGMiIvPgo8L3N2Zz4K);
  background-size: 6px;
}
.password-rules .focusout li:not(.password-rules .focusout li.rule-passed)::before {
  opacity: 1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxjaXJjbGUgY3g9IjQuNSIgY3k9IjQuNSIgcj0iNC41IiBmaWxsPSIjREQ2MjYyIi8+DQogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjA1NTQ0IDMuMzU4MjJDMi45NzYwMSAzLjI3MDUgMi45ODI3MyAzLjEzNDk5IDMuMDcwNDUgMy4wNTU1NkMzLjE1ODE3IDIuOTc2MTMgMy4yOTM2OCAyLjk4Mjg1IDMuMzczMTEgMy4wNzA1N0w0LjUwMDExIDQuMzE1MjJMNS42MjcxMiAzLjA3MDU3QzUuNzA2NTUgMi45ODI4NSA1Ljg0MjA1IDIuOTc2MTMgNS45Mjk3NyAzLjA1NTU2QzYuMDE3NDkgMy4xMzQ5OSA2LjAyNDIxIDMuMjcwNSA1Ljk0NDc4IDMuMzU4MjJMNC43ODkxNyA0LjYzNDQ1TDUuOTQ0MzcgNS45MTAyNEM2LjAyMzggNS45OTc5NiA2LjAxNzA4IDYuMTMzNDYgNS45MjkzNiA2LjIxMjg5QzUuODQxNjQgNi4yOTIzMiA1LjcwNjEzIDYuMjg1NiA1LjYyNjcgNi4xOTc4OEw0LjUwMDExIDQuOTUzNjlMMy4zNzM1MiA2LjE5Nzg4QzMuMjk0MDkgNi4yODU2IDMuMTU4NTkgNi4yOTIzMiAzLjA3MDg3IDYuMjEyODlDMi45ODMxNSA2LjEzMzQ2IDIuOTc2NDIgNS45OTc5NiAzLjA1NTg1IDUuOTEwMjRMNC4yMTEwNSA0LjYzNDQ1TDMuMDU1NDQgMy4zNTgyMloiIGZpbGw9IiNGMkYyRjIiLz4NCjwvc3ZnPg==);
  background-size: 14px;
}
@keyframes alertFieldAnimation {
  from {
    border: 1px solid #DD6262;
  }
  to {
    border: 1px solid #E0E6F2;
  }
}
.login-two-factor {
  /* From: https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034 */
}
.login-two-factor .attempts-remaining {
  margin-top: -31px;
  margin-bottom: 15px;
  color: #64748B;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.15em;
}
.login-two-factor .otp-fields-block {
  position: relative;
  width: 320px;
  margin-bottom: 70px;
}
.login-two-factor .otp-fields-block fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.login-two-factor .otp-fields-block fieldset div {
  display: flex;
  align-items: center;
}
.login-two-factor .otp-fields-block legend {
  margin: 0 auto 1em;
}
.login-two-factor input[type=number] {
  position: relative;
  width: 65px;
  height: 65px;
  border: 1px solid #E0E6F2;
  border-radius: 6px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #585F6D;
  -moz-appearance: textfield;
       appearance: textfield;
  -webkit-appearance: textfield;
}
.login-two-factor input[type=number]:active, .login-two-factor input[type=number]:hover, .login-two-factor input[type=number]:focus, .login-two-factor input[type=number]:focus-visible {
  border: 1px solid #ACBEE1;
}
.login-two-factor input::-webkit-outer-spin-button,
.login-two-factor input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.login-two-factor .x-pay-input-error {
  display: none;
}
.login-two-factor .error .x-pay-input-error {
  display: block;
}
.login-two-factor .error input {
  animation: alertFieldAnimation 0s ease-in 1s;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-delay: 2s;
  border: 1px solid #DD6262;
}
.login-two-factor .otp-fields-block fieldset label {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.form__group {
  margin: 10px 0 0;
}
.form__group--error.form__pincode > input {
  background-color: #eb3b3b;
}
.form__group--error.form__pincode > input[disabled] {
  background-color: #eb3b3b;
  color: #fff;
  opacity: 1;
}
.form__group--success.form__pincode > input {
  background-color: #32c832;
}
.form__group--success.form__pincode > input[disabled] {
  background-color: #32c832;
  color: #fff;
  opacity: 1;
}
.form__pincode {
  display: block;
  width: 100%;
  margin: 10px auto 20px;
  padding: 0;
}
.form__pincode:before,
.form__pincode:after {
  display: table;
  content: "";
}
.form__pincode:after {
  clear: both;
}
.form__pincode > label {
  display: block;
  text-align: center;
  margin: 10px 0;
}
.form__pincode > input[type=number] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.form__pincode > input {
  display: inline-block;
  float: left;
  width: 15%;
  height: 50px;
  line-height: 48px;
  text-align: center;
  font-size: 2em;
  color: #181819;
  border: 0;
  border: 2px solid #E0E6F2;
  border-radius: 6px;
  transition: background-color 0.3s, color 0.3s, opacity 0.3s;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0;
  margin-top: 10px;
  margin-right: 2%;
  padding: 0;
}
.form__pincode > input:focus {
  outline: 0;
  box-shadow: none;
  border-color: #1486f0;
  animation: border-pulsate 1.5s infinite;
  -webkit-tap-highlight-color: transparent;
}
.form__pincode > input:last-child {
  margin-right: 0;
}
.form__pincode > input[disabled] {
  background: #eee;
  opacity: 1;
}
.form__buttons {
  text-align: center;
  margin: 0 auto;
  padding: 10px 0 0;
}
/* Button
   ============================================== */
.button {
  position: relative;
  display: inline-block;
  /* primary */
}
.button--primary {
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  -webkit-touch-callout: none;
}
.button--primary:focus,
.button--primary:hover {
  background-color: #2d62e2;
  color: #fff;
}
.button--primary:active {
  background-color: #1d53d4;
  color: #fff;
  box-shadow: inset 0 0 4px 2px rgba(0, 0, 0, 0.1);
}
.button--primary[disabled] {
  background-color: #4776e6;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
/* Placeholder
   ============================================== */
/* Chrome/Opera/Safari */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.7;
}
/* Firefox 19+ */
::-moz-placeholder {
  color: inherit;
  opacity: 0.7;
}
/* IE 10+ */
:-ms-input-placeholder {
  color: inherit;
  opacity: 0.7;
}
/* Firefox 18- */
:-moz-placeholder {
  color: inherit;
  opacity: 0.7;
}
/* Animations
   ============================================== */
@keyframes border-pulsate {
  0% {
    border-color: #1486f0;
  }
  50% {
    border-color: rgba(0, 0, 0, 0.3);
  }
  100% {
    border-color: #1486f0;
  }
}
/*
* Styles for XPay Beginning Of Work step1-5 .blade.php
 */
.add-btn-wrapper,
.add-kved-btn-wrapper {
  max-width: 390px;
}
.bordered-block {
  border: 1px solid #E0E6F2;
  border-radius: 6px;
  position: relative;
  padding: 20px 34px;
  margin-bottom: 20px;
}
.step5-dynamic-container .x-pay-input:last-child,
.step6-dynamic-container .x-pay-input:last-child,
.step7-dynamic-container .x-pay-input:last-child {
  margin-bottom: 3px;
}
.step4-dynamic-container .edrpo_dola,
.step5-dynamic-container .edrpo_dola,
.step7-dynamic-container .edrpo_dola {
  display: flex;
}
.step4-dynamic-container .edrpo_dola .x-pay-input,
.step5-dynamic-container .edrpo_dola .x-pay-input,
.step7-dynamic-container .edrpo_dola .x-pay-input {
  margin-bottom: 3px;
}
.step4-dynamic-container .edrpo_dola .x-pay-input fieldset legend,
.step5-dynamic-container .edrpo_dola .x-pay-input fieldset legend,
.step7-dynamic-container .edrpo_dola .x-pay-input fieldset legend {
  margin: 0 2px;
}
.step4-dynamic-container .edrpo_dola .x-pay-input:first-child,
.step5-dynamic-container .edrpo_dola .x-pay-input:first-child,
.step7-dynamic-container .edrpo_dola .x-pay-input:first-child {
  min-width: 200px;
}
.step4-dynamic-container .edrpo_dola .x-pay-input:last-child,
.step5-dynamic-container .edrpo_dola .x-pay-input:last-child,
.step7-dynamic-container .edrpo_dola .x-pay-input:last-child {
  min-width: 80px;
  margin-left: 13px;
}
.add-btn-wrapper {
  text-align: right;
  padding-bottom: 50px;
}
.add-btn-wrapper a {
  font-weight: normal;
  font-size: 12px;
}
.step3-field-of-activity-wrapper {
  /*style the arrow inside the select element:*/
  /*point the arrow upwards when the select box is open (active):*/
  /*style the items (options), including the selected item:*/
  /*style items (options):*/
  /*hide the items when the select box is closed:*/
}
.step3-field-of-activity-wrapper .dynamic-container .x-pay-input:last-child {
  margin-bottom: 0;
}
.step3-field-of-activity-wrapper .add-kved-btn-wrapper {
  margin-bottom: 20px;
  text-align: right;
}
.step3-field-of-activity-wrapper .add-kved-btn-wrapper a {
  font-size: 12px;
}
.step3-field-of-activity-wrapper .x-pay-kved-select {
  position: relative;
  padding: 16px;
}
.step3-field-of-activity-wrapper .x-pay-kved-select select {
  display: none; /*hide original SELECT element:*/
}
.step3-field-of-activity-wrapper .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #E0E6F2 transparent transparent transparent;
}
.step3-field-of-activity-wrapper .select-selected.select-arrow-active:after {
  border-color: transparent transparent #E0E6F2 transparent;
  top: 7px;
}
.step3-field-of-activity-wrapper .select-items div, .step3-field-of-activity-wrapper .select-selected {
  padding: 8px 16px;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.step3-field-of-activity-wrapper .select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.step3-field-of-activity-wrapper .select-hide {
  display: none;
}
.step3-field-of-activity-wrapper .select-items div:hover, .step3-field-of-activity-wrapper .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.x-main .back-lnk {
  font-weight: normal;
  font-size: 14px;
  margin-top: 60px;
  display: block;
}
.x-main .back-lnk span {
  padding-right: 15px;
}
.getting-started-container h1 {
  padding-top: 46px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.3em;
}
.getting-started-container .ownership-title {
  padding-bottom: 22px;
}
.getting-started-container ul.menu-ownership li {
  margin-bottom: 13px;
}
.getting-started-container ul.menu-ownership a {
  font-weight: normal;
}
.step-2 h1 {
  padding-bottom: 53px;
}
.step-2 .radio-btn-wrapper {
  max-width: 417px;
  margin-bottom: 23px;
}
.step-3 h1, .step-4 h1 {
  padding-bottom: 33px;
}
.step-4 .with-add-controll {
  margin-bottom: 0;
}
.step-4 form {
  max-width: 390px;
}
.step-4 .x-pay-input {
  width: 100%;
}
.step-4 .add-action {
  margin-bottom: 40px;
  text-align: right;
  max-width: 390px;
}
.step-4 .add-action a {
  font-weight: normal;
  font-size: 12px;
}
.tips {
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNCOUM0RDgiLz4KPHBhdGggZD0iTTEwLjgzMjIgMTIuNTI4Mkg5LjAyNDE3VjExLjU1MjJDOS4wMjQxNyAxMS4xMjU1IDkuMDcyMTcgMTAuODEwOCA5LjE2ODE3IDEwLjYwODJDOS4yNzQ4NCAxMC4zOTQ4IDkuNDk4ODQgMTAuMTE3NSA5Ljg0MDE3IDkuNzc2MTdMMTEuMDA4MiA4LjYwODE3QzExLjI1MzUgOC4zNDE1MSAxMS4zNzYyIDguMDEwODQgMTEuMzc2MiA3LjYxNjE3QzExLjM3NjIgNy4yMjE1MSAxMS4yNDgyIDYuODk2MTcgMTAuOTkyMiA2LjY0MDE3QzEwLjczNjIgNi4zNzM1MSAxMC40MDU1IDYuMjQwMTcgMTAuMDAwMiA2LjI0MDE3QzkuNTk0ODQgNi4yNDAxNyA5LjI1MzUxIDYuMzY4MTcgOC45NzYxNyA2LjYyNDE3QzguNzA5NTEgNi44Njk1MSA4LjU1NDg0IDcuMjAwMTcgOC41MTIxNyA3LjYxNjE3SDYuNTc2MTdDNi42ODI4NCA2LjY2Njg0IDcuMDUwODQgNS45MjU1MSA3LjY4MDE3IDUuMzkyMTdDOC4zMjAxNyA0Ljg0ODE3IDkuMTE0ODQgNC41NzYxNyAxMC4wNjQyIDQuNTc2MTdDMTEuMDEzNSA0LjU3NjE3IDExLjc4NjggNC44Mzc1MSAxMi4zODQyIDUuMzYwMTdDMTIuOTgxNSA1Ljg3MjE3IDEzLjI4MDIgNi41OTIxNyAxMy4yODAyIDcuNTIwMTdDMTMuMjgwMiA4LjE2MDE3IDEzLjEwNDIgOC42OTM1MSAxMi43NTIyIDkuMTIwMTdDMTIuNTQ5NSA5LjM3NjE3IDEyLjM5NDggOS41NTc1MSAxMi4yODgyIDkuNjY0MTdDMTIuMTgxNSA5Ljc3MDg0IDEyLjAzNzUgOS45MDk1MSAxMS44NTYyIDEwLjA4MDJDMTEuNjg1NSAxMC4yNDAyIDExLjUzNjIgMTAuMzg0MiAxMS40MDgyIDEwLjUxMjJDMTEuMjkwOCAxMC42Mjk1IDExLjE5NDggMTAuNzMwOCAxMS4xMjAyIDEwLjgxNjJDMTAuOTI4MiAxMS4wNTA4IDEwLjgzMjIgMTEuMzgxNSAxMC44MzIyIDExLjgwODJWMTIuNTI4MlpNOS45NTIxNyAxNi4wODAyQzkuNjIxNSAxNi4wODAyIDkuMzMzNSAxNS45NjgyIDkuMDg4MTcgMTUuNzQ0MkM4Ljg0Mjg0IDE1LjUwOTUgOC43MjAxNyAxNS4yMzIyIDguNzIwMTcgMTQuOTEyMkM4LjcyMDE3IDE0LjU4MTUgOC44Mzc1IDE0LjI5ODggOS4wNzIxNyAxNC4wNjQyQzkuMzE3NSAxMy44Mjk1IDkuNjA1NSAxMy43MTIyIDkuOTM2MTcgMTMuNzEyMkMxMC4yNzc1IDEzLjcxMjIgMTAuNTcwOCAxMy44Mjk1IDEwLjgxNjIgMTQuMDY0MkMxMS4wNjE1IDE0LjI4ODIgMTEuMTg0MiAxNC41NjU1IDExLjE4NDIgMTQuODk2MkMxMS4xODQyIDE1LjIxNjIgMTEuMDYxNSAxNS40OTM1IDEwLjgxNjIgMTUuNzI4MkMxMC41ODE1IDE1Ljk2MjggMTAuMjkzNSAxNi4wODAyIDkuOTUyMTcgMTYuMDgwMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
  margin-left: 10px;
}
.row-wrapper {
  display: flex;
  align-items: center;
  margin-right: -30px;
}
.small-txt {
  font-size: 10px;
}
.block {
  border: 1px solid #E0E6F2;
  padding: 13px 33px;
  margin-bottom: 22px;
  border-radius: 6px;
}
.block .x-pay-input:last-child {
  margin-bottom: 0;
}
.block div:last-child.add-action {
  margin-bottom: 0;
}
.progress-container {
  border-radius: 8px;
  border: 1px solid #E0E6F2;
  overflow: hidden;
}
.progress-container .progress {
  display: flex;
}
.progress-container .progress .progress-button {
  display: block;
  height: 100%;
  width: 100%;
}
.progress-container .progress div {
  background-color: #E0E6F2;
  height: 9px;
  flex-grow: 1;
  border-left-width: 1px;
  border-color: #fff;
}
.progress-container .progress div:first-child {
  border-left-width: 0;
}
.progress-container .progress div.done {
  background: rgb(43, 101, 235);
  background: linear-gradient(90deg, rgb(43, 101, 235) 0%, rgb(144, 178, 255) 100%);
  display: flex;
}
.progress-container .progress div.done div {
  background-color: transparent;
}
.progress-container .progress-data {
  display: flex;
  justify-content: space-between;
}
.progress-container .progress-data .label {
  color: #67768A;
  padding: 15px;
  font-size: 12px;
}
.progress-container .progress-data .status {
  padding: 15px;
}
.progress-container .progress-data .status span {
  color: #B9C4D8;
  font-size: 10px;
}
.progress-container .progress-data .status span.total {
  font-size: 12px;
  color: #67768A;
}
@media (min-width: 992px) {
  .step4-dynamic-container .edrpo_dola,
  .step5-dynamic-container .edrpo_dola,
  .step7-dynamic-container .edrpo_dola {
    display: block;
  }
  .step4-dynamic-container .edrpo_dola .x-pay-input,
  .step5-dynamic-container .edrpo_dola .x-pay-input,
  .step7-dynamic-container .edrpo_dola .x-pay-input {
    margin-bottom: 40px;
  }
  .step4-dynamic-container .edrpo_dola .x-pay-input:last-child,
  .step5-dynamic-container .edrpo_dola .x-pay-input:last-child,
  .step7-dynamic-container .edrpo_dola .x-pay-input:last-child {
    margin-left: 0;
  }
}
.h-support-wrapper {
  position: relative;
  display: flex;
}
.h-support-wrapper label {
  display: block;
  color: #2D55C6;
  font-weight: 600;
}
.h-support-wrapper .popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
}
.h-support-wrapper .popup-wrapper .transparent-label {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: pointer;
}
.h-support-wrapper .x-h-support-phone-popup {
  display: block;
  margin-bottom: 15px;
  color: #465A8B;
}
.h-support-wrapper .popup-h-support {
  width: 235px;
  height: 127px;
  border-radius: 16px;
  padding: 12px;
  background: #fff;
  text-align: center;
  border: 1px solid #FAFAFA;
  box-shadow: 0 9px 28px rgba(225, 235, 253, 0.38);
  top: 71px;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
}
.h-support-wrapper .popup-h-support li {
  display: block;
}
.h-support-wrapper .popup-h-support li a {
  text-align: center;
  display: block;
  height: 44px;
  padding: 10px;
}
.h-support-wrapper .popup-h-support li a:hover {
  font-weight: bold;
}
.h-support-wrapper .popup-h-support li.x-h-lang-li__active a {
  font-weight: bold;
}
.h-support-wrapper > input {
  display: none;
}
.h-support-wrapper > input:checked + .popup-wrapper {
  opacity: 1;
  visibility: visible;
  display: block;
}
@media (min-width: 992px) {
  .h-support-wrapper .popup-h-support {
    height: 100px;
    transform: translate(23%, 0);
  }
  .h-support-wrapper .x-h-support-phone-popup {
    display: none;
  }
}
.lang-wrapper {
  position: relative;
}
.lang-wrapper label {
  display: block;
  font-weight: 600;
}
.lang-wrapper .lang-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
}
.lang-wrapper .lang-popup-wrapper .transparent-label {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  cursor: pointer;
}
.lang-wrapper .popup-lang {
  width: 53px;
  height: 132px;
  top: 71px;
  right: 6%;
  position: absolute;
  background-color: #fff;
  border-radius: 12px;
  color: #000;
}
.lang-wrapper .popup-lang li {
  display: block;
}
.lang-wrapper .popup-lang li a {
  text-align: center;
  display: block;
  height: 44px;
  padding: 10px;
}
.lang-wrapper .popup-lang li a:hover {
  font-weight: bold;
}
.lang-wrapper .popup-lang li.x-h-lang-li__active a {
  display: block;
  color: #2D55C6;
  font-weight: 600;
}
.lang-wrapper > input {
  display: none;
}
.lang-wrapper > input:checked + .lang-popup-wrapper {
  opacity: 1;
  visibility: visible;
  display: block;
}
@media (min-width: 992px) {
  .lang-wrapper label {
    display: none;
  }
  .lang-wrapper > input {
    display: none;
  }
  .lang-wrapper .lang-popup-wrapper {
    position: inherit;
    display: block;
    background-color: transparent;
  }
  .lang-wrapper .lang-popup-wrapper .transparent-label {
    display: none;
  }
  .lang-wrapper .popup-lang {
    position: relative;
    display: flex;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .lang-wrapper .popup-lang li a {
    height: 30px;
  }
}
.x-dashboard-body {
  background-color: #F9FBFF;
  color: #666D79;
}
.x-nav {
  position: fixed;
  top: 0;
  height: 100vh;
  background-color: #fff;
  box-shadow: 1px 0 0 rgba(22, 8, 43, 0.1);
  z-index: 100;
  transition: 0.4s;
  left: 0;
  padding: 1.2rem 1rem 0;
  width: 63px;
  /* Navbar expanded */
  /* Visible elements */
  /* For Google Chrome and others */
}
.x-nav:hover {
  width: 239px;
}
.x-nav .nav-link-name, .x-nav .nav__logo-name {
  opacity: 0;
  transition: 0.3s;
}
.x-nav:hover .nav-link-name {
  opacity: 1;
}
.x-nav:hover .nav__logo-name {
  opacity: 1;
}
.x-nav .x-nav-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 3rem;
  overflow: auto;
  scrollbar-width: none; /* For mozilla */
}
.x-nav .x-nav-wrapper .nav-menu-item {
  margin-bottom: 48px;
  text-align: left;
}
.x-nav .x-nav-wrapper .nav-menu-item a {
  width: 350px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.x-nav .x-nav-wrapper .nav-menu-item .nav-link-name {
  font-size: 14px;
  margin-left: 10px;
}
.x-nav .x-nav-wrapper .nav-link-icon {
  display: flex;
  justify-content: center;
  width: 28px;
}
.x-nav .x-nav-wrapper .nav-link-icon rect, .x-nav .x-nav-wrapper .nav-link-icon path, .x-nav .x-nav-wrapper .nav-link-icon stroke {
  fill: #E3E9FF;
}
.x-nav .x-nav-wrapper .nav-menu-item__active .nav-link-name {
  font-weight: 600;
  color: #2C66EB;
}
.x-nav .x-nav-wrapper .nav-menu-item__active .nav-link-icon rect, .x-nav .x-nav-wrapper .nav-menu-item__active .nav-link-icon path, .x-nav .x-nav-wrapper .nav-menu-item__active .nav-link-icon stroke {
  fill: #2C66EB;
}
.x-nav .x-nav-wrapper .nav-menu-item:hover .nav-link-name {
  color: #2C66EB;
}
.x-nav .x-nav-wrapper .nav-menu-item:hover .nav-link-icon rect, .x-nav .x-nav-wrapper .nav-menu-item:hover .nav-link-icon path, .x-nav .x-nav-wrapper .nav-menu-item:hover .nav-link-icon stroke {
  fill: #2C66EB;
}
.x-nav .x-nav-wrapper::-webkit-scrollbar {
  display: none;
}
.x-nav .nav-logo-xpay {
  margin-bottom: 50px;
}
.x-nav .xpay-logo-svg {
  width: 98px;
  height: 33px;
}
.x-nav .xpay-logo-svg path.xpay-logo-svgpath-name {
  opacity: 0;
}
.x-nav .xpay-logo-svg path.xpay-logo-svgpath-purse-1 {
  fill: #FFC400;
}
.x-nav .xpay-logo-svg path.xpay-logo-svgpath-purse-2 {
  fill: #6D71BD;
}
.x-nav:hover .xpay-logo-svg path.xpay-logo-svgpath-name {
  fill: #5B5B62;
  opacity: 1;
  transition: 0.3s;
}
.x-nav .nav-link-icon-dashboard {
  width: 15.2px;
  height: 16px;
}
.x-nav .nav-link-icon-accounts {
  width: 13px;
  height: 17px;
}
.x-nav .nav-link-icon-payouts {
  width: 19.5px;
  height: 16.14px;
}
.x-nav .nav-link-icon-analytics {
  width: 17.67px;
  height: 17.61px;
}
.x-nav .nav-link-icon-settings {
  width: 18px;
  height: 18px;
}
.x-nav .nav-link-icon-xmarket {
  width: 17.12px;
  height: 16.95px;
}
.x-nav .nav-link-icon-API {
  width: 13.5px;
  height: 14px;
}
.x-nav .nav-link-icon-FAQ {
  width: 15px;
  height: 15px;
}
.x-nav .nav-link-icon-support {
  width: 22px;
  height: 22px;
}