@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

#app {
    overflow-y: overlay
}

#app,
.full,
body {
    min-height: 100vh
}

body {
    margin: 0;
    padding: 0;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    height: 100%;
    background-color: #f8fbfe;
    color: #1a2a3e;
    overflow-y: overlay;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.holder {
    width: 100%;
    max-width: 1200px
}

.center,
.holder {
    margin-left: auto;
    margin-right: auto
}

.center {
    text-align: center
}

.block {
    display: block
}

.inlineBlock {
    display: inline-block
}

.relative {
    position: relative
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inputTitle,
.light {
    color: #7a90ab
}

.black {
    color: #1a2a3e
}

.spread {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.overflow-x,
.overflow-x.contentBlock {
    overflow-x: auto
}

.middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.pointer {
    cursor: pointer
}

.spacer {
    height: 30px;
    clear: both
}

.spacerSmall {
    height: 10px;
    clear: both
}

.spacerTiny {
    height: 8px;
    clear: both
}

.xSpacer {
    width: 30px
}

.xSpacerSmall {
    width: 10px
}

.padding {
    padding: 30px
}

.padding-x {
    padding: 0 30px
}

.no-padding {
    padding: 0
}

.lh {
    line-height: 180%
}

.spacerAvg {
    height: 15px
}

.lighter {
    color: #a7b7cc
}

.line {
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 11px;
    background-color: #e0e5ec;
    z-index: 1
}

.line.lineBlue {
    background-color: #0051ff
}

.floatRight {
    float: right
}

hr {
    height: 1px;
    clear: both;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #eef3f9
}

hr.spacing {
    margin: 20px 0
}

.sep {
    width: 100%;
    height: 3px;
    border-radius: 3px;
    clear: both;
    background-color: #eef3f9;
    margin-top: 3px
}

.dark {
    background-color: #fafbff
}

b {
    font-weight: 500
}

p {
    line-height: 180%;
    margin: 0;
    padding: 0
}

p.centered {
    max-width: 500px;
    margin: 0 auto
}

.right {
    text-align: right
}

.text-center {
    text-align: center
}

.justify {
    text-align: justify
}

.red {
    color: #da003e
}

.priceLabel {
    height: 32px;
    border-radius: 8px;
    display: inline-block;
    line-height: 32px;
    padding: 0 10px;
    font-size: 13px
}

.priceLabel.red {
    background-color: #fff2f2
}

.priceLabel.green {
    background-color: #eaf9f3
}

.green {
    color: #18ad76
}

.blue {
    color: #0051ff
}

h1,
h2,
h3,
h4 {
    font-family: Nunito, sans-serif;
    margin: 0;
    padding: 0;
    font-weight: 600
}

h1 {
    font-size: 32px;
    font-weight: 500
}

h2 {
    font-size: 20px
}

h3 {
    font-weight: 600;
    font-size: 18px
}

a,
a:visited {
    text-decoration: none;
    color: #7a90ab
}

a:hover {
    color: #0051ff
}

.chart,
.highcharts-container,
.highcharts-root {
    overflow: visible !important
}

.highcharts-yaxis-grid path:last-child {
    display: none !important
}

.addressItem {
    font-weight: 500;
    line-break: anywhere;
    color: #1a2a3e
}

.top {
    background-color: #f0f5f9
}

table {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap
}

.filter {
    position: relative;
    left: -30px;
    width: calc(100% + 60px);
    top: -30px
}

tbody>tr:hover {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(15%, #fbfdff), color-stop(85%, #fbfdff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fbfdff 15%, #fbfdff 85%, hsla(0, 0%, 100%, 0));
    -webkit-transition: all .1s;
    transition: all .1s
}

th {
    font-weight: 500;
    text-align: left
}

table td,
table th {
    padding: 20px
}

table td:first-of-type,
table th:first-of-type {
    padding-left: 0
}

table td:last-of-type,
table th:last-of-type {
    padding-right: 0
}

.compact td,
.compact th {
    padding: 14px
}

td,
th {
    border-bottom: 1px solid #eef3f9
}

tr:last-child>td {
    border-bottom: 0
}

.tableGrow {
    width: 100%
}

.staking {
    vertical-align: middle;
    width: 19px;
    height: 19px;
    line-height: 19px;
    margin-left: 10px;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    position: relative;
    border-radius: 50%
}

.staking.active {
    background-color: #eaf9f3;
    color: #18ad76
}

.staking.inactive {
    background-color: #fff2f2;
    color: #da003e
}

.alertFixed {
    position: fixed;
    z-index: 999;
    left: 20px;
    bottom: 20px;
    width: 300px;
    background-color: #d04343;
    color: #fff;
    padding: 15px;
    border-radius: 3px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 0 100%
}

.alertFixed,
.alertFixedActive {
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform-origin: 0 100%
}

.alertFixedActive {
    transform-origin: 0 100%;
    -webkit-transform: scaleY(1) !important;
    transform: scaleY(1) !important
}

.alertFixedClose {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.eurList {
    list-style-type: none;
    margin: 0 auto 0 auto;
    padding: 0;
    max-width: 400px
}

.eurList>li>.flex {
    position: relative
}

.identityList {
    max-width: 540px
}

.eurStep {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    background-color: #e0e5ec;
    border-radius: 11px;
    margin-right: 15px;
    font-size: 12px;
    z-index: 2
}

.eurStepBlue {
    background-color: #0051ff;
    color: #fff !important
}

.eurTitle {
    display: block;
    line-height: 22px;
    font-weight: 500
}

.eurDescription {
    font-size: 11pt;
    display: block;
    margin: 25px 0;
    line-height: 200%
}

.material-icons {
    vertical-align: middle
}

.material-icons:before {
    display: none
}

.material-icons.materialLight {
    color: #7a90ab
}

@media only screen and (max-width:820px) {
    .navContainer {
        margin-top: 80px
    }
}

.nav {
    font-family: Inter, sans-serif;
    height: 80px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:820px) {
    .nav {
        position: fixed;
        background-color: #fff;
        left: 0;
        right: 0;
        top: 0;
        z-index: 90
    }
}

.nav .navInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:814px) {
    .nav .navInner {
        padding: 0 24px
    }
}

.nav .navInner .navLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.nav .navInner .navLeft .logo {
    background-image: url(/app/device/logo.73bf3f52.svg);
    height: 20px;
    display: block;
    cursor: pointer;
    margin-right: 56px;
    position: relative;
    top: -2px;
    width: 128px;
    background-repeat: no-repeat;
    background-size: 128px
}

@media only screen and (min-width:821px) and (max-width:1023px) {
    .nav .navInner .navLeft .logo {
        width: 24px;
        margin-right: 28px
    }
}

.nav .navInner .navLeft ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

@media only screen and (max-width:820px) {
    .nav .navInner .navLeft ul {
        display: none
    }
}

.nav .navInner .navLeft ul li {
    display: inline-block;
    height: 80px;
    line-height: 80px
}

.nav .navInner .navLeft ul li:not(:last-child) {
    margin-right: 40px
}

@media only screen and (max-width:1023px) {
    .nav .navInner .navLeft ul li:not(:last-child) {
        margin-right: 32px
    }
}

.nav .navInner .navLeft ul li a {
    font-size: 16px;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    text-decoration: none;
    color: #2f3a45;
    font-weight: 600;
    -webkit-transition: color .27s cubic-bezier(.33, 1, .68, 1);
    transition: color .27s cubic-bezier(.33, 1, .68, 1)
}

.nav .navInner .navLeft ul li a>svg {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 24px;
    top: -2px;
    position: relative
}

.nav .navInner .navLeft ul li.router-link-active>a,
.nav .navInner .navLeft ul li a:hover:not(.router-link-active) {
    color: #0051ff
}

.nav .navInner .navRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav .navInner .navRight .navUser {
    position: relative;
    cursor: pointer;
    height: 80px;
    margin-right: 24px
}

@media only screen and (max-width:820px) {
    .nav .navInner .navRight .navUser {
        display: none
    }
}

.nav .navInner .navRight .navUser:hover>a>svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nav .navInner .navRight .navUser:hover .navDropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.nav .navInner .navRight .navUser>a {
    font-size: 16px;
    color: #2f3a45;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-weight: 400;
    text-decoration: none
}

.nav .navInner .navRight .navUser>a.router-link-active {
    color: #0051ff
}

.nav .navInner .navRight .navUser>a>svg {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    position: relative;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    width: 12px;
    height: 12px
}

.nav .navInner .navRight .navUser>a>svg>path {
    stroke: #8594a2
}

.nav .navInner .navRight .navUser .navDropdown {
    position: absolute;
    top: 64px;
    right: 0;
    z-index: 102;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .27s cubic-bezier(.33, 1, .68, 1), visibility 0s linear, -webkit-transform .27s cubic-bezier(.33, 1, .68, 1);
    transition: opacity .27s cubic-bezier(.33, 1, .68, 1), visibility 0s linear, -webkit-transform .27s cubic-bezier(.33, 1, .68, 1);
    transition: transform .27s cubic-bezier(.33, 1, .68, 1), opacity .27s cubic-bezier(.33, 1, .68, 1), visibility 0s linear;
    transition: transform .27s cubic-bezier(.33, 1, .68, 1), opacity .27s cubic-bezier(.33, 1, .68, 1), visibility 0s linear, -webkit-transform .27s cubic-bezier(.33, 1, .68, 1);
    -webkit-transition-delay: 0s, 0s, .27s;
    transition-delay: 0s, 0s, .27s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    border-radius: 3px;
    -webkit-box-shadow: rgba(35, 41, 47, .09) 0 2px 6px;
    box-shadow: 0 2px 6px rgba(35, 41, 47, .09);
    background-color: #fff;
    padding: 16px 0;
    min-width: 240px;
    cursor: default
}

.nav .navInner .navRight .navUser .navDropdown>ul {
    margin: 0;
    padding: 0
}

.nav .navInner .navRight .navUser .navDropdown>ul>li {
    display: block
}

.nav .navInner .navRight .navUser .navDropdown>ul>li>a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 24px;
    line-height: 48px;
    border-bottom: 1px solid #f0f4f8;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    color: #687b8d;
    cursor: pointer
}

.nav .navInner .navRight .navUser .navDropdown>ul>li>a span {
    -webkit-transition: color .27s cubic-bezier(.33, 1, .68, 1), text-shadow .27s cubic-bezier(.33, 1, .68, 1);
    transition: color .27s cubic-bezier(.33, 1, .68, 1), text-shadow .27s cubic-bezier(.33, 1, .68, 1)
}

.nav .navInner .navRight .navUser .navDropdown>ul>li>a.router-link-active,
.nav .navInner .navRight .navUser .navDropdown>ul>li>a:hover span {
    color: #0051ff;
    text-shadow: -.03ex 0 #0051ff, .03ex 0 #0051ff
}

.nav .navInner .navRight .navUser .navDropdown>ul>li>a .userNavCount {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 9px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffeded;
    color: #e52b50
}

.nav .navInner .navRight .navUser .navDropdown>ul>li:last-child>a {
    border-bottom: 0
}

.nav .navInner .navRight .navAlerts {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 80px;
    padding-right: 14px
}

@media only screen and (max-width:820px) {
    .nav .navInner .navRight .navAlerts {
        display: none
    }
}

.nav .navInner .navRight .navAlerts>svg {
    display: inline-block
}

.nav .navInner .navRight .navAlerts>svg>path {
    stroke: #687b8d
}

.nav .navInner .navRight .navAlerts .navAlertsBell {
    width: 20px;
    height: 20px;
    background-color: #e52b50;
    border-radius: 50%;
    position: absolute;
    top: 16px;
    right: 0;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    text-align: center
}

.nav .navInner .navRight .navAlerts .navAlertsBell.bellInactive {
    background-color: #f0f4f8;
    color: #687b8d
}

.nav .navInner .navRight .navAlerts .navAlertsDropdown {
    position: absolute;
    top: 64px;
    right: 0;
    z-index: 102;
    visibility: hidden;
    opacity: 0;
    max-height: 380px;
    overflow: auto;
    -webkit-transition: opacity .27s cubic-bezier(.33, 1, .68, 1), visibility 0s linear, -webkit-transform .27s cubic-bezier(.33, 1, .68, 1);
    transition: opacity .27s cubic-bezier(.33, 1, .68, 1), visibility 0s linear, -webkit-transform .27s cubic-bezier(.33, 1, .68, 1);
    transition: transform .27s cubic-bezier(.33, 1, .68, 1), opacity .27s cubic-bezier(.33, 1, .68, 1), visibility 0s linear;
    transition: transform .27s cubic-bezier(.33, 1, .68, 1), opacity .27s cubic-bezier(.33, 1, .68, 1), visibility 0s linear, -webkit-transform .27s cubic-bezier(.33, 1, .68, 1);
    -webkit-transition-delay: 0s, 0s, .27s;
    transition-delay: 0s, 0s, .27s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    border-radius: 3px;
    -webkit-box-shadow: rgba(35, 41, 47, .09) 0 2px 6px;
    box-shadow: 0 2px 6px rgba(35, 41, 47, .09);
    background-color: #fff;
    padding: 0;
    min-width: 320px;
    padding: 24px;
    cursor: default
}

.nav .navInner .navRight .navAlerts:hover>svg>path {
    stroke: #1a2a3e
}

.nav .navInner .navRight .navAlerts:hover .navAlertsDropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.nav .navInner .navRight .navAlerts .alertItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.nav .navInner .navRight .navAlerts .alertItem:not(:last-child) {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f0f4f8
}

.nav .navInner .navRight .navAlerts .alertItem:hover .notification-title {
    color: #0051ff
}

.nav .navInner .navRight .navAlerts .alertItem:hover .notification-description {
    color: #2f3a45
}

.nav .navInner .navRight .navAlerts .notification-title {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px
}

.nav .navInner .navRight .navAlerts .notification-description,
.nav .navInner .navRight .navAlerts .notification-title {
    -webkit-transition: color .3s cubic-bezier(.33, 1, .68, 1);
    transition: color .3s cubic-bezier(.33, 1, .68, 1)
}

.nav .navInner .navRight .navAlerts .no-notifications-description,
.nav .navInner .navRight .navAlerts .notification-description {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #687b8d;
    letter-spacing: .2px
}

.nav .navInner .navRight .navAlerts .notification-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 16px
}

.nav .navInner .navRight .navAlerts .no-notifications {
    text-align: center
}

.nav .navInner .navRight .navAlerts .no-notifications-icon {
    margin-bottom: 28px
}

.nav .navInner .navRight .navAlerts .no-notifications-title {
    font-family: Inter, sans-serif;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 12px
}

.nav .navInner .navMobileIcon {
    width: 24px;
    height: 16px;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    cursor: pointer;
    margin-left: auto
}

@media only screen and (min-width:821px) {
    .nav .navInner .navMobileIcon {
        display: none
    }
}

.nav .navInner .navMobileIcon>span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #1a2a3e;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.nav .navInner .navMobileIcon>span:first-child {
    top: 0;
    left: 5px;
    width: 19px
}

.nav .navInner .navMobileIcon>span:nth-child(2),
.nav .navInner .navMobileIcon>span:nth-child(3) {
    top: 7px
}

.nav .navInner .navMobileIcon>span:nth-child(4) {
    top: 14px;
    left: 10px;
    width: 14px
}

.nav .navInner .navMobileIcon.navMobileActive>span:first-child {
    top: 9px;
    width: 0;
    left: 50%
}

.nav .navInner .navMobileIcon.navMobileActive>span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav .navInner .navMobileIcon.navMobileActive>span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nav .navInner .navMobileIcon.navMobileActive>span:nth-child(4) {
    top: 9px;
    width: 0;
    left: 50%
}

.navMobileBlock {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding: 0 24px 24px;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navMobileBlock.navMobileBlockVisible {
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    visibility: visible
}

.navMobileBlock>ul {
    margin: 0;
    padding: 0
}

.navMobileBlock>ul>li,
.navMobileBlock>ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navMobileBlock>ul>li>a {
    cursor: pointer;
    height: 72px;
    border-bottom: 1px solid #dfe7ef;
    color: #2f3a45;
    font-size: 16px;
    line-height: 72px;
    text-decoration: none;
    font-weight: 500;
    width: 100%
}

.navMobileBlock>ul>li>a .userNavCount {
    width: 20px;
    height: 20px;
    font-size: 9px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffeded;
    color: #e52b50
}

.navMobileBlock>ul .router-link-active a {
    color: #0051ff
}

.navMobileBlock .navLogout {
    cursor: pointer;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #dfe7ef;
    padding: 0 24px;
    text-align: center;
    margin-top: 24px;
    font-weight: 600;
    font-size: 16px;
    color: #0051ff;
    line-height: 46px
}

.navMobileBlock .navLogout:hover {
    border: 1px solid #cfd9e4
}

.navMobileBlock .mobileExternalLinkIcon {
    top: 2px
}

.msg {
    line-height: 175%;
    padding: 14px;
    background-color: #ffc4c4;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    border-radius: 8px
}

.msg a {
    color: #000;
    font-weight: 500
}

.msg .slot,
.msg>span {
    font-size: .9em
}

.msg.msgBlue {
    background-color: #e1f2ff
}

.msg.msgBlue a {
    color: #0051ff;
    font-weight: 500
}

.msg.msgDark {
    background-color: #2e65e0;
    color: #fff;
    margin-bottom: 0
}

.msg .close {
    position: absolute;
    right: 14px;
    top: 14px;
    cursor: pointer
}

.contentBlock {
    background-color: #fff;
    -webkit-box-shadow: 0 0 11px 0 rgba(63, 73, 105, .05);
    box-shadow: 0 0 11px 0 rgba(63, 73, 105, .05);
    border-radius: 3px;
    overflow: hidden;
    padding: 30px
}

.contentBlock.no-padding {
    padding: 0
}

.contentBlock.biggerBottom {
    padding-bottom: 60px
}

.contentTitle {
    width: 100%
}

.contentTitleIcon {
    width: 28px;
    height: 28px;
    fill: #cfdae6;
    display: block
}

.portfolioGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 32px;
    padding: 12px 0
}

.portfolioGroup:last-of-type {
    padding-bottom: 0;
    border-bottom: 0
}

.portfolioGroup .portfolioValue {
    font-size: 20px
}

.quickList {
    margin: 0;
    padding: 0;
    line-height: 170%;
    text-align: justify;
    font-size: .95em;
    list-style-type: none
}

.quickList>li {
    border-bottom: 1px solid #eef3f9;
    padding: 15px 0
}

.quickList.no-border>li {
    border-bottom: 0
}

.quickListCondensed {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.quickListCondensed>li {
    padding: 10px 0 0 0
}

.checkList {
    font-size: 14px;
    list-style-type: none;
    line-height: 180%
}

.checkList>li {
    position: relative;
    padding: 6px 0
}

.checkList>li.accepted:before {
    position: absolute;
    left: -20px;
    content: "\2714\FE0E";
    color: #18ad76
}

.checkList>li.rejected:before {
    position: absolute;
    left: -20px;
    content: "\25CF";
    color: #da003e
}

.checkList>li.pending:before {
    position: absolute;
    left: -20px;
    content: "\25CF";
    color: orange
}

.limits {
    overflow-x: auto
}

.limits>table>td,
.limits>table>th {
    padding: 15px 0
}

.orange {
    color: orange
}

.underline {
    text-decoration: underline
}

.currencyListHolder {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, .75);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 100
}

.currencyListHolder>.currencyListBlock {
    display: block;
    max-height: calc(100vh - 40px);
    min-height: 500px;
    overflow-y: auto;
    width: calc(100vw - 40px);
    margin: 0 auto;
    max-width: 400px;
    border-radius: 3px;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: lightbox;
    animation-name: lightbox;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    background-color: #fff
}

.currencyListHolder>.currencyListBlock input {
    border: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background-color: transparent;
    padding-left: 30px;
    font-family: Roboto, sans-serif;
    font-size: 11pt;
    position: relative;
    z-index: 2
}

.currencyListHolder>.currencyListBlock input:focus {
    outline: none;
    font-weight: 500;
    color: #0051ff
}

.currencyListHolder>.currencyListBlock input:focus~i {
    color: #0051ff;
    -webkit-transition: color .2s;
    transition: color .2s
}

.currencyListHolder>.currencyListBlock input::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #7a90ab
}

.currencyListHolder>.currencyListBlock input::-moz-placeholder {
    font-weight: 400 !important;
    color: #7a90ab
}

.currencyListHolder>.currencyListBlock input:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #7a90ab
}

.currencyListHolder>.currencyListBlock input::-ms-input-placeholder {
    font-weight: 400 !important;
    color: #7a90ab
}

.currencyListHolder>.currencyListBlock input::placeholder {
    font-weight: 400 !important;
    color: #7a90ab
}

.currencyListHolder>.currencyListBlock .searchIcon {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 40px;
    height: 40px;
    color: #7a90ab;
    z-index: 1
}

.currencyListHolder>.currencyListBlock .currencyListClose {
    cursor: pointer
}

.currencyListHolder>.currencyListBlock .currencyListClose:hover {
    color: #0051ff
}

.currencyListHolder>.currencyListBlock .currencyListTitle {
    padding: 20px 30px 20px
}

.currencyListHolder .currencyListInner {
    height: 600px;
    overflow-y: auto;
    max-height: 90vh;
    padding: 10px 30px 30px 30px
}

.currencyListHolder .currencyListInner .currencyListItem {
    padding: 18px 0
}

.currencyListHolder .currencyListInner .currencyListItem:hover {
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(20%, #fbfdff), color-stop(80%, #fbfdff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fbfdff 20%, #fbfdff 80%, hsla(0, 0%, 100%, 0));
    -webkit-transition: all .1s;
    transition: all .1s
}

.currencyListHolder .currencyListInner::-webkit-scrollbar {
    width: 12px;
    border: 2px solid #fff
}

.currencyListHolder .currencyListInner::-webkit-scrollbar-track {
    background-color: #e0e5ec;
    border-radius: 8px;
    border: 2px solid #fff
}

.currencyListHolder .currencyListInner::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #c4cfdd;
    border: 2px solid #fff
}

.tabs,
.tabs ul {
    text-align: center
}

.tabs ul {
    margin: 0 auto 0 auto;
    padding: 0;
    list-style-type: none;
    position: relative;
    scroll-behavior: smooth
}

.tabs li,
.tabs li>a,
.tabs ul {
    display: inline-block
}

.tabs li>a {
    padding-right: 20px;
    padding-left: 20px;
    height: 65px;
    cursor: pointer;
    line-height: 65px;
    text-decoration: none;
    color: #667990
}

.tabs .router-link-active,
.tabs li:hover>a {
    color: #0051ff !important;
    text-shadow: -.015ex 0 #0051ff, .015ex 0 #0051ff;
    background-color: #ebeff7
}

.tabRight {
    z-index: 3;
    width: 0;
    background-color: #f5f7fc;
    display: inline-block;
    line-height: 58px;
    position: relative;
    top: -2px
}

.tabRightGuide {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    height: 65px;
    width: 20px;
    background-color: #f0f3f9;
    line-height: 63px
}

.tabRightGuide>i {
    left: -7px;
    position: relative
}

.bar {
    position: absolute
}

.slide .bar {
    -webkit-transition: all .3s;
    transition: all .3s
}

.bar {
    top: 63px;
    height: 2px;
    background-color: #0051ff
}

@media only screen and (max-width:814px) {
    .top {
        background-color: #fff;
        border-top: 1px solid #f0f7ff;
        border-bottom: 1px solid #f0f7ff
    }

    .top .tabRightGuide {
        color: #0051ff;
        width: 30px;
        padding-left: 10px
    }

    .top .tabRightGuide,
    .top .tabs .router-link-active {
        background-color: #fff
    }
}

.tooltipLinked.tooltipHover {
    font-size: 12px;
    position: absolute;
    background-color: #0051ff;
    padding: 12px;
    max-height: 440px;
    border-radius: 5px;
    z-index: 90;
    width: 200px;
    color: #fff;
    text-align: justify;
    margin-top: 4px;
    margin-left: 0;
    line-height: 175%;
    white-space: normal;
    -webkit-box-shadow: -4px 4px 9px 0 rgba(0, 0, 0, .5);
    box-shadow: -4px 4px 9px 0 rgba(0, 0, 0, .5)
}

.tooltipLinked.tooltipHoverLeft {
    left: 0
}

.tooltipLinked.tooltipHoverRight {
    right: 0
}

.tooltipLinked.tooptipHoverTop {
    top: 0
}

.tooltipLinked.tooltipHoverBottom {
    bottom: 20px
}

.tooltip {
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 6px;
    cursor: pointer;
    background-color: #bbd0ff;
    color: #fff !important;
    font-size: 12px;
    top: -1px;
    position: relative
}

.tooltip .tooltipHover,
.tooltip:hover {
    background-color: #0051ff
}

.tooltip .tooltipHover {
    position: absolute;
    padding: 12px;
    max-height: 440px;
    border-radius: 5px;
    z-index: 90;
    width: 200px;
    color: #fff;
    text-align: justify;
    margin-top: 4px;
    margin-left: -184px;
    line-height: 175%;
    white-space: normal;
    -webkit-box-shadow: -4px 4px 9px 0 rgba(0, 0, 0, .5);
    box-shadow: -4px 4px 9px 0 rgba(0, 0, 0, .5)
}

.tooltip .tooltipHoverTop {
    top: 0
}

.tooltip .tooltipHoverBottom {
    bottom: 20px
}

.wide,
.wide>.holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 80px)
}

.wide>.holder {
    padding-left: 0
}

.wide>.holder>div {
    padding-left: 40px;
    height: calc(100vh - 80px)
}

.wide>.holder>.dark {
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
    padding-left: 40px;
    border-right: 1px solid #e0e5ec
}

.minHeight {
    min-height: 400px
}

.loader-private {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #f6f8fb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 50
}

.loader-private.white {
    background-color: #fff
}

.loader-private .hollow-dots-spinner {
    height: 15px;
    width: 90px
}

.loader-private .hollow-dots-spinner .dot {
    width: 15px;
    height: 15px;
    margin: 0 7.5px;
    border: 3px solid #0051ff;
    border-radius: 50%;
    float: left;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: hollow-dots-spinner-animation 1s ease 0ms infinite;
    animation: hollow-dots-spinner-animation 1s ease 0ms infinite
}

.loader-private .hollow-dots-spinner .dot:first-child {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.loader-private .hollow-dots-spinner .dot:nth-child(2) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.loader-private .hollow-dots-spinner .dot:nth-child(3) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.loader-public {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fafbff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 50
}

@media only screen and (max-width:415px) {
    .loader-public {
        position: fixed
    }
}

@media only screen and (min-width:415px) {
    .loader-public {
        position: absolute
    }
}

.loader-public.white {
    background-color: #fff
}

.loader-public .hollow-dots-spinner {
    height: 15px;
    width: 90px
}

.loader-public .hollow-dots-spinner .dot {
    width: 15px;
    height: 15px;
    margin: 0 7.5px;
    border: 3px solid #0051ff;
    border-radius: 50%;
    float: left;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: hollow-dots-spinner-animation 1s ease 0ms infinite;
    animation: hollow-dots-spinner-animation 1s ease 0ms infinite
}

.loader-public .hollow-dots-spinner .dot:first-child {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.loader-public .hollow-dots-spinner .dot:nth-child(2) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.loader-public .hollow-dots-spinner .dot:nth-child(3) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

@-webkit-keyframes hollow-dots-spinner-animation {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes hollow-dots-spinner-animation {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.success-default.absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.success-default.successHolder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    z-index: 3;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.success-default .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #0051ff;
    fill: none;
    -webkit-animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards;
    animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards
}

.success-default .checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    -webkit-box-shadow: inset 0 0 0 #0051ff;
    box-shadow: inset 0 0 0 #0051ff;
    -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.success-default .checkmark__check {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    -webkit-animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards;
    animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
}

@-webkit-keyframes stroke {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes scale {

    0%,
    to {
        -webkit-transform: none;
        transform: none
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

@-webkit-keyframes fill {
    to {
        -webkit-box-shadow: inset 0 0 0 30px #0051ff;
        box-shadow: inset 0 0 0 30px #0051ff
    }
}

@keyframes fill {
    to {
        -webkit-box-shadow: inset 0 0 0 30px #0051ff;
        box-shadow: inset 0 0 0 30px #0051ff
    }
}

@media only screen and (max-width:415px) {
    .success-public.absolute {
        position: fixed
    }

    .success-public.successHolder {
        background-color: #0051ff
    }

    .success-public.successHolder>.light {
        color: hsla(0, 0%, 100%, .6) !important
    }

    .success-public.successHolder>h2 {
        color: #fff !important
    }

    .success-public .checkmark__circle {
        stroke: #fff
    }

    .success-public .checkmark {
        stroke: #0051ff;
        -webkit-box-shadow: inset 0 0 0 #fff;
        box-shadow: inset 0 0 0 #fff
    }

    @-webkit-keyframes fill {
        to {
            -webkit-box-shadow: inset 0 0 0 30px #fff;
            box-shadow: inset 0 0 0 30px #fff
        }
    }

    @keyframes fill {
        to {
            -webkit-box-shadow: inset 0 0 0 30px #fff;
            box-shadow: inset 0 0 0 30px #fff
        }
    }
}

@media only screen and (min-width:415px) {
    .success-public.absolute {
        position: absolute
    }

    .success-public.successHolder {
        background-color: #fff
    }

    .success-public .checkmark__circle {
        stroke: #0051ff
    }

    .success-public .checkmark {
        stroke: #fff;
        -webkit-box-shadow: inset 0 0 0 #0051ff;
        box-shadow: inset 0 0 0 #0051ff
    }

    @-webkit-keyframes fill {
        to {
            -webkit-box-shadow: inset 0 0 0 30px #0051ff;
            box-shadow: inset 0 0 0 30px #0051ff
        }
    }

    @keyframes fill {
        to {
            -webkit-box-shadow: inset 0 0 0 30px #0051ff;
            box-shadow: inset 0 0 0 30px #0051ff
        }
    }
}

.success-public.absolute {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.success-public.successHolder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 3;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.success-public.successHolder>.light {
    line-height: 200%;
    max-width: 400px
}

.success-public .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    fill: none;
    -webkit-animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards;
    animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards
}

.success-public .checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke-miterlimit: 10;
    -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.success-public .checkmark__check {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    -webkit-animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards;
    animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
}

@keyframes stroke {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes scale {

    0%,
    to {
        -webkit-transform: none;
        transform: none
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

.failed-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.failed-holder.absolute {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.failed-mark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    -webkit-box-shadow: inset 0 0 0 #e30f2e;
    box-shadow: inset 0 0 0 #e30f2e;
    -webkit-animation: failed-fill 0s ease-in-out 0s forwards, failed-scale 0s ease-in-out 0s both;
    animation: failed-fill 0s ease-in-out 0s forwards, failed-scale 0s ease-in-out 0s both
}

.failed-mark>circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #e30f2d;
    fill: none;
    -webkit-animation: stroke .5s cubic-bezier(.65, 0, .45, 1) forwards;
    animation: stroke .5s cubic-bezier(.65, 0, .45, 1) forwards
}

.failed-mark>path {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 0
}

@-webkit-keyframes failed-scale {

    0%,
    to {
        -webkit-transform: none;
        transform: none
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes failed-scale {

    0%,
    to {
        -webkit-transform: none;
        transform: none
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

@-webkit-keyframes failed-fill {
    to {
        -webkit-box-shadow: inset 0 0 0 30px #e30f2d;
        box-shadow: inset 0 0 0 30px #e30f2d
    }
}

@keyframes failed-fill {
    to {
        -webkit-box-shadow: inset 0 0 0 30px #e30f2d;
        box-shadow: inset 0 0 0 30px #e30f2d
    }
}

.dotRed {
    background-color: #ff0048
}

.dotGreen,
.dotRed {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block
}

.dotGreen {
    background-color: #00d20c
}

.lightBoxHolder {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, .75);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 100
}

.lightBoxHolder>div {
    background-color: #fff;
    max-height: calc(100vh - 40px);
    min-height: 500px;
    overflow-y: auto;
    width: calc(100vw - 40px);
    margin: 0 auto;
    max-width: 440px;
    border-radius: 3px;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: lightbox;
    animation-name: lightbox;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.lightBoxHolder>div.visible {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.lightBoxHolder>div .illustration {
    padding: 40px;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 120%
}

.lightBoxHolder>div .illustration.EditPassword {
    background-image: url(../img/security.e02a288e.svg);
    background-size: 150%
}

.lightBoxHolder>div .illustration.EditEmail {
    background-image: url(../img/marketing.59c47467.svg);
    background-position-x: 130%;
    background-size: 140%
}

.lightBoxHolder>div .illustration.ConfirmPhone,
.lightBoxHolder>div .illustration.EditPhone {
    background-image: url(../img/mobile_phone.c4001f54.svg);
    background-position: 100% 100%;
    background-size: 150%
}

.lightBoxHolder>div .illustration.AntiPhishing {
    background-image: url(../img/security.e02a288e.svg);
    background-size: 150%
}

.lightBoxHolder>div .illustration.DeleteAccount,
.lightBoxHolder>div .illustration.Dust {
    background-image: url(../img/delete.d060a912.svg);
    background-size: 160%
}

.lightBoxHolder>div .illustration.DeleteTwoFactor,
.lightBoxHolder>div .illustration.EnableTwoFactor {
    background-image: url(../img/iphone.3ccc0816.svg);
    background-size: 140%
}

.lightBoxHolder>div .illustration.EditName {
    background-image: url(../img/personal_data.8d2ecffc.svg)
}

.lightBoxHolder>div .illustration.AddAPI,
.lightBoxHolder>div .illustration.EditAPI,
.lightBoxHolder>div .illustration.RemoveAPI {
    background-image: url(../img/ether_crypto_currency.1ba86e9b.svg);
    background-size: 170%;
    background-position-x: 110%
}

.lightBoxHolder>div .illustration.RemoveWhitelist,
.lightBoxHolder>div .illustration.WhitelistAdd {
    background-image: url(../img/security.e02a288e.svg);
    background-size: 150%
}

.lightBoxHolder>div .illustration.getFee {
    background-image: url(../img/pie_chart.f88db225.svg);
    background-size: 160%
}

.lightBoxHolder>div .lightBoxInner {
    padding: 40px;
    overflow-y: auto
}

.lightBoxHolder>div .lightBoxInner::-webkit-scrollbar {
    width: 12px;
    border: 2px solid #fff
}

.lightBoxHolder>div .lightBoxInner::-webkit-scrollbar-track {
    background-color: #e0e5ec;
    border-radius: 8px;
    border: 2px solid #fff
}

.lightBoxHolder>div .lightBoxInner::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #c4cfdd;
    border: 2px solid #fff
}

.lightBoxHolder .lightBoxClose {
    cursor: pointer
}

.lightBoxHolder .lightBoxClose:hover {
    color: #0051ff
}

@-webkit-keyframes lightbox {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightbox {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.stepsHorizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.stepsVertical {
    display: block
}

.steps {
    max-width: 380px;
    margin: 0 auto
}

.steps,
.steps>.step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.steps>.step {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.steps>.step>div {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    margin: 2px auto 15px auto;
    line-height: 29px;
    text-align: center;
    font-size: 13px
}

.steps>.step>span {
    font-size: 12px;
    color: #7a90ab;
    display: table-caption;
    width: 90px;
    margin: 0 auto;
    line-height: 16px
}

.steps>.step:before {
    content: "";
    position: absolute;
    top: 18px;
    height: 2px;
    border-radius: 2px;
    width: calc(100% - 50px);
    right: calc(50% + 25px);
    z-index: 0
}

.steps>.step.pending:before {
    background-color: #d7dde6
}

.steps>.step.active:before,
.steps>.step.completed:before {
    background-color: #0051ff
}

.steps>.step:first-child:before {
    display: none
}

.steps>.step.pending>div {
    background-color: #d7dde6;
    color: #7a90ab;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 0 2px #d7dde6;
    box-shadow: 0 0 0 2px #d7dde6
}

.steps>.step.active>div,
.steps>.step.completed>div {
    color: #fff;
    border: 2px solid #fff;
    background-color: #0051ff;
    -webkit-box-shadow: 0 0 0 2px #0051ff;
    box-shadow: 0 0 0 2px #0051ff
}

.blockHeader {
    position: relative;
    padding: 0 0 20px;
    border-bottom: 1px dashed #e6ecf3
}

.portfolioIntro .slides {
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.portfolioIntro .subTitle {
    display: inline-block;
    max-width: 320px;
    line-height: 200%
}

.portfolioIntro .slideArrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #fff
}

.portfolioIntro .slideArrow:hover {
    background-color: #fcfcfc
}

.portfolioIntro .slideArrow:hover>i {
    color: #002bff
}

.portfolioIntro .slideLeft {
    left: 0;
    text-align: left
}

.portfolioIntro .slideRight {
    right: 0;
    text-align: right
}

.portfolioIntro .slideLegend {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.portfolioIntro .slideLegend>i {
    font-size: .9em;
    opacity: .6;
    cursor: pointer
}

.portfolioIntro .slideLegend>i:hover {
    color: #002bff
}

.portfolioIntro .slideLegend>.active {
    opacity: 1;
    color: #002bff
}

.portfolioIntro .slideIcon {
    background-color: #002bff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    color: #fff;
    font-size: 20pt
}

.portfolioIntroMobile {
    height: 360px;
    width: 100%
}

.portfolioIntroMobile .slides {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 60px 60px 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.portfolioIntroMobile .slides h2 {
    font-size: 18px
}

.portfolioIntroMobile .subTitle {
    display: inline-block;
    max-width: 320px;
    line-height: 200%;
    font-size: 13px;
    color: #7a90ab
}

.portfolioIntroMobile .opac {
    color: #7a90ab
}

.portfolioIntroMobile .slideArrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #7a90ab
}

.portfolioIntroMobile .slideArrow:hover>i {
    color: #0051ff
}

.portfolioIntroMobile .slideLeft {
    left: 0;
    text-align: left
}

.portfolioIntroMobile .slideRight {
    right: 0;
    text-align: right
}

.portfolioIntroMobile .slideLegend {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.portfolioIntroMobile .slideLegend>i {
    font-size: .9em;
    opacity: .6;
    cursor: pointer
}

.portfolioIntroMobile .slideLegend>i:hover {
    color: #0051ff
}

.portfolioIntroMobile .slideLegend>.active {
    opacity: 1;
    color: #0051ff
}

.portfolioIntroMobile .slideIcon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    font-size: 20pt
}

.portfolioSummary .portfolioShrink {
    height: 71px;
    display: block;
    padding: 11px 20px
}

.portfolioSummary button {
    border: 0;
    display: block;
    border-radius: 25px;
    height: 50px;
    cursor: pointer;
    margin: 0;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    color: #fff
}

.portfolioSummary .deposit {
    background-color: #1cb77e
}

.portfolioSummary .withdraw {
    color: #1a2a3e;
    background-color: #f2f6ff
}

.copy {
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s
}

.copy:after {
    position: fixed;
    top: -20px;
    left: 20px;
    display: inline-block;
    background-color: #18ad76;
    border-radius: 3px;
    padding: 6px 8px;
    font-family: Roboto, sans-serif;
    content: "\2714\FE0E";
    color: #fff;
    font-size: 14px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 2s;
    transition: opacity 2s;
    visibility: visible
}

.copy:hover:active {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.copy:hover:active:after {
    opacity: 1;
    visibility: hidden
}

.copy:hover:active:after,
.copy:not(:hover):after {
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.qr {
    border: 2px dashed #e1f2ff;
    width: 200px;
    margin: 20px auto
}

.illustration {
    background-image: url(data:image/png;base64, );
    background-size: 120px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.illustration>svg {
    width: 64px;
    fill: #1a2a3e
}

.notification {
    color: #fff;
    border-radius: 3px;
    padding: 20px;
    line-height: 26px;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.notification.notification-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.notification .title {
    display: block
}

.notification .message-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.notification .close-action {
    margin-left: 2rem;
    cursor: pointer
}

@media screen and (max-width:815px) {
    .notification>.close-action {
        margin-left: 0
    }
}

.notification a {
    color: #fff;
    font-weight: 500;
    text-decoration: underline
}

.notification.default {
    background-color: #2e65e0;
    -webkit-box-shadow: 0 0 11px 0 rgba(63, 73, 105, .4);
    box-shadow: 0 0 11px 0 rgba(63, 73, 105, .4)
}

.notification.urgent {
    background-color: #cc1b3c;
    -webkit-box-shadow: 0 0 11px 0 rgba(105, 63, 71, .4);
    box-shadow: 0 0 11px 0 rgba(105, 63, 71, .4)
}

.v-select {
    position: relative;
    font-family: Roboto, sans-serif
}

.v-select,
.v-select * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vs__fade-enter-active,
.vs__fade-leave-active {
    pointer-events: none;
    -webkit-transition: opacity .15s cubic-bezier(1, .5, .8, 1);
    transition: opacity .15s cubic-bezier(1, .5, .8, 1)
}

.vs__fade-enter,
.vs__fade-leave-to {
    opacity: 0
}

.vs--disabled .vs__clear,
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__open-indicator,
.vs--disabled .vs__search,
.vs--disabled .vs__selected {
    cursor: not-allowed;
    background-color: #f8f8f8
}

.vs__dropdown-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    background: none;
    border: 1px solid #e0e5ec;
    border-radius: 3px;
    white-space: normal
}

.vs--open .vs__dropdown-toggle,
.vs__dropdown-toggle:hover {
    border: 1px solid #bbc2cc
}

.vs__selected-options {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    position: relative
}

.vs__actions,
.vs__selected-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vs__actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 10px 0 0
}

.vs--searchable .vs__dropdown-toggle {
    cursor: text
}

.vs--unsearchable .vs__dropdown-toggle {
    cursor: pointer
}

.vs--open .vs__dropdown-toggle {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vs__open-indicator {
    fill: #a5b2c0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: -webkit-transform .15s cubic-bezier(1, -.115, .975, .855);
    transition: -webkit-transform .15s cubic-bezier(1, -.115, .975, .855);
    transition: transform .15s cubic-bezier(1, -.115, .975, .855);
    transition: transform .15s cubic-bezier(1, -.115, .975, .855), -webkit-transform .15s cubic-bezier(1, -.115, .975, .855);
    -webkit-transition-timing-function: cubic-bezier(1, -.115, .975, .855);
    transition-timing-function: cubic-bezier(1, -.115, .975, .855)
}

.vs--open .vs__open-indicator {
    -webkit-transform: rotate(180deg) scale(.8);
    transform: rotate(180deg) scale(.8)
}

.vs--loading .vs__open-indicator {
    opacity: 0
}

.vs__clear {
    fill: #a5b2c0;
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    margin-right: 8px
}

.vs__clear>svg {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.vs__dropdown-menu {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    z-index: 1000;
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 350px;
    min-width: 160px;
    overflow-y: auto;
    border: 1px solid #bbc2cc;
    border-top-style: none;
    border-radius: 0 0 4px 4px;
    text-align: left;
    list-style: none;
    background: #fff
}

.vs__no-options {
    text-align: center
}

.vs__dropdown-option {
    line-height: 28px;
    display: block;
    padding: 6px 10px;
    clear: both;
    font-size: 14px;
    border-top: 1px dashed #e0e5ec;
    color: #7a90ab;
    white-space: nowrap
}

.vs__dropdown-option:hover {
    cursor: pointer
}

.vs__dropdown-option--highlight {
    font-weight: 500;
    color: #0051ff
}

.vs__dropdown-option--disabled {
    background: inherit;
    color: rgba(60, 60, 60, .5)
}

.vs__dropdown-option--disabled:hover {
    cursor: inherit
}

.vs__selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0f0f0;
    border: 0;
    border-radius: 4px;
    color: #1a2a3e;
    line-height: 46px;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    z-index: 0;
    font-size: 11pt
}

.vs__deselect {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 4px;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: none;
    fill: rgba(60, 60, 60, .5);
    text-shadow: 0 1px 0 #fff
}

.vs--single .vs__selected {
    background-color: transparent;
    border-color: transparent
}

.vs--single.vs--open .vs__selected {
    position: absolute;
    color: #a7b7cc
}

.vs--single.vs--open .vs__selected .flag,
.vs--single.vs--searching .vs__selected {
    display: none
}

.vs__search {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 11pt;
    border: 1px solid transparent;
    border-left: none;
    outline: none;
    margin: 0;
    padding: 0;
    height: 46px;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1;
    line-height: 46px;
    padding-left: 10px;
    font-family: Roboto, sans-serif
}

.vs__search::-ms-clear,
.vs__search::-webkit-search-cancel-button,
.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration {
    display: none
}

.vs__search:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 11pt;
    border: 1px solid transparent;
    border-left: none;
    outline: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1
}

.vs__search::-webkit-input-placeholder {
    color: #a7b7cc
}

.vs__search:-ms-input-placeholder,
.vs__search::-moz-placeholder,
.vs__search::-ms-input-placeholder,
.vs__search::-webkit-input-placeholder,
.vs__search::placeholder {
    color: #a7b7cc
}

.vs--unsearchable .vs__search {
    opacity: 1
}

.vs--unsearchable:not(.vs--disabled) .vs__search:hover {
    cursor: pointer
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
    opacity: .2
}

.vs--loading .vs__spinner {
    opacity: 1
}

/*!*****************************************************

Freak Flags, Copyright ©2020 Michael P. Cohen. Freak flags is licenced under the MIT licence.  

For complete information visit: www.freakflagsprite.com 

******************************************************/
.flag {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAADM0CAMAAABSSuVNAAAAulBMVEX////7uLurp2HNCBvEysReC2kMjvcAKdXwn2E4b/tgqwz90dD5ZF79MS/PMQP6BiySdkcAYwDWAAinZwmylhFhVgayAQAAALXxMw/K0/RbnVzf5uCfz6nf9Pr8kAH03kz24p/99tz9VQEAQv9gZWfJwg0ynEcBOa8wR02h1PQBHY1WgZ+3yUsSYJ6QFzVvwH+Npei+ZIEAfNVLrd36oZk0U8tofODQO0qWnZgAlAj/3wHvGBj///8BAAD7psgmAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAACYtJREFUeJzt3QtXE+cagFF6Wo8UQlsVSjwyIQlEAS0hctOZ8f//rTO5QWYyt3SRDqF7u7qK8PjyMbckEszWj9q2NjyNE9Ka6Y/ccvPTfP+ig7DAS02j2qTNp3Ft0jWljR8D0hXS9NUuTJFKpdINThu/NZSukH6vTbqmNKpNKv1n0m/3d7c319d3X0ejUXl6Nby+vPzry/Dzxdfz6/vS9Hp4fXb5aXj9cXD67XpUmkbX1399/vzt2+ev158rFlAmeyVc/FjFRXNSTP97ynQeTt58srTptSbBLM2W8dZJRtSfzuxH2Y8spSe3/STt9Zfen5MmgxM5785LC0ibv0NSJ+rVTXuDbr30uNPp1VlAr9vpHM9/k5P2Op1ut9vrdpOBnc7j+/PTB924MO11j6fDpnpxQZp82k5atzDtLClaQC+dDY4XvvzsWruZib3CtabTxYE5W2Ch7WXL5Y013gpLVV46Gd1dfl82PR8GqY8FR8OiNBgOFz92/nH4oXABw4/Dh48GyW8+BoVp0h59HB4lb3xI/lCmzKQfzsfJUTwc/m+Y+fTLWyA4Ovp4NBz3mTBvYwVB8CGIg6X3P4PHMOtJT67qpycnS1uwOK05eHbVrjN4foGvMfjhtuC2cvDCzUbV4NQtTPng9I1R6eDs7db7+mnJ4Jxbw6LBeTecBYNzb2ML7pQuh+12zbTkrm52ZN20uMumJSPTaWmXSstHLqRV3WNaOXKe1uhmaZ2Rk7ReF/0Tj+ImR6X035cWXySXrlmblDa+XaWNp19rkzaf/qhNuqZ0PZdi6brTwynpy0gPa5M2v7ek60nT+zn9wcwdPalUKt2ktPE7+9IV0qg26ZrSsDZp8+n0myvJZS/vG10pzy6Ni60pzfy+bK3rSRvfApl0hbU+UVqyuOxa15NWLjH7ZT11aguskDZ+ayhdIW380JY2/mMT0r+dpndl+imeUqlU+mLSzF0HqVQq3aT0z9qkG5XGtUmb31vS9aQXtT2j9KB+GtZMw/Bg/92gvJ6m78LB/sF+GA6q0/3wIEwG10kHB+HkV430NPncya/wtDq9uJh+y7WsfAY79m1tUukqaePfupWukH6vTeofRJJKNypt/FGctPEfzJOukObuwxXOradJR6NR7TSum47OPpyN6qSj0dnZ6dnZ4hoK0/jD6Y/TD3GdtP7UFda60hZYZbuusLek0g1Jc98rfaZp7o7NJV1TelibtPn04dSZPGW83r9DIt2AdOGUPCn9SYR4lXQ9zy1fIV3Pl9X43pKuJy3b68WHi1RalRYfdMXHq1T6pOmbLGnd9Ptw2OkX/auyqTAcDMP+IOxXpt/DP84OOr///ttxbruYhp1OFO1HUWc/zFvDQjoIO+29Vre1138X5rWptB/dxOfxbhS1OzlLeEx3doad31pxEN/89q4zGJSlw3DnoH8Z/BqM+vf97GsZZdLBzn00mRrd73dK0++DN39Ee8la799uD8rXmnxZO3/093b3+vth3udPb9dw2Ere1Rok26p8Y73ZCYff37z7vd8Pcw+D9OEyGOwM+oNB/vGSd2Tlhs/vLHjeafq+f/p5CFKpVLrBaeOPYTYxXXjiYK00fqr09VQ8T8b/f51rMX2YWplOX7ulV51uP0zdrkiv4oc0vitPb+PWLG3Fn8rT18H808bn+eVj+uts2Kf4tipNVjstC1aapI+7vhV/ff3fyZKrn36a3CUtDp/D819faPo3Tu7m0/dXd7e3t3dXhS+l8njJODwMD8f/3VZfXcbfaglvDw8v6qVjK6SvaqVXySlYks5PsreHk5cwCpK06ox9O3tqyPllZXqZPCwMxi+OFL2qSi/e3k2M/iy8Djy89SqKg/fxLz8XDV1Ix0uI473CcjF9fbnXKlxoJn396tVFcZlOyzV/xkpXSKPapGv/qYXjL8OjL7XSL1fRt2j0nzrpoN3utKNBrQWE7/r7x3UWsJs8CriJd8Pj3aq0G0dRpzWKwviXqnS8jQejn5I/cF+Vxjdh+/58dBO24qp07ybstEdRO9zdq15rOPnb1DCunLq/n0w9TdL9/ap0/ELqx8Mv0zfK0xqaPws2KV14kshk69V7uon0JaUrnFublDa+XaWNpzOll8C0l59ujx/Mbb/M9KYiXX5E/CLS57QLmkyXvPC0tTveNnePF7zpMfLwIjRjQbzd7u9utduZdjmN4367Fcdbu/1o/Jco8fui9Dy+abe7479OOgySt34ax7e5adybzjofX7Xv4n7UH7dXC+nWNL2KZ4N+nV3g54ODT5mpwXhKb7a66W3BXW82+G4xvYp/mo64S91sjAffTJb0kAZxazIyyN7CXPemn+t8no5H3ixuxoUbo/ngWZoeeZh6RafUGZ3z7lXSsuMkc9Q0nq5nC8w38NcgjnvTXT5Ng+n+etwH8zTZn8kVpZ/snYVjYLrLztNpPBt5lT6yxoOTx/e3j+lsZC84SR+vt/Hi4K35yOQPL54FsxNmPGS3nVzxJmfB1Wxk/rl19zh4K5iNLDxj308Gt7eDrfHIdq/sOjAfvJVcDrbjyddTlB6ejDfbbn8rKRfD3AvRdBFb/UyZm47b3S0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+9f4PA9e3zPF2IVMAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 100% 49494%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 18px;
    height: 11px;
    margin-right: 8px;
    top: -1px
}

.flag-CH {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.flag-AT {
    background-position: center .2287%
}

.flag-BE {
    background-position: center .4524%
}

.flag-BG {
    background-position: center .6721%
}

.flag-HR {
    background-position: center .8958%
}

.flag-CY {
    background-position: center 1.1162%
}

.flag-CZ {
    background-position: left 1.3379%
}

.flag-DK {
    background-position: center 1.5589%
}

.flag-EE {
    background-position: center 1.7836%
}

.flag-FI {
    background-position: center 2.0047%
}

.flag-FR {
    background-position: center 2.2247%
}

.flag-DE {
    background-position: center 2.4467%
}

.flag-GR {
    background-position: left 2.6674%
}

.flag-HU {
    background-position: center 2.8931%
}

.flag-IE {
    background-position: center 3.1125%
}

.flag-IT {
    background-position: center 3.3325%
}

.flag-LV {
    background-position: center 3.5542%
}

.flag-LI {
    background-position: left 3.7759%
}

.flag-LT {
    background-position: center 4.0015%
}

.flag-LU {
    background-position: center 4.2229%
}

.flag-MT {
    background-position: left 4.441%
}

.flag-NL {
    background-position: center 4.66663%
}

.flag-NO {
    background-position: center 4.8844%
}

.flag-PL {
    background-position: center 5.1061%
}

.flag-PT {
    background-position: center 5.3278%
}

.flag-RO {
    background-position: center 5.5495%
}

.flag-SK {
    background-position: center 5.7712%
}

.flag-SI {
    background-position: center 5.994%
}

.flag-ES {
    background-position: left 6.2156%
}

.flag-SE {
    background-position: center 6.4363%
}

.flag-CH {
    background-position: center 6.658%
}

.flag-GB {
    background-position: center 6.8805%
}

.footer {
    margin: 60px 0 16px;
    font-family: Inter, sans-serif
}

@media only screen and (max-width:767px) {
    .footer {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1439px) {
    .footer {
        padding-left: 0;
        padding-right: 0
    }
}

.footer .footerTop>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.footer .footerTop>ul>li {
    font-size: 14px;
    line-height: 24px;
    color: #0f151b
}

.footer .footerTop>ul>li:not(:last-of-type) {
    margin-right: 40px
}

@media only screen and (max-width:767px) {
    .footer .footerTop>ul>li:not(:last-of-type) {
        margin-right: 28px
    }
}

.footer .footerTop>ul>li.company-name {
    display: none
}

@media only screen and (min-width:787px) {
    .footer .footerTop>ul>li.company-name {
        display: initial
    }
}

.footer .footerTop>ul>li>a {
    text-decoration: none;
    color: #2f3a45
}

.footer .footerTop>ul>li>a:hover {
    text-shadow: #0f151b -.03ex 0, #0f151b .03ex 0;
    color: #0f151b
}

.footer .footerBottom {
    clear: both;
    margin: 24px 0 0;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
    color: #8594a2;
    text-align: justify
}

.button {
    outline: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center
}

.button::-moz-focus-inner {
    border: 0
}

.buttonBlue {
    display: block;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
    background-color: #0051ff;
    color: #fff;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    border: 0;
    border-radius: 30px;
    font-weight: 500
}

.buttonBlue:hover {
    background-color: #0024d4
}

a.buttonBlue,
a.buttonBlue:hover {
    color: #fff
}

.buttonDisabled,
.buttonDisabled:hover {
    background-color: #f0f7ff;
    cursor: not-allowed;
    color: #7a90ab;
    font-weight: 500
}

.buttonSmall {
    border-radius: 21px;
    height: 42px;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 500;
    font-size: .85em
}

.buttonInline,
.buttonSmall {
    display: inline-block;
    width: auto
}

.buttonGreen {
    background-color: #0a966e
}

.buttonGreen:hover {
    background-color: #008c5e
}

.buttonRed {
    background-color: #d00e3d
}

.buttonRed:hover {
    background-color: #d20128
}

.button:not(.buttonDisabled):active {
    -webkit-transform: scale(.962) translateZ(0);
    transform: scale(.962) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.checkbox {
    position: relative;
    height: 22px;
    width: 22px
}

.checkbox input[type=checkbox] {
    height: 0;
    width: 0;
    margin: 0;
    display: none;
    padding: 0
}

.checkbox input[type=checkbox]+span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 22px;
    height: 22px;
    background: transparent;
    border: 2px solid #e0e5ec;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all .25s cubic-bezier(.4, 0, .23, 1);
    transition: all .25s cubic-bezier(.4, 0, .23, 1)
}

.checkbox input[type=checkbox]:not(:checked):hover+span {
    border-color: #c4ccd8
}

.checkbox input[type=checkbox]:not(:checked):active+span {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    border: 11px solid #0051ff
}

.checkbox input[type=checkbox]:checked+span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 11px solid #0051ff
}

.checkbox input[type=checkbox]:checked+span:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation: checkbox-check 125ms cubic-bezier(.4, 0, .23, 1) .25s forwards;
    animation: checkbox-check 125ms cubic-bezier(.4, 0, .23, 1) .25s forwards
}

@-webkit-keyframes shrink-bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    33% {
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes shrink-bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    33% {
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #fff;
        -webkit-transform: translateZ(0) rotate(45deg);
        transform: translateZ(0) rotate(45deg)
    }

    33% {
        width: .2em;
        height: 0;
        -webkit-transform: translateZ(0) rotate(45deg);
        transform: translateZ(0) rotate(45deg)
    }

    to {
        width: .2em;
        height: .5em;
        border-color: #fff;
        -webkit-transform: translate3d(0, -.5em, 0) rotate(45deg);
        transform: translate3d(0, -.5em, 0) rotate(45deg)
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #fff;
        -webkit-transform: translateZ(0) rotate(45deg);
        transform: translateZ(0) rotate(45deg)
    }

    33% {
        width: .2em;
        height: 0;
        -webkit-transform: translateZ(0) rotate(45deg);
        transform: translateZ(0) rotate(45deg)
    }

    to {
        width: .2em;
        height: .5em;
        border-color: #fff;
        -webkit-transform: translate3d(0, -.5em, 0) rotate(45deg);
        transform: translate3d(0, -.5em, 0) rotate(45deg)
    }
}

.drag-drop {
    width: 100%;
    position: relative;
    border-radius: 3px;
    border: 1px dashed #0051ff;
    background-color: #eff2ff
}

.drag-drop input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer
}

.drag-drop .file-dummy {
    width: 100%;
    padding: 100px 30px;
    line-height: 170%;
    font-weight: 500;
    background: hsla(0, 0%, 100%, .2);
    border: 2px dashed hsla(0, 0%, 100%, .2);
    text-align: center;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.drag-drop .file-dummy.reduced {
    padding: 60px 30px
}

.drag-drop .file-dummy .success {
    display: none
}

.drag-drop .face-display {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

.drag-drop .face-display>svg {
    max-height: 75%;
    max-width: 75%;
    opacity: .05;
    fill: #001238
}

.drag-drop:hover .file-dumyy {
    background: hsla(0, 0%, 100%, .1)
}

.drag-drop input[type=file]:focus+.file-dummy {
    outline: 2px solid hsla(0, 0%, 100%, .5);
    outline: 5px auto -webkit-focus-ring-color
}

.drag-drop input[type=file]:valid+.file-dummy {
    border-color: rgba(0, 255, 0, .4);
    background-color: rgba(0, 255, 0, .3)
}

.drag-drop input[type=file]:valid+.file-dummy.error {
    border-color: rgba(255, 0, 0, .4);
    background-color: rgba(255, 0, 0, .3)
}

.drag-drop input[type=file]:valid+.file-dummy .success {
    display: inline-block
}

.drag-drop input[type=file]:valid+.file-dummy .default {
    display: none
}

.inputModule {
    display: block;
    position: relative
}

.inputModule>.backLabel {
    right: 10px
}

.inputModule>.backLabel,
.inputModule>.frontLabel {
    position: absolute;
    top: 0;
    height: 48px;
    line-height: 48px
}

.inputModule>.frontLabel {
    left: 0;
    width: 42px;
    text-align: center
}

.inputModule>input {
    width: 100%;
    height: 48px;
    min-width: 200px;
    padding-left: 10px;
    border: 1px solid #e0e5ec;
    font-family: Roboto, sans-serif;
    font-size: 11pt;
    border-radius: 3px;
    -webkit-transition: border .2s;
    transition: border .2s;
    color: #1a2a3e
}

.inputModule>input:-moz-read-only {
    background-color: #fafbff;
    cursor: default
}

.inputModule>input:read-only {
    background-color: #fafbff;
    cursor: default
}

.inputModule>input:-moz-read-only:focus {
    outline: none
}

.inputModule>input:read-only:focus {
    outline: none
}

.inputModule>input:hover:not(:-moz-read-only) {
    border: 1px solid #bbc2cc
}

.inputModule>input:hover:not(:read-only) {
    border: 1px solid #bbc2cc
}

.inputModule>input:focus:not(:-moz-read-only) {
    outline: none;
    border: 1px solid #0051ff !important;
    font-weight: 500 !important;
    color: #0051ff !important
}

.inputModule>input:focus:not(:read-only) {
    outline: none;
    border: 1px solid #0051ff !important;
    font-weight: 500 !important;
    color: #0051ff !important
}

.inputModule>input:focus:not(:-moz-read-only)~i {
    color: #0051ff;
    -moz-transition: color .2s;
    transition: color .2s
}

.inputModule>input:focus:not(:read-only)~i {
    color: #0051ff;
    -webkit-transition: color .2s;
    transition: color .2s
}

.inputModule>input:focus:not(:-moz-read-only)~.currencyIcon {
    animation: icon-rotate 1s 1
}

.inputModule>input:focus:not(:read-only)~.currencyIcon {
    -webkit-animation: icon-rotate 1s 1;
    animation: icon-rotate 1s 1
}

.inputModule>input::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #a7b7cc
}

.inputModule>input::-moz-placeholder {
    font-weight: 400 !important;
    color: #a7b7cc
}

.inputModule>input:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #a7b7cc
}

.inputModule>input::-ms-input-placeholder {
    font-weight: 400 !important;
    color: #a7b7cc
}

.inputModule>input::placeholder {
    font-weight: 400 !important;
    color: #a7b7cc
}

.inputModule>input::-webkit-input-placeholder:hover {
    color: #0051ff
}

.inputModule>input::-moz-placeholder:hover {
    color: #0051ff
}

.inputModule>input:-ms-input-placeholder:hover {
    color: #0051ff
}

.inputModule>input::-ms-input-placeholder:hover {
    color: #0051ff
}

.inputModule>input::placeholder:hover {
    color: #0051ff
}

.inputModule input::-moz-focus-inner {
    outline: none;
    border: 1px solid #0051ff !important;
    font-weight: 500 !important;
    color: #0051ff !important
}

.inputModule input::-moz-focus-inner~i {
    color: #0051ff;
    -moz-transition: color .2s;
    transition: color .2s
}

.inputModule.focus>input:not(:-moz-read-only) {
    outline: none;
    border: 1px solid #0051ff !important;
    font-weight: 500 !important;
    color: #0051ff !important
}

.inputModule.focus>input:not(:read-only) {
    outline: none;
    border: 1px solid #0051ff !important;
    font-weight: 500 !important;
    color: #0051ff !important
}

.inputModule .inputIcon {
    padding-left: 42px
}

.inputModule .extraPadding {
    padding-left: 70px !important
}

.inputModule>.material-icons {
    position: absolute;
    left: 0;
    top: 0;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    color: #e0e5ec;
    font-size: 18px;
    -webkit-transition: color .2s;
    transition: color .2s
}

.inputModule>.currencyIcon {
    left: 7px;
    -webkit-transform: scale(.65);
    transform: scale(.65);
    position: absolute;
    top: 8px
}

.inputModule.greyscale>.currencyIcon {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: .6
}

.inputModule.greyscale>input {
    color: #6e768e
}

.inputModule .backInput {
    padding-right: 80px
}

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

.inputModule input::-webkit-inner-spin-button,
.inputModule input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@-webkit-keyframes icon-rotate {
    0% {
        -webkit-transform: rotateY(0deg) scale(.65);
        transform: rotateY(0deg) scale(.65)
    }

    to {
        -webkit-transform: rotateY(1turn) scale(.65);
        transform: rotateY(1turn) scale(.65)
    }
}

@keyframes icon-rotate {
    0% {
        -webkit-transform: rotateY(0deg) scale(.65);
        transform: rotateY(0deg) scale(.65)
    }

    to {
        -webkit-transform: rotateY(1turn) scale(.65);
        transform: rotateY(1turn) scale(.65)
    }
}

.radio {
    position: relative;
    cursor: pointer;
    line-height: 20px;
    font-size: 14px
}

.radio .label {
    position: relative;
    display: block;
    float: left;
    width: 21px;
    height: 21px;
    border: 2px solid #c8ccd4;
    border-radius: 100%;
    -webkit-tap-highlight-color: transparent
}

.radio .label:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #0051ff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: .08;
    pointer-events: none
}

.radio:hover .label:after {
    -webkit-transform: scale(3);
    transform: scale(3)
}

.radio input[type=radio]:checked+.label {
    border-color: #0051ff
}

.radio input[type=radio]:checked+.label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s cubic-bezier(.35, .9, .4, .9);
    transition: all .2s cubic-bezier(.35, .9, .4, .9);
    opacity: 1
}

.radio .hidden {
    display: none
}

.inputTitle {
    margin: 20px 0
}

.inputFont,
.inputTitle {
    font-size: 14px
}

.tgl {
    display: none
}

.tgl,
.tgl *,
.tgl+.tgl-btn,
.tgl:after,
.tgl :after,
.tgl:before,
.tgl :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tgl+.tgl-btn::-moz-selection,
.tgl::-moz-selection,
.tgl ::-moz-selection,
.tgl:after::-moz-selection,
.tgl :after::-moz-selection,
.tgl:before::-moz-selection,
.tgl :before::-moz-selection {
    background: none
}

.tgl+.tgl-btn::selection,
.tgl::selection,
.tgl ::selection,
.tgl:after::selection,
.tgl :after::selection,
.tgl:before::selection,
.tgl :before::selection {
    background: none
}

.tgl+.tgl-btn {
    outline: 0;
    display: block;
    width: 2.8em;
    height: 1.6em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%
}

.tgl+.tgl-btn:after {
    left: 0
}

.tgl+.tgl-btn:before {
    display: none
}

.tgl:checked+.tgl-btn:after {
    left: 50%
}

.tgl-ios+.tgl-btn {
    background: #f0f2f6;
    border-radius: 2em;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.tgl-ios+.tgl-btn:after {
    border-radius: 2em;
    background: #fbfbfb;
    -webkit-transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s ease, margin .3s ease;
    transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s ease, margin .3s ease;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 0 rgba(0, 0, 0, .08)
}

.tgl-ios+.tgl-btn:hover:after {
    will-change: padding
}

.tgl-ios+.tgl-btn:active {
    -webkit-box-shadow: inset 0 0 0 2em #e8eae9;
    box-shadow: inset 0 0 0 2em #e8eae9
}

.tgl-ios+.tgl-btn:active:after {
    padding-right: .8em
}

.tgl-ios:checked+.tgl-btn {
    background: #0051ff
}

.tgl-ios:checked+.tgl-btn:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tgl-ios:checked+.tgl-btn:active:after {
    margin-left: -.8em
}

select {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #e0e5ec
}

.progbar {
    width: 100%;
    min-width: 150px;
    border-radius: 4px;
    height: 8px;
    background-color: #dde2ec;
    overflow: hidden;
    margin-top: 15px
}

.progbarFilled {
    background-color: #0051ff;
    width: 40%;
    height: 8px
}

.filterGroup {
    display: inline-block;
    margin: 12px 12px 12px 12px
}

.filterGroup input {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.button-grey {
    height: 24px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    color: #a7b7cc
}

.button-grey>i {
    font-size: 12pt
}

.button-grey.infinite {
    font-size: 22px;
    line-height: 24px;
    top: 2px;
    position: relative
}

.button-grey:hover {
    color: #0051ff
}

.button-grey.active {
    background-color: #0051ff;
    color: #fff
}

.publicNav {
    position: fixed;
    height: 70px;
    left: 0;
    top: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #eaeff6;
    z-index: 2;
    background-color: #fff
}

.publicNav>.publicNavLogo {
    background-image: url(/app/device/logo.73bf3f52.svg);
    width: 103px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 103px
}

.publicNav>.publicNavPrev {
    line-height: 70px
}

.sale {
    display: block;
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 1px dashed #d3dcd9;
    padding-bottom: 25px
}

.sale,
.saleMobile {
    font-weight: 500;
    color: #33a988
}

.saleMobile {
    line-height: 28px
}

.previous {
    position: absolute;
    left: 20px;
    top: 20px;
    height: 50px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff !important;
    border-radius: 20px;
    padding: 0 20px;
    line-height: 50px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.previous:hover {
    background-color: rgba(0, 0, 0, .8);
    color: #fff !important
}

.difficulty {
    margin-top: 6px
}

.difficultyBar {
    height: 4px;
    background-color: #e0e5ec;
    width: 0;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.publicHolder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
    background-color: #f6f8fb
}

.publicHolder a {
    font-weight: 500
}

.publicBlock {
    width: 100%;
    max-width: 380px;
    padding: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 0 11px 0 rgba(63, 73, 105, .05);
    box-shadow: 0 0 11px 0 rgba(63, 73, 105, .05);
    border-radius: 3px
}

.publicBlock.publicBlockCreate {
    max-width: 420px
}

.publicBlock.publicBlockLarge {
    max-width: 700px;
    padding: 0
}

.publicBlock.publicBlockLarge .illustration {
    max-width: 320px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 150%;
    min-height: 500px
}

.publicBlock.publicBlockLarge .illustration.create {
    background-image: url(../img/mobile_phone.c4001f54.svg)
}

.publicBlock.publicBlockLarge .illustration.confirm-email {
    background-image: url(../img/new_message.405e0566.svg);
    background-position: 100%
}

.publicBlock.publicBlockLarge .illustration.payment {
    background-image: url(../img/card_payment.2cad831f.svg);
    background-position: 100%;
    background-size: 130%
}

.publicBlock.publicBlockLarge .illustration.api {
    background-image: url(../img/web_developer.e4128251.svg);
    background-position: 100%;
    background-size: 140%
}

.publicBlock.publicBlockLarge .illustration.delete-account {
    background-image: url(../img/delete.d060a912.svg);
    background-size: 135%;
    background-position: 100%
}

.publicBlock.publicBlockLarge .illustration.whitelist {
    background-image: url(../img/user_interface.f036d956.svg);
    background-size: 105%;
    background-position: 100%
}

.publicBlock .trustpilot {
    position: relative
}

.publicBlock .trustpilot>a {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

.publicBlock .createSwitch {
    clear: both;
    color: #a7b7cc
}

.publicBlock .createSwitch>span {
    cursor: pointer
}

.publicBlock .createSwitch>span.active,
.publicBlock .createSwitch>span:hover {
    font-weight: 500;
    color: #0051ff
}

.publicBlock .corporateOverlay {
    position: absolute;
    background-color: #fff;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.publicBlock h1 {
    font-size: 22px;
    font-weight: 600
}

.publicBlock .publicBlock small {
    font-size: 14px
}

.publicBlock .publicIcon {
    color: #dde5ef
}

.publicBlock .doubleInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.publicBlock .doubleInput>.inputModule>input {
    min-width: 0
}

.publicBlock .inputTitle {
    margin: 15px 0
}

.publicLogo {
    display: block;
    background-image: url(/app/device/logo.73bf3f52.svg);
    width: 124px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 124px 20px;
    margin-left: auto;
    margin-right: auto
}

.disconnected {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    height: 100vh;
    background-color: rgba(250, 251, 255, .8784313725490196)
}

.centerBtn {
    margin-left: auto;
    margin-right: auto
}

.portfolioResponsive {
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 20px 0 #e7e8ea;
    box-shadow: 0 0 20px 0 #e7e8ea
}

.portfolioResponsive .portfolioBalance {
    color: #fff;
    font-size: 24px;
    position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    text-align: center
}

.portfolioResponsive .portfolioBalanceLight {
    color: #fff
}

.portfolioResponsive .portfolioBalanceDark {
    color: hsla(0, 0%, 100%, .5)
}

.trade .feeLabel {
    display: inline-block;
    height: 17px;
    font-size: 11px;
    background-color: #0051ff;
    color: #fff;
    padding: 3px;
    line-height: 13px;
    border-radius: 3px
}

.trade .toggleTrade {
    border-radius: 3px;
    position: relative
}

.trade .toggleTradeItem {
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500
}

.trade .toggleTradeDark {
    height: 62px
}

.trade .toggleTradeDark .toggleTradeItem {
    height: 62px;
    line-height: 62px
}

.trade .toggleTradeDark .toggleTradeActive {
    background-color: #fff
}

.trade .toggleTradeLight {
    height: 70px;
    border: 0
}

.trade .toggleTradeLight .toggleTradeItem {
    height: 70px;
    line-height: 70px
}

.trade .toggleTradeActive {
    background-color: #f3f7ff;
    color: #0051ff
}

.trade .toggleTradeActive>.buySpan,
.trade .toggleTradeActive>.sellSpan {
    background-color: #0051ff;
    opacity: 1
}

.trade .toggleTradeBar {
    width: 50%;
    position: absolute;
    bottom: 0;
    height: 2px;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: 2px;
    background-color: #0051ff
}

.trade .buySpan {
    display: inline-block
}

.trade .buySpan,
.trade .sellSpan {
    font-size: 13px;
    padding: 1px;
    border-radius: 50%;
    opacity: .3;
    color: #fff;
    position: relative;
    top: -1px;
    margin-right: 8px;
    font-weight: 400;
    background-color: #6e768e
}

.trade .currencyToggle {
    position: absolute;
    width: 56px;
    height: 46px;
    left: 1px;
    top: 1px;
    cursor: pointer;
    z-index: 2;
    text-align: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: rgba(0, 66, 214, .05);
    border-right: 1px solid #e0e5ec
}

.trade .currencyToggle:hover>i {
    color: #0051ff
}

.trade .currencyToggle>i {
    -webkit-transform: scale(.65);
    transform: scale(.65);
    color: #6e768e
}

.trade .betweenTrade {
    padding: 20px 0;
    border-top: 1px dashed #e0e5ec;
    border-bottom: 1px dashed #e0e5ec
}

.trade .betweenTrade>span>i.material-icons {
    font-size: 16px
}

.trade .noTop {
    border-top: 0
}

.currency-list .greenBlock {
    background-color: #d9ffdc;
    color: #007d08
}

.currency-list .greenBlock,
.currency-list .redBlock {
    padding: 4px;
    border-radius: 8px;
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 500
}

.currency-list .redBlock {
    background-color: #ffdae5;
    color: #c5003b
}

.currency-list tbody>tr {
    cursor: pointer
}

.currency-list th>i {
    color: #e0e5ec
}

.currency-list input {
    border: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background-color: transparent;
    padding-left: 30px;
    font-family: Roboto, sans-serif;
    font-size: 11pt;
    position: relative;
    z-index: 2
}

.currency-list .searchIcon {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 40px;
    height: 40px;
    color: #7a90ab;
    z-index: 1
}

.currency-list input:focus {
    outline: none;
    font-weight: 500;
    color: #0051ff
}

.currency-list input:focus~i {
    color: #0051ff;
    -webkit-transition: color .2s;
    transition: color .2s
}

.currency-list input::-webkit-input-placeholder {
    font-weight: 400 !important;
    color: #7a90ab
}

.currency-list input::-moz-placeholder {
    font-weight: 400 !important;
    color: #7a90ab
}

.currency-list input:-ms-input-placeholder {
    font-weight: 400 !important;
    color: #7a90ab
}

.currency-list input::-ms-input-placeholder {
    font-weight: 400 !important;
    color: #7a90ab
}

.currency-list input::placeholder {
    font-weight: 400 !important;
    color: #7a90ab
}

.currency-list .sort {
    cursor: pointer
}

.currency-list .sort:hover,
.currency-list .sortActive,
.currency-list .sortActive~i {
    color: #0051ff
}

.currency-list .tableButton {
    display: block;
    text-align: center;
    line-height: 60px;
    height: 60px;
    background-color: #fafbff;
    cursor: pointer;
    border-bottom: 1px solid #e0e5ec
}

.currency-list .tableButtonActive {
    background-color: #eef1fb;
    border-bottom: 2px solid #0051ff;
    color: #0051ff;
    font-weight: 500
}

.onfido-sdk-ui-Modal-portal .onfido-sdk-ui-Modal-overlay.onfido-sdk-ui-Modal-overlay--after-open {
    z-index: 100
}

.onfido-sdk-ui-DocumentSelector-list {
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.onfido-sdk-ui-DocumentSelector-list,
.verification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical
}

.verification {
    min-height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.verification .timeIcon {
    display: block;
    fill: #1a2a3e;
    width: 24px;
    height: 24px;
    margin-left: 5px
}

.verification .requirements {
    line-height: 32px;
    margin: 0;
    padding: 0;
    padding-left: 20px
}

.verification>div {
    width: 100%
}

.verification>div>.verificationSteps {
    margin: 40px auto 0;
    text-align: center
}

.verification>div>.verificationBlock {
    width: 100%;
    margin: 40px auto;
    max-width: 400px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 11px 0 rgba(63, 73, 105, .05);
    box-shadow: 0 0 11px 0 rgba(63, 73, 105, .05);
    border-radius: 3px;
    overflow: hidden;
    min-height: 360px
}

.verification>div>.verificationFooter {
    margin: 0 auto 40px;
    text-align: center;
    color: #7a90ab;
    font-size: 12px
}

.verification #onfido-mount {
    width: 100%;
    padding: 0 !important
}

.verification #onfido-mount>.onfido-sdk-ui-Modal-inner {
    border: 0;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: auto;
    overflow: visible;
    position: relative !important
}

.verification #onfido-mount>.onfido-sdk-ui-Modal-inner>.onfido-sdk-ui-Theme-step {
    height: auto
}

.verification #onfido-mount>.onfido-sdk-ui-Modal-inner>.onfido-sdk-ui-Theme-step>.onfido-sdk-ui-Theme-navigationBar {
    height: 0;
    padding: 0;
    position: relative
}

.verification #onfido-mount>.onfido-sdk-ui-Modal-inner>.onfido-sdk-ui-Theme-step>.onfido-sdk-ui-Theme-navigationBar>.onfido-sdk-ui-NavigationBar-back {
    position: absolute;
    right: 30px;
    background-color: #fff;
    top: -60px;
    padding-left: 40px
}

.verification #onfido-mount>.onfido-sdk-ui-Modal-inner>.onfido-sdk-ui-Theme-step>.onfido-sdk-ui-Theme-navigationBar>.onfido-sdk-ui-NavigationBar-back>.onfido-sdk-ui-NavigationBar-label {
    display: none
}

.verification #onfido-mount .onfido-sdk-ui-Welcome-text {
    margin-top: 30px;
    margin-bottom: 30px
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-bolder,
.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-label {
    font-weight: 500;
    font-family: Roboto, sans-serif;
    color: #1a2a3e
}

.verification #onfido-mount .onfido-sdk-ui-Modal-inner {
    font-family: Roboto, sans-serif !important;
    border-radius: 0
}

.verification #onfido-mount .onfido-sdk-ui-PageTitle-titleWrapper {
    margin: 0 30px;
    text-align: justify
}

.verification #onfido-mount .onfido-sdk-ui-PageTitle-titleWrapper>.onfido-sdk-ui-PageTitle-title {
    color: #1a2a3e;
    font-weight: 500;
    margin-bottom: 0
}

.verification #onfido-mount .onfido-sdk-ui-PageTitle-titleWrapper>.onfido-sdk-ui-PageTitle-title .onfido-sdk-ui-PageTitle-titleSpan {
    font-size: 15px;
    font-family: Roboto, sans-serif
}

.verification #onfido-mount .onfido-sdk-ui-PageTitle-titleWrapper>.onfido-sdk-ui-PageTitle-subTitle {
    color: #7a90ab;
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: 400;
    font-size: 14px
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-subTitle {
    color: #7a90ab
}

.verification #onfido-mount .onfido-sdk-ui-DocumentSelector-option {
    border: 1px solid #e0e5ec;
    margin-bottom: 0
}

.verification #onfido-mount .onfido-sdk-ui-DocumentSelector-optionHoverDesktop:hover {
    border: 1px solid #0051ff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.verification #onfido-mount .onfido-sdk-ui-DocumentSelector-list {
    margin: 20px 30px 0
}

.verification #onfido-mount .onfido-sdk-ui-DocumentSelector-list>li:not(:last-child) {
    margin-bottom: 20px
}

.verification #onfido-mount .onfido-sdk-ui-Theme-thickWrapper,
.verification #onfido-mount .onfido-sdk-ui-Uploader-uploaderWrapper {
    margin: 0 30px
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-Intro-list {
    margin-top: 30px
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-crossDevice-CrossDeviceLink-subTitle {
    font-size: 14px;
    text-align: justify;
    margin-top: 15px;
    color: #7a90ab
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-crossDevice-CrossDeviceLink-smsSection {
    margin-top: 30px;
    height: 85px
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-crossDevice-CrossDeviceLink-smsSection .onfido-sdk-ui-crossDevice-CrossDeviceLink-label {
    font-size: 15px
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-crossDevice-CrossDeviceLink-smsSection .onfido-sdk-ui-crossDevice-CrossDeviceLink-numberInputSection {
    margin-top: 15px
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-crossDevice-CrossDeviceLink-smsSection .onfido-sdk-ui-crossDevice-CrossDeviceLink-numberInputSection .onfido-sdk-ui-crossDevice-CrossDeviceLink-btn {
    width: 25.92592593%
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-crossDevice-CrossDeviceLink-smsSection .onfido-sdk-ui-crossDevice-CrossDeviceLink-inputContainer {
    border: 1px solid #e0e5ec;
    border-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-crossDevice-CrossDeviceLink-smsSection .react-phone-number-input__input.react-phone-number-input__phone.onfido-sdk-ui-PhoneNumberInput-mobileInput {
    font-size: 15px;
    font-family: Roboto, sans-serif
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-Error-container-error {
    margin: 0 30px;
    padding: 15px
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-Error-container-error .onfido-sdk-ui-Error-title-text {
    font-weight: 500
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-Uploader-identityIcon {
    background-color: #f6f8fb
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-crossDevice-CrossDeviceLink-copyLinkSection {
    margin-top: 30px;
    height: 74px
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-crossDevice-CrossDeviceLink-copyLinkSection .onfido-sdk-ui-crossDevice-CrossDeviceLink-label {
    font-size: 15px;
    margin-bottom: 15px
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-crossDevice-CrossDeviceLink-copyLinkSection .onfido-sdk-ui-crossDevice-CrossDeviceLink-linkText {
    font-size: 14px;
    font-family: Roboto, sans-serif
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-CrossDeviceLink-container .onfido-sdk-ui-crossDevice-CrossDeviceLink-copyLinkSection .onfido-sdk-ui-crossDevice-CrossDeviceLink-divider {
    border: 1px solid #e0e5ec;
    opacity: 1
}

.verification #onfido-mount .onfido-sdk-ui-crossDevice-Intro-stageMessage-return-computer,
.verification #onfido-mount .onfido-sdk-ui-crossDevice-Intro-stageMessage-sms,
.verification #onfido-mount .onfido-sdk-ui-crossDevice-Intro-stageMessage-take-photos {
    color: #7a90ab;
    font-size: 14px
}

.verification #onfido-mount .onfido-sdk-ui-Button-button-primary {
    width: 100%;
    border-radius: 28px
}

.verification #onfido-mount .onfido-sdk-ui-Welcome-text {
    font-size: 14px;
    color: #7a90ab;
    text-align: justify
}

.verification #onfido-mount .onfido-sdk-ui-Welcome-text>p:first-child {
    margin-bottom: 20px
}

.verification #onfido-mount .onfido-sdk-ui-DocumentSelector-label {
    font-weight: 500;
    margin-bottom: 5px
}

.verification #onfido-mount .onfido-sdk-ui-DocumentSelector-hint {
    color: #7a90ab
}

.verification #onfido-mount .onfido-sdk-ui-Button-button-primary {
    background-color: #0051ff
}

.verification #onfido-mount .onfido-sdk-ui-Button-hoverDesktop:not(:disabled):hover {
    background-color: #002dc1
}

.verification #onfido-mount .onfido-sdk-ui-Theme-footer {
    display: none
}

.verification #onfido-mount .onfido-sdk-ui-Error-title-text {
    font-weight: 500
}

.verification #onfido-mount .onfido-sdk-ui-Modal-inner>.onfido-sdk-ui-Theme-fullScreenStep {
    width: 100vw;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 0;
    left: 0;
    padding-top: 5px
}

.verification #onfido-mount .onfido-sdk-ui-Modal-inner>.onfido-sdk-ui-Theme-fullScreenStep>.onfido-sdk-ui-NavigationBar-fullScreenNav>.onfido-sdk-ui-NavigationBar-back {
    top: auto;
    background-color: initial;
    right: auto;
    padding-left: 0
}

.verification #onfido-mount .onfido-sdk-ui-Modal-inner>.onfido-sdk-ui-Theme-fullScreenStep .onfido-sdk-ui-Theme-content {
    height: 100vh
}

.verification #onfido-mount .onfido-sdk-ui-Modal-inner>.onfido-sdk-ui-Theme-fullScreenStep .onfido-sdk-ui-PageTitle-fullScreen {
    margin: 4px 0;
    text-align: center
}

.verification #onfido-mount .onfido-sdk-ui-Modal-inner>.onfido-sdk-ui-Theme-fullScreenStep .onfido-sdk-ui-PageTitle-fullScreen>.onfido-sdk-ui-PageTitle-title {
    color: #fff
}

.verification #onfido-mount .onfido-sdk-ui-Modal-inner .onfido-sdk-ui-Theme-content {
    height: auto
}

.verification #onfido-mount .onfido-sdk-ui-Modal-inner .onfido-sdk-ui-Confirm-CaptureViewer-croppedImageWrapper {
    margin: 20px 30px
}

.verification #onfido-mount .onfido-sdk-ui-Video-bolder {
    font-weight: 500
}

.verification #onfido-mount .onfido-sdk-ui-EnlargedPreview-button-text {
    font-weight: 500;
    font-family: Roboto, sans-serif
}

.verification #onfido-mount .onfido-sdk-ui-Button-button-secondary {
    border: 0
}

.verification #onfido-mount .onfido-sdk-ui-Button-button-secondary>.onfido-sdk-ui-Button-button-text {
    font-weight: 500
}

.verification #onfido-mount .onfido-sdk-ui-Spinner-loader {
    margin: 100px 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.verification #onfido-mount .onfido-sdk-ui-Spinner-loader .onfido-sdk-ui-Spinner-inner {
    width: 48px
}

.graphNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    line-height: 60px;
    font-size: 13px;
    background-color: rgba(0, 0, 0, .02)
}

.graphNav>span {
    color: #7a90ab;
    cursor: pointer
}

.graphNav>span:not(:last-child) {
    margin-right: 20px
}

.graphNav>span.active,
.graphNav>span:hover {
    color: #000;
    font-weight: 500
}

.graphBlock {
    background-color: #f6f8fb;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0h1L0 6V5zm1 5v1H5z' fill='%23e3e7ec' fill-rule='evenodd'/%3E%3C/svg%3E");
    margin-bottom: 0;
    overflow-x: auto
}

.graphBlock .graphRange {
    padding: 20px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.graphBlock .graphRange select {
    height: 22px;
    border-radius: 0;
    padding: 0
}

.graphBlock .graphTitle {
    padding: 20px
}

.graphBlock .chartHolder {
    height: 500px;
    min-width: 800px
}

.graphBlock .chartLoading {
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.rangeSelectBlock {
    height: 120px;
    background-color: #ccc
}

.asset-select {
    display: block;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #e0e5ec;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 66px
}

.asset-select>.asset-icon {
    margin-right: 14px
}

.asset-select>.asset-info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.asset-select>.asset-dropdown>svg {
    fill: #bdcbde
}

.asset-select:hover {
    border: 1px solid #bbc2cc
}

.asset-select:hover>.asset-dropdown>svg {
    fill: #97a7bd
}

.help-icon {
    width: 18px;
    height: 18px;
    fill: #0051ff;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 8px
}

.steps-list {
    margin: 12px 0 0 16px;
    padding-left: 0;
    font-size: 14px
}

.steps-list>li {
    padding: 8px 0 0 20px;
    line-height: 180%;
    text-align: justify
}

.addressbook-warning {
    width: 24px;
    height: 24px;
    display: block;
    fill: red
}

.playback {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    background-color: rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.playback-inner {
    width: 80%;
    background-color: #000;
    border-radius: 3px;
    padding: 3px;
    position: relative
}

.playback-inner.playback-image {
    width: 80%;
    height: 80%;
    padding: 60px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.playback-inner>video {
    width: 100%;
    border-radius: 3px
}

.playback-inner>video:focus {
    outline: none
}

.playback-inner>img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 3px;
    display: block
}

.playback-close {
    position: absolute;
    height: 32px;
    width: 32px;
    top: 10px;
    right: 10px;
    background-color: #000;
    z-index: 100;
    padding: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer
}

.playback-close>svg {
    fill: #fff
}

.recording-overlay {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(79, 84, 86, .95);
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.recording-box {
    display: block;
    position: relative;
    width: 100%;
    max-width: 360px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 100vh;
    overflow-y: auto;
    padding: 40px 0
}

.recording-box>.recording-box-inner {
    background-color: #fff;
    padding: 30px;
    width: 100%;
    border-radius: 5px;
    position: relative
}

.recording-box>.recording-box-inner .recording-close {
    fill: #a4b4c9;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 30px
}

.recording-box>.recording-box-inner .recording-close:hover {
    fill: #0051ff
}

.recording-box>.recording-box-inner .recording-paused {
    margin: 20px auto 10px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: #e0e8f0;
    padding: 4px
}

.recording-box>.recording-box-inner .recording-paused>div {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.recording-box>.recording-box-inner .recording-paused>div>svg {
    width: 24px;
    height: 24px;
    fill: #c6d3e1
}

.recording-box>.recording-box-inner .recording-play {
    margin: 20px auto 10px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: #d1f0e5;
    padding: 4px;
    position: relative
}

.recording-box>.recording-box-inner .recording-play>div {
    position: relative;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2
}

.recording-box>.recording-box-inner .recording-play>div>svg {
    width: 24px;
    height: 24px;
    fill: #18ad76
}

.recording-box>.recording-box-inner .recording-play:before {
    content: "";
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff), to(hsla(0, 0%, 100%, .9))) 0 0, -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .9)), to(hsla(0, 0%, 100%, .6))) 100% 0, -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .6)), to(hsla(0, 0%, 100%, .3))) 100% 100%, -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, .3)), to(hsla(0, 0%, 100%, 0))) 0 100%;
    background: linear-gradient(0deg, #fff 50%, hsla(0, 0%, 100%, .9)) 0 0, linear-gradient(90deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .6)) 100% 0, linear-gradient(180deg, hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .3)) 100% 100%, linear-gradient(1turn, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, 0)) 0 100%;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.recording-box>.recording-box-inner .recording-list {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    font-size: 14px;
    text-align: center
}

.recording-box>.recording-box-inner .recording-list>li {
    line-height: 180%
}

.recording-box>.recording-box-inner .recording-list>.middle {
    margin: 16px 0;
    padding: 16px 0;
    border-top: 1px dashed #d4d9df;
    border-bottom: 1px dashed #d4d9df
}

.recording-box>.recording-box-inner .recording-list>.active {
    color: #0051ff;
    font-weight: 500
}

.recording-box>.recording-box-inner .recording-list>.pending {
    color: #e3e7ed
}

.recording-box>.recording-box-inner .recording-list>.completed {
    color: #8bbba7
}

.recording-box>.recording-box-inner .recording-stop {
    cursor: pointer;
    background-color: #0051ff;
    color: #fff;
    border-radius: 30px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px
}

.recording-box>.recording-box-inner .recording-stop>svg {
    fill: #fff;
    margin-right: 8px;
    width: 18px
}

.recording-box>.recording-box-inner .recording-pending {
    background-color: #f0f7ff;
    cursor: not-allowed;
    color: #7a90ab;
    font-weight: 400;
    border-radius: 30px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.recording-box>.recording-box-inner .recording-pending>svg {
    fill: #7a90ab;
    margin-right: 8px;
    width: 18px
}

.playback-button {
    border: 1px dashed #d4d6d8;
    border-radius: 8px;
    background-color: #f8fbfe;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.playback-button-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: #9aa3ad
}

.playback-button:hover .playback-button-icon {
    background-color: #0051ff
}

.playback-button-icon>svg {
    fill: #fff;
    width: 24px;
    height: 24px;
    display: block;
    margin: 8px
}

.playback-button-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    text-align: left;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 14px
}

.pageTitle,
.undef {
    display: none
}

.buttonWhite,
.buttonWhite:hover {
    display: inline-block;
    height: 44px;
    line-height: 40px;
    background-color: #0051ff;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff !important;
    border-radius: 20px;
    border: 2px solid #0051ff;
    cursor: pointer;
    font-size: 10pt;
    color: #fff
}

@media only screen and (max-width:415px) {
    .materialLight {
        opacity: .3;
        font-size: 16px
    }

    .publicHolder {
        background-color: #fff
    }

    .publicBlock,
    .publicBlock.publicBlockLarge {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        padding: 20px
    }

    .publicBlockLarge .padding {
        padding: 0
    }

    .def {
        display: none
    }

    .undef {
        display: block
    }

    .buttonWhite,
    .buttonWhite:hover {
        display: inline-block;
        height: 44px;
        line-height: 40px;
        background-color: none !important;
        color: #fff !important;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 20px;
        border: 2px solid #fff !important;
        cursor: pointer;
        font-size: 10pt
    }
}

@media only screen and (max-width:460px) {
    .verification {
        display: block;
        padding-bottom: 40px
    }

    .verification>div>.verificationSteps {
        margin: 20px auto 20px
    }

    .verification>div>.verificationBlock {
        margin: 0 auto 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }

    .verification>div>.verificationBlock .contentTitle {
        padding: 0 0 0 0
    }

    .verification>div>.verificationBlock .contentTitle.padding {
        padding: 30px 30px 30px 30px
    }

    .verification>div>.verificationFooter {
        margin: 0 auto
    }
}

@media only screen and (max-width:814px) {

    #belco-container,
    .hd:not(.mobile),
    .sd:not(.mobile),
    .tablet:not(.mobile) {
        display: none
    }

    .holder {
        padding-left: 0;
        padding-right: 0
    }

    .contentBlock {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0 20px 20px 20px
    }

    .verification {
        min-height: calc(100vh - 80px)
    }

    .contentTitle {
        padding: 30px 0
    }

    .verificationBlock .contentTitle {
        padding: 0 0
    }

    .verificationBlock .contentTitle.padding {
        padding: 30px 30px
    }

    .publicBlock.publicBlockLarge {
        max-width: 380px
    }

    table {
        position: relative;
        left: -20px;
        width: calc(100% + 40px)
    }

    table td:first-of-type,
    table th:first-of-type {
        padding-left: 20px
    }

    table td:last-of-type,
    table th:last-of-type {
        padding-right: 20px
    }

    .currency-list tr>td:first-child {
        padding-right: 0
    }

    .xSpacer {
        width: 20px
    }

    .tabs>ul {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        width: 100%
    }

    .mobileBlock {
        display: block !important
    }

    .publicHolder {
        overflow-y: auto
    }

    .publicBlock {
        width: 100%
    }

    .previous {
        display: none !important
    }

    .wrap {
        white-space: normal
    }

    .pageTitle {
        display: block !important;
        position: fixed;
        top: 6px;
        font-weight: 500;
        overflow: visible;
        white-space: no-wrap;
        white-space: nowrap;
        text-align: center;
        left: 110px;
        right: 70px;
        line-height: 70px;
        z-index: 99
    }

    .full {
        background-color: #fff
    }

    .contentBlockSmall,
    .contentSmall {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .lightBoxHolder>div {
        max-width: 440px;
        max-height: 100vh;
        width: 100vw;
        border-radius: 0;
        min-height: auto
    }

    .lightBoxHolder>div .illustration {
        display: none
    }

    .lightBoxHolder>div .contentTitle {
        padding: 0
    }
}

@media only screen and (min-width:815px) and (max-width:1022px) {

    .hd:not(.tablet),
    .mobile:not(.tablet),
    .sd:not(.tablet) {
        display: none
    }

    .holder {
        padding-left: 20px;
        padding-right: 20px
    }

    .contentBlockSmall {
        width: 320px;
        -ms-flex-preferred-size: 320px;
        flex-basis: 320px;
        max-width: 320px
    }
}

@media only screen and (min-width:1023px) and (max-width:1260px) {

    .hd:not(.sd),
    .mobile:not(.sd),
    .tablet:not(.sd) {
        display: none
    }

    .holder {
        padding-left: 20px;
        padding-right: 20px
    }

    .contentBlockSmall {
        width: 400px;
        -ms-flex-preferred-size: 400px;
        flex-basis: 400px;
        max-width: 400px
    }
}

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

    .mobile:not(.hd),
    .sd:not(.hd),
    .tablet:not(.hd) {
        display: none
    }

    .holder {
        padding-left: 40px;
        padding-right: 40px
    }

    .contentBlockSmall {
        width: 400px;
        -ms-flex-preferred-size: 400px;
        flex-basis: 400px;
        max-width: 400px
    }
}

.instant {
    background-color: #1cb77e;
    padding: 0 9px;
    font-size: 11px;
    color: #fff;
    border-radius: 12px
}

.injection-shrink {
    max-width: 360px
}

.portfolioMobileTime {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.time {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #7a90ab;
    font-weight: 500
}

.timeActive {
    color: #0051ff;
    border-bottom: 2px solid #0051ff
}

.addressbook-icon {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    margin: 0 -12px -12px 0;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.addressbook-shrink {
    width: 24px
}

.addressbook-verified {
    background-color: #eaf9f3;
    color: #18ad76
}

.addressbook-pending,
.addressbook-verified {
    font-size: 12px;
    display: block;
    padding: 8px 8px;
    border-radius: 2px;
    position: relative;
    text-align: center
}

.addressbook-pending {
    background-color: #ffeeda;
    color: #e46900
}

.addressbook-button {
    font-size: 12px;
    background-color: #0051ff;
    color: #fff;
    display: block;
    padding: 8px 8px;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    text-align: center
}

.addressbook-send {
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    fill: grey
}

.addressbook-send:hover {
    fill: #0051ff
}

.addressbook-remove {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    fill: red
}

.addressbook-remove:hover {
    fill: red
}

.longstring {
    display: inline;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.longstring:hover {
    color: #0051ff
}

.longstring>div {
    position: absolute;
    top: 0;
    width: 240px;
    display: block;
    background-color: #fff;
    z-index: 1;
    border-radius: 8px;
    left: -6px
}

.longstring>div>textarea {
    border: 1px solid grey;
    background-color: #fff;
    width: 340px;
    padding: 5px;
    font-size: 13px;
    height: 74px
}