@charset "UTF-8";.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity,transform 0ms cubic-bezier(0,0,.2,1);
    transform: scale3d(0,0,0);
    background-color: var(--mat-ripple-color, rgba(0, 0, 0, .1))
}

.cdk-high-contrast-active .mat-ripple-element,.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: #00000052
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: auto!important;
    overflow: hidden!important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: 0!important
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

.mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
}

.mat-mdc-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

.mat-app-background {
    background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
    color: var(--mat-app-text-color, var(--mat-app-on-background, inherit))
}

.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: var(--mat-app-elevation-shadow-level-0, none)
}

.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: var(--mat-app-elevation-shadow-level-1, none)
}

.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: var(--mat-app-elevation-shadow-level-2, none)
}

.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: var(--mat-app-elevation-shadow-level-3, none)
}

.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: var(--mat-app-elevation-shadow-level-4, none)
}

.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: var(--mat-app-elevation-shadow-level-5, none)
}

.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: var(--mat-app-elevation-shadow-level-6, none)
}

.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: var(--mat-app-elevation-shadow-level-7, none)
}

.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: var(--mat-app-elevation-shadow-level-8, none)
}

.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: var(--mat-app-elevation-shadow-level-9, none)
}

.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: var(--mat-app-elevation-shadow-level-10, none)
}

.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: var(--mat-app-elevation-shadow-level-11, none)
}

.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: var(--mat-app-elevation-shadow-level-12, none)
}

.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: var(--mat-app-elevation-shadow-level-13, none)
}

.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: var(--mat-app-elevation-shadow-level-14, none)
}

.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: var(--mat-app-elevation-shadow-level-15, none)
}

.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: var(--mat-app-elevation-shadow-level-16, none)
}

.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: var(--mat-app-elevation-shadow-level-17, none)
}

.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: var(--mat-app-elevation-shadow-level-18, none)
}

.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: var(--mat-app-elevation-shadow-level-19, none)
}

.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: var(--mat-app-elevation-shadow-level-20, none)
}

.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: var(--mat-app-elevation-shadow-level-21, none)
}

.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: var(--mat-app-elevation-shadow-level-22, none)
}

.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: var(--mat-app-elevation-shadow-level-23, none)
}

.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: var(--mat-app-elevation-shadow-level-24, none)
}

html {
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px;
    --mdc-outlined-text-field-outline-width: 1px;
    --mdc-outlined-text-field-focus-outline-width: 2px;
    --mdc-outlined-text-field-container-shape: 4px
}

html {
    --mdc-filled-text-field-caret-color: #66bb6a;
    --mdc-filled-text-field-focus-active-indicator-color: #66bb6a;
    --mdc-filled-text-field-focus-label-text-color: rgba(102, 187, 106, .87);
    --mdc-filled-text-field-container-color: whitesmoke;
    --mdc-filled-text-field-disabled-container-color: #fafafa;
    --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-error-hover-label-text-color: #f44336;
    --mdc-filled-text-field-error-focus-label-text-color: #f44336;
    --mdc-filled-text-field-error-label-text-color: #f44336;
    --mdc-filled-text-field-error-caret-color: #f44336;
    --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-error-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
    --mdc-outlined-text-field-caret-color: #66bb6a;
    --mdc-outlined-text-field-focus-outline-color: #66bb6a;
    --mdc-outlined-text-field-focus-label-text-color: rgba(102, 187, 106, .87);
    --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-error-caret-color: #f44336;
    --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
    --mdc-outlined-text-field-error-label-text-color: #f44336;
    --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
    --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
    --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-error-focus-outline-color: #f44336;
    --mdc-outlined-text-field-error-hover-outline-color: #f44336;
    --mdc-outlined-text-field-error-outline-color: #f44336;
    --mat-form-field-focus-select-arrow-color: rgba(102, 187, 106, .87);
    --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38);
    --mat-form-field-state-layer-color: rgba(0, 0, 0, .87);
    --mat-form-field-error-text-color: #f44336;
    --mat-form-field-select-option-text-color: inherit;
    --mat-form-field-select-disabled-option-text-color: GrayText;
    --mat-form-field-leading-icon-color: unset;
    --mat-form-field-disabled-leading-icon-color: unset;
    --mat-form-field-trailing-icon-color: unset;
    --mat-form-field-disabled-trailing-icon-color: unset;
    --mat-form-field-error-focus-trailing-icon-color: unset;
    --mat-form-field-error-hover-trailing-icon-color: unset;
    --mat-form-field-error-trailing-icon-color: unset;
    --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);
    --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, .38);
    --mat-form-field-hover-state-layer-opacity: .04;
    --mat-form-field-focus-state-layer-opacity: .08
}

.mat-mdc-form-field.mat-accent {
    --mdc-filled-text-field-caret-color: #448aff;
    --mdc-filled-text-field-focus-active-indicator-color: #448aff;
    --mdc-filled-text-field-focus-label-text-color: rgba(68, 138, 255, .87);
    --mdc-outlined-text-field-caret-color: #448aff;
    --mdc-outlined-text-field-focus-outline-color: #448aff;
    --mdc-outlined-text-field-focus-label-text-color: rgba(68, 138, 255, .87);
    --mat-form-field-focus-select-arrow-color: rgba(68, 138, 255, .87)
}

.mat-mdc-form-field.mat-warn {
    --mdc-filled-text-field-caret-color: #f44336;
    --mdc-filled-text-field-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);
    --mdc-outlined-text-field-caret-color: #f44336;
    --mdc-outlined-text-field-focus-outline-color: #f44336;
    --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87);
    --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, .87)
}

html {
    --mat-form-field-container-height: 56px;
    --mat-form-field-filled-label-display: block;
    --mat-form-field-container-vertical-padding: 16px;
    --mat-form-field-filled-with-label-container-padding-top: 24px;
    --mat-form-field-filled-with-label-container-padding-bottom: 8px
}

html {
    --mdc-elevated-card-container-shape: 4px;
    --mdc-outlined-card-container-shape: 4px;
    --mdc-outlined-card-outline-width: 1px
}

html {
    --mdc-elevated-card-container-color: white;
    --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-color: white;
    --mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-card-subtitle-text-color: rgba(0, 0, 0, .54)
}

html {
    --mat-datepicker-calendar-container-shape: 4px;
    --mat-datepicker-calendar-container-touch-shape: 4px;
    --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)
}

html {
    --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-selected-state-background-color: #66bb6a;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(102, 187, 106, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(102, 187, 106, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(102, 187, 106, .3);
    --mat-datepicker-toggle-active-state-icon-color: #66bb6a;
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(102, 187, 106, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-period-button-text-color: black;
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
    --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
    --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #448aff;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(68, 138, 255, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(68, 138, 255, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(68, 138, 255, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(68, 138, 255, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-content.mat-warn {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-toggle-active-state-icon-color: #448aff
}

.mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-toggle-active-state-icon-color: #f44336
}

.mat-calendar-controls {
    --mat-icon-button-touch-target-display: none
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

html {
    --mdc-plain-tooltip-container-shape: 4px;
    --mdc-plain-tooltip-supporting-text-line-height: 16px
}

html {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: #fff
}

html {
    --mdc-dialog-container-shape: 4px;
    --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    --mat-dialog-container-max-width: 80vw;
    --mat-dialog-container-small-max-width: 80vw;
    --mat-dialog-container-min-width: 0;
    --mat-dialog-actions-alignment: start;
    --mat-dialog-actions-padding: 8px;
    --mat-dialog-content-padding: 20px 24px;
    --mat-dialog-with-actions-content-padding: 20px 24px;
    --mat-dialog-headline-padding: 0 24px 9px
}

html {
    --mdc-dialog-container-color: white;
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

html {
    --mdc-checkbox-disabled-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-state-layer-opacity: .16;
    --mdc-checkbox-selected-hover-state-layer-opacity: .04;
    --mdc-checkbox-selected-pressed-state-layer-opacity: .16;
    --mdc-checkbox-unselected-focus-state-layer-opacity: .16;
    --mdc-checkbox-unselected-hover-state-layer-opacity: .04;
    --mdc-checkbox-unselected-pressed-state-layer-opacity: .16
}

html {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #448aff;
    --mdc-checkbox-selected-hover-icon-color: #448aff;
    --mdc-checkbox-selected-icon-color: #448aff;
    --mdc-checkbox-selected-pressed-icon-color: #448aff;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #448aff;
    --mdc-checkbox-selected-hover-state-layer-color: #448aff;
    --mdc-checkbox-selected-pressed-state-layer-color: #448aff;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black;
    --mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, .87)
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: black;
    --mdc-checkbox-selected-focus-icon-color: #66bb6a;
    --mdc-checkbox-selected-hover-icon-color: #66bb6a;
    --mdc-checkbox-selected-icon-color: #66bb6a;
    --mdc-checkbox-selected-pressed-icon-color: #66bb6a;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #66bb6a;
    --mdc-checkbox-selected-hover-state-layer-color: #66bb6a;
    --mdc-checkbox-selected-pressed-state-layer-color: #66bb6a;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

html {
    --mdc-checkbox-state-layer-size: 40px;
    --mat-checkbox-touch-target-display: block
}

html {
    --mdc-radio-disabled-selected-icon-opacity: .38;
    --mdc-radio-disabled-unselected-icon-opacity: .38;
    --mdc-radio-state-layer-size: 40px
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #66bb6a;
    --mdc-radio-selected-hover-icon-color: #66bb6a;
    --mdc-radio-selected-icon-color: #66bb6a;
    --mdc-radio-selected-pressed-icon-color: #66bb6a;
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #66bb6a;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87)
}

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #448aff;
    --mdc-radio-selected-hover-icon-color: #448aff;
    --mdc-radio-selected-icon-color: #448aff;
    --mdc-radio-selected-pressed-icon-color: #448aff;
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #448aff;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87)
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38);
    --mat-radio-label-text-color: rgba(0, 0, 0, .87)
}

html {
    --mdc-radio-state-layer-size: 40px;
    --mat-radio-touch-target-display: block
}

html {
    --mdc-secondary-navigation-tab-container-height: 48px;
    --mdc-tab-indicator-active-indicator-height: 2px;
    --mdc-tab-indicator-active-indicator-shape: 0;
    --mat-tab-header-divider-color: transparent;
    --mat-tab-header-divider-height: 0
}

.mat-mdc-tab-group,.mat-mdc-tab-nav-bar {
    --mdc-tab-indicator-active-indicator-color: #66bb6a;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #66bb6a;
    --mat-tab-header-active-ripple-color: #66bb6a;
    --mat-tab-header-inactive-ripple-color: #66bb6a;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #66bb6a;
    --mat-tab-header-active-hover-label-text-color: #66bb6a;
    --mat-tab-header-active-focus-indicator-color: #66bb6a;
    --mat-tab-header-active-hover-indicator-color: #66bb6a
}

.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent {
    --mdc-tab-indicator-active-indicator-color: #448aff;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #448aff;
    --mat-tab-header-active-ripple-color: #448aff;
    --mat-tab-header-inactive-ripple-color: #448aff;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #448aff;
    --mat-tab-header-active-hover-label-text-color: #448aff;
    --mat-tab-header-active-focus-indicator-color: #448aff;
    --mat-tab-header-active-hover-indicator-color: #448aff
}

.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn {
    --mdc-tab-indicator-active-indicator-color: #f44336;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #f44336;
    --mat-tab-header-active-ripple-color: #f44336;
    --mat-tab-header-inactive-ripple-color: #f44336;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #f44336;
    --mat-tab-header-active-hover-label-text-color: #f44336;
    --mat-tab-header-active-focus-indicator-color: #f44336;
    --mat-tab-header-active-hover-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-tab-header-with-background-background-color: #66bb6a;
    --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, .87)
}

.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-header-with-background-background-color: #448aff;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-header-with-background-background-color: #f44336;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-header {
    --mdc-secondary-navigation-tab-container-height: 48px
}

html {
    --mdc-snackbar-container-shape: 4px
}

html {
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);
    --mat-snack-bar-button-color: #448aff
}

html {
    --mat-bottom-sheet-container-shape: 4px
}

html {
    --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);
    --mat-bottom-sheet-container-background-color: white
}

:root {
    --mdc-outlined-text-field-outline-color: #dcdcdc;
    --mdc-outlined-text-field-hover-outline-color: #dcdcdc;
    --mdc-outlined-text-field-focus-outline-color: #0e88e7;
    --mdc-outlined-text-field-container-shape: 4px;
    --mat-datepicker-calendar-date-hover-state-background-color: #9ee1b4;
    --mat-datepicker-calendar-date-selected-state-background-color: #00be40;
    --mat-datepicker-calendar-date-focus-state-background-color: #9ee1b4;
    --mat-form-field-container-vertical-padding: 3px;
    --mat-form-field-container-height: 44px;
    --mdc-plain-tooltip-container-color: rgba(97, 97, 97, .9);
    --mdc-plain-tooltip-supporting-text-size: 12px
}

:root .mat-mdc-form-field {
    width: 100%
}

:root .mat-mdc-form-field-has-icon-prefix.calendar-filters-range .mat-mdc-text-field-wrapper {
    padding: 0 8px
}

:root .mat-mdc-form-field-has-icon-prefix.calendar-filters-range .mdc-floating-label {
    padding-left: 24px
}

:root .mat-mdc-form-field-has-icon-prefix.calendar-filters-range .mdc-floating-label--float-above {
    padding-left: 0
}

:root .mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix {
    width: 130px
}

:root .mat-mdc-form-field-flex {
    align-items: stretch
}

:root .mat-mdc-form-field-infix {
    display: flex
}

:root .mat-mdc-form-field .mat-date-range-input-container {
    width: 100%
}

:root .mat-mdc-text-field-wrapper {
    padding-left: 0
}

:root .from-to-block .mat-mdc-input-element {
    padding: 0 0 0 16px;
    min-height: 36px
}

:root .from-to-block .mat-mdc-form-field-infix {
    width: auto;
    min-width: 76px
}

:root .question-box__form-group--birthdate .from-to-block {
    width: 100%
}

:root .question-box__form-group--birthdate .from-to-block .mat-form-field-infix {
    width: 100%
}

:root .identity .from-to-block .mat-form-field-infix {
    width: 160px
}

:root .financial-proof .from-to-block {
    width: 200px
}

:root .financial-proof .from-to-block .mat-mdc-form-field-infix {
    width: 100%
}

:root .mat-mdc-checkbox.button.button--filter {
    padding: 4px 16px
}

:root .mat-mdc-checkbox.button.button--filter .mdc-checkbox {
    display: none
}

:root .mat-mdc-checkbox.button.button--filter .mdc-label {
    display: flex;
    align-items: center;
    gap: 8px
}

:root .mat-mdc-tooltip-surface {
    max-width: 280px
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none!important
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-block-end:1px dotted}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    inset-block-start: -.5em
}

sub {
    inset-block-end: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: auto
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

* {
    margin: 0;
    box-sizing: border-box;
    outline: none
}

*:hover,*:focus,*:active,*:link {
    outline: none
}

@font-face {
    font-family: Noto Sans;
    src: url(/cabinet/assets/fonts/notosans-regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Noto Sans;
    src: url(/cabinet/assets/fonts/notosans-medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Noto Sans;
    src: url(/cabinet/assets/fonts/notosans-bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(/cabinet/assets/fonts/poppins-semibold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

:root {
    --modal-height: 100%
}

b,strong {
    font-weight: 700
}

.separator {
    margin: 24px auto;
    width: 100px;
    height: 1px;
    background: #f0f0f0
}

.separator--sm {
    width: 50px
}

.separator--180 {
    position: relative;
    width: 180px
}

.separator__label {
    position: absolute;
    inset-block-start: -.5em;
    inset-inline-start: 50%;
    transform: translate(-50%);
    padding-inline:4px;background-color: #fff;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1em
}

[dir=rtl] .separator__label {
    transform: translate(50%)
}

.content-center {
    text-align: center
}

.flex-center-column {
    display: flex;
    flex-direction: column;
    align-items: center
}

.c-red {
    color: red
}

@media all and (max-width: 768px) {
    #launcher {
        display:none
    }
}

.fixed {
    position: fixed;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 100%;
    z-index: 3
}

.indent-negative-form {
    margin-block-end:-8px}

.visually-hidden {
    position: absolute;
    margin: -1px;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0)
}

.stash {
    position: fixed;
    width: 0;
    height: 0
}

body {
    position: relative;
    width: 100%;
    height: 100%;
    background: #f7f7f7
}

html {
    height: 100%
}

.no-overflow {
    position: relative;
    overflow: hidden;
    transform: translateZ(0)
}

.mobile-no-overflow {
    position: relative;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
    overflow: hidden
}

@media (min-width: 768px) {
    .mobile-no-overflow {
        height:auto;
        overflow: auto
    }
}

.mobile-no-overflow .page-wrapper,.mobile-no-overflow main {
    position: relative;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 768px) {
    .mobile-no-overflow .page-wrapper,.mobile-no-overflow main {
        height:auto;
        overflow: visible
    }
}

.container-wrap {
    display: flex;
    margin: 0 auto!important;
    padding-top: 44px;
    width: 100%;
    justify-content: center;
    max-width: 960px
}

.container-wrap--no-top-padding {
    padding-block-start:0}

.container-wrap--990 {
    max-width: 990px
}

.container-wrap--footer {
    margin: 0!important;
    z-index: 1;
    flex-direction: column
}

.container-wrap--questionnaire {
    padding-block-start:0}

.container-wrap--column {
    flex-direction: column
}

@media (min-width: 768px) {
    .container-wrap {
        padding:0 8px
    }
}

@media (min-width: 960px) {
    .container-wrap {
        padding:0
    }
}

.container {
    position: relative;
    width: 100%
}

.grid {
    display: flex;
    flex-direction: column;
    margin: 0 0 48px;
    width: 100%
}

@media (min-width: 768px) {
    .grid {
        flex-direction:row;
        align-items: flex-start;
        padding: 0
    }
}

.grid-main {
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .grid-main {
        flex-grow:1
    }
}

.aside {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 100%
}

.aside--desktop {
    display: none
}

@media (min-width: 768px) {
    .aside--desktop {
        display:flex;
        flex-direction: column
    }
}

@media (min-width: 768px) {
    .aside--account {
        margin-block-start:-40px
    }
}

@media (min-width: 768px) {
    .aside-margin {
        margin-block-start:48px
    }
}

.column-dir-center {
    display: flex;
    flex-direction: column;
    align-items: center
}

.row-flex-grid {
    position: relative;
    flex-flow: row;
    align-items: flex-end;
    padding-block-start:1px}

@media (min-width: 544px) {
    .row-flex-grid {
        margin-inline:-4px
    }
}

@media (min-width: 768px) {
    .row-flex-grid {
        display:flex
    }
}

@media (min-width: 768px) {
    .row-flex-grid>div {
        flex:auto;
        padding: 0 4px
    }
}

@media (min-width: 544px) {
    .row-flex-grid__m-15 {
        margin-inline:-16px
    }
}

@media (min-width: 544px) {
    .row-flex-grid__m-15>div {
        padding:0 16px
    }
}

.row-flex-grid__c-last-100 {
    display: flex;
    margin-inline:-4px}

.row-flex-grid__c-last-100>div {
    flex: 1;
    padding: 0 4px
}

.row-flex-grid__c-last-100>div:first-child {
    flex-basis: 100%
}

.row-flex-grid__c-last-100>div:last-child {
    flex-grow: 0;
    flex-shrink: 0
}

@media (min-width: 544px) {
    .row-flex-grid__c-last-btn {
        display:flex;
        flex-wrap: nowrap
    }

    .row-flex-grid__c-last-btn>div:first-child {
        flex-basis: 100%
    }

    .row-flex-grid__c-last-btn .btn,.row-flex-grid__c-last-btn .btn-border {
        white-space: nowrap;
        max-height: 43px;
        margin-inline-start:4px}

    .row-flex-grid__c-last-btn .btn-border {
        margin: 0!important
    }
}

.flex-m-right {
    margin-block:0;margin-inline:0 auto}

.padding-primary {
    padding: 16px
}

@media (min-width: 544px) {
    .padding-primary {
        padding:24px
    }
}

.indent-20,.indent-25 {
    padding: 24px
}

.indent-30 {
    padding: 8px
}

@media (min-width: 544px) {
    .indent-30 {
        padding:24px
    }
}

.padding-big {
    padding: 16px
}

@media (min-width: 768px) {
    .padding-big {
        padding:24px
    }
}

.padding-primary-not-mob {
    padding: 0
}

@media (min-width: 544px) {
    .padding-primary-not-mob {
        padding:24px
    }
}

.margin-card {
    margin: 24px 0
}

.m-bottom,.m-bottom-block {
    margin-block-end:24px}

.m-bottom-small {
    margin-block-end:8px}

.m-bottom-field {
    margin-block-end:16px}

.m-bottom-heading {
    margin-block-end:24px}

.p-lr15 {
    padding-inline:16px}

.p-lr10 {
    padding-inline:8px}

.p-tb15 {
    padding-block:8px}

@media (min-width: 544px) {
    .p-tb15 {
        padding-block:16px
    }
}

.p-tb12 {
    padding-block:12px}

.p-tb10,.p-tb20 {
    padding-block:8px}

@media (min-width: 544px) {
    .p-tb20 {
        padding-block:24px
    }
}

.p-tb25 {
    padding-block:24px}

.p-lr25 {
    padding-inline:16px}

@media (min-width: 544px) {
    .p-lr25 {
        padding-inline:24px
    }
}

.p-lr20 {
    padding-inline:16px}

@media (min-width: 544px) {
    .p-lr20 {
        padding-inline:24px
    }
}

.p-b30-only {
    padding-block-end:24px}

.p-b10 {
    padding-block-end:8px}

.p-25 {
    padding: 24px
}

.padding-no-sides {
    padding: 16px 0
}

@media (min-width: 768px) {
    .padding-no-sides {
        padding:8px 0
    }
}

.p-20 {
    padding: 24px
}

.b-style {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px #e6e6e6;
    transition: box-shadow .3s ease-in-out
}

.b-style:hover {
    box-shadow: 0 3px #e6e6e6
}

.b-style__m-bt-primary {
    margin-block-end:24px}

.b-style__m-bt-small {
    margin-block-end:8px}

.b-center {
    display: flex;
    justify-content: center
}

.b-total-center {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

.b-content {
    padding: 0 8px
}

@media (min-width: 544px) {
    .b-content {
        padding:0 16px
    }
}

.b-content>*:first-child {
    margin-block-start:0}

.b-sm-content {
    width: 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .b-sm-content {
        width:480px
    }
}

.b-sm-content h3 {
    margin-block-start:0}

.b-w-max-300 {
    width: 100%!important;
    max-width: inherit
}

@media (min-width: 544px) {
    .b-w-max-300 {
        width:300px!important
    }
}

.b-w-max-400 {
    width: 100%;
    max-width: inherit
}

@media (min-width: 544px) {
    .b-w-max-400 {
        width:400px;
        max-width: 400px
    }
}

.b-w-full {
    width: 100%
}

.b-block {
    flex: 1;
    padding-inline-start:1em}

.block-row {
    margin: 0 16px
}

.block {
    padding: 8px 0
}

.block--border {
    border-block-end:1px solid #f0f0f0}

.block--border-all {
    border: 1px solid #f0f0f0
}

.block--xl {
    padding: 16px 0
}

.block--radius {
    border-radius: 5px
}

.hidden-page {
    overflow: hidden
}

.zoom-wrap {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 10px;
    background: #00000080;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.hide {
    opacity: 0;
    visibility: hidden
}

@media (max-width: 543px) {
    .hide-mob {
        display:none
    }
}

@media (min-width: 544px) {
    .show-mob {
        display:none
    }
}

.sm-hidden {
    display: none
}

@media (min-width: 544px) {
    .sm-hidden {
        display:block
    }
}

.no-cursor {
    cursor: auto
}

body {
    font-family: Noto Sans,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    min-width: 320px
}

h1,.title-xl {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin: 0 0 16px
}

@media (min-width: 768px) {
    h1,.title-xl {
        font-size:24px
    }
}

h3,.h3 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 24px 0 8px
}

@media (min-width: 768px) {
    h3,.h3 {
        margin-block:0 16px
    }
}

h4 {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin: 16px 0 4px
}

.title-above-block {
    color: #666;
    margin: 0 8px 8px
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

p {
    font-size: 14px;
    color: #666;
    margin-block-end:8px}

.h1 {
    font-size: 24px;
    line-height: 33px;
    margin: 0 0 8px
}

.h1-bold,.h2-bold,.h3-bold {
    font-weight: 700
}

.text-center {
    text-align: center!important
}

.fz-10 {
    font-size: 10px
}

.fz-12,.fz-12-mob {
    font-size: 12px
}

@media (min-width: 544px) {
    .fz-12-mob {
        font-size:14px
    }
}

.link-inner a {
    color: #8fa5c3;
    text-decoration: none
}

.quote {
    font-size: 12px;
    color: #000
}

.quote__w-fix {
    max-width: 500px;
    margin: 0 auto
}

.text-wrap p {
    margin-block-end:16px}

.title-margin-top {
    margin: 0;
    margin-block-start:16px}

.header-links-right {
    display: flex;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 24px;
    align-items: center
}

.header-links-right a {
    margin-inline-end:24px}

.header-links-right a:last-child {
    margin-inline-end:0}

.page-content {
    margin: 0 0 48px;
    padding: 0 8px;
    width: 100%
}

@media (min-width: 544px) {
    .page-content {
        display:flex;
        flex-direction: column;
        align-items: center;
        align-content: stretch
    }
}

@media (min-width: 960px) {
    .page-content {
        padding:0
    }
}

.page-content--sm {
    margin-inline:auto;max-width: 580px
}

.page-content a {
    position: relative;
    color: #0e88e7;
    text-decoration: none;
    transition: color,border,.2s ease-out
}

.page-content a.card__link {
    position: absolute
}

.page-content__promo {
    display: block;
    width: 100%
}

.page-content-promo h1 {
    margin-block-end:4px}

.page-content-promo p {
    color: #666;
    margin-block-end:4px}

.page-content-promo ul li {
    color: #666
}

.title-under {
    font-size: 14px;
    color: #666
}

.title-img-under {
    overflow: hidden;
    border-radius: 4px;
    margin: 8px 0;
    height: 150px
}

@media (min-width: 544px) {
    .title-img-under {
        height:230px
    }
}

.title-img-under img {
    display: block;
    width: 100%;
    object-fit: cover
}

.title-img-under--promo {
    display: block;
    width: 100%
}

.link {
    position: relative;
    padding: 0;
    color: #0e88e7;
    border: 0;
    text-decoration: none;
    border-block-end:1px solid transparent;background: none;
    cursor: pointer;
    transition: color,border,.2s ease-out
}

.link:hover {
    color: #1d94f1;
    border-color: #1d94f1
}

.link__fake:after {
    border-block-end-style:dashed}

.link--red {
    color: red
}

.link--red:after {
    border-block-end:1px solid #ff0000}

.link--red:hover {
    color: #ff1a1a
}

.link--red:hover:after {
    border-color: #ff1a1a
}

.link__mobile-view {
    margin-inline-start:0!important}

@media (min-width: 544px) {
    .link__mobile-view {
        display:none
    }
}

.link__desktop-view {
    display: none
}

@media (min-width: 544px) {
    .link__desktop-view {
        display:inline
    }
}

.link--disabled {
    color: #e6e6e6
}

.link--disabled:after {
    border-color: #e6e6e6
}

.link--disabled:hover {
    color: #e6e6e6
}

.link--disabled:hover:after {
    border-color: #e6e6e6
}

.btn-link {
    border: 0;
    padding: 8px;
    background: none;
    color: #0e88e7
}

.btn-link--red {
    color: red
}

.btn-link--red:after {
    border-block-end:1px solid #ff0000}

.btn-link--red:hover {
    color: #ff1a1a
}

.btn-link--red:hover:after {
    border-color: #ff1a1a
}

.btn-link--no-indent {
    padding: 0
}

.title-form-inner {
    margin-block-end:8px}

.title-form-inner h3 {
    margin-block-end:0}

.title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 16px 0
}

.title-row h3 {
    margin: 0
}

.title-row__subtitle {
    margin-block-end:0!important;margin-inline-start:8px}

.title-row__content {
    margin-inline-start:16px;vertical-align: middle
}

[dir=rtl] .title-row__content {
    margin-inline-start:8px}

.img-full {
    overflow: hidden
}

.img-full img {
    width: 100%
}

.text-red {
    color: red
}

.c-value,.option-title {
    color: #666
}

.row-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 8px 16px
}

@media (min-width: 768px) {
    .row-header {
        padding:8px 24px
    }
}

.row-header__text {
    color: #666
}

.row-header--pop-up {
    margin-block-end:8px;padding: 0
}

.row-header--pop-up .row-header__text {
    width: 100%;
    font-size: 24px;
    color: #000;
    text-align: center
}

.row-header .breadcrumbs_wrap {
    margin: 0;
    padding-inline-start:0}

[dir=rtl] .row-header .breadcrumbs_wrap {
    padding-inline-end:24px}

.row-header .breadcrumbs-item {
    margin-block-end:0}

.links-list {
    display: flex;
    align-items: center
}

.links-list__link {
    display: flex;
    margin-inline-end:8px;width: 100%;
    align-items: center
}

@media (min-width: 768px) {
    .links-list__link {
        margin-inline-end:8px;
        margin-block-end:0;width: auto
    }
}

.links-list__link:last-child {
    margin: 0
}

.links-list--mobile-column {
    width: 100%;
    flex-direction: column
}

@media (min-width: 768px) {
    .links-list--mobile-column {
        flex-direction:row
    }
}

.links-list--mobile-column .links-list__link {
    margin-inline-end:0;margin-block-end:8px}

@media (min-width: 768px) {
    .links-list--mobile-column .links-list__link {
        margin-inline-end:8px;
        margin-block-end:0}
}

.links-list--real .i-state--open {
    background-color: #ff4802
}

.links-list__border-link {
    display: flex;
    align-items: center;
    width: 50%
}

.light-link {
    color: #8fa5c3;
    cursor: pointer
}

.full-width {
    display: block;
    width: 100%
}

.no-margin-text {
    margin-block-end:0}

.dots-list {
    padding-inline-start:24px;list-style: disc
}

.notification {
    margin-block-end:8px;padding: 16px;
    width: 100%;
    max-width: 960px;
    background: #fff;
    border: 1px solid #ffeeca;
    color: #000;
    text-align: center;
    word-break: break-word;
    word-wrap: break-word;
    border-radius: 4px
}

@media (min-width: 544px) {
    .notification {
        margin-block-end:24px
    }
}

.notification--alarm {
    border-color: #fff;
    color: red
}

.notification__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.notification__link {
    margin-block-start:8px}

.notification__image {
    display: block
}

.notification__text {
    margin-block-end:0;font-size: 12px
}

@media (min-width: 544px) {
    .notification__text {
        font-size:14px
    }
}

.notification--attention {
    border-color: #e6e6e6;
    background: #f7f7f7
}

.notification--error {
    border-color: red
}

.notification--center {
    margin-inline:auto}

.notification--long-text {
    text-align: start
}

.notification__list {
    margin-block-start:-2px;font-size: 10px;
    text-align: initial;
    list-style-type: disc;
    line-height: 1.5
}

.notification__list li {
    position: relative
}

.notification__list-item {
    font-size: 12px;
    position: relative;
    inset-block-start: 2px;
    inset-inline-start: -5px
}

.notification__close-wrapper {
    cursor: pointer
}

.errors-list {
    list-style: none
}

.errors-list__item {
    color: red;
    font-size: 12px;
    line-height: 1.5;
    vertical-align: middle;
    padding-inline-start:16px}

.errors-list__item:before {
    content: "\2022";
    display: inline-block;
    margin-inline-start:-16px;width: 16px;
    font-size: 12px;
    vertical-align: middle
}

.profile_info {
    display: flex;
    margin-inline-end:32px;width: 100%;
    height: 100%;
    align-items: center
}

.profile_info__header {
    padding-inline-start:24px;border-inline-start:1px solid #f7f7f7}

.profile_info__photo {
    position: relative
}

.profile_info__img--small {
    width: 28px;
    height: 28px;
    border: 2px solid #8ec300
}

.profile_info .img__edit {
    position: absolute;
    inset-block-start: -10px;
    inset-inline-start: -10px;
    z-index: 1
}

@media (min-width: 768px) {
    .profile_info .img__edit {
        inset-block-start:-5px;
        inset-inline-start: -5px
    }
}

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

.profile_info__user-info {
    margin-inline-start:8px;max-width: 80%
}

.profile_info__name {
    font-size: 14px
}

.profile_info__state {
    font-size: 12px
}

.i-arrow {
    position: relative
}

.i-arrow span {
    position: absolute;
    width: 10px;
    height: 1px
}

.i-arrow span:after,.i-arrow span:before {
    content: " ";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.i-arrow--next span:after {
    inset-block-start: 7px;
    transform: rotate(-45deg)
}

.i-arrow--next span:before {
    transform: rotate(45deg)
}

.i-search {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    color: #999
}

@media (min-width: 544px) {
    .i-search {
        width:23px;
        height: 24px
    }
}

.i-zoom {
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    background: url(assets/img/icons/i-zoom.svg) no-repeat center
}

.i-delete {
    display: block;
    width: 14px;
    height: 16px;
    cursor: pointer;
    background: url(assets/img/icons/i-trash.svg) no-repeat center
}

.i-cancel {
    display: block;
    width: 16px;
    height: 16px;
    background: url(assets/img/icons/i-search-cancel.svg) no-repeat center
}

.i-edit-photo {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(assets/img/icons/i-pencil.svg) no-repeat center
}

.i-copy {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url(assets/img/icons/i-copy.svg) no-repeat center
}

.i-confirm {
    display: block;
    width: 20px;
    height: 16px;
    background: url(assets/img/icons/state/i-confirm.svg) no-repeat center
}

.i-confirm--white {
    background: url(assets/img/icons/state/i-confirm-white.svg) no-repeat center
}

.i-close {
    display: block;
    position: absolute;
    inset-block-start: 10px;
    inset-inline-end: 10px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -999px;
    color: transparent;
    background: url(assets/img/i-close.png) no-repeat center;
    text-decoration: none
}

.i-eye {
    width: 25px;
    height: 16px;
    background: url(assets/img/icons/i-eye.svg) no-repeat center
}

.i-spinner {
    animation: rotate 2s linear infinite;
    width: 40px;
    height: 40px
}

.i-spinner__path {
    transform-origin: center;
    stroke: #fff;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite
}

.i-alert-all {
    margin-block-end:24px;width: 197px;
    height: 197px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.i-71 {
    display: inline-block;
    vertical-align: middle;
    width: 71px;
    height: 71px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.i-animate {
    animation-name: fadeZoomIn;
    animation-duration: .8s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards
}

.arrow-prize {
    display: block;
    width: 9px;
    height: 18px;
    background: url(assets/img/icons/i-arrow-style.svg) no-repeat center
}

.i-info {
    display: flex;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.i-info svg {
    color: #999
}

.i-role {
    display: block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center
}

.i-role--trader {
    background-image: url(assets/img/icons/i-role-trader.svg)
}

.i-role--partner {
    background-image: url(assets/img/icons/i-role-partner.svg)
}

.i-social {
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden
}

.i-social--telegram {
    background-image: url(assets/img/icons/social/telegram.svg)
}

.i-social--facebook {
    background-image: url(assets/img/icons/social/facebook.svg)
}

.i-social--zopim {
    background-image: url(assets/img/icons/social/zopim.svg)
}

.i-social--wechat {
    background-image: url(assets/img/icons/social/wechat.svg)
}

.i-social--fb-msg {
    background-image: url(assets/img/icons/social/fb-msg.svg)
}

.i-social--viber {
    background: url(assets/img/icons/social/viber.svg) no-repeat center
}

.i-social--line {
    background-image: url(assets/img/icons/social/line.svg)
}

.i-social--whatsApp {
    background-image: url(assets/img/icons/social/whatsApp.svg)
}

.i-state {
    display: inline-block;
    margin-inline-end:8px;width: 16px;
    height: 16px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center
}

.i-state--rejected,.status-rejected .i-state {
    background-image: url(assets/img/icons/state/i-rejected.svg)
}

.i-state--accept,.i-state--check,.status-accept .i-state {
    background-image: url(assets/img/icons/state/i-accept.svg)
}

.i-state--pending,.status-pending .i-state {
    background-image: url(assets/img/icons/state/i-pending.svg)
}

.i-state--circle-green {
    background-image: url(assets/img/icons/state/i-circle-green.svg)
}

.i-state--accept-gray {
    background-image: url(assets/img/icons/state/i-accept-gray.svg)
}

.i-state--survey {
    width: 23px;
    height: 18px;
    background-image: url(assets/img/icons/i-survey.svg)
}

.i-state--new-identity {
    background-image: url(assets/img/verification-progress/id.svg)
}

.i-state--deposit {
    background-image: url(assets/img/verification-progress/deposit.svg)
}

.i-state--trade {
    background-image: url(assets/img/verification-progress/trade.svg)
}

.i-state--warning,.status-accept .i-state--warning {
    background-image: url(assets/img/icons/state/i-warning.svg)
}

.i-state--phone {
    background-image: url(assets/img/icons/i-phone.svg)
}

.i-state--archive {
    margin: 0;
    width: 25px;
    height: 21px;
    background-image: url(assets/img/icons/i-archive.svg)
}

.i-state--open {
    margin: 0;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #b4b4b4;
    background-image: url(assets/img/icons/i-card-plus.svg);
    background-size: 11px 11px;
    background-position: center
}

.i-state--email {
    background-image: url(assets/img/icons/i-email.svg)
}

.i-state--point {
    margin: 0;
    width: 9px;
    height: 15px;
    background-image: url(assets/img/icons/i-point-right.svg)
}

.i-state.transaction-status__icon--joinedTeam {
    color: #a2b1b9
}

.i-state.transaction-status__icon--accepted {
    color: #8abd3c
}

.i-state.transaction-status__icon--rejected {
    color: #ff6465
}

.i-mt4 {
    width: 35px;
    height: 36px;
    background: url(assets/img/icons/mt4-logo.svg) no-repeat center
}

.i-mt5 {
    width: 35px;
    height: 36px;
    background: url(assets/img/icons/mt5-logo.svg) no-repeat center
}

.i-tp {
    background-image: url(assets/img/accounts/i-tariff-tp.svg);
    background-repeat: no-repeat;
    background-position: center
}

.i-acc {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center
}

.i-acc--big {
    width: 48px;
    height: 48px
}

.i-acc--stand,.i-acc--secstand,.i-acc--secstandPro,.i-acc--asicPro,.i-acc--tp {
    background-image: url(assets/img/accounts/i-tariff-standard.svg)
}

.i-acc--demoSec,.i-acc--demoStand,.i-acc--demoStandPro,.i-acc--demoTp {
    background-image: url(assets/img/accounts/i-tariff-demoStandard.svg)
}

.i-acc--demoSecCent,.i-acc--demoSecStandPro,.i-acc--demoSecCentPro,.i-acc--asicCentPro {
    background-image: url(assets/img/accounts/i-tariff-demoEuStandard.svg)
}

.i-acc--crypto,.i-acc--tpCrypto {
    background-image: url(assets/img/accounts/i-tariff-crypto.svg)
}

.i-acc--demoCrypto,.i-acc--demoTpCrypto {
    background-image: url(assets/img/accounts/i-tariff-demoCrypto.svg)
}

.i-acc--cent,.i-acc--seccent,.i-acc--seccentPro {
    background-image: url(assets/img/accounts/i-tariff-cent.svg)
}

.i-acc--demoCent,.i-acc--demoCentPro {
    background-image: url(assets/img/accounts/i-tariff-demoCent.svg)
}

.i-acc--ramadan {
    background-image: url(assets/img/accounts/i-tariff-bonus.svg)
}

.i-acc--ecn,.i-acc--asicEcnPro {
    background-image: url(assets/img/accounts/i-tariff-ecn.svg)
}

.i-acc--demoEcn {
    background-image: url(assets/img/accounts/i-tariff-demoEcn.svg)
}

.i-acc--zero {
    background-image: url(assets/img/accounts/i-tariff-zero.svg)
}

.i-acc--demoZero {
    background-image: url(assets/img/accounts/i-tariff-demoZero.svg)
}

.i-acc--unlim {
    background-image: url(assets/img/accounts/i-tariff-unlim.svg)
}

.i-acc--demoUnlim {
    background-image: url(assets/img/accounts/i-tariff-demoUnlim.svg)
}

.i-acc--micro {
    background-image: url(assets/img/accounts/i-tariff-micro.svg)
}

.i-acc--demoMicro {
    background-image: url(assets/img/accounts/i-tariff-demoMicro.svg)
}

.i-acc--partnersw {
    background-image: url(assets/img/accounts/i-tariff-partner.svg)
}

.i-acc--exchanger {
    background-image: url(assets/img/accounts/i-tariff-exchanger.svg)
}

.i-acc--investing {
    background-image: url(assets/img/copytrade-logo.svg);
    background-size: cover
}

.i-acc--copytrade-indicator {
    position: relative
}

.i-acc--copytrade-indicator:before {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 12px;
    height: 12px;
    background-color: #85c808;
    background-image: url(assets/img/icons/i-copytrade.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden
}

.i-acc--pause-indicator {
    position: relative
}

.i-acc--pause-indicator:before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: -16px;
    width: 12px;
    height: 12px;
    background-color: transparent;
    background-image: url(assets/img/icons/pause.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden
}

.i-acc--professional {
    background-image: url(assets/img/accounts/i-tariff-professional.svg)
}

.i-acc--demoProfessional {
    background-image: url(assets/img/accounts/i-tariff-demoProfessional.svg)
}

.i-no-real-acc {
    width: 150px;
    height: 150px;
    background: url(assets/img/icons/i-no-real-acc.svg) no-repeat center
}

.close-round {
    position: absolute;
    inset-block-start: 2px;
    inset-inline-end: 2px;
    padding: 4px;
    width: 34px;
    height: 34px;
    background-color: transparent;
    border: none
}

.close-round:hover .close-round__btn {
    background-color: #dcdcdc
}

.close-round:hover .close-round__btn:before,.close-round:hover .close-round__btn:after {
    background-color: #fff
}

.close-round__btn {
    display: block;
    position: relative;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    transition: background-color .2s
}

.close-round__btn:before,.close-round__btn:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 14px;
    background-color: gray;
    transition: background-color .2s;
    inset-inline-start: 12px;
    inset-block-start: 6px
}

.close-round__btn:before {
    transform: rotate(-45deg)
}

.close-round__btn:after {
    transform: rotate(45deg)
}

.actions-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-block-start:16px}

@media (min-width: 544px) {
    .actions-wrapper {
        flex-direction:row
    }
}

.actions-wrapper--column,.actions-wrapper--popup {
    flex-direction: column;
    width: 100%
}

@media (min-width: 544px) {
    .actions-wrapper--column,.actions-wrapper--popup {
        width:auto
    }
}

.actions-wrapper--column .button,.actions-wrapper--column .btn,.actions-wrapper--popup .button,.actions-wrapper--popup .btn {
    margin: 0
}

.actions-wrapper--column .button--link,.actions-wrapper--popup .button--link {
    margin-block-start:16px;margin-inline-start:0}

.actions-wrapper--popup .button {
    margin-inline-end:0;width: 100%
}

.actions-wrapper--center {
    justify-content: center
}

.button,.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px 30px;
    width: 100%;
    min-height: 44px;
    border: none;
    background: #ff4802;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out
}

.button__wrapper,.btn__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.button--thin,.btn--thin {
    padding: 8px;
    min-height: auto;
    min-width: auto
}

@media (min-width: 544px) {
    .button,.btn {
        margin-inline-end:8px;
        width: auto
    }

    .button:nth-last-child(1),.btn:nth-last-child(1) {
        margin-inline:initial}
}

.button:nth-child(2),.btn:nth-child(2) {
    margin-block-start:8px}

@media (min-width: 544px) {
    .button:nth-child(2),.btn:nth-child(2) {
        margin-block-start:initial
    }
}

.button:nth-child(2).b-card-item__btn-size,.btn:nth-child(2).b-card-item__btn-size {
    margin-block-start:4px}

.button:hover,.button:active,.button.active,.btn:hover,.btn:active,.btn.active {
    background: #ef3800
}

.button:active,.btn:active {
    box-shadow: inset 0 0 4px 4px #ef3800
}

.button span,.btn span {
    margin-inline-end:4px}

.button span:nth-last-child(1),.btn span:nth-last-child(1) {
    margin-inline-end:initial}

.button.stand,.button.demoStand,.button.secstand,.button.secstandPro,.button.demoSecStandPro,.btn.stand,.btn.demoStand,.btn.secstand,.btn.secstandPro,.btn.demoSecStandPro {
    background: #457a93
}

.button.stand:hover,.button.stand.active,.button.demoStand:hover,.button.demoStand.active,.button.secstand:hover,.button.secstand.active,.button.secstandPro:hover,.button.secstandPro.active,.button.demoSecStandPro:hover,.button.demoSecStandPro.active,.btn.stand:hover,.btn.stand.active,.btn.demoStand:hover,.btn.demoStand.active,.btn.secstand:hover,.btn.secstand.active,.btn.secstandPro:hover,.btn.secstandPro.active,.btn.demoSecStandPro:hover,.btn.demoSecStandPro.active {
    background: #356a83
}

.button.stand:active,.button.demoStand:active,.button.secstand:active,.button.secstandPro:active,.button.demoSecStandPro:active,.btn.stand:active,.btn.demoStand:active,.btn.secstand:active,.btn.secstandPro:active,.btn.demoSecStandPro:active {
    background: #356a83;
    box-shadow: inset 0 0 4px 4px #356a83
}

.button.crypto,.button.demoCrypto,.btn.crypto,.btn.demoCrypto {
    background: #3b3938
}

.button.crypto:hover,.button.crypto.active,.button.demoCrypto:hover,.button.demoCrypto.active,.btn.crypto:hover,.btn.crypto.active,.btn.demoCrypto:hover,.btn.demoCrypto.active {
    background: #000
}

.button.crypto:active,.button.demoCrypto:active,.btn.crypto:active,.btn.demoCrypto:active {
    background: #000;
    box-shadow: inset 0 0 4px 4px #000
}

.button.cent,.button.demoCent,.button.seccent,.button.seccentPro,.button.demoSecCent,.button.demoSecCentPro,.btn.cent,.btn.demoCent,.btn.seccent,.btn.seccentPro,.btn.demoSecCent,.btn.demoSecCentPro {
    background: #65a33e
}

.button.cent:hover,.button.cent.active,.button.demoCent:hover,.button.demoCent.active,.button.seccent:hover,.button.seccent.active,.button.seccentPro:hover,.button.seccentPro.active,.button.demoSecCent:hover,.button.demoSecCent.active,.button.demoSecCentPro:hover,.button.demoSecCentPro.active,.btn.cent:hover,.btn.cent.active,.btn.demoCent:hover,.btn.demoCent.active,.btn.seccent:hover,.btn.seccent.active,.btn.seccentPro:hover,.btn.seccentPro.active,.btn.demoSecCent:hover,.btn.demoSecCent.active,.btn.demoSecCentPro:hover,.btn.demoSecCentPro.active {
    background: #55932e
}

.button.cent:active,.button.demoCent:active,.button.seccent:active,.button.seccentPro:active,.button.demoSecCent:active,.button.demoSecCentPro:active,.btn.cent:active,.btn.demoCent:active,.btn.seccent:active,.btn.seccentPro:active,.btn.demoSecCent:active,.btn.demoSecCentPro:active {
    background: #55932e;
    box-shadow: inset 0 0 4px 4px #55932e
}

.button.bonus50Au,.button.bonus50,.button.ramadan,.btn.bonus50Au,.btn.bonus50,.btn.ramadan {
    background: #d9a424
}

.button.bonus50Au:hover,.button.bonus50Au.active,.button.bonus50:hover,.button.bonus50.active,.button.ramadan:hover,.button.ramadan.active,.btn.bonus50Au:hover,.btn.bonus50Au.active,.btn.bonus50:hover,.btn.bonus50.active,.btn.ramadan:hover,.btn.ramadan.active {
    background: #c99414
}

.button.bonus50Au:active,.button.bonus50:active,.button.ramadan:active,.btn.bonus50Au:active,.btn.bonus50:active,.btn.ramadan:active {
    background: #c99414;
    box-shadow: inset 0 0 4px 4px #c99414
}

.button.ecn,.button.demoEcn,.btn.ecn,.btn.demoEcn {
    background: #4d9e85
}

.button.ecn:hover,.button.ecn.active,.button.demoEcn:hover,.button.demoEcn.active,.btn.ecn:hover,.btn.ecn.active,.btn.demoEcn:hover,.btn.demoEcn.active {
    background: #3d8e75
}

.button.ecn:active,.button.demoEcn:active,.btn.ecn:active,.btn.demoEcn:active {
    background: #3d8e75;
    box-shadow: inset 0 0 4px 4px #3d8e75
}

.button.ecn.au,.button.demoEcn.au,.btn.ecn.au,.btn.demoEcn.au {
    background: #454d93
}

.button.ecn.au:hover,.button.ecn.au:active,.button.ecn.au.active,.button.demoEcn.au:hover,.button.demoEcn.au:active,.button.demoEcn.au.active,.btn.ecn.au:hover,.btn.ecn.au:active,.btn.ecn.au.active,.btn.demoEcn.au:hover,.btn.demoEcn.au:active,.btn.demoEcn.au.active {
    background: #3a407a
}

.button.zero,.button.demoZero,.btn.zero,.btn.demoZero {
    background: #a77c3a
}

.button.zero:hover,.button.zero.active,.button.demoZero:hover,.button.demoZero.active,.btn.zero:hover,.btn.zero.active,.btn.demoZero:hover,.btn.demoZero.active {
    background: #976c2a
}

.button.zero:active,.button.demoZero:active,.btn.zero:active,.btn.demoZero:active {
    background: #976c2a;
    box-shadow: inset 0 0 4px 4px #976c2a
}

.button.unlim,.button.demoUnlim,.btn.unlim,.btn.demoUnlim {
    background: #db5d25
}

.button.unlim:hover,.button.unlim.active,.button.demoUnlim:hover,.button.demoUnlim.active,.btn.unlim:hover,.btn.unlim.active,.btn.demoUnlim:hover,.btn.demoUnlim.active {
    background: #cb4d23
}

.button.unlim:active,.button.demoUnlim:active,.btn.unlim:active,.btn.demoUnlim:active {
    background: #cb4d23;
    box-shadow: inset 0 0 4px 4px #cb4d23
}

.button.micro,.button.demoMicro,.btn.micro,.btn.demoMicro {
    background: #695a93
}

.button.micro:hover,.button.micro.active,.button.demoMicro:hover,.button.demoMicro.active,.btn.micro:hover,.btn.micro.active,.btn.demoMicro:hover,.btn.demoMicro.active {
    background: #594a83
}

.button.micro:active,.button.demoMicro:active,.btn.micro:active,.btn.demoMicro:active {
    background: #594a83;
    box-shadow: inset 0 0 4px 4px #594a83
}

.button.professional,.button.demoProfessional,.btn.professional,.btn.demoProfessional {
    background: #563aa6
}

.button.professional:hover,.button.professional.active,.button.demoProfessional:hover,.button.demoProfessional.active,.btn.professional:hover,.btn.professional.active,.btn.demoProfessional:hover,.btn.demoProfessional.active {
    background: #4e329c
}

.button.professional:active,.button.demoProfessional:active,.btn.professional:active,.btn.demoProfessional:active {
    background: #4e329c;
    box-shadow: inset 0 0 4px 4px #4e329c
}

.button.segreg,.btn.segreg {
    background: #637176
}

.button.segreg:hover,.button.segreg.active,.btn.segreg:hover,.btn.segreg.active {
    background: #536172
}

.button.segreg:active,.btn.segreg:active {
    background: #536172;
    box-shadow: inset 0 0 4px 4px #536172
}

.button[disabled],.btn[disabled] {
    background: #b3b3b3;
    box-shadow: none;
    color: #fff
}

.button[disabled]:hover,.button[disabled]:active,.btn[disabled]:hover,.btn[disabled]:active {
    background: #b3b3b3;
    box-shadow: none
}

.button--filter,.btn--filter {
    display: flex;
    align-items: center;
    min-height: auto;
    min-width: auto;
    padding: 4px 16px;
    border: 1px solid #e6e6e6;
    border-radius: 24px;
    background: none;
    color: #666
}

.button--filter:hover,.btn--filter:hover {
    background: #e6e6e6
}

.button--filter.active,.btn--filter.active {
    color: #000;
    background: #e6e6e6
}

.button-border,.btn-border {
    min-height: 35px;
    min-width: auto;
    padding: 12px 30px;
    background: none;
    box-shadow: inset 0 0 0 1px #0e88e7;
    color: #0e88e7;
    border: none;
    border-radius: 4px
}

.button-border--small,.btn-border--small {
    padding: 7px 10px;
    width: auto
}

.button-border--medium,.btn-border--medium {
    padding: 12px 24px
}

.button-border:hover,.button-border:active,.button-border.active,.btn-border:hover,.btn-border:active,.btn-border.active {
    color: #fff;
    background: #0e88e7;
    box-shadow: inset 0 0 0 1px #0e88e7
}

.button-border[disabled],.btn-border[disabled] {
    background: #fff;
    box-shadow: inset 0 0 1px 1px #b3b3b3;
    color: #b3b3b3
}

.button__icon,.btn__icon {
    display: block;
    margin-inline-end:8px;width: 25px;
    height: 25px;
    color: #fff
}

.button__logo,.btn__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end:16px}

.button--link,.btn--link {
    margin-block-start:20px}

@media (min-width: 544px) {
    .button--link,.btn--link {
        margin-block-start:0;
        margin-inline-start:20px}
}

.button--link-red,.btn--link-red,.button--link-red:hover,.btn--link-red:hover {
    color: #ff4802
}

.button--link-red:hover:after,.btn--link-red:hover:after {
    border-block-end:1px solid #ff4802}

.button--link-red:after,.btn--link-red:after {
    border-block-end:1px solid #ff4802}

.button--wide,.btn--wide {
    width: 100%
}

.button--dark,.btn--dark {
    background: #323e47
}

.button--dark:hover,.button--dark.active,.btn--dark:hover,.btn--dark.active {
    background: #222e37
}

.button--dark:active,.btn--dark:active {
    background: #222e37;
    box-shadow: inset 0 0 4px 4px #222e37
}

.button--arrow:before,.btn--arrow:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 10px;
    background: url(assets/img/icons/i-arrow.svg) no-repeat center
}

.button--arrow-left,.btn--arrow-left {
    min-width: 100px
}

@media (min-width: 544px) {
    .button--arrow-left,.btn--arrow-left {
        padding-inline-start:50px
    }
}

.button--arrow-left:before,.btn--arrow-left:before {
    inset-inline-start: 50%;
    transform: translate(-50%)
}

@media (min-width: 544px) {
    .button--arrow-left:before,.btn--arrow-left:before {
        inset-inline-start:20px
    }
}

.button--arrow-left span,.btn--arrow-left span {
    display: none
}

@media (min-width: 544px) {
    .button--arrow-left span,.btn--arrow-left span {
        display:block
    }
}

.button--arrow-right,.btn--arrow-right {
    padding-inline-end:50px;min-width: 185px
}

.button--arrow-right:before,.btn--arrow-right:before {
    inset-inline-end: 20px;
    transform: rotate(90deg)
}

.button--arrow-right-bottom:before,.btn--arrow-right-bottom:before {
    transform: rotate(-90deg)
}

.button--blue,.btn--blue {
    color: #fff;
    background: #0e88e7
}

.button--blue:active,.button--blue:hover,.btn--blue:active,.btn--blue:hover {
    background: #0e88e7;
    box-shadow: none
}

.preloader {
    display: flex;
    margin: 8px auto;
    width: 100%;
    height: 0;
    align-items: center;
    justify-content: center
}

.preloader__overlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    background-color: #fff;
    opacity: .4
}

.preloader__dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    animation: stretchdelay .7s infinite ease-in-out
}

.preloader__dot--2 {
    animation-delay: -.6s
}

.preloader__dot--3 {
    animation-delay: -.5s
}

.preloader-length {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: end
}

.preloader-length__dot {
    display: inline-block;
    margin: 24px 2px 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #666;
    animation: stretchdelay-small .7s infinite ease-in-out
}

.preloader-length__dot--2 {
    animation-delay: -.6s
}

.preloader-length__dot--3 {
    animation-delay: -.5s
}

.form-group {
    margin-block-start:-16px}

.form-field {
    position: relative;
    margin-block-start:32px}

.form-field--equal-margin {
    margin: 24px 0
}

.form-field--no-margin {
    margin-block-start:16px}

.form-field--zero-margin {
    margin-block-start:0}

.form-field__content {
    position: relative
}

.form-field--border-radius {
    border-radius: 4px
}

.form-field__search {
    margin-block-start:0}

.form-field__search .form-control {
    padding-block:8px;padding-inline:16px 56px}

.form-field__label-style {
    font-size: 12px;
    margin-block-end:4px}

.form-field__small,.form-field__small:last-child {
    flex-basis: 90px!important;
    flex-shrink: inherit;
    width: 110px
}

.form-field--flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.form-field--flex .form-field__child:first-child {
    flex-grow: 1
}

.form-field--flex .form-field__child:last-child {
    margin-inline-start:8px;flex-basis: 90px!important;
    flex-shrink: inherit;
    width: 110px
}

.form-field__validation-icon,.form-field__hide-password-icon {
    position: absolute;
    inset-block-start: 14px;
    inset-inline-end: 11px;
    padding: 2px;
    background-color: #fff
}

.form-field__hide-password-icon {
    cursor: pointer;
    transition: .25s
}

.form-field__hide-password-icon--toogled {
    opacity: .5
}

.form-field.invalid input,.form-field.invalid textarea {
    border-color: red!important
}

.form-field input {
    min-height: 46px;
    padding: 8px 16px;
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    text-align: start;
    color: #000;
    border: 1px solid #dcdcdc;
    -webkit-appearance: none
}

.form-field input::placeholder {
    font-size: 14px;
    color: #666
}

.form-field input.ng-untouched.ng-invalid {
    border-color: #dcdcdc
}

.form-field input.disabled,.form-field input[disabled] {
    color: #666;
    -webkit-text-fill-color: #666666;
    opacity: 1
}

.form-field input.disabled:not(.disabled-logically-only),.form-field input[disabled]:not(.disabled-logically-only) {
    background-color: #f7f7f7;
    border-color: #e6e6e6
}

.form-field input.disabled.placeholder,.form-field input[disabled].placeholder {
    color: #666;
    -webkit-text-fill-color: #666666
}

.form-field input:focus {
    border: 1px solid #0e88e7
}

.form-field__input--icon-right {
    padding-inline-end:40px!important}

@media (max-width: 543px) {
    .form-field__btn {
        margin-block-start:0
    }
}

.form-field input[type=number]::-webkit-inner-spin-button,.form-field input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-field input[type=number] {
    -moz-appearance: textfield
}

.form-field input[type=number]::-ms-clear {
    display: none
}

.form-field input[type=text],.form-field input[type=password],.form-field input[type=email] {
    -webkit-appearance: none
}

.form-field textarea {
    min-height: 46px;
    padding: 8px 16px;
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    border: 1px solid #dcdcdc;
    resize: none;
    -webkit-appearance: none
}

.form-field textarea::placeholder {
    font-size: 14px;
    color: #666
}

.form-field textarea.ng-untouched.ng-invalid {
    border-color: #dcdcdc
}

.form-field textarea.disabled {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    color: #666
}

.label,.form-field label:not(.mdc-label) {
    position: absolute;
    inset-block-start: -20px;
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear .4s,opacity .4s
}

.label.fade-in,.form-field label.fade-in:not(.mdc-label) {
    color: #666;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s,opacity .4s
}

.label.fade-in--normal,.form-field label.fade-in--normal:not(.mdc-label) {
    display: block;
    position: relative;
    inset-block-start: 0;
    margin-block-start:-16px}

.label.disabled,.form-field label.disabled:not(.mdc-label),.label[disabled],.form-field label[disabled]:not(.mdc-label) {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    color: #666
}

.label--normal {
    display: block;
    position: relative;
    inset-block-start: 0;
    margin-block-start:-4px;visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s,opacity .4s
}

.rename-popup__symbols {
    font-size: 12px;
    color: #666
}

.text-key-value {
    margin-block-start:8px}

.text-key-value__key {
    margin-inline-end:4px}

.error-input {
    display: block;
    position: absolute;
    margin-block:-8px 0;margin-inline:4px;color: red;
    font-size: 10px;
    z-index: 1
}

.error-input__content {
    display: inline-block;
    padding: 4px 8px;
    background: #fff;
    border-radius: 4px
}

.error-input__content a[href^=tel] {
    pointer-events: none;
    color: inherit;
    text-decoration: inherit
}

.error-input__inner {
    position: relative
}

.error-input~.error-input {
    display: none
}

.error-input--static {
    position: relative;
    margin-block-start:8px}

.radio {
    position: relative;
    width: 100%;
    height: 100%
}

.radio__fill {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    margin-block-start:-8px;width: 16px;
    height: 16px;
    z-index: 1;
    border-radius: 50%;
    border: 5px solid #f0f0f0;
    background: #fff;
    transition: background .1s ease-in,border .1s ease-in;
    pointer-events: none
}

.radio__info {
    padding-inline-start:32px}

.radio--fake {
    cursor: auto
}

.radio--fake .radio__input,.radio--fake .radio__fill {
    display: none
}

.radio--fake .radio__info {
    padding-inline-start:0}

.radio__input {
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    cursor: pointer
}

.radio__input:focus {
    outline: none
}

.radio__input:checked~.radio__fill {
    transition: background .1s ease-out,border .1s ease-out;
    background: #0d88e7
}

.radio__input:disabled~.radio__info {
    color: #666;
    -webkit-text-fill-color: #666666
}

.radio__input:disabled~.radio__fill {
    border-color: #f7f7f7
}

.radio--disabled .radio__input:checked~.radio__fill {
    background: #0d88e7
}

.radio-inner .radio-inner__fill {
    inset-block-start: 2px;
    margin-block-start:0;width: 14px;
    height: 14px;
    border-width: 3px
}

.radio-inner .radio-inner__fill:before {
    content: "";
    position: absolute;
    inset-block-start: -1px;
    inset-inline-start: -1px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 2px solid #ffffff
}

.radio-inner .radio-inner__input {
    font-size: 12px
}

.radio-inner .radio-inner__input:checked~.radio-inner__fill {
    background: #0e88e7
}

.radio-inner .radio-inner__info {
    padding-inline-start:24px}

.invalid {
    position: relative
}

.invalid input,.invalid textarea {
    border-color: red!important
}

.invalid input.ng-invalid-disable,.invalid textarea.ng-invalid-disable {
    border-color: #dcdcdc!important
}

.accountsReports {
    line-height: 14px
}

.accountsReports .accountsReports__balanceAcc {
    font-size: 10px;
    color: #666
}

.zoom-in {
    transform-origin: center center;
    animation-name: zoomIn;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out
}

@keyframes zoomIn {
    0% {
        transform: scale(.3)
    }

    to {
        transform: scale(1)
    }
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

@keyframes fadeZoomIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes fadeZoomInBlock {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes stretchdelay {
    0%,40%,to {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-10px)
    }
}

@keyframes stretchdelay-small {
    0%,40%,to {
        transform: translateY(-10px)
    }

    20% {
        transform: translateY(-20px)
    }
}

.invalid-field-animation>.form-control {
    animation-name: box-shadow-blink;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes box-shadow-blink {
    0% {
        box-shadow: none
    }

    50% {
        box-shadow: 0 0 5px red
    }

    to {
        box-shadow: none
    }
}

.action-status {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 32px
}

.action-status__img {
    margin-block:24px}

@media (min-width: 544px) {
    .action-status__img {
        margin-block:48px 32px
    }
}

.action-status__img--accept {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-accept.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--accept {
        width:249px;
        height: 249px
    }
}

.action-status__img--progress {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-progress.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--progress {
        width:249px;
        height: 249px
    }
}

.action-status__img--reject {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-reject.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--reject {
        width:249px;
        height: 249px
    }
}

.action-status__img--verified {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-cup.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--verified {
        width:249px;
        height: 249px
    }
}

.action-status__img--in-progress {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-in-progress.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--in-progress {
        width:249px;
        height: 249px
    }
}

.action-status__img--paper-check {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-paper-check.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--paper-check {
        width:249px;
        height: 249px
    }
}

.action-status__img--failed {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-failed.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--failed {
        width:249px;
        height: 249px
    }
}

.action-status__img--password {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-shield.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--password {
        width:249px;
        height: 249px
    }
}

.action-status__img--phone {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-phone-check.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--phone {
        width:249px;
        height: 249px
    }
}

.action-status__img--email {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-email.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--email {
        width:249px;
        height: 249px
    }
}

.action-status__img--404 {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-404.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--404 {
        width:249px;
        height: 249px
    }
}

.action-status__img--attention {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-attention.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--attention {
        width:249px;
        height: 249px
    }
}

.action-status__img--paper {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-paper-check.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--paper {
        width:249px;
        height: 249px
    }
}

.action-status__img--country {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-country.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--country {
        width:249px;
        height: 249px
    }
}

.action-status__img--network {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-network.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--network {
        width:249px;
        height: 249px
    }
}

.action-status__img--address {
    width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-address.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--address {
        width:249px;
        height: 249px
    }
}

.action-status__img--payment-failed {
    margin-block-start:0;width: 101px;
    height: 101px;
    background: url(assets/img/icons/state/i-payment-failed.svg) no-repeat center
}

@media (min-width: 544px) {
    .action-status__img--payment-failed {
        width:249px;
        height: 249px
    }
}

.action-status--tp .action-status__img--email {
    width: 128px;
    height: 128px;
    background: url(assets/img/icons/state/status-email.svg) no-repeat center
}

.action-status--tp .action-status__img--attention {
    width: 128px;
    height: 128px;
    background: url(assets/img/icons/state/status-attention.svg) no-repeat center
}

.action-status__message {
    flex-basis: 100%;
    text-align: center;
    margin-block-end:8px}

.action-status__title {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #000
}

@media (min-width: 544px) {
    .action-status__title {
        font-size:24px
    }
}

.action-status__description {
    font-size: 14px;
    color: #000;
    line-height: 1.5;
    margin-block:16px 0}

@media (min-width: 544px) {
    .action-status__description {
        margin-block-start:8px
    }
}

.action-status__btn-wrap {
    margin-block-start:0}

.action-status__btn {
    margin-block-start:8px;width: auto;
    min-width: 205px;
    cursor: pointer
}

.action-status__link {
    flex-basis: 100%;
    margin-block-start:8px;text-align: center
}

.modal__content {
    position: relative;
    text-align: center
}

.modal__title {
    margin-block-end:4px}

.modal__descr {
    margin-block-end:24px}

.modal__close-btn {
    position: absolute;
    background: none;
    inset-block-start: -19px;
    inset-inline-end: 2px;
    border: 0
}

.modal__close-btn-i:before,.modal__close-btn-i:after {
    width: 14px
}

.modal__row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.modal__row--small-text {
    font-size: 10px
}

.modal__row label {
    position: static
}

.modal__image-box {
    margin-block-end:8px;width: 150px
}

.modal__sm {
    max-width: 250px
}

.modal__text {
    margin-block-end:16px}

.modal__list {
    margin-block-end:24px}

.modal__item {
    display: flex;
    justify-content: space-between
}

.modal__icon {
    display: block;
    margin: 24px auto 32px;
    width: 130px;
    height: 130px;
    background-repeat: no-repeat;
    background-position: center
}

.commission-panel .mdc-dialog__surface {
    padding: 24px
}

.common-popup-container {
    width: 100%;
    min-width: 288px;
    max-width: 328px
}

@media (min-width: 768px) {
    .common-popup-container {
        max-width:520px
    }
}

@media (min-width: 768px) {
    .common-popup-container--sm {
        max-width:420px
    }
}

@media (min-width: 768px) {
    .common-popup-container--md {
        max-width:640px
    }
}

.preview-popup-container {
    width: 100%;
    max-width: 304px!important
}

@media (min-width: 544px) {
    .preview-popup-container {
        max-width:480px!important
    }
}

.preview-popup-container--medium {
    width: 100%;
    max-width: 304px!important
}

@media (min-width: 544px) {
    .preview-popup-container--medium {
        max-width:480px!important
    }
}

.preview-popup-container--video {
    max-width: 608px!important
}

.preview-popup-container .mdc-dialog__surface {
    padding: 24px
}

.regular-popup-container {
    width: 100%;
    max-width: 304px!important
}

.regular-popup-container .mdc-dialog__surface {
    padding: 24px
}

.regular-popup-container.partner-popup-container .mdc-dialog__surface {
    padding: 0
}

.transaction-popup {
    margin: 0 8px;
    width: 100%;
    max-width: 344px!important
}

@media (min-width: 544px) {
    .transaction-popup {
        max-width:440px!important
    }
}

.transaction-popup .mdc-dialog__surface {
    border-radius: 12px;
    padding: 24px
}

.popup-container-360 {
    margin: 0 8px;
    width: 100%;
    max-width: 360px!important
}

.popup-container-360 .mdc-dialog__surface {
    padding: 24px
}

.popup-container-450 {
    margin: 0 8px;
    width: 100%;
    max-width: 450px!important
}

.popup-container-450 .mdc-dialog__surface {
    padding: 24px
}

.partner-popup-container {
    margin: 8px;
    width: 96%;
    max-width: 635px!important
}

.partner-popup-container mat-dialog-container {
    padding: 0
}

@media (min-width: 768px) {
    .partner-popup-container mat-dialog-container {
        max-height:70vh!important
    }
}

.mdc-dialog__surface {
    position: relative;
    max-height: 90vh!important;
    background-color: #fff
}

.access-denied-modal__descr ul {
    padding-inline-start:16px;list-style: disc;
    text-align: initial
}

.access-denied-modal__descr ul li {
    margin-block-end:8px}

.access-denied-modal__descr ul li:last-child {
    margin-block-end:0}

.attach-lead-partner-popup {
    width: 100%;
    max-width: 487px!important
}

@media (max-width: 543px) {
    .attach-lead-partner-popup.mdc-dialog__surface {
        padding:16px
    }
}

.partner-grade-popup-container,.partner-challenge-popup-container {
    max-width: 100%!important;
    min-width: 304px;
    margin: 8px
}

.partner-grade-popup-container .mdc-dialog__surface,.partner-challenge-popup-container .mdc-dialog__surface {
    position: relative;
    padding: 12px 16px 20px
}

@media (min-width: 544px) {
    .partner-grade-popup-container .mdc-dialog__surface,.partner-challenge-popup-container .mdc-dialog__surface {
        padding:16px 16px 20px
    }
}

@media (min-width: 768px) {
    .partner-grade-popup-container .mdc-dialog__surface,.partner-challenge-popup-container .mdc-dialog__surface {
        padding:24px 32px 32px
    }
}

.partner-challenge-popup-container .mdc-dialog__surface {
    padding: 24px 16px;
    border-radius: 28px
}

@media (min-width: 544px) {
    .partner-challenge-popup-container .mdc-dialog__surface {
        padding:24px
    }
}

.page-not-found {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

.page-not-found__title {
    margin-block-end:40px}

.page-not-found__img {
    margin-block-end:32px;max-width: 250px
}

.page-not-found__h2 {
    margin-block-end:16px;font-size: 18px;
    font-weight: 400
}

.page-not-found__list {
    margin-block-end:32px}

.page-not-found__item {
    margin-block-end:4px;text-align: center
}

.page-not-found__item:last-child {
    margin-block-end:0}

.page-not-found__p {
    color: #000
}

.unsubscribe-comp {
    padding: 24px 24px 4px
}

@media (min-width: 544px) {
    .unsubscribe-comp {
        padding:24px 32px 8px
    }
}

.title-responsive {
    font-size: 16px
}

@media (min-width: 544px) {
    .title-responsive {
        font-size:24px
    }
}

.check-list {
    margin-block-start:16px}

@media (min-width: 544px) {
    .check-list {
        margin-block-start:24px
    }
}

.check-list__title {
    color: #666
}

.check-list__radio-group {
    margin-block-start:8px;margin-inline-start:24px}

.check-list__radio-group .radio {
    margin-block-start:8px}

.subscribeComp__title-group {
    margin-block-end:24px}

.subscribeComp__title-group .h3 {
    margin-block-end:4px}

.subscribeComp__label-small {
    font-size: 12px;
    color: #666
}

.subscribeComp__label-small.warning {
    color: red
}

.check-list-item {
    padding: 8px 0;
    border-block-end:1px solid #f0f0f0}

@media (min-width: 544px) {
    .check-list-item {
        padding:16px 0
    }
}

.check-list-item__caption {
    margin-block-end:0;margin-inline-start:32px;color: #666;
    font-size: 12px
}

.check-list-item:last-child {
    border-block-end:0}

.check-list-item__form-field {
    margin-block-start:8px;margin-inline-start:24px}

.modal-unsubscribe {
    display: flex;
    justify-content: center
}

.modal-unsubscribe__content {
    max-width: 570px;
    text-align: center
}

.modal-unsubscribe__title {
    margin-block-end:32px;font-size: 18px
}

.modal-unsubscribe__buttons {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 544px) {
    .modal-unsubscribe__buttons {
        align-items:center
    }
}

.modal-unsubscribe__buttons .btn {
    margin-block-end:24px}

.card--account {
    display: flex
}

@media (min-width: 768px) {
    .card--account {
        padding:16px
    }
}

.card--row {
    display: flex
}

.card__image-box {
    margin-inline-end:16px;width: 32px;
    flex-shrink: 0;
    min-width: 32px
}

@media (min-width: 768px) {
    .card__image-box {
        width:105px;
        height: 105px
    }
}

.card__image-box--trader {
    width: 48px;
    height: 48px
}

.card__logo {
    position: relative;
    margin-inline-end:8px}

@media (min-width: 768px) {
    .card__logo {
        margin-inline-end:16px
    }
}

.card__img {
    max-width: 100%;
    height: auto
}

.card__img--copytrade {
    border-radius: 25%
}

.card__text {
    max-width: 100%
}

.card__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

@media (min-width: 768px) {
    .card__wrapper {
        max-width:455px
    }
}

.card__heading {
    display: flex;
    align-items: center;
    padding-block-end:16px;width: 100%
}

@media (min-width: 768px) {
    .card__heading {
        max-width:585px;
        padding-block-end:4px}
}

.card__top {
    margin-inline-end:4px}

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

.card__actions .light-link {
    display: none
}

@media (min-width: 768px) {
    .card__actions .light-link {
        display:inline-block;
        margin: 0 4px
    }
}

.card__title {
    font-size: 14px
}

@media (min-width: 768px) {
    .card__title {
        margin-block-end:8px;
        font-size: 24px
    }

    .card__title--mobile-bold {
        font-weight: 700;
        font-size: 14px
    }
}

.card__title--bold {
    margin-block-end:4px;font-weight: 700;
    font-size: 14px
}

.card__name {
    color: #666;
    word-break: break-word
}

.card__balance {
    margin-block-start:4px;font-size: 18px
}

.card__commentary {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    word-break: break-word;
    font-size: 14px;
    color: #666
}

.card__edit {
    font-size: 12px
}

.card__separator {
    margin: 0 16px;
    height: 1px;
    background-color: #ebebeb
}

@media (min-width: 768px) {
    .card__separator {
        margin:0 24px
    }
}

.card__desc {
    padding-block-start:8px;border-block-start:1px solid #ebebeb;word-wrap: break-word;
    word-break: break-word
}

@media (min-width: 768px) {
    .card__desc {
        margin-inline-start:64px
    }
}

.card__info {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    margin-inline-start:auto}

.card__link {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.cdk-overlay-pane.mat-tooltip-panel .tooltip-message {
    position: relative;
    padding: 8px 16px;
    background: #000;
    font-size: 12px;
    overflow: visible
}

.cdk-overlay-pane.mat-tooltip-panel .tooltip-message--small-margin {
    margin: 4px 24px
}

@media (min-width: 544px) {
    .cdk-overlay-pane.mat-tooltip-panel .tooltip-message:after {
        content:"";
        position: absolute;
        inset-block-end: -5px;
        inset-inline-start: calc(50% - 3px);
        width: 0;
        height: 0;
        border-inline-start:5px solid transparent;border-inline-end:5px solid transparent;border-block-start:5px solid #000000;clear: both
    }
}

.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip {
    background: #616161e6;
    padding-block:6px}

@media (min-width: 544px) {
    .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip:after {
        content:"";
        position: absolute;
        inset-block-end: -5px;
        inset-inline-start: calc(50% - 3px);
        width: 0;
        height: 0;
        border-inline-start:5px solid transparent;border-inline-end:5px solid transparent;border-block-start:5px solid rgba(97,97,97,.9);clear: both
    }
}

.cdk-global-overlay-wrapper {
    height: var(--modal-height)
}

@media (min-width: 768px) {
    .cdk-global-overlay-wrapper .preview-popup-container {
        margin-block-start:170px
    }
}

@media (max-height: 720px) {
    .cdk-global-overlay-wrapper .preview-popup-container {
        margin-block-start:32px
    }
}

@media (min-width: 768px) {
    .cdk-global-overlay-wrapper .preview-popup-container--medium {
        margin-block-start:170px
    }
}

@media (max-height: 720px) {
    .cdk-global-overlay-wrapper .preview-popup-container--medium {
        margin-block-start:32px
    }
}

@media (min-width: 768px) {
    .cdk-global-overlay-wrapper .regular-popup-container {
        margin-block-start:130px
    }
}

@media (max-height: 767px) {
    .cdk-global-overlay-wrapper .regular-popup-container {
        margin-block-start:24px
    }
}

@media (min-width: 768px) {
    .cdk-global-overlay-wrapper .verification-rejected-popup-container {
        margin-block-start:130px
    }
}

#cdk-overlay-0 {
    z-index: 1
}

@media (min-width: 544px) {
    #cdk-overlay-0 {
        display:block
    }
}

#cdk-overlay-1 {
    z-index: 2
}

.language-dropmenu {
    position: fixed;
    inset-block-end: 0;
    inset-inline-start: 0;
    transform: translateY(8px);
    padding: 56px 8px 4px;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow-y: auto;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 -30px 50px #f7f7f7;
    visibility: hidden;
    opacity: 0;
    transition: visibility,opacity,transform .3s ease
}

@media (min-width: 769px) {
    .language-dropmenu {
        padding-block-start:24px
    }
}

.language-dropmenu.show {
    inset-block-start: 0;
    transform: translateZ(0);
    height: 100vh;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 769px) {
    .language-dropmenu.show {
        inset-block-start:auto
    }
}

@media (min-width: 769px) {
    .language-dropmenu {
        position:absolute;
        inset-block-end: 55px;
        height: auto;
        max-height: inherit
    }

    .language-dropmenu--europe {
        inset-block-end: calc(100% + 1px);
        padding: 4px 24px
    }

    .language-dropmenu--europe .language-dropmenu__content {
        margin-block-end:0}
}

.language-dropmenu__content {
    height: 90%;
    overflow-x: hidden;
    overflow-y: auto
}

.header__dropdown .language-footer__wrapper {
    padding: 16px
}

@media (min-width: 768px) {
    .header__dropdown .language-footer__wrapper {
        padding:0
    }
}

.language-link {
    display: flex;
    position: relative;
    padding: 0;
    width: 100%;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none
}

.language-link:before {
    content: " ";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-start: 5px;
    transform: scale(0);
    width: 16px;
    height: 16px;
    transition: transform .3s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(assets/img/icons/state/i-accept.svg)
}

.language-link.active:before {
    transform: scale(1)
}

.language-link.active i {
    transform: scale(0)
}

.language-link.disabled {
    cursor: default
}

.is-active-lang-list .language-link__mobile-menu {
    display: none
}

.language-sublink span {
    font-size: 12px;
    text-align: start
}

.language-group {
    margin-block-start:16px;padding: 0 16px;
    width: 100%
}

.language-group:first-child {
    margin-block-start:0}

@media (min-width: 769px) {
    .language-group {
        margin-block-start:0;
        width: 50%
    }
}

.language-group--europe {
    width: 100%
}

@media (min-width: 769px) {
    .language-group--europe .language-group__item {
        width:25%
    }
}

.language-group__title {
    font-size: 21px;
    font-weight: 700
}

.language-group__list {
    display: flex;
    margin-block-start:8px;align-items: baseline;
    flex-wrap: wrap;
    overflow: hidden
}

.language-group__item {
    position: relative;
    margin-block-end:1px;padding: 8px 0;
    width: 100%;
    overflow: hidden;
    border-block-end:1px solid #f0f0f0}

@media (min-width: 769px) {
    .language-group__item {
        width:33.3333%
    }
}

.language-group__item:before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    transition: transform,opacity .3s ease
}

@media (min-width: 768px) {
    .block-footer-language .language-dropmenu.show {
        height:auto
    }
}

.flag-icon {
    display: inline-block;
    position: relative;
    margin-inline-end:8px;width: 24px;
    height: 24px;
    background-position: -240px -96px;
    background-repeat: no-repeat;
    background-image: url(assets/img/icons/flags.png);
    transition: transform .3s ease
}

.flag-icon--null {
    display: none
}

.flag-icon--none {
    background: none;
    box-shadow: inset 0 0 4px 4px #f0f0f0
}

.flag-icon--background-none {
    background: none
}

.flag-icon--small {
    transform: scale(.7);
    margin-inline-end:4px}

.flag-icon--ad {
    background-position: -24px 0
}

.flag-icon--ae,.flag-icon--are {
    background-position: -48px 0
}

.flag-icon--af {
    background-position: -72px 0
}

.flag-icon--ag {
    background-position: -96px 0
}

.flag-icon--ai {
    background-position: -120px 0
}

.flag-icon--al {
    background-position: -144px 0
}

.flag-icon--am {
    background-position: -168px 0
}

.flag-icon--an {
    background-position: -192px 0
}

.flag-icon--ao {
    background-position: -216px 0
}

.flag-icon--as {
    background-position: -264px 0
}

.flag-icon--at {
    background-position: -288px 0
}

.flag-icon--au {
    background-position: -312px 0
}

.flag-icon--aw {
    background-position: -336px 0
}

.flag-icon--ar {
    background-position: -240px 0
}

.flag-icon--ax {
    background-position: -360px 0
}

.flag-icon--az {
    background-position: 0 -24px
}

.flag-icon--ba {
    background-position: -24px -24px
}

.flag-icon--bb {
    background-position: -48px -24px
}

.flag-icon--bd {
    background-position: -72px -24px
}

.flag-icon--be {
    background-position: -96px -24px
}

.flag-icon--bf {
    background-position: -120px -24px
}

.flag-icon--bg {
    background-position: -144px -24px
}

.flag-icon--bh {
    background-position: -168px -24px
}

.flag-icon--bi {
    background-position: -192px -24px
}

.flag-icon--bj {
    background-position: -216px -24px
}

.flag-icon--bl {
    background-position: -240px -24px
}

.flag-icon--bm {
    background-position: -264px -24px
}

.flag-icon--bn {
    background-position: -288px -24px
}

.flag-icon--bo {
    background-position: -312px -24px
}

.flag-icon--br {
    background-position: -336px -24px
}

.flag-icon--bs {
    background-position: -360px -24px
}

.flag-icon--bt {
    background-position: 0 -48px
}

.flag-icon--bw {
    background-position: -24px -48px
}

.flag-icon--by {
    background-position: -48px -48px
}

.flag-icon--bz {
    background-position: -72px -48px
}

.flag-icon--ca {
    background-position: -96px -48px
}

.flag-icon--cd {
    background-position: -120px -48px
}

.flag-icon--cf {
    background-position: -144px -48px
}

.flag-icon--cg {
    background-position: -168px -48px
}

.flag-icon--ch {
    background-position: -192px -48px
}

.flag-icon--ci {
    background-position: -216px -48px
}

.flag-icon--ck {
    background-position: -240px -48px
}

.flag-icon--cl {
    background-position: -264px -48px
}

.flag-icon--cm {
    background-position: -288px -48px
}

.flag-icon--cn,.flag-icon--zh {
    background-position: -312px -48px
}

.flag-icon--co {
    background-position: -336px -48px
}

.flag-icon--cr {
    background-position: -360px -48px
}

.flag-icon--cu {
    background-position: 0 -72px
}

.flag-icon--cv {
    background-position: -24px -72px
}

.flag-icon--cw {
    background-position: -48px -72px
}

.flag-icon--cy {
    background-position: -72px -72px
}

.flag-icon--cz {
    background-position: -96px -72px
}

.flag-icon--de {
    background-position: -120px -72px
}

.flag-icon--dj {
    background-position: -144px -72px
}

.flag-icon--dk {
    background-position: -168px -72px
}

.flag-icon--dm {
    background-position: -192px -72px
}

.flag-icon--do {
    background-position: -216px -72px
}

.flag-icon--dz {
    background-position: -240px -72px
}

.flag-icon--ec {
    background-position: -264px -72px
}

.flag-icon--ee {
    background-position: -288px -72px
}

.flag-icon--eg {
    background-position: -312px -72px
}

.flag-icon--eh {
    background-position: -336px -72px
}

.flag-icon--er {
    background-position: -360px -72px
}

.flag-icon--es {
    background-position: 0 -96px
}

.flag-icon--et {
    background-position: -24px -96px
}

.flag-icon--eu {
    background-position: -48px -96px
}

.flag-icon--fi {
    background-position: -72px -96px
}

.flag-icon--fj {
    background-position: -96px -96px
}

.flag-icon--fk {
    background-position: -120px -96px
}

.flag-icon--fm {
    background-position: -144px -96px
}

.flag-icon--fo {
    background-position: -168px -96px
}

.flag-icon--fr {
    background-position: -192px -96px
}

.flag-icon--ga {
    background-position: -216px -96px
}

.flag-icon--en {
    background-position: -240px -96px
}

.flag-icon--us {
    background-position: -336px -312px
}

.flag-icon--gd {
    background-position: -264px -96px
}

.flag-icon--ge {
    background-position: -288px -96px
}

.flag-icon--gg {
    background-position: -312px -96px
}

.flag-icon--gh {
    background-position: -336px -96px
}

.flag-icon--gi {
    background-position: -360px -96px
}

.flag-icon--gl {
    background-position: 0 -120px
}

.flag-icon--gm {
    background-position: -24px -120px
}

.flag-icon--gn {
    background-position: -48px -120px
}

.flag-icon--gq {
    background-position: -72px -120px
}

.flag-icon--gr {
    background-position: -96px -120px
}

.flag-icon--gs {
    background-position: -120px -120px
}

.flag-icon--gt {
    background-position: -144px -120px
}

.flag-icon--gu {
    background-position: -168px -120px
}

.flag-icon--gw {
    background-position: -192px -120px
}

.flag-icon--gy {
    background-position: -216px -120px
}

.flag-icon--hi {
    background-position: -96px -144px
}

.flag-icon--hk {
    background-position: -240px -120px
}

.flag-icon--hn {
    background-position: -264px -120px
}

.flag-icon--hr {
    background-position: -288px -120px
}

.flag-icon--ht {
    background-position: -312px -120px
}

.flag-icon--hu {
    background-position: -336px -120px
}

.flag-icon--ic {
    background-position: -360px -120px
}

.flag-icon--id {
    background-position: 0 -144px
}

.flag-icon--ie {
    background-position: -24px -144px
}

.flag-icon--il {
    background-position: -48px -144px
}

.flag-icon--im {
    background-position: -72px -144px
}

.flag-icon--in {
    background-position: -96px -144px
}

.flag-icon--iq {
    background-position: -120px -144px
}

.flag-icon--ir {
    background-position: -144px -144px
}

.flag-icon--is {
    background-position: -168px -144px
}

.flag-icon--it {
    background-position: -192px -144px
}

.flag-icon--je {
    background-position: -216px -144px
}

.flag-icon--jm {
    background-position: -240px -144px
}

.flag-icon--jo {
    background-position: -264px -144px
}

.flag-icon--jp,.flag-icon--ja {
    background-position: -288px -144px
}

.flag-icon--ke {
    background-position: -312px -144px
}

.flag-icon--kg {
    background-position: -336px -144px
}

.flag-icon--kh {
    background-position: -360px -144px
}

.flag-icon--ki {
    background-position: 0 -168px
}

.flag-icon--km {
    background-position: -24px -168px
}

.flag-icon--kn {
    background-position: -48px -168px
}

.flag-icon--kp {
    background-position: -72px -168px
}

.flag-icon--kr,.flag-icon--ko {
    background-position: -96px -168px
}

.flag-icon--kw {
    background-position: -120px -168px
}

.flag-icon--ky {
    background-position: -144px -168px
}

.flag-icon--kz {
    background-position: -168px -168px
}

.flag-icon--la {
    background-position: -192px -168px
}

.flag-icon--lb {
    background-position: -216px -168px
}

.flag-icon--lc {
    background-position: -240px -168px
}

.flag-icon--li {
    background-position: -264px -168px
}

.flag-icon--lk {
    background-position: -288px -168px
}

.flag-icon--lr {
    background-position: -312px -168px
}

.flag-icon--ls {
    background-position: -336px -168px
}

.flag-icon--lt {
    background-position: -360px -168px
}

.flag-icon--lu {
    background-position: 0 -192px
}

.flag-icon--lv {
    background-position: -24px -192px
}

.flag-icon--ly {
    background-position: -48px -192px
}

.flag-icon--ma {
    background-position: -72px -192px
}

.flag-icon--mc {
    background-position: -96px -192px
}

.flag-icon--md {
    background-position: -120px -192px
}

.flag-icon--me {
    background-position: -144px -192px
}

.flag-icon--mf {
    background-position: -168px -192px
}

.flag-icon--mg {
    background-position: -192px -192px
}

.flag-icon--mh {
    background-position: -216px -192px
}

.flag-icon--mk {
    background-position: -240px -192px
}

.flag-icon--ml {
    background-position: -264px -192px
}

.flag-icon--mm {
    background-position: -288px -192px
}

.flag-icon--mn {
    background-position: -312px -192px
}

.flag-icon--mo {
    background-position: -336px -192px
}

.flag-icon--mp {
    background-position: -360px -192px
}

.flag-icon--mq {
    background-position: 0 -216px
}

.flag-icon--mr {
    background-position: -24px -216px
}

.flag-icon--ms {
    background-position: -48px -216px
}

.flag-icon--mt {
    background-position: -72px -216px
}

.flag-icon--mu {
    background-position: -96px -216px
}

.flag-icon--mv {
    background-position: -120px -216px
}

.flag-icon--mw {
    background-position: -144px -216px
}

.flag-icon--mx {
    background-position: -168px -216px
}

.flag-icon--my,.flag-icon--ms {
    background-position: -192px -216px
}

.flag-icon--mz {
    background-position: -216px -216px
}

.flag-icon--na {
    background-position: -240px -216px
}

.flag-icon--nc {
    background-position: -264px -216px
}

.flag-icon--ne {
    background-position: -288px -216px
}

.flag-icon--nf {
    background-position: -312px -216px
}

.flag-icon--ng {
    background-position: -336px -216px
}

.flag-icon--ni {
    background-position: -360px -216px
}

.flag-icon--nl {
    background-position: 0 -240px
}

.flag-icon--no {
    background-position: -24px -240px
}

.flag-icon--np {
    background-position: -48px -240px
}

.flag-icon--nr {
    background-position: -72px -240px
}

.flag-icon--nu {
    background-position: -96px -240px
}

.flag-icon--nz {
    background-position: -120px -240px
}

.flag-icon--om {
    background-position: -144px -240px
}

.flag-icon--pa {
    background-position: -168px -240px
}

.flag-icon--pe {
    background-position: -192px -240px
}

.flag-icon--pf {
    background-position: -216px -240px
}

.flag-icon--pg {
    background-position: -240px -240px
}

.flag-icon--ph {
    background-position: -264px -240px
}

.flag-icon--pk,.flag-icon--ur {
    background-position: -288px -240px
}

.flag-icon--pl {
    background-position: -312px -240px
}

.flag-icon--pn {
    background-position: -336px -240px
}

.flag-icon--pr {
    background-position: -360px -240px
}

.flag-icon--ps {
    background-position: 0 -264px
}

.flag-icon--pt {
    background-position: -24px -264px
}

.flag-icon--pw {
    background-position: -48px -264px
}

.flag-icon--py {
    background-position: -72px -264px
}

.flag-icon--qa {
    background-position: -96px -264px
}

.flag-icon--ro {
    background-position: -120px -264px
}

.flag-icon--rs {
    background-position: -144px -264px
}

.flag-icon--ru {
    background-position: -168px -264px
}

.flag-icon--rw {
    background-position: -192px -264px
}

.flag-icon--sa {
    background-position: -216px -264px
}

.flag-icon--sb {
    background-position: -240px -264px
}

.flag-icon--sc {
    background-position: -264px -264px
}

.flag-icon--sd {
    background-position: -288px -264px
}

.flag-icon--se {
    background-position: -312px -264px
}

.flag-icon--sg {
    background-position: -336px -264px
}

.flag-icon--sh {
    background-position: -360px -264px
}

.flag-icon--si {
    background-position: 0 -288px
}

.flag-icon--sk {
    background-position: -24px -288px
}

.flag-icon--sl {
    background-position: -48px -288px
}

.flag-icon--sm {
    background-position: -72px -288px
}

.flag-icon--sn {
    background-position: -96px -288px
}

.flag-icon--so {
    background-position: -120px -288px
}

.flag-icon--sr {
    background-position: -144px -288px
}

.flag-icon--ss {
    background-position: -168px -288px
}

.flag-icon--st {
    background-position: -192px -288px
}

.flag-icon--sv {
    background-position: -216px -288px
}

.flag-icon--sy {
    background-position: -240px -288px
}

.flag-icon--sz {
    background-position: -264px -288px
}

.flag-icon--tc {
    background-position: -288px -288px
}

.flag-icon--td {
    background-position: -312px -288px
}

.flag-icon--tf {
    background-position: -336px -288px
}

.flag-icon--tg {
    background-position: -360px -288px
}

.flag-icon--th {
    background-position: 0 -312px
}

.flag-icon--tj {
    background-position: -24px -312px
}

.flag-icon--tk {
    background-position: -48px -312px
}

.flag-icon--tl {
    background-position: -72px -312px
}

.flag-icon--tm {
    background-position: -96px -312px
}

.flag-icon--tn {
    background-position: -120px -312px
}

.flag-icon--to {
    background-position: -144px -312px
}

.flag-icon--tr {
    background-position: -168px -312px
}

.flag-icon--tt {
    background-position: -192px -312px
}

.flag-icon--tv {
    background-position: -216px -312px
}

.flag-icon--tw {
    background-position: -240px -312px
}

.flag-icon--tz {
    background-position: -264px -312px
}

.flag-icon--ua {
    background-position: -288px -312px
}

.flag-icon--ug {
    background-position: -312px -312px
}

.flag-icon--uy {
    background-position: -360px -312px
}

.flag-icon--uz {
    background-position: 0 -336px
}

.flag-icon--va {
    background-position: -24px -336px
}

.flag-icon--vc {
    background-position: -48px -336px
}

.flag-icon--ve {
    background-position: -72px -336px
}

.flag-icon--vg {
    background-position: -96px -336px
}

.flag-icon--vi {
    background-position: -120px -336px
}

.flag-icon--vn,.flag-icon--vi {
    background-position: -144px -336px
}

.flag-icon--vu {
    background-position: -168px -336px
}

.flag-icon--wf {
    background-position: -192px -336px
}

.flag-icon--ws {
    background-position: -216px -336px
}

.flag-icon--ye {
    background-position: -240px -336px
}

.flag-icon--yt {
    background-position: -264px -336px
}

.flag-icon--za {
    background-position: -288px -336px
}

.flag-icon--zm {
    background-position: -312px -336px
}

.flag-icon--zw {
    background-position: -336px -336px
}

.flag-icon--phone {
    margin-inline-end:10px;width: 24px;
    height: 20px;
    vertical-align: middle
}

.code {
    position: absolute;
    inset-block-start: 8px;
    inset-inline-start: 8px
}

.b-social {
    display: flex;
    align-items: center
}

.b-social__item {
    display: block;
    margin-inline-end:8px;width: 24px;
    height: 24px
}

.b-social__item:last-child {
    margin-inline:0}

.b-social__item-link {
    display: inline-block;
    cursor: pointer
}

.b-social__item span {
    display: block
}

.b-social__modal {
    position: absolute;
    background: none;
    animation: fadeIn .2s ease
}

.b-social__modal--qr {
    inset-inline-start: 50%;
    transform: translateY(-110%);
    margin-inline-start:-125px;width: 250px
}

@media (min-width: 769px) {
    .b-social__modal--qr {
        inset-inline-start:auto;
        transform: translate(-50%,-110%);
        margin-inline-start:16px;width: 344px
    }

    [dir=rtl] .b-social__modal--qr {
        transform: translate(50%,-110%)
    }
}

.social-login {
    display: flex;
    justify-content: center;
    align-items: center
}

.btn-social-wrapper {
    margin: 0 8px;
    width: 32px;
    height: 32px;
    flex-grow: 0
}

.btn-social {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    overflow: hidden;
    text-indent: -999px;
    text-decoration: none;
    border-radius: 0;
    transition: background .3s ease-in-out
}

.btn-social__fb {
    background: url(assets/img/icons/social/i-btn-fb.svg) no-repeat center
}

.btn-social__fb:hover {
    opacity: .8;
    transition: background .3s ease-in-out
}

.btn-social__google {
    background: url(assets/img/icons/social/i-btn-google.svg) no-repeat center
}

.btn-social-wrapper:hover .btn-social__google {
    opacity: .8;
    transition: background .3s ease-in-out
}

.btn-social__twitter {
    background: #00aeef;
    background: url(assets/img/icons/i-btn-twitter.svg) no-repeat center
}

.btn-social-wrapper:hover .btn-social__twitter {
    opacity: .8;
    transition: background .3s ease-in-out
}

.btn-social__apple {
    margin-block-start:-4px;background: #000;
    background: url(assets/img/icons/social/i-btn-apple.svg) no-repeat center
}

.btn-social-wrapper:hover .btn-social__apple {
    opacity: .8;
    transition: background .3s ease-in-out
}

.social-share {
    display: flex;
    justify-content: center
}

@media (min-width: 544px) {
    .social-share {
        margin-inline-end:-7px
    }
}

.social-card {
    flex: 0 0 100%;
    margin: 4px 0;
    padding: 0 4px
}

@media (min-width: 544px) {
    .social-card {
        flex:0 0 33.3333%;
        padding: 0 4px
    }
}

.social-card__content {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.social-card__img {
    width: 45px;
    height: 45px
}

.social-card__img--facebook {
    background: url(assets/img/icons/i-btn-facebook.svg) no-repeat center
}

.social-card__img--google {
    background: url(assets/img/icons/i-btn-google.svg) no-repeat center
}

.social-card__text {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-inline-start:8px}

.social-card__name {
    font-size: 18px;
    width: 100%
}

@keyframes blink {
    0% {
        background-color: #f7f7f7
    }

    to {
        background-color: #dcdcdc
    }
}

.hint-wrap {
    display: flex;
    justify-items: flex-start;
    align-items: center;
    justify-content: flex-start;
    min-height: 32px
}

.hint {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    color: #aaa;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
    background: url(assets/img/icons/hint.svg) no-repeat center
}

.account-balance {
    display: inline-block;
    font-size: 12px
}

.account-balance--trifle {
    color: #b3b3b3
}

.account-balance--big {
    font-size: 18px
}

.account-balance--available-val {
    display: inline-block;
    margin: 0 8px
}

.account-balance--fixrate {
    display: inline-block;
    margin-inline-start:8px;color: red;
    font-size: 12px
}

.select-field {
    display: flex;
    margin: 0!important
}

.select-field .mat-form-field-underline,.select-field .mat-form-field-ripple,.select-field .mat-focused .mat-form-field-ripple {
    background: none
}

.checkboxCurrent .mat-checkbox {
    font-family: Noto Sans,Arial,sans-serif
}

.checkboxCurrent .mat-checkbox-frame {
    border: 2px solid #e6e6e6
}

.checkboxCurrent .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
    display: none
}

@media (min-width: 768px) {
    .checkboxCurrent .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
        display:block;
        background-color: #ff4802
    }
}

.checkboxCurrent .mat-checkbox-inner-container {
    margin-inline-end:8px;width: 20px;
    height: 20px
}

.checkboxCurrent .mat-checkbox-checked.mat-accent .mat-checkbox-background,.checkboxCurrent .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background: none
}

.checkboxCurrent .mat-checkbox-checkmark-path {
    stroke: #ff4802!important
}

.checkboxCurrent .mat-checkbox-title {
    margin-block:0;margin-inline:8px 0;color: #000;
    line-height: 22px
}

.checkboxCurrent .mat-checkbox-list {
    margin-inline-start:8px;padding: 8px 0;
    font-size: 12px
}

.checkboxCurrent .mat-checkbox-layout {
    position: relative;
    inset-block-start: 0;
    visibility: visible;
    opacity: 1;
    white-space: normal;
    align-items: center
}

.checkboxCurrent .mat-checkbox-layout:before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 1px;
    height: 100%;
    background-color: transparent
}

.checkboxCurrent .mat-checkbox-label {
    display: block;
    white-space: normal;
    font-size: 10px;
    line-height: 1.3
}

.checkboxCurrent .mat-checkbox-text {
    margin-block-end:0}

.checkboxCurrent .error-input {
    inset-inline-start: 0;
    margin: 0
}

.checkboxCurrent .mat-checkbox-disabled .mat-checkbox-frame {
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6
}

.checkboxCurrent .mat-checkbox-disabled .mat-checkbox-checkmark-path {
    stroke: #fff!important
}

.checkboxCurrent .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-frame {
    background-color: #f7f7f7
}

.checkboxCurrent .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-checkmark-path {
    stroke: #666!important
}

.checkboxCurrent--fwNormal .mat-checkbox-label {
    font-weight: 400!important
}

.checkboxCurrent--center-allign .mat-checkbox-layout {
    align-items: baseline
}

.checkboxCurrent--center-allign .mat-checkbox-inner-container {
    inset-block-start: 6px;
    margin: 0
}

.checkboxCurrent .hidden .mat-checkbox-inner-container {
    display: none
}

.checkboxCurrent--invalid .mat-checkbox-frame {
    border: 2px solid #ff0000
}

.checkboxCurrent-inner {
    margin-block-end:4px}

.checkboxCurrent-inner .mat-checkbox-frame {
    border-width: 1px!important
}

.checkboxCurrent-inner .mat-checkbox-frame:before {
    content: "";
    display: none;
    position: absolute;
    inset-inline: 0;
    width: 100%;
    height: 100%;
    background: #0e88e7
}

.checkboxCurrent-inner .mat-checkbox-frame:after {
    content: "";
    display: none;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 2px;
    margin-block-start:-1px;width: 70%;
    height: 2px;
    background: #fff
}

.checkboxCurrent-inner .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
    background-color: #0e88e7
}

.checkboxCurrent-inner .mat-checkbox-inner-container {
    width: 14px;
    height: 14px
}

.checkboxCurrent-inner .mat-checkbox-checkmark-path {
    stroke: #0e88e7!important
}

.checkboxCurrent-inner .mat-checkbox-label {
    font-size: 14px;
    font-weight: 700
}

.checkboxCurrent-inner--check-disabled .mat-checkbox-inner-container .mat-checkbox-checkmark-path {
    stroke: #e6e6e6
}

.checkboxCurrent-inner--no-full .mat-checkbox-frame:before,.checkboxCurrent-inner--no-full .mat-checkbox-frame:after {
    display: block
}

.checkboxCurrent-inner--no-full .mat-checkbox-background {
    display: none
}

.professional__form-box .checkboxCurrent .error-input:before {
    height: 180px
}

.professional__form-box .checkboxCurrent+.question-box__error .error-input {
    margin: -8px 0
}

.professional__form-box .checkboxCurrent+.question-box__error .error-input:before {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: -5px;
    width: 1px;
    height: 120px;
    background-color: red
}

.custom-select .mat-form-field-wrapper {
    padding-block-end:0}

.custom-select .mat-form-field-infix {
    border-block-start:0;padding: 0
}

.account-top .select-field .ng-select .ng-select-container {
    border: 0
}

.custom-select-new {
    width: 100%
}

.custom-select-new .ng-select .ng-select-container {
    position: relative;
    padding-block:0;padding-inline:16px 40px;width: 100%;
    min-height: 44px;
    border-radius: 4px;
    font-size: 12px;
    color: #000;
    border: 1px solid #dcdcdc;
    cursor: pointer
}

.custom-select-new .ng-select .ng-select-container .ng-value-container {
    position: relative;
    min-height: 44px;
    flex: auto;
    flex-grow: 1;
    align-items: center
}

.custom-select-new .ng-select .ng-select-container .ng-input {
    inset-block-start: 0
}

.custom-select-new .ng-select .ng-select-container .ng-input>input {
    padding: 0;
    box-sizing: border-box
}

.custom-select-new .ng-select .ng-placeholder {
    display: flex;
    position: absolute;
    inset-block-start: 0;
    height: 100%;
    align-items: center;
    font-size: 14px;
    color: #727272
}

.custom-select-new .ng-select .ng-value {
    display: flex;
    align-items: center;
    width: 100%
}

.custom-select-new .ng-select .ng-has-value .ng-placeholder {
    display: none
}

.custom-select-new .ng-select .ng-arrow-wrapper {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    width: 38px;
    height: 100%;
    background: #fff
}

.custom-select-new .ng-select .ng-arrow-wrapper .ng-arrow {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 16px;
    width: 6px;
    height: 5px;
    border: 0
}

.custom-select-new .ng-select .ng-arrow-wrapper .ng-arrow:before,.custom-select-new .ng-select .ng-arrow-wrapper .ng-arrow:after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    width: 100%;
    height: 1px;
    background: #666
}

.custom-select-new .ng-select .ng-arrow-wrapper .ng-arrow:before {
    inset-inline-start: 4px;
    transform: rotate(-45deg)
}

[dir=rtl] .custom-select-new .ng-select .ng-arrow-wrapper .ng-arrow:before {
    transform: rotate(45deg)
}

.custom-select-new .ng-select .ng-arrow-wrapper .ng-arrow:after {
    inset-inline-start: 0;
    transform: rotate(45deg)
}

[dir=rtl] .custom-select-new .ng-select .ng-arrow-wrapper .ng-arrow:after {
    transform: rotate(-45deg)
}

.custom-select-new .ng-select.ng-select-disabled .ng-select-container {
    cursor: auto
}

.custom-select-new .ng-select.ng-select-disabled .ng-arrow-wrapper {
    display: none
}

.custom-select-new .ng-dropdown-panel {
    border: 1px solid #f7f7f7;
    box-shadow: 0 30px 50px #e6e6e6;
    border-radius: 4px
}

.custom-select-new .ng-dropdown-panel .ng-dropdown-panel-items {
    border-radius: 4px
}

.custom-select-new .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    display: flex;
    position: relative;
    padding: 8px 16px;
    align-items: center;
    background: #fff;
    white-space: normal;
    font-size: 12px;
    overflow: hidden
}

.custom-select-new .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:after {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 8px;
    width: calc(100% - 20px);
    height: 1px;
    background: #f0f0f0
}

.custom-select-new .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,.custom-select-new .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
    background: #f7f7f7
}

.custom-select-new .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:last-child:after {
    display: none
}

.custom-select-new .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .account-balance {
    font-size: 12px
}

.custom-select-new .ng-dropdown-panel .ng-dropdown-panel-items .select-option {
    padding: 8px 0;
    border-block-end:1px solid #f0f0f0}

.custom-select-new .ng-dropdown-panel .scroll-host {
    overflow-y: scroll
}

.custom-select-new .ng-select.ng-select-single .ng-select-container .ng-value-container,.custom-select-new .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    white-space: inherit
}

.custom-select-new .has-select-item {
    margin-inline-start:0}

.custom-select-new--h-fix {
    height: 46px
}

.custom-select-new.custom-select-new--no-theme .ng-select .ng-select-container {
    padding: 0;
    min-height: auto;
    border-radius: 0;
    border: none
}

.custom-select-new.custom-select-new--no-theme .ng-select .ng-arrow-wrapper {
    background-color: transparent
}

.custom-select-new.custom-select-new--no-theme .ng-dropdown-panel-items {
    border: 1px solid #e6e6e6
}

.custom-select-new.custom-select-new--no-theme .ng-dropdown-panel-items .ng-option {
    padding: 0
}

.form-field--code .custom-select-new .ng-dropdown-panel {
    z-index: 2
}

.form-field--payment-hidden .form-field {
    margin-block-start:0}

.form-field--payments .custom-select-new .ng-dropdown-panel {
    z-index: 2
}

.invalid .ng-select .ng-select-container {
    border-color: red
}

.has-select-item {
    margin-inline-start:16px}

@media (max-width: 543px) {
    .custom-select-new-no-border-full .ng-select .ng-select-container {
        border:0
    }
}

.top-select-fix-width {
    width: 100%
}

.top-select-fix-width .select-field {
    display: flex;
    justify-content: center
}

@media (min-width: 768px) {
    .top-select-fix-width .custom-select-new {
        max-width:315px
    }

    .top-select-fix-width .custom-select-new .ng-value {
        min-height: 82px
    }
}

finances-header .custom-select-new {
    z-index: 8
}

finances-header .ng-dropdown-panel {
    z-index: 7
}

.phone-field .ng-select.disabled {
    pointer-events: none
}

.phone-field .ng-select .ng-spinner-loader {
    inset-block-start: 12px
}

.phone-field .custom-select-new .ng-select.disabled .ng-arrow-wrapper {
    display: none
}

ng-dropdown-panel.account-select-dropdown {
    border-block-end:1px solid #e6e6e6;border-inline:1px solid #e6e6e6}

ng-dropdown-panel.account-select-dropdown .ng-option:hover .account-item {
    background-color: #f3f3f3
}

ng-dropdown-panel.account-select-dropdown .ng-option-selected .account-item {
    background-color: #e6e6e6
}

.copytrade .custom-select-new .ng-select .ng-select-container {
    border-radius: 5px;
    border: 1px solid #f0f0f0!important
}

.instruments__search-box .ng-dropdown-panel-items {
    border: 1px solid #e6e6e6;
    border-block-start:none}

.instruments .slider {
    position: relative;
    padding: 0 32px
}

.information-widget .slider-wrapper {
    border-block-end:1px solid #ebebeb}

@media (min-width: 768px) {
    .information-widget .slider-wrapper {
        border-block-end:none
    }
}

.promo-widget .slider-dots-list {
    margin-inline-start:auto;width: 100%;
    z-index: 10;
    justify-content: flex-end!important
}

@media (min-width: 768px) {
    .promo-widget .slider-dots-list {
        margin-block-start:16px;
        margin-inline-start:0;width: 100%;
        justify-content: center!important
    }
}

.mat-ink-bar {
    display: none
}

.mat-tab-header {
    margin: 24px 0;
    border-block-end:0}

.mat-tab-labels {
    display: flex;
    align-items: center;
    justify-content: center
}

.mat-tab-label {
    width: 100%;
    background-color: #fff;
    transition: all .2s ease;
    opacity: 1!important;
    border-radius: 5px;
    border: 1px solid #0e88e7;
    color: #0e88e7
}

.mat-tab-label:first-of-type {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.mat-tab-label:last-of-type {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

@media (min-width: 768px) {
    .mat-tab-label {
        width:auto
    }
}

.mat-tab-label-active {
    background-color: #0e88e7;
    border: 1px solid transparent;
    color: #fff
}

.add-card-container .mat-tab-header {
    margin: 0
}

.add-card-container .mat-tab-labels {
    margin-block-end:8px}

.add-card-container .mat-tab-label {
    flex-grow: 1
}

.add-card-container .mat-tab-body {
    min-height: 300px
}

.add-card-container .mat-tab-body-content {
    display: flex;
    flex-direction: column
}

.snack-bar-mobile {
    margin-block-start:48px!important;z-index: 2
}

.mat-snack-bar-container {
    color: #ffffffb3;
    background: #323232;
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-simple-snackbar-action {
    color: #ffd740;
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

.mat-simple-snackbar-action .mat-button {
    background: #323232
}

.mat-simple-snackbar {
    font-family: Roboto,Helvetica Neue,sans-serif;
    font-size: 14px
}

.mat-tooltip {
    font-size: 12px
}

[dir=rtl] .mat-tooltip {
    text-align: end
}

::ng-deep .mat-calendar-body-in-range:before {
    background: #d2ecdb
}

::ng-deep .mat-calendar-body-selected {
    background-color: #00be40
}

::ng-deep .mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-today {
    background: #f5f5f5!important
}

::ng-deep .mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-today.mat-calendar-body-selected {
    background: #d2ecdb
}

::ng-deep .mat-calendar-body-cell:hover .mat-calendar-body-cell-content.mat-focus-indicator {
    background-color: #9ee1b4!important
}

.account {
    width: 256px
}

.account-top .account {
    width: 200px
}

.account-top__select-wrap .custom-select {
    border: 0
}

@media (min-width: 544px) {
    .account-top__select-wrap .custom-select {
        border:1px solid #f0f0f0
    }
}

.finances-date-filter .form-field,.finance-account-simple .form-field {
    margin: 0
}

.account-balance {
    flex-shrink: 0
}