@charset "UTF-8";
@import url('fonts.css');
@import "normalize.min.css";
@font-face {
    font-family: 'cvc';
    src: url('../fonts/cvc.eot');
    src: url('../fonts/cvc.eot?#iefix') format('embedded-opentype'),
    url('../fonts/cvc.woff') format('woff'),
    url('../fonts/cvc.ttf') format('truetype'),
    url('../fonts/cvc.svg#cvc') format('svg');
    font-weight: 300;
    font-style: normal;
    letter-spacing: 3px;
}

:root {
    --image-logo: url(../images/logo.svg) no-repeat 0 0;    /* SKIN AVAILABLE */

    --background-loader: 56,182,235;                           /* SKIN AVAILABLE */
    --background-footer: 69,104,133;                           /* SKIN AVAILABLE */
    --background-header: 255,255,255;                           /* SKIN AVAILABLE */
    --background-transfer-panel: 69,104,133;
    --background-inverse: 255,255,255;
    --background-body: 235,237,243;
    --background-light: 216,223,230;
    --background-accounts-header: 251, 251, 253;

    --color-custom: 56,182,235;                                /* SKIN AVAILABLE */
    --color-button: 255,255,255;
    --color-payment: 56,182,235;
    --color-deposit: 161,135,228;
    --color-base: 51,51,51;
    --color-light: 142,146,153;
    --color-success: 77,199,56;
    --color-warning: 228,1,52;
    --color-attention: 255,121,0;

    --text-size-s: 0.75rem;     /* 12px */
    --text-size-m: 0.8125rem;   /* 13px */
    --text-size-k: 0.875rem;    /* 14px */
    --text-size-r: 0.938rem;    /* 15px */
    --text-size-l: 1rem;        /* 16px */
    --text-size-x: 1.125rem;    /* 18px */
    --text-size-xl: 1.5rem;     /* 24px */

    --transition: 300ms linear 0s;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar,
::-webkit-scrollbar-track {
    background: rgb(var(--background-light));
    width: 5px;
    height: 5px;
    margin: 0 3px;
}

::-webkit-scrollbar-thumb {
    background: rgb(var(--color-light));
    border-radius: 5px;
}

.android .o-tabs-wrapper::-webkit-scrollbar,
.android .o-tabs-wrapper::-webkit-scrollbar-track,
.android .o-tabs-wrapper::-webkit-scrollbar-thumb {
    width: 0;
    height: 0;
    margin: 0;
    background: transparent;
}

::-webkit-input-placeholder {
    color: rgb(var(--color-light));
    opacity: 1;
}
::-moz-placeholder {
    color: rgb(var(--color-light));
    opacity: 1;
}
:-ms-input-placeholder {
    color: rgb(var(--color-light));
    opacity: 1;
}
:-moz-placeholder {
    color: rgb(var(--color-light));
    opacity: 1;
}

*, ::after, ::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-light)) rgb(var(--background-light));
}

html, body {
    margin: 0;
    padding: 0;
    font-size: calc(13px + 0.238vw);
    line-height: 1.47;
    height: 100%;
}

body {
    background: rgb(var(--background-body));
    color: rgb(var(--color-base));
    font-family: "Open Sans", sans-serif;
    font-size: var(--text-size-r);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.login-page {
    background: #ffffff;
}

body.no-scroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}

.progress-mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    cursor: progress;
}

.progress-bar {
    width: 97%;
    height: 5px;
    position: fixed;
    left: 0;
    top: 0;
    background: rgb(var(--background-loader));
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    animation: progress-bar 3000ms ease-in-out;
}

@keyframes progress-bar  {
    0% {width: 1%;}
    100% {width: 97%;}
}

.tracking-pixel {
    position: fixed;
    left: 0;
    bottom: 0;
}

table {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

td, th {
    font-weight: 400;
    text-align: left;
    padding: 0;
    margin: 0;
}

.xml-doc-container table {
    table-layout: auto;
    width: auto;
    margin: 0 auto;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.fps-loading-container {
    width: 400px;
    position: absolute;
    height: 100px;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -200px;
    text-align: center;
    color: #fff;
    font-size: 1.15rem;
}

.fps-loading,
.fps-loading:before,
.fps-loading:after {
    border-radius: 50%;
    width: 2em;
    height: 2em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: fps-loading 1.8s infinite ease-in-out;
    animation: fps-loading 1.8s infinite ease-in-out;
}
.fps-loading {
    color: #ffffff;
    font-size: 10px;
    margin: 0 auto 50px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.fps-loading:before,
.fps-loading:after {
    content: '';
    position: absolute;
    top: 0;
}
.fps-loading:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.fps-loading:after {
    left: 3.5em;
}
@-webkit-keyframes fps-loading {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes fps-loading {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}


/* LAYOUT */
.l-align_center {
    text-align: center
}

.l-align_right {
    text-align: right
}

.l-align_left {
    text-align: left;
}
.l-align_middle {
    vertical-align: middle;
}

.l-float_left {
    float: left;
}

.l-float_right {
    float: right;
}

.l-position_relative {
    position: relative;
}

.l-inner {
    max-width: 78.625rem;
    min-width: 320px;
    padding: 0 0.938rem;
    margin: 0 auto;
}

.header_priv .l-inner {
    min-width: 290px;
}

.l-grid-row {
    padding-bottom: 2.5rem;
}

.l-grid-row_last-child {
    padding-top: 2.5rem;
}

.l-grid-row_border {
    padding: 1rem 0;
    border-top: 1px solid rgb(var(--background-light));
    border-bottom: 1px solid rgb(var(--background-light));
}

.l-grid-row_border_top {
    padding: 1rem 0;
    border-top: 1px solid rgb(var(--background-light));
}

.l-grid-row_border_bottom {
    padding: 1rem 0;
    border-bottom: 1px solid rgb(var(--background-light));
}

.l-grid-row_border_zero {
    padding: 1rem 0;
    border: 0;
}

.l-grid_container [class*="l-grid__item_"]:first-child {
    padding-left: 1.25rem;
}

.l-grid_container [class*="l-grid__item_"]:last-child {
    padding-right: 1.25rem;
}

.l-grid-row_background {
    background: rgba(var(--background-light), .3);
}

.l-grid-row_border + .l-grid-row_border {
    margin-top: -1px;
}

.l-grid-row_hovered:hover {
    cursor: pointer;
    background: rgba(var(--background-light), .3);
}

.l-grid-row_product-panel {
    padding: 2rem 0;
    border-top: 1px solid rgb(var(--background-light));
    margin-top: -1px;
}

.l-grid__item-delimiter {
    position: relative;
}

.l-grid__item-delimiter::after {
    content: "";
    position: absolute;
    top: 1.7rem;
    left: -0.938rem;
    text-align: center;
    width: 10px;
    height: 1px;
    background: rgb(var(--background-light));
}

.o-word-wrap {
    word-break: break-all;
    word-break: break-word;
}

.o-billing-panels {
    padding-left: calc(100%/8 + 3px);
    padding-right: calc(100%/8 + 3px);
}

.o-billing-panels .fsg-table {
    margin-left: calc(100%/-6 - 4px);
    margin-right: calc(100%/-6 - 4px);
}

.fsg-form .repeat-payment-panel .l-grid_pt-8 > .l-grid__item_6,
.fsg-form .repeat-payment-panel .l-grid_pt-8 > .l-grid__item_1,
.o-template-form .billing-form .l-grid_pt-8 > .l-grid__item_6,
.o-template-form .billing-form .l-grid_pt-8 > .l-grid__item_1 {
    grid-column: span 12;
}

.o-template-form .o-billing-panels {
    padding-left: 0;
    padding-right: 0;
}

.fsg-form .repeat-payment-panel .o-billing-panels {
    padding: 0;
}

.fsg-table table {
    table-layout: auto;
    border-bottom: 1px solid rgb(var(--background-light));
}

.fsg-table__th {
    padding: 0.5rem;
    border-top: 1px solid rgb(var(--background-light));
    font-size: var(--text-size-m);
    color: rgb(var(--color-light));
}

.fsg-table__td {
    padding: 1rem 0.5rem;
    border-top: 1px solid rgb(var(--background-light));
    font-size: var(--text-size-m);
}

.fsg-table .o-input {
    padding: 7px;
    height: 2rem;
}

.fsg-table__td [class*="l-grid"] {
    display: block;
}

.o-container_pub-page .l-grid__item-delimiter::after {
    top: 50%;
}

.l-grid, [class*="l-grid_pt"] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.25rem;
    min-height: 0;
}

.accounts-panel, .fix__ff-grid,
.l-grid_form-panel .l-grid__item_6,
.context-panel .l-grid__item_6 {
    min-width: 0;
}

.o-template-form .fix__template-grid {
    display: block;
}

.l-grid_pt-8 {grid-template-columns: repeat(8, 1fr);}
.l-grid_pt-6 {grid-template-columns: repeat(6, 1fr);}
.l-grid_pt-3 {grid-template-columns: repeat(3, 1fr);}
.l-grid__item_12 .l-grid_pt-dynamic {grid-template-columns: repeat(12, 1fr);}
.l-grid__item_1 {grid-column: span 1;}
.l-grid__item_2 {grid-column: span 2;}
.l-grid__item_3 {grid-column: span 3;}
.l-grid__item_4 {grid-column: span 4;}
.l-grid__item_5 {grid-column: span 5;}
.l-grid__item_6 {grid-column: span 6;}
.l-grid__item_7 {grid-column: span 7;}
.l-grid__item_8 {grid-column: span 8;}
.l-grid__item_9 {grid-column: span 9;}
.l-grid__item_10 {grid-column: span 10;}
.l-grid__item_11 {grid-column: span 11;}
.l-grid__item_12 {grid-column: span 12;}

/* OBJECTS */
.o-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.o-wrapper__priv {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.o-box-border {
    border: 1px solid rgb(var(--background-light));
    padding: 1.25rem 0;
    margin-bottom: 1.25rem;
    border-radius: 5px;
}

.o-box-border.o-link {
    text-decoration: none;
    padding: 2rem 0;
}

.o-document {
    padding: 2rem 0;
    font-size: 1rem;
}

.o-document p {
    padding-bottom: 2rem;
}

.sv_inverse .o-document.xml-doc-container * {
    color: #ffffff !important;
}

.o-underinput {
    color: rgb(var(--color-light));
    font-size: var(--text-size-m);
    font-weight: 400;
}

.o-underinput_checkbox {
    margin-top: 10px;
}

.o-link, a {
    cursor: pointer;
    text-decoration: underline;
    color: rgb(var(--color-base));
    transition: color var(--transition);
    text-decoration-color: rgba(var(--color-base), .15);
    -webkit-text-decoration-color: rgba(var(--color-base), .15);
    -moz-text-decoration-color: rgba(var(--color-base), .15);
}

.o-link:hover, a:hover {
    color: rgb(var(--color-custom));
}

a.logo, a.logo:hover {
    color: transparent;
    border: 0;
}

.o-link_with_icon {
    text-decoration: none;
    cursor: pointer;
    border: 0;
    text-transform: uppercase;
    color: rgb(var(--color-light));
    font-size: var(--text-size-m);
}

.o-link_with_icon:hover {
    color: rgb(var(--color-custom));
    fill: rgb(var(--color-custom));
}

.o-link_with_icon [class*="o-icon"] {
    fill: currentColor;
}
.o-link_with_icon span {
    vertical-align: middle;
    margin-left: 7px;
}

.o-link_cheque {
    margin-left: 12px;
}

.o-text {
    font-size: var(--text-size-r);
    font-weight: 400;
}

.o-title .o-text {
    padding-top: 4px;
}

.o-text_p {
    padding-bottom: 1.25rem;
}

.o-text_medium {
    font-size: var(--text-size-m);
}

.o-text_small {
    font-size: var(--text-size-s);
}

.o-text_gray {
    color: rgb(var(--color-light));
}

.o-text_warning {
    color: rgb(var(--color-warning));
}

.o-text_success {
    color: rgb(var(--color-success));
}

.o-text_bold {
    font-weight: 600;
}

.o-text_light {
    font-weight: 300;
}

.o-text_header {
    font-size: var(--text-size-s);
    color: rgb(var(--color-light));
    text-transform: uppercase;
}

.o-text_nowrap {
    white-space: nowrap;
}

.o-text_ellipsed {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.o-list_ul, .o-list_ol, .rss-body ul {
    list-style: none;
    margin: 1.25rem 0;
    padding: 0;
}

.o-list_ul li,
.o-list_ol li,
.rss-body ul li {
    line-height: 1.47;
    margin: 0;
    padding: 0 0 1rem 2.1875rem;
    position: relative;
}

.o-list_ul li::before,
.rss-body ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    background: rgb(var(--color-custom));
    border-radius: 50%;
}

.o-list_ol {
    counter-reset: list;
}

.o-list_ol li::before {
    counter-increment: list;
    content: counter(list)'.';
    position: absolute;
    top: 0;
    left: 0;
    color: rgb(var(--color-custom));
}

.o-title {
    font-size: var(--text-size-xl);
    color: rgb(var(--color-base));
    font-weight: 600;
    line-height: 1.33;
    margin: 2.5rem 0 2.25rem;
}

.o-title_account {
    font-size: var(--text-size-xl);
    font-weight: 600;
    line-height: 1.33;
    margin: 1.25rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.l-grid_form-panel .o-title_success {
    font-size: var(--text-size-x);
    white-space: normal;
}

.o-title_info {
    font-size: var(--text-size-xl);
    font-weight: 600;
    line-height: 1.25;
    margin: 0 0 0.625rem;
}

.o-title_sub {
    font-size: var(--text-size-l);
    font-weight: 600;
}

.o-title [class*="l-grid__item_"],
.l-grid_align-middle {
    align-self: center;
}

.o-title_form {
    font-size: var(--text-size-x);
    font-weight: 600;
    line-height: 1.67;
    margin-bottom: 1.25rem;
}

.o-link__notice {
    font-weight: 600;
}

.index-number {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
}

.index-number_failed {
    background: rgb(var(--color-warning));
    color: rgb(var(--background-inverse));
}

.index-number_waiting {
    background: rgb(var(--color-payment));
    color: rgb(var(--background-inverse));
}

[class*="o-icon"] {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    fill: rgb(var(--color-light));
    transition: fill var(--transition);
    background-size: contain;
}

.o-link [class*="o-icon"] {
    cursor: pointer;
}

.o-link:hover [class*="o-icon"],
[class*="o-icon"].o-link:hover {
    fill: rgb(var(--color-custom));
}

.o-icon_s {
    width: 24px;
    height: 24px;
}

.o-icon_m {
    width: 48px;
    height: 48px;
}

.o-icon_m.single-template-icon {
    border-radius: 3px;
}

.o-icon_sbp {
    width: 7rem;
    height: 4rem;
    margin-right: 2rem;
}

.o-icon_sbp-settings {
    margin: 0;
    width: 9rem;
    height: 6rem;
}

.o-icon_sbp_successful {
    width: 6.875rem;
    height: 3.42rem;
}

.icon-results-panel .single-template-icon {
    border-width: 1px;
    border-style: solid;
}

.o-icon_l {
    width: 64px;
    height: 64px;
}

.o-icon_flag {
    width: 2.6rem;
    height: 1.75rem;
}

.o-icon_inset {
    position: absolute;
    right: 0;
    top: 1rem;
}

.o-icon_success {
    width: 3rem;
    height: 3rem;
    fill: rgb(var(--color-success));
    margin-right: 0.5rem;
}

.o-banner_loan-request {
    position: absolute;
    right: 0;
    top: -4rem;
    width: 61.6%;
    height: 320px;
}

.o-banner_autopayment {
    width: 128px;
    height: 64px;
    display: block;
    margin: 0 auto;
}

.o-banner_new-product {
    width: 6rem;
    height: 3.125rem;
}

.o-banner_maintenance {
    width: 24.8125rem;
    height: 13.125rem;
    display: inline-block;
    vertical-align: middle;
}

.o-banner_success,
.o-banner_error {
    width: 5rem;
    height: 5rem;
    background: rgb(var(--color-success));
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    padding-top: 1.5rem;
}

.o-banner_error {
    padding-top: 1.75rem;
    background-color: rgb(var(--color-warning));
}

.o-banner_success .o-icon,
.o-banner_error .o-icon_s {
    fill: rgb(var(--background-inverse));
}

.o-status {
    line-height: 2rem;
    color: rgb(var(--color-payment));
    font-size: var(--text-size-m);
}

.o-status .ico {
    width: 2rem;
    height: 2rem;
    background: url(../images/icons/o-status_waiting.svg) no-repeat 0 0;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

.status-processed .o-status {
    color: rgb(var(--color-success));
}

.status-processed .o-status .ico {
    background-image: url(../images/icons/o-status_done.svg);
}

.status-returned .o-status {
    color: rgb(var(--color-warning));
}

.status-returned .o-status .ico {
    background-image: url(../images/icons/o-status_return.svg);
}

.o-label-icon {
    display: inline-block;
    margin-left: 0.75rem;
    vertical-align: middle;
}

.o-status .o-label-icon {
    margin-left: 0.25rem;
}

.o-icon_title {
    width: 64px;
    height: 64px;
    border: 1px solid rgba(var(--color-light),.5);
    border-radius: 4px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.o-icon_template {
    fill: rgb(var(--background-inverse));
    color: rgb(var(--background-inverse));
}

.o-icon_transfer {
    fill: rgb(var(--color-success));
    border-color: rgb(var(--color-success));
    color: rgb(var(--color-success));
}

.o-icon_payment {
    fill: rgb(var(--color-payment));
    border-color: rgb(var(--color-payment));
    color: rgb(var(--color-payment));
}

.o-icon_brokerage-account + .o-icon_payment {
    display: none;
}

.o-icon_failed {
    fill: rgb(var(--color-warning));
    border-color: rgb(var(--color-warning));
    color: rgb(var(--color-warning));
}

.o-icon_deposit-payment {
    fill: rgb(var(--color-deposit));
    border-color: rgb(var(--color-deposit));
}

.o-icon_loan-payment {
    fill: rgb(var(--color-success));
    border-color: rgb(var(--color-success));
}

.o-icon_title .o-icon {
    fill: currentColor;
    margin: 15px 0 0 15px;
}

.o-icon_title .o-icon_m {
    fill: currentColor;
    margin: 8px 0 0 8px;
}

.icon-urgent {
    background: url(../images/icons/o-status_important.svg) no-repeat 0 0;
    background-size: contain;
}

.o-icon_ok {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    margin: 20px auto 0;
    background-color: rgb(var(--color-success));
    display: block;
}

.o-icon_ok .o-icon_l {
    fill: rgb(var(--background-inverse));
}

.o-link_back, .o-link_more {
    text-decoration: none;
    border: 0;
    line-height: 1.5rem;
    color: rgb(var(--color-light));
    font-size: var(--text-size-s);
    text-transform: uppercase;
    position: relative;
}

.o-link_back:hover, .o-link_more:hover {
    color: rgb(var(--color-custom));
}

.o-form-buttons .o-link_back,
.o-form-buttons .o-link_more {
    line-height: 54px;
}

.o-link_back + .o-link_back,
.o-link_more + .o-link_more {
    margin-left: 2.5rem;
}

.o-link_back .o-icon_s {
    transform: rotate(90deg);
    margin-right: 6px;
}

.o-link_more .o-icon_s {
    margin-right: 6px;
    margin-top: -1px;
}

.o-link_more_hide .o-icon_s {
    transform: rotate(180deg);
}

.o-child_hidden {
    opacity: 0;
    z-index: -1;
    margin-top: -30px;
    transition: opacity var(--transition), margin-top var(--transition);
}

.is-visible.o-child_hidden {
    opacity: 1;
    z-index: 27;
    margin-top: 0;
}

.is-visible-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: 26;
}

.o-tooltip-parent {
    position: relative;
}

.o-tooltip-parent_input {
    position: absolute;
    right: 20px;
    top: 15px;
}

.o-tooltip-parent_input-outside {
    right: -2.125rem;
}

.o-tooltip {
    z-index: 7;
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 5px 5px 20px 0 rgba(142, 146, 153, 0.35);
    background-color: rgb(var(--background-inverse));
    text-align: left;
    font-weight: 400;
    color: rgb(var(--color-base));
    padding: 8px 14px;
    white-space: nowrap;
    cursor: default;
    line-height: 1.3;
    display: none;
}

.o-tooltip-label {
    padding-bottom: 10px;
}

.o-tooltip:hover,
.o-tooltip-label:hover + .o-tooltip,
.o-tooltip-label:active + .o-tooltip {
    display: block;
}

.o-tooltip_right {
    left: auto;
    right: 0;
}

.o-tooltip_bottom {
    bottom: auto;
    top: 105%;
}

.smartapp-manual__code {
    border: 1px dashed rgb(var(--background-light));
    padding: 0.625rem 1.25rem;
    margin: 2.25rem 0;
    font-family: monospace;
    font-size: var(--text-size-s);
    word-break: break-all;
}

.smartapp-manual__done {
    display: none;
    position: absolute;
    bottom: 10.1rem;
    right: 2.5rem;
    background: rgba(0,0,0,.65);
    padding: 5px 10px;
    color: rgb(var(--background-inverse));
}

.smartapp-manual__done_visible {
    display: block;
}

.o-container {
    border-radius: 5px;
    background-color: rgb(var(--background-inverse));
    margin-top: 1.25rem;
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05);
}

.o-container__inner {
    padding: 1.875rem 1.875rem 0;
}

.o-container__footer {
    padding: 0 1.875rem 1.875rem;
}

.accounts-panel .o-container {
    background-color: rgb(var(--background-accounts-header));
}

.o-container_pub {
    border-radius: 8px;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
    margin-top: 2.5rem;
    background-color: rgb(var(--background-inverse));
    position: relative;
    z-index: 5;
}

.o-container_pub_login {
    padding-top:7.125rem;
    min-height: 604px;
}

.o-container__header {
    padding: 1.25rem 1.25rem 0;
}

.o-container__empty-message {
    padding-top: 4rem;
    padding-bottom: 5rem;
}

.o-bw-grid {
    position: absolute;
    left: -1.25rem;
    width: 1.25rem;
    text-align: center;
    top: 50%;
    color: rgb(var(--color-light));
    transform: translateY(-50%);
}

.o-label {
    font-size: var(--text-size-k);
    font-weight: 400;
    line-height: 1.54;
    margin-bottom: 0.938rem;
}

.o-text_form {
    line-height: 1.47;
    font-size: var(--text-size-x);
}

.o-input, .o-textarea, textarea, .combo-box__selected,
.editable input, .upload-value {
    display: block;
    width: 100%;
    height: 54px;
    border-radius: 4px;
    color: rgb(var(--color-base));
    border: solid 1px rgb(var(--background-light));
    background-color: rgb(var(--background-inverse));
    font-family: "Open Sans", sans-serif;
    font-size: var(--text-size-r);
    line-height: 1.47;
    font-weight: 400;
    padding: 16px 1.25rem;
}

.o-input.suggestions-input {
    padding: 16px 1.25rem !important;
}

.language-custom .combo-box__selected {
    height: 40px;
    min-height: 40px;
    padding: 5px 0;
    text-transform: none;
    background: none;
    border: none;
}

.language-custom .combo-box .combo-options {
    width: 172px;
    height: auto;
    border-radius: 8px;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: rgb(var(--background-inverse));
    overflow: visible;
    max-height: none;
    padding: 20px 0 15px 0;
    margin-left: -60px;
}

.header .language-custom .combo-box .select-icon {
    fill: rgb(var(--color-base));
}

.language-custom .combo-box .combo-options::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 8px solid rgb(var(--background-inverse));
}

.language-custom .combo-options .option {
    height: 32px;
    line-height: 32px;
    margin-bottom: 5px;
    padding: 0 20px;
}

.language-custom .combo-options .option .o-icon_s {
    margin-top: -4px;
}

.footer__language .header__language {
    margin-left: 0;
    margin-top: 1rem;
    color: rgb(var(--color-base));
}

.footer__language .language-custom .combo-options {
    top: 0;
    transform: translateY(-100%);
}

.footer__language .language-custom .combo-options::before {
    top: auto;
    bottom: -8px;
    transform: rotate(180deg);
}

.footer__language .combo-box .select-icon {
    transform: rotate(180deg);
}

.o-input_reset_css {
    padding: 16px 1.25rem !important;
}

.upload-file {
    position: relative;
    width: 100%;
    display: inline-block;
    max-width: 22rem;
    vertical-align: middle;
}

.upload-file + .o-tooltip-parent {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
}

.upload-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 54px;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
}

.upload-file .o-icon {
    position: absolute;
    right: 11px;
    top: 11px;
    z-index: 2;
}

.editable {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 2rem);
}

.editable input {
    display: inline-block;
    width: calc(100% - 40px);
}

.o-input_card {
    display: inline-block;
    border-width: 0 0 1px 0;
    width: 51px;
    border-radius: 0;
    padding: 8px 3px;
    height: 30px;
    font-size: var(--text-size-x);
}

.o-input_amount,
.o-input_date {
    padding-right: 2.25rem;
}

.o-input.invalid,
.invalid .combo-box__selected {
    border-bottom-color: rgb(var(--color-warning));
}

.o-input.disabled,
.o-input[disabled],
.o-textarea.disabled,
textarea[disabled],
.combo-box__selected.disabled {
    background-color: rgb(var(--background-light));
    border-color: rgb(var(--background-body));
    color: rgb(var(--color-base));
    opacity: 0.5;
}
.combo-box.disabled .combo-box__selected {
    cursor: default;
}

.input-error, .input-warning {
    font-size: var(--text-size-m);
    color: rgb(var(--color-warning));
    line-height: 1.34;
}

.combo-box:not(.invalid) + .input-error {
    display: none;
}

.input-warning {
    color: rgb(var(--color-attention));
}

.o-textarea, textarea {
    min-height: 100px;
    resize: vertical;
}

.o-textarea_predefined {
    padding-top: 24px;
}

.textarea__predefined {
    position: absolute;
    left: 20px;
    top: 6px;
}

.combo-box, .suggestions-wrapper {
    position: relative;
}

.combo-box__selected {
    cursor: pointer;
    padding-right: 3rem;
    height: auto;
    min-height: 54px;
    background-image: url(../images/icons/combobox.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    background-color: rgb(var(--background-inverse));
}

.combo-box_bank-logo .bank-logo {
    position: absolute;
    width: 34px;
    height: 34px;
    top: 10px;
    left: 1.25rem;
    background-size: cover;
}

.combo-box_bank-logo .bank-logo + .o-input {
    padding-left: 4rem;
}

.combo-box_bank-logo .bank-logo + span {
    padding-left: 2.75rem;
}

.o-title .combo-options {
    font-weight: 400;
    max-width: 24rem;
    font-size: var(--text-size-r);
}

.o-title .combo-box__selected {
    border: 0;
    padding: 0 3rem 0 0;
    display: inline-block;
    width: auto;
    min-height: 24px;
}

.combo-box_export .combo-box__selected {
    background: transparent none;
    padding: 14px 0;
    border: 0;
    margin: 0;
    text-align: center;
    width: 54px;
}

.combo-box .account-under-input {
    font-size: var(--text-size-m);
    color: rgb(var(--color-light));
}

.combo-options,
.wicket-aa-container,
.suggestions-suggestions {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    border-radius: 4px;
    box-shadow: 2px 2px 22px 0 rgba(142, 146, 153, 0.25);
    background-color: rgb(var(--background-inverse));
    z-index: 9;
    padding: 12px 0;
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

.combo-options_export-panel {
    width: 180px;
    left: auto;
    right: 0;
}

.combo-options .option,
.wicket-aa-container li,
.suggestions-suggestion {
    display: block;
    padding: 16px 1.25rem;
    cursor: pointer;
    position: relative;
}

.combo-options .option:hover,
.wicket-aa-container li:hover,
.suggestions-suggestion:hover {
    background: rgba(var(--background-light), .15);
}

.combo-options .option .merchant,
.combo-box__selected .merchant {
    margin-right: 0.875rem;
}

.options__card-ico-container + .option__product-info {
    margin-left: 65px;
}

.o-bank-card_default + .option__product-info {
    padding-top: 7px;
    padding-bottom: 10px;
}

.options__card-ico-container {
    float: left;
    margin-right: 18px;
    margin-top: 5px;
}

.combo-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.export-mail-panel {
    width: 320px;
    position: relative;
    margin-right: 1rem;
}

.export-mail-panel__button {
    width: 54px;
    min-width: 54px !important;
    height: 54px;
    position: absolute;
    top: 0;
    right: 0;
}

.export-mail-panel__button .o-icon_s {
    fill: rgb(var(--background-inverse));
}

.o-link_print {
    width: 54px;
    height: 54px;
    text-align: center;
    line-height: 50px;
}

[class*="o-button"] {
    display: inline-block;
    text-align: center;
    min-width: 148px;
    height: 54px;
    padding: 16px;
    line-height: 1.69;
    border-radius: 4px;
    border: 1px solid rgb(var(--color-custom));
    background: rgb(var(--background-inverse));
    color: rgb(var(--color-custom));
    font-size: var(--text-size-m);
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: box-shadow var(--transition);
}

[class*="o-button"]:hover {
    box-shadow: 0 0 5px rgb(var(--background-light));
    color: rgb(var(--color-custom));
    border-color: rgb(var(--color-custom));
}

.sv_inverse [class*="o-button"]:hover {
    color: #FFFFFF;
}

.o-button_primary {
    color: rgb(var(--color-button));
    background: rgb(var(--color-custom));
}

.o-button_primary:hover {
    color: rgb(var(--color-button));
}

.o-button_block {
    display: block;
    width: 100%;
}

[class*="o-button"].disabled,
[class*="o-button"].disabled:hover,
a.o-button:not([href]) {
    border-color: rgb(var(--color-light));
    color: rgb(var(--color-light));
    opacity: 0.5;
    cursor: default;
}

.o-button_primary.disabled,
.o-button_primary.disabled:hover,
a.o-button_primary:not([href]) {
    color: rgb(var(--background-inverse));
    background: rgb(var(--color-light));
    border-color: rgb(var(--color-light));
    opacity: 0.5;
    cursor: default;
}

[class*="o-button"] + [class*="o-button"] {
    margin-left: 10px;
}

.o-link_with_icon + [class*="o-button"],
.o-button_primary + .o-link_with_icon {
    margin-left: 2rem;
}

input[type="checkbox"], input[type="radio"] { display: none }

input[type="checkbox"] + label {
    position: relative;
    padding-left: 2.25rem;
    line-height: 1.54;
    font-size: var(--text-size-r);
    display: inline-block;
    padding-top: 1px;
    cursor: pointer;
}

.o-checkbox-group input[type="checkbox"] + label {
    margin-bottom: 10px;
}

input[type="checkbox"] + label::before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 4px;
    border: solid 1px rgb(var(--background-light));
    position: absolute;
    left: 0;
    top: 0;
}

.outer-checkbox input[type="checkbox"] + label::before {
    background-color: #fff;
}

.xml-doc-container input[type="checkbox"],
.xml-doc-container input[type="radio"] {
    display: inline;
}

.xml-doc-container input[type="checkbox"] + label,
.xml-doc-container input[type="radio"] + label {
    padding: 0;
    line-height: 1.54;
    display: inline;
    cursor: pointer;
    margin: 0 0 0 5px;
    font-size: inherit;
}

.xml-doc-container input[type="checkbox"] + label::before,
.xml-doc-container input[type="radio"] + label::before {
    display: none;
}

.xml-doc-container .bank-notes-block td {
    text-align: inherit;
}

.o-icon_checkbox {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    left: 0;
    top: 0;
    display: none;
    fill: rgb(var(--background-light));
}

label:hover .o-icon_checkbox {
    display: block;
}

input[type="checkbox"]:checked + label::before {
    border-color: rgb(var(--color-custom));
    background: rgb(var(--color-custom));
}

input[type="checkbox"]:checked + label .o-icon_checkbox {
    fill: rgb(var(--background-inverse));
    display: block;
}

.outer-checkbox {
    position: absolute;
    left: -3rem;
    top: 50%;
    transform: translateY(-50%);
}

.outer-actions {
    position: absolute;
    right: -5rem;
    top: 50%;
    transform: translateY(-50%);
}

input[type="radio"] + label {
    font-size: var(--text-size-m);
    padding-left: 37px;
    position: relative;
    cursor: pointer;
    margin-right: 1rem;
    margin-bottom: 0.75rem;
    display: inline-block;
}

input[type="checkbox"][disabled] + label,
input[type="radio"][disabled] + label {
    opacity: 0.5;
    cursor: default;
}

input[type="radio"] + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 24px;
    height: 24px;
    border: 1px solid rgb(var(--background-light));
    border-radius: 50%;
}

input[type="radio"] + label::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
}

input[type="radio"] + label:hover::after {
    background-color: rgb(var(--background-light));
}

input[type="radio"]:checked + label::after {
    background-color: rgb(var(--color-custom));
}

.inline-radio_nobr br {
    display: none;
}

.o-radio_pseudo label::after,
.o-radio_pseudo label::before,
.o-tabs label::after,
.o-tabs label::before {
    display: none;
}

.o-radio_pseudo input[type="radio"] + label {
    padding: 12px 18px;
    font-size: var(--text-size-r);
    color: rgb(var(--color-light));
    border: 1px solid rgb(var(--color-light));
    margin-right: 6px;
    border-radius: 27px;
}

.o-radio_pseudo input[type="radio"] + label:hover {
    color: rgb(var(--color-custom));
    border-color: rgb(var(--color-custom));
}

.o-radio_pseudo input[type="radio"]:checked + label {
    color: rgb(var(--background-inverse));
    border-color: rgb(var(--color-custom));
   background-color: rgb(var(--color-custom));
}

.o-form-options {
    margin-bottom: 2.5rem;
}

.o-form-options::after {
    content: "";
    display: block;
    clear: both;
}

.o-form-options__item {
    float: left;
    height: 54px;
    padding: 14px 1.75rem 0;
    font-size: var(--text-size-m);
    text-transform: uppercase;
    color: rgb(var(--color-light));
    border: 1px solid rgb(var(--color-light));
    margin-right: -1px;
    min-width: 10.125rem;
    text-align: center;
    line-height: 1.54;
    cursor: pointer;
}

.o-form-options__item:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.o-form-options__item:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.o-form-options__item.sum {
    border-radius: 50%;
    margin-right: 0.75rem;
}

.o-form-options__item.sum:last-child {
    margin-right: 0;
}

.sum.o-form-options__item {
    min-width: 10px;
    padding: 0;
}

.sum.o-form-options__item > div {
    padding: 14px 1.35rem;
    font-size: 1rem;
}

.o-form-options__item.current {
    color: rgb(var(--background-inverse));
    background: rgb(var(--color-light));
}

.sum .o-form-options__item {
    border-radius: 0;
    height: 54px;
    font-size: var(--text-size-l);
    font-family: 'Montserrat', sans-serif;
}

.sum:first-child .o-form-options__item {
    border-radius: 5px 0 0 5px;
}

.sum:last-child .o-form-options__item {
    border-radius: 0 5px 5px 0;
}

.o-form-options_transfer .o-form-options__item {
    color: rgb(var(--color-success));
    border-color: rgb(var(--color-success));
}

.o-form-options_transfer .o-form-options__item.current {
    color: rgb(var(--background-inverse));
    background: rgb(var(--color-success));
}

.o-form-options_payment .o-form-options__item {
    color: rgb(var(--color-payment));
    border-color: rgb(var(--color-payment));
}

.o-form-options_payment .o-form-options__item.current {
    color: rgb(var(--background-inverse));
    background: rgb(var(--color-payment));
}

.o-after-tabs {
    margin-top: -2.5625rem;
}

.account-loan-info .o-after-tabs {
    margin-top: 0;
}

.o-tabs-wrapper {
    position: relative;
    margin-bottom: 2rem;
    overflow-y: hidden;
    overflow-x: auto;
    height: 42px;
}

.o-tabs {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    border-bottom: 1px solid rgb(var(--background-light));
    min-width: 100%;
    height: 34px;
}

.accounts-context .o-tabs {
    padding: 0 1.875rem;
}

.o-tabs input {
    display: none;
}

.o-tabs label,
.o-tabs input[type="radio"] + label,
.o-tabs__item {
    display: inline-block;
    margin: 0 1.5rem 0 0;
    padding: 0 0 12px;
    height: 32px;
    font-size: var(--text-size-m);
    font-weight: 400;
    line-height: 1.54;
    color: rgb(var(--color-light));
    cursor: pointer;
    margin-bottom: -1px;
}

.o-tabs input:checked + label,
.o-tabs__item.active {
    color: rgb(var(--color-base));
    border-bottom: 4px solid rgb(var(--color-success));
}

.o-tabs_payment input:checked + label,
.o-tabs_payment .o-tabs__item.active {
    border-bottom-color: rgb(var(--color-payment));
}

.o-tabs_custom input:checked + label,
.o-tabs_custom .o-tabs__item.active {
    border-bottom-color: rgb(var(--color-custom));
}

.o-tabs__dropdown {
    position: fixed;
    width: auto;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-radius: 4px;
    z-index: 7;
    min-width: 180px;
    display: none;
}

.o-tabs__item_dropdown-title,
.o-tabs__dropdown_mobile {
    display: inline;
}

.o-tabs__dropdown_mobile {
    vertical-align: top;
}

.o-tabs__item_dropdown_mobile > .o-tabs__item_dropdown-title {
    display: none;
}

.o-tabs__dropdown .o-tabs__item {
    margin: 0;
    padding: 1rem 2rem;
    height: auto;
    border: 0;
    display: block;
}

.o-tabs__dropdown .o-tabs__item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.o-tabs__dropdown .o-tabs__item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.o-tabs__dropdown .o-tabs__item.active {
    color: rgb(var(--color-base));
}

.o-tabs__dropdown .o-tabs__item:hover {
    background: rgba(var(--background-light), .3);
}

.o-input__currency {
    position: absolute;
    top: 1.15rem;
    right: 1.25rem;
    color: rgb(var(--color-light));
    opacity: 0.5;
    font-size: var(--text-size-x);
    font-weight: 300;
    line-height: 1;
    font-family: 'Montserrat', sans-serif;
}

.o-form-buttons {
    padding: 20px 0 40px;
}

.o-form-buttons .feedback-panel-form {
    padding-bottom: 2.5rem;
}

.no-padding-panel .o-form-buttons,
.no-padding-panel .l-grid-row{
    padding: 0;
}

.no-padding-panel .o-form-buttons {
    margin: 20px 0 0;
}

.box-body .c-success .l-grid-row {
    padding-top: 0;
    padding-bottom: 0;
}

.box-body .c-hidden .o-button_primary {
    display: none;
}

.box-body .no-padding-panel .c-hidden,
.no-padding-panel .c-hidden {
    display: block;
}

.o-icon_converse {
    margin-top: 13px;
    transform: rotate(-90deg);
}

.o-switch-group {
    margin-bottom: 6px;
}

.o-switch input {
    display: none;
}

.o-switch input + label,
.switch .label {
    width: 56px;
    height: 24px;
    border-radius: 12px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: rgb(var(--background-light));
    transition: background-color var(--transition);
}

.o-switch input[disabled] + label {
    opacity: 0;
}

.o-switch_disabled_visible input[disabled] + label {
    opacity: 0.5;
}

.switch .label {
    display: inline-block;
    vertical-align: middle;
}

.o-switch input:checked + label,
.switch.enabled .label {
    background: rgb(var(--color-custom)) url(../images/icons/switch-on.svg) no-repeat 6px 0;
}

.o-switch input + label::before,
.switch .label::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    border: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background-color: rgb(var(--background-inverse));
    transition: left var(--transition);
}

.o-switch input:checked + label::before,
.switch.enabled .label::before {
    background: rgb(var(--background-inverse));
    left: calc(100% - 22px);
}

.switch .gray {
    display: none;
}

.switch_inactive .label::before {
    transition: left 100ms ease 0s;
}

.switch_inactive:active .label::before {
    left: calc(100% - 22px);
    transition: left 100ms ease 0s;
}

.switch_inactive.enabled:active .label::before {
    left: 2px;
}

.o-text_form + .o-switch {
    vertical-align: middle;
    margin-left: 1.25rem;
    display: inline-block;
}

.o-form__settings {
    border: 1px solid rgb(var(--background-light));
    padding: 2.1875rem 1.5625rem;
    border-radius: 4px;
    margin-bottom: 2.5rem;
}

.o-form__settings .o-icon_m {
    margin-left: -0.25rem;
    margin-top: -0.25rem;
    margin-right: 1rem;
}

.o-form__settings-title {
    font-size: var(--text-size-x);
    line-height: 1.67;
    font-weight: 600;
    padding-top: 0.3125rem;
}

.o-form__settings-description {
    margin-left: 3.75rem;
    font-weight: 300;
}

.o-form__settings .o-switch {
    margin-top: 8px;
}

.o-form__settings__edit {
    padding: 2.5rem 0 1.25rem 3.75rem;
}

.o-form__settings_pseudo {
    position: relative;
    padding-left: 0;
}

.o-form__settings_pseudo .o-form__settings__image {
    position: absolute;
    width: 220px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    left: -16px;
    transform: translateY(-50%);
}

.o-form__settings_pseudo .o-form__settings__content {
    padding: 0 76px 0 204px;
}

.o-form__settings_pseudo .o-form__settings-title {
    padding-bottom: 1rem;
}

.o-form__settings_pseudo .o-form__settings-description {
    padding-bottom: 1rem;
    margin-left: 0;
}

.o-form__settings_pseudo .o-form__settings__price {
    padding: 1rem 0 0 1.5625rem;
}

.o-form__settings__price .o-form__settings-title {
    padding: 0;
}

.o-form__settings__price .o-form__settings__card-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.o-form__settings__price .o-form__settings__card {
    padding-left: 4rem;
}

.cross-services .o-form__settings__content{
    min-height: 7rem;
}

.cross-services .o-form__settings__image {
    transform: none;
    top: 2.1875rem;
    left: 0;
    width: 192px;
}

.date-table {
    max-width: 15.5rem;
}

.date-table__day {
    float: left;
    width: 2.1875rem;
    height: 2.1875rem;
    line-height: 2.1875rem;
    text-align: center;
    font-size: var(--text-size-m);
    color: rgb(var(--color-light));
    cursor: pointer;
    border: 1px solid rgb(var(--background-light));
    margin: 0 -1px -1px 0;
    text-transform: uppercase;
}

.date-table__day:hover {
    background-color: rgba(var(--background-light), .15);
}

.date-table__day.selected {
    color: rgb(var(--background-inverse));
    background: rgb(var(--color-custom));
    border-color: rgb(var(--color-custom));
    position: relative;
}

[class*="o-currency_"] span {display: none;}
.o-currency_czk:before {content: "Kč"} /* Чешская Крона */
.o-currency_pln:before {content: "zł"} /* Польский Злотый */
.o-currency_byr:before {content: "Br"} /* Белорусский рубль */
.o-currency_cad:before {content: "C$"} /* Канадский доллар */
.o-currency_eur:before {content: "€"}  /* Евро */
.o-currency_chf:before {content: "₣"}  /* Швейцарский франк */
.o-currency_gbp:before {content: "₤"}  /* Фунт стерлингов */
.o-currency_jpy:before {content: "¥"}  /* Японская иена */
.o-currency_cny:before {content: "Ұ"}  /* Юань */
.o-currency_kzt:before {content: "₸"}   /* Тенге */
.o-currency_thb:before {content: "฿"}   /* Тайландский бат */
.o-currency_uah:before {content: "₴"}   /* Гривна */
.o-currency_usd:before {content: "$"}   /* Доллар */
.o-currency_rur:before {content: "₽";}  /* Рубль */
.panel__currency-name [class*="o-currency_"]::before { display: none; }
.panel__currency-name [class*="o-currency_"] span { display: block; }

.o-title_dummy,
.dummy-form .o-label {
    width: 50%;
    display: inline-block;
    height: 20px;
    border-radius: 3px;
    background: rgb(var(--background-light));
    opacity: 0.5;
}

.dummy-form .o-label {
    height: 12px;
    width: 30%;
}

.dummy-form .o-icon_title,
.dummy-form .o-input,
.dummy-form .o-button_primary {
    background: rgb(var(--background-light));
    border-color: rgb(var(--background-light));
    opacity: 0.5;
}

.hidden {display: none;}
.disabled {opacity:0.5; cursor:default}
.clear::after {content:"";display:block;clear:both;}
:focus {outline: none;}
.is-colored {color: rgb(var(--color-custom));fill: rgb(var(--color-custom));}
iframe {width:100%;height:100%;border:0;padding:0;margin:0;}
.is-rotated {transform: rotate(180deg)}
.is-rotated_270 {transform: rotate(270deg)}

/* HEADER */
.logo {
    width: 12.5rem;
    height: 2.5rem;
    background: var(--image-logo);
    background-size: contain;
    display: block;
}

.logo_pub {
    position: absolute;
    left: 100%;
    top: 4.25rem;
    margin-left: 7%;
}

.front-impersonalization {
    font-size: 0.687rem;
    line-height: 1;
    position: absolute;
    left: 1rem;
    top: 2.875rem;
}

.info-block__header .exp-works {
    position: relative;
    display: block;
    max-width: 78.625rem;
    min-width: 320px;
    padding: 0 0.938rem;
    margin: 0 auto;
    box-shadow: none;
    font-size: var(--text-size-r);
}

.info-block__header .exp-works::after {
    display: block;
    clear: both;
    content: "";
}

.info-block__header .exp-works .o-banner_maintenance {
    width: auto;
    height: 7.5rem;
    max-width: 100%;
}

.info-block__header .exp-works .o-title_info {
    font-size: var(--text-size-x);
}

.info-block__header .exp-works .l-grid__item_5,
.info-block__header .exp-works .l-grid__item_6 {
    display: inline-block;
    vertical-align: middle;
    width: 29%;
    margin-bottom: 0 !important;
    float: none !important;
}

.info-block__header .exp-works .l-grid__item_6 {
    width: 67%;
}

/* LOGIN PAGE */
.header_pub {
    position: relative;
    z-index: 6;
}

.o-page_pub {
    background: #ebedf2;
    padding-bottom: 3.75rem;
}

.section {
    padding-bottom: 3.75rem;
    flex: 1 0 auto;
}

.o-link_forgot {
    display: inline-block;
    margin: -20px 0 1.5rem;
    vertical-align: top;
    padding-top: 10px;
}

.o-link_register {
    line-height: 1.5rem;
    height: 5rem;
    padding: 1.75rem 0;
    border-radius: 0 0 8px 8px;
    background-color: rgba(216, 223, 230, 0.25);
    text-align: center;
    border: 0;
}

.o-link_register .o-icon_s {
    fill: rgb(var(--color-custom));
    margin-right: 5px;
}

.l-grid-row_login {
    margin-bottom: 1.875rem;
    margin-right: calc(2rem + 2vw);
    margin-left: calc(2rem + 2vw);
    position: relative;
}

.login-panel__greeting + .l-grid-row_login {
    display: none;
}

.login-panel__greeting {
    font-size: var(--text-size-l);
    margin-top: 2rem;
    margin-bottom: 2.9375rem;
    height: 2.5rem;
}

.login-panel__greeting-name:hover {
    cursor: pointer;
    border-bottom: 1px dashed rgb(var(--color-base));
}

.login-panel__greeting-name span {
    font-size: var(--text-size-xl);
}

.toggle-user-express-bank {
    display: none;
}

.l-grid-row_login .input-error {
    position: absolute;
    top: 52px;
    left: 0;
}

.l-grid-row_login .input-error_relative {
    position: relative;
    top: 0;
}

.l-grid-row_login .input-error_relative .feedback-panel {
    padding-bottom: 7px;
}

.l-grid-row_login .input-error_tip {
    top: 0;
    left: 100%;
}

.input-error_tip > div {
    position: absolute;
    left: 20px;
    top: 0;
    width: 330px;
    background: rgb(var(--background-inverse));
    border-radius: 5px;
    padding: 16px 20px;
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
}

.show-psw {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 20px;
    top: 15px;
}

.input-warning__capslock {
    display: none;
}

.adv-link {
    cursor: pointer;
    position: relative;
    text-decoration: none;
    padding: 3.125rem 3.125rem 3.125rem 8.375rem;
    min-height: 12.375rem;
}

.adv-link__title {
    padding-bottom: 10px;
    font-weight: 600;
    font-size: var(--text-size-l);
}

.adv-link:hover .adv-link__title {
    color: rgb(var(--color-custom));
}

.adv-link::before {
    content: "";
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: 1.5rem;
    top: 3.125rem;
    background: rgb(var(--background-light));
    opacity: 0.25;
    padding: 1.5rem;
    border-radius: 50%;
}

.adv-link .o-icon {
    position: absolute;
    top: 4.625rem;
    left: 3rem;
}

.adv-link .o-icon_s {
    position: absolute;
    right: 15px;
    top: 15px;
}

.adv-link:hover .o-icon_s {
    fill: rgb(var(--color-custom));
}

.login-security {
    margin: 3.75rem 0 0;
    padding-left: 4.75rem;
    letter-spacing: -0.4px;
}

.login-security + .login-security {
    display: none;
}

.login-security__title {
    font-weight: 600;
    font-size: var(--text-size-l);
    line-height: 1.88;
    margin-bottom: 15px;
    letter-spacing: 0;
}

.login-security .o-link {
    display: inline-block;
    font-size: var(--text-size-m);
    margin-top: 30px;
    letter-spacing: 0;
}

.login-security .o-icon_s {
    position: absolute;
    left: 0;
    top: 3px;
}

.login-slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 45.625rem;
    background: none no-repeat 50% 0 / auto 100%;
}

.login-slider__slide,
.login-slider__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.login-slider__slide {
    z-index: 1;
    opacity: 0;
    transition: opacity var(--transition);
}

.login-slider .login-slider__current {
    z-index: 3;
    opacity: 1;
}

.login-slider__info {
    position: relative;
    z-index: 1;
}

.login-slider__index {
    display: none;
    font-size: var(--text-size-l);
    font-weight: 600;
    line-height: 1.88;
    color: rgba(var(--color-base), .3);
    top: 5.56rem;
    left: 0;
    position: absolute;
}

.login-slider__index span {
    color: rgb(var(--color-base));
}

.login-slider__title {
    font-size: var(--text-size-xl);
    font-weight: 600;
    line-height: 1.33;
    margin-bottom: 1.25rem;
    margin-top: 8.5rem;
    max-height: 5.875rem;
    overflow: hidden;
}

.login-slider__link {
    font-size: var(--text-size-m);
    text-transform: uppercase;
    line-height: 1.69;
    color: #6f6f6f;
}

.login-slider__controls {
    display: none;
}

.slider-controls {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 18.75rem;
}

.control-container {
    display: inline-block;
    cursor: pointer;
    width: 3.125rem;
    height: 3.125rem;
    background: rgb(var(--background-inverse));
    border-radius: 50%;
    margin-right: 7px;
    padding-top: 0.75rem;
    padding-left: 0.8125rem;
}

.login-slider-list {
    list-style: none;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 7;
}

.login-slider-list li {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: solid 2px rgb(var(--background-inverse));
    margin-bottom: 1rem;
    display: block;
    cursor: pointer;
}

.login-slider-list .login-slider-list__current {
    background: rgb(var(--background-inverse));
    cursor: default;
}

.login-padding {
    padding-top: 5.25rem;
}

.login-message {
    display: none;
    position: relative;
    z-index: 4;
    text-align: center;
    background: rgb(var(--color-custom));
    color: rgb(var(--background-inverse));
    font-size: 0.8125rem;
    padding: 9px 0;
}

.login-message .login-message__link {
    text-decoration: underline;
    color: inherit;
}

.login-message .login-message__link:hover {
    color: inherit;
    text-decoration: none;
}

/* HEADER */
.header_priv {
    background: rgb(var(--background-header));
    padding: 1.25rem 0;
    line-height: 2.5rem;
    position: relative;
    z-index: 25;
    border-bottom: 1px solid rgb(var(--background-light));
}

.header_priv .o-link {
    text-decoration: none;
}

.o-link_menu {
    position: relative;
    padding-left: 1rem;
}

.o-link_menu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 25px;
    background: rgb(var(--background-light));
}

.header_priv .o-icon_s {
    margin-right: 12px;
    vertical-align: middle;
}

.header_priv .o-link_logout .o-icon_s {
    margin-right: 0;
}

.header_priv .logout-link {
    margin-right: 0;
    margin-left: 1.75rem;
    vertical-align: top;
}

.header__language {
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    margin-left: 14px;
}

.header__language .o-link {
    margin-left: 10px;
    text-decoration: none;
    border: 0;
}

.header__language .delimit {
    position: absolute;
    right: 2.25rem;
    top: 0;
}

.o-page_pub .header__language {
    position: absolute;
    right: 0;
    font-size: var(--text-size-m);
    top: 40px;
}

.o-page_pub .header__language .delimit {
    right: 32px;
}

.header-menu-mask {
    position: fixed;
    content: "";
    left: 0;
    top: -100vh;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgb(var(--color-base));
    opacity: 0;
    transition: opacity var(--transition);
}

.header-menu-container {
    position: absolute;
    left: 0;
    top: -400px;
    opacity: 0;
    z-index: -1;
    width: 100%;
    background: rgb(var(--background-inverse));
    background: -moz-linear-gradient(left, rgb(var(--background-light)) 50%, #f8f9fc 50%, #f8f9fc 100%);
    background: -webkit-linear-gradient(left, rgb(var(--background-light)) 50%,#f8f9fc 50%,#f8f9fc 100%);
    background: linear-gradient(to right, rgb(var(--background-light)) 50%, #fff 50%, #fff 100%);
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
    transition: opacity var(--transition), top var(--transition);
}

.header-menu_visible {
    overflow-y: scroll;
}

.header-menu_visible .o-wrapper {
    height: 100%;
    /*overflow: hidden;*/
}

.header-menu_visible .header-menu-mask {
    top: 0;
    opacity: 0.56;
}

.header-menu_visible .header-menu-container {
    top: 0;
    opacity: 1;
    z-index: 29;
}

.special-version-panel_visible.header-menu_visible .header-menu-container {
    top: -8.25rem;
}

.header-menu__menu {
    background: rgb(var(--background-inverse));
    padding: 2rem 1.25rem 3.75rem;
}

.header_priv .o-link,
.o-link_logout {
    border: 0;
    text-decoration: none;
}

.header_priv .o-link.current,
.header__language .o-link.current {
    color: rgb(var(--color-custom));
}

.header-menu__menu .notice,
.header_priv .o-link_menu .notice {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: rgb(var(--color-warning));
    margin-left: 10px;
}

.header_priv .o-link_menu .notice {
    position: absolute;
    left: 2.15rem;
    top: .95rem;
    margin: 0;
}

.header-menu__menu .o-link {
    float: left;
    line-height: 1.2;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgb(var(--background-light));
    text-decoration: none;
    width: calc(50% - 2.5rem);
    margin-right: 2.5rem;
}

.header-menu__menu .o-link.sbp-menu-item {
    line-height: 1.2;
    padding: 1.25rem 60px 1.25rem 0;
    position: relative;
}

.sbp-menu-item::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: 50px;
    height: 30px;
    background: url(../images/icons/o-icon_sbp.svg) no-repeat 100% 50%;
    background-size: contain;
}

.header-menu .o-link:nth-child(2n) {
    float: right;
}

.header-menu__custom-link {
    display: none;
}

.header-menu__avatar {
    width: 5rem;
    height: 5rem;
    background: rgb(var(--background-inverse));
    border-radius: 50%;
    margin: 2.5rem 0 0.875rem;
    text-align: center;
    padding-top: 0.5rem;
}

.header-menu__username {
    margin-bottom: 1rem;
}

.o-link_logout {
    display: inline-block;
    text-decoration: none;
    margin: 2rem 0;
}

/* SPECIAL VERSION PANEL */
.special-version-panel {
    background: rgb(255,255,255);
    padding: 1.875rem 0 1.25rem;
    font-family: "Open Sans", sans-serif;
    color: rgb(51,51,51);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
    display: none;
}

.special-version-panel__item {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}

.special-version-panel .o-link {
    font-size: var(--text-size-r);
    color: #333;
}

.o-link__hide-sv {
    position: absolute;
    right: 1rem;
    top: -1rem;
}

.sv-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 4px;
    border: solid 1px rgb(var(--background-light));
    display: inline-block;
    margin-right: 1rem;
    line-height: 2.5rem;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    font-size: var(--text-size-x);
}

.sv-icon:hover {
    opacity: 0.5;
}

.sv-icon_size_s {
    font-size: var(--text-size-r);
}

.sv-icon_size_r {
    font-size: var(--text-size-x);
}

.sv-icon_size_l {
    font-size: var(--text-size-xl);
    font-weight: 600;
}

.sv-icon_type_s {
    font-family: "Times New Roman", serif;
}

.sv-icon_color_g {
    font-weight: 600;
}

.sv-icon_color_i {
    background: #000;
    color: #fff;
    border-color: #000;
    font-weight: 600;
}

.sv-icon_color_r {
    font-weight: 600;
}

/* FOOTER */
.footer {
    background: rgb(var(--background-footer));
    color: #fff;
    padding: 2.5rem 0 0;
    font-size: var(--text-size-m);
    flex: 0 0 auto;
}

.footer-info__custom-mail {
    display: none;
}

.footer a:link,
.footer a:visited {
    color: #fff;
    text-decoration: underline;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff;
}

.footer .mobile-app a,
.footer .social a {
    text-decoration: none !important;
}

.footer .o-link,
.footer .o-link_with_icon,
.footer .o-link:hover .o-icon_s,
.footer .o-link_with_icon .o-icon_s {
    color: #fff;
    fill: #fff;
    border-color: rgba(255,255,255,.15);
    text-transform: none;
    text-decoration: underline;
}

.footer__links {
    margin-bottom: 25px;
}

.footer__links .o-link,
.footer .o-link_with_icon {
    margin-bottom: 3px;
    display: inline-block;
}

.footer .o-link:hover,
.footer .o-link_with_icon:hover {
    text-decoration: none;
}

.o-link_footer-custom {
    display: none;
}

.footer .o-link_footer-custom .o-link {
    text-decoration: underline !important;
    display: inline-block;
    margin-bottom: 3px;
}

.footer .o-link_footer-custom .o-link:hover {
    text-decoration: none !important;
}

.footer__online-call {
    margin-top: 10px;
    display: inline-block;
    border: solid 1px rgba(255,255,255,.1);
    padding: 7px 14px;
    min-width: 180px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none !important;
}

.footer__online-chat {
    position: fixed;
    right: 1rem;
    bottom: 0.625rem;
    background: rgb(var(--color-custom));
    border-radius: 3rem;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 0.5rem 2rem 0.4rem 1rem;
    z-index: 1;
    margin-bottom: 0.375rem;
}

.footer .o-icon,
.footer .o-icon_s {
    fill: #fff;
    margin-right: 6px;
}

.footer-copyrights {
    background: rgba(0,0,0,.2);
    padding: 22px 0;
    margin-top: 2.5rem;
    color: rgba(255,255,255,.7);
}

.footer__phone {
    font-size: var(--text-size-xl);
    font-weight: 600;
    line-height: 1.69;
    text-decoration: none !important;
}

.footer__notes {
    padding: 5px 0 10px;
}

.footer__currencies-table {
    width: auto;
    margin: 13px 0 0;
}

.footer__currencies-table td {
    padding: 0 28px 5px 0;
}

.footer__currencies-title {
    text-transform: uppercase;
    font-weight: 600;
}

.footer__currencies-th {
    text-align: left;
    font-weight: 400;
    font-size: var(--text-size-m);
    opacity: 0.5;
}

.footer__currencies-td {
    opacity: 0.5;
}

.footer__currencies-td:first-child {
    font-weight: 600;
    opacity: 1;
}

.mobile-app__title {
    opacity: 0.5;
}

.o-icon_appstore,
.o-icon_googleplay {
    width: 100px;
    height: 29px;
    margin-left: 2px;
    margin-top: 10px;
}

.footer .social {
    margin-top: 30px;
    color: rgba(255,255,255,.5);
}

.footer .social .o-icon {
    fill: #ffffff;
    opacity: 0.4;
    transition: opacity var(--transition);
}

.footer .social .o-icon:hover {
    opacity: 0.8;
}

.footer .social .social__title {
    padding-bottom: 8px;
}

.footer .social a:last-child .o-icon {
    margin-right: 0;
}

/* DIALOG */
.iframeBg, .o-mask, .iframeMask, .cheque-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    display: flex;
    align-items: center;
    justify-content: center;
}
.o-mask, .iframeMask, .cheque-modal {
    background: rgba(51,51,51,.8);
}

.o-dialog, .iframe-dialog {
    color: rgb(var(--color-base));
    position: relative;
    width: calc(200px + 20vw);
    max-height: 98%;
    background: rgb(var(--background-inverse));
    border-radius: 8px;
    box-shadow: 0 0 14px rgba(0,0,0,.4);
    padding: 2.25rem 2.5rem;
    z-index: 999;
    overflow-y: auto;
}

.save-template-result .o-dialog,
.history-details__dialog-result .o-dialog {
    font-size: var(--text-size-l);
    width: 80vw;
    max-width: 800px;
    height: auto;
}

.save-template-result .o-title_success {
    margin-top: 1.4375rem;
}

.save-template-result .success-message__info {
    line-height: 1.4;
}

.iframe-dialog.cheque-window {
    width: auto;
    overflow: auto;
    font-size: var(--text-size-k);
    padding-bottom: 0;
}

.cheque-window::after {
    content: '';
    display: block;
    padding-bottom: 2rem;
}

.cheque-window .combo-options_export-panel {
    top: auto;
    bottom: 100%;
    right: auto;
    left: 0;
}

.cheque-window .export-mail-panel {
    width: auto;
}

.o-dialog_full {
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    transform: none;
    border-radius: 0;
    position: absolute;
}

.o-dialog_alert {
    width: 500px;
    font-size: var(--text-size-x);
    text-align: center;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.iframe-dialog {
    position: relative;
    padding: 2rem;
    max-height: 94vh;
    max-width: 94vw;
}

.iframe-dialog .icon-close {
    position: absolute;
    right: .5rem;
    top: .5rem;
}

.o-dialog__title {
    font-size: var(--text-size-x);
    padding-bottom: 2.25rem;
    font-weight: 600;
}

.o-icon_dialog-close,
.footer .o-icon_dialog-close {
    fill: rgb(var(--color-base));
    position: absolute;
    right: 20px;
    top: 20px;
}

.o-dialog__footer {
    padding-top: 2.25rem;
}

.call-back__panel {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    transition: opacity var(--transition);
}

.call-back__panel_visible {
    z-index: 39;
    opacity: 1;
}

.o-context {
    border-radius: 4px;
    box-shadow: 2px 2px 14px 0 rgba(142, 146, 153, 0.25);
    background-color: rgb(var(--background-inverse));
    position: absolute;
    left: 100%;
    top: 0;
}

.online-chat-panel {
    position: fixed;
    width: 100%;
    height: calc(100% - 5rem);
    right: 0;
    bottom: 0;
    background: #fff;
    max-width: 380px;
    z-index: 35
}

/* PAYMENT & TEMPLATES PANEL */
.transfer-payments-panel {
    background-color: rgb(var(--background-transfer-panel));
    color: #fff;
    padding-top: 17px;
    min-height: 354px;
}

.transfer-payments-panel .o-icon_s {
    fill: #fff;
}

.transfer-panel__item_payments .o-icon_s {
    fill: rgb(var(--background-transfer-panel));
    background: #fff;
    border-radius: 50%;
    margin-right: 0.25rem;
}

.transfer-panel__tabs {
    border-bottom: 4px solid rgba(255,255,255,.1);
    margin-bottom: 1.25rem;
}

.transfer-panel__item {
    float: left;
    padding: 15px 0;
    margin-right: 2.1875rem;
    opacity: 0.5;
    cursor: pointer;
    font-size: var(--text-size-m);
    text-transform: uppercase;
    position: relative;
}

.transfer-panel__item.active,
.transfer-panel__item_current {
    opacity: 1;
    cursor: default;
}

.transfer-panel__item.active::after,
.transfer-panel__item_current::after {
    content: "";
    width: 100%;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -4px;
}

.transfer-panel__item.active .o-icon_s,
.transfer-panel__item_current .o-icon_s {
    fill: rgb(var(--color-payment));
}

.live-search {
    max-width: 37.75rem;
    position: relative;
    margin-bottom: 1.25rem;
}

.live-search .o-input {
    background-color: rgba(255,255,255,.05);
    border: 0;
    padding-left: 60px;
    color: #fff;
}

.o-icon_search {
    position: absolute;
    left: 20px;
    top: 15px;
    fill: #8E9299;
    opacity: 0.3;
    transition: opacity var(--transition);
}

.transfer-panel .live-search .o-input {
    background-color: transparent;
    border: 1px solid rgba(255,255,255,.5);
    transition: border var(--transition);
}

.transfer-panel .live-search .o-input:focus {
    border: 1px solid rgba(255,255,255,1);
}

.transfer-panel .o-icon_search,
.transfer-panel .live-search .o-input:focus + .o-icon_search {
    opacity: 1;
}

.live-search .o-input:focus + .o-icon_search {
    opacity: 1;
}

.live-search ::-webkit-input-placeholder {
    opacity: 0.3;
    color: #fff;
}

.live-search ::-moz-placeholder {
    opacity: 0.3;
    color: #fff;
}

.live-search :-ms-input-placeholder {
    opacity: 0.3;
    color: #fff;
}

.live-search :-moz-placeholder {
    opacity: 0.3;
    color: #fff;
}

.live-search .combo-options,
.live-search .select2-container {
    z-index: 27;
}

.onboarding-mode .live-search .combo-options,
.onboarding-mode .live-search .select2-container {
    z-index: auto;
}

.onboarding-mode .live-search .c-onboarding + div .o-input {
    background-color: rgba(255,255,255,1);
    color: rgb(var(--color-base));
}

.onboarding-mode .live-search .c-onboarding + div ::-webkit-input-placeholder {
    color: rgb(var(--color-base));
    opacity: 0.75;
}

.onboarding-mode .live-search .c-onboarding + div ::-moz-placeholder {
    color: rgb(var(--color-base));
    opacity: 0.75;
}

.onboarding-mode .live-search .c-onboarding + div :-ms-input-placeholder {
    color: rgb(var(--color-base));
    opacity: 0.75;
}

.onboarding-mode .live-search .c-onboarding + div :-moz-placeholder {
    color: rgb(var(--color-base));
    opacity: 0.75;
}

.onboarding-mode  .transfer-payments-panel .live-search .c-onboarding + div .o-icon_s {
    fill: rgb(var(--color-base));
}

.live-search .combo-options .option {
    color: rgb(var(--color-base));
}

.live-search__show-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    display: none;
    z-index: 26;
}

.live-search .combo-options + .live-search__show-mask {
    display: block;
}

.live-search__all {
    text-align: center;
    border-top: 1px solid rgb(var(--background-light));
    padding: 3px 0;
    font-size: var(--text-size-m);
}

.live-search .empty-search-container {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 29;
}

.l-search-container {
    position: relative;
}

.l-search-container .o-icon_search {
    position: absolute;
    left: 8px;
    top: 16px;
}

.l-search-container .loader_round {
    display: none;
    position: absolute;
    right: 0;
    top: 12px;
}

.empty-bills {
    padding-top: 1.5rem;
}

.empty-bills a:link,
.empty-bills a:visited,
.empty-bills a:hover {
    color: #fff;
    text-decoration-color: rgba(255,255,255,1);
    -webkit-text-decoration-color: rgba(255,255,255,1);
    -moz-text-decoration-color: rgba(255,255,255,1);
    text-decoration: underline;

}

.add-group-button {
    position: absolute;
    right: 0;
    top: 0.125rem;
    font-size: var(--text-size-m);
    padding: 15px 31px 15px 54px;
    background: rgba(255,255,255,.05);
    border-radius: 25px;
    cursor: pointer;
}

.add-group-button .o-icon {
    position: absolute;
    left: 16px;
    top: 10px;
    transform: scale(0.75);
    fill: #fff;
}

.rf-create-payment {
    position: absolute;
    right: 0;
    top: -50px;
}

.new-payment__item {
    background: rgba(0,0,0,.15);
    border-radius: 5px;
    margin-bottom: 1.25rem;
    height: 5rem;
    position: relative;
    padding-left: 4.625rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background var(--transition);
    word-break: break-word;
}

.transfer-payments-panel .new-payment__item.western-union {
    display: none;
}

.new-payment__item:hover {
    background: rgba(0,0,0,.25);
}

.new-payment__name {
    font-size: var(--text-size-m);
    line-height: 1.23;
}

.new-payment__item .o-icon_l {
    position: absolute;
    left: 5px;
    top: 8px;
    border: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.edge .new-payment__item {
    display: block;
    position: relative;
}

.edge .new-payment__name {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    word-wrap: break-word;
    width: calc(100% - 5.563rem);
}

.o-link_collapse {
    text-align: center;
    cursor: pointer;
}

.o-link_collapse .o-icon_hide {
    transform: rotate(180deg);
}

.transfer-payments-panel .bills-payments-panel__item {
    background-color: transparent;
    color: rgb(var(--background-footer));
}

.o-template {
    height: 8.75rem;
    border-radius: 5px;
    margin-bottom: 1.25rem;
    padding: 19px 15px 15px 66px;
    background: #afaeaf;
}

.transfer-payments-panel .o-icon_draggable {
    transform: rotate(-45deg);
    cursor: move;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    fill: rgba(var(--color-base), .5);
}

.transfer-payments-panel .ui-draggable:hover .o-icon_draggable {
    display: block;
}

.template-group-item__template {
    position: relative;
    min-width: 0;
}

.dragging-mask-el {
    position: absolute;
    width: 100%;
    height: calc(100% - 1.25rem);
    left: 0;
    top: 0;
    background: rgba(0,0,0,.1);
    border-radius: 5px;
    box-sizing: border-box;
}

.ui-draggable-dragging {
    opacity: 0.7;
    z-index: 33;
}

.ui-hover-template {
    transform: scale(1.05);
    transition: transform 100ms ease 0s;
}

.ui-hover-template:before {
    transform: scale(1);
}

.quick-remove-panel {
    position: fixed;
    left: 0;
    top: -6rem;
    width: 100%;
    background: rgb(var(--background-transfer-panel));
    height: 5.2rem;
    text-align: center;
    z-index: -1;
    line-height: 5rem;
    text-transform: uppercase;
    color: #fff;
    transition: top var(--transition);
}

.quick-remove-panel.visible {
    z-index: 32;
    top: 5rem;
    transition: color var(--transition);
}

.quick-remove-panel .o-icon_m {
    fill: #fff;
}

.quick-remove-panel_hover,
.quick-remove-panel_hover .o-icon_m {
    color: rgb(var(--color-light));
    fill: rgb(var(--color-light));
}

.quick-remove-panel .o-link,
.quick-remove-panel .o-link:hover {
    color: #fff;
}

.bills-payments-panel .o-template {
    background: rgb(var(--background-light));
}

.o-transfer__icon,
.o-payment__icon,
.o-template__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 4px;
    display: inline-block;
}

.o-transfer__icon {
    background-color: transparent;
    border: 1px solid rgb(var(--color-success));
}

.o-transfer__icon [class*="o-icon"] {
    fill: rgb(var(--color-success));
}

.o-payment__icon {
    background-color: transparent;
    border: 1px solid rgb(var(--color-payment));
}

.o-payment__icon [class*="o-icon"] {
    fill: rgb(var(--color-payment));
}

.o-transfer__icon.o-icon_m + .o-icon_inset,
.o-payment__icon.o-icon_m + .o-icon_inset,
.o-template__icon.o-icon_m + .o-icon_inset {
    right: -7px;
}

.transfer-payments-panel .o-template__icon {
    position: absolute;
    left: 15px;
    top: 15px;
}

.o-template__name {
    font-size: var(--text-size-m);
    line-height: 1.23;
    max-height: calc(var(--text-size-m) * 1.23 * 2);
    overflow: hidden;
    cursor: pointer;
}

.o-template__icon,
.o-template__icon [class*="o-icon"] {
    fill: #fff;
}

.aside-info-panel {
    padding-top: 1.25rem;
}

.aside-info-panel .o-list_ul {
    padding-top: 0;
    padding-bottom: 0;
}

.aside-info-panel .o-title_sub {
    padding: 0 1.875rem 1.25rem;
}

.aside-info-panel .o-template-wrapper {
    width: 60px;
    height: 60px;
    position: relative;
    padding: 0;
    margin-bottom: 60px;
    margin-left: 30px;
    float: left;
    text-align: center;
    cursor: pointer;
}

.o-icon_regular-payment {
    width: 1.5rem;
    height: 1.5rem;
    fill: rgb(var(--color-custom));
    position: absolute;
    right: -7px;
    bottom: -7px;
}

.aside-info-panel .o-icon_regular-payment {
    width: 1.25rem;
    height: 1.25rem;
    right: -2px;
    bottom: -2px;
}

.aside-info-panel .o-template {
    width: 60px;
    height: 60px;
    position: relative;
    padding: 0;
    margin: 0;
    float: none;
    text-align: center;
    transition: opacity var(--transition);
}

.aside-info-panel .o-template:hover {
    opacity: 0.8;
}

.aside-info-panel .o-template__icon {
    position: absolute;
    background: transparent;
    left: 10px;
    top: 10px;
}

.aside-info-panel .o-template__name {
    font-size: var(--text-size-m);
    line-height: 1.23;
    max-height: calc(var(--text-size-m) * 1.23 * 2 + 63px);
    cursor: pointer;
    margin: 0 -10px;
    padding: 63px 0 0;
}

.aside-info-panel__operation {
    margin: 0 1.875rem 1rem;
    font-weight: 300;
}

.aside-info-panel__date {
    max-width: 5ch;
    overflow: hidden;
}

.aside-info-panel__info {
    margin: 0 2.25rem 0 3.4375rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgb(var(--background-light))
}

.aside-info-panel__info .o-status {
    margin-top: 0.625rem;
}

.aside-info-panel__operation:last-child .aside-info-panel__info {
    border: 0;
}

.aside-info-panel__amount {
    padding-top: 5px;
    font-size: var(--text-size-x);
    font-weight: 600;
    line-height: 1.67;
}

.o-template_group {
    padding: 15px;
}

.o-template_group .o-template__icon {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 20px;
}

.o-template-pay {
    position: absolute;
    width: 100%;
    padding: 0 15px 15px;
    left: 0;
    bottom: 0;
    line-height: 1.23;
}

.quick-pay__form .o-input {
    height: 40px;
    background-color: rgba(0, 0, 0, 0.08);
    border: 0;
    color: #fff;
    padding: 8px 60px 8px 1.25rem;
}

.quick-pay__form .o-input__currency {
    right: 47px;
    color: #fff;
    top: 12px;
    opacity: 1;
    font-size: var(--text-size-l);
}

.o-template-pay__submit {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 0;
    padding: 7px;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: background var(--transition);
}

.o-template-pay__submit:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.quick-pay-form.template-amount {
    margin-bottom: 11px;
    font-size: var(--text-size-r);
}

.o-template-pay__confirm {
    position: relative;
    font-size: var(--text-size-m);
    line-height: 40px;
}

.quick-pay__pay-button {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 8px 0 0 8px;
}

.quick-pay__pay-button .o-icon_s {
    vertical-align: top;
}

.quick-pay__info-bubble {
    position: absolute;
    bottom: calc(100% + 5px);
    left: 15px;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    color: #333;
    font-size: var(--text-size-m);
    min-width: 108%;
    margin-bottom: 5px;
    z-index: 2;
}

.quick-pay__info-bubble::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 2px;
    position: absolute;
    transform: rotate(45deg);
    background: #fff;
    bottom: -5px;
    left: 10px;
}

.service-panel-list__category + .service-panel-list__services {
    display: none;
}

.service-panel-list__category-label {
    padding: 1.25rem 0 0 1.0625rem;
    cursor: pointer;
}

.service-panel-list__icon {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 1.1875rem;
    right: 0.625rem;
    transform: rotate(0);
    transition: transform var(--transition);
    fill: rgb(var(--color-custom));
    cursor: pointer;
}

.active .service-panel-list__icon {
    transform: rotate(-180deg);
}

.service-panel-list__services .l-grid-row_border_top:first-child {
    border-top: 0;
}

.more-services-link .o-icon_s {
    fill: rgb(var(--color-custom));
}

.autopayments__title {
    padding-left: 1.25rem;
}

/* GROUP PAYMENT */
.group-payment__nav-step {
    display: inline-block;
    position: relative;
    margin: 0 1.375rem 4.875rem;
}

.group-payment__nav-step::after {
    content: "";
    position: absolute;
    left: 100%;
    top:1.5rem;
    width: 5.75rem;
    height: 1px;
    background: rgb(var(--background-light));
}

.group-payment__nav-step.active::after,
.group-payment__nav-step_passed::after {
    background: rgb(var(--color-custom));
}

.group-payment__nav-step_last::after {
    display: none;
}

.group-payment__nav-number {
    display: inline-block;
    vertical-align: middle;
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgb(var(--background-light));
    color: rgb(var(--background-light));
}

.group-payment__nav-number .o-icon_s {
    display: none;
    fill: rgb(var(--color-custom));
    float: left;
    margin: 0.7rem 0 0 0.75rem;
}

.group-payment__nav-number .o-icon {
    margin-top: -4px;
}

.active .group-payment__nav-number,
.group-payment__nav-step_passed .group-payment__nav-number {
    border-color: rgb(var(--color-custom));
    color: rgb(var(--color-custom));
}

.group-payment__nav-step_skipped .group-payment__nav-number {
    border-color: rgb(var(--background-light));
    color: rgb(var(--background-light));
}

.active .group-payment__nav-number .o-icon_s {
    display: block;
}

.active .group-payment__nav-number .o-icon_skipped {
    display: none;
}

.group-payment__nav-step_skipped .group-payment__nav-number .o-icon_skipped {
    display: block;
    fill: rgb(var(--background-light));
}

.group-payment__nav-template {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 1rem;
    transform: translateX(-50%);
    text-transform: uppercase;
    white-space: normal;
    font-size: var(--text-size-m);
    line-height: 1.27;
    text-align: center;
    width: 5.75rem;
    max-height: 2rem;
    overflow: hidden;
    padding: 0 0.25rem;
}

.search-by-address .o-container__header + .l-grid_pt-8 {
    grid-template-columns: repeat(12, 1fr);
}

.search-by-address .o-container__header + .l-grid_pt-8 .l-grid__item_6 {
    grid-column: span 10;
}

.search-by-address .o-input,
.search-by-address .combo-box__selected,
.search-by-address .combo-options {
    max-width: 38.75rem;
}

.search-by-address .group-payment__item-1 {
    display: none;
}

.search-by-address .group-payment__item-full,
.group-payment .l-grid__item_7.group-payment__item-full {
    grid-column: span 12;
}

/* CARD PRODUCT FILTER */
.o-icon_card {
    width: 52px;
    height: 32px;
    border: 1px solid #CDD7E1;
    border-radius: 4px;
    margin-top: -0.25rem;
}

/* MENU ACCOUNTS */
.accounts-header {
    position: relative;
    padding: 2.5rem 3.125rem 1rem 5.875rem;
    cursor: pointer;
    min-height: 5.875rem;
}

.accounts-header .o-link_with_icon.ico {
    position: absolute;
    top: 2.5rem;
    right: 1.25rem;
}

.accounts-header_single .o-link_with_icon.ico {
    top: 1.5rem;
}

.accounts-header_offer {
    padding: 1rem;
    min-height: auto;
}

.accounts-header_offer img {
    width: 100%;
    float: left;
}

.accounts-header_offer .o-icon_s {
    position: absolute;
    right: 10px;
    top: 10px;
    transform: scale(0.75);
}

.accounts-header .icon-hide {
    transform: rotate(180deg);
}

.accounts-header__icon {
    position: absolute;
    left: 1.25rem;
    top: 1.25rem;
    fill: rgb(var(--color-payment));
}

.accounts-header__archives-icon {
    position: absolute;
    left: 2.5rem;
    top: 1.5rem;
}

.accounts-header_single {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    min-height: auto;
}

.accounts-header_single .accounts-header__icon {
    top: 3px;
}

.o-container_loans .accounts-header__icon {
    fill: rgb(var(--color-success));
}

.o-container_deposits .accounts-header__icon {
    fill: rgb(var(--color-deposit));
}

.accounts-header__count {
    color: rgb(var(--background-inverse));
    font-size: var(--text-size-m);
    line-height: 20px;
    min-width: 20px;
    display: inline-block;
    text-align: center;
    background: rgb(var(--color-payment));
    border-radius: 2px;
    margin-left: 10px;
}

.o-container_loans .accounts-header__count {
    background: rgb(var(--color-success));
}

.o-container_deposits .accounts-header__count {
    background: rgb(var(--color-deposit));
}

.accounts-header__add-product {
    position: relative;
    padding: 1.5rem 3.125rem 1.5rem 5.875rem;
    color: rgb(var(--color-base));
    cursor: pointer;
    background: rgb(var(--background-inverse));
    border-radius: 0 0 5px 5px;
    border-top: 1px solid rgb(var(--background-light));
}

.accounts-header__add-product .o-icon_s {
    position: absolute;
    left: 2.375rem;
    top: 1.5rem;
    fill: #fff;
    background-color: rgb(var(--color-custom));
    border-radius: 50%;
}

.accounts-header__amount {
    line-height: 1.667;
    font-size: var(--text-size-x);
}

.accounts-panel .sum__dc,
.accounts-panel .sum__cr {
    color: rgb(var(--color-light));
    font-weight: 400;
}

.accounts-panel .sum__cr,
.sum__cr {
    font-family: 'Montserrat', sans-serif;
}

.sum .icon_loaylty span {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    position: relative;
    text-indent: -9999px;
    background-repeat: no-repeat;
    color: rgba(255,255,255,0);
    background-size: cover;
}

.o-underinput .sum .icon_loaylty span {
    width: 12px;
    height: 12px;
    margin-top: -2px;
}

.card-bonus-info .sum .icon_loaylty span {
    margin-top: -5px;
    background-size: 13px;
}

.accounts-panel .o-text_warning .sum__dc,
.accounts-panel .o-text_warning .sum__cr {
    color: rgb(var(--color-warning));
}

.accounts-panel__product {
    padding: 24px 30px;
    position: relative;
    cursor: pointer;
}

.accounts-panel__product:hover {
    background-color: rgba(var(--color-light), 0.15);
}

.accounts-panel__product.current,
.current .accounts-panel__product {
    background-color: rgba(var(--color-light), 0.2);
}

.accounts-panel__product_card {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 94px;
}

.accounts-panel__product-status_closed {
    background: rgba(0,0,0,.025);
}

.product-info-block {
    border-bottom: 1px solid rgb(var(--background-light));
    position: relative;
    background: rgb(var(--background-inverse));
}

.o-icon_closed-product {
    float: left;
    margin-right: 16px;
}

.product-info-block:last-child {
    border-bottom: 0;
}

.accounts-panel__archives .product-info-block {
    border-bottom: 1px solid rgb(var(--background-light));
}

.accounts-panel__product .accounts-header__count {
    margin: 0 12px 0 0;
}

.accounts-panel__product-name {
    float: left;
    max-width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.accounts-panel__product-name_external {
    max-width: 100%;
}

.accounts-panel__card-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.accounts-panel__product_card .accounts-panel__product-name {
    min-height: 32px;
}

.accounts-panel__product-balance {
    float: right;
   /* max-width: 40%;*/
    font-size: var(--text-size-l);
    white-space: nowrap;
    clear: right;
}

.accounts-panel__product-balance .miles-container {
    text-align: right;
}

.accounts-panel__product .accounts-panel__product-status {
    padding: 0.5rem 0 0 2rem;
}

.grouped-amount {
    padding: 20px 30px;
    text-align: right;
    font-weight: 600;
    font-size: var(--text-size-l);
}

.grouped-amount__label {
    display: none;
}

.settings-info {
    position: absolute;
    right: 5px;
    top: 22px;
}

.product-card-settings .settings-info {
    top: 14px;
}

.product-settings-panel {
    margin-left: 10px;
    padding: 10px 0;
}

.product-settings-panel-item {
    padding: 10px 20px;
    cursor: pointer;
    font-size: var(--text-size-m);
    white-space: nowrap;
    position: relative;
    min-width: 13rem;
}

.product-settings-panel-item:hover:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.15;
    background: rgb(var(--background-light));
}

.product-settings-panel-item .o-icon_s {
    margin-right: 12px;
    fill: rgb(var(--color-custom));
}

.accounts-panel__card {
    width: 3.125rem;
    height: 1.875rem;
    position: absolute;
    left: 29px;
    top: 18px;
}

[class*="o-bank-card"] {
    display: block;
    width: 3.125rem;
    height: 1.875rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

.edge [class*='o-bank-card'] {
    width: 50px;
    height: 30px;
}

.o-bank-card_default {
    background-image:url(../images/cards/default/def_small.svg)
}

.o-bank-card_waiting {
    background-image: url(../images/icons/o-bank-card_waiting.svg);
}

.o-bank-card_locked {
    background-image: url(../images/icons/o-bank-card_locked.svg);
}

.o-bank-card_closed {
    background-image: url(../images/icons/o-bank-card_closed.svg);
}

.o-bank-card_expired {
    background-image: url(../images/icons/o-bank-card_expired.svg);
}

.accounts-panel__product-status_release .o-bank-card {
    background-image: url(../images/icons/o-bank-card_release.svg) !important;
}

.menu-product-info {
    font-size: var(--text-size-m);
    color: rgb(var(--color-light));
    padding: 3px 0 0 32px;
}

.menu-product-info__label {
    float: left;
    width: 60%;
}

.menu-product-info__amount {
    float: right;
    width: 40%;
    text-align: right;
    clear: right;
}

.loan-info__tranches {
    padding: 9px 30px 0 62px;
}

.loan-info__tranches-header {
    padding-bottom: 17px;
    position: relative;
    color: rgb(var(--color-light));
    cursor: pointer;
}

.loan-info__tranches-header .o-icon_s {
    position: absolute;
    right: 0;
    top: 0;
}

.loan-info__tranches_opened .loan-info__tranches-header .o-icon_s {
    transform: rotate(180deg);
}

.loan-info__tranches-header .count_loan {
    color: rgb(var(--color-success));
}

.loan-info__tranches-list {
    display: none;
}

.loan-info__tranches_opened .loan-info__tranches-list {
    display: block;
}

.loan-info__tranches .accounts-panel__product {
    padding: 19px 0 16px;
    border-top: 1px solid rgb(var(--background-light));
    background: transparent !important;
}

.loan-info__tranches .menu-product-info {
    padding-left: 0;
}

.nbki-main-panel {
    border-top: 1px solid rgb(var(--background-light));
}

.nbki-main-panel .o-icon_s {
    position: absolute;
    left: 2.375rem;
    top: 1.5rem;
}

.panel__currency-s-icon {
    display: none;
}

/* EXPENSES PANEL */
.o-link_filter {
    text-decoration: none;
    display: inline-block;
    height: 44px;
    line-height: 41px;
    padding: 0 13px;
    border-radius: 22px;
    border: 0;
}

.o-link_filter span {
    display: inline-block;
}

.o-link_filter .o-icon_s,
.o-link_filter:hover .o-icon_s {
    margin-right: 10px;
}

.o-link_filter .o-icon_s:last-child {
    display: none;
    margin-left: 10px;
    margin-right: 0;
    transform: scale(0.5) translateY(2px);
}

.o-link_filter_active,
.o-link_filter_active:hover {
    color: #fff;
    background: rgb(var(--color-custom));
}

.o-link_filter_active:hover .o-icon_s,
.o-link_filter_active .o-icon_s {
    fill: currentColor;
}

.o-link_filter_active o-icon_s:last-child {
    display: block;
}

.o-filter__search .o-icon_s {
    position: absolute;
    left: 0;
    top: 11px;
}

.o-filter__search .o-input {
    border: 0;
    height: 44px;
    padding: 11px 0 11px 2.1875rem;
}

.o-input_search {
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
}

.o-input_search + .o-icon_s {
    position: absolute;
    left: 8px;
    top: 15px;
}

.o-icon_preloader {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 100%;
    top: 14px;
    background: rgb(255, 255, 255);
    margin-left: -32px;
    display: none;
}

.o-filter__period .o-icon_preloader {
    left: 0;
    top: 11px;
    margin-left: 0;
}

.period-panel {
    position: relative;
}

.o-filter__period .period-panel {
    position: absolute;
    left: 0;
    top: 1px;
    width: 100%;
}

.o-filter__period .o-input {
    border-width: 0 1px;
}

.o-filter__period .combo-box__selected .options__card-ico-container {
    margin-top: -4px;
}

.period__container {
    position: relative;
}

.o-icon_input-reset {
    position: absolute;
    right: 9px;
    top: 16px;
}

.o-filter__period .o-icon_input-reset {
    display: none;
}

.o-filter__period-panel + .o-icon_input-reset {
    display: block;
}

.o-filter__period .period-panel .o-icon_input-reset {
    display: none;
}

.o-filter__dialog {
    opacity: 0;
    z-index: -1;
    position: absolute;
    text-align: left;
    right: 0;
    top: 55px;
    padding: 1.5625rem 3.125rem;
    width: 31.25rem;
    border-radius: 5px;
    box-shadow: 5px 5px 20px 0 rgba(142, 146, 153, 0.35);
    background-color: rgb(var(--background-inverse));
    transition: opacity var(--transition), top var(--transition);
}

.is-visible.o-filter__dialog {
    top: 75px;
    opacity: 1;
    z-index: 27;
}

.pfm-amounts__info {
    padding: 3.75rem 0 0;
}

.expenses-box-panel {
    padding-top: 2rem;
}

.pfm-amounts__totals {
    padding: 0 1.875rem 1.6875rem;
    text-transform: uppercase;
    font-size: var(--text-size-m);
}

.pfm-amounts__totals .sum {
    font-size: calc(var(--text-size-m) + 1px);/* FIX FOR RUBLES CURRENCY */
}

.pfm-amounts__totals_show {
    display: inline-block;
    margin-right: 2rem;
    cursor: pointer;
    color: rgb(var(--color-light));
}

.current .pfm-amounts__totals_show {
    color: rgb(var(--color-base));
}

.pfm-chart {
    padding: 0 1.875rem;
    position: relative;
    opacity: 1;
    transition: opacity var(--transition);
}

.pfm-chart_animation_off {
    transition: none;
}

.pfm-chart_hidden {
    opacity: 0;
}

.pfm-chart__item {
    float: left;
    height: 8px;
    position: relative;
}

.pfm-chart__list:first-child .pfm-chart__item {
    border-radius: 100px 0 0 100px
}

.pfm-chart__list:last-child .pfm-chart__item {
    border-radius: 0 100px 100px 0;
}

.pfm-chart__item-tip {
    position: absolute;
    left: 50%;
    top: 5px;
    opacity: 0;
    z-index: -1;
    transform: translateX(-50%);
    font-size: var(--text-size-s);
    padding: 5px 10px;
    background-color: rgb(var(--background-inverse));
    border-radius: 3px;
    box-shadow: 5px 5px 20px 0 rgba(142, 146, 153, 0.35);
    transition: opacity var(--transition), top var(--transition);
    line-height: 1.3;
    white-space: nowrap;
    text-align: center;
}

.pfm-chart__item:hover .pfm-chart__item-tip {
    z-index: 4;
    opacity: 1;
    top: 15px;
}

.toggle-pfm-chart {
    position: absolute;
    right: 1.875rem;
    top: -2px;
}

.pfm-legend {
    position: relative;
    padding: 0 16.5rem 0 1.875rem;
    opacity: 0;
    transition: opacity var(--transition);
}

.pfm-legend_visible {
    opacity: 1;
}

.pfm-legend__details {
    transform: scale(0.4);
    stroke-width: 8;
    opacity: 1;
    position: absolute;
    right: 35px;
    top: -2rem;
    height: 200px;
    width: 200px;
    fill: none;
    transition: transform var(--transition), top var(--transition);
}

.pfm-legend__int {
    position: absolute;
    width: 136px;
    height: 136px;
    right: 67px;
    top: 0;
    border-radius: 50%;
    transform: scale(0.4);
    line-height: 136px;
    font-size: var(--text-size-r);
    font-weight: 400;
    text-align: center;
    transition: transform var(--transition), top var(--transition);
}

.pfm-legend_visible .pfm-legend__details,
.pfm-legend_visible .pfm-legend__int {
    transform: scale(1);
    top: 0;
}

.pfm-legend_visible .pfm-legend__int {
    top: 32px;
}

.pfm-legend ul {
    list-style: none;
    margin-left: 2.5rem;
    max-width: 641px;
    padding: .5rem 0 0;
    min-height: 200px;
}

.pfm-legend li {
    position: relative;
    display: block;
    padding: 0;
    font-size: 15px;
    font-weight: 300;
    background: transparent;
}

.pfm-legend__link {
    position: relative;
    padding: 6px 15px 8px 43px;
    margin: 1px 0;
    line-height: 20px;
    border-radius: 4px;
    cursor: pointer;
}

.pfm-legend li .legend-category__dot {
    width: 8px;
    height: 8px;
    left: 15px;
    top: 50%;
    margin-top: -5px;
    position: absolute;
    border-radius: 8px;
}

.pfm-legend li td {
    vertical-align: top;
}

.pfm-legend__link:hover,
.current .pfm-legend__link {
    cursor: pointer;
    background-color: rgba(var(--background-light), .5);
}

.expenses-header {
    padding: 1.25rem 1.875rem;
}

.expenses-item {
    padding: 1.25rem 0;
    cursor: pointer;
}

.save-template-result {
    cursor: default;
}

.expenses-item .combo-box__selected {
    display: inline-block;
    width: auto;
    height: auto;
    min-height: auto;
    border: 0;
    background-color: transparent;
    font-size: var(--text-size-m);
    line-height: 1.47;
    padding: 0 1.5rem 0 0;
    color: rgb(var(--color-light));
    background-position: 100% -1px;
}

.expenses-item .combo-options {
    margin-top: 5px;
    max-width: 18rem;
}

.operation-details .o-text_ellipsed {
    padding: 4px 0;
    cursor: pointer;
}

.operation-amounts {
    font-size: var(--text-size-x);
    font-weight: 600;
}

.operation-amounts .income {
    color: rgb(var(--color-custom));
}

.sv_inverse .operation-amounts .income {
    color: rgb(var(--color-base));
}

.operation-amounts .sum__dc,
.operation-amounts .sum__cr {
    opacity: 0.5;
}

.operation-amounts .hold .sum {
    position: relative;
    color: rgba(var(--color-base), .5);
}

.operation-amounts .hold .sum::after {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/icons/o-icon_hold.svg) no-repeat 0 0 / 100% auto;
    vertical-align: text-bottom;
    margin-left: 2px;
    /*content: "";
    width: calc(100% + 10px);
    height: calc(100% + 4px);
    position: absolute;
    left: -5px;
    top: -2px;
    border: 1px dashed rgb(var(--color-custom));
    border-radius: 2px;*/
}

.operation-amounts__comission {
    line-height: 2rem;
}

.action-icons .o-icon_s {
    margin-right: 3px;
    width: 1.25rem;
    height: 1.25rem;
}

.account-history__show-details {
    background-color: rgba(var(--background-light), 0.2);
}

.complete .account-history__show-details {
    background-color: rgb(var(--background-inverse));
}

.account-history__show-details:hover {
    background-color: rgba(var(--color-light), .15);
}

.expenses-item__icon,
.merchant_custom,
.merchant,
.live-search__template-icon {
    width: 3.125rem;
    height: 3.125rem;
    padding-top: 9px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
}

.billing-service-icon {
    position: absolute;
    bottom: -10px;
    right: -10px;
}

.billing-service-icon .merchant {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: block;
    background-color: #fff;
}

.live-search__template-icon {
    border-radius: 5px;
}

.live-search__template-icon,
.live-search__template-icon [class*="o-icon"] {
    fill: #fff;
}

.service-panel-list .merchant,
.account-history .merchant {
    padding-top: 0;
    background: transparent;
}

.merchant .o-icon {
    fill: #fff;
}

.service-panel-list .merchant .o-icon,
.account-history .merchant .o-icon,
.service-panel-list .merchant_custom .o-icon,
.account-history .merchant_custom .o-icon {
    width: 3.125rem;
    height: 3.125rem;
}

.merchant_custom {
    background-size: cover !important;
}

.merchant_custom svg.o-icon {
    display: none;
}

.live-search .merchant,
.live-search .merchant_custom {
    width: 2.5rem;
    height: 2.5rem;
}

.expenses-item__icon [class*="o-icon"] {
    fill: #fff;
}

.more-link {
    background-color: rgba(var(--background-light), .2);
    border-radius: 0 0 5px 5px;
}

.more-link_text {
    border-top: 1px solid rgb(var(--background-light));
    border-bottom: 1px solid rgb(var(--background-light));
    padding: 3px 0;
    text-decoration: none;
}

.transfer-payments-panel .more-link {
    border-radius: 0;
    background-color: transparent;
}

.history-details {
    background: rgba(var(--background-light), 0.2);
    border-bottom: 1px solid rgba(var(--color-light), 0.1);
    padding: 2.5rem 0;
}

.history-details__row {
    padding-bottom: 12px;
}

.history-details__last-states {
    padding-top: 20px;
    font-size: var(--text-size-m);
    color: rgb(var(--color-custom));
}

.history-details__export-container,
.history-details__buttons-container {
    float: right;
    padding: 20px 4.187% 0 0;
}

.history-details__edit {
    float: left;
    padding: 36px 0 0 11.57635%;
}

.history-details .history-motions > div {
    margin-top: 2.5rem;
}

.history-details .o-icon_sbp {
    width: 5rem;
    height: 2.49rem;
}

.history-status__item {
    display: none;
}

.history-status__item:first-child,
.history-status__item:last-child {
    display: inline-block;
}

.history-status__item:last-child {
    color: rgb(var(--color-custom));
    margin-left: 36px;
}

.history-status__item:last-child::before {
    content: "〉";
    position: absolute;
    left: -20px;
    top: -1px;
    color: rgb(var(--color-light));
    transform: scale(1.25, 0.75);
}

.history-status__item:first-child::before {
    display: none;
}

.history-status__item:first-child {
    margin-left: 0;
}

/* BANNERS ETC */
.subscription-info {
    background: rgb(var(--background-inverse));
}

.subscription-info__image {
    width: 100%;
    height: 100%;
    background: url(../images/icons/debt-check.svg) no-repeat 50% 0;
    background-size: contain;
}

.subscription-info__title {
    font-weight: 600;
    font-size: var(--text-size-x);
    padding: 1rem 0 0.25rem;
}

.subscription-info__submit {
    padding: .25rem 0 1rem;
}

.card-holder {
    display: none;
}

.card-shadow {
    position: absolute;
    bottom: -8px;
    left: -28px;
    width: 277px;
    height: 16px;
    background: url(../images/card-b.png) no-repeat 0 0;
}

.ico-big-card-image {
    position: relative;
    display: block;
    width: 240px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
}

.open-card-info {
    margin-left: 270px;
}

.card-menu__frame-box .b2p-card-transfer-form,
.card-menu__frame-box .b2p-card-form-confirm {
    margin-left: 4.33rem;
    margin-right: 4.33rem;
}

.add-payer-card-frame .card__frame,
.add-payee-card-frame .card__frame {
    height: 304px !important;
}

.card-bonus-info .card-bonus-info__column-bonus {
    position: relative;
    min-height: 6.75rem;
}

.card-bonus-info__edit-category {
    position: relative;
    display: inline-block;
    line-height: 1.2;
    max-width: calc(100% - 1rem);
}

.card-bonus-info__edit-category .o-icon_s {
    position: absolute;
    bottom: 0.5rem;
    margin-top: -5px;
}

.card-bonus-info__spend {
    width: 100%;
    /*position: absolute;*/
    bottom: 0;
}

.card-bonus-info__tooltip {
    white-space: normal;
    width: calc(90px + 13.5416vw);
    min-width: 14rem;
}

.bonus-category__tooltip {
    white-space: normal;
    width: 21.875rem;
}

.edge .card-bonus-info {
    position: relative;
}

.edge .card-bonus-info__column-bonus {
    position: static;
}

.edge .card-bonus-info__spend {
    width: 39.17%;
}

.deposit-closed {
    margin-bottom: 2.5rem;
}

.deposit-closed__label {
    vertical-align: middle;
    margin-left: 0.375rem;
}

.bonus-info-bg {
    border-radius: 16px;
    background-color: rgba(var(--background-light), 0.3);
    padding: 19px 30px;
    margin-bottom: 3.75rem;
}

.bonus-info-bg .o-title_info {
    margin: 0.438rem 0 0;
}

.bonus-info-bg .sum .icon_loaylty span {
    width: 24px;
    height: 24px;
}

.loalty-icon_01,
.loalty-icon_02,
.loalty-icon_03 {
    width: 70px;
    height: 70px;
    background: url(../images/icons/bonus_KU_01.svg) no-repeat 50% 50% / 100% auto;
}

.loalty-icon_02 {
    background-image: url(../images/icons/bonus_KU_02.svg);
}

.loalty-icon_03 {
    background-image: url(../images/icons/bonus_KU_03.svg);
}

.bonus-panel__info-inner {
    position: relative;
    padding-left: 140px;
    min-height: 120px;
    margin-bottom: 40px;
}

.bonus-panel__info-inner .loalty-icon_01,
.bonus-panel__info-inner .loalty-icon_02,
.bonus-panel__info-inner .loalty-icon_03 {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 120px;
}

/* CONFIRM PANEL */
.o-dialog_confirm {
    border-radius: 15px;
    width: 100%;
    max-width: 50.6rem;
    padding: 6.4vw 7.3vw 4.3vw;
}

.data-confirm__title {
    font-size: var(--text-size-xl);
    font-weight: 600;
}

.data-confirm__info {
    margin: 3.125rem 0 2.5rem;
    padding: 3.2vh 0;
    border-radius: 10px;
    background-color: rgba(var(--background-light),.2);
}

.data-confirm__info-amount,
.data-confirm__info-comission {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: rgb(var(--color-success));
    border-radius: 50%;
    text-align: center;
    padding-top: 9px;
}

.data-confirm__info-comission {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
}

.data-confirm__info-comission.l-float_left {
    margin-right: 1.25rem;
}

.data-confirm__amount {
    font-size: var(--text-size-xl);
    font-weight: 600;
    padding-top: 10px;
}

.data-confirm__comission-info,
.addition-services {
    font-size: var(--text-size-m);
    line-height: 1.54;
    margin-top: 2.5rem;
}

.data-confirm__comission {
    font-weight: 600;
    font-size: var(--text-size-l);
    line-height: 1.875;
    padding-top: 10px;
}

.data-confirm__feedback .quick-pay__info-bubble {
    position: static;
    color: inherit;
    padding-left: 0;
}

.addition-services {
    margin-top: 3.75rem;
    position: relative;
}

.addition-services:before {
    content: '';
    width: calc(100% - 2.5rem);
    border-top: 1px solid rgb(var(--background-light));
    position: absolute;
    top: -1.875rem;
    left: 50%;
    transform: translateX(-50%);
}

.addition-services__service {
    margin-bottom: 1.875rem;
}

.addition-services__service:last-child {
    margin-bottom: 0;
}

.addition-services__service [class*="l-grid__item_"]:last-child {
    padding-right: 1.25rem;
}

.addition-services__title {
    margin-bottom: 1.875rem;
}

.addition-services__status {
    margin-top: 0.5rem;
}

.input-password__notes {
    padding-bottom: 1.25rem;
}

.confirm-panel-warning {
    position: absolute;
    left: 7.3vw;
    bottom: 4.3vw;
    margin-bottom: 1.25rem;
}

.dsf-stat {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    border: 1px solid rgb(var(--color-payment));
    transform: rotate(90deg);
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
}

.dsf-stat .o-icon_s {
    position: absolute;
    left: -2px;
    top: -2px;
    fill: rgb(var(--color-payment));
}

.dsf-stat.outBox {
    transform: rotate(270deg);
    border-color: rgb(var(--color-success));
}

.dsf-stat.outBox .o-icon_s {
    fill: rgb(var(--color-success));
    left: -1px;
    top: -1px;
}

/* PUB PAGES */
.o-container_pub-page {
    max-width: 50.75rem;
    margin: 2.5rem auto;
}

.register-steps {
    padding-top: 4.6875rem;
    text-align: center;
    font-size: var(--text-size-s);
    color: rgb(var(--color-light));
}

.register-steps_inset {
    padding-top: 1rem;
    padding-bottom: 3rem;
}

.register-steps_inset .l-grid__item-delimiter::after {
    top: 2.5rem
}

.register-steps__item {
    margin: 1.5rem auto 5px;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    border: 1px solid rgb(var(--background-light));
    font-size: var(--text-size-m);
    line-height: 2.125rem;
}

.register-steps .active {
    color: rgb(var(--color-base));
}

.active .register-steps__item {
    color: #fff;
    background-color: rgb(var(--color-custom));
    border-color: rgb(var(--color-custom));
}

.register-tabs {
    margin: 2.5rem 0 3.75rem;
}

.register-tab {
    padding: 18px 17px;
    cursor: pointer;
    border-radius: 7px;
    line-height: 1.5;
    background-color: rgba(var(--background-light), .3);
    color: rgb(var(--color-light));
    font-size: var(--text-size-m);
    display: flex;
    align-items: center;
}

.register-tab:hover {
    opacity: 0.7;
}

.register-tab::after {
    content: "";
    clear: both;
    display: block;
}

.o-icon_register-by {
    width: 64px;
    height: 64px;
    float: left;
    margin-right: 5px;
    fill: rgb(var(--color-custom));
}

.active .register-tab {
    color: #fff;
    background: rgb(var(--color-custom));
    opacity: 1;
}

.active .o-icon_register-by {
    fill: #fff;
}

.register-form_margin-top {
    margin-top: 2.5rem;
}

.o-icon_product-currency {
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    border: 1px solid rgb(var(--background-light));
    position: absolute;
    left: -3.25rem;
    top: 1rem;
    color: rgb(var(--background-light));
    font-size: var(--text-size-xl);
    font-weight: 300;
    text-align: center;
    line-height: 2.35rem;
    font-family: 'Montserrat', sans-serif;
}

.group-create__item {
    border: 1px solid rgb(var(--background-light));
    border-radius: 3px;
    padding: 1rem 2rem 1rem 1rem;
    position: relative;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.group-create__item input[type="checkbox"] + label {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.group-create__info {
    padding-left: 2.5rem;
}

.group-create__combo-value {
    padding: 10px 3rem 0 1rem;
}

.group-create__combo-box .combo-options .group-create__combo-option {
    background: rgb(var(--background-inverse));
    cursor: default;
}

.group-create__combo-box .color {
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

.group-create__combo-option .color {
    margin-bottom: 1.25rem;
}

.group-create__combo-option .o-icon_group-check {
    position: absolute;
    left: 4px;
    top: 4px;
    fill: #fff;
    display: none;
}

.group-create__combo-option .active .o-icon_s {
    display: block;
    margin: 4px;
}

.group-create__combo-choice {
    width: auto;
}

.group-create__combo-item {
    margin-bottom: 5px;
    padding: 4px;
    border-radius: 3px;
    cursor: pointer;
    min-width: 40px;
}

.group-create__combo-item:hover {
    background: rgba(var(--background-light), .2);
}

.group-create__combo-item.active .o-icon {
    fill: #fff;
}


.cat1 .color-inherit, .cat1 , .cat_1 {background: #4fc639; border-color: #4fc639}
[data-part='cat1'] {stroke: #4fc639}
.cat2 .color-inherit, .cat2 , .cat_2 {background: #c27566; border-color: #c27566}
[data-part='cat2'] {stroke: #c27566}
.cat3 .color-inherit, .cat3 , .cat_3 {background: #ca518a; border-color: #ca518a}
[data-part='cat3'] {stroke: #ca518a}
.cat4 .color-inherit, .cat4 , .cat_4 {background: #7297bd; border-color: #7297bd}
[data-part='cat4'] {stroke: #7297bd}
.cat5 .color-inherit, .cat5 , .cat_5 {background: #ee5b3e; border-color: #ee5b3e}
[data-part='cat5'] {stroke: #ee5b3e}
.cat6 .color-inherit, .cat6 , .cat_6 {background: #a468ab; border-color: #a468ab}
[data-part='cat6'] {stroke: #a468ab}
.cat7 .color-inherit, .cat7 , .cat_7 {background: #afaeaf; border-color: #afaeaf}
[data-part='cat7'] {stroke: #afaeaf}
.cat8 .color-inherit, .cat8 , .cat_8 {background: #27a8e0; border-color: #27a8e0}
[data-part='cat8'] {stroke: #27a8e0}
.cat9 .color-inherit, .cat9 , .cat_9 {background: #ef3c4b; border-color: #ef3c4b}
[data-part='cat9'] {stroke: #ef3c4b}
.cat10 .color-inherit, .cat10 , .cat_10 {background: #f99f33; border-color: #f99f33}
[data-part='cat10'] {stroke: #f99f33}
.cat11 .color-inherit, .cat11 , .cat_11 {background: #61c5ba; border-color: #61c5ba}
[data-part='cat11'] {stroke: #61c5ba}
.cat12 .color-inherit, .cat12 , .cat_12 {background: #fed308; border-color: #fed308}
[data-part='cat12'] {stroke: #fed308}
.cat13 .color-inherit, .cat13 , .cat_13 {background: #9691c7; border-color: #9691c7}
[data-part='cat13'] {stroke: #9691c7}
.cat14 .color-inherit, .cat14 , .cat_14 {background: #b5d334; border-color: #b5d334}
[data-part='cat14'] {stroke: #b5d334}
.cat15 .color-inherit, .cat15 , .cat_15 {background: #cecb0d; border-color: #cecb0d}
[data-part='cat15'] {stroke: #cecb0d}
.cat16 .color-inherit, .cat16 , .cat_16 {background: #5a72eb; border-color: #5a72eb}
[data-part='cat16'] {stroke: #5a72eb}
.cat17 .color-inherit, .cat17 , .cat_17 {background: #ca66e0; border-color: #ca66e0}
[data-part='cat17'] {stroke: #ca66e0}
.cat18 .color-inherit, .cat18 , .cat_18 {background: #c19765; border-color: #c19765}
[data-part='cat18'] {stroke: #c19765}
.cat19 .color-inherit, .cat19 , .cat_19 {background: #ebc85d; border-color: #ebc85d}
[data-part='cat19'] {stroke: #ebc85d}
.cat20 .color-inherit, .cat20 , .cat_20 {background: #cd5f68; border-color: #cd5f68}
[data-part='cat20'] {stroke: #cd5f68}
.cat21 .color-inherit, .cat21 , .cat_21 {background: #77d334; border-color: #77d334}
[data-part='cat21'] {stroke: #77d334}
.cat22 .color-inherit, .cat22 , .cat_22 {background: #34a783; border-color: #34a783}
[data-part='cat22'] {stroke: #34a783}
.cat23 .color-inherit, .cat23 , .cat_23 {background: #f47d33; border-color: #f47d33}
[data-part='cat23'] {stroke: #f47d33}
.cat24 .color-inherit, .cat24 , .cat_24 {background: #9691c7; border-color: #9691c7}
[data-part='cat24'] {stroke: #9691c7}
.cat25 .color-inherit, .cat25 , .cat_25  {background: #986487; border-color: #986487}
[data-part='cat25'] {stroke: #986487}

/* DATEPICKER */
.ico.icon-datepicker {
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/icons/o-icon_date.svg) no-repeat 0 0 / cover;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 14px;
    top: 14px;
}
body .daterangepicker,
.yui-calcontainer {
    padding: 2.1875rem 0 2.1875rem 3rem;
    border-radius: 5px;
    box-shadow: 5px 5px 20px 0 rgba(var(--color-light), 0.35);
    background: rgb(var(--background-inverse));
    border: 0;
    font-size: var(--text-size-s);
    color: rgb(var(--color-light));
}

.yui-calcontainer {
    padding: 2.1875rem 3rem;
    color: rgba(var(--color-light),.5);
}

.yui-calcontainer .title,
body .daterangepicker_input {
    display: none;
}

.yui-calcontainer a {
    text-decoration: none !important;
}

body .daterangepicker .calendar,
body .daterangepicker .calendar-table {
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
}

body .daterangepicker .calendar,
table.yui-calendar {
    width: 16.25rem;
    padding-right: 3rem !important;
}

table.yui-calendar th {
    text-transform: capitalize;
}

body .daterangepicker th,
table.yui-calendar th.calweekdaycell {
    text-transform: lowercase;
    opacity: 0.5;
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 26px;
    padding: 1.5rem 0 0;
    margin: 0;
    font-weight: 400;
    font-size: var(--text-size-s);
}

body .daterangepicker th.next,
body .daterangepicker th.prev {
    background: transparent none !important;
    padding-top: 0;
    text-align: left;
}

.datepicker .yui-calcontainer .calnavleft,
.datepicker .yui-calcontainer .calnavright {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: transparent url(../images/icons/o-icon_arrow.svg) no-repeat 50% 50%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 1rem;
    transform: rotate(90deg);
    padding: 0;
    vertical-align: middle;
}

.datepicker .yui-calcontainer .calnavright {
    transform: rotate(-90deg);
}

.calnav {
    vertical-align: middle;
}

body .daterangepicker th .o-icon_s {
    transform: rotate(90deg);
}

body .daterangepicker th.next .o-icon_s {
    transform: rotate(270deg);
}

body .daterangepicker th.month,
table.yui-calendar th {
    font-size: var(--text-size-l);
    padding: 0;
    font-weight: 600;
    color: rgb(var(--color-base));
    text-transform: none;
    line-height: 1.88;
    opacity: 1;
    text-decoration: none;
}

body .daterangepicker th.month span {
    color: rgb(var(--color-light))
}

body .daterangepicker td,
table.yui-calendar td {
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    line-height: 27px;
    padding: 0;
    margin: 0;
}

table.yui-calendar td {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 27px;
    padding: 0;
    margin: 0;
}

body .daterangepicker td .daterangepicker-date,
table.yui-calendar td a {
    width: 100%;
    height: 1.875rem;
    line-height: 1.875rem;
    margin: 0 0 3px;
    padding: 0;
    position: relative;
}

table.yui-calendar a {
    color: rgb(var(--color-base)) !important;
}

table.yui-calendar .selected a {
    color: #fff !important;
}

table.yui-calendar td a {
    width: 30px;
    display: block;
    margin: 0 auto;
}

body .daterangepicker td .daterangepicker-date.in-range {
    background-color: rgba(var(--background-light), .15);
    border-radius: 0;
}

body .daterangepicker td .daterangepicker-date.end-date,
body .daterangepicker td .daterangepicker-date.start-date,
table.yui-calendar td.selected a,
table.yui-calendar td.selected a:hover {
    background: rgb(var(--color-custom));
    color: #fff;
    border-radius: 50%;
}

body .daterangepicker .select_ranges {
    display: none;
}

.daterangepicker__closer {
    display: none;
}

.datepicker .yui-calcontainer .yui-cal-nav {
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background: rgb(var(--background-inverse));
    padding: 0.5rem 3rem 0;
    text-align: center;
}

.yui-calcontainer .yui-cal-nav .yui-cal-nav-m {
    display: inline-block;
    width: 110px;
    margin-right: 20px;
}

.yui-calcontainer .yui-cal-nav .yui-cal-nav-y {
    display: inline-block;
    width: 70px;
}

.yui-calcontainer .yui-cal-nav .yui-cal-nav-m label,
.yui-calcontainer .yui-cal-nav .yui-cal-nav-y label {
    display: none;
}

.yui-cal-nav-mc, .yui-cal-nav-yc {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    color: rgb(var(--color-base));
    border: solid 1px rgb(var(--background-light));
    background-color: rgb(var(--background-inverse));
    font-family: "Open Sans", sans-serif;
    font-size: var(--text-size-r);
    line-height: 1.47;
    font-weight: 400;
    padding: 0 1rem;
}

.yui-cal-nav-mc {
    padding: 0 0 0 .875rem;
}

.yui-cal-nav .yui-cal-nav-b {
    margin-top: 0.5rem;
}

.yui-cal-nav .yui-cal-nav-b .yui-cal-nav-btn button {
    cursor: pointer;
    text-decoration: underline;
    color: rgb(var(--color-base));
    transition: color var(--transition);
    text-decoration-color: rgba(var(--color-base), .15);
    -webkit-text-decoration-color: rgba(var(--color-base), .15);
    -moz-text-decoration-color: rgba(var(--color-base), .15);
}

.yui-cal-nav .yui-cal-nav-b .yui-cal-nav-btn button:hover {
    color: rgb(var(--color-custom));
}

.yui-cal-nav .yui-cal-nav-b .yui-cal-nav-btn.yui-default {
    margin-right: 1rem;
}

.o-select-currency-container .combo-value {
    border: none;
    display: inline-block;
    width: auto;
    padding-left: 0;
}

.o-select-currency-container .combo-options {
    width: auto;
    margin-left: -20px;
}

.subscription-item:first-child {
    padding-top: 1.25rem;
}

.o-loader,
.o-loader:before,
.o-loader:after {
    border-radius: 50%;
    width: 2em;
    height: 2em;
    margin: 0 auto;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: o-load7 1.8s infinite ease-in-out;
    animation: o-load7 1.8s infinite ease-in-out;
}
.o-loader {
    color: rgb(var(--background-light));
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.o-loader:before,
.o-loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.o-loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.o-loader:after {
    left: 3.5em;
}
.loader_round,
.loader_round:after {
    border-radius: 50%;
    width: 3em;
    height: 3em;
}
.loader_round {
    margin: 0 10px;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: .5em solid rgba(var(--background-light), .2);
    border-right: .5em solid rgba(var(--background-light), .2);
    border-bottom: .5em solid rgba(var(--background-light), .2);
    border-left: .5em solid rgba(var(--background-light), 1);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    display: inline-block;
    vertical-align: middle;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes o-load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes o-load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/* ERROR PAGE */
.o-error-info {
    text-align: center;
    padding-top: 11.7rem;
    max-width: 525px;
    margin: 0 auto;
    line-height: 1.47;
}

.o-error-info__img {
    height: 360px;
    margin: 0 auto 3.75rem;
    background: url(../images/icons/o-icon_error-page.png) no-repeat 50% 0;
    background-size: contain;
}

.o-error__mesaage {
    padding-top: 1.25rem;
    font-size: var(--text-size-l);
}

.open-account__currency .sum {
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 22px;
    margin-left: 5px;
    color: rgb(var(--color-custom));
    border: 1px solid rgb(var(--color-custom));
    text-align: center;
}

/* PERSONAL OFFERS */
.advt {
    position: relative;
    z-index: 1;
}

.adv-hide, .adv-show {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 5;
    cursor: pointer;
}

.adv-show {
    width: 2.5rem;
    height: 2.5rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    border-radius: 50%;
    right: 0;
    top: -1.75rem;
}

.adv-show .o-icon {
    margin: 3px 0 0 5px;
    fill: rgb(var(--color-custom));
}

.advt-wrapper-banners {
    margin-top: 1.25rem;
    position: relative;
    width: 100%;
    max-height: 210px;
    height: 16.96574vw;
}

.targeting-advertisement-image {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    z-index: 3;
    transition: opacity var(--transition);
}

.targeting-advertisement-image.hidden {
    display: block;
    opacity: 0;
    z-index: 1;
}

.targeting-advertisement-link {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    border: 1px solid #cdd7e1;
    border-radius: 4px;

}

.targeting-advertisement-link__img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.targeting-advertisement-link__img-mobile {
    display: none;
}

.preapproved-offer__image {
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 5px 0 0 5px;
}

.preapproved-offer .o-title {
    margin: 2rem 0 0.5rem;
}

.preapproved-offer .o-button_primary {
    margin: 1rem 0;
}

.preapproved-offer__icon_reject,
.preapproved-offer__icon {
    border: 1px solid rgb(var(--color-custom));
    border-radius: 50%;
    width: 3.75rem;
    height: 3.75rem;
    display: inline-block;
    margin-top: 2rem;
}

.preapproved-offer__icon_reject {
    border-color: transparent;
}

.preapproved-offer__icon .o-icon_m {
    width: 3rem;
    height: 3rem;
    fill: rgb(var(--color-custom));
    margin: 5px 0 0 5px;
}

.preapproved-offer__icon_reject .o-icon_m {
    fill: rgb(var(--color-warning));
}

.payment-form__iframe {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 600px;
}

.personal-offers__image {
    width: 50%;
    height: auto;
    border: 1px solid rgb(var(--background-light));
    border-radius: 3px
}

.personal-offers .o-label-icon {
    width: 120px;
    margin-left: 0;
    color: rgb(var(--color-success));
}

@media all and (min-width: 1258px) {
    html {font-size: 16px;}
    /*.logo_pub {left: 5.6875rem;}
    .l-grid-row_login {
        margin-left: 4.75rem;
        margin-right: 4.75rem;
    }*/
}

/* GETPAN CARDS */
.getpan__bank-card {
    position: relative;
    margin-top: 2.5rem;
    max-width: 25rem;
    border-radius: 5px;
    padding: 0;
    height: 11.5rem;
    color: #ffffff;
    background-color: #838c92;
    font-size: 1rem;
    transition: background 500ms ease 0s, color 500ms ease 0s;
}

.getpan__bank-card-remove .o-link,
.getpan__bank-card-remove .o-link:hover {
    color: inherit;
}

.getpan__bank-card-remove .o-icon_s,
.getpan__bank-card-remove .o-link:hover .o-icon_s {
    fill: currentColor;
    stroke: transparent !important;
}

.getpan__bank-card-remove {
    position: absolute;
    left: 77%;
    margin-left: -2.25rem;
    top: 0.5rem;
}

.getpan__bank-card__rear {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 14.56rem;
    background-color: inherit;
    border-radius: 5px;
}

.getpan__bank-card__rear:after {
    content: "";
    width: 7rem;
    height: 2.5rem;
    position: absolute;
    right: 0;
    top: 0.875rem;
    background: rgba(0,0,0,1);
}

.getpan__bank-card__rear:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.25);
    border-radius: 5px;
}

.getpan__bank-card__front {
    position: relative;
    height: 100%;
    width: 77%;
    background-color: inherit;
    padding: 3.875rem 2rem 0;
    border-radius: 5px;
    color: inherit;
    border: solid 1px transparent;
}

.getpan__bank-card__logo {
    position: absolute;
    width: 12.5rem;
    height: 1.875rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
    top: 1.313rem;
    left: 1.875rem;
}

.getpan__bank-card__input {
    display: block;
    width: 100%;
    height: 1.625rem;
    line-height: 1.5rem;
    background: transparent none;
    border: solid rgba(255,255,255,.34);
    border-width: 0 0 1px 0;
    font-size: 1rem;
    opacity: 0.8;
    color: inherit;
    margin-bottom: 0.7rem;
    position: relative;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    letter-spacing: 0.5px;
    padding: 0;
    border-radius: 0;
}

.getpan__bank-card__date {
    width: 3.25rem;
    text-align: center;
    margin-top: 0.875rem;
}

.getpan__bank-card__date:empty {
    border: 0;
}

.getpan__bank-card__cvv {
    font-family: 'cvc', sans-serif;
    font-size: 0.5rem;
    letter-spacing: 3px;
    width: 3.125rem;
    text-align: center;
    position: absolute;
    right: -4.4375rem;
    bottom: 1.25rem;
    margin-bottom: 0;
    background: transparent none !important;
}

.getpan__bank-card__cvv::-webkit-input-placeholder {font-family: "Open Sans", sans-serif;font-size:14px;letter-spacing: 0;}
.getpan__bank-card__cvv::-moz-placeholder {font-family: "Open Sans", sans-serif;font-size:14px;letter-spacing: 0;}
.getpan__bank-card__cvv:-ms-input-placeholder {font-family: "Open Sans", sans-serif;font-size:14px;letter-spacing: 0;}
.getpan__bank-card__cvv:-moz-placeholder {font-family: "Open Sans", sans-serif;font-size:14px;letter-spacing: 0;}

/* ONBOARDING */
.onboarding-mode .header {
    /*z-index: auto;*/
}

.onboarding-mode .o-menu-wrapper {
    background: rgb(var(--background-inverse));
}

.c-onboarding-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 91;
    opacity: 0.8;
    background-color: rgb(var(--color-base));
}

.c-onboarding-prevent {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    z-index: 999;
}

.c-onboarding {
    position: absolute;
    width: 442px;
    height: auto;
    border-radius: 8px;
    padding: 1.5rem 1.875rem 2.5rem 5.9375rem;
    background-color: rgb(var(--background-inverse));
    z-index: 1009;
    color: rgb(var(--color-base));
    opacity: 1;
    text-transform: none;
    font-weight: 300;
    font-size: var(--text-size-r);
    line-height: 1.4;
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}

.c-onboarding + [data-onboarding-index] {
    position: relative;
    z-index: 99;
    opacity: 1;
}

.c-onboarding__img {
    display: block;
    width: 174px;
    height: 92px;
}

.c-onboarding__title {
    font-size: var(--text-size-x);
    font-weight: 600;
    margin: 0.625rem 0;
}

.c-onboarding__index {
    font-size: var(--text-size-x);
    position: absolute;
    left: 1.875rem;
    top: 1.875rem;
    font-weight: 600;
    color: rgba(var(--color-base), .2);
}

.c-onboarding__index span {
    color: rgb(var(--color-custom));
}

.c-onboarding__close {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    right: -3.128rem;
    top: 0;
    padding: 0.375rem 0 0 .438rem;
    cursor: pointer;
    border-radius: 50%;
    border: solid 1px #979797;
    background: rgb(var(--background-inverse));
}

.c-onboarding__close .o-icon_s {
    fill: #979797;
}

.c-onboarding__next,
.c-onboarding__end {
    text-transform: uppercase;
    margin-top: .625rem;
    font-size: var(--text-size-s);
}

.loalty-icon {
    display: block;
    width: 4.375rem;
    height: 4.3125rem;
    float: left;
    margin: 0.325rem 0 0;
    background: url(../images/icons/sprite-loyalty.png) no-repeat 0 0;
}

.loalty-icon.buy-ico {
    background-position: -140px 0;
}

.loalty-icon.pay-ico {
    background-position: -70px 0;
}

.loalty-icon-vost {
    display: block;
    width: 80px;
    height: 76px;
    float: left;
    margin: 0.325rem 0 0;
    background: url(../images/icons/sprite-loyalty-vost.png) no-repeat 0 0;
}

.loalty-icon-vost.exchange-ico-vost {
    background-position: -160px 0;
}

.loalty-icon-vost.pay-ico-vost {
    background-position: -80px 0;
}

.loalty-icon-vost.cashback-ico-vost {
    background: url(../images/icons/cashback-loyalty-vost.png) no-repeat 0 0;
}

.loalty-icon-vost.auto-ico-vost {
    background: url(../images/icons/auto-loyalty-vost.png) no-repeat 0 0;
}

.loalty-icon-vost.sport-ico-vost {
    background: url(../images/icons/sport-loyalty-vost.png) no-repeat 0 0;
}

/* RUN SLIDER */
.run-slider .slider.slider-horizontal {
    width: 100%;
}

.run-slider .slider.slider-horizontal .slider-track {
    height: 3px;
    background: rgb(var(--background-light));
    border-radius: 0;
    margin-top: -6px;
    box-shadow: none;
}

.run-slider .slider-handle {
    width: 1.125rem;
    height: 1.125rem;
    position: absolute;
    background: #fff;
    border: 6px solid rgb(var(--color-custom));
    top: -2px;
}

.run-slider .slider.slider-horizontal .slider-tick {
    width: 2px;
    height: 11px;
    margin: 0;
    background: rgb(var(--background-light));
    border-radius: 0;
    box-shadow: none;
}

.slider-track-low, .slider-track-high, .slider-selection.tick-slider-selection {
    display: none;
}

/* VOSTBANK LOYALTY */
.bonus-panel__additional-panel {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100%/12*4);
}

.bonus-panel__additional-panel .l-grid-row {
    position: relative;
    padding: 0 1.5rem 2.5rem;
}

.bonus-panel__additional-panel .l-grid {
    margin-bottom: 1.25rem;
}

.bonus-panel__additional-panel .o-title_form {
    margin-bottom: 0;
}

.bonus-panel__additional-panel .l-grid-row_border_top {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.loalty-icon-vost {
    position: absolute;
    left: -100px;
    top: 1.5rem;
    width: 80px;
    height: 76px;
    float: left;
    margin: 0.325rem 0 0;
    background: url(../images/icons/sprite-loyalty-vost.png) no-repeat 0 0;
}

.l-grid_form-panel.bonus-panel {
    min-height: 700px;
}

.bonus-panel__additional-panel .l-grid-row .loalty-icon-vost {
    position: relative;
    left: 0;
    top: 0;
    float: left;
}

.bonus-panel__additional-panel .l-grid-row .loalty-icon-vost + span,
.bonus-panel__additional-panel .l-grid-row .loalty-icon-vost + div {
    margin-left: 100px;
    display: block;
}

.bonus-panel__additional-panel .l-grid-row .o-title_form {
    line-height: 1.25;
    color: rgb(var(--color-custom));
}

.icon-result {
    display: block;
    background: url(../images/icons/sprite.png) no-repeat -512px -512px;
    width: 4rem;
    height: 4rem;
}

.bonus-panel__info .loalty-icon-vost {
    position: relative;
    left: 0;
    top: 0;
}

.loalty-icon-vost.exchange-ico-vost {
    background-position: -160px 0;
}

.loalty-icon-vost.pay-ico-vost {
    background-position: -80px 0;
}

.loalty-icon-vost.cashback-ico-vost {
    background: url(../images/icons/cashback-loyalty-vost.png) no-repeat 0 0;
}

.loalty-icon-vost.auto-ico-vost {
    background: url(../images/icons/auto-loyalty-vost.png) no-repeat 0 0;
}

.loalty-icon-vost.fines-ico-vost {
    background: url(../images/icons/fines-loyalty-vost.png) no-repeat 0 0;
}

.loalty-icon-vost.sport-ico-vost {
    background: url(../images/icons/sport-loyalty-vost.png) no-repeat 0 0;
}

/* MOBILE OPPORTUNITIES PANEL */
.o-banner_mobile-apps {
    float: left;
    width: 31.45vw;
    height: 414px;
}

.mobile-apps-banner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 70vw;
}

.mobile-apps-banner__info {
    font-size: var(--text-size-xl);
    line-height: 1.33;
    font-weight: 600;
    margin-left: 37.9vw;
}

.mobile-apps-banner__header {
    padding: 5.75rem 0 2.5rem;
    margin: 0;
    height: auto;
    background: transparent none;
    width: auto;
}

.mobile-apps-banner__info .mobile-app {
    padding: 2.5rem 0;
    margin: 0;
}

.mobile-apps-banner__info .o-icon_appstore,
.mobile-apps-banner__info .o-icon_googleplay {
    width: 10rem;
    height: 2.9375rem;
    margin-left: 0;
    margin-right: 0.875rem;
    margin-bottom: 1.25rem;
}

.mobile-apps-banner__link {
    font-size: var(--text-size-l);
    font-weight: 400;
}
.mobile-apps-banner__about {
    padding: 1rem 0;
    font-size: var(--text-size-r);
    font-weight: 400;
}

/* FRONT OFFICE */
.o-front-aside {
    position: fixed;
    top: 0;
    left: 0;
    overflow-x: hidden;
    height: 100%;
    width: 18rem;
    background: #fff;
    z-index: 21;
    box-shadow: 0 0 15px rgba(0,0,0,.3);
    padding-top: 5.25rem;
    transition: width 300ms ease 0s;
}

.o-front-aside_hide {
    width: 5rem;
}

.o-front-aside_hide .o-text_gray {
    display: none;
}

.o-front-aside .accounts-header {
    cursor: default;
    padding-left: 5rem;
    height: 4.375rem;
}

.o-front-aside .o-link {
    text-decoration: none;
}

.o-front-aside .o-icon_collapse {
    transform: rotate(90deg);
    transition: transform 300ms ease 0s;
}

.o-front-aside_hide .o-icon_collapse {
    transform: rotate(-90deg);
}

.o-front-aside .accounts-header .o-icon_s {
    position: absolute;
    left: 2rem;
    top: 1.5rem;
}

.o-bank-site {
    display: none;
    background: transparent;
    position: absolute;
    top: 20px;
    right: 80px;
}

.deposit-table-wrapper {
    max-width: 100%;
    overflow-x: auto;
}

.deposit-table {
    min-width: 660px;
}

.deposit-details-table-wrapper {
    overflow-x: auto;
}

.deposit-details-table {
    table-layout: auto;
    min-width: 520px;
}

.account-switcher {
    display: inline-block;
    float: right;
    margin-top: -1.25rem;
    cursor: pointer;
}

/* COUNTDOWN PIE */
.countdown-pie {
    position: relative;
    float: left;
    margin-right: 0.5rem;
    width: 64px;
    height: 60px;
    margin-top: -0.375rem;
}

.online-timer-sec {
    text-align:center;
    position: absolute;
    line-height: 57px;
    width: 100%;
}

.countdown-mask {
    position: absolute;
    left: 0;
    top: 0;
}

.countdown-pie svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.countdown-pie__animation,
.countdown-pie__animation_confirm,
.countdown-mask__animation {
    stroke-dasharray: 137; /* this value is the pixel circumference of the circle */
    stroke-dashoffset: 0;
    transition: all 1s linear;
    stroke: rgb(var(--color-custom));
}

.countdown-mask__animation {
    stroke: rgba(var(--color-base), .1);
}

/* MPI CARDS */
.mpi-card-form .card-form {
    float: left;
    width: 240px;
    height: 150px;
    background: rgb(var(--color-payment));
    border-radius: 10px;
    margin-right: 2rem;
    margin-bottom: 2rem;
    color: #fff;
    padding: 2rem 0 0 2rem;
    position: relative;
}

.mpi-card-form .card-form .o-icon_s {
    fill: #fff;
}

.mpi-card-form .card-form input {
    border: 1px solid rgba(0,0,0,.1);
    background: rgba(255,255,255,.4);
    padding: 3px 7px;
    display: inline-block;
    width: calc(100% - 2rem);
}

.mpi-card-form .card-form .payer-card-number {
    padding-top: 1rem;
}

.o-icon.payer-card-delete {
    background: url(../images/icons/o-icon_delete_white.svg) no-repeat 50% 50%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.o-deposit-table {
    padding: 0 1.25rem 2.5rem;
}

.o-deposit-table .o-deposit-table__thead {
    padding: 1rem 0;
    color: var(--color-base);
    font-size: var(--text-size-m);
}

.o-deposit-table .o-deposit-table__item {
    margin: 0.625rem 0;
    padding: 1.25rem 0;
    border-radius: 4px;
    background-color: #f7f9fa;
    cursor: pointer;
    transition: all var(--transition);
    color: rgb(var(--color-base));
}

.o-deposit-table .o-deposit-table__item:hover {
    box-shadow: 0 2px 56px 0 rgba(0, 0, 0, 0.14);
    background: #f7f9fa;
    background: rgba(var(--background-light), .1);
}

.sv_inverse .o-deposit-table .o-deposit-table__item {
    background-color: rgb(var(--background-inverse));
}

.sv_inverse .o-deposit-table .o-deposit-table__item:hover {
    background-color: rgba(var(--color-light), .15);
    box-shadow: 2px 2px 22px 0 rgba(142, 146, 153, 0.25);
}

.o-deposit-table__item .o-deposit-table__item__details + .o-deposit-table__item__details {
    padding-top: 1.5rem;
}

.o-deposit-table .o-deposit-table__item:hover .o-deposit-table__item__details {
    color: rgb(var(--color-light));
}

.o-deposit-table__item .o-title_sub {
    margin-bottom: 0.625rem;
}

.o-deposit-table__item__currency {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    background-color: rgb(var(--color-custom));
    border-radius: 50%;
    color: rgb(var(--background-inverse));
    padding: 8px 0;
    font-size: 1rem;
}

.sv_inverse .o-deposit-table__item__currency,
.sv_inverse .o-deposit-table .o-deposit-table__item:hover .o-deposit-table__item__details {
    color: #FFFFFF;
}

.promo-row {
    background: rgb(var(--color-custom));
    color: #fff;
}

.promo-row__image {
    background: url(../images/icons/Internet-Treyd-2.jpg) no-repeat 100% 0 / cover;
    margin-left: calc(-1.25rem/2);
}

.promo-row__image_s {
    background-image: url(../images/icons/Invest.jpg);
    margin-left: 0;
    margin-right: calc(-1.25rem/2);

}

.edge .promo-row__image {
    height: 19.375rem;
    margin: 0;
    width: calc(6/12*100%);
}

.edge .promo-row__image_s {
    height: 18rem;
    margin: 0;
    width: calc(6/12*100%);
}

.promo-row__individual-account {
    padding-left: 3rem;
}

.promo-row__link {
    display: inline-block;
    padding: 4px 14px;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    transition: none;
    margin: 1rem 0.5rem 0 0;
}

.promo-row__link:hover {
    color: rgb(var(--color-base));
    background: #fff;
}

.promo-gray {
    background-color: rgba(var(--background-light), 0.2);
    padding: 3rem 0 2rem;
    margin-bottom: 3rem;
    border-bottom: 2px solid #cfd5da;
}

.box-body.card-menu__frame-box .paymentSettings {
    padding-top: 20px;
}

.new-payment__item > div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 0.938rem;
}

.loan-active__info {
    border: 1px solid rgb(var(--background-light));
    padding: 2rem 2rem 0;
    margin-bottom: 1.5rem;
    border-radius: 6px;
}

.is-active .loan-active__info {
    box-shadow: 0 2px 56px 0 rgba(0, 0, 0, 0.14);
    border-color: rgb(var(--background-inverse));
}

.loan-active__info .o-form-buttons {
    padding: 20px 0;
}

.loan-active__info .loan-active__info__item {
    padding-bottom: 1.25rem;
}

.pfm-legend__details path {
    opacity: .7;
    stroke-width: 6;
    transition: all var(--transition);
}

.pfm-legend__details path:hover {
    opacity: 1;
    stroke-width: 8;
    cursor: pointer;
}

.pfm-legend__details path.active {
    opacity: 1;
    stroke-width: 8;
}

.o-card-info .history-details__row:last-child {
    padding-bottom: 0;
}

.o-title_account.o-title_success {
    white-space: normal;
    text-overflow: unset;
}

.globalHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 90;
}

.pseudoHeader {
    min-height: 5rem;
}

.edge .header-menu__menu .o-link {
    width: calc(50% - 2.5rem - 0.01px);
}

.accounts-header .miles-container {
    margin-top: -7px;
    display: block;
}

.miles-container,
.miles-container nobr,
.miles-container .sum__dc,
.miles-container .sum__cr {
    font-size: var(--text-size-k);
    color: rgb(var(--color-custom));
}

.accounts-panel .sum .icon_loaylty span {
    width: 13px;
    height: 13px;
    margin-bottom: 3px;
}

.context-panel .card-bonus-info .sum .icon_loaylty span {
    margin-top: 0;
}

.bonus-program__feature-label {
    padding: 1.25rem 0 0 5.75rem;
    line-height:1.2;
}

.bonus-program__item-cashback {
    margin-bottom: 0.75rem;
}

.bonus-cashback {
    font-size: var(--text-size-l);
    color: rgb(var(--color-custom));
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.25rem;
    border: 1px solid rgb(var(--color-custom));
}

.bonus-cashback-label {
    display: inline-block;
    font-size: var(--text-size-k);
}

.o-dialog_page img {
    width: 100%;
    background-size: contain;
}

.pseudo-textarea {
    position: relative;
    border: 1px solid rgb(var(--background-light));
    border-radius: 4px;
}

.pseudo-textarea .o-input {
    border: 0;
}

.textarea__counter {
    position: absolute;
    margin-top: -2.375rem;
    right: 1.25rem;
    color: rgb(var(--color-light));
}

@media all and (max-width: 1464px) {
    .mobile-submit.l-align_right {
        text-align:center;
    }
    .mobile-submit .otp-password__cancel {
        margin-bottom: 1rem;
    }
}

@media all and (max-width: 1201px) {
    .o-form-options__item {
        padding: 17px .75rem 0;
        font-size: var(--text-size-s);
        min-width: 7.125rem;
    }
}

@media all and (max-width: 1168px) {
    .o-container_pub_login {
        min-height: auto;
    }
    .ico-big-card-image {
        max-width: 100%;
    }
    .o-filter__period .o-input {
        border-width: 0 1px 1px 1px;
    }
    .o-banner_maintenance {
        width: 100%;
    }
    .exp-works.o-container > .l-grid__item_5,
    .preapproved-offer.o-container > .l-grid__item_5 {
        grid-column: span 4;
    }
    .exp-works.o-container > .l-grid__item_6,
    .preapproved-offer.o-container > .l-grid__item_6 {
        grid-column: span 7;
    }
    .preapproved-offer .preapproved-offer__image {
        background-size: cover;
        background-position: 50% 0;
    }
    .preapproved-offer .sum {
        white-space: nowrap;
    }
    .l-grid_form-panel.bonus-panel {
        min-height: 800px;
    }
}

@media all and (max-width: 1024px) {
    .templates-panel .l-grid__item_2.template-group-item__template,
    .new-payment__item {
        grid-column: span 3;
    }
    .o-input, .o-textarea, textarea, .combo-box__selected, .editable input, .upload-value {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        font-size: var(--text-size-m);
    }
}

@media all and (max-width: 1000px) {
    .o-link_tutorial {display: none;}
    .o-link_sv {
        display: none;
    }
    .login-slider-list {
        display: none !important;
    }
    .o-page_pub .l-grid,
    .o-page_pub + .footer .l-grid {
        display: block;
    }
    .login-security__title_empty {
        display: none;
    }
    .logo_pub {
        position: absolute;
        left: 50% !important;
        top: 3rem !important;
        transform: translateX(-50%) !important;
    }
    .o-page_pub [class*="l-grid__item_"],
    .o-page_pub + .footer [class*="l-grid__item_"] {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }
    .o-link_menu::before {
        display: none;
    }
    .security-block {
        padding: 2rem 0;
    }
    .login-slider {
        top: -2.5rem;
    }
    .login-security {
        margin-bottom: 0;
        margin-top: 1rem;
        padding-left: 0;
    }
    .login-security__title_security {
        padding-left: 3rem;
    }
    .login-security .o-link {
        margin-top: 10px;
    }
    .footer .mobile-app,
    .footer .social {
        text-align: left;
    }
    .header_priv .l-mobile-device {
        display: none;
    }
    .header_priv .o-link_menu {
        position: absolute;
        right: 0;
        top: 0;
    }
    .o-page_pub .header__language {
        right: calc(2rem + 2vw);
        top: 20px;
    }
    .header-menu-container {
        background: rgb(var(--background-light));
    }
    .header-menu-container .l-inner {
        padding: 0;
    }
    .header-menu-container .l-grid__item_3,
    .header-menu-container .l-grid__item_8 {
        padding: 0 0.938rem;
    }
    .header-menu-container .l-grid__item_3,
    .footer-copyrights {
        text-align: center;
    }
    .header-menu__avatar {
        margin-left: auto;
        margin-right: auto;
    }
    .l-grid__item_4.accounts-panel,
    .l-grid__item_8.accounts-context,
    .l-grid_form-panel > .l-grid__item_8,
    .l-grid_form-panel > .l-grid__item_4 {
        grid-column: span 12;
    }
    .product-settings-panel {
        left: auto;
        right: 25px;
    }
    .o-container_pub_login .o-link_forgot:hover .o-tooltip,
    .o-container_pub_login .o-link_forgot:focus .o-tooltip,
    .o-container_pub_login .o-link_forgot:active .o-tooltip {
        position: relative;
        box-shadow: none;
        text-align: center;
        white-space: normal;
    }
    .l-grid-row_login .input-error,
    .l-grid-row_logname .input-error{
        position: relative;
        top: auto;
        left: auto;
    }
    .l-grid-row_login .input-error .feedback-panel-form,
    .l-grid-row_logname .input-error .feedback-panel-form {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        box-shadow: none;
        border-radius: 0;
        padding: 16px 0 0 0;
    }
    .o-bank-site.o-button {
        height: auto;
        min-width: 0;
        padding: 0;
        border: none;
        text-transform: none;
        right: auto;
        top: 20px;
        left: calc(2rem + 2vw);
        color: inherit;
        text-decoration: underline;
        text-decoration-color: rgba(var(--color-base), .15);
    }
    .o-bank-site.o-button:hover {
        box-shadow: none;
        color: rgb(var(--color-custom));
    }
    .bonus-panel__additional-panel {
        position: relative;
        right: 0;
        top: 0;
        width: calc(100%/12*8);
        box-shadow: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid;
        max-width: 100%;
    }
}

@media screen and (orientation:landscape) and (max-width: 824px){
    .o-dialog {
        width: 100%;
        height: 100%;
        border-radius: 0;
        overflow-y: auto;
        position: absolute;
        left: 0;
        top: 0;
        transform: none;
        max-width: none;
    }
}

@media all and (max-width: 768px) {
    .templates-panel .l-grid__item_2.template-group-item__template,
    .templates-group__panel .l-grid__item_2.template-group-item__template,
    .new-payment__item {
        grid-column: span 4;
    }
    .live-search {
        max-width: 65%;
    }
    .header-menu__menu .o-link {
        width: 90%;
    }
    .header-menu__menu .o-link:nth-child(2n) {
        float: left;
    }
    .footer .l-grid,
    .footer .mobile-app,
    .footer .social {
        display: block;
        text-align: center;
    }
    .footer .o-dialog .l-grid {
        text-align: left;
    }
    .footer .footer__currencies {
        display: inline-block;
        text-align: left;
        width: auto;
        margin: 2rem auto;
    }
    .o-page_pub {
        padding-bottom: 0;
    }
    .o-container_pub-page {
        margin-top: -2rem;
        margin-bottom: 0;
        border-radius: 0;
    }
    body:not(.login-page) .logo_pub {
        top: 1rem !important;
        margin-left: 0;
    }
    .register-tabs > div {
        margin: 0 0 2rem !important;
    }
    .o-link_pub-close {
        margin-top: 0 !important;
        margin-right: 0.5rem !important;
    }
    .advt-wrapper-banners {
        max-height: 518px;
        height: 70vw;
    }
    .targeting-advertisement-link__img {
        display: none;
    }
    .targeting-advertisement-link__img-mobile {
        display: block;

    }
    .ico-big-card-image {
        width: 100%;
        height: calc(32vw * 0.625);
    }
    .card-shadow {
        display: none;
    }
    .o-deposit-table-wrapper {
        max-width: 100%;
        overflow-x: auto;
    }
    .o-deposit-table {
        min-width: 660px;
    }
    .deposit-details-table-wrapper {
        overflow-x: auto;
    }
    .deposit-details-table {
        table-layout: auto;
        min-width: calc(100vw - 10vw - 2.5rem);
    }
    .document-free.FD_DATE .l-grid__item_2 {
        grid-column: span 3;
    }
    .o-title_account {
        overflow: auto;
        white-space: normal;
        text-overflow: initial;
    }
}

@media all and (max-width: 650px), all and (max-width: 812px) and (orientation:landscape)  {
    .l-grid_form-panel .o-container > .l-grid_pt-8 > .l-grid__item_1,
    .l-grid_form-panel .o-subcontainer > .l-grid_pt-8 > .l-grid__item_1,
    .l-grid_form-panel .o-subcontainer > .l-grid_pt-8 > .l-grid__item_6,
    .l-grid_form-panel .o-container > .l-grid_pt-8 > .l-grid__item_6 {
        grid-column: span 12;
    }
    .l-grid_form-panel .o-container {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .aside-info-panel .o-title_sub,
    .aside-info-panel__operation {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .o-dialog_full {
        overflow-y: auto;
    }
    .mobile-apps-banner {
        position: relative;
        text-align: center;
        left: 0;
        top: 0;
        transform: none;
    }
    .o-banner_mobile-apps {
        float: none;
        margin: 2rem auto;
        width: 80vw;
        height: 30vh;
    }
    .mobile-apps-banner__info {
        margin: 0 auto;
    }
    .mobile-apps-banner__content {
        padding: 0 1rem;
    }
    .mobile-apps-banner__header {
        padding-top: 0;
    }
    .mobile-apps-banner__header .logo {
        background-position: 50% 50%;
        margin: 0 auto;
    }
    .mobile-apps-banner__info .svg-icon__appstore,
    .mobile-apps-banner__info .svg-icon__googleplay {
        margin: 0 4px 10px;
    }
    .mobile-apps-banner__link {
        display: inline-block;
        margin-bottom: 1rem;
    }
    .new-card-container > .l-grid__item_6 {
        grid-column: span 12;
    }
    .o-box-border.o-link {
        padding: 1.25rem 0.25rem;
    }
    .group-create {
        grid-template-columns: repeat(12, 1fr);
    }
    .group-create [class*="l-grid__item_"] {
        grid-column: span 12;
    }
    .group-create .group-create__color,
    .group-create .group-create__symbol {
        grid-column: span 6;
        margin-top: 1rem;
    }
    .group-create .group-create__info .l-grid__item_1 {
        grid-column: span 2;
    }
    .group-create .group-create__info .l-grid__item_7 {
        grid-column: span 6;
    }
    .group-create__combo-option .l-grid_pt-8 {
        grid-template-columns: repeat(12, 1fr);
    }
    .group-create__combo-option .l-grid__item_1 {
        grid-column: span 4;
    }
    .group-create__symbol .group-create__combo-choice {
        left: auto;
        right: 0;
    }
    .editable input {
        width: 100%;
    }
    .outer-actions {
        position: relative;
        right: 0;
        top: 0;
        transform: none;
    }
    .outer-checkbox {
        left: 0;
        z-index: 1;
    }
    .outer-checkbox-label {
        display: inline-block;
        margin-left: 3rem;
    }
    .service-search-table .outer-checkbox + .l-grid {
        padding-left: 2rem;
    }
    .service-search-table__name {
        word-break: break-word;
    }
    .group-payment.l-grid > div {
        grid-column: span 12;
    }
    .deposit-payer-amount.l-grid__item_3 {
        grid-column: span 6;
    }
    .o-wrapper__priv .l-grid_pt-6 > .deposit-payer-amount.l-grid__item_2 {
        grid-column: span 3;
    }
    .preapproved-offer.o-container > .l-grid__item_1,
    .preapproved-offer.o-container > .l-grid__item_5 {
        display: none;
    }
    .preapproved-offer.o-container > .l-grid__item_6 {
        grid-column: span 12;
        padding: 0 2rem 1rem;
    }
    .action-icons {
        display: block;
        width: 100%;
        grid-column: span 12;
        text-align: right;
    }
}

@media all and (max-width: 600px) {
    .promo-row {
        grid-template-rows: repeat(2, auto);
    }

    .promo-row .l-grid__item_5 {
        grid-column: span 12;
        padding: 0 1.25rem;
    }

    .promo-row__image {
        grid-column: span 12;
        grid-row-start: 1;
        margin-left: 0;
        height: 40vw;
    }
    .promo-row__image_s {
        margin-right: 0;
        height: 40vw;
    }
    .promo-row .grid__item_1 {
        display: none;
    }

    .promo-row .o-title_form {
        line-height: 1.25;
    }

    .promo-row__individual-account {
        padding-left: 0;
    }
    .expenses-item .combo-options {
        width: 70vw;
    }

    .card-bonus-info__column-bonus > .l-grid_pt-6 {
        grid-template-columns: repeat(3, 1fr);
    }

    .card-bonus-info__spend-points {
        position: relative;
        top: 4px;
    }
    .card-bonus-info__tooltip {
        left: auto;
        right: 0;
    }
}

@media all and (max-width: 570px), all and (max-width: 812px) and (orientation:landscape) {
    .security-block {
        padding: 1rem 2rem 0;
    }
    .templates-panel .l-grid__item_2.template-group-item__template,
    .templates-group__panel .l-grid__item_2.template-group-item__template,
    .new-payment__item {
        grid-column: span 6;
    }
    .new-payment__item {
        padding-left: 50px;
        height: 60px;
    }
    .new-payment__item .o-icon_l {
        width: 3rem;
        height: 3rem;
    }
    .live-search {
        max-width: 83%;
    }
    .add-group-button {
        padding: 10px;
        border-radius: 10px;
    }
    .add-group-button .l-align_middle {
       display: none;
    }
    .add-group-button .o-icon {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
    }
    .transfer-panel__item {
        margin-right: 1.75rem;
    }
    .register-tabs > div {
        grid-column: span 6;
    }
    .o-form-buttons {
        position: relative;
    }
    .o-form-buttons [class*="l-float_"] {
        float: none;
    }
    .o-form-buttons [class*="o-button"] {
        display: block;
        margin: 0;
        float: none;
    }
    .o-form-buttons [class*="o-button"] + [class*="o-button"],
    .mobile-submit [class*="o-button"] + [class*="o-button"] {
        margin-top: 1rem;
    }
    .o-form-buttons [class*="o-button"] + [style="display:none"] + [class*="o-button"] {
        margin-top: 1rem;
    }
    .header-menu-container {
        max-height: calc(100vh - 9rem);
        overflow-y: auto;
        top: -640px;
    }
    .o-form-buttons .o-form__settings .l-float_left {float: left;}
    .o-form-buttons .o-form__settings .l-float_right {float: right;}
    .header-menu-container .l-grid__item_3,
    .header-menu-container .l-grid__item_8 {
        grid-column: span 12;
    }
    .o-link_filter {
        padding: 0;
    }
    .o-link_filter .l-align_middle {
        display: none;
    }
    .l-grid_mobile-full {
        display: block;
    }
    .l-grid_mobile-full > div {
        margin-bottom: 1rem;
    }
    .is-visible.o-filter__dialog {
        position: fixed;
        top: 0;
        margin: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 29rem;
        max-height: 100%;
        border-radius: 0;
        overflow-y: auto;
    }
    .o-tabs__dropdown_mobile {
        position: fixed;
        width: auto;
        background: #fff;
        box-shadow: 0 0 15px rgba(0,0,0,.2);
        border-radius: 4px;
        z-index: 7;
        min-width: 11.25rem;
        display: none;
        transform: translateX(calc(-100% + 34px));
    }
    .o-tabs__item_dropdown_mobile .o-tabs__item_dropdown-title {
        display: inline-block;
    }
    .o-tabs__item_dropdown > .o-tabs__item_dropdown-title {
        display: none;
    }
    .o-tabs__item_dropdown > .o-tabs__dropdown {
        box-shadow: none;
        display: block !important;
        position: static;
        min-width: auto;
    }
    .o-tabs__dropdown_mobile > .o-tabs__item.o-tabs__item_dropdown {
        padding: 0 !important;
    }
    .o-tabs__dropdown_mobile .o-tabs__item {
        margin: 0;
        padding: 1rem 2rem;
        height: auto;
        border: 0;
        display: block;
    }
    .o-tabs__dropdown_mobile .o-tabs__item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .o-tabs__dropdown_mobile .o-tabs__item:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .o-tabs__dropdown_mobile .o-tabs__item.active {
        color: rgb(var(--color-base));
    }
    .o-tabs__dropdown_mobile .o-tabs__item:hover {
        background: rgba(var(--background-light), .3);
    }
    .pfm-legend {
        padding: 0;
    }
    .pfm-legend ul {
        min-height: 20px;
        margin-left: 0;
    }
    .pfm-legend__details,
    .pfm-legend__int {
        position: relative;
        display: block;
        right: 0;
        text-align: center;
        top: 0;
        margin: 0 auto;
    }
    .pfm-legend__int {
        margin-top: -200px;
    }
    .o-dialog, .save-template-result .o-dialog,
    .history-details__dialog-result .o-dialog {
        width: 100%;
        height: 100%;
        border-radius: 0;
        overflow-y: auto;
        left: 0;
        top: 0;
        transform: none;
        position: absolute;
    }
    .registration-page .o-dialog {
        height: 60vh;
        top: 20vh;
        width: 90vw;
        left: 5vw;
        border-radius: 8px;
    }
    .o-wrapper__priv .l-grid > .l-grid__item_2 {
        grid-column: span 12;
    }
    .o-wrapper__priv .l-grid_pt-8 > .l-grid__item_2 {
        grid-column: span 8;
    }
    .o-wrapper__priv .l-grid_pt-6 > .l-grid__item_2 {
        grid-column: span 6;
    }
    .panel__currency {
        margin-left: calc(-100%/12 - .625rem);
        margin-right: calc(-100%/12 - .625rem);
    }
    .panel__currency__header {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .panel__currency-sell,
    .panel__currency-buy {
        display: none;
    }
    .panel__currency-s-icon,
    .panel__currency__header .sum {
        display: inline;
        font-size: 1rem;
    }
    .o-wrapper__priv .panel__currency .l-grid > .l-grid__item_2,
    .o-wrapper__priv .panel__currency .l-grid_pt-6 > .l-grid__item_2 {
        grid-column: span 2;
    }
    .panel__currency .sum {
        white-space: nowrap;
    }
    .o-wrapper__priv .expenses-item .l-grid_pt-8 > .l-grid__item_2 {
        padding-left: 0.625rem;
        grid-column: span 7;
    }
    .action-icons .o-icon_s {
        margin-bottom: 0.25rem;
    }
    .account-history .history-details {
        padding: 1rem;
    }
    .account-history .l-grid_pt-8.history-details__row > .l-grid__item_2 + .l-grid__item_4 {
        grid-column: span 8;
    }
    .history-details__edit,
    .history-details__export-container,
    .history-details__buttons-container {
        float: none;
        padding: 0;
    }
    .history-details__edit {
        margin-bottom: 1rem;
    }
    .export-mail-panel {
        width: 100%;
        margin: 0;
    }
    .aside-info-panel__templates {
        text-align: center;
    }
    .aside-info-panel .o-template-wrapper {
        margin-right: 4vw;
        margin-left: 4vw;
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .quick-pay__info-bubble {
        min-width: 0;
        max-width: 90%;
    }
    .loan-schedule__panel .l-grid > .l-grid__item_2,
    .l-grid.loan-schedule__header > .l-grid__item_2 {
        grid-column: span 2;
    }
    .mobile-payments-list {
        position: relative;
    }
    .mobile-payments-list > .l-grid__item_3 {
        grid-column: span 10;
    }
    .mobile-payments-list > .l-grid__item_7 {
        grid-column: span 12;
    }
    .mobile-payments-list > .l-grid__item_1 .o-link {
        position: absolute;
        right: 0;
        top: 1rem;
    }
    .data-confirm__info {
        padding: 3.2vh 3.2vw;
    }
    .data-confirm__info .l-grid__item_3.data-confirm__comission-info {
        padding-left: 0.5rem;
        margin-bottom: 1rem;
    }
    [class*="o-button"] {
        min-width: 0;
    }
    .o-card-container {
        grid-column: span 10;
    }
    .o-card-container .ico-big-card-image {
        height: calc((100vw - 5rem) * 0.625);
    }
    .o-card-info {
        padding: 2rem 2rem 0;
        grid-column: span 12;
    }
    .l-grid__item_adaptive {
        grid-column: span 12;
        margin-bottom: 1rem;
    }
    body .daterangepicker.dropdown-menu {
        left: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        height: 100% !important;
        top: 0 !important;
        position: fixed;
        overflow-x: auto;
        padding: 1rem;
    }
    .daterangepicker .daterangepicker__closer {
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
    }
    .daterangepicker.ltr .calendar {
        float: left !important;
        padding-right: 1rem !important;
    }
    body .daterangepicker.ltr .calendar.right {
        padding-right: 0 !important;
        padding-left: 1rem !important;
    }
    .date-rangepicker_mask_mobile {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .personal-offers > .l-grid {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .personal-offers__image {
        max-width: 100%;
        width: auto;
        display: block;
        margin: 0 auto 1rem;
    }
    .personal-offers .o-label-icon {
        width: auto;
        margin-top: 1rem;
    }
    .o-form-buttons .combo-box.combo-box_export {
        position: absolute;
        top: 1.5rem;
        right: 0;
    }
    .o-form-buttons .o-link_printer {
        position: absolute;
        right: 4rem;
        top: 1.25rem;
    }
    .o-form__settings .o-form__settings-title {
        clear: both;
    }
    .o-form__settings .o-form__settings-description {
        margin-left: 0;
    }
    .o-deposit-table {min-width: auto;}
    .l-mobile_fixed-layout {
        overflow: hidden;
        position: relative;
    }
    .l-mobile_fixed-layout::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 100%;
        background: rgba(255,255,255,0);
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 54%);
    }
    .l-mobile_fixed-layout table {
        table-layout: fixed;
    }
    .l-mobile_fixed-layout th,
    .l-mobile_fixed-layout td {
        width: 50px;
    }
    .l-mobile_hidden {
        display: none;
    }
    .l-mobile_inline {display: inline;}
    .l-mobile_tooltip {
        width: 70vw;
        white-space: normal;
    }
    .l-grid-mobile__item_1 {
        grid-column: span 1 !important;
    }
    .l-grid-mobile__item_2 {
        grid-column: span 2 !important;
    }
    .l-grid-mobile__item_3 {
        grid-column: span 3 !important;
    }
    .l-grid-mobile__item_4 {
        grid-column: span 4 !important;
    }
    .l-grid-mobile__item_5 {
        grid-column: span 5 !important;
    }
    .l-grid-mobile__item_6 {
        grid-column: span 6 !important;
    }
    .l-grid-mobile__item_7 {
        grid-column: span 7 !important;
    }
    .l-grid-mobile__item_8 {
        grid-column: span 8 !important;
    }
    .l-grid-mobile__item_9 {
        grid-column: span 9 !important;
    }
    .l-grid-mobile__item_10 {
        grid-column: span 10 !important;
    }
    .l-grid-mobile__item_11 {
        grid-column: span 11 !important;
    }
    .l-grid-mobile__item_12 {
        grid-column: span 12 !important;
    }
    .o-link-button_mobile {
        display: block;
        text-align: center;
        margin: 1rem 0;
    }
    .o-link-button_mobile_short {
        display: block;
        text-align: center;
    }
    .o-link-button_mobile + .o-link-button_mobile {
        margin-left: 0;
    }
    .l-grid-row_mobile {
        margin-bottom: 2.5rem;
    }
    .l-inner_mobile_12 {
        padding-left: calc((100% - 2.5rem)/12);
        padding-right: calc((100% - 2.5rem)/12);
    }
    .l-mobile-align_right {text-align: right;}
    .l-mobile-align_left {text-align: left;}
    .l-mobile-align_center {text-align: center;}
    .account-history .account-history__show-details {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .account-close-form .history-details__row .total-amounts {
        text-align: right;
        margin: 0.5rem 0;
    }
    .loalty-icon-vost {
        position: static;
        margin: 0 0.625rem 0 0;
    }
    .o-link_with_icon.o-link_cheque {
        margin: 0;
    }
    .iframe-dialog.cheque-window {
        padding: 1.5rem;
    }
    .export-mail-panel {
        width: 180px;
    }
    .o-banner_loan-request {display:none;}
    .o-form-options_payment .sum.o-form-options__item {
        width: auto;
        display: inline-block;
        border-radius: 50%;
    }
    .sum.o-form-options__item > div {
        padding: 14px 1.5rem;
    }
    .new-payment__item .new-payment__name {
        line-height: 60px;
    }
    .o-template_group .o-template__name {
        font-size: 15px;
        background: linear-gradient(to right, #fff 75%, rgba(255, 255, 255, 0) 100%);
        -webkit-background-clip: text;
        color: transparent;
        overflow: hidden;
        white-space: nowrap;
    }
    .login-padding {
        padding-top: 2.25rem;
    }
    .c-success .o-title_account {
        white-space: normal;
    }
    .o-icon_sbp {
        display: block;
    }
    .l-grid-row + .o-form-buttons {
        padding-top: 0;
    }
    .slider.slider-horizontal .slider-tick-label-container .slider-tick-label,
    .slider.slider-horizontal .slider-tick-container .slider-tick {
        display: none !important;
    }
    .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:first-child,
    .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-child {
        display: inline-block !important;
    }
    .slider.slider-horizontal .slider-tick-container .slider-tick:first-child,
    .slider.slider-horizontal .slider-tick-container .slider-tick:last-child {
        display: block !important;
    }
    .freeDocListContainer .o-label-icon, .dsf-list .o-label-icon {
        display: none;
    }
    .freeDocListContainer .o-icon_s, .dsf-stat .o-icon_s {
        width: 24px;
        height: 24px;
    }
    .o-input {
        max-width: 100%;
    }
    .o-link_with_icon_mobile {
        padding-left: 2rem;
        position: relative;
    }
    .o-link_with_icon_mobile .o-icon_s {
        position: absolute;
        top: 0;
        left: 0;
    }
    .o-link_with_icon_mobile .o-label-icon {
        margin-left: 0;
    }
    .sumsContainer .l-grid-mobile__item_7 {
        margin-bottom: 1rem;
    }
    .sumsContainer .l-grid-mobile__item_7:last-child {
        margin-bottom: 0;
    }
    .o-form-buttons .o-link_more {
        line-height: normal;
    }
    .o-form-buttons .o-link_more .o-icon_s {
        margin-right: 0;
    }
    .o-input_search {
        padding-left: 2.1875rem;
    }
    .bonus-category__tooltip {
        width: 55.08vw;
    }
    .accounts-header_offer .l-grid__item_2,
    .accounts-header_offer .l-grid__item_6 {
        text-align: center;
        grid-column: span 12;
    }
    .accounts-header_offer img {
        width: auto;
        float: none;
        margin: 0 auto 1rem;
    }
    .wicket-aa-container {
        max-height: 152px;
    }
    .card-bonus-info .card-bonus-info__column-bonus {
        min-height: 10.5rem;
    }
    .history-details .history-motions > div {
        margin-top: 1rem;
    }
    .auto-pay-block.o-form__settings .o-form__settings__edit {
        padding: 1.25rem 0 0.5rem 2rem;
    }
    .l-inner.login-auth-wrapper {
        min-height: 540px;
    }
    body .daterangepicker td .daterangepicker-date.end-date,
    body .daterangepicker td .daterangepicker-date.start-date,
    table.yui-calendar td.selected a, table.yui-calendar td.selected a:hover {
        width: 1.875rem;
        margin-left: 3px;
    }
    .l-inner.login-auth-wrapper {
        min-height: 540px;
        margin-bottom: 2rem;
    }
    .history-details_mobile {
        padding: 0.25rem 1rem;
    }
    .subscription-switcher {
        position: absolute;
        top: 0;
        left: 0;
    }
    .subscription-switcher + .o-label-icon {
        padding-left: 56px;
        margin-top: -6px;
    }
    .l-grid_mobile-full > .bonus-program__feature, .bonus-program__item-cashback, .bonus-program__cashback-info {
        padding: 0 8.3333%;
    }
    .bonus-program__feature-icon {
        float: none;
    }
    .bonus-program__feature-label {
        padding-left: 0;
    }
    .bonus-program__icon {
        margin: 0 auto;
        transform: rotate(90deg);
    }
    .bonus-program__item-cashback .bonus-cashback {
        margin: 0 auto;
    }
    .addition-services:before {
        width: 100%;
    }
    .addition-services__service [class*="l-grid__item_"]:last-child {
        padding-right: 0;
    }
    .footer__online-call {
        margin-bottom: 10px;
    }
    .footer__links .o-link {
        margin-bottom: 6px;
    }
}

@media all and (max-width: 570px) {
    .o-form-options__item {
        clear: both;
        float: none;
        display: block;
        width: 100%;
        border-radius: 0;
    }
    .o-form-options__item:first-child {
        border-radius: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .o-form-options__item:last-child {
        border-radius: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
}

@media all and (max-width: 400px) {
    .templates-group__panel .l-grid__item_2.template-group-item__template,
    .templates-panel .l-grid__item_2.template-group-item__template, .new-payment__item {
        grid-column: span 12;
    }
    body .daterangepicker.ltr .calendar {
        float: none !important;
        padding: 0 0 2rem !important;
        margin: 0 auto !important;
    }
    .data-confirm__info .l-grid__item_3.data-confirm__comission-info {
        padding-left: 0;
    }
    .pfm-legend li td {
        display: inline-block;
        padding-right: 1rem;
        width: 45%;
        text-align: left;
    }
    .pfm-legend li td.pfm-legend-name {display: block;width: 100%;}
    .cheque-window .combo-box_export .combo-options_export-panel {
        right: auto;
        left: 0;
        top: auto;
        bottom: calc(100% - 0.5rem);
    }
    .save-template-result .o-title_account {
        white-space: normal;
    }

}

.o-browser {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    color: #333333;
}

.msie .o-browser { display: block; }
.msie .o-container_pub_login { display: none; }
.msie_11 .o-browser { display: none; }
.msie_11 .o-container_pub_login { display: block; }

.o-browser .logo {
    margin: 87px auto 0;
}

.o-browser__info {
    width: 525px;
    padding: 390px 30px 0;
    margin: 60px auto 100px;
    background: url(../images/o-browser.png) no-repeat 50% 0;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.47;
    text-align: center;
}

.o-browse__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    margin-bottom: 14px;
}

@media all and (max-width: 812px) and (orientation:landscape) {
    .android.scroll-disabled,
    .ios.scroll-disabled {
        overflow: hidden;
    }
    .android.scroll-disabled .o-filter__dialog.is-visible,
    .ios.scroll-disabled .o-filter__dialog.is-visible {
        overflow-x: hidden;
        overflow-y: scroll;
    }
}