@font-face {
    font-family: iconsFont;
    font-display: block;
    src: url(assets/processed/icons/app.iconsFont.3b97ea665c10d31ca137cfb6a6a7240c.eot?#iefix) format("embedded-opentype"), url(assets/processed/icons/app.iconsFont.b605e28117f6eca166ce4b2472dd65a8.woff) format("woff"), url(assets/processed/icons/app.iconsFont.1152afaa5e0d87e06b95085eea2091d8.woff2) format("woff2"), url(assets/processed/icons/app.iconsFont.8aef41860bd9bf37ce634c75ce30acab.ttf) format("truetype"), url(assets/processed/icons/app.iconsFont.1cedbc5d39a27231635e76ec32481a4f.svg#iconsFont) format("svg")
}

.icon {
    line-height: 1
}

.icon:before {
    font-family: iconsFont !important;
    font-style: normal;
    font-weight: 400 !important;
    vertical-align: top
}

.icon-3d-secure:before {
    content: "\f101"
}

.icon-add-client:before {
    content: "\f102"
}

.icon-add-user:before {
    content: "\f103"
}

.icon-archive:before {
    content: "\f104"
}

.icon-arrow-down:before {
    content: "\f105"
}

.icon-arrow-left:before {
    content: "\f106"
}

.icon-arrow-right-up:before {
    content: "\f107"
}

.icon-arrow-right:before {
    content: "\f108"
}

.icon-arrow-up:before {
    content: "\f109"
}

.icon-artea-sign:before {
    content: "\f10a"
}

.icon-atm:before {
    content: "\f10b"
}

.icon-attach:before {
    content: "\f10c"
}

.icon-bailiff:before {
    content: "\f10d"
}

.icon-briefcase:before {
    content: "\f10e"
}

.icon-business:before {
    content: "\f10f"
}

.icon-calendar:before {
    content: "\f110"
}

.icon-cancel-o:before {
    content: "\f111"
}

.icon-cancel:before {
    content: "\f112"
}

.icon-cash:before {
    content: "\f113"
}

.icon-check-circle:before {
    content: "\f114"
}

.icon-check-full:before {
    content: "\f115"
}

.icon-check:before {
    content: "\f116"
}

.icon-chevron-down:before {
    content: "\f117"
}

.icon-chevron-right:before {
    content: "\f118"
}

.icon-chevron-up:before {
    content: "\f119"
}

.icon-client:before {
    content: "\f11a"
}

.icon-clock:before {
    content: "\f11b"
}

.icon-close-blue:before {
    content: "\f11c"
}

.icon-close:before {
    content: "\f11d"
}

.icon-colleges:before {
    content: "\f11e"
}

.icon-commision:before {
    content: "\f11f"
}

.icon-contactLess:before {
    content: "\f120"
}

.icon-conversion:before {
    content: "\f121"
}

.icon-copy:before {
    content: "\f122"
}

.icon-country:before {
    content: "\f123"
}

.icon-credit-card:before {
    content: "\f124"
}

.icon-credits:before {
    content: "\f125"
}

.icon-danger:before {
    content: "\f126"
}

.icon-delete:before {
    content: "\f127"
}

.icon-dnsb:before {
    content: "\f128"
}

.icon-document:before {
    content: "\f129"
}

.icon-dots:before {
    content: "\f12a"
}

.icon-download:before {
    content: "\f12b"
}

.icon-e-invoice:before {
    content: "\f12c"
}

.icon-edit:before {
    content: "\f12d"
}

.icon-electronics:before {
    content: "\f12e"
}

.icon-empty:before {
    content: "\f12f"
}

.icon-exchange:before {
    content: "\f130"
}

.icon-facebook:before {
    content: "\f131"
}

.icon-fingerprint:before {
    content: "\f132"
}

.icon-garden:before {
    content: "\f133"
}

.icon-garranty:before {
    content: "\f134"
}

.icon-gas:before {
    content: "\f135"
}

.icon-graph:before {
    content: "\f136"
}

.icon-hamburger:before {
    content: "\f137"
}

.icon-heating:before {
    content: "\f138"
}

.icon-home-management:before {
    content: "\f139"
}

.icon-home:before {
    content: "\f13a"
}

.icon-id:before {
    content: "\f13b"
}

.icon-import:before {
    content: "\f13c"
}

.icon-in-out:before {
    content: "\f13d"
}

.icon-info:before {
    content: "\f13e"
}

.icon-insurance:before {
    content: "\f13f"
}

.icon-interest:before {
    content: "\f140"
}

.icon-left:before {
    content: "\f141"
}

.icon-light:before {
    content: "\f142"
}

.icon-link:before {
    content: "\f143"
}

.icon-location:before {
    content: "\f144"
}

.icon-lock:before {
    content: "\f145"
}

.icon-logout:before {
    content: "\f146"
}

.icon-magnetic-line:before {
    content: "\f147"
}

.icon-message:before {
    content: "\f148"
}

.icon-minus:before {
    content: "\f149"
}

.icon-mobile:before {
    content: "\f14a"
}

.icon-mobileid:before {
    content: "\f14b"
}

.icon-municipalities:before {
    content: "\f14c"
}

.icon-no-users:before {
    content: "\f14d"
}

.icon-note-add:before {
    content: "\f14e"
}

.icon-note:before {
    content: "\f14f"
}

.icon-notification:before {
    content: "\f150"
}

.icon-operations:before {
    content: "\f151"
}

.icon-other:before {
    content: "\f152"
}

.icon-payment:before {
    content: "\f153"
}

.icon-pdf:before {
    content: "\f154"
}

.icon-periodic-between-own:before {
    content: "\f155"
}

.icon-periodic-payment-cancel:before {
    content: "\f156"
}

.icon-periodic-payments:before {
    content: "\f157"
}

.icon-person:before {
    content: "\f158"
}

.icon-phone:before {
    content: "\f159"
}

.icon-piggybank:before {
    content: "\f15a"
}

.icon-pin:before {
    content: "\f15b"
}

.icon-plus-thin:before {
    content: "\f15c"
}

.icon-plus:before {
    content: "\f15d"
}

.icon-printer:before {
    content: "\f15e"
}

.icon-question:before {
    content: "\f15f"
}

.icon-request-money:before {
    content: "\f160"
}

.icon-reverse:before {
    content: "\f161"
}

.icon-right:before {
    content: "\f162"
}

.icon-safety:before {
    content: "\f163"
}

.icon-SB-logo-small:before {
    content: "\f164"
}

.icon-school:before {
    content: "\f165"
}

.icon-search:before {
    content: "\f166"
}

.icon-send:before {
    content: "\f167"
}

.icon-settings:before {
    content: "\f168"
}

.icon-small-arrow:before {
    content: "\f169"
}

.icon-smartid:before {
    content: "\f16a"
}

.icon-success:before {
    content: "\f16b"
}

.icon-taxes:before {
    content: "\f16c"
}

.icon-upload:before {
    content: "\f16d"
}

.icon-user:before {
    content: "\f16e"
}

.icon-users:before {
    content: "\f16f"
}

.icon-view-disabled:before {
    content: "\f170"
}

.icon-view:before {
    content: "\f171"
}

.icon-warning:before {
    content: "\f172"
}

.icon-waste:before {
    content: "\f173"
}

.icon-water:before {
    content: "\f174"
}

.icon-x-circle:before {
    content: "\f175"
}

.icon-x-full:before {
    content: "\f176"
}

.icon-xml:before {
    content: "\f177"
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__year-read-view--down-arrow:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__year-read-view--down-arrow:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    border-top: none;
    border-bottom-color: #f0f0f0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
    top: -1px;
    border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__year-read-view--down-arrow:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before {
    border-bottom: none;
    border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__year-read-view--down-arrow:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before {
    bottom: -1px;
    border-top-color: #aeaeae
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0
}

.react-datepicker {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-radius: .3rem
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px
}

.react-datepicker-popper {
    z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
    margin-top: 10px
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
    left: auto;
    right: 50px
}

.react-datepicker-popper[data-placement^=top] {
    margin-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
    margin-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px
}

.react-datepicker-popper[data-placement^=left] {
    margin-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding-top: 8px;
    position: relative
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 2px
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: .45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3
}

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 80px
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: 85px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    position: absolute;
    right: -72px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + .85rem);
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__month--selected,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__month--selected:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
    background-color: #1d5d90
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
    cursor: default;
    background-color: transparent
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
    cursor: pointer
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
    border-radius: .3rem;
    background-color: #2a87d0;
    color: #fff
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range {
    background-color: #216ba580
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range,
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
    cursor: default;
    color: #ccc
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
    background-color: transparent
}

.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
    background-color: #216ba5
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
    cursor: pointer
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: .45rem
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid #aeaeae
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
    background-color: #ccc
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "\d7"
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #000c;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem
}

@media (max-width: 400px),
(max-height: 550px) {

    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem
    }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem
}

.react-datepicker__portal .react-datepicker__navigation {
    border: .81rem solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: PP Neue Montreal;
    font-weight: 400;
    src: url(assets/processed/fonts/PPNeueMontreal-Regular4ee5148c4203b9a889a9.woff) format("woff"), url(assets/processed/fonts/PPNeueMontreal-Regular37c2c7c3b4643502f5db.woff2) format("woff2")
}

@font-face {
    font-family: PP Neue Montreal;
    font-weight: 500;
    src: url(assets/processed/fonts/PPNeueMontreal-Medium03938dc9ad985ba49690.woff) format("woff"), url(assets/processed/fonts/PPNeueMontreal-Medium832351e3e033a5b328e6.woff2) format("woff2")
}

@font-face {
    font-family: Georgia;
    font-weight: 400;
    src: url(assets/processed/fonts/Georgia4fa6bec13ea201f703e2.woff) format("woff"), url(assets/processed/fonts/Georgia3c750001db0a6c17eb0a.woff2) format("woff2")
}

.title-primary {
    text-transform: none;
    font-size: 26px;
    line-height: 30px
}

@media only screen and (min-width: 768px) {
    .title-primary {
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

.title-secondary {
    font-weight: 400;
    text-transform: none;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .2px
}

@media only screen and (min-width: 768px) {
    .title-secondary {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px
    }
}

.icon--blue {
    color: #3859bb
}

.icon--grey-darker {
    color: #919299
}

.icon.icon--hover:hover {
    color: #021947
}

.icon.icon--container {
    display: flex;
    align-items: center;
    justify-content: center
}

.icon.icon--container-size-20 {
    width: 20px;
    height: 20px
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #ebff3e;
    min-width: 112px;
    min-height: 40px;
    padding: 0 30px;
    border: none;
    box-shadow: inset 0 0 0 1px #dcf213;
    border-radius: 30px;
    color: #000;
    transition: background-color .2s linear;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .32px;
    cursor: pointer
}

.button:hover {
    box-shadow: inset 0 0 0 2px #c4d900
}

.button.button-cornered {
    border-radius: 5px
}

.button.is-big {
    width: 80%
}

.button.is-small {
    min-width: auto;
    padding: 0
}

.button.fit-content {
    min-width: -moz-fit-content;
    min-width: fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 0
}

.button.only-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #0000;
    min-width: auto;
    min-height: auto;
    padding: 10px;
    margin: -10px;
    box-shadow: none;
    border-radius: 0;
    color: #3859bb;
    z-index: 2
}

.button.only-icon.is-inverted:hover {
    background-color: #f5f6fa;
    box-shadow: inset 0 0 0 2px #d9dae4;
    color: #000
}

.button.only-icon.is-inverted:focus {
    background-color: #f5f6fa;
    box-shadow: inset 0 0 0 2px #3859bb
}

.button.only-icon.accounts-item-header__icon {
    padding: 10px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    margin: 0 0 0 10px
}

.button.only-icon.accounts-item-header__icon i {
    left: 0;
    top: -2px;
    position: absolute
}

.button.only-icon:hover {
    background-color: #0000;
    color: #021947;
    box-shadow: none
}

.button.only-icon:focus {
    background-color: #0000;
    color: #021947;
    box-shadow: none
}

.button.only-icon .preloader.is-small {
    height: auto
}

.button.is-warning {
    background-color: #fff2e5;
    box-shadow: inset 0 0 0 1px #ff7c2a;
    color: #d56000
}

.button.is-warning:hover {
    box-shadow: inset 0 0 0 2px #ff7c2a
}

.button.is-success {
    background-color: #ebfff5;
    box-shadow: inset 0 0 0 1px #4bde94;
    color: #06815e
}

.button.is-success:hover {
    box-shadow: inset 0 0 0 2px #4bde94
}

.button.is-inverted {
    background-color: #f5f6fa;
    box-shadow: inset 0 0 0 1px #d9dae4;
    color: #000
}

.button.is-inverted:hover {
    box-shadow: inset 0 0 0 2px #d9dae4
}

.button.is-inverted:focus {
    box-shadow: inset 0 0 0 2px #3859bb
}

.button.is-danger {
    box-shadow: inset 0 0 0 1px #ffd6db;
    background-color: #ffe5e8;
    color: #d7011a
}

.button.is-danger:hover {
    box-shadow: inset 0 0 0 2px #ffbec5
}

.button.is-danger:focus {
    box-shadow: inset 0 0 0 2px #3859bb
}

.button.is-transparent {
    background-color: #0000;
    color: #3859bb;
    box-shadow: none
}

.button.is-transparent.is-disabled {
    background-color: #0000;
    color: #919299
}

.button.is-transparent.is-disabled:hover {
    background-color: unset;
    color: #919299;
    text-decoration: none
}

.button.is-transparent:hover {
    text-decoration: underline;
    color: #000;
    transition: color .2s linear;
    box-shadow: none
}

.button.is-transparent.color-danger {
    color: #d7011a
}

.button.is-disabled {
    background-color: #cccdd9;
    color: #fff;
    cursor: not-allowed;
    box-shadow: none
}

.button.is-disabled:hover {
    box-shadow: none
}

.button.is-inline-block {
    display: inline-block
}

.button.is-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 11px;
    padding-bottom: 11px
}

.button:-moz-any-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.button:any-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.button.is-modal-close {
    font-size: 16px
}

.button.is-modal-close .icon {
    height: 16px
}

@media only screen and (min-width: 1024px) {
    .button.is-modal-close {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .14px
    }

    .button.is-modal-close .icon {
        height: 14px
    }
}

.button .icon {
    height: 14px;
    line-height: normal
}

.button .icon-font-lg {
    font-size: 18px;
    height: 18px
}

.button .icon.has-children {
    margin-right: 7px
}

.button.is-inline-link {
    display: inline-block;
    min-height: 0;
    padding: 0;
    background: none;
    font-size: inherit;
    text-transform: none;
    color: #3859bb;
    font-weight: 400;
    box-shadow: none
}

.button.is-inline-link.is-active {
    color: #000
}

.button.is-inline-link:hover {
    color: #021947;
    text-decoration: underline
}

.button.is-inline-link:focus {
    box-shadow: none
}

.button.is-inline-link--fit-content {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.button.is-inline-link--uppercase {
    text-transform: uppercase
}

.button.is-icon {
    display: inline-block;
    min-height: 0;
    padding: 0;
    background: none;
    font-size: inherit;
    text-transform: none;
    color: #3859bb;
    font-weight: 400;
    box-shadow: none
}

.button.is-icon:focus {
    box-shadow: none
}

.button.is-icon:hover {
    color: #021947
}

.button.is-icon.is-active {
    color: #000
}

.button.extra-classes {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    box-shadow: none
}

.button.extra-sizing {
    height: 32px;
    margin-left: 23px
}

.button.min-width-auto {
    min-width: auto
}

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

.button.is-choose {
    min-width: auto
}

.button.is-choose:focus {
    background: none
}

.button.is-choose:hover {
    text-decoration: none;
    border: none
}

.button.is-choose span {
    display: flex;
    align-items: center;
    gap: 4px
}

.button.is-choose .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 12px
}

.button.is-circle {
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    line-height: 0;
    background: #fff;
    border: 1px solid #3859bb;
    box-shadow: 0 0 8px #34495e14, 0 2px 19px #00000012;
    color: #3859bb
}

.button.is-circle:hover {
    border: 2px solid #3859bb
}

.button.is-circle.is-disabled {
    border: 1px solid #919299;
    color: #919299
}

.button.is-circle.is-disabled:hover,
.button.is-circle.is-disabled:focus {
    background-color: #0000;
    color: #919299
}

.button:focus {
    box-shadow: inset 0 0 0 2px #3859bb
}

.button__label {
    position: absolute;
    top: 28px;
    left: 22px;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    background-color: #ff3951;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    text-align: center
}

.datepicker-container-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 56px;
    background-color: #f7f8fa;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.datepicker-container-wrap .datepicker-calendar {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    background: #fff;
    z-index: 29
}

.datepicker-container-wrap .datepicker-calendar.is-disabled .react-calendar__month-view__days {
    pointer-events: none
}

.datepicker-container-wrap .datepicker-container {
    flex-grow: 1
}

.datepicker-container-wrap.is-readonly {
    height: auto;
    pointer-events: none;
    background-color: #0000
}

.datepicker-container-wrap.is-readonly .datepicker-container {
    padding: 0;
    border-bottom: none;
    background: none
}

.datepicker-container-wrap.is-readonly .datepicker-button {
    display: none
}

.datepicker-container-wrap.is-readonly .datepicker-label {
    position: static
}

.datepicker-container-wrap.is-readonly * {
    padding: 0
}

.datepicker-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    padding: 0 12px;
    border-bottom: thin solid #d9dae4;
    background-color: #f7f8fa
}

.datepicker-container.is-focused {
    border-bottom-color: #3859bb;
    border-width: 2px
}

.datepicker-container.has-error {
    margin-bottom: 0;
    border-bottom-color: #d7011a
}

.datepicker-container .form-input__tooltip-wrap {
    top: -5px
}

.datepicker-button {
    position: absolute;
    top: 0;
    font-size: 22px;
    line-height: 22px;
    color: #000;
    text-align: left
}

.datepicker-button__icon {
    font-size: 22px;
    vertical-align: middle
}

.react-datepicker-popper {
    display: none;
    margin: 1px 0 0 !important;
    z-index: 29
}

.react-datepicker__triangle {
    display: none
}

.react-datepicker-wrapper {
    width: 100% !important;
    padding-left: 15px
}

.react-datepicker-wrapper .react-datepicker__input-container {
    width: 100% !important
}

.react-datepicker-wrapper input {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px;
    width: 100%;
    color: #000;
    border: none;
    padding-left: 17px;
    padding-right: 5px;
    background: #0000
}

.react-datepicker {
    padding-bottom: 15px;
    font-family: PP Neue Montreal, sans-serif !important;
    background-color: #fff !important;
    border-radius: 2px !important;
    border: none !important;
    box-shadow: 0 0 4px #34495e14, 0 12px 25px #34495e1f !important;
    z-index: 29
}

.react-datepicker__header {
    padding-top: 18px !important;
    background: #0000 !important;
    border: none !important
}

.react-datepicker__month-year-select {
    position: absolute;
    top: 18px;
    left: 50%;
    width: 170px;
    margin: 0 0 0 -85px;
    z-index: 2;
    opacity: 0;
    cursor: pointer
}

.react-datepicker__current-month {
    position: relative;
    width: auto;
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 18px;
    color: #000 !important
}

.react-datepicker__current-month:before,
.react-datepicker__current-month:after {
    content: "";
    position: absolute;
    top: 6px;
    height: 5px;
    width: 1px;
    background: #000
}

.react-datepicker__current-month:before {
    right: -7px;
    transform: rotate(-45deg)
}

.react-datepicker__current-month:after {
    right: -10px;
    transform: rotate(45deg)
}

.react-datepicker__day-name {
    display: block;
    visibility: hidden;
    padding-left: 7px;
    font-weight: 500 !important
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .react-datepicker__day-name {
        visibility: visible
    }
}

.react-datepicker__day-name:first-letter {
    visibility: visible
}

.react-datepicker__month {
    width: 300px;
    margin: 0 !important;
    padding: 0 7px !important
}

.react-datepicker__day-names {
    padding: 0 7px !important
}

.react-datepicker__day-names,
.react-datepicker__week {
    display: flex;
    justify-content: space-between !important;
    font-size: 12px !important
}

.react-datepicker__day-name,
.react-datepicker__day {
    width: 30px !important;
    height: 30px !important;
    line-height: 29px !important;
    border-radius: 1000px !important;
    border: thin solid rgba(0, 0, 0, 0);
    color: #000 !important
}

.react-datepicker__day--selected {
    background-color: #0054a405 !important;
    border: thin solid #3859bb;
    color: initial !important;
    font-weight: 400 !important
}

.react-datepicker__day--disabled {
    color: #919299 !important
}

.react-datepicker__navigation--previous,
.react-datepicker__navigation--next {
    top: 15px !important;
    width: 30px !important;
    height: 30px !important;
    border: none !important
}

.react-datepicker-previous-button,
.react-datepicker-next-button {
    position: absolute;
    top: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #3859bb;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.react-datepicker-previous-button {
    left: 10px
}

.react-datepicker-next-button {
    right: 10px;
    transform: rotate(180deg)
}

.react-datepicker__day--outside-month {
    color: #919299 !important
}

.react-datepicker__day--keyboard-selected {
    background: #919299 !important
}

.datepicker-label {
    z-index: 2;
    position: relative;
    left: 44px;
    top: 10px;
    width: calc(100% - 44px);
    color: #5f6375;
    pointer-events: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.datepicker-label.has-error {
    color: #d7011a
}

.datepicker-label.is-focused {
    color: #3859bb
}

.datepicker-label__required {
    margin-left: 3px;
    color: #d7011a
}

.react-datepicker__day--in-range {
    position: relative !important;
    background-color: #e7e8f2 !important;
    color: #000 !important
}

.react-datepicker__day--in-range:after {
    content: "";
    position: absolute;
    background-color: #f7f8fa;
    width: 41px;
    height: 30px;
    top: -1px;
    left: 14px;
    z-index: -1
}

@media only screen and (min-width: 360px) {
    .react-datepicker__day--in-range:after {
        width: 55px
    }
}

@media only screen and (min-width: 430px) {
    .react-datepicker__day--in-range:after {
        width: 60px
    }
}

@media only screen and (min-width: 480px) {
    .react-datepicker__day--in-range:after {
        width: 75px
    }
}

@media only screen and (min-width: 560px) {
    .react-datepicker__day--in-range:after {
        width: 90px
    }
}

@media only screen and (min-width: 660px) {
    .react-datepicker__day--in-range:after {
        width: 100px
    }
}

@media only screen and (min-width: 720px) {
    .react-datepicker__day--in-range:after {
        width: 110px
    }
}

@media only screen and (min-width: 768px) {
    .react-datepicker__day--in-range:after {
        width: 41px
    }
}

.react-datepicker__day--in-range.react-datepicker__day--range-end {
    border: thin solid #3859bb
}

.react-datepicker__day--in-range.react-datepicker__day--range-end:not(.react-datepicker__day--in-selecting-range):after {
    display: none
}

.react-datepicker__day--in-range:last-child:after {
    display: none
}

.react-datepicker__day--in-range.react-datepicker__day--today {
    border: none
}

.react-datepicker__day--in-range.react-datepicker__day--today:after {
    content: "";
    position: absolute;
    background-color: #e7e8f2;
    width: 41px;
    height: 30px;
    top: 0;
    left: 14px;
    z-index: -1;
    transform: none;
    border-radius: 0
}

.react-datepicker__day--range-start {
    position: relative !important;
    background-color: #e7e8f2 !important;
    border: thin solid #3859bb;
    color: #000 !important
}

.react-datepicker__day--range-start:after {
    content: "";
    position: absolute;
    background-color: #f7f8fa;
    width: 41px;
    height: 30px;
    top: -1px;
    left: 14px;
    z-index: -1
}

@media only screen and (min-width: 360px) {
    .react-datepicker__day--range-start:after {
        width: 55px
    }
}

@media only screen and (min-width: 430px) {
    .react-datepicker__day--range-start:after {
        width: 60px
    }
}

@media only screen and (min-width: 480px) {
    .react-datepicker__day--range-start:after {
        width: 75px
    }
}

@media only screen and (min-width: 560px) {
    .react-datepicker__day--range-start:after {
        width: 90px
    }
}

@media only screen and (min-width: 660px) {
    .react-datepicker__day--range-start:after {
        width: 100px
    }
}

@media only screen and (min-width: 720px) {
    .react-datepicker__day--range-start:after {
        width: 110px
    }
}

@media only screen and (min-width: 768px) {
    .react-datepicker__day--range-start:after {
        width: 41px
    }
}

.react-datepicker__day--range-start:last-child:after {
    display: none
}

.react-datepicker__day--in-selecting-range {
    position: relative !important;
    background-color: #e7e8f2 !important;
    color: #000 !important
}

.react-datepicker__day--in-selecting-range:after {
    content: "";
    position: absolute;
    background-color: #f7f8fa;
    width: 41px;
    height: 30px;
    top: -1px;
    left: 14px;
    z-index: -1
}

.react-datepicker__day--in-selecting-range:last-child:after {
    display: none
}

.react-datepicker__day--selecting-range-start,
.react-datepicker__day--selecting-range-end {
    border: thin solid #3859bb
}

.react-datepicker__day--selecting-range-end:after {
    display: none
}

.react-datepicker__day--selecting-range-end~.react-datepicker__day--in-range:before {
    content: "";
    position: absolute;
    background-color: #f7f8fa;
    width: 41px;
    height: 30px;
    top: -1px;
    right: 14px;
    z-index: -1
}

.datepicker__error {
    width: 100%;
    padding-top: 5px;
    color: #d7011a;
    background-color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.react-datepicker__tab-loop {
    display: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.react-tooltip-lite {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    max-width: 240px !important;
    padding: 5px 10px !important;
    background-color: #000;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 10px #0003, 0 0 8px #34495e14
}

.tooltip-content-wrap.is-light .react-tooltip-lite {
    background-color: #fff;
    color: #000
}

.react-tooltip-lite-arrow {
    border-color: #000
}

.tooltip-content-wrap.is-light .react-tooltip-lite-arrow {
    border-color: #fff
}

.tooltip-wrap {
    color: #919299;
    font-size: 22px;
    z-index: 2
}

.tooltip-wrap .icon {
    height: 22px;
    line-height: normal
}

.tooltip-wrap.is-inline {
    display: inline-block
}

@media screen and (max-width: 1023px) {
    @-moz-document url-prefix() {
        .tooltip-wrap .button:disabled {
            pointer-events: none
        }
    }
}

.tooltip__close-button {
    margin-top: -4px;
    cursor: pointer;
    background: none;
    border: none;
    color: #fff;
    font-size: 16px;
    padding: 0
}

.tooltip__close-button--is-light {
    color: #3859bb
}

.tooltip__close-button:hover {
    color: #919299
}

.tooltip__layout-wrap {
    display: flex;
    flex-direction: row-reverse
}

.tooltip__content-column {
    width: 95%
}

.tooltip__close-button-column {
    width: 5%;
    margin-left: 10px
}

.buttons-group {
    display: flex;
    align-items: center;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .buttons-group {
        width: -moz-max-content;
        width: max-content
    }
}

.buttons-group button,
.buttons-group a {
    flex-grow: 1;
    width: 100%
}

@media only screen and (min-width: 768px) {

    .buttons-group button,
    .buttons-group a {
        width: auto
    }
}

.buttons-group.is-centered {
    justify-content: center
}

.buttons-group.is-centered button,
.buttons-group.is-centered a {
    flex-grow: 0
}

.flash-message-wrap {
    width: 100%;
    max-width: 740px;
    margin-bottom: 10px;
    border-radius: 8px;
    background: #dde8ff;
    border: 1px solid #4c47c0
}

.flash-message-wrap.is-danger {
    background: #ffe5e8;
    border: 1px solid #ff3951
}

.flash-message-wrap.is-warning {
    background: #fff2e5;
    border: 1px solid #ff7c2a
}

.flash-message-wrap.is-success {
    background: #ebfff5;
    border: 1px solid #4bde94
}

.flash-message-wrap.is-fixed .flash-message__btn {
    margin-left: 0
}

.flash-message-wrap.is-global {
    max-width: unset;
    border: none;
    border-radius: 0;
    border-top: 2px solid #4c47c0
}

.flash-message-wrap.is-global.is-success {
    border-top: 2px solid #4bde94
}

.flash-message-wrap.is-global.is-danger {
    border-top: 2px solid #ff3951
}

.flash-message-wrap.is-global.is-warning {
    border-top: 2px solid #ff7c2a
}

@media only screen and (max-width: 768px) {
    .flash-message-wrap.is-fixed-mobile {
        position: fixed;
        top: 0;
        right: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        z-index: 32
    }
}

.flash-message-wrap.is-container-centered {
    margin-left: auto;
    margin-right: auto
}

.flash-message {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 16px;
    z-index: 20;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.flash-message.flash-message--secondary {
    padding: 8px 12px
}

@media only screen and (max-width: 768px) {
    .flash-message.flash-message--secondary {
        padding: 10px 12px
    }
}

.flash-message .icon {
    height: 16px;
    width: 16px;
    font-size: 16px;
    line-height: normal;
    color: #fff
}

.flash-message .icon-container {
    margin-right: 20px;
    background: #000;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.flash-message .icon-container__warning {
    background: #ff7c2a
}

.flash-message .icon-container__danger {
    background: #ff3951
}

.flash-message .icon-container__success {
    background: #4bde94
}

.flash-message .icon-container__default {
    background: #4c47c0
}

.flash-message a {
    color: #000;
    font-weight: 500;
    text-decoration: underline
}

.flash-message a:hover {
    color: #000
}

.flash-message.is-centered {
    justify-content: center;
    padding: 10px 15px
}

.flash-message__text {
    font-weight: 400;
    line-height: 22px
}

.flash-message__text.flash-message__text--secondary {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (max-width: 320px) {
    .flash-message__text.flash-message__text--secondary {
        width: 182px;
        text-align: left
    }
}

.flash-message__btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 40px;
    background: none;
    padding: 10px 12px;
    margin: -10px -12px -10px auto;
    border: none;
    color: #000;
    cursor: pointer
}

.flash-message__btn .icon {
    position: relative;
    margin: 0;
    height: 10px;
    width: 10px;
    font-size: 10px;
    line-height: normal;
    color: #000
}

.flash-message__btn .icon-cancel--secondary {
    font-size: 14px;
    width: 19px
}

.checkbox {
    display: block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 15px
}

.checkbox input {
    cursor: pointer
}

.checkbox.is-disabled input {
    cursor: not-allowed
}

.checkbox .info-text {
    margin-top: 12px
}

.checkbox.checkbox--no-margin {
    margin: 0
}

.checkbox-wrap {
    display: flex;
    align-items: center
}

.checkbox-wrap .tooltip-wrap {
    display: inline;
    line-height: 0;
    margin: -5px 0 -5px 5px
}

.checkbox__input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkbox.is-big .checkbox__input {
    width: 30px;
    height: 30px;
    margin: 0
}

.checkbox__input:focus~.checkbox-wrap .checkbox-wrap__checkmark {
    border-color: #3859bb
}

.checkbox-wrap__checkmark {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    height: 20px;
    background: #fff;
    color: #fff;
    border: 1px solid #919299;
    border-radius: 2px;
    box-shadow: 0 2px 1px #00000008;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.checkbox.is-big .checkbox-wrap__checkmark {
    min-width: 30px;
    height: 30px
}

.checkbox.is-big .checkbox-wrap__checkmark.is-active {
    border: 1px solid #3859bb;
    background: #3859bb;
    color: #fff
}

.checkbox.is-big .checkbox-wrap__checkmark .icon {
    color: #fff;
    font-size: 13px
}

.checkbox.is-big.is-disabled .checkbox-wrap__checkmark.is-active {
    background-color: #d9dae4;
    border: 1px solid #d9dae4
}

.checkbox.is-big.is-disabled .checkbox-wrap__checkmark .icon {
    color: #fff
}

.checkbox-wrap__checkmark.is-active {
    color: #3859bb;
    border: 1px solid #3859bb
}

.is-disabled .checkbox-wrap__checkmark {
    color: #fff
}

.is-disabled .checkbox-wrap__checkmark.is-active {
    color: #919299;
    border: 1px solid #d9dae4
}

.is-disabled .checkbox-wrap__checkmark.is-active .icon {
    color: #919299
}

.checkbox-wrap__checkmark.has-error {
    border-color: #d7011a
}

.checkbox-wrap__checkmark .icon {
    height: 13px;
    font-size: 11px;
    line-height: normal;
    color: #3859bb
}

.checkbox-wrap__label {
    margin-left: 10px;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.checkbox-wrap__label.is-disabled {
    color: #919299
}

.checkbox-wrap__label a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.checkbox-wrap__label.label-class-extra {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.checkbox__error {
    margin-bottom: 5px;
    color: #d7011a;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.checkbox-group .info-text {
    margin-top: -3px
}

.checkbox-group__label {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
    color: #5f6375;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.checkbox-group__label.is-disabled {
    color: #919299;
    cursor: not-allowed
}

.checkbox-group__label-required {
    margin-left: 3px;
    color: #d7011a;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.checkbox-group__label-tooltip-wrap {
    margin-left: 5px;
    color: #919299;
    font-size: 19px;
    z-index: 2
}

.checkbox-group__label-tooltip-wrap .icon {
    height: 19px;
    line-height: normal
}

.field-container {
    position: relative;
    display: flex;
    align-items: center
}

.field-container.is-hidden {
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none
}

.field-container.is-inline {
    display: inline-block
}

.field-container.has-error,
.field-container.has-warning,
.field-container.has-text {
    flex-direction: column;
    align-items: flex-start
}

.field-container.is-focused:not(.has-error):not(.has-warning) .form-input,
.field-container.is-focused:not(.has-error):not(.has-warning) .Select-control {
    border-bottom: 2px solid #3859bb
}

.field-container.is-focused:not(.has-error):not(.has-warning) .Select-control {
    border-bottom: none;
    margin-top: 0;
    border-bottom: 2px solid #3859bb
}

.field-container.is-select.is-focused {
    margin-top: auto
}

.field-container.field-container--sub-label .field-container__field {
    height: 74px
}

.field-container__field {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 56px;
    border-bottom: thin solid #d9dae4;
    background: #f7f8fa;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    transition: width .2s ease-in-out;
    text-align: left
}

.field-container__field.field-container--simple {
    height: auto;
    border-bottom: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background-color: #0000
}

.field-container__field.has-error.is-disabled,
.field-container__field.has-warning.is-disabled,
.field-container__field.has-error {
    border-bottom-style: none
}

.field-container__field.has-error .form-input,
.field-container__field.has-error .react-autosuggest__container {
    border-bottom: 2px solid #d7011a;
    margin-bottom: -1px
}

.field-container__field.has-error .Select-control,
.field-container__field.has-error .select.is-focused .Select-control {
    border-bottom: 2px solid #d7011a;
    box-shadow: none
}

.field-container__field.has-warning {
    border-bottom-style: none
}

.field-container__field.has-warning .form-input {
    border-bottom: 2px solid #d56000;
    margin-bottom: -1px
}

.field-container__field.has-warning .Select-control,
.field-container__field.has-warning .select.is-focused .Select-control {
    border-bottom: 2px solid #d56000;
    box-shadow: none
}

.field-container__field.is-readonly {
    height: auto;
    border-bottom-style: none;
    background: none
}

.field-container__field.is-readonly .field-container__label {
    padding: 0;
    color: #919299;
    pointer-events: none
}

.field-container__field.is-readonly .form-input {
    color: #000;
    pointer-events: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.is-textarea .field-container__field {
    height: auto
}

.field-container__field.is-disabled {
    border-bottom-style: dashed
}

.field-container__field.is-disabled .form-textarea,
.field-container__field.is-disabled .form-input,
.field-container__field.is-disabled .field-container__label {
    color: #919299;
    cursor: not-allowed
}

.field-container__field.is-disabled.has-left-content .form-input {
    margin-left: -2px
}

.field-container__field.is-disabled .has-value .field-container__label-text,
.field-container__field.is-disabled .has-value .field-container__label-required {
    padding-top: 7px
}

.field-container__field.is-disabled .form-input,
.field-container__field.is-disabled .form-textarea {
    height: inherit;
    padding-left: 12px;
    padding-right: 20px
}

.field-container__field.is-disabled .form-input.has-tooltip,
.field-container__field.is-disabled .form-textarea.has-tooltip {
    padding-right: 40px
}

.field-container__field.is-disabled .form-input.has-icon,
.field-container__field.is-disabled .form-textarea.has-icon {
    padding-right: 45px
}

.is-textarea .field-container__field .is-disabled .field-container__label-text,
.is-textarea .field-container__field .is-disabled .field-container__label-required {
    padding-top: 0
}

.field-container__field.is-small {
    width: 180px
}

.field-container__field.is-full-width {
    width: 100%
}

.field-container__field.has-left-content input {
    padding-left: 10px
}

.field-container__field.has-extra-value .field-container__label {
    padding-left: 46px
}

.field-container__label {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    padding: 0 12px;
    top: 35%;
    left: 0;
    width: 100%;
    background: #0000;
    color: #5f6375;
    cursor: text;
    transition: all .1s ease-in-out;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.field-container__label.has-value {
    top: 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.field-container__label.is-disabled {
    color: #919299
}

.field-container__label-text {
    display: inline-block;
    max-width: 249px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media only screen and (min-width: 480px) {
    .field-container__label-text {
        max-width: none;
        text-overflow: ellipsis;
        overflow: visible
    }
}

.field-container__error,
.field-container__warning {
    width: 100%;
    margin-top: 5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.field-container__error {
    color: #d7011a
}

.field-container__warning {
    color: #d56000
}

.field-container__label-required {
    margin-left: 3px;
    color: #d7011a;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.field-container__text {
    padding-left: 12px;
    margin-top: 5px
}

.field-container__text .info-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.form-input {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 56px;
    max-width: none;
    padding: 20px 20px 0 12px;
    border: none;
    border-radius: 0;
    background: #0000;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.form-input.has-tooltip {
    padding-right: 40px
}

.form-input.has-icon {
    padding-right: 45px
}

.form-input.is-bold {
    font-weight: 500
}

.form-input.input--simple {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    min-height: unset;
    line-height: 18px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.form-input.input--simple::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.form-input.input--simple::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.form-input.input--simple:-webkit-autofill {
    -webkit-background-clip: text
}

.form-input:-moz-read-only {
    height: 40px;
    min-height: auto;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    margin-bottom: -1px
}

.form-input:read-only {
    height: 40px;
    min-height: auto;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    margin-bottom: -1px
}

.form-input:-moz-read-only~.field-container__label.has-value {
    top: 0
}

.form-input:read-only~.field-container__label.has-value {
    top: 0
}

.form-input:focus:not(.input--simple) {
    border-bottom: 2px solid #3859bb;
    margin-bottom: -1px
}

.form-input:focus~.field-container__label {
    top: 7px;
    color: #3859bb;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.form-input:-webkit-autofill~.field-container__label {
    top: 7px;
    color: #3859bb;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.form-input.has-extra-value {
    padding-left: 46px
}

.form-input::-moz-placeholder {
    color: #919299;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.form-input::placeholder {
    color: #919299;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.form-input:required {
    box-shadow: none
}

.form-input__extra-value {
    position: absolute;
    top: 45%;
    left: 12px
}

.form-input-icon {
    position: absolute;
    right: 10px;
    bottom: 11px;
    display: flex;
    width: 20px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    color: #3859bb
}

.form-input-icon .button {
    color: #3859bb
}

.form-input-icon .button:hover {
    background: none
}

.form-input-icon .icon {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: .5
}

.form-input-icon .icon-view-disabled {
    font-size: 20px;
    line-height: normal
}

.form-input__tooltip-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 12px;
    height: 100%;
    color: #919299;
    font-size: 19px;
    z-index: 2
}

.form-input__tooltip-wrap .icon {
    height: 19px;
    line-height: normal
}

.field-container-v2 {
    display: flex;
    margin: 10px 0
}

.field-container-v2 label {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    margin-right: 10px;
    text-align: right;
    width: 30%;
    padding: 5px 0 0
}

.field-container-v2__input-wrapper {
    flex: 1
}

.field-container-v2__input-wrapper input {
    padding: 10px;
    background-color: #f7f8fa;
    border: 1px solid #d9dae4;
    border-radius: 2px;
    width: 100%
}

.locale-select {
    display: inline-block
}

.locale-select .Select-value {
    height: 20px
}

.locale-select .Select-control {
    display: flex;
    height: 40px;
    min-height: 40px;
    background: none;
    padding: 0;
    border: none;
    border-radius: 0;
    cursor: pointer;
    width: 35px;
    text-transform: uppercase
}

.locale-select .Select-control .Select-arrow-zone {
    margin-top: 0
}

.locale-select .Select-multi-value-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.locale-select .Select-arrow-zone {
    display: flex;
    align-items: center;
    font-size: 7px
}

.locale-select .Select-arrow-zone .icon {
    height: 10px;
    width: 10px;
    line-height: normal;
    font-size: 10px;
    transition: .3s ease-in-out;
    transform: rotate(0)
}

.locale-select.is-focused {
    z-index: 2
}

.locale-select.is-open .icon {
    transform: rotate(180deg)
}

.locale-select.is-disabled .Select-control {
    cursor: default
}

.locale-select .Select-menu {
    padding: 0
}

.locale-select__option {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    height: 35px
}

.locale-select__option:hover {
    background: #f7f8fa
}

.react-autosuggest__container {
    height: 100%
}

.mobile-select-value {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 12px
}

.mobile-select-value.is-disabled {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.mobile-select-value.is-disabled input {
    color: #919299
}

.mobile-select-value.is-readonly {
    padding-top: 10px;
    padding-left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.mobile-select-value.is-readonly input {
    margin-left: 0
}

.mobile-select-value .button {
    font-size: 12px;
    color: #000
}

.mobile-select__label {
    position: absolute;
    top: 7px;
    left: 62px;
    color: #5f6375;
    pointer-events: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.mobile-select__label.is-disabled {
    color: #919299
}

.mobile-select__label.is-focused {
    color: #3859bb
}

.is-readonly .mobile-select__label {
    left: 0;
    color: #919299
}

.mobile-select__option {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
    cursor: pointer;
    text-align: center
}

.mobile-select__option img {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.mobile-select__option:hover,
.mobile-select__option.is-focused,
.mobile-select__option.is-selected {
    background: #f7f8fa
}

.mobile-select-value__button {
    display: flex;
    align-items: center;
    cursor: pointer
}

.mobile-select-value__button img {
    display: inline-block;
    height: 22px
}

.mobile-select-value__button .icon {
    padding: 0;
    margin-left: 5px;
    font-size: 7px
}

.react-autosuggest__input {
    width: 100%;
    height: 100%;
    background: none;
    padding: 18px 0 0;
    margin-left: 15px;
    border: none;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.react-autosuggest__suggestions-list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.react-autosuggest__suggestions-container {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    background: #fff;
    z-index: 21;
    box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14
}

.react-autosuggest__suggestions-container--open {
    border-top: 2px solid #3859bb;
    max-height: 150px;
    overflow-y: auto
}

@media only screen and (min-width: 1024px) {
    .react-autosuggest__suggestions-container--open {
        max-height: 300px
    }
}

.react-autosuggest__suggestion--highlighted {
    background: #f7f8fa;
    color: #3859bb
}

.react-autosuggest__suggestion--highlighted .text-dim {
    color: #3859bb
}

.radio-group {
    margin-bottom: 20px
}

.radio-group .info-text {
    margin-top: -3px
}

.radio-group__label {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 17px;
    color: #5f6375;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.radio-group__label span {
    margin-bottom: 1px
}

@media only screen and (max-width: 768px) {
    .radio-group__label {
        font-size: 14px;
        line-height: 18px
    }

    .radio-group__label span {
        margin-bottom: 5px
    }
}

.radio-group__label.is-disabled {
    color: #919299;
    cursor: not-allowed
}

.radio-group__label-required {
    margin-left: 5px;
    color: #d7011a;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.radio {
    display: block;
    position: relative;
    cursor: pointer;
    vertical-align: top;
    margin-left: 2px;
    margin-bottom: 11px
}

@media only screen and (max-width: 768px) {
    .radio {
        margin-left: 7px;
        margin-bottom: 18px
    }
}

.radio.is-disabled {
    cursor: not-allowed
}

.radio.no-margin {
    margin: 0
}

.radio__input {
    position: absolute;
    opacity: 0
}

.radio__input:focus~.radio-wrap .radio-wrap-checkmark:not(.is-active) {
    border: 2px solid #3859bb
}

.radio-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.is-disabled .radio-wrap {
    cursor: not-allowed
}

.radio-wrap-checkmark {
    z-index: 1;
    display: flex;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    border: 1px solid #919299;
    box-shadow: 0 2px 1px #00000008;
    background-color: #0000;
    border-radius: 20px;
    color: #fff
}

.radio-wrap-checkmark.is-active {
    background: #fff;
    border: 2px solid #3859bb
}

.radio-wrap-checkmark.is-active .radio-wrap-checkmark__circle {
    opacity: 1
}

.is-disabled .radio-wrap-checkmark.is-active {
    border-color: #919299
}

.radio-wrap-checkmark.has-error {
    border-color: #d7011a
}

.radio-wrap-checkmark.has-error .radio-wrap-checkmark__circle {
    background-color: #d7011a
}

.radio-wrap-checkmark.has-warning {
    border-color: #d56000
}

.radio-wrap-checkmark.has-warning .radio-wrap-checkmark__circle {
    background-color: #ff7c2a
}

.radio-wrap-checkmark__circle {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #3859bb;
    opacity: 0
}

.is-disabled .radio-wrap-checkmark__circle {
    background-color: #919299
}

.radio-wrap__label {
    margin-left: 10px;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.radio-wrap__label.is-disabled {
    color: #919299
}

.radio__error {
    margin-top: 4px;
    color: #d7011a;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.radio__warning {
    margin-top: 4px;
    color: #d56000;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.radio-group__label-tooltip-wrap {
    margin-left: 8px;
    color: #919299;
    font-size: 19px;
    z-index: 2
}

@media only screen and (max-width: 768px) {
    .radio-group__label-tooltip-wrap {
        margin-left: 6px
    }
}

.radio-group__label-tooltip-wrap tooltip-wrap {
    font-size: 24px
}

.radio-group__label-tooltip-wrap .icon {
    height: 24px;
    line-height: normal
}

.radio-wrap__content {
    margin-left: 10px
}

.Select {
    min-height: 29px;
    position: relative
}

.Select.is-focused {
    z-index: 21
}

.Select .Select-input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block !important;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.Select .Select-input input {
    margin-top: -1px;
    width: 100% !important;
    background: #0000;
    border: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.Select.cards-select .Select-input input {
    margin-left: -3px
}

.Select.no-label .Select-control {
    padding-bottom: 10px
}

.select .icon {
    height: 16px;
    line-height: normal;
    margin-right: 10px
}

.select .Select-value {
    max-width: 100%;
    padding: 2px 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre
}

.select.is-disabled .Select-control {
    cursor: not-allowed
}

.select.is-disabled .Select-value {
    color: #919299
}

.select.is-focused .Select-control {
    box-shadow: 0 2px #3859bb;
    border-radius: 0;
    z-index: 21;
    border: none
}

.select.is-open .select__indicator {
    transform: rotate(180deg);
    padding-top: 4px;
    padding-bottom: 0
}

.select.is-disabled .Select-control {
    color: #919299
}

.select .Select-multi-value-wrapper {
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    max-width: calc(100% - 17px);
    overflow: hidden
}

.select.has-tooltip .Select-arrow-zone {
    padding-right: 30px
}

.select .select__empty-options {
    padding: 5px
}

.Select-control {
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    height: 100%;
    min-height: auto;
    border: none;
    cursor: pointer;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.Select-value-container {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 8px
}

.Select-value-container input {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.Select-value-label>div {
    height: 100%;
    padding-right: 10px;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.Select-menu-outer {
    position: absolute;
    top: calc(100% + 2px);
    width: 100%;
    border-radius: 0;
    box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14;
    z-index: 21;
    cursor: default
}

.select.is-on-top .Select-menu-outer {
    top: auto;
    bottom: calc(100% + 20px);
    border-top: 2px solid #3859bb
}

.select.is-on-top .Select-menu-outer .Select-menu {
    margin-top: 0
}

.Select-menu-outer .Select-menu {
    max-height: 220px;
    overflow-y: auto
}

.Select-menu {
    background: #fff;
    padding: 8px 0;
    margin-top: 2px;
    border-radius: 0;
    display: block;
    z-index: 21;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.Select-option {
    background: #fff;
    cursor: pointer
}

.Select-option:hover,
.Select-option.is-focused,
.Select-option.is-selected {
    background: #f7f8fa
}

.Select-option.is-selected {
    color: #000
}

.select__extra-label {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background-color: #ff3951;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    border-radius: 50%
}

.select__sub-label {
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.select__option {
    display: flex;
    align-items: center;
    padding: 15px;
    color: #5f6375
}

.select__option:first-child {
    margin-top: 0
}

.select__option:hover,
.select__option.is-focused,
.select__option.is-selected {
    background: #f7f8fa
}

.select__option:hover .select__option-value,
.select__option:hover .icon,
.select__option.is-focused .select__option-value,
.select__option.is-focused .icon,
.select__option.is-selected .select__option-value,
.select__option.is-selected .icon {
    color: #3859bb
}

.select__option .icon {
    width: 20px
}

.select__option-value {
    color: #000
}

.select__label {
    padding: 0 12px;
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.select__label.is-disabled {
    color: #919299;
    cursor: not-allowed
}

.select__label.is-focused {
    color: #3859bb
}

.has-error .select__label {
    color: #d7011a
}

.select__label-required {
    margin-left: 3px;
    color: #d7011a
}

.select__indicator {
    color: #000;
    padding: 0 0 8px;
    width: 20px;
    display: flex;
    justify-content: center
}

.select.is-disabled .select__indicator {
    color: #919299
}

.select__indicator .icon {
    width: 12px;
    height: 12px;
    font-size: 12px;
    margin-right: 0
}

.Select-placeholder {
    padding-bottom: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.accounts-select {
    cursor: pointer
}

.accounts-select .field-container__field {
    height: auto
}

.accounts-select .field-container__field .select__label {
    padding-top: 8px
}

.accounts-select.is-readonly {
    pointer-events: none
}

.accounts-select.is-readonly .Select-control,
.accounts-select.is-readonly .select__label {
    padding: 0
}

.accounts-select.is-readonly .Select-arrow-zone {
    display: none
}

.accounts-select.no-label .field-container__field {
    height: 56px
}

.accounts-select .accounts-item-header {
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: 100%
}

.accounts-select .accounts-item-header__content {
    display: flex;
    flex-direction: column
}

.accounts-select .accounts-item-header.is-open {
    box-shadow: 0 2px #3859bb
}

.accounts-select .accounts-item-header:not(.is-disabled):hover .accounts-item-header-title__link {
    color: #000
}

.accounts-select .accounts-item-header-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 auto;
    overflow: hidden
}

.accounts-select .accounts-item-header-title__link {
    max-width: 100%;
    color: #000
}

.accounts-select .accounts-select-input-wrap {
    position: relative;
    padding: 5px 15px
}

.accounts-select .accounts-select-input-wrap .icon {
    position: absolute;
    height: 18px;
    top: 22px;
    left: 27px;
    color: #919299;
    font-size: 18px
}

.accounts-select .accounts-select-input-wrap input {
    width: 100%;
    height: 56px;
    padding: 5px 12px 5px 45px;
    border: none;
    border-bottom: thin solid #d9dae4;
    background: #f7f8fa;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    color: #919299;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.accounts-select .accounts-select-input-wrap input::-moz-placeholder {
    color: #919299;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.accounts-select .accounts-select-input-wrap input::placeholder {
    color: #919299;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.accounts-select .Select-arrow-zone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -20px
}

.accounts-select .accounts-item-header-title__remainder {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 1 1 0;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-select .currency {
    margin-left: 3px;
    text-transform: uppercase
}

.accounts-select .Select-option {
    padding: 15px
}

.accounts-select .Select-option .accounts-item-header-title__remainder {
    padding-right: 0
}

.accounts-select.is-searchable .Select-menu-outer {
    max-height: 265px
}

.accounts-select .Select-placeholder {
    padding: 5px 0
}

.accounts-select .accounts-item-header__number {
    margin-bottom: 0
}

.autocomplete-wrap {
    position: relative;
    margin-bottom: 12px
}

.autocomplete-wrap .react-autosuggest__suggestion {
    padding: 15px;
    background: #fff;
    cursor: pointer
}

.autocomplete-wrap .react-autosuggest__suggestion:hover,
.autocomplete-wrap .react-autosuggest__suggestion:focus,
.autocomplete-wrap .react-autosuggest__suggestion.is-active {
    background: #f7f8fa
}

.autocomplete-wrap .react-autosuggest__suggestion .recipients-item__name {
    color: #000
}

.autocomplete-wrap .react-autosuggest__suggestion--highlighted {
    background: #f7f8fa
}

.autocomplete-wrap .react-autosuggest__suggestions-container--open {
    max-height: 250px;
    border-top: none
}

.autocomplete-wrap .form-input.has-icon {
    padding-left: 46px
}

.autocomplete-wrap .form-input.has-icon:focus~.field-container__label,
.autocomplete-wrap .form-input.has-icon:-webkit-autofill~.field-container__label {
    left: 34px
}

.autocomplete-wrap .form-input-icon {
    right: auto;
    left: 12px;
    bottom: 13px
}

.autocomplete-wrap .form-input-icon .icon {
    color: #919299;
    font-size: 20px
}

.autocomplete-wrap .field-container__label.has-icon {
    width: calc(100% - 60px);
    left: 34px
}

.autocomplete-wrap .field-container__label.has-icon.has-value {
    left: 34px
}

.autocomplete-wrap .field-container__label.has-icon .field-container__label-text {
    overflow: hidden
}

.autocomplete-wrap .field-container__field.is-readonly .form-input-icon {
    display: none
}

.autocomplete-wrap .field-container__field.is-readonly .field-container__label {
    left: 0
}

.autocomplete-wrap .field-container__field.is-readonly .form-input {
    padding-right: 0;
    padding-left: 0
}

.suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 265px;
    padding: 8px 0;
    border-radius: 0;
    box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14;
    z-index: 21;
    overflow-y: auto
}

.suggestion__explanation {
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.form-textarea {
    position: relative;
    display: block;
    width: 100%;
    min-height: 56px;
    padding: 22px 20px 12px 12px;
    border: none;
    border-radius: 0;
    background: #0000;
    color: #000;
    resize: none;
    transition: height .1s ease-in-out;
    overflow: hidden;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.form-textarea:focus:not(.textarea--simple) {
    top: 1px;
    border-bottom: 2px solid #3859bb
}

.form-textarea:focus~.field-container__label {
    top: 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.field-container__field.has-error .form-textarea {
    top: 1px;
    border-bottom: 2px solid #d7011a
}

.field-container__field.has-warning .form-textarea {
    top: 1px;
    border-bottom: 2px solid #d56000
}

.form-textarea:required {
    box-shadow: none
}

.form-textarea.textarea--simple {
    padding: 0;
    min-height: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.form-textarea.textarea--simple::-moz-placeholder {
    color: #919299
}

.form-textarea.textarea--simple::placeholder {
    color: #919299
}

.input-group-wrap {
    position: relative
}

.input-group {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    transition: width .2s ease-in-out
}

.input-group.has-currency .form-input.has-right-content {
    padding-right: 55px
}

.input-group.has-currency.has-tooltip .form-input.has-right-content {
    padding-right: 85px
}

.input-group .field-container,
.input-group .autocomplete-wrap {
    flex-grow: 1
}

.input-group .Select {
    min-height: 40px
}

.input-group .field-container {
    align-items: flex-end
}

.input-group .field-container.is-select {
    flex-grow: 1;
    flex-basis: auto;
    flex-shrink: 0
}

.input-group .field-container.is-select .field-container__field {
    flex-direction: column;
    background: none;
    border-bottom: none
}

.input-group .field-container:last-child {
    margin-right: 0
}

.input-group .field-container .field-container__field {
    flex-direction: row
}

.input-group .field-container.has-error,
.input-group .field-container.has-warning {
    position: static;
    display: block
}

.input-group.has-tooltip .Select-control {
    padding-right: 40px
}

.input-group.has-tooltip .field-container__field.has-left-content .Select-control {
    padding-right: 0
}

.input-group .field-container__field.has-left-content .field-container__label {
    padding-left: 77px
}

.input-group .field-container__field.has-left-content .Select.no-label .Select-control {
    padding-right: 0
}

.input-group .react-autosuggest__container {
    height: 100%
}

.input-group .autocomplete-wrap {
    position: static
}

.input-group .select {
    text-transform: uppercase
}

.input-group .select__option {
    justify-content: center;
    padding: 10px 5px !important;
    font-size: 14px !important;
    color: #000 !important
}

.input-group .select.is-open .select__indicator {
    transform: rotate(180deg);
    padding-bottom: 2px
}

.input-group .select__indicator {
    padding: 0 0 4px
}

.input-group .select__indicator .icon {
    font-size: 7px !important;
    width: 7px !important;
    height: 7px !important
}

.input-group .Select-value {
    height: 100%;
    padding-top: 6px;
    padding-bottom: 6px
}

.input-group .Select-multi-value-wrapper {
    z-index: 2;
    flex-basis: auto;
    max-width: none
}

.input-group .Select-menu-outer {
    z-index: 3;
    width: auto;
    min-width: 100%
}

.input-group .select__label {
    padding-bottom: 4px
}

.input-group .form-input {
    padding-top: 14px;
    padding-right: 20px
}

.input-group .Select-arrow-zone {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.input-group__tooltip-wrap {
    position: absolute;
    top: 12px;
    right: 12px
}

.cards-select-container {
    margin-bottom: 12px
}

.cards-select-container .Select-input input {
    height: 56px
}

.cards-select-container .select__indicator {
    padding-bottom: 0
}

.cards-select-container .select__indicator--selected {
    margin-top: 18px
}

.cards-select-container .select__indicator--selected.is-open {
    margin-top: 12px
}

.cards-select-container .select__indicator.is-open {
    position: relative
}

.cards-select-container .field-container__field.is-open .select__label,
.cards-select-container .field-container__field.is-open .accounts-item-header-title__link {
    color: #3859bb
}

.cards-select-container .accounts-item-header:not(.is-disabled):hover .icon,
.cards-select-container .accounts-item-header:not(.is-disabled):hover .accounts-item-header-title__link,
.cards-select-container .accounts-item-header:not(.is-disabled):hover .accounts-item-header-title__remainder {
    color: #3859bb
}

.cards-select-wrap {
    position: relative;
    width: 100%
}

.cards-select-wrap .Select-menu-outer {
    position: relative;
    box-shadow: none;
    border-top: none !important
}

.cards-select-wrap .Select-menu {
    margin-top: 0;
    padding: 0
}

.cards-select-wrap .Select-input input {
    height: 100%;
    color: #919299;
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
    pointer-events: all;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.cards-select-wrap.has-error .cards-select-field {
    border-bottom: 2px solid #d7011a
}

.cards-select-wrap.has-warning .cards-select-field {
    border-bottom: 2px solid #d56000
}

.cards-select-wrap .cards-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    color: #5f6375
}

.cards-select-wrap .cards-item-header.is-open {
    box-shadow: 0 2px #3859bb
}

.cards-select-wrap .cards-item-header.is-disabled {
    color: #919299
}

.cards-select-wrap .cards-item-header:not(.is-disabled):hover .cards-item-header-title__link {
    color: #3859bb
}

.cards-select-wrap .cards-item-header-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 auto;
    overflow: hidden;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.cards-select-field-wrap {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.cards-select-field-wrap .cards-item-header {
    padding-top: 2px;
    padding-bottom: 8px
}

.cards-select-field {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: auto;
    border-bottom: thin solid #d9dae4;
    background: #fff
}

.searchable-accounts-select-item-header-wrap {
    padding: 0 12px 8px
}

.card-item-header-wrap {
    position: relative;
    display: flex;
    justify-content: space-between
}

.card-item-header-wrap .cards-item-header {
    flex-grow: 1
}

.card-item-header-wrap .Select-arrow-zone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.card-item-header-wrap .select__indicator.is-open {
    transform: rotate(180deg)
}

.card-item-header-wrap .icon-search {
    line-height: normal;
    position: absolute;
    bottom: -54px;
    left: 1.875rem;
    height: 1.3125rem;
    width: 1.5rem;
    z-index: 20;
    pointer-events: none;
    font-size: 1.3125rem;
    color: #919299
}

.card-item-header-wrap .icon-search.is-on-top {
    top: -100px;
    bottom: 0
}

.card-select-menu {
    position: absolute;
    top: calc(100% - 1px);
    right: 0;
    left: 0;
    box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14;
    border-top: 1px solid #3859bb;
    background: #fff;
    z-index: 3
}

.card-select-menu.is-on-top {
    top: auto;
    bottom: calc(100% + 20px)
}

.card-select-menu.has-error {
    border-color: #d7011a
}

.card-select-menu.has-warning {
    border-color: #d56000
}

.searchable-accounts-select input {
    height: 44px
}

.cards-select {
    cursor: pointer
}

.cards-select .icon {
    margin: 0
}

.cards-select .Select-control {
    height: 0;
    min-height: 0;
    padding: 0;
    box-shadow: none !important;
    cursor: text
}

.cards-select.is-searchable .Select-control {
    height: 89px;
    padding: 16px
}

.cards-select .Select-option {
    padding: 15px
}

.cards-select.is-searchable .Select-menu-outer {
    max-height: 265px
}

.cards-select .Select-input {
    height: 100%;
    padding-left: 48px;
    border-bottom: none
}

.cards-select .Select-placeholder {
    height: 100%;
    padding: 16px 12px 16px 48px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.cards-select .Select-multi-value-wrapper {
    max-width: 100%;
    background: #f7f8fa;
    border-bottom: thin solid #d9dae4
}

.select-options-group__title {
    padding: 5px 16px;
    color: #919299;
    text-transform: uppercase;
    cursor: default;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.accounts-item-header-icon .icon {
    margin-top: 8px;
    margin-right: 12px;
    margin-left: 8px;
    font-size: 22px
}

.cards-item-header-image {
    position: relative;
    width: 60px;
    height: 38px;
    margin-right: 10px;
    background-color: #f7f8fa
}

.cards-item-header-image img {
    width: 100%
}

.cards-item-header-image .icon {
    position: absolute;
    top: 7px;
    left: 50%;
    margin-left: -12px;
    height: 24px;
    color: #3859bb;
    font-size: 24px
}

.cards-item-header-image.has-icon {
    height: 38px;
    border-radius: 2px
}

.is-disabled .cards-item-header-image {
    opacity: .6
}

.cards-item-header__number {
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.is-disabled .cards-item-header__number {
    color: #919299
}

.file-input .file-icon {
    position: absolute;
    left: 10px;
    bottom: 14px;
    font-size: 24px;
    overflow: hidden;
    color: #919299
}

.file-input .file-icon+input {
    padding-left: 40px
}

.file-input .file-icon~label {
    left: 28px;
    color: #3859bb;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.file-input .form-input-icon {
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0
}

.file-input .icon-delete {
    font-size: 24px
}

.file-input .field-container__error,
.file-input .field-container__warning {
    width: 100%;
    margin-top: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.file-input .field-container__text {
    padding-left: 0;
    margin-top: 2px
}

.file-input .field-container__label {
    width: auto
}

.info-container {
    background: #f7f8fa;
    padding: 20px;
    border: thin solid #d9dae4
}

.info-container__title {
    display: flex;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.info-container__title .icon {
    margin-right: 6px;
    color: #4b4e5c;
    font-size: 14px
}

.info-container__content {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accordion-sector__header {
    position: relative
}

.accordion-sector-title {
    margin: 0 auto 20px;
    position: relative;
    max-width: 100%;
    padding: 12px 30px;
    border: thin solid #d9dae4;
    border-radius: 20px;
    background-color: #fff;
    color: #3859bb;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accordion-sector-title:focus {
    border-color: #3859bb
}

.accordion-sector-title i {
    position: absolute;
    top: calc(50% - 6px);
    right: 20px;
    height: 12px;
    font-size: 12px;
    line-height: normal
}

.accordion-sector-title i.is-opened {
    transform: rotate(180deg)
}

@media only screen and (min-width: 480px) {
    .accordion-sector-title i {
        right: 25px
    }
}

@media only screen and (min-width: 480px) {
    .accordion-sector-title {
        padding: 12px 40px;
        max-width: 300px
    }
}

.accordion-sector-title.is-simple {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: none;
    padding: 30px 10px;
    margin: 0;
    border: none;
    border-bottom: thin solid #d9dae4;
    border-radius: 0;
    color: #021947;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.accordion-sector-title.is-simple .icon {
    position: static;
    height: 20px;
    margin-left: 25px;
    font-size: 20px
}

.accordion-sector-title.is-simple:hover {
    color: #3859bb
}

@media only screen and (min-width: 768px) {
    .accordion-sector-title.is-simple {
        padding: 30px 15px 30px 10px;
        font-weight: 400;
        font-size: 24px;
        line-height: 28px
    }
}

.accordion-sector-header-line {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-bottom: thin solid #d9dae4;
    z-index: 1
}

@media only screen and (min-width: 480px) {
    .accordion-sector-header-line {
        display: block
    }
}

.accordion-sector__content {
    display: none
}

.accordion-sector__content.is-opened {
    display: block
}

.accordion-sector__content.is-simple {
    padding: 30px 15px 30px 10px
}

.accordion-sector__content.is-simple.is-opened {
    border-bottom: thin solid #d9dae4
}

.form-acc {
    padding-left: 0
}

@media screen and (min-width: 768px) {
    .form-acc {
        padding-left: 50px
    }
}

.form-acc .icon-chevron-down {
    color: #3859bb;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.form-acc .icon-chevron-down.is-opened {
    transform: rotate(180deg)
}

.form-acc_item {
    border-top: 1px solid #e5e7ea;
    padding: 20px 0
}

.form-acc_item--last {
    border-bottom: 1px solid #e5e7ea
}

.form-acc__title {
    line-height: 24px;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.form-acc__content {
    padding-top: 20px
}

.form-acc__content--closed {
    display: none
}

.inner-acc {
    display: flex;
    gap: 14px;
    flex-direction: column
}

.inner-acc__item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.inner-acc__item .icon-check {
    color: #06815e;
    font-size: 20px
}

.inner-acc__item .icon-clock {
    color: #d56000;
    font-size: 20px
}

.inner-acc__item {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.inner-acc__title {
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 1px
}

.form-acc__icons-list {
    display: flex;
    gap: 16px;
    align-items: center;
    cursor: pointer
}

.inner-acc__subtitle {
    line-height: 24px
}

.inner-acc__subtitle--grey {
    color: #919299
}

.modal-container {
    position: fixed;
    z-index: 24;
    inset: 0;
    overflow: hidden;
    pointer-events: none
}

@media print {
    .modal-container {
        position: static
    }
}

.modal-container.is-opened {
    pointer-events: all
}

.modal-container.nav-modal {
    z-index: 25
}

.modal-container.route-modal {
    z-index: 26
}

.modal-container.confirmation-dialog-modal {
    z-index: 28
}

.modal-container.session-expired-modal {
    z-index: 31
}

.modal-container.detailed-search {
    z-index: 28
}

.modal-overlay {
    position: absolute;
    z-index: 1;
    inset: 0
}

.modal {
    position: relative;
    z-index: 2;
    display: grid;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: opacity .4s ease-in-out;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    padding: 0 20px
}

.modal .content-wrapper {
    max-width: 1232px;
    justify-content: center
}

@media only screen and (min-width: 480px) {
    .modal {
        background-color: #f7f8fa
    }
}

.modal.is-opened {
    opacity: 1
}

.nav-modal .modal {
    opacity: 1;
    transition: transform .6s ease-in-out;
    transform: translate(100%)
}

.nav-modal .modal.is-opened {
    transform: translate(0)
}

.centered-modal {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .centered-modal {
        justify-content: space-between
    }
}

.modal-spaced-content {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    padding-top: 20px
}

@media only screen and (min-width: 480px) {
    .modal-spaced-content {
        padding-top: 0
    }
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 60px;
    padding: 0;
    margin: 0 auto
}

@media print {
    .modal-header {
        display: none
    }
}

@media only screen and (min-width: 480px) {
    .modal-header {
        min-height: 80px
    }
}

@media only screen and (min-width: 768px) {
    .modal-header {
        margin-bottom: 20px;
        padding: 0
    }
}

@media only screen and (min-width: 1024px) {
    .modal-header {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1366px) {
    .modal-header {
        width: 1232px
    }
}

.modal-header .locale-select .Select-control {
    width: 35px;
    padding: 0
}

.modal-header .locale-select__img {
    width: 24px;
    height: 24px
}

.modal-header .button.is-modal-close {
    min-width: auto;
    font-size: 16px
}

.modal-header .button.is-modal-close .icon {
    height: 18px;
    margin-left: 16px;
    font-size: 16px
}

@-moz-document url-prefix() {
    .modal-header .button.is-modal-close .icon {
        height: auto
    }
}

.modal-header .button.is-modal-close .icon-close-blue {
    margin-right: 6px
}

.modal-header .button.is-modal-close:focus {
    background: none
}

.modal-header .button.is-modal-close:hover {
    text-decoration: none
}

@media only screen and (max-width: 768px) {
    .modal-header .button.is-modal-close span>span {
        display: none
    }
}

.modal-header .button {
    font-size: 18px
}

.modal-header .button .icon {
    height: 18px;
    line-height: normal;
    color: #3859bb
}

@media only screen and (min-width: 1024px) {
    .modal-header .button .icon {
        height: 14px
    }
}

.modal-header .button:hover .icon {
    color: #021947
}

.modal-header .button:focus {
    background: #f7f8fa
}

@media only screen and (min-width: 1024px) {
    .modal-header .button {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .14px
    }
}

.modal-header__title {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.modal-header__right {
    display: flex;
    justify-content: space-between
}

.modal-header__right .button {
    margin-left: 15px
}

.modal-header__right .locale-select .Select-control {
    width: 46px
}

.modal-header__logo {
    display: inline-block;
    width: 106px;
    height: 24px;
    max-width: 100%;
    vertical-align: middle
}

@media only screen and (min-width: 1024px) {
    .modal-header__logo {
        width: 123px;
        height: 28px
    }
}

.ob-modal-content-wrap {
    width: 100vw;
    padding: 0 20px
}

.side-modal-container {
    position: fixed;
    z-index: 24;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    display: flex;
    justify-content: flex-end
}

.side-modal-container.is-opened {
    pointer-events: all
}

.side-modal-overlay {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: #fff0;
    transition: background .2s ease-in-out
}

@media only screen and (min-width: 768px) {
    .side-modal-overlay.is-opened {
        background: #fff;
        opacity: .6
    }
}

.side-modal {
    position: relative;
    z-index: 2;
    display: flex;
    height: 100%;
    flex-direction: column;
    background-color: #fff;
    transform: translate(100%);
    transition: transform .6s ease-in-out
}

@media only screen and (min-width: 768px) {
    .side-modal {
        width: 465px;
        height: 100%;
        transform: translate(100%)
    }
}

.side-modal.is-opened {
    transform: translate(0)
}

@media only screen and (min-width: 768px) {
    .side-modal.is-opened {
        box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14
    }
}

.navigation {
    display: flex;
    align-items: center
}

.navigation-link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    padding: 0 12px;
    cursor: pointer;
    transition: background .2s;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.navigation-link .icon {
    display: none;
    margin-right: 8px;
    font-size: 11px;
    height: 14px;
    line-height: normal
}

.navigation-link.is-active {
    background: #fff;
    color: #000;
    font-weight: 500
}

.navigation-link.is-active .icon {
    display: block
}

.navigation-link.is-active .icon-link {
    display: none
}

.navigation-link.is-active:hover .link-hover {
    pointer-events: none
}

.navigation-link:hover,
.navigation-link:focus {
    outline: none;
    text-decoration: none
}

.navigation-link .link-hover:hover {
    color: #000
}

.tabs-navigation {
    display: flex;
    align-items: center
}

.tabs-navigation-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 15px;
    cursor: pointer;
    background-color: #0000;
    border: none;
    transition: background-color .2s;
    color: #5f6375;
    text-align: center;
    text-decoration: none;
    overflow: visible;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.tabs-navigation-item__label {
    white-space: nowrap
}

.tabs-navigation-item.is-active {
    background-color: #fff;
    border: thin solid #d9dae4;
    color: #000;
    font-weight: 500
}

.tabs-navigation-item.is-active:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-bottom: thin solid #f7f8fa
}

.tabs-navigation-item.is-active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #fff
}

.tabs-navigation-item.is-disabled {
    cursor: not-allowed;
    opacity: .6;
    pointer-events: none
}

.tabs-navigation-item.is-disabled:hover,
.tabs-navigation-item.is-disabled:focus {
    color: #5f6375;
    background-color: #0000
}

.tabs-navigation-item:hover,
.tabs-navigation-item:focus {
    outline: none;
    color: #3859bb
}

.tabs-navigation-item:focus {
    background-color: #fff
}

.tabs-navigation-item .icon {
    margin-right: 8px;
    font-size: 16px;
    height: 16px;
    line-height: normal
}

.tabs-navigation-item__extra-label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 5px;
    margin-left: 5px;
    background-color: #ff3951;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    border-radius: 10px
}

.recipient-select-row {
    display: flex;
    padding: 20px;
    border-bottom: thin solid #d9dae4
}

@media only screen and (max-width: 480px) {
    .recipient-select-row {
        padding: 20px 10px
    }
}

.recipient-select-row.is-head {
    align-items: center;
    border-bottom: none
}

.recipient-select-row.is-head:hover,
.recipient-select-row.is-head:focus {
    background-color: #0000
}

.recipient-select-row.is-head .checkbox {
    margin-bottom: 0
}

.recipient-select-row:hover,
.recipient-select-row:focus {
    background-color: #f7f8fa
}

.recipient-select-row__checkbox {
    margin-right: 20px
}

@media only screen and (max-width: 480px) {
    .recipient-select-row__checkbox {
        margin-right: 10px
    }
}

.recipient-select-row__content {
    flex: 1;
    cursor: pointer
}

.recipient-select-row-actions {
    display: flex;
    flex-direction: row
}

.recipient-select-row-actions button {
    min-width: auto;
    min-height: auto;
    padding: 0;
    margin-right: 10px;
    text-transform: uppercase
}

.recipient-select-row-actions button:last-child {
    margin-right: 0
}

.recipient-select-row-actions__button {
    margin-left: 15px
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .recipient-select-row-actions__button {
        margin-left: 12px
    }
}

@media only screen and (min-width: 1024px) {
    .recipient-select-row-actions__button {
        margin-left: 10px
    }
}

.recipient-select-row-actions__button:first-child {
    margin-left: 0
}

.recipient-select-row-actions__button button {
    font-size: 20px
}

.recipient-select-row-actions__button button .icon {
    height: 20px
}

.recipient-select-row-actions__button .button {
    padding: 10px 5px;
    margin: -10px -5px
}

.recipient-select-row-info__name {
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (min-width: 768px) {
    .recipient-select-row-info__name {
        max-width: 300px
    }
}

@media only screen and (min-width: 1024px) {
    .recipient-select-row-info__name {
        max-width: 390px
    }
}

.recipient-select-row-info__account {
    margin-bottom: 4px;
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.recipient-select-row-info__account span {
    margin-right: 20px
}

@media only screen and (max-width: 480px) {
    .recipient-select-row-info__account span {
        display: block;
        white-space: nowrap;
        margin-right: 0
    }
}

.recipient-select-row-info__purpose {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #5f6375
}

.recipient-select-row-actions__delete-title {
    text-transform: uppercase;
    color: #3859bb;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.preloader {
    padding: 20px;
    text-align: center
}

.preloader.is-small {
    padding: 0;
    height: 15px
}

.preloader__spinner {
    display: inline-block;
    animation: spin .5s linear infinite;
    width: 25px;
    height: 25px;
    border: 3px solid #e7e8f2;
    border-top: 3px solid #3859bb;
    border-radius: 25px
}

.preloader__spinner.is-small {
    width: 18px;
    height: 18px;
    border-width: 2px
}

.preloader__spinner.is-medium {
    width: 32px;
    height: 32px
}

.preloader__spinner.is-large {
    width: 42px;
    height: 42px;
    border-width: 5px
}

@media only screen and (min-width: 768px) {
    .preloader__spinner.is-large {
        width: 52px;
        height: 52px;
        border-width: 6px
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.preloader-container {
    position: relative
}

.preloader-container.has-large-spacing {
    padding: 50px 20px
}

.preloader-container__preloader {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    z-index: 2;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    pointer-events: none
}

.preloader-container__preloader.is-loading {
    opacity: .9;
    pointer-events: all
}

.cookies-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    width: 100%;
    background: #fff;
    padding: 20px;
    box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14;
    z-index: 3;
    transition: all .2s ease-in-out
}

.cookies-consent .button.only-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 15px;
    margin: -15px
}

.cookies-consent__wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    .cookies-consent__wrapper {
        max-width: 760px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .cookies-consent__wrapper {
        max-width: 980px
    }
}

@media only screen and (min-width: 1366px) {
    .cookies-consent__wrapper {
        max-width: 1180px
    }
}

@media only screen and (min-width: 1920px) {
    .cookies-consent__wrapper {
        max-width: 1760px
    }
}

.cookies-consent__container {
    display: flex;
    flex-flow: column
}

@media only screen and (min-width: 1024px) {
    .cookies-consent__container {
        flex-flow: row;
        align-items: center;
        gap: 16px
    }
}

.cookies-consent__text {
    width: 100%;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 1024px) {
    .cookies-consent__text {
        margin-bottom: 0
    }
}

.card-wrap {
    width: 100%;
    padding: 0 5px;
    margin-bottom: 10px;
    float: left
}

.card {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 4px 55px #76818b0a
}

@media only screen and (max-width: 768px) {
    .card {
        display: flex;
        flex-direction: column;
        height: 100%
    }
}

.card-header__title {
    display: flex
}

.card-header__title .button {
    margin: -10px 0 -10px 5px
}

.card-header__title .button .icon {
    height: 20px;
    font-size: 20px
}

.card-header__title .button .icon.icon-plus {
    height: 13px;
    font-size: 13px
}

.card-header__title .button:hover,
.card-header__title .button:focus {
    background: none
}

.card-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 0;
    min-height: 90px;
    align-items: center;
    text-align: center
}

.card-link .icon {
    font-size: 24px;
    height: 20px;
    margin-bottom: 15px
}

.card-link.is-disabled {
    color: #919299;
    pointer-events: none;
    cursor: default
}

.card-link .button {
    display: none
}

.card-link:hover {
    text-decoration: none
}

@media only screen and (min-width: 768px) {
    .card-link {
        display: none
    }

    .card-link .button {
        display: block
    }
}

.card-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px;
    word-break: break-word
}

@media only screen and (min-width: 768px) {
    .card-title {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: .24px
    }
}

.card-header {
    display: none;
    padding: 30px 20px;
    font-size: 20px;
    font-weight: 500
}

.is-full-width .card-header {
    display: flex;
    justify-content: space-between
}

.card-header .button {
    flex-direction: column;
    justify-content: center;
    margin-right: -10px
}

.card-header .button.is-disabled {
    background: #0000
}

.card-header .icon {
    height: 20px;
    font-size: 20px
}

@media only screen and (min-width: 768px) {
    .card-header {
        display: flex;
        justify-content: space-between;
        padding: 30px 30px 20px;
        font-size: 24px
    }
}

@media only screen and (min-width: 1366px) {
    .card-header {
        padding: 40px 40px 20px
    }
}

.card-content {
    display: none
}

.is-full-width .card-content {
    display: block
}

.card-content.is-padded {
    padding: 0 40px 40px
}

@media only screen and (min-width: 768px) {
    .card-content {
        display: block
    }
}

.card-content__empty {
    display: block;
    padding: 0 30px 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 1366px) {
    .card-content__empty {
        padding: 0 40px 40px
    }
}

.card-content__empty .icon {
    margin-bottom: 15px;
    color: #d9dae4;
    font-size: 35px
}

.card-content__empty.is-center {
    text-align: center
}

.card-content__empty.has-no-statements {
    padding: 40px 30px 30px
}

.card-content__empty.has-no-payments {
    padding: 20px 40px 0
}

.card-content__empty.has-no-items {
    padding: 20px 30px 40px;
    text-align: center
}

.card-content__empty-button {
    margin-top: 40px
}

.card-content__empty-title {
    margin-bottom: 4px;
    color: #000;
    font-weight: 500
}

.card-header__label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    height: 14px;
    color: #000;
    text-transform: lowercase
}

@media only screen and (min-width: 768px) {
    .card-header__label {
        margin-left: 6px;
        vertical-align: super
    }
}

.info-text {
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.info-text a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.info-text.info-text--small,
.info-text.info-text--small a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.info-text__title {
    color: #000
}

.info-text__address {
    color: #5f6375
}

.currency-exchange-wrap {
    display: flex;
    align-items: center
}

.currency-exchange-wrap .icon {
    margin: 0 12px;
    height: 12px;
    line-height: normal;
    transform: rotate(180deg);
    font-size: 11px
}

@media only screen and (min-width: 480px) {
    .currency-exchange-wrap .icon {
        margin: 0 15px
    }
}

.currency-exchange__title {
    margin-right: 10px
}

.currency-exchange-item {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.currency-exchange-item img {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.switch {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    width: 52px;
    height: 24px;
    cursor: pointer
}

.switch input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.switch input:checked+.slider:before {
    transform: translate(30px)
}

.slider {
    position: relative;
    cursor: pointer;
    height: 7px;
    background-color: #c8f4ff;
    border-radius: 10px;
    transition: .4s
}

.slider:before {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    top: -9px;
    left: -1px;
    background-color: #3859bb;
    box-shadow: 0 2px 19px #0054a412, 0 0 8px #0054a41a;
    border-radius: 50%;
    transition: .4s
}

.payment-select-row {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    border-bottom: thin solid #d9dae4
}

.payment-select-row.is-head {
    align-items: center;
    border-bottom: none;
    cursor: default
}

.payment-select-row.is-head:hover,
.payment-select-row.is-head:focus {
    background-color: #0000
}

.payment-select-row.is-head .checkbox {
    margin-bottom: 0
}

.payment-select-row:hover,
.payment-select-row:focus {
    background-color: #f7f8fa
}

.payment-select-row.is-accepted {
    padding: 20px 10px
}

@media only screen and (min-width: 768px) {
    .payment-select-row.is-accepted {
        padding: 20px
    }
}

.payment-select-row.is-accepted .payment-select-row-info__purpose,
.payment-select-row.is-accepted .payment-select-row-info__date,
.payment-select-row.is-accepted .payment-select-row-info__blocked,
.payment-select-row.is-accepted .payment-select-row-info__warning,
.payment-select-row.is-accepted .payment-select-row__sum.is-mobile {
    padding-left: 0
}

@media only screen and (min-width: 1024px) {
    .payment-select-row {
        padding: 20px
    }
}

.payment-select-row-info {
    margin-bottom: 4px
}

.payment-select-row__checkbox {
    margin-right: 20px
}

@media only screen and (max-width: 480px) {
    .payment-select-row__checkbox {
        margin-right: 10px
    }
}

.payment-select-row__checkbox .checkbox {
    margin-bottom: 0
}

.payment-select-row__checkbox .checkbox.is-disabled {
    opacity: .6
}

.payment-select-row__content {
    flex: 1;
    overflow: hidden
}

.payment-select-row__content .payment-select-row__content-title {
    display: none
}

@media only screen and (min-width: 480px) {
    .payment-select-row__content .payment-select-row__content-title {
        display: block
    }
}

.payment-select-row__content.is-head {
    flex: 1
}

.payment-select-row__sum {
    padding-right: 20px;
    text-transform: uppercase;
    text-align: right;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.payment-select-row__sum.is-desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .payment-select-row__sum.is-desktop {
        display: flex;
        flex-direction: column
    }
}

.payment-select-row__sum.is-shown {
    display: flex;
    flex-direction: column
}

.payment-select-row__sum.is-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-left: 40px;
    margin-top: 4px;
    text-align: left
}

.payment-select-row__sum.is-mobile span:first-child {
    margin-right: 10px
}

@media only screen and (min-width: 480px) {
    .payment-select-row__sum.is-mobile {
        padding-left: 50px
    }
}

@media only screen and (min-width: 768px) {
    .payment-select-row__sum.is-mobile {
        display: none
    }
}

.payment-select-row__sum .converted-sum {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #5f6375
}

.no-checkbox .payment-select-row__sum {
    padding-right: 0
}

.payment-select-row-actions {
    display: flex;
    flex-direction: row
}

.payment-select-row-actions button,
.payment-select-row-actions a {
    min-width: auto;
    min-height: auto;
    padding: 0;
    margin-right: 20px;
    text-transform: uppercase
}

.payment-select-row-actions button:last-child,
.payment-select-row-actions a:last-child {
    margin-right: 0
}

.payment-select-row-actions.is-disabled button,
.payment-select-row-actions.is-disabled a {
    color: #919299;
    pointer-events: none
}

.payment-select-row-actions__button {
    margin-left: 10px
}

.payment-select-row-actions__button:first-child {
    margin-left: 0
}

.payment-select-row-actions__button:last-child {
    margin-right: -7px
}

.payment-select-row-actions__button button {
    font-size: 20px
}

.payment-select-row-actions__button button .icon {
    height: 20px
}

.payment-select-row-actions__button .only-icon {
    padding: 10px 7px
}

.payment-select-row-info__title {
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #3859bb;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (min-width: 768px) {
    .payment-select-row-info__title {
        max-width: 300px
    }
}

@media only screen and (min-width: 1024px) {
    .payment-select-row-info__title {
        max-width: 390px
    }
}

.payment-select-row-info__account {
    display: block;
    max-width: 200px;
    margin-bottom: 2px;
    color: #5f6375;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payment-select-row-info__account span {
    margin-right: 20px
}

@media only screen and (min-width: 400px) {
    .payment-select-row-info__account {
        max-width: 350px
    }
}

.payment-select-row-info__purpose {
    display: block;
    width: 100%;
    padding-left: 40px;
    padding-right: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 480px) {
    .payment-select-row-info__purpose {
        padding-left: 50px
    }

    .payment-select-row-info__purpose.no-padding {
        padding-left: 0
    }
}

@media only screen and (min-width: 768px) {
    .payment-select-row-info__purpose {
        padding-right: 0
    }
}

.payment-select-row-info__date {
    display: block;
    width: 100%;
    padding-left: 40px;
    padding-right: 10px;
    margin-top: 4px;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 480px) {
    .payment-select-row-info__date {
        padding-left: 50px
    }

    .payment-select-row-info__date.no-padding {
        padding-left: 0
    }
}

@media only screen and (min-width: 768px) {
    .payment-select-row-info__date {
        padding-right: 0
    }
}

.payment-select-row-info__date .is-status {
    margin-left: 10px
}

.payment-select-row-info__blocked,
.payment-select-row-info__warning {
    width: 100%;
    padding-left: 40px;
    margin-top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

@media only screen and (min-width: 480px) {

    .payment-select-row-info__blocked,
    .payment-select-row-info__warning {
        padding-left: 50px
    }

    .payment-select-row-info__blocked.no-padding,
    .payment-select-row-info__warning.no-padding {
        padding-left: 0
    }
}

.payment-select-row-info__blocked {
    color: #d7011a
}

.payment-select-row-info__warning {
    color: #d56000
}

.payment-select-row-actions__delete-title {
    text-transform: uppercase;
    color: #3859bb;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.import-select-row {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    border-bottom: thin solid #d9dae4
}

.import-select-row.is-head {
    align-items: center;
    border-bottom: none;
    padding: 20px 0
}

.import-select-row.is-head:hover,
.import-select-row.is-head:focus {
    background-color: #0000
}

.import-select-row.is-head .checkbox {
    margin-bottom: 0
}

.import-select-row.has-bottom-padding {
    padding-bottom: 20px
}

@media only screen and (min-width: 1024px) {
    .import-select-row {
        padding-left: 20px;
        padding-right: 20px
    }

    .import-select-row.has-bottom-padding {
        padding-bottom: 20px
    }
}

.import-select-row__checkbox {
    margin-right: 10px
}

@media only screen and (min-width: 480px) {
    .import-select-row__checkbox {
        margin-right: 20px
    }
}

.import-select-row__checkbox .checkbox {
    margin-bottom: 0
}

.import-select-row__checkbox .checkbox.is-disabled {
    opacity: .6
}

.import-select-row__content {
    flex: 1
}

.import-select-row__content .import-select-row__content-title {
    display: none
}

@media only screen and (min-width: 480px) {
    .import-select-row__content .import-select-row__content-title {
        display: block
    }
}

.import-select-row-info {
    margin-bottom: 6px
}

.import-select-row-info__summary {
    margin-top: 2px;
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.import-select-row-info__summary span:after {
    content: "\2022";
    display: inline;
    margin: 0 3px;
    color: #5f6375;
    font-size: 14px;
    font-weight: 400
}

.import-select-row-info__summary span:last-child:after {
    display: none
}

.import-select-row-actions {
    display: flex;
    flex-direction: row;
    gap: 6px
}

.import-select-row-actions button,
.import-select-row-actions a {
    min-width: auto;
    min-height: auto;
    padding: 0;
    margin-right: 20px;
    text-transform: uppercase
}

.import-select-row-actions button:last-child,
.import-select-row-actions a:last-child {
    margin-right: 0
}

.import-select-row-actions.is-disabled button,
.import-select-row-actions.is-disabled a {
    color: #919299;
    pointer-events: none
}

.import-select-row-actions__button:last-child {
    margin-left: 3px;
    margin-right: -7px
}

.import-select-row-actions__button button {
    font-size: 20px
}

.import-select-row-actions__button button .icon {
    height: 20px
}

.import-select-row-actions__button .only-icon {
    padding: 10px 7px
}

.import-select-row-info__title {
    max-width: 190px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #3859bb;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (min-width: 360px) {
    .import-select-row-info__title {
        max-width: 230px
    }
}

@media only screen and (min-width: 480px) {
    .import-select-row-info__title {
        max-width: 290px
    }
}

@media only screen and (min-width: 768px) {
    .import-select-row-info__title {
        max-width: 350px
    }
}

@media only screen and (min-width: 1024px) {
    .import-select-row-info__title {
        max-width: 310px
    }
}

@media only screen and (min-width: 1366px) {
    .import-select-row-info__title {
        max-width: 380px
    }
}

.import-select-row-info__date {
    display: block;
    width: 100%;
    padding-left: 40px;
    padding-right: 10px;
    margin-top: 2px;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 480px) {
    .import-select-row-info__date {
        padding-left: 50px
    }
}

@media only screen and (min-width: 768px) {
    .import-select-row-info__date {
        padding-right: 0
    }
}

.import-select-row-info__error {
    width: 100%;
    padding-left: 40px;
    margin-top: 4px;
    color: #d7011a;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 480px) {
    .import-select-row-info__error {
        padding-left: 50px
    }
}

.import-select-row-actions__delete-title {
    text-transform: uppercase;
    color: #3859bb;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.import-select-row__acc {
    display: none;
    width: 100%;
    padding-top: 20px
}

.import-select-row__acc--opened {
    display: block;
    padding-bottom: 0
}

.import-select-row-info__date--important {
    color: #000
}

.import-select-row-actions__toggler {
    cursor: pointer
}

.import-select-row-actions__toggler .icon-chevron-down {
    color: #3859bb;
    font-size: 12px
}

.import-select-row-actions__toggler .icon-chevron-down.is-opened {
    transform: rotate(180deg)
}

.import-select-row-info__title--document {
    padding-right: 10px
}

.import-select-row-info__sign-status {
    margin-top: 6px;
    padding-left: 50px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
    align-items: center
}

.import-select-row-info__sign-status span {
    color: #5f6375;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.import-select-row-info__sign-status .icon.icon-clock {
    color: #d56000;
    font-size: 20px
}

.indicator-list {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap
}

.indicator-list__item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 7px 20px 0 0
}

.indicator-list__item--icon {
    height: 16px;
    width: 16px;
    margin-right: 8px
}

.indicator-list__item--icon.icon-x-full {
    color: #d7011a
}

.indicator-list__item--icon.icon-check-full {
    color: #06815e
}

.indicator-list__item--text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #919299
}

.drag-drop-wrap {
    max-width: 460px
}

@media only screen and (min-width: 1024px) {
    .drag-drop-wrap {
        max-width: 550px
    }
}

.drag-drop {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    background-color: #f7f8fa;
    transition: border .15s linear;
    min-height: 318px
}

@media only screen and (min-width: 1024px) {
    .drag-drop {
        border: 2px dashed #d9dae4
    }

    .drag-drop.is-dragging {
        border: 2px dashed #3859bb
    }
}

.drag-drop-remove {
    position: absolute;
    right: -12px;
    top: -12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #d7011a;
    color: #fff;
    font-size: 8px;
    border: none;
    border-radius: 50%;
    cursor: pointer
}

.drag-drop-remove:hover {
    background-color: #ff3951
}

.drag-drop-overlay {
    z-index: 2;
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f7f8fa;
    color: #3859bb;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.drag-drop-overlay .icon {
    margin-bottom: 30px;
    font-size: 42px
}

.drag-drop-file-added {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.drag-drop-file-added span {
    line-height: 21px
}

.drag-drop-file-added .icon {
    margin-bottom: 15px;
    font-size: 42px;
    color: #919299
}

.drag-drop-added__size {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #919299
}

.drag-drop__required {
    margin-top: 5px;
    color: #3859bb;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.drag-drop__error {
    margin-bottom: 5px;
    color: #d7011a;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-select-row-wrap {
    z-index: 31;
    background-color: #fff;
    width: 100%;
    padding: 0;
    border-bottom: thin solid #d9dae4
}

.accounts-select-row-wrap:last-child {
    border-top: none;
    border-bottom: none
}

.accounts-select-row-wrap:focus,
.accounts-select-row-wrap.is-selected {
    background-color: #f7f8fa;
    cursor: grabbing
}

.accounts-select-row {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    height: 105px
}

.accounts-select-row.has-reserved,
.accounts-select-row.has-connected-cards,
.accounts-select-row.is-blocked {
    height: 125px
}

.accounts-select-row.has-reserved.has-connected-cards {
    height: 165px
}

.accounts-select-row.has-reserved.has-connected-cards.is-blocked {
    height: 185px
}

@media only screen and (min-width: 768px) {
    .accounts-select-row {
        height: 85px
    }

    .accounts-select-row.has-reserved,
    .accounts-select-row.has-connected-cards,
    .accounts-select-row.is-blocked {
        height: 105px
    }

    .accounts-select-row.has-reserved.has-connected-cards {
        height: 135px
    }

    .accounts-select-row.has-reserved.has-connected-cards.is-blocked {
        height: 145px
    }
}

.accounts-select-row-header {
    display: flex;
    justify-content: space-between;
    padding: 0 10px
}

@media only screen and (min-width: 768px) {
    .accounts-select-row-header {
        padding: 0 20px
    }
}

.accounts-select-row-header:focus {
    background-color: #f7f8fa
}

.accounts-select-row-header:focus+.accounts-select-row-extra {
    background-color: #f7f8fa
}

.accounts-select-row-header.has-extra-content {
    padding-bottom: 0
}

.accounts-select-row-header__number {
    display: flex;
    justify-content: space-between;
    color: #5f6375;
    text-transform: uppercase;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-select-row-header.is-disabled .accounts-select-row-header__number {
    color: #919299
}

.accounts-select-row-header__number-manager {
    margin-top: 5px;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-select-row-header__number-value {
    max-width: 250px;
    padding-right: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media only screen and (min-width: 768px) {
    .accounts-select-row-header__number-value {
        max-width: 400px
    }
}

.accounts-select-row-header-title {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.accounts-select-row-header-title__remainder {
    display: flex;
    flex-direction: column;
    color: #000;
    text-transform: uppercase
}

.accounts-select-row-header.is-disabled .accounts-select-row-header-title__remainder {
    color: #919299
}

.accounts-select-row-header__remainder {
    text-transform: uppercase;
    text-align: right;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.accounts-select-row-header__remainder.is-desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .accounts-select-row-header__remainder.is-desktop {
        display: flex;
        flex-direction: column
    }
}

.accounts-select-row-header__remainder.is-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-left: 40px;
    margin-top: 4px;
    text-align: left
}

.accounts-select-row-header__remainder.is-mobile span:first-child {
    margin-right: 10px
}

@media only screen and (min-width: 768px) {
    .accounts-select-row-header__remainder.is-mobile {
        display: none
    }
}

.accounts-select-row-header__remainder .converted-sum {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #5f6375
}

.accounts-select-row-header-title__link {
    max-width: 190px;
    padding-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: color .15s ease-in-out;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.accounts-select-row-header.is-disabled .accounts-select-row-header-title__link {
    color: #919299
}

.accounts-select-row-header-title__link.is-link {
    color: #3859bb
}

@media only screen and (min-width: 360px) {
    .accounts-select-row-header-title__link {
        max-width: 230px
    }
}

@media only screen and (min-width: 480px) {
    .accounts-select-row-header-title__link {
        max-width: 310px
    }
}

@media only screen and (min-width: 768px) {
    .accounts-select-row-header-title__link {
        max-width: 270px
    }
}

@media only screen and (min-width: 1366px) {
    .accounts-select-row-header-title__link {
        max-width: 360px
    }
}

.accounts-select-row-extra {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 10px 0 40px;
    margin-top: 4px;
    line-height: 20px
}

.accounts-select-row-extra a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 768px) {
    .accounts-select-row-extra {
        padding: 0 20px 0 50px
    }
}

.accounts-select-row-extra.has-reserved {
    z-index: 21
}

.accounts-select-row-extra a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.accounts-select-row-extra__blocked {
    color: #d7011a
}

.accounts-select-row-extra__blocked:hover,
.accounts-select-row-extra__blocked:focus {
    color: #d7011a
}

.accounts-select-row-extra__cards {
    display: flex;
    align-items: center;
    color: #5f6375
}

.accounts-select-row-extra__cards.has-reserved {
    align-items: flex-start
}

.accounts-select-row-extra__cards img {
    width: 26px;
    margin-right: 10px
}

.accounts-select-row-extra__cards:hover {
    color: #5f6375
}

.accounts-select-row-extra__cards-text {
    display: flex;
    flex-direction: column;
    line-height: initial;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.accounts-select-row-extra__reserved {
    display: block;
    padding: 0 20px 0 40px;
    margin-top: 5px;
    color: #919299
}

@media only screen and (min-width: 768px) {
    .accounts-select-row-extra__reserved {
        padding: 0 20px 0 50px
    }
}

.accounts-select-row-extra__reserved.has-cards {
    padding-left: 36px;
    margin-top: -6px
}

.accounts-select-row-extra__reserved span {
    margin-left: 5px;
    color: #3859bb;
    text-transform: uppercase
}

.accounts-select-row-extra__reserved:hover {
    color: #919299
}

.accounts-select-row-payment-summary {
    margin-top: 2px;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-select-row-extra__closed {
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.accounts-select-row-payment-summary__item:after {
    content: "\2022";
    display: inline;
    margin: 0 2px;
    color: #919299;
    font-size: 10px;
    font-weight: 400
}

.accounts-select-row-payment-summary__item:last-child:after {
    display: none
}

.accounts-select-row-payment-summary__item-remainder.is-negative {
    color: #d7011a
}

.accounts-select-row-header-actions {
    display: flex;
    flex-direction: row
}

.accounts-select-row-header-actions button,
.accounts-select-row-header-actions a {
    min-width: auto;
    min-height: auto;
    padding: 0;
    margin-right: 20px;
    font-size: 12px;
    text-transform: uppercase
}

.accounts-select-row-header-actions.is-disabled button,
.accounts-select-row-header-actions.is-disabled a {
    color: #919299;
    pointer-events: none
}

.accounts-select-row-header-actions__button {
    padding-left: 20px
}

.accounts-select-row-header-actions__button .icon {
    font-size: 17px;
    color: #919299;
    cursor: grab;
    margin-top: -5px
}

.accounts-select-row-header-navigation {
    margin-right: 20px
}

.accounts-select-row-header-navigation .button {
    font-size: 11px
}

.accounts-select-row-header-navigation .button:hover,
.accounts-select-row-header-navigation .button:focus,
.accounts-select-row-header-navigation .button.is-disabled {
    background: none
}

.accounts-select-row-header-navigation .button:first-child {
    padding-bottom: 0;
    margin-bottom: 10px
}

.accounts-select-row-header-navigation .button:last-child {
    padding-top: 0;
    margin-top: 10px
}

.breadcrumbs {
    display: none
}

@media only screen and (min-width: 768px) {
    .breadcrumbs {
        display: block;
        margin-bottom: 32px
    }
}

.breadcrumbs-paths-wrap {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.breadcrumbs-paths-wrap a {
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.breadcrumbs-paths-wrap a:hover {
    color: #5f6375
}

.breadcrumbs-paths-wrap .icon-right {
    margin: 0 7px;
    font-size: 6px;
    height: 6px;
    line-height: normal
}

.breadcrumbs-paths-wrap .icon-home {
    color: #3859bb;
    height: 12px;
    line-height: normal;
    vertical-align: top
}

.breadcrumbs-paths {
    display: flex;
    align-items: center
}

.breadcrumbs-paths__item.is-active {
    font-weight: 500
}

.react-calendar {
    width: 300px !important;
    padding-bottom: 15px;
    background: none !important;
    font-family: PP Neue Montreal, sans-serif !important;
    border-radius: 2px !important;
    border: none !important;
    box-shadow: 0 0 4px #34495e14, 0 12px 25px #34495e1f !important;
    z-index: 29
}

.react-date-picker__calendar {
    width: auto !important;
    background-color: #fff;
    margin-top: 6px !important;
    cursor: default !important
}

.react-calendar__month-view__days {
    display: flex;
    justify-content: space-between !important;
    width: 300px;
    margin: 0 !important;
    padding: 0 7px !important;
    font-size: 12px !important;
    white-space: nowrap
}

.react-calendar__month-view__weekdays {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 12px !important;
    padding: 0 10px !important;
    white-space: nowrap
}

.react-calendar__month-view__weekdays__weekday,
.react-calendar__month-view__days__day {
    flex-basis: auto !important;
    max-width: none !important;
    width: 31px !important;
    height: 31px !important;
    line-height: 29px !important;
    border-radius: 1000px !important;
    border: thin solid rgba(0, 0, 0, 0);
    color: #000 !important;
    font-size: 12px !important
}

.react-calendar__month-view__weekdays__weekday abbr,
.react-calendar__month-view__days__day abbr {
    text-decoration: none !important
}

.react-calendar__month-view__weekdays__weekday {
    display: block !important;
    padding: 0 0 0 7px !important;
    font-weight: 500 !important
}

.react-calendar__month-view__weekdays__weekday abbr {
    letter-spacing: 2em;
    display: flex;
    padding-left: 5px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.react-calendar__month-view__days__day {
    padding: 0 !important;
    line-height: 29px !important;
    border-radius: 1000px !important;
    border: thin solid rgba(0, 0, 0, 0);
    color: #5f6375 !important
}

.react-calendar__tile {
    position: relative !important;
    display: inline-block !important;
    width: 31px !important;
    height: 31px !important;
    flex-basis: auto !important;
    max-width: none !important;
    margin: .166rem !important;
    line-height: 29px !important;
    border-radius: 1000px !important;
    border: thin solid rgba(0, 0, 0, 0);
    color: #000 !important;
    overflow: visible !important
}

.react-calendar__tile:disabled {
    background: none !important;
    color: #919299 !important;
    pointer-events: none
}

.react-calendar__tile:disabled .connector {
    display: none !important
}

.react-calendar__tile:disabled .react-calendar__tile--active,
.react-calendar__tile:disabled .react-calendar__tile--rangeStart,
.react-calendar__tile:disabled .react-calendar__tile--rangeEnd {
    background-color: #0000 !important
}

.react-calendar__tile:disabled.is-in-range {
    background-color: #e7e8f2 !important
}

.react-calendar__tile:hover {
    background-color: #f7f8fa !important;
    border: thin solid #3859bb !important
}

.react-calendar__tile:hover:disabled {
    border: none !important
}

.react-calendar__tile abbr {
    pointer-events: none
}

.react-calendar__tile--hasActive {
    background-color: #0000 !important
}

.react-calendar__tile--hasActive abbr {
    background-color: #0054a405 !important;
    border: thin solid #3859bb !important;
    font-weight: 400 !important;
    border-radius: 2px !important
}

.react-calendar__tile--active,
.react-calendar__tile--rangeStart,
.react-calendar__tile--rangeEnd {
    background-color: #e7e8f2 !important;
    border: thin solid #3859bb !important;
    font-weight: 400 !important
}

.react-calendar__tile--active abbr,
.react-calendar__tile--rangeStart abbr,
.react-calendar__tile--rangeEnd abbr {
    background-color: #0000 !important;
    border: none !important
}

.react-calendar__tile--active:hover,
.react-calendar__tile--rangeStart:hover,
.react-calendar__tile--rangeEnd:hover {
    background-color: #e7e8f2 !important
}

.react-calendar__tile--active.is-in-range:not(.react-calendar__tile--rangeEnd):not(.react-calendar__tile--rangeStart) {
    border: none !important
}

.react-calendar__tile--active.is-in-range.react-calendar__tile--rangeEnd .connector {
    display: none !important
}

.react-calendar__tile--active.is-in-range .connector {
    display: block !important;
    z-index: -1;
    position: absolute !important;
    background-color: #e7e8f2 !important;
    width: 41px !important;
    height: 31px !important;
    top: 0 !important;
    left: 14px !important
}

@media only screen and (min-width: 768px) {
    .change-date-calendar .react-calendar__tile--active.is-in-range .connector {
        width: 50px !important;
        height: 35px !important
    }
}

.react-calendar__tile--active.is-in-range.react-calendar__tile--rangeStart {
    top: -1px !important
}

.react-calendar__tile--rangeStart {
    z-index: auto !important
}

.react-calendar__tile--rangeStart .connector {
    z-index: -1;
    position: absolute !important;
    background-color: #e7e8f2 !important;
    background: #e7e8f2 !important;
    width: 41px !important;
    height: 31px !important;
    top: 0 !important;
    left: 14px !important;
    transform: none
}

@media only screen and (min-width: 768px) {
    .change-date-calendar .react-calendar__tile--rangeStart .connector {
        width: 50px !important;
        height: 35px !important
    }
}

.react-calendar__tile--rangeStart>.connector {
    z-index: -1;
    position: absolute !important;
    background-color: #e7e8f2 !important;
    background: #e7e8f2 !important;
    width: 41px !important;
    height: 31px !important;
    top: -1px !important;
    left: 14px !important;
    transform: none
}

@media only screen and (min-width: 768px) {
    .change-date-calendar .react-calendar__tile--rangeStart>.connector {
        width: 50px !important;
        height: 35px !important
    }
}

.react-calendar__tile--rangeStart~.react-calendar__tile--active:not(.react-calendar__tile--rangeEnd):not(.react-calendar__year-view__months__month) {
    background-color: #e7e8f2 !important;
    border: none !important
}

.react-calendar__tile--rangeStart~.react-calendar__tile--active:not(.react-calendar__tile--rangeEnd):not(.react-calendar__year-view__months__month) .connector {
    z-index: -1;
    position: absolute !important;
    background-color: #e7e8f2 !important;
    width: 41px !important;
    height: 31px !important;
    top: 0 !important;
    left: 14px !important
}

@media only screen and (min-width: 768px) {
    .change-date-calendar .react-calendar__tile--rangeStart~.react-calendar__tile--active:not(.react-calendar__tile--rangeEnd):not(.react-calendar__year-view__months__month) .connector {
        width: 50px !important;
        height: 35px !important
    }
}

.react-calendar__tile--rangeStart~.react-calendar__tile--active:not(.react-calendar__tile--rangeEnd):not(.react-calendar__year-view__months__month):hover {
    border: thin solid #3859bb !important
}

.react-calendar__tile--rangeStart~.react-calendar__tile--active:not(.react-calendar__tile--rangeEnd):not(.react-calendar__year-view__months__month):hover .connector {
    top: 0 !important
}

.react-calendar__tile--rangeEnd {
    border: thin solid #3859bb !important
}

.react-calendar__tile--rangeEnd .connector {
    display: none
}

.react-calendar__tile--rangeEnd~.react-calendar__tile--active .connector {
    display: block !important
}

.react-calendar__tile--rangeEnd~.react-calendar__tile:not(.react-calendar__tile--hover) .connector {
    display: none
}

.react-calendar__tile--rangeEnd+.react-calendar__tile--hover .connector {
    display: block !important
}

.react-calendar__tile--hover {
    position: relative !important;
    background-color: #e7e8f2 !important;
    display: inline-block !important;
    width: 31px !important;
    height: 31px !important;
    flex-basis: auto !important;
    max-width: none !important;
    margin: .166rem !important;
    line-height: 29px !important;
    border-radius: 1000px !important;
    border: thin solid rgba(0, 0, 0, 0);
    color: #000 !important;
    overflow: visible !important
}

.react-calendar__tile--hover .connector {
    z-index: -1;
    position: absolute !important;
    background-color: #e7e8f2 !important;
    width: 41px !important;
    height: 31px !important;
    top: 0 !important;
    left: 14px !important
}

@media only screen and (min-width: 768px) {
    .change-date-calendar .react-calendar__tile--hover .connector {
        width: 50px !important;
        height: 35px !important
    }
}

.react-calendar__tile--hover:hover {
    background-color: #e7e8f2 !important;
    border: none
}

.react-calendar__tile--hover:hover .connector {
    top: -1px !important
}

.react-calendar__month-view__days__day--neighboringMonth {
    color: #919299 !important
}

.react-calendar__navigation__prev2-button,
.react-calendar__navigation__next2-button {
    display: none
}

.react-calendar__navigation {
    justify-content: space-between;
    height: auto !important;
    padding: 15px 7px 12px !important;
    margin-bottom: 0 !important;
    font-family: PP Neue Montreal, sans-serif !important
}

.react-calendar__navigation button {
    position: relative;
    flex-grow: 0
}

.react-calendar__navigation button[disabled] {
    background-color: #0000 !important
}

.react-calendar__navigation button[disabled] .icon {
    color: #919299 !important
}

.react-calendar__navigation__label {
    flex-grow: 0 !important;
    padding: 6px 8px;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #000 !important
}

.react-calendar__navigation__label:hover,
.react-calendar__navigation__label:focus {
    background-color: #f7f8fa !important
}

.react-calendar-navigation__arrow-prev,
.react-calendar-navigation__arrow-next {
    position: absolute;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #3859bb;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.react-calendar__navigation__arrow:hover,
.react-calendar__navigation__arrow:focus {
    background-color: #0000 !important
}

.react-calendar-navigation__arrow-prev {
    left: 10px
}

.react-calendar-navigation__arrow-next {
    right: 10px;
    transform: rotate(180deg)
}

.react-calendar__year-view__months,
.react-calendar__decade-view__years,
.react-calendar__century-view__decades {
    padding: 0 30px
}

.react-calendar__year-view__months__month,
.react-calendar__decade-view__years__year,
.react-calendar__century-view__decades__decade {
    flex-basis: 33.3333% !important;
    max-width: 33.3333% !important;
    width: 33.3333% !important;
    height: auto !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    text-transform: capitalize;
    border: none !important
}

.react-calendar__year-view__months__month abbr,
.react-calendar__decade-view__years__year abbr,
.react-calendar__century-view__decades__decade abbr {
    padding: 6px 8px !important
}

.react-calendar__year-view__months__month:hover,
.react-calendar__decade-view__years__year:hover,
.react-calendar__century-view__decades__decade:hover {
    background-color: #0000 !important;
    border: none !important
}

.react-calendar__year-view__months__month:hover abbr,
.react-calendar__decade-view__years__year:hover abbr,
.react-calendar__century-view__decades__decade:hover abbr {
    background-color: #0054a405 !important
}

.react-calendar__year-view__months__month.react-calendar__tile--rangeStart,
.react-calendar__year-view__months__month.react-calendar__tile--rangeEnd,
.react-calendar__decade-view__years__year.react-calendar__tile--rangeStart,
.react-calendar__decade-view__years__year.react-calendar__tile--rangeEnd,
.react-calendar__century-view__decades__decade.react-calendar__tile--rangeStart,
.react-calendar__century-view__decades__decade.react-calendar__tile--rangeEnd {
    background-color: #0000 !important
}

.react-calendar__year-view__months__month.react-calendar__tile--rangeStart abbr,
.react-calendar__year-view__months__month.react-calendar__tile--rangeEnd abbr,
.react-calendar__decade-view__years__year.react-calendar__tile--rangeStart abbr,
.react-calendar__decade-view__years__year.react-calendar__tile--rangeEnd abbr,
.react-calendar__century-view__decades__decade.react-calendar__tile--rangeStart abbr,
.react-calendar__century-view__decades__decade.react-calendar__tile--rangeEnd abbr {
    background-color: #0054a405 !important;
    border: thin solid #3859bb !important
}

.react-calendar__year-view__months__month.react-calendar__tile--hover,
.react-calendar__decade-view__years__year.react-calendar__tile--hover,
.react-calendar__century-view__decades__decade.react-calendar__tile--hover {
    background-color: #0000 !important
}

.react-calendar__year-view__months__month.react-calendar__tile--hover abbr,
.react-calendar__decade-view__years__year.react-calendar__tile--hover abbr,
.react-calendar__century-view__decades__decade.react-calendar__tile--hover abbr {
    background-color: #0054a405 !important;
    border: none
}

.react-calendar__year-view__months__month.react-calendar__tile--active,
.react-calendar__decade-view__years__year.react-calendar__tile--active,
.react-calendar__century-view__decades__decade.react-calendar__tile--active {
    background-color: #0000 !important
}

.react-calendar__year-view__months__month.react-calendar__tile--active abbr,
.react-calendar__decade-view__years__year.react-calendar__tile--active abbr,
.react-calendar__century-view__decades__decade.react-calendar__tile--active abbr {
    border-radius: 2px !important;
    background-color: #0054a405 !important
}

.react-calendar__year-view__months__month.react-calendar__tile:disabled.is-in-range,
.react-calendar__decade-view__years__year.react-calendar__tile:disabled.is-in-range,
.react-calendar__century-view__decades__decade.react-calendar__tile:disabled.is-in-range {
    background-color: #0000 !important
}

.react-calendar__decade-view__years__year {
    flex-basis: 25% !important;
    max-width: 25% !important;
    width: 25% !important
}

.react-calendar__decade-view__years__year:hover,
.react-calendar__century-view__decades__decade:hover {
    background-color: #f7f8fa !important
}

.react-calendar__tile--now {
    position: relative;
    font-weight: 400 !important
}

.react-calendar__tile--now:after {
    content: "";
    position: absolute;
    bottom: 3px;
    left: calc(50% - 1.5px);
    width: 3px;
    height: 3px;
    background-color: #3859bb;
    border-radius: 1000px;
    transition: transform .23s ease-in-out
}

.react-calendar__tile--now.react-datepicker__day--selected:after {
    transform: translate3d 0, -3px, 0
}

.datepicker-calendar.is-disabled .react-calendar__month-view__days,
.datepicker-container-wrap.is-disabled .react-calendar__month-view__days {
    pointer-events: none
}

.credit-card {
    display: flex;
    margin-top: -1px
}

.credit-card.is-small {
    padding: 20px 0 15px;
    border-top: thin solid #d9dae4;
    border-bottom: thin solid #d9dae4
}

@media only screen and (min-width: 480px) {
    .credit-card.is-small {
        padding: 20px 10px 15px
    }
}

.credit-card-image {
    position: relative;
    width: 265px;
    flex-shrink: 0;
    align-self: flex-start
}

.credit-card-image img {
    width: 100%
}

.is-small .credit-card-image {
    display: none
}

@media only screen and (min-width: 375px) {
    .is-small .credit-card-image {
        display: block;
        width: 80px
    }
}

@media only screen and (min-width: 480px) {
    .is-small .credit-card-image {
        display: block;
        width: 144px
    }
}

.credit-card-image-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.credit-card-image-text.is-light {
    color: #fff
}

.credit-card-image-text .credit-card-image-text__date {
    margin-top: 2px;
    opacity: .8;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.credit-card__label {
    position: absolute;
    top: 20px;
    left: -5px;
    padding: 8px 12px;
    background: #ff7c2a;
    border-radius: 2px 2px 2px 0;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.credit-card__label:before {
    position: absolute;
    bottom: -5px;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 0 solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid #ca6702
}

.credit-card-info {
    padding: 20px 0 20px 20px;
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.is-small .credit-card-info {
    width: 100%;
    padding: 0
}

@media only screen and (min-width: 375px) {
    .is-small .credit-card-info {
        padding-left: 20px
    }
}

.credit-card-info__title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.credit-card-info__status {
    margin-bottom: 12px
}

.credit-card-info__status.is-success {
    color: #06815e
}

.credit-card-info__status.is-warning,
.credit-card-info__status.is-warning .is-date {
    color: #d56000
}

.credit-card-info__status .is-date {
    color: #919299
}

.credit-card-info-features {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
    margin-left: -5px
}

@media only screen and (min-width: 768px) {
    .credit-card-info-features {
        width: calc(100% + 30px)
    }
}

.is-small .credit-card-info-features {
    width: 100%;
    margin-bottom: 0
}

.credit-card-info-features__icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #f7f8fa;
    margin: 0 5px 5px;
    border-radius: 50%;
    color: #3859bb;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.credit-card-info-features__icon .icon {
    height: 16px;
    line-height: normal
}

.is-small .credit-card-info-features__icon {
    width: 32px;
    height: 32px
}

.is-small .credit-card-info-features__icon .icon {
    font-size: 16px;
    height: 16px
}

@media only screen and (min-width: 480px) {
    .is-small .credit-card-info-features__icon {
        width: 24px;
        height: 24px
    }

    .is-small .credit-card-info-features__icon .icon {
        font-size: 10px;
        height: 10px
    }
}

.credit-card-info__account {
    margin-top: 2px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.credit-card-info-credit {
    display: none;
    margin-top: 6px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.credit-card-info-credit a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.credit-card-info-credit .currency {
    margin-left: 3px;
    text-transform: uppercase
}

.credit-card-info__service {
    display: none;
    margin-top: 20px
}

.credit-card-info-action {
    display: none
}

.card-feature {
    display: flex;
    padding: 10px 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.card-feature-content {
    flex: 1;
    padding-left: 10px
}

.card-feature__icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: #f7f8fa;
    border-radius: 50%;
    color: #3859bb;
    font-size: 14px
}

.card-feature__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.card-feature__title .tooltip-wrap {
    display: inline-block;
    margin-left: 5px
}

@media only screen and (min-width: 768px) {
    .card-feature__title .tooltip-wrap {
        display: none
    }
}

.card-feature__text {
    display: none;
    margin-bottom: 10px;
    color: #5f6375
}

@media only screen and (min-width: 768px) {
    .card-feature__text {
        display: block
    }
}

.card-feature-extra {
    color: #919299
}

.card-feature__status {
    color: #d7011a;
    font-weight: 500
}

.card-feature__status.is-active {
    color: #06815e
}

.card-feature-switch {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end
}

.card-feature-switch .button {
    min-width: 0;
    margin-top: 8px
}

.card-limit-row {
    display: flex;
    padding: 10px 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.card-limit-row-content {
    flex: 1
}

.card-limit-row-content.is-centered {
    display: flex;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .card-limit-row-content.is-centered {
        display: block
    }
}

.card-limit-row__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.card-limit-row__title .tooltip-wrap {
    display: inline-block;
    margin-left: 5px
}

@media only screen and (min-width: 768px) {
    .card-limit-row__title .tooltip-wrap {
        display: none
    }
}

.card-limit-row__icon {
    width: 32px;
    height: 32px;
    margin-right: 10px
}

.card-limit-row__icon img {
    width: 100%
}

.card-limit-row__text {
    display: none;
    color: #5f6375
}

.card-limit-row__text.is-abroad {
    display: block
}

.card-limit-row__text.is-danger {
    color: #d7011a
}

@media only screen and (min-width: 768px) {
    .card-limit-row__text {
        display: block
    }
}

.card-limit-row-limits-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.card-limit-row-limits-item-header {
    padding-right: 20px;
    line-height: 20px
}

.card-limit-row-limits-item-header__title {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.card-limit-row-limits-item-header__text {
    display: none
}

@media only screen and (min-width: 768px) {
    .card-limit-row-limits-item-header__text {
        display: block
    }
}

.card-limit-row-limits-item-limit {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.card-limit-row-limits-item-limit-header {
    display: flex;
    flex-wrap: wrap;
    text-align: right;
    justify-content: flex-end;
    max-width: 140px
}

.card-limit-row-limits-item__sum .currency {
    text-transform: uppercase
}

.card-limit-row-limits-item__sum.no-limit,
.card-limit-row-limits-item__used {
    font-weight: 500
}

.card-limit-row-limits-item__used.limit-reached {
    color: #d7011a
}

.card-limit-row-limits-item-progress {
    position: relative;
    width: 100%;
    max-width: 120px;
    height: 8px;
    margin-bottom: 8px;
    border-radius: 20px;
    background: #f7f8fa;
    overflow: hidden
}

.card-limit-row-limits-item-progress-limit {
    position: absolute;
    height: 100%;
    border-radius: 20px;
    background-color: #f7f8fa
}

.card-limit-row-limits-item-progress-limit.is-success {
    background-color: #06815e
}

.card-limit-row-limits-item-progress-limit.is-warning,
.card-limit-row-limits-item-progress-limit.is-warning-dark {
    background-color: #d56000
}

.card-limit-row-limits-item-progress-limit.is-danger {
    background-color: #d7011a
}

.card-limit-row-limits-item-notice {
    max-width: 120px;
    margin-top: 5px;
    color: #d7011a;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.card-limit-row-limits-item__unlimited {
    font-weight: 500
}

.card-condition {
    display: flex;
    padding: 10px 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.card-condition .button .icon {
    font-size: 16px;
    height: 16px
}

.card-condition .button:hover {
    background: none
}

@media only screen and (min-width: 768px) {
    .card-condition .button .icon {
        font-size: 20px;
        height: 20px
    }
}

.card-condition-content {
    flex: 1;
    padding-right: 10px
}

.card-condition__icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: #f7f8fa;
    border-radius: 50%;
    color: #3859bb;
    font-size: 14px
}

.card-condition__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.card-condition__title>span {
    text-transform: uppercase
}

.card-condition__title .tooltip-wrap {
    display: inline-block;
    margin-left: 5px
}

@media only screen and (min-width: 768px) {
    .card-condition__title .tooltip-wrap {
        display: none
    }
}

.card-condition__text {
    display: none;
    color: #5f6375
}

@media only screen and (min-width: 768px) {
    .card-condition__text {
        display: block
    }
}

.card-condition-credit .button {
    display: block;
    min-width: auto;
    margin-left: auto;
    font-size: 14px
}

.card-condition-credit>div {
    margin-bottom: 4px
}

.card-condition-credit>div span {
    text-transform: uppercase
}

.e-account-select-row {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    border-bottom: thin solid #d9dae4
}

@media only screen and (min-width: 1024px) {
    .e-account-select-row {
        padding: 20px
    }
}

.e-account-select-row-info {
    width: 60%;
    display: flex;
    margin-bottom: 4px
}

@media only screen and (max-width: 768px) {
    .e-account-select-row-info {
        width: 80%
    }
}

.e-account-select-row-info-sum {
    width: 40%;
    display: flex;
    justify-content: flex-end
}

@media only screen and (max-width: 768px) {
    .e-account-select-row-info-sum {
        width: 20%
    }
}

.e-account-select-row__content {
    padding-right: 10px;
    display: flex;
    flex-grow: 1;
    overflow: hidden
}

.e-account-select-row__sum {
    text-transform: uppercase;
    text-align: right;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.e-account-select-row__sum.is-desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .e-account-select-row__sum.is-desktop {
        display: flex;
        flex-direction: column
    }
}

.e-account-select-row__sum.is-shown {
    display: flex;
    flex-direction: column
}

.e-account-select-row__sum.is-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-top: 4px;
    text-align: left
}

.e-account-select-row__sum.is-mobile span:first-child {
    margin-right: 10px
}

@media only screen and (min-width: 768px) {
    .e-account-select-row__sum.is-mobile {
        display: none
    }
}

.e-account-select-row-actions {
    display: flex;
    flex-direction: row;
    min-width: 1px
}

.e-account-select-row-actions button,
.e-account-select-row-actions a {
    min-width: auto;
    min-height: auto;
    padding: 0;
    margin-right: 20px;
    text-transform: uppercase
}

.e-account-select-row-actions button:last-child,
.e-account-select-row-actions a:last-child {
    margin-right: 0
}

.e-account-select-row-actions.is-disabled button,
.e-account-select-row-actions.is-disabled a {
    color: #919299;
    pointer-events: none
}

.e-account-select-row-actions__button {
    margin-left: 20px;
    margin-right: -7px
}

.e-account-select-row-actions__button button {
    font-size: 18px
}

.e-account-select-row-actions__button button .icon {
    height: 18px
}

.e-account-select-row-actions__button .only-icon {
    padding: 10px 7px
}

.e-account-select-row-actions__button .only-icon:focus {
    background: none
}

.e-account-select-row-info__title {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #3859bb;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.e-account-select-row-info__title .status-bubble {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background: #d7011a;
    border-radius: 50%
}

.e-account-select-row-info__id {
    display: block;
    max-width: 200px;
    margin-left: 5px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.e-account-select-row-info__status {
    display: block;
    width: 100%;
    padding-right: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.e-account-select-row-info__date {
    display: block;
    width: 100%;
    padding-right: 10px;
    margin-top: 4px;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.e-account-select-row-info__date .is-status {
    margin-left: 10px
}

.e-account-select-row-info__blocked,
.e-account-select-row-info__warning {
    width: 100%;
    padding-left: 40px;
    margin-top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

@media only screen and (min-width: 480px) {

    .e-account-select-row-info__blocked,
    .e-account-select-row-info__warning {
        padding-left: 50px
    }
}

.e-account-select-row-info__blocked {
    color: #d7011a
}

.e-account-select-row-info__warning {
    color: #d56000
}

.e-account-select-row-actions__delete-title {
    text-transform: uppercase;
    color: #3859bb;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.contract {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    border-bottom: thin solid #d9dae4
}

@media only screen and (min-width: 1024px) {
    .contract {
        padding: 20px
    }
}

.contract__title {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 8px
}

.contract__title .button {
    font-size: 5px;
    transform: rotate(90deg)
}

.contract__title .button:focus,
.contract__title .button:hover {
    background: none
}

.contract-payments-item {
    margin-bottom: 8px
}

.contract-payments-item:last-child {
    margin-bottom: 0
}

.contract-payments-item-header {
    display: flex
}

.contract-payments-item-icon {
    margin-right: 10px;
    color: #3859bb;
    font-size: 22px
}

.contract-payments-item-title {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.contract-payments-item-date {
    display: block;
    width: 100%;
    padding-left: 32px;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.contract-payments-item-date .is-status {
    margin-left: 10px
}

.contract-actions {
    z-index: 21;
    position: absolute;
    min-width: 275px;
    right: 0;
    top: 35px;
    padding: 8px 0;
    background: #fff;
    box-shadow: 0 2px 19px #0054a412, 0 0 8px #0054a41a
}

.contract-actions-item {
    padding: 15px;
    cursor: pointer;
    color: #919299
}

.contract-actions-item:hover,
.contract-actions-item:focus {
    background: #f7f8fa;
    color: #000
}

.message-details-row {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    border-bottom: thin solid #d9dae4
}

.message-details-row.is-head {
    align-items: center;
    border-bottom: none;
    cursor: default
}

.message-details-row.is-head:hover,
.message-details-row.is-head:focus {
    background-color: #0000
}

.message-details-row.is-head .checkbox {
    margin-bottom: 0
}

.message-details-row:hover,
.message-details-row:focus {
    background-color: #f7f8fa
}

.message-details-row.is-accepted {
    padding: 20px 10px
}

@media only screen and (min-width: 768px) {
    .message-details-row.is-accepted {
        padding: 20px
    }
}

.message-details-row.is-accepted .message-details-row-info__purpose,
.message-details-row.is-accepted .message-details-row-info__date,
.message-details-row.is-accepted .message-details-row-info__blocked,
.message-details-row.is-accepted .message-details-row-info__warning,
.message-details-row.is-accepted .message-details-row__sum.is-mobile {
    padding-left: 0
}

@media only screen and (min-width: 1024px) {
    .message-details-row {
        padding: 20px
    }
}

.message-details-row__checkbox {
    margin-right: 20px
}

@media only screen and (max-width: 480px) {
    .message-details-row__checkbox {
        margin-right: 10px
    }
}

.message-details-row__checkbox .checkbox {
    margin-bottom: 0
}

.message-details-row__checkbox .checkbox.is-disabled {
    opacity: .6
}

.message-details-row-content {
    flex: 1;
    overflow: hidden
}

.message-details-row-content .message-details-row__content-title {
    display: none
}

@media only screen and (min-width: 480px) {
    .message-details-row-content .message-details-row__content-title {
        display: block
    }
}

.message-details-row-content.is-head {
    flex: 1
}

.message-details-row-actions {
    display: flex;
    flex-direction: row
}

.message-details-row-actions button,
.message-details-row-actions a {
    min-width: auto;
    min-height: auto;
    padding: 0;
    margin-right: 20px;
    text-transform: uppercase
}

.message-details-row-actions button:last-child,
.message-details-row-actions a:last-child {
    margin-right: 0
}

.message-details-row-actions.is-disabled button,
.message-details-row-actions.is-disabled a {
    color: #919299;
    pointer-events: none
}

.message-details-row-actions__button button {
    font-size: 20px
}

.message-details-row-actions__button button .icon {
    height: 20px
}

.message-details-row-actions__button .only-icon {
    padding: 10px 7px
}

.message-details-row-info__title {
    display: inline-block;
    width: 100%;
    padding-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #3859bb;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.message-details-row-info__title .status-bubble {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background: #d7011a;
    border-radius: 50%
}

.message-details-row-info-content {
    display: block;
    width: 100%;
    padding-right: 10px;
    margin-top: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.message-details-row-info-content .is-important {
    color: #d7011a;
    font-weight: 500
}

.message-details-row-info-content span {
    display: block;
    position: relative;
    margin-bottom: 4px
}

@media only screen and (min-width: 480px) {
    .message-details-row-info-content span {
        display: inline;
        margin-bottom: 0
    }

    .message-details-row-info-content span:not(:last-child):after {
        content: "";
        display: inline-block;
        position: relative;
        width: 2px;
        height: 2px;
        margin: 0 5px 4px;
        border-radius: 50%;
        background: #000
    }
}

.message {
    padding: 20px;
    border-top: thin solid #d9dae4
}

.message-header .client {
    margin: 0 0 15px
}

.message-header .client__text {
    display: block
}

.message-header .client__text-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.message-header .client__text-date {
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.message-text {
    margin-bottom: 15px;
    white-space: pre-wrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.message-attachments {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 480px) {
    .message-attachments {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.message-attachments__item {
    display: flex;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.message-attachments__item .icon {
    height: 17px;
    margin-right: 8px;
    font-size: 17px;
    color: #3859bb
}

.message-attachments__item .message-attachments__item-name {
    color: #3859bb
}

.message-attachments__item:hover {
    text-decoration: none
}

.message-attachments__item:hover .icon {
    color: #021947
}

.message-attachments__item:hover .message-attachments__item-name {
    text-decoration: underline;
    color: #021947
}

@media only screen and (min-width: 480px) {
    .message-attachments__item {
        margin-bottom: 0
    }
}

.message-attachments__item-size {
    margin-left: 5px;
    color: #919299;
    text-transform: uppercase
}

.message-attachments__item-error {
    margin-bottom: 5px;
    color: #d7011a;
    text-align: start;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.documents-select-row {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    border-bottom: thin solid #d9dae4
}

.documents-select-row.is-head {
    align-items: center;
    border-bottom: none;
    cursor: default
}

.documents-select-row.is-head:hover,
.documents-select-row.is-head:focus {
    background-color: #0000
}

.documents-select-row.is-head .checkbox {
    margin-bottom: 0
}

.documents-select-row:hover,
.documents-select-row:focus {
    background-color: #f7f8fa
}

.documents-select-row.is-accepted {
    padding: 20px 10px
}

@media only screen and (min-width: 768px) {
    .documents-select-row.is-accepted {
        padding: 20px
    }
}

.documents-select-row.is-accepted .documents-select-row-info__purpose,
.documents-select-row.is-accepted .documents-select-row-info__date,
.documents-select-row.is-accepted .documents-select-row-info__blocked,
.documents-select-row.is-accepted .documents-select-row-info__warning,
.documents-select-row.is-accepted .documents-select-row__sum.is-mobile {
    padding-left: 0
}

@media only screen and (min-width: 1024px) {
    .documents-select-row {
        padding: 20px
    }
}

.documents-select-row-info {
    margin-bottom: 4px
}

.documents-select-row__checkbox {
    margin-right: 20px
}

@media only screen and (max-width: 480px) {
    .documents-select-row__checkbox {
        margin-right: 10px
    }
}

.documents-select-row__checkbox .checkbox {
    margin-bottom: 0
}

.documents-select-row__checkbox .checkbox.is-disabled {
    opacity: .6
}

.documents-select-row__content {
    flex: 1;
    overflow: hidden
}

.documents-select-row__content .documents-select-row__content-title {
    display: none
}

@media only screen and (min-width: 480px) {
    .documents-select-row__content .documents-select-row__content-title {
        display: block
    }
}

.documents-select-row__content.is-head {
    flex: 1
}

.documents-select-row__sum {
    padding-right: 20px;
    text-transform: uppercase;
    text-align: right;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.documents-select-row__sum.is-desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .documents-select-row__sum.is-desktop {
        display: flex;
        flex-direction: column
    }
}

.documents-select-row__sum.is-shown {
    display: flex;
    flex-direction: column
}

.documents-select-row__sum.is-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-left: 40px;
    margin-top: 4px;
    text-align: left
}

.documents-select-row__sum.is-mobile span:first-child {
    margin-right: 10px
}

@media only screen and (min-width: 480px) {
    .documents-select-row__sum.is-mobile {
        padding-left: 50px
    }
}

@media only screen and (min-width: 768px) {
    .documents-select-row__sum.is-mobile {
        display: none
    }
}

.documents-select-row__sum .converted-sum {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #5f6375
}

.no-checkbox .documents-select-row__sum {
    padding-right: 0
}

.documents-select-row-actions {
    display: flex;
    flex-direction: row
}

.documents-select-row-actions button,
.documents-select-row-actions a {
    min-width: auto;
    min-height: auto;
    padding: 0;
    margin-right: 20px;
    text-transform: uppercase
}

.documents-select-row-actions.is-disabled button,
.documents-select-row-actions.is-disabled a {
    color: #919299;
    pointer-events: none
}

.documents-select-row-actions__button button {
    font-size: 22px
}

.documents-select-row-actions__button button .icon {
    height: 22px
}

.documents-select-row-actions__button .only-icon {
    padding: 10px 7px
}

.documents-select-row-info--link .documents-select-row-info__title {
    color: #3859bb;
    text-decoration: none
}

.documents-select-row-info__title {
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (min-width: 768px) {
    .documents-select-row-info__title {
        max-width: 300px
    }
}

@media only screen and (min-width: 1024px) {
    .documents-select-row-info__title {
        max-width: 390px
    }
}

.documents-select-row-info__account {
    display: block;
    max-width: 200px;
    margin-bottom: 2px;
    color: #5f6375;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.documents-select-row-info__account span {
    margin-right: 20px
}

@media only screen and (min-width: 400px) {
    .documents-select-row-info__account {
        max-width: 350px
    }
}

.documents-select-row-info-extra {
    display: block;
    width: 100%;
    padding-right: 10px;
    margin-top: 4px;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.documents-select-row-info-extra .is-status {
    margin-left: 10px
}

.documents-select-row-info__blocked,
.documents-select-row-info__warning {
    width: 100%;
    padding-left: 40px;
    margin-top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

@media only screen and (min-width: 480px) {

    .documents-select-row-info__blocked,
    .documents-select-row-info__warning {
        padding-left: 50px
    }
}

.documents-select-row-info__blocked {
    color: #d7011a
}

.documents-select-row-info__warning {
    color: #d56000
}

.documents-select-row-actions__delete-title {
    text-transform: uppercase;
    color: #3859bb;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.periodic-payment {
    display: block;
    padding: 20px 10px;
    border-top: thin solid #d9dae4
}

.periodic-payment:last-child {
    border-bottom: thin solid #d9dae4
}

@media only screen and (min-width: 768px) {
    .periodic-payment {
        padding: 20px
    }
}

.periodic-payment .converted-sum {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #5f6375
}

.periodic-payment .converted-sum.is-uppercase {
    text-transform: uppercase
}

.periodic-payment-header__number {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    margin-bottom: 4px;
    color: #5f6375;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.periodic-payment-header__number span {
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: .6px
}

.periodic-payment-header__number .converted-sum {
    display: none
}

@media only screen and (min-width: 768px) {
    .periodic-payment-header__number .converted-sum {
        display: block
    }
}

.periodic-payment-header__number-value {
    max-width: 250px;
    padding-right: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media only screen and (min-width: 768px) {
    .periodic-payment-header__number-value {
        max-width: 400px
    }
}

.periodic-payment-header-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.periodic-payment-header-title__remainder {
    color: #000;
    text-transform: uppercase
}

.periodic-header.is-disabled .periodic-payment-header-title__remainder {
    color: #919299
}

.periodic-payment-header__remainder {
    flex: 1 1 0;
    text-align: right;
    color: #000;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.periodic-payment-header__remainder.is-uppercase {
    text-transform: uppercase
}

.periodic-payment-header__remainder.is-desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .periodic-payment-header__remainder.is-desktop {
        display: flex;
        flex-direction: column
    }
}

.periodic-payment-header__remainder.is-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-top: 4px;
    text-align: left
}

.periodic-payment-header__remainder.is-mobile>span:first-child {
    margin-right: 10px
}

@media only screen and (min-width: 768px) {
    .periodic-payment-header__remainder.is-mobile {
        display: none
    }
}

.periodic-payment-header-title__link {
    max-width: 260px;
    padding-right: 10px;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: color .15s ease-in-out;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.periodic-header.is-disabled .periodic-payment-header-title__link {
    color: #919299
}

.periodic-payment-extra {
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.periodic-payment-extra span {
    display: inline
}

.periodic-payment-extra span:not(:last-child):after {
    content: "";
    display: inline-block;
    position: relative;
    width: 2px;
    height: 2px;
    margin: 0 5px 4px;
    border-radius: 50%;
    background: #919299
}

.periodic-payment__comment {
    position: relative;
    width: 100%;
    margin: 2px 0;
    word-break: break-all;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.slick-arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #3859bb;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    font-size: 17px;
    text-align: center
}

.slick-arrow .icon {
    width: 48px;
    height: 17px
}

.slick-arrow.slick-disabled {
    background: #f7f8fa;
    cursor: default;
    color: #919299
}

.contract-change {
    margin-top: 1.5rem
}

.search-input {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.search-input .field-container__field {
    background: #fff;
    height: 37px
}

.search-input__field {
    letter-spacing: -.9px
}

.search-input__field.form-input.has-icon {
    padding-right: 20px;
    padding-left: 31px;
    text-overflow: ellipsis
}

.search-input .form-input-icon {
    left: 0;
    bottom: 8px;
    color: #919299
}

.search-input .form-input-icon .search-input__icon {
    color: #919299
}

.search-input .form-input-icon .search-input__icon .icon-search {
    font-size: 15px;
    height: 16px
}

.search-input__close.button {
    position: absolute;
    right: 0;
    bottom: 8px;
    font-size: 10px;
    color: #919299
}

.claim-card {
    flex-basis: calc(50% - 10px);
    display: flex;
    height: 194px;
    border: thin solid #d9dae4;
    border-radius: 2px
}

@media only screen and (max-width: 1024px) {
    .claim-card {
        height: auto;
        flex-direction: column
    }
}

@media only screen and (max-width: 480px) {
    .claim-card {
        flex-basis: 100%
    }
}

.claim-card__logo {
    width: 144px;
    border-right: 1px solid #d9dae4;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    flex-grow: 0
}

@media only screen and (max-width: 1024px) {
    .claim-card__logo {
        height: 171px;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #d9dae4
    }
}

.claim-card__logo img {
    max-width: 80%;
    max-height: 80%
}

@media only screen and (max-width: 1024px) {
    .claim-card__logo img {
        max-width: 60%;
        max-height: 60%
    }
}

.claim-card__content {
    padding: 30px
}

@media only screen and (max-width: 1024px) {
    .claim-card__content {
        padding: 20px
    }
}

.claim-card__title {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #000;
    margin-bottom: 10px;
    margin-top: 0;
    max-height: 57px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media only screen and (max-width: 1024px) {
    .claim-card__title {
        display: block;
        max-height: -moz-min-content;
        max-height: min-content
    }
}

.claim-card__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #000;
    margin-bottom: 16px;
    max-height: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media only screen and (max-width: 1024px) {
    .claim-card__text {
        display: block;
        max-height: -moz-min-content;
        max-height: min-content
    }
}

.claim-card__link {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    text-transform: uppercase;
    color: #3859bb
}

.claim-card__link:hover {
    text-decoration: underline
}

.claims {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.claims__title {
    margin-bottom: 21px;
    text-align: center
}

@media only screen and (max-width: 480px) {
    .claims__title {
        text-align: left
    }
}

.claims__cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 43px;
    margin-bottom: 43px
}

@media only screen and (max-width: 480px) {
    .claims__cards {
        margin-top: 27px
    }
}

.claims__no-results {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.claims__show-more {
    text-align: center
}

.claims__show-more .button {
    margin: 0 auto
}

.pin-code {
    text-align: center;
    color: #000
}

.pin-code__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 38px
}

.pin-code__pin {
    margin-bottom: 19px;
    font-weight: 500;
    font-size: 42px;
    line-height: 49px
}

.pin-code__notice {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.pin-code__frame {
    width: 100%;
    height: 400px;
    overflow: hidden;
    border: none;
    margin-bottom: 60px
}

@media only screen and (max-width: 768px) {
    .pin-code__frame {
        height: 300px
    }
}

.table {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    border: 1px solid #d9dae4;
    border-collapse: collapse;
    text-align: left;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    .table {
        width: 100%;
        border: none
    }
}

@media only screen and (max-width: 1024px) {
    .table__row {
        display: flex;
        flex-direction: column;
        border: 1px solid #d9dae4
    }
}

@media only screen and (min-width: 768px) {
    .table__row>* {
        padding: 14px 12px
    }
}

.table__thead {
    background: #f7f8fa
}

.table__header {
    border: 1px solid #d9dae4
}

.table__data {
    min-height: 46px;
    border: 1px solid #d9dae4
}

@media only screen and (max-width: 1024px) {
    .table__data {
        border: none
    }
}

.table__footer {
    display: flex;
    justify-content: center;
    border-right: 1px solid #d9dae4;
    border-bottom: 1px solid #d9dae4;
    border-left: 1px solid #d9dae4;
    padding: 18px 0
}

@media only screen and (max-width: 1024px) {
    .table__footer {
        margin-top: 10px;
        border: 1px solid #d9dae4
    }
}

.table .sortable-column {
    display: flex;
    flex-direction: row;
    gap: .75rem;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

.table .sortable-column__title {
    font-weight: 500;
    font-size: .875rem
}

.table .sortable-column__sort {
    display: flex;
    flex-direction: column;
    align-items: center
}

.table .sortable-column__sort .icon {
    color: #5f6375;
    font-size: .625rem
}

@media only screen and (max-width: 1024px) {
    .table .hide-row-md {
        display: none !important
    }
}

@media only screen and (min-width: 1025px) {
    .table .show-row-md {
        display: none !important
    }
}

@media print {
    .table table {
        page-break-after: auto;
        page-break-before: auto
    }

    .table tr {
        page-break-inside: avoid;
        page-break-after: auto
    }

    .table thead {
        display: table-header-group
    }
}

.file-suggestion {
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: 100%;
    gap: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.file-suggestion__content-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 auto;
    overflow: hidden;
    gap: 2px
}

.file-suggestion__content-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 1 1 0;
    padding-right: 0;
    white-space: nowrap;
    gap: 2px
}

.file-suggestion__item {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.file-suggestion__item--grey {
    color: #5f6375
}

.file-suggestion__item--hover-blue {
    transition: color .15s ease-in-out
}

.file-suggestion__currency {
    margin-left: 3px;
    text-transform: uppercase
}

.badge {
    display: inline-block;
    color: #000;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.badge--primary {
    background-color: #dde8ff;
    color: #4c47c0
}

.badge--success {
    background-color: #ebfff5;
    color: #06815e
}

.badge--danger {
    background-color: #ffe5e8;
    color: #d7011a
}

.badge--warning {
    background-color: #fff2e5;
    color: #d56000
}

.badge--small {
    border-radius: 2px;
    padding: 1px 3px
}

.badge--medium {
    border-radius: 4px;
    padding: 7px 21px;
    font-weight: 500
}

.card-simple {
    background-color: #fff;
    box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14;
    min-width: -moz-min-content;
    min-width: min-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.card-simple.card-simple--grey {
    background-color: #f7f8fa
}

.card-simple.card-simple--active {
    border: 2px solid #06815e
}

.card-simple.card-simple--medium {
    width: 275px;
    min-width: 275px
}

.card-simple__header {
    position: relative;
    border-bottom: thin solid #d9dae4
}

.card-simple__header.card-simple__header--service-plans {
    padding: 5px 30px;
    min-height: 85px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center
}

.card-simple__header-content--table-card {
    padding: 30px 20px;
    text-align: center;
    background-color: #f5f6fa
}

.card-simple--grey .card-simple__header-content--table-card {
    background-color: #f7f8fa
}

.card-simple__header-badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

.card-simple__title {
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.card-simple.card-simple--new .card-simple__title {
    padding-right: 65px
}

.card-simple__body.card-simple__body--padded {
    padding: 30px
}

.card-simple__list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.card-simple__list.card-simple__list--features {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.card-simple__list.card-simple__list--table .li {
    border-bottom: 1px solid #d9dae4;
    padding: 16px
}

.card-simple__list.card-simple__list--table .li:last-of-type {
    border-bottom: none
}

.card-simple__info-wrap {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    justify-content: space-between
}

.card-simple__info-wrap--table-card {
    align-items: center;
    padding-bottom: 5px
}

.card-simple__info-wrap .tooltip-wrap {
    line-height: 0
}

.card-simple__info-text {
    padding-bottom: 5px
}

.card-simple__date {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.card-simple__footer {
    padding: 30px;
    border-top: thin solid #d9dae4;
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    gap: 15px;
    align-items: center;
    justify-content: center
}

.card-simple__footer.card-simple__footer--cancel {
    flex-direction: column;
    gap: 4px
}

.card-simple__footer.card-simple__footer--text-only {
    justify-content: start
}

.card-simple__footer.card-simple__footer--link {
    padding: 16px
}

.card-simple__footer.card-simple__footer--link .card-simple__footer-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.card-simple__status-flag {
    position: absolute;
    top: 30px;
    right: -5px;
    max-width: 85px
}

.simple-card-list {
    display: flex;
    gap: 20px
}

.status-flag {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    display: inline-block;
    background-color: #ff7c2a;
    color: #fff;
    border-radius: 1px;
    padding: 7px 21px 7px 24px;
    position: relative
}

.status-flag:after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 0;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #d56000
}

.service-plans-slider {
    padding-bottom: 62px
}

@media screen and (max-width: 1023px) {
    .service-plans-slider {
        padding-top: 62px;
        padding-bottom: 0
    }
}

.service-plans-slider--with-info {
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr minmax(0, 3fr)
}

@media screen and (max-width: 1023px) {
    .service-plans-slider--with-info {
        grid-template-columns: minmax(0, 1fr)
    }
}

.service-plans-slider__info-card {
    display: flex
}

@media screen and (max-width: 1023px) {
    .service-plans-slider__info-card {
        display: none
    }
}

.service-plans-slider__slick-wrapper {
    position: relative
}

.service-plans-slider__slick-wrapper .slick-slider {
    height: 100%
}

.service-plans-slider__slick-wrapper .slick-dots {
    position: absolute;
    top: 100%;
    display: flex !important;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 30px 0 0;
    margin: 0;
    list-style: none
}

@media screen and (max-width: 1023px) {
    .service-plans-slider__slick-wrapper .slick-dots {
        top: -82px
    }
}

.service-plans-slider__slick-wrapper .slick-dots li {
    position: relative;
    width: 26px;
    height: 10px;
    border-radius: 300px;
    border: 1px solid #3859bb;
    background-color: #fff
}

.service-plans-slider__slick-wrapper .slick-dots button {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    font-size: 0
}

.service-plans-slider__slick-wrapper .slick-dots .slick-active {
    background-color: #3859bb
}

.service-plans-slider__slick-wrapper .slick-arrow {
    width: 40px;
    height: 40px
}

.service-plans-slider__slick-wrapper .slick-arrow .icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px
}

@media only screen and (min-width: 1366px) {
    .service-plans-slider__slick-wrapper .slick-arrow {
        display: flex
    }
}

.service-plans-slider__slick-wrapper .slick-prev {
    left: -15px
}

.service-plans-slider__slick-wrapper .slick-prev .icon-container,
.service-plans-slider__slick-wrapper .slick-prev .button-icon {
    transform: rotate(-180deg);
    margin-right: 3px
}

@media only screen and (max-width: 1023px) {
    .service-plans-slider__slick-wrapper .slick-prev {
        top: -67px;
        left: 10px
    }
}

.service-plans-slider__slick-wrapper .slick-next {
    right: -15px
}

.service-plans-slider__slick-wrapper .slick-next .icon-container,
.service-plans-slider__slick-wrapper .slick-next .button-icon {
    margin-left: 3px
}

@media only screen and (max-width: 1023px) {
    .service-plans-slider__slick-wrapper .slick-next {
        right: 10px;
        top: -67px
    }
}

.service-plans-slider__slick-wrapper .slick-list {
    overflow: hidden
}

.service-plans-slider__slick-wrapper .slick-track {
    height: 100%;
    display: flex;
    margin-left: 0
}

.service-plans-slider__slick-wrapper .slick-slide {
    height: auto;
    padding: 0 10px
}

.service-plans-slider__slick-wrapper .slick-slide>div {
    height: 100%;
    display: flex
}

.service-plans-slider__slick-wrapper .slick-list {
    padding-top: 20px;
    padding-bottom: 15px;
    height: 100%
}

.device-login-info {
    display: flex;
    align-items: center;
    gap: 8px
}

.device-login-info__icon {
    line-height: 0
}

.device-login-info__icon .icon {
    font-size: 20px;
    width: 22px;
    height: 22px
}

.device-login-info__value {
    line-height: 24px
}

.device-login-info__label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #919299
}

.state-message {
    margin: 40px 0 21px;
    text-align: center
}

@media only screen and (min-width: 480px) {
    .state-message {
        margin: 40px 0 18px
    }
}

.state-message__icon {
    margin-bottom: 18px
}

.state-message__icon .icon {
    font-size: 60px
}

.state-message__icon .icon-check-circle {
    color: #06815e
}

.state-message__icon .icon-clock {
    color: #d56000
}

.state-message__icon .icon-periodic-payment-cancel,
.state-message__icon .icon-x-circle {
    color: #d7011a
}

.state-message__message {
    margin: 0 auto 9px;
    max-width: 600px;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (max-width: 768px) {
    .state-message__message {
        margin-bottom: 30px
    }
}

.contact-list-item {
    display: flex;
    gap: 6px;
    justify-content: space-between;
    align-items: center;
    border-top: thin solid #d9dae4;
    padding: 12px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.contact-list-item:last-of-type {
    border-bottom: thin solid #d9dae4
}

.contact-list-item--simple {
    display: inline-flex;
    padding: 0;
    border-top: none
}

.contact-list-item--simple:last-of-type {
    border-bottom: none
}

.contact-list-item:hover,
.contact-list-item:focus {
    background: #f7f8fa;
    cursor: pointer
}

.contact-list-item:hover .contact-list-item__icon-right,
.contact-list-item:focus .contact-list-item__icon-right {
    color: #021947
}

.contact-list-item__body {
    display: flex;
    align-items: center;
    gap: 16px
}

.contact-list-item__circle {
    background: #eff3ff;
    color: #3859bb;
    min-width: 40px;
    min-height: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .4s ease, color .1s ease
}

.contact-list-item__icon-right {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #3859bb
}

.contacts-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.contact-list__title {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #919299
}

.radio-contact-item {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    border-top: thin solid #d9dae4;
    padding: 12px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.radio-contact-item:last-of-type {
    border-bottom: thin solid #d9dae4
}

.radio-contact-item__button .button {
    font-size: 19px
}

.radio-contact-item__circle {
    background: #f5f6fa;
    color: #3859bb;
    min-width: 40px;
    min-height: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.radio-contacts-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.radio-contacts-list__title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.radio-contacts-list__title .icon {
    color: #919299
}

.choose-default {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 180px
}

.choose-default__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.choose-default__label .icon {
    color: #919299
}

.choose-default__body {
    padding: 20px 25px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: thin solid #d9dae4;
    border-top: thin solid #d9dae4
}

.choose-default__value {
    color: #919299;
    flex: 1 1 100px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.title {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto 40px;
    text-align: center
}

.title .title__primary {
    margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
    .title .title__primary {
        margin-bottom: 15px
    }
}

.title .title__subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px;
    color: #5f6375
}

@media only screen and (max-width: 768px) {
    .title {
        padding: 0;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 768px) {
    .title {
        margin: 0 auto 40px
    }
}

@media only screen and (min-width: 1024px) {
    .title {
        width: 740px;
        padding: 0 25px
    }
}

.plans-table-wrapper {
    padding-top: 15px;
    overflow: hidden
}

.plans-table-wrapper.has-no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.plans-table-wrapper.has-no-scrollbar::-webkit-scrollbar {
    display: none
}

.plans-table {
    width: 100%;
    height: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #d9dae4
}

.plans-table.is-auto-width {
    width: auto
}

.plans-table__column {
    width: 260px
}

.is-auto-width .plans-table__column {
    width: 283px
}

.plans-table__column.is-active {
    background-color: #f7f8fa
}

.plans-table__column.is-first {
    text-align: left
}

.is-auto-width .plans-table__column.is-first {
    width: 270px
}

.plans-table__header {
    background-color: #f7f8fa
}

.plans-table__service-option {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between
}

.plans-table__service-info-text {
    padding-top: 6px
}

.plans-table__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.plans-table__cell {
    border-bottom: 1px solid #d9dae4;
    border-right: 1px solid #d9dae4
}

.plans-table__cell.is-shadowed {
    box-shadow: 2px 2px 5px #34495e14
}

.plans-table__cell:first-child {
    border-left: 1px solid #d9dae4;
    z-index: 3;
    position: sticky;
    left: 0;
    background-color: #fff
}

.plans-table__cell--column-heading {
    min-width: 260px;
    max-width: 260px;
    padding: 30px 20px;
    text-align: center;
    position: relative
}

.plans-table__cell--column-heading:first-child:before {
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 1px solid #d9dae4;
    background-color: #fff;
    z-index: 1;
    left: -1px;
    top: -21px;
    width: calc(100% + 2px);
    height: 20px
}

.plans-table__cell--column-heading.is-active {
    background-color: #f7f8fa
}

.plans-table__cell--row-heading {
    color: #5f6375;
    font-weight: 400
}

.plans-table__body .plans-table__cell {
    text-align: left;
    padding: 16px
}

.plans-table__footer .plans-table__cell {
    padding: 16px
}

.plans-table__badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

.table-navigation {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: center
}

.table-navigation .table-navigation__arrow-prev {
    transform: rotate(-180deg);
    margin-right: 3px
}

.table-navigation .table-navigation__arrow-next {
    margin-left: 3px
}

.table-navigation .table-navigation__bullet-group {
    display: flex;
    align-items: center;
    gap: 8px
}

.pricing-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 16px
}

.pricing-block__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.pricing-block__title .button {
    line-height: 24px;
    font-weight: 500;
    color: #000
}

.pricing-block__title .button:hover .icon,
.pricing-block__title .button:focus .icon {
    color: #021947
}

.pricing-block__title .icon {
    color: #3859bb
}

.pricing-block__price {
    font-weight: 500;
    line-height: 24px
}

.pricing-block__date {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.pricing-block__content {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.pricing-block__content .button {
    margin: 0 auto
}

.pricing-block__content--card {
    min-height: 120px
}

.slider-bullet {
    cursor: pointer
}

.slider-bullet:hover,
.slider-bullet:focus {
    background: #f7f8fa;
    transition: background .1s, border .1s
}

.slider-bullet.is-active {
    background-color: #3859bb
}

.slider-bullet.is-active:hover {
    border: 1px solid #3859bb;
    background: #3859bb;
    transition: background .3s, border .3s
}

.slider-bullet.is-active:focus {
    border: 1px solid #3859bb;
    background: #3859bb;
    transition: background .3s, border .3s
}

.slider-bullet--rectangle {
    width: 44px;
    height: 10px;
    border-radius: 300px;
    border: 1px solid #3859bb;
    background-color: #fff
}

.slider-bullet--circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: gray
}

.simple-accordion .icon-chevron-down {
    color: #3859bb;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.simple-accordion .icon-chevron-down.is-opened {
    transform: rotate(180deg)
}

.simple-accordion__item {
    border-top: 1px solid #e5e7ea;
    padding: 20px 0
}

.simple-accordion__header {
    line-height: 24px;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.simple-accordion__actions {
    display: flex;
    gap: 16px;
    align-items: center;
    cursor: pointer;
    padding-right: 16px
}

.signature-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.signature-status .icon-check {
    color: #06815e;
    font-size: 20px
}

.signature-status .icon-clock {
    color: #d56000;
    font-size: 20px
}

.signature-status__title {
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 1px
}

.signature-status__icons-list {
    display: flex;
    gap: 16px;
    align-items: center;
    cursor: pointer
}

.signature-status__subtitle {
    line-height: 24px
}

.signature-status__subtitle--grey {
    color: #919299
}

.signature-status-group {
    display: flex;
    gap: 14px;
    flex-direction: column
}

.accounts-item--default .accounts-item__wrapper-header-content {
    max-width: 260px
}

.accounts-item--default.light {
    background-color: #f7f8fa
}

.accounts-item--default .accounts-item-header {
    display: flex;
    justify-content: space-between;
    gap: 10px
}

.accounts-item--default .accounts-item__wrapper-right {
    text-align: right
}

.accounts-item--default .accounts-item-header__number-calculated {
    color: #5f6375;
    text-align: right;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.check-all {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between
}

.check-all.has-padding {
    padding: 20px
}

.check-all__checkbox-wrapper {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-basis: 200px;
    gap: 15px
}

.check-all__content.is-disabled {
    color: #919299
}

.check-all__checkbox .checkbox {
    margin-bottom: 0
}

.check-all__checkbox .checkbox.is-disabled {
    opacity: .6
}

.check-all__actions {
    display: flex;
    flex-direction: row;
    gap: 6px
}

.check-all__actions button,
.check-all__actions a {
    min-width: auto;
    min-height: auto;
    padding: 0;
    text-transform: uppercase
}

.check-all__actions.is-disabled button,
.check-all__actions.is-disabled a {
    color: #919299;
    pointer-events: none
}

.checked-count.has-border-bottom {
    border-bottom: thin solid #d9dae4
}

.checked-count__row {
    padding: 11px 15px;
    margin-bottom: 10px;
    text-align: center;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.checked-count__row .button {
    border-radius: 0
}

.checked-count__row .preloader {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top
}

.login {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr
}

@media only screen and (min-width: 1024px) {
    .login {
        grid-template-columns: 40% 60%
    }
}

.login__image {
    border-radius: 16px;
    margin: 16px 0 18px;
    position: relative;
    order: 2
}

@media only screen and (min-width: 480px) {
    .login__image {
        margin: 16px 48px 48px
    }
}

@media only screen and (min-width: 1024px) {
    .login__image {
        height: 588px;
        margin: 16px;
        order: 0
    }
}

.login__image .login-img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    -o-object-position: 65%;
    object-position: 65%;
    height: 420px
}

@media only screen and (min-width: 1024px) {
    .login__image .login-img {
        height: 100%
    }
}

.login__image--text-content {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    display: flex;
    flex-direction: column;
    color: #fff;
    -moz-column-gap: 24px;
    column-gap: 24px
}

@media only screen and (min-width: 1024px) {
    .login__image--text-content {
        flex-direction: row;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1366px) {
    .login__image--text-content {
        bottom: 32px;
        left: 32px;
        right: 32px
    }
}

.login__image--text-content .image-title {
    font-weight: 400;
    margin-bottom: 8px
}

.login__image--text-content .image-title__secondary {
    font-family: Georgia, sans-serif
}

.login__image--text-content .image-apps {
    margin-top: 24px
}

.login__image--text-content .image-apps img {
    height: 36px
}

.login__image--text-content .image-apps .google-play {
    margin-right: 8px
}

.login__image--text-content .image-subtitle {
    max-width: 313px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.login__image--text-content .login-qr-code {
    width: 112px;
    height: 112px
}

.login__content {
    padding: 20px 0 16px
}

.login__content .tabs-navigation-item {
    padding: 0 12px
}

@media only screen and (min-width: 480px) {
    .login__content {
        padding: 64px 20px 16px
    }
}

@media only screen and (min-width: 768px) {
    .login__content {
        padding: 64px 48px 16px
    }
}

@media only screen and (min-width: 1024px) {
    .login__content {
        padding: 64px 20px
    }

    .login__content .tabs-navigation-item {
        padding: 0 15px
    }
}

@media only screen and (min-width: 1366px) {
    .login__content {
        padding: 64px 48px
    }

    .login__content .tabs-navigation-item {
        padding: 0 15px
    }
}

.login__additional-content {
    padding: 16px 0 22px;
    width: 100%;
    grid-column: span 2
}

@media only screen and (min-width: 480px) {
    .login__additional-content {
        padding: 16px 48px 22px
    }
}

@media only screen and (min-width: 1024px) {
    .login__additional-content {
        padding: 20px 16px 16px
    }
}

.login-title {
    margin-bottom: 20px;
    color: #000;
    text-align: center
}

.login-title .title-primary {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .login-title .title-primary {
        font-weight: 500;
        font-size: 36px;
        line-height: 44px
    }
}

.login-title__message {
    margin-top: 25px
}

.login-button-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 6px;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .login-button-wrap {
        margin-bottom: 16px
    }
}

.login-button-wrap .button {
    margin-top: 12px;
    margin-bottom: 32px;
    width: 136px
}

.login-button-wrap .button:not(:first-of-type) {
    margin-left: 20px
}

.login-button-wrap__links {
    margin-top: 32px
}

.login-button-wrap__links a:first-child {
    margin-right: 20px
}

.login-button-wrap__info {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    text-align: center;
    color: #919299
}

.login-content {
    padding-top: 20px
}

.login-content .field-container {
    margin-bottom: 20px
}

.login-content--mb-0 .field-container:last-child {
    margin-bottom: 0
}

.login-content-form {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.login-content-form .field-container {
    width: 100%;
    max-width: 360px
}

@media only screen and (max-width: 768px) {
    .login-content-form .form-input.is-focused-sm {
        border-bottom: 2px solid #0054a4;
        margin-bottom: -1px
    }

    .login-content-form .form-input.is-focused-sm+label {
        top: 7px;
        color: #3859bb;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: .24px
    }
}

.login-content-image {
    display: block;
    width: 100%;
    background: #f7f8fa;
    background-position: center center;
    background-size: cover
}

.login-flash-messages {
    max-width: 740px;
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 480px)and (max-width: 767px) {
    .login-flash-messages {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

.login-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.confirmation {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .confirmation {
        max-width: 580px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .confirmation {
        max-width: 740px
    }
}

.confirmation .buttons-group {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 360px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .confirmation .buttons-group {
        flex-direction: row;
        max-width: none
    }
}

.confirmation .buttons-group .button {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
}

.confirmation .buttons-group .button:last-child {
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .confirmation .buttons-group .button {
        width: auto;
        margin-right: 20px;
        margin-bottom: 0
    }
}

.confirmation-title {
    color: #000;
    text-align: center;
    margin-top: 0;
    margin-bottom: 25px
}

@media only screen and (min-width: 768px) {
    .confirmation-title {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .confirmation-title {
        padding-top: 0
    }
}

.confirmation-text {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.confirmation-text.secondary {
    line-height: 16px;
    margin-bottom: 40px
}

@media only screen and (max-width: 768px) {
    .confirmation-text.secondary {
        margin-bottom: 49px
    }
}

.confirmation-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto 30px;
    text-align: left
}

.confirmation-form.is-block {
    display: block
}

.confirmation-form.is-mobile-change {
    flex-direction: row
}

.confirmation-form.is-mobile-change .button {
    margin-top: -12px;
    padding-right: 0
}

.confirmation-form.is-mobile-change .field-container {
    min-width: auto
}

@media only screen and (min-width: 480px) {
    .confirmation-form.is-mobile-change {
        width: 340px
    }

    .confirmation-form.is-mobile-change .field-container {
        min-width: 100%
    }

    .confirmation-form.is-mobile-change .button {
        padding-right: 20px
    }
}

.confirmation-form .field-container {
    flex-grow: 1;
    min-width: 100%;
    margin-bottom: 12px
}

.confirmation-form .field-container:last-child {
    margin-bottom: 0
}

.confirmation-form .button {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 80px
}

.confirmation-form .button:not(.only-icon) {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 80px
}

.confirmation-form .checkbox {
    margin-top: 20px
}

.confirmation-form .checkbox-wrap__checkmark {
    margin-top: 5px
}

.confirmation-form .checkbox-wrap__label {
    line-height: 21px
}

@media only screen and (min-width: 480px) {
    .confirmation-form {
        width: 360px
    }
}

.confirmation-form.is-pin .field-container__field {
    min-height: 56px;
    background: #f7f8fa;
    border-radius: 4px 4px 0 0
}

.confirmation-form.is-pin .field-container__label,
.confirmation-form.is-pin .form-input {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.confirmation-form.is-pin .field-container__label {
    left: 12px
}

.confirmation-form.is-pin .form-input {
    min-height: 56px;
    padding-left: 12px
}

.confirmation-confirm {
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.confirmation-confirm .confirmation-text {
    width: 100%;
    max-width: 360px;
    margin: 0 auto 32px;
    color: #5f6375
}

@media only screen and (min-width: 768px) {
    .confirmation-confirm .confirmation-text {
        margin: 0 auto 40px
    }
}

.confirmation-confirm__title {
    margin-bottom: 10px
}

.confirmation-confirm__title.is-pin {
    color: #5f6375;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.confirmation-confirm__title.secondary {
    color: #919299;
    margin-bottom: 2px
}

.confirmation-confirm__timer {
    margin-bottom: 15px
}

.confirmation-confirm__timer.secondary {
    margin-bottom: 42px;
    line-height: 16px
}

.confirmation-confirm__code {
    font-weight: 400;
    font-size: 48px;
    line-height: 58px;
    color: #000;
    margin-bottom: 20px
}

.confirmation-confirm__code.is-pin {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 30px
}

.confirmation-confirm__code.secondary {
    color: #000;
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 19px
}

.confirmation-flash-messages .flash-message {
    text-align: left
}

.confirmation-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 20px
}

.confirmation-flash-messages.secondary .flash-message-wrap:last-child {
    margin-bottom: 44px
}

@media only screen and (max-width: 768px) {
    .confirmation-flash-messages.secondary .flash-message-wrap:last-child {
        margin-bottom: 50px
    }
}

.login-navigation {
    display: none;
    justify-content: center;
    margin-bottom: 20px;
    background: #f7f8fa;
    border-bottom: thin solid #d9dae4
}

@media only screen and (min-width: 768px) {
    .login-navigation.is-desktop {
        display: flex
    }
}

.login-navigation.is-mobile {
    display: block;
    border-bottom: none
}

@media only screen and (min-width: 480px)and (max-width: 769px) {
    .login-navigation.is-mobile {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 768px) {
    .login-navigation.is-mobile {
        display: none
    }
}

.login-navigation .tabs-navigation-item__label {
    white-space: normal;
    text-wrap: balance
}

.main-nav,
.main-nav-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

.main-nav__link {
    display: flex;
    width: 100%;
    min-height: 130px;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14;
    border-radius: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

@media only screen and (min-width: 768px) {
    .main-nav__link {
        width: 30%;
        margin-right: 3%
    }
}

.main-nav-item__title {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px
}

.recipients-wrap {
    position: relative
}

.recipients-content-container {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1024px) {
    .recipients-content-container {
        max-width: 460px
    }
}

.recipients-content-header {
    text-align: center;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .recipients-content-header {
        display: flex;
        margin-top: 30px;
        margin-bottom: 10px
    }
}

.recipients-content-header-text {
    max-width: 740px;
    margin: 0 auto 20px
}

@media only screen and (max-width: 1024px) {
    .recipients-content-header-text {
        max-width: 580px
    }
}

.recipients-content-header-text__title {
    margin-bottom: 15px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .recipients-content-header-text__title {
        padding: 0 200px;
        margin-bottom: 25px;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px
    }
}

.recipients-content-header-text__subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    text-align: center
}

.recipients-content-header__button .button {
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .recipients-content-header__button {
        position: absolute;
        right: 64px
    }
}

.recipients-content-container-head {
    min-height: 79px
}

.recipients-content-search-wrap {
    background: #fff
}

.recipients-content-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.recipients-content-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px;
    max-width: 550px
}

.recipients-content-search .field-container__field {
    background: none
}

.recipients-content-search-wrap.is-sticky .recipients-content-search {
    box-shadow: 0 4px 4px -4px #34495e14, 0 16px 16px -16px #34495e14;
    padding: 10px 10px 15px
}

@media only screen and (min-width: 768px) {
    .recipients-content-search-wrap.is-sticky .recipients-content-search {
        padding: 12px 0
    }
}

@media only screen and (max-width: 1024px) {
    .recipients-content-search {
        max-width: 460px
    }
}

.recipients-content-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recipients-content-search .form-input-icon {
    left: 0
}

.recipients-content-search .form-input-icon button:focus {
    background: none
}

.recipients-content-search .form-input-icon button:focus i {
    color: #3859bb
}

.recipients-content-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.recipients-content-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.recipients-content-search .button:focus {
    background-color: #0000
}

.recipients-content-search__icon-right {
    position: absolute;
    right: 0;
    top: 25px
}

.recipients-content-search__icon-right.button:focus {
    background-color: #0000
}

.recipients-content-search__icon-right .icon {
    height: 12px;
    color: #919299;
    font-size: 12px;
    line-height: normal
}

.recipients-content-search__icon-right .icon-close-blue {
    margin-right: 4px
}

.is-sticky .recipients-content-search__icon-right {
    top: 40px;
    right: 0
}

.recipients-content-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.recipient-selected-count {
    border-bottom: thin solid #d9dae4
}

.recipient-selected-count-block {
    padding: 11px 15px;
    margin-bottom: 10px;
    text-align: center;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.recipient-selected-count-block .button {
    border-radius: 0
}

.recipient-selected-count-block .preloader {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top
}

.recipients-select__show-more {
    text-align: center;
    margin-top: 10px;
    display: flex;
    justify-content: center
}

.recipients-flash-messages {
    max-width: 580px;
    margin: 20px auto
}

@media only screen and (min-width: 768px) {
    .recipients-flash-messages {
        margin-top: 0;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .recipients-flash-messages {
        max-width: 740px
    }
}

.recipients-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.recipients-list-empty {
    display: block;
    color: #000;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.recipients-list-empty .icon {
    margin-bottom: 15px;
    color: #d9dae4;
    font-size: 35px
}

.recipients-list-empty__title {
    margin-bottom: 5px;
    font-weight: 500
}

.dashboard-wrap {
    margin-left: -5px;
    margin-right: -5px
}

@media only screen and (min-width: 768px) {
    .dashboard-wrap {
        padding-top: 20px;
        margin-left: -10px;
        margin-right: -10px
    }
}

@media only screen and (min-width: 1366px) {
    .dashboard-wrap {
        margin-left: -11px;
        margin-right: -11px
    }
}

@media only screen and (min-width: 1920px) {
    .dashboard-wrap {
        margin-left: -12px;
        margin-right: -12px
    }
}

.dashboard {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 440px;
    margin: 0 auto
}

.dashboard .currency {
    margin-left: 3px;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .dashboard {
        max-width: 100%
    }
}

.dashboard-flash-messages .flash-message-wrap {
    margin: 0 auto
}

.dashboard-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .dashboard-flash-messages .flash-message-wrap:last-child {
        margin-bottom: 0
    }
}

.dashboard-card {
    width: 33%;
    padding: 0 5px;
    margin-bottom: 10px;
    float: left
}

.dashboard-card.is-full-width {
    width: 100%;
    margin-bottom: 20px
}

.dashboard-card:nth-child(3n+4) {
    width: calc(33.3333% - 1px);
    padding-right: 4px
}

@media only screen and (min-width: 768px) {
    .dashboard-card {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px
    }

    .dashboard-card.is-full-width {
        width: 50%
    }

    .dashboard-card:nth-child(3n+4) {
        width: 50%;
        padding-right: 10px
    }
}

@media only screen and (min-width: 1025px) {

    .dashboard-card,
    .dashboard-card.is-full-width {
        width: 33.3333%
    }

    .dashboard-card:nth-child(3n+4) {
        width: 33.3333%
    }
}

@media only screen and (min-width: 1920px) {

    .dashboard-card,
    .dashboard-card.is-full-width {
        width: 25%
    }

    .dashboard-card:nth-child(3n+4) {
        width: 25%
    }
}

.accounts .accounts-item-header-title__link {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts .accounts-item-header__number,
.accounts .accounts-item-header__number input {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.accounts .accounts-item-header-title__remainder {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-remainder {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 10px
}

@media only screen and (min-width: 768px) {
    .accounts-remainder {
        padding: 20px 30px 10px
    }
}

@media only screen and (min-width: 1366px) {
    .accounts-remainder {
        padding: 20px 40px 10px
    }
}

.accounts-remainder .tooltip-wrap {
    position: absolute;
    height: 19px;
    margin-left: 5px;
    vertical-align: top
}

.accounts-remainder .tooltip-wrap .icon {
    height: 19px;
    line-height: normal;
    vertical-align: baseline
}

.accounts-remainder-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-weight: 500
}

.accounts-remainder-item.is-visible-accounts {
    margin-bottom: 15px;
    font-weight: 400
}

@media only screen and (min-width: 1024px) {
    .accounts-remainder-item.is-visible-accounts {
        margin-bottom: 10px
    }
}

.accounts-remainder-item__title {
    position: relative;
    max-width: 150px;
    padding-right: 10px
}

@media only screen and (min-width: 480px) {
    .accounts-remainder-item__title {
        max-width: none
    }
}

@media only screen and (min-width: 768px) {
    .accounts-remainder-item__title {
        max-width: 150px
    }
}

@media only screen and (min-width: 1024px) {
    .accounts-remainder-item__title {
        padding-right: 15px
    }
}

.accounts-empty {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .accounts-empty {
        padding: 20px 30px
    }
}

@media only screen and (min-width: 1366px) {
    .accounts-empty {
        padding: 20px 40px
    }
}

.accounts-empty__item:first-child {
    margin-bottom: 20px
}

.accounts-button {
    display: flex;
    padding: 20px 0 40px;
    text-align: center
}

.accounts-button .button {
    margin: 0 auto
}

.accounts-item {
    display: block
}

.accounts-item.has-reserved {
    cursor: default
}

.accounts-item .accounts-item-header-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.accounts-item-header {
    display: block;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .accounts-item-header.has-static-padding {
        padding: 20px
    }
}

@media only screen and (min-width: 1366px) {
    .accounts-item-header.has-static-padding {
        padding: 20px
    }
}

@media only screen and (min-width: 768px) {
    .accounts-item-header {
        padding: 20px 30px
    }
}

@media only screen and (min-width: 1366px) {
    .accounts-item-header {
        padding: 20px 40px
    }
}

.accounts-item-header:focus {
    background-color: #f7f8fa
}

.accounts-item-header:focus+.accounts-item-extra {
    background-color: #f7f8fa
}

.accounts-item-header.has-extra-content {
    padding-bottom: 0
}

.accounts-item-header__number {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    margin-bottom: 4px;
    color: #5f6375;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-item-header__number span {
    text-overflow: ellipsis;
    overflow: hidden
}

.accounts-item-header__number.is-desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .accounts-item-header__number.is-desktop {
        display: flex
    }
}

.accounts-item-header__number.is-mobile {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-left: 10px;
    margin-top: 4px;
    text-align: left
}

@media only screen and (min-width: 768px) {
    .accounts-item-header__number.is-mobile {
        display: none
    }
}

.accounts-item-header.is-disabled .accounts-item-header__number {
    color: #919299
}

.accounts-item-header__number .accounts-item-header__number-manager {
    text-transform: none
}

.accounts-item-header__number-value {
    max-width: 250px;
    padding-right: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .accounts-item-header__number-value {
        max-width: 400px
    }
}

.accounts-item-header-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.accounts-item-header__upper-text {
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-item-header-title__remainder {
    color: #000;
    text-transform: uppercase
}

.accounts-item-header__content {
    display: flex;
    flex-direction: column
}

.accounts-item-header__remainder {
    flex: 1 1 0;
    padding-right: 20px;
    text-transform: uppercase;
    text-align: right;
    color: #000;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-item-header__remainder.is-desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .accounts-item-header__remainder.is-desktop {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-end
    }
}

.accounts-item-header__remainder.is-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-left: 10px;
    margin-top: 4px;
    text-align: left
}

.accounts-item-header__remainder.is-mobile span:first-child {
    margin-right: 10px
}

@media only screen and (min-width: 768px) {
    .accounts-item-header__remainder.is-mobile {
        display: none
    }
}

.accounts-item-header__remainder .converted-sum {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #5f6375
}

.accounts-item-header-title__link {
    max-width: 260px;
    padding-right: 10px;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: color .15s ease-in-out;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-item-header.is-disabled .accounts-item-header-title__link {
    color: #919299
}

.accounts-item-extra {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 20px 20px;
    line-height: 20px
}

@media only screen and (min-width: 768px) {
    .accounts-item-extra.has-static-padding {
        padding: 5px 20px 20px
    }
}

@media only screen and (min-width: 1366px) {
    .accounts-item-extra.has-static-padding {
        padding: 5px 20px 20px
    }
}

@media only screen and (min-width: 768px) {
    .accounts-item-extra {
        padding: 5px 30px 20px
    }
}

@media only screen and (min-width: 1366px) {
    .accounts-item-extra {
        padding: 5px 40px 20px
    }
}

.accounts-item-extra.has-reserved {
    z-index: 21
}

.accounts-item-extra a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.accounts-item-extra__blocked {
    color: #d7011a
}

.accounts-item-extra__blocked:hover,
.accounts-item-extra__blocked:focus {
    color: #d7011a
}

.accounts-item-extra__cards {
    display: flex;
    align-items: center;
    color: #5f6375
}

.accounts-item-extra__cards.has-reserved {
    max-height: 20px;
    align-items: flex-start
}

.accounts-item-extra__cards img {
    width: 26px;
    margin-right: 10px
}

.accounts-item-extra__cards:hover {
    color: #5f6375
}

.accounts-item-extra__cards-text {
    display: flex;
    flex-direction: column;
    line-height: 20px
}

.accounts-item-extra__reserved {
    color: #5f6375
}

.accounts-item-extra__reserved.has-cards {
    padding-left: 36px;
    margin-top: -6px
}

.accounts-item-extra__reserved span {
    margin-left: 5px;
    color: #3859bb;
    text-transform: uppercase
}

.accounts-item-extra__reserved:hover {
    color: #5f6375
}

.accounts-item-payment-summary {
    margin-top: 2px;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-item-payment-summary__item:after {
    content: "\2022";
    display: inline;
    margin: 0 2px;
    color: #919299;
    font-size: 10px;
    font-weight: 400
}

.accounts-item-payment-summary__item.remainder {
    margin-right: 5px
}

.accounts-item-payment-summary__item.remainder:after {
    content: unset
}

.accounts-item-payment-summary__item:last-child:after {
    display: none
}

.accounts-item-payment-summary__item-remainder.is-negative {
    color: #d7011a
}

.accounts-item-header-actions {
    display: flex;
    flex-direction: row
}

.accounts-item-header-actions button,
.accounts-item-header-actions a {
    min-width: auto;
    min-height: auto;
    padding: 0;
    margin-right: 20px;
    text-transform: uppercase
}

.accounts-item-header-actions.is-disabled button,
.accounts-item-header-actions.is-disabled a {
    color: #919299;
    pointer-events: none
}

.accounts-item-payments {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 7px 10px;
    margin-top: 10px;
    margin-bottom: -5px;
    background: #f7f8fa;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 768px) {
    .accounts-item-payments {
        padding: 7px 20px;
        flex-direction: row
    }
}

.accounts-item-payments__item {
    display: flex;
    flex-direction: row;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-item-payments__item:first-child {
    margin-bottom: 5px
}

@media only screen and (min-width: 768px) {
    .accounts-item-payments__item {
        flex-direction: column;
        text-align: right
    }

    .accounts-item-payments__item:first-child {
        margin-bottom: 0;
        text-align: left
    }
}

@media only screen and (min-width: 1024px) {
    .accounts-item-payments__item {
        flex-direction: row
    }
}

.accounts-item-payments__sum {
    color: #3859bb;
    text-transform: uppercase
}

.accounts-item-payments__sum.is-negative {
    color: #d7011a
}

.accounts-item-header-actions__button button {
    font-size: 20px
}

.accounts-item-header-actions__button button .icon {
    height: 20px
}

.accounts-item-header-actions__button .only-icon {
    padding: 10px 7px
}

.dashboard .statements-item {
    display: flex;
    width: 100%;
    padding: 20px 30px;
    color: #000;
    transition: background-color .15s linear
}

@media only screen and (min-width: 1366px) {
    .dashboard .statements-item {
        padding: 20px 40px
    }
}

.dashboard .statements-item:hover,
.dashboard .statements-item:focus {
    background-color: #f7f8fa;
    color: #000
}

.dashboard .statements-item:hover .statement-item__icon,
.dashboard .statements-item:focus .statement-item__icon {
    background-color: #fff
}

.dashboard .statement-item__icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    background-color: #f7f8fa;
    border-radius: 50%;
    transition: background-color .15s linear;
    font-size: 20px;
    color: #4b4e5c
}

.dashboard .statement-item__icon .icon {
    height: 20px;
    line-height: normal
}

.dashboard .statement-item__icon .icon-dots {
    height: 30px;
    font-size: 18px
}

.dashboard .statement-item-content {
    flex-grow: 1;
    width: calc(100% - 50px);
    margin-left: 10px
}

.dashboard .statements-item-header {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 2px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.dashboard .dashboard .statements-item-header {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.dashboard a .statements-item-header {
    color: #3859bb
}

.dashboard .statements-item-header__name {
    width: 100%;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.dashboard .statements-item-header__account {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #5f6375
}

.dashboard .statements-item__comment {
    position: relative;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 6px;
    word-break: break-all;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.dashboard .statements-item__comment.half-width {
    width: 160px
}

@media only screen and (min-width: 1025px) {
    .dashboard .statements-item__comment.half-width {
        width: 110px
    }
}

@media only screen and (min-width: 1366px) {
    .dashboard .statements-item__comment.half-width {
        width: 160px
    }
}

.dashboard .statements-item__date {
    color: #5f6375
}

.dashboard .statements-item-header-sum {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-grow: 1
}

.dashboard .statements-item-header-sum.is-in {
    color: #06815e
}

.dashboard .statements-item-header-sum.is-out {
    color: #d7011a
}

.dashboard .statements-item-header-sum__item {
    text-transform: uppercase;
    text-align: right;
    white-space: nowrap
}

.dashboard .statements-item-header-sum__item span {
    margin-right: 3px
}

.dashboard .statements-item-header-sum__item.is-original {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    position: absolute;
    right: 0;
    bottom: -100%;
    color: #5f6375;
    text-align: right
}

.dashboard .statements-account-select .accounts-item-header-title__link {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.dashboard .statements-account-select .accounts-item-header__number {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

@media only screen and (min-width: 768px) {
    .dashboard .statements-account-select {
        padding: 20px 30px
    }
}

@media only screen and (min-width: 1366px) {
    .dashboard .statements-account-select {
        padding: 20px 40px
    }
}

.dashboard .statements-account-select .accounts-item-header-title__remainder {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.dashboard .statements-account-item-extra-wrap {
    margin-top: -15px
}

.defined-payments-item {
    display: flex;
    width: 100%;
    padding: 20px 30px;
    color: #000;
    transition: background-color .15s linear
}

@media only screen and (min-width: 1366px) {
    .defined-payments-item {
        padding: 20px 40px
    }
}

.defined-payments-item:hover,
.defined-payments-item:focus {
    background-color: #f7f8fa;
    color: #000
}

.defined-payments-item:hover .defined-payments-item__icon,
.defined-payments-item:focus .defined-payments-item__icon {
    background-color: #fff
}

.defined-payments-item__icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    background-color: #f7f8fa;
    margin-right: 10px;
    border-radius: 50%;
    transition: background-color .15s linear;
    font-size: 20px;
    color: #4b4e5c
}

.defined-payments-item__icon .icon {
    height: 20px;
    line-height: normal
}

.defined-payments-item-content {
    flex-grow: 1
}

.defined-payments-item-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    color: #3859bb;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.defined-payments-item-header__name {
    flex: 1 1
}

.defined-payments-item-header__name a {
    display: block;
    width: 100%
}

.defined-payments-item-header__account {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #5f6375
}

.defined-payments-item-header__company-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #5f6375
}

.defined-payments-item__comment {
    position: relative;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.defined-payments-item__comment.half-width {
    width: 160px
}

@media only screen and (min-width: 1025px) {
    .defined-payments-item__comment.half-width {
        width: 110px
    }
}

@media only screen and (min-width: 1366px) {
    .defined-payments-item__comment.half-width {
        width: 160px
    }
}

.defined-payments-item__date {
    color: #5f6375
}

.defined-payments-item-header-sum {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    color: #000
}

.defined-payments-item-header-sum__item {
    text-transform: uppercase;
    text-align: right;
    white-space: nowrap
}

.defined-payments-item-header-sum__item span {
    margin-right: 3px
}

.defined-payments-item-header-sum__item.is-original {
    position: absolute;
    right: 0;
    bottom: -100%;
    color: #5f6375;
    text-align: right;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.defined-payments-account-select .field-container {
    padding-bottom: 20px
}

.defined-payments-account-select .accounts-item-header-title__link {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.defined-payments-account-select .accounts-item-header__number {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

@media only screen and (min-width: 768px) {
    .defined-payments-account-select {
        padding: 20px 30px 0
    }
}

@media only screen and (min-width: 1366px) {
    .defined-payments-account-select {
        padding: 20px 40px 0
    }
}

.defined-payments-account-select .accounts-item-header-title__remainder {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.defined-payments-account-item-extra-wrap {
    margin-top: -10px
}

.utility-payment {
    display: flex;
    width: 100%;
    padding: 20px 30px;
    color: #000;
    transition: background-color .15s linear
}

@media only screen and (min-width: 1366px) {
    .utility-payment {
        padding: 20px 40px
    }
}

.utility-payment__icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    background-color: #f7f8fa;
    margin-right: 10px;
    border-radius: 50%;
    transition: background-color .15s linear;
    font-size: 20px;
    color: #4b4e5c
}

.utility-payment__icon .icon {
    height: 20px;
    line-height: normal
}

.utility-payment__icon .icon-dots {
    height: 4px;
    font-size: 4px
}

.utility-payment-content {
    flex-grow: 1
}

.utility-payment-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    color: #3859bb;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.utility-payment-header__name {
    flex: 1 1
}

.utility-payment-header__name a {
    display: block;
    width: 100%
}

.utility-payment-header__account {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #5f6375
}

.utility-payment-header__company-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #5f6375
}

.utility-payment__comment {
    position: relative;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.utility-payment__comment.half-width {
    width: 160px
}

@media only screen and (min-width: 1025px) {
    .utility-payment__comment.half-width {
        width: 110px
    }
}

@media only screen and (min-width: 1366px) {
    .utility-payment__comment.half-width {
        width: 160px
    }
}

.utility-payment__date {
    color: #919299
}

.utility-payments-account-select .field-container {
    padding-bottom: 20px
}

.utility-payments-account-select .accounts-item-header-title__link {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.utility-payments-account-select .accounts-item-header__number {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

@media only screen and (min-width: 768px) {
    .utility-payments-account-select {
        padding: 20px 30px 0
    }
}

@media only screen and (min-width: 1366px) {
    .utility-payments-account-select {
        padding: 20px 40px 0
    }
}

.utility-payments-account-select .accounts-item-header-title__remainder {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.utility-payments-account-item-extra-wrap {
    margin-top: -10px
}

.recipients-item {
    display: block;
    padding: 20px 30px
}

@media only screen and (min-width: 1366px) {
    .recipients-item {
        padding: 20px 40px
    }
}

.recipients-item__name {
    width: 100%;
    max-width: 100%;
    color: #3859bb;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.recipients-item__number {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #5f6375
}

.payment {
    padding: 30px
}

.payment .accounts-button {
    padding: 30px 0 0
}

@media only screen and (min-width: 1366px) {
    .payment {
        padding: 40px
    }
}

.credits-deposits-item {
    padding: 20px 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.credits-deposits-item-header {
    display: flex
}

.credits-deposits-item-date {
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.credits-deposits-item-header-title {
    flex-grow: 1;
    padding-right: 20px
}

.credits-deposits-item-header-title__remainder {
    white-space: nowrap;
    text-align: right;
    line-height: 18px
}

.credits-deposits-item-header-title__remainder.is-extra {
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.credits-deposits-summary {
    padding: 20px 30px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.credits-deposits-summary-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.credits-deposits-summary-item.is-bold {
    font-weight: 500
}

.credits-deposits-summary-item .tooltip-wrap {
    margin-left: 5px
}

.payments-statuses-wrap {
    position: relative
}

.payments-statuses-wrap.has-padding {
    padding-bottom: 80px
}

.payments-statuses-content {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-content {
        max-width: 620px
    }
}

@media only screen and (min-width: 1366px) {
    .payments-statuses-content {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .payments-statuses-content {
        max-width: 850px
    }
}

.payments-statuses-header {
    position: relative;
    margin: 0 auto 20px;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .payments-statuses-header {
        display: flex;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-header {
        max-width: 620px
    }
}

@media only screen and (min-width: 1366px) {
    .payments-statuses-header {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .payments-statuses-header {
        max-width: 850px
    }
}

.payments-statuses-header__title {
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .payments-statuses-header__title {
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

.payments-statuses__text {
    display: none;
    margin-bottom: 30px;
    text-align: center;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media screen and (min-width: 768px) {
    .payments-statuses__text {
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .payments-statuses__text {
        padding: 0 20px
    }
}

.payments-statuses__text button {
    margin-left: .25rem;
    min-width: unset
}

.payments-statuses-header__button {
    text-align: right;
    margin-top: 20px
}

.payments-statuses-header__button .button {
    font-size: 14px
}

.payments-statuses-header__button .button .icon {
    margin-right: 10px
}

.payments-statuses-header__button .button span {
    display: flex;
    align-items: center
}

.payments-statuses-header__button .button:hover {
    text-decoration: none
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-header__button {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%
    }
}

@media only screen and (min-width: 768px) {
    .payments-statuses-header__button {
        position: absolute;
        right: 0
    }
}

.payments-statuses-head {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    min-height: 79px
}

.payments-statuses-search-wrap {
    background: #fff
}

.payments-statuses-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.payments-statuses-search-wrap.is-sticky .payment-statuses-search__icon-right {
    right: 10px;
    top: 30px
}

.payments-statuses-search-wrap.is-sticky .payment-statuses-search__icon-right.is-remove {
    right: 45px;
    top: 35px
}

.payments-statuses-applied-search {
    max-width: 1140px;
    padding: 11px 10px;
    margin: 0 auto 10px;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-statuses-applied-search span {
    margin-right: 2px
}

.payments-statuses-applied-search button {
    min-width: auto
}

.payments-statuses-applied-search button.is-right {
    float: right
}

@media only screen and (min-width: 768px) {
    .payments-statuses-applied-search {
        padding: 11px 20px
    }
}

.payments-statuses-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px;
    max-width: 100%
}

.payments-statuses-search .field-container__field {
    background: none
}

.payments-statuses-search-wrap.is-sticky .payments-statuses-search {
    box-shadow: 0 4px 4px -4px #34495e14, 0 16px 16px -16px #34495e14;
    padding: 8px 10px
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-search-wrap.is-sticky .payments-statuses-search {
        padding: 10px 10px 12px
    }
}

@media only screen and (min-width: 480px) {
    .payments-statuses-search {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .payments-statuses-search {
        max-width: 460px
    }
}

@media only screen and (min-width: 1366px) {
    .payments-statuses-search {
        max-width: 550px
    }
}

@media only screen and (min-width: 1920px) {
    .payments-statuses-search {
        max-width: 560px
    }
}

.payments-statuses-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.payments-statuses-search input.has-icon {
    padding-right: 55px
}

.payments-statuses-search .form-input-icon {
    left: 0
}

.payments-statuses-search .form-input-icon button:focus {
    background: none
}

.payments-statuses-search .form-input-icon button:focus i {
    color: #3859bb
}

.payments-statuses-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.payments-statuses-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.payment-statuses-search__icon-right {
    position: absolute;
    right: 0;
    top: 20px
}

.payment-statuses-search__icon-right.button:focus {
    background-color: #0000
}

.payment-statuses-search__icon-right .icon {
    height: 20px;
    font-size: 20px;
    line-height: normal
}

.payment-statuses-search__icon-right.is-remove {
    top: 25px;
    right: 35px;
    color: #919299
}

.payment-statuses-search__icon-right.is-remove:hover,
.payment-statuses-search__icon-right.is-remove:focus {
    color: #919299
}

.payment-statuses-search__icon-right.is-remove .icon {
    height: 12px;
    font-size: 12px
}

.payments-statuses-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.payments-selected-count {
    border-bottom: thin solid #d9dae4
}

.payments-statuses-select__show-more {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    justify-content: center
}

.payments-statuses-flash-messages {
    max-width: 580px;
    margin: 20px auto
}

@media only screen and (min-width: 768px) {
    .payments-statuses-flash-messages {
        margin-top: 0;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-flash-messages {
        max-width: 740px
    }
}

.payments-statuses-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.payments-statuses-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-statuses-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.payments-statuses-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.payment-statuses-applied-search {
    padding: 11px 15px;
    margin-bottom: 10px;
    background: #f7f8fa;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-statuses-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.payments-statuses-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-button-wrap.is-sticky {
        box-shadow: none
    }
}

.payments-statuses-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 0 25px
}

.payments-statuses-button .button {
    margin: 0 auto
}

.is-sticky .payments-statuses-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .payments-statuses-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (max-width: 768px) {
    .is-sticky .payments-statuses-button {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media only screen and (max-width: 768px) {
    .payments-statuses-button .button {
        width: 100%
    }
}

@media only screen and (min-width: 480px) {
    .payments-statuses-button {
        width: 400px
    }
}

.payments-statuses-with-table-header__button {
    margin-top: 10px
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-with-table-header__button {
        margin-top: 0;
        text-align: right
    }
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-with-table-header__button {
        position: absolute;
        right: 0
    }
}

.payments-list-with-table {
    max-width: 100%;
    margin: 0 auto
}

.payments-list-with-table .payment-select-row {
    padding-left: 1.0625rem;
    padding-right: 1rem
}

.payments-list-with-table .payment-select-row .payment-select-row__checkbox {
    margin-right: .9375rem
}

@media only screen and (max-width: 1024px) {
    .payments-list-with-table .payment-select-row {
        padding-left: 1.5625rem;
        padding-right: 0rem
    }
}

.payments-statuses-with-table-content {
    max-width: 1120px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.payments-statuses-with-table-header {
    max-width: 1120px;
    width: 100%;
    position: relative;
    margin: 0 auto 20px;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-with-table-header {
        display: flex;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.payments-statuses-settings {
    padding: .625rem .625rem .625rem 1.0625rem;
    background-color: #f7f8fa;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.payments-statuses-settings .button {
    display: flex;
    align-items: center;
    font-size: 14px;
    min-width: unset
}

.payments-statuses-settings .button .icon {
    height: 14px;
    font-size: 14px;
    line-height: 14px
}

.payments-statuses-settings .is-inline-link:hover {
    text-decoration: unset
}

.payments-statuses-settings .is-inline-link:hover span {
    text-decoration: underline
}

.payments-statuses-accounts {
    margin-bottom: .9375rem
}

@media only screen and (min-width: 480px) {
    .payments-statuses-accounts {
        max-width: 25rem;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-table__wrap {
        margin: 0 auto
    }
}

.payments-statuses-table__wrap .thead__mobile {
    display: none
}

.payments-statuses-table__wrap .thead__mobile .table__header {
    padding: 0;
    border: none
}

@media only screen and (max-width: 1024px) {
    .payments-statuses-table__wrap .thead__mobile {
        padding: 0
    }
}

@media only screen and (max-width: 1024px) {
    .payments-statuses-table .table__data {
        margin-left: 2.875rem
    }

    .payments-statuses-table .checkbox {
        padding: 0 !important
    }

    .payments-statuses-table .mobile-checkbox-group {
        margin-left: -2.875rem;
        display: flex;
        flex-direction: row;
        gap: 1rem
    }
}

@media only screen and (max-width: 1024px) {
    .payments-statuses-table .table__row {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1.5rem
    }
}

@media only screen and (max-width: 1024px) {
    .payments-statuses-table .table__row:not(:last-child) {
        border-bottom: none
    }

    .payments-statuses-table .table__row:first-child {
        border-top: none
    }
}

.payments-statuses-table .thead__mobile {
    padding: .625rem 1.25rem
}

.payments-statuses-table .table__header {
    padding: .75rem 1rem
}

@media only screen and (min-width: 1024px)and (max-width: 1365px) {
    .payments-statuses-table .table__header {
        padding: .75rem .5rem
    }
}

.payments-statuses-table .table__row:hover {
    background: #fafbfd
}

.payments-statuses-table .table__data {
    padding: .75rem 1rem
}

@media only screen and (max-width: 1024px) {
    .payments-statuses-table .table__data {
        padding: 0;
        min-height: unset
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1366px) {
    .payments-statuses-table .table__data {
        padding: .75rem .5rem
    }
}

.payments-statuses-table .table__data .is-danger {
    color: #d7011a
}

.payments-statuses-table .table__data .form-text-field-content-item {
    margin-bottom: unset
}

.payments-statuses-table .table__data .form-text-field-content-item__value:hover {
    text-decoration: underline;
    cursor: pointer
}

.payments-statuses-table .table__data .form-text-field-content-item__extra-value {
    max-width: unset
}

.payments-statuses-table__cell--account {
    vertical-align: top
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-table__cell--account {
        width: 15rem
    }
}

.payments-statuses-table__cell--account .form-text-field-content-item__value {
    color: #3859bb;
    line-height: normal;
    white-space: nowrap
}

.payments-statuses-table__cell--date {
    white-space: nowrap;
    width: 1%
}

.payments-statuses-table__cell--actions {
    width: 1%;
    font-size: 1.125rem;
    z-index: unset
}

.payments-statuses-table__cell--checkbox {
    width: 1%
}

.payments-statuses-table__cell--checkbox .checkbox {
    margin: 0;
    padding: 0
}

.payments-statuses-table__cell--status {
    width: 12.5rem
}

.payments-statuses-table__cell--sum {
    font-size: .875rem;
    white-space: nowrap;
    text-transform: uppercase
}

@media only screen and (min-width: 1024px) {
    .payments-statuses-table__cell--sum {
        text-align: right;
        width: 0
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1366px) {
    .payments-statuses-table__cell--sum {
        white-space: normal;
        text-wrap: balance
    }
}

@media print {
    .payments-statuses-wrap {
        padding-bottom: 0 !important
    }

    .payments-statuses-wrap *:not(.payments-statuses-header__title) {
        font-size: .625rem !important;
        line-height: 120% !important
    }

    .payments-statuses-wrap .payments-statuses-with-table-header,
    .payments-statuses-wrap .payments-statuses-navigation.with-table.is-mobile {
        margin-bottom: 0
    }

    .payments-statuses-wrap .payments-statuses-navigation.is-mobile,
    .payments-statuses-wrap .payments-statuses-accounts {
        margin-left: auto;
        margin-right: auto;
        width: 26.875rem;
        background: unset;
        margin-bottom: 1rem
    }

    .payments-statuses-wrap .payments-statuses-navigation.is-mobile .field-container__field,
    .payments-statuses-wrap .payments-statuses-accounts .field-container__field {
        background: unset
    }

    .payments-statuses-wrap .payments-statuses-navigation.is-mobile .form-input__tooltip-wrap,
    .payments-statuses-wrap .payments-statuses-accounts .form-input__tooltip-wrap,
    .payments-statuses-wrap .payments-statuses-navigation.is-mobile .Select-arrow-zone,
    .payments-statuses-wrap .payments-statuses-accounts .Select-arrow-zone,
    .payments-statuses-wrap .payments-statuses-navigation.is-mobile .select__extra-label,
    .payments-statuses-wrap .payments-statuses-accounts .select__extra-label {
        display: none
    }

    .payments-statuses-wrap .payments-statuses-navigation.is-mobile .Select-value-label div,
    .payments-statuses-wrap .payments-statuses-accounts .Select-value-label div {
        line-height: 125% !important
    }

    .payments-statuses-wrap .payment-select-row,
    .payments-statuses-wrap .payments-statuses-head,
    .payments-statuses-wrap .payments-statuses-button-wrap,
    .payments-statuses-wrap .payments-statuses-select__show-more,
    .payments-statuses-wrap .payments-statuses-with-table-header__button,
    .payments-statuses-wrap .payments-statuses-settings,
    .payments-statuses-wrap .payments-statuses-applied-search {
        display: none
    }

    .payments-statuses-wrap .payments-statuses-with-table-content {
        max-width: none
    }

    .payments-statuses-wrap .payments-statuses-table {
        table-layout: auto;
        width: 100%
    }

    .payments-statuses-wrap .payments-statuses-table .thead__mobile {
        display: none
    }

    .payments-statuses-wrap .payments-statuses-table .table__header,
    .payments-statuses-wrap .payments-statuses-table .table__data {
        padding: .25rem .5rem
    }

    .payments-statuses-wrap .payments-statuses-table td:first-child,
    .payments-statuses-wrap .payments-statuses-table th:first-child {
        display: none
    }

    .payments-statuses-wrap .payments-statuses-table td:last-child,
    .payments-statuses-wrap .payments-statuses-table th:last-child {
        display: none
    }

    .payments-statuses-wrap .payments-statuses-table .sortable-column .sortable-column__sort {
        display: none
    }

    .payments-statuses-wrap .payments-statuses-table__cell--account {
        max-width: 15rem;
        min-width: 12.5rem
    }

    .payments-statuses-wrap .payments-statuses-table__cell--account .form-text-field-content-item__label,
    .payments-statuses-wrap .payments-statuses-table__cell--account .form-text-field-content-item__extra-label {
        margin: 0
    }

    .payments-statuses-wrap .payments-statuses-table__cell--account .form-text-field-content-item__value,
    .payments-statuses-wrap .payments-statuses-table__cell--account .form-text-field-content-item__extra-value {
        max-width: unset
    }

    .payments-statuses-wrap .payments-statuses-table__cell--sum {
        width: 0;
        text-align: right
    }
}

.payments-statuses-navigation {
    display: none;
    justify-content: center;
    margin-bottom: 20px;
    background: #f7f8fa;
    border-bottom: thin solid #d9dae4
}

.payments-statuses-navigation.with-table {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    .payments-statuses-navigation.is-desktop {
        display: flex
    }
}

.payments-statuses-navigation.with-table.is-mobile {
    margin-bottom: 20px
}

.payments-statuses-navigation.is-mobile {
    display: block;
    margin-bottom: 40px;
    border-bottom: none
}

@media only screen and (min-width: 480px)and (max-width: 769px) {
    .payments-statuses-navigation.is-mobile {
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 768px) {
    .payments-statuses-navigation.is-mobile {
        display: none
    }
}

.payments-imports-wrap {
    position: relative
}

.payments-imports-wrap.has-padding {
    padding-bottom: 80px
}

.payments-imports-content {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .payments-imports-content {
        max-width: 620px
    }
}

@media only screen and (min-width: 1366px) {
    .payments-imports-content {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .payments-imports-content {
        max-width: 850px
    }
}

.payments-imports-header {
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .payments-imports-header {
        display: flex;
        margin-top: 30px
    }
}

.payments-imports-header__title {
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .payments-imports-header__title {
        margin-bottom: 30px;
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

.payments-imports__text {
    display: none;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media screen and (min-width: 768px) {
    .payments-imports__text {
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .payments-imports__text {
        padding: 0 20px
    }
}

.imports-list .import-select-row__content-title {
    display: block
}

@media screen and (min-width: 768px) {
    .imports-list {
        max-width: 460px
    }
}

@media only screen and (max-width: 1024px) {
    .payments-imports-header__button {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .payments-imports-header__button {
        position: absolute;
        right: 64px
    }
}

.payments-imports-head {
    min-height: 79px
}

.payments-imports-search-wrap {
    background: #fff
}

.payments-imports-search-wrap .field-container__field {
    background: none
}

.payments-imports-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.payments-imports-search-wrap.is-sticky .payment-imports-search__icon-right {
    right: 10px;
    top: 30px
}

.payments-imports-search-wrap.is-sticky .payment-imports-search__icon-right.is-remove {
    right: 45px;
    top: 35px
}

.payments-imports-applied-search {
    max-width: 100%;
    padding: 11px 10px;
    margin: 0 auto 10px;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-imports-applied-search span {
    margin-right: 2px
}

.payments-imports-applied-search button {
    min-width: auto;
    padding: 0
}

.payments-imports-applied-search button.is-right {
    float: right
}

@media only screen and (min-width: 768px) {
    .payments-imports-applied-search {
        padding: 11px 20px
    }
}

@media screen and (min-width: 480px) {
    .payments-imports-applied-search {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .payments-imports-applied-search {
        max-width: 460px
    }
}

@media screen and (min-width: 1366px) {
    .payments-imports-applied-search {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .payments-imports-applied-search {
        max-width: 560px
    }
}

.payments-imports-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px;
    max-width: 100%
}

.payments-imports-search-wrap.is-sticky .payments-imports-search {
    box-shadow: 0 4px 4px -4px #34495e14, 0 16px 16px -16px #34495e14;
    padding: 8px 10px
}

@media only screen and (min-width: 1024px) {
    .payments-imports-search-wrap.is-sticky .payments-imports-search {
        padding: 10px 10px 12px
    }
}

@media only screen and (min-width: 480px) {
    .payments-imports-search {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .payments-imports-search {
        max-width: 460px
    }
}

@media only screen and (min-width: 1366px) {
    .payments-imports-search {
        max-width: 550px
    }
}

@media only screen and (min-width: 1920px) {
    .payments-imports-search {
        max-width: 560px
    }
}

.payments-imports-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.payments-imports-search .form-input-icon {
    left: 0
}

.payments-imports-search .form-input-icon button:focus {
    background: none
}

.payments-imports-search .form-input-icon button:focus i {
    color: #3859bb
}

.payments-imports-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.payments-imports-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.payments-imports-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.payments-imports-select__show-more {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.payments-imports-flash-messages {
    max-width: 580px;
    margin: 20px auto
}

@media only screen and (min-width: 768px) {
    .payments-imports-flash-messages {
        margin-top: 0;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .payments-imports-flash-messages {
        max-width: 740px
    }
}

.payments-imports-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.payments-imports-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-imports-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.payments-imports-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.payments-imports-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.payments-imports-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .payments-imports-button-wrap.is-sticky {
        box-shadow: none
    }
}

.payments-imports-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 15px 25px
}

.is-sticky .payments-imports-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .payments-imports-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (min-width: 480px) {
    .payments-imports-button {
        width: 360px
    }
}

.accounts-overview-wrap {
    position: relative
}

.accounts-overview .accounts-item {
    padding: 20px 0;
    border-bottom: thin solid #d9dae4
}

.accounts-overview .accounts-item:hover {
    background: none
}

.accounts-overview .accounts-item:first-child {
    border-top: thin solid #d9dae4
}

.accounts-overview .accounts-item-header {
    display: flex;
    justify-content: space-between;
    padding: 0 10px
}

@media only screen and (min-width: 768px) {
    .accounts-overview .accounts-item-header {
        padding: 0 20px
    }
}

.accounts-overview .accounts-item-extra {
    padding: 0 10px
}

.accounts-overview .accounts-item-extra a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

@media only screen and (min-width: 768px) {
    .accounts-overview .accounts-item-extra {
        padding: 0 20px
    }
}

.accounts-overview .accounts-item-extra .accounts-item-extra__closed {
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.accounts-overview .accounts-item-extra__reserved-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    padding: 0 10px
}

@media only screen and (min-width: 768px) {
    .accounts-overview .accounts-item-extra__reserved-wrapper {
        padding: 0 20px
    }
}

.accounts-overview .accounts-item-extra__reserved {
    display: block;
    margin-top: 5px
}

.accounts-overview .accounts-item-extra__cards-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.accounts-overview .accounts-item-header-title {
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden
}

.accounts-overview .accounts-item-header-title__link {
    max-width: 190px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (min-width: 360px) {
    .accounts-overview .accounts-item-header-title__link {
        max-width: 230px
    }
}

@media only screen and (min-width: 480px) {
    .accounts-overview .accounts-item-header-title__link {
        max-width: 310px
    }
}

@media only screen and (min-width: 768px) {
    .accounts-overview .accounts-item-header-title__link {
        max-width: 270px
    }
}

@media only screen and (min-width: 1366px) {
    .accounts-overview .accounts-item-header-title__link {
        max-width: 360px
    }
}

.accounts-overview .accounts-item-header-title__remainder {
    display: flex;
    flex-direction: column
}

.accounts-overview .accounts-item-header__remainder {
    padding-right: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.accounts-overview .accounts-item-header-actions__button {
    padding-left: 20px
}

.accounts-overview-content {
    max-width: 580px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) {
    .accounts-overview-content {
        max-width: 620px
    }
}

@media only screen and (min-width: 1366px) {
    .accounts-overview-content {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .accounts-overview-content {
        max-width: 850px
    }
}

.accounts-overview-header {
    text-align: center
}

@media only screen and (max-width: 767px) {
    .accounts-overview-header .cards-page-header__button {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 768px) {
    .accounts-overview-header {
        display: flex;
        margin-top: 30px
    }
}

.accounts-overview-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-overview-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.accounts-overview-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.accounts-overview__summary {
    margin-top: 40px;
    text-align: right;
    font-weight: 500
}

.accounts-overview__summary .currency {
    text-transform: uppercase
}

.accounts-list {
    max-width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 480px) {
    .accounts-list {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .accounts-list {
        max-width: 460px
    }
}

@media screen and (min-width: 1366px) {
    .accounts-list {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .accounts-list {
        max-width: 560px
    }
}

.accounts-overview-header__title {
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

.accounts-overview-header__title .button {
    margin-left: 12px;
    font-size: 24px;
    color: #3859bb
}

.accounts-overview-header__title .button .icon {
    height: 24px;
    vertical-align: inherit
}

.accounts-overview-header__title .button:focus {
    background: none
}

@media only screen and (min-width: 768px) {
    .accounts-overview-header__title {
        margin-bottom: 30px;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px
    }
}

.accounts-overview__text {
    display: none;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media screen and (min-width: 768px) {
    .accounts-overview__text {
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .accounts-overview__text {
        padding: 0 20px
    }
}

.accounts-overview-head {
    min-height: 60px
}

.accounts-overview-search-wrap {
    margin-bottom: 10px;
    background: #fff
}

.accounts-overview-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23;
    min-height: 60px
}

.accounts-overview-search-wrap.is-sticky .payment-statuses-search__icon-right {
    right: 10px;
    top: 25px
}

.accounts-overview-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px;
    max-width: 100%
}

.accounts-overview-search .field-container__field {
    background: none
}

.accounts-overview-search-wrap.is-sticky .accounts-overview-search {
    min-height: 60px;
    padding: 8px 10px;
    box-shadow: 0 4px 4px -4px #34495e14, 0 16px 16px -16px #34495e14
}

@media only screen and (min-width: 768px) {
    .accounts-overview-search-wrap.is-sticky .accounts-overview-search {
        min-height: 80px
    }
}

@media only screen and (min-width: 1024px) {
    .accounts-overview-search-wrap.is-sticky .accounts-overview-search {
        padding: 10px 10px 15px
    }
}

@media only screen and (min-width: 480px) {
    .accounts-overview-search {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .accounts-overview-search {
        max-width: 460px
    }
}

@media only screen and (min-width: 1366px) {
    .accounts-overview-search {
        max-width: 550px
    }
}

@media only screen and (min-width: 1920px) {
    .accounts-overview-search {
        max-width: 560px
    }
}

.accounts-overview-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.accounts-overview-search .form-input-icon {
    left: 0
}

.accounts-overview-search .form-input-icon button:focus {
    background: none
}

.accounts-overview-search .form-input-icon button:focus i {
    color: #3859bb
}

.accounts-overview-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.accounts-overview-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.accounts-overview-search__icon-right {
    position: absolute;
    right: 0;
    top: 25px
}

.accounts-overview-search__icon-right.button:focus {
    background-color: #0000
}

.accounts-overview-search__icon-right .icon {
    height: 12px;
    color: #919299;
    font-size: 12px;
    line-height: normal
}

.is-sticky .accounts-overview-search__icon-right {
    top: 35px;
    right: 10px
}

.accounts-list__show-more {
    text-align: center;
    margin: 10px 0 20px;
    display: flex;
    justify-content: center
}

.accounts-overview-navigation {
    display: none;
    justify-content: center;
    margin-bottom: 30px;
    background: #f7f8fa;
    border-bottom: thin solid #d9dae4
}

@media only screen and (min-width: 768px) {
    .accounts-overview-navigation.is-desktop {
        display: flex
    }
}

.accounts-overview-navigation.is-mobile {
    display: block;
    margin-bottom: 30px;
    border-bottom: none
}

@media only screen and (min-width: 480px)and (max-width: 769px) {
    .accounts-overview-navigation.is-mobile {
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 768px) {
    .accounts-overview-navigation.is-mobile {
        display: none
    }
}

.statement-overview-wrap {
    position: relative
}

.statement-overview-accounts {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: none;
    margin: 0 auto 20px
}

@media only screen and (min-width: 480px) {
    .statement-overview-accounts {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .statement-overview-accounts {
        max-width: 350px
    }
}

@media only screen and (min-width: 1024px) {
    .statement-overview-accounts {
        max-width: 360px
    }
}

.statement-overview-accounts .accounts-item-header-title__link,
.statement-overview-accounts .accounts-item-header-title__remainder {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.statement-overview-accounts .accounts-item-header__number {
    font-size: 12px
}

.statement-overview .react-calendar__year-view__months,
.statement-overview .react-calendar__decade-view__years,
.statement-overview .react-calendar__century-view__decades {
    min-height: 235px
}

.statement-overview-header {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .statement-overview-header {
        display: flex
    }
}

.statement-overview-header__title {
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

.statement-overview-header__title .button {
    margin-left: 12px;
    font-size: 24px
}

.statement-overview-header__title .button .icon {
    height: 24px;
    vertical-align: inherit
}

.statement-overview-header__title .button.is-disabled {
    color: #919299
}

.statement-overview-header__title .button:focus,
.statement-overview-header__title .button:hover {
    background: #0000
}

@media only screen and (min-width: 768px) {
    .statement-overview-header__title {
        margin-bottom: 30px;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px
    }
}

.statement-overview-content {
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 1920px) {
    .statement-overview-content {
        max-width: 1120px
    }
}

.statement-overview-settings {
    padding: .625rem 1.25rem .625rem .625rem;
    background-color: #f7f8fa;
    margin: 0 auto 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.statement-overview-settings .button {
    display: flex;
    align-items: center;
    font-size: 14px;
    min-width: unset
}

.statement-overview-settings .button .icon {
    height: 14px;
    font-size: 14px;
    line-height: 14px
}

.statement-overview-settings .is-inline-link:hover {
    text-decoration: unset
}

.statement-overview-settings .is-inline-link:hover span {
    text-decoration: underline
}

.statement-overview-settings__actions-left {
    display: flex;
    align-items: center;
    gap: 21px
}

.statement-overview-settings-search {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.statement-overview-settings-search .button {
    height: 17px;
    margin-right: 10px
}

.statement-overview-settings-search .button:last-child {
    margin-right: 0
}

.statement-overview-summary {
    background-color: #f7f8fa;
    padding: 1.25rem;
    gap: 1rem;
    display: flex;
    flex-direction: column
}

.statement-overview-summary-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .625rem
}

@media screen and (max-width: 1024px) {
    .statement-overview-summary-list {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

.statement-overview-summary-items-wrapper {
    display: flex;
    flex-direction: column;
    gap: .625rem
}

.statement-overview-summary .form-text-field-content-item {
    margin-bottom: 0
}

.statement-overview-summary-date-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-weight: 500
}

.statement-overview-summary-date-wrap>span {
    width: 205px
}

@media only screen and (max-width: 768px) {
    .statement-overview-summary-date-wrap>span {
        width: auto
    }
}

.statement-overview-summary-date-wrap .button {
    margin-left: 5px
}

.statement-overview-summary-date-wrap .button .icon {
    height: 12px;
    font-size: 10px;
    margin-left: 8px
}

@media only screen and (max-width: 768px) {
    .statement-overview-summary-date-wrap .button {
        margin-left: 10px
    }
}

.is-column .statement-overview-summary-date-wrap {
    margin-bottom: 10px
}

@media only screen and (min-width: 1024px) {
    .is-column .statement-overview-summary-date-wrap {
        flex-direction: row;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .statement-overview-summary-date-wrap {
        margin-bottom: 0
    }
}

.statement-overview-summary-date {
    position: relative
}

.statement-overview-summary-date .button {
    min-width: unset
}

.statement-overview-list-header-actions {
    color: #5f6375
}

.statement-overview-list-header-actions .Select-menu-outer {
    width: 270px;
    max-height: 232px;
    word-break: break-word
}

.statement-overview-list-header-actions .Select-menu-outer .Select-menu {
    max-height: 232px
}

.statement-overview-list-header-actions>span {
    margin-right: 10px
}

.statement-overview-list-header-actions .button {
    min-width: auto;
    margin-right: 10px;
    text-align: left
}

@media only screen and (min-width: 768px) {
    .statement-overview-list-header-actions {
        margin-bottom: 0
    }
}

.statement-overview__text {
    display: none;
    margin: 0 auto 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media screen and (min-width: 768px) {
    .statement-overview__text {
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .statement-overview__text {
        padding: 0 20px;
        max-width: 740px
    }
}

.statement-overview__show-more {
    text-align: center;
    margin: 10px 0 40px;
    display: flex;
    justify-content: center
}

.statement-overview-instructions {
    margin: 0 auto 40px;
    color: #919299;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media screen and (min-width: 1024px) {
    .statement-overview-instructions {
        max-width: 740px
    }
}

.change-date-wrap {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
    background: #fff;
    padding: 0 20px;
    z-index: 24;
    overflow: auto;
    pointer-events: none;
    transform: translateY(-100%);
    transition: all .5s ease-in-out;
    opacity: 0
}

.change-date-wrap.is-opened {
    transform: translateY(0);
    pointer-events: all;
    opacity: 1
}

.change-date-wrap .button {
    margin-left: 0
}

.change-date-wrap .react-calendar {
    box-shadow: none !important;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .change-date-wrap .react-calendar {
        width: 340px !important
    }
}

.change-date-wrap .datepicker-calendar {
    max-width: 100%;
    width: 100% !important
}

@media only screen and (min-width: 768px) {
    .change-date-wrap .datepicker-calendar {
        max-width: 100vw
    }
}

.change-date-wrap .react-datepicker__month {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .change-date-wrap .react-datepicker__month {
        width: 300px
    }
}

@media only screen and (min-width: 768px) {
    .change-date-wrap {
        position: absolute;
        inset: 30px auto auto -50px;
        width: 375px;
        height: auto;
        max-height: 0;
        padding: 0 20px;
        box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14;
        z-index: 2;
        transform: none;
        transition: max-height .25s ease-in-out;
        opacity: 1;
        overflow: hidden
    }

    .change-date-wrap.is-opened {
        top: 30px;
        max-height: 600px
    }
}

@media only screen and (min-width: 768px) {
    .change-date-wrap .react-calendar__tile {
        width: 35px !important;
        height: 35px !important
    }
}

.change-date-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 60px;
    padding: 15px 0;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .change-date-header {
        display: none
    }
}

.change-date-header .button {
    font-size: 18px
}

.change-date-header .button .icon {
    height: 18px;
    padding: 0;
    margin: 0;
    font-size: 18px
}

.change-date-header .button:focus {
    background: #f7f8fa
}

.change-date-datepickers {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px 0 10px
}

.change-date-datepickers .datepicker__error {
    position: absolute;
    z-index: 30
}

.change-date-datepickers .react-calendar__month-view__days {
    width: auto !important
}

@media only screen and (min-width: 768px) {
    .change-date-datepickers .react-calendar__month-view__days {
        width: 335px !important
    }
}

.change-date-datepickers .react-date-picker__calendar {
    z-index: 29;
    background: #fff
}

.change-date-datepickers .react-calendar__navigation {
    background: #fff
}

.change-date-datepickers__item {
    width: calc(50% - 10px)
}

.change-date-datepickers__item:last-child {
    margin-right: 0
}

.change-date-datepickers__item .datepicker-container-wrap {
    position: static
}

.change-date-datepickers__item .datepicker-container {
    position: static;
    width: 100%;
    margin-bottom: 0
}

.change-date-datepickers__item .datepicker__error {
    margin-bottom: 0
}

.change-date-datepickers__item .datepicker-calendar {
    top: calc(100% + 10px);
    left: 0
}

.change-date-datepickers__item .datepicker-button {
    top: 16px
}

.change-date-options {
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 20px;
    margin-bottom: 20px;
    width: 100%
}

.change-date-options .button {
    flex-grow: 0;
    padding-right: 9px;
    width: -moz-fit-content;
    width: fit-content
}

.change-date-options .button:hover,
.change-date-options .button:focus {
    color: #021947
}

.change-date-calendar {
    position: relative
}

.change-date-calendar .datepicker-button {
    display: none
}

.change-date-calendar .react-calendar {
    z-index: 2
}

.change-date-calendar .react-calendar__month-view__days {
    width: auto !important
}

@media only screen and (min-width: 768px) {
    .change-date-calendar .react-calendar__month-view__days {
        width: 335px !important
    }
}

.change-date-calendar-buttons-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.change-date-calendar-buttons {
    display: flex;
    margin-bottom: 20px
}

.change-date-calendar-buttons .button {
    display: block;
    margin-right: 20px
}

.change-date-calendar-buttons .button:last-child {
    margin-right: 0
}

.statement-overview-empty {
    padding-top: 45px;
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-top: thin solid #d9dae4;
    border-bottom: thin solid #d9dae4;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.statement-overview-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.statement-table__wrap {
    margin: 10px 0
}

.statement-table__wrap .table {
    table-layout: fixed;
    width: auto;
    min-width: 100%
}

.statement-table__wrap .table .table__data__date {
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap
}

.statement-table__wrap .table .table__data__account,
.statement-table__wrap .table .table__data__comment {
    width: -moz-fit-content;
    width: fit-content
}

.statement-table__wrap .table .table__data__comment {
    word-break: break-word
}

.statement-table__wrap .table .table__data__sum {
    width: 0;
    min-width: 13.375rem;
    text-align: right;
    white-space: nowrap
}

.statement-table__wrap .table .table__row:hover {
    background: #fafbfd
}

@media only screen and (max-width: 1024px) {
    .statement-table__wrap .table {
        width: 100%
    }

    .statement-table__wrap .table tr:not(:last-of-type) {
        border-bottom: none
    }

    .statement-table__wrap .table__header {
        border: none
    }

    .statement-table__wrap .table thead .table__row {
        padding: .625rem 1.25rem;
        border-bottom: none
    }

    .statement-table__wrap .table .table__row {
        padding: 1.25rem
    }

    .statement-table__wrap .table .table__row .table__header {
        padding: 0
    }

    .statement-table__wrap .table .table__row .table__data {
        padding: 0;
        min-height: unset
    }

    .statement-table__wrap .table .table__row .table__data__date,
    .statement-table__wrap .table .table__row .table__data__comment,
    .statement-table__wrap .table .table__row .table__data__sum {
        margin-left: 2.625rem;
        width: unset;
        min-width: unset;
        text-align: unset;
        white-space: unset
    }

    .statement-table__wrap .table .table__row .table__data__account,
    .statement-table__wrap .table .table__row .table__data__comment,
    .statement-table__wrap .table .table__row .table__data__date {
        width: unset;
        white-space: unset
    }

    .statement-table__wrap .table .table__row .table__data__comment,
    .statement-table__wrap .table .table__row .table__data__sum {
        margin-top: .5rem
    }

    .statement-table__wrap .table .table__row .table__data__comment {
        font-size: 1rem
    }

    .statement-table__wrap .table .table__row .table__data__date {
        color: #919299
    }
}

@media print {
    .statement-overview *:not(.statement-overview-header__title):not(.statement-account__icon):not(.icon) {
        font-size: .625rem !important;
        line-height: 120% !important
    }

    .statement-overview .statement-overview-settings {
        display: none
    }

    .statement-overview .statement-overview-summary {
        padding: 0 .5rem;
        gap: 0;
        display: flex;
        flex-direction: column;
        background: none
    }

    .statement-overview .statement-overview-summary-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .625rem
    }

    .statement-overview .statement-overview-summary-date {
        display: none
    }

    .statement-overview .statement-overview-header__title {
        margin-bottom: 0
    }

    .statement-overview .statement-overview-header__title .icon-settings,
    .statement-overview .statement-overview-instructions,
    .statement-overview .statement-overview__show-more {
        display: none
    }

    .statement-overview .statement-overview-accounts {
        width: 22.5rem;
        margin-bottom: 1rem;
        gap: .625rem
    }

    .statement-overview .statement-overview-accounts .field-container__field {
        background: none
    }

    .statement-overview .statement-overview-accounts .Select-value-label div {
        line-height: 125% !important
    }

    .statement-overview .form-text-field-content-item {
        margin-bottom: 0
    }

    .statement-overview .statement-table__wrap {
        margin: 0;
        margin-top: 1rem
    }

    .statement-overview .statement-table__wrap .table {
        width: auto
    }

    .statement-overview .statement-table__wrap .table .thead__mobile {
        display: none
    }

    .statement-overview .statement-table__wrap .table .table__header,
    .statement-overview .statement-table__wrap .table .table__data {
        padding: .25rem .5rem
    }

    .statement-overview .statement-table__wrap .table .table__data__sum {
        text-align: right;
        min-width: -moz-max-content;
        min-width: max-content
    }

    .statement-overview .statement-table__wrap .table .table__data__date {
        width: -moz-fit-content;
        width: fit-content;
        white-space: nowrap
    }

    .statement-overview .statement-table__wrap .table .table__data__account,
    .statement-overview .statement-table__wrap .table .table__data__comment {
        width: 50%
    }

    .statement-overview .statement-table__wrap .table .table__data__sum {
        width: 0;
        text-align: right;
        white-space: nowrap
    }

    .statement-overview .statement-table__wrap .table .sortable-column .sortable-column__sort {
        display: none
    }
}

.statement-overview .statement-account {
    display: flex;
    width: 100%;
    color: #000;
    transition: background-color .15s linear;
    gap: .625rem
}

.statement-overview .statement-account__icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    background-color: #f7f8fa;
    border-radius: 50%;
    transition: background-color .15s linear;
    font-size: 1rem;
    color: #3859bb
}

.statement-overview .statement-account__icon .icon {
    height: 16px;
    line-height: normal
}

.statement-overview .statement-account__icon .icon-dots {
    height: 20px;
    font-size: 12px
}

.statement-overview .statement-account-header {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: .125rem;
    font-size: 1rem;
    line-height: 1.25rem
}

.statement-overview a .statement-account-header {
    color: #3859bb
}

.statement-overview .statement-account-header__name {
    width: 100%;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.statement-overview .statement-account__item {
    font-size: .875rem;
    color: #5f6375;
    text-wrap: nowrap
}

.statement-overview .statement-account__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 21.25rem
}

@media only screen and (max-width: 1366px) {
    .statement-overview .statement-account__content {
        max-width: 15.1875rem
    }
}

@media only screen and (max-width: 1024px) {
    .statement-overview .statement-account__content {
        max-width: calc(100% - 2.625rem)
    }
}

.statement-overview .statement-sum {
    text-transform: uppercase
}

.statement-overview .statement-sum.is-success {
    color: #06815e
}

.statement-overview .statement-sum.is-danger {
    color: #d7011a
}

.defined-payments-wrap {
    position: relative
}

.defined-payments-accounts-select {
    max-width: 280px;
    margin: 0 auto 40px
}

.defined-payments-accounts-select .accounts-item-header-title__link,
.defined-payments-accounts-select .accounts-item-header-title__remainder {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.defined-payments-accounts-select .accounts-item-header__number {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.defined-payments-content {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media only screen and (min-width: 1366px) {
    .defined-payments-content {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .defined-payments-content {
        max-width: 850px
    }
}

.defined-payments-content .accounts-item {
    padding: 20px 0;
    background: #f7f8fa;
    border-bottom: thin solid #d9dae4
}

.defined-payments-content .accounts-item:hover {
    background: #f7f8fa
}

.defined-payments-content .accounts-item .accounts-item-header,
.defined-payments-content .accounts-item .accounts-item-extra {
    padding: 0 10px
}

@media only screen and (min-width: 768px) {

    .defined-payments-content .accounts-item .accounts-item-header,
    .defined-payments-content .accounts-item .accounts-item-extra {
        padding: 0 20px
    }
}

.defined-payments-content .payments-list-item {
    margin-bottom: 20px
}

.defined-payments-content .payments-list-item .accounts-item-header-title__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.defined-payments-content .payment-select-row-actions__button {
    margin: 0 5px
}

.defined-payments-content .payment-select-row-actions__button:last-child {
    margin-right: -7px
}

.defined-payments-content .payment-select-row__sum {
    line-height: 20px
}

.defined-payments-content .payment-select-row__sum .converted-sum {
    line-height: 17px
}

.defined-payments-content .payment-select-row-info__account span {
    margin-right: 0
}

.defined-payments-content .payment-select-row__sum {
    padding-right: 15px
}

.defined-payments-content .utility-payment {
    padding: 20px;
    border-top: thin solid #d9dae4
}

.defined-payments-content .utility-payment:last-child {
    border-bottom: thin solid #d9dae4
}

.defined-payments-header {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .defined-payments-header {
        display: flex;
        margin-top: 30px
    }
}

.defined-payments-header__title {
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .defined-payments-header__title {
        margin-bottom: 30px;
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

.defined-payments__text {
    display: none;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media screen and (min-width: 768px) {
    .defined-payments__text {
        display: block
    }
}

@media screen and (min-width: 1366px) {
    .defined-payments__text {
        padding: 0 20px
    }
}

.defined-payments-list {
    max-width: 100%;
    margin: 0 auto 10px
}

@media screen and (min-width: 480px) {
    .defined-payments-list {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .defined-payments-list {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .defined-payments-list {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .defined-payments-list {
        max-width: 560px
    }
}

.defined-payments-list .payments-selected-count {
    border-bottom: none
}

.defined-payments-list .payment-select-row.is-head {
    padding-top: 0
}

.defined-payments-header__button {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .defined-payments-header__button {
        position: absolute;
        right: 64px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .defined-payments-header__button {
        display: block
    }
}

.defined-payments-head {
    min-height: 79px
}

.defined-payments-search-wrap {
    background: #fff
}

.defined-payments-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.defined-payments-search-wrap.is-sticky .defined-payments-search__icon-right.is-remove {
    right: 10px;
    top: 35px
}

.defined-payments-applied-search {
    max-width: 100%;
    padding: 11px 10px;
    margin: 0 auto 10px;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.defined-payments-applied-search span {
    margin-right: 2px
}

.defined-payments-applied-search button {
    min-width: auto;
    padding: 0
}

.defined-payments-applied-search button.is-right {
    float: right
}

@media only screen and (min-width: 768px) {
    .defined-payments-applied-search {
        padding: 11px 20px
    }
}

@media screen and (min-width: 480px) {
    .defined-payments-applied-search {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .defined-payments-applied-search {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .defined-payments-applied-search {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .defined-payments-applied-search {
        max-width: 560px
    }
}

.defined-payments-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 30px;
    max-width: 100%
}

.defined-payments-search .field-container__field {
    background: none
}

.defined-payments-search-wrap.is-sticky .defined-payments-search {
    box-shadow: 0 4px 4px -4px #34495e14, 0 16px 16px -16px #34495e14;
    padding: 8px 10px
}

@media only screen and (min-width: 1024px) {
    .defined-payments-search-wrap.is-sticky .defined-payments-search {
        padding: 10px 10px 12px
    }
}

@media only screen and (min-width: 480px) {
    .defined-payments-search {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .defined-payments-search {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .defined-payments-search {
        max-width: 550px
    }
}

@media only screen and (min-width: 1920px) {
    .defined-payments-search {
        max-width: 560px
    }
}

.defined-payments-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.defined-payments-search .form-input-icon {
    left: 0
}

.defined-payments-search .form-input-icon button:focus {
    background: none
}

.defined-payments-search .form-input-icon button:focus i {
    color: #3859bb
}

.defined-payments-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.defined-payments-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.defined-payments-search__icon-right {
    position: absolute
}

.defined-payments-search__icon-right.button:focus {
    background-color: #0000
}

.defined-payments-search__icon-right .icon {
    height: 20px;
    font-size: 20px;
    line-height: normal
}

.defined-payments-search__icon-right.is-remove {
    top: 25px;
    right: 0;
    color: #919299
}

.defined-payments-search__icon-right.is-remove:hover,
.defined-payments-search__icon-right.is-remove:focus {
    color: #919299
}

.defined-payments-search__icon-right.is-remove .icon {
    height: 12px;
    font-size: 12px
}

.defined-payments-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.defined-payments-select__show-more {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.defined-payments-flash-messages {
    max-width: 580px;
    margin: 20px auto
}

@media only screen and (min-width: 768px) {
    .defined-payments-flash-messages {
        margin-top: 0;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .defined-payments-flash-messages {
        max-width: 740px
    }
}

.defined-payments-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.defined-payments-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.defined-payments-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.defined-payments-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.defined-payments-applied-search {
    padding: 11px 15px;
    margin-bottom: 10px;
    background: #f7f8fa;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.defined-payments-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.defined-payments-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .defined-payments-button-wrap.is-sticky {
        box-shadow: none
    }
}

.defined-payments-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 15px 25px
}

.is-sticky .defined-payments-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .defined-payments-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (min-width: 480px) {
    .defined-payments-button {
        width: 360px
    }
}

.defined-payments-accordion {
    max-width: 740px;
    width: 100%;
    margin: 40px auto
}

@media only screen and (min-width: 480px) {
    .defined-payments-accordion {
        margin: 80px auto
    }
}

.card-information-wrap {
    position: relative
}

.card-information-content {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto 15px
}

@media only screen and (min-width: 768px) {
    .card-information-content {
        width: 580px;
        padding: 0;
        margin: 0 auto 15px
    }
}

@media only screen and (min-width: 1024px) {
    .card-information-content {
        width: 740px
    }
}

.card-information-header {
    position: relative;
    margin: 0 auto 20px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .card-information-header {
        display: flex;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1366px) {
    .card-information-header {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .card-information-header {
        max-width: 850px
    }
}

.card-information-header-button {
    display: none
}

.card-information-header-button .button {
    font-size: 14px
}

.card-information-header-button .button .icon {
    margin-right: 10px
}

.card-information-header-button .button span {
    display: flex;
    align-items: center
}

.card-information-header-button .button:hover {
    text-decoration: none
}

@media only screen and (min-width: 1024px) {
    .card-information-header-button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%
    }
}

@media only screen and (min-width: 768px) {
    .card-information-header-button {
        position: absolute;
        left: 0
    }
}

.card-information-header-title {
    margin: 0 auto;
    text-align: center
}

@media only screen and (min-width: 480px) {
    .card-information-header-title {
        max-width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .card-information-header-title {
        max-width: 500px
    }
}

.card-information-header-title .title-primary {
    max-width: 240px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .card-information-header-title .title-primary {
        display: flex;
        justify-content: center;
        max-width: none;
        margin-bottom: 25px
    }
}

.card-information-credit-card {
    max-width: 550px;
    margin: 0 auto 10px
}

.card-information-credit-card .credit-card-info__title,
.card-information-credit-card .credit-card-info-features {
    display: none
}

.card-information-credit-card .credit-card-info-credit,
.card-information-credit-card .credit-card-info__service {
    display: block
}

.card-information-credit-card .credit-card-info-action {
    display: inline-block
}

.card-information-credit-card .credit-card {
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .card-information-credit-card .credit-card {
        flex-direction: row;
        align-items: flex-start
    }
}

.card-information-credit-card .credit-card-info {
    padding-left: 0;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .card-information-credit-card .credit-card-info {
        text-align: left;
        padding-left: 20px
    }
}

.card-information-credit-card .credit-card-info__status.is-mobile {
    display: block
}

@media only screen and (min-width: 768px) {
    .card-information-credit-card .credit-card-info__status {
        display: block
    }
}

.card-information-credit-card .credit-card-info__status.is-mobile {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 768px) {
    .card-information-credit-card .credit-card-info__status.is-mobile {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .card-information-credit-card {
        margin: 0 auto 30px
    }
}

@media only screen and (min-width: 480px)and (max-width: 767px) {
    .card-information-flash-messages {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

.card-information-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.card-information-tab__text {
    display: none;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.card-information-tab__text--conditions {
    margin-bottom: 50px
}

@media only screen and (min-width: 768px) {
    .card-information-tab__text {
        display: block
    }
}

.card-information-tab-list {
    max-width: 550px;
    margin: 30px auto 0
}

.card-information-tab-list .card-feature,
.card-information-tab-list .card-limit-row,
.card-information-tab-list .card-condition {
    border-top: thin solid #d9dae4
}

.card-information-tab-list .card-feature:last-child,
.card-information-tab-list .card-limit-row:last-child,
.card-information-tab-list .card-condition:last-child {
    border-bottom: thin solid #d9dae4
}

.card-information-tab-list .switch {
    width: 40px
}

.card-information-tab-list .slider:before {
    width: 19px;
    height: 19px;
    top: -6px
}

.card-information-tab-list .slider:not(.is-checked) {
    background-color: #5d6d7e29
}

.card-information-tab-list .slider:not(.is-checked):before {
    background: #919299
}

.card-information-tab-list-item {
    margin-bottom: 40px
}

.card-information-tab-list-item__title {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500
}

.card-information__activation {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
    justify-content: center
}

.card-information__flash {
    margin-bottom: 20px
}

.cards-page {
    position: relative
}

.cards-page .slick-arrow {
    display: none !important
}

.cards-page .slick-dots {
    position: absolute;
    top: 200px;
    display: flex !important;
    justify-content: center;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

.cards-page .slick-dots li {
    position: relative;
    width: 8px;
    height: 8px;
    background: #f7f8fa;
    border-radius: 50%;
    margin-right: 8px
}

.cards-page .slick-dots button {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    font-size: 0
}

.cards-page .slick-dots .slick-active {
    background: #5f6375
}

.cards-page-accounts {
    width: 100%;
    margin: 0 auto 40px
}

@media only screen and (min-width: 480px) {
    .cards-page-accounts {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .cards-page-accounts {
        max-width: 350px
    }
}

@media only screen and (min-width: 1024px) {
    .cards-page-accounts {
        max-width: 360px
    }
}

.cards-page-accounts .accounts-item-header-title__link,
.cards-page-accounts .accounts-item-header-title__remainder {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.cards-page-accounts .accounts-item-header-title__link.is-small,
.cards-page-accounts .accounts-item-header-title__remainder.is-small {
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.cards-page-header {
    text-align: center;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .cards-page-header {
        display: flex;
        margin-top: 30px;
        margin-bottom: 10px
    }
}

.cards-page-header-text {
    max-width: 740px;
    margin: 0 auto 20px
}

@media only screen and (max-width: 1024px) {
    .cards-page-header-text {
        max-width: 580px
    }
}

.cards-page-header-text__title {
    margin-bottom: 15px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .cards-page-header-text__title {
        padding: 0 200px;
        margin-bottom: 25px;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px
    }
}

.cards-page-header-text__subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    text-align: center
}

.cards-page-header__button .button {
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .cards-page-header__button {
        position: absolute;
        right: 64px
    }
}

.cards-page-content {
    max-width: 550px;
    margin: 0 auto;
    overflow: hidden
}

.cards-page-content .credit-card:not(.is-small) {
    margin-bottom: 30px
}

@media only screen and (max-width: 768px) {

    .cards-page-content.slick-slider,
    .cards-page-content.single-card-wrapper {
        display: flex;
        justify-content: center;
        max-width: 100%;
        padding-top: 20px;
        overflow: visible
    }
}

.cards-page-content.slick-slider .credit-card,
.cards-page-content.single-card-wrapper .credit-card {
    flex-direction: column;
    max-width: 260px;
    margin: 0 auto
}

.cards-page-content.slick-slider .credit-card-image,
.cards-page-content.single-card-wrapper .credit-card-image {
    width: 100%
}

.cards-page-content.slick-slider .credit-card-info,
.cards-page-content.single-card-wrapper .credit-card-info {
    padding-left: 0;
    padding-top: 50px;
    text-align: center
}

.cards-page-content.slick-slider .credit-card-info-features,
.cards-page-content.single-card-wrapper .credit-card-info-features {
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .cards-page-content {
        overflow: visible
    }
}

.cards-page-content .accounts-item-header {
    padding: 20px;
    background: #f7f8fa
}

.cards-page-content .accounts-item-header-title__link,
.cards-page-content .accounts-item-header-title__remainder {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.cards-page-content .accounts-item-header__number {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.cards-list {
    margin-bottom: 40px
}

.cards-list:last-child {
    margin-bottom: 0
}

.button.credit-card-info__status-block {
    margin-left: 10px;
    min-width: auto
}

.button.credit-card-info__status-block--block {
    margin-left: 0;
    display: block
}

.e-services {
    max-width: 1140px;
    margin: 0 auto
}

.e-services__title {
    margin-bottom: 30px;
    text-align: center
}

.e-services-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px
}

@media only screen and (min-width: 768px) {
    .e-services-content {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 1366px) {
    .e-services-content {
        grid-template-columns: repeat(3, 1fr)
    }
}

.e-service-block-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 150px;
    border-bottom: thin solid #d9dae4;
    text-align: center
}

.e-service-block-img img {
    width: 142px
}

@media only screen and (min-width: 768px) {
    .e-service-block-img img {
        width: 157px
    }
}

@media only screen and (min-width: 768px) {
    .e-service-block-img {
        height: 180px
    }
}

.e-service-block {
    width: 100%;
    box-shadow: 0 0 8px #34495e14;
    border: thin solid #d9dae4;
    cursor: pointer
}

.e-service-block-content {
    padding: 25px 20px
}

@media only screen and (min-width: 768px) {
    .e-service-block-content {
        padding: 45px 40px
    }
}

.e-service-block__title {
    margin-bottom: 28px;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

.e-service-block__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.e-accounts-wrap {
    position: relative
}

.e-accounts-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1366px) {
    .e-accounts-content {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .e-accounts-content {
        max-width: 850px
    }
}

.e-accounts-content .accounts-item {
    padding: 20px 0;
    background: #f7f8fa;
    border-bottom: thin solid #d9dae4
}

.e-accounts-content .accounts-item:hover {
    background: #f7f8fa
}

.e-accounts-content .accounts-item .accounts-item-header,
.e-accounts-content .accounts-item .accounts-item-extra {
    padding: 0 10px
}

@media only screen and (min-width: 768px) {

    .e-accounts-content .accounts-item .accounts-item-header,
    .e-accounts-content .accounts-item .accounts-item-extra {
        padding: 0 20px
    }
}

.e-accounts-content .payments-list-item {
    margin-bottom: 20px
}

.e-accounts-content .payments-list-item .accounts-item-header-title__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.e-accounts-content .payment-select-row-actions__button {
    margin: 0 5px
}

.e-accounts-content .payment-select-row-actions__button:last-child {
    margin-right: -7px
}

.e-accounts-content .payment-select-row__sum {
    line-height: 20px
}

.e-accounts-content .payment-select-row__sum .converted-sum {
    line-height: 17px
}

.e-accounts-content .payment-select-row-info__account span {
    margin-right: 0
}

.e-accounts-content .payment-select-row__sum {
    padding-right: 15px
}

.e-accounts-content .utility-payment {
    padding: 20px;
    border-top: thin solid #d9dae4
}

.e-accounts-content .utility-payment:last-child {
    border-bottom: thin solid #d9dae4
}

.e-accounts-header {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .e-accounts-header {
        display: flex;
        margin-top: 30px
    }
}

.e-accounts-header__title {
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .e-accounts-header__title {
        margin-bottom: 30px;
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

.e-accounts__text {
    display: none;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media screen and (min-width: 768px) {
    .e-accounts__text {
        display: block
    }
}

.e-accounts-list {
    max-width: 100%;
    margin: 0 auto 10px;
    border-top: thin solid #d9dae4
}

@media screen and (min-width: 480px) {
    .e-accounts-list {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .e-accounts-list {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .e-accounts-list {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .e-accounts-list {
        max-width: 560px
    }
}

.e-accounts-header__button {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .e-accounts-header__button {
        position: absolute;
        right: 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .e-accounts-header__button {
        display: block
    }
}

.e-accounts-head {
    margin-top: -10px
}

.e-accounts-search-wrap {
    background: #fff
}

.e-accounts-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.e-accounts-search-wrap.is-sticky .e-accounts-search__icon-right.is-remove {
    right: 10px;
    top: 35px
}

.e-accounts-applied-search {
    max-width: 100%;
    padding: 11px 10px;
    margin: 0 auto 10px;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.e-accounts-applied-search span {
    margin-right: 2px
}

.e-accounts-applied-search button {
    min-width: auto;
    padding: 0
}

.e-accounts-applied-search button.is-right {
    float: right
}

@media only screen and (min-width: 768px) {
    .e-accounts-applied-search {
        padding: 11px 20px
    }
}

@media screen and (min-width: 480px) {
    .e-accounts-applied-search {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .e-accounts-applied-search {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .e-accounts-applied-search {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .e-accounts-applied-search {
        max-width: 560px
    }
}

.e-accounts-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 30px;
    max-width: 100%
}

.e-accounts-search .field-container__field {
    background: none
}

.e-accounts-search-wrap.is-sticky .e-accounts-search {
    padding: 8px 10px
}

@media only screen and (min-width: 1024px) {
    .e-accounts-search-wrap.is-sticky .e-accounts-search {
        padding: 10px 10px 12px
    }
}

@media only screen and (min-width: 480px) {
    .e-accounts-search {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .e-accounts-search {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .e-accounts-search {
        max-width: 550px
    }
}

@media only screen and (min-width: 1920px) {
    .e-accounts-search {
        max-width: 560px
    }
}

.e-accounts-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.e-accounts-search .form-input-icon {
    left: 0
}

.e-accounts-search .form-input-icon button:focus {
    background: none
}

.e-accounts-search .form-input-icon button:focus i {
    color: #3859bb
}

.e-accounts-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.e-accounts-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    height: 16px;
    color: #919299
}

.e-accounts-search__icon-right {
    position: absolute
}

.e-accounts-search__icon-right.button:focus {
    background-color: #0000
}

.e-accounts-search__icon-right .icon {
    height: 20px;
    font-size: 20px;
    line-height: normal;
    margin-right: 4px
}

.e-accounts-search__icon-right.is-remove {
    top: 25px;
    right: 0;
    color: #919299
}

.e-accounts-search__icon-right.is-remove:hover,
.e-accounts-search__icon-right.is-remove:focus {
    color: #919299
}

.e-accounts-search__icon-right.is-remove .icon {
    height: 12px;
    font-size: 12px
}

.e-accounts-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.e-accounts-select__show-more {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.e-accounts-flash-messages {
    max-width: 580px;
    margin: 20px auto
}

@media only screen and (min-width: 768px) {
    .e-accounts-flash-messages {
        margin-top: 0;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .e-accounts-flash-messages {
        max-width: 740px
    }
}

.e-accounts-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.e-accounts-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.e-accounts-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.e-accounts-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.e-accounts-applied-search {
    padding: 11px 15px;
    margin-bottom: 10px;
    background: #f7f8fa;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.e-accounts-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.e-accounts-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .e-accounts-button-wrap.is-sticky {
        box-shadow: none
    }
}

.e-accounts-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 15px 25px
}

.is-sticky .e-accounts-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .e-accounts-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (min-width: 480px) {
    .e-accounts-button {
        width: 360px
    }
}

.e-accounts-accordion {
    max-width: 740px;
    width: 100%;
    margin: 40px auto
}

@media only screen and (min-width: 480px) {
    .e-accounts-accordion {
        margin: 80px auto
    }
}

.messages-wrap {
    position: relative
}

.messages-wrap.has-padding {
    padding-bottom: 80px
}

.messages-content {
    max-width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 480px) {
    .messages-content {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .messages-content {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .messages-content {
        max-width: 550px
    }
}

.messages-list {
    margin-bottom: 10px
}

.messages-list .payment-select-row {
    row-gap: 20px
}

.messages-list .payment-select-row__content-title {
    margin-right: 35px;
    display: block
}

@media screen and (max-width: 480px) {
    .messages-list .payment-select-row-actions {
        width: 100%;
        justify-content: space-between
    }
}

.messages-header {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .messages-header {
        display: flex;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .messages-header {
        max-width: 740px
    }
}

.messages-header__title {
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .messages-header__title {
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

@media only screen and (max-width: 768px) {
    .messages-header__title {
        margin-bottom: 40px
    }
}

.messages-header__button .button {
    font-size: 14px
}

.messages-header__button .button .icon {
    margin-right: 10px
}

.messages-header__button .button span {
    display: flex;
    align-items: center
}

.messages-header__button .button:hover {
    text-decoration: none
}

@media only screen and (min-width: 1024px) {
    .messages-header__button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%
    }
}

@media only screen and (max-width: 1024px) {
    .messages-header__button {
        margin-bottom: 5px;
        text-align: right
    }
}

@media only screen and (min-width: 768px) {
    .messages-header__button {
        position: absolute;
        right: 0
    }
}

.messages-head {
    min-height: 79px
}

.messages-search-wrap {
    background: #fff
}

.messages-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.messages-search-wrap.is-sticky .messages-search__icon-right {
    right: 10px;
    top: 25px
}

.messages-search-wrap.is-sticky .messages-search__icon-right.is-remove {
    right: 45px;
    top: 30px
}

.messages-applied-search {
    max-width: 100%;
    padding: 11px 10px;
    margin: 0 auto 10px;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.messages-applied-search span {
    margin-right: 2px
}

.messages-applied-search button {
    min-width: auto
}

.messages-applied-search button.is-right {
    float: right
}

@media only screen and (min-width: 768px) {
    .messages-applied-search {
        padding: 11px 20px
    }
}

.messages-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px;
    max-width: 100%
}

.messages-search .field-container__field {
    background: none
}

.messages-search-wrap.is-sticky .messages-search {
    box-shadow: 0 4px 4px -4px #34495e14, 0 16px 16px -16px #34495e14;
    padding: 8px 10px
}

.messages-search-wrap.is-sticky .messages-search .messages-search__icon-right {
    top: 30px
}

.messages-search-wrap.is-sticky .messages-search .messages-search__icon-right.is-remove {
    top: 35px
}

@media only screen and (min-width: 1024px) {
    .messages-search-wrap.is-sticky .messages-search {
        padding: 10px 10px 12px
    }
}

@media screen and (min-width: 480px) {
    .messages-search {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .messages-search {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .messages-search {
        max-width: 550px
    }
}

.messages-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.messages-search input.has-icon {
    padding-right: 55px
}

.messages-search .form-input-icon {
    left: 0
}

.messages-search .form-input-icon button:focus {
    background: none
}

.messages-search .form-input-icon button:focus i {
    color: #3859bb
}

.messages-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.messages-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.messages-search__icon-right {
    position: absolute;
    right: 0;
    top: 20px
}

.messages-search__icon-right.button:focus {
    background-color: #0000
}

.messages-search__icon-right .icon {
    height: 20px;
    font-size: 20px;
    line-height: normal
}

.messages-search__icon-right.is-remove {
    top: 25px;
    right: 35px;
    color: #919299
}

.messages-search__icon-right.is-remove:hover,
.messages-search__icon-right.is-remove:focus {
    color: #919299
}

.messages-search__icon-right.is-remove .icon {
    height: 12px;
    font-size: 12px
}

.messages-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.messages-selected-count {
    border-bottom: thin solid #d9dae4
}

.messages-selected-count-block {
    padding: 11px 15px;
    margin-bottom: 10px;
    text-align: center;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.messages-selected-count-block .button {
    border-radius: 0
}

.messages-selected-count-block .preloader {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top
}

.messages-select__show-more {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.messages-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.messages-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.messages-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.messages-applied-search {
    padding: 11px 15px;
    margin-bottom: 10px;
    background: #f7f8fa;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.messages-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.messages-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - 16px);
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .messages-button-wrap.is-sticky {
        box-shadow: none
    }
}

.messages-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 15px 25px
}

.is-sticky .messages-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .messages-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (min-width: 480px) {
    .messages-button {
        width: 360px
    }
}

.documents-statuses-wrap {
    position: relative
}

.documents-statuses-wrap.has-padding {
    padding-bottom: 80px
}

.documents-statuses-content {
    width: 100%;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) {
    .documents-statuses-content {
        max-width: 620px
    }
}

@media only screen and (min-width: 1366px) {
    .documents-statuses-content {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .documents-statuses-content {
        max-width: 850px
    }
}

.documents-statuses-header {
    position: relative;
    margin: 0 auto 20px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .documents-statuses-header {
        display: flex;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .documents-statuses-header {
        max-width: 620px
    }
}

@media only screen and (min-width: 1366px) {
    .documents-statuses-header {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .documents-statuses-header {
        max-width: 850px
    }
}

.documents-statuses-header__title {
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .documents-statuses-header__title {
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

.documents-statuses__text {
    display: none;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media screen and (min-width: 768px) {
    .documents-statuses__text {
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .documents-statuses__text {
        padding: 0 20px
    }
}

.payments-list {
    max-width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 480px) {
    .payments-list {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .payments-list {
        max-width: 460px
    }
}

@media screen and (min-width: 1366px) {
    .payments-list {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .payments-list {
        max-width: 560px
    }
}

.documents-statuses-header__button {
    display: none
}

.documents-statuses-header__button .button {
    font-size: 14px
}

.documents-statuses-header__button .button .icon {
    margin-right: 10px
}

.documents-statuses-header__button .button span {
    display: flex;
    align-items: center
}

.documents-statuses-header__button .button:hover {
    text-decoration: none
}

@media only screen and (min-width: 1024px) {
    .documents-statuses-header__button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%
    }
}

@media only screen and (min-width: 768px) {
    .documents-statuses-header__button {
        position: absolute;
        right: 0
    }
}

.documents-statuses-head {
    min-height: 79px
}

.documents-statuses-search-wrap {
    background: #fff
}

.documents-statuses-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.documents-statuses-search-wrap.is-sticky .payment-statuses-search__icon-right {
    right: 10px;
    top: 20px
}

.documents-statuses-search-wrap.is-sticky .payment-statuses-search__icon-right.is-remove {
    right: 45px;
    top: 30px
}

.documents-statuses-applied-search {
    max-width: 100%;
    padding: 11px 10px;
    margin: 0 auto 10px;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.documents-statuses-applied-search span {
    margin-right: 2px
}

.documents-statuses-applied-search button {
    min-width: auto
}

.documents-statuses-applied-search button.is-right {
    float: right
}

@media only screen and (min-width: 768px) {
    .documents-statuses-applied-search {
        padding: 11px 20px
    }
}

@media screen and (min-width: 480px) {
    .documents-statuses-applied-search {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .documents-statuses-applied-search {
        max-width: 460px
    }
}

@media screen and (min-width: 1366px) {
    .documents-statuses-applied-search {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .documents-statuses-applied-search {
        max-width: 560px
    }
}

.documents-statuses-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px;
    max-width: 100%
}

.documents-statuses-search .field-container__field {
    background: none
}

.documents-statuses-search-wrap.is-sticky .documents-statuses-search {
    box-shadow: 0 4px 4px -4px #34495e14, 0 16px 16px -16px #34495e14;
    padding: 8px 10px
}

@media only screen and (min-width: 1024px) {
    .documents-statuses-search-wrap.is-sticky .documents-statuses-search {
        padding: 10px 10px 12px
    }
}

@media only screen and (min-width: 480px) {
    .documents-statuses-search {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .documents-statuses-search {
        max-width: 460px
    }
}

@media only screen and (min-width: 1366px) {
    .documents-statuses-search {
        max-width: 550px
    }
}

@media only screen and (min-width: 1920px) {
    .documents-statuses-search {
        max-width: 560px
    }
}

.documents-statuses-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.documents-statuses-search input.has-icon {
    padding-right: 55px
}

.documents-statuses-search .form-input-icon {
    left: 0
}

.documents-statuses-search .form-input-icon button:focus {
    background: none
}

.documents-statuses-search .form-input-icon button:focus i {
    color: #3859bb
}

.documents-statuses-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.documents-statuses-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.documents-statuses-search__icon-right {
    position: absolute;
    right: 0;
    top: 20px
}

.documents-statuses-search__icon-right.button:focus {
    background-color: #0000
}

.documents-statuses-search__icon-right .icon {
    height: 20px;
    font-size: 20px;
    line-height: normal
}

.documents-statuses-search__icon-right.is-remove {
    top: 20px;
    right: 35px;
    color: #919299
}

.documents-statuses-search__icon-right.is-remove:hover,
.documents-statuses-search__icon-right.is-remove:focus {
    color: #919299
}

.documents-statuses-search__icon-right.is-remove .icon {
    height: 12px;
    font-size: 12px
}

.documents-statuses-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.payments-selected-count-block {
    padding: 11px 15px;
    margin-bottom: 10px;
    text-align: center;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-selected-count-block .button {
    border-radius: 0
}

.payments-selected-count-block .preloader {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top
}

.documents-statuses-select__show-more {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    margin-top: 10px;
    justify-content: center
}

.documents-statuses-flash-messages {
    max-width: 580px;
    margin: 20px auto
}

@media only screen and (min-width: 768px) {
    .documents-statuses-flash-messages {
        margin-top: 0;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .documents-statuses-flash-messages {
        max-width: 740px
    }
}

.documents-statuses-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.documents-statuses-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.documents-statuses-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.documents-statuses-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.documents-statuses-applied-search {
    padding: 11px 15px;
    margin-bottom: 10px;
    background: #f7f8fa;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.documents-statuses-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

.documents-statuses-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - 16px);
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .documents-statuses-button-wrap.is-sticky {
        box-shadow: none
    }
}

@media only screen and (max-width: 768px) {
    .documents-statuses-button-wrap.is-sticky .button {
        width: 100%
    }
}

.documents-statuses-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
    padding: 15px 15px 25px
}

.is-sticky .documents-statuses-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .documents-statuses-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (min-width: 480px) {
    .documents-statuses-button {
        width: 360px
    }
}

.periodic-payments-wrap {
    position: relative
}

.periodic-payments-wrap .currency {
    text-transform: uppercase
}

.periodic-payments-accounts-select {
    max-width: 360px;
    margin: 0 auto 40px
}

.periodic-payments-accounts-select .accounts-item-header-title__link,
.periodic-payments-accounts-select .accounts-item-header-title__remainder {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.periodic-payments-accounts-select .accounts-item-header__number {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.periodic-payments-content {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media only screen and (min-width: 1366px) {
    .periodic-payments-content {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .periodic-payments-content {
        max-width: 850px
    }
}

.periodic-payments-content .accounts-item {
    padding: 20px 0;
    margin-top: 20px;
    background: #f7f8fa
}

.periodic-payments-content .accounts-item:hover {
    background: #f7f8fa
}

.periodic-payments-content .accounts-item .accounts-item-header,
.periodic-payments-content .accounts-item .accounts-item-extra {
    padding: 0 10px
}

@media only screen and (min-width: 768px) {

    .periodic-payments-content .accounts-item .accounts-item-header,
    .periodic-payments-content .accounts-item .accounts-item-extra {
        padding: 0 20px
    }
}

.periodic-payments-content .accounts-item-header-title__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.periodic-payments-content .payment-select-row-actions__button {
    margin: 0 5px
}

.periodic-payments-content .payment-select-row-actions__button:last-child {
    margin-right: -7px
}

.periodic-payments-content .payment-select-row__sum {
    line-height: 20px
}

.periodic-payments-content .payment-select-row__sum .converted-sum {
    line-height: 17px
}

.periodic-payments-content .payment-select-row-info__account span {
    margin-right: 0
}

.periodic-payments-content .payment-select-row__sum {
    padding-right: 15px
}

.periodic-payments-content .utility-payment {
    padding: 20px;
    border-top: thin solid #d9dae4
}

.periodic-payments-content .utility-payment:last-child {
    border-bottom: thin solid #d9dae4
}

.periodic-payments-header {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .periodic-payments-header {
        display: flex;
        margin-top: 30px
    }
}

.periodic-payments-header__title {
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .periodic-payments-header__title {
        margin-bottom: 30px;
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

.periodic-payments__text {
    display: none;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media screen and (min-width: 768px) {
    .periodic-payments__text {
        display: block
    }
}

@media screen and (min-width: 1366px) {
    .periodic-payments__text {
        padding: 0 20px
    }
}

.periodic-payments-list {
    max-width: 100%;
    margin: 0 auto 10px
}

@media screen and (min-width: 480px) {
    .periodic-payments-list {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .periodic-payments-list {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .periodic-payments-list {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .periodic-payments-list {
        max-width: 560px
    }
}

.periodic-payments-list .payments-selected-count {
    border-bottom: none
}

.periodic-payments-list .payment-select-row.is-head {
    padding-top: 0
}

.periodic-payments-header__button {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .periodic-payments-header__button {
        position: absolute;
        right: 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .periodic-payments-header__button {
        display: block
    }
}

.periodic-payments-search-wrap {
    background: #fff
}

.periodic-payments-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.periodic-payments-search-wrap.is-sticky .periodic-payments-search__icon-right.is-remove {
    right: 10px;
    top: 35px
}

.periodic-payments-applied-search {
    max-width: 100%;
    padding: 11px 10px;
    margin: 0 auto 10px;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.periodic-payments-applied-search span {
    margin-right: 2px
}

.periodic-payments-applied-search button {
    min-width: auto;
    padding: 0
}

.periodic-payments-applied-search button.is-right {
    float: right
}

@media only screen and (min-width: 768px) {
    .periodic-payments-applied-search {
        padding: 11px 20px
    }
}

@media screen and (min-width: 480px) {
    .periodic-payments-applied-search {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .periodic-payments-applied-search {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .periodic-payments-applied-search {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .periodic-payments-applied-search {
        max-width: 560px
    }
}

.periodic-payments-search {
    position: relative;
    margin: 0 auto;
    max-width: 100%
}

.periodic-payments-search .field-container__field {
    background: none
}

.periodic-payments-search-wrap.is-sticky .periodic-payments-search {
    box-shadow: 0 4px 4px -4px #34495e14, 0 16px 16px -16px #34495e14;
    padding: 8px 10px
}

@media only screen and (min-width: 1024px) {
    .periodic-payments-search-wrap.is-sticky .periodic-payments-search {
        padding: 10px 10px 12px
    }
}

@media only screen and (min-width: 480px) {
    .periodic-payments-search {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .periodic-payments-search {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .periodic-payments-search {
        max-width: 550px
    }
}

@media only screen and (min-width: 1920px) {
    .periodic-payments-search {
        max-width: 560px
    }
}

.periodic-payments-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.periodic-payments-search .form-input-icon {
    left: 0
}

.periodic-payments-search .form-input-icon button:focus {
    background: none
}

.periodic-payments-search .form-input-icon button:focus i {
    color: #3859bb
}

.periodic-payments-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.periodic-payments-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.periodic-payments-search__icon-right {
    position: absolute
}

.periodic-payments-search__icon-right.button:focus {
    background-color: #0000
}

.periodic-payments-search__icon-right .icon {
    height: 20px;
    font-size: 20px;
    line-height: normal
}

.periodic-payments-search__icon-right.is-remove {
    top: 25px;
    right: 0;
    color: #919299
}

.periodic-payments-search__icon-right.is-remove:hover,
.periodic-payments-search__icon-right.is-remove:focus {
    color: #919299
}

.periodic-payments-search__icon-right.is-remove .icon {
    height: 12px;
    font-size: 12px
}

.periodic-payments-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.periodic-payments-select__show-more {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.periodic-payments-flash-messages {
    max-width: 580px;
    margin: 20px auto
}

@media only screen and (min-width: 768px) {
    .periodic-payments-flash-messages {
        margin-top: 0;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .periodic-payments-flash-messages {
        max-width: 740px
    }
}

.periodic-payments-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.periodic-payments-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.periodic-payments-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.periodic-payments-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.periodic-payments-applied-search {
    padding: 11px 15px;
    margin-bottom: 10px;
    background: #f7f8fa;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.periodic-payments-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.periodic-payments-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .periodic-payments-button-wrap.is-sticky {
        box-shadow: none
    }
}

.periodic-payments-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 15px 25px
}

.is-sticky .periodic-payments-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .periodic-payments-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (min-width: 480px) {
    .periodic-payments-button {
        width: 360px
    }
}

.periodic-payments-accordion {
    max-width: 740px;
    width: 100%;
    margin: 40px auto
}

@media only screen and (min-width: 480px) {
    .periodic-payments-accordion {
        margin: 80px auto
    }
}

.deposits-wrap {
    position: relative
}

.deposits-wrap.has-padding {
    padding-bottom: 80px
}

.deposits-content {
    max-width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 480px) {
    .deposits-content {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .deposits-content {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .deposits-content {
        max-width: 550px
    }
}

.deposits-list {
    margin-bottom: 10px
}

.deposit-detail-row {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-top: thin solid #d9dae4
}

.deposit-detail-row:last-child {
    border-bottom: thin solid #d9dae4
}

.deposit-detail-row-info__title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.deposit-detail-row-info__date {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #919299
}

.deposit-detail-row-sum {
    flex-shrink: 0;
    margin-left: 20px;
    line-height: 23px;
    text-align: right;
    text-transform: uppercase
}

.deposit-detail-row-sum__secondary {
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.deposits-header {
    width: 100%;
    position: relative;
    margin: 0 auto 20px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .deposits-header {
        display: flex;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .deposits-header {
        max-width: 740px
    }
}

@media only screen and (max-width: 1024px) {
    .deposits-header {
        margin: 0 auto 35px
    }
}

.deposits-header__title {
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .deposits-header__title {
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

.messages__text {
    display: none;
    margin: 0 auto 40px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media screen and (min-width: 768px) {
    .messages__text {
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .messages__text {
        max-width: 740px
    }
}

.payments-list__show-more {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.deposits-header__button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    position: absolute;
    right: 0
}

.deposits-header__button .button .icon {
    margin-right: 10px
}

.deposits-header__button .button span {
    display: flex;
    align-items: center
}

.deposits-header__button .button:hover {
    text-decoration: none
}

@media only screen and (max-width: 1024px) {
    .deposits-header__button {
        margin-bottom: 15px
    }
}

.deposits-head {
    min-height: 79px
}

.deposits-search-wrap {
    background: #fff
}

.deposits-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.deposits-search-wrap.is-sticky .deposits-search__icon-right {
    right: 10px;
    top: 25px
}

.deposits-search-wrap.is-sticky .deposits-search__icon-right.is-remove {
    right: 45px;
    top: 30px
}

.deposits-applied-search {
    max-width: 100%;
    padding: 11px 10px;
    margin: 0 auto 10px;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.deposits-applied-search span {
    margin-right: 2px
}

.deposits-applied-search button {
    min-width: auto
}

.deposits-applied-search button.is-right {
    float: right
}

@media only screen and (min-width: 768px) {
    .deposits-applied-search {
        padding: 11px 20px
    }
}

.deposits-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px;
    max-width: 100%
}

.deposits-search .field-container__field {
    background: none
}

.deposits-search-wrap.is-sticky .deposits-search {
    box-shadow: 0 4px 4px -4px #34495e14, 0 16px 16px -16px #34495e14;
    padding: 8px 10px
}

.deposits-search-wrap.is-sticky .deposits-search .deposits-search__icon-right {
    top: 30px
}

.deposits-search-wrap.is-sticky .deposits-search .deposits-search__icon-right.is-remove {
    top: 35px
}

@media only screen and (min-width: 1024px) {
    .deposits-search-wrap.is-sticky .deposits-search {
        padding: 10px 10px 12px
    }
}

@media screen and (min-width: 480px) {
    .deposits-search {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .deposits-search {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .deposits-search {
        max-width: 550px
    }
}

.deposits-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.deposits-search input.has-icon {
    padding-right: 55px
}

.deposits-search .form-input-icon {
    left: 0
}

.deposits-search .form-input-icon button:focus {
    background: none
}

.deposits-search .form-input-icon button:focus i {
    color: #3859bb
}

.deposits-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.deposits-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.deposits-search__icon-right {
    position: absolute;
    right: 0;
    top: 20px
}

.deposits-search__icon-right.button:focus {
    background-color: #0000
}

.deposits-search__icon-right .icon {
    height: 20px;
    font-size: 20px;
    line-height: normal
}

.deposits-search__icon-right.is-remove {
    top: 25px;
    right: 35px;
    color: #919299
}

.deposits-search__icon-right.is-remove:hover,
.deposits-search__icon-right.is-remove:focus {
    color: #919299
}

.deposits-search__icon-right.is-remove .icon {
    height: 12px;
    font-size: 12px
}

.deposits-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.deposits-selected-count {
    border-bottom: thin solid #d9dae4
}

.deposits-selected-count-block {
    padding: 11px 15px;
    margin-bottom: 10px;
    text-align: center;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.deposits-selected-count-block .button {
    border-radius: 0
}

.deposits-selected-count-block .preloader {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top
}

.deposits-show-more {
    text-align: center;
    margin-bottom: 20px
}

.deposits-summary {
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .deposits-summary {
        padding: 0 20px
    }
}

.deposits-summary-row {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
    line-height: 23px
}

.deposits-summary-row .deposits-description {
    display: flex;
    justify-content: space-between
}

.deposits-summary-row .deposits-description--price {
    white-space: nowrap
}

.deposits-summary-row span {
    width: 100%;
    text-align: right
}

@media only screen and (min-width: 768px) {
    .deposits-summary-row span {
        width: auto
    }
}

.deposits-summary-row span.is-deposits-count {
    width: 100%;
    margin-bottom: 10px;
    text-transform: lowercase;
    white-space: nowrap
}

@media only screen and (min-width: 768px) {
    .deposits-summary-row span.is-deposits-count {
        width: auto;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .deposits-summary-row {
        width: auto;
        flex-wrap: nowrap;
        margin-bottom: 0
    }

    .deposits-summary-row.is-first {
        justify-content: flex-start;
        margin-bottom: -23px
    }
}

.deposits-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.deposits-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.deposits-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.deposits-applied-search {
    padding: 11px 15px;
    margin-bottom: 10px;
    background: #f7f8fa;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.deposits-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.deposits-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - 16px);
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .deposits-button-wrap.is-sticky {
        box-shadow: none
    }
}

.deposits-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 15px 25px
}

.is-sticky .deposits-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .deposits-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (min-width: 480px) {
    .deposits-button {
        width: 360px
    }
}

.settings-wrap {
    position: relative
}

.settings-wrap.has-padding {
    padding-bottom: 80px
}

.settings-content {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto
}

.settings-content .field-container {
    margin-bottom: 20px
}

.settings-header {
    position: relative;
    margin: 0 auto 20px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .settings-header {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .settings-header {
        max-width: 620px
    }
}

@media only screen and (min-width: 1366px) {
    .settings-header {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .settings-header {
        max-width: 850px
    }
}

.settings-header__title {
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .settings-header__title {
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

.settings__text {
    display: none;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media screen and (min-width: 768px) {
    .settings__text {
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .settings__text {
        padding: 0 20px
    }
}

.settings-content-item {
    margin-bottom: 40px
}

.settings-content__title {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.settings-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.settings-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .settings-button-wrap.is-sticky {
        box-shadow: none
    }
}

.settings-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 0 25px;
    display: flex;
    justify-content: center;
    align-items: center
}

.settings-button .button {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .settings-button .button {
        width: -moz-fit-content;
        width: fit-content
    }
}

.is-sticky .settings-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .settings-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (max-width: 768px) {
    .is-sticky .settings-button {
        padding-left: 20px;
        padding-right: 20px
    }

    .is-sticky .settings-button button {
        width: 312px
    }
}

@media only screen and (max-width: 480px) {
    .is-sticky .settings-button {
        padding-left: 35px;
        padding-right: 35px;
        width: 100%
    }
}

.client-information {
    width: 100%;
    max-width: 740px;
    margin: 0 auto
}

.client-information-title {
    margin-bottom: 40px;
    text-align: center
}

.client-information-title .title-primary {
    margin-bottom: 25px
}

.client-information-title .flash-message-wrap {
    margin-top: 25px
}

.client-information-content {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px
}

.client-information-content .client {
    margin-right: 20px
}

.client-information-content .client__circle {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    min-height: 40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (min-width: 768px) {
    .client-information-content .client__circle {
        min-width: 75px;
        min-height: 75px;
        font-size: 21px
    }
}

.client-credentials-header {
    margin-bottom: 20px
}

.client-credentials-header__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.client-credentials-header__id {
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.client-credentials-address-item {
    margin-bottom: 10px;
    line-height: 18px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.client-credentials-address-item .icon {
    margin-right: 6px;
    color: #3859bb;
    font-size: 16px
}

.client-information-buttons .button {
    margin-bottom: 20px
}

.client-information-buttons .button:last-child {
    margin: 0
}

@media only screen and (min-width: 768px) {
    .client-information-buttons .button {
        width: auto;
        margin-bottom: 0
    }
}

.client-information-buttons .buttons-group {
    margin: 0 auto;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .client-information-buttons .buttons-group {
        flex-direction: row;
        gap: 1.25rem
    }
}

.credits-wrap {
    position: relative
}

.credits-content {
    max-width: 580px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1366px) {
    .credits-content {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .credits-content {
        max-width: 850px
    }
}

.credits-content .credits-deposits-item {
    padding: 20px;
    border-bottom: thin solid #d9dae4
}

.credits-content .credits-deposits-item .accounts-item-header,
.credits-content .credits-deposits-item .accounts-item-extra {
    padding: 0 10px
}

@media only screen and (min-width: 768px) {

    .credits-content .credits-deposits-item .accounts-item-header,
    .credits-content .credits-deposits-item .accounts-item-extra {
        padding: 0 20px
    }
}

.credits-content .credits-deposits-item .currency {
    margin-left: 3px;
    text-transform: uppercase
}

.credits-content .credits-deposits-item-header-title__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.credits-content .credits-deposits-item-header-title__remainder {
    line-height: 23px
}

.credits-content .credits-deposits-item-header-title__remainder.is-extra,
.credits-content .credits-deposits-item-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.credits-deposits-item__warning {
    color: #d56000;
    margin-top: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.credits-deposits-item__warning>.icon {
    height: 18px;
    margin-right: 5px
}

.credits-header {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .credits-header {
        display: flex;
        margin-top: 30px
    }
}

.credits-header__title {
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .credits-header__title {
        margin-bottom: 30px;
        font-weight: 400;
        font-size: 32px;
        line-height: 40px
    }
}

.credits-list {
    max-width: 100%;
    margin: 0 auto 10px;
    border-top: thin solid #d9dae4
}

@media screen and (min-width: 480px) {
    .credits-list {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .credits-list {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .credits-list {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .credits-list {
        max-width: 560px
    }
}

.credits-header__button {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .credits-header__button {
        position: absolute;
        right: 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .credits-header__button {
        display: block
    }
}

.credits-search-wrap {
    background: #fff
}

.credits-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.credits-search-wrap.is-sticky .credits-search__icon-right.is-remove {
    right: 10px;
    top: 35px
}

.credits-applied-search {
    max-width: 100%;
    padding: 11px 10px;
    margin: 0 auto 10px;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.credits-applied-search span {
    margin-right: 2px
}

.credits-applied-search button {
    min-width: auto;
    padding: 0
}

.credits-applied-search button.is-right {
    float: right
}

@media only screen and (min-width: 768px) {
    .credits-applied-search {
        padding: 11px 20px
    }
}

@media screen and (min-width: 480px) {
    .credits-applied-search {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .credits-applied-search {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .credits-applied-search {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .credits-applied-search {
        max-width: 560px
    }
}

.credits-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 30px;
    max-width: 100%
}

.credits-search .field-container__field {
    background: none
}

.credits-search-wrap.is-sticky .credits-search {
    padding: 8px 10px
}

@media only screen and (min-width: 1024px) {
    .credits-search-wrap.is-sticky .credits-search {
        padding: 10px 10px 12px
    }
}

@media only screen and (min-width: 480px) {
    .credits-search {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .credits-search {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .credits-search {
        max-width: 550px
    }
}

@media only screen and (min-width: 1920px) {
    .credits-search {
        max-width: 560px
    }
}

.credits-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.credits-search .form-input-icon {
    left: 0
}

.credits-search .form-input-icon button:focus {
    background: none
}

.credits-search .form-input-icon button:focus i {
    color: #3859bb
}

.credits-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.credits-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.credits-search__icon-right {
    position: absolute
}

.credits-search__icon-right.button:focus {
    background-color: #0000
}

.credits-search__icon-right .icon {
    height: 20px;
    font-size: 20px;
    line-height: normal
}

.credits-search__icon-right .icon-close-blue {
    margin-right: 4px
}

.credits-search__icon-right.is-remove {
    top: 25px;
    right: 0;
    color: #919299
}

.credits-search__icon-right.is-remove:hover,
.credits-search__icon-right.is-remove:focus {
    color: #919299
}

.credits-search__icon-right.is-remove .icon {
    height: 12px;
    font-size: 12px
}

.credits-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.credits-select__show-more {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.credits-flash-messages {
    max-width: 580px;
    margin: 20px auto
}

@media only screen and (min-width: 768px) {
    .credits-flash-messages {
        margin-top: 0;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .credits-flash-messages {
        max-width: 740px
    }
}

.credits-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.credits-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.credits-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.credits-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.credits-applied-search {
    padding: 11px 15px;
    margin-bottom: 10px;
    background: #f7f8fa;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.credits-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.credits-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .credits-button-wrap.is-sticky {
        box-shadow: none
    }
}

.credits-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 15px 25px
}

.is-sticky .credits-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .credits-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (min-width: 480px) {
    .credits-button {
        width: 360px
    }
}

.credits-accordion {
    max-width: 740px;
    width: 100%;
    margin: 40px auto
}

@media only screen and (min-width: 480px) {
    .credits-accordion {
        margin: 80px auto
    }
}

.leasings-wrap {
    position: relative
}

.leasings-content {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media only screen and (min-width: 1366px) {
    .leasings-content {
        max-width: 740px
    }
}

@media only screen and (min-width: 1920px) {
    .leasings-content {
        max-width: 850px
    }
}

.leasings-content .leasings-deposits-item {
    padding: 20px;
    border-bottom: thin solid #d9dae4
}

.leasings-content .leasings-deposits-item .accounts-item-header,
.leasings-content .leasings-deposits-item .accounts-item-extra {
    padding: 0 10px
}

@media only screen and (min-width: 768px) {

    .leasings-content .leasings-deposits-item .accounts-item-header,
    .leasings-content .leasings-deposits-item .accounts-item-extra {
        padding: 0 20px
    }
}

.leasings-content .leasings-deposits-item .currency {
    margin-left: 3px;
    text-transform: uppercase
}

.leasings-content .leasings-deposits-item-header-title__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.leasings-content .leasings-deposits-item-header-title__remainder {
    line-height: 23px
}

.leasings-content .leasings-deposits-item-header-title__remainder.is-extra,
.leasings-content .leasings-deposits-item-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.leasings-content .leasings-deposits-item-date span {
    position: relative;
    padding-left: 15px
}

.leasings-content .leasings-deposits-item-date span:before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #5f6375;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 5px
}

.leasings-deposits-item__warning {
    color: #d56000;
    margin-top: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.leasings-deposits-item__warning>.icon {
    height: 18px;
    margin-right: 5px
}

.leasings-header {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .leasings-header {
        display: flex;
        margin-top: 30px
    }
}

.leasings-header__title {
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .leasings-header__title {
        margin-bottom: 30px;
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

.credits__text {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.leasings-list {
    max-width: 100%;
    margin: 0 auto 10px;
    border-top: thin solid #d9dae4
}

@media screen and (min-width: 480px) {
    .leasings-list {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .leasings-list {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .leasings-list {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .leasings-list {
        max-width: 560px
    }
}

.leasings-header__button {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .leasings-header__button {
        position: absolute;
        right: 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .leasings-header__button {
        display: block
    }
}

.leasings-search-wrap {
    background: #fff
}

.leasings-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.leasings-search-wrap.is-sticky .leasings-search__icon-right.is-remove {
    right: 10px;
    top: 35px
}

.leasings-applied-search {
    max-width: 100%;
    padding: 11px 10px;
    margin: 0 auto 10px;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.leasings-applied-search span {
    margin-right: 2px
}

.leasings-applied-search button {
    min-width: auto;
    padding: 0
}

.leasings-applied-search button.is-right {
    float: right
}

@media only screen and (min-width: 768px) {
    .leasings-applied-search {
        padding: 11px 20px
    }
}

@media screen and (min-width: 480px) {
    .leasings-applied-search {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .leasings-applied-search {
        max-width: 460px
    }
}

@media screen and (min-width: 1024px) {
    .leasings-applied-search {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .leasings-applied-search {
        max-width: 560px
    }
}

.leasings-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 30px;
    max-width: 100%
}

.leasings-search .field-container__field {
    background: none
}

.leasings-search-wrap.is-sticky .leasings-search {
    padding: 8px 10px
}

@media only screen and (min-width: 1024px) {
    .leasings-search-wrap.is-sticky .leasings-search {
        padding: 10px 10px 12px
    }
}

@media only screen and (min-width: 480px) {
    .leasings-search {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .leasings-search {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .leasings-search {
        max-width: 550px
    }
}

@media only screen and (min-width: 1920px) {
    .leasings-search {
        max-width: 560px
    }
}

.leasings-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.leasings-search .form-input-icon {
    left: 0
}

.leasings-search .form-input-icon button:focus {
    background: none
}

.leasings-search .form-input-icon button:focus i {
    color: #3859bb
}

.leasings-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.leasings-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.leasings-search__icon-right {
    position: absolute
}

.leasings-search__icon-right.button:focus {
    background-color: #0000
}

.leasings-search__icon-right .icon {
    height: 20px;
    font-size: 20px;
    line-height: normal
}

.leasings-search__icon-right.is-remove {
    top: 25px;
    right: 0;
    color: #919299
}

.leasings-search__icon-right.is-remove:hover,
.leasings-search__icon-right.is-remove:focus {
    color: #919299
}

.leasings-search__icon-right.is-remove .icon {
    height: 12px;
    font-size: 12px
}

.leasings-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.leasings-select__show-more {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.leasings-flash-messages {
    max-width: 580px;
    margin: 20px auto
}

@media only screen and (min-width: 768px) {
    .leasings-flash-messages {
        margin-top: 0;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .leasings-flash-messages {
        max-width: 740px
    }
}

.leasings-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.leasings-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.leasings-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.leasings-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.leasings-applied-search {
    padding: 11px 15px;
    margin-bottom: 10px;
    background: #f7f8fa;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.leasings-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.leasings-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .leasings-button-wrap.is-sticky {
        box-shadow: none
    }
}

.leasings-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 15px 25px
}

.is-sticky .leasings-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .leasings-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (min-width: 480px) {
    .leasings-button {
        width: 360px
    }
}

.leasings-accordion {
    max-width: 740px;
    width: 100%;
    margin: 40px auto
}

@media only screen and (min-width: 480px) {
    .leasings-accordion {
        margin: 80px auto
    }
}

.leasings-deposits-item {
    padding: 20px 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.leasings-deposits-item-header {
    display: flex
}

.leasings-deposits-item-date {
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.leasings-deposits-item-header-title {
    flex-grow: 1;
    padding-right: 20px
}

.leasings-deposits-item-header-title__remainder {
    white-space: nowrap;
    text-align: right;
    line-height: 18px
}

.leasings-deposits-item-header-title__remainder.is-extra {
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.leasings-deposits-summary {
    padding: 20px 30px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.leasings-deposits-summary-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.leasings-deposits-summary-item.is-bold {
    font-weight: 500
}

.leasings-deposits-summary-item .tooltip-wrap {
    margin-left: 5px
}

.leasings-overview-empty {
    display: flex;
    gap: 20px;
    justify-content: center
}

.mass-payments-imports-wrap {
    position: relative
}

.mass-payments-content {
    max-width: 400px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .mass-payments-content {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .mass-payments-content {
        max-width: 550px
    }
}

.mass-payments-content .accounts-item-header,
.mass-payments-content .accounts-item-extra {
    padding: 0 20px
}

.mass-payments-content .accounts-item {
    padding: 20px 0;
    border-bottom: thin solid #e5e7ea
}

.mass-payments-imports-content {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) {
    .mass-payments-imports-content {
        max-width: 575px
    }
}

.mass-payments-imports-header {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .mass-payments-imports-header {
        display: flex;
        flex-direction: column;
        margin: 20px auto 30px
    }
}

.mass-payments-imports-header__title {
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .mass-payments-imports-header__title {
        margin-bottom: 30px;
        font-weight: 500;
        font-size: 32px;
        line-height: 40px
    }
}

.mass-payments-imports__text {
    display: none;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media screen and (min-width: 768px) {
    .mass-payments-imports__text {
        display: block
    }
}

@media screen and (min-width: 1024px) {
    .mass-payments-imports__text {
        padding: 0 20px
    }
}

.mass-payments-content-payments .accounts-item {
    padding: 20px 0;
    background: #f7f8fa
}

.mass-payments-content-payments .accounts-item:hover {
    background: #f7f8fa
}

.mass-payments-content-payments .payments-content-payments__title {
    margin-bottom: 35px
}

.mass-payments-content-payments .accounts-item-header,
.mass-payments-content-payments .accounts-item-extra {
    padding: 0 20px
}

.mass-payments-content-payments .accounts-item-payment-summary {
    display: none
}

.imports-list {
    max-width: 100%;
    margin: 0 auto 10px
}

@media screen and (min-width: 480px) {
    .imports-list {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .imports-list {
        max-width: 460px
    }

    .imports-list--big {
        max-width: 550px
    }
}

@media screen and (min-width: 1366px) {
    .imports-list {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .imports-list {
        max-width: 560px
    }
}

.mass-payments-imports-header__button {
    display: none
}

@media only screen and (min-width: 1024px) {
    .mass-payments-imports-header__button {
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .mass-payments-imports-header__button {
        position: absolute;
        right: 0
    }
}

.mass-payments-imports-head {
    min-height: 79px
}

.mass-payments-imports-search-wrap {
    background: #fff
}

.mass-payments-imports-search-wrap .field-container__field {
    background: none
}

.mass-payments-imports-search-wrap.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 23
}

.mass-payments-imports-search-wrap.is-sticky .payment-imports-search__icon-right {
    right: 10px;
    top: 30px
}

.mass-payments-imports-search-wrap.is-sticky .payment-imports-search__icon-right.is-remove {
    right: 45px;
    top: 35px
}

.mass-payments-imports-applied-search {
    max-width: 100%;
    padding: 11px 10px;
    margin: 0 auto 10px;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.mass-payments-imports-applied-search span {
    margin-right: 2px
}

.mass-payments-imports-applied-search button {
    min-width: auto;
    padding: 0
}

.mass-payments-imports-applied-search button.is-right {
    float: right
}

@media only screen and (min-width: 768px) {
    .mass-payments-imports-applied-search {
        padding: 11px 20px
    }
}

@media screen and (min-width: 480px) {
    .mass-payments-imports-applied-search {
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .mass-payments-imports-applied-search {
        max-width: 460px
    }
}

@media screen and (min-width: 1366px) {
    .mass-payments-imports-applied-search {
        max-width: 550px
    }
}

@media screen and (min-width: 1920px) {
    .mass-payments-imports-applied-search {
        max-width: 560px
    }
}

.mass-payments-imports-search {
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px;
    max-width: 100%
}

.mass-payments-imports-search-wrap.is-sticky .mass-payments-imports-search {
    box-shadow: 0 4px 4px -4px #34495e14, 0 16px 16px -16px #34495e14;
    padding: 8px 10px
}

@media only screen and (min-width: 1024px) {
    .mass-payments-imports-search-wrap.is-sticky .mass-payments-imports-search {
        padding: 10px 10px 12px
    }
}

@media only screen and (min-width: 480px) {
    .mass-payments-imports-search {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .mass-payments-imports-search {
        max-width: 460px
    }
}

@media only screen and (min-width: 1366px) {
    .mass-payments-imports-search {
        max-width: 550px
    }
}

@media only screen and (min-width: 1920px) {
    .mass-payments-imports-search {
        max-width: 560px
    }
}

.mass-payments-imports-search input {
    padding: 10px 20px 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mass-payments-imports-search .form-input-icon {
    left: 0
}

.mass-payments-imports-search .form-input-icon button:focus {
    background: none
}

.mass-payments-imports-search .form-input-icon button:focus i {
    color: #3859bb
}

.mass-payments-imports-search .form-input-icon button i {
    transition: color .23s ease-in-out
}

.mass-payments-imports-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

.payment-imports-search__icon-right {
    position: absolute;
    right: 0;
    top: 20px
}

.payment-imports-search__icon-right.button:focus {
    background-color: #0000
}

.payment-imports-search__icon-right .icon {
    height: 20px;
    font-size: 20px;
    line-height: normal
}

.payment-imports-search__icon-right.is-remove {
    top: 25px;
    right: 35px;
    color: #919299
}

.payment-imports-search__icon-right.is-remove:hover,
.payment-imports-search__icon-right.is-remove:focus {
    color: #919299
}

.payment-imports-search__icon-right.is-remove .icon {
    height: 12px;
    font-size: 12px
}

.mass-payments-imports-search__notice {
    margin-top: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.imports-selected-count {
    border-bottom: thin solid #d9dae4
}

.imports-selected-count-block {
    padding: 11px 15px;
    margin-bottom: 10px;
    text-align: center;
    background: #f7f8fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.imports-selected-count-block .button {
    border-radius: 0
}

.imports-selected-count-block .preloader {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top
}

.mass-payments-imports-select__show-more {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.mass-payments-imports-flash-messages {
    max-width: 580px;
    margin: 20px auto
}

@media only screen and (min-width: 768px) {
    .mass-payments-imports-flash-messages {
        margin-top: 0;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .mass-payments-imports-flash-messages {
        max-width: 740px
    }
}

.mass-payments-imports-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.mass-payments-imports-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.mass-payments-imports-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.mass-payments-imports-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.payment-imports-applied-search {
    padding: 11px 15px;
    margin-bottom: 10px;
    background: #f7f8fa;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.mass-payments-imports-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.mass-payments-imports-button-wrap.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 1024px) {
    .mass-payments-imports-button-wrap.is-sticky {
        box-shadow: none
    }
}

.mass-payments-imports-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 15px 25px
}

.is-sticky .mass-payments-imports-button {
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .is-sticky .mass-payments-imports-button {
        box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
    }
}

@media only screen and (min-width: 480px) {
    .mass-payments-imports-button {
        width: 360px
    }
}

.service-plan {
    width: 100%
}

.service-plan .flash-message-wrap {
    width: auto;
    margin: 40px auto 25px
}

@media screen and (max-width: 1023px) {
    .service-plan .flash-message-wrap {
        margin: 25px 10px 32px
    }
}

@media screen and (max-width: 479px) {
    .service-plan .field-container.is-select {
        margin-left: 10px;
        margin-right: 10px
    }
}

.service-plan .default-page-modal-content-form {
    margin-bottom: 25px
}

@media screen and (max-width: 1023px) {
    .service-plan .default-page-modal-content-form {
        margin-bottom: 30px
    }
}

.service-plan .service-plan__section-title {
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media screen and (max-width: 1023px) {
    .service-plan .service-plan__section-title {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1024px) {
    .service-plan .service-plans-slider {
        display: none
    }
}

@media screen and (max-width: 1023px) {
    .service-plan .plans-table-wrapper {
        display: none;
        background-color: red
    }
}

.service-plan__text {
    margin: 0;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    text-align: left
}

.service-plan__bullet-list {
    color: #000;
    display: flex;
    gap: 10px;
    flex-direction: column;
    padding: 0
}

.service-plan__bullet-item {
    font-weight: 400;
    line-height: 24px;
    display: flex;
    gap: 10px;
    align-items: center
}

.service-plan__bullet-item .tooltip-wrap {
    line-height: 0
}

.service-plan__bullet-item:before {
    content: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M17.4279 3.63378C17.8256 3.23324 18.4705 3.23324 18.8683 3.63378C19.266 4.03432 19.266 4.68371 18.8683 5.08425L7.66456 16.3663C7.26681 16.7668 6.62192 16.7668 6.22416 16.3663L1.13157 11.2381C0.733813 10.8376 0.733813 10.1882 1.13157 9.78762C1.52933 9.38709 2.17422 9.38709 2.57197 9.78762L6.94436 14.1906L17.4279 3.63378Z%27 fill=%27%230054A4%27/%3E%3C/svg%3E%0A");
    line-height: 0
}

.service-plan__info-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #919299
}

.grid-container {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width: 1023px) {
    .grid-container {
        grid-template-columns: 1fr
    }
}

.img-container {
    position: relative;
    overflow: hidden;
    min-height: 161px;
    padding-top: 20%
}

.background-image {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    inset: 0
}

.service-plan__top-content {
    margin-bottom: 56px
}

#app {
    height: 100%
}

#app,
.app-container {
    position: relative;
    -webkit-overflow-scrolling: touch
}

.app-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    overflow-x: hidden
}

@media print {
    .app-container {
        overflow-x: initial
    }
}

.app-container :focus-visible:not(input):not(textarea):not(div[role=combobox]) {
    outline: solid #3859bb;
    outline-offset: 2px;
    outline-width: 2px;
    z-index: 1000
}

.app-container.navigation-open {
    overflow: hidden;
    padding-right: var(--scrollbar-width, 0)
}

@media not all and (-webkit-min-device-pixel-ratio: 0),
not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance: none) {
        :focus:not(input):not(textarea):not(div[role=combobox]) {
            outline: solid #3859bb;
            outline-offset: 2px;
            outline-width: 2px;
            z-index: 1000
        }

        body:not(.keyboardUsers) :focus {
            outline: 0 !important
        }
    }
}

.app {
    flex: 1 0 auto;
    background: #f7f8fa
}

@media only screen and (max-width: 480px) {
    .app {
        background: #fff
    }
}

.page-content {
    margin-top: 20px;
    margin-bottom: 30px;
    transition: padding .2s ease-in-out
}

@media only screen and (min-width: 768px) {
    .page-content {
        margin-top: 56px;
        margin-bottom: 80px
    }
}

.content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 560px;
    width: 100%;
    padding: 40px 15px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 4px 55px #76818b0a
}

.content-wrapper.is-centered {
    justify-content: center
}

.content-wrapper.is-align-top {
    justify-content: flex-start
}

@media only screen and (min-width: 768px) {
    .content-wrapper {
        padding: 64px 56px
    }
}

@media print {
    .content-wrapper {
        padding: 0;
        margin: 0;
        max-width: unset
    }
}

.change-log {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #ccc;
    color: #333;
    opacity: .5;
    z-index: 99999;
    padding: 5px;
    font-size: 12px
}

@media print {
    .change-log {
        display: none
    }
}

@media print {
    html {
        height: auto !important
    }

    .page-content {
        margin: 0 !important
    }
}

.footer {
    border-top: 1px solid #d9dae4
}

@media print {
    .footer {
        display: none
    }
}

.footer-copyrights {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    margin-bottom: 20px
}

.footer-copyrights.is-logged-in {
    flex-direction: column
}

@media only screen and (min-width: 480px) {
    .footer-copyrights {
        border-top: thin solid #d9dae4
    }
}

@media print {
    .footer-copyrights {
        display: none
    }
}

.footer__logo {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    color: #021947;
    font-size: 24px
}

.footer__title {
    margin-top: 4px;
    margin-left: 8px;
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.footer-top {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    -moz-column-gap: 20px;
    column-gap: 20px;
    padding: 20px 0
}

@media screen and (min-width: 1024px) {
    .footer-top {
        flex-direction: row
    }
}

.footer-top__column {
    max-width: 265px;
    display: block
}

.footer-top__column h5 {
    margin: 0;
    padding-bottom: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.footer-top__column--list {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    row-gap: 6px
}

.footer-top__column--list li {
    list-style: none
}

.footer-top__column--list li a {
    color: #5f6375;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.footer-top__partners-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 24px;
    background: #a2c1ff;
    border-radius: 16px;
    margin-bottom: 20px
}

.footer-top__partners-block .bottom-links {
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.footer-top__partners-block .bottom-links a {
    width: -moz-max-content;
    width: max-content;
    color: #000
}

.footer-top__partners-block--header {
    display: flex;
    flex-direction: row-reverse
}

.footer-top__partners-block--header h3 {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    padding-bottom: 0;
    margin-right: auto;
    max-width: 136px
}

.footer-top__partners-block--header h3 span {
    font-family: Georgia, sans-serif
}

.footer-top__partners-block--header img {
    width: 80px;
    height: 80px;
    margin-bottom: 0
}

@media screen and (min-width: 1024px) {
    .footer-top__partners-block--header {
        flex-direction: column
    }

    .footer-top__partners-block--header h3 {
        padding-bottom: 16px
    }

    .footer-top__partners-block--header img {
        width: 96px;
        height: 96px;
        margin-bottom: 24px
    }
}

@media screen and (min-width: 1024px) {
    .footer-top__partners-block {
        max-width: 265px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .footer-top {
        padding: 40px
    }
}

.footer-mobile-accordion {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column
}

.footer-mobile-accordion .customer-service {
    padding-top: 20px
}

.footer-mobile-accordion .is-support {
    padding-bottom: 20px
}

.footer-mobile-accordion .divider {
    align-self: center;
    width: 100vw
}

.footer-mobile-accordion__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.footer-mobile-accordion__item summary {
    padding: 18px 0;
    list-style: none;
    display: flex;
    align-items: center
}

.footer-mobile-accordion__item summary .icon-chevron-down {
    transition: transform .2s ease;
    margin-left: auto;
    font-size: 12px
}

.footer-mobile-accordion__item summary::-webkit-details-marker {
    display: none
}

.footer-mobile-accordion__item .footer-top__column--list {
    max-height: 0;
    margin-bottom: 16px;
    transition: height .5s ease
}

.footer-mobile-accordion__item[open] summary .icon-chevron-down {
    transform: rotate(-180deg)
}

.footer-mobile-accordion__item[open] .footer-top__column--list {
    max-height: 500px
}

@media screen and (min-width: 480px) {
    .footer-mobile-accordion .customer-service {
        padding: 20px 0
    }

    .footer-mobile-accordion .is-support {
        padding-bottom: 0
    }
}

.footer-nav-wrap {
    width: 100%;
    background: #f7f8fa
}

.footer-nav {
    padding-top: 30px;
    padding-bottom: 35px;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .footer-nav {
        padding-top: 40px
    }
}

@media only screen and (min-width: 1024px) {
    .footer-nav {
        padding-top: 80px;
        flex-wrap: nowrap;
        justify-content: space-between
    }
}

@media only screen and (max-width: 1024px) {
    .footer-nav.container {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px
    }
}

.footer-nav--position {
    display: flex;
    align-items: center
}

.footer-nav-item {
    width: 100%;
    margin-bottom: 30px;
    order: 0
}

.footer-nav-item:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.footer-nav-item.is-requisites {
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.footer-nav-item.is-requisites a {
    color: #919299
}

@media only screen and (min-width: 480px) {
    .footer-nav-item.is-requisites {
        width: 50%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1023px) {
    .footer-nav-item.is-requisites {
        position: relative
    }
}

@media only screen and (min-width: 1024px) {
    .footer-nav-item.is-requisites {
        width: 25%;
        padding-left: 20px
    }
}

.footer-nav-item.is-newsletter {
    display: block;
    width: 100%
}

.footer-nav-item.is-newsletter .icon {
    height: 15px
}

.footer-nav-item.is-newsletter .footer-nav-item__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.footer-nav-item.is-newsletter.is-desktop {
    display: none
}

@media only screen and (min-width: 1024px) {
    .footer-nav-item.is-newsletter.is-desktop {
        display: block
    }
}

.footer-nav-item.is-newsletter.is-mobile {
    display: block
}

@media only screen and (min-width: 1024px) {
    .footer-nav-item.is-newsletter.is-mobile {
        display: none
    }
}

@media only screen and (min-width: 480px) {
    .footer-nav-item.is-newsletter {
        max-width: 220px
    }
}

@media only screen and (min-width: 768px) {
    .footer-nav-item.is-newsletter {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1024px) {
    .footer-nav-item.is-newsletter {
        width: 25%
    }
}

@media only screen and (min-width: 1024px) {
    .footer-nav-item.is-newsletter {
        display: block
    }
}

.footer-nav-item.is-navigation {
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .footer-nav-item.is-navigation {
        width: 50%
    }
}

@media only screen and (min-width: 768px) {
    .footer-nav-item {
        width: 50%;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .footer-nav-item {
        width: 25%;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1366px) {
    .footer-nav-item:first-child {
        margin-right: 20px
    }
}

@media only screen and (min-width: 1920px) {
    .footer-nav-item:last-child {
        padding-left: 170px
    }
}

.footer-nav-item .field-container {
    margin-top: 15px
}

.footer-nav-item .field-container__field {
    background: none
}

.footer-nav-item-navigation {
    width: 100%;
    margin-bottom: 30px
}

@media only screen and (min-width: 480px) {
    .footer-nav-item-navigation {
        width: 50%;
        float: left;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1024px) {
    .footer-nav-item-navigation {
        width: 47%
    }
}

@media only screen and (min-width: 1366px) {
    .footer-nav-item-navigation {
        width: 50%
    }
}

.footer-nav-item__title {
    margin-bottom: 15px;
    font-weight: 500;
    width: 100%;
    flex-grow: 1
}

.is-newsletter .footer-nav-item__title {
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .is-newsletter .footer-nav-item__title {
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 1024px) {
    .is-newsletter .footer-nav-item__title {
        margin-bottom: 15px
    }
}

.is-requisites .footer-nav-item__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.footer-nav-item__text {
    line-height: 24px
}

@media only screen and (min-width: 1024px) {
    .footer-nav-item__text .has-margin {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1366px) {
    .footer-nav-item__text .has-margin {
        margin-bottom: 0
    }
}

.is-requisites .footer-nav-item__text {
    line-height: 18px
}

.footer-nav-item__link {
    margin-bottom: 12px
}

.footer-nav-item__link a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (min-width: 768px) {
    .footer-nav-item__link {
        margin-bottom: 20px
    }
}

.footer-nav-item__link:hover a {
    text-decoration: none
}

@media only screen and (min-width: 1024px) {
    .footer-nav-item__text-phone {
        width: calc(100% + 30px)
    }
}

.footer-bottom-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    margin: 0 auto;
    -moz-column-gap: 48px;
    column-gap: 48px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.footer-bottom-wrap__column {
    display: flex;
    flex-direction: column;
    -moz-column-gap: 16px;
    column-gap: 16px;
    flex-wrap: wrap
}

@media screen and (max-width: 1023px) {
    .footer-bottom-wrap__column {
        width: 100%;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .14px
    }
}

.footer-bottom-wrap__column.row {
    flex-direction: row;
    align-items: center
}

.footer-bottom-wrap__column.middle-col {
    -moz-column-gap: 24px;
    column-gap: 24px;
    justify-content: space-between;
    padding-bottom: 20px;
    flex-wrap: wrap
}

.footer-bottom-wrap__column.middle-col__second-child {
    align-self: flex-start
}

.footer-bottom-wrap__column.middle-col__first-child,
.footer-bottom-wrap__column.middle-col__second-child {
    width: calc(50% - 24px)
}

.footer-bottom-wrap__column.middle-col__third-child {
    width: 100%;
    margin-top: 12px
}

@media screen and (min-width: 1024px) {
    .footer-bottom-wrap__column.middle-col {
        padding-bottom: 0
    }

    .footer-bottom-wrap__column.middle-col__first-child,
    .footer-bottom-wrap__column.middle-col__second-child,
    .footer-bottom-wrap__column.middle-col__third-child {
        width: -moz-max-content;
        width: max-content
    }

    .footer-bottom-wrap__column.middle-col__third-child {
        margin-top: 0
    }
}

@media screen and (min-width: 1366px) {
    .footer-bottom-wrap__column.middle-col {
        max-width: 600px;
        -moz-column-gap: 46px;
        column-gap: 46px
    }
}

@media screen and (min-width: 1920px) {
    .footer-bottom-wrap__column.middle-col {
        width: 100%
    }
}

.footer-bottom-wrap__column.is-support {
    width: 100%;
    margin-top: 16px
}

@media screen and (min-width: 480px) {
    .footer-bottom-wrap__column.is-support {
        width: -moz-max-content;
        width: max-content;
        margin: 0 0 0 auto
    }
}

.footer-bottom-wrap__column--text {
    width: -moz-max-content;
    width: max-content;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #5f6375
}

@media screen and (max-width: 1023px) {
    .footer-bottom-wrap__column--text {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .14px
    }
}

.footer-bottom-wrap__column--text-bolder {
    font-weight: 500;
    color: #000
}

.footer-bottom-wrap__column--phone {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.footer-bottom-wrap__column--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #eff3ff
}

.footer-bottom-wrap__column--icon .icon-phone {
    font-size: 16px;
    color: #3859bb
}

.footer-bottom-wrap .divider {
    width: 100vw
}

@media screen and (min-width: 1023px) {
    .footer-bottom-wrap .divider {
        display: none
    }
}

@media screen and (max-width: 1023px) {
    .footer-bottom-wrap {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .16px;
        flex-direction: column;
        row-gap: 20px
    }
}

.footer-bottom-social-items {
    display: flex;
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .footer-bottom-social-items {
        width: -moz-max-content;
        width: max-content
    }
}

.footer-middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.footer-middle__logo {
    display: none
}

@media screen and (min-width: 1024px) {
    .footer-middle__logo {
        display: block
    }
}

.footer-middle__apps-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}

.footer-middle__apps-block--text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #5f6375;
    margin-bottom: 12px;
    margin-right: auto;
    padding-right: 16px
}

.footer-middle__apps-block .google-play {
    margin-right: 8px
}

@media screen and (min-width: 1024px) {
    .footer-middle__apps-block {
        flex-direction: column;
        align-items: stretch;
        width: -moz-max-content;
        width: max-content
    }

    .footer-middle__apps-block--text {
        margin-right: unset
    }
}

@media screen and (min-width: 1024px) {
    .footer-middle {
        margin-bottom: 40px
    }
}

.app-container.navigation-open .header-wrap {
    margin-left: calc(var(--scrollbar-width, 0)*-1);
    margin-right: calc(var(--scrollbar-width, 0)*-1)
}

.header-backdrop {
    position: fixed;
    background: #000;
    opacity: .1;
    inset: 124px 0 0;
    height: 100%;
    width: 100%;
    z-index: 19
}

.header-wrap {
    z-index: 22;
    background: #fff
}

.header-wrap.is-hidden {
    transform: translateY(-130px)
}

.header-wrap .nav-menu-secondary .nav-menu-wrap {
    top: 0
}

.header-wrap .nav-menu-secondary .nav-menu-content-wrap {
    max-height: calc(100% - 139px)
}

.header-wrap.is-sticky {
    margin-bottom: 60px
}

.header-wrap.is-sticky .header-container-wrap {
    z-index: 22;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 4px 4px -4px #34495e14, 0 16px 16px -16px #34495e14
}

@media only screen and (min-width: 1024px) {
    .header-wrap.is-sticky {
        margin-bottom: 80px
    }
}

.header-wrap.is-sticky .dropdown-nav-wrap,
.header-wrap.is-sticky .nav-menu-wrap,
.header-wrap.is-sticky .client-profile-dropdown-menu {
    top: 64px
}

@media print {
    .header-wrap {
        display: none
    }
}

.header-container-wrap {
    width: 100%;
    background: #fff
}

.header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 64px
}

.header-dropdown-menu {
    display: none;
    align-items: center;
    margin-left: auto;
    -moz-column-gap: 20px;
    column-gap: 20px;
    position: relative
}

.header-dropdown-menu__dropdown {
    display: flex;
    align-items: center;
    padding: 20px 0;
    max-height: 100%
}

.header-dropdown-menu__dropdown p {
    font-weight: 500;
    margin-right: 4px
}

.header-dropdown-menu__dropdown .icon-lock {
    margin-right: 8px;
    line-height: normal
}

.header-dropdown-menu__dropdown .icon-chevron-down {
    font-size: 10px;
    transition: transform .3s ease-in-out
}

.header-dropdown-menu__dropdown:hover {
    cursor: pointer;
    color: #3859bb
}

.header-dropdown-menu__dropdown.is-open {
    color: #3859bb
}

.header-dropdown-menu__dropdown--content {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    z-index: 21;
    top: 64px;
    left: -44px;
    margin: 0;
    padding: 0;
    width: 260px;
    background: #fff;
    transition: max-height .3s ease-in-out
}

.header-dropdown-menu__dropdown--content:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    top: -5px;
    left: 50%;
    border-left: thin solid #d9dae4;
    border-top: thin solid #d9dae4;
    transform: rotate(45deg)
}

.header-dropdown-menu__dropdown--content-item {
    opacity: 0;
    width: 100%;
    display: flex;
    align-items: center;
    list-style: none;
    height: 56px;
    padding: 0 16px;
    transition: opacity .1s ease-in-out;
    transition-delay: .1s
}

.header-dropdown-menu__dropdown--content-item .icon-arrow-right-up {
    font-size: 20px
}

.header-dropdown-menu__dropdown--content-item.subcategory {
    padding: 0
}

.header-dropdown-menu__dropdown--content-item:not(:last-child) {
    border-bottom: thin solid #d9dae4
}

.header-dropdown-menu__dropdown--content-item .button {
    color: #000;
    text-align: left
}

.header-dropdown-menu__dropdown--content-item .button:hover {
    text-decoration: none;
    color: #3859bb
}

.header-dropdown-menu__dropdown--content-item a,
.header-dropdown-menu__dropdown--content-item .button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.header-dropdown-menu__dropdown--content-item a:hover,
.header-dropdown-menu__dropdown--content-item .button:hover {
    text-decoration: none;
    color: #3859bb
}

@media only screen and (min-width: 1024px) {

    .header-dropdown-menu__dropdown--content-item a,
    .header-dropdown-menu__dropdown--content-item .button {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .16px
    }
}

.header-dropdown-menu__dropdown.is-open .icon-chevron-down {
    transform: rotate(180deg)
}

.header-dropdown-menu__dropdown.is-open .header-dropdown-menu__dropdown--content {
    max-height: 400px;
    border: thin solid #d9dae4;
    overflow: visible
}

.header-dropdown-menu__dropdown.is-open .header-dropdown-menu__dropdown--content li {
    opacity: 1;
    transition-delay: .2s
}

@media only screen and (min-width: 1024px) {
    .header-dropdown-menu__dropdown .icon-arrow-right-up {
        font-size: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .header-dropdown-menu {
        display: flex
    }
}

.header-logo-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 60px
}

@media only screen and (min-width: 768px) {
    .header-logo-wrap {
        height: 80px
    }
}

.header__logo {
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    width: 106px
}

@media only screen and (min-width: 1024px) {
    .header__logo {
        height: 28px;
        width: 123px
    }
}

.header-content-right {
    margin-left: auto;
    height: 100%
}

.header-content-right .button {
    color: #000;
    font-size: 18px;
    padding: 0;
    max-width: 60px
}

.header-content-right .button__label {
    line-height: 14px
}

.header-content-right .button .icon {
    height: 22px
}

.header-content-right .button .icon-client {
    margin-top: 4px
}

.header-content-right .button .icon-hamburger {
    margin-top: -2px
}

.header-content-right .button .icon-close {
    font-size: 28px;
    width: 22px
}

.header-content-right .button .button__label {
    top: 16px
}

.header-content-right__buttons {
    display: flex;
    align-items: center
}

.header-content-right .notifications-btn {
    padding: 20px 10px;
    margin: -4px -10px -10px 10px;
    color: #000;
    font-size: 16px
}

@media only screen and (min-width: 1024px) {
    .header-content-right .notifications-btn {
        color: #5f6375;
        margin-top: -10px
    }

    .header-content-right .notifications-btn .button__label {
        top: 28px
    }
}

.header-content-right .mobile-nav-btn {
    font-size: 22px;
    margin: 8px;
    width: 22px
}

.header-content-right.is-mobile {
    display: flex;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin-right: 0
}

.header-content-right .notifications-btn {
    font-size: 22px
}

.header-content-right .notifications-btn .icon {
    height: 22px
}

.header-content-right .button.is-inline-link {
    display: flex;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.header-content-right .button.is-inline-link:hover {
    color: #3859bb;
    text-decoration: none
}

.header-content-right.is-mobile {
    display: flex;
    height: 40px;
    min-height: 40px
}

@media only screen and (min-width: 1024px) {
    .header-content-right.is-mobile {
        display: none
    }
}

.header-content-right.is-desktop {
    display: none
}

@media only screen and (min-width: 1024px) {
    .header-content-right.is-desktop {
        display: flex
    }
}

.header-wrap-messages .flash-message-wrap {
    border-radius: 0
}

.header-wrap-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.login-mobile-menu {
    border-top: thin solid #d9dae4;
    position: fixed;
    inset: 104px 0 0;
    z-index: 21;
    background: #fff;
    padding: 32px 20px;
    transition: .3s ease-in-out;
    transform: translate(100%);
    overflow: scroll
}

.login-mobile-menu.is-open {
    transform: translate(0)
}

.login-mobile-menu h3 {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    padding-bottom: 0;
    margin-right: auto;
    max-width: 136px;
    font-size: 40px;
    line-height: 44px
}

.login-mobile-menu h3 span {
    font-family: Georgia, sans-serif
}

.login-mobile-menu img {
    width: 96px;
    height: 96px;
    margin-bottom: 32px
}

.login-mobile-menu__list {
    padding: 0;
    margin: 32px 0;
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.login-mobile-menu__list--item {
    display: flex;
    align-items: center;
    list-style: none;
    justify-content: space-between;
    height: 64px;
    padding: 0 20px;
    background: #f7f8fa;
    border-radius: 8px
}

.login-mobile-menu__list--item a {
    color: #000;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.login-mobile-menu__list--item a .icon {
    margin-left: auto
}

.login-mobile-menu__list--item a:hover {
    text-decoration: none
}

@media only screen and (min-width: 1024px) {
    .login-mobile-menu {
        display: none
    }
}

.client-profile-dropdown-menu {
    background: #fff;
    position: fixed;
    z-index: 21;
    right: 0;
    left: 0;
    bottom: 0;
    top: var(--header-position, unset);
    transition: transform .3s ease-in-out;
    transform: translate(100%);
    border-top: thin solid #d9dae4
}

.client-profile-dropdown-menu.is-open {
    transform: translate(0)
}

.client-profile-dropdown-menu__list {
    margin: 0;
    padding: 0;
    overflow-y: auto;
    height: 100%
}

.client-profile-dropdown-menu .subcategory__list--item:not(:last-child) {
    border-bottom: thin solid #d9dae4;
    padding-bottom: 12px
}

.client-profile-dropdown-menu .client__circle {
    background: #f7f8fa
}

.client-profile-dropdown-menu .header-dropdown-menu__dropdown--content-item {
    opacity: 1
}

@media only screen and (min-width: 1024px) {
    .client-profile-dropdown-menu {
        display: none
    }
}

.subcategory {
    display: flex;
    flex-direction: column;
    height: auto
}

.subcategory .subcategory-title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 56px;
    color: #000;
    border-bottom: thin solid #d9dae4;
    padding: 0 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

@media only screen and (min-width: 1024px) {
    .subcategory .subcategory-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .16px
    }
}

.subcategory__list {
    width: 100%;
    padding: 0;
    background: #f7f8fa
}

.subcategory__list--item {
    padding: 10px 0;
    list-style: none
}

.subcategory__list--item:not(:last-child) {
    border-bottom: thin solid #d9dae4
}

.subcategory__list--item a {
    padding: 0 16px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

@media only screen and (min-width: 1024px) {
    .subcategory__list--item a {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .16px
    }
}

.header-navigation-wrap {
    background: #a2c1ff;
    min-height: 40px
}

@media only screen and (min-width: 1024px) {
    .header-navigation-wrap {
        display: flex
    }
}

@media only screen and (max-width: 1024px) {
    .header-navigation-wrap .locale-select {
        margin-right: 8px
    }
}

.header-navigation {
    display: flex;
    justify-content: space-between
}

.header-navigation .navigation-link:first-child {
    margin-left: -12px
}

.header-navigation .right-side {
    display: none
}

@media only screen and (min-width: 1024px) {
    .header-navigation .right-side {
        display: flex
    }
}

@media only screen and (max-width: 370px) {
    .header-navigation.is-links>:nth-child(-n+2) {
        display: none
    }
}

.header-navigation__locale-select {
    margin-left: 12px;
    z-index: 23
}

.header-navigation__locale-select .Select-menu-outer {
    top: calc(100% - 5px)
}

.header-navigation__locale-select .Select-control {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.header-desktop-nav {
    display: none;
    margin-left: 16px;
    height: 64px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

@media only screen and (min-width: 1024px) {
    .header-desktop-nav {
        display: flex
    }
}

.client {
    display: none;
    align-items: center;
    margin-left: 20px;
    position: relative
}

.client.navigation__client {
    cursor: pointer
}

.client.navigation__client .client__text {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.client.navigation__client .client__text .icon {
    font-size: 10px
}

.client.navigation__client .client__text:hover,
.client.navigation__client .client__text:hover .icon {
    color: #3859bb
}

.client.navigation__client .icon-chevron-down {
    transition: .3s ease-in-out
}

.client.navigation__client .icon-client {
    color: #000
}

.client.navigation__client.is-open .client__text,
.client.navigation__client.is-open .icon {
    color: #3859bb
}

.client__arrowIcon {
    font-size: 8px;
    height: 8px;
    margin-left: 5px;
    line-height: normal;
    color: #000
}

.client__arrowIcon:hover {
    color: #3859bb
}

@media only screen and (min-width: 1024px) {
    .client {
        display: flex
    }
}

@media only screen and (min-width: 1366px) {
    .client {
        margin-left: 30px
    }
}

.client__text {
    display: none;
    min-width: 70px;
    color: #000;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.client__text:hover {
    color: #3859bb
}

.client__circle {
    min-width: 40px;
    min-height: 40px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    margin-right: 8px
}

.client__circle span,
.client__circle .icon {
    display: inline-block;
    line-height: 40px;
    color: #000
}

@media only screen and (min-width: 1024px) {
    .client__circle {
        background: #f7f8fa
    }
}

.desktop-nav-item {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: none;
    border: none;
    color: #000;
    transition: color .2s ease-in-out;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.desktop-nav-item:hover,
.desktop-nav-item.is-active {
    color: #3859bb;
    text-decoration: none
}

.desktop-nav-item.is-active {
    border-bottom: 2px solid #3859bb;
    margin-bottom: -1px;
    z-index: 23
}

.desktop-nav-item.is-active .icon-chevron-down {
    transform: rotate(-180deg)
}

.desktop-nav-item.is-disabled {
    color: #919299;
    cursor: default;
    pointer-events: none
}

.desktop-nav-item .icon {
    font-size: 8px;
    height: 8px;
    margin-left: 5px;
    line-height: normal;
    transition: .3s ease-in-out
}

@media only screen and (min-width: 1920px) {
    .desktop-nav-item {
        padding: 0 15px
    }
}

.desktop-nav-item__title {
    display: flex;
    align-items: center
}

.desktop-nav-item__label {
    text-transform: lowercase;
    width: 100%;
    text-align: right;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    margin-top: -16px
}

.dropdown-nav-wrap {
    z-index: 22;
    position: fixed;
    left: 0;
    top: var(--header-position, unset);
    right: 0;
    max-height: 0;
    margin: 0 auto;
    overflow: hidden;
    pointer-events: none;
    transition: max-height .25s ease-in-out;
    background: #fff
}

.dropdown-nav-wrap.is-opened {
    max-height: 100%;
    pointer-events: all;
    border-top: thin solid #d9dae4
}

.dropdown-nav {
    display: grid;
    grid-template-columns: 1fr 258px;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    pointer-events: all;
    padding-left: 12px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1366px) {
    .dropdown-nav {
        grid-template-columns: 1fr 321px
    }
}

@media only screen and (min-width: 768px) {
    .dropdown-nav {
        max-width: 760px
    }
}

@media only screen and (min-width: 1024px) {
    .dropdown-nav {
        max-width: 980px
    }
}

@media only screen and (min-width: 1366px) {
    .dropdown-nav {
        max-width: 1180px
    }
}

@media only screen and (min-width: 1920px) {
    .dropdown-nav {
        max-width: 1760px
    }
}

.dropdown-nav__right-side {
    padding: 32px 20px 32px 32px;
    background: #f7f8fa
}

.dropdown-nav__right-side--item:not(:last-child) {
    margin-bottom: 32px
}

.dropdown-nav__right-side .dropdown-nav-menu-item {
    margin-bottom: 0;
    width: 100%
}

.dropdown-nav__right-side .dropdown-nav-menu__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.dropdown-nav__right-side:after {
    background: #f7f8fa;
    content: "";
    top: 0;
    right: 0;
    width: 50%;
    position: absolute;
    display: block;
    z-index: -1;
    bottom: 0
}

.dropdown-nav-menu-wrap {
    display: flex;
    padding-top: 32px;
    padding-right: 32px;
    flex-direction: column;
    flex-grow: 1;
    width: 100%
}

.dropdown-nav-menu {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(200px, 254px));
    width: 100%
}

@media only screen and (min-width: 1920px) {
    .dropdown-nav-menu {
        margin-bottom: 18px
    }
}

.dropdown-nav-menu:last-child {
    margin-bottom: 0
}

.dropdown-nav-menu.is-widget {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 802px;
    padding-top: 32px;
    padding-bottom: 76px
}

.dropdown-nav-menu__title {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.dropdown-nav-menu__title span {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #5f6375
}

.dropdown-nav-menu__title-btn {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    cursor: pointer;
    color: #3859bb
}

.dropdown-nav-menu__title-btn:first-child {
    margin-left: 12px
}

.dropdown-nav-menu__title-btn:hover,
.dropdown-nav-menu__title-btn:focus,
.dropdown-nav-menu__title-btn.is-active {
    color: #3859bb
}

.dropdown-nav-menu-item__label {
    height: 14px;
    margin-left: 6px;
    color: #000;
    text-transform: lowercase;
    vertical-align: super;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.dropdown-nav-menu-item {
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 1920px) {
    .dropdown-nav-menu-item {
        margin-bottom: 26px
    }
}

.dropdown-nav-menu-item__link {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 6px;
    color: #5f6375;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.dropdown-nav-menu-item__link.is-disabled {
    color: #919299;
    cursor: default
}

.dropdown-nav-menu-item__link .icon {
    margin-left: 5px;
    line-height: normal;
    vertical-align: top;
    font-size: 12px
}

.dropdown-nav-image {
    width: 100%
}

.exchange-rate {
    text-align: left
}

.exchange-rate th {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    padding-right: 20px;
    color: #5f6375;
    padding-bottom: 10px
}

.exchange-rate-table {
    text-transform: uppercase
}

.exchange-rate-table img {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.exchange-rate-table img,
.exchange-rate-table span {
    vertical-align: middle
}

.exchange-rate-table td {
    color: #5f6375;
    vertical-align: middle;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.exchange-rate-table .icon {
    font-size: 6px;
    margin-left: 5px;
    height: 10px;
    line-height: normal
}

.exchange-rate-table .icon-arrow-down {
    color: #d7011a
}

.exchange-rate-table .icon-arrow-up {
    color: #06815e
}

.exchange-rate-table__currency {
    min-width: 90px
}

.recipient-deletion-header {
    margin-bottom: 140px
}

@media only screen and (max-width: 768px) {
    .recipient-deletion-header {
        margin-bottom: 100px
    }
}

.recipient-deletion-content-wrap {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .recipient-deletion-content-wrap {
        padding: 0 35px
    }
}

@media only screen and (min-width: 1024px) {
    .recipient-deletion-content-wrap {
        width: 980px;
        padding: 0 15px
    }
}

.recipient-deletion-content {
    text-align: center
}

.recipient-deletion-content .title-primary {
    margin-bottom: 20px
}

.recipient-deletion-content__text {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.recipient-deletion-buttons button {
    margin-right: 20px
}

.recipient-deletion-buttons button:last-child {
    margin-right: 0
}

@media only screen and (max-width: 480px) {
    .recipient-deletion-buttons {
        flex-direction: column
    }

    .recipient-deletion-buttons button {
        min-width: 186px;
        margin-right: 0
    }
}

.recipient-deletion-buttons__close {
    min-width: 158px
}

@media only screen and (max-width: 480px) {
    .recipient-deletion-buttons__close {
        margin-bottom: 10px
    }
}

.nav-menu-wrap {
    position: fixed;
    display: flex;
    z-index: 21;
    flex-direction: column;
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: 0;
    top: var(--header-position, unset);
    transform: translate(100%);
    transition: transform .3s ease-in-out
}

.nav-menu-wrap.is-open {
    transform: translate(0)
}

.nav-menu {
    flex: 1;
    overflow-y: auto;
    background-color: #fff;
    transition: transform .3s ease-in-out
}

.nav-menu.no-margin {
    margin-bottom: 0
}

.nav-menu .client {
    margin-left: 0
}

.nav-menu .is-widget {
    padding: 24px 20px;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 300px
}

.nav-menu__header {
    border-top: thin solid #d9dae4;
    padding: 24px 20px 0
}

.nav-menu__header .button {
    width: 100%;
    align-items: flex-start
}

.nav-menu__header--title {
    padding: 48px 0 20px;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px
}

.nav-menu .icon-small-arrow {
    font-size: 20px;
    color: #000
}

.nav-menu-content-wrap {
    flex: 1;
    position: relative
}

@media only screen and (max-width: 1024px) {
    .nav-menu-content-wrap {
        max-height: 100%;
        overflow-y: auto
    }
}

.nav-menu-content {
    height: 100%
}

.nav-menu-content__button-container {
    border-top: thin solid #d9dae4;
    padding: 20px
}

.nav-menu-content__button-container .button {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .nav-menu-content__button-container .button {
        width: -moz-max-content;
        width: max-content
    }
}

.nav-menu-content-item.is-loggedin {
    padding-bottom: 10px
}

.nav-menu-secondary {
    position: fixed;
    z-index: 24;
    inset: 0;
    overflow-x: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.nav-menu-secondary .nav-menu {
    margin: 0
}

.nav-menu-secondary.is-opened {
    pointer-events: all
}

.nav-menu-secondary.is-opened .nav-menu-wrap {
    transition: transform .3s ease-in-out;
    transform: translate(0)
}

.nav-menu-secondary.is-opened .nav-menu {
    max-width: 100%
}

.nav-menu-secondary .nav-menu-content-item__link {
    color: #3859bb;
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.nav-menu-secondary .nav-menu-content-item__link.is-small {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px;
    padding: 10px 0
}

.nav-menu-content-item__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 18px 20px;
    background-color: #0000;
    border: none;
    color: #000;
    text-align: left;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px;
    border-bottom: thin solid #d9dae4
}

.nav-menu-content-item__link:first-child {
    border-top: thin solid #d9dae4
}

.nav-menu-content-item__link .icon {
    font-size: 20px;
    height: 100%;
    margin-top: -4px;
    margin-left: 5px;
    line-height: normal;
    transform: rotate(180deg)
}

.nav-menu-content-item__link .icon-link {
    height: 12px;
    margin: 0 0 0 5px;
    line-height: normal;
    vertical-align: inherit;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

@media only screen and (min-width: 768px) {
    .nav-menu-content-item__link {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .16px
    }
}

.nav-menu-content-item__link.is-small {
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    border: none;
    padding: 10px 20px
}

.nav-menu-content-item__link.is-active,
.nav-menu-content-item__link:hover,
.nav-menu-content-item__link:focus {
    color: #5f6375;
    text-decoration: none
}

.nav-menu-content-item__link.is-disabled {
    color: #919299;
    cursor: default
}

.nav-menu-content-item__link.second-layer {
    color: #000;
    background: #f7f8fa;
    padding: 18px 40px
}

.nav-menu-content-item__link.second-layer:active {
    color: #3859bb
}

.nav-menu-content-item__link.second-layer p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.nav-menu-content-item__link.second-layer .second-layer__list {
    width: 100%;
    padding: 0;
    margin: 0
}

.nav-menu-content-item__link.second-layer .second-layer__list--item {
    padding: 0 40px;
    list-style: none;
    height: 64px
}

.nav-menu-content-item__link.second-layer .second-layer__list--item:not(:last-child) {
    border-bottom: thin solid #d9dae4
}

.nav-menu-content-item__link.second-layer .second-layer__list--item a {
    display: flex;
    align-items: center;
    height: 100%;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.nav-menu-content-item__link.second-layer .second-layer__list--item a:hover {
    color: #3859bb
}

.nav-menu-content-item__label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    height: 14px;
    margin-left: 6px;
    color: #000;
    text-transform: lowercase;
    vertical-align: super
}

.nav-menu-content-item__title {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.nav-menu-content-item__title span {
    font-weight: 400
}

.nav-menu-content-item__title.is-second-layer-titile {
    display: flex;
    align-items: center;
    height: 64px;
    margin-bottom: 0;
    padding: 0 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.nav-menu-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.nav-menu-button-wrap.is-sticky {
    transition: all .2s ease-in-out
}

.nav-menu-button-wrap.is-hidden {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.nav-menu-button-wrap.is-hidden .payments-button {
    display: none
}

.nav-menu-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 0;
    display: flex;
    justify-content: center
}

.is-sticky .nav-menu-button {
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 768px) {
    .nav-menu-button {
        padding: 25px 0
    }
}

.session-expire-header {
    margin-bottom: 140px
}

@media only screen and (max-width: 768px) {
    .session-expire-header {
        margin-bottom: 100px
    }
}

.session-expire-content-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 560px;
    padding: 40px 15px;
    background: #fff;
    margin: 0 auto;
    max-width: 1232px;
    justify-content: center;
    box-shadow: 0 4px 55px #76818b0a
}

@media only screen and (min-width: 768px) {
    .session-expire-content-wrap {
        padding: 64px 56px
    }
}

.session-expire-content {
    text-align: center
}

.session-expire-content .title-primary {
    margin-bottom: 20px
}

.session-expire-content .button {
    margin-right: 20px
}

.session-expire-content .button:last-child {
    margin-right: 0
}

.session-expire-content .buttons-group {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 480px) {
    .session-expire-content .buttons-group {
        flex-direction: column;
        align-items: center
    }

    .session-expire-content .buttons-group button {
        min-width: 186px;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.session-expire-content__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.session-expire-content__timer {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    margin: 30px 0
}

.close-payment-notice-header {
    margin-bottom: 140px
}

@media only screen and (max-width: 768px) {
    .close-payment-notice-header {
        margin-bottom: 100px
    }
}

.close-payment-notice-content-wrap {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .close-payment-notice-content-wrap {
        padding: 0 35px
    }
}

@media only screen and (min-width: 1024px) {
    .close-payment-notice-content-wrap {
        width: 980px;
        padding: 0 15px
    }
}

.close-payment-notice-content {
    text-align: center
}

.close-payment-notice-content .title-primary {
    margin-bottom: 20px
}

.close-payment-notice-content__text {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.close-payment-notice-buttons .button {
    margin-right: 20px
}

.close-payment-notice-buttons .button:last-child {
    margin-right: 0
}

@media only screen and (max-width: 480px) {
    .close-payment-notice-buttons {
        flex-direction: column;
        align-items: center
    }

    .close-payment-notice-buttons .button {
        min-width: 186px;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.close-payment-notice-buttons__close {
    min-width: 158px
}

@media only screen and (max-width: 480px) {
    .close-payment-notice-buttons__close {
        margin-bottom: 10px
    }
}

.accounts-settings-modal {
    display: flex;
    height: 100%;
    flex-direction: column
}

.accounts-settings-modal .icon-close-blue {
    margin-right: 6px
}

.accounts-settings {
    width: 100%;
    margin-top: 20px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .accounts-settings {
        width: 700px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .accounts-settings {
        width: 740px
    }
}

.accounts-settings .title-primary {
    margin-bottom: 25px
}

.accounts-settings .account__title {
    display: table-cell;
    max-width: 98px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.accounts-settings .account__number {
    display: table-cell;
    padding-left: 2px;
    white-space: nowrap
}

.accounts-settings .account__currency {
    padding-left: 2px;
    text-transform: uppercase
}

.account-settings__instructions {
    display: none;
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 768px) {
    .account-settings__instructions {
        display: block;
        width: 580px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 1024px) {
    .account-settings__instructions {
        width: 100%
    }
}

.account-settings__instructions.is-mobile {
    display: block
}

@media only screen and (min-width: 768px) {
    .account-settings__instructions.is-mobile {
        display: none
    }
}

.accounts-settings-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .accounts-settings-content {
        flex-direction: row
    }
}

.accounts-settings-content-item {
    margin-right: 0;
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .accounts-settings-content-item:first-child {
        margin-right: 20px
    }
}

.accounts-settings-content-item-list {
    min-width: 100%;
    height: 245px;
    margin-bottom: 20px;
    border: thin solid #d9dae4;
    border-radius: 2px;
    overflow-y: auto
}

@media screen and (min-width: 768px) {
    .accounts-settings-content-item-list {
        min-width: 340px;
        height: 210px
    }
}

@media only screen and (min-width: 1024px) {
    .accounts-settings-content-item-list {
        min-width: 360px
    }
}

.accounts-settings-content-item-list .account {
    display: flex;
    min-height: 30px;
    padding: 6px 10px;
    text-align: left;
    color: #5f6375;
    cursor: default;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-settings-content-item-list .account:hover,
.accounts-settings-content-item-list .account:focus,
.accounts-settings-content-item-list .account.is-selected {
    background-color: #f7f8fa;
    color: #000
}

.accounts-settings-content-item-buttons .button {
    margin-right: 20px
}

.accounts-settings-content-item-buttons .button:last-child {
    margin-right: 0
}

.accounts-settings-content-item-buttons .only-icon {
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px
}

.accounts-settings-content-item-buttons .icon {
    height: 14px
}

.accounts-settings-content-item__title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-settings-content-button {
    width: 100%;
    margin: 0 auto 40px;
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 480px) {
    .accounts-settings-content-button {
        width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .accounts-settings-content-button {
        margin: 0 0 40px
    }
}

@media only screen and (max-width: 768px) {
    .accounts-settings-content-button {
        max-width: 280px
    }

    .accounts-settings-content-button .button {
        width: 100%
    }
}

.accounts-settings-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-settings-switch .switch {
    margin: 0 20px 15px
}

@media only screen and (min-width: 480px) {
    .accounts-settings-switch .switch {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .accounts-settings-switch {
        margin-bottom: 60px
    }
}

.accounts-settings-switch__title {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 500
}

@media only screen and (min-width: 480px) {
    .accounts-settings-switch__title {
        display: none
    }
}

.accounts-settings-switch__text {
    display: none;
    color: #919299;
    transition: color .4s;
    cursor: pointer
}

.accounts-settings-switch__text.is-active {
    color: #000
}

@media only screen and (min-width: 480px) {
    .accounts-settings-switch__text {
        display: block
    }
}

.accounts-settings-switch-text-mobile {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.accounts-settings-switch-text-mobile span {
    display: block
}

@media only screen and (min-width: 480px) {
    .accounts-settings-switch-text-mobile {
        display: none
    }
}

.accounts-settings-modal.is-defined-payments .accounts-settings .account__title {
    max-width: none
}

.accounts-settings-select {
    max-width: 280px;
    margin: 0 auto 40px
}

.accounts-settings-select .accounts-item-header__number {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.statements-settings-wrap {
    display: flex;
    height: 100%;
    flex-direction: column;
    width: 100vw;
    align-self: center
}

.statements-settings-content-wrap {
    flex: 1 1;
    overflow-y: auto;
    margin-top: -119px;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .statements-settings-content-wrap {
        padding: 0 64px
    }
}

@media only screen and (min-width: 768px) {
    .statements-settings-content-wrap {
        margin-top: -102px
    }
}

.statements-settings-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    flex: 1 1;
    overflow-y: auto;
    overflow-x: hidden
}

@media only screen and (min-width: 768px) {
    .statements-settings-content {
        width: 580px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .statements-settings-content {
        width: 740px
    }
}

.statements-settings-content .title-primary {
    margin-bottom: 25px
}

.statements-settings-content .accounts-item {
    padding: 20px 0 20px 40px;
    flex-grow: 1;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .statements-settings-content .accounts-item {
        padding-left: 60px
    }
}

.statements-settings-content .accounts-item:hover .accounts-item-header-title__link {
    color: #3859bb
}

.statements-settings-content .accounts-item-header {
    padding: 0
}

.statements-settings-content .accounts-item-header-title {
    justify-content: space-between;
    text-align: left
}

.statements-settings-content .currency {
    margin-left: 3px;
    text-transform: uppercase
}

.statements-settings-content .accounts-item-extra {
    padding: 0;
    text-align: left;
    pointer-events: all
}

.statements-settings-header.is-sticky {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column-reverse;
    width: 100%;
    padding: 25px 15px 0;
    margin: 0 auto;
    transform: translateY(-150px);
    transition: all .2s ease-in-out;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .statements-settings-header.is-sticky {
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        padding: 0 50px;
        transform: translateY(-182px)
    }
}

@media only screen and (min-width: 1024px) {
    .statements-settings-header.is-sticky {
        width: 980px;
        padding: 0 25px
    }
}

.statements-settings-header.is-sticky.is-shown {
    display: block;
    animation: showSticky .25s ease-in-out both
}

.statements-settings-header .icon-close-blue {
    margin-right: 6px
}

.statements-settings-header .statements-settings-search {
    padding: 0 0 12px;
    left: 1px;
    box-shadow: 0 0 4px -5px #34495e0a, 0 18px 8px -14px #34495e0a
}

@media only screen and (min-width: 768px) {
    .statements-settings-header .statements-settings-search {
        padding-top: 25px
    }
}

@media only screen and (min-width: 1024px) {
    .statements-settings-header .statements-settings-search {
        left: 0
    }
}

.statements-settings__instructions {
    padding: 0 20px;
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.statements-settings-search {
    position: relative;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding-bottom: 20px
}

.statements-settings-search .field-container__field {
    background: none
}

.statements-settings-search .button:focus {
    background-color: #0000
}

.statements-settings-search .form-input {
    padding-left: 40px
}

.statements-settings-search .form-input-icon {
    left: 0
}

.statements-settings-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

@media only screen and (min-width: 768px) {
    .statements-settings-search {
        width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .statements-settings-search {
        width: 550px
    }
}

.statements-settings-search__icon-right {
    position: absolute;
    right: 0;
    top: 25px
}

.statements-settings-search__icon-right.button:focus {
    background-color: #0000
}

.statements-settings-search__icon-right .icon {
    height: 12px;
    color: #919299;
    font-size: 12px;
    line-height: normal
}

.is-sticky .statements-settings-search__icon-right {
    top: 23px
}

@media only screen and (min-width: 768px) {
    .is-sticky .statements-settings-search__icon-right {
        top: 45px
    }
}

.statements-settings-search__notice {
    margin-top: 5px;
    color: #919299;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.statements-settings-accounts {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .statements-settings-accounts {
        width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .statements-settings-accounts {
        width: 550px
    }
}

.statements-settings-accounts .accounts-item-header-title__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.statements-settings-accounts-item {
    width: 100%;
    background: #fff;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.statements-settings-accounts-item:focus,
.statements-settings-accounts-item:hover {
    background-color: #f7f8fa
}

.statements-settings-accounts-bubble {
    position: absolute;
    top: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    margin-top: -20px;
    border: 1px solid #919299;
    border-radius: 50%;
    box-shadow: 0 2px 1px #00000008;
    color: #fff;
    font-size: 18px;
    transition: background-color .15s ease-in-out;
    pointer-events: none
}

.statements-settings-accounts-bubble .icon {
    height: 20px;
    line-height: normal
}

.statements-settings-accounts-bubble.is-active {
    background: #3859bb;
    box-shadow: 0 2px 19px #0054a412, 0 0 8px #0054a41a;
    border: none
}

.statements-settings-accounts-bubble.is-active.is-disabled {
    background-color: #d9dae4
}

@media only screen and (min-width: 768px) {
    .statements-settings-accounts-bubble {
        width: 40px;
        height: 40px
    }
}

.statements-settings-accounts-empty {
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.statements-settings-accounts-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.statements-settings-accounts-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.download-select {
    display: flex;
    align-items: center
}

.download-select .Select-placeholder {
    color: #3859bb;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.download-select .is-inline-link {
    margin-right: .25rem
}

.download-select .is-inline-link:hover {
    text-decoration: none
}

.download-select__option {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    padding: 15px 20px
}

.download-select__option:hover .is-inline-link {
    color: #3859bb
}

.download-select__dropdown-indicator {
    color: #3859bb;
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    right: -5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    line-height: 9px;
    font-size: 9px
}

.new-recipient-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.new-recipient-modal .payments-modal-content {
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .new-recipient-modal .payments-modal-content {
        margin-top: 20px
    }
}

.new-recipient-modal .payments-modal-content {
    margin-bottom: 0
}

.new-recipient-modal .payments-confirmation-button {
    margin: 0 auto
}

.new-recipient-swift-notice {
    margin-bottom: 20px
}

.operations {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding: 40px 20px;
    overflow: auto;
    max-width: 460px
}

@media only screen and (min-width: 768px) {
    .operations {
        max-width: none;
        padding: 40px
    }
}

.operations-header .button {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 18px
}

@media only screen and (min-width: 768px) {
    .operations-header .button {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .14px
    }
}

.operations-header .icon {
    height: 18px
}

@media only screen and (min-width: 768px) {
    .operations-header .icon {
        height: 14px
    }
}

.operations-item {
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .operations-item {
        margin-bottom: 50px
    }
}

.operations-item-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.operations-item-list-item {
    display: flex;
    flex-basis: 33.333%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    color: #3859bb;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.operations-item-list-item.is-disabled {
    cursor: default
}

.operations-item-list-item.is-disabled span {
    color: #919299
}

.operations-item-list-item:focus {
    color: #3859bb
}

.operations-item-list-item:hover {
    text-decoration: none
}

.operations-item-list-item__count {
    display: block;
    margin-top: 5px;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px
}

.operations-item__title {
    margin-bottom: 20px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.operations-item__title.is-operations {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .operations-item__title {
        font-weight: 400;
        font-size: 24px;
        line-height: 28px
    }
}

.operations-item-button {
    text-align: center
}

.operations-item__title-label {
    height: 14px;
    margin-left: 6px;
    color: #000;
    text-transform: lowercase;
    vertical-align: super;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.operations-item__text {
    display: block;
    color: #000;
    padding-right: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 768px) {
    .operations-item__text {
        padding-right: 0
    }
}

.payments-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.payments-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .payments-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .payments-modal-wrap {
        overflow: hidden
    }
}

.payments-modal-wrap.no-margin {
    margin-bottom: 0
}

.payments-modal-content {
    width: 100%;
    padding: 0;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .payments-modal-content {
        max-width: 700px;
        padding: 0;
        margin: 20px auto
    }
}

@media only screen and (min-width: 1024px) {
    .payments-modal-content {
        max-width: 800px
    }

    .payments-modal-content.is-small {
        max-width: 740px
    }
}

@media only screen and (min-width: 1366px) {
    .payments-modal-content {
        max-width: 100%
    }
}

.payments-modal-content .info-text {
    width: 100%;
    text-align: center
}

@media only screen and (min-width: 480px) {
    .payments-modal-content .info-text {
        width: 360px;
        margin: 0 auto
    }
}

.payments-modal-content.no-padding .payment-form {
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .is-credits .payments-modal-content {
        width: 930px
    }
}

.payments-modal-content.is-credit-payments .input-group-wrap .select.is-disabled .Select-value {
    color: #000;
    cursor: default
}

.payments-modal-content.is-credit-payments .select .Select-value {
    padding-bottom: 0
}

.payments-modal-content.is-credit-payments .select.is-disabled .Select-control {
    cursor: default
}

.payments-modal-content.is-credit-payments .payment-confirmation-content-item {
    margin-top: 30px
}

.payments-modal-content.is-credit-payments .payment-confirmation-content__label {
    margin-bottom: 15px
}

.payments-modal-content.is-credit-payments .payment-confirmation-content__label .tooltip-wrap {
    margin-left: 5px
}

.payments-modal-content.is-credit-payments .field-container,
.payments-modal-content.is-credit-payments .autocomplete-wrap,
.payments-modal-content.is-credit-payments .account-field-wrap,
.payments-modal-content.is-credit-payments .input-group-wrap,
.payments-modal-content.is-credit-payments .datepicker-container-wrap {
    margin-bottom: 20px
}

.payments-modal-content.is-credit-payments .radio-group__label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.payments-title {
    margin-bottom: 30px;
    text-align: center
}

.payments-title .title-primary {
    margin-bottom: 25px
}

.payments-title__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payment-form {
    padding-top: 20px
}

.payment-form.no-padding {
    padding-top: 0
}

.payment-form .field-container,
.payment-form .input-group-wrap {
    margin-bottom: 12px
}

.payment-form .input-group-wrap .field-container {
    margin-bottom: 0
}

.payment-form .radio-group {
    margin: 30px 0
}

.payment-form .currency {
    margin-left: 3px;
    text-transform: uppercase
}

.payment-form-content {
    width: 100%;
    margin: 30px auto 40px
}

.payment-form-content .info-text {
    text-align: left
}

@media only screen and (min-width: 480px) {
    .payment-form-content {
        width: 360px
    }
}

.payment-form-content.is-main-info {
    margin-bottom: 20px
}

.payments-empty-message {
    padding-top: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-empty-message__link {
    display: block;
    margin-bottom: 20px
}

.payments-empty-message__text {
    margin-bottom: 30px
}

.payments-button-wrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 2
}

.payments-button-wrap .payments-button {
    display: flex;
    justify-content: center;
    align-items: center
}

.payments-button-wrap.is-sticky {
    display: none
}

@media only screen and (max-width: 768px) {
    .payments-button-wrap.is-sticky {
        padding-left: 30px;
        padding-right: 30px
    }
}

.payments-button-wrap.is-shown {
    width: 100%;
    display: block;
    animation: showSticky .25s ease-in-out both
}

.payments-button-wrap.is-hidden {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.payments-button-wrap.is-hidden .payments-button {
    display: none
}

.payments-button {
    display: flex;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto
}

@media only screen and (min-width: 480px) {
    .payments-button.payments-button--is-big {
        width: 100%
    }
}

@media only screen and (max-width: 769px) {
    .payments-button.payments-button--is-big button {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .is-sticky .payments-button.payments-button--is-big {
        max-width: 460px
    }
}

.is-sticky .payments-button.payments-button--is-big button {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .payments-button.payments-button--is-big .hide-small {
        display: none
    }
}

.payments-button {
    width: 100%;
    flex-direction: column;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 0 5px
}

.is-sticky .payments-button {
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

.payments-button button {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0
}

.payments-button button:last-child {
    margin-right: 0
}

.payments-button .secondary-button {
    display: none
}

@media only screen and (min-width: 480px) {
    .payments-button {
        width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .payments-button {
        flex-direction: row;
        padding: 25px 0
    }

    .payments-button button {
        width: auto;
        margin-right: 20px;
        margin-bottom: 0
    }

    .payments-button .secondary-button {
        display: block
    }
}

.payment-form-content-date .field-container__label {
    position: relative
}

.payment-form-content-date .datepicker-container-wrap {
    width: 180px;
    margin-bottom: 12px
}

.payment-form-content-date .datepicker-container-wrap.has-error {
    margin-bottom: 5px
}

.payment-form-content-date .datepicker__error {
    padding-bottom: 12px
}

.payment-form-exchange-sum {
    margin-bottom: 20px
}

.payment-form-content__info-text {
    margin-bottom: 30px
}

.payments-flash-messages {
    margin: 0 auto;
    max-width: 740px
}

@media only screen and (min-width: 480px)and (max-width: 767px) {
    .payments-flash-messages {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

.payments-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.payments-modal-content-wrap {
    width: 100%
}

.payments-navigation {
    display: none;
    justify-content: center;
    margin-bottom: 20px;
    background: #f7f8fa;
    border-bottom: thin solid #d9dae4
}

@media only screen and (min-width: 768px) {
    .payments-navigation.is-desktop {
        display: flex
    }
}

.payments-navigation.is-mobile {
    display: block;
    border-bottom: none
}

@media only screen and (min-width: 480px)and (max-width: 769px) {
    .payments-navigation.is-mobile {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 768px) {
    .payments-navigation.is-mobile {
        display: none
    }
}

.payment-form-exchange-sum .currency-exchange-wrap {
    margin-top: 20px;
    margin-bottom: 15px
}

.payment-form-agreed-rate .field-container__field {
    width: 180px
}

.payment-form-agreed-rate .currency-exchange-wrap {
    margin-bottom: 5px;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payment-form-agreed-rate .checkbox {
    margin: 30px 0
}

.payment-form-agreed-rate .currency-exchange-item img {
    width: 12px;
    height: 12px
}

@media only screen and (min-width: 480px) {
    .payment-form-agreed-rate .currency-exchange-item img {
        width: 16px;
        height: 16px
    }
}

.payments-confirmation-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.payments-confirmation-modal .payments-modal-content {
    margin-bottom: 0
}

.payments-confirmation-modal .payments-modal-content.has-bottom-margin {
    margin-bottom: 45px
}

@media only screen and (max-width: 1023px) {
    .payments-confirmation-modal .payments-confirmation-actions {
        margin: 20px auto 0
    }

    .payments-confirmation-modal .payments-confirmation-actions .payments-confirmation-actions__label {
        margin-top: 0
    }

    .payments-confirmation-modal .payments-confirmation-actions .payments-confirmation-title__download {
        margin: 0
    }
}

.payments-confirmation-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .payments-confirmation-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .payments-confirmation-modal-wrap {
        overflow: hidden
    }
}

.payments-confirmation-modal-wrap.no-margin {
    margin-bottom: 0
}

.payments-confirmation-modal-wrap.is-credits {
    margin-bottom: 0;
    overflow: auto
}

.payments-confirmation-modal-content-wrap {
    width: 100%
}

.payments-confirmation-modal-content-wrap .payments-modal-content {
    margin-top: 0
}

.payments-confirmation-modal-content-wrap .payments-title__text {
    max-width: 580px;
    margin: 0 auto
}

.is-contract .payments-confirmation-modal-content-wrap .payments-title__text {
    max-width: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.payments-confirmation-modal-content-wrap .payments-title__text.is-full-width {
    max-width: none
}

.payments-confirmation-modal-content-wrap .payments-title__text.is-client-info {
    margin-bottom: 45px
}

.payments-confirmation-modal-content-wrap.is-credits a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.payments-confirmation-modal-content-wrap.is-credits .button.is-inline-link {
    min-width: auto
}

.payments-confirmation-modal-content-wrap .info-text a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payment-confirmation {
    width: 100%;
    margin: 30px auto 25px
}

.payment-confirmation .info-text {
    text-align: left
}

@media only screen and (min-width: 480px) {
    .payment-confirmation {
        width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .payment-confirmation {
        width: 340px;
        margin: 30px auto 15px
    }
}

@media only screen and (min-width: 1024px) {
    .payment-confirmation {
        width: 360px
    }
}

.payment-confirmation .currency {
    margin-left: 3px;
    text-transform: uppercase
}

.is-credits .payment-confirmation {
    margin-bottom: 40px
}

.payment-confirmation-content__title {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.payment-confirmation-content__label {
    margin-bottom: 25px;
    color: #919299;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.payment-confirmation-content__label .tooltip-wrap {
    margin-left: 5px
}

.payment-confirmation-content__label.no-margin {
    margin-bottom: 0
}

.payment-confirmation-content-item__change {
    margin-top: 5px;
    cursor: pointer;
    color: #3859bb
}

.payment-confirmation-content {
    margin: 30px auto 40px
}

.payment-confirmation-content:last-child {
    margin-bottom: 25px
}

.payment-confirmation-content .payments-search-form__label {
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .payment-confirmation-content:last-child {
        margin-bottom: 15px
    }
}

.payment-confirmation-content.is-contact-info .field-container {
    margin-bottom: 20px
}

.payment-confirmation-content.is-contact-info .info-text {
    text-align: center
}

.payment-confirmation-content.is-contact-info .field-container .field-container__text {
    margin-top: 0
}

.payment-confirmation-content.is-contact-info .field-container .field-container__text .info-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    text-align: left
}

.payment-confirmation-content.is-contact-info .field-container.is-readonly .field-container__text {
    padding-left: 0
}

.payment-confirmation-content.is-contact-info .field-container.is-readonly .field-container__text .info-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payment-confirmation-content.is-contact-info .radio-group__label {
    padding-right: 20px
}

.payment-confirmation-content.is-contact-info .payment-confirmation-content__title {
    margin-top: 40px
}

.payment-confirmation-content__toggle {
    cursor: pointer;
    color: #3859bb;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payment-confirmation-content__toggle:hover {
    text-decoration: underline
}

.payment-confirmation-content__additional-text,
.payment-confirmation-content__additional-title {
    text-align: center;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payment-confirmation-content__additional-title {
    margin-top: 2.5rem
}

.payment-confirmation-content__additional-text {
    margin-bottom: 2.5rem
}

.payment-confirmation-content__additional-info {
    margin-top: 20px
}

.payment-confirmation-content-logo {
    margin-bottom: 30px;
    text-align: center
}

.payment-confirmation-content-card {
    margin: 0 auto
}

.payment-confirmation-content-card .credit-card {
    padding: 0;
    border: none;
    margin-bottom: 20px
}

.payment-confirmation-content-card .credit-card-image {
    display: block;
    width: 60px
}

.payment-confirmation-content-card .credit-card-info {
    padding-left: 10px;
    text-align: left
}

.payment-confirmation-content-card .credit-card-info__title {
    color: #000
}

.payment-confirmation-content-item {
    margin-bottom: 20px
}

.payment-confirmation-content-item.is-link {
    margin-bottom: 8px
}

.payment-confirmation-content-item .checkbox input {
    cursor: default
}

.payment-confirmation-content-item .checkbox-wrap__label {
    color: #000
}

.payment-confirmation-content-item .button.is-add-new .icon {
    margin-top: -3px;
    margin-right: 10px;
    font-size: 14px
}

.payment-confirmation-content-item.is-flex {
    display: flex;
    justify-content: space-between
}

.payment-confirmation-content-item.is-flex .button {
    max-height: 40px
}

.payment-confirmation-content-item .field-container,
.payment-confirmation-content-item .datepicker-container-wrap {
    margin-bottom: 20px
}

.payment-confirmation-content-item .payment-confirmation-content__label {
    margin-bottom: 10px
}

.payment-confirmation-content-item__container {
    display: flex
}

.payment-confirmation-content-item__icon-wrap {
    display: block;
    width: 60px;
    margin-right: 10px
}

.payment-confirmation-content-item__icon-wrap .payment-confirmation-content-item__icon {
    width: 100%
}

.payment-confirmation-content-item__icon-wrap+.payment-confirmation-content-item__value {
    line-height: 19px
}

.payment-confirmation-content-item__label {
    color: #5f6375;
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.is-credits .payment-confirmation-content-item__label .tooltip-wrap {
    margin-left: 5px
}

.payment-confirmation-content-item__input {
    margin-bottom: 20px
}

.payment-confirmation-content-item__input__rightContent {
    padding-right: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.payment-confirmation-content-item__input .input-group,
.payment-confirmation-content-item__input .input-group .field-container.has-text {
    display: initial
}

.payment-confirmation-content-item__input .input-group .form-input.has-right-content {
    padding-right: 50px
}

.payment-confirmation-content-item__value {
    max-width: 300px;
    word-break: break-word;
    white-space: pre-line;
    line-height: 23px
}

.payment-confirmation-content-item__value a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.payment-confirmation-content-item__value.is-bold {
    font-weight: 500
}

.payment-confirmation-content-item__value.is-danger {
    color: #d7011a
}

.payment-confirmation-content-item__value.no-margin {
    margin-bottom: 0
}

.payment-confirmation-content-item__value .button {
    font-size: 14px
}

.payment-confirmation-content-item__value span.has-warning {
    color: #d56000
}

.payment-confirmation-content-item__value .tooltip-wrap {
    margin-left: 5px
}

.payment-confirmation-content-item__extra-value {
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-confirmation-button-wrap {
    width: 100%;
    padding: 25px 0;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    z-index: 25;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .payments-confirmation-button-wrap .tooltip-wrap .button {
        width: 100%;
        margin-bottom: 0
    }
}

.payments-confirmation-button-wrap.is-sticky {
    margin-bottom: 0;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14;
    display: none;
    padding: 25px 15px
}

@media only screen and (max-width: 768px) {
    .payments-confirmation-button-wrap.is-sticky .buttons-group {
        width: 100%;
        flex-direction: column;
        max-width: 420px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.payments-confirmation-button-wrap.is-shown {
    display: flex;
    flex-flow: column;
    animation: showSticky .25s ease-in-out both
}

.payments-confirmation-button-wrap .secondary-button {
    display: none;
    height: 40px
}

@media screen and (min-width: 768px) {
    .payments-confirmation-button-wrap .secondary-button {
        display: block
    }
}

.payments-confirmation-button-wrap .buttons-group {
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    gap: 10px
}

@media only screen and (min-width: 768px) {
    .payments-confirmation-button-wrap .buttons-group {
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .payments-confirmation-button-wrap .buttons-group {
        max-width: 360px
    }
}

@media only screen and (max-width: 767px) {

    .payments-confirmation-button-wrap .buttons-group button,
    .payments-confirmation-button-wrap .buttons-group .tooltip-wrap {
        margin-bottom: 0
    }
}

.payments-confirmation-button-wrap button:last-child,
.payments-confirmation-button-wrap .tooltip-wrap:last-child {
    margin-right: 0
}

.payments-confirmation-button-wrap button,
.payments-confirmation-button-wrap .tooltip-wrap {
    flex-grow: 0;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {

    .payments-confirmation-button-wrap button,
    .payments-confirmation-button-wrap .tooltip-wrap {
        width: auto;
        margin-right: 0;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 768px) {

    .payments-confirmation-button-wrap button,
    .payments-confirmation-button-wrap .tooltip-wrap {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .payments-confirmation-button-wrap {
        padding: 25px 0;
        width: 100%
    }
}

.payments-confirmation-button-wrap .sticky-text .form-text-field-content-item {
    margin-bottom: 0
}

.payments-confirmation-button {
    width: auto
}

@media only screen and (max-width: 768px) {
    .payments-confirmation-button {
        width: 100%
    }
}

.payments-confirmation-title {
    position: relative;
    width: 100%;
    padding: 0 15px;
    margin: 10px auto 20px;
    text-align: center
}

.payments-confirmation-title .title-primary {
    max-width: 550px;
    margin: 0 auto 22px
}

.payments-confirmation-title .title-primary.secondary {
    margin-bottom: 33px;
    line-height: 32px
}

@media only screen and (max-width: 768px) {
    .payments-confirmation-title .title-primary.secondary {
        margin-bottom: 15px
    }
}

.is-contract .payments-confirmation-title .title-primary {
    max-width: 340px
}

.payments-confirmation-title.is-credits .title-primary {
    margin-bottom: 15px
}

.payments-confirmation-title.is-credits .title-primary--with-button {
    margin-bottom: 0
}

.payments-confirmation-title.is-credits .flash-message-wrap {
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .payments-confirmation-title {
        margin: 20px auto
    }
}

@media only screen and (min-width: 1024px) {
    .payments-confirmation-title {
        width: 740px;
        padding: 0 25px
    }
}

.payments-confirmation-title__download {
    position: static;
    min-height: auto;
    margin: 20px auto 0;
    padding: 0 15px;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-confirmation-title__download .icon {
    margin-right: 10px;
    font-size: 18px;
    height: 18px;
    line-height: normal
}

.payments-confirmation-title__download span {
    vertical-align: middle
}

@media only screen and (min-width: 768px) {
    .payments-confirmation-title__download {
        right: 0;
        top: 5px;
        padding: 0 35px
    }
}

@media only screen and (min-width: 1024px) {
    .payments-confirmation-title__download {
        position: absolute;
        padding: 0 15px;
        margin-top: 0
    }
}

.payments-confirmation-actions {
    position: static;
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 1024px) {
    .payments-confirmation-actions {
        position: absolute;
        height: 42px;
        top: 0;
        right: 0;
        justify-content: flex-start;
        align-items: center;
        margin-top: 0;
        padding: 0 35px
    }
}

@media only screen and (min-width: 1024px) {
    .payments-confirmation-actions {
        padding-left: 35px;
        padding-right: 0
    }
}

.payments-confirmation-actions .payments-confirmation-title__download {
    position: relative;
    top: auto;
    right: auto;
    min-width: auto;
    padding: 0 6px;
    text-transform: uppercase
}

.payments-confirmation-actions .icon {
    margin-right: 3px;
    font-size: 20px
}

.payments-confirmation-actions__label {
    margin-top: 20px;
    padding-right: 6px
}

@media only screen and (min-width: 768px) {
    .payments-confirmation-actions__label {
        margin-top: 0
    }
}

.payments-confirmation-type {
    margin-top: 40px
}

.payments-confirmation-type .buttons-group {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 360px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .payments-confirmation-type .buttons-group {
        flex-direction: row;
        max-width: none
    }
}

.payments-confirmation-type .buttons-group .button {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
}

.payments-confirmation-type .buttons-group .button:last-child {
    margin-right: 0
}

@media only screen and (min-width: 768px) {
    .payments-confirmation-type .buttons-group .button {
        width: auto;
        margin-right: 20px;
        margin-bottom: 0
    }
}

.payments-confirmation-type .confirmation-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.payments-confirmation-info-text {
    margin: 25px auto 10px
}

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

.payment-denied-notice-content-wrap {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .payment-denied-notice-content-wrap {
        max-width: 700px
    }
}

@media only screen and (min-width: 1024px) {
    .payment-denied-notice-content-wrap {
        width: 740px
    }
}

.payment-denied-notice-content {
    text-align: center
}

.payment-denied-notice-content .title-primary {
    margin-bottom: 20px
}

.payment-denied-notice-content__text {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payment-denied-notice-button {
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center
}

.recipients-settings-modal {
    display: flex;
    height: 100%;
    flex-direction: column
}

.recipients-settings-modal .icon-close-blue {
    margin-right: 6px
}

.recipients-settings {
    width: 100%;
    padding: 0 15px;
    margin-top: 20px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .recipients-settings {
        width: 700px;
        padding: 0;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .recipients-settings {
        width: 740px
    }
}

.recipients-settings .title-primary {
    margin-bottom: 25px
}

.recipients-settings .recipient__title {
    display: table-cell;
    max-width: 98px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.recipients-settings .recipient__number {
    max-width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: table-cell;
    padding-left: 2px;
    white-space: nowrap
}

.recipients-settings .recipient__currency {
    padding-left: 2px;
    text-transform: uppercase
}

.recipients-settings__instructions {
    display: none;
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 768px) {
    .recipients-settings__instructions {
        display: block;
        width: 580px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 1024px) {
    .recipients-settings__instructions {
        width: 100%
    }
}

.recipients-settings__instructions.is-mobile {
    display: block
}

@media only screen and (min-width: 768px) {
    .recipients-settings__instructions.is-mobile {
        display: none
    }
}

.recipients-settings-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .recipients-settings-content {
        flex-direction: row
    }
}

.recipients-settings-content-item {
    margin-right: 0;
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .recipients-settings-content-item:first-child {
        margin-right: 20px
    }
}

.recipients-settings-content-item-list {
    min-width: 100%;
    height: 245px;
    margin-bottom: 20px;
    border: thin solid #d9dae4;
    border-radius: 2px;
    overflow-y: auto
}

@media screen and (min-width: 768px) {
    .recipients-settings-content-item-list {
        min-width: 340px;
        height: 210px
    }
}

@media only screen and (min-width: 1024px) {
    .recipients-settings-content-item-list {
        min-width: 360px
    }
}

.recipients-settings-content-item-list .recipient {
    display: flex;
    min-height: 30px;
    padding: 6px 10px;
    text-align: left;
    color: #5f6375;
    cursor: default;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.recipients-settings-content-item-list .recipient:hover,
.recipients-settings-content-item-list .recipient:focus,
.recipients-settings-content-item-list .recipient.is-selected {
    background-color: #f7f8fa;
    color: #000
}

.recipients-settings-content-item-buttons .button {
    margin-right: 20px
}

.recipients-settings-content-item-buttons .button:last-child {
    margin-right: 0
}

.recipients-settings-content-item-buttons .only-icon {
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px
}

.recipients-settings-content-item-buttons .icon {
    height: 14px
}

.recipients-settings-content-item__title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.recipients-settings-content-button {
    width: 100%;
    margin: 0 auto 40px;
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 480px) {
    .recipients-settings-content-button {
        width: 360px
    }
}

@media only screen and (max-width: 768px) {
    .recipients-settings-content-button .button {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .recipients-settings-content-button {
        margin: 0 0 40px
    }
}

.recipients-settings-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.recipients-settings-switch .switch {
    margin: 0 20px 15px
}

@media only screen and (min-width: 480px) {
    .recipients-settings-switch .switch {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .recipients-settings-switch {
        margin-bottom: 60px
    }
}

.recipients-settings-switch__title {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 500
}

@media only screen and (min-width: 480px) {
    .recipients-settings-switch__title {
        display: none
    }
}

.recipients-settings-switch__text {
    display: none;
    color: #919299;
    transition: color .4s;
    cursor: pointer
}

.recipients-settings-switch__text.is-active {
    color: #000
}

@media only screen and (min-width: 480px) {
    .recipients-settings-switch__text {
        display: block
    }
}

.recipients-settings-switch-text-mobile {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.recipients-settings-switch-text-mobile span {
    display: block
}

@media only screen and (min-width: 480px) {
    .recipients-settings-switch-text-mobile {
        display: none
    }
}

.payments-complete-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.payments-complete-modal .payments-confirmation-button-wrap {
    width: 100%;
    padding: 15px 0 0;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    z-index: 2
}

.payments-complete-modal .payments-confirmation-button-wrap.is-sticky .buttons-group {
    margin-bottom: 15px
}

@media only screen and (max-width: 768px) {
    .payments-complete-modal .payments-confirmation-button-wrap.is-sticky .buttons-group {
        width: 100%;
        flex-direction: column;
        max-width: 420px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.payments-complete-modal .payments-confirmation-button-wrap .buttons-group {
    flex-direction: row
}

@media only screen and (max-width: 768px) {
    .payments-complete-modal .payments-confirmation-button-wrap .buttons-group {
        flex-direction: column;
        width: 100%;
        max-width: 360px
    }
}

.payments-complete-modal .payments-confirmation-button-wrap button {
    margin-right: 0
}

.payments-complete-modal .payments-confirmation-button-wrap button:last-child {
    margin-right: 0
}

.payments-complete-modal .payments-confirmation-button-wrap .button.is-disabled {
    background: #0054a480;
    color: #fff
}

@media only screen and (min-width: 768px) {
    .payments-complete-modal .payments-confirmation-button-wrap button {
        margin-right: 20px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 768px) {
    .payments-complete-modal .payments-confirmation-button-wrap button {
        margin-right: 0;
        margin-bottom: 0
    }
}

.payments-complete-modal .payments-confirmation-actions {
    margin-bottom: 20px
}

.payments-complete-modal .payments-confirmation-actions .payments-confirmation-actions__label,
.payments-complete-modal .payments-confirmation-actions .button {
    margin: 0
}

.payments-complete-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .payments-complete-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .payments-complete-modal-wrap {
        overflow: hidden
    }
}

.payments-complete-modal-content-wrap .payments-modal-content {
    margin-top: 0;
    margin-bottom: 0
}

.payments-complete-modal-content-wrap .payments-confirmation-title {
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .payments-complete-modal-content-wrap .payments-confirmation-title {
        margin-top: 20px
    }
}

.payments-complete-modal-content-wrap.is-banklink .payments-title__text {
    max-width: none
}

.payments-complete-modal-content-wrap .payments-title__text {
    max-width: 740px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.payments-complete-modal-content-wrap .payments-title__text.secondary {
    line-height: 23px
}

.payments-complete {
    margin: 40px 0 21px;
    text-align: center
}

.payments-complete.secondary {
    margin-top: 30px
}

@media only screen and (max-width: 768px) {
    .payments-complete.secondary {
        margin-top: 40px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 480px) {
    .payments-complete {
        margin: 40px 0 18px
    }
}

_:-ms-fullscreen:before,
:root .payments-complete-icon .icon:before {
    display: block;
    padding-top: 15%
}

.payments-complete-icon {
    margin-bottom: 18px
}

.payments-complete-icon.secondary {
    margin-bottom: 30px
}

.payments-complete-icon .icon {
    font-size: 60px
}

.payments-complete-icon .icon-check-circle {
    color: #06815e
}

.payments-complete-icon .icon-clock {
    color: #d56000
}

.payments-complete-icon .icon-periodic-payment-cancel,
.payments-complete-icon .icon-x-circle {
    color: #d7011a
}

.payments-complete-icon .preloader {
    padding-bottom: 12px
}

.payments-payer-recipient {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.payments-payer-recipient .icon-arrow-right {
    position: relative;
    margin: 10px 30px 25px;
    color: #919299;
    transform: rotate(90deg);
    font-size: 30px
}

.payments-payer-recipient .icon-arrow-right:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 20px;
    height: 20px
}

@media only screen and (min-width: 480px) {
    .payments-payer-recipient .icon-arrow-right {
        margin: 0 30px;
        transform: rotate(0)
    }

    .payments-payer-recipient .icon-arrow-right:after {
        display: none
    }
}

.payments-payer-recipient .arrow-wrap {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px;
    margin: 0;
    position: relative;
    left: -6px;
    top: -2px
}

@media only screen and (min-width: 768px) {
    .payments-payer-recipient .arrow-wrap {
        margin: 0 50px
    }

    .payments-payer-recipient .arrow-wrap .icon-arrow-right {
        margin: 0
    }
}

.payments-payer-recipient .arrow-wrap__text {
    display: none;
    max-width: 90px;
    margin: 0 auto;
    color: #919299;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

@media only screen and (min-width: 768px) {
    .payments-payer-recipient .arrow-wrap__text {
        display: block
    }
}

@media only screen and (min-width: 480px) {
    .payments-payer-recipient {
        flex-direction: row
    }
}

.payments-payer-recipient-item {
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .is-periodic-payment .payments-payer-recipient-item {
        min-width: 230px
    }
}

.payments-payer-recipient-item__title {
    margin-bottom: 4px
}

.payments-payer-recipient-item__extra-value {
    margin-bottom: 3px;
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-payer-recipient-item__extra-value:last-child {
    margin-bottom: 0
}

.payments-complete__message {
    margin: 0 auto 9px;
    max-width: 600px;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px
}

.is-banklink .payments-complete__message {
    max-width: none
}

.payments-complete__message.secondary {
    margin-bottom: 50px
}

@media only screen and (max-width: 768px) {
    .payments-complete__message.secondary {
        margin-bottom: 30px
    }
}

.payments-complete__message.secondary .text__message--success {
    color: #06815e
}

.payments-complete__message.secondary .text__message--delayed {
    color: #d56000
}

.payments-complete__message.secondary .text__message--rejected {
    color: #d7011a
}

.payments-complete__details {
    margin-bottom: 40px
}

.payments-complete__message-reason {
    margin: 30px auto 0;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-complete-payment {
    margin-bottom: 30px
}

.payments-complete-payment .currency-exchange-wrap {
    margin: 12px 0;
    justify-content: center
}

.payments-complete-payment .info-text {
    width: 100%;
    max-width: 580px;
    margin-bottom: 30px
}

.payments-complete-payment__sum {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    text-transform: initial
}

.payments-complete-payment__sum span {
    display: block;
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-complete-payment__reason {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-confirmation__redirect-notice {
    margin-top: 10px;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-search-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.payments-search-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width: 768px) {
    .payments-search-modal-wrap {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media print {
    .payments-search-modal-wrap {
        overflow: hidden
    }
}

.payments-search-modal-wrap.no-margin {
    margin-bottom: 0
}

.payments-search-modal-content {
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .payments-search-modal-content {
        max-width: 700px;
        padding: 0;
        margin: 20px auto
    }

    .payments-search-modal-content.is-small {
        width: 580px
    }
}

@media only screen and (min-width: 1024px) {

    .payments-search-modal-content,
    .payments-search-modal-content.is-small {
        width: 740px
    }
}

.payments-search-modal-content .field-container {
    margin-bottom: 12px
}

.payments-search-title {
    margin-bottom: 40px;
    text-align: center
}

.payments-search-title .title-primary {
    margin-bottom: 30px
}

.payments-search-title__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-search-form {
    max-width: 340px;
    margin: 0 auto
}

.payments-search-form.no-padding {
    padding-top: 0
}

.payments-search-form .field-container {
    margin-bottom: 20px
}

.payments-search-form .radio-group {
    margin-bottom: 30px
}

.payments-search-form .input-group .Select-value {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 22px;
    text-align: center;
    line-height: 20px
}

.payments-search-form .input-group .Select-multi-value-wrapper {
    min-width: 20px
}

.payments-search-form .input-group .field-container.is-select {
    margin-bottom: 0
}

.payments-search-form .input-group .select__indicator {
    padding: 0
}

.payments-search-form.is-messages .radio-group__label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (min-width: 1024px) {
    .payments-search-form {
        max-width: 360px
    }
}

.payments-search-form-datepickers {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px 0
}

.payments-search-form-datepickers .field-container.is-select {
    display: block
}

.payments-search-form-notice {
    margin-bottom: 20px;
    color: #5f6375
}

.payments-search-form-notice .is-bold {
    color: #000;
    font-weight: 500
}

.payments-search-form-notice.is-small {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-search-form__label {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    color: #5f6375;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.payments-search-form__label .tooltip-wrap {
    margin-left: 5px;
    color: #919299;
    font-size: 19px
}

.payments-search-form-datepickers__item {
    width: calc(50% - 10px)
}

.payments-search-form-datepickers__item:last-child {
    margin-right: 0
}

.payments-search-form-datepickers__item .datepicker-container {
    width: 100%;
    margin-bottom: 0
}

.payments-search-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.payments-search-button-wrap.is-sticky {
    display: none
}

@media only screen and (min-width: 768px) {
    .payments-search-button-wrap.is-sticky {
        max-width: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .payments-search-button-wrap.is-sticky {
        max-width: 100%
    }
}

.payments-search-button-wrap.is-shown {
    width: 100%;
    display: block;
    animation: showSticky .25s ease-in-out both
}

.payments-search-button-wrap.is-hidden {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.payments-search-button-wrap.is-hidden .payments-button {
    display: none
}

@media only screen and (min-width: 768px) {
    .payments-search-button-wrap {
        max-width: 700px
    }
}

@media only screen and (min-width: 1024px) {
    .payments-search-button-wrap {
        max-width: 740px
    }
}

.payments-search-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px;
    display: flex;
    justify-content: center
}

.is-sticky .payments-search-button {
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 480px) {
    .payments-search-button {
        width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .payments-search-button {
        padding: 25px 15px
    }
}

.payments-search-button .buttons-group {
    flex-direction: column;
    max-width: 340px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .payments-search-button .buttons-group {
        flex-direction: row;
        max-width: none
    }
}

.payments-search-button .buttons-group .button {
    width: 100%
}

.payments-search-button .buttons-group .button.is-inverted {
    margin-top: 15px
}

@media only screen and (min-width: 768px) {
    .payments-search-button .buttons-group .button {
        width: auto
    }

    .payments-search-button .buttons-group .button.is-inverted {
        margin-top: 0;
        margin-left: 20px
    }
}

.payments-search-button .secondary-button {
    display: none
}

@media only screen and (min-width: 768px) {
    .payments-search-button .secondary-button {
        display: block
    }
}

.payments-review-info {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #5f6375
}

.payments-review-info span {
    display: inline-block
}

.payments-review-info span.is-dark {
    color: #000
}

.payments-review-info span:after {
    content: "\2022";
    color: #5f6375;
    font-weight: 400;
    display: inline;
    margin: 0 5px
}

.is-dark .payments-review-info span:after {
    color: #000
}

.payments-review-info span:last-child:after {
    display: none
}

.payments-review-info.is-dark {
    color: #000
}

.payments-review-info__rejected-text {
    color: #d7011a;
    line-height: 18px
}

.payments-review-info__warning-text {
    color: #d56000;
    line-height: 18px
}

.payments-review-info__status {
    font-weight: 500
}

.payments-review-info__status.is-rejected {
    color: #d7011a
}

.payments-status-confirmation-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.payments-status-confirmation-modal .payments-button {
    display: flex;
    justify-content: center
}

.payments-status-confirmation-modal .payments-button-wrap .payments-button {
    padding-top: 0
}

.payments-status-confirmation-modal .payments-button-wrap.is-sticky .payments-button {
    padding: 15px 0
}

@media only screen and (min-width: 768px) {
    .payments-status-confirmation-modal .payments-button-wrap.is-sticky .payments-button {
        padding: 25px 0
    }
}

.payments-status-confirmation-modal .payments-button-wrap.is-sticky {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 768px) {
    .payments-status-confirmation-modal .payments-button-wrap.is-sticky {
        padding: 0 25px
    }
}

.payments-status-confirmation-modal .payments-content {
    max-width: 400px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .payments-status-confirmation-modal .payments-content {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .payments-status-confirmation-modal .payments-content {
        max-width: 550px
    }
}

.payments-status-confirmation-modal .payments-title__text {
    max-width: none
}

.payments-status-confirmation-modal .accounts-item {
    border-bottom: thin solid #d9dae4
}

.payments-status-confirmation-modal .accounts-item:hover {
    background: none
}

.payments-status-confirmation-modal .accounts-item-header,
.payments-status-confirmation-modal .accounts-item-extra {
    padding: 0 10px
}

@media only screen and (min-width: 768px) {

    .payments-status-confirmation-modal .accounts-item-header,
    .payments-status-confirmation-modal .accounts-item-extra {
        padding: 0 20px
    }
}

.payments-status-confirmation-modal .accounts-item-extra a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 1024px) {
    .payments-status-confirmation-modal .payments-list {
        max-width: 550px
    }
}

.payments-content .accounts-item-header-title__link,
.payments-content .accounts-item-header-title__remainder {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.payments-content-accounts {
    margin-bottom: 40px;
    border-top: thin solid #d9dae4
}

.payments-content-accounts .accounts-item {
    padding: 20px 0
}

.payments-content-payments .accounts-item {
    padding: 20px 0;
    background: #f7f8fa
}

.payments-content-payments .accounts-item:hover {
    background: #f7f8fa
}

.payments-content-payments .accounts-item-payment-summary {
    display: none
}

.currency {
    margin-left: 3px;
    text-transform: uppercase
}

.payments-content__title {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px
}

.payments-content-payments__count {
    padding: 20px;
    margin-bottom: 25px;
    border-top: thin solid #d9dae4;
    font-weight: 500;
    text-transform: lowercase
}

.payments-content-payments-row {
    padding: 20px;
    border-top: thin solid #d9dae4
}

.payments-content-payments__title {
    text-align: center;
    font-weight: 500;
    text-transform: capitalize
}

.payments-list-item-summary {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 15px 0 30px;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-list-item-summary.is-overall {
    display: flex;
    padding-top: 20px
}

@media only screen and (min-width: 480px) {
    .payments-list-item-summary {
        display: flex;
        flex-direction: row
    }
}

@media only screen and (min-width: 768px) {
    .payments-list-item-summary {
        padding: 20px
    }
}

.payments-list-item-summary__left {
    margin-bottom: 10px;
    text-transform: lowercase;
    text-align: right
}

.payments-list-item-summary.is-overall .payments-list-item-summary__left {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (min-width: 480px) {
    .payments-list-item-summary__left {
        margin-bottom: 0;
        text-align: left
    }
}

.payments-list-item-summary__left-count-bottom {
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-list-item-summary__right {
    flex: 1;
    text-align: right
}

.payments-list-item-summary__right .is-negative {
    color: #d7011a
}

.payments-list-item-summary__right-sum {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.payments-content__unselected-payments {
    margin-top: 30px
}

.file-import-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.file-import-modal .payments-button-wrap .payments-button {
    padding-top: 0
}

.file-import-modal .payments-button-wrap.is-sticky .payments-button {
    padding: 15px
}

@media only screen and (min-width: 768px) {
    .file-import-modal .payments-button-wrap.is-sticky .payments-button {
        padding: 25px 15px
    }
}

.file-import-modal .payments-content {
    max-width: 400px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .file-import-modal .payments-content {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .file-import-modal .payments-content {
        max-width: 550px
    }
}

.file-import-modal .currency {
    margin-left: 3px;
    text-transform: uppercase
}

.file-import-modal .accounts-item {
    padding: 20px 0;
    border-bottom: thin solid #d9dae4
}

.file-import-modal .accounts-item:hover {
    background: none
}

.file-import-modal .accounts-item-header,
.file-import-modal .accounts-item-extra {
    padding: 0 10px
}

@media only screen and (min-width: 768px) {

    .file-import-modal .accounts-item-header,
    .file-import-modal .accounts-item-extra {
        padding: 0 20px
    }
}

.file-import-modal .accounts-item-extra a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 1024px) {
    .file-import-modal .payments-list {
        max-width: 550px
    }
}

.file-import-modal .payments-list .accounts-item:hover {
    background-color: #f7f8fa
}

.file-import-modal .payments-content-payments__title {
    margin-bottom: 35px
}

.file-import-modal .payment-select-row__sum {
    padding-right: 20px
}

.file-import-modal .payment-select-row.is-accepted .payment-select-row__sum {
    padding-right: 0
}

.file-import-modal .payments-confirmation-type {
    margin-top: 0
}

.file-import-modal .payments-selected-count {
    border-bottom: none
}

.file-import-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .file-import-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .file-import-modal-wrap {
        overflow: hidden
    }
}

.file-import-modal-wrap.no-margin {
    margin-bottom: 0
}

.file-import-review-info {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #5f6375
}

.file-import-review-info span:after {
    content: "\2022";
    color: #5f6375;
    font-weight: 400;
    display: inline;
    margin: 0 3px
}

.file-import-review-info span:last-child:after {
    display: none
}

.file-import-review-info__errors {
    color: #d7011a
}

.file-import-modal-content {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media only screen and (min-width: 480px) {
    .file-import-modal-content {
        max-width: 460px
    }
}

@media only screen and (min-width: 768px) {
    .file-import-modal-content {
        max-width: 700px;
        padding: 0;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .file-import-modal-content {
        max-width: 740px
    }
}

.file-import-title {
    position: relative;
    width: 100%;
    padding: 0 15px;
    margin: 10px auto 30px;
    text-align: center
}

.file-import-title .title-primary {
    max-width: 460px;
    margin: 0 auto 25px
}

@media only screen and (min-width: 768px) {
    .file-import-title {
        margin: 20px auto 30px
    }
}

@media only screen and (min-width: 1024px) {
    .file-import-title {
        max-width: 980px;
        padding: 0 15px
    }
}

@media only screen and (min-width: 1366px) {
    .file-import-title {
        max-width: 1180px;
        padding: 0 15px
    }
}

.file-import-title__download {
    min-height: auto;
    padding: 0 15px;
    margin-top: 20px;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.file-import-title__download .icon {
    margin-right: 10px;
    font-size: 18px;
    height: 18px;
    line-height: normal
}

.file-import-title__download span {
    font-weight: 400;
    vertical-align: middle
}

@media only screen and (min-width: 1024px) {
    .file-import__buttons-group {
        position: absolute;
        right: 20px;
        top: 0;
        padding: 0 15px;
        margin-top: 0;
        display: flex;
        flex-direction: column;
        width: 250px;
        text-align: right;
        align-items: flex-end;
        gap: 10px
    }

    .file-import__buttons-group .file-import-title__download {
        margin-top: 0;
        padding-right: 0
    }
}

.file-import-flash-messages {
    margin-bottom: 30px
}

.payments-list-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payments-list-switch .switch {
    margin: 0 20px 15px
}

@media only screen and (min-width: 480px) {
    .payments-list-switch .switch {
        margin-bottom: 0
    }
}

.payments-list-switch__title {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 500
}

@media only screen and (min-width: 480px) {
    .payments-list-switch__title {
        display: none
    }
}

.payments-list-switch__text {
    display: none;
    min-width: 100px;
    color: #919299;
    transition: color .4s;
    cursor: pointer
}

.payments-list-switch__text.is-active {
    color: #000
}

.payments-list-switch__text:first-child {
    text-align: right
}

.payments-list-switch__text:last-child {
    text-align: left
}

@media only screen and (min-width: 480px) {
    .payments-list-switch__text {
        display: block
    }
}

.payments-list-switch-text-mobile {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.payments-list-switch-text-mobile span {
    display: block
}

@media only screen and (min-width: 480px) {
    .payments-list-switch-text-mobile {
        display: none
    }
}

.file-processing-content-wrap {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media only screen and (min-width: 480px) {
    .file-processing-content-wrap {
        max-width: 460px
    }
}

@media only screen and (min-width: 768px) {
    .file-processing-content-wrap {
        max-width: 580px;
        padding-bottom: 90px
    }
}

@media only screen and (min-width: 1024px) {
    .file-processing-content-wrap {
        max-width: 740px;
        padding: 0 15px 90px
    }
}

.file-processing-content-wrap .preloader {
    padding-top: 10px;
    padding-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .file-processing-content-wrap .preloader {
        padding-bottom: 40px
    }
}

.file-processing-content-summary {
    margin-bottom: 30px;
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.file-processing-content-summary__item span:after {
    content: "\2022";
    display: inline;
    margin: 0 2px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

.file-processing-content-summary__item span:last-child:after {
    display: none
}

.file-processing-content {
    text-align: center
}

.file-processing-content .title-primary {
    margin-bottom: 20px
}

.file-processing-content__text {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.file-processing-buttons {
    width: 100%
}

@media only screen and (max-width: 480px) {
    .file-processing-buttons {
        display: block
    }
}

.file-processing-buttons__close {
    min-width: 158px
}

@media only screen and (max-width: 480px) {
    .file-processing-buttons__close {
        margin-bottom: 10px
    }
}

.file-exists-notice-content-wrap {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .file-exists-notice-content-wrap {
        padding: 0 35px
    }
}

@media only screen and (min-width: 1024px) {
    .file-exists-notice-content-wrap {
        max-width: 980px;
        padding: 0 15px
    }
}

.file-exists-notice-content {
    text-align: center
}

.file-exists-notice-content .title-primary {
    margin-bottom: 20px
}

.file-exists-notice-content__text {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.file-exists-notice-buttons {
    margin: 0 auto
}

.file-exists-notice-buttons button {
    margin-right: 20px
}

.file-exists-notice-buttons button:last-child {
    margin-right: 0
}

@media only screen and (max-width: 768px) {
    .file-exists-notice-buttons button {
        width: -moz-fit-content;
        width: fit-content
    }
}

@media only screen and (max-width: 480px) {
    .file-exists-notice-buttons button {
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .file-exists-notice-buttons {
        flex-direction: column;
        align-items: center
    }

    .file-exists-notice-buttons button {
        min-width: 186px;
        margin-right: 0
    }
}

.file-exists-notice-buttons__close {
    min-width: 158px
}

@media only screen and (max-width: 480px) {
    .file-exists-notice-buttons__close {
        margin-bottom: 10px
    }
}

.import-complete-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden
}

.import-complete-modal .payments-confirmation-button-wrap {
    padding: 15px 0 0;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    z-index: 2
}

.import-complete-modal .payments-confirmation-button-wrap .buttons-group {
    flex-direction: column;
    flex-wrap: wrap
}

@media only screen and (min-width: 480px) {
    .import-complete-modal .payments-confirmation-button-wrap .buttons-group {
        flex-direction: row
    }
}

.import-complete-modal .payments-confirmation-button-wrap button {
    margin-bottom: 15px;
    margin-right: 0
}

.import-complete-modal .payments-confirmation-button-wrap button:last-child {
    margin-right: 0
}

.import-complete-modal .payments-confirmation-button-wrap .button.is-disabled {
    background: #0054a480;
    color: #fff
}

@media only screen and (min-width: 480px) {
    .import-complete-modal .payments-confirmation-button-wrap button {
        margin-right: 20px
    }
}

.import-complete-title {
    position: relative;
    width: 100%;
    padding: 0 15px;
    margin: 10px auto 30px;
    text-align: center
}

.import-complete-title .title-primary {
    max-width: 460px;
    margin: 0 auto 20px
}

@media only screen and (min-width: 768px) {
    .import-complete-title {
        margin: 20px auto 30px
    }
}

@media only screen and (min-width: 1024px) {
    .import-complete-title {
        width: 980px;
        padding: 0 15px
    }
}

@media only screen and (min-width: 1366px) {
    .import-complete-title {
        width: 1180px;
        padding: 0 15px
    }
}

.import-complete-title__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.import-complete-title__download {
    position: static;
    min-height: auto;
    padding: 0 15px;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.import-complete-title__download .icon {
    margin-right: 10px;
    font-size: 18px;
    height: 18px;
    line-height: normal
}

.import-complete-title__download span {
    font-weight: 400;
    vertical-align: middle
}

@media only screen and (min-width: 768px) {
    .import-complete-title__download {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 0;
        padding: 0 35px
    }
}

@media only screen and (min-width: 1024px) {
    .import-complete-title__download {
        padding: 0 15px
    }
}

.import-complete-modal-wrap {
    flex: 1;
    overflow-y: auto
}

@media print {
    .import-complete-modal-wrap {
        overflow: hidden
    }
}

.import-complete-modal-wrap.no-margin {
    margin-bottom: 0
}

.import-complete-modal-content-wrap .import-complete-title {
    margin-top: 0
}

.import-complete-modal-content-wrap .import-modal-content {
    margin-top: 0;
    margin-bottom: 0
}

.import-complete-modal-content-wrap .import-title__text {
    max-width: 580px;
    margin: 0 auto
}

.import-complete {
    margin: 40px 0 25px;
    text-align: center
}

@media only screen and (min-width: 480px) {
    .import-complete {
        margin: 50px 0 45px
    }
}

.import-complete-icon {
    margin-bottom: 18px
}

.import-complete-icon .icon {
    font-size: 60px
}

.import-complete-icon .icon-check-circle {
    color: #06815e
}

.import-complete-icon .icon-clock {
    color: #d56000
}

.import-complete__message {
    margin: 0 auto 30px;
    max-width: 580px;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px
}

@media only screen and (min-width: 768px) {
    .import-complete__message {
        margin-bottom: 40px
    }
}

.import-complete-payment {
    margin-bottom: 30px
}

.import-complete-payment__sum {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase
}

.import-complete-payment__sum span {
    display: block;
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.imports-search-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.imports-search-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .imports-search-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .imports-search-modal-wrap {
        overflow: hidden
    }
}

.imports-search-modal-wrap.no-margin {
    margin-bottom: 0
}

.imports-search-modal-content {
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .imports-search-modal-content {
        width: 700px;
        padding: 0;
        margin: 20px auto
    }

    .imports-search-modal-content.is-small {
        width: 580px
    }
}

@media only screen and (min-width: 1024px) {

    .imports-search-modal-content,
    .imports-search-modal-content.is-small {
        width: 740px
    }
}

.imports-search-modal-content .field-container__label {
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.imports-search-modal-content .field-container__label.has-value {
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.imports-search-modal-content .form-input:focus~.field-container__label,
.imports-search-modal-content .form-textarea:focus~.field-container__label {
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    top: 0
}

.imports-search-modal-content .field-container {
    margin-bottom: 12px
}

.imports-search-title {
    margin-bottom: 40px;
    text-align: center
}

.imports-search-title .title-primary {
    margin-bottom: 30px
}

.imports-search-title__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.imports-search-form {
    max-width: 340px;
    margin: 0 auto
}

.imports-search-form.no-padding {
    padding-top: 0
}

.imports-search-form .field-container {
    margin-bottom: 12px
}

.imports-search-form .radio-group {
    margin: 30px 0
}

.imports-search-form .input-select__select .Select-value {
    font-size: 22px;
    text-align: center;
    line-height: 20px
}

.imports-search-form .input-select__select .Select-multi-value-wrapper {
    min-width: 25px
}

@media only screen and (min-width: 1024px) {
    .imports-search-form {
        max-width: 360px
    }
}

.imports-search-form-datepickers {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0
}

.imports-search-form__label {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #5f6375
}

.imports-search-form__label .tooltip-wrap {
    margin-left: 5px;
    color: #919299;
    font-size: 19px
}

.imports-search-form-datepickers__item {
    width: calc(50% - 10px)
}

.imports-search-form-datepickers__item:last-child {
    margin-right: 0
}

.imports-search-form-datepickers__item .datepicker-container {
    width: 100%;
    margin-bottom: 0
}

.imports-search-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.imports-search-button-wrap.is-sticky {
    display: none
}

.imports-search-button-wrap.is-shown {
    width: 100%;
    display: block;
    animation: showSticky .25s ease-in-out both
}

.imports-search-button-wrap.is-hidden {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.imports-search-button-wrap.is-hidden .imports-button {
    display: none
}

@media only screen and (min-width: 768px) {
    .imports-search-button-wrap {
        width: 700px
    }
}

@media only screen and (min-width: 1024px) {
    .imports-search-button-wrap {
        width: 740px
    }
}

.imports-search-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 0
}

.is-sticky .imports-search-button {
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (max-width: 768px) {
    .is-sticky .imports-search-button {
        padding-left: 30px;
        padding-right: 30px
    }
}

.imports-search-button .button {
    width: 100%
}

@media only screen and (min-width: 480px) {
    .imports-search-button {
        width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .imports-search-button {
        padding: 25px 0
    }
}

.new-import-modal {
    display: flex;
    height: 100%;
    flex-direction: column
}

.new-import {
    width: 100%;
    padding: 0 15px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .new-import {
        padding: 0;
        margin: 0 auto
    }
}

.new-import .title-primary {
    margin-bottom: 25px
}

.new-import .recipient__title {
    display: table-cell;
    max-width: 98px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.new-import .recipient__number {
    display: table-cell;
    padding-left: 2px;
    white-space: nowrap
}

.new-import__instructions {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.new-import__instructions.is-mobile {
    display: block
}

@media only screen and (min-width: 768px) {
    .new-import__instructions.is-mobile {
        display: none
    }
}

.new-import-client {
    width: 100%;
    max-width: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1024px) {
    .new-import-client {
        max-width: 460px
    }
}

.new-import-client .field-container {
    width: 100%;
    max-width: 360px
}

.new-import-content {
    width: 100%
}

.new-import-content .drag-drop {
    margin: 0 auto
}

.new-import-content .drag-drop-wrap {
    margin: 0 auto 40px
}

.new-import-content__text {
    max-width: 580px;
    margin: 0 auto 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.new-import-content-dropzone {
    width: 100%
}

.new-import-content-dropzone .icon {
    margin-bottom: 30px;
    font-size: 42px;
    color: #000
}

.new-import-content-dropzone .button {
    min-width: 180px;
    background-color: #f7f8fa;
    margin: 0 auto
}

.new-import-content-dropzone-wait {
    text-align: left;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 357px;
    margin-bottom: 16px
}

.new-import-content-dropzone-wait .icon {
    color: #919299
}

.new-import-content-dropzone-wait .info-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px;
    margin-bottom: 17px
}

.new-import-content-dropzone .is-transparent {
    margin-top: 0;
    background-color: #0000
}

@media only screen and (max-width: 1024px) {
    .new-import-content-dropzone .is-transparent.button {
        margin-top: 10px
    }
}

.new-import-content-dropzone-title {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.new-import-content-dropzone-title.is-desktop {
    display: none
}

@media only screen and (min-width: 1024px) {
    .new-import-content-dropzone-title.is-desktop {
        display: block
    }
}

.new-import-content-dropzone-title.is-mobile {
    display: block
}

@media only screen and (min-width: 1024px) {
    .new-import-content-dropzone-title.is-mobile {
        display: none
    }
}

.new-import-content-dropzone-text {
    width: 100%;
    margin-bottom: 30px;
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.new-import-content-dropzone-text a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.new-import-content-item {
    margin-right: 0;
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .new-import-content-item:first-child {
        margin-right: 20px
    }
}

.new-import-content-button {
    width: 100%;
    margin: 0 auto 40px
}

.new-import-content-button .button {
    min-width: 180px;
    margin: 0 auto
}

@media only screen and (min-width: 480px) {
    .new-import-content-button {
        width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .new-import-content-button {
        margin: 0 auto
    }
}

@media only screen and (max-width: 768px) {
    .new-import-content-button .button {
        width: 100%
    }
}

.new-import-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.new-import-switch .switch {
    margin: 0 20px 15px
}

@media only screen and (min-width: 480px) {
    .new-import-switch .switch {
        margin-bottom: 0
    }
}

.new-import-switch__title {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 500
}

@media only screen and (min-width: 480px) {
    .new-import-switch__title {
        display: none
    }
}

.new-import-switch__text {
    display: none;
    color: #919299;
    transition: color .4s;
    cursor: pointer
}

.new-import-switch__text.is-active {
    color: #000
}

@media only screen and (min-width: 480px) {
    .new-import-switch__text {
        display: block
    }
}

.new-import-switch-text-mobile {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.new-import-switch-text-mobile span {
    display: block
}

@media only screen and (min-width: 480px) {
    .new-import-switch-text-mobile {
        display: none
    }
}

.accounts-overview-settings-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.accounts-overview-settings-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .accounts-overview-settings-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .accounts-overview-settings-modal-wrap {
        overflow: hidden
    }
}

.accounts-overview-settings-modal-wrap.no-margin {
    margin-bottom: 0
}

.accounts-overview-settings {
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 40px
}

@media only screen and (min-width: 480px) {
    .accounts-overview-settings {
        padding: 0
    }
}

@media only screen and (min-width: 768px) {
    .accounts-overview-settings {
        max-width: 700px;
        margin: 20px auto 0
    }
}

@media only screen and (min-width: 1024px) {
    .accounts-overview-settings {
        max-width: 740px
    }
}

.accounts-overview-settings .title-primary {
    margin-bottom: 25px;
    text-align: center
}

.accounts-overview-settings-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-overview-settings-switch .switch {
    margin: 0 20px 15px
}

@media only screen and (min-width: 480px) {
    .accounts-overview-settings-switch .switch {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .accounts-overview-settings-switch {
        margin-bottom: 60px
    }
}

.accounts-overview-settings-switch__title {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 500
}

@media only screen and (min-width: 480px) {
    .accounts-overview-settings-switch__title {
        display: none
    }
}

.accounts-overview-settings-switch__text {
    display: none;
    color: #919299;
    transition: color .4s;
    cursor: pointer
}

.accounts-overview-settings-switch__text.is-active {
    color: #000
}

@media only screen and (min-width: 480px) {
    .accounts-overview-settings-switch__text {
        display: block
    }
}

.accounts-overview-settings-accounts {
    width: 100%;
    border-top: thin solid #d9dae4;
    border-bottom: thin solid #d9dae4
}

@media only screen and (min-width: 480px) {
    .accounts-overview-settings-accounts {
        max-width: 400px;
        padding: 0;
        margin: 0 auto
    }
}

@media only screen and (min-width: 768px) {
    .accounts-overview-settings-accounts {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .accounts-overview-settings-accounts {
        max-width: 550px
    }
}

.accounts-overview-settings-accounts.is-dragged {
    cursor: grabbing
}

.accounts-overview-settings-accounts-notice {
    margin: 0 auto 20px;
    text-align: center;
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-overview-settings__instructions {
    max-width: 100%;
    margin: 0 auto 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 480px) {
    .accounts-overview-settings__instructions {
        max-width: 460px
    }
}

@media only screen and (min-width: 768px) {
    .accounts-overview-settings__instructions {
        max-width: 100%
    }
}

.accounts-overview-settings-content {
    max-width: 100%;
    margin: 0 auto 40px
}

@media only screen and (min-width: 480px) {
    .accounts-overview-settings-content {
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .accounts-overview-settings-content {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .accounts-overview-settings-content {
        max-width: 360px
    }
}

.accounts-overview-settings-content__text {
    max-width: 580px;
    margin: 0 auto 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-overview-settings-button {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2;
    text-align: center
}

.accounts-overview-settings-button .button {
    width: 100%;
    margin: 0 auto
}

.accounts-overview-settings-button.is-sticky {
    padding: 15px;
    margin: 0 auto;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14;
    display: none
}

@media only screen and (min-width: 768px) {
    .accounts-overview-settings-button.is-sticky {
        padding: 25px 0
    }
}

@media only screen and (max-width: 768px) {
    .accounts-overview-settings-button.is-sticky {
        padding-left: 40px;
        padding-right: 40px
    }
}

.accounts-overview-settings-button.is-shown {
    width: 100%;
    display: block;
    animation: showSticky .25s ease-in-out both
}

@media only screen and (min-width: 480px) {
    .accounts-overview-settings-button .button {
        min-width: 158px;
        max-width: 400px
    }
}

@media only screen and (min-width: 768px) {
    .accounts-overview-settings-button .button {
        max-width: -moz-max-content;
        max-width: max-content
    }
}

@media only screen and (min-width: 1024px) {
    .accounts-overview-settings-button .button {
        max-width: -moz-max-content;
        max-width: max-content
    }
}

@media only screen and (min-width: 768px) {
    .accounts-overview-settings-button {
        margin: 0 auto 40px
    }
}

.accounts-overview-settings-content-form {
    margin-bottom: 30px
}

.accounts-overview-settings__show-more {
    text-align: center;
    margin: 10px 0 20px
}

.accounts-overview-settings__show-more .button {
    margin: 0 auto
}

.banklink-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    width: 100vw;
    align-self: center
}

.banklink-modal .footer {
    border-top: none
}

.banklink-modal .modal-header {
    padding: 0 15px
}

@media only screen and (min-width: 1366px) {
    .banklink-modal .modal-header {
        padding: 0
    }
}

.banklink-modal .login {
    margin-bottom: 20px
}

.banklink-modal-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 0 20px;
    margin-top: 40px
}

.account-information-modal-content-wrap {
    margin-bottom: 65px;
    width: 100%
}

.account-information-modal-content-wrap .slick-arrow {
    display: none !important
}

.account-information-modal-content-wrap .slick-dots {
    display: flex !important;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none
}

.account-information-modal-content-wrap .slick-dots li {
    position: relative;
    width: 8px;
    height: 8px;
    background: #f7f8fa;
    border-radius: 50%;
    margin-right: 8px
}

.account-information-modal-content-wrap .slick-dots button {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    font-size: 0
}

.account-information-modal-content-wrap .slick-dots .slick-active {
    background: #5f6375
}

.account-information-modal-content-wrap .slick-list {
    overflow: visible
}

.account-information-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.account-information-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .account-information-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .account-information-modal-wrap {
        overflow: hidden
    }
}

.account-information-modal-wrap.no-sticky-button {
    margin-top: -117px;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .account-information-modal-wrap.no-sticky-button {
        margin-top: -93px
    }
}

.account-information-modal-content {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto 15px
}

@media only screen and (min-width: 768px) {
    .account-information-modal-content {
        width: 580px;
        padding: 0;
        margin: 20px auto 15px
    }
}

@media only screen and (min-width: 1024px) {
    .account-information-modal-content {
        width: 740px
    }
}

.account-information-title {
    margin: 0 auto 30px;
    text-align: center
}

@media only screen and (min-width: 480px) {
    .account-information-title {
        max-width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .account-information-title {
        max-width: 100%;
        margin-bottom: 30px
    }
}

.account-information-title .title-primary {
    max-width: 240px;
    margin: 0 auto 15px
}

@media only screen and (min-width: 768px) {
    .account-information-title .title-primary {
        display: flex;
        justify-content: center;
        max-width: none;
        margin-bottom: 25px
    }
}

.account-information-title .button {
    display: inline-block;
    padding: 0 7px;
    margin: 0 0 0 5px;
    font-size: 24px
}

.account-information-title .button .icon {
    height: 24px
}

@media only screen and (min-width: 768px) {
    .account-information-title .button {
        display: flex
    }
}

.account-information-title-input {
    display: flex;
    align-items: center;
    max-width: 430px;
    margin: 0 auto 39px
}

.account-information-title-input .button {
    padding: 0 7px;
    margin: 0;
    font-size: 20px
}

.account-information-title-input .button .icon {
    height: 20px
}

.account-information-title-input .button .icon-cancel {
    font-size: 16px
}

.account-information-title-input .button:focus {
    background: none
}

.account-information-title-input .field-container {
    width: 100%;
    margin-right: 5px
}

.account-information-title-input .field-container__field {
    height: auto
}

.account-information-title-input .form-input {
    min-height: auto;
    padding: 0 0 5px;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.account-information-title-input .form-input:focus {
    margin-bottom: 0;
    border-bottom: none;
    box-shadow: 0 2px #3859bb
}

.account-information-title__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.payment-form__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px;
    text-align: center
}

.account-information-empty-message {
    padding-top: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-information-empty-message__link {
    display: block;
    margin-bottom: 20px
}

.account-information-empty-message__text {
    margin-bottom: 30px
}

.account-information-buttons-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.account-information-buttons-wrap.is-sticky {
    display: none
}

.account-information-buttons-wrap.is-shown {
    width: 100%;
    display: block;
    animation: showSticky .25s ease-in-out both
}

.account-information-buttons-wrap.is-hidden {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.account-information-buttons-wrap.is-hidden .account-information-buttons {
    display: none
}

.account-information-buttons {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 0
}

.is-sticky .account-information-buttons {
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (max-width: 768px) {
    .is-sticky .account-information-buttons .buttons-group {
        padding: 0 30px
    }
}

.account-information-buttons .buttons-group {
    width: 100%;
    margin: 0 auto;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .account-information-buttons .buttons-group {
        flex-direction: row;
        width: -moz-max-content;
        width: max-content
    }
}

.account-information-buttons .button {
    margin: 0 auto;
    max-width: none
}

@media only screen and (min-width: 768px) {
    .account-information-buttons .button {
        width: auto;
        max-width: 272px
    }
}

@media only screen and (min-width: 1024px) {
    .account-information-buttons .button {
        max-width: 288px
    }
}

.account-information-buttons .button.is-inverted {
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .account-information-buttons .button.is-inverted {
        margin-top: 0;
        margin-left: 20px
    }
}

.account-information-buttons .secondary-button {
    display: none
}

@media only screen and (min-width: 480px) {
    .account-information-buttons {
        width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .account-information-buttons {
        width: 460px;
        padding: 25px 10px
    }

    .account-information-buttons .secondary-button {
        display: block
    }
}

@media only screen and (min-width: 1024px) {
    .account-information-buttons {
        width: 550px;
        padding: 25px 0
    }
}

@media only screen and (min-width: 480px)and (max-width: 767px) {
    .account-information-flash-messages {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

.account-information-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.account-information {
    width: calc(100% + 30px);
    margin-left: -15px;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .account-information {
        display: flex;
        justify-content: center;
        max-width: 530px;
        padding-top: 20px;
        margin: 0 auto;
        overflow: visible
    }
}

.account-information-card-wrap {
    padding: 15px
}

@media only screen and (min-width: 768px) {
    .account-information-card-wrap {
        padding: 0
    }
}

.account-information-card {
    min-width: 265px;
    padding: 20px;
    color: #5f6375;
    text-align: left;
    border: thin solid #d9dae4;
    border-radius: 2px;
    box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-information-card a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

@media only screen and (min-width: 768px) {
    .account-information-card {
        border: none;
        box-shadow: none
    }
}

.account-information-card__title {
    margin-bottom: 10px
}

.account-information-card-items-wrap {
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

.account-information-card-items-wrap .currency {
    text-transform: uppercase
}

.account-information-card-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: #919299;
    opacity: .9
}

.account-information-card-item.has-reserved {
    align-items: flex-start
}

.account-information-card-item img {
    width: 26px;
    margin-right: 10px
}

.account-information-card-item:hover {
    color: #919299
}

.account-information-card-item.has-limit {
    flex-wrap: wrap
}

.account-information-card-item__title {
    color: #3859bb
}

.account-information__text {
    padding: 0;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 480px) {
    .account-information__text {
        padding: 0 15px
    }
}

@media only screen and (min-width: 768px) {
    .account-information__text {
        padding: 0
    }
}

.account-information-flash-messages {
    margin-bottom: 10px
}

.account-information-header {
    background: #fff
}

.account-information-header.is-sticky {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column-reverse;
    width: 100%;
    padding: 25px 15px 0;
    margin: 0 auto;
    transform: translateY(-150px);
    transition: all .2s ease-in-out;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .account-information-header.is-sticky {
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        padding: 0 50px;
        transform: translateY(-182px)
    }
}

@media only screen and (min-width: 1024px) {
    .account-information-header.is-sticky {
        width: 980px;
        padding: 0 25px
    }
}

.account-information-header.is-sticky.is-shown {
    display: block;
    animation: showSticky .25s ease-in-out both
}

.account-information-header .account-information-search {
    padding: 0 0 12px;
    left: 1px;
    box-shadow: 0 0 4px -5px #34495e0a, 0 18px 8px -14px #34495e0a
}

@media only screen and (min-width: 768px) {
    .account-information-header .account-information-search {
        padding-top: 25px
    }
}

@media only screen and (min-width: 1024px) {
    .account-information-header .account-information-search {
        left: 0
    }
}

.account-information-search {
    position: relative;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding-bottom: 30px
}

.account-information-search .field-container__field {
    background: none
}

.account-information-search .button:focus {
    background-color: #0000
}

.account-information-search .form-input {
    padding-left: 40px
}

.account-information-search .form-input-icon {
    left: 0
}

.account-information-search .form-input-icon .icon {
    width: 18px;
    text-align: left;
    font-size: 16px;
    color: #919299;
    height: 16px
}

@media only screen and (min-width: 768px) {
    .account-information-search {
        width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .account-information-search {
        width: 550px
    }
}

.account-information-search__icon-right {
    position: absolute;
    right: 0;
    top: 25px
}

.account-information-search__icon-right.button:focus {
    background-color: #0000
}

.account-information-search__icon-right .icon {
    height: 12px;
    color: #919299;
    font-size: 12px;
    line-height: normal
}

.is-sticky .account-information-search__icon-right {
    top: 23px
}

@media only screen and (min-width: 768px) {
    .is-sticky .account-information-search__icon-right {
        top: 45px
    }
}

.account-information-search__notice {
    margin-top: 5px;
    color: #919299;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.account-information__show-more {
    margin-bottom: 40px;
    text-align: center;
    display: flex;
    justify-content: center
}

.account-information-content-list {
    max-width: none;
    padding-top: 20px;
    margin: 0 auto
}

@media only screen and (min-width: 480px) {
    .account-information-content-list {
        max-width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .account-information-content-list {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .account-information-content-list {
        max-width: 550px
    }
}

.accounts-information-empty {
    margin-top: 55px;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.accounts-information-empty .icon {
    margin-bottom: 15px;
    opacity: .5;
    font-size: 35px
}

.accounts-information-empty__title {
    margin-bottom: 5px;
    font-weight: 500;
    color: #000
}

.account-information-navigation {
    display: none;
    justify-content: center;
    margin-bottom: 30px;
    background: #f7f8fa;
    border-bottom: thin solid #d9dae4
}

@media only screen and (min-width: 768px) {
    .account-information-navigation.is-desktop {
        display: flex
    }
}

.account-information-navigation.is-mobile {
    display: block;
    border-bottom: none
}

@media only screen and (min-width: 480px)and (max-width: 769px) {
    .account-information-navigation.is-mobile {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 768px) {
    .account-information-navigation.is-mobile {
        display: none
    }
}

.accounts .accounts-remainder,
.accounts .accounts-remainder-item.is-visible-accounts {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-information .account-wrap {
    padding: 15px
}

@media only screen and (min-width: 768px) {
    .account-information .account-wrap {
        padding: 0
    }
}

.account-information .account {
    display: block;
    min-width: 265px;
    padding: 20px;
    border: thin solid #d9dae4;
    border-radius: 2px;
    box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14
}

.account-information .account.has-reserved {
    cursor: default
}

.account-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-title .button {
    padding: 0;
    margin: 0 0 0 5px;
    font-size: 18px
}

.account-title .button:focus {
    background: none
}

.account-title .icon {
    height: 18px
}

.account-title__currency {
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-title-right {
    position: relative
}

.account-title-left {
    display: flex;
    flex-grow: 1
}

.account-info {
    color: #5f6375;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-info__item {
    margin-bottom: 5px;
    text-transform: uppercase
}

.account-info-extra {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

.account-info-extra .accounts-item-extra-cards {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.accounts-item-header-title__remainder {
    color: #000;
    text-transform: uppercase;
    flex-shrink: 0
}

.accounts-item-header.is-disabled .accounts-item-header-title__remainder {
    color: #919299
}

.accounts-item-extra__blocked,
.accounts-item-extra__blocked:hover {
    color: #d7011a
}

.account-info-extra__manager {
    flex-grow: 1;
    max-width: 600px;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre
}

.account-title-right-notice {
    position: absolute;
    display: flex;
    align-items: center;
    top: -50px;
    right: -11px;
    min-width: 132px;
    padding: 13px 12px;
    background: #fff;
    box-shadow: 0 2px 19px #00000012, 0 0 8px #34495e14;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-title-right-notice .icon {
    margin-right: 10px;
    font-size: 18px;
    color: #06815e
}

@media only screen and (min-width: 768px) {
    .account-title-right-notice {
        top: -60px;
        right: -50px
    }
}

.account-information-residual {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 10px;
    border-top: thin solid #d9dae4;
    color: #5f6375
}

.account-information-residual:last-child {
    border-bottom: thin solid #d9dae4
}

.account-information-residual .tooltip-wrap {
    margin-left: 5px
}

@media only screen and (min-width: 768px) {
    .account-information-residual {
        padding: 20px
    }
}

.account-information-residual__title {
    width: 50%
}

@media only screen and (min-width: 360px) {
    .account-information-residual__title {
        width: 65%
    }
}

@media only screen and (min-width: 768px) {
    .account-information-residual__title {
        width: auto
    }
}

.account-information-residual__sum {
    display: flex;
    flex-direction: column;
    width: 50%;
    text-align: right
}

.account-information-residual__sum a {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.account-information-residual__sum span {
    text-transform: uppercase
}

.account-information-residual__sum .account-information-residual__text {
    text-transform: none
}

@media only screen and (min-width: 1024px) {
    .account-information-residual__sum {
        width: auto
    }
}

.account-information-residual__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #919299
}

.account-information-reserved-item {
    display: flex;
    justify-content: space-between;
    padding: 20px 10px;
    border-top: thin solid #d9dae4;
    color: #5f6375
}

.account-information-reserved-item:last-child {
    margin-bottom: 10px;
    border-bottom: thin solid #d9dae4
}

.account-information-reserved-item .tooltip-wrap {
    margin-left: 5px
}

.account-information-reserved-item.is-account {
    background: #f7f8fa
}

@media only screen and (min-width: 768px) {
    .account-information-reserved-item {
        padding: 20px
    }
}

.account-information-reserved-item-sum {
    flex-shrink: 0;
    color: #000;
    text-align: right;
    text-transform: uppercase
}

.account-information-reserved-item-sum span {
    margin-left: 10px;
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 768px) {
    .account-information-reserved-item-sum span {
        margin-left: 0
    }
}

.account-information-reserved-item-sum.is-desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .account-information-reserved-item-sum.is-desktop {
        display: flex;
        flex-direction: column
    }
}

.account-information-reserved-item-sum.is-mobile {
    display: flex;
    flex-direction: row;
    margin-top: 2px
}

@media only screen and (min-width: 768px) {
    .account-information-reserved-item-sum.is-mobile {
        display: none
    }
}

.account-information-reserved-item-header {
    flex-grow: 1;
    color: #000;
    line-height: 20px
}

.account-information-reserved-item-header__title {
    max-width: 400px;
    padding-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.account-information-reserved-item-header__info {
    padding-right: 20px;
    margin-bottom: 7px;
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.account-information-reserved-item-header__extra {
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-information-reserved-item-header__extra .is-sum {
    color: #000;
    text-transform: uppercase
}

.account-information-reserved-account .accounts-item-header {
    padding: 20px 10px;
    background-color: #f7f8fa
}

@media only screen and (min-width: 768px) {
    .account-information-reserved-account .accounts-item-header {
        padding: 20px
    }
}

.account-information-reserved-sum {
    text-align: right;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.account-information-reserved-sum .currency {
    text-transform: uppercase
}

.account-information-blocked-item {
    display: flex;
    justify-content: space-between;
    padding: 20px 10px;
    border-top: thin solid #d9dae4;
    color: #5f6375
}

.account-information-blocked-item:last-child {
    margin-bottom: 10px;
    border-bottom: thin solid #d9dae4
}

.account-information-blocked-item .tooltip-wrap {
    margin-left: 5px
}

.account-information-blocked-item.is-account {
    background: #f7f8fa
}

@media only screen and (min-width: 768px) {
    .account-information-blocked-item {
        padding: 20px
    }
}

.account-information-blocked-item-sum {
    flex-shrink: 0;
    color: #000;
    text-align: right;
    text-transform: uppercase
}

.account-information-blocked-item-sum span {
    margin-left: 10px;
    color: #5f6375;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 768px) {
    .account-information-blocked-item-sum span {
        margin-left: 0
    }
}

.account-information-blocked-item-sum.is-desktop {
    display: none
}

@media only screen and (min-width: 768px) {
    .account-information-blocked-item-sum.is-desktop {
        display: flex;
        flex-direction: column
    }
}

.account-information-blocked-item-sum.is-mobile {
    display: flex;
    flex-direction: row;
    margin-top: 2px
}

@media only screen and (min-width: 768px) {
    .account-information-blocked-item-sum.is-mobile {
        display: none
    }
}

.account-information-blocked-item-header {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-information-blocked-item-header__extra {
    color: #919299;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-information-blocked-item-header__extra .is-sum {
    color: #000;
    text-transform: uppercase
}

.account-information-blocked-account .accounts-item-header {
    padding: 20px 10px;
    background-color: #f7f8fa
}

@media only screen and (min-width: 768px) {
    .account-information-blocked-account .accounts-item-header {
        padding: 20px
    }
}

.account-information-permissions {
    margin-bottom: 40px
}

.account-information-permissions__title,
.account-information-limits__title {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.account-information-permissions-list__item {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    border-top: thin solid #d9dae4;
    color: #5f6375;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.account-information-permissions-list__item:last-child {
    margin-bottom: 10px;
    border-bottom: thin solid #d9dae4
}

.account-information-permissions-list__item .tooltip-wrap {
    margin-left: 5px
}

.account-information-permissions-list__item .is-positive {
    color: #06815e
}

.account-information-permissions-list__item .is-negative {
    color: #d7011a
}

.account-information-permissions-list__item-title {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-information-permissions-list__item-title .tooltip-wrap {
    display: inline-block
}

@media only screen and (min-width: 768px) {
    .account-information-permissions-list__item-title .tooltip-wrap {
        display: none
    }
}

.account-information-permissions-list__item-text {
    display: none
}

@media only screen and (min-width: 768px) {
    .account-information-permissions-list__item-text {
        display: block
    }
}

.account-information-limits-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-top: thin solid #d9dae4;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.account-information-limits-item:last-child {
    margin-bottom: 10px;
    border-bottom: thin solid #d9dae4
}

.account-information-limits-item .tooltip-wrap {
    margin-left: 5px
}

.account-information-limits-item-header {
    padding-right: 20px;
    line-height: 20px
}

.account-information-limits-item-header__title {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.account-information-limits-item-header__title .tooltip-wrap {
    display: inline-block;
    margin-left: 5px
}

@media only screen and (min-width: 768px) {
    .account-information-limits-item-header__title .tooltip-wrap {
        display: none
    }
}

.account-information-limits-item-header__text {
    display: none
}

@media only screen and (min-width: 768px) {
    .account-information-limits-item-header__text {
        display: block
    }
}

.account-information-limits-item-limit {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.account-information-limits-item-limit-header {
    display: flex;
    flex-wrap: wrap;
    text-align: right;
    justify-content: flex-end;
    max-width: 140px
}

.account-information-limits-item__sum .currency {
    text-transform: uppercase
}

.account-information-limits-item__sum.no-limit,
.account-information-limits-item__used {
    font-weight: 500
}

.account-information-limits-item__used.limit-reached {
    color: #d7011a
}

.account-information-limits-item-progress {
    position: relative;
    width: 100%;
    max-width: 120px;
    height: 8px;
    margin-top: 10px;
    border-radius: 20px;
    background: #f7f8fa;
    overflow: hidden
}

.account-information-limits-item-progress-limit {
    position: absolute;
    height: 100%;
    border-radius: 20px;
    background-color: #f7f8fa
}

.account-information-limits-item-progress-limit.is-success {
    background-color: #4bde94
}

.account-information-limits-item-progress-limit.is-warning,
.account-information-limits-item-progress-limit.is-warning-dark {
    background-color: #ff7c2a
}

.account-information-limits-item-progress-limit.is-danger {
    background-color: #d7011a
}

.account-information-limits-item-notice {
    max-width: 120px;
    margin-top: 5px;
    color: #d7011a;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.account-information-limits-item__unlimited {
    font-weight: 500
}

.statements-overview-settings-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.statements-overview-settings-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .statements-overview-settings-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .statements-overview-settings-modal-wrap {
        overflow: hidden
    }
}

.statements-overview-settings-modal-wrap.no-margin {
    margin-bottom: 0
}

.statements-overview-settings {
    width: 100%;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .statements-overview-settings {
        padding: 0;
        margin: 0 auto
    }
}

.statements-overview-settings .title-primary {
    margin-bottom: 25px;
    text-align: center
}

.statements-overview-settings__instructions {
    max-width: 100%;
    margin: 0 auto 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 480px) {
    .statements-overview-settings__instructions {
        max-width: 460px
    }
}

@media only screen and (min-width: 768px) {
    .statements-overview-settings__instructions {
        max-width: 580px
    }
}

@media only screen and (min-width: 1024px) {
    .statements-overview-settings__instructions {
        max-width: 740px
    }
}

.statements-overview-settings-content {
    max-width: 100%;
    margin: 0 auto 40px
}

@media only screen and (min-width: 480px) {
    .statements-overview-settings-content {
        max-width: 340px
    }
}

@media only screen and (min-width: 1024px) {
    .statements-overview-settings-content {
        max-width: 360px
    }
}

.statements-overview-settings-content__text {
    max-width: 580px;
    margin: 0 auto 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.statements-overview-settings-button {
    width: 100%;
    margin: 0 auto 40px;
    background-color: #fff;
    z-index: 2;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.statements-overview-settings-button.is-sticky {
    padding: 15px;
    margin: 0 auto;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14;
    display: none
}

@media only screen and (max-width: 768px) {
    .statements-overview-settings-button.is-sticky {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media only screen and (min-width: 768px) {
    .statements-overview-settings-button.is-sticky {
        padding: 25px 0
    }
}

.statements-overview-settings-button.is-shown {
    display: flex;
    animation: showSticky .25s ease-in-out both
}

.statements-overview-settings-button .button {
    min-width: 158px;
    max-width: 360px
}

@media only screen and (min-width: 768px) {
    .statements-overview-settings-button {
        margin: 0 auto
    }
}

.statements-overview-settings-content-form,
.statements-overview-settings-content-form .radio-group {
    margin-bottom: 30px
}

.statements-search-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.statements-search-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .statements-search-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .statements-search-modal-wrap {
        overflow: hidden
    }
}

.statements-search-modal-wrap.no-margin {
    margin-bottom: 0
}

.statements-search-modal-content {
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .statements-search-modal-content {
        width: 700px;
        padding: 0;
        margin: 20px auto
    }

    .statements-search-modal-content.is-small {
        width: 580px
    }
}

@media only screen and (min-width: 1024px) {

    .statements-search-modal-content,
    .statements-search-modal-content.is-small {
        width: 740px
    }
}

.statements-search-modal-content .field-container__label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    color: #919299
}

.statements-search-modal-content .field-container__label.has-value {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.statements-search-modal-content .form-input:focus~.field-container__label,
.statements-search-modal-content .form-textarea:focus~.field-container__label {
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.statements-search-modal-content .field-container {
    margin-bottom: 12px
}

.statements-search-title {
    margin-bottom: 40px;
    text-align: center
}

.statements-search-title .title-primary {
    margin-bottom: 30px
}

.statements-search-title__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.statements-search-form {
    max-width: 340px;
    margin: 0 auto
}

.statements-search-form.no-padding {
    padding-top: 0
}

.statements-search-form .field-container {
    margin-bottom: 12px
}

.statements-search-form .radio-group {
    margin: 30px 0
}

.statements-search-form .input-group .Select-value {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 22px;
    text-align: center
}

.statements-search-form .input-group .Select-multi-value-wrapper {
    min-width: 20px
}

.statements-search-form .input-group .field-container.is-select {
    margin-bottom: 0
}

.statements-search-form .input-group .select__indicator {
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .statements-search-form {
        max-width: 360px
    }
}

.statements-search-form-datepickers {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 12px 0 30px
}

.statements-search-form__label {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    color: #5f6375;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.statements-search-form__label .tooltip-wrap {
    margin-left: 5px;
    color: #919299;
    font-size: 19px
}

.statements-search-form-datepickers__item {
    width: calc(50% - 10px)
}

.statements-search-form-datepickers__item:last-child {
    margin-right: 0
}

.statements-search-form-datepickers__item .datepicker-container {
    width: 100%;
    margin-bottom: 0
}

.statements-search-button-wrap {
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.statements-search-button-wrap.is-sticky {
    display: none
}

@media only screen and (max-width: 768px) {
    .statements-search-button-wrap.is-sticky {
        padding-left: 30px;
        padding-right: 30px
    }
}

.statements-search-button-wrap.is-shown {
    width: 100%;
    display: block;
    animation: showSticky .25s ease-in-out both
}

.statements-search-button-wrap.is-hidden {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.statements-search-button-wrap.is-hidden .payments-button {
    display: none
}

@media only screen and (max-width: 768px) {
    .statements-search-button-wrap {
        width: 100%
    }
}

.statements-search-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px
}

.statements-search-button .button {
    width: 100%;
    margin: 0 auto
}

.is-sticky .statements-search-button {
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 480px) {
    .statements-search-button {
        width: 360px
    }
}

@media only screen and (max-width: 768px) {
    .statements-search-button .button {
        max-width: 360px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .statements-search-button .button {
        width: -moz-max-content;
        width: max-content
    }
}

@media only screen and (min-width: 768px) {
    .statements-search-button {
        padding: 25px 15px
    }
}

.error-page-wrap {
    position: fixed;
    z-index: 31;
    inset: 0;
    overflow: hidden;
    pointer-events: all
}

.error-page-wrap .content-wrapper {
    max-width: 1232px;
    justify-content: center
}

.error-page {
    position: relative;
    z-index: 2;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    background-color: #f7f8fa;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (max-width: 480px) {
    .error-page {
        background: #fff
    }
}

@media only screen and (min-width: 768px) {
    .error-page {
        padding: 0 64px
    }
}

.error-page-content-wrap {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media only screen and (min-width: 480px) {
    .error-page-content-wrap {
        padding: 0
    }
}

.error-page-content {
    text-align: center
}

.error-page-content .title-primary {
    margin-bottom: 25px
}

.error-page-content .button {
    margin: 0 auto
}

.error-page-content__text {
    margin-bottom: 25px
}

.error-page-content__text a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (max-width: 480px) {
    .error-page-buttons {
        display: block;
        text-align: center
    }

    .error-page-buttons button {
        display: block;
        margin: 0 auto 10px
    }
}

.error-page-buttons__close {
    min-width: 158px
}

@media only screen and (max-width: 480px) {
    .error-page-buttons__close {
        margin-bottom: 10px
    }
}

.error-page-content-list {
    display: flex;
    max-width: 290px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px auto 0
}

.error-page-content-list.is-browser {
    display: block
}

.error-page-content-list.is-browser:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (min-width: 768px) {
    .error-page-content-list {
        margin: 80px auto 0;
        max-width: 550px
    }
}

.error-page-content-list-item {
    min-width: 140px;
    margin-bottom: 30px;
    text-align: center
}

.is-browser .error-page-content-list-item {
    width: 140px;
    min-width: auto;
    margin: 0 auto 30px
}

@media only screen and (min-width: 480px) {
    .is-browser .error-page-content-list-item {
        float: left
    }
}

@media only screen and (min-width: 768px) {
    .error-page-content-list-item {
        min-width: 170px;
        margin-bottom: 60px
    }

    .is-browser .error-page-content-list-item {
        width: 170px
    }
}

.error-page-content-list-item__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.error-page-content-list-item__subtitle {
    color: #5f6375;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.error-page-content-list-item__image {
    width: 40px;
    height: 40px;
    margin: 0 auto 20px
}

.error-page-content-list-item__image img {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .error-page-content-list-item__image {
        width: 100px;
        height: 100px
    }
}

.confirmation-dialog-content-wrap {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .confirmation-dialog-content-wrap {
        padding: 0 35px
    }
}

@media only screen and (min-width: 1024px) {
    .confirmation-dialog-content-wrap {
        width: 740px;
        padding: 0 15px
    }
}

.confirmation-dialog-content {
    text-align: center;
    margin-top: 10px
}

@media only screen and (min-width: 768px) {
    .confirmation-dialog-content {
        margin-top: 20px
    }
}

.confirmation-dialog-content .title-primary {
    margin-bottom: 20px
}

.centered-modal .confirmation-dialog-content {
    margin-top: 0
}

.confirmation-dialog-content__text {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.confirmation-dialog-buttons {
    margin: 20px auto 0
}

.confirmation-dialog-content__text-title {
    margin-bottom: 15px;
    font-weight: 500
}

.confirmation-dialog-content__text-content {
    max-width: 580px;
    margin: 0 auto;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.confirmation-dialog-content__checkbox {
    margin-top: 25px;
    display: flex;
    justify-content: center
}

.confirmation-dialog-content__checkbox .checkbox__input {
    left: 0;
    width: 20px;
    height: 20px
}

.confirmation-dialog-buttons button {
    margin-right: 20px
}

.confirmation-dialog-buttons button:last-child {
    margin-right: 0
}

@media only screen and (max-width: 480px) {
    .confirmation-dialog-buttons {
        flex-direction: column
    }

    .confirmation-dialog-buttons button {
        min-width: 186px;
        margin-right: 0
    }
}

@media only screen and (max-width: 768px) {
    .confirmation-dialog-buttons {
        width: -moz-max-content;
        width: max-content
    }

    .confirmation-dialog-buttons button {
        width: auto
    }
}

@media only screen and (max-width: 480px) {

    .confirmation-dialog-buttons,
    .confirmation-dialog-buttons button {
        width: 100%
    }
}

.confirmation-dialog-buttons__close {
    min-width: 118px
}

@media only screen and (max-width: 480px) {
    .confirmation-dialog-buttons__close {
        margin-bottom: 10px
    }
}

.confirmation-dialog-info-text {
    margin-top: 20px;
    color: #919299;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.confirmation-dialog-footer {
    border-top: none
}

.confirmation-repeat {
    display: flex;
    margin-top: 10px;
    justify-content: center
}

.route-modal-switch-container {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 26
}

.route-modal-switch-enter {
    opacity: 0
}

.route-modal-switch-enter-active {
    opacity: 1;
    transition: opacity .4s ease-in-out
}

.route-modal-switch-exit {
    opacity: 1
}

.route-modal-switch-exit-active {
    opacity: 0;
    transition: opacity .4s ease-in-out
}

.new-card-modal-content-wrap {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .new-card-modal-content-wrap {
        padding: 0 35px;
        width: 580px
    }
}

@media only screen and (min-width: 1024px) {
    .new-card-modal-content-wrap {
        width: 740px;
        padding: 0 15px
    }
}

.new-card-modal-content {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.new-card-modal-content .title-primary {
    margin-bottom: 20px
}

.new-card-modal-content__text {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.new-card-modal-buttons {
    margin: 0 auto
}

.new-card-modal-buttons button {
    margin-right: 20px
}

.new-card-modal-buttons button:last-child {
    margin-right: 0
}

@media only screen and (max-width: 768px) {
    .new-card-modal-buttons {
        max-width: 360px
    }
}

@media only screen and (max-width: 480px) {
    .new-card-modal-buttons {
        flex-direction: column;
        align-items: center
    }

    .new-card-modal-buttons button {
        min-width: 186px;
        margin-right: 0
    }
}

.new-card-modal-buttons__close {
    min-width: 158px
}

@media only screen and (max-width: 480px) {
    .new-card-modal-buttons__close {
        margin-bottom: 10px
    }
}

.block-card-modal-content-wrap {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .block-card-modal-content-wrap {
        padding: 0 35px;
        width: 580px
    }
}

@media only screen and (min-width: 1024px) {
    .block-card-modal-content-wrap {
        width: 740px;
        padding: 0 15px
    }
}

.block-card-modal-content {
    max-width: 100%;
    margin: 0 auto;
    text-align: center
}

.block-card-modal-content .title-primary {
    margin-bottom: 20px
}

.block-card-modal-content .field-container.is-textarea {
    max-width: 360px;
    margin: 0 auto 40px
}

.block-card-modal-card {
    max-width: 360px;
    margin: 0 auto
}

.block-card-modal-card .credit-card {
    padding: 0;
    border: none;
    margin-bottom: 20px
}

@media only screen and (max-width: 768px) {
    .block-card-modal-card .credit-card.is-small.secondary {
        margin-bottom: 11px
    }
}

.block-card-modal-card .info__text--secondary-warning-dark {
    color: #d56000
}

.block-card-modal-card .credit-card-image {
    display: block;
    width: 60px
}

.block-card-modal-card .credit-card-image.secondary {
    width: 75px
}

@media only screen and (max-width: 768px) {
    .block-card-modal-card .credit-card-image.secondary {
        width: 54px
    }
}

.block-card-modal-card .credit-card-info {
    padding-left: 10px;
    text-align: left
}

.block-card-modal-card .credit-card-info.secondary {
    padding-left: 14px
}

@media only screen and (max-width: 768px) {
    .block-card-modal-card .credit-card-info.secondary {
        padding-left: 12px
    }
}

.block-card-modal-card .credit-card-info .info__text.info__text--secondary {
    line-height: 18px;
    margin-bottom: 2px
}

.block-card-modal-card .credit-card-info__title {
    color: #000
}

.block-card-modal-card .credit-card-info__title.secondary {
    color: #000;
    line-height: 24px;
    padding-bottom: 2px
}

.block-card-modal-card__label {
    margin-bottom: 5px;
    color: #5f6375;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.block-card-modal-card__label.secondary {
    color: #919299;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (max-width: 768px) {
    .block-card-modal-card__label.secondary {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .14px
    }
}

.block-card-modal-content__text {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.block-card-modal-buttons {
    margin: 0 auto
}

.block-card-modal-buttons button {
    margin-right: 20px
}

.block-card-modal-buttons button:last-child {
    margin-right: 0
}

@media only screen and (max-width: 768px) {
    .block-card-modal-buttons button {
        width: -moz-fit-content;
        width: fit-content
    }
}

@media only screen and (max-width: 480px) {
    .block-card-modal-buttons button {
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .block-card-modal-buttons {
        flex-direction: column;
        align-items: center
    }

    .block-card-modal-buttons button {
        min-width: 186px;
        margin-right: 0
    }
}

@media only screen and (max-width: 480px) {
    .xs-mb-10 {
        margin-bottom: 10px
    }
}

.cards-search-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.cards-search-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .cards-search-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .cards-search-modal-wrap {
        overflow: hidden
    }
}

.cards-search-modal-wrap.no-margin {
    margin-bottom: 0
}

.cards-search-modal-content {
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 25px
}

@media only screen and (min-width: 768px) {
    .cards-search-modal-content {
        max-width: 700px;
        padding: 0;
        margin: 20px auto 15px
    }

    .cards-search-modal-content.is-small {
        max-width: 580px
    }
}

@media only screen and (min-width: 1024px) {

    .cards-search-modal-content,
    .cards-search-modal-content.is-small {
        max-width: 740px
    }
}

.cards-search-modal-content .form-input:focus~.field-container__label,
.cards-search-modal-content .form-textarea:focus~.field-container__label {
    color: #5f6375;
    top: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.cards-search-modal-content .field-container {
    margin-bottom: 12px
}

.cards-search-modal-content .credit-card {
    padding: 0;
    border: none;
    margin-bottom: 20px
}

.cards-search-modal-content .credit-card-image {
    display: block;
    width: 60px
}

.cards-search-modal-content .credit-card-info {
    padding-left: 10px;
    text-align: left
}

.cards-search-modal-content .credit-card-info__title {
    color: #000
}

.cards-search-title {
    margin-bottom: 40px;
    text-align: center
}

.cards-search-title .title-primary {
    margin-bottom: 30px
}

.cards-search-title__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.cards-search-form {
    max-width: 340px;
    margin: 0 auto
}

.cards-search-form.no-padding {
    padding-top: 0
}

.cards-search-form .field-container,
.cards-search-form .input-select-wrap {
    margin-bottom: 12px
}

.cards-search-form .input-select-wrap .field-container {
    margin-bottom: 0
}

.cards-search-form .radio-group {
    margin: 30px 0
}

.cards-search-form .input-group .Select-value {
    font-size: 22px;
    text-align: center;
    line-height: 20px
}

.cards-search-form .input-group .Select-multi-value-wrapper {
    min-width: 25px
}

.cards-search-form .input-group .field-container.is-select {
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .cards-search-form {
        max-width: 360px
    }
}

.cards-search-form-datepickers {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px
}

.cards-search-form__label {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    color: #5f6375;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.cards-search-form__label .tooltip-wrap {
    margin-left: 5px;
    color: #919299;
    font-size: 19px
}

.cards-search-form-datepickers__item {
    width: calc(50% - 10px)
}

.cards-search-form-datepickers__item:last-child {
    margin-right: 0
}

.cards-search-form-datepickers__item .datepicker-container {
    width: 100%;
    margin-bottom: 0
}

.cards-search-button-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2
}

.cards-search-button-wrap.is-sticky {
    display: none
}

.cards-search-button-wrap.is-shown {
    max-width: unset;
    width: 100vw;
    display: block;
    animation: showSticky .25s ease-in-out both
}

.cards-search-button-wrap.is-hidden {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.cards-search-button-wrap.is-hidden .payments-button {
    display: none
}

@media only screen and (min-width: 768px) {
    .cards-search-button-wrap {
        max-width: 700px
    }
}

@media only screen and (min-width: 1024px) {
    .cards-search-button-wrap {
        max-width: 740px
    }
}

.cards-search-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    padding: 15px 10px
}

.is-sticky .cards-search-button {
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (max-width: 480px) {
    .is-sticky .cards-search-button {
        padding-left: 40px;
        padding-right: 40px
    }
}

.cards-search-button button {
    width: 100%
}

@media only screen and (min-width: 480px) {
    .cards-search-button {
        max-width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .cards-search-button {
        padding: 25px 0
    }

    .cards-search-button button {
        width: auto
    }
}

.secure-payment-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

@media only screen and (max-width: 768px) {
    .secure-payment-modal-wrap.centered-modal.step3 {
        margin-bottom: 0
    }
}

.secure-payment-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .secure-payment-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .secure-payment-modal-wrap {
        overflow: hidden
    }
}

.secure-payment-modal-wrap.no-margin {
    margin-bottom: 0
}

.secure-payment-modal-content {
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .secure-payment-modal-content {
        max-width: 700px;
        padding: 0;
        margin: 20px auto 40px
    }
}

@media only screen and (min-width: 1024px) {
    .secure-payment-modal-content {
        max-width: 740px
    }
}

.secure-payment-modal-content .form-input:focus~.field-container__label,
.secure-payment-modal-content .form-textarea:focus~.field-container__label {
    color: #3859bb;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.secure-payment-modal-content .field-container {
    margin-bottom: 12px
}

.secure-payment-modal-content .credit-card {
    padding: 0;
    border: none;
    margin-bottom: 26px
}

.secure-payment-modal-content .credit-card-info {
    padding-left: 10px;
    text-align: left
}

@media only screen and (max-width: 768px) {
    .secure-payment-modal-content .credit-card-info {
        padding-left: 7px
    }
}

.secure-payment-title {
    margin-bottom: 20px;
    text-align: center
}

.secure-payment-title .title-primary {
    margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
    .secure-payment-title .title-primary {
        margin-bottom: 15px
    }
}

.secure-payment-title .title-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (max-width: 768px) {
    .secure-payment-title .title-text {
        max-width: 270px;
        margin: 0 auto
    }
}

.secure-payment-logo {
    margin-bottom: 30px;
    text-align: center
}

.secure-payment-card {
    max-width: 360px;
    margin: 0 auto
}

.secure-payment-card .credit-card {
    padding: 0;
    border: none
}

@media only screen and (max-width: 768px) {
    .secure-payment-card .credit-card {
        margin-bottom: 28px
    }
}

.secure-payment-card .credit-card-image {
    display: block;
    width: 75px
}

@media only screen and (max-width: 768px) {
    .secure-payment-card .credit-card-image {
        marggin-right: 12px;
        width: 54px
    }
}

.secure-payment-card .credit-card-info {
    padding-left: 14px;
    text-align: left
}

@media only screen and (max-width: 768px) {
    .secure-payment-card .credit-card-info {
        padding-left: 12px
    }
}

.secure-payment-card .credit-card-info__title {
    color: #000;
    line-height: 24px
}

@media only screen and (max-width: 768px) {
    .secure-payment-card .credit-card-info__title {
        width: 230px
    }
}

.secure-payment-card__label {
    margin-bottom: 16px;
    text-align: left;
    color: #919299;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (max-width: 768px) {
    .secure-payment-card__label {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .14px
    }
}

.secure-payment-form {
    max-width: 340px;
    margin: 0 auto
}

.secure-payment-form.no-padding {
    padding-top: 0
}

.secure-payment-form .field-container,
.secure-payment-form .input-select-wrap {
    margin-bottom: 12px
}

.secure-payment-form .input-select-wrap .field-container {
    margin-bottom: 0
}

.secure-payment-form .approve-section {
    margin-bottom: 45px
}

@media only screen and (min-width: 1024px) {
    .secure-payment-form {
        max-width: 360px
    }
}

@media only screen and (max-width: 768px) {
    .secure-payment-form .approve-section {
        margin-bottom: 20px
    }

    .secure-payment-form .intermediary-consent-content__title {
        margin-bottom: 24px
    }
}

.secure-payment-form-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%
}

.secure-payment-form-buttons button {
    margin-right: 20px
}

.secure-payment-form-buttons button:last-child {
    margin-right: 0
}

.secure-payment-form-buttons.is-sticky {
    max-width: 100%;
    padding: 15px 0;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14;
    display: none
}

@media only screen and (max-width: 768px) {
    .secure-payment-form-buttons.is-sticky {
        padding-left: 40px;
        padding-right: 40px
    }
}

.secure-payment-form-buttons.is-sticky .buttons-group {
    max-width: 360px;
    margin: 0 auto
}

.secure-payment-form-buttons.is-sticky .secondary-button {
    display: none
}

.secure-payment-form-buttons.is-sticky button {
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .secure-payment-form-buttons.is-sticky .buttons-group {
        max-width: 280px
    }
}

@media only screen and (min-width: 768px) {
    .secure-payment-form-buttons.is-sticky .buttons-group {
        max-width: -moz-max-content;
        max-width: max-content
    }

    .secure-payment-form-buttons.is-sticky .secondary-button {
        display: inline-block
    }
}

@media only screen and (max-width: 768px) {
    .secure-payment-form-buttons.is-sticky .buttons-group {
        max-width: 280px;
        gap: 6px
    }
}

.secure-payment-form-buttons.is-shown {
    display: block;
    animation: showSticky .25s ease-in-out both
}

@media only screen and (max-width: 768px) {
    .secure-payment-form-buttons {
        flex-direction: column;
        align-items: center;
        max-width: 280px;
        width: 100%
    }

    .secure-payment-form-buttons .buttons-group {
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 280px;
        margin: 0 auto
    }

    .secure-payment-form-buttons button {
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 6px
    }
}

.secure-payment-form-item {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.secure-payment-form-item.is-limit .field-container {
    margin-bottom: 2px
}

.secure-payment-form-item.step3 {
    margin-bottom: 40px
}

@media only screen and (max-width: 768px) {
    .secure-payment-form-item.step3 {
        margin-bottom: 35px
    }
}

.secure-payment-form-content.is-limit .field-container {
    margin-bottom: 2px
}

.secure-payment-form-item__title {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.secure-payment-form-item__label {
    color: #919299;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.secure-payment-form-item__label span {
    color: #d7011a
}

.secure-payment-form-item__text {
    color: #919299;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.secure-payment-form-item__text span {
    font-weight: 500
}

@media only screen and (max-width: 768px) {
    .secure-payment-form-item__text {
        text-align: center;
        margin-bottom: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .14px
    }
}

.secure-payment-form-item-action {
    text-align: left
}

.secure-payment-messages {
    padding-top: 24px
}

.secure-payment-messages .flash-message-wrap {
    margin-top: -20px;
    margin-bottom: 20px
}

.secure-payment__text-block {
    margin-top: 38px;
    margin-bottom: 60px;
    color: #000;
    text-align: left;
    background: #f7f8fa;
    padding: 40px;
    height: 425px;
    overflow: auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.secure-payment__text-block p {
    margin: 0
}

@media only screen and (max-width: 768px) {
    .secure-payment__text-block {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 20px 18px 13px 10px
    }
}

.secure-payment-content__title {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

@media only screen and (max-width: 768px) {
    .secure-payment-content__title {
        margin-bottom: 24px
    }
}

.mb-21 {
    margin-bottom: 21px
}

.last-card-info {
    margin-bottom: 30px
}

@media only screen and (max-width: 768px) {
    .last-card-info {
        margin-bottom: 40px
    }
}

.secure-payment-form-checkbox {
    margin-top: 4px
}

.secure-payment-form-checkbox .content__text {
    line-height: 24px
}

.secure-payment-form-checkbox .step2-mg {
    margin-bottom: 30px
}

@media only screen and (max-width: 768px) {
    .secure-payment-form-checkbox .step2-mg {
        margin-bottom: 40px
    }
}

.secure-payment-approve-checkbox .checkbox {
    color: red;
    line-height: 23px
}

@media only screen and (max-width: 768px) {
    .secure-payment-approve-checkbox .checkbox-wrap__label {
        width: 254px
    }
}

.utilities-payments-settings-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    width: 100vw;
    align-self: center
}

.utilities-payments-settings-modal .modal-header {
    max-width: 1232px;
    padding: 0 20px
}

.utilities-payments-settings {
    width: 100%;
    margin-top: 20px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .utilities-payments-settings {
        max-width: 700px;
        margin: 100px auto 0
    }
}

@media only screen and (min-width: 1024px) {
    .utilities-payments-settings {
        max-width: 740px
    }
}

.utilities-payments-settings .title-primary {
    margin-bottom: 25px
}

.utilities-payments-settings .account__title {
    display: table-cell;
    max-width: 98px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.utilities-payments-settings .account__number {
    display: table-cell;
    padding-left: 2px;
    white-space: nowrap
}

.utilities-payments-settings .account__currency {
    padding-left: 2px;
    text-transform: uppercase
}

.utilities-payments-settings__instructions {
    display: none;
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 768px) {
    .utilities-payments-settings__instructions {
        display: block;
        max-width: 580px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 1024px) {
    .utilities-payments-settings__instructions {
        width: 100%
    }
}

.utilities-payments-settings__instructions.is-mobile {
    display: block
}

@media only screen and (min-width: 768px) {
    .utilities-payments-settings__instructions.is-mobile {
        display: none
    }
}

.utilities-payments-settings-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .utilities-payments-settings-content {
        flex-direction: row
    }
}

.utilities-payments-settings-content-item {
    margin-right: 0;
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .utilities-payments-settings-content-item:first-child {
        margin-right: 20px
    }
}

.utilities-payments-settings-content-item-list {
    min-width: 100%;
    height: 245px;
    margin-bottom: 20px;
    border: thin solid #d9dae4;
    border-radius: 2px;
    overflow-y: auto
}

@media screen and (min-width: 768px) {
    .utilities-payments-settings-content-item-list {
        min-width: 340px;
        height: 210px
    }
}

@media only screen and (min-width: 1024px) {
    .utilities-payments-settings-content-item-list {
        min-width: 360px
    }
}

.utilities-payments-settings-content-item-list .payment {
    display: flex;
    min-height: 30px;
    padding: 6px 10px;
    text-align: left;
    color: #5f6375;
    cursor: default;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.utilities-payments-settings-content-item-list .payment:hover,
.utilities-payments-settings-content-item-list .payment:focus,
.utilities-payments-settings-content-item-list .payment.is-selected {
    background-color: #f7f8fa;
    color: #000
}

.utilities-payments-settings-content-item-buttons .button {
    margin-right: 20px
}

.utilities-payments-settings-content-item-buttons .button:last-child {
    margin-right: 0
}

.utilities-payments-settings-content-item-buttons .only-icon {
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px
}

.utilities-payments-settings-content-item-buttons .icon {
    height: 14px
}

.utilities-payments-settings-content-item__title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.utilities-payments-settings-content-button {
    width: 100%;
    margin: 0 auto 40px
}

.utilities-payments-settings-content-button .button {
    margin: 0 auto
}

@media only screen and (min-width: 480px) {
    .utilities-payments-settings-content-button {
        width: 360px
    }
}

@media only screen and (min-width: 768px) {
    .utilities-payments-settings-content-button {
        margin: 0 0 40px
    }
}

.utilities-payments-settings-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.utilities-payments-settings-switch .switch {
    margin: 0 20px 15px
}

@media only screen and (min-width: 480px) {
    .utilities-payments-settings-switch .switch {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .utilities-payments-settings-switch {
        margin-bottom: 60px
    }
}

.utilities-payments-settings-switch__title {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 500
}

@media only screen and (min-width: 480px) {
    .utilities-payments-settings-switch__title {
        display: none
    }
}

.utilities-payments-settings-switch__text {
    display: none;
    color: #919299;
    transition: color .4s;
    cursor: pointer
}

.utilities-payments-settings-switch__text.is-active {
    color: #000
}

@media only screen and (min-width: 480px) {
    .utilities-payments-settings-switch__text {
        display: block
    }
}

.utilities-payments-settings-switch-text-mobile {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.utilities-payments-settings-switch-text-mobile span {
    display: block
}

@media only screen and (min-width: 480px) {
    .utilities-payments-settings-switch-text-mobile {
        display: none
    }
}

.utilities-payments-settings-modal.is-defined-payments .utilities-payments-settings .account__title {
    max-width: none
}

.utilities-payments-settings-select {
    max-width: 280px;
    margin: 0 auto 40px
}

.utilities-payments-settings-select .utilities-payments-item-header__number {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.edit-defined-utility-payment-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.edit-defined-utility-payment-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .edit-defined-utility-payment-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .edit-defined-utility-payment-modal-wrap {
        overflow: hidden
    }
}

.edit-defined-utility-payment-modal-wrap.no-margin {
    margin-bottom: 0
}

.edit-defined-utility-payment {
    width: 100%;
    padding: 0 15px 30px
}

@media only screen and (min-width: 768px) {
    .edit-defined-utility-payment {
        padding: 0
    }
}

.edit-defined-utility-payment .title-primary {
    margin-bottom: 25px;
    text-align: center
}

.edit-defined-utility-payment__instructions {
    max-width: 100%;
    margin: 0 auto 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 480px) {
    .edit-defined-utility-payment__instructions {
        max-width: 460px
    }
}

@media only screen and (min-width: 768px) {
    .edit-defined-utility-payment__instructions {
        max-width: 580px
    }
}

@media only screen and (min-width: 1024px) {
    .edit-defined-utility-payment__instructions {
        max-width: 740px
    }
}

.edit-defined-utility-payment-content {
    max-width: 100%;
    margin: 0 auto 15px
}

@media only screen and (min-width: 480px) {
    .edit-defined-utility-payment-content {
        width: 340px
    }
}

@media only screen and (min-width: 1024px) {
    .edit-defined-utility-payment-content {
        width: 360px
    }
}

.edit-defined-utility-payment-content__text {
    max-width: 580px;
    margin: 0 auto 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.edit-defined-utility-payment-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 0 5px;
    z-index: 2
}

.edit-defined-utility-payment-button.is-sticky {
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14;
    display: none
}

@media screen and (max-width: 768px) {
    .edit-defined-utility-payment-button.is-sticky {
        padding-left: 40px;
        padding-right: 40px
    }
}

.edit-defined-utility-payment-button.is-shown {
    width: 100%;
    display: block;
    animation: showSticky .25s ease-in-out both
}

.edit-defined-utility-payment-button .secondary-button {
    display: none;
    height: 40px
}

@media screen and (min-width: 768px) {
    .edit-defined-utility-payment-button .secondary-button {
        display: block
    }
}

.edit-defined-utility-payment-button .buttons-group {
    max-width: 360px;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .edit-defined-utility-payment-button .buttons-group {
        max-width: none;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.edit-defined-utility-payment-button button:last-child {
    margin-right: 0
}

.edit-defined-utility-payment-button button {
    flex-grow: 0;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .edit-defined-utility-payment-button button {
        width: auto;
        margin-right: 20px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .edit-defined-utility-payment-button {
        padding: 25px 15px
    }

    .edit-defined-utility-payment-button .primary-button {
        margin-right: 20px
    }
}

.edit-defined-utility-payment-content-form {
    margin-bottom: 30px
}

.edit-defined-utility-payment-content-form .radio-group {
    margin-top: 30px;
    margin-bottom: 30px
}

.edit-defined-utility-payment-content-form .field-container {
    margin-bottom: 12px
}

.edit-defined-utility-payment-selected-value {
    margin-bottom: 20px
}

.edit-defined-utility-payment-selected-value__label {
    color: #5f6375;
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.edit-defined-utility-payment-selected-value__label .is-required {
    color: #d7011a
}

.edit-defined-utility-payment-selected-value__value {
    max-width: 300px;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.edit-defined-utility-payment-selected-value__value.is-bold {
    font-weight: 500
}

.edit-defined-utility-payment-flash-messages {
    margin-top: -10px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 740px
}

@media only screen and (min-width: 480px)and (max-width: 767px) {
    .edit-defined-utility-payment-flash-messages {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

.edit-defined-utility-payment-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.new-utility-payment-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.new-utility-payment-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .new-utility-payment-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .new-utility-payment-modal-wrap {
        overflow: hidden
    }
}

.new-utility-payment-modal-wrap.no-margin {
    margin-bottom: 0
}

.new-utility-payment {
    width: 100%;
    padding: 20px 15px 30px
}

@media only screen and (min-width: 768px) {
    .new-utility-payment {
        padding: 40px 0 0
    }
}

.new-utility-payment .title-primary {
    margin-bottom: 25px;
    text-align: center
}

.new-utility-payment .info-text {
    width: 100%;
    margin-bottom: 15px;
    text-align: center
}

@media only screen and (min-width: 480px) {
    .new-utility-payment .info-text {
        width: 360px;
        margin: 0 auto 15px
    }
}

.new-utility-payment__instructions {
    max-width: 100%;
    margin: 0 auto 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

@media only screen and (min-width: 480px) {
    .new-utility-payment__instructions {
        max-width: 460px
    }
}

@media only screen and (min-width: 768px) {
    .new-utility-payment__instructions {
        max-width: 580px
    }
}

@media only screen and (min-width: 1024px) {
    .new-utility-payment__instructions {
        max-width: 740px
    }
}

.new-utility-payment-content {
    width: 100%;
    max-width: 360px;
    margin: 0 auto
}

.new-utility-payment-content__text {
    max-width: 580px;
    margin: 0 auto 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.new-utility-payment-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 0 5px;
    z-index: 2
}

.new-utility-payment-button.is-sticky {
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14;
    display: none
}

@media only screen and (min-width: 768px) {
    .new-utility-payment-button.is-sticky {
        max-width: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .new-utility-payment-button.is-sticky {
        max-width: 100%
    }
}

@media screen and (max-width: 768px) {
    .new-utility-payment-button.is-sticky {
        padding-left: 40px;
        padding-right: 40px
    }
}

.new-utility-payment-button.is-shown {
    width: 100%;
    display: block;
    animation: showSticky .25s ease-in-out both
}

.new-utility-payment-button .secondary-button {
    display: none;
    height: 40px
}

@media screen and (min-width: 768px) {
    .new-utility-payment-button .secondary-button {
        display: block
    }
}

.new-utility-payment-button .buttons-group {
    max-width: 360px;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .new-utility-payment-button .buttons-group {
        max-width: none;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.new-utility-payment-button button:last-child {
    margin-right: 0
}

.new-utility-payment-button button {
    flex-grow: 0;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .new-utility-payment-button button {
        width: auto;
        margin-right: 20px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .new-utility-payment-button {
        padding: 25px 15px;
        max-width: 700px
    }

    .new-utility-payment-button .primary-button {
        margin-right: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .new-utility-payment-button {
        max-width: 740px
    }
}

.new-utility-payment-content-form {
    margin-bottom: 28px
}

.new-utility-payment-content-form-item {
    margin-bottom: 40px
}

.new-utility-payment-content-form-item:last-child {
    margin-bottom: 28px
}

.new-utility-payment-content-form-item .radio-group {
    margin-top: 20px;
    margin-bottom: 30px
}

.new-utility-payment-content-form-item .field-container,
.new-utility-payment-content-form-item .autocomplete-wrap,
.new-utility-payment-content-form-item .field-container.is-readonly,
.new-utility-payment-content-form-item .autocomplete-wrap.is-readonly,
.new-utility-payment-content-form-item .field-container.accounts-select {
    margin-bottom: 20px
}

.new-utility-payment-content-form-item .payments-search-form-datepickers .field-container {
    margin-bottom: 0
}

.new-utility-payment-content-form-item .inputs-group {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 12px 0
}

.new-utility-payment-content-form-item .inputs-group .field-container {
    width: calc(50% - 10px)
}

.new-utility-payment-content-form-item .input-group .currency {
    position: absolute;
    right: 20px;
    padding-top: 20px;
    text-transform: uppercase;
    vertical-align: bottom;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.new-utility-payment-content-form-item .input-group.has-tooltip .currency {
    padding-right: 45px
}

.new-utility-payment-accordion {
    margin-bottom: 40px
}

.new-utility-payment-accordion .accordion-sector__content.is-opened {
    border-bottom: none
}

.new-utility-payment-accordion .field-container {
    margin-bottom: 20px
}

.new-utility-payment-content-form-item__title {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.new-utility-payment-selected-value {
    margin-bottom: 20px
}

.new-utility-payment-selected-value__label {
    color: #5f6375;
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.new-utility-payment-selected-value__label .is-required {
    color: #d7011a
}

.new-utility-payment-selected-value__value {
    max-width: 300px;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.new-utility-payment-selected-value__value.is-bold {
    font-weight: 500
}

.new-utility-payment-flash-messages {
    margin-top: -10px;
    margin-bottom: 30px
}

@media only screen and (min-width: 480px)and (max-width: 767px) {
    .new-utility-payment-flash-messages {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

.new-utility-payment-flash-messages .flash-message-wrap:last-child {
    margin-bottom: 0
}

.e-services-login-wrap {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.e-services-login-content-wrap,
.e-services-login-header {
    padding: 0 15px
}

@media only screen and (min-width: 768px) {

    .e-services-login-content-wrap,
    .e-services-login-header {
        padding: 0 64px
    }
}

.e-services-login {
    flex: 1;
    overflow-y: auto
}

.e-services-login-content {
    max-width: 740px;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center
}

.e-services-login-content .title-primary {
    margin-bottom: 38px
}

@media only screen and (min-width: 768px) {
    .e-services-login-content {
        padding: 0
    }
}

.e-services-login-content-logo {
    margin-bottom: 48px
}

.e-services-login-content-logo img {
    width: 126px
}

.e-services-login-content__subtitle {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.e-services-login-content__text {
    margin-bottom: 40px;
    color: #5f6375;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.e-services-login-content-button-wrap {
    width: 100%;
    padding-bottom: 40px;
    margin: 0 auto;
    z-index: 2
}

.e-services-login-content-button-wrap .button {
    margin: 0 auto
}

.e-services-login-content-button-wrap .button.is-loading {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: not-allowed
}

.e-services-login-content-button-wrap .button.is-loading span {
    display: flex;
    justify-content: center;
    align-items: center
}

.e-services-login-content-button-wrap .button.is-loading .preloader {
    margin-right: 10px
}

.e-services-login-content-button-wrap .button.is-loading:hover {
    background-color: #0000
}

.e-services-login-content-button-wrap.is-sticky {
    width: 100%;
    padding: 0;
    display: none;
    margin: 0 auto;
    text-align: center;
    background: #fff
}

.e-services-login-content-button-wrap.is-sticky .e-services-login-content-button {
    width: 100%;
    padding: 15px;
    margin: 0 auto;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

@media only screen and (min-width: 768px) {
    .e-services-login-content-button-wrap.is-sticky .e-services-login-content-button {
        width: 700px
    }
}

@media only screen and (min-width: 1024px) {
    .e-services-login-content-button-wrap.is-sticky .e-services-login-content-button {
        width: 740px
    }
}

.e-services-login-content-button-wrap.is-shown {
    display: block;
    animation: showSticky .25s ease-in-out both
}

.e-account-contract-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.e-account-contract-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width: 768px) {
    .e-account-contract-modal-wrap {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media print {
    .e-account-contract-modal-wrap {
        overflow: hidden
    }
}

.e-account-contract-modal-wrap.no-margin {
    margin-bottom: 0
}

.e-account-contract {
    width: 100%;
    padding: 0 15px 30px
}

@media only screen and (min-width: 768px) {
    .e-account-contract {
        padding: 0
    }
}

.e-account-contract .title-primary {
    margin-bottom: 25px;
    text-align: center
}

.e-account-contract__instructions {
    max-width: 100%;
    margin: 0 auto 40px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (min-width: 480px) {
    .e-account-contract__instructions {
        max-width: 460px
    }
}

@media only screen and (min-width: 768px) {
    .e-account-contract__instructions {
        max-width: 580px
    }
}

@media only screen and (min-width: 1024px) {
    .e-account-contract__instructions {
        max-width: 740px
    }
}

.e-account-contract-content {
    max-width: 100%;
    margin: 0 auto 15px
}

@media only screen and (min-width: 480px) {
    .e-account-contract-content {
        max-width: 340px
    }
}

@media only screen and (min-width: 1024px) {
    .e-account-contract-content {
        max-width: 360px
    }
}

.e-account-contract-content__text {
    max-width: 580px;
    margin: 0 auto 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.e-account-contract-button {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px 0 5px;
    z-index: 2
}

.e-account-contract-button.is-sticky {
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14;
    display: none
}

@media only screen and (max-width: 768px) {
    .e-account-contract-button.is-sticky {
        padding-left: 40px;
        padding-right: 40px
    }
}

.e-account-contract-button.is-shown {
    width: 100%;
    display: block;
    animation: showSticky .25s ease-in-out both
}

.e-account-contract-button .secondary-button {
    display: none;
    height: 40px
}

@media screen and (min-width: 768px) {
    .e-account-contract-button .secondary-button {
        display: block
    }
}

.e-account-contract-button .buttons-group {
    max-width: 360px;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .e-account-contract-button .buttons-group {
        max-width: none;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.e-account-contract-button button:last-child {
    margin-right: 0
}

.e-account-contract-button button {
    flex-grow: 0;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .e-account-contract-button button {
        width: auto;
        margin-right: 20px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .e-account-contract-button {
        padding: 25px 15px
    }

    .e-account-contract-button .primary-button {
        margin-right: 20px
    }
}

.e-account-contract-content-form {
    margin-bottom: 30px
}

.e-account-contract-content-form .radio-group {
    margin-top: 30px;
    margin-bottom: 30px
}

.e-account-contract-content-form .field-container {
    margin-bottom: 20px
}

.e-account-contract-content-form .payment-confirmation-content-item__value {
    margin-bottom: 25px
}

.e-account-contract-selected-value {
    margin-bottom: 20px
}

.e-account-contract-selected-value__label {
    color: #5f6375;
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.e-account-contract-selected-value__label .is-required {
    color: #d7011a
}

.e-account-contract-selected-value__value {
    max-width: 300px;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.e-account-contract-selected-value__value.is-bold {
    font-weight: 500
}

.e-account-contract-content__title {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.e-account-contract-content__title .tooltip-wrap {
    margin-left: 10px
}

.e-account-contract-content-item {
    margin-bottom: 40px
}

.messages-review-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.messages-review-modal .payments-button-wrap .payments-button {
    padding-top: 0
}

.messages-review-modal .payments-button-wrap.is-sticky .payments-button {
    padding: 15px
}

@media only screen and (min-width: 768px) {
    .messages-review-modal .payments-button-wrap.is-sticky .payments-button {
        padding: 25px 15px
    }
}

.messages-review-modal .message-details-row-info-content span:not(:last-child):after {
    width: 4px;
    height: 4px;
    border-radius: 50%
}

.messages-review-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width: 768px) {
    .messages-review-modal-wrap {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media print {
    .messages-review-modal-wrap {
        overflow: hidden
    }
}

.messages-review-modal-wrap.no-margin {
    margin-bottom: 0
}

.messages-review-info {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #000
}

.messages-review-info span:after {
    content: "\2022";
    color: #000;
    font-weight: 400;
    display: inline;
    margin: 0 3px
}

.messages-review-info span:last-child:after {
    display: none
}

.messages-review-info .is-important {
    color: #d7011a;
    font-weight: 500
}

.messages-review-modal-content {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media only screen and (min-width: 480px) {
    .messages-review-modal-content {
        max-width: 460px
    }
}

@media only screen and (min-width: 768px) {
    .messages-review-modal-content {
        max-width: 460px;
        padding: 0;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .messages-review-modal-content {
        max-width: 550px
    }
}

.messages-review-title {
    position: relative;
    width: 100%;
    padding: 0 15px;
    margin: 10px auto 30px;
    text-align: center
}

.messages-review-title .title-primary {
    max-width: 460px;
    margin: 0 auto 15px
}

@media only screen and (min-width: 768px) {
    .messages-review-title {
        margin: 20px auto 30px
    }
}

@media only screen and (min-width: 1024px) {
    .messages-review-title {
        width: 980px;
        padding: 0 15px
    }
}

@media only screen and (min-width: 1366px) {
    .messages-review-title {
        width: 1180px;
        padding: 0 15px
    }
}

.messages-review-title__download {
    position: static;
    min-height: auto;
    padding: 0 15px;
    margin-top: 20px;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.messages-review-title__download .icon {
    margin-right: 10px;
    font-size: 18px;
    height: 18px;
    line-height: normal
}

.messages-review-title__download span {
    vertical-align: middle
}

@media only screen and (min-width: 1024px) {
    .messages-review-title__download {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 15px;
        margin-top: 0
    }
}

.messages-review-delete-button-wrap {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 15px
}

.messages-review-delete-button-wrap .button {
    padding: 0 15px
}

.messages-review-button-wrap {
    width: 100%;
    padding: 25px 0;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2;
    text-align: center
}

.messages-review-button-wrap.is-sticky {
    display: none;
    box-shadow: 0 -25px 19px -25px #00000012, 0 -8px 8px -8px #34495e14
}

.messages-review-button-wrap .button {
    margin: 0 auto
}

.messages-review-button-wrap.is-shown {
    width: 100%;
    display: block;
    animation: showSticky .25s ease-in-out both
}

.new-message {
    display: flex;
    align-items: flex-start;
    padding-top: 20px;
    border-top: thin solid #d9dae4
}

.new-message-form {
    width: 100%;
    padding-left: 20px
}

.new-message-form-add-file-row {
    border-bottom: thin solid #d9dae4
}

.new-message-form-add-file-row .button {
    width: 100%;
    min-height: auto;
    padding: 15px 0;
    text-transform: none;
    font-size: 14px;
    text-align: left;
    font-weight: 400
}

.new-message-form-add-file-row .button .icon {
    width: 20px;
    height: 20px;
    font-size: 20px;
    margin-right: 6px
}

.new-message-form-added-files-row {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: thin solid #d9dae4
}

.new-message-form-added-files-row .button.only-icon .icon {
    height: 22px;
    font-size: 22px
}

.new-message-form-added-files-row .button.only-icon:focus {
    background: none
}

.new-message-wrap {
    text-align: center
}

.new-message {
    margin-bottom: 20px
}

.new-message-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.new-message-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .new-message-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .new-message-modal-wrap {
        overflow: hidden
    }
}

.new-message-modal-wrap.no-margin {
    margin-bottom: 0
}

.new-message-modal-content-wrap {
    margin-top: 50px
}

.new-message-modal-content {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto 20px
}

.new-message-modal-content .field-container {
    margin-bottom: 25px
}

.new-message-modal-content .drag-drop-wrap {
    min-height: auto
}

.new-message-modal-content .drag-drop {
    padding: 20px;
    border: 2px dashed #d9dae4
}

.new-message-modal-content .drag-drop.is-dragging {
    border: 2px dashed #3859bb
}

.new-message-modal-content .drag-drop-overlay {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.new-message-modal-content .drag-drop-overlay .icon {
    margin-bottom: 10px;
    font-size: 24px
}

@media only screen and (min-width: 480px) {
    .new-message-modal-content {
        width: 360px;
        padding: 0;
        margin: 20px auto
    }
}

.new-message-form-label {
    margin-bottom: 20px;
    color: #919299
}

.new-message-title {
    max-width: 740px;
    margin: 0 auto 30px;
    text-align: center
}

.new-message-title .title-primary {
    margin-bottom: 25px
}

.new-message-title__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.new-message-extras-dropzone {
    width: 100%
}

.new-message-extras-dropzone .button {
    margin: 0 auto;
    background-color: #f7f8fa
}

.new-message-extras-dropzone-content {
    display: flex;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.new-message-extras-dropzone-content .icon {
    height: 20px;
    margin-right: 18px;
    color: #3859bb;
    font-size: 20px
}

.new-deposit-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.new-deposit-modal-wrap {
    flex: 1;
    overflow: auto;
    padding: 0 15px
}

.new-deposit-modal-wrap .content-wrapper {
    overflow-x: hidden
}

@media only screen and (min-width: 768px) {
    .new-deposit-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .new-deposit-modal-wrap {
        overflow: hidden
    }
}

.new-deposit-modal-wrap.no-margin {
    margin-bottom: 0
}

.new-deposit-wrap {
    width: 100%;
    padding-bottom: 40px;
    margin: 20px auto 0
}

@media only screen and (min-width: 768px) {
    .new-deposit-wrap {
        padding: 0 0 90px;
        margin: 45px auto 0
    }
}

.new-deposit {
    width: 100%;
    overflow-x: hidden;
    text-align: center
}

.new-deposit .title-primary {
    margin-bottom: 25px
}

.new-deposit-content__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

@media only screen and (max-width: 768px) {
    .new-deposit-content__title {
        margin-bottom: 50px
    }
}

@media only screen and (min-width: 1366px) {
    .new-deposit-content__title {
        margin-bottom: 30px
    }
}

.new-deposit__instructions {
    padding: 0 15px;
    margin: 0 auto 50px
}

@media only screen and (min-width: 768px) {
    .new-deposit__instructions {
        max-width: 700px;
        padding: 0
    }
}

@media only screen and (min-width: 1024px) {
    .new-deposit__instructions {
        max-width: 740px
    }
}

.new-deposit-content {
    max-width: 275px;
    margin: 0 auto
}

@media only screen and (min-width: 480px) {
    .new-deposit-content {
        max-width: 354px
    }
}

@media only screen and (min-width: 768px) {
    .new-deposit-content {
        max-width: 700px
    }
}

@media only screen and (min-width: 1024px) {
    .new-deposit-content {
        max-width: 991px
    }
}

@media only screen and (min-width: 1366px) {
    .new-deposit-content {
        max-width: 1120px
    }
}

.new-deposit-column-wrap {
    padding: 0 7px
}

@media only screen and (min-width: 768px) {
    .new-deposit-column-wrap {
        padding: 0 10px
    }
}

.new-deposit-column {
    height: 100%;
    max-width: 260px;
    min-height: 600px;
    padding: 40px 0;
    border: thin solid #d9dae4;
    box-shadow: 0 0 8px #34495e14;
    background: #fff
}

@media only screen and (min-width: 480px) {
    .new-deposit-column {
        max-width: 340px
    }
}

@media only screen and (min-width: 1024px) {
    .new-deposit-column {
        max-width: 360px
    }
}

.new-deposit-column__title {
    height: 56px;
    padding: 0 25px;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

.new-deposit-column__text {
    padding: 20px 35px;
    border-bottom: thin solid #d9dae4;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.new-deposit-column__text.is-first span {
    display: block;
    min-height: 95px
}

.new-deposit-column__text.has-height {
    min-height: 95px
}

.new-deposit-column-button {
    padding-top: 20px
}

.new-deposit-column-button .button {
    margin: 0 auto
}

.new-deposit-content-list {
    position: relative;
    padding-top: 23px
}

@media only screen and (min-width: 768px) {
    .new-deposit-content-list {
        margin-right: -10px;
        margin-left: -10px
    }
}

.new-deposit-content-list.is-flex {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin: 0
}

.new-deposit-content-list .slick-dots {
    position: absolute;
    display: flex !important;
    justify-content: center;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

@media only screen and (max-width: 768px) {
    .new-deposit-content-list .slick-dots {
        top: -20px
    }
}

@media only screen and (min-width: 1366px) {
    .new-deposit-content-list .slick-dots {
        top: 0
    }
}

.new-deposit-content-list .slick-dots li {
    position: relative;
    width: 8px;
    height: 8px;
    background: #f7f8fa;
    border-radius: 50%;
    margin-right: 8px
}

.new-deposit-content-list .slick-dots button {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    font-size: 0
}

.new-deposit-content-list .slick-dots .slick-active {
    background: #5f6375
}

.new-deposit-content-list .slick-arrow {
    top: -40px;
    width: 40px;
    height: 40px;
    display: none
}

@media only screen and (max-width: 768px) {
    .new-deposit-content-list .slick-arrow {
        display: flex
    }
}

@media only screen and (min-width: 1366px) {
    .new-deposit-content-list .slick-arrow {
        display: flex;
        top: 50%;
        width: 48px;
        height: 48px
    }
}

.new-deposit-content-list .slick-arrow .icon-container {
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 1366px) {
    .new-deposit-content-list .slick-arrow .icon-container {
        width: 18px;
        height: 18px
    }
}

.new-deposit-content-list .slick-prev {
    left: 25px;
    transform: translate(-50%)
}

.new-deposit-content-list .slick-prev .icon-container {
    transform: rotate(-180deg);
    margin-right: 3px
}

@media only screen and (min-width: 1366px) {
    .new-deposit-content-list .slick-prev {
        left: -15px;
        transform: none
    }
}

.new-deposit-content-list .slick-next {
    right: 25px;
    transform: translate(50%)
}

.new-deposit-content-list .slick-next .icon-container {
    margin-left: 3px
}

@media only screen and (min-width: 1366px) {
    .new-deposit-content-list .slick-next {
        right: -15px;
        transform: none
    }
}

.new-deposit-content-list .slick-list {
    overflow: visible
}

.change-password-content-wrap {
    width: 100%;
    padding: 0 15px;
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .change-password-content-wrap {
        width: 580px;
        padding: 0;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .change-password-content-wrap {
        width: 740px
    }
}

.change-password__text {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.change-password__title {
    color: #000;
    text-align: center;
    margin-bottom: 30px
}

@media only screen and (min-width: 1024px) {
    .change-password__title {
        padding-top: 0
    }
}

.change-password-text {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.change-password-content-form {
    display: block;
    width: 100%;
    margin: 0 auto 30px
}

@media only screen and (min-width: 480px) {
    .change-password-content-form {
        width: 360px
    }
}

.change-password-content-form .is-current-password {
    margin-bottom: 20px
}

.change-password-content-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 30px
}

.change-password-content-button .button {
    margin-right: 20px
}

.change-password-content-button .button:last-child {
    margin-right: 0
}

@media only screen and (max-width: 768px) {
    .change-password-content-button .button {
        margin-right: 0;
        margin-bottom: 10px
    }

    .change-password-content-button .button:last-child {
        margin-bottom: 0
    }
}

.change-password-content-button .buttons-group {
    flex-direction: row
}

@media only screen and (max-width: 768px) {
    .change-password-content-button .buttons-group {
        flex-direction: column
    }
}

@media only screen and (max-width: 768px) {
    .change-password-content-button {
        max-width: 360px;
        width: 100%
    }
}

.password-security {
    margin-top: 10px
}

.password-security-text {
    margin: 10px 0;
    color: #919299;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.password-security-text__title.is-wrong {
    color: #d7011a
}

.password-security-text__title.is-weak,
.password-security-text__title.is-average {
    color: #d56000
}

.password-security-text__title.is-strong {
    color: #06815e
}

.password-security-blocks {
    display: flex
}

.password-security-blocks__item {
    flex: 1;
    height: 5px;
    background: #d9dae4;
    margin-right: 15px;
    border-radius: 2px
}

.password-security-blocks__item:last-child {
    margin-right: 0
}

.password-security-blocks__item.is-wrong {
    background: #ff3951
}

.password-security-blocks__item.is-weak,
.password-security-blocks__item.is-average {
    background: #ff7c2a
}

.password-security-blocks__item.is-strong {
    background: #4bde94
}

.new-report-form {
    padding-top: 20px
}

.new-report-form.no-padding {
    padding-top: 0
}

.new-report-form .field-container {
    margin-bottom: 20px
}

.new-report-form .field-container .info-text {
    text-align: left;
    margin: 0
}

.new-report-form .field-container .field-container__text {
    padding-left: 0;
    margin-top: 0
}

.new-report-form .input-group-wrap {
    margin-bottom: 20px
}

.new-report-form .input-group-wrap .field-container {
    margin-bottom: 0
}

.new-report-form .radio-group {
    margin: 30px 0
}

.new-report-form .currency {
    margin-left: 3px;
    text-transform: uppercase
}

.new-report-form .form-input {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.new-report-form-content {
    width: 100%;
    margin: 30px auto 20px
}

.new-report-form-content .info-text {
    text-align: left
}

@media only screen and (min-width: 480px) {
    .new-report-form-content {
        width: 360px
    }
}

.new-report-form-content.is-main-info {
    margin-bottom: 20px
}

.new-report-form-content .info-text {
    text-align: center;
    margin: 40px 0 10px
}

.stepper {
    display: flex;
    justify-content: space-between;
    max-width: 580px;
    margin: 0 auto 40px
}

.stepper-line {
    width: 100%;
    height: 2px;
    max-width: 580px;
    margin: 0 auto;
    background: #3859bb
}

.stepper-error {
    display: grid;
    align-items: center;
    grid-template-columns: 28px 1fr;
    gap: 12px;
    text-align: left;
    margin-bottom: 35px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #ffe5e8;
    border: 1px solid #ff3951;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.stepper-error--list,
.stepper-error--list-error {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px;
    padding: 0;
    margin: 0;
    list-style: none
}

.stepper-error--list-error {
    color: #000;
    font-weight: 500;
    text-decoration: underline
}

.stepper-error .icon-container {
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.stepper-error .icon-container__danger {
    background: #ff3951
}

.stepper-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -8px
}

@media only screen and (min-width: 768px) {
    .stepper-item {
        width: 0
    }
}

.stepper-item__bubble {
    width: 16px;
    height: 16px;
    margin-bottom: 8px;
    border: 2px solid #3859bb;
    border-radius: 50%;
    background: #fff
}

.is-active .stepper-item__bubble {
    background: #3859bb
}

.has-error .stepper-item__bubble {
    border: #d7011a;
    background: #d7011a
}

.stepper-item__label {
    display: none;
    color: #919299;
    word-break: break-word;
    width: 82px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.is-active .stepper-item__label {
    color: #000;
    font-weight: 500
}

.has-error .stepper-item__label {
    color: #d7011a
}

@media only screen and (min-width: 768px) {
    .stepper-item__label {
        display: block
    }
}

.credit-table-wrap {
    margin-bottom: 40px
}

.credit-table-wrap table {
    width: 100%;
    text-align: left;
    border: 1px solid #d7e1ea;
    border-collapse: collapse;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.credit-table-wrap td,
.credit-table-wrap th {
    padding: 20px 16px;
    border: 1px solid #d7e1ea;
    white-space: nowrap
}

.credit-table-wrap td {
    padding: 11px 16px
}

.credit-table-wrap th {
    background: #f7f8fa
}

.credit-table-wrap th,
.credit-table-wrap tr.is-overall {
    font-weight: 500
}

.credit-table-header {
    position: relative;
    margin: 30px auto;
    text-align: center
}

.credit-table-header>div {
    margin: 0 auto;
    max-width: 540px
}

@media only screen and (max-width: 768px) {
    .credit-table-header {
        text-align: left
    }
}

.credit-table-header-button {
    display: flex;
    margin-top: 15px
}

@media only screen and (min-width: 1024px) {
    .credit-table-header-button {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0
    }
}

.credit-table {
    overflow-x: auto
}

.credit-table-header__actions {
    padding-top: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

@media only screen and (max-width: 768px) {
    .credit-table-header__actions {
        padding-top: 10px;
        gap: 4px;
        flex-direction: column;
        align-items: flex-start
    }
}

.credit-table-header__actions-buttons {
    display: flex;
    gap: 8px
}

.credit-table-header__actions-buttons .icon {
    padding-right: 4px
}

.show-more--link {
    margin-top: 30px;
    text-align: center
}

.intermediary-consent-container {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto 0;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .intermediary-consent-container {
        padding: 0 35px 25px;
        margin: 20px auto 0
    }
}

@media only screen and (min-width: 1024px) {
    .intermediary-consent-container {
        width: 740px;
        padding: 0 15px 25px
    }
}

.intermediary-consent-container__confirm .intermediary-consent__subtitle {
    margin-top: 20px;
    margin-bottom: 40px
}

.intermediary-consent__title {
    margin-bottom: 10px
}

.intermediary-consent__status {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    margin-bottom: 20px;
    color: #919299
}

.intermediary-consent__status--active {
    color: #06815e
}

.intermediary-consent__subtitle {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.intermediary-consent__subtitle a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.intermediary-consent__subtitle .intermediaryName {
    margin-left: 4px
}

.intermediary-consent__icon {
    margin: 40px 0 30px
}

.intermediary-consent__icon .icon {
    font-size: 60px
}

.intermediary-consent__icon .icon-check-circle {
    color: #06815e
}

.intermediary-consent__message {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px
}

.intermediary-consent-content {
    max-width: 360px;
    margin: 0 auto 30px;
    text-align: left
}

.intermediary-consent-content__inputs {
    margin: 30px 0
}

.intermediary-consent-content__inputs .confirmation-form {
    margin: 0
}

.intermediary-consent-content__inputs .field-container {
    margin-bottom: 20px
}

.intermediary-consent-content__inputs .confirmation-confirm__code {
    margin-top: 20px;
    text-align: center
}

.intermediary-consent-content__notice {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px;
    text-align: center
}

.intermediary-consent-content__notice__muted {
    color: #919299
}

.intermediary-consent-content__item--info {
    margin-bottom: 15px
}

.intermediary-consent-content__item--agreement {
    margin: 15px 0 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #d9dae4
}

.intermediary-consent-content__item--agreement .intermediary-consent-content__text,
.intermediary-consent-content__item--agreement .intermediary-consent-content__text--muted,
.intermediary-consent-content__item--agreement .intermediary-consent-content__indicators {
    padding-left: 20px
}

.single-holder .intermediary-consent-content__item--agreement .intermediary-consent-content__text,
.single-holder .intermediary-consent-content__item--agreement .intermediary-consent-content__text--muted,
.single-holder .intermediary-consent-content__item--agreement .intermediary-consent-content__indicators {
    padding-left: 0
}

.intermediary-consent-content__separator {
    width: 100%;
    border-bottom: 1px solid #f7f8fa;
    margin: 10px 0
}

.intermediary-consent-content__title {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

.single-holder .intermediary-consent-content__title {
    margin-bottom: 10px
}

.intermediary-consent-content__subtitle {
    background-color: #f7f8fa;
    line-height: 44px;
    padding-left: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.intermediary-consent-content__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.intermediary-consent-content__divider.divider {
    background-color: #d9dae4;
    margin-top: 15px
}

.intermediary-consent-content__text--muted {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px;
    color: #919299
}

.intermediary-consent-content__text--muted.is-centered {
    text-align: center
}

.intermediary-consent-content__checkbox {
    margin-bottom: 40px
}

.intermediary-consent-content__checkbox .checkbox-wrap {
    align-items: center
}

.intermediary-consent-content__checkbox .checkbox-wrap label {
    color: #919299
}

.intermediary-consent-agreements .documents-select-row:first-child {
    border-top: thin solid #d9dae4
}

.intermediary-consent-agreements .documents-statuses__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px;
    padding: 0
}

.intermediary-consent-agreements .documents-statuses-empty {
    margin-top: 32px
}

.intermediary-consent-agreements .documents-statuses-empty .icon {
    font-size: 42px;
    color: #d9dae4
}

.intermediary-consent-buttons-wrap {
    margin: 0 auto 20px;
    justify-content: center;
    display: flex
}

.intermediary-consent-buttons-wrap button {
    margin-right: 20px;
    flex-grow: 0
}

.intermediary-consent-buttons-wrap button:last-child {
    margin-right: 0
}

.intermediary-consent-buttons-wrap.wider {
    max-width: 426px;
    margin: 0 auto 20px
}

.intermediary-consent-buttons-wrap.narrow {
    max-width: 140px;
    margin: 0 auto 20px
}

@media only screen and (max-width: 480px) {
    .intermediary-consent-buttons-wrap {
        flex-direction: column
    }

    .intermediary-consent-buttons-wrap button {
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .intermediary-consent-buttons-wrap button:last-child {
        margin-bottom: 0
    }

    .intermediary-consent-buttons-wrap.narrow {
        max-width: unset
    }
}

.card-code-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.card-code-modal-wrap {
    flex: 1;
    overflow-y: auto;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .card-code-modal-wrap {
        padding: 0 64px
    }
}

@media print {
    .card-code-modal-wrap {
        overflow: hidden
    }
}

.card-code-modal-wrap.no-margin {
    margin-bottom: 0
}

.card-code-modal-content {
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .card-code-modal-content {
        max-width: 700px;
        padding: 0;
        margin: 20px auto 40px
    }
}

@media only screen and (min-width: 1024px) {
    .card-code-modal-content {
        max-width: 740px
    }
}

.card-code-modal-content .block-card-modal-card {
    margin-bottom: 36px
}

@media only screen and (max-width: 768px) {
    .card-code-modal-content .block-card-modal-card {
        margin-bottom: 28px
    }
}

.card-code-modal-content .card-code-message__text {
    color: #d7011a;
    text-align: center;
    line-height: 24px;
    margin-bottom: 15px
}

@media only screen and (max-width: 768px) {
    .card-code-modal-content .card-code-message__text {
        margin-bottom: 18px
    }
}

.card-code-modal-content .card-code-message__text span {
    font-weight: 500
}

.card-code-title {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto 20px;
    text-align: center
}

.card-code-title .title-primary {
    margin-bottom: 33px
}

@media only screen and (max-width: 768px) {
    .card-code-title .title-primary {
        font-weight: 500
    }
}

.card-code-title .title-subtitle__text {
    color: #5f6375;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (max-width: 768px) {
    .card-code-title {
        padding: 0;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 768px) {
    .card-code-title {
        margin: 20px auto 10px
    }
}

@media only screen and (min-width: 1024px) {
    .card-code-title {
        width: 740px;
        padding: 0 25px
    }
}

.card-extension-content {
    width: 100%;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .card-extension-content {
        max-width: 700px;
        padding: 0;
        margin: 40px auto 0
    }
}

@media only screen and (min-width: 1024px) {
    .card-extension-content {
        max-width: 740px;
        margin: 40px auto 0
    }
}

@media only screen and (max-width: 768px) {
    .card-extension-content {
        margin: 40px auto 0
    }
}

.card-extension-content .block-card-modal-card {
    margin-bottom: 30px
}

@media only screen and (max-width: 768px) {
    .card-extension-content .block-card-modal-card {
        margin-bottom: 38px
    }
}

.card-extension-content-form {
    max-width: 100%;
    margin: 0 auto
}

.card-extension-content-form .address-form-content {
    margin-top: 34px;
    margin-bottom: 13px
}

@media only screen and (max-width: 768px) {
    .card-extension-content-form .address-form-content {
        margin-top: 30px;
        margin-bottom: 22px
    }
}

.card-extension-content-form .card-extension-first-text-field {
    margin-bottom: 30px
}

.card-extension-content-form .form-input {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.card-extension-content-form .cards-select-container {
    margin-bottom: 15px
}

@media only screen and (max-width: 768px) {
    .card-extension-content-form .cards-select-container {
        margin-top: 32px;
        margin-bottom: 18px
    }
}

.card-extension-content-form .field-container {
    margin-bottom: 10px
}

@media only screen and (min-width: 480px) {
    .card-extension-content-form {
        max-width: 340px
    }
}

@media only screen and (min-width: 1024px) {
    .card-extension-content-form {
        max-width: 360px
    }
}

.card-extension-title {
    width: 100%;
    padding: 0 15px;
    margin: 10px auto 40px;
    text-align: center
}

.card-extension-title .title-primary {
    margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
    .card-extension-title .title-primary {
        font-weight: 500;
        margin-bottom: 15px
    }
}

.card-extension-title .title-subtitle__text {
    color: #5f6375;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

@media only screen and (max-width: 768px) {
    .card-extension-title {
        padding: 0;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 768px) {
    .card-extension-title {
        margin: 20px auto 40px
    }
}

@media only screen and (min-width: 1024px) {
    .card-extension-title {
        width: 740px;
        padding: 0 25px
    }
}

.card-extension-content-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

@media only screen and (max-width: 768px) {
    .card-extension-content-title {
        width: 250px;
        margin: 0 auto 30px
    }
}

.card-extension-first-radio-group {
    margin-bottom: 30px
}

@media only screen and (max-width: 768px) {
    .card-extension-first-radio-group {
        margin-bottom: 51px
    }
}

.form-text-field-content-item__label {
    color: #5f6375;
    margin-bottom: 1px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.form-text-field-content-item__label .tooltip-wrap {
    line-height: 0
}

.form-text-field-content-item__value {
    max-width: 360px;
    word-break: break-word;
    white-space: pre-line;
    line-height: 23px
}

.form-text-field-content-item__value.is-success {
    color: #06815e
}

.form-text-field-content-item__value.is-danger {
    color: #d7011a
}

.form-text-field-content-item__value.is-uppercase {
    text-transform: uppercase
}

.form-text-field-content-item__extra-label {
    color: #919299;
    margin-bottom: 4px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

.form-text-field-content-item__extra-label .tooltip-wrap {
    line-height: 0
}

.form-text-field-content-item__extra-value {
    color: #919299;
    max-width: 360px;
    word-break: break-word;
    white-space: pre-line;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24px
}

.form-text-field-content-item {
    margin-bottom: 20px
}

.default-page-modal {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    width: 100vw;
    align-self: center
}

.default-page-modal-space-content {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    flex: 1
}

.default-page-modal-wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    scrollbar-gutter: stable both-edges;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .default-page-modal-wrap {
        padding: 0 64px
    }
}

.default-page-modal-wrap.no-margin {
    margin-bottom: 0
}

.centered-default-page-modal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    width: 100%
}

.default-page-modal-content {
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 40px
}

.default-page-modal-content--center-y {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .default-page-modal-content {
        padding: 0;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .default-page-modal-content.wrapper-medium {
        width: 740px
    }
}

@media only screen and (min-width: 1024px) {
    .default-page-modal-content.wrapper-large {
        width: 930px
    }
}

@media only screen and (min-width: 1025px) {
    .default-page-modal-content.wrapper-full {
        width: 100%
    }
}

.default-page-modal-title {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto 40px;
    text-align: center
}

.default-page-modal-title .title-primary {
    margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
    .default-page-modal-title .title-primary {
        margin-bottom: 15px
    }
}

.default-page-modal-title .title-subtitle__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px;
    color: #5f6375
}

@media only screen and (max-width: 768px) {
    .default-page-modal-title {
        padding: 0;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 768px) {
    .default-page-modal-title {
        margin: 0 auto 40px
    }
}

@media only screen and (min-width: 1024px) {
    .default-page-modal-title {
        width: 740px;
        padding: 0 25px
    }
}

.default-page-modal-content-children.center {
    text-align: center
}

.default-page-modal-content-children.left {
    text-align: left
}

.default-page-modal-content-children.right {
    text-align: right
}

.default-page-modal-content-children .content-wrapper {
    box-shadow: none
}

.default-page-modal-content-form {
    max-width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 480px) {
    .default-page-modal-content-form.wrapper-medium {
        max-width: 460px
    }
}

@media only screen and (min-width: 1024px) {
    .default-page-modal-content-form.wrapper-medium {
        max-width: 550px
    }
}

@media only screen and (min-width: 480px) {
    .default-page-modal-content-form {
        max-width: 340px
    }
}

@media only screen and (min-width: 1024px) {
    .default-page-modal-content-form {
        max-width: 360px
    }
}

.default-page-modal-content-form .address-form-content {
    margin-top: 34px;
    margin-bottom: 13px
}

@media only screen and (max-width: 768px) {
    .default-page-modal-content-form .address-form-content {
        margin-top: 30px;
        margin-bottom: 22px
    }
}

.default-page-modal-content-form .form-input {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.default-page-modal-content-form .cards-select-container {
    margin-bottom: 15px
}

@media only screen and (max-width: 768px) {
    .default-page-modal-content-form .cards-select-container {
        margin-top: 10px;
        margin-bottom: 18px
    }
}

.default-page-modal-content-form .field-container,
.default-page-modal-content-form .datepicker-container-wrap {
    margin-bottom: 10px
}

.default-page-modal-content-form .form-text-field-content,
.default-page-modal-content-form .radio-group {
    margin: 20px 0
}

.default-page-modal-content-form .default-page-modal-content-group-items {
    margin-bottom: 30px
}

.default-page-modal-content-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .18px
}

@media only screen and (max-width: 768px) {
    .default-page-modal-content-title {
        width: 250px;
        margin: 0 auto 30px
    }
}

.default-page-modal__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.default-page-modal__column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%
}

.default-page-modal__column .img {
    width: -moz-fit-content;
    width: fit-content
}

.default-page-modal__double-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%
}

@media screen and (min-width: 1024px) {
    .default-page-modal__column {
        flex: 1
    }

    .default-page-modal__column {
        flex: 2
    }
}

.salary-pay__btn--wrapper {
    position: relative
}

.salary-pay__btn--wrapper .salary-pay__btn {
    position: absolute;
    right: -183px;
    top: 8px
}

@media only screen and (max-width: 768px) {
    .salary-pay__btn--wrapper .salary-pay__btn {
        position: static;
        text-align: center;
        margin-bottom: 20px
    }
}

.salary-pay__mark-all {
    display: none
}

.salary-pay__mark-all>*:not(:last-child) {
    padding-left: 12px
}

@media only screen and (max-width: 1024px) {
    .salary-pay__mark-all>*:not(:last-child) {
        padding-left: 12px
    }
}

@media only screen and (min-width: 1025px) {
    .salary-pay__mark-all {
        margin-top: 30px;
        display: flex
    }
}

.sticky-text {
    padding: 0 8px
}

.sticky-text .form-text-field-content-item__value {
    max-width: unset;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .sticky-text {
        padding: 0
    }
}

.salary-pay-table__wrap {
    width: 100%;
    max-width: 1795px;
    margin: 0 auto 15px
}

.salary-pay-table__wrap .flash-message-wrap {
    margin: 0 auto
}

@media only screen and (max-width: 1024px) {
    .salary-pay-table__wrap .table__body>*:not(:last-child) {
        margin-bottom: 1.875rem
    }
}

.salary-pay-table__wrap .table__thead {
    background: #f7f8fa
}

@media only screen and (max-width: 1024px) {
    .salary-pay-table__wrap .table__thead {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .salary-pay-table__wrap .table__row>*:not(:first-child) {
        padding: 14px 12px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .salary-pay-table__wrap .table__row>*:not(:first-child) {
        padding: 14px 12px
    }
}

@media only screen and (max-width: 1024px) {
    .salary-pay-table__wrap .table__row>*:first-child {
        display: none
    }
}

.salary-pay-table__wrap .table__data__check {
    width: 55px;
    padding: 0 12px
}

.salary-pay-table__wrap .table__data__check .checkbox-wrap {
    justify-content: center
}

.salary-pay-table__wrap .table__data__account {
    min-width: 210px
}

.salary-pay-table__wrap .table__data__amount {
    min-width: 190px
}

@media only screen and (max-width: 1024px) {

    .salary-pay-table__wrap .table__data__recipient,
    .salary-pay-table__wrap .table__data__account,
    .salary-pay-table__wrap .table__data__amount,
    .salary-pay-table__wrap .table__data__purpose,
    .salary-pay-table__wrap .table__data__number,
    .salary-pay-table__wrap .table__data__doc {
        width: calc(100% - 24px);
        padding: 16px 12px;
        margin: 0 auto 10px;
        background: #f7f8fa;
        border-bottom: 1px solid #d9dae4
    }
}

.salary-pay-table__wrap .table__data__doc {
    min-width: 100px
}

@media only screen and (max-width: 1024px) {
    .salary-pay-table__wrap .table__data__doc {
        margin-top: 16px
    }
}

@media only screen and (max-width: 1024px) {
    .salary-pay-table__wrap .table__data__button {
        display: flex;
        width: calc(100% - 24px);
        margin: 0 auto
    }
}

.salary-pay-table__wrap .table__data__number-text {
    display: none
}

@media only screen and (max-width: 1024px) {
    .salary-pay-table__wrap .table__data__number {
        flex-direction: column;
        padding: 16px 12px 16px 0
    }

    .salary-pay-table__wrap .table__data__number-text {
        display: block;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: .24px;
        color: #919299
    }
}

@media only screen and (max-width: 1024px) {
    .salary-pay-table__wrap .table__data__button {
        justify-content: center;
        padding: 13px 12px 23px
    }
}

.salary-pay-table__wrap .table__data__button .button {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase
}

@media only screen and (min-width: 1025px) {
    .salary-pay-table__wrap .table__data__button {
        width: 55px;
        text-align: center
    }

    .salary-pay-table__wrap .table__data__button .button {
        display: inline
    }

    .salary-pay-table__wrap .table__data__button .button .icon {
        margin-right: 0
    }
}

.salary-pay-table__wrap .table__data .field-container__field.is-disabled {
    border-bottom-style: none
}

@media screen and (min-width: 1024px) {
    .contact-intermediate__text p:first-of-type {
        margin-top: 0
    }
}

@media screen and (max-width: 1023px) {
    .contact-intermediate__image .img {
        width: 100%
    }
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-center {
    text-align: center
}

.d-flex {
    display: flex
}

.align-items-center {
    align-items: center
}

.flex-column {
    flex-direction: column
}

.gap-5 {
    gap: 5px
}

.gap-10 {
    gap: 10px
}

.gap-15 {
    gap: 15px
}

.gap-20 {
    gap: 20px
}

.justify-content-center {
    justify-content: center
}

.justify-content-between {
    justify-content: space-between
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.d-none {
    display: none
}

.p-16,
.p-20 {
    padding: 16px
}

.pt-25 {
    padding-top: 25px
}

.pt-20 {
    padding-top: 20px
}

.pt-40 {
    padding-top: 40px
}

.pb-20 {
    padding-bottom: 20px
}

.py-20 {
    padding: 20px 0
}

.px-20 {
    padding: 0 20px
}

.mb-0 {
    margin-bottom: 0
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mt-5 {
    margin-top: 5px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-25 {
    margin-top: 25px
}

@media only screen and (min-width: 1024px) {
    .px-lg-20 {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 768px) {
    .mt-md-20 {
        margin-top: 20px
    }
}

@media only screen and (min-width: 768px) {
    .mb-md-20 {
        margin-bottom: 20px
    }
}

.mb-20 {
    margin-bottom: 20px
}

.mb-10 {
    margin-bottom: 10px
}

.p-0 {
    padding: 0
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.m-0 {
    margin: 0
}

.ml-auto {
    margin-left: auto
}

.border-top-1 {
    border-top: 1px solid #e5e7ea
}

.border-bot-1 {
    border-bottom: 1px solid #e5e7ea
}

.border-bot-1-grey {
    border-bottom: 1px solid #d9dae4
}

.color-danger {
    color: #d7011a
}

@media only screen and (min-width: 1024px) {
    .show-md {
        display: none
    }
}

@media only screen and (max-width: 479px) {
    .hide-xs {
        display: none
    }
}

@media only screen and (min-width: 480px) {
    .show-xs {
        display: none
    }
}

@media only screen and (max-width: 1023px) {
    .hide-md {
        display: none !important
    }
}

@media only screen and (min-width: 1024px) {
    .show-md {
        display: none !important
    }
}

* {
    box-sizing: border-box
}

*:hover,
*:focus {
    outline: none
}

html {
    width: 100%;
    height: 100%
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    font-family: PP Neue Montreal, sans-serif, sans-serif;
    color: #000
}

button,
input,
textarea {
    font-family: inherit
}

th,
b {
    font-weight: 500
}

h1,
h2,
h3,
h4,
p {
    margin: 0
}

h1 {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px
}

h2 {
    font-weight: 500;
    font-size: 28px;
    line-height: 32px
}

h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}

p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .16px
}

.icon {
    display: inline-block;
    vertical-align: middle
}

input::-ms-clear {
    display: none
}

a {
    color: #3859bb;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .14px
}

a:hover {
    color: #021947;
    text-decoration: underline
}

.text-dim {
    color: #5f6375
}

form {
    width: 100%
}

.container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 768px) {
    .container {
        max-width: 760px
    }
}

@media only screen and (min-width: 1024px) {
    .container {
        max-width: 980px
    }
}

@media only screen and (min-width: 1366px) {
    .container {
        max-width: 1180px
    }
}

@media only screen and (min-width: 1920px) {
    .container {
        max-width: 1760px
    }
}

.divider {
    width: 100%;
    height: 1px;
    background-color: #d9dae4
}

.is-hidden {
    display: none
}

.is-bolder {
    font-weight: 500
}

.is-grey {
    color: #919299
}

.link-hover {
    position: relative;
    display: inline;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s ease-in-out
}

.link-hover:hover {
    color: #3859bb;
    text-decoration: none;
    background-size: 100% 1px
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important
}

input[type=number] {
    -moz-appearance: textfield !important
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:first-line,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    font-family: PP Neue Montreal, sans-serif, sans-serif !important;
    font-size: 14px !important
}

.resize-triggers {
    visibility: hidden;
    opacity: 0
}

.resize-triggers,
.resize-triggers>div,
.contract-trigger:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: -1
}

.resize-triggers>div {
    background: #eee;
    overflow: auto
}

.contract-trigger:before {
    width: 200%;
    height: 200%
}

.nowrap {
    white-space: nowrap
}

.hide-desktop {
    display: none
}

@media only screen and (max-width: 1024px) {
    .hide-desktop {
        display: block
    }
}

@keyframes showSticky {
    0% {
        opacity: 0;
        transform: translateY(200px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}