@charset "UTF-8";/*!
Theme Name: icrypex
Theme URI: https://icrypex.com/
Author: We Did It Dijital
Author URI: https://wediditagency.com/
Description: Icrypex Blog Wordpress
Version: 1.1.2
Requires at least: 5.0
Tested up to: 6.5
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Sans:wght@400;500;700&display=swap');


*,*:before,*:after {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

h6,h5,h4,h3,h2,h1 {
    margin-top: 0;
    
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 1rem !important;
}

h1 {
        font-size: 32px;

}



h2 {
        font-size: 20px;

}



h3 {
        font-size: 18px;

}



h4 {
            font-size: 16px;

}



h5 {
            font-size: 16px;

}

h6 {
            font-size: 16px;

}

p {
	 font-size: 16px;
	 line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul {
    padding-left: 2rem
}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: underline
}

a:hover {
    color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

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

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,tbody,tfoot,tr,td,th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none!important
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size:1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

/*!
 * Bootstrap Grid v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container-sm,.container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container-md,.container-sm,.container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: .25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: .5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

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

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

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

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

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

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

@media (min-width: 576px) {
    .d-sm-inline {
        display:inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display:inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display:inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display:inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }
}

@media (min-width: 1400px) {
    .d-xxl-inline {
        display:inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: .5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: .375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(.375rem - 1px);
    --bs-card-cap-padding-y: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, .03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: .75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    inset: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-top,.card-img-bottom {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0
    }
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: .375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: #084298;
    --bs-alert-bg: #cfe2ff;
    --bs-alert-border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end:.5rem}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end:1rem}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0!important;
    border-radius: .375rem
}

.form-control-color::-webkit-color-swatch {
    border-radius: .375rem
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + 2px)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + 2px)
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check[disabled]+.btn,.btn-check:disabled+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem #0d6efd40
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem #0d6efd40
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder {
    color: transparent
}

.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: 1px 0
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .375rem
}

.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #198754e6;
    border-radius: .375rem
}

.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,.form-control.is-valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:valid:focus,.form-control.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:valid,.form-select.is-valid {
    border-color: #198754
}

.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:valid:focus,.form-select.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated .form-control-color:valid,.form-control-color.is-valid {
    width: calc(3.75rem + 1.5em)
}

.was-validated .form-check-input:valid,.form-check-input.is-valid {
    border-color: #198754
}

.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked {
    background-color: #198754
}

.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label {
    color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #dc3545e6;
    border-radius: .375rem
}

.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,.form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:invalid,.form-select.is-invalid {
    border-color: #dc3545
}

.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated .form-control-color:invalid,.form-control-color.is-invalid {
    width: calc(3.75rem + 1.5em)
}

.was-validated .form-check-input:invalid,.form-check-input.is-invalid {
    border-color: #dc3545
}

.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked {
    background-color: #dc3545
}

.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid {
    z-index: 4
}

:root {
    --badge-google-play-footer-tr: url(assets/badges/dark/google-play-tr.svg);
    --badge-app-store-footer-tr: url(assets/badges/dark/app-store-tr.svg);
    --badge-app-gallery-footer-tr: url(assets/badges/dark/app-gallery-tr.svg);
    --badge-google-play-footer-en: url(assets/badges/dark/google-play-en.svg);
    --badge-app-store-footer-en: url(assets/badges/dark/app-store-en.svg);
    --badge-app-gallery-footer-en: url(assets/badges/dark/app-gallery-en.svg);
    --badge-google-play-footer-ru: url(assets/badges/dark/google-play-ru.svg);
    --badge-app-store-footer-ru: url(assets/badges/dark/app-store-ru.svg);
    --badge-app-gallery-footer-ru: url(assets/badges/dark/app-gallery-ru.svg);
    --icon-date-active: url(assets/icons/date.svg);
    --icon-select-active: url(assets/icons/select.svg);
    --white-color: #ffffff;
    --black-color: #000000;
    --red-color: #f33155;
    --green-color: #09b76d;
    --blue-color: #068bdf;
    --turquoise-color: #35aab5;
    --yellow-color: #fdb900;
    --navy-color: #14385a;
    --purple-color: #9044d8;
    --cerulean-blue: #2651A7;
    --steel-blue: #5175BD;
    --border-radius-rd: 50%;
    --border-radius-pg: 15px;
    --border-radius-xl: 10px;
    --border-radius-lg: 8px;
    --border-radius-md: 6px;
    --border-radius-sm: 4px;
    --border-radius-xs: 2px;
    --border-radius-no: 0;
    --border-dark: var(--bg-color-06);
    --border: var(--bg-color-05);
    --border-light: var(--bg-color-04);
    --link: var(--primary-color);
    --link-hover: var(--secondary-color);
    --link-red: var(--red-color);
    --increase-color: var(--green-color);
    --decrease-color: var(--red-color);
    --buy-color: var(--green-color);
    --sell-color: var(--red-color);
    --input-text: var(--secondary-light-color);
    --input-bg: var(--bg-color-01);
    --input-border: var(--border);
    --input-focus-border: var(--primary-color);
    --input-placeholder: var(--input-placeholder-color);
    --input-alt-text: var(--secondary-light-color);
    --input-alt-bg: var(--bg-color);
    --input-alt-border: var(--border);
    --input-alt-focus-border: var(--primary-color);
    --input-alt-placeholder: var(--input-placeholder-color);
    --input-disabled-text: var(--tertiary-color);
    --input-disabled-bg: var(--bg-color-03);
    --button-text: var(--white-color);
    --button-primary-bg: #068bdf;
    --button-primary-bg-hover: #0570b3;
    --button-secondary-bg: #0f426d;
    --button-secondary-bg-hover: #0c3457;
    --button-light-bg: var(--bg-color-03);
    --button-light-bg-hover: var(--bg-color-02);
    --button-outline-text: var(--secondary-color);
    --button-outline-text-hover: var(--white-color);
    --button-outline-bg: var(--bg-color);
    --button-outline-border: var(--button-tertiary-bg);
    --button-primary-outline-bg: #068bdf;
    --button-tertiary-bg: #7890a5;
    --button-tertiary-bg-hover: #91a4b6;
    --button-green-bg: var(--green-color);
    --button-green-bg-hover: var(--green-hover-color);
    --button-red-bg: var(--red-color);
    --button-red-bg-hover: var(--red-hover-color);
    --button-dark-blue-bg: var(--cerulean-blue);
    --button-dark-blue-bg-hover: var(--steel-blue);
    --list-down-shadow: 0px 2px 10px 0px rgba(0, 0, 0, .25), 0 10px 10px -5px rgba(0, 0, 0, .1);
    --list-up-shadow: 0px -2px 10px 0px rgba(0, 0, 0, .25), 0 -10px 10px -5px rgba(0, 0, 0, .1);
    --tab-caption: var(--secondary-color);
    --tab-text: var(--white-color);
    --tab-active: var(--primary-color);
    --tab-button-bg: var(--bg-color-04);
    --tab-slide-bg: var(--bg-color-02);
    --tab-option-bg: var(--bg-color-01);
    --tab-option-active-bg: var(--bg-color);
    --trade-tab-active-text: #ffffff;
    --trade-tab-active-bg: #03427a;
    --trow-hover-color: var(--bg-color-01);
    --transparent-bg: #0a0a0a
}

:root[data-theme=theme-light] {
    --logo-icrypex: url(assets/logos/light/icrypex.svg);
    --logo-icrypex-blog: url(assets/logos/light/icrypex-blog.svg);
    --logo-tosfed: url(assets/logos/light/tosfed.svg);
    --logo-tosfed-hover: url(assets/logos/light/tosfed-hover.svg);
    --logo-kok: url(assets/logos/light/kok.svg);
    --logo-kok-hover: url(assets/logos/light/kok-hover.svg);
    --logo-emir-tanju: url(assets/logos/light/emir-tanju.svg);
    --logo-emir-tanju-hover: url(assets/logos/light/emir-tanju-hover.svg);
    --logo-fatih-arda-ipcioglu: url(assets/logos/light/fatih-arda-ipcioglu.svg);
    --logo-fatih-arda-ipcioglu-hover: url(assets/logos/light/fatih-arda-ipcioglu-hover.svg);
    --logo-team-linea-rossa: url(assets/logos/light/team-linea-rossa.svg);
    --logo-team-linea-rossa-hover: url(assets/logos/light/team-linea-rossa-hover.svg);
    --logo-ayik-yasamlar: url(assets/logos/light/ayik-yasamlar.svg);
    --logo-ayik-yasamlar-hover: url(assets/logos/light/ayik-yasamlar-hover.svg);
    --logo-kripto-fest: url(assets/logos/light/kripto-fest.svg);
    --logo-kripto-fest-hover: url(assets/logos/light/kripto-fest-hover.svg);
    --logo-memorial-forest: url(assets/logos/light/memorial-forest.svg);
    --logo-memorial-forest-hover: url(assets/logos/light/memorial-forest-hover.svg);
    --logo-crypto-seminar: url(assets/logos/light/crypto-seminar.svg);
    --logo-crypto-seminar-hover: url(assets/logos/light/crypto-seminar-hover.svg);
    --logo-dasdas: url(assets/logos/light/dasdas.svg);
    --logo-dasdas-hover: url(assets/logos/light/dasdas-hover.svg);
    --logo-ziraat-bankasi: url(assets/logos/light/ziraat-bankasi.svg);
    --logo-vakifbank: url(assets/logos/light/vakifbank.svg);
    --logo-turkiye-is-bankasi: url(assets/logos/light/turkiye-is-bankasi.svg);
    --logo-fibabanka: url(assets/logos/light/fibabanka.svg);
    --logo-turkiye-finans: url(assets/logos/light/turkiye-finans.svg);
    --logo-apple-pay: url(assets/logos/light/apple-pay.svg);
    --logo-visa-mastercard: url(assets/logos/light/visa-mastercard.svg);
    --logo-khipu: url(assets/logos/light/khipu.svg);
    --logo-pix: url(assets/logos/light/pix.svg);
    --logo-payid: url(assets/logos/light/payid.svg);
    --logo-wallet-payment: url(assets/logos/light/wallet-payment.svg);
    --logo-interac-e-transfer: url(assets/logos/light/interac-e-transfer.svg);
    --logo-sepa: url(assets/logos/light/sepa.svg);
    --logo-pse: url(assets/logos/light/pse.svg);
    --logo-spei: url(assets/logos/light/spei.svg);
    --logo-faster-payments: url(assets/logos/light/faster-payments.svg);
    --logo-ach: url(assets/logos/light/ach.svg);
    --logo-bank: url(assets/logos/light/bank-transfer.svg);
    --logo-mexc: url(assets/logos/light/mexc.svg);
    --logo-bitmart: url(assets/logos/light/bitmart.svg);
    --logo-azbit: url(assets/logos/light/azbit.svg);
    --logo-lbank: url(assets/logos/light/lbank.svg);
    --badge-google-play-tr: url(assets/badges/light/google-play-tr.svg);
    --badge-app-store-tr: url(assets/badges/light/app-store-tr.svg);
    --badge-app-gallery-tr: url(assets/badges/light/app-gallery-tr.svg);
    --badge-google-play-en: url(assets/badges/light/google-play-en.svg);
    --badge-app-store-en: url(assets/badges/light/app-store-en.svg);
    --badge-app-gallery-en: url(assets/badges/light/app-gallery-en.svg);
    --badge-google-play-ru: url(assets/badges/light/google-play-ru.svg);
    --badge-app-store-ru: url(assets/badges/light/app-store-ru.svg);
    --badge-app-gallery-ru: url(assets/badges/light/app-gallery-ru.svg);
    --seminar-speakers-bg: url(assets/images/landing/light/seminar-speakers-bg.webp);
    --icon-mode: url(assets/icons/light/mode.svg);
    --icon-language: url(assets/icons/light/language.svg);
    --icon-account: url(assets/icons/light/account.svg);
    --icon-menu: url(assets/icons/light/menu.svg);
    --icon-menu-close: url(assets/icons/light/menu-close.svg);
    --icon-live-support: url(assets/icons/light/live-support.svg);
    --icon-add: url(assets/icons/light/add.svg);
    --icon-sort: url(assets/icons/light/sort.svg);
    --icon-sort-up: url(assets/icons/light/sort-up.svg);
    --icon-sort-down: url(assets/icons/light/sort-down.svg);
    --icon-date: url(assets/icons/light/date.svg);
    --icon-select: url(assets/icons/light/select.svg);
    --icon-none: url(assets/icons/light/none.webp);
    --icon-award: url(assets/icons/light/award.svg);
    --icon-icrypex: url(assets/icons/light/icrypex-icon.svg);
    --icon-filter: brightness(.4);
    --icon-filter-01: grayscale(.85) brightness(1.05) hue-rotate(45deg);
    --icon-filter-01-hover: grayscale(.8) brightness(.65) hue-rotate(45deg);
    --icon-filter-input: grayscale(.75);
    --icon-filter-theme: none;
    --icon-product-theme: invert(1);
    --arrow-filter: grayscale(.35) brightness(.43);
    --download-filter: none;
    --icon-get-start: grayscale(1) brightness(.4);
    --icon-logo-loader: url(assets/loaders/light/logo-loader.svg);
    --icon-page-loader: url(assets/loaders/light/page-loader.svg);
    --icon-table-loader: url(assets/loaders/light/table-loader.svg);
    --icon-inline-loader: url(assets/loaders/light/inline-loader.svg);
    --box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
    --menu-shadow: 0 10px 20px -15px rgba(0, 0, 0, .5), 0 10px 10px -3px rgba(0, 0, 0, .05);
    --card-shadow: 0 5px 15px rgb(0, 0, 0, .01);
    --index-card-shadow: 0 5px 15px rgba(0, 0, 0, .03);
    --bg-color: #ffffff;
    --bg-color-01: #f9f9f9;
    --bg-color-02: #f4f4f4;
    --bg-color-03: #eeeeee;
    --bg-color-04: #e9e9e9;
    --bg-color-05: #e3e3e3;
    --bg-color-06: #dedede;
    --bg-color-nav: rgb(255, 255, 255, .95);
    --bg-blur: rgba(255, 255, 255, .05);
    --primary-dark-color: #0570b3;
    --primary-color: #068bdf;
    --secondary-dark-color: #0f2a43;
    --secondary-color: #14385a;
    --secondary-light-color: #33506b;
    --secondary-lighter-color: #52687c;
    --tertiary-dark-color: #6b7b8e;
    --tertiary-color: #828fa0;
    --tertiary-light-color: #98a4b2;
    --tertiary-lighter-color: #afb8c3;
    --button-tertiary-bg: var(--tertiary-dark-color);
    --button-tertiary-bg-hover: var(--secondary-lighter-color);
    --button-gray-bg: var(--bg-color-06);
    --button-gray-bg-hover: var(--bg-color-04);
    --button-gray-text: #2d2d2d;
    --button-secondary-outline-bg: var(--secondary-color);
    --button-green-outline-text: #043c24;
    --button-red-outline-text: #3c0c15;
    --button-dark-blue-outline-text: #2651A7;
    --toggle-control-bg: var(--bg-color-04);
    --checkbox-bg: var(--tertiary-lighter-color);
    --input-error-text: #d32b4a;
    --input-error-placeholder: #e19da5;
    --input-error-bg: #fff8f9;
    --input-error-border: #edc4c9;
    --input-error-focus-border: var(--red-color);
    --input-error-link: #7e2531;
    --border: var(--bg-color-05);
    --input-placeholder-color: var(--tertiary-lighter-color);
    --loader-text: #c3caca;
    --loader-text-01: #9ea6a6;
    --link-red-hover: #7e2531;
    --toast-bg: var(--bg-color);
    --toast-bg-flash: var(--bg-color);
    --tag-bg: rgba(6, 139, 223, .15);
    --tag-text: var(--primary-color);
    --landing-page-title: #1d224c;
    --fest-page-title: #18143c;
    --fest-page-desc: #3c5f98;
    --token-page-title: #2c0861;
    --token-page-desc: #7c24b9;
    --token-table-border: #e7edf5;
    --token-table-caption: #3b75bd;
    --token-table-text: #4931b1;
    --seminar-page-title: #132264;
    --staking-purple-dark: #6e38a7;
    --staking-purple: #854dc0;
    --staking-purple-light: #ac80d9;
    --staking-purple-lighter: #ccabef;
    --staking-border: #e1daff;
    --staking-box-bg: #f7f5ff;
    --stake-form-label: #bca0d9;
    --staking-input-bg: #fbfbff;
    --staking-input-focus-bg: #ffffff;
    --staking-border-focus: #ccabef;
    --staking-input-placeholder: #ccabef;
    --token-fee-level-1: #e8e7f2;
    --token-fee-level-2: #f1eff9;
    --footer-bg: #091527;
    --footer-bar-bg: #112543;
    --footer-box-bg: #14385a;
    --footer-caption: var(--white-color);
    --footer-text: #d8e8fa;
    --footer-filter: none;
    --alert-success-text: #076c41;
    --alert-success-bg: #e6f8f0;
    --alert-info-text: #055487;
    --alert-info-bg: #f0f9ff;
    --alert-warning-text: #604900;
    --alert-warning-bg: #fff8e5;
    --alert-danger-text: #971f35;
    --alert-danger-bg: #feeaee;
    --green-hover-color: #089b5c;
    --red-hover-color: #d82a4b;
    --trow-focused: rgba(0, 0, 0, .06)
}

:root[data-theme=theme-dark] {
    --logo-icrypex: url(assets/logos/dark/icrypex.svg);
    --logo-icrypex-blog: url(assets/logos/dark/icrypex-blog.svg);
    --logo-tosfed: url(assets/logos/dark/tosfed.svg);
    --logo-tosfed-hover: url(assets/logos/dark/tosfed-hover.svg);
    --logo-kok: url(assets/logos/dark/kok.svg);
    --logo-kok-hover: url(assets/logos/dark/kok-hover.svg);
    --logo-emir-tanju: url(assets/logos/dark/emir-tanju.svg);
    --logo-emir-tanju-hover: url(assets/logos/dark/emir-tanju-hover.svg);
    --logo-fatih-arda-ipcioglu: url(assets/logos/dark/fatih-arda-ipcioglu.svg);
    --logo-fatih-arda-ipcioglu-hover: url(assets/logos/dark/fatih-arda-ipcioglu-hover.svg);
    --logo-team-linea-rossa: url(assets/logos/dark/team-linea-rossa.svg);
    --logo-team-linea-rossa-hover: url(assets/logos/dark/team-linea-rossa-hover.svg);
    --logo-ayik-yasamlar: url(assets/logos/dark/ayik-yasamlar.svg);
    --logo-ayik-yasamlar-hover: url(assets/logos/dark/ayik-yasamlar-hover.svg);
    --logo-kripto-fest: url(assets/logos/dark/kripto-fest.svg);
    --logo-kripto-fest-hover: url(assets/logos/dark/kripto-fest-hover.svg);
    --logo-memorial-forest: url(assets/logos/dark/memorial-forest.svg);
    --logo-memorial-forest-hover: url(assets/logos/dark/memorial-forest-hover.svg);
    --logo-crypto-seminar: url(assets/logos/dark/crypto-seminar.svg);
    --logo-crypto-seminar-hover: url(assets/logos/dark/crypto-seminar-hover.svg);
    --logo-dasdas: url(assets/logos/dark/dasdas.svg);
    --logo-dasdas-hover: url(assets/logos/dark/dasdas-hover.svg);
    --logo-ziraat-bankasi: url(assets/logos/dark/ziraat-bankasi.svg);
    --logo-vakifbank: url(assets/logos/dark/vakifbank.svg);
    --logo-turkiye-is-bankasi: url(assets/logos/dark/turkiye-is-bankasi.svg);
    --logo-fibabanka: url(assets/logos/dark/fibabanka.svg);
    --logo-turkiye-finans: url(assets/logos/dark/turkiye-finans.svg);
    --logo-apple-pay: url(assets/logos/dark/apple-pay.svg);
    --logo-visa-mastercard: url(assets/logos/dark/visa-mastercard.svg);
    --logo-khipu: url(assets/logos/dark/khipu.svg);
    --logo-pix: url(assets/logos/dark/pix.svg);
    --logo-payid: url(assets/logos/dark/payid.svg);
    --logo-wallet-payment: url(assets/logos/dark/wallet-payment.svg);
    --logo-interac-e-transfer: url(assets/logos/dark/interac-e-transfer.svg);
    --logo-sepa: url(assets/logos/dark/sepa.svg);
    --logo-pse: url(assets/logos/dark/pse.svg);
    --logo-spei: url(assets/logos/dark/spei.svg);
    --logo-faster-payments: url(assets/logos/dark/faster-payments.svg);
    --logo-ach: url(assets/logos/dark/ach.svg);
    --logo-bank: url(assets/logos/dark/bank-transfer.svg);
    --logo-mexc: url(assets/logos/dark/mexc.svg);
    --logo-bitmart: url(assets/logos/dark/bitmart.svg);
    --logo-azbit: url(assets/logos/dark/azbit.svg);
    --logo-lbank: url(assets/logos/dark/lbank.svg);
    --badge-google-play-tr: url(assets/badges/dark/google-play-tr.svg);
    --badge-app-store-tr: url(assets/badges/dark/app-store-tr.svg);
    --badge-app-gallery-tr: url(assets/badges/dark/app-gallery-tr.svg);
    --badge-google-play-en: url(assets/badges/dark/google-play-en.svg);
    --badge-app-store-en: url(assets/badges/dark/app-store-en.svg);
    --badge-app-gallery-en: url(assets/badges/dark/app-gallery-en.svg);
    --badge-google-play-ru: url(assets/badges/dark/google-play-ru.svg);
    --badge-app-store-ru: url(assets/badges/dark/app-store-ru.svg);
    --badge-app-gallery-ru: url(assets/badges/dark/app-gallery-ru.svg);
    --icon-mode: url(assets/icons/dark/mode.svg);
    --icon-language: url(assets/icons/dark/language.svg);
    --icon-account: url(assets/icons/dark/account.svg);
    --icon-menu: url(assets/icons/dark/menu.svg);
    --icon-menu-close: url(assets/icons/dark/menu-close.svg);
    --icon-live-support: url(assets/icons/dark/live-support.svg);
    --icon-add: url(assets/icons/dark/add.svg);
    --icon-sort: url(assets/icons/dark/sort.svg);
    --icon-sort-up: url(assets/icons/dark/sort-up.svg);
    --icon-sort-down: url(assets/icons/dark/sort-down.svg);
    --icon-date: url(assets/icons/dark/date.svg);
    --icon-select: url(assets/icons/dark/select.svg);
    --icon-none: url(assets/icons/dark/none.webp);
    --icon-award: url(assets/icons/dark/award.svg);
    --icon-icrypex: url(assets/icons/dark/icrypex-icon.svg);
    --seminar-speakers-bg: url(assets/images/landing/dark/seminar-speakers-bg.webp);
    --icon-logo-loader: url(assets/loaders/dark/logo-loader.svg);
    --icon-page-loader: url(assets/loaders/dark/page-loader.svg);
    --icon-table-loader: url(assets/loaders/dark/table-loader.svg);
    --icon-inline-loader: url(assets/loaders/dark/inline-loader.svg);
    --icon-filter: brightness(2) grayscale(1);
    --icon-filter-01: grayscale(.85) brightness(1.05) hue-rotate(45deg);
    --icon-filter-01-hover: grayscale(.8) brightness(1.65) hue-rotate(45deg);
    --icon-filter-input: grayscale(1);
    --icon-filter-theme: brightness(.8) grayscale(1);
    --icon-product-theme: none;
    --arrow-filter: grayscale(1) brightness(2.2);
    --download-filter: invert(1) brightness(1.4);
    --icon-get-start: grayscale(1) brightness(2.4);
    --box-shadow: 0 5px 15px rgba(0, 0, 0, .25);
    --menu-shadow: 0 10px 20px -15px rgba(0, 0, 0, .75), 0 10px 10px -3px rgba(0, 0, 0, .075);
    --card-shadow: 0 5px 15px rgb(0, 0, 0, .01);
    --index-card-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    --bg-color: #1a1a1a;
    --bg-color-01: #1f1f1f;
    --bg-color-02: #222222;
    --bg-color-03: #242424;
    --bg-color-04: #282828;
    --bg-color-05: #2d2d2d;
    --bg-color-06: #464646;
    --bg-color-nav: rgb(26, 26, 26, .95);
    --bg-blur: rgba(0, 0, 0, .05);
    --primary-dark-color: #0570b3;
    --primary-color: #068bdf;
    --secondary-dark-color: #ffffff;
    --secondary-color: #f2f2f2;
    --secondary-light-color: #ededed;
    --secondary-lighter-color: #e8e8e8;
    --tertiary-dark-color: #d4d4d4;
    --tertiary-color: #a9a9a9;
    --tertiary-light-color: #999999;
    --tertiary-lighter-color: #848484;
    --button-tertiary-bg: var(--bg-color-06);
    --button-tertiary-bg-hover: #565656;
    --button-gray-bg: var(--bg-color-05);
    --button-gray-bg-hover: #343434;
    --button-gray-text: var(--secondary-color);
    --button-secondary-outline-bg: #6d8b9f;
    --button-green-outline-text: var(--secondary-color);
    --button-red-outline-text: var(--secondary-color);
    --toggle-control-bg: var(--bg-color-06);
    --checkbox-bg: var(--bg-color-06);
    --input-placeholder-color: #707070;
    --loader-text: #c7c7c7;
    --loader-text-01: #a2a2a2;
    --link-red-hover: var(--secondary-color);
    --toast-bg: var(--bg-color-02);
    --toast-bg-flash: var(--bg-color);
    --tag-bg: rgba(6, 139, 223, .25);
    --tag-text: #44a4df;
    --landing-page-title: var(--secondary-color);
    --fest-page-title: var(--secondary-color);
    --fest-page-desc: var(--secondary-lighter-color);
    --token-page-title: var(--secondary-color);
    --token-page-desc: #ba8cff;
    --token-table-border: var(--border);
    --token-table-caption: var(--secondary-dark-color);
    --token-table-text: var(--secondary-light-color);
    --staking-purple-dark: #e7e1ed;
    --staking-purple: #d9cfe3;
    --staking-purple-light: #d4cadd;
    --staking-purple-lighter: #ccabef;
    --staking-border: #402d55;
    --staking-box-bg: #211f25;
    --stake-form-label: #d4cadd;
    --staking-input-bg: #1f1f1f;
    --staking-input-focus-bg: #1a1a1a;
    --staking-border-focus: #854dc0;
    --staking-input-placeholder: #8f8b93;
    --seminar-page-title: var(--secondary-dark-color);
    --token-fee-level-1: #1e1e1e;
    --token-fee-level-2: var(--bg-color);
    --footer-bg: var(--bg-color-01);
    --footer-bar-bg: var(--bg-color);
    --footer-box-bg: var(--bg-color-05);
    --footer-caption: var(--white-color);
    --footer-text: var(--tertiary-dark-color);
    --footer-filter: brightness(1.2) grayscale(.8);
    --alert-success-text: #e6f8f0;
    --alert-success-bg: #092c1d;
    --alert-info-text: #e6f3fc;
    --alert-info-bg: #082638;
    --alert-warning-text: #fcf6e6;
    --alert-warning-bg: #3a3014;
    --alert-danger-text: #feeaee;
    --alert-danger-bg: #36161c;
    --green-hover-color: #089b5c;
    --red-hover-color: #d82a4b;
    --trow-focused: rgba(255, 255, 255, .06)
}

.alert {
    width: 100%;
    min-height: 42px;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    line-height: 1.4;
    color: var(--secondary-light-color);
    background-color: var(--bg-color-01);
    border: 0;
    box-shadow: none;
    padding: 10px 15px;
    margin: 0 0 20px;
    gap: 10px;
    border-radius: var(--border-radius-md)
}

.alert .alert-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.alert .alert-list .list-item {
    display: flex;
    justify-content: space-between;
    line-height: 1
}

.alert a {
    display: contents;
    color: var(--tertiary-dark-color);
    text-decoration: underline
}

.alert a:hover,.alert a:focus {
    color: var(--secondary-light-color)
}

.alert b {
    display: contents
}

.alert .alert-close {
    width: 42px;
    height: 42px;
    background-color: transparent;
    border: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.alert .alert-close .icon {
    width: 20px;
    height: 20px;
    display: flex;
    background-image: var(--icon-close);
    background-size: 12px;
    margin: auto 10px auto auto;
    border-radius: 50%
}

.alert .alert-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    margin: 3px 0 0 -3px
}

.alert .alert-title {
    width: 100%;
    display: block;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 5px
}

.alert .alert-message {
    font-weight: 400;
    margin: 0
}

.alert-lg {
    min-height: 54px;
    font-size: 16px;
    line-height: 1.5;
    padding: 15px 20px;
    gap: 12px;
    border-radius: var(--border-radius-lg)
}

.alert-lg .alert-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin: 2px 0 0 -4px
}

.alert-sm {
    min-height: 28px;
    font-size: 12px;
    line-height: 1.3;
    padding: 7.5px 12.5px;
    gap: 8px;
    border-radius: var(--border-radius-sm)
}

.alert-sm .alert-icon {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    margin: 2px 0 0 -2px
}

.alert-text {
    display: block;
    min-height: unset;
    background-color: transparent!important;
    padding: 0;
    border-radius: 0!important
}

.alert-text.alert-success {
    color: var(--green-color)!important
}

.alert-text.alert-info {
    color: var(--blue-color)!important
}

.alert-text.alert-warning {
    color: var(--yellow-color)!important
}

.alert-text.alert-danger {
    color: var(--red-color)!important
}

.alert-dismissible {
    padding: 10px 47px 10px 15px
}

.alert-dismissible .btn-close {
    width: 24px!important;
    height: 24px;
    padding: 0;
    top: 10px;
    right: 10px
}

.alert-note {
    background-color: var(--bg-color);
    border: 1px solid var(--border);
    border-radius: 0
}

.alert-success {
    color: var(--alert-success-text);
    background-color: var(--alert-success-bg)
}

.alert-success a {
    color: var(--green-color)!important
}

.alert-success a:hover,.alert-success a:focus {
    color: #076c41!important
}

.alert-success .alert-close .icon {
    background-color: var(--green-color)
}

.alert-success .alert-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiMwOWI3NmQiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE5LjcsNi42YzAuNSwwLjUsMC41LDEuMiwwLDEuNmwtOS4xLDkuMmMtMC41LDAuNS0xLjIsMC41LTEuNiwwbC00LjYtNC42Yy0wLjUtMC41LTAuNS0xLjIsMC0xLjYNCgljMC41LTAuNSwxLjItMC41LDEuNiwwbDMuNywzLjdsOC40LTguM0MxOC41LDYuMiwxOS4yLDYuMiwxOS43LDYuNkwxOS43LDYuNnoiLz4NCjwvc3ZnPg0K)
}

.alert-info {
    color: var(--alert-info-text);
    background-color: var(--alert-info-bg)
}

.alert-info a {
    color: var(--blue-color)!important
}

.alert-info a:hover,.alert-info a:focus {
    color: #055487!important
}

.alert-info .alert-close .icon {
    background-color: var(--blue-color)
}

.alert-info .alert-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQoJPGNpcmNsZSBmaWxsPSIjMDY4YmRmIiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiLz4NCgk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTQuMiwxNi40aC0wLjl2LTQuOGMwLTAuNy0wLjYtMS4zLTEuMy0xLjNoLTEuOGMtMC43LDAtMS4zLDAuNi0xLjMsMS4zczAuNiwxLjMsMS4zLDEuM2gwLjR2My41SDkuOCBjLTAuNywwLTEuMywwLjYtMS4zLDEuM1M5LjEsMTksOS44LDE5aDQuNGMwLjcsMCwxLjMtMC42LDEuMy0xLjNTMTQuOSwxNi40LDE0LjIsMTYuNHoiLz4NCgk8Y2lyY2xlIGZpbGw9IiNmZmZmZmYiIGN4PSIxMiIgY3k9IjYuOCIgcj0iMS44Ii8+DQo8L3N2Zz4NCg==)
}

.alert-warning {
    color: var(--alert-warning-text);
    background-color: var(--alert-warning-bg)
}

.alert-warning a {
    color: var(--yellow-color)!important
}

.alert-warning a:hover,.alert-warning a:focus {
    color: #604900!important
}

.alert-warning .alert-close .icon {
    background-color: var(--yellow-color)
}

.alert-warning .alert-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGREI5MDAiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI0YzRjdGNiIgZD0iTTEyLDE1LjVjMC42LDAsMS4xLTAuNSwxLjEtMS4xbDAuNC05LjJDMTMuNCw0LjUsMTIuNiw0LDEyLDRzLTEuNCwwLjUtMS40LDEuMWwwLjMsOS4xDQoJQzEwLjgsMTUsMTEuNCwxNS41LDEyLDE1LjV6IE0xMiwxNy4yYy0wLjgsMC0xLjQsMC42LTEuNCwxLjRTMTEuMiwyMCwxMiwyMHMxLjQtMC42LDEuNC0xLjRTMTIuOCwxNy4yLDEyLDE3LjJ6Ii8+DQo8L3N2Zz4NCg==)
}

.alert-danger {
    color: var(--alert-danger-text);
    background-color: var(--alert-danger-bg)
}

.alert-danger a {
    color: var(--red-color)!important
}

.alert-danger a:hover,.alert-danger a:focus {
    color: #971f35!important
}

.alert-danger .alert-close .icon {
    background-color: var(--red-color)
}

.alert-danger .alert-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNmMzMxNTUiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEzLjcsMTJsNC00YzAuNC0wLjUsMC40LTEuMSwwLTEuN2MtMC41LTAuNS0xLjEtMC41LTEuNywwbC00LDRsLTQtNEM3LjcsNiw2LjksNiw2LjUsNi40DQoJQzYsNi45LDYsNy43LDYuNCw4LjFsNCw0bC00LDRDNi4xLDE2LjMsNiwxNi41LDYsMTYuOUM2LDE3LjUsNi41LDE4LDcuMSwxOGMwLjMsMCwwLjYtMC4xLDAuOS0wLjRsNC00bDQsNGMwLjMsMC4zLDAuNSwwLjQsMC45LDAuNA0KCWMwLjYsMCwxLjEtMC41LDEuMS0xLjFjMC0wLjMtMC4xLTAuNi0wLjQtMC45TDEzLjcsMTJ6Ii8+DQo8L3N2Zz4=)
}

*,*:before,*:after {
    box-sizing: border-box!important
}

body {
    font-family: Inter Tight,sans-serif;
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    color: var(--secondary-light-color);
    background-color: var(--bg-color-02);
    text-rendering: optimizeLegibility
}

body.has-alert .content .content-top .top-field,body.has-alert .content .content-top .top-field-back {
    top: 116px
}

@media (min-width: 768px) {
    body.has-alert .content .content-top .top-field,body.has-alert .content .content-top .top-field-back {
        top:50%
    }
}

body.has-alert .header .navbar-menu .nav-menu,body.has-alert .header .navbar-menu .nav-item.open .nav-back {
    top: 116px
}

@media (min-width: 768px) {
    body.has-alert .header .navbar-menu .nav-menu,body.has-alert .header .navbar-menu .nav-item.open .nav-back {
        top:64px
    }
}

body.has-alert .content .token-hero,body.has-alert .content .farming-hero,body.has-alert .content .stake-hero,body.has-alert .content .distribution-hero,body.has-alert .content .fees-hero,body.has-alert .content .seminar-hero {
    padding: 98px 0 0
}

@media (min-width: 768px) {
    body.has-alert .content .token-hero,body.has-alert .content .farming-hero,body.has-alert .content .stake-hero,body.has-alert .content .distribution-hero,body.has-alert .content .fees-hero,body.has-alert .content .seminar-hero {
        padding:86px 0 0
    }
}

@media (min-width: 768px) {
    body.has-alert .content .content-top .top-field-back {
        top:110px
    }

    body.has-alert .content .content-top .top-field {
        top: calc(50% + 22px)
    }

    body.has-alert .ticker-bar .select-menu.open .select-back {
        top: 172px
    }
}

@media (min-width: 1200px) {
    body.has-alert .content .stake-hero {
        padding:44px 0 0
    }
}

a,a:not([href]):not([tabindex]) {
    color: var(--link);
    outline: none;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    a,a:not([href]):not([tabindex]) {
        transition: none
    }
}

a:hover,a:not([href]):not([tabindex]):hover {
    color: var(--link-hover);
    text-decoration: underline
}

b,strong {
    font-weight: 700!important
}

h1,h2,h3,h4,h5,h6 {
    margin: 0
}

ol,ul,dl {
    padding: 0;
    margin: 0
}

ol li,ol dt,ol dd,ul li,ul dt,ul dd,dl li,dl dt,dl dd {
    list-style: none
}

.bt-0 {
    border-top: 0!important
}

.bb-0 {
    border-bottom: 0!important
}

.bl-0 {
    border-left: 0!important
}

.br-0 {
    border-right: 0!important
}

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

.no-shadow {
    box-shadow: none!important
}

.buy {
    color: var(--buy-color)!important
}

.sell {
    color: var(--sell-color)!important
}

.increase {
    color: var(--increase-color)!important
}

.decrease {
    color: var(--decrease-color)!important
}

.otc {
    color: var(--purple-color)!important
}

.uppercase {
    text-transform: uppercase!important
}

.lowercase {
    text-transform: lowercase!important
}

.capitalize {
    text-transform: capitalize!important
}

.text-lg {
    font-size: 16px
}

.text-sm {
    font-size: 12px
}

.white-base,.white-base small {
    color: var(--secondary-light-color)!important
}

.primary-base,.primary-base small {
    color: var(--primary-color)!important
}

.red-base,.red-base small {
    color: var(--red-color)!important
}

.green-base,.green-base small {
    color: var(--green-color)!important
}

.blue-base,.blue-base small {
    color: var(--blue-color)!important
}

.yellow-base,.yellow-base small {
    color: var(--yellow-color)!important
}

.text-color {
    color: var(--secondary-light-color)!important
}

.gray-base,.gray-base small {
    color: var(--tertiary-light-color)!important
}

.bg-base {
    color: var(--bg-color)!important
}

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

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

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

.fd-row {
    flex-direction: row!important
}

.fd-row-reverse {
    flex-direction: row-reverse!important
}

.fd-column {
    flex-direction: column!important
}

.fd-column-reverse {
    flex-direction: column-reverse!important
}

.ai-flex-start {
    align-items: flex-start!important
}

.ai-flex-center {
    align-items: center!important
}

.ai-flex-end {
    align-items: flex-end!important
}

.jc-flex-start {
    justify-content: flex-start!important
}

.jc-flex-center {
    justify-content: center!important
}

.jc-flex-end {
    justify-content: flex-end!important
}

.avg-price:before {
    content: "\2248";
    display: inline-block;
    padding: 0 3px 0 0
}

.seperator {
    border-top: 1px solid var(--border);
    opacity: 1;
    margin: 0
}

.unbold {
    font-weight: 400!important;
    display: contents!important
}

.new-dot {
    width: 5px;
    height: 5px;
    display: inline-block;
    background-color: var(--primary-color);
    border-radius: var(--border-radius-rd)
}

.new-tag {
    height: 16px;
    display: inline-block;
    font-size: 10px;
    letter-spacing: .25px;
    line-height: 16px;
    color: var(--white-color);
    background-color: var(--primary-color);
    padding: 0 5px;
    top: 0;
    border-radius: 3px
}

.link {
    font-weight: 500;
    cursor: pointer;
    position: relative
}

.link:hover {
    text-decoration: none!important
}

.link-arrow {
    font-weight: 500;
    color: var(--link-hover)!important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNNy4yLDI0Yy0wLjMsMC0wLjctMC4xLTEtMC40Yy0wLjUtMC41LTAuNS0xLjQsMC0xLjlsOC44LTguOGMwLjItMC4yLDAuNC0wLjYsMC40LTAuOQ0KCWMwLTAuNC0wLjEtMC43LTAuNC0wLjlMNi4zLDIuM2MtMC41LTAuNS0wLjUtMS40LDAtMS45czEuNC0wLjUsMS45LDBsOC44LDguOGMwLjgsMC44LDEuMiwxLjgsMS4yLDIuOGMwLDEuMS0wLjQsMi4xLTEuMiwyLjgNCglsLTguOCw4LjhDNy45LDIzLjksNy42LDI0LDcuMiwyNHoiLz4NCjwvc3ZnPg0K);
    background-position: right 6px;
    background-repeat: no-repeat;
    background-size: 10px;
    padding: 0 14px 0 0
}

.link-arrow:hover {
    color: var(--link)!important;
    text-decoration: none!important
}

@media (min-width: 768px) {
    .link-arrow {
        background-size:11px;
        padding: 0 14px 0 0
    }
}

@media (min-width: 1200px) {
    .link-arrow {
        background-position:right 2px
    }
}

@media (min-width: 768px) {
    .align-md-left {
        text-align:left!important
    }

    .align-md-right {
        text-align: right!important
    }

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

    .fd-md-row {
        flex-direction: row!important
    }

    .fd-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .fd-md-column {
        flex-direction: column!important
    }

    .fd-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .ai-md-flex-start {
        align-items: flex-start!important
    }

    .ai-md-flex-center {
        align-items: center!important
    }

    .ai-md-flex-end {
        align-items: flex-end!important
    }

    .jc-md-flex-start {
        justify-content: flex-start!important
    }

    .jc-md-flex-center {
        justify-content: center!important
    }

    .jc-md-flex-end {
        justify-content: flex-end!important
    }
}

@media (min-width: 992px) {
    .align-lg-left {
        text-align:left!important
    }

    .align-lg-right {
        text-align: right!important
    }

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

    .fd-lg-row {
        flex-direction: row!important
    }

    .fd-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .fd-lg-column {
        flex-direction: column!important
    }

    .fd-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .ai-lg-flex-start {
        align-items: flex-start!important
    }

    .ai-lg-flex-center {
        align-items: center!important
    }

    .ai-lg-flex-end {
        align-items: flex-end!important
    }

    .jc-lg-flex-start {
        justify-content: flex-start!important
    }

    .jc-lg-flex-center {
        justify-content: center!important
    }

    .jc-lg-flex-end {
        justify-content: flex-end!important
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1200px!important
    }

    .align-xl-left {
        text-align: left!important
    }

    .align-xl-right {
        text-align: right!important
    }

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

    .fd-xl-row {
        flex-direction: row!important
    }

    .fd-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .fd-xl-column {
        flex-direction: column!important
    }

    .fd-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .ai-xl-flex-start {
        align-items: flex-start!important
    }

    .ai-xl-flex-center {
        align-items: center!important
    }

    .ai-xl-flex-end {
        align-items: flex-end!important
    }

    .jc-xl-flex-start {
        justify-content: flex-start!important
    }

    .jc-xl-flex-center {
        justify-content: center!important
    }

    .jc-xl-flex-end {
        justify-content: flex-end!important
    }
}

@media (min-width: 1366px) {
    .container {
        max-width:1280px!important
    }
}

#launcher {
    bottom: 69px!important;
    right: 15px!important;
    margin: 0!important;
    z-index: 4!important
}

@media (min-width: 768px) {
    #launcher {
        bottom:77px!important
    }
}

@media (min-width: 1200px) {
    #launcher {
        bottom:11px!important
    }
}

.icon {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-style: normal
}

.icon-button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTcuMywxMS4xYzIuNCwwLDQuNC0yLDQuNC00LjRzLTItNC40LTQuNC00LjRjLTIuNCwwLTQuNCwyLTQuNCw0LjRTMTQuOSwxMS4xLDE3LjMsMTEuMXogTTE0LjUsNi4xDQoJYzAsMC4yLTAuMSwwLjQtMC4xLDAuNmMwLDAsMCwwLDAsMEMxNC40LDYuNSwxNC40LDYuMywxNC41LDYuMXoiLz4NCjxwYXRoIGZpbGw9IiMwNjhCREYiIGQ9Ik02LjcsMi4yYy0yLjQsMC00LjQsMi00LjQsNC40czIsNC40LDQuNCw0LjRjMi40LDAsNC40LTIsNC40LTQuNFM5LjEsMi4yLDYuNywyLjJ6Ii8+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTcuMywxMi44Yy0yLjQsMC00LjQsMi00LjQsNC40YzAsMi40LDIsNC40LDQuNCw0LjRjMi40LDAsNC40LTIsNC40LTQuNEMyMS44LDE0LjgsMTkuOCwxMi44LDE3LjMsMTIuOHoiDQoJLz4NCjxwYXRoIGZpbGw9IiMwNjhCREYiIGQ9Ik02LjcsMTIuOGMtMi40LDAtNC40LDItNC40LDQuNGMwLDIuNCwyLDQuNCw0LjQsNC40YzIuNCwwLDQuNC0yLDQuNC00LjRDMTEuMSwxNC44LDkuMSwxMi44LDYuNywxMi44eiIvPg0KPC9zdmc+DQo=)
}

.icon-play-button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJZb3VUdWJlX0ljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCA3MjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMjQgNzIxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggaWQ9IlRyaWFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBkPSJNNDA3LDQ5M2wyNzYtMTQzTDQwNywyMDZWNDkzeiIvPgo8cGF0aCBpZD0iVGhlX1NoYXJwbmVzcyIgb3BhY2l0eT0iMC4xMiIgZmlsbD0iIzQyMDAwMCIgZD0iTTQwNywyMDZsMjQyLDE2MS42bDM0LTE3LjZMNDA3LDIwNnoiLz4KPGcgaWQ9IkxvemVuZ2UiPgoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI1MTIuNSIgeTE9IjcxOS43IiB4Mj0iNTEyLjUiIHkyPSIxLjIiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA3MjEpIj4KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRTUyRDI3Ii8+CgkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0JGMTcxRCIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGZpbGw9InVybCgjU1ZHSURfMV8pIiBkPSJNMTAxMywxNTYuM2MwLDAtMTAtNzAuNC00MC42LTEwMS40QzkzMy42LDE0LjIsODkwLDE0LDg3MC4xLDExLjZDNzI3LjEsMS4zLDUxMi43LDEuMyw1MTIuNywxLjMKCQloLTAuNGMwLDAtMjE0LjQsMC0zNTcuNCwxMC4zQzEzNSwxNCw5MS40LDE0LjIsNTIuNiw1NC45QzIyLDg1LjksMTIsMTU2LjMsMTIsMTU2LjNTMS44LDIzOC45LDEuOCwzMjEuNnY3Ny41CgkJQzEuOCw0ODEuOCwxMiw1NjQuNCwxMiw1NjQuNHMxMCw3MC40LDQwLjYsMTAxLjRjMzguOSw0MC43LDg5LjksMzkuNCwxMTIuNiw0My43YzgxLjcsNy44LDM0Ny4zLDEwLjMsMzQ3LjMsMTAuMwoJCXMyMTQuNi0wLjMsMzU3LjYtMTAuN2MyMC0yLjQsNjMuNS0yLjYsMTAyLjMtNDMuM2MzMC42LTMxLDQwLjYtMTAxLjQsNDAuNi0xMDEuNHMxMC4yLTgyLjcsMTAuMi0xNjUuM3YtNzcuNQoJCUMxMDIzLjIsMjM4LjksMTAxMywxNTYuMywxMDEzLDE1Ni4zeiBNNDA3LDQ5M1YyMDZsMjc2LDE0NEw0MDcsNDkzeiIvPgo8L2c+Cjwvc3ZnPg==)
}

.icon-back {
    background-image: url(assets/icons/back.svg)
}

.icon-chat {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE1IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNSAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMS4zLDE2Yy0wLjcsMC0xLjEtMC4zLTEuMi0wLjhjLTAuMy0wLjgsMC41LTEuMywwLjgtMS41YzAuNi0wLjQsMC45LTAuNywxLTFjMC0wLjItMC4xLTAuNC0wLjMtMC43DQoJYzAsMCwwLTAuMS0wLjEtMC4xQzAuNSwxMC42LDAsOSwwLDcuNEMwLDMuMywzLjQsMCw3LjUsMFMxNSwzLjMsMTUsNy40cy0zLjQsNy40LTcuNSw3LjRjLTAuNSwwLTEtMC4xLTEuNS0wLjINCglDMy40LDE1LjksMS41LDE2LDEuNSwxNkMxLjQsMTYsMS40LDE2LDEuMywxNnogTTMuMywxMC45YzAuNSwwLjcsMC43LDEuNSwwLjYsMi4yYzAsMC4xLTAuMSwwLjMtMC4xLDAuNGMwLjUtMC4yLDEtMC40LDEuNi0wLjcNCgljMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjFoMC4xYzAuNCwwLjEsMC45LDAuMiwxLjQsMC4yYzMsMCw1LjUtMi40LDUuNS01LjRTMTAuNSwyLDcuNSwyUzIsNC40LDIsNy40YzAsMS4yLDAuNCwyLjQsMS4yLDMuMw0KCUMzLjIsMTAuOCwzLjMsMTAuOCwzLjMsMTAuOXoiLz4NCjwvc3ZnPg0K)
}

.icon-timer {
    background-image: url(assets/icons/timer.svg)
}

.icon-user {
    background-image: url(assets/icons/user.svg)
}

.icon-user-menu {
    background-image: url(assets/icons/user-menu.svg)
}

.icon-profile {
    background-image: url(assets/icons/profile.svg)
}

.icon-language-menu {
    background-image: url(assets/icons/language-menu.svg)
}

.icon-notification {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTMuOSwzLjNjLTAuNy0wLjMtMS40LTAuNC0yLjItMC40UzEwLjIsMyw5LjUsMy4zQzkuOSwyLjUsMTAuOCwyLDExLjcsMlMxMy41LDIuNSwxMy45LDMuM3oiLz4NCjxwYXRoIGZpbGw9IiMwNjhCREYiIGQ9Ik0xNC41LDIwYy0wLjQsMS4yLTEuNSwyLTIuOCwyYy0wLjgsMC0xLjYtMC4zLTIuMS0wLjlDOS4zLDIwLjgsOSwyMC40LDguOSwyMGMwLjEsMCwwLjMsMCwwLjQsMA0KCWMwLjIsMCwwLjUsMC4xLDAuNywwLjFjMC42LDAuMSwxLjEsMC4xLDEuNywwLjFzMS4xLDAsMS43LTAuMWMwLjIsMCwwLjQsMCwwLjYtMC4xQzE0LjIsMjAsMTQuNCwyMCwxNC41LDIweiIvPg0KPHBhdGggZmlsbD0iI0Y3NjU2NSIgZD0iTTE3LjcsOC40YzEuMywwLDIuNC0xLjEsMi40LTIuNFMxOSwzLjYsMTcuNywzLjZTMTUuMyw0LjcsMTUuMyw2UzE2LjQsOC40LDE3LjcsOC40eiIvPg0KPHBhdGggb3BhY2l0eT0iMC4yIiBmaWxsPSIjMDY4QkRGIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3ICAgICIgZD0iTTE4LDEyLjhjLTAuMi0wLjQtMC40LTEuMS0wLjQtMS41VjljLTEuNiwwLTIuOS0xLjQtMi45LTMNCgljMC0wLjcsMC4yLTEuMywwLjYtMS44Yy0xLTAuOC0yLjMtMS4zLTMuNi0xLjNjLTMuMywwLTUuOSwyLjctNS45LDUuOXYyLjVjMCwwLjQtMC4yLDEuMS0wLjQsMS41bC0xLDEuN2MtMC40LDAuNy0wLjUsMS40LTAuMiwyLjENCgljMC4yLDAuNywwLjgsMS4yLDEuNSwxLjRjMS45LDAuNyw0LDEsNiwxYzIsMCw0LjEtMC4zLDYtMWMwLjctMC4yLDEuMi0wLjgsMS41LTEuNWMwLjMtMC43LDAuMi0xLjQtMC4yLTIuMUwxOCwxMi44eiIvPg0KPC9zdmc+DQo=)
}

.icon-menu {
    background-image: var(--icon-menu)
}

.icon-cancel {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTEyLDBDNS40MDAwMDAxLDAsMCw1LjQwMDAwMDEsMCwxMnM1LjQwMDAwMDEsMTIsMTIsMTJzMTItNS4zOTk5OTk2LDEyLTEyUzE4LjYwMDAwMDQsMCwxMiwweg0KCQkgTTEyLDIyLjIwMDAwMDhDNi4zMDAwMDAyLDIyLjIwMDAwMDgsMS44LDE3LjcwMDAwMDgsMS44LDEyUzYuMzAwMDAwMiwxLjgsMTIsMS44UzIyLjIwMDAwMDgsNi4zMDAwMDAyLDIyLjIwMDAwMDgsMTINCgkJUzE3LjcwMDAwMDgsMjIuMjAwMDAwOCwxMiwyMi4yMDAwMDA4eiIvPg0KCTxwYXRoIGZpbGw9IiMwNjhCREYiIGQ9Ik0xNi43MzUyMDI4LDcuMjgwMzc0NWMtMC4zNzM4MzI3LTAuMzczODMyMi0xLjEyMTQ5NTItMC4zNzM4MzIyLTEuNDk1MzI3LDBMMTIsMTAuNTIwMjQ5NA0KCQlMOC43NjAxMjUyLDcuMjgwMzc0NWMtMC4zNzM4MzE3LTAuMzczODMyMi0xLjEyMTQ5NDMtMC4zNzM4MzIyLTEuNDk1MzI2LDBjLTAuMzczODMyMiwwLjM3MzgzMTctMC4zNzM4MzIyLDEuMTIxNDk0MywwLDEuNDk1MzI2DQoJCWwzLjIzOTg3MzksMy4yMzk4NzQ4bC0zLjIzOTg3NTMsMy4yMzk4NzQ4Yy0wLjM3MzgzMTcsMC4zNzM4MzI3LTAuMzczODMxNywxLjEyMTQ5NTIsMCwxLjQ5NTMyNg0KCQljMC4xMjQ2MTIzLDAuMTI0NjEwOSwwLjQ5ODQ0NDEsMC4yNDkyMjE4LDAuNzQ3NjY0OSwwLjI0OTIyMThzMC40OTg0NDE3LTAuMTI0NjEwOSwwLjc0NzY2NDUtMC4yNDkyMjE4TDEyLDEzLjUxMDkwMzQNCgkJbDMuMjM5ODc1OCwzLjIzOTg3NDhDMTUuMzY0NDg2NywxNi44NzUzODkxLDE1LjYxMzcwNzUsMTcsMTUuOTg3NTM5MywxN2MwLjI0OTIxOTksMCwwLjQ5ODQ0MTctMC4xMjQ2MTA5LDAuNzQ3NjYzNS0wLjI0OTIxOTkNCgkJYzAuMzczODMwOC0wLjM3MzgzMjcsMC4zNzM4MzA4LTEuMTIxNDk1MiwwLTEuNDk1MzI3bC0zLjIzOTg3NTgtMy4yMzk4Nzc3bDMuMjM5ODczOS0zLjIzOTg3NDgNCgkJQzE3LjEwOTAzMzYsOC40MDE4Njk4LDE3LjEwOTAzMzYsNy43Nzg4MTcyLDE2LjczNTIwMjgsNy4yODAzNzQ1eiIvPg0KPC9nPg0KPC9zdmc+DQo=)
}

.icon-closer {
    background-image: url(assets/icons/closer.svg)
}

.icon-search {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTEsMjBjLTUsMC05LTQtOS05czQtOSw5LTlzOSw0LDksOVMxNiwyMCwxMSwyMHogTTExLDMuN0M3LDMuNywzLjcsNywzLjcsMTFTNywxOC4zLDExLDE4LjMNCglzNy4zLTMuMyw3LjMtNy4zUzE1LDMuNywxMSwzLjd6Ii8+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMjEsMjJjLTAuMywwLTAuNS0wLjEtMC43LTAuM2wtMi0yYy0wLjQtMC40LTAuNC0xLDAtMS40YzAuNC0wLjQsMS0wLjQsMS40LDBsMiwyYzAuNCwwLjQsMC40LDEsMCwxLjQNCglDMjEuNSwyMS45LDIxLjMsMjIsMjEsMjJ6Ii8+DQo8L3N2Zz4NCg==)
}

.icon-clean {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTMuMiwxMmw3LTdjMC40LTAuNCwwLjQtMC44LDAtMS4yYy0wLjQtMC40LTAuOC0wLjQtMS4yLDBsLTcsN0w1LDMuOWMtMC40LTAuNC0wLjgtMC40LTEuMiwwDQoJYy0wLjQsMC40LTAuNCwwLjgsMCwxLjJsNyw3bC03LDdjLTAuNCwwLjQtMC40LDAuOCwwLDEuMnMwLjgsMC40LDEuMiwwbDctN2w3LDdjMC4yLDAuMiwwLjQsMC4zLDAuNiwwLjNzMC41LTAuMSwwLjYtMC4zDQoJYzAuNC0wLjQsMC40LTAuOCwwLTEuMkwxMy4yLDEyeiIvPg0KPC9zdmc+DQo=)
}

.icon-convert {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTcuNDE5OTIxOSw0LjE1OTY2OEg1Ljk5NDQ0NThsMS40NTIzOTI2LTEuNDUyNjM2N0M3LjYzNTY4MTIsMi41MTgxMjc0LDcuNzM5NzQ2MSwyLjI2NzAyODgsNy43Mzk3NDYxLDINCgkJUzcuNjM1NjgxMiwxLjQ4MTg3MjYsNy40NDY3NzczLDEuMjkyOTY4OFM3LjAwNjc3NDksMSw2LjczOTc0NjEsMVM2LjIyMTYxODcsMS4xMDQwNjQ5LDYuMDMyNzE0OCwxLjI5Mjk2ODhMMi44NzQ1MTE3LDQuNDUxNTk5MQ0KCQlDMi43ODE2MTYyLDQuNTQzOTQ1MywyLjcwODE5MDksNC42NTM5OTE3LDIuNjU2Nzk5Myw0Ljc3ODEzNzJjLTAuMDQyNTQxNSwwLjEwMzAyNzMtMC4wNjcwMTY2LDAuMjEzNTYyLTAuMDcyODc2LDAuMzI5MTAxNg0KCQlMMi41ODE0ODE5LDUuMTE1Mjk1NEwyLjU4MDA3ODEsNS4xNTk2NjhjMCwwLjEzMDY3NjMsMC4wMjU5Mzk5LDAuMjU5NTgyNSwwLjA3NzA4NzQsMC4zODI5OTU2DQoJCWMwLjA0MDIyMjIsMC4wOTY2Nzk3LDAuMTAwODkxMSwwLjE4OTAyNTksMC4xODU1NDY5LDAuMjgyODM2OWwwLjAxNzMzNCwwLjAzMjIyNjZsMC4wMTMwMDA1LDAuMDA5NDYwNGwzLjE1OTY2OCwzLjE1OTY2OA0KCQljMC4xODg5MDM4LDAuMTg4OTAzOCwwLjQ0MDAwMjQsMC4yOTI5Njg4LDAuNzA3MDMxMiwwLjI5Mjk2ODhzMC41MTgxMjc0LTAuMTA0MDY0OSwwLjcwNzAzMTItMC4yOTI5Njg4DQoJCWMwLjM4OTg5MjYtMC4zODk4MzE1LDAuMzg5ODkyNi0xLjAyNDIzMSwwLTEuNDE0MDYyNWwtMS40NTMwNjQtMS40NTMxMjVoMTEuNDI2MjA4NWMxLjEwMjc4MzIsMCwyLDAuODk3MjE2OCwyLDJ2My4zMjAzMTI1DQoJCWMwLDAuNTUxMzkxNiwwLjQ0ODYwODQsMSwxLDFzMS0wLjQ0ODYwODQsMS0xVjguMTU5NjY4QzIxLjQxOTkyMTksNS45NTQwNDA1LDE5LjYyNTU0OTMsNC4xNTk2NjgsMTcuNDE5OTIxOSw0LjE1OTY2OHoiLz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMjEuMTI2OTUzMSwxOC4xMzI4MTI1bC0zLjE2MDE1NjItMy4xNjAxNTYyDQoJCWMtMC4xODg5MDM4LTAuMTg4OTAzOC0wLjQ0MDAwMjQtMC4yOTI5Njg4LTAuNzA3MDMxMi0wLjI5Mjk2ODhzLTAuNTE4MTI3NCwwLjEwNDAwMzktMC43MDcwMzEyLDAuMjkyOTY4OA0KCQljLTAuMzg5ODkyNiwwLjM4OTgzMTUtMC4zODk4OTI2LDEuMDI0MjMxLDAsMS40MTQwNjI1bDEuNDUzMDY0LDEuNDUzMTI1SDYuNTgwMDc4MWMtMS4xMDI3ODMyLDAtMi0wLjg5NzIxNjgtMi0ydi0zLjMxOTgyNDINCgkJYzAtMC41NTEzOTE2LTAuNDQ4NjA4NC0xLTEtMXMtMSwwLjQ0ODYwODQtMSwxdjMuMzE5ODI0MmMwLDIuMjA1NjI3NCwxLjc5NDM3MjYsNCw0LDRoMTEuNDI1NzIwMmwtMS40NTMwNjQsMS40NTMxMjUNCgkJQzE2LjM2MzgzMDYsMjEuNDgxODcyNiwxNi4yNTk3NjU2LDIxLjczMjk3MTIsMTYuMjU5NzY1NiwyMnMwLjEwNDA2NDksMC41MTgxMjc0LDAuMjkyOTY4OCwwLjcwNzAzMTJTMTYuOTkyNzM2OCwyMywxNy4yNTk3NjU2LDIzDQoJCXMwLjUxODEyNzQtMC4xMDQwNjQ5LDAuNzA3MDMxMi0wLjI5Mjk2ODhsMy4xNjAxNTYyLTMuMTYwMTU2MmMwLjA5MjEwMjEtMC4wOTIxMDIxLDAuMTY0Nzk0OS0wLjIwMTI5MzksMC4yMTU5NDI0LTAuMzI0NTg1DQoJCWMwLjEwMDcwOC0wLjI0MzEwMywwLjEwMDcwOC0wLjUyMTc4OTYsMC4wMDAwNjEtMC43NjQ3MDk1QzIxLjI5MTgwOTEsMTguMzM0MTY3NSwyMS4yMTkxMTYyLDE4LjIyNDk3NTYsMjEuMTI2OTUzMSwxOC4xMzI4MTI1eiIvPg0KPC9nPg0KPC9zdmc+DQo=)
}

.icon-waiting {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4wIEJ1aWxkIDE0MikgIC0tPgogIDxwYXRoIGQ9Ik0xMiwyNGMtMy40MzY3OTk5LDAtNi4xMjQ3OTkyLTEuNzA4Nzk4OC03Ljk0ODc5OTctMy4zOTg0MDA5djEuMzYzMjAxOWMwLC43ODcxOTk3LS42NTI4MDAzLDEuNDQtMS40NCwxLjQ0LS43ODcyMDA2LDAtMS40NC0uNjUyODAwMy0xLjQ0LTEuNDR2LTUuMjgwMDAxOGMwLS43ODcxOTk3LjY1Mjc5OTQtMS40NCwxLjQ0LTEuNDRoNC43NjE2Yy43ODcxOTk3LDAsMS40NC42NTI4MDAzLDEuNDQsMS40NCwwLC43ODcyMDE1LS42NTI4MDAzLDEuNDQtMS40NCwxLjQ0aC0xLjcyODAwMTFjMS40MjA4MDE0LDEuNDIwODAxNCwzLjYyODgwMDcsMi45OTUyMDA4LDYuMzU1MjAwOCwyLjk5NTIwMDgsNS4wMzAzOTk4LDAsOS4xMi00LjA4OTYwMDIsOS4xMi05LjEyLDAtLjc4NzE5OTcuNjUyODAwMy0xLjQ0LDEuNDQtMS40NHMxLjQ0LjY1MjgwMDMsMS40NCwxLjQ0YzAsNi42MjM5OTk2LTUuMzc2MDAwNCwxMi0xMiwxMloiIGZpbGw9IiNmZmYiLz4KICA8cGF0aCBkPSJNMjQsNy4yNzY3OTk5di4xNTM1OTk5Yy0uMDE5MjAwNC4yMTExOTkzLS4wNzY4MDE4LjQwMzIwMDEtLjE3MjgwMDMuNTc2MDAwNHMtLjIzMDM5NzkuMzI2NDAwMS0uNDAzMTk4Mi40NjA3OTk2Yy0uMTM0NDAzMS4wOTYwMDA0LS4yODgwMDI5LjE3MjgwMDMtLjQ2MDgwMzIuMjMwMzk5OC0uMTM0Mzk5NC4wMzg0MDA5LS4yNjg3OTg4LjA1NzYwMTMtLjQwMzE5ODIuMDU3NjAxM2gtNC42NjU2MDA2Yy0uNzg3MTk5NywwLTEuNDQtLjY1MjgwMDMtMS40NC0xLjQ0LDAtLjc4NzIwMTUuNjUyODAwMy0xLjQ0LDEuNDQtMS40NGgxLjU5MzU5OTljLTEuNTM1OTk4NS0xLjQyMDgwMTQtNC4wMTI3OTg1LTIuOTk1MjAwOC03LjQ0OTU5ODQtMi45OTUyMDA4QzcuMDA3OTk5MywyLjg4LDIuOTE4NCw2Ljk2OTYwMDIsMi45MTg0LDEyYzAsLjc4NzE5OTctLjY1MjgwMDMsMS40NC0xLjQ0LDEuNDRzLTEuNDc4NC0uNjUyODAwMy0xLjQ3ODQtMS40NEMwLDUuMzc2MDAwNCw1LjM3NjAwMDQsMCwxMiwwYzQuMTI3OTk5MywwLDcuMTYxNTk5MSwxLjc4NTU5OTcsOS4xMiwzLjQ5NDQwMDN2LTEuNDU5MjAwNGMwLS43ODcxOTk3LjY1MjgwMDMtMS40NCwxLjQ0LTEuNDRzMS40NC42NTI4MDAzLDEuNDQsMS40NHY1LjI0MTZaIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPg==)
}

.icon-fee-refund {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMTUsMS4yNWgtNkMzLjU2Nzg3MTEsMS4yNSwxLjI1LDMuNTY3ODcxMSwxLjI1LDl2NmMwLDUuNDMyNjE3MiwyLjMxNzg3MTEsNy43NSw3Ljc1LDcuNzVoNmM1LjQzMjYxNzIsMCw3Ljc1LTIuMzE3MzgyOCw3Ljc1LTcuNzV2LTZjMC01LjQzMjEyODktMi4zMTczODI4LTcuNzUtNy43NS03Ljc1Wk0yMS4yNSwxNWMwLDQuNjE0MjU3OC0xLjYzNTc0MjIsNi4yNS02LjI1LDYuMjVoLTZjLTQuNjE0MjU3OCwwLTYuMjUtMS42MzU3NDIyLTYuMjUtNi4yNXYtNmMwLTQuNjE0MjU3OCwxLjYzNTc0MjItNi4yNSw2LjI1LTYuMjVoNmM0LjYxNDI1NzgsMCw2LjI1LDEuNjM1NzQyMiw2LjI1LDYuMjV2NloiIGZpbGw9IiMwNjhiZGYiIHN0cm9rZS13aWR0aD0iMCIvPgogIDxwYXRoIGQ9Ik0xNS42NDA2MjUsOC4xOTk3MDdjLS4yOTI5Njg4LS4yOTI5Njg4LS43Njc1NzgxLS4yOTI5Njg4LTEuMDYwNTQ2OSwwbC02LjU0MDAzOTEsNi41Mzk1NTA4Yy0uMjkyOTY4OC4yOTI5Njg4LS4yOTI5Njg4Ljc2NzU3ODEsMCwxLjA2MDU0NjkuMTQ2NDg0NC4xNDY0ODQ0LjMzODM3ODkuMjE5NzI2Ni41MzAyNzM0LjIxOTcyNjZzLjM4Mzc4OTEtLjA3MzI0MjIuNTMwMjczNC0uMjE5NzI2Nmw2LjU0MDAzOTEtNi41Mzk1NTA4Yy4yOTI5Njg4LS4yOTI5Njg4LjI5Mjk2ODgtLjc2NzU3ODEsMC0xLjA2MDU0NjlaIiBmaWxsPSIjMDY4YmRmIiBzdHJva2Utd2lkdGg9IjAiLz4KICA8cGF0aCBkPSJNMTAuOTU5OTYwOSw5LjE0MDEzNjdjMC0xLjA5MTc5NjktLjg4ODE4MzYtMS45ODA0Njg4LTEuOTc5OTgwNS0xLjk4MDQ2ODhzLTEuOTc5OTgwNS44ODg2NzE5LTEuOTc5OTgwNSwxLjk4MDQ2ODguODg4MTgzNiwxLjk3OTk4MDUsMS45Nzk5ODA1LDEuOTc5OTgwNSwxLjk3OTk4MDUtLjg4ODE4MzYsMS45Nzk5ODA1LTEuOTc5OTgwNVpNOC41LDkuMTQwMTM2N2MwLS4yNjUxMzY3LjIxNTMzMi0uNDgwNDY4OC40Nzk5ODA1LS40ODA0Njg4cy40Nzk5ODA1LjIxNTMzMi40Nzk5ODA1LjQ4MDQ2ODhjMCwuMjY0NjQ4NC0uMjE1MzMyLjQ3OTk4MDUtLjQ3OTk4MDUuNDc5OTgwNXMtLjQ3OTk4MDUtLjIxNTMzMi0uNDc5OTgwNS0uNDc5OTgwNVoiIGZpbGw9IiMwNjhiZGYiIHN0cm9rZS13aWR0aD0iMCIvPgogIDxwYXRoIGQ9Ik0xNS41MTk1MzEyLDEyLjg3OTg4MjhjLTEuMDkxNzk2OSwwLTEuOTc5NDkyMi44ODg2NzE5LTEuOTc5NDkyMiwxLjk4MDQ2ODhzLjg4NzY5NTMsMS45Nzk0OTIyLDEuOTc5NDkyMiwxLjk3OTQ5MjIsMS45ODA0Njg4LS44ODc2OTUzLDEuOTgwNDY4OC0xLjk3OTQ5MjItLjg4ODY3MTktMS45ODA0Njg4LTEuOTgwNDY4OC0xLjk4MDQ2ODhaTTE1LjUxOTUzMTIsMTUuMzM5ODQzOGMtLjI2NDY0ODQsMC0uNDc5NDkyMi0uMjE0ODQzOC0uNDc5NDkyMi0uNDc5NDkyMnMuMjE0ODQzOC0uNDgwNDY4OC40Nzk0OTIyLS40ODA0Njg4LjQ4MDQ2ODguMjE1ODIwMy40ODA0Njg4LjQ4MDQ2ODgtLjIxNTgyMDMuNDc5NDkyMi0uNDgwNDY4OC40Nzk0OTIyWiIgZmlsbD0iIzA2OGJkZiIgc3Ryb2tlLXdpZHRoPSIwIi8+Cjwvc3ZnPg==)
}

.icon-link {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBpZD0iTGluayIgZmlsbD0iIzAwOUM2NSIgZD0iTTE5LjIsMTIuOGMyLjgsMi44LDMsNy4yLDAuNSwxMC4yYy0wLjMsMC40LTAuMiwwLjItNC42LDQuN2MtMywzLTcuOCwzLTEwLjgsMHMtMy03LjgsMC0xMC44DQoJYzEuOC0xLjgsMi44LTIuOCwzLjUtMy41YzAuMy0wLjMsMC43LTAuMywwLjksMGMwLjEsMC4xLDAuMiwwLjMsMC4yLDAuNWMwLDAuNywwLjEsMS40LDAuMywyLjFjMC4xLDAuMiwwLDAuNS0wLjIsMC42bC0yLjUsMi41DQoJYy0xLjgsMS44LTEuOCw0LjcsMCw2LjVzNC43LDEuOCw2LjUsMGw0LjEtNC4xYzEuOC0xLjgsMS44LTQuNywwLTYuNWMtMC40LTAuNC0wLjgtMC43LTEuMi0wLjljLTAuMy0wLjEtMC40LTAuNC0wLjQtMC43DQoJYzAuMS0wLjYsMC40LTEuMiwwLjgtMS43bDAuMi0wLjJjMC4yLTAuMiwwLjUtMC4yLDAuOC0wLjFDMTcuOSwxMS44LDE4LjYsMTIuMiwxOS4yLDEyLjhMMTkuMiwxMi44eiBNMjcuNyw0LjJjLTMtMy03LjgtMy0xMC44LDANCgljMCwwLDAsMCwwLDBjLTQuNSw0LjUtNC4zLDQuMy00LjYsNC43Yy0yLjcsMy4zLTIuMiw4LjEsMS4xLDEwLjhjMC40LDAuMywwLjksMC42LDEuNCwwLjljMC4zLDAuMSwwLjYsMC4xLDAuOC0wLjFsMC4yLTAuMg0KCWMwLjQtMC40LDAuNy0xLDAuOC0xLjdjMC0wLjMtMC4xLTAuNS0wLjQtMC43Yy0yLjMtMS4xLTMuMi0zLjktMi4xLTYuMWMwLjItMC41LDAuNS0wLjksMC45LTEuMmw0LjEtNC4xYzEuOC0xLjgsNC43LTEuOCw2LjUsMA0KCXMxLjgsNC43LDAsNi41bDAsMGwtMi41LDIuNWMtMC4yLDAuMi0wLjIsMC40LTAuMiwwLjZjMC4yLDAuNywwLjIsMS40LDAuMywyLjFjMCwwLjQsMC4zLDAuNiwwLjcsMC42YzAuMiwwLDAuMy0wLjEsMC41LTAuMg0KCWMwLjYtMC42LDEuNy0xLjcsMy41LTMuNUMzMC43LDEyLjEsMzAuNyw3LjIsMjcuNyw0LjJDMjcuOCw0LjMsMjcuOCw0LjIsMjcuNyw0LjJMMjcuNyw0LjJ6Ii8+DQo8L3N2Zz4NCg==)
}

.icon-copy {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTEuNCw2LjJoLTAuOGgtM2MtNC40LDAtNi40LDItNi40LDYuM3YwdjN2MC44YzAsNC40LDIsNi4zLDYuNCw2LjNoMC44aDNjNC40LDAsNi40LTIsNi40LTYuM3Ywdi0zdi0wLjgNCgkJQzE3LjgsOC4yLDE1LjgsNi4yLDExLjQsNi4yeiBNMTYuMiwxMy40djNjMCwwLjUsMCwxLTAuMSwxLjVjLTAuMywyLjUtMS43LDMuNC00LjcsMy40aC0zSDcuNmMtMy42LDAtNC45LTEuMy00LjktNC44di0wLjh2LTMNCgkJYzAtMC42LDAuMS0xLjEsMC4xLTEuNmMwLjQtMi4zLDEuNy0zLjIsNC43LTMuMmgzaDAuOGMzLjYsMCw0LjksMS4zLDQuOSw0LjhWMTMuNHoiLz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTYuNCwxLjJoLTAuOGgtMC45aC0yLjFoLTFIMTBDNy45LDEuMiw2LjIsMi45LDYuMiw1YzAsMC40LDAuMywwLjgsMC44LDAuOFM3LjgsNS40LDcuOCw1DQoJCWMwLTEuMiwxLTIuMiwyLjItMi4yaDEuNmgxaDIuMWgwLjloMC44YzMuNiwwLDQuOSwxLjMsNC45LDQuOFY4djF2NS4yYzAsMS4xLTAuOSwyLjEtMi4xLDIuMWMtMC40LDAtMC44LDAuMy0wLjgsMC44DQoJCXMwLjMsMC44LDAuOCwwLjhjMiwwLDMuNi0xLjYsMy42LTMuNlY5VjhWNy42QzIyLjgsMy4yLDIwLjgsMS4yLDE2LjQsMS4yeiIvPg0KPC9nPg0KPC9zdmc+DQo=)
}

.icon-add {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE0IDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNCAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTMsNkg4VjFjMC0wLjUtMC41LTEtMS0xUzYsMC41LDYsMXY1SDFDMC41LDYsMCw2LjUsMCw3czAuNSwxLDEsMWg1djVjMCwwLjUsMC41LDEsMSwxczEtMC41LDEtMVY4aDUNCgljMC41LDAsMS0wLjUsMS0xUzEzLjUsNiwxMyw2eiIvPg0KPC9zdmc+DQo=)
}

.icon-remove {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE0IDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNCAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMSw4QzAuNSw4LDAsNy41LDAsN3MwLjUtMSwxLTFoMTJjMC41LDAsMSwwLjUsMSwxcy0wLjUsMS0xLDFIMXoiLz4NCjwvc3ZnPg0K)
}

.icon-code {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNNywxMC44SDVjLTIuNCwwLTMuOC0xLjMtMy44LTMuOFY1YzAtMi40LDEuMy0zLjgsMy44LTMuOGgyYzIuNCwwLDMuOCwxLjMsMy44LDMuOHYyDQoJCUMxMC44LDkuNCw5LjQsMTAuOCw3LDEwLjh6IE01LDIuOEMzLjQsMi44LDIuOCwzLjQsMi44LDV2MmMwLDEuNiwwLjcsMi4yLDIuMiwyLjJoMmMxLjYsMCwyLjItMC43LDIuMi0yLjJWNQ0KCQljMC0xLjYtMC43LTIuMi0yLjItMi4ySDV6Ii8+DQoJPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTE5LDEwLjhoLTJjLTIuNCwwLTMuOC0xLjMtMy44LTMuOFY1YzAtMi40LDEuMy0zLjgsMy44LTMuOGgyYzIuNCwwLDMuOCwxLjMsMy44LDMuOHYyDQoJCUMyMi44LDkuNCwyMS40LDEwLjgsMTksMTAuOHogTTE3LDIuOGMtMS42LDAtMi4yLDAuNy0yLjIsMi4ydjJjMCwxLjYsMC43LDIuMiwyLjIsMi4yaDJjMS42LDAsMi4yLTAuNywyLjItMi4yVjUNCgkJYzAtMS42LTAuNy0yLjItMi4yLTIuMkgxN3oiLz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNNywyMi44SDVjLTIuNCwwLTMuOC0xLjMtMy44LTMuOHYtMmMwLTIuNCwxLjMtMy44LDMuOC0zLjhoMmMyLjQsMCwzLjgsMS4zLDMuOCwzLjh2Mg0KCQlDMTAuOCwyMS40LDkuNCwyMi44LDcsMjIuOHogTTUsMTQuOGMtMS42LDAtMi4yLDAuNy0yLjIsMi4ydjJjMCwxLjYsMC43LDIuMiwyLjIsMi4yaDJjMS42LDAsMi4yLTAuNywyLjItMi4ydi0yDQoJCWMwLTEuNi0wLjctMi4yLTIuMi0yLjJINXoiLz4NCgk8Y2lyY2xlIGZpbGw9IiMwNjhCREYiIGN4PSI2IiBjeT0iMTgiIHI9IjEuNCIvPg0KCTxjaXJjbGUgZmlsbD0iIzA2OEJERiIgY3g9IjE4IiBjeT0iNiIgcj0iMS40Ii8+DQoJPGNpcmNsZSBmaWxsPSIjMDY4QkRGIiBjeD0iNiIgY3k9IjYiIHI9IjEuNCIvPg0KCTxjaXJjbGUgZmlsbD0iIzA2OEJERiIgY3g9IjE4IiBjeT0iMTgiIHI9IjEuNCIvPg0KCTxjaXJjbGUgZmlsbD0iIzA2OEJERiIgY3g9IjIwLjgiIGN5PSIxNS4yIiByPSIxLjQiLz4NCgk8Y2lyY2xlIGZpbGw9IiMwNjhCREYiIGN4PSIyMC44IiBjeT0iMjAuOCIgcj0iMS40Ii8+DQoJPGNpcmNsZSBmaWxsPSIjMDY4QkRGIiBjeD0iMTUuMiIgY3k9IjIwLjgiIHI9IjEuNCIvPg0KCTxjaXJjbGUgZmlsbD0iIzA2OEJERiIgY3g9IjE1LjIiIGN5PSIxNS4yIiByPSIxLjQiLz4NCjwvZz4NCjwvc3ZnPg==)
}

.icon-open {
    background-image: url(assets/icons/open.svg)
}

.icon-show {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJIb21lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTIuNiw4LjNsNi4zLTYuM2MwLjItMC4yLDAuMi0wLjYsMC0wLjlzLTAuNi0wLjItMC45LDBMMTUsNC4xYy0xLjUtMS4xLTMuMy0xLjctNS0xLjcNCgljLTMuMSwwLTYuMSwxLjgtOC4yLDVjLTAuOSwxLjQtMC45LDMuNiwwLDVjMC42LDEsMS40LDEuOSwyLjIsMi42bC0yLjgsMi44Yy0wLjIsMC4yLTAuMiwwLjYsMCwwLjlDMS4zLDE4LjksMS41LDE5LDEuNiwxOQ0KCXMwLjMtMC4xLDAuNC0wLjJsNi4zLTYuM0wxMi42LDguM3ogTTcuOSwxMS4yYy0wLjItMC40LTAuMy0wLjgtMC4zLTEuMmMwLTEuMywxLjEtMi40LDIuNC0yLjRjMC40LDAsMC44LDAuMSwxLjIsMC4zTDcuOSwxMS4yeg0KCQlNMi45LDExLjhjLTAuNi0xLTAuNi0yLjcsMC0zLjdDNC43LDUuMyw3LjMsMy43LDEwLDMuN2MxLjQsMCwyLjgsMC41LDQuMSwxLjNsLTIsMmMtMC42LTAuNC0xLjMtMC43LTIuMS0wLjdDOCw2LjQsNi40LDgsNi40LDEwDQoJYzAsMC44LDAuMiwxLjUsMC43LDIuMWwtMi4xLDIuMUM0LjIsMTMuNSwzLjUsMTIuOCwyLjksMTEuOHoiLz4NCjxwYXRoIGZpbGw9IiMwNjhCREYiIGQ9Ik0xNy4yLDYuMmMtMC4yLTAuMy0wLjYtMC4zLTAuOS0wLjFDMTYuMSw2LjMsMTYsNi43LDE2LjMsN2MwLjMsMC40LDAuNiwwLjgsMC44LDEuMmMwLjYsMSwwLjYsMi43LDAsMy43DQoJYy0xLjgsMi44LTQuNCw0LjUtNy4xLDQuNWMtMC45LDAtMS45LTAuMi0yLjgtMC42Yy0wLjMtMC4xLTAuNywwLTAuOCwwLjNjLTAuMSwwLjMsMCwwLjcsMC4zLDAuOGMxLjEsMC40LDIuMSwwLjcsMy4yLDAuNw0KCWMzLjEsMCw2LjEtMS44LDguMi01YzAuOS0xLjQsMC45LTMuNiwwLTVDMTcuOSw3LjEsMTcuNiw2LjYsMTcuMiw2LjJ6Ii8+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTIuMywxMC41Yy0wLjIsMC45LTAuOSwxLjctMS45LDEuOWMtMC4zLDAuMS0wLjYsMC40LTAuNSwwLjdjMC4xLDAuMywwLjMsMC41LDAuNiwwLjVjMCwwLDAuMSwwLDAuMSwwDQoJYzEuNC0wLjMsMi42LTEuNCwyLjktMi45YzAuMS0wLjMtMC4yLTAuNy0wLjUtMC43QzEyLjcsOS45LDEyLjQsMTAuMSwxMi4zLDEwLjV6Ii8+DQo8L3N2Zz4NCg==)
}

.icon-hide {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJIb21lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTAsMTMuNmMtMiwwLTMuNi0xLjYtMy42LTMuNlM4LDYuNCwxMCw2LjRTMTMuNiw4LDEzLjYsMTBTMTIsMTMuNiwxMCwxMy42eiBNMTAsNy42DQoJYy0xLjMsMC0yLjQsMS4xLTIuNCwyLjRzMS4xLDIuNCwyLjQsMi40czIuNC0xLjEsMi40LTIuNFMxMS4zLDcuNiwxMCw3LjZ6Ii8+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTAsMTcuNWMtMy4xLDAtNi4xLTEuOC04LjEtNWMtMC45LTEuNC0wLjktMy42LDAtNWMyLTMuMiw1LTUsOC4xLTVzNi4xLDEuOCw4LjEsNWMwLjksMS40LDAuOSwzLjYsMCw1DQoJQzE2LjEsMTUuNywxMy4xLDE3LjUsMTAsMTcuNXogTTEwLDMuN2MtMi43LDAtNS4zLDEuNi03LjEsNC40Yy0wLjYsMS0wLjYsMi43LDAsMy43YzEuOCwyLjgsNC40LDQuNCw3LjEsNC40czUuMy0xLjYsNy4xLTQuNA0KCWMwLjYtMSwwLjYtMi43LDAtMy43QzE1LjMsNS4zLDEyLjcsMy43LDEwLDMuN3oiLz4NCjwvc3ZnPg0K)
}

.icon-edit {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMjIsMTIuMmMtMC40LDAtMC44LDAuMy0wLjgsMC44djJjMCw0LjYtMS42LDYuMi02LjIsNi4ySDljLTQuNiwwLTYuMi0xLjYtNi4yLTYuMlY5DQoJCWMwLTQuNiwxLjYtNi4yLDYuMi02LjJoMmMwLjQsMCwwLjgtMC4zLDAuOC0wLjhTMTEuNCwxLjIsMTEsMS4ySDlDMy42LDEuMiwxLjIsMy42LDEuMiw5djZjMCw1LjQsMi4zLDcuOCw3LjgsNy44aDYNCgkJYzUuNCwwLDcuOC0yLjMsNy44LTcuOHYtMkMyMi44LDEyLjYsMjIuNCwxMi4yLDIyLDEyLjJ6Ii8+DQoJPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTYuOCwxMi4xbC0wLjQsM2MtMC4xLDAuOCwwLjEsMS41LDAuNiwxLjljMC40LDAuNCwxLDAuNiwxLjYsMC42YzAuMSwwLDAuMiwwLDAuNCwwbDMtMC40DQoJCWMwLjYtMC4xLDEuMy0wLjQsMS43LTAuOWw3LjktNy45YzItMiwyLTQsMC02Yy0yLTItNC0yLTYsMGwtNy45LDcuOUM3LjIsMTAuOCw2LjgsMTEuNSw2LjgsMTIuMXogTTIwLjUsMy42YzEuNiwxLjYsMS4yLDIuNywwLDMuOQ0KCQlsLTAuOCwwLjhjLTEuOC0wLjYtMy4yLTIuMS0zLjktMy45bDAuOC0wLjhDMTcuNywyLjQsMTguOCwxLjksMjAuNSwzLjZ6IE04LjIsMTIuM2MwLTAuMywwLjMtMC43LDAuNC0wLjlsNS45LTUuOQ0KCQljMC44LDEuNywyLjIsMy4xLDMuOSwzLjlsLTUuOSw1LjljLTAuMiwwLjItMC42LDAuNC0wLjksMC41bC0zLDAuNGMtMC4zLDAtMC41LDAtMC43LTAuMmMtMC4xLTAuMS0wLjItMC40LTAuMi0wLjdMOC4yLDEyLjN6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)
}

.icon-delete {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMjEuMSw1LjJjLTEuNi0wLjItMy4yLTAuMy00LjgtMC40bDAsMEwxNiwzLjVjLTAuMS0wLjktMC40LTIuMy0yLjctMi4zaC0yLjZDOC40LDEuMiw4LjEsMi42LDgsMy41DQoJCUw3LjgsNC44QzYuOCw0LjksNS45LDQuOSw1LDVMMyw1LjJDMi42LDUuMiwyLjMsNS42LDIuMyw2czAuNCwwLjcsMC44LDAuN2wyLTAuMkMxMC4zLDYsMTUuNiw2LjIsMjAuOSw2LjdIMjENCgkJYzAuNCwwLDAuNy0wLjMsMC43LTAuN0MyMS44LDUuNiwyMS41LDUuMywyMS4xLDUuMnogTTkuMyw0LjhsMC4yLTFjMC4yLTAuOSwwLjItMSwxLjItMWgyLjZjMS4xLDAsMS4xLDAuMiwxLjIsMWwwLjIsMQ0KCQlDMTIuOSw0LjcsMTEuMSw0LjcsOS4zLDQuOHoiLz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTguOSw4LjRjLTAuNCwwLTAuOCwwLjMtMC44LDAuN2wtMC42LDEwLjFjLTAuMSwxLjUtMC4xLDIuMS0yLjIsMi4xSDguOGMtMi4xLDAtMi4xLTAuNi0yLjItMi4xTDUuOSw5LjENCgkJYzAtMC40LTAuNC0wLjctMC44LTAuN1M0LjQsOC44LDQuNCw5LjJsMC43LDEwLjFjMC4xLDEuNiwwLjIsMy41LDMuNywzLjVoNi40YzMuNSwwLDMuNi0xLjksMy43LTMuNWwwLjYtMTAuMQ0KCQlDMTkuNiw4LjgsMTkuMyw4LjQsMTguOSw4LjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)
}

.icon-check {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMy4zLDcuNEwxMC42LDIwQzkuNywyMSw4LjIsMjEsNy4yLDIwbC02LjUtNi41Yy0wLjktMC45LTAuOS0yLjUsMC0zLjRjMC45LTAuOSwyLjUtMC45LDMuNCwwbDQuOCw0LjgNCglsMTEtMTFDMjAuOCwzLDIyLjQsMywyMy4zLDRDMjQuMiw0LjksMjQuMiw2LjQsMjMuMyw3LjR6Ii8+DQo8L3N2Zz4NCg==)
}

.icon-checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwOWI3NmQiIGQ9Ik0yMy4zLDcuNEwxMC42LDIwQzkuNywyMSw4LjIsMjEsNy4yLDIwbC02LjUtNi41Yy0wLjktMC45LTAuOS0yLjUsMC0zLjRjMC45LTAuOSwyLjUtMC45LDMuNCwwbDQuOCw0LjgNCglsMTEtMTFDMjAuOCwzLDIyLjQsMywyMy4zLDRDMjQuMiw0LjksMjQuMiw2LjQsMjMuMyw3LjR6Ii8+DQo8L3N2Zz4NCg==)
}

.icon-download {
    background-image: url(assets/icons/download.svg?v2)
}

.icon-download-app {
    background-image: url(assets/icons/download-app.svg)
}

.icon-send {
    background-image: url(assets/icons/send.svg)
}

.icon-ticket {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMjIsMTAuOGMuNCwwLC44LS4zLjgtLjh2LTFjMC00LjQtMS4zLTUuOC01LjgtNS44SDdjLTQuNCwwLTUuOCwxLjMtNS44LDUuOHYuNWMwLC40LjMuOC44LjgsMSwwLDEuOC44LDEuOCwxLjhzLS44LDEuOC0xLjgsMS44LS44LjMtLjguOHYuNWMwLDQuNCwxLjMsNS44LDUuOCw1LjhoMTBjNC40LDAsNS44LTEuMyw1LjgtNS44cy0uMy0uOC0uOC0uOGMtMSwwLTEuOC0uOC0xLjgtMS44cy44LTEuOCwxLjgtMS44Wk0yMS4yLDE1LjdjMCwzLS45LDMuNi00LjIsMy42aC02LjJ2LTEuNWMwLS4zLS4zLS42LS44LS42cy0uNy4zLS43LjZ2MS41cy0yLjMsMC0yLjMsMGMtMy41LDAtNC4yLS43LTQuMi00LjEsMS40LS4zLDIuNS0xLjYsMi41LTMuMnMtMS4xLTIuOC0yLjUtMy4yYzAtMy40LjctNC4xLDQuMi00LjFoMi4ydjEuNWMwLC4zLjMuNi44LjZzLjctLjMuNy0uNnYtMS41czYuMywwLDYuMywwYzMuNiwwLDQuMi43LDQuMiw0LjJ2LjNjLTEuNC4zLTIuNSwxLjYtMi41LDMuMnMxLjEsMi44LDIuNSwzLjJaIiBmaWxsPSIjZmZmIiBzdHJva2Utd2lkdGg9IjAiLz4KICA8cGF0aCBkPSJNMTAsOS41Yy0uNCwwLS43LjMtLjcuNnYzLjljMCwuMy40LjYuOC42LjQsMCwuNy0uMy43LS42di0zLjljMC0uMy0uNC0uNi0uOC0uNloiIGZpbGw9IiNmZmYiIHN0cm9rZS13aWR0aD0iMCIvPgo8L3N2Zz4=)
}

.icon-award {
    background-image: var(--icon-award)
}

.icon-date {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMTYuOCwyLjh2LS44YzAtLjQtLjMtLjgtLjgtLjhzLS44LjMtLjguOHYuOGgtNi41di0uOGMwLS40LS4zLS44LS44LS44cy0uOC4zLS44Ljh2LjhjLTMuMi4zLTUsMi4zLTUsNS43djguNWMwLDMuNywyLjEsNS44LDUuOCw1LjhoOGMzLjcsMCw1LjgtMi4xLDUuOC01Ljh2LTguNWMwLTMuNC0xLjgtNS40LTUtNS43Wk03LjIsNC4zdi43YzAsLjQuMy44LjguOHMuOC0uMy44LS44di0uOGg2LjV2LjhjMCwuNC4zLjguOC44cy44LS4zLjgtLjh2LS43YzIuMy4yLDMuNCwxLjYsMy41LDRIMy44YzAtMi41LDEuMi0zLjgsMy41LTRaTTE2LDIxLjJoLThjLTIuOSwwLTQuMi0xLjQtNC4yLTQuMnYtNy4yaDE2LjV2Ny4yYzAsMi45LTEuNCw0LjItNC4yLDQuMloiIGZpbGw9IiNmZmYiIHN0cm9rZS13aWR0aD0iMCIvPgo8L3N2Zz4=)
}

.icon-megaphone {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNC44LDE0LjdjLS4yLDAtLjMsMC0uNCwwLS45LDAtMS43LS44LTEuOC0xLjgsMCwwLDAtLjIsMC0uNHYtMi4yYy0uMywwLS41LDAtLjgtLjEtLjUtLjItLjktLjYtMS4xLTEuMS0uMi0uNC0uMi0uNy0uMi0xLjR2LS44YzAtMS4yLDAtMS44LjMtMi40LjMtLjUuNy0uOSwxLjItMS4yLjYtLjMsMS4yLS4zLDIuNC0uM2gyLjNjLjgsMCwyLS40LDMuNC0xLjIuOC0uNCwxLjItLjYsMS42LS42LjQsMCwuNy4yLjkuNS4yLjMuMi44LjIsMS42djYuNWMwLC44LDAsMS4zLS4yLDEuNi0uMi4zLS41LjUtLjkuNS0uNCwwLS44LS4xLTEuNi0uNi0xLjMtLjctMi40LTEuMS0zLjMtMS4ydjIuMmMwLC4yLDAsLjMsMCwuNCwwLC45LS44LDEuNy0xLjgsMS44LDAsMC0uMiwwLS40LDBaTTQuOCwxMy4zYy4xLDAsLjIsMCwuMiwwLC4zLDAsLjYtLjMuNi0uNiwwLDAsMC0uMSwwLS4ydi0yLjhjMC0uNC4zLS43LjYtLjdoLjVjMS4xLDAsMi40LjQsNCwxLjMuNC4yLjcuNC45LjQsMCwwLDAtLjUsMC0uOFYzLjRjMC0uNCwwLS44LDAtLjksMCwwLS40LjMtLjguNS0xLjYuOS0zLDEuMy00LDEuM2gtMi4zYy0xLDAtMS41LDAtMS44LjEtLjMuMS0uNS4zLS42LjYtLjEuMy0uMS44LS4xLDEuOHYuOGMwLC41LDAsLjgsMCwuOSwwLC4yLjIuMy40LjQuMSwwLC40LDAsLjksMHMuNi4zLjYuN3YyLjhjMCwuMSwwLC4yLDAsLjIsMCwuMy4zLjYuNi42LDAsMCwuMSwwLC4yLDBaTTE0LjcsOC42Yy0uNCwwLS43LS4zLS43LS42di0yLjdjMC0uNC4zLS42LjctLjZzLjcuMy43LjZ2Mi43YzAsLjQtLjMuNi0uNy42WiIgZmlsbD0iIzA2OGJkZiIgc3Ryb2tlLXdpZHRoPSIwIi8+Cjwvc3ZnPg==)
}

.icon-calendar {
    background-image: url(assets/icons/calendar.svg)
}

.icon-location {
    background-image: url(assets/icons/location.svg)
}

.icon-subscriber {
    background-image: url(assets/icons/subscriber.svg)
}

.icon-detail {
    background-image: url(assets/icons/detail.svg)
}

.icon-create-code {
    background-image: url(assets/icons/create-code.svg)
}

.icon-share-code {
    background-image: url(assets/icons/share-code.svg)
}

.icon-trade-win {
    background-image: url(assets/icons/trade-win.svg)
}

.icon-opener {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEzLjcgMTMuNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMuNyAxMy43IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJBcnJvdyIgZmlsbD0iIzAwOUM2NSIgZD0iTTEzLjMsMEg5LjVDOS4zLDAsOS4yLDAuMiw5LjIsMC4zYzAsMCwwLDAsMCwwdjAuOGMwLDAuMiwwLjIsMC4zLDAuMywwLjNjMCwwLDAsMCwwLDBsMS43LTAuMQ0KCWwwLDBMNC43LDhjLTAuMSwwLjEtMC4xLDAuMywwLDAuNGMwLDAsMCwwLDAsMGwwLjUsMC41QzUuNCw5LDUuNiw5LDUuNyw4LjljMCwwLDAsMCwwLDBsNi41LTYuNWwwLDBsLTAuMSwxLjcNCgljMCwwLjIsMC4xLDAuMywwLjMsMC4zYzAsMCwwLDAsMCwwaDAuOGMwLjIsMCwwLjMtMC4xLDAuMy0wLjNjMCwwLDAsMCwwLDBWMC4zQzEzLjcsMC4yLDEzLjUsMCwxMy4zLDB6IE0xMS44LDYuOGgtMC40DQoJYy0wLjIsMC0wLjQsMC4yLTAuNCwwLjR2My42YzAsMC4xLTAuMSwwLjEtMC4xLDAuMWgtOGMtMC4xLDAtMC4xLTAuMS0wLjEtMC4xdi04YzAtMC4xLDAuMS0wLjEsMC4xLTAuMWwwLDBoMy42DQoJYzAuMiwwLDAuNC0wLjIsMC40LTAuNFYxLjljMC0wLjItMC4yLTAuNC0wLjQtMC40SDIuOEMyLjIsMS41LDEuNywyLDEuNywyLjZ2OC4yYzAsMC42LDAuNSwxLjEsMS4xLDEuMUgxMWMwLjYsMCwxLjEtMC41LDEuMS0xLjENCglWNy4xQzEyLjIsNi45LDEyLDYuOCwxMS44LDYuOHoiLz4NCjwvc3ZnPg0K)
}

.icon-transfer-now {
    background-image: url(assets/icons/transfer-now.svg)
}

.icon-deposit-now {
    background-image: url(assets/icons/deposit-now.svg)
}

.icon-withdraw-now {
    background-image: url(assets/icons/withdraw-now.svg)
}

.icon-trade-menu {
    background-image: url(assets/icons/trade-menu.svg)
}

.icon-sort-all {
    background-image: url(assets/icons/sort-all.svg)
}

.icon-sort-buy {
    background-image: url(assets/icons/sort-buy.svg)
}

.icon-sort-sell {
    background-image: url(assets/icons/sort-sell.svg)
}

.icon-referral-layers {
    background-image: url(assets/icons/referral-layers.svg)
}

.icon-bank {
    background-image: url(assets/icons/bank.svg)
}

.icon-crypto {
    background-image: url(assets/icons/crypto.svg)
}

.icon-banxa {
    background-image: url(assets/icons/banxa.svg)
}

.icon-graph {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNzg5MEE1IiBkPSJNNy44LDRINy41VjEuOEM3LjUsMS40LDcuMiwxLDYuNywxUzYuMSwxLjQsNi4xLDEuOFY0SDUuOEM0LjEsNCwzLDUsMyw2Ljh2NmMwLDEuNywxLDIuOCwyLjgsMi44SDZ2Ni4yDQoJYzAsMC40LDAuMywwLjgsMC44LDAuOHMwLjgtMC4zLDAuOC0wLjh2LTYuMmgwLjJjMS43LDAsMi44LTEsMi44LTIuOHYtNkMxMC41LDUuMSw5LjUsNCw3LjgsNHogTTkuMSwxMi44YzAsMC45LTAuNCwxLjItMS4yLDEuMmgtMg0KCWMtMC45LDAtMS4yLTAuNC0xLjItMS4ydi02YzAtMC45LDAuNC0xLjIsMS4yLTEuMmgyYzAuOSwwLDEuMiwwLjQsMS4yLDEuMlYxMi44eiIvPg0KPHBhdGggZmlsbD0iIzc4OTBBNSIgZD0iTTE4LjgsOGgtMC4yVjEuOGMwLTAuNC0wLjMtMC44LTAuOC0wLjhzLTAuNywwLjQtMC43LDAuOFY4aC0wLjJjLTEuNywwLTIuOCwxLTIuOCwyLjh2Ng0KCWMwLDEuNywxLDIuOCwyLjgsMi44aDAuMnYyLjJjMCwwLjQsMC4zLDAuOCwwLjgsMC44czAuOC0wLjMsMC44LTAuOHYtMi4yaDAuMmMxLjcsMCwyLjgtMSwyLjgtMi44di02QzIxLjUsOS4xLDIwLjUsOCwxOC44LDh6DQoJIE0yMC4xLDE2LjhjMCwwLjktMC40LDEuMi0xLjIsMS4yaC0yYy0wLjksMC0xLjItMC40LTEuMi0xLjJ2LTZjMC0wLjksMC40LTEuMiwxLjItMS4yaDJjMC45LDAsMS4yLDAuNCwxLjIsMS4yVjE2Ljh6Ii8+DQo8L3N2Zz4NCg==)
}

.icon-history {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTE1LDExLjVIOGMtMC40LDAtMC44LDAuMy0wLjgsMC44UzcuNiwxMyw4LDEzaDdjMC40LDAsMC44LTAuMywwLjgtMC44UzE1LjQsMTEuNSwxNSwxMS41eiIvPg0KCTxwYXRoIGZpbGw9IiMwNjhCREYiIGQ9Ik0xMi40LDE1LjVIOGMtMC40LDAtMC44LDAuMy0wLjgsMC44UzcuNiwxNyw4LDE3aDQuNGMwLjQsMCwwLjgtMC4zLDAuOC0wLjhTMTIuOCwxNS41LDEyLjQsMTUuNXoiLz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTYuNywzLjNjLTAuMy0yLjEtMS44LTIuMS0yLjctMi4xaC00Yy0wLjksMC0yLjQsMC0yLjcsMi4xYy0zLjYsMC40LTUsMi40LTUsNi43djZjMCw0LjIsMS4xLDYuOCw2LjgsNi44DQoJCWg2YzUuNiwwLDYuOC0yLjYsNi44LTYuOHYtNkMyMS44LDUuNywyMC4zLDMuNywxNi43LDMuM3ogTTEwLDIuOGg0YzEsMCwxLjIsMCwxLjIsMS4yYzAsMSwwLDEuMi0xLjIsMS4yaC00Yy0xLDAtMS4yLDAtMS4yLTEuMg0KCQlTOSwyLjgsMTAsMi44eiBNMjAuMiwxNmMwLDMuNy0wLjcsNS4yLTUuMiw1LjJIOWMtNC41LDAtNS4yLTEuNS01LjItNS4ydi02YzAtMy44LDEuMi00LjksMy42LTUuMkM3LjYsNi43LDkuMSw2LjgsMTAsNi44aDQNCgkJYzIuMSwwLDIuNi0xLDIuNy0xLjljMi4zLDAuMywzLjUsMS4zLDMuNSw1LjJWMTZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)
}

.icon-chart {
    background-image: url(assets/icons/chart.svg)
}

.icon-star {
    background-image: url(assets/icons/favorite-active.svg)
}

.icon-favorite {
    background-image: url(assets/icons/favorite-passive.svg)
}

.icon-favorite.active {
    background-image: url(assets/icons/favorite-active.svg);
    filter: none!important
}

.icon-plus {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMjguMywxNC4ySDE3LjhWMy43YzAtMS0wLjgtMS44LTEuOC0xLjhzLTEuOCwwLjgtMS44LDEuOHYxMC41SDMuN2MtMSwwLTEuOCwwLjgtMS44LDEuOHMwLjgsMS44LDEuOCwxLjgNCgloMTAuNXYxMC41YzAsMSwwLjgsMS44LDEuOCwxLjhzMS44LTAuOCwxLjgtMS44VjE3LjhoMTAuNWMxLDAsMS44LTAuOCwxLjgtMS44UzI5LjMsMTQuMiwyOC4zLDE0LjJ6Ii8+DQo8L3N2Zz4NCg==)
}

.icon-minus {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMzAuMSwxNkwzMC4xLDE2YzAsMS0wLjgsMS44LTEuOCwxLjhIMy43Yy0xLDAtMS44LTAuOC0xLjgtMS44djBjMC0xLDAuOC0xLjgsMS44LTEuOGgyNC42DQoJQzI5LjMsMTQuMiwzMC4xLDE1LDMwLjEsMTZ6Ii8+DQo8L3N2Zz4NCg==)
}

.icon-account-logout {
    background-image: url(assets/icons/account-logout.svg)
}

.icon-filter {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTAuOSwyMi42Yy0wLjUsMC0xLTAuMS0xLjQtMC40Yy0wLjktMC41LTEuNC0xLjQtMS40LTIuNHYtNS4zYzAtMC41LTAuMy0xLjItMC42LTEuNkwzLjgsOQ0KCUMzLjEsOC40LDIuNiw3LjMsMi42LDYuNVY0LjJjMC0xLjYsMS4yLTIuOSwyLjgtMi45aDEzLjJjMS41LDAsMi44LDEuMiwyLjgsMi44djIuMmMwLDEtMC42LDIuMi0xLjIsMi44TDE1LjgsMTMNCgljLTAuNCwwLjQtMC43LDEuMS0wLjcsMS43VjE5YzAsMC45LTAuNiwxLjktMS4zLDIuM2wtMS40LDAuOUMxMiwyMi41LDExLjQsMjIuNiwxMC45LDIyLjZ6IE01LjQsMi45Yy0wLjcsMC0xLjIsMC42LTEuMiwxLjR2Mi4zDQoJYzAsMC40LDAuMywxLjEsMC43LDEuNWwzLjgsNGMwLjUsMC42LDEsMS43LDEsMi42djUuM2MwLDAuNiwwLjQsMSwwLjYsMS4xYzAuNCwwLjIsMC45LDAuMiwxLjMsMGwxLjQtMC45YzAuMy0wLjIsMC42LTAuNywwLjYtMS4xDQoJdi00LjNjMC0xLjEsMC41LTIuMywxLjMtMi45TDE5LjEsOGMwLjMtMC4zLDAuNy0xLjIsMC43LTEuN1Y0LjFjMC0wLjctMC42LTEuMi0xLjItMS4ySDUuNHoiLz4NCjwvc3ZnPg0K)
}

.icon-close {
    background-image: url(assets/icons/close.svg)
}

.icon-reset {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNMjguNSwyNmwtMTAtMTBsMTAtMTBjMC43LTAuNywwLjctMS44LDAtMi41Yy0wLjctMC43LTEuOC0wLjctMi41LDBsLTEwLDEwTDYsMy41Yy0wLjctMC43LTEuOC0wLjctMi41LDANCglDMi44LDQuMiwyLjgsNS4zLDMuNSw2bDEwLDEwbC0xMCwxMGMtMC43LDAuNy0wLjcsMS44LDAsMi41YzAuNywwLjcsMS44LDAuNywyLjUsMGwxMC0xMGwxMCwxMGMwLjcsMC43LDEuOCwwLjcsMi41LDANCglDMjkuMiwyNy44LDI5LjIsMjYuNywyOC41LDI2eiIvPg0KPC9zdmc+DQo=)
}

.icon-change {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEyIDEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMiAxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNNC4yLDAuMWMtMC40LDAtMC44LDAuMy0wLjgsMC44djguNUwxLjcsNy42Yy0wLjMtMC4zLTAuOC0wLjMtMS4xLDBzLTAuMywwLjgsMCwxLjFsMywzDQoJYzAuMSwwLjEsMC4yLDAuMSwwLjIsMC4yczAuMiwwLjEsMC4zLDAuMXMwLjIsMCwwLjMtMC4xYzAuMi0wLjEsMC4zLTAuMiwwLjQtMC40YzAtMC4xLDAuMS0wLjIsMC4xLTAuM1YwLjkNCglDNC45LDAuNCw0LjYsMC4xLDQuMiwwLjF6Ii8+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTEuNCwzLjRsLTMtM0M4LjMsMC4zLDguMiwwLjIsOC4xLDAuMmMtMC4yLTAuMS0wLjQtMC4xLTAuNiwwQzcuNCwwLjIsNy4yLDAuNCw3LjEsMC42DQoJYzAsMC4xLTAuMSwwLjItMC4xLDAuM3YxMC4zYzAsMC40LDAuMywwLjgsMC44LDAuOHMwLjctMC4zLDAuNy0wLjhWMi43bDEuOCwxLjhjMC4xLDAuMiwwLjMsMC4yLDAuNSwwLjJjMC4yLDAsMC40LTAuMSwwLjUtMC4yDQoJQzExLjcsNC4xLDExLjcsMy43LDExLjQsMy40eiIvPg0KPC9zdmc+DQo=)
}

.icon-toggle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMjkuNSwxMi40YzAuMy0wLjYsMC4xLTEuNC0wLjQtMS45TDIwLjYsMmwtMi40LDIuNGw1LjYsNS42SDIuM3YzLjRIMjhDMjguNywxMy41LDI5LjMsMTMsMjkuNSwxMi40eiIvPg0KCTxwYXRoIGZpbGw9IiMwNjhCREYiIGQ9Ik0yLjUsMTkuNmMtMC4zLDAuNi0wLjEsMS40LDAuNCwxLjlsOC41LDguNWwyLjQtMi40TDguMiwyMmgyMS41di0zLjRINEMzLjMsMTguNSwyLjcsMTksMi41LDE5LjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)
}

.icon-summary {
    background-image: url(assets/icons/summary.svg)
}

.icon-phone-number {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNMjEuNywxNi4zbC0zLjMtMi40Yy0wLjMtMC4yLTAuNi0wLjQtMC44LTAuNWMtMC43LTAuMy0xLjQtMC4yLTIsMC4xYy0wLjMsMC4yLTAuNiwwLjQtMC45LDAuN0wxNCwxNWwwLDANCgkJYy0wLjItMC4xLTAuNi0wLjMtMS4yLTAuOGMtMC41LTAuNC0wLjktMC44LTEuNS0xLjRjLTAuNS0wLjUtMC45LTEtMS40LTEuNUM5LjQsMTAuNiw5LjIsMTAuMyw5LDEwYzAsMCwwLDAsMC0wLjFsMC43LTAuNw0KCQlDMTAsOSwxMC4yLDguNywxMC40LDguNGMwLjItMC4zLDAuMy0wLjcsMC4zLTEuMWMwLTAuMy0wLjEtMC42LTAuMi0wLjljLTAuMS0wLjMtMC4zLTAuNi0wLjUtMC45TDcuNywyLjNDNy40LDIsNy4xLDEuNyw2LjcsMS41DQoJCUM2LjQsMS4zLDYsMS4yLDUuNiwxLjJjLTEsMC0xLjgsMC40LTIuNiwxLjFDMi40LDMsMS45LDMuNiwxLjcsNC4zQzEuNCw1LDEuMiw1LjgsMS4yLDYuNWMwLDEuMSwwLjMsMi4zLDAuOCwzLjYNCgkJYzAuNSwxLjIsMS4yLDIuNCwyLDMuNkM0LjksMTQuOCw1LjksMTYsNi45LDE3YzEuMSwxLDIuMiwyLDMuNCwyLjljMS4yLDAuOSwyLjQsMS42LDMuNiwyLjFjMS4yLDAuNSwyLjQsMC44LDMuNiwwLjgNCgkJYzAuOCwwLDEuNS0wLjEsMi4yLTAuNGMwLjctMC4zLDEuMy0wLjcsMS45LTEuNGMwLjMtMC40LDAuNi0wLjgsMC44LTEuMmMwLjItMC41LDAuMy0wLjksMC4zLTEuNGMwLTAuNC0wLjEtMC43LTAuMi0xLjENCgkJQzIyLjMsMTYuOSwyMi4xLDE2LjYsMjEuNywxNi4zeiBNMjEsMTkuMWMtMC4xLDAuMy0wLjMsMC42LTAuNiwwLjhjLTAuNCwwLjUtMC45LDAuOC0xLjQsMWMtMS4zLDAuNS0yLjksMC40LTQuNi0wLjMNCgkJYy0xLjEtMC41LTIuMi0xLjEtMy4zLTEuOUMxMC4xLDE3LjksOSwxNyw4LDE2Yy0xLTEtMS45LTIuMS0yLjctMy4yYy0wLjgtMS4xLTEuNC0yLjItMS45LTMuM2MtMC40LTEtMC43LTItMC43LTMNCgkJYzAtMC42LDAuMS0xLjEsMC4zLTEuN2MwLjItMC41LDAuNS0xLDEtMS40QzQuNSwzLDUsMi44LDUuNiwyLjhjMC4yLDAsMC4zLDAsMC41LDAuMUM2LjIsMi45LDYuNCwzLDYuNSwzLjJsMi4zLDMuMw0KCQlDOC45LDYuNiw5LDYuOCw5LjEsN2MwLjEsMC4yLDAuMSwwLjMsMC4xLDAuM2MwLDAuMSwwLDAuMi0wLjEsMC4zQzksNy44LDguOCw4LDguNiw4LjJMNy45LDlDNy42LDkuMiw3LjUsOS42LDcuNSw5LjkNCgkJYzAsMC4xLDAsMC4zLDAuMSwwLjVsMC4xLDAuM2MwLjIsMC40LDAuNSwwLjksMSwxLjRjMC41LDAuNiwxLDEuMSwxLjUsMS42YzAuNiwwLjYsMS4xLDEuMSwxLjYsMS41YzAuNSwwLjUsMSwwLjgsMS40LDFsMC4zLDAuMQ0KCQljMC41LDAuMiwxLjEsMC4xLDEuNC0wLjNsMC44LTAuOGMwLjItMC4yLDAuNC0wLjMsMC42LTAuNGMwLjMtMC4yLDAuNC0wLjEsMC42LDBjMC4yLDAuMSwwLjMsMC4yLDAuNSwwLjNsMy4zLDIuNA0KCQljMC4yLDAuMSwwLjMsMC4yLDAuMywwLjNjMC4xLDAuMiwwLjEsMC4zLDAuMSwwLjVDMjEuMiwxOC42LDIxLjIsMTguOCwyMSwxOS4xeiIvPg0KCTxwYXRoIGZpbGw9IiMwNjhiZGYiIGQ9Ik0xNSw2LjJjMC41LDAsMS4yLDAuNCwxLjgsMWMwLjcsMC43LDEsMS41LDEsMS44YzAsMC40LDAuMywwLjgsMC44LDAuOHMwLjgtMC4zLDAuOC0wLjgNCgkJYzAtMC44LTAuNS0xLjktMS40LTIuOEMxNyw1LjMsMTYsNC44LDE1LDQuOGMtMC40LDAtMC44LDAuMy0wLjgsMC44UzE0LjYsNi4yLDE1LDYuMnoiLz4NCgk8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNMTUsMi44YzMuNCwwLDYuMiwyLjgsNi4yLDYuMmMwLDAuNCwwLjMsMC44LDAuOCwwLjhzMC44LTAuMywwLjgtMC44YzAtNC4zLTMuNS03LjgtNy44LTcuOA0KCQljLTAuNCwwLTAuOCwwLjMtMC44LDAuOFMxNC42LDIuOCwxNSwyLjh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)
}

.icon-mail-address {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNMTcsMi44SDdjLTMuNywwLTUuOCwyLjEtNS44LDUuOHY3YzAsMy43LDIuMSw1LjgsNS44LDUuOGgxMGMzLjcsMCw1LjgtMi4xLDUuOC01Ljh2LTcNCgkJQzIyLjgsNC44LDIwLjcsMi44LDE3LDIuOHogTTIxLjIsMTUuNWMwLDIuOS0xLjQsNC4yLTQuMiw0LjJIN2MtMi45LDAtNC4yLTEuNC00LjItNC4ydi03YzAtMi45LDEuNC00LjIsNC4yLTQuMmgxMA0KCQljMi45LDAsNC4yLDEuNCw0LjIsNC4yVjE1LjV6Ii8+DQoJPHBhdGggZmlsbD0iIzA2OGJkZiIgZD0iTTE2LjUsOC40bC0zLjEsMi41Yy0wLjgsMC42LTIuMSwwLjYtMi44LDBMNy41LDguNEM3LjEsOC4yLDYuNyw4LjIsNi40LDguNUM2LjIsOC45LDYuMiw5LjMsNi41LDkuNg0KCQlsMy4xLDIuNWMwLjcsMC41LDEuNSwwLjgsMi4zLDAuOHMxLjctMC4zLDIuMy0wLjhsMy4xLTIuNWMwLjMtMC4zLDAuNC0wLjcsMC4xLTEuMUMxNy4zLDguMiwxNi45LDguMiwxNi41LDguNHoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon-market-maker {
    background-image: url(assets/icons/market-maker.svg)
}

.icon-market-taker {
    background-image: url(assets/icons/market-taker.svg)
}

.icon-security-step {
    background-image: url(assets/icons/security-step.svg)
}

.icon-fast-transaction {
    background-image: url(assets/icons/fast-transaction.svg)
}

.icon-support-consultancy {
    background-image: url(assets/icons/support-consultancy.svg)
}

.icon-competitive-price {
    background-image: url(assets/icons/competitive-price.svg)
}

.icon-price-guarantee {
    background-image: url(assets/icons/price-guarantee.svg)
}

.icon-transaction-privacy {
    background-image: url(assets/icons/transaction-privacy.svg)
}

.icon-wide-transaction {
    background-image: url(assets/icons/wide-transaction.svg)
}

.icon-compatibility-security {
    background-image: url(assets/icons/compatibility-security.svg)
}

.icon-high-limit-transactions {
    background-image: url(assets/icons/high-limit-transactions.svg)
}

.icon-otc-register {
    background-image: url(assets/icons/otc-register.webp)
}

.icon-otc-apply {
    background-image: url(assets/icons/otc-apply.webp)
}

.icon-otc-clarify {
    background-image: url(assets/icons/otc-clarify.webp)
}

.icon-otc-complete {
    background-image: url(assets/icons/otc-complete.webp)
}

.icon-token-buy {
    background-image: url(assets/icons/token-buy.webp)
}

.icon-token-keep-wallet {
    background-image: url(assets/icons/token-keep-wallet.webp)
}

.icon-token-fee-discount {
    background-image: url(assets/icons/token-fee-discount.webp)
}

.icon-deposit-try {
    background-image: url(assets/icons/deposit-try.webp)
}

.icon-complete-statement {
    background-image: url(assets/icons/complete-statement.webp)
}

.icon-start-transactions {
    background-image: url(assets/icons/start-transactions.webp)
}

.icon-converter {
    background-image: url(assets/icons/converter.svg)
}

.icon-easy-trade {
    background-image: url(assets/icons/easy-trade.svg)
}

.icon-pro-trade {
    background-image: url(assets/icons/pro-trade.svg?v2)
}

.icon-crypto-basket {
    background-image: url(assets/icons/crypto-basket.svg)
}

.icon-staking {
    background-image: url(assets/icons/staking.svg)
}

.icon-liquidity {
    background-image: url(assets/icons/liquidity.svg)
}

.icon-safe-hodl {
    background-image: url(assets/icons/safe-hodl.svg)
}

.icon-cryptocurrencies {
    background-image: url(assets/icons/cryptocurrencies.svg)
}

.icon-blockchain {
    background-image: url(assets/icons/blockchain.svg)
}

.icon-terms {
    background-image: url(assets/icons/terms.svg)
}

.icon-membership {
    background-image: url(assets/icons/membership.svg)
}

.icon-dashboard {
    background-image: url(assets/icons/dashboard.svg)
}

.icon-danger-circle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDI0QzUuMzcyNCAyNCAwIDE4LjYyNzYgMCAxMkMwIDUuMzcyNCA1LjM3MjQgMCAxMiAwQzE4LjYyNzYgMCAyNCA1LjM3MjQgMjQgMTJDMjQgMTguNjI3NiAxOC42Mjc2IDI0IDEyIDI0Wk0xMS44IDE1LjZDMTEuMjQ3NyAxNS42IDEwLjggMTYuMDQ3NyAxMC44IDE2LjZWMTdDMTAuOCAxNy41NTIzIDExLjI0NzcgMTggMTEuOCAxOEgxMi4yQzEyLjc1MjMgMTggMTMuMiAxNy41NTIzIDEzLjIgMTdWMTYuNkMxMy4yIDE2LjA0NzcgMTIuNzUyMyAxNS42IDEyLjIgMTUuNkgxMS44Wk0xMS44IDZDMTEuMjQ3NyA2IDEwLjggNi40NDc3MiAxMC44IDdWMTIuMkMxMC44IDEyLjc1MjMgMTEuMjQ3NyAxMy4yIDExLjggMTMuMkgxMi4yQzEyLjc1MjMgMTMuMiAxMy4yIDEyLjc1MjMgMTMuMiAxMi4yVjdDMTMuMiA2LjQ0NzcyIDEyLjc1MjMgNiAxMi4yIDZIMTEuOFoiIGZpbGw9IiNFMTNCNEEiLz4KPC9zdmc+Cg==)
}

.icon-transfer {
    background-image: url(assets/icons/transfer.svg)
}

.icon-deposit {
    background-image: url(assets/icons/deposit.svg)
}

.icon-order {
    background-image: url(assets/icons/order.svg)
}

.icon-security {
    background-image: url(assets/icons/security.svg)
}

.icon-referral {
    background-image: url(assets/icons/referral.svg)
}

.icon-pnl-analysis {
    background-image: url(assets/icons/pnl-analysis.svg)
}

.icon-bars {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNOCwyMC41SDd2LTJINHYtMWgzdi0xM2gxdjRoM3YxSDhWMjAuNXogTTE3LDE5LjVoLTF2LTEyaC0zdi0xaDN2LTNoMXYxMGgzdjFoLTNWMTkuNXoiLz4NCjwvc3ZnPg==)
}

.icon-candles {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNMTgsOGgtMS41VjVoLTF2M0gxNGMtMC4zLDAtMC41LDAuMi0wLjUsMC41djdjMCwwLjMsMC4yLDAuNSwwLjUsMC41aDEuNXYzaDF2LTNIMThjMC4zLDAsMC41LTAuMiwwLjUtMC41di03QzE4LjUsOC4yLDE4LjMsOCwxOCw4eiBNMTcuNSwxNWgtM1Y5aDNWMTV6Ii8+DQo8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNMTAsNUg4LjVWMmgtMXYzSDZDNS43LDUsNS41LDUuMiw1LjUsNS41djEzQzUuNSwxOC44LDUuNywxOSw2LDE5aDEuNXYzaDF2LTNIMTBjMC4zLDAsMC41LTAuMiwwLjUtMC41di0xM0MxMC41LDUuMiwxMC4zLDUsMTAsNXogTTkuNSwxOGgtM1Y2aDNWMTh6Ii8+DQo8L3N2Zz4=)
}

.icon-line {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNOS43LDE2LjFsNS4yLTQuN2gzbDQuMS00LjdsLTAuNy0wLjdsLTMuOSw0LjNoLTNsLTQuOCw0LjNsLTMtM2wtNC40LDQuNEwzLDE2LjhsMy42LTMuNkw5LjcsMTYuMXoiLz4NCjwvc3ZnPg0K)
}

.icon-area {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cG9seWdvbiBmaWxsPSIjMDY4QkRGIiBwb2ludHM9IjcsMTEuOSAxMCwxNC45IDE2LjIsOC43IDE4LjIsOC43IDIxLjksNSAyMS4xLDQuMyAxNy44LDcuNyAxNS44LDcuNyAxMCwxMy41IDcsMTAuNSAyLjEsMTUuMyANCgkJMi45LDE2IAkiLz4NCgk8cmVjdCB4PSI2LjUiIHk9IjE1LjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSI3LjUiIHk9IjE0LjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxOS41IiB5PSIxMC43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iOC41IiB5PSIxNS43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNi41IiB5PSIxMy43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMy41IiB5PSIxNi43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNS41IiB5PSIxNC43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNC41IiB5PSIxNS43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTIuNSIgeT0iMTMuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjE5LjUiIHk9IjguNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjUuNSIgeT0iMTYuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjIwLjUiIHk9IjcuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjE0LjUiIHk9IjE3LjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxNi41IiB5PSIxNy43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMjAuNSIgeT0iMTcuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjE4LjUiIHk9IjE3LjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIyMC41IiB5PSIxNS43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMjAuNSIgeT0iMTMuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjIwLjUiIHk9IjkuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjIwLjUiIHk9IjExLjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxMC41IiB5PSIxNy43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iOC41IiB5PSIxNy43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNi41IiB5PSIxNy43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNC41IiB5PSIxNy43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTIuNSIgeT0iMTcuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjcuNSIgeT0iMTYuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjIuNSIgeT0iMTcuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjEyLjUiIHk9IjE1LjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxOS41IiB5PSIxNi43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTcuNSIgeT0iMTYuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjExLjUiIHk9IjE2LjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxNC41IiB5PSIxNS43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTguNSIgeT0iMTUuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjEzLjUiIHk9IjE0LjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxNC41IiB5PSIxMS43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTYuNSIgeT0iMTUuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjE1LjUiIHk9IjE2LjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxMy41IiB5PSIxNi43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTcuNSIgeT0iMTAuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjE4LjUiIHk9IjExLjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxNi41IiB5PSIxMS43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTguNSIgeT0iMTMuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjkuNSIgeT0iMTYuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjExLjUiIHk9IjE0LjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxNS41IiB5PSIxNC43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTguNSIgeT0iOS43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTAuNSIgeT0iMTUuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjE1LjUiIHk9IjEwLjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxNi41IiB5PSIxMy43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTcuNSIgeT0iMTQuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjE5LjUiIHk9IjE0LjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxOS41IiB5PSIxMi43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTUuNSIgeT0iMTIuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjE3LjUiIHk9IjEyLjciIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxMy41IiB5PSIxMi43IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTQuNSIgeT0iMTMuNyIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KPC9nPg0KPC9zdmc+DQo=)
}

.icon-heikin-ashi {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTAsNy41SDguNXYtM2gtMXYzSDZDNS43LDcuNSw1LjUsNy43LDUuNSw4djEzbDAsMGMwLDAuMywwLjIsMC41LDAuNSwwLjVoNGwwLDBjMC4zLDAsMC41LTAuMiwwLjUtMC41VjgNCgkJQzEwLjUsNy43LDEwLjMsNy41LDEwLDcuNXogTTkuNSwyMC41aC0zdi0xMmgzVjIwLjV6Ii8+DQoJPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTE4LDUuNWgtMS41di0zaC0xdjNIMTRjLTAuMywwLTAuNSwwLjItMC41LDAuNXY3YzAsMC4zLDAuMiwwLjUsMC41LDAuNWg0YzAuMywwLDAuNS0wLjIsMC41LTAuNVY2DQoJCUMxOC41LDUuNywxOC4zLDUuNSwxOCw1LjV6IE0xNy41LDEyLjVoLTN2LTZoM1YxMi41eiIvPg0KPC9nPg0KPC9zdmc+DQo=)
}

.icon-hallow-candles {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTgsOC41aC0xLjV2LTNoLTF2M0gxNGMtMC4zLDAtMC41LDAuMi0wLjUsMC41djdjMCwwLjMsMC4yLDAuNSwwLjUsMC41aDEuNXYzaDF2LTNIMTgNCgkJYzAuMywwLDAuNS0wLjIsMC41LTAuNVY5QzE4LjUsOC43LDE4LjMsOC41LDE4LDguNXogTTE3LjUsMTUuNWgtM3YtNmgzVjE1LjV6Ii8+DQoJPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTEwLDUuNUg4LjV2LTNoLTF2M0g2QzUuNyw1LjUsNS41LDUuNyw1LjUsNnYxMmMwLDAuMywwLjIsMC41LDAuNSwwLjVoMS41djNoMXYtM0gxMA0KCQljMC4zLDAsMC41LTAuMiwwLjUtMC41VjZDMTAuNSw1LjcsMTAuMyw1LjUsMTAsNS41eiBNOC41LDE3LjV2LTFoLTF2MWgtMXYtMWgxdi0xaC0xdi0xaDF2LTFoLTF2LTFoMXYtMWgtMXYtMWgxdi0xaC0xdi0xaDF2LTFoLTENCgkJdi0xaDF2MWgxdi0xaDF2MWgtMXYxaDF2MWgtMXYxaDF2MWgtMXYxaDF2MWgtMXYxaDF2MWgtMXYxaDF2MUg4LjV6Ii8+DQoJPHJlY3QgeD0iNy41IiB5PSIxNC41IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNy41IiB5PSIxMC41IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNy41IiB5PSIxMi41IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iNy41IiB5PSI4LjUiIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon-baseline {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB4PSI3LjUiIHk9IjEyLjUiIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSI1LjUiIHk9IjEyLjUiIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSI5LjUiIHk9IjEyLjUiIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIzLjUiIHk9IjEyLjUiIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxNS41IiB5PSIxMi41IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMTEuNSIgeT0iMTIuNSIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjE3LjUiIHk9IjEyLjUiIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cmVjdCB4PSIxOS41IiB5PSIxMi41IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMS41IiB5PSIxMi41IiBmaWxsPSIjMDY4QkRGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+DQoJPHJlY3QgeD0iMjEuNSIgeT0iMTIuNSIgZmlsbD0iIzA2OEJERiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPg0KCTxyZWN0IHg9IjEzLjUiIHk9IjEyLjUiIGZpbGw9IiMwNjhCREYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTAuNCw0LjhjLTAuMi0wLjMtMC43LTAuMy0wLjksMEw4LDcuOUw3LjQsNi44Yy0wLjItMC4zLTAuNy0wLjMtMC45LDBsLTIsNGMtMC4xLDAuMiwwLDAuNSwwLjIsMC43DQoJCWMwLjIsMC4xLDAuNSwwLDAuNy0wLjJMNyw4LjFsMC42LDEuMWMwLjIsMC4zLDAuNywwLjMsMC45LDBMMTAsNi4xbDIuNiw1LjFjMC4xLDAuMiwwLjMsMC4zLDAuNCwwLjNjMC4xLDAsMC4yLDAsMC4yLTAuMQ0KCQljMC4yLTAuMSwwLjMtMC40LDAuMi0wLjdMMTAuNCw0Ljh6Ii8+DQoJPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTMuMiwxNC41Yy0wLjItMC4xLTAuNSwwLTAuNywwLjJsLTEsMmMtMC4xLDAuMiwwLDAuNSwwLjIsMC43YzAuMSwwLDAuMSwwLjEsMC4yLDAuMQ0KCQljMC4yLDAsMC40LTAuMSwwLjQtMC4zbDEtMkMzLjYsMTUsMy41LDE0LjcsMy4yLDE0LjV6Ii8+DQoJPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTIyLjUsOWMwLTAuMi0wLjEtMC40LTAuMy0wLjRjLTAuMi0wLjEtMC41LDAtMC43LDAuMmwtMSwyYzAsMC4xLTAuMSwwLjEtMC4xLDAuMmMwLDAuMiwwLjEsMC40LDAuMywwLjQNCgkJYzAuMSwwLDAuMSwwLjEsMC4yLDAuMWMwLjIsMCwwLjQtMC4xLDAuNC0wLjNsMS0yQzIyLjUsOS4xLDIyLjUsOS4xLDIyLjUsOXoiLz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTkuMiwxNC41Yy0wLjItMC4xLTAuNSwwLTAuNywwLjJMMTcsMTcuOWwtMS42LTMuMWMtMC4xLTAuMi0wLjQtMC4zLTAuNy0wLjJjLTAuMiwwLjEtMC4zLDAuNC0wLjIsMC43DQoJCWwyLDRjMC4xLDAuMiwwLjMsMC4zLDAuNCwwLjNzMC40LTAuMSwwLjQtMC4zbDItNEMxOS42LDE1LDE5LjUsMTQuNywxOS4yLDE0LjV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)
}

.icon-indicators {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNzg5MEE1IiBkPSJNMjIsMjEuMmgtMC4yVjE1YzAtMS43LTAuOS0yLjgtMi4zLTIuOGgtMC44Yy0xLjUsMC0yLjMsMS0yLjMsMi44djYuMkgxNVY0YzAtMS43LTEtMi44LTIuNS0yLjhoLTAuOQ0KCUMxMCwxLjIsOSwyLjMsOSw0djE3LjJINy44VjEwYzAtMS43LTAuOS0yLjgtMi40LTIuOEg0LjZjLTEuNSwwLTIuNCwxLTIuNCwyLjh2MTEuMkgyYy0wLjQsMC0wLjgsMC4zLTAuOCwwLjhzMC4zLDAuOCwwLjgsMC44aDFoNA0KCWgyLjhoNC41SDE3aDRoMWMwLjQsMCwwLjgtMC4zLDAuOC0wLjhTMjIuNCwyMS4yLDIyLDIxLjJ6IE0zLjgsMjEuMlYxMGMwLTEuMiwwLjYtMS4yLDAuOS0xLjJoMC44YzAuMywwLDAuOSwwLDAuOSwxLjJ2MTEuMkgzLjh6DQoJIE0xMC41LDIxLjJWNGMwLTEuMiwwLjUtMS4yLDEtMS4yaDAuOWMwLjUsMCwxLDAuMSwxLDEuMnYxNy4ySDEwLjV6IE0xNy44LDIxLjJWMTVjMC0xLjIsMC42LTEuMiwwLjgtMS4yaDAuOGMwLjMsMCwwLjgsMCwwLjgsMS4yDQoJdjYuMkgxNy44eiIvPg0KPC9zdmc+DQo=)
}

.icon-camera {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNzg5MEE1IiBkPSJNMTcuMiwyMi44SDYuOGMtMi44LDAtNC42LTEuNy00LjctNC41TDEuNSwxMEMxLjQsOC44LDEuOCw3LjYsMi43LDYuN2MwLjgtMC45LDItMS40LDMuMy0xLjQNCgljMC4zLDAsMC42LTAuMiwwLjgtMC41bDAuNy0xLjRjMC42LTEuMiwyLjEtMi4xLDMuNC0yLjFoMi4zYzEuMywwLDIuOCwwLjksMy4zLDIuMWwwLjcsMS41YzAuMSwwLjMsMC41LDAuNSwwLjgsMC41DQoJYzEuMiwwLDIuNCwwLjUsMy4zLDEuNGMwLjksMC45LDEuMywyLjEsMS4yLDMuNEwyMiwxOC4zQzIxLjgsMjEuMSwyMC4xLDIyLjgsMTcuMiwyMi44eiBNMTAuOSwyLjhjLTAuNywwLTEuNywwLjYtMiwxLjJMOC4xLDUuNA0KCUM3LjcsNi4zLDYuOSw2LjgsNiw2LjhjLTAuOCwwLTEuNiwwLjMtMi4yLDFDMy4yLDguMywyLjksOS4xLDMsOS45bDAuNSw4LjNjMC4xLDIsMS4yLDMsMy4yLDNoMTAuNWMyLDAsMy4xLTEsMy4yLTNMMjEsOS45DQoJYzAuMS0wLjgtMC4yLTEuNi0wLjgtMi4yYy0wLjYtMC42LTEuNC0xLTIuMi0xYy0wLjksMC0xLjctMC41LTIuMS0xLjNMMTUuMiw0Yy0wLjMtMC43LTEuMy0xLjItMi0xLjJIMTAuOXoiLz4NCjxwYXRoIGZpbGw9IiM3ODkwQTUiIGQ9Ik0xMy41LDguOGgtM2MtMC40LDAtMC44LTAuMy0wLjgtMC44czAuMy0wLjgsMC44LTAuOGgzYzAuNCwwLDAuOCwwLjMsMC44LDAuOFMxMy45LDguOCwxMy41LDguOHoiLz4NCjxwYXRoIGZpbGw9IiM3ODkwQTUiIGQ9Ik0xMiwxOC44Yy0yLjIsMC00LTEuOC00LTRzMS44LTQsNC00YzIuMiwwLDQsMS44LDQsNFMxNC4yLDE4LjgsMTIsMTguOHogTTEyLDEyLjJjLTEuNCwwLTIuNSwxLjEtMi41LDIuNQ0KCXMxLjEsMi41LDIuNSwyLjVjMS40LDAsMi41LTEuMSwyLjUtMi41UzEzLjQsMTIuMiwxMiwxMi4yeiIvPg0KPC9zdmc+DQo=)
}

.icon-full-screen {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNzg5MEE1IiBkPSJNMTAsMTIuOGwtNS4zLDUuM3YtMy44YzAtMC40LTAuMy0wLjktMC45LTAuOXMtMC44LDAuNS0wLjgsMC45djUuOWMwLDAuNiwwLjMsMC45LDAuOCwwLjloNS45DQoJYzAuNCwwLDAuOS0wLjMsMC45LTAuOWMwLTAuNS0wLjMtMC45LTAuOS0wLjlINmw1LjMtNS4zYzAuMy0wLjMsMC4zLTAuOCwwLTEuMUMxMC45LDEyLjYsMTAuMywxMi40LDEwLDEyLjh6Ii8+DQo8cGF0aCBmaWxsPSIjNzg5MEE1IiBkPSJNMjAuMiwzaC01LjljLTAuNCwwLTAuOSwwLjMtMC45LDAuOXMwLjMsMC45LDAuOSwwLjlIMThsLTUuMyw1LjNjLTAuMSwwLjEtMC4yLDAuMy0wLjIsMC42DQoJYzAsMC40LDAuMywwLjgsMC45LDAuOGMwLjIsMCwwLjQtMC4xLDAuNi0wLjJsNS4zLTUuM3YzLjhjMCwwLjQsMC4zLDAuOSwwLjksMC45YzAuNCwwLDAuOS0wLjMsMC45LTAuOVYzLjlDMjAuOSwzLjMsMjAuNiwzLDIwLjIsMw0KCXoiLz4NCjwvc3ZnPg0K)
}

.icon-withdraw {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBvcGFjaXR5PSIwLjIiIGZpbGw9IiMwNjhCREYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTYuOCw5SDcuMkM0LDksMiwxMSwyLDE0LjJ2Mi42QzIsMjAsNCwyMiw3LjIsMjJoOS42DQoJYzMuMiwwLDUuMi0yLDUuMi01LjJ2LTIuNkMyMiwxMSwyMCw5LDE2LjgsOXoiLz4NCjxwYXRoIGZpbGw9IiMwNjhCREYiIGQ9Ik0xNS45LDUuNmwtMy4zLTMuNGMtMC4zLTAuMy0wLjgtMC4zLTEuMSwwTDguMSw1LjZjLTAuMywwLjMtMC4zLDAuOCwwLDEuMWMwLjMsMC4zLDAuOCwwLjMsMS4xLDBsMi4xLTIuMQ0KCXYxMC43YzAsMC40LDAuMywwLjgsMC44LDAuOHMwLjgtMC4zLDAuOC0wLjhWNC42bDIuMSwyLjFjMC4xLDAuMiwwLjMsMC4yLDAuNSwwLjJjMC4yLDAsMC40LTAuMSwwLjUtMC4yDQoJQzE2LjIsNi4zLDE2LjIsNS45LDE1LjksNS42eiIvPg0KPC9zdmc+DQo=)
}

.icon-verified {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiMwNjhiZGYiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE5LjcsNi42YzAuNSwwLjUsMC41LDEuMiwwLDEuNmwtOS4xLDkuMmMtMC41LDAuNS0xLjIsMC41LTEuNiwwbC00LjYtNC42Yy0wLjUtMC41LTAuNS0xLjIsMC0xLjYNCgljMC41LTAuNSwxLjItMC41LDEuNiwwbDMuNywzLjdsOC40LTguM0MxOC41LDYuMiwxOS4yLDYuMiwxOS43LDYuNkwxOS43LDYuNnoiLz4NCjwvc3ZnPg0K)
}

.icon-language {
    background-image: url(assets/icons/language.svg)
}

.icon-currency {
    background-image: url(assets/icons/currency.svg)
}

.icon-theme {
    background-image: url(assets/icons/theme.svg)
}

.icon-customer-service {
    background-image: url(assets/icons/customer-service.svg)
}

.icon-top-security {
    background-image: url(assets/icons/top-security.svg)
}

.icon-customer-support {
    background-image: url(assets/icons/customer-support.svg)
}

.icon-europen-license {
    background-image: url(assets/icons/europen-license.svg)
}

.icon-invest-support {
    background-image: url(assets/icons/invest-support.svg)
}

.icon-fast-trade {
    background-image: url(assets/icons/fast-trade.svg)
}

.icon-order-book {
    background-image: url(assets/icons/order-book.svg)
}

.icon-live-support {
    background-image: url(assets/icons/live-support.svg)
}

.icon-authenticator {
    background-image: url(assets/icons/authenticator.svg)
}

.icon-phone {
    background-image: url(assets/icons/phone.svg)
}

.icon-mail {
    background-image: url(assets/icons/mail.svg)
}

.icon-web {
    background-image: url(assets/icons/web.svg)
}

.icon-password {
    background-image: url(assets/icons/password.svg)
}

.icon-whitelist {
    background-image: url(assets/icons/whitelist.svg)
}

.icon-phishing {
    background-image: url(assets/icons/phishing.svg)
}

.icon-device {
    background-image: url(assets/icons/device.svg)
}

.icon-phone-call {
    background-image: url(assets/icons/phone-call.svg)
}

.icon-tfa {
    background-image: url(assets/icons/tfa.svg)
}

.icon-identity {
    background-image: url(assets/icons/identity.svg)
}

.icon-confirmation {
    background-image: url(assets/icons/confirmation.svg)
}

.icon-transaction {
    background-image: url(assets/icons/transaction.svg)
}

.icon-news {
    background-image: url(assets/icons/news.svg)
}

.icon-announcement {
    background-image: url(assets/icons/announcement.svg)
}

.icon-notification-lang {
    background-image: url(assets/icons/notification-lang.svg)
}

.icon-all-content {
    background-image: url(assets/icons/all-content.svg)
}

.icon-unverified-account {
    background-image: url(assets/icons/unverified-account.svg)
}

.icon-verified-account {
    background-image: url(assets/icons/verified-account.svg)
}

.icon-cryptocurrency-withdrawal {
    background-image: url(assets/icons/cryptocurrency-withdrawal.svg)
}

.icon-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiMwOWI3NmQiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE5LjcsNi42YzAuNSwwLjUsMC41LDEuMiwwLDEuNmwtOS4xLDkuMmMtMC41LDAuNS0xLjIsMC41LTEuNiwwbC00LjYtNC42Yy0wLjUtMC41LTAuNS0xLjIsMC0xLjYNCgljMC41LTAuNSwxLjItMC41LDEuNiwwbDMuNywzLjdsOC40LTguM0MxOC41LDYuMiwxOS4yLDYuMiwxOS43LDYuNkwxOS43LDYuNnoiLz4NCjwvc3ZnPg0K)
}

.icon-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQoJPGNpcmNsZSBmaWxsPSIjMDY4YmRmIiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiLz4NCgk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTQuMiwxNi40aC0wLjl2LTQuOGMwLTAuNy0wLjYtMS4zLTEuMy0xLjNoLTEuOGMtMC43LDAtMS4zLDAuNi0xLjMsMS4zczAuNiwxLjMsMS4zLDEuM2gwLjR2My41SDkuOCBjLTAuNywwLTEuMywwLjYtMS4zLDEuM1M5LjEsMTksOS44LDE5aDQuNGMwLjcsMCwxLjMtMC42LDEuMy0xLjNTMTQuOSwxNi40LDE0LjIsMTYuNHoiLz4NCgk8Y2lyY2xlIGZpbGw9IiNmZmZmZmYiIGN4PSIxMiIgY3k9IjYuOCIgcj0iMS44Ii8+DQo8L3N2Zz4NCg==)
}

.icon-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGNUI1MDIiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyLDE1LjVjMC42LDAsMS4xLTAuNSwxLjEtMS4xbDAuNC05LjJDMTMuNCw0LjUsMTIuNiw0LDEyLDRzLTEuNCwwLjUtMS40LDEuMWwwLjMsOS4xDQoJQzEwLjgsMTUsMTEuNCwxNS41LDEyLDE1LjV6IE0xMiwxNy4yYy0wLjgsMC0xLjQsMC42LTEuNCwxLjRTMTEuMiwyMCwxMiwyMHMxLjQtMC42LDEuNC0xLjRTMTIuOCwxNy4yLDEyLDE3LjJ6Ii8+DQo8L3N2Zz4NCg==)
}

.icon-warning-triangle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAcOSURBVHgB7Z1RchNHEEC7ZzaEivlQ/lNYOkHkAjv8IU6AcwLsE4B/E4Hl2OQXcwLkE2BOYPGX2FShG0gO+Y9TlVRReHc60yNbkSXtale72h1J86pAsLuy5O6e7pmemR4ES6k1OqXPvlf1UVURYBUJywRUBoISCSihfh18nhAuUMEFIHb18xeE1CWAc49E+7bnt1uNygVYCIIlsMD//SI3hYSHSlFNf7MyZEtbK6etX99LGbR+a1S6YAGFKoCF/k8gtrR1P9Y2XINcwZb+7Y+KVkYhCnhQ/1QLgHbzF/p4EPBYvxydHtw9hpzJTQF9awd4qv14GWwEoav/2jvbv9uEnMhFAesvPj0lUo3hwGktOSpipgowrgbVG2stfhI5KGImCnjQ6JT9QL5Cok1YBBCbOljvzSJYZ66AjRd/PlEUHM6Nu4nLjFpDZgow/fhA7gLRM1hkEA8vdWtoZzSwy0QB7HKCQJzMra9Pim4NUqpHWbgkASlZb3SqfiA+Lo3wGf27ssGt/9SpQkpSKYD9Pfji48L5+ziwwQnx0cggBVMrwPTtVdCEJYdl8MPP51PHvaliAAsflDoERx9BsPP7y9XEMkmsAG5yzvLHg0Junf7y3VGi9yR5mAMu+3xwhKPU2tmvlXbcx2PHAO5qQiDegiMaIU6MrGISqwX0BllL1tVMgx4nXEq1FmewFqsF9Ea4Tvix0bL6imUWg4ktYP15ZwtIvAFHYuIE5UgFLF2KIXsupKfWolIWkS5IC9+5nnSUlC9fRT0Q2gKc68kOCTpxd1BpjbsX0QJErCCSO8hrfmBnxVPfnh2sIv/hfwOqbTQ5e/sIMNyQx7YAW62fBSwi0sBXMYu7y9YlB8NSFSEtwE7rJ8DjqIDG94jgNViIQtit6vHU8PURBfSs387AKyl4N/kp0QI7KX19KbaGL45pAZb6/gVACXg6fO2GAu7V/9h03c4ZomX7oN6pDV66oQCJkGp2Z9YokBODKwFZPTsXwM0URV8B3IMgy9fxEIw24WEE0mOwGqoNBuO+AoIAamA9VNuofwqNUff5HsEWWM5gMPb6V0k+MTZmOQSqsV4/39SDsSMM0KR7SVKpt8Rd1WAOUMjfFcyYwAzEzADGFx1w5MalHr3zfIFxQfPhfhYLPV9g4u1VDBAPwZErWvAPr16BHWvqFV6OZKir3UHIXaKvfPEXOHKH44DwfM9Zf0Hc9qEqdB7dKaAgiERVDxxd7qcodIq6LBBxFRyFwMbv0TwuLUdsKj03wCUJ+peAUxDC6mTiMHo0v+ppR1S2p2DBZBDUj6f7lXEbqlsb9c4xwRwtn0QoCT0SmJ8WoC3/9KASupu9d08lWp1cKMQKmCMXpKckJwpXzxnkXm4gBaXUe8RsAwGtLEsTxsIpYN5wCigYwSvNwFEUej5AOQUUBrICXAsoDsIupyK64CgEJPpbENE5OAqBeLExWbqkexkQpBUApGLvaXVkC6JqC98Dp4CC+KxlL8xeVnJuqADa/XVBiPAeHPnSq+LbS0WQUi1w5I0xeqOAy1swTynchYBLJvOrUUCvpgG2wJET2K9X3c+GElKM/VeOTEDoTyz1FeBL1QRHLly7H6avAOeG8gEJ3g1utb0xIUMQ7IFjtiA2B/97QwEfDiotW7f7LwIs2+EzCkamJBXYudN8ESDAEQ8zogATjC2dpFEgahMfsnSXJFv/uMLfIwrgYEygrIwFvE01qiAe30Owc6vtOOtnQhclbjw/75CNK6evysivyOD4+miq6+NR9D93bSyjbHz//mpl7L2wN92vd2oI4gQc6UHcDjt3IHRdUK9HhC5HlBbd7Yw69CFyYZaQwY5bNTE9aM4ZiB5bRSqgN2JTO+CYCg68kw55mLg08Wy/0nRjg2lQr+OcNxNrbWjgqYYbIceHZbXiQSPOs7EUYOYupXrk4sFkrgsLxj291ZWvzxpPrZ01ZlC+njE/GNU2OMajZZNE+Ezi/QEclAldz2gYIrXDsoGETL0/8v7zzjMk8QocRvgfXlYOp3hrug2qrr409NzOFJbffzukhAMzBuKtlYm7WcI9Qt3bSerzR39MBnAaWAXiZFmUMKmGdRIy2aTHX+SLVGvLMWJWr7+R0YcyJCHzIgUcF3Qae3fhWoMZhE7X04ki822q/AXNqHmeSgZMgHRaXmqrz1r4zEzLdMx7a2Bfr0htfwg5/SKTz4AcmDtF8CkdSu1N27dP9lE5YrsijMXrjsQdqZqtjE7MnviZUAD36p1NifKJPcXCscWrAmfpakI/GQqkd+YL1K7qVtcgV7TQkd7lae1jvwVYwv/K4DLK4nt9KdtqjrwlVGBLBcH7lVtwXKTQB7G2WJlZ6+NrJaCoIqkyolw19e24xBpX+Rpe/8P9dK57oV959z9RcE4ourwN944HbVsEPsx/pJn7LEz5C4IAAAAASUVORK5CYII=)
}

.icon-danger {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNmMzMxNTUiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEzLjcsMTJsNC00YzAuNC0wLjUsMC40LTEuMSwwLTEuN2MtMC41LTAuNS0xLjEtMC41LTEuNywwbC00LDRsLTQtNEM3LjcsNiw2LjksNiw2LjUsNi40DQoJQzYsNi45LDYsNy43LDYuNCw4LjFsNCw0bC00LDRDNi4xLDE2LjMsNiwxNi41LDYsMTYuOUM2LDE3LjUsNi41LDE4LDcuMSwxOGMwLjMsMCwwLjYtMC4xLDAuOS0wLjRsNC00bDQsNGMwLjMsMC4zLDAuNSwwLjQsMC45LDAuNA0KCWMwLjYsMCwxLjEtMC41LDEuMS0xLjFjMC0wLjMtMC4xLTAuNi0wLjQtMC45TDEzLjcsMTJ6Ii8+DQo8L3N2Zz4=)
}

.icon-linkedin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMwIDMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMCAzMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCBmaWxsPSIjMEE2NkMyIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTkuMiwxMS43Yy0xLjQtMC4xLTIuNywwLjctMy40LDEuOFYxMmgtMy40djExLjVIMTZ2LTUuN2MwLTEuNSwwLjMtMi45LDIuMS0yLjljMS44LDAsMS44LDEuNywxLjgsM3Y1LjYNCgkJaDMuNnYtNi4zQzIzLjUsMTQuMSwyMi44LDExLjcsMTkuMiwxMS43eiIvPg0KCTxyZWN0IHg9IjYuNiIgeT0iMTIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzLjYiIGhlaWdodD0iMTEuNSIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04LjMsNi4zYy0xLjEsMC0yLjEsMC45LTIuMSwyLjFzMC45LDIuMSwyLjEsMi4xYzEuMSwwLDIuMS0wLjksMi4xLTIuMVM5LjUsNi4zLDguMyw2LjN6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)
}

.icon-x {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMwIDMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMCAzMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCB4PSIwIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOS45LDcuM2gyLjZsLTUuNyw2LjVsNi43LDguOWgtNS4ybC00LjEtNS40bC00LjcsNS40SDYuOGw2LjEtN0w2LjUsNy4zaDUuNGwzLjcsNC45TDE5LjksNy4zeiBNMTksMjEuMQ0KCWgxLjRMMTEuMSw4LjhIOS41TDE5LDIxLjF6Ii8+DQo8L3N2Zz4NCg==)
}

.icon-register-now {
    background-image: url(assets/icons/register-now.svg?v3)
}

.icon-deposit-money {
    background-image: url(assets/icons/deposit-money.svg?v3)
}

.icon-buy-cryptocurrencies {
    background-image: url(assets/icons/buy-cryptocurrencies.svg?v3)
}

.icon-home-page {
    background-image: url(assets/icons/home-page.svg)
}

.icon-home {
    background-image: url(assets/icons/home.svg)
}

.icon-markets {
    background-image: url(assets/icons/markets.svg)
}

.icon-trade {
    background-image: url(assets/icons/trade.svg)
}

.icon-earn {
    background-image: url(assets/icons/earn.svg)
}

.icon-company {
    background-image: url(assets/icons/company.svg)
}

.icon-research {
    background-image: url(assets/icons/research.svg)
}

.icon-help {
    background-image: url(assets/icons/help.svg)
}

.icon-token {
    background-image: url(assets/icons/token.svg)
}

.icon-orders {
    background-image: url(assets/icons/orders.svg)
}

.icon-wallet {
    background-image: url(assets/icons/wallet.svg)
}

.icon-account {
    background-image: url(assets/icons/account.svg)
}

.icon-logout {
    background-image: url(assets/icons/logout.svg)
}

.icon-complete-register {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU2IDU2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NiA1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNNDAuNSw1NmgtMjVDNi45LDU2LDAsNDkuMSwwLDQwLjV2LTI1QzAsNi45LDYuOSwwLDE1LjUsMGgyNUM0OS4xLDAsNTYsNi45LDU2LDE1LjV2MjUNCgkJQzU2LDQ5LjEsNDkuMSw1Niw0MC41LDU2eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NSw1M2MtMi40LDAuNy01LjMsMS4xLTguNywxLjFIMTkuN2MtMy40LDAtNi4yLTAuMy04LjctMS4xYzAuNi03LjIsOC0xMi45LDE3LTEyLjlTNDQuNCw0NS44LDQ1LDUzeiIvPg0KCTxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjI4IiBjeT0iMjQuMSIgcj0iOS40Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQ3LjgsMTAuOWgtMy4zVjcuNmMwLTAuNC0wLjMtMC44LTAuOC0wLjhzLTAuOCwwLjMtMC44LDAuOHYzLjNoLTMuM2MtMC40LDAtMC44LDAuMy0wLjgsMC44DQoJCWMwLDAuNCwwLjMsMC44LDAuOCwwLjhoMy4zdjMuNWMwLDAuNCwwLjMsMC44LDAuOCwwLjhzMC44LTAuMywwLjgtMC44di0zLjVoMy4zYzAuNCwwLDAuOC0wLjMsMC44LTAuOA0KCQlDNDguNiwxMS4zLDQ4LjIsMTAuOSw0Ny44LDEwLjl6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)
}

.icon-complete-kyc {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU2IDU2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NiA1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNNDAuNSw1NmgtMjVDNi45LDU2LDAsNDkuMSwwLDQwLjV2LTI1QzAsNi45LDYuOSwwLDE1LjUsMGgyNUM0OS4xLDAsNTYsNi45LDU2LDE1LjV2MjUNCgkJCUM1Niw0OS4xLDQ5LjEsNTYsNDAuNSw1NnoiLz4NCgk8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSIyOCIgY3k9IjI1IiByPSI3Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE4LjcsOC42aC00Yy00LjEsMC03LjQsMy4zLTcuNCw3LjR2NGMwLDAuNCwwLjMsMC44LDAuOCwwLjhzMC44LTAuMywwLjgtMC44di00YzAtMy4zLDIuNy01LjksNS45LTUuOWg0DQoJCQljMC40LDAsMC44LTAuMywwLjgtMC44UzE5LjEsOC42LDE4LjcsOC42eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00MS4zLDguNmgtNGMtMC40LDAtMC44LDAuMy0wLjgsMC44czAuMywwLjgsMC44LDAuOGg0YzMuMywwLDUuOSwyLjcsNS45LDUuOXY0YzAsMC40LDAuMywwLjgsMC44LDAuOA0KCQkJczAuOC0wLjMsMC44LTAuOHYtNEM0OC44LDExLjksNDUuNCw4LjYsNDEuMyw4LjZ6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE4LjcsNDUuOWgtNGMtMy4zLDAtNS45LTIuNy01LjktNS45di00YzAtMC40LTAuMy0wLjgtMC44LTAuOFM3LjIsMzUuNiw3LjIsMzZ2NGMwLDQuMSwzLjMsNy40LDcuNCw3LjQNCgkJCWg0YzAuNCwwLDAuOC0wLjMsMC44LTAuOFMxOS4xLDQ1LjksMTguNyw0NS45eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00OCwzNS4zYy0wLjQsMC0wLjgsMC4zLTAuOCwwLjh2NGMwLDMuMy0yLjcsNS45LTUuOSw1LjloLTRjLTAuNCwwLTAuOCwwLjMtMC44LDAuOHMwLjMsMC44LDAuOCwwLjhoNA0KCQkJYzQuMSwwLDcuNC0zLjMsNy40LTcuNHYtNEM0OC44LDM1LjYsNDguNCwzNS4zLDQ4LDM1LjN6Ii8+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI4LDM2LjljLTYuNCwwLTExLjYsNC0xMiw5LjF2MS40aDI0VjQ2QzM5LjYsNDAuOSwzNC40LDM2LjksMjgsMzYuOXoiLz4NCjwvZz4NCjwvc3ZnPg0K)
}

.icon-start-trade {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU2IDU2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NiA1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNNDAuNSw1NmgtMjVDNi45LDU2LDAsNDkuMSwwLDQwLjV2LTI1QzAsNi45LDYuOSwwLDE1LjUsMGgyNUM0OS4xLDAsNTYsNi45LDU2LDE1LjV2MjUNCgkJQzU2LDQ5LjEsNDkuMSw1Niw0MC41LDU2eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zNy42LDI3LjRjMS41LTEuMiwyLjUtMy4xLDIuNS01LjNjMC0zLjYtMy4yLTYuOC02LjgtNi44aC0zLjV2LTVjMC0wLjUtMC40LTAuOS0wLjktMC45DQoJYy0wLjUsMC0wLjksMC40LTAuOSwwLjl2NWgtMy44aC0xLjh2LTVjMC0wLjUtMC40LTAuOS0wLjktMC45Yy0wLjUsMC0wLjksMC40LTAuOSwwLjl2NWgtMmgtNC43Yy0wLjUsMC0wLjksMC40LTAuOSwwLjkNCglzMC40LDAuOSwwLjksMC45aDMuOFYyOHYwdjEwLjhoLTMuOGMtMC41LDAtMC45LDAuNC0wLjksMC45czAuNCwwLjksMC45LDAuOWg0LjVjMC4xLDAsMC4xLDAsMC4yLDBoMnY1YzAsMC41LDAuNCwwLjksMC45LDAuOQ0KCWMwLjUsMCwwLjktMC40LDAuOS0wLjl2LTVIMjh2NWMwLDAuNSwwLjQsMC45LDAuOSwwLjljMC41LDAsMC45LTAuNCwwLjktMC45di01aDUuNmM0LjIsMCw3LjYtMyw3LjYtNi44DQoJQzQzLDMwLjgsNDAuNywyOC4yLDM3LjYsMjcuNHogTTI0LjIsMTcuMWg5LjFjMi45LDAsNSwyLjYsNSw1YzAsMi42LTIuMSw0LjgtNC43LDVIMTkuNXYtMTBIMjQuMnogTTM1LjQsMzguOWgtNi4zDQoJYy0wLjEsMC0wLjEsMC0wLjIsMHMtMC4xLDAtMC4yLDBoLTQuM2MtMC4xLDAtMC4xLDAtMC4yLDBoLTQuN3YtMTBoMTMuOGMwLjIsMCwwLjUsMCwwLjcsMGgxLjRjMy4yLDAsNS45LDIuMyw1LjksNQ0KCVMzOC42LDM4LjksMzUuNCwzOC45eiIvPg0KPC9nPg0KPC9zdmc+DQo=)
}

.icon-none {
    background-color: var(--bg-color-04);
    background-image: var(--icon-none)
}

.icon-bank-00010 {
    background-image: url(assets/icons/bank/ziraat-bankasi.webp?v2)
}

.icon-bank-00012 {
    background-image: url(assets/icons/bank/halkbank.webp)
}

.icon-bank-00014 {
    background-image: url(assets/icons/bank/tskb.webp);
    border: 1px solid var(--border)
}

.icon-bank-00015 {
    background-image: url(assets/icons/bank/vakifbank.webp)
}

.icon-bank-00017 {
    background-image: url(assets/icons/bank/kalkinma-bankasi.webp);
    border: 1px solid var(--border)
}

.icon-bank-00029 {
    background-image: url(assets/icons/bank/birlesik-fon-bankasi.webp)
}

.icon-bank-00032 {
    background-image: url(assets/icons/bank/teb.webp)
}

.icon-bank-00046 {
    background-image: url(assets/icons/bank/akbank.webp)
}

.icon-bank-00059 {
    background-image: url(assets/icons/bank/sekerbank.webp)
}

.icon-bank-00062 {
    background-image: url(assets/icons/bank/garanti-bbva.webp)
}

.icon-bank-00064 {
    background-image: url(assets/icons/bank/turkiye-is-bankasi.webp)
}

.icon-bank-00067 {
    background-image: url(assets/icons/bank/yapikredi.webp)
}

.icon-bank-00091 {
    background-image: url(assets/icons/bank/arap-turk-bankasi.webp)
}

.icon-bank-00092 {
    background-image: url(assets/icons/bank/citi-bank.webp)
}

.icon-bank-00096 {
    background-image: url(assets/icons/bank/turkish-bank.webp)
}

.icon-bank-00098 {
    background-image: url(assets/icons/bank/jpmorgan-chase-bank.webp)
}

.icon-bank-00099 {
    background-image: url(assets/icons/bank/ing-bank.webp)
}

.icon-bank-00100 {
    background-image: url(assets/icons/bank/adabank.webp)
}

.icon-bank-00103 {
    background-image: url(assets/icons/bank/fibabanka.webp)
}

.icon-bank-00108 {
    background-image: url(assets/icons/bank/t-bank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00109 {
    background-image: url(assets/icons/bank/icbc.webp)
}

.icon-bank-00111 {
    background-image: url(assets/icons/bank/qnb-finansbank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00115 {
    background-image: url(assets/icons/bank/deutsche-bank.webp)
}

.icon-bank-00116 {
    background-image: url(assets/icons/bank/pasha-bank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00121 {
    background-image: url(assets/icons/bank/standard-chartered.webp);
    border: 1px solid var(--border)
}

.icon-bank-00122 {
    background-image: url(assets/icons/bank/societe-generale.webp)
}

.icon-bank-00123 {
    background-image: url(assets/icons/bank/hsbc.webp);
    border: 1px solid var(--border)
}

.icon-bank-00124 {
    background-image: url(assets/icons/bank/alternatif-bank.webp)
}

.icon-bank-00125 {
    background-image: url(assets/icons/bank/burgan-bank.webp)
}

.icon-bank-00129 {
    background-image: url(assets/icons/bank/bank-of-america.webp);
    border: 1px solid var(--border)
}

.icon-bank-00132 {
    background-image: url(assets/icons/bank/takasbank.webp)
}

.icon-bank-00134 {
    background-image: url(assets/icons/bank/denizbank.webp)
}

.icon-bank-00135 {
    background-image: url(assets/icons/bank/anadolubank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00137 {
    background-image: url(assets/icons/bank/rabobank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00138 {
    background-image: url(assets/icons/bank/diler-bank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00139 {
    background-image: url(assets/icons/bank/gsd-bank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00141 {
    background-image: url(assets/icons/bank/nurol-bank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00142 {
    background-image: url(assets/icons/bank/bank-pozitif.webp)
}

.icon-bank-00143 {
    background-image: url(assets/icons/bank/aktif-bank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00146 {
    background-image: url(assets/icons/bank/odeabank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00147 {
    background-image: url(assets/icons/bank/mufg-bank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00148 {
    background-image: url(assets/icons/bank/intesa-sanpaolo.webp)
}

.icon-bank-00149 {
    background-image: url(assets/icons/bank/bank-of-china.webp)
}

.icon-bank-00150 {
    background-image: url(assets/icons/bank/golden-global-bank.webp);
    border: 1px solid var(--border)
}

.icon-bank-00203 {
    background-image: url(assets/icons/bank/albaraka-turk.webp);
    border: 1px solid var(--border)
}

.icon-bank-00205 {
    background-image: url(assets/icons/bank/kuveyt-turk.webp);
    border: 1px solid var(--border)
}

.icon-bank-00206 {
    background-image: url(assets/icons/bank/turkiye-finans.webp);
    border: 1px solid var(--border)
}

.icon-bank-00209 {
    background-image: url(assets/icons/bank/ziraat-katilim.webp);
    border: 1px solid var(--border)
}

.icon-bank-00210 {
    background-image: url(assets/icons/bank/vakif-katilim.webp);
    border: 1px solid var(--border)
}

.icon-bank-00211 {
    background-image: url(assets/icons/bank/emlak-katilim.webp);
    border: 1px solid var(--border)
}

.icon-bank-00806 {
    background-image: url(assets/icons/bank/merkezi-kayit.webp)
}

.icon-bank-00807 {
    background-image: url(assets/icons/bank/ptt-bank.webp)
}

.icon-currency-1inch {
    background-image: url(assets/icons/crypto/1inch.png)
}

.icon-currency-1mpit {
    background-image: url(assets/icons/crypto/1mpit.png)
}

.icon-currency-aave {
    background-image: url(assets/icons/crypto/aave.png)
}

.icon-currency-ach {
    background-image: url(assets/icons/crypto/ach.png)
}

.icon-currency-act {
    background-image: url(assets/icons/crypto/act.png)
}

.icon-currency-ada {
    background-image: url(assets/icons/crypto/ada.png)
}

.icon-currency-agix {
    background-image: url(assets/icons/crypto/agix.png)
}

.icon-currency-algo {
    background-image: url(assets/icons/crypto/algo.png)
}

.icon-currency-alice {
    background-image: url(assets/icons/crypto/alice.png)
}

.icon-currency-alpha {
    background-image: url(assets/icons/crypto/alpha.png)
}

.icon-currency-alt {
    background-image: url(assets/icons/crypto/alt.png)
}

.icon-currency-altay {
    background-image: url(assets/icons/crypto/altay.png)
}

.icon-currency-amp {
    background-image: url(assets/icons/crypto/amp.png)
}

.icon-currency-ankr {
    background-image: url(assets/icons/crypto/ankr.png)
}

.icon-currency-ant {
    background-image: url(assets/icons/crypto/ant.png)
}

.icon-currency-ape {
    background-image: url(assets/icons/crypto/ape.png)
}

.icon-currency-api3 {
    background-image: url(assets/icons/crypto/api3.png)
}

.icon-currency-apt {
    background-image: url(assets/icons/crypto/apt.png)
}

.icon-currency-arb {
    background-image: url(assets/icons/crypto/arb.png)
}

.icon-currency-arkm {
    background-image: url(assets/icons/crypto/arkm.png)
}

.icon-currency-arpa {
    background-image: url(assets/icons/crypto/arpa.png)
}

.icon-currency-ast {
    background-image: url(assets/icons/crypto/ast.png)
}

.icon-currency-atom {
    background-image: url(assets/icons/crypto/atom.png)
}

.icon-currency-audio {
    background-image: url(assets/icons/crypto/audio.png)
}

.icon-currency-avax {
    background-image: url(assets/icons/crypto/avax.png)
}

.icon-currency-axs {
    background-image: url(assets/icons/crypto/axs.png)
}

.icon-currency-babydoge {
    background-image: url(assets/icons/crypto/babydoge.png)
}

.icon-currency-badger {
    background-image: url(assets/icons/crypto/badger.png)
}

.icon-currency-bake {
    background-image: url(assets/icons/crypto/bake.png)
}

.icon-currency-bal {
    background-image: url(assets/icons/crypto/bal.png)
}

.icon-currency-band {
    background-image: url(assets/icons/crypto/band.png)
}

.icon-currency-bat {
    background-image: url(assets/icons/crypto/bat.png)
}

.icon-currency-bch {
    background-image: url(assets/icons/crypto/bch.png)
}

.icon-currency-beamx {
    background-image: url(assets/icons/crypto/beamx.png)
}

.icon-currency-bico {
    background-image: url(assets/icons/crypto/bico.png)
}

.icon-currency-blur {
    background-image: url(assets/icons/crypto/blur.png)
}

.icon-currency-bone {
    background-image: url(assets/icons/crypto/bone.png)
}

.icon-currency-bonk {
    background-image: url(assets/icons/crypto/bonk.png)
}

.icon-currency-btc {
    background-image: url(assets/icons/crypto/btc.png)
}

.icon-currency-btt {
    background-image: url(assets/icons/crypto/btt.png)
}

.icon-currency-busd {
    background-image: url(assets/icons/crypto/busd.png)
}

.icon-currency-cake {
    background-image: url(assets/icons/crypto/cake.png)
}

.icon-currency-ceek {
    background-image: url(assets/icons/crypto/ceek.png)
}

.icon-currency-celr {
    background-image: url(assets/icons/crypto/celr.png)
}

.icon-currency-chz {
    background-image: url(assets/icons/crypto/chz.png)
}

.icon-currency-city {
    background-image: url(assets/icons/crypto/city.png?v2)
}

.icon-currency-clv {
    background-image: url(assets/icons/crypto/clv.png)
}

.icon-currency-comp {
    background-image: url(assets/icons/crypto/comp.png)
}

.icon-currency-crv {
    background-image: url(assets/icons/crypto/crv.png)
}

.icon-currency-ctsi {
    background-image: url(assets/icons/crypto/ctsi.png)
}

.icon-currency-cvc {
    background-image: url(assets/icons/crypto/cvc.png)
}

.icon-currency-cvx {
    background-image: url(assets/icons/crypto/cvx.png)
}

.icon-currency-cyber {
    background-image: url(assets/icons/crypto/cyber.png)
}

.icon-currency-dent {
    background-image: url(assets/icons/crypto/dent.png)
}

.icon-currency-dia {
    background-image: url(assets/icons/crypto/dia.png)
}

.icon-currency-dodo {
    background-image: url(assets/icons/crypto/dodo.png)
}

.icon-currency-doge {
    background-image: url(assets/icons/crypto/doge.png)
}

.icon-currency-dot {
    background-image: url(assets/icons/crypto/dot.png)
}

.icon-currency-dusk {
    background-image: url(assets/icons/crypto/dusk.png)
}

.icon-currency-dxx {
    background-image: url(assets/icons/crypto/dxx.png)
}

.icon-currency-dydx {
    background-image: url(assets/icons/crypto/dydx.png)
}

.icon-currency-edis {
    background-image: url(assets/icons/crypto/edis.png)
}

.icon-currency-edu {
    background-image: url(assets/icons/crypto/edu.png)
}

.icon-currency-egld {
    background-image: url(assets/icons/crypto/egld.png)
}

.icon-currency-ena {
    background-image: url(assets/icons/crypto/ena.png)
}

.icon-currency-enj {
    background-image: url(assets/icons/crypto/enj.png)
}

.icon-currency-ens {
    background-image: url(assets/icons/crypto/ens.png)
}

.icon-currency-eos {
    background-image: url(assets/icons/crypto/eos.png)
}

.icon-currency-epic {
    background-image: url(assets/icons/crypto/epic.png)
}

.icon-currency-ern {
    background-image: url(assets/icons/crypto/ern.png)
}

.icon-currency-etc {
    background-image: url(assets/icons/crypto/etc.png)
}

.icon-currency-eth {
    background-image: url(assets/icons/crypto/eth.png)
}

.icon-currency-eurt {
    background-image: url(assets/icons/crypto/eurt.png)
}

.icon-currency-fet {
    background-image: url(assets/icons/crypto/fet.png)
}

.icon-currency-fil {
    background-image: url(assets/icons/crypto/fil.png)
}

.icon-currency-floki {
    background-image: url(assets/icons/crypto/floki.png)
}

.icon-currency-flr {
    background-image: url(assets/icons/crypto/flr.png)
}

.icon-currency-forth {
    background-image: url(assets/icons/crypto/forth.png)
}

.icon-currency-front {
    background-image: url(assets/icons/crypto/front.png)
}

.icon-currency-ftt {
    background-image: url(assets/icons/crypto/ftt.png)
}

.icon-currency-ftvt,.icon-currency-ftvtl1,.icon-currency-ftvtl6,.icon-currency-ftvtl12 {
    background-image: url(assets/icons/crypto/ftvt.png)
}

.icon-currency-fxs {
    background-image: url(assets/icons/crypto/fxs.png)
}

.icon-currency-g4x {
    background-image: url(assets/icons/crypto/g4x.png)
}

.icon-currency-gal {
    background-image: url(assets/icons/crypto/gal.png?v2)
}

.icon-currency-gala {
    background-image: url(assets/icons/crypto/gala.png)
}

.icon-currency-gau {
    background-image: url(assets/icons/crypto/gau.png)
}

.icon-currency-gft {
    background-image: url(assets/icons/crypto/gft.png)
}

.icon-currency-ghst {
    background-image: url(assets/icons/crypto/ghst.png)
}

.icon-currency-gmt {
    background-image: url(assets/icons/crypto/gmt.png)
}

.icon-currency-goat {
    background-image: url(assets/icons/crypto/goat.png)
}

.icon-currency-goz {
    background-image: url(assets/icons/crypto/goz.png?v2)
}

.icon-currency-grt {
    background-image: url(assets/icons/crypto/grt.png)
}

.icon-currency-hot {
    background-image: url(assets/icons/crypto/hot.png)
}

.icon-currency-icpx {
    background-image: url(assets/icons/crypto/icpx.png)
}

.icon-currency-id {
    background-image: url(assets/icons/crypto/id.png)
}

.icon-currency-ilv {
    background-image: url(assets/icons/crypto/ilv.png)
}

.icon-currency-imx {
    background-image: url(assets/icons/crypto/imx.png)
}

.icon-currency-inj {
    background-image: url(assets/icons/crypto/inj.png)
}

.icon-currency-jasmy {
    background-image: url(assets/icons/crypto/jasmy.png)
}

.icon-currency-joe {
    background-image: url(assets/icons/crypto/joe.png)
}

.icon-currency-jst {
    background-image: url(assets/icons/crypto/jst.png)
}

.icon-currency-jup {
    background-image: url(assets/icons/crypto/jup.png)
}

.icon-currency-ksm {
    background-image: url(assets/icons/crypto/ksm.png)
}

.icon-currency-ldo {
    background-image: url(assets/icons/crypto/ldo.png)
}

.icon-currency-leo {
    background-image: url(assets/icons/crypto/leo.png)
}

.icon-currency-link {
    background-image: url(assets/icons/crypto/link.png)
}

.icon-currency-loom {
    background-image: url(assets/icons/crypto/loom.png)
}

.icon-currency-lovely {
    background-image: url(assets/icons/crypto/lovely.png)
}

.icon-currency-lpt {
    background-image: url(assets/icons/crypto/lpt.png)
}

.icon-currency-lqty {
    background-image: url(assets/icons/crypto/lqty.png)
}

.icon-currency-lrc {
    background-image: url(assets/icons/crypto/lrc.png)
}

.icon-currency-ltc {
    background-image: url(assets/icons/crypto/ltc.png)
}

.icon-currency-mana {
    background-image: url(assets/icons/crypto/mana.png)
}

.icon-currency-mask {
    background-image: url(assets/icons/crypto/mask.png)
}

.icon-currency-mbox {
    background-image: url(assets/icons/crypto/mbox.png)
}

.icon-currency-melania {
    background-image: url(assets/icons/crypto/melania.png)
}

.icon-currency-meme {
    background-image: url(assets/icons/crypto/meme.png)
}

.icon-currency-mkr {
    background-image: url(assets/icons/crypto/mkr.png)
}

.icon-currency-mpay {
    background-image: url(assets/icons/crypto/mpay.png)
}

.icon-currency-mtl {
    background-image: url(assets/icons/crypto/mtl.png)
}

.icon-currency-near {
    background-image: url(assets/icons/crypto/near.png)
}

.icon-currency-neiro {
    background-image: url(assets/icons/crypto/neiro.png)
}

.icon-currency-ocean {
    background-image: url(assets/icons/crypto/ocean.png)
}

.icon-currency-oilx {
    background-image: url(assets/icons/crypto/oilx.png)
}

.icon-currency-om {
    background-image: url(assets/icons/crypto/om.png)
}

.icon-currency-omg {
    background-image: url(assets/icons/crypto/omg.png)
}

.icon-currency-ondo {
    background-image: url(assets/icons/crypto/ondo.png)
}

.icon-currency-ovr {
    background-image: url(assets/icons/crypto/ovr.png)
}

.icon-currency-pendle {
    background-image: url(assets/icons/crypto/pendle.png)
}

.icon-currency-pengu {
    background-image: url(assets/icons/crypto/pengu.png)
}

.icon-currency-pepe {
    background-image: url(assets/icons/crypto/pepe.png)
}

.icon-currency-pixel {
    background-image: url(assets/icons/crypto/pixel.png)
}

.icon-currency-planet {
    background-image: url(assets/icons/crypto/planet.png)
}

.icon-currency-png {
    background-image: url(assets/icons/crypto/png.png)
}

.icon-currency-pnut {
    background-image: url(assets/icons/crypto/pnut.png)
}

.icon-currency-pol {
    background-image: url(assets/icons/crypto/pol.png)
}

.icon-currency-pols {
    background-image: url(assets/icons/crypto/pols.png)
}

.icon-currency-portal {
    background-image: url(assets/icons/crypto/portal.png)
}

.icon-currency-psg {
    background-image: url(assets/icons/crypto/psg.png?v2)
}

.icon-currency-pyusd {
    background-image: url(assets/icons/crypto/pyusd.png)
}

.icon-currency-qanx {
    background-image: url(assets/icons/crypto/qanx.png)
}

.icon-currency-qnt {
    background-image: url(assets/icons/crypto/qnt.png)
}

.icon-currency-raca {
    background-image: url(assets/icons/crypto/raca.png)
}

.icon-currency-ray {
    background-image: url(assets/icons/crypto/ray.png)
}

.icon-currency-rdnt {
    background-image: url(assets/icons/crypto/rdnt.png)
}

.icon-currency-reef {
    background-image: url(assets/icons/crypto/reef.png)
}

.icon-currency-render {
    background-image: url(assets/icons/crypto/render.png)
}

.icon-currency-rez {
    background-image: url(assets/icons/crypto/rez.png)
}

.icon-currency-rpl {
    background-image: url(assets/icons/crypto/rpl.png)
}

.icon-currency-s {
    background-image: url(assets/icons/crypto/s.png)
}

.icon-currency-sand {
    background-image: url(assets/icons/crypto/sand.png)
}

.icon-currency-sauber {
    background-image: url(assets/icons/crypto/sauber.png)
}

.icon-currency-sfund {
    background-image: url(assets/icons/crypto/sfund.png)
}

.icon-currency-shib {
    background-image: url(assets/icons/crypto/shib.png)
}

.icon-currency-skl {
    background-image: url(assets/icons/crypto/skl.png)
}

.icon-currency-snt {
    background-image: url(assets/icons/crypto/snt.png)
}

.icon-currency-snx {
    background-image: url(assets/icons/crypto/snx.png)
}

.icon-currency-sol {
    background-image: url(assets/icons/crypto/sol.png)
}

.icon-currency-spell {
    background-image: url(assets/icons/crypto/spell.png)
}

.icon-currency-srm {
    background-image: url(assets/icons/crypto/srm.png)
}

.icon-currency-storj {
    background-image: url(assets/icons/crypto/storj.png)
}

.icon-currency-sui {
    background-image: url(assets/icons/crypto/sui.png)
}

.icon-currency-sun {
    background-image: url(assets/icons/crypto/sun.png)
}

.icon-currency-sushi {
    background-image: url(assets/icons/crypto/sushi.png)
}

.icon-currency-sxp {
    background-image: url(assets/icons/crypto/sxp.png)
}

.icon-currency-syn {
    background-image: url(assets/icons/crypto/syn.png)
}

.icon-currency-t {
    background-image: url(assets/icons/crypto/t.png)
}

.icon-currency-tlm {
    background-image: url(assets/icons/crypto/tlm.png)
}

.icon-currency-tomo {
    background-image: url(assets/icons/crypto/tomo.png)
}

.icon-currency-ton {
    background-image: url(assets/icons/crypto/ton.png)
}

.icon-currency-tra {
    background-image: url(assets/icons/crypto/tra.png?v2)
}

.icon-currency-trivia {
    background-image: url(assets/icons/crypto/trivia.png)
}

.icon-currency-trump {
    background-image: url(assets/icons/crypto/trump.png)
}

.icon-currency-trx {
    background-image: url(assets/icons/crypto/trx.png)
}

.icon-currency-tryb {
    background-image: url(assets/icons/crypto/tryb.png)
}

.icon-currency-twt {
    background-image: url(assets/icons/crypto/twt.png)
}

.icon-currency-u1x {
    background-image: url(assets/icons/crypto/u1x.png)
}

.icon-currency-uma {
    background-image: url(assets/icons/crypto/uma.png)
}

.icon-currency-unfi {
    background-image: url(assets/icons/crypto/unfi.png)
}

.icon-currency-uni {
    background-image: url(assets/icons/crypto/uni.png)
}

.icon-currency-unibot {
    background-image: url(assets/icons/crypto/unibot.png)
}

.icon-currency-usdc {
    background-image: url(assets/icons/crypto/usdc.png)
}

.icon-currency-usdt {
    background-image: url(assets/icons/crypto/usdt.png)
}

.icon-currency-ustechx {
    background-image: url(assets/icons/crypto/ustechx.png)
}

.icon-currency-vet {
    background-image: url(assets/icons/crypto/vet.png)
}

.icon-currency-waves {
    background-image: url(assets/icons/crypto/waves.png)
}

.icon-currency-wif {
    background-image: url(assets/icons/crypto/wif.png)
}

.icon-currency-wld {
    background-image: url(assets/icons/crypto/wld.png)
}

.icon-currency-xagx {
    background-image: url(assets/icons/crypto/xagx.png)
}

.icon-currency-xaut {
    background-image: url(assets/icons/crypto/xaut.png)
}

.icon-currency-xep {
    background-image: url(assets/icons/crypto/xep.png)
}

.icon-currency-xlm {
    background-image: url(assets/icons/crypto/xlm.png)
}

.icon-currency-xmr {
    background-image: url(assets/icons/crypto/xmr.png)
}

.icon-currency-xrp {
    background-image: url(assets/icons/crypto/xrp.png)
}

.icon-currency-xtz {
    background-image: url(assets/icons/crypto/xtz.png)
}

.icon-currency-xvs {
    background-image: url(assets/icons/crypto/xvs.png)
}

.icon-currency-yfi {
    background-image: url(assets/icons/crypto/yfi.png)
}

.icon-currency-zrx {
    background-image: url(assets/icons/crypto/zrx.png)
}

.icon-icpx-white {
    background-image: url(assets/icons/icpx-white.png)
}

.icon-currency-aed {
    background-image: url(assets/icons/fiat/aed.png)
}

.icon-currency-ars {
    background-image: url(assets/icons/fiat/ars.png)
}

.icon-currency-aud {
    background-image: url(assets/icons/fiat/aud.png)
}

.icon-currency-brl {
    background-image: url(assets/icons/fiat/brl.png)
}

.icon-currency-cad {
    background-image: url(assets/icons/fiat/cad.png)
}

.icon-currency-chf {
    background-image: url(assets/icons/fiat/chf.png)
}

.icon-currency-clp {
    background-image: url(assets/icons/fiat/clp.png)
}

.icon-currency-cop {
    background-image: url(assets/icons/fiat/cop.png)
}

.icon-currency-czk {
    background-image: url(assets/icons/fiat/czk.png)
}

.icon-currency-dkk {
    background-image: url(assets/icons/fiat/dkk.png)
}

.icon-currency-eur {
    background-image: url(assets/icons/fiat/eur.png)
}

.icon-currency-gbp {
    background-image: url(assets/icons/fiat/gbp.png)
}

.icon-currency-hkd {
    background-image: url(assets/icons/fiat/hkd.png)
}

.icon-currency-idr {
    background-image: url(assets/icons/fiat/idr.png)
}

.icon-currency-inr {
    background-image: url(assets/icons/fiat/inr.png)
}

.icon-currency-jpy {
    background-image: url(assets/icons/fiat/jpy.png)
}

.icon-currency-krw {
    background-image: url(assets/icons/fiat/krw.png)
}

.icon-currency-mxn {
    background-image: url(assets/icons/fiat/mxn.png)
}

.icon-currency-myr {
    background-image: url(assets/icons/fiat/myr.png)
}

.icon-currency-nok {
    background-image: url(assets/icons/fiat/nok.png)
}

.icon-currency-nzd {
    background-image: url(assets/icons/fiat/nzd.png)
}

.icon-currency-php {
    background-image: url(assets/icons/fiat/php.png)
}

.icon-currency-pln {
    background-image: url(assets/icons/fiat/pln.png)
}

.icon-currency-qar {
    background-image: url(assets/icons/fiat/qar.png)
}

.icon-currency-rub {
    background-image: url(assets/icons/fiat/rub.png)
}

.icon-currency-sar {
    background-image: url(assets/icons/fiat/sar.png)
}

.icon-currency-sek {
    background-image: url(assets/icons/fiat/sek.png)
}

.icon-currency-sgd {
    background-image: url(assets/icons/fiat/sgd.png)
}

.icon-currency-thb {
    background-image: url(assets/icons/fiat/thb.png)
}

.icon-currency-try {
    background-image: url(assets/icons/fiat/try.png)
}

.icon-currency-twd {
    background-image: url(assets/icons/fiat/twd.png)
}

.icon-currency-usd {
    background-image: url(assets/icons/fiat/usd.png)
}

.icon-currency-vnd {
    background-image: url(assets/icons/fiat/vnd.png)
}

.icon-currency-zar {
    background-image: url(assets/icons/fiat/zar.png)
}

.icon-job-application {
    background-image: url(assets/icons/job-application.webp)
}

.icon-pre-assessment {
    background-image: url(assets/icons/pre-assessment.webp)
}

.icon-hr-interview {
    background-image: url(assets/icons/hr-interview.webp)
}

.icon-manager-interview {
    background-image: url(assets/icons/manager-interview.webp)
}

.icon-business-offer {
    background-image: url(assets/icons/business-offer.webp)
}

.icon-token-step-1 {
    background-image: url(assets/icons/token-step-1.webp)
}

.icon-token-step-2 {
    background-image: url(assets/icons/token-step-2.webp)
}

.icon-token-step-3 {
    background-image: url(assets/icons/token-step-3.webp)
}

.icon-real-clearness {
    background-image: url(assets/icons/real-clearness.webp)
}

.icon-real-blockchain {
    background-image: url(assets/icons/real-blockchain.webp)
}

.icon-global-partners {
    background-image: url(assets/icons/global-partners.webp)
}

.icon-fee-discounts {
    background-image: url(assets/icons/fee-discounts.webp)
}

.icon-staking-earnings {
    background-image: url(assets/icons/staking-earnings.webp)
}

.icon-liquidity-sharing {
    background-image: url(assets/icons/liquidity-sharing.webp)
}

.icon-dual-investment {
    background-image: url(assets/icons/dual-investment.webp?v2)
}

.icon-icrypex-launchpad {
    background-image: url(assets/icons/icrypex-launchpad.webp)
}

.icon-nft-platform {
    background-image: url(assets/icons/nft-platform.webp)
}

.icon-icrypex-academy {
    background-image: url(assets/icons/icrypex-academy.webp)
}

.icon-ecosystem-nft {
    background-image: url(assets/icons/ecosystem-nft.webp)
}

.icon-ecosystem-launchpad {
    background-image: url(assets/icons/ecosystem-launchpad.webp)
}

.icon-ecosystem-ico {
    background-image: url(assets/icons/ecosystem-ico.webp)
}

.icon-ecosystem-stake {
    background-image: url(assets/icons/ecosystem-stake.webp)
}

.icon-ecosystem-farming {
    background-image: url(assets/icons/ecosystem-farming.webp)
}

.icon-fest-date {
    background-image: url(assets/icons/fest-date.webp)
}

.icon-fest-location {
    background-image: url(assets/icons/fest-location.webp)
}

.icon-participation-network {
    background-image: url(assets/icons/participation-network.svg)
}

.icon-participation-mentor {
    background-image: url(assets/icons/participation-mentor.svg)
}

.icon-participation-meetup {
    background-image: url(assets/icons/participation-meetup.svg)
}

.icon-icrypex {
    background-image: var(--icon-icrypex)
}

.logo {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-style: normal
}

.logo-icrypex {
    background-image: var(--logo-icrypex)
}

.logo-icpx {
    background-image: url(assets/logos/icpx-logo.svg)
}

.logo-chrome {
    background-image: url(assets/logos/chrome-logo.webp)
}

.logo-firefox {
    background-image: url(assets/logos/firefox-logo.webp)
}

.logo-edge {
    background-image: url(assets/logos/edge-logo.webp)
}

.logo-opera {
    background-image: url(assets/logos/opera-logo.webp)
}

.logo-safari {
    background-image: url(assets/logos/safari-logo.webp)
}

.logo-explorer {
    background-image: url(assets/logos/explorer-logo.webp)
}

.logo-bank-00010 {
    background-image: var(--logo-ziraat-bankasi)
}

.logo-bank-00015 {
    background-image: var(--logo-vakifbank)
}

.logo-bank-00064 {
    background-image: var(--logo-turkiye-is-bankasi)
}

.logo-bank-00103 {
    background-image: var(--logo-fibabanka)
}

.logo-bank-00206 {
    background-image: var(--logo-turkiye-finans)
}

.logo-apple-pay {
    background-image: var(--logo-apple-pay)
}

.logo-visa-mastercard {
    background-image: var(--logo-visa-mastercard)
}

.logo-khipu {
    background-image: var(--logo-khipu)
}

.logo-pix {
    background-image: var(--logo-pix)
}

.logo-payid {
    background-image: var(--logo-payid)
}

.logo-wallet-payment {
    background-image: var(--logo-wallet-payment)
}

.logo-interac-e-transfer {
    background-image: var(--logo-interac-e-transfer)
}

.logo-sepa {
    background-image: var(--logo-sepa)
}

.logo-pse {
    background-image: var(--logo-pse)
}

.logo-spei {
    background-image: var(--logo-spei)
}

.logo-faster-payments {
    background-image: var(--logo-faster-payments)
}

.logo-ach {
    background-image: var(--logo-ach)
}

.logo-bank-transfer,.logo-turkish-bank-transfer,.logo-instant-bank-transfer {
    background-image: var(--logo-bank)
}

.logo-vatan {
    background-image: url(assets/logos/vatan-gazetesi.webp)
}

.logo-hurriyet {
    background-image: url(assets/logos/hurriyet-gazetesi.webp)
}

.logo-sabah {
    background-image: url(assets/logos/sabah-gazetesi.webp)
}

.logo-milliyet {
    background-image: url(assets/logos/milliyet-gazetesi.webp)
}

.logo-posta {
    background-image: url(assets/logos/posta-gazetesi.webp)
}

.logo-cnn-turk {
    background-image: url(assets/logos/cnn-turk.webp)
}

.logo-sozcu {
    background-image: url(assets/logos/sozcu-gazetesi.webp)
}

.logo-dunya {
    background-image: url(assets/logos/dunya-gazetesi.webp)
}

.logo-kalder {
    background-image: url(assets/logos/kalder.svg)
}

.logo-blockchain-turkiye {
    background-image: url(assets/logos/blockchain-turkiye.svg)
}

.logo-iso-27001-ism {
    background-image: url(assets/logos/iso-27001-ism.svg)
}

.logo-ziraat-bankasi {
    background-image: url(assets/logos/ziraat-bankasi.svg)
}

.logo-fibabanka {
    background-image: url(assets/logos/fibabanka.svg)
}

.logo-vakifbank {
    background-image: url(assets/logos/vakifbank.svg)
}

.logo-turkiye-is-bankasi {
    background-image: url(assets/logos/turkiye-is-bankasi.svg)
}

.logo-turkiye-finans {
    background-image: url(assets/logos/turkiye-finans.svg)
}

.logo-sekerbank {
    background-image: url(assets/logos/sekerbank.svg)
}

.logo-aktifbank {
    background-image: url(assets/logos/aktifbank.svg)
}

.logo-hellopay {
    background-image: url(assets/logos/hellopay.svg)
}

.logo-fibank {
    background-image: url(assets/logos/fibank.svg)
}

.logo-banxa {
    background-image: url(assets/logos/banxa.svg)
}

.logo-mastercard {
    background-image: url(assets/logos/mastercard.svg)
}

.logo-visa {
    background-image: url(assets/logos/visa.svg)
}

.logo-sepa {
    background-image: url(assets/logos/sepa.svg)
}

.logo-apple-pay {
    background-image: url(assets/logos/apple-pay.svg)
}

.logo-google-pay {
    background-image: url(assets/logos/google-pay.svg)
}

.logo-interac {
    background-image: url(assets/logos/interac.svg)
}

.logo-payid {
    background-image: url(assets/logos/payid.svg)
}

.logo-faster-payments {
    background-image: url(assets/logos/faster-payments.svg)
}

.logo-ideal {
    background-image: url(assets/logos/ideal.svg)
}

.logo-pix {
    background-image: url(assets/logos/pix.svg)
}

.logo-d-local {
    background-image: url(assets/logos/d-local.svg)
}

.logo-mexc {
    background-image: var(--logo-mexc)
}

.logo-bitmart {
    background-image: var(--logo-bitmart)
}

.logo-azbit {
    background-image: var(--logo-azbit)
}

.logo-lbank {
    background-image: var(--logo-lbank)
}

.logo-linkedin {
    background-image: url(assets/logos/linkedin.svg)
}

.logo-kariyer-net {
    background-image: url(assets/logos/kariyer-net.svg)
}

.badge {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-style: normal
}

.badge-google-play-tr {
    background-image: var(--badge-google-play-tr)
}

.badge-app-store-tr {
    background-image: var(--badge-app-store-tr)
}

.badge-app-gallery-tr {
    background-image: var(--badge-app-gallery-tr)
}

.badge-google-play-en {
    background-image: var(--badge-google-play-en)
}

.badge-app-store-en {
    background-image: var(--badge-app-store-en)
}

.badge-app-gallery-en {
    background-image: var(--badge-app-gallery-en)
}

.badge-google-play-ru {
    background-image: var(--badge-google-play-ru)
}

.badge-app-store-ru {
    background-image: var(--badge-app-store-ru)
}

.badge-app-gallery-ru {
    background-image: var(--badge-app-gallery-ru)
}

.badge-google-play-es {
    background-image: var(--badge-google-play-en)
}

.badge-app-store-es {
    background-image: var(--badge-app-store-en)
}

.badge-app-gallery-es {
    background-image: var(--badge-app-gallery-en)
}

.badge-google-play-pt {
    background-image: var(--badge-google-play-en)
}

.badge-app-store-pt {
    background-image: var(--badge-app-store-en)
}

.badge-app-gallery-pt {
    background-image: var(--badge-app-gallery-en)
}

.arrow {
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNMjMuMywxMi42TDE4LjgsOGwwLDBsLTcuMy03LjNDOS45LTAuOCw3LjMsMC4zLDcuMywyLjV2MTQuMnYwdjEyLjhjMCwyLjIsMi43LDMuMyw0LjIsMS43bDExLjgtMTEuOA0KCUMyNS4yLDE3LjUsMjUuMiwxNC40LDIzLjMsMTIuNnoiLz4NCjwvc3ZnPg0K);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-style: normal
}

.nav-arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNMzEsMTZjMC0wLjUtMC4xLTAuOC0wLjQtMS4xTDE5LjcsNC4xYy0wLjMtMC4zLTAuNy0wLjQtMS4xLTAuNGMtMC40LDAtMC44LDAuMi0xLjIsMC41DQoJYy0wLjYsMC42LTAuNiwxLjUsMCwyLjJsNy4zLDcuM2wwLjgsMC44aC0xLjJoLTIyQzEuNywxNC41LDEsMTUuMSwxLDE2YzAsMC45LDAuNywxLjUsMS41LDEuNWgyMi4xaDEuMkwyNSwxOC40bC03LjUsNy40DQoJYy0wLjYsMC42LTAuNiwxLjYsMCwyLjJjMC4zLDAuMywwLjYsMC40LDEuMSwwLjRjMC40LDAsMC44LTAuMiwxLjItMC41bDEwLjgtMTAuOEMzMC45LDE2LjgsMzEsMTYuNSwzMSwxNnoiLz4NCjwvc3ZnPg0K)
}

.link-arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNNy4yLDI0Yy0wLjMsMC0wLjctMC4xLTEtMC40Yy0wLjUtMC41LTAuNS0xLjQsMC0xLjlsOC44LTguOGMwLjItMC4yLDAuNC0wLjYsMC40LTAuOQ0KCWMwLTAuNC0wLjEtMC43LTAuNC0wLjlMNi4zLDIuM2MtMC41LTAuNS0wLjUtMS40LDAtMS45czEuNC0wLjUsMS45LDBsOC44LDguOGMwLjgsMC44LDEuMiwxLjgsMS4yLDIuOGMwLDEuMS0wLjQsMi4xLTEuMiwyLjgNCglsLTguOCw4LjhDNy45LDIzLjksNy42LDI0LDcuMiwyNHoiLz4NCjwvc3ZnPg0K)
}

.btn-arrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8cGF0aCBkPSJNMzEsMTZjMC0uNS0uMTAwMDAwNC0uODAwMDAwMi0uMzk5OTk5Ni0xLjEwMDAwMDRsLTEwLjg5OTk5OTYtMTAuNzk5OTk5N2MtLjI5OTk5OTItLjMtLjcwMDAwMDgtLjQwMDAwMDEtMS4xMDAwMDA0LS40MDAwMDAxcy0uNzk5OTk5Mi4yLTEuMjAwMDAwOC41Yy0uNjAwMDAwNC41OTk5OTk5LS42MDAwMDA0LDEuNSwwLDIuMTk5OTk5OGw3LjMwMDAwMTEsNy4zMDAwMDAyLjc5OTk5OTIuODAwMDAwMkgyLjI5OTk5OTJjLS41OTk5OTkyLDAtMS4yOTk5OTkyLjYwMDAwMDQtMS4yOTk5OTkyLDEuNXMuNywxLjUsMS41LDEuNWgyMy4zMDAwMDExbC0uODAwMDAxMS44OTk5OTk2LTcuNSw3LjM5OTk5OTZjLS42MDAwMDA0LjYwMDAwMDQtLjYwMDAwMDQsMS42MDAwMDA0LDAsMi4yMDAwMDA4LjI5OTk5OTIuMjk5OTk5Mi42MDAwMDA0LjM5OTk5OTYsMS4xMDAwMDA0LjM5OTk5OTYuMzk5OTk5NiwwLC43OTk5OTkyLS4yMDAwMDA4LDEuMjAwMDAwOC0uNWwxMC44MDAwMDExLTEwLjgwMDAwMTFjLjI5OTk5NzMtLjI5OTk5OTIuMzk5OTk3Ny0uNTk5OTk4NS4zOTk5OTc3LTEuMDk5OTk4NVoiIGZpbGw9IiNmZmYiIHN0cm9rZS13aWR0aD0iMCIvPgo8L3N2Zz4=)
}

.btn-web {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8cGF0aCBkPSJNOC43NzM5ODkzLDMyaC0uMDc3MTAwNWMtMi4zMTQ0Mjg5LS4wMjAwMDY1LTQuNDkwMzYzNi0uOTMzMjEyMy02LjEyNjU5NzgtMi41NzE2OTAxQy45MzQwNTcsMjcuNzkwNTQ0OS4wMjE3MDY1LDI1LjYxMjU3NzMuMDAwMjg5NywyMy4yOTU5ODM2Yy0uMDE4NTYxMS0yLjMxNjU5MzcuODU1MjM5NS00LjUwOTU2NzIsMi40NjE0OTAxLTYuMTc1OTE0MWw0LjQwNDY5NjQtNC40MDg4MTU2Yy44OTgwNzIzLS44OTc0ODM4LDEuOTU0NjI4OS0xLjU3NjMxMjQsMy4xMzgyNTc0LTIuMDE4NjIzMywxLjE4NzkxMTktLjQ0MzczOTcsMi40MjU3OTUyLS42MjMwOTM3LDMuNjkyMjM1My0uNTMxNjMwNCwxLjI2MzU4NDYuMDkwNzQ4NCwyLjQ2ODYyOTkuNDQ1MTY4NiwzLjU3OTQ0MTMsMS4wNTMyNTY0LDEuMTEwODExNC42MDY2NTg5LDIuMDU4ODU3MywxLjQyOTExMzEsMi44MTk4NjMyLDIuNDQ0NDk5NC40ODQwMTc1LjY0NzM4OS4zNTEyMzMzLDEuNTY0MTY1NC0uMjk0MTIxOCwyLjA0ODYzNDEtLjY0ODIxMDcuNDg2NjEyNi0xLjU2MTk4OTguMzUxNTYxNC0yLjA0NzQzNS0uMjkzNjgyNi0uNTA2ODYyLS42NzczOTk4LTEuMTM5MzY3MS0xLjIyNjE3OTktMS44ODAzODQtMS42MzA2MTg1LS43NDEwMTY5LS40MDU4Njg1LTEuNTQzNDI4NS0uNjQyMzg2My0yLjM4NTgxODItLjcwMjQwODktLjgzNTI1MDgtLjA1Nzg3ODgtMS42NjkwNzI3LjA1OTMwODctMi40NjE0ODk4LjM1NDQyMDItLjc4OTU2MTYuMjk0Mzk3Ni0xLjQ5NDg4MzguNzQ3NDI2Ny0yLjA5NDU1MDksMS4zNDY5MzkxbC00LjM4NDcwNzQsNC4zODg4MDY5Yy0xLjA1MjI3MjcsMS4wOTMyNzI2LTEuNjM2MjM0MSwyLjU1NTk2OTItMS42MjMzODQsNC4xMDAxMjgxLjAxNDI3NzksMS41NDM0NDM5LjYyMjUxMTEsMi45OTU0MjIzLDEuNzEzMzM0MSw0LjA4Nzk3OTlzMi41NDE0NDUzLDEuNzAxMzU5Myw0LjA4NDg3MzksMS43MTQyMjI1YzEuNTIzNDM5NS0uMDM4NTg1MSwzLjAwMjYxODgtLjU3MDIxNjYsNC4xMTIwMDI0LTEuNjQyNzY1NmwyLjQ4MjkwNjYtMi40ODQ1MTQ1Yy41NzExMTE0LS41NzE2NDY1LDEuNDk2MzEyNy0uNTcxNjQ2NSwyLjA2NzQyMjksMHMuNTcxMTEyNCwxLjQ5NzcxMTIsMCwyLjA2OTM1NzdsLTIuNTAwMDQwMSwyLjUwMjM3ODFjLTEuNjYzMzYxNSwxLjYwODQ2ODItMy44MjM1OTA2LDIuNDgyMzcxNy02LjExMDg5MjYsMi40ODIzNjczWk0xOC45Mzk3NzI5LDIxLjg2MTg2NjdjLS4yMTEzMTAyLDAtLjQyMjYyMjYtLjAwNzg2MDUtLjYzNTM2MDctLjAyMjg2NjQtMS4yNjM1ODQ2LS4wOTA3NDg0LTIuNDY4NjI4OC0uNDQ1MTY4Ni0zLjU3OTQ0MTMtMS4wNTMyNTc1LTEuMTEwODExNC0uNjA2NjU4OS0yLjA2MDI4NC0xLjQyOTgyOTItMi44MTk4NjMyLTIuNDQ1OTI3Mi0uNDg0MDE2NC0uNjQ3Mzg5LS4zNTEyMzMzLTEuNTY0MTY1NC4yOTQxMjE4LTIuMDQ4NjM0MS42NDk2Mzk2LS40ODQ0Njk4LDEuNTY0ODQ1My0uMzUyMjc2NCwyLjA0NzQzMzkuMjk1MTExNS41MDY4NjEuNjc3NDAwOCwxLjEzOTM2NzEsMS4yMjYxNzg4LDEuODgwMzg1MSwxLjYzMDYxOTYuNzQxMDE2OS40MDU4Njg1LDEuNTQzNDI4NS42NDIzODYzLDIuMzg1ODE4Mi43MDI0MS44MzgxMDYzLjA1ODU5MzcsMS42NjkwNzM4LS4wNTg1OTM3LDIuNDYxNDkwOS0uMzU0NDIwMi43OTA5ODk0LS4yOTUxMTE1LDEuNDkzNDU2LS43NDc0MjU2LDIuMDkxNjk2NC0xLjM0NTUxMTNsNC4zODYxMzYzLTQuMzkwOTUxOWMxLjA1NTEyNzctMS4wOTI1NTc2LDEuNjM3NjYyNS0yLjU1NDU0MTQsMS42MjMzODQ2LTQuMDk4Njk4MS0uMDEyODUwMS0xLjU0NDE1NzgtLjYyMTA4MjgtMi45OTYxMzY4LTEuNzExOTA3NC00LjA4ODY5NDRzLTIuNTQxNDQ0OC0xLjcwMTM1OTktNC4wODQ4NzMzLTEuNzE0MjIxOWMtMS41NDIwMDA4LS4wNDIxNTg5LTMuMDA0MDQ1NS41Njk1MDE2LTQuMTEyMDAxMywxLjY0Mjc2NjFsLTIuNTAwMDQxMiwyLjQ4NzM3MjhjLS41NzM5NjU4LjU3MDIxNjYtMS40OTkxNjcyLjU2NzM1NzctMi4wNjc0MjI5LS4wMDU3MTY2LS41Njk2ODM2LS41NzMwNzQzLS41NjY4MjgtMS40OTk4NTUuMDA1NzExMS0yLjA2OTM1NjZsMi41MTQzMTc5LTIuNTAyMzc4MUMxOC43OTg0MjY0Ljg1NTMyNDYsMjEuMDM0MzI3LjAyNzg2NzcsMjMuMzA0NDk0NSwwYzIuMzE0NDI4OS4wMjAwMDc1LDQuNDkwMzYyNS45MzMyMTEyLDYuMTI2NTk3MiwyLjU3MTY5MDEsMS42Mzc2NjI1LDEuNjM4NDc4OSwyLjU1MDAxMTUsMy44MTcxNjI2LDIuNTY4NTcyNyw2LjEzMzA0MTguMDE5OTg5LDIuMzE1ODc4Ny0uODUzODEyLDQuNTA4ODU0NC0yLjQ2MjkxODcsNi4xNzUyMDAybC00LjQwMzI2OTcsNC40MDgxMDE3Yy0uODk1MjE3OC44OTY3Njk5LTEuOTUwMzQ1NSwxLjU3NjMxMTQtMy4xMzY4Mjk2LDIuMDE5MzM3Mi0uOTg4MDIxOC4zNjg3MTEyLTIuMDEzMTY4MS41NTQ0OTU3LTMuMDU2ODczNi41NTQ0OTU3WiIgZmlsbD0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIwIi8+Cjwvc3ZnPg==)
}

.arrow-up {
    transform: rotate(-180deg)
}

.arrow-right {
    transform: rotate(0)
}

.arrow-down {
    transform: rotate(90deg)
}

.arrow-left {
    transform: rotate(-180deg)
}

.sort {
    display: inline-block;
    background-image: var(--icon-sort);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-style: normal
}

.sort-up {
    background-image: var(--icon-sort-up)
}

.sort-down {
    background-image: var(--icon-sort-down)
}

.flag {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-style: normal
}

.flag-tr {
    background-image: url(assets/flags/flag-tr.svg)
}

.form-control,.select-control,.date-control {
    height: auto;
    color: var(--input-text);
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
    border-radius: var(--border-radius-md);
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .form-control,.select-control,.date-control {
        transition: none
    }
}

.form-control:focus,.select-control:focus,.date-control:focus {
    color: var(--input-text)
}

.form-control:focus-within,.select-control:focus-within,.date-control:focus-within {
    background-color: var(--input-alt-bg);
    border-color: var(--input-focus-border)
}

.form-control {
    overflow: hidden
}

.form-control:focus-within select {
    background-color: var(--input-alt-bg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTAsMTUuOGMtMC40LDAtMC45LTAuMi0xLjItMC41TDAuNSw3LjFjLTAuNy0wLjctMC43LTEuNywwLTIuNEMxLjIsNCwyLjIsNCwyLjksNC43bDcsNy4xbDcuMS03LjENCgljMC43LTAuNywxLjctMC43LDIuNCwwYzAuNywwLjcsMC43LDEuNywwLDIuNGwtOC4yLDguMkMxMC44LDE1LjcsMTAuMywxNS44LDEwLDE1Ljh6Ii8+DQo8L3N2Zz4NCg==)
}

.form-control.has-error {
    border-color: var(--input-error-border);
    background-color: var(--input-error-bg)
}

.form-control.has-error:focus-within {
    border-color: var(--input-error-focus-border)
}

.form-control.has-error:focus-within select {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRjMzMTU1IiBkPSJNMTAsMTUuOGMtMC40LDAtMC45LTAuMi0xLjItMC41TDAuNSw3LjFjLTAuNy0wLjctMC43LTEuNywwLTIuNEMxLjIsNCwyLjIsNCwyLjksNC43bDcsNy4xbDcuMS03LjENCgljMC43LTAuNywxLjctMC43LDIuNCwwYzAuNywwLjcsMC43LDEuNywwLDIuNGwtOC4yLDguMkMxMC44LDE1LjcsMTAuMywxNS44LDEwLDE1Ljh6Ii8+DQo8L3N2Zz4NCg==)
}

.form-control.has-error input {
    color: var(--input-error-text);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDE1MDYwIiBkPSJNMTIsMS4yQzYuMSwxLjIsMS4yLDYuMSwxLjIsMTJTNi4xLDIyLjgsMTIsMjIuOFMyMi44LDE3LjksMjIuOCwxMlMxNy45LDEuMiwxMiwxLjJ6IE0xMiwyMS4yDQoJCWMtNS4xLDAtOS4yLTQuMi05LjItOS4yUzYuOSwyLjgsMTIsMi44czkuMiw0LjIsOS4yLDkuMlMxNy4xLDIxLjIsMTIsMjEuMnoiLz4NCgk8cGF0aCBmaWxsPSIjRDE1MDYwIiBkPSJNMTUuNCw4LjZjLTAuMy0wLjMtMC44LTAuMy0xLjEsMEwxMiwxMC45TDkuNyw4LjZjLTAuMy0wLjMtMC44LTAuMy0xLjEsMGMtMC4zLDAuMy0wLjMsMC44LDAsMS4xbDIuMywyLjMNCgkJbC0yLjMsMi4zYy0wLjMsMC4zLTAuMywwLjgsMCwxLjFjMC4xLDAuMiwwLjMsMC4yLDAuNSwwLjJzMC40LTAuMSwwLjUtMC4ybDIuMy0yLjNsMi4zLDIuM2MwLjIsMC4yLDAuMywwLjIsMC41LDAuMg0KCQlzMC40LTAuMSwwLjUtMC4yYzAuMy0wLjMsMC4zLTAuOCwwLTEuMUwxMy4xLDEybDIuMy0yLjNDMTUuNyw5LjQsMTUuNyw4LjksMTUuNCw4LjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-position: calc(100% - 7px) center;
    background-repeat: no-repeat;
    background-size: 20px
}

.form-control.has-error input::placeholder {
    color: var(--input-error-placeholder)
}

.form-control.has-error input.input-sm {
    background-size: 18px;
    background-position: calc(100% - 6px) center
}

.form-control.has-error input.input-lg {
    background-size: 22px;
    background-position: calc(100% - 8px) center
}

.form-control.has-error select {
    color: var(--input-error-text);
    background-color: var(--input-error-bg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRThBMUFBIiBkPSJNMTAsMTUuOGMtMC40LDAtMC45LTAuMi0xLjItMC41TDAuNSw3Yy0wLjctMC43LTAuNy0xLjcsMC0yLjRzMS43LTAuNywyLjQsMGw3LjIsNy4ybDcuMi03LjINCgljMC43LTAuNywxLjctMC43LDIuNCwwYzAuNywwLjcsMC43LDEuNywwLDIuNGwtOC4zLDguM0MxMC45LDE1LjcsMTAuNCwxNS44LDEwLDE1Ljh6Ii8+DQo8L3N2Zz4NCg==)
}

.form-control.has-disabled,.form-control.has-readonly,.form-control.has-disabled select,.form-control.has-readonly select {
    background-color: var(--input-disabled-bg)!important
}

.form-control.has-disabled:focus-within,.form-control.has-readonly:focus-within {
    border-color: var(--input-border)
}

.form-control.has-disabled input,.form-control.has-disabled select {
    color: var(--input-disabled-text)!important;
    pointer-events: none
}

.form-control.has-disabled .btn-add:hover .icon {
    background-color: var(--tertiary-lighter-color)
}

.form-control.has-disabled .btn-add .icon {
    background-color: var(--tertiary-lighter-color);
    cursor: not-allowed
}

.form-control input,.form-control select,.form-control textarea,.form-control output {
    width: 1%;
    height: 34px;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    color: var(--input-text);
    background-color: transparent;
    flex: 1 1 auto;
    padding: 0 11px;
    border: 0;
    position: relative;
    border-radius: 0
}

.form-control input::-ms-expand,.form-control select::-ms-expand,.form-control textarea::-ms-expand,.form-control output::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control input::placeholder,.form-control select::placeholder,.form-control textarea::placeholder,.form-control output::placeholder {
    font-weight: 400;
    color: var(--input-placeholder);
    opacity: 1
}

.form-control input:focus,.form-control select:focus,.form-control textarea:focus,.form-control output:focus {
    outline: none;
    box-shadow: none
}

.form-control input.input-sm,.form-control select.input-sm,.form-control textarea.input-sm,.form-control output.input-sm {
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    padding: 0 10px
}

.form-control input.input-smoutput,.form-control select.input-smoutput,.form-control textarea.input-smoutput,.form-control output.input-smoutput {
    line-height: 30px
}

.form-control input.input-lg,.form-control select.input-lg,.form-control textarea.input-lg,.form-control output.input-lg {
    height: 38px;
    font-size: 15px;
    line-height: 38px;
    padding: 0 13px
}

.form-control select {
    line-height: 34px;
    padding: 0 33px 0 11px;
    background-color: var(--input-bg);
    background-image: var(--icon-select);
    background-position: calc(100% - 11px) center;
    background-repeat: no-repeat;
    background-size: 11px;
    background-clip: padding-box;
    -webkit-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    user-select: none;
    transition: all .3s;
    border-radius: var(--border-radius-md)
}

@media (prefers-reduced-motion: reduce) {
    .form-control select {
        transition: none
    }
}

.form-control select.input-sm {
    line-height: 31px;
    background-position: calc(100% - 10px) center;
    background-size: 10px;
    padding: 0 30px 0 10px
}

.form-control select.input-lg {
    line-height: 39px;
    background-position: calc(100% - 13px) center;
    background-size: 12px;
    padding: 0 37px 0 13px
}

.form-control textarea {
    height: auto!important;
    line-height: 22px!important;
    padding: 6px 11px!important;
    resize: none
}

.form-control textarea.input-lg {
    line-height: 24px!important;
    padding: 9px 13px!important
}

.form-control output {
    line-height: 34px;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-control input[type=radio],.form-control input[type=checkbox] {
    width: auto;
    height: auto;
    padding: 0
}

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

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

.form-control input[type=file] {
    display: none
}

.form-control input:-webkit-autofill,.form-control input:-webkit-autofill:hover,.form-control input:-webkit-autofill:focus,.form-control input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--bg-color-02) inset!important
}

.form-control input:-webkit-autofill {
    -webkit-text-fill-color: var(--secondary-light-color)!important
}

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

.select-control.open {
    border-color: var(--input-focus-border)!important
}

.select-control.open .select {
    background-image: var(--icon-select-active)
}

.select-control .select {
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-image: var(--icon-select);
    background-position: calc(100% - 11px) center;
    background-repeat: no-repeat;
    background-size: 11px;
    padding: 0 33px 0 11px;
    gap: 8px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    transition: all .3s;
    border-radius: 7px
}

@media (prefers-reduced-motion: reduce) {
    .select-control .select {
        transition: none
    }
}

.select-control .select .icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: inline-flex;
    background-color: var(--bg-color-06);
    margin: auto 0;
    border-radius: var(--border-radius-rd)
}

.select-control .select .text {
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    color: var(--input-text);
    margin: 0;
    gap: 7.5px
}

.select-control .select .text small {
    display: inline-block;
    font-size: 100%;
    font-weight: 400;
    opacity: .65
}

.select-control .selected-item {
    width: 100%;
    display: flex;
    flex-direction: row
}

.select-control .selected-item span {
    height: 24px;
    display: inline-flex;
    font-weight: 500;
    line-height: 24px;
    border-left: 1px solid var(--border);
    padding: 0 13px;
    margin: 7px 0
}

.select-control .selected-item .icon {
    width: 24px;
    flex: 0 0 24px;
    height: 24px;
    display: inline-flex;
    margin: 7px 0;
    border-radius: 5px
}

.select-control .selected-item .name {
    font-weight: 500;
    border-left: 0
}

.select-control .option {
    display: flex;
    flex-direction: row;
    padding: 13px
}

.select-control .option .icon {
    width: 36px;
    flex: 0 0 36px;
    height: 36px;
    display: inline-flex;
    margin: 0 13px 0 0;
    overflow: hidden;
    border-radius: var(--border-radius-rd)
}

.select-control .option .detail {
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 1
}

.select-control .option span {
    display: inline-flex;
    font-size: 14px;
    font-weight: 500
}

.select-control .option .name {
    font-weight: 500;
    justify-content: space-between;
    margin: 0 0 7px
}

.select-control .option .network {
    height: 16px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 16px;
    color: var(--tab-text);
    background-color: var(--button-tertiary-bg);
    padding: 0 5px;
    margin: -1px 0 -3px auto;
    border-radius: 3px
}

.select-control .option .iban,.select-control .option .address {
    font-size: 15px;
    color: var(--tertiary-dark-color)
}

.select-control .menu {
    min-width: 140px;
    background-color: var(--input-bg);
    box-shadow: var(--list-down-shadow);
    overflow: hidden;
    margin: 7.5px 0 0;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    z-index: 3;
    border-radius: var(--border-radius-md)
}

.select-control .menu perfect-scrollbar>.ps {
    min-height: 115px;
    max-height: 190px
}

.select-control .search {
    padding: 11px
}

.select-control .search .form-control {
    width: 100%!important;
    background-color: var(--input-alt-bg)!important;
    border: 1px solid var(--border)!important;
    border-radius: var(--border-radius-sm)!important
}

.select-control .search .form-control:focus-within {
    border-color: var(--border-dark)
}

.select-control .search .form-control:focus-within .input-group-append .btn-icon {
    opacity: .75
}

.select-control .search .form-control input {
    width: 1%!important;
    height: 30px!important;
    font-size: 13px!important;
    line-height: 30px!important;
    padding: 0 10px!important
}

.select-control .search .form-control .input-group-append {
    padding: 0 10px 0 0!important
}

.select-control .search .form-control .input-group-append .btn-icon {
    width: auto!important;
    height: 30px;
    background-color: transparent;
    opacity: .5;
    filter: grayscale(1);
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .select-control .search .form-control .input-group-append .btn-icon {
        transition: none
    }
}

.select-control .search .form-control .input-group-append .btn-icon .icon {
    width: 14px;
    height: 14px;
    display: block;
    background-size: contain
}

.select-control .menu-list {
    display: flex;
    flex-direction: column
}

.select-control .menu-list li {
    margin: 0
}

.select-control .menu-list li:hover {
    background-color: var(--bg-color)
}

.select-control .menu-list li.selected label {
    color: var(--primary-color)!important;
    background-color: var(--bg-color)
}

.select-control .menu-list li.selected label:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNMjMuNSwzLjljMC43LDAuNywwLjcsMS44LDAsMi40TDkuOCwyMC4xYy0wLjcsMC43LTEuOCwwLjctMi40LDBsLTYuOS02LjljLTAuNy0wLjctMC43LTEuOCwwLTIuNA0KCWMwLjctMC43LDEuOC0wLjcsMi40LDBsNS42LDUuNkwyMS4xLDMuOUMyMS43LDMuMywyMi44LDMuMywyMy41LDMuOUwyMy41LDMuOXoiLz4NCjwvc3ZnPg0K)
}

.select-control .menu-list label {
    width: 100%;
    height: 36px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 11px!important;
    margin: 0!important;
    gap: 8px;
    position: relative;
    top: 0!important
}

.select-control .menu-list label:after {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%)
}

.select-control .menu-list label .icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
    background-color: var(--bg-color-06);
    margin: auto 0;
    border-radius: var(--border-radius-rd)
}

.select-control .menu-list label .text {
    display: inline-flex;
    font-size: 14px!important;
    font-weight: 500!important;
    line-height: 36px;
    color: var(--secondary-light-color)!important;
    margin: 0!important;
    gap: 7px
}

.select-control .menu-list label .text small {
    display: inline-block;
    font-size: 100%;
    font-weight: 400;
    opacity: .65
}

.file-control {
    background-color: var(--input-bg);
    border-color: var(--input-border)
}

.file-control label {
    height: 42px;
    font-size: 15px!important;
    line-height: 42px!important;
    padding: 0 15px;
    margin: 0!important;
    position: relative!important;
    top: 0!important;
    overflow: hidden;
    border-radius: 8px
}

.file-control .name {
    color: var(--secondary-light-color)
}

.file-control .button {
    height: 42px;
    font-size: 15px;
    font-weight: 600;
    line-height: 42px;
    background-color: var(--border);
    color: var(--secondary-color);
    display: inline-block;
    cursor: pointer;
    padding: 0 20px;
    position: absolute;
    right: 0;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .file-control .button {
        transition: none
    }
}

.file-control .button:hover {
    color: var(--primary-color)
}

.date-control {
    overflow: hidden
}

.date-control input {
    width: 100%;
    height: 34px;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    color: var(--input-text);
    background-color: transparent;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: 0
}

.date-control input::-ms-expand {
    background-color: transparent;
    border: 0
}

.date-control input::placeholder {
    color: var(--input-placeholder);
    opacity: 1
}

.date-control input:focus {
    outline: none;
    box-shadow: none
}

.date-control:focus-within .mat-icon-button {
    opacity: .75
}

.date-control .mat-date-range-input-container {
    padding: 0 34px 0 11px
}

.date-control .mat-datepicker-toggle {
    position: absolute;
    top: 0;
    right: 0
}

.date-control .mat-mdc-icon-button {
    width: 34px;
    height: 34px;
    float: left;
    line-height: 34px;
    background-image: var(--icon-date);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    padding: 0;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .date-control .mat-mdc-icon-button {
        transition: none
    }
}

.date-control .mat-datepicker-toggle-active .mat-mdc-icon-button {
    background-image: var(--icon-date-active)
}

.date-control .mat-datepicker-toggle-default-icon,.date-control .mat-mdc-button-touch-target,.date-control .mat-ripple,.date-control .mdc-icon-button__ripple,.date-control .mat-mdc-focus-indicator {
    display: none
}

.date-control .mat-date-range-input-wrapper {
    width: 74px;
    height: 34px;
    max-width: unset;
    flex-grow: 0
}

.date-control .mat-date-range-input-separator {
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    color: var(--tertiary-dark-color);
    text-align: center;
    opacity: .5;
    margin: 0 7px
}

.option-control {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    gap: 7px
}

.option-control.inline {
    flex-direction: row;
    padding: 5px 0 0;
    gap: 20px
}

.option-control.inline li {
    flex: 0 0 auto
}

.option-control li {
    position: relative
}

.option-control li:after {
    display: block;
    clear: both;
    content: ""
}

.option-control.has-error:hover label:before {
    border-color: var(--input-error-focus-border)
}

.option-control.has-error label {
    color: var(--input-error-text)!important
}

.option-control.has-error label:before {
    background-color: var(--input-error-bg);
    border-color: var(--input-error-border)
}

.option-control.has-error label a {
    color: var(--input-error-link)
}

.option-control.has-error label a:hover {
    color: var(--input-error-text)
}

.option-control.has-error input:checked+label {
    color: var(--input-text)!important
}

.option-control.has-error input:checked+label:before {
    background-color: var(--input-focus-border);
    border-color: var(--input-focus-border)
}

.option-control.has-error input:checked+label a {
    color: var(--primary-color)
}

.option-control.has-error input:checked+label a:hover {
    color: var(--input-text)
}

.option-control label {
    width: auto!important;
    min-height: 20px;
    display: flex;
    align-items: center;
    font-size: 14px!important;
    line-height: 1.3!important;
    color: var(--input-text)!important;
    padding: 0 0 0 24px;
    margin: 0!important;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.option-control label:before {
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    background-color: var(--input-bg);
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--input-border);
    position: absolute;
    top: 2px;
    left: 0;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .option-control label:before {
        transition: none
    }
}

.option-control label:hover:before {
    border-color: var(--input-focus-border)
}

.option-control label a {
    display: contents;
    font-weight: 500;
    color: var(--primary-color)
}

.option-control label a:hover {
    color: var(--secondary-color)
}

.option-control input {
    width: 15px;
    height: 15px;
    opacity: 0;
    position: absolute;
    top: 2px;
    left: 0
}

.option-control input:checked+label:before {
    background-color: var(--input-focus-border);
    border-color: var(--input-focus-border)
}

.option-control input:disabled+label {
    pointer-events: none
}

.option-control input:disabled+label:before {
    filter: grayscale(.75);
    opacity: .75!important
}

.option-control input.option-lg {
    width: 16px;
    height: 16px
}

.option-control input.option-lg+label {
    font-size: 15px!important;
    line-height: 1.4!important;
    padding: 0 0 0 27px
}

.option-control input.option-lg+label:before {
    width: 16px;
    height: 16px
}

.option-control input.option-lg[type=checkbox]+label:before {
    background-size: 12px
}

.option-control input.option-lg[type=radio]+label:before {
    background-size: 14px
}

.option-control input.option-sm {
    width: 14px;
    height: 14px
}

.option-control input.option-sm+label {
    font-size: 13px!important;
    line-height: 1.2!important;
    padding: 0 0 0 21px
}

.option-control input.option-sm+label:before {
    width: 14px;
    height: 14px
}

.option-control input.option-sm[type=checkbox]+label:before {
    background-size: 10px;
    border-radius: 3px
}

.option-control input.option-sm[type=radio]+label:before {
    background-size: 12px
}

.option-control input[type=checkbox]+label:before {
    background-size: 11px;
    border-radius: 4px
}

.option-control input[type=radio]+label:before {
    background-size: 13px;
    border-radius: var(--border-radius-rd)
}

.option-control input[type=checkbox]:checked+label:before {
    background-color: var(--primary-color);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMy4zLDcuNEwxMC42LDIwQzkuNywyMSw4LjIsMjEsNy4yLDIwbC02LjUtNi41Yy0wLjktMC45LTAuOS0yLjUsMC0zLjRjMC45LTAuOSwyLjUtMC45LDMuNCwwbDQuOCw0LjgNCglsMTEtMTFDMjAuOCwzLDIyLjQsMywyMy4zLDRDMjQuMiw0LjksMjQuMiw2LjQsMjMuMyw3LjR6Ii8+DQo8L3N2Zz4NCg==)
}

.option-control input[type=radio]:checked+label:before {
    background-color: var(--primary-color);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSIxMiIgY3k9IjEyIiByPSI2Ii8+DQo8L3N2Zz4NCg==)
}

.toggle-control {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative
}

.toggle-control input {
    width: 37px;
    height: 20px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.toggle-control label {
    width: 37px!important;
    height: 20px;
    background-color: var(--toggle-control-bg);
    cursor: pointer;
    border-radius: 10px
}

.toggle-control label:before {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    background-color: var(--white-color);
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    transition: all .3s;
    border-radius: var(--border-radius-rd)
}

@media (prefers-reduced-motion: reduce) {
    .toggle-control label:before {
        transition: none
    }
}

.toggle-control input[type=checkbox]:checked+label {
    background-color: var(--primary-color)
}

.toggle-control input[type=checkbox]:checked+label:before {
    left: 20px
}

.bar-control {
    width: 100%;
    height: 6px;
    background-color: #e7f4fc;
    border-radius: 3px
}

.bar-control .bar {
    width: 0%;
    height: 6px;
    background-color: #068bdf;
    transition: width .5s;
    border-radius: 3px
}

@media (prefers-reduced-motion: reduce) {
    .bar-control .bar {
        transition: none
    }
}

@media (min-width: 1200px) {
    .bar-control,.bar-control .bar {
        height:8px;
        border-radius: 4px
    }
}

.search-control:focus-within .btn-icon {
    filter: none;
    opacity: 1
}

.search-control .btn-icon {
    filter: var(--icon-filter-input);
    opacity: .5;
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .search-control .btn-icon {
        transition: none
    }
}

.list-control {
    display: grid;
    gap: 10px;
    font-weight: 400;
    color: var(--secondary-light-color)
}

.list-control .list-item {
    line-height: 1.4;
    position: relative
}

.list-control .value {
    display: block;
    float: right;
    font-weight: 600
}

.list-control.list-disc .list-item {
    padding: 0 0 0 13px
}

.list-control.list-disc .list-item:before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--primary-color);
    border-radius: var(--border-radius-rd);
    position: absolute;
    top: 7px;
    left: 0
}

.list-control.list-check .list-item {
    padding: 0 0 0 17px
}

.list-control.list-check .list-item:before {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEyIDEwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMiAxMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNNC4zLDkuMmMtMC4yLDAtMC41LTAuMS0wLjYtMC4zTDAuMyw1LjVjLTAuMy0wLjMtMC4zLTAuOSwwLTEuM2MwLjMtMC4zLDAuOS0wLjMsMS4zLDBMNC4zLDdsNi4yLTYuMg0KCWMwLjMtMC4zLDAuOS0wLjMsMS4zLDBjMC4zLDAuMywwLjMsMC45LDAsMS4zTDQuOSw4LjlDNC44LDkuMSw0LjUsOS4yLDQuMyw5LjJ6Ii8+DQo8L3N2Zz4NCg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 7px;
    left: 0
}

.list-control.list-bank {
    gap: 25px
}

.list-control.list-bank .list-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-weight: 500;
    line-height: 1;
    color: var(--secondary-light-color);
    overflow: visible;
    margin: 0
}

.list-control.list-bank label {
    width: auto!important;
    display: inline-flex;
    white-space: nowrap;
    padding: 0 10px 0 0;
    margin: 0 auto 0 0!important
}

.list-control.list-bank .btn {
    width: auto;
    height: auto;
    padding: 0;
    margin: -4px 0 -4px 10px;
    border-radius: 0
}

.list-control.list-bank .btn .icon {
    width: 20px;
    height: 20px;
    margin: 0
}

.action-control,.secret-control {
    line-height: 20px;
    margin: -3px 0
}

.action-control .btn-icon,.secret-control .btn-icon {
    width: 20px!important;
    height: 20px!important;
    background-color: transparent!important;
    margin: 0 0 0 5px!important;
    position: relative;
    bottom: -4px
}

.action-control .btn-icon:hover .icon,.secret-control .btn-icon:hover .icon {
    opacity: 1
}

.action-control .action-group,.secret-control .action-group {
    margin: 0 -3px 0 0!important;
    position: relative;
    bottom: -4px
}

.action-control .action-group .btn-icon,.secret-control .action-group .btn-icon {
    display: block;
    float: left;
    margin: 0 0 0 5px!important
}

@media (min-width: 1200px) {
    .action-control .btn-icon,.secret-control .btn-icon {
        width:24px!important;
        height: 24px!important
    }

    .action-control .btn-icon:hover,.secret-control .btn-icon:hover {
        background-color: var(--bg-color-02)!important
    }

    .action-control .action-group,.secret-control .action-group {
        margin: -10px -3px 0 4px!important;
        bottom: -7px
    }

    .action-control .action-group .btn-icon,.secret-control .action-group .btn-icon {
        margin: 0 0 0 1px!important
    }
}

.secret-control {
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 1.2px
}

.form-text {
    font-size: 12px;
    color: var(--tertiary-dark-color);
    margin: 8px 0 0
}

.info-control {
    font-size: 14px;
    line-height: 1.4;
    color: var(--tertiary-color);
    word-break: break-all;
    margin: 10px 0 0
}

.info-control .info-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 8px 0 0
}

.info-control .info-item:first-child {
    margin: 0
}

.info-control .value {
    max-width: 80%;
    display: inline-flex;
    color: var(--secondary-light-color);
    text-align: right
}

.info-control .network {
    height: 18px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .25px;
    line-height: 18px;
    color: var(--tab-text);
    background-color: var(--tab-active);
    padding: 0 7px;
    margin: auto 0;
    border-radius: 4px
}

.text-control {
    font-size: 13px;
    line-height: 22px;
    color: var(--tertiary-color);
    word-break: break-all;
    margin: 6px 0 0
}

.text-control .text-item {
    display: flex;
    flex-wrap: wrap
}

.text-control .text-item .row {
    margin: 0!important
}

.text-control .text-item .row>[class*=col] {
    padding: 0!important
}

.text-control b {
    color: var(--secondary-light-color)
}

.text-control .action-group {
    margin: -12px 0 0 7.5px;
    position: relative;
    bottom: -7px
}

.text-control .action-group .btn {
    width: 26px;
    height: 26px;
    display: block;
    float: left;
    padding: 0;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .text-control .action-group .btn {
        transition: none
    }
}

.text-control .action-group .btn:hover {
    background-color: var(--bg-color-02)
}

.text-control .action-group .icon {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 5px
}

.address-info {
    height: auto;
    color: var(--tertiary-light-color);
    margin: 10px -10px 10px 0
}

.address-info .network,.address-info .address,.address-info .memotag {
    display: block;
    font-weight: 500;
    color: var(--secondary-light-color)
}

.address-info .network b,.address-info .address b,.address-info .memotag b {
    margin-right: 10px
}

.address-info .address {
    display: block
}

.address-info .network i {
    font-size: 13px;
    font-weight: 500;
    background-color: var(--bg-color-05);
    padding: 0 9px;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 3px;
    display: inline-flex;
    height: 26px;
    align-items: center
}

.address-info .memotag {
    padding: 0 10px;
    position: relative;
    display: inline-flex;
    height: 26px;
    align-items: center
}

.address-info .memotag:before {
    content: "";
    width: 1px;
    display: block;
    background-color: var(--bg-color-05);
    position: absolute;
    left: 0;
    top: 3px;
    bottom: 3px
}

.total-info {
    line-height: 24px;
    color: var(--tertiary-light-color);
    margin: 10px 0 0
}

.total-info .value {
    display: block;
    float: right;
    color: var(--secondary-light-color)
}

.input-group-prepend,.input-group-append {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.input-group-prepend input,.input-group-prepend select,.input-group-prepend label,.input-group-prepend output,.input-group-append input,.input-group-append select,.input-group-append label,.input-group-append output {
    width: 100%
}

.input-group-prepend label,.input-group-append label {
    height: 34px!important;
    font-size: 14px!important;
    line-height: 34px!important;
    font-weight: 500!important;
    padding: 0!important;
    margin: 0!important
}

.input-group-prepend label.name,.input-group-append label.name {
    font-weight: 400!important;
    border-bottom: 0!important
}

.input-group-prepend .select-control,.input-group-append .select-control {
    background-color: transparent;
    border: 0;
    border-radius: 0
}

.input-group-prepend .select-control .select,.input-group-append .select-control .select {
    background-position: center right!important;
    padding: 0 22px 0 0!important
}

.input-group-prepend .select-control .menu-list label,.input-group-append .select-control .menu-list label {
    color: var(--secondary-color)
}

.input-group-prepend .tag-control,.input-group-append .tag-control {
    display: inline-flex;
    position: relative
}

.input-group-prepend .tag-control:before,.input-group-append .tag-control:before {
    content: "";
    width: 1px;
    background-color: var(--input-border);
    position: absolute;
    left: 0;
    top: 7.5px;
    bottom: 7.5px
}

.input-group-prepend .btn,.input-group-append .btn {
    height: 34px;
    min-height: auto
}

.input-group-prepend .btn-icon,.input-group-append .btn-icon {
    display: flex!important;
    padding: 0!important
}

.input-group-prepend .btn-icon .icon,.input-group-append .btn-icon .icon {
    width: 18px;
    height: 18px;
    margin: auto 0!important
}

.input-group-prepend .btn-add,.input-group-append .btn-add {
    width: 16px!important;
    background-color: transparent!important;
    padding: 0!important
}

.input-group-prepend .btn-add:hover,.input-group-prepend .btn-add:active,.input-group-append .btn-add:hover,.input-group-append .btn-add:active {
    background-color: transparent!important
}

.input-group-prepend .btn-add:hover .icon,.input-group-prepend .btn-add:active .icon,.input-group-append .btn-add:hover .icon,.input-group-append .btn-add:active .icon {
    background-color: var(--primary-dark-color)
}

.input-group-prepend .btn-add .icon,.input-group-append .btn-add .icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    background-color: var(--primary-color);
    background-image: var(--icon-add);
    background-size: 10px;
    opacity: 1;
    margin: 10px 0;
    border-radius: 4px;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .input-group-prepend .btn-add .icon,.input-group-append .btn-add .icon {
        transition: none
    }
}

.input-group-prepend {
    padding: 0 0 0 11px
}

.input-group-append {
    padding: 0 11px 0 0
}

.form {
    width: 100%
}

.form .tab-menu,.form .tab-button,.form .tab-slide,.form .form-group {
    margin: 0 0 15px
}

.form .form-group label {
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: var(--tertiary-color);
    margin: 0 0 8px;
    -webkit-user-select: none;
    user-select: none
}

.form .form-group label .toggle {
    display: block;
    float: right;
    font-weight: 500;
    color: var(--secondary-color);
    text-decoration: none;
    margin: 0 0 0 5px
}

.form .form-group label .toggle:hover {
    color: var(--primary-color)
}

.form .form-group label .toggle .icon {
    width: 14px;
    height: 14px;
    margin: 0 6px -3px 0
}

.form .form-group label .toggle .icon-plus {
    width: 12px;
    background-size: 12px;
    margin: 0 4px -2px 0
}

.form .form-group label .balance {
    display: block;
    float: right;
    font-weight: 400;
    color: var(--tertiary-light-color)
}

.form .form-group .tab-button {
    height: 24px;
    margin: 10px 0 0;
    gap: 10px
}

.form .form-group .tab-button .tab-caption {
    height: 24px;
    font-size: 12px!important;
    font-weight: 500!important;
    color: var(--tertiary-dark-color);
    padding: 0 8px;
    margin: 0!important;
    border-radius: var(--border-radius-sm)
}

.form .percent-group {
    margin: -2px 0 6px
}

.form .text-group {
    margin: -6px 0 9px
}

.form .text-group label {
    width: 100%;
    font-size: 13px!important;
    font-weight: 400;
    line-height: 1;
    color: var(--tertiary-light-color);
    margin: 0 0 8px;
    -webkit-user-select: none;
    user-select: none
}

.form .text-group .text-control {
    margin: 0
}

.form .btn {
    width: 100%
}

.form-sm .form-group {
    margin: 0 0 15px
}

.form-sm .form-group label {
    font-size: 12px;
    margin: 0 0 5px
}

.form-sm .form-group .tab-button {
    height: 22px;
    margin: 6px 0 0;
    gap: 6px
}

.form-sm .form-group .tab-button .tab-caption {
    height: 22px;
    font-size: 11px!important;
    padding: 0 7px
}

.form-sm .text-group {
    margin: -7px 0 9px
}

.form-sm .text-group label label {
    font-size: 12px!important;
    margin: 0 0 5px
}

.form-sm .form-control,.form-sm .select-control,.form-sm .select-control .menu,.form-sm .date-control {
    border-radius: var(--border-radius-sm)
}

.form-sm .form-control input,.form-sm .form-control select,.form-sm .form-control textarea,.form-sm .form-control output,.form-sm .form-control label {
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    padding: 0 10px
}

.form-sm .form-control select {
    background-position: calc(100% - 10px) center;
    background-size: 10px;
    padding: 0 30px 0 10px;
    border-radius: var(--border-radius-sm)
}

.form-sm .select-control .select {
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    background-position: calc(100% - 10px) center;
    background-size: 10px;
    padding: 0 30px 0 10px
}

.form-sm .select-control .select .icon {
    width: 17px;
    height: 17px;
    flex: 0 0 17px
}

.form-sm .select-control .menu {
    min-width: 120px
}

.form-sm .select-control .search {
    padding: 10px
}

.form-sm .select-control .search .form-control {
    border-radius: var(--border-radius-xs)!important
}

.form-sm .select-control .search .form-control input {
    height: 24px!important;
    font-size: 12px!important;
    line-height: 24px!important;
    padding: 0 8px!important
}

.form-sm .select-control .search .form-control .input-group-append {
    padding: 0 8px 0 0!important
}

.form-sm .select-control .search .form-control .input-group-append .btn-icon {
    height: 24px
}

.form-sm .select-control .search .form-control .input-group-append .btn-icon .icon {
    width: 12px;
    height: 12px
}

.form-sm .select-control .menu-list label {
    height: 30px;
    font-size: 13px!important;
    line-height: 30px!important;
    padding: 0 10px!important
}

.form-sm .select-control .menu-list label:before {
    width: 10px;
    height: 10px;
    right: 10px
}

.form-sm .date-control input {
    height: 30px;
    font-size: 12px;
    line-height: 30px
}

.form-sm .date-control .mat-date-range-input-container {
    padding: 0 30px 0 10px
}

.form-sm .date-control .mat-mdc-icon-button {
    width: 30px;
    height: 30px;
    background-size: 18px
}

.form-sm .date-control .mat-date-range-input-wrapper {
    width: 64px;
    height: 30px
}

.form-sm .date-control .mat-date-range-input-separator {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    margin: 0 6px
}

.form-sm .option-control {
    gap: 3px
}

.form-sm .option-control input {
    width: 14px;
    height: 14px
}

.form-sm .option-control input[type=checkbox]+label:before {
    background-size: 10px;
    border-radius: 3px
}

.form-sm .option-control input[type=radio]+label:before {
    background-size: 12px
}

.form-sm .option-control label {
    font-size: 13px!important;
    line-height: 1.2!important;
    padding: 0 0 0 21px
}

.form-sm .option-control label:before {
    width: 14px;
    height: 14px
}

.form-sm .text-control {
    font-size: 12px
}

.form-sm .input-group-prepend,.form-sm .input-group-append {
    gap: 9px
}

.form-sm .input-group-prepend label,.form-sm .input-group-append label {
    height: 30px!important;
    font-size: 13px!important;
    line-height: 30px!important
}

.form-sm .input-group-prepend label.name,.form-sm .input-group-append label.name {
    line-height: 29px!important
}

.form-sm .input-group-prepend .select-control .select,.form-sm .input-group-append .select-control .select {
    padding: 0 18px 0 0!important
}

.form-sm .input-group-prepend .btn,.form-sm .input-group-append .btn {
    height: 30px;
    line-height: 30px
}

.form-sm .input-group-prepend .btn-icon .icon,.form-sm .input-group-append .btn-icon .icon {
    background-size: 12px
}

.form-sm .input-group-prepend .btn-add,.form-sm .input-group-append .btn-add {
    width: 12px!important;
    margin: 0 8px 0 0
}

.form-sm .input-group-prepend .btn-add .icon,.form-sm .input-group-append .btn-add .icon {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    background-size: 8px;
    margin: 9px 0
}

.form-sm .input-group-prepend {
    padding: 0 0 0 10px
}

.form-sm .input-group-append {
    padding: 0 10px 0 0
}

.form-sm .btn {
    height: 32px;
    font-size: 13px;
    padding: 0 12px;
    border-radius: var(--border-radius-sm)
}

.form-sm .btn-icon .icon {
    width: 16px;
    height: 16px;
    margin: 0 8px -3px 0
}

.form-lg .form-group {
    margin: 0 0 20px
}

.form-lg .form-group label {
    font-size: 14px;
    margin: 0 0 8px
}

.form-lg .form-group label .label-text {
    float: right
}

.form-lg .form-group .tab-button {
    height: 26px;
    margin: 10px 0 0
}

.form-lg .form-group .tab-button .tab-caption {
    height: 26px;
    font-size: 13px!important;
    line-height: 26px;
    padding: 0 9px
}

.form-lg .bank-group .select-control .option .icon {
    border-radius: 5px
}

.form-lg .bank-group .select-control .select .icon {
    margin: 8px 0 8px -3px;
    border-radius: 5px
}

.form-lg .bank-group .select-control .menu-list label .icon {
    margin: auto 0 auto -2px;
    border-radius: 5px
}

.form-lg .crypto-group .select-control .search {
    padding: 11px
}

.form-lg .crypto-group .select-control .select .icon {
    margin: 8px 0 8px -3px;
    border-radius: var(--border-radius-rd)
}

.form-lg .crypto-group .select-control .menu-list label .icon {
    margin: auto 0 auto -2px;
    border-radius: var(--border-radius-rd)
}

.form-lg .text-group {
    margin: -1px 0 14px
}

.form-lg .text-group label {
    font-size: 14px!important;
    margin: 0 0 8px
}

.form-lg .toggle-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: var(--bg-color-02);
    padding: 14px;
    border-radius: var(--border-radius-lg)
}

.form-lg .form-control,.form-lg .select-control,.form-lg .select-control .menu,.form-lg .date-control {
    border-radius: var(--border-radius-lg)
}

.form-lg .form-control input,.form-lg .form-control select,.form-lg .form-control textarea,.form-lg .form-control output {
    height: 38px;
    font-size: 15px;
    line-height: 39px;
    padding: 0 13px
}

.form-lg .form-control select {
    background-position: calc(100% - 13px) center;
    background-size: 12px;
    padding: 0 37px 0 13px;
    border-radius: var(--border-radius-lg)
}

.form-lg .form-control textarea {
    line-height: 24px!important;
    padding: 9px 13px!important
}

.form-lg .select-control .select {
    height: 38px;
    background-position: calc(100% - 13px) center;
    background-size: 12px;
    padding: 0 37px 0 13px
}

.form-lg .select-control .select .icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    margin: 8px 0
}

.form-lg .select-control .select .text {
    font-size: 15px;
    font-weight: 500;
    line-height: 38px
}

.form-lg .select-control .menu {
    min-width: 160px
}

.form-lg .select-control .menu perfect-scrollbar>.ps {
    min-height: 127px;
    max-height: 210px
}

.form-lg .select-control .menu perfect-scrollbar>.ps.ps--active-y>.ps__rail-y {
    width: 13px
}

.form-lg .select-control .menu perfect-scrollbar .ps__thumb-y {
    right: 4px!important
}

.form-lg .select-control .search {
    padding: 13px
}

.form-lg .select-control .search .form-control {
    border-radius: var(--border-radius-md)!important
}

.form-lg .select-control .search .form-control input {
    height: 34px!important;
    font-size: 14px!important;
    line-height: 34px!important;
    padding: 0 11px!important
}

.form-lg .select-control .search .form-control .input-group-append {
    padding: 0 11px 0 0!important
}

.form-lg .select-control .search .form-control .input-group-append .btn-icon {
    height: 34px
}

.form-lg .select-control .search .form-control .input-group-append .btn-icon .icon {
    width: 18px!important;
    height: 18px!important
}

.form-lg .select-control .menu-list label {
    height: 38px;
    font-size: 15px;
    font-weight: 500;
    color: var(--secondary-light-color)!important;
    padding: 0 13px!important
}

.form-lg .select-control .menu-list label:after {
    width: 14px;
    height: 14px;
    right: 13px
}

.form-lg .select-control .menu-list label .icon {
    width: 22px;
    height: 22px
}

.form-lg .select-control .menu-list label .text {
    font-size: 15px!important;
    line-height: 38px!important
}

.form-lg .date-control input {
    height: 38px;
    font-size: 15px;
    line-height: 38px
}

.form-lg .date-control .mat-date-range-input-container {
    padding: 0 38px 0 13px
}

.form-lg .date-control .mat-mdc-icon-button {
    width: 38px;
    height: 38px;
    background-size: 22px
}

.form-lg .date-control .mat-date-range-input-wrapper {
    width: 80px;
    height: 38px
}

.form-lg .date-control .mat-date-range-input-separator {
    height: 38px;
    font-size: 15px;
    line-height: 38px;
    margin: 0 8px
}

.form-lg .option-control {
    gap: 10px
}

.form-lg .option-control input {
    width: 16px;
    height: 16px
}

.form-lg .option-control input[type=checkbox]+label:before {
    background-size: 12px
}

.form-lg .option-control input[type=radio]+label:before {
    background-size: 14px
}

.form-lg .option-control label {
    font-size: 15px!important;
    line-height: 1.4!important;
    padding: 0 0 0 27px
}

.form-lg .option-control label:before {
    width: 16px;
    height: 16px
}

.form-lg .text-control {
    font-size: 14px
}

.form-lg .input-group-prepend,.form-lg .input-group-append {
    gap: 12px
}

.form-lg .input-group-prepend label,.form-lg .input-group-append label {
    height: 38px!important;
    font-size: 15px;
    font-weight: 400!important;
    line-height: 38px!important
}

.form-lg .input-group-prepend .select-control .icon,.form-lg .input-group-append .select-control .icon {
    display: flex;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin: auto 8px auto 0;
    overflow: hidden;
    border-radius: var(--border-radius-rd)
}

.form-lg .input-group-prepend .select-control .select,.form-lg .input-group-append .select-control .select {
    display: flex;
    flex-direction: row;
    background-size: 13px;
    padding: 0 24px 0 0!important
}

.form-lg .input-group-prepend .select-control .menu,.form-lg .input-group-append .select-control .menu {
    left: auto;
    border-radius: var(--border-radius-lg)
}

.form-lg .input-group-prepend .select-control .menu-list label,.form-lg .input-group-append .select-control .menu-list label {
    display: flex;
    flex-direction: row;
    padding: 0 10px!important
}

.form-lg .input-group-prepend .btn,.form-lg .input-group-append .btn {
    height: 38px;
    line-height: 38px!important
}

.form-lg .input-group-prepend .btn-icon .icon,.form-lg .input-group-append .btn-icon .icon {
    background-size: 18px
}

.form-lg .input-group-prepend .btn-add,.form-lg .input-group-append .btn-add {
    width: 18px!important
}

.form-lg .input-group-prepend .btn-add .icon,.form-lg .input-group-append .btn-add .icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background-size: 10px;
    margin: 11px 0
}

.form-lg .input-group-prepend {
    padding: 0 0 0 13px
}

.form-lg .input-group-append {
    padding: 0 13px 0 0
}

.form-lg .btn {
    height: 40px;
    font-size: 15px;
    padding: 0 18px;
    border-radius: var(--border-radius-lg)
}

.form-lg .btn-icon .icon {
    width: 20px;
    height: 20px;
    margin: 0 8px -5px 0
}

.form-xl .form-group {
    margin: 0 0 20px
}

.form-xl .form-control,.form-xl .select-control {
    overflow: visible;
    border-radius: var(--border-radius-lg)
}

.form-xl .form-control input,.form-xl .form-control select,.form-xl .form-control textarea,.form-xl .form-control output {
    height: 46px;
    font-size: 17px;
    line-height: 46px;
    padding: 0 15px
}

.form-xl .form-control select {
    background-position: calc(100% - 15px) center;
    background-size: 12px;
    padding: 0 40px 0 15px;
    border-radius: var(--border-radius-lg)
}

.form-xl .select-control .select {
    height: 38px;
    font-size: 15px;
    line-height: 38px;
    background-position: calc(100% - 13px) center;
    background-size: 12px;
    padding: 0 37px 0 13px
}

.form-xl .select-control .menu {
    min-width: 160px
}

.form-xl .select-control .search {
    padding: 13px
}

.form-xl .select-control .search .form-control {
    border-radius: var(--border-radius-md)!important
}

.form-xl .select-control .search .form-control input {
    height: 34px!important;
    font-size: 14px!important;
    line-height: 34px!important;
    padding: 0 11px!important
}

.form-xl .select-control .search .form-control .input-group-append {
    padding: 0 11px 0 0!important
}

.form-xl .select-control .search .form-control .input-group-append .btn-icon {
    height: 34px
}

.form-xl .select-control .search .form-control .input-group-append .btn-icon .icon {
    width: 16px;
    height: 16px
}

.form-xl .select-control .menu-list label {
    height: 38px;
    font-size: 15px!important;
    line-height: 39px!important;
    padding: 0 13px!important
}

.form-xl .select-control .menu-list label:before {
    width: 14px;
    height: 14px;
    right: 13px
}

.form-xl .option-control label {
    font-size: 15px!important;
    line-height: 1.4!important;
    padding: 0 0 0 28px
}

.form-xl .option-control label:before {
    width: 17px;
    height: 17px
}

.form-xl .input-group-prepend,.form-xl .input-group-append {
    gap: 14px
}

.form-xl .input-group-prepend label,.form-xl .input-group-append label {
    height: 46px!important;
    line-height: 46px!important
}

.form-xl .input-group-prepend .select-control,.form-xl .input-group-append .select-control {
    background-color: transparent;
    border: 0;
    border-radius: 0
}

.form-xl .input-group-prepend .select-control .icon,.form-xl .input-group-append .select-control .icon {
    display: flex;
    width: 24px;
    height: 24px;
    margin: auto 10px auto 0;
    overflow: hidden;
    border-radius: var(--border-radius-rd)
}

.form-xl .input-group-prepend .select-control .select,.form-xl .input-group-append .select-control .select {
    display: flex;
    flex-direction: row;
    height: 46px;
    font-size: 17px;
    line-height: 46px;
    color: var(--secondary-color)
}

.form-xl .input-group-prepend .select-control .menu,.form-xl .input-group-append .select-control .menu {
    left: auto
}

.form-xl .input-group-prepend .select-control .menu-list label,.form-xl .input-group-append .select-control .menu-list label {
    display: flex;
    flex-direction: row
}

.form-xl .input-group-prepend {
    padding: 0 0 0 15px
}

.form-xl .input-group-append {
    padding: 0 15px 0 0
}

.form-xl .btn {
    height: 48px;
    font-size: 17px;
    line-height: 48px;
    padding: 0 20px;
    border-radius: var(--border-radius-lg)
}

pager {
    width: 100%
}

.pagination-bar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-top: 1px solid var(--bg-color-03);
    padding: 20px 0
}

.pagination-bar .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.pagination-bar .page-item.active .page-link {
    color: var(--button-text)!important;
    background-color: var(--button-primary-bg);
    border-color: var(--button-primary-bg);
    cursor: default
}

.pagination-bar .page-item.prev .arrow {
    margin: 0 0 0 -2px;
    transform: rotate(180deg)
}

.pagination-bar .page-item.next .arrow {
    margin: 0 -2px 0 0
}

.pagination-bar .page-link {
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: 1;
    color: var(--link-hover)!important;
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    padding: 0 7.5px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    border-radius: var(--border-radius-sm);
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .pagination-bar .page-link {
        transition: none
    }
}

.pagination-bar .page-link:hover {
    color: var(--link)!important;
    border-color: var(--input-focus-border);
    text-decoration: none!important
}

.pagination-bar .page-link:hover .arrow {
    filter: none
}

.pagination-bar .page-link .arrow {
    width: 10px;
    height: 10px;
    filter: var(--arrow-filter);
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .pagination-bar .page-link .arrow {
        transition: none
    }
}

@media (min-width: 1200px) {
    .pagination-bar {
        justify-content:center;
        border-top-width: 0;
        padding: 0;
        margin: 0 0 20px
    }

    .pagination-bar.align-start {
        justify-content: flex-start!important
    }

    .pagination-bar.align-end {
        justify-content: flex-end!important
    }
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

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

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

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

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

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

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

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

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

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

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

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

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

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

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

.cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.32)
}

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

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

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

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

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

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

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

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

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

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

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

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

.mat-focus-indicator {
    position: relative
}

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

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

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

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

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

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

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

.mat-mdc-dialog-surface {
    height: calc(100vh - 56px);
    font-family: Inter Tight,sans-serif!important;
    font-weight: 400;
    color: var(--secondary-light-color)!important;
    background-color: var(--bg-color)!important;
    padding: 0 20px!important;
    position: relative;
    overflow: auto!important;
    box-shadow: 0 10px 15px -10px #00000059!important;
    border-top-left-radius: var(--border-radius-pg)!important;
    border-top-right-radius: var(--border-radius-pg)!important
}

.mat-mdc-dialog-surface:after {
    display: block;
    clear: both;
    content: ""
}

.mat-mdc-dialog-container .mdc-dialog__content {
    color: var(--secondary-light-color)!important
}

.mat-mdc-dialog-container .mdc-dialog__surface {
    border-radius: 0!important;
    border-top-left-radius: var(--border-radius-pg)!important;
    border-top-right-radius: var(--border-radius-pg)!important
}

.mdc-dialog__title {
    width: 100%;
    height: 52px;
    font-family: Inter Tight,sans-serif!important;
    display: flex!important;
    flex-wrap: wrap;
    font-size: 16px!important;
    font-weight: 600!important;
    color: var(--secondary-color)!important;
    letter-spacing: 0!important;
    line-height: 1!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    background-color: var(--bg-color);
    padding: 0!important;
    margin: 0!important;
    position: sticky!important;
    top: 0;
    z-index: 1
}

.mdc-dialog__title:after {
    content: "";
    height: 1px;
    background-color: var(--border);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.mdc-dialog__title .icon {
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
    border-radius: var(--border-radius-rd)
}

.mdc-dialog__title .tag {
    height: 20px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--tag-text);
    background-color: var(--tag-bg);
    padding: 0 7px;
    margin: 0 0 0 5px;
    border-radius: 4px
}

.mdc-dialog__title .tab-menu {
    width: auto;
    height: 52px;
    border-bottom: 0;
    z-index: 1
}

.mdc-dialog__title .tab-menu .tab-caption {
    height: 52px;
    font-size: 16px;
    line-height: 52px
}

.mdc-dialog__action {
    width: 100%;
    height: 52px;
    font-family: Inter Tight,sans-serif!important;
    display: flex!important;
    flex-direction: row;
    font-size: 16px!important;
    font-weight: 600!important;
    color: var(--secondary-color)!important;
    letter-spacing: 0!important;
    line-height: 1!important;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-color);
    padding: 0!important;
    margin: 0!important;
    position: sticky!important;
    top: 0;
    z-index: 1
}

.mdc-dialog__action:after {
    content: "";
    height: 1px;
    background-color: var(--border);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.mdc-dialog__action .caption {
    width: 100%;
    text-align: center
}

.mat-dialog-label {
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mat-dialog-close {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    padding: 0;
    margin: 0 -4px 0 auto;
    outline: none;
    cursor: pointer
}

.mat-dialog-close .icon {
    width: 24px;
    height: 24px;
    background-size: 20px;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .mat-dialog-close .icon {
        transition: none
    }
}

.mat-dialog-back {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    padding: 0;
    margin: 0 -4px 0 auto;
    outline: none;
    cursor: pointer;
    position: absolute;
    top: 14px;
    left: 20px;
    z-index: 1
}

.mat-dialog-back .icon {
    width: 24px;
    height: 24px;
    background-size: 22px;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .mat-dialog-back .icon {
        transition: none
    }
}

.mat-dialog-popup-back {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    padding: 0;
    margin: 0 -4px 0 auto;
    outline: none;
    cursor: pointer;
    z-index: 1
}

.mat-dialog-popup-back .icon {
    width: 24px;
    height: 24px;
    background-size: 22px;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .mat-dialog-popup-back .icon {
        transition: none
    }
}

.link-back {
    height: 38px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    line-height: 38px;
    font-weight: 600;
    color: var(--link-hover)!important;
    text-decoration: none!important;
    border: 1px solid var(--primary-color);
    padding: 0 15px 0 10px;
    gap: 5px;
    border-radius: var(--border-radius-md)
}

.link-back:hover {
    color: var(--link)!important
}

.link-back .icon {
    width: 18px;
    height: 18px;
    background-size: 14px
}

.mat-mdc-dialog-content {
    font-family: Inter Tight,sans-serif!important;
    letter-spacing: 0!important;
    line-height: 1.4!important;
    max-height: unset!important;
    padding: 0!important;
    margin: 0!important;
    overflow: hidden!important
}

.mat-mdc-dialog-content.mat-dialog-overflow {
    max-height: calc(100vh - 108px)!important;
    padding: 0 20px!important;
    margin: 0 -20px!important;
    overflow: visible!important
}

.mat-mdc-dialog-content .row {
    margin: 0 -20px
}

.mat-mdc-dialog-content .row>[class*=col] {
    padding: 0 20px
}

.mat-mdc-dialog-content .row .col-side {
    flex: 0 0 35%;
    max-width: 35%;
    position: relative
}

.mat-mdc-dialog-content .row .col-side:before {
    content: "";
    width: 1px;
    background-color: var(--bg-color-03);
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px
}

.mat-mdc-dialog-content .caption {
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary-light-color);
    margin: 0 0 10px
}

.mat-mdc-dialog-content .text {
    font-weight: 400;
    line-height: 1.4;
    color: var(--secondary-light-color);
    margin: 0 0 10px
}

.mat-mdc-dialog-content .description {
    font-weight: 400;
    line-height: 1.5;
    color: var(--secondary-light-color);
    border-bottom: 1px solid var(--border);
    padding: 0 0 20px;
    margin: 0 0 20px
}

.mat-mdc-dialog-content .description .text {
    margin: 0
}

.mat-mdc-dialog-content .description .link {
    font-weight: 500
}

.mat-mdc-dialog-content .description .link:hover {
    text-decoration: underline!important
}

.mat-mdc-dialog-content .information {
    font-weight: 400;
    line-height: 1.5;
    color: var(--secondary-light-color);
    padding: 15px 0 0;
    margin: 0 0 -5px
}

.mat-mdc-dialog-content .memotag {
    height: 16px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    color: var(--tag-text);
    background-color: var(--tag-bg);
    padding: 0 4px;
    margin: 0 0 0 5px;
    position: relative;
    top: -1px;
    border-radius: 3px
}

.mat-mdc-dialog-content .tooltip {
    display: inline-block;
    margin: -3px 0 -3px 5px;
    position: relative;
    top: 2px;
    z-index: 1
}

.mat-mdc-dialog-content .tooltip .icon {
    width: 15px;
    height: 15px
}

.mat-mdc-dialog-content .tooltip .icon:hover+.text {
    display: block!important
}

.mat-mdc-dialog-content .tooltip .text {
    display: none;
    width: 240px;
    min-width: 160px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--tertiary-dark-color);
    text-align: center;
    word-break: break-word;
    background-color: var(--bg-color);
    border: 1px solid var(--border);
    box-shadow: 0 2px 5px #0000000d;
    padding: 7px 10px;
    position: absolute;
    left: 50%;
    top: 24px;
    transform: translate(-50%);
    border-radius: var(--border-radius-lg)
}

.mat-mdc-dialog-content .tooltip .text:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--bg-color);
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: var(--border);
    rotate: 45deg;
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translate(-50%)
}

.mat-mdc-dialog-content .tab-option {
    padding: 20px 0
}

.mat-mdc-dialog-content .tab-menu .tab-caption {
    font-size: 14px!important
}

.mat-mdc-dialog-content .tab-content .deposit-tab {
    display: block;
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .mat-mdc-dialog-content .tab-content .deposit-tab {
        transition: none
    }
}

@media (min-width: 768px) {
    .mat-mdc-dialog-content .tab-content .deposit-tab {
        min-height:426px
    }
}

.mat-mdc-dialog-content .tab-content .withdraw-tab {
    display: block;
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .mat-mdc-dialog-content .tab-content .withdraw-tab {
        transition: none
    }
}

@media (min-width: 768px) {
    .mat-mdc-dialog-content .tab-content .withdraw-tab {
        min-height:512px
    }
}

.mat-mdc-dialog-content .tab-content .withdraw-tab .select-control .selected-item .name {
    padding: 0 10px
}

.mat-mdc-dialog-content .form .form-control .btn {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-color);
    padding: 0
}

.mat-mdc-dialog-content .form .form-control .btn:hover {
    color: var(--secondary-light-color)
}

.mat-mdc-dialog-content .form .form-control .btn.passive {
    color: var(--tertiary-light-color);
    cursor: default
}

.mat-mdc-dialog-content .form .form-control .counter {
    font-weight: 400!important
}

.mat-mdc-dialog-content .form .value-control {
    border: 1px solid var(--border-light);
    padding: 7px 10px;
    border-radius: var(--border-radius-md)
}

.mat-mdc-dialog-content .form .value-control label {
    font-size: 13px;
    margin: 3px 0 4px
}

.mat-mdc-dialog-content .form .value-control output {
    font-size: 15px;
    font-weight: 600
}

.mat-mdc-dialog-content .form .value-control.earn-value {
    background-color: var(--bg-color-01)
}

.mat-mdc-dialog-content .form .value-control.earn-value label {
    color: var(--secondary-light-color)
}

.mat-mdc-dialog-content .form .value-control.earn-value output {
    color: var(--green-color)
}

.mat-mdc-dialog-content .form .sub-text {
    font-size: 12px;
    font-weight: 400;
    color: var(--tertiary-dark-color);
    margin: 6px 0 0
}

.mat-mdc-dialog-content .form .sub-text b {
    font-weight: 500!important;
    color: var(--secondary-lighter-color)
}

.mat-mdc-dialog-content .form .tab-select {
    height: 40px
}

.mat-mdc-dialog-content .form .tab-select .tab-caption {
    height: 38px;
    line-height: 38px
}

.mat-mdc-dialog-content .form .tab-select .tab-caption .logo {
    width: 60px;
    height: 36px
}

.mat-mdc-dialog-content .form-group .mat-dialog-info {
    border-bottom: 1px solid var(--border)
}

.mat-mdc-dialog-content .value-group .value-control {
    background-color: transparent;
    border: 0;
    padding: 0;
    border-radius: 0
}

.mat-mdc-dialog-content .value-group .value-control label {
    font-size: 14px;
    color: var(--secondary-light-color);
    margin: 0 0 8px
}

.mat-mdc-dialog-content .value-group .value-control output {
    font-size: 18px
}

.mat-mdc-dialog-content .text-group {
    font-weight: 400;
    border-top: 1px solid var(--border);
    padding: 20px 0 0
}

.mat-mdc-dialog-content .info-group {
    line-height: 1.4;
    color: var(--tertiary-dark-color);
    border-bottom: 1px solid var(--border);
    padding: 0 0 15px;
    margin: -5px 0 15px
}

.mat-mdc-dialog-content .info-group b {
    color: var(--secondary-light-color)
}

.mat-mdc-dialog-content .list-group {
    border-top: 1px solid var(--border);
    padding: 20px 0 0;
    margin: 0 0 20px
}

.mat-mdc-dialog-content .btn-outline {
    background-color: var(--bg-color-02)
}

.mat-mdc-dialog-content .btn-outline:focus {
    background-color: var(--bg-color-02)
}

.mat-mdc-dialog-content .btn-outline.btn-primary:hover,.mat-mdc-dialog-content .btn-outline.btn-primary:active {
    background-color: var(--button-primary-outline-bg);
    border-color: var(--button-primary-outline-bg)
}

.mat-mdc-dialog-content .btn-outline.btn-secondary:hover,.mat-mdc-dialog-content .btn-outline.btn-secondary:active {
    background-color: var(--button-secondary-outline-bg);
    border-color: var(--button-secondary-outline-bg)
}

.mat-dialog-info,.mat-dialog-text,.mat-dialog-article {
    font-weight: 400;
    padding: 20px 0!important
}

.mat-dialog-info:after,.mat-dialog-text:after,.mat-dialog-article:after {
    display: block;
    clear: both;
    content: ""
}

.mat-dialog-info .modal-caption,.mat-dialog-text .modal-caption,.mat-dialog-article .modal-caption {
    font-size: 16px;
    color: var(--secondary-light-color);
    margin: 0 0 15px
}

.mat-dialog-info .modal-text,.mat-dialog-text .modal-text,.mat-dialog-article .modal-text {
    color: var(--tertiary-dark-color)
}

.mat-dialog-info .modal-article,.mat-dialog-text .modal-article,.mat-dialog-article .modal-article {
    width: 100%;
    text-align: left!important;
    overflow: hidden
}

.mat-dialog-info .modal-article:after,.mat-dialog-text .modal-article:after,.mat-dialog-article .modal-article:after {
    display: block;
    clear: both;
    content: ""
}

.mat-dialog-info .modal-article a,.mat-dialog-text .modal-article a,.mat-dialog-article .modal-article a {
    font-weight: 500
}

.mat-dialog-info .modal-article b,.mat-dialog-text .modal-article b,.mat-dialog-article .modal-article b {
    font-weight: 600!important
}

.mat-dialog-info .modal-article h2,.mat-dialog-text .modal-article h2,.mat-dialog-article .modal-article h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--primary-color);
    margin: 0 0 15px!important
}

.mat-dialog-info .modal-article h3,.mat-dialog-info .modal-article h4,.mat-dialog-info .modal-article h5,.mat-dialog-info .modal-article h6,.mat-dialog-text .modal-article h3,.mat-dialog-text .modal-article h4,.mat-dialog-text .modal-article h5,.mat-dialog-text .modal-article h6,.mat-dialog-article .modal-article h3,.mat-dialog-article .modal-article h4,.mat-dialog-article .modal-article h5,.mat-dialog-article .modal-article h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--primary-color);
    margin: 0 0 5px!important
}

.mat-dialog-info .modal-article p,.mat-dialog-text .modal-article p,.mat-dialog-article .modal-article p {
    line-height: 1.6;
    color: var(--secondary-light-color);
    text-align: justify;
    padding: 0!important;
    margin: 0 0 15px!important
}

.mat-dialog-info .modal-article ul,.mat-dialog-info .modal-article ol,.mat-dialog-text .modal-article ul,.mat-dialog-text .modal-article ol,.mat-dialog-article .modal-article ul,.mat-dialog-article .modal-article ol {
    display: grid;
    padding: 0!important;
    margin: 0 0 15px!important;
    gap: 15px
}

.mat-dialog-info .modal-article ul li,.mat-dialog-info .modal-article ol li,.mat-dialog-text .modal-article ul li,.mat-dialog-text .modal-article ol li,.mat-dialog-article .modal-article ul li,.mat-dialog-article .modal-article ol li {
    color: var(--secondary-light-color);
    list-style-position: inside;
    position: relative
}

.mat-dialog-info .modal-article ul li::marker,.mat-dialog-info .modal-article ol li::marker,.mat-dialog-text .modal-article ul li::marker,.mat-dialog-text .modal-article ol li::marker,.mat-dialog-article .modal-article ul li::marker,.mat-dialog-article .modal-article ol li::marker {
    font-weight: 600;
    color: var(--primary-color)
}

.mat-dialog-info .modal-article ul li ul,.mat-dialog-info .modal-article ul li ol,.mat-dialog-info .modal-article ol li ul,.mat-dialog-info .modal-article ol li ol,.mat-dialog-text .modal-article ul li ul,.mat-dialog-text .modal-article ul li ol,.mat-dialog-text .modal-article ol li ul,.mat-dialog-text .modal-article ol li ol,.mat-dialog-article .modal-article ul li ul,.mat-dialog-article .modal-article ul li ol,.mat-dialog-article .modal-article ol li ul,.mat-dialog-article .modal-article ol li ol {
    margin: 7.5px 0 0 15px!important
}

.mat-dialog-info .modal-article ul.alpha>li,.mat-dialog-info .modal-article ol.alpha>li,.mat-dialog-text .modal-article ul.alpha>li,.mat-dialog-text .modal-article ol.alpha>li,.mat-dialog-article .modal-article ul.alpha>li,.mat-dialog-article .modal-article ol.alpha>li {
    list-style-type: lower-alpha
}

.mat-dialog-info .modal-article ul.roman>li,.mat-dialog-info .modal-article ol.roman>li,.mat-dialog-text .modal-article ul.roman>li,.mat-dialog-text .modal-article ol.roman>li,.mat-dialog-article .modal-article ul.roman>li,.mat-dialog-article .modal-article ol.roman>li {
    list-style-type: lower-roman
}

.mat-dialog-info .modal-article ul.disc>li:before,.mat-dialog-info .modal-article ol.disc>li:before,.mat-dialog-text .modal-article ul.disc>li:before,.mat-dialog-text .modal-article ol.disc>li:before,.mat-dialog-article .modal-article ul.disc>li:before,.mat-dialog-article .modal-article ol.disc>li:before {
    content: "\2022";
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
    line-height: 1;
    display: inline-block;
    margin: 0 8px 0 0
}

.mat-dialog-info .modal-article ul.arrow,.mat-dialog-info .modal-article ol.arrow,.mat-dialog-text .modal-article ul.arrow,.mat-dialog-text .modal-article ol.arrow,.mat-dialog-article .modal-article ul.arrow,.mat-dialog-article .modal-article ol.arrow {
    background: none
}

.mat-dialog-info .modal-article ul.arrow>li:before,.mat-dialog-info .modal-article ol.arrow>li:before,.mat-dialog-text .modal-article ul.arrow>li:before,.mat-dialog-text .modal-article ol.arrow>li:before,.mat-dialog-article .modal-article ul.arrow>li:before,.mat-dialog-article .modal-article ol.arrow>li:before {
    content: "";
    width: 6px;
    height: 10px;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDExLjYgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExLjYgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNjhCREYiIGQ9Ik0xMS42LDEwYzAsMC40LTAuMiwwLjktMC41LDEuMmwtOC4yLDguMmMtMC43LDAuNy0xLjcsMC43LTIuNCwwYy0wLjctMC43LTAuNy0xLjcsMC0yLjRsNy4xLTdMMC41LDIuOQ0KCWMtMC43LTAuNy0wLjctMS43LDAtMi40YzAuNy0wLjcsMS43LTAuNywyLjQsMGw4LjIsOC4yQzExLjUsOS4yLDExLjYsOS43LDExLjYsMTB6Ii8+DQo8L3N2Zz4NCg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 8px 0 0
}

.mat-dialog-info .modal-article ul.revert>li,.mat-dialog-info .modal-article ol.revert>li,.mat-dialog-text .modal-article ul.revert>li,.mat-dialog-text .modal-article ol.revert>li,.mat-dialog-article .modal-article ul.revert>li,.mat-dialog-article .modal-article ol.revert>li {
    list-style-type: revert
}

.mat-dialog-info .modal-article ul.double,.mat-dialog-info .modal-article ol.double,.mat-dialog-text .modal-article ul.double,.mat-dialog-text .modal-article ol.double,.mat-dialog-article .modal-article ul.double,.mat-dialog-article .modal-article ol.double {
    counter-reset: item
}

.mat-dialog-info .modal-article ul.double>li,.mat-dialog-info .modal-article ol.double>li,.mat-dialog-text .modal-article ul.double>li,.mat-dialog-text .modal-article ol.double>li,.mat-dialog-article .modal-article ul.double>li,.mat-dialog-article .modal-article ol.double>li {
    list-style-type: none
}

.mat-dialog-info .modal-article ul.double>li:before,.mat-dialog-info .modal-article ol.double>li:before,.mat-dialog-text .modal-article ul.double>li:before,.mat-dialog-text .modal-article ol.double>li:before,.mat-dialog-article .modal-article ul.double>li:before,.mat-dialog-article .modal-article ol.double>li:before {
    content: counters(item,".") ". ";
    counter-increment: item;
    font-weight: 600;
    color: var(--primary-color)
}

.mat-dialog-info .modal-article .lowercase,.mat-dialog-text .modal-article .lowercase,.mat-dialog-article .modal-article .lowercase {
    text-transform: lowercase!important
}

.mat-dialog-info .modal-article .uppercase,.mat-dialog-text .modal-article .uppercase,.mat-dialog-article .modal-article .uppercase {
    text-transform: uppercase!important
}

.mat-dialog-info .modal-article .capitalize,.mat-dialog-text .modal-article .capitalize,.mat-dialog-article .modal-article .capitalize {
    text-transform: capitalize!important
}

.mat-dialog-info .modal-article .text-left,.mat-dialog-text .modal-article .text-left,.mat-dialog-article .modal-article .text-left {
    text-align: left!important
}

.mat-dialog-info .modal-article .text-right,.mat-dialog-text .modal-article .text-right,.mat-dialog-article .modal-article .text-right {
    text-align: right!important
}

.mat-dialog-info .modal-article .text-center,.mat-dialog-text .modal-article .text-center,.mat-dialog-article .modal-article .text-center {
    text-align: center!important
}

.mat-dialog-info .modal-article .text-justify,.mat-dialog-text .modal-article .text-justify,.mat-dialog-article .modal-article .text-justify {
    text-align: justify!important
}

.mat-dialog-info .modal-list,.mat-dialog-text .modal-list,.mat-dialog-article .modal-list {
    font-size: 13px;
    line-height: 22px;
    color: var(--tertiary-dark-color);
    margin: -10px 0 10px
}

.mat-dialog-info .modal-list .list-item,.mat-dialog-text .modal-list .list-item,.mat-dialog-article .modal-list .list-item {
    display: flex;
    flex-wrap: wrap
}

.mat-dialog-info .modal-list .list-item [class*=col],.mat-dialog-text .modal-list .list-item [class*=col],.mat-dialog-article .modal-list .list-item [class*=col] {
    line-height: 32px;
    padding: 0!important
}

.mat-dialog-info .option-control label,.mat-dialog-text .option-control label,.mat-dialog-article .option-control label {
    font-size: 13px;
    font-weight: 400
}

.mat-dialog-info .qr-code,.mat-dialog-text .qr-code,.mat-dialog-article .qr-code {
    display: inline-block;
    border: 1px solid var(--border)
}

.mat-dialog-info {
    border-top: 1px solid var(--border)
}

.mat-dialog-text .text {
    font-weight: 600;
    color: var(--secondary-light-color);
    margin: 0 0 20px
}

.mat-dialog-text .list {
    display: flex;
    flex-direction: column;
    color: var(--tertiary-dark-color);
    gap: 10px
}

.mat-dialog-text .list li {
    line-height: 1.4;
    position: relative
}

.mat-dialog-text .list .value {
    display: block;
    float: right;
    font-weight: 600;
    color: var(--secondary-color)
}

.mat-dialog-text .list-disc li {
    padding: 0 0 0 13px
}

.mat-dialog-text .list-disc li:before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--primary-color);
    border-radius: var(--border-radius-rd);
    position: absolute;
    top: 7px;
    left: 0
}

.mat-dialog-text .total {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.mat-dialog-notification {
    width: 100%;
    display: flex!important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    text-align: center;
    padding: 20px 0!important;
    gap: 20px
}

.mat-dialog-notification .mat-dialog-close {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: transparent;
    border: 0;
    vertical-align: middle;
    padding: 0;
    margin: 0 -4px 0 auto;
    outline: none;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 4
}

.mat-dialog-notification .mat-dialog-close .icon {
    width: 24px;
    height: 24px;
    background-size: 18px;
    margin: 0!important;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .mat-dialog-notification .mat-dialog-close .icon {
        transition: none
    }
}

@media (min-width: 1200px) {
    .mat-dialog-notification .mat-dialog-close .icon {
        background-size:20px
    }
}

.mat-dialog-notification .icon {
    width: 64px;
    height: 64px;
    margin: 5px 0 0
}

.mat-dialog-notification .icon-lg {
    width: 128px;
    height: 128px
}

.mat-dialog-notification .icon-alert-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiMwOWI3NmQiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE5LjcsNi42YzAuNSwwLjUsMC41LDEuMiwwLDEuNmwtOS4xLDkuMmMtMC41LDAuNS0xLjIsMC41LTEuNiwwbC00LjYtNC42Yy0wLjUtMC41LTAuNS0xLjIsMC0xLjYNCgljMC41LTAuNSwxLjItMC41LDEuNiwwbDMuNywzLjdsOC40LTguM0MxOC41LDYuMiwxOS4yLDYuMiwxOS43LDYuNkwxOS43LDYuNnoiLz4NCjwvc3ZnPg0K)
}

.mat-dialog-notification .icon-alert-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQoJPGNpcmNsZSBmaWxsPSIjMDY4YmRmIiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiLz4NCgk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTQuMiwxNi40aC0wLjl2LTQuOGMwLTAuNy0wLjYtMS4zLTEuMy0xLjNoLTEuOGMtMC43LDAtMS4zLDAuNi0xLjMsMS4zczAuNiwxLjMsMS4zLDEuM2gwLjR2My41SDkuOCBjLTAuNywwLTEuMywwLjYtMS4zLDEuM1M5LjEsMTksOS44LDE5aDQuNGMwLjcsMCwxLjMtMC42LDEuMy0xLjNTMTQuOSwxNi40LDE0LjIsMTYuNHoiLz4NCgk8Y2lyY2xlIGZpbGw9IiNmZmZmZmYiIGN4PSIxMiIgY3k9IjYuOCIgcj0iMS44Ii8+DQo8L3N2Zz4NCg==)
}

.mat-dialog-notification .icon-alert-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGREI5MDAiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI0YzRjdGNiIgZD0iTTEyLDE1LjVjMC42LDAsMS4xLTAuNSwxLjEtMS4xbDAuNC05LjJDMTMuNCw0LjUsMTIuNiw0LDEyLDRzLTEuNCwwLjUtMS40LDEuMWwwLjMsOS4xDQoJQzEwLjgsMTUsMTEuNCwxNS41LDEyLDE1LjV6IE0xMiwxNy4yYy0wLjgsMC0xLjQsMC42LTEuNCwxLjRTMTEuMiwyMCwxMiwyMHMxLjQtMC42LDEuNC0xLjRTMTIuOCwxNy4yLDEyLDE3LjJ6Ii8+DQo8L3N2Zz4NCg==)
}

.mat-dialog-notification .icon-alert-danger {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNmMzMxNTUiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEzLjcsMTJsNC00YzAuNC0wLjUsMC40LTEuMSwwLTEuN2MtMC41LTAuNS0xLjEtMC41LTEuNywwbC00LDRsLTQtNEM3LjcsNiw2LjksNiw2LjUsNi40DQoJQzYsNi45LDYsNy43LDYuNCw4LjFsNCw0bC00LDRDNi4xLDE2LjMsNiwxNi41LDYsMTYuOUM2LDE3LjUsNi41LDE4LDcuMSwxOGMwLjMsMCwwLjYtMC4xLDAuOS0wLjRsNC00bDQsNGMwLjMsMC4zLDAuNSwwLjQsMC45LDAuNA0KCWMwLjYsMCwxLjEtMC41LDEuMS0xLjFjMC0wLjMtMC4xLTAuNi0wLjQtMC45TDEzLjcsMTJ6Ii8+DQo8L3N2Zz4=)
}

.mat-dialog-notification .caption {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--secondary-color);
    margin: 0
}

.mat-dialog-notification .message {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--tertiary-dark-color);
    margin: 0 0 5px
}

.mat-dialog-notification .code {
    width: 160px;
    height: 160px;
    display: block;
    background-color: var(--white-color);
    overflow: hidden;
    padding: 10px;
    margin: 25px auto 10px;
    border: 1px solid var(--border);
    border-radius: 5px
}

.mat-dialog-notification .btn {
    width: 100%;
    font-size: 15px
}

.mat-dialog-document {
    font-weight: 400;
    padding: 0 0 20px!important
}

.mat-dialog-document:after {
    display: block;
    clear: both;
    content: ""
}

.mat-dialog-splash {
    margin: 0 -20px!important;
    position: relative
}

.mat-dialog-splash .mat-dialog-close {
    width: 32px;
    height: 32px;
    background-color: #000000bf;
    margin: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    border-radius: var(--border-radius-rd)
}

.mat-dialog-splash .mat-dialog-close:hover .icon {
    filter: none
}

.mat-dialog-splash .mat-dialog-close .icon {
    width: 32px;
    height: 32px;
    background-size: 18px;
    filter: grayscale(1) brightness(2.5)
}

.mat-dialog-splash .video-wrapper {
    width: 100%;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
    position: relative
}

.mat-dialog-splash .video-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.mat-dialog-otc .row {
    margin: 0 -7.5px
}

.mat-dialog-otc .row>[class*=col] {
    padding: 0 7.5px
}

.mat-dialog-otc .alert {
    gap: 8px
}

.mat-dialog-otc .alert .alert-icon {
    width: 18px;
    height: 18px;
    margin: 2px 0 0 -3px
}

.mat-dialog-otc .form-input {
    max-width: 42px;
    padding: 0 13px 0 0;
    position: relative
}

.mat-dialog-otc .form-input:after {
    content: "";
    width: 1px;
    background-color: var(--border);
    position: absolute;
    top: 7.5px;
    right: 0;
    bottom: 7.5px
}

.mat-dialog-otc .form-input input {
    padding: 0
}

.mat-dialog-otc .form-group {
    margin: 0 0 20px!important
}

.mat-dialog-otc .last-group {
    margin: 0!important
}

.mat-dialog-article {
    width: calc(100% + 20px)
}

.mat-dialog-article .video {
    width: calc(100% - 20px);
    height: auto;
    overflow: hidden;
    aspect-ratio: 16/9;
    border-radius: 10px
}

.mat-dialog-article perfect-scrollbar {
    padding: 0 20px 0 0
}

.mat-dialog-article perfect-scrollbar>.ps {
    max-height: calc(100vh - 148px)
}

.mat-dialog-article perfect-scrollbar .ps-content {
    height: 100%
}

.mat-dialog-article perfect-scrollbar>.ps.ps--active-y>.ps__rail-y {
    width: 20px!important
}

.mat-dialog-article perfect-scrollbar .ps__thumb-y {
    width: 4px!important;
    right: 7px!important
}

@media (min-width: 768px) {
    .mat-dialog-article perfect-scrollbar>.ps {
        max-height:480px
    }
}

@media (min-width: 768px) {
    .mat-dialog-article perfect-scrollbar>.ps {
        max-height:560px
    }
}

@media (min-width: 1200px) {
    .mat-dialog-article perfect-scrollbar>.ps {
        max-height:480px
    }
}

@media (min-width: 1200px) and (min-height: 970px) {
    .mat-dialog-article perfect-scrollbar>.ps {
        max-height:560px
    }
}

.mat-dialog-list {
    padding: 15px 0 0
}

.mat-dialog-list .table {
    margin: 0
}

.mat-dialog-list .table .thead>[class*=col] {
    min-height: unset
}

.mat-dialog-list .table .trow:after {
    content: none
}

.mat-dialog-list .table .trow:last-child {
    border-bottom: 0
}

.mat-dialog-list .table .trow>[class*=col] {
    font-weight: 600
}

.mat-dialog-list .table .option-control label {
    padding: 0 0 0 16px
}

.mat-dialog-list .list {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 400;
    color: var(--tertiary-dark-color);
    border-bottom: 1px solid var(--border);
    padding: 0 0 20px;
    gap: 10px
}

.mat-dialog-list .list>li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.mat-dialog-list .list .value {
    display: block;
    float: right;
    font-weight: 600;
    color: var(--secondary-color)
}

.mat-dialog-list .list .description {
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    color: var(--tertiary-dark-color);
    background-color: var(--input-bg);
    border: 1px solid var(--border);
    padding: 12px 15px;
    margin: 5px 0 0;
    border-radius: var(--border-radius-md)
}

.mat-dialog-list .list .description b {
    display: block;
    color: var(--secondary-color);
    font-weight: 500!important;
    line-height: 1;
    margin: 0 0 3px
}

.mat-dialog-list .payment-list {
    border-bottom: 0;
    padding: 20px 0;
    gap: 15px
}

.mat-dialog-list .payment-list .value {
    font-weight: 500;
    position: relative
}

.mat-dialog-list .payment-list .value.method:before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    margin: 0 6px 2px 0;
    border-radius: 2px
}

.mat-dialog-list .payment-list .value.remittance:before {
    background-color: var(--turquoise-color)
}

.mat-dialog-list .payment-list .value.googlewallet:before {
    background-color: var(--green-color)
}

.mat-dialog-list .payment-list .value.banktransfer:before {
    background-color: var(--primary-color)
}

.mat-dialog-list .payment-list .value.applepay:before {
    background-color: var(--red-color)
}

.mat-dialog-list .payment-list .value.swift:before {
    background-color: var(--purple-color)
}

.mat-dialog-list .payment-list .value.crypto:before {
    background-color: var(--yellow-color)
}

.mat-dialog-list .payment-list .button {
    padding: 5px 0 0
}

.mat-dialog-list .payment-list .button .btn {
    width: 100%
}

.mat-dialog-form {
    overflow: visible!important;
    padding: 20px 0!important
}

.mat-dialog-form .row {
    margin: 0 -5px
}

.mat-dialog-form .row>[class*=col] {
    padding: 0 5px
}

.mat-dialog-form .form-caption {
    font-size: 15px!important;
    font-weight: 600!important;
    color: var(--secondary-color)!important;
    margin: 0 0 20px!important
}

.mat-dialog-form .form-group {
    margin: 0 0 20px
}

.mat-dialog-form .form-group label {
    display: flex
}

.mat-dialog-form .form-group label .balance {
    display: inline-flex;
    float: none;
    margin: 0 0 0 auto
}

.mat-dialog-form .form-group label .balance .value {
    color: var(--secondary-light-color);
    margin: 0 0 0 7px
}

.mat-dialog-form .form-group label .balance .toggle {
    margin: 0 0 0 7px
}

.mat-dialog-form .form-group label .balance .icon {
    width: 14px;
    height: 14px;
    background-size: 12px;
    margin: -1px 0 0 7px
}

.mat-dialog-form .form-group label .toggle {
    display: inline-flex;
    float: none;
    margin: 0 0 0 auto;
    gap: 6px
}

.mat-dialog-form .form-group label .toggle .icon {
    margin: 0 0 -3px
}

.mat-dialog-form .form-group .alert .alert-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin: 2px 0 0 -3px
}

.mat-dialog-form .form-group .alert .alert-message {
    font-size: 15px
}

.mat-dialog-form .form-group .form-label {
    font-weight: 600;
    color: var(--secondary-light-color)
}

.mat-dialog-form .form-group .form-text {
    width: 100%;
    display: flex;
    font-size: 13px;
    justify-content: space-between
}

.mat-dialog-form .form-group .form-text b {
    display: contents;
    color: var(--secondary-light-color)
}

.mat-dialog-form .form-group .form-text .value .unit {
    font-weight: 400;
    color: var(--tertiary-dark-color)
}

.mat-dialog-form .form-group .btn-add {
    font-size: 14px;
    color: var(--secondary-color);
    background-color: var(--bg-color)!important;
    border-color: var(--border-dark)
}

.mat-dialog-form .form-group .btn-add:hover,.mat-dialog-form .form-group .btn-add:active {
    border-color: var(--primary-color)
}

.mat-dialog-form .form-group .btn-add:hover:focus,.mat-dialog-form .form-group .btn-add:active:focus {
    color: var(--primary-color)!important
}

.mat-dialog-form .form-group .btn-add:focus:hover {
    color: var(--primary-color)!important
}

.mat-dialog-form .form-group .btn-add .icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    filter: none!important;
    margin: 0 8px 0 0
}

.mat-dialog-form .form-group .form-control,.mat-dialog-form .form-group .toggle-item {
    border-radius: var(--border-radius-md)
}

.mat-dialog-form .form-group .text-control {
    margin: 10px 0 0
}

.mat-dialog-form .form-group .text-control .text-item {
    margin: 5px 0 0
}

.mat-dialog-form .form-group .text-control .text-item:first-child {
    margin: 0
}

.mat-dialog-form .form-group .info-control {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 14px;
    line-height: normal;
    color: var(--tertiary-dark-color)
}

.mat-dialog-form .form-group .option-control label {
    display: flex;
    flex-direction: row
}

.mat-dialog-form .form-group .option-control input:disabled+label {
    pointer-events: auto
}

.mat-dialog-form .form-group .option-control input:disabled+label:hover:before {
    border-color: var(--input-border)
}

.mat-dialog-form .form-group .tab-select .tab-caption {
    font-size: 12px!important;
    font-weight: 600!important;
    color: var(--secondary-lighter-color);
    border: 1px solid transparent;
    border-radius: 5px!important
}

.mat-dialog-form .form-group .tab-select .tab-caption .check {
    width: 14px;
    height: 14px;
    margin: -2px 6px 0 0
}

.mat-dialog-form .form-group .tab-select input:checked+.tab-caption {
    color: var(--secondary-color)!important;
    border-color: var(--tab-active)!important
}

.mat-dialog-form .form-group .percent-select {
    height: 32px;
    margin: 10px 0 0
}

.mat-dialog-form .form-group .percent-select .tab-item {
    flex: 1 0 0
}

.mat-dialog-form .form-group .percent-select .tab-caption {
    height: 30px;
    line-height: 30px!important
}

.mat-dialog-form .form-group .fee-select {
    height: 36px
}

.mat-dialog-form .form-group .fee-select .tab-item {
    flex: 1 0 0
}

.mat-dialog-form .form-group .fee-select .tab-caption {
    height: 36px;
    font-weight: 500;
    font-size: 14px!important;
    line-height: 34px!important;
    flex-direction: row
}

.mat-dialog-form .form-group .fee-select .tab-caption .check {
    width: 16px;
    height: 16px;
    margin: 0 10px 0 -2px
}

.mat-dialog-form .form-group .fee-select .tab-caption .value {
    font-weight: 400;
    color: var(--tertiary-dark-color);
    margin: 0 0 0 auto
}

.mat-dialog-form .text-group {
    margin: 0
}

.mat-dialog-form .text-group .text-control .text-item {
    margin: 15px 0 0
}

.mat-dialog-form .text-group .text-control .text-item:first-child {
    margin: 0
}

.mat-dialog-form .text-group .text-control label {
    margin: 0 0 6px
}

.mat-dialog-form .step-group .step-list {
    display: flex;
    flex-direction: row;
    gap: 20px
}

.mat-dialog-form .step-group .step-list .list-item:last-child {
    margin: 0 0 0 auto
}

.mat-dialog-form .step-group .step-list .list-item:last-child .value-control label {
    justify-content: right
}

.mat-dialog-form .last-group {
    margin: 0
}

.mat-dialog-form .select-up .select-control .menu {
    box-shadow: var(--list-up-shadow);
    margin: 0 0 7.5px;
    top: auto;
    bottom: 100%
}

.mat-dialog-form .form-control {
    overflow: visible
}

.mat-dialog-form .select-control .menu perfect-scrollbar>.ps {
    min-height: 72px;
    max-height: 228px;
    padding: 0
}

.mat-dialog-form .input-group-append {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 11px 0 0;
    gap: 12px
}

.mat-dialog-form .input-group-append label {
    font-weight: 500;
    color: var(--secondary-light-color);
    padding: 0
}

.mat-dialog-form .input-group-append label .icon {
    margin: auto 10px auto 0
}

.mat-dialog-form .input-group-append select {
    background-position: center right;
    padding: 0 25px 0 0
}

.mat-dialog-form .input-group-append .icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%
}

.mat-dialog-form .input-group-append .btn-add {
    background-color: transparent!important;
    margin: 0
}

.mat-dialog-form .input-group-append .btn-add .icon-add {
    border-radius: 4px
}

.mat-dialog-form .input-group-append .select-control .select {
    gap: 10px
}

.mat-dialog-form .input-group-append .select-control .select .icon {
    margin: 0
}

.mat-dialog-form .address-control {
    display: flex;
    justify-content: space-between
}

.mat-dialog-form .address-control .value {
    width: calc(100% - 67px);
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-light-color)
}

.mat-dialog-form .address-control .action {
    display: inline-flex;
    margin: -2px 0 0 10px;
    gap: 5px
}

.mat-dialog-form .address-control .action .btn {
    width: 26px;
    height: 26px;
    display: block;
    float: left;
    padding: 0;
    border-radius: 6px;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .mat-dialog-form .address-control .action .btn {
        transition: none
    }
}

.mat-dialog-form .address-control .action .btn:hover {
    background-color: var(--bg-color-02)
}

.mat-dialog-form .address-control .action .icon {
    width: 18px;
    height: 18px;
    display: flex;
    margin: auto
}

.mat-dialog-form .percent-group {
    margin: -2px 0
}

.mat-dialog-form .option-control {
    gap: 20px
}

.mat-dialog-form .option-control label {
    font-weight: 400;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 26px;
    cursor: pointer
}

.mat-dialog-form .option-control label:before {
    top: 3px
}

.mat-dialog-form .option-control label b {
    font-size: 15px;
    color: var(--secondary-color)
}

.mat-dialog-form .option-control label p {
    font-weight: 400;
    color: var(--tertiary-dark-color);
    margin: 0
}

.mat-dialog-form .option-control input[type=checkbox]+label:before {
    background-size: 10px
}

.mat-dialog-form .tab-button,.mat-dialog-form .tab-page {
    max-width: 440px
}

.mat-dialog-form .tab-choice {
    gap: 10px!important
}

.mat-dialog-form .tab-choice .tab-item {
    flex: 1 0 0
}

.mat-dialog-form .tab-choice .tab-item:hover:first-child .tab-caption {
    color: var(--green-color)
}

.mat-dialog-form .tab-choice .tab-item:hover:last-child .tab-caption {
    color: var(--red-color)
}

.mat-dialog-form .tab-choice .tab-item.active:first-child .tab-caption {
    color: var(--green-color);
    border: 1px solid var(--green-color)!important
}

.mat-dialog-form .tab-choice .tab-item.active:last-child .tab-caption {
    color: var(--red-color);
    border: 1px solid var(--red-color)!important
}

.mat-dialog-form .tab-choice .tab-caption {
    height: 36px!important;
    font-size: 14px!important;
    line-height: 34px!important;
    background-color: var(--bg-color-02)!important;
    border: 1px solid transparent!important
}

.mat-dialog-form .tab-option {
    padding: 0;
    gap: 5px
}

.mat-dialog-form .tab-option .tab-item:nth-child(2) {
    position: relative
}

.mat-dialog-form .tab-option .tab-item:hover .tab-caption {
    color: var(--secondary-color);
    background-color: var(--input-bg)
}

.mat-dialog-form .tab-option .tab-caption {
    display: flex;
    justify-content: space-between;
    height: 44px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: var(--secondary-color);
    background-color: var(--input-bg);
    background-image: none!important;
    border: 0;
    padding: 0 15px;
    margin: 0;
    cursor: default;
    border-radius: var(--border-radius-md)
}

.mat-dialog-form .tab-option .tab-caption .caption {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--tertiary-dark-color);
    margin: 0
}

.mat-dialog-form .tab-option .tab-caption .select {
    display: flex;
    position: relative;
    margin: 0 -9px 0 0
}

.mat-dialog-form .tab-option .tab-caption .select.open {
    z-index: 1
}

.mat-dialog-form .tab-option .tab-caption .select.open .select-btn {
    background-color: var(--bg-color);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTkuOTAwMDAwNiw0LjE3NDk5OTJjMC4zOTk5OTk2LDAsMC44OTk5OTk2LDAuMTk5OTk5OCwxLjE5OTk5OTgsMC41TDE5LjM5OTk5OTYsMTIuODc1DQoJYzAuNzAwMDAwOCwwLjY5OTk5OTgsMC43MDAwMDA4LDEuNjk5OTk5OCwwLDIuMzk5OTk5NmMtMC42OTk5OTg5LDAuNjk5OTk5OC0xLjY5OTk5ODksMC42OTk5OTk4LTIuMzk5OTk5NiwwbC02Ljk5OTk5OS03LjA5OTk5OTQNCglsLTcuMTAwMDAwOSw3LjEwMDAwMDRjLTAuNzAwMDAwOCwwLjY5OTk5OTgtMS43MDAwMDA2LDAuNjk5OTk5OC0yLjM5OTk5OTYsMGMtMC43MDAwMDA4LTAuNjk5OTk5OC0wLjcwMDAwMDgtMS43MDAwMDA4LDAtMi40MDAwMDA2DQoJbDguMTk5OTk5OC04LjE5OTk5OThDOS4xMDAwMDA0LDQuMjc0OTk5Niw5LjYwMDAwMDQsNC4xNzQ5OTkyLDkuOTAwMDAwNiw0LjE3NDk5OTJ6Ii8+DQo8L3N2Zz4NCg==)
}

.mat-dialog-form .tab-option .tab-caption .select.open .select-list {
    height: auto;
    overflow: visible
}

.mat-dialog-form .tab-option .tab-caption .select .select-btn {
    height: 32px;
    font-size: 14px;
    color: var(--secondary-color);
    background-image: var(--icon-select);
    background-position: calc(100% - 9px) center;
    background-repeat: no-repeat;
    background-size: 12px;
    padding: 0 29px 0 11px;
    border-radius: 4px
}

.mat-dialog-form .tab-option .tab-caption .select .select-list {
    width: auto;
    min-width: 100%;
    height: 0;
    overflow: hidden;
    background-color: var(--bg-color);
    box-shadow: var(--menu-shadow);
    position: absolute;
    right: 0;
    top: calc(100% + 5px);
    border-radius: 8px
}

.mat-dialog-form .tab-option .tab-caption .select .select-list .list {
    margin: 0;
    gap: 0
}

.mat-dialog-form .tab-option .tab-caption .select .select-list .list li {
    font-size: 14px;
    font-weight: 500;
    color: var(--secondary-lighter-color);
    padding: 11px
}

.mat-dialog-form .tab-option .tab-caption .select .select-list .list li:hover {
    background-color: var(--input-bg)
}

.mat-dialog-form .tab-option .btn-change {
    width: 32px;
    height: 32px;
    display: flex;
    padding: 0;
    margin: 8px 0 0 -18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    rotate: 45deg;
    border-radius: var(--border-radius-md)
}

.mat-dialog-form .tab-option .btn-change .icon {
    width: 18px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEyIDEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMiAxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjODU0ZGMwIiBkPSJNNC4yLDAuMWMtMC40LDAtMC44LDAuMy0wLjgsMC44djguNUwxLjcsNy42Yy0wLjMtMC4zLTAuOC0wLjMtMS4xLDBzLTAuMywwLjgsMCwxLjFsMywzDQoJYzAuMSwwLjEsMC4yLDAuMSwwLjIsMC4yczAuMiwwLjEsMC4zLDAuMXMwLjIsMCwwLjMtMC4xYzAuMi0wLjEsMC4zLTAuMiwwLjQtMC40YzAtMC4xLDAuMS0wLjIsMC4xLTAuM1YwLjkNCglDNC45LDAuNCw0LjYsMC4xLDQuMiwwLjF6Ii8+DQo8cGF0aCBmaWxsPSIjODU0ZGMwIiBkPSJNMTEuNCwzLjRsLTMtM0M4LjMsMC4zLDguMiwwLjIsOC4xLDAuMmMtMC4yLTAuMS0wLjQtMC4xLTAuNiwwQzcuNCwwLjIsNy4yLDAuNCw3LjEsMC42DQoJYzAsMC4xLTAuMSwwLjItMC4xLDAuM3YxMC4zYzAsMC40LDAuMywwLjgsMC44LDAuOHMwLjctMC4zLDAuNy0wLjhWMi43bDEuOCwxLjhjMC4xLDAuMiwwLjMsMC4yLDAuNSwwLjJjMC4yLDAsMC40LTAuMSwwLjUtMC4yDQoJQzExLjcsNC4xLDExLjcsMy43LDExLjQsMy40eiIvPg0KPC9zdmc+DQo=);
    margin: 8px;
    rotate: -45deg;
    filter: invert(1) grayscale(1) brightness(3)
}

.mat-dialog-form .tab-button {
    height: 32px;
    margin: 0 0 20px;
    gap: 10px
}

.mat-dialog-form .tab-button .tab-item.active .tab-caption {
    color: var(--secondary-color);
    background-color: var(--bg-color);
    border-color: var(--tab-active)
}

.mat-dialog-form .tab-button .tab-caption {
    height: 32px;
    font-size: 13px;
    line-height: 30px;
    border: 1px solid var(--tab-button-bg);
    padding: 0 11px
}

.mat-dialog-form .tab-radio {
    flex-direction: row;
    border-bottom: 1px solid var(--border);
    padding: 0 0 15px;
    margin: -5px 0 20px;
    gap: 30px
}

.mat-dialog-form .tab-radio .tab-item {
    flex: 0 0 auto
}

.mat-dialog-form .tab-radio .tab-item.active .tab-caption {
    color: var(--secondary-color)
}

.mat-dialog-form .tab-radio .tab-item.active .tab-caption:before {
    background-color: var(--primary-color);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSIxMiIgY3k9IjEyIiByPSI2Ii8+DQo8L3N2Zz4NCg==);
    border-color: var(--primary-color)
}

.mat-dialog-form .tab-radio .tab-caption {
    height: 20px;
    font-size: 15px!important;
    font-weight: 400;
    text-indent: 26px;
    color: var(--tertiary-color);
    background-color: transparent!important;
    padding: 0;
    cursor: pointer;
    position: relative
}

.mat-dialog-form .tab-radio .tab-caption:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    background-color: var(--input-bg);
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--input-border);
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: var(--border-radius-rd)
}

.mat-dialog-form .list-control {
    font-weight: 400!important
}

.mat-dialog-form .list-control.position-list {
    background-color: var(--bg-color);
    border: 1px solid var(--input-border);
    border-radius: var(--border-radius-md);
    gap: 0
}

.mat-dialog-form .list-control.position-list li {
    display: flex;
    font-size: 13px;
    line-height: 1;
    border-top: 1px solid var(--input-border);
    padding: 10px
}

.mat-dialog-form .list-control.position-list li:first-child {
    border-top: 0
}

.mat-dialog-form .list-control.position-list .icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin: auto 10px auto 0;
    border-radius: 50%
}

.mat-dialog-form .list-control.position-list .name {
    font-size: 13px;
    font-weight: 600;
    color: var(--secondary-light-color);
    line-height: 20px;
    margin: 0
}

.mat-dialog-form .list-control.position-list .name .tag {
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    margin: auto 0 auto 6px;
    position: static
}

.mat-dialog-form .list-control.position-list .name .type {
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    padding: 0 6px;
    margin: auto 0 auto 6px;
    border-radius: 3px
}

.mat-dialog-form .list-control.position-list .name .type.buy {
    background-color: #09b76d1a
}

.mat-dialog-form .list-control.position-list .name .type.sell {
    background-color: #f330541a
}

.mat-dialog-form .list-control.position-list .leverage {
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: var(--white-color);
    background-color: #068bdfbf;
    padding: 0 6px;
    margin: auto 0;
    border-radius: 3px
}

.mat-dialog-form .caption {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 18px
}

.mat-dialog-form .alert-warning {
    border-left: 5px solid var(--yellow-color);
    margin: 0
}

.mat-dialog-form .list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 18px
}

.mat-dialog-form .list li {
    display: flex;
    flex-direction: row;
    font-size: 15px;
    font-weight: 600;
    gap: 10px
}

.mat-dialog-form .list li .name,.mat-dialog-form .list li .value {
    width: 45%
}

.mat-dialog-form .list li .name {
    max-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.mat-dialog-form .list li .ratio {
    width: 10%;
    text-align: center
}

.mat-dialog-form .list li .value {
    font-weight: 400;
    text-align: right
}

.mat-dialog-form .list li sub {
    font-size: 13px;
    font-weight: 400;
    color: var(--tertiary-color);
    padding: 0 0 0 4px;
    bottom: 0
}

.mat-dialog-form .deposit-address .link {
    height: 22px;
    font-size: 16px;
    line-height: 22px;
    padding: 0;
    -webkit-user-select: none;
    user-select: none
}

.mat-dialog-form .deposit-address .link:after {
    content: none
}

.mat-dialog-form .deposit-address .link .icon {
    width: 14px;
    height: 14px;
    margin: 0 6px -2px 0
}

@media (min-width: 768px) {
    .mat-dialog-form .row {
        margin:0 -7.5px
    }

    .mat-dialog-form .row>[class*=col] {
        padding: 0 7.5px
    }

    .mat-dialog-form .tab-choice {
        gap: 15px!important
    }
}

.mat-dialog-center-content,.mat-dialog-center-title {
    text-align: center;
    justify-content: center;
    width: 100%
}

.mat-dialog-close-position-right {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 1
}

@media (min-height: 480px) {
    .mat-scroll {
        margin:0 -20px!important
    }

    .mat-scroll perfect-scrollbar>.ps {
        max-height: 255px;
        padding: 0 20px
    }

    .mat-scroll perfect-scrollbar>.ps.ps--active-y>.ps__rail-y {
        width: 20px!important
    }

    .mat-scroll perfect-scrollbar .ps__thumb-y {
        width: 4px!important;
        right: 7px!important
    }
}

@media (min-height: 560px) {
    .mat-scroll perfect-scrollbar>.ps {
        max-height:335px
    }
}

@media (min-height: 640px) {
    .mat-scroll perfect-scrollbar>.ps {
        max-height:442px
    }
}

@media (min-height: 720px) {
    .mat-scroll perfect-scrollbar>.ps {
        max-height:495px
    }
}

@media (min-height: 800px) {
    .mat-scroll perfect-scrollbar>.ps {
        max-height:575px
    }
}

@media (min-height: 880px) {
    .mat-scroll perfect-scrollbar>.ps {
        max-height:660px
    }
}

.mat-dialog-transfer {
    overflow: visible!important;
    padding: 20px 0!important
}

.mat-dialog-transfer .row {
    margin: 0 -7.5px
}

.mat-dialog-transfer .row>[class*=col] {
    padding: 0 7.5px
}

.mat-dialog-transfer .form-wallet {
    border-bottom: 1px solid var(--border);
    margin: 0 0 20px;
    position: relative
}

.mat-dialog-transfer .form-wallet .wallet {
    margin: -5px 0 20px
}

.mat-dialog-transfer .btn-change {
    width: 32px;
    height: 32px;
    padding: 0;
    margin: -22px 0 0;
    position: relative;
    top: 50%;
    left: -8px
}

.mat-dialog-transfer .btn-change:before,.mat-dialog-transfer .btn-change:after {
    content: "";
    width: 24px;
    height: 25px;
    display: block;
    border-left: 1px dashed var(--bg-color-04);
    position: absolute;
    left: 15px
}

.mat-dialog-transfer .btn-change:before {
    border-top: 1px dashed var(--bg-color-04);
    top: -25px
}

.mat-dialog-transfer .btn-change:after {
    border-bottom: 1px dashed var(--bg-color-04);
    bottom: -25px
}

.mat-dialog-transfer .btn-change .icon {
    width: 14px;
    height: 14px;
    margin: 0
}

.mat-mdc-dialog-actions {
    border-top: 1px solid var(--border)!important;
    padding: 20px 0!important;
    margin: 0!important
}

.mat-mdc-dialog-actions .btn-outline {
    background-color: var(--bg-color-02)
}

.mat-mdc-dialog-actions .btn-outline:focus {
    background-color: var(--bg-color-02)
}

.mat-mdc-dialog-actions .btn-outline.btn-primary:hover,.mat-mdc-dialog-actions .btn-outline.btn-primary:active {
    background-color: var(--button-primary-outline-bg);
    border-color: var(--button-primary-outline-bg)
}

.mat-mdc-dialog-actions .btn-outline.btn-secondary:hover,.mat-mdc-dialog-actions .btn-outline.btn-secondary:active {
    background-color: var(--button-secondary-outline-bg);
    border-color: var(--button-secondary-outline-bg)
}

.mat-mdc-dialog-actions .btn {
    width: 100%
}

.mat-mdc-dialog-actions .btn-group {
    flex: 1
}

.deposit-fiat,.depsosit-crypto,.deposit-banxa,.withdraw-fiat,.withdraw-crypto,.withdraw-banxa {
    min-height: 426px
}

.deposit-fiat .mat-dialog-form,.depsosit-crypto .mat-dialog-form,.deposit-banxa .mat-dialog-form,.withdraw-fiat .mat-dialog-form,.withdraw-crypto .mat-dialog-form,.withdraw-banxa .mat-dialog-form {
    padding: 20px 0 0!important
}

.deposit-fiat .mat-dialog-form .form .text-group,.depsosit-crypto .mat-dialog-form .form .text-group,.deposit-banxa .mat-dialog-form .form .text-group,.withdraw-fiat .mat-dialog-form .form .text-group,.withdraw-crypto .mat-dialog-form .form .text-group,.withdraw-banxa .mat-dialog-form .form .text-group {
    padding: 20px 0!important
}

.deposit-fiat .mat-dialog-form .form .form-control input,.depsosit-crypto .mat-dialog-form .form .form-control input,.deposit-banxa .mat-dialog-form .form .form-control input,.withdraw-fiat .mat-dialog-form .form .form-control input,.withdraw-crypto .mat-dialog-form .form .form-control input,.withdraw-banxa .mat-dialog-form .form .form-control input {
    text-align: left!important
}

.deposit-fiat .mat-dialog-form .form .select-control .menu perfect-scrollbar>.ps,.depsosit-crypto .mat-dialog-form .form .select-control .menu perfect-scrollbar>.ps,.deposit-banxa .mat-dialog-form .form .select-control .menu perfect-scrollbar>.ps,.withdraw-fiat .mat-dialog-form .form .select-control .menu perfect-scrollbar>.ps,.withdraw-crypto .mat-dialog-form .form .select-control .menu perfect-scrollbar>.ps,.withdraw-banxa .mat-dialog-form .form .select-control .menu perfect-scrollbar>.ps {
    min-height: 228px!important
}

.withdraw-crypto .mat-dialog-form {
    padding: 20px 0!important
}

.cdk-overlay-pane {
    max-width: unset!important;
    max-height: calc(100vh - 56px)!important;
    position: absolute!important;
    left: 0;
    right: 0;
    bottom: -100%;
    transition: bottom .3s
}

@media (prefers-reduced-motion: reduce) {
    .cdk-overlay-pane {
        transition: none
    }
}

.cdk-overlay-pane.mat-datepicker-popup {
    left: auto;
    right: auto;
    bottom: auto;
    margin: 5px 0 0 -1px
}

.cdk-overlay-pane.mat-dialog-xl,.cdk-overlay-pane.mat-dialog-lg,.cdk-overlay-pane.mat-dialog-md,.cdk-overlay-pane.mat-dialog-sm,.cdk-overlay-pane.mat-dialog-qr,.cdk-overlay-pane.mat-dialog-sp {
    bottom: 0
}

.cdk-overlay-backdrop {
    background: var(--transparent-bg);
    transition: none
}

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

@media (min-width: 768px) {
    .mat-mdc-dialog-surface {
        overflow:visible!important;
        border-radius: var(--border-radius-pg)!important
    }

    .mat-mdc-dialog-container .mdc-dialog__surface {
        border-radius: var(--border-radius-pg)!important
    }

    .mat-dialog-splash {
        margin: -1px -20px!important;
        border-radius: 14px!important
    }

    .mat-dialog-splash .mat-dialog-close {
        width: 36px;
        height: 36px;
        top: 12.5px;
        right: 12.5px
    }

    .mat-dialog-splash .mat-dialog-close .icon {
        width: 36px;
        height: 36px;
        background-size: 20px
    }

    .cdk-overlay-pane {
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto!important;
        transform: translate(-50%,-50%)
    }

    .cdk-overlay-pane.mat-datepicker-popup {
        transform: none
    }

    .cdk-overlay-pane.mat-dialog-xl .mat-mdc-dialog-surface,.cdk-overlay-pane.mat-dialog-lg .mat-mdc-dialog-surface {
        width: 690px
    }

    .cdk-overlay-pane.mat-dialog-md .mat-mdc-dialog-surface {
        width: 480px
    }

    .cdk-overlay-pane.mat-dialog-sm .mat-mdc-dialog-surface {
        width: 360px
    }

    .cdk-overlay-pane.mat-dialog-qr .mat-mdc-dialog-surface {
        width: auto
    }

    .cdk-overlay-pane.mat-dialog-sp .mat-mdc-dialog-surface {
        width: 640px
    }
}

@media (min-width: 992px) {
    .cdk-overlay-pane.mat-dialog-lg .mat-mdc-dialog-surface {
        width:720px
    }

    .cdk-overlay-pane.mat-dialog-xl .mat-mdc-dialog-surface {
        width: 900px
    }

    .cdk-overlay-pane.mat-dialog-sp .mat-mdc-dialog-surface {
        width: 760px
    }
}

@media (min-width: 1200px) {
    .cdk-overlay-pane.mat-dialog-xl .mat-mdc-dialog-surface {
        width:920px
    }

    .cdk-overlay-pane.mat-dialog-sp .mat-mdc-dialog-surface {
        width: 860px
    }

    .mat-dialog-deposit>.row>[class*=col],.mat-dialog-withdraw>.row>[class*=col] {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between
    }

    .mat-dialog-deposit>.row>[class*=col] {
        min-height: 364px
    }

    .mat-dialog-withdraw>.row>[class*=col] {
        min-height: 580px
    }

    .mat-dialog-splash .mat-dialog-close {
        width: 40px;
        height: 40px;
        top: 15px;
        right: 15px
    }

    .mat-dialog-splash .mat-dialog-close .icon {
        width: 40px;
        height: 40px;
        background-size: 22px
    }
}

.mat-datepicker-content {
    color: var(--input-text);
    background-color: var(--bg-color-01);
    box-shadow: var(--list-down-shadow);
    border-radius: var(--border-radius-lg)!important
}

.mat-datepicker-content .mat-calendar {
    height: auto!important
}

.mat-datepicker-content .mat-calendar-header {
    padding: 6px
}

.mat-datepicker-content .mat-calendar-controls,.mat-datepicker-content .mat-calendar-period-button {
    margin: 0
}

.mat-datepicker-content .mat-calendar-period-button .mat-calendar-arrow {
    width: 11px;
    height: 11px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTAsMTUuOGMtMC40LDAtMC45LTAuMi0xLjItMC41TDAuNSw3LjFjLTAuNy0wLjctMC43LTEuNywwLTIuNEMxLjIsNCwyLjIsNCwyLjksNC43bDcsNy4xbDcuMS03LjENCgljMC43LTAuNywxLjctMC43LDIuNCwwYzAuNywwLjcsMC43LDEuNywwLDIuNGwtOC4yLDguMkMxMC44LDE1LjcsMTAuMywxNS44LDEwLDE1Ljh6Ii8+DQo8L3N2Zz4NCg==);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -2px 11px 0;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .mat-datepicker-content .mat-calendar-period-button .mat-calendar-arrow {
        transition: none
    }
}

.mat-datepicker-content .mat-calendar-period-button .mat-calendar-arrow polygon {
    display: none
}

.mat-datepicker-content .mat-calendar-period-button .mdc-button__label {
    height: 36px;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px
}

.mat-datepicker-content .mat-mdc-button-touch-target {
    height: 36px!important
}

.mat-datepicker-content .mdc-button {
    padding: 0 2px 0 12px;
    border-radius: var(--border-radius-md)
}

.mat-datepicker-content .mdc-button:hover {
    background-color: var(--bg-color-02)
}

.mat-datepicker-content .mat-mdc-icon-button {
    width: 36px;
    height: 36px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjOTFBNEI2IiBkPSJNNy4yLDI0Yy0wLjMsMC0wLjctMC4xLTEtMC40Yy0wLjUtMC41LTAuNS0xLjQsMC0xLjlsOC44LTguOGMwLjItMC4yLDAuNC0wLjYsMC40LTAuOQ0KCWMwLTAuNC0wLjEtMC43LTAuNC0wLjlMNi4zLDIuM2MtMC41LTAuNS0wLjUtMS40LDAtMS45czEuNC0wLjUsMS45LDBsOC44LDguOGMwLjgsMC44LDEuMiwxLjgsMS4yLDIuOGMwLDEuMS0wLjQsMi4xLTEuMiwyLjgNCglsLTguOCw4LjhDNy45LDIzLjksNy42LDI0LDcuMiwyNHoiLz4NCjwvc3ZnPg0K);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
    padding: 0;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .mat-datepicker-content .mat-mdc-icon-button {
        transition: none
    }
}

.mat-datepicker-content .mat-mdc-icon-button:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNNy4yLDI0Yy0wLjMsMC0wLjctMC4xLTEtMC40Yy0wLjUtMC41LTAuNS0xLjQsMC0xLjlsOC44LTguOGMwLjItMC4yLDAuNC0wLjYsMC40LTAuOQ0KCWMwLTAuNC0wLjEtMC43LTAuNC0wLjlMNi4zLDIuM2MtMC41LTAuNS0wLjUtMS40LDAtMS45czEuNC0wLjUsMS45LDBsOC44LDguOGMwLjgsMC44LDEuMiwxLjgsMS4yLDIuOGMwLDEuMS0wLjQsMi4xLTEuMiwyLjgNCglsLTguOCw4LjhDNy45LDIzLjksNy42LDI0LDcuMiwyNHoiLz4NCjwvc3ZnPg0K)
}

.mat-datepicker-content .mat-mdc-icon-button .mat-mdc-button-touch-target {
    width: 36px;
    height: 36px
}

.mat-datepicker-content .mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
    border-radius: var(--border-radius-no)
}

.mat-datepicker-content .mat-calendar-previous-button:after,.mat-datepicker-content .mat-calendar-next-button:after {
    content: none
}

.mat-datepicker-content .mat-calendar-previous-button {
    transform: rotate(180deg)
}

.mat-datepicker-content .mat-calendar-content {
    padding: 0 6px 6px
}

.mat-datepicker-content .mat-calendar-table-header th {
    padding: 0 0 4px
}

.mat-datepicker-content .mat-calendar-table-header th:first-child span:nth-child(2) {
    border-top-left-radius: var(--border-radius-md);
    border-bottom-left-radius: var(--border-radius-md)
}

.mat-datepicker-content .mat-calendar-table-header th:last-child span:nth-child(2) {
    border-top-right-radius: var(--border-radius-md);
    border-bottom-right-radius: var(--border-radius-md)
}

.mat-datepicker-content .mat-calendar-table-header th span:nth-child(2) {
    display: block;
    height: 34px;
    line-height: 34px;
    background-color: var(--bg-color);
    -webkit-user-select: none;
    user-select: none
}

.mat-datepicker-content .mat-calendar-body-disabled {
    cursor: default!important;
    opacity: .5!important
}

.mat-datepicker-content .mat-calendar-body-cell {
    padding: 0
}

.mat-datepicker-content .mat-calendar-body-cell .mat-calendar-body-cell-content {
    font-weight: 500;
    color: var(--input-text);
    border: 0;
    border-radius: var(--border-radius-md)
}

.mat-datepicker-content .mat-calendar-body-label {
    padding: 0!important;
    text-indent: -1000px;
    overflow: hidden
}

.mat-datepicker-content .mat-calendar-body-selected {
    color: var(--white-color)!important;
    background-color: var(--primary-color)
}

.mat-datepicker-content .mat-calendar-body-in-preview .mat-calendar-body-cell-preview {
    border-color: var(--primary-color)!important
}

.mat-datepicker-content .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
    border-color: var(--primary-color);
    border-top-left-radius: var(--border-radius-md);
    border-bottom-left-radius: var(--border-radius-md)
}

.mat-datepicker-content .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
    border-color: var(--primary-color);
    border-top-right-radius: var(--border-radius-md);
    border-bottom-right-radius: var(--border-radius-md)
}

.mat-datepicker-content .mat-calendar-body-in-range:before {
    background-color: #068bdf26
}

.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content .mat-calendar-body-in-range:before {
    background-color: #068bdf26
}

.mat-datepicker-content .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range):before,.mat-datepicker-content .mat-calendar-body-range-start:after,.mat-datepicker-content .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start):before,.mat-datepicker-content .mat-calendar-body-comparison-start:after,.mat-datepicker-content .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
    border-top-left-radius: var(--border-radius-md);
    border-bottom-left-radius: var(--border-radius-md)
}

.mat-datepicker-content .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range):before,.mat-datepicker-content .mat-calendar-body-range-end:after,.mat-datepicker-content .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end):before,.mat-datepicker-content .mat-calendar-body-comparison-end:after,.mat-datepicker-content .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
    border-top-right-radius: var(--border-radius-md);
    border-bottom-right-radius: var(--border-radius-md)
}

.mat-datepicker-0-backdrop,.mat-datepicker-1-backdrop,.mat-datepicker-2-backdrop,.mat-datepicker-3-backdrop,.mat-datepicker-4-backdrop,.mat-datepicker-5-backdrop {
    background: none!important
}



.btn {
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    color: var(--button-text);
    background-color: transparent;
    border: 0;
    padding: 0 18px;
    text-decoration: none!important;
    white-space: nowrap;
    border-radius: var(--border-radius-md);
    -webkit-user-select: none;
    user-select: none;
    transition: background-color .3s
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:focus,.btn:hover,.btn:active {
    color: var(--button-text);
    background-color: transparent;
    outline: 0;
    text-decoration: none;
    box-shadow: none!important
}

.btn:disabled,.btn.disabled {
    filter: grayscale(.65);
    opacity: .65!important;
    pointer-events: none
}

.btn loader {
    width: 100%;
    height: 100%;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn .icon {
    width: 14px;
    height: 14px;
    margin: 0 -7px;
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .btn .icon {
        transition: none
    }
}

.btn .icon-start {
    margin: 0 9px 0 -5px
}

.btn .icon-end {
    margin: 0 -5px 0 9px
}

.btn-xl {
    height: 48px;
    font-size: 16px;
    padding: 0 24px;
    border-radius: var(--border-radius-lg)
}

.btn-lg {
    height: 40px;
    font-size: 16px;
    padding: 0 20px;
    border-radius: var(--border-radius-lg)
}

.btn-lg .icon {
    width: 16px;
    height: 16px;
    margin: 0 -8px
}

.btn-lg .icon-start {
    margin: 0 10px 0 -4px
}

.btn-lg .icon-end {
    margin: 0 -4px 0 10px
}

.btn-sm {
    height: 32px;
    font-size: 14px;
    padding: 0 16px;
    border-radius: var(--border-radius-sm)
}

.btn-sm .icon {
    width: 12px;
    height: 12px;
    margin: 0 -6px
}

.btn-sm .icon-start {
    margin: 0 8px 0 -4px
}

.btn-sm .icon-end {
    margin: 0 -4px 0 8px
}

.btn-primary {
    background-color: var(--button-primary-bg)
}

.btn-primary:focus {
    background-color: var(--button-primary-bg)
}

.btn-primary:hover,.btn-primary:active {
    background-color: var(--button-primary-bg-hover)
}

.btn-primary:disabled {
    background-color: var(--button-primary-bg)
}

.btn-primary .icon {
    filter: grayscale(1) brightness(3)
}

.btn-primary.btn-outline {
    color: var(--button-outline-text);
    border-color: var(--button-primary-outline-bg)
}

.btn-primary.btn-outline:hover,.btn-primary.btn-outline:active {
    color: var(--button-outline-text-hover)!important;
    background-color: var(--button-primary-outline-bg);
    border-color: var(--button-primary-outline-bg)
}

.btn-primary.btn-outline:hover .icon,.btn-primary.btn-outline:active .icon {
    filter: grayscale(1) brightness(3)
}

.btn-primary.btn-outline:focus {
    color: var(--button-outline-text)!important;
    background-color: var(--button-outline-bg);
    border-color: var(--button-primary-outline-bg)
}

.btn-primary.btn-outline:focus:hover {
    color: var(--button-outline-text-hover)!important;
    background-color: var(--button-primary-outline-bg);
    border-color: var(--button-primary-outline-bg)
}

.btn-primary.btn-outline:focus:hover .icon {
    filter: grayscale(1) brightness(3)
}

.btn-primary.btn-outline:disabled {
    background-color: var(--button-outline-bg)
}

.btn-primary.btn-outline .icon {
    filter: none
}

.btn-primary.btn-add {
    color: var(--button-outline-text)!important;
    background-color: var(--bg-color-01)!important
}

.btn-primary.btn-add:hover,.btn-primary.btn-add:active {
    color: var(--primary-color)!important;
    background-color: var(--bg-color)!important
}

.btn-secondary {
    background-color: var(--button-secondary-bg)
}

.btn-secondary:focus {
    background-color: var(--button-secondary-bg)
}

.btn-secondary:hover,.btn-secondary:active {
    background-color: var(--button-secondary-bg-hover)
}

.btn-secondary:disabled {
    background-color: var(--button-secondary-bg)
}

.btn-secondary .icon {
    filter: grayscale(1) brightness(3)
}

.btn-secondary.btn-outline {
    color: var(--button-outline-text);
    border-color: var(--button-secondary-outline-bg)
}

.btn-secondary.btn-outline:hover,.btn-secondary.btn-outline:active {
    color: var(--button-outline-text-hover)!important;
    background-color: var(--button-secondary-outline-bg);
    border-color: var(--button-secondary-outline-bg)
}

.btn-secondary.btn-outline:hover .icon,.btn-secondary.btn-outline:active .icon {
    filter: grayscale(1) brightness(3)
}

.btn-secondary.btn-outline:focus {
    color: var(--button-outline-text)!important;
    background-color: var(--button-outline-bg);
    border-color: var(--button-secondary-outline-bg)
}

.btn-secondary.btn-outline:focus:hover {
    color: var(--button-outline-text-hover)!important;
    background-color: var(--button-secondary-outline-bg);
    border-color: var(--button-secondary-outline-bg)
}

.btn-secondary.btn-outline:focus:hover .icon {
    filter: grayscale(1) brightness(3)
}

.btn-secondary.btn-outline:disabled {
    background-color: var(--button-outline-bg)
}

.btn-secondary.btn-outline .icon {
    filter: brightness(.33)
}

.btn-tertiary {
    background-color: var(--button-tertiary-bg)
}

.btn-tertiary:focus {
    background-color: var(--button-tertiary-bg)
}

.btn-tertiary:hover,.btn-tertiary:active {
    background-color: var(--button-tertiary-bg-hover)
}

.btn-light {
    color: var(--secondary-color);
    background-color: var(--button-light-bg)
}

.btn-light:focus {
    background-color: var(--button-light-bg)
}

.btn-light:hover,.btn-light:active {
    color: var(--secondary-color);
    background-color: var(--button-light-bg-hover)
}

.btn-gray {
    color: var(--button-gray-text);
    background-color: var(--button-gray-bg)
}

.btn-gray:focus {
    color: var(--button-gray-text);
    background-color: var(--button-gray-bg)
}

.btn-gray:hover,.btn-gray:active {
    color: var(--button-gray-text-hover);
    background-color: var(--button-gray-bg-hover)
}

.btn-green {
    background-color: var(--button-green-bg)
}

.btn-green:hover,.btn-green:active {
    background-color: var(--button-green-bg-hover)
}

.btn-green:focus {
    background-color: var(--button-green-bg)
}

.btn-green.btn-outline {
    color: var(--button-green-outline-text);
    border-color: var(--button-green-bg)
}

.btn-green.btn-outline:hover,.btn-green.btn-outline:active {
    color: var(--button-outline-text-hover)!important;
    background-color: var(--button-green-bg);
    border-color: var(--button-green-bg)
}

.btn-green.btn-outline:hover .icon,.btn-green.btn-outline:active .icon {
    filter: grayscale(1) brightness(3)
}

.btn-green.btn-outline:focus {
    color: var(--button-green-outline-text)!important;
    background-color: var(--button-outline-bg);
    border-color: var(--button-green-bg)
}

.btn-green.btn-outline:focus:hover {
    color: var(--button-outline-text-hover)!important;
    background-color: var(--button-green-bg);
    border-color: var(--button-green-bg)
}

.btn-green.btn-outline:focus:hover .icon {
    filter: grayscale(1) brightness(3)
}

.btn-green.btn-outline:disabled {
    background-color: var(--button-outline-bg)
}

.btn-green.btn-outline .icon {
    filter: brightness(.33)
}

.btn-red {
    background-color: var(--button-red-bg)
}

.btn-red:hover,.btn-red:active {
    background-color: var(--button-red-bg-hover)
}

.btn-red:focus {
    background-color: var(--button-red-bg)
}

.btn-red.btn-outline {
    color: var(--button-red-outline-text);
    border-color: var(--button-red-bg)
}

.btn-red.btn-outline:hover,.btn-red.btn-outline:active {
    color: var(--button-outline-text-hover)!important;
    background-color: var(--button-red-bg);
    border-color: var(--button-red-bg)
}

.btn-red.btn-outline:hover .icon,.btn-red.btn-outline:active .icon {
    filter: grayscale(1) brightness(3)
}

.btn-red.btn-outline:focus {
    color: var(--button-red-outline-text)!important;
    background-color: var(--button-outline-bg);
    border-color: var(--button-red-bg)
}

.btn-red.btn-outline:focus:hover {
    color: var(--button-outline-text-hover)!important;
    background-color: var(--button-red-bg);
    border-color: var(--button-red-bg)
}

.btn-red.btn-outline:focus:hover .icon {
    filter: grayscale(1) brightness(3)
}

.btn-red.btn-outline:disabled {
    background-color: var(--button-outline-bg)
}

.btn-red.btn-outline .icon {
    filter: brightness(.33)
}

.btn-dark-blue {
    background-color: var(--button-dark-blue-bg)
}

.btn-dark-blue:hover,.btn-dark-blue:active {
    background-color: var(--button-dark-blue-bg-hover)
}

.btn-dark-blue:focus {
    background-color: var(--button-dark-blue-bg)
}

.btn-dark-blue.btn-outline {
    color: var(--button-dark-blue-outline-text);
    border-color: var(--button-dark-blue-bg)
}

.btn-dark-blue.btn-outline:hover,.btn-dark-blue.btn-outline:active {
    color: var(--button-outline-text-hover)!important;
    background-color: var(--button-dark-blue-bg);
    border-color: var(--button-dark-blue-bg)
}

.btn-dark-blue.btn-outline:hover .icon,.btn-dark-blue.btn-outline:active .icon {
    filter: grayscale(1) brightness(3)
}

.btn-dark-blue.btn-outline:focus {
    color: var(--button-red-outline-text)!important;
    background-color: var(--button-outline-bg);
    border-color: var(--button-dark-blue-bg)
}

.btn-dark-blue.btn-outline:focus:hover {
    color: var(--button-outline-text-hover)!important;
    background-color: var(--button-dark-blue-bg);
    border-color: var(--button-dark-blue-bg)
}

.btn-dark-blue.btn-outline:focus:hover .icon {
    filter: grayscale(1) brightness(3)
}

.btn-dark-blue.btn-outline:disabled {
    background-color: var(--button-outline-bg)
}

.btn-dark-blue.btn-outline .icon {
    filter: brightness(.33)
}

.btn-outline {
    color: var(--secondary-color);
    background-color: var(--button-outline-bg);
    border: 1px solid var(--button-outline-border);
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .btn-outline {
        transition: none
    }
}

.btn-outline:hover,.btn-outline:active {
    color: var(--secondary-color);
    background-color: var(--button-outline-bg);
    border-color: var(--button-primary-outline-bg)
}

.btn-outline.disabled {
    pointer-events: none
}

.btn-outline:disabled,.btn-outline.disabled {
    filter: grayscale(.65);
    opacity: .65!important
}

.btn-live-support {
    min-width: 48px;
    height: auto;
    font-size: 15px;
    font-weight: 700;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing: 0;
    padding: 14px;
    position: fixed;
    right: 15px;
    bottom: 71px;
    z-index: 4;
    border-radius: 32px
}

.btn-live-support:focus {
    background-color: var(--button-primary-bg);
    box-shadow: inset 0 0 0 3.4px #fff6!important
}

.btn-live-support:hover,.btn-live-support:active {
    background-color: var(--button-primary-bg)
}

.btn-live-support .icon {
    width: 20px;
    height: 20px
}

@media (min-width: 768px) {
    .btn-live-support {
        bottom:79px
    }
}

@media (min-width: 1200px) {
    .btn-live-support {
        padding:13px 22px;
        bottom: 15px
    }

    .btn-live-support .icon {
        margin: 0 8px 0 0
    }
}

.btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.btn-group .btn-small {
    max-width: 30%
}

.btn-group .btn-large {
    max-width: 70%
}

.btn-group .btn-item {
    flex: 1 0 0%
}

.btn-group .btn {
    width: 100%
}

@media (min-width: 768px) {
    .btn-group {
        gap:15px
    }

    .btn-25 {
        width: 25%!important
    }

    .btn-50 {
        width: 50%!important
    }

    .btn-75 {
        width: 75%!important
    }

    .btn-100 {
        width: 100%!important
    }
}

perfect-scrollbar>.ps.ps--active-y>.ps__rail-x {
    height: 15px!important;
    opacity: .3!important;
    z-index: 1
}

perfect-scrollbar>.ps.ps--active-y>.ps__rail-x:hover,perfect-scrollbar>.ps.ps--active-y>.ps__rail-x.ps--clicking {
    height: 15px!important;
    background-color: transparent!important;
    outline: none!important
}

perfect-scrollbar>.ps.ps--active-y>.ps__rail-y {
    width: 15px!important;
    opacity: .3!important;
    z-index: 1
}

perfect-scrollbar>.ps.ps--active-y>.ps__rail-y:hover,perfect-scrollbar>.ps.ps--active-y>.ps__rail-y.ps--clicking {
    width: 15px!important;
    background-color: transparent!important;
    outline: none!important
}

perfect-scrollbar>.ps.ps--scrolling-x>.ps__rail-x {
    background-color: transparent!important;
    outline: none!important
}

perfect-scrollbar>.ps.ps--scrolling-y>.ps__rail-y {
    background-color: transparent!important;
    outline: none!important
}

.ps__thumb-y {
    width: 3px!important;
    background-color: var(--primary-color)!important;
    right: 6px!important;
    cursor: pointer;
    outline: none!important
}

.ps__thumb-x {
    height: 3px;
    background-color: transparent!important;
    bottom: 6px!important;
    cursor: pointer;
    outline: none!important
}

.ps__thumb-x:before {
    content: "";
    display: block;
    height: 3px;
    background-color: var(--primary-color);
    position: absolute;
    left: 3px;
    right: 3px;
    border-radius: var(--border-radius-sm)
}

.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x {
    height: 3px!important
}

perfect-scrollbar>.ps.ps--active-x.ps--active-y>.ps__rail-x {
    margin: 0!important
}

perfect-scrollbar>.ps.ps--active-x.ps--active-y>.ps__rail-y {
    margin: 36px 0 0!important
}

perfect-scrollbar.ps-show-active.ps-show-limits>.ps.ps--active-y>.ps-overlay.ps-at-top .ps-indicator-top.ps-indicator-show,perfect-scrollbar.ps-show-active.ps-show-limits>.ps.ps--active-y>.ps-overlay.ps-at-bottom .ps-indicator-bottom.ps-indicator-show,perfect-scrollbar.ps-show-active.ps-show-limits>.ps.ps--active-x>.ps-overlay.ps-at-left .ps-indicator-left.ps-indicator-show,perfect-scrollbar.ps-show-active.ps-show-limits>.ps.ps--active-x>.ps-overlay.ps-at-right .ps-indicator-right.ps-indicator-show {
    opacity: .6!important
}

perfect-scrollbar>.ps:hover>.ps__rail-x,perfect-scrollbar>.ps:hover>.ps__rail-y,perfect-scrollbar>.ps--focus>.ps__rail-x,perfect-scrollbar>.ps--focus>.ps__rail-y,perfect-scrollbar>.ps--scrolling-x>.ps__rail-x,perfect-scrollbar>.ps--scrolling-y>.ps__rail-y {
    opacity: .6!important
}

.toastr-group {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    transition: .2s ease-in;
    pointer-events: all
}

@media (prefers-reduced-motion: reduce) {
    .toastr-group {
        transition: none
    }
}

.toastr-group .toastr-item {
    width: 100%;
    min-height: 48px;
    display: block;
    background: var(--toast-bg);
    box-shadow: var(--box-shadow);
    padding: 13px 15px;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border-radius: var(--border-radius-sm)
}

.toastr-group .toastr-item:before {
    content: "";
    width: 36px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 18px;
    border-left: 5px solid transparent;
    position: absolute;
    top: 6px;
    left: 6px;
    bottom: 6px;
    z-index: 999
}

.toastr-group .toastr-item .message {
    width: 100%;
    padding: 0 0 0 40px;
    -webkit-user-select: none;
    user-select: none;
    transition: all .4s
}

.toastr-group .toastr-item .message .caption {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--secondary-light-color);
    padding: 0;
    margin: 0 0 5px
}

.toastr-group .toastr-item .message .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--secondary-light-color);
    margin: 0
}

.toastr-group.toastr-info .toastr-item:before {
    border-color: var(--blue-color);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQoJPGNpcmNsZSBmaWxsPSIjMDA3RkI3IiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiLz4NCgk8cGF0aCBmaWxsPSIjRjNGN0Y2IiBkPSJNMTQuMiwxNi40aC0wLjl2LTQuOGMwLTAuNy0wLjYtMS4zLTEuMy0xLjNoLTEuOGMtMC43LDAtMS4zLDAuNi0xLjMsMS4zczAuNiwxLjMsMS4zLDEuM2gwLjR2My41SDkuOCBjLTAuNywwLTEuMywwLjYtMS4zLDEuM1M5LjEsMTksOS44LDE5aDQuNGMwLjcsMCwxLjMtMC42LDEuMy0xLjNTMTQuOSwxNi40LDE0LjIsMTYuNHoiLz4NCgk8Y2lyY2xlIGZpbGw9IiNGM0Y3RjYiIGN4PSIxMiIgY3k9IjYuOCIgcj0iMS44Ii8+DQo8L3N2Zz4NCg==)
}

.toastr-group.toastr-success .toastr-item:before {
    border-color: var(--green-color);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiMwMDlDNjUiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI0YzRjdGNiIgZD0iTTE5LjcsNi42YzAuNSwwLjUsMC41LDEuMiwwLDEuNmwtOS4xLDkuMmMtMC41LDAuNS0xLjIsMC41LTEuNiwwbC00LjYtNC42Yy0wLjUtMC41LTAuNS0xLjIsMC0xLjYNCgljMC41LTAuNSwxLjItMC41LDEuNiwwbDMuNywzLjdsOC40LTguM0MxOC41LDYuMiwxOS4yLDYuMiwxOS43LDYuNkwxOS43LDYuNnoiLz4NCjwvc3ZnPg0K)
}

.toastr-group.toastr-warning .toastr-item:before {
    border-color: var(--yellow-color);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNGREI5MDAiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI0YzRjdGNiIgZD0iTTEyLDE1LjVjMC42LDAsMS4xLTAuNSwxLjEtMS4xbDAuNC05LjJDMTMuNCw0LjUsMTIuNiw0LDEyLDRzLTEuNCwwLjUtMS40LDEuMWwwLjMsOS4xDQoJQzEwLjgsMTUsMTEuNCwxNS41LDEyLDE1LjV6IE0xMiwxNy4yYy0wLjgsMC0xLjQsMC42LTEuNCwxLjRTMTEuMiwyMCwxMiwyMHMxLjQtMC42LDEuNC0xLjRTMTIuOCwxNy4yLDEyLDE3LjJ6Ii8+DQo8L3N2Zz4NCg==)
}

.toastr-group.toastr-error .toastr-item:before {
    border-color: var(--red-color);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiNENzM1NEEiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI0YzRjdGNiIgZD0iTTEzLjcsMTJsNC00YzAuNC0wLjUsMC40LTEuMSwwLTEuN2MtMC41LTAuNS0xLjEtMC41LTEuNywwbC00LDRsLTQtNEM3LjcsNiw2LjksNiw2LjUsNi40DQoJQzYsNi45LDYsNy43LDYuNCw4LjFsNCw0bC00LDRDNi4xLDE2LjMsNiwxNi41LDYsMTYuOUM2LDE3LjUsNi41LDE4LDcuMSwxOGMwLjMsMCwwLjYtMC4xLDAuOS0wLjRsNC00bDQsNGMwLjMsMC4zLDAuNSwwLjQsMC45LDAuNA0KCWMwLjYsMCwxLjEtMC41LDEuMS0xLjFjMC0wLjMtMC4xLTAuNi0wLjQtMC45TDEzLjcsMTJ6Ii8+DQo8L3N2Zz4=)
}

.toastr-flash .toastr-item {
    border-color: green
}

.table {
    width: 100%;
    display: flex;
    flex-direction: column
}

.table:after {
    display: block;
    clear: both;
    content: ""
}

.table .thead,.table .trow {
    display: flex;
    flex-wrap: wrap;
    z-index: 1
}

.table .thead>[class*=col],.table .trow>[class*=col] {
    display: flex;
    font-weight: 400;
    word-break: break-all;
    line-height: 1
}

.table .thead>[class*=col] {
    font-size: 13px;
    color: var(--tertiary-color);
    align-items: center;
    justify-content: flex-end;
    -webkit-user-select: none;
    user-select: none
}

.table .thead>[class*=col]:first-child {
    justify-content: flex-start
}

.table .trow {
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .table .trow {
        transition: none
    }
}

.table .trow>[class*=col] {
    font-size: 14px;
    color: var(--secondary-light-color);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.2px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding: 10px 0
}

.table .trow>[class*=col]:first-child {
    align-items: flex-start
}

.table .trow small {
    font-size: 12px;
    font-weight: 400;
    color: var(--tertiary-color);
    letter-spacing: -.2px;
    margin: 6px 0 -1px
}

.table .trow.open .icon-open {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDA5QzY1IiBkPSJNMjguMiwxNy44SDMuOEMyLjgsMTcuOCwyLDE3LDIsMTZsMCwwYzAtMSwwLjgtMS44LDEuOC0xLjhoMjQuNWMxLDAsMS44LDAuOCwxLjgsMS44bDAsMA0KCUMzMCwxNywyOS4yLDE3LjgsMjguMiwxNy44eiIvPg0KPC9zdmc+DQo=)
}

.table .trow.open .btn-icon {
    background-color: var(--bg-color-02)
}

.table .trow.open .detail-table {
    height: auto;
    opacity: 1;
    overflow: visible;
    bottom: 0
}

.table .trow.expand .detail-list {
    height: auto;
    overflow: visible
}

.table .tbody {
    padding: 10px 0
}

.table .tlist {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.table .tlist .tbox {
    width: 100%;
    background-color: var(--bg-color-01);
    border: 1px solid transparent;
    padding: 15px;
    border-radius: var(--border-radius-xl);
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .table .tlist .tbox {
        transition: none
    }
}

.table .tlist .tbox.active,.table .tlist .tbox:hover {
    background-color: var(--bg-color);
    border-color: var(--border)
}

.table .tlist .tbox .icon-box .icon {
    width: 36px;
    height: 36px
}

.table .tlist .tbox .icon-box .name {
    width: calc(100% - 48px);
    font-size: 16px
}

.table .tlist .tbox .icon-box .name small {
    font-size: 13px;
    font-weight: 500;
    line-height: 1
}

@media (min-width: 768px) {
    .table .tlist {
        gap:15px
    }
}

.table .dot {
    width: 6px;
    height: 6px;
    display: inline-block;
    font-style: normal;
    background-color: transparent;
    margin: 4px 0 4px 8px;
    border-radius: var(--border-radius-rd)
}

.table .dot.active {
    background-color: var(--primary-color)
}

.table .sort {
    width: 22px;
    height: 18px;
    background-size: 7px;
    margin: -3px -8px -3px 0;
    cursor: pointer;
    position: relative;
    top: -1px
}

.table .sort.first-sort {
    margin: -3px 0
}

.table .status {
    font-variant-numeric: normal;
    letter-spacing: 0;
    color: var(--secondary-light-color)!important
}

.table .status.open,.table .status.opened,.table .status.inprocess,.table .status.started,.table .status.active {
    color: var(--blue-color)!important
}

.table .status.completed,.table .status.filled {
    color: var(--green-color)!important
}

.table .status.pending,.table .status.adminapprovewaiting,.table .status.adminrejectedwalletdone {
    color: var(--yellow-color)!important
}

.table .status.canceled,.table .status.rejected,.table .status.closed {
    color: var(--red-color)!important
}

.table .tag {
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: var(--secondary-light-color);
    overflow: hidden
}

.table .link:after {
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .table .link:after {
        transition: none
    }
}

.table .link:hover {
    color: inherit
}

.table .btn-link {
    width: auto;
    height: auto;
    font-size: 14px;
    font-variant-numeric: normal;
    letter-spacing: 0;
    line-height: 1;
    color: var(--primary-color)!important;
    border: 0;
    padding: 8px;
    margin: -10px -8px;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .table .btn-link {
        transition: none
    }
}

.table .btn-link:hover {
    color: var(--secondary-color)!important
}

.table .btn-link:focus:not(:focus-visible) {
    border: 0
}

.table .link-group {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -8px
}

.table .link-group .link-item {
    flex: 1 0 0%
}

.table .link-group .btn-link {
    margin: 0
}

.table .btn-action,.table .btn-icon {
    height: 24px;
    font-size: 13px;
    border-radius: 3px
}

.table .btn-action {
    padding: 0 10px;
    margin: -5px 0 -5px 10px
}

.table .btn-icon {
    width: 28px;
    height: 28px;
    background-color: var(--bg-color-02);
    border: 0;
    padding: 0;
    margin: -6px 0 -6px 5px!important;
    border-radius: 6px
}

.table .btn-icon .icon {
    width: 18px;
    height: 18px;
    display: flex;
    margin: auto
}

.table .action-group {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: start;
    margin: -5px 0
}

.table .action-group .btn-action,.table .action-group .btn-icon {
    margin: 0 0 0 10px
}

.table .icon-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.table .icon-box:after {
    display: block;
    clear: both;
    content: ""
}

.table .icon-box .icon {
    width: 24px;
    height: 24px;
    display: flex;
    margin: 0 10px 0 0;
    overflow: hidden;
    border-radius: var(--border-radius-rd)
}

.table .icon-box .name {
    width: calc(100% - 34px);
    display: flex;
    flex-direction: column;
    font-weight: 600;
    font-variant-numeric: normal;
    letter-spacing: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    margin: auto 0
}

.table .icon-box .name label {
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    word-break: break-word;
    cursor: inherit
}

.table .icon-box .name sub {
    font-weight: 500;
    font-variant-numeric: normal;
    letter-spacing: 0;
    color: var(--tertiary-color);
    bottom: 0
}

.table .icon-box .name small {
    width: 100%;
    font-weight: 400;
    font-variant-numeric: normal;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table .icon-box.icon-box-lg .icon {
    width: 32px;
    height: 32px;
    margin: 0 12px 0 0
}

.table .icon-box.icon-box-lg .name {
    width: calc(100% - 44px)
}

.table .icon-box.icon-box-sm .icon {
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0
}

.table .icon-box.icon-box-sm .name {
    width: calc(100% - 24px)
}

@media (min-width: 768px) {
    .table .thead>[class*=col] {
        padding:15px 0 0
    }

    .table .trow.expand .icon-box .icon-open {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDA5QzY1IiBkPSJNMjguMiwxNy44SDMuOEMyLjgsMTcuOCwyLDE3LDIsMTZsMCwwYzAtMSwwLjgtMS44LDEuOC0xLjhoMjQuNWMxLDAsMS44LDAuOCwxLjgsMS44bDAsMA0KCUMzMCwxNywyOS4yLDE3LjgsMjguMiwxNy44eiIvPg0KPC9zdmc+DQo=)
    }

    .table .tlist .tbox {
        width: calc(50% - 7.5px)
    }

    .table .icon-box .name sub {
        font-size: 14px
    }

    .table .sort {
        margin: -4px -6px -4px 0
    }

    .table .sort.first-sort {
        margin: -4px 0
    }
}

@media (min-width: 1200px) {
    .table .thead>[class*=col] {
        padding:20px 0 10px;
        margin: 0
    }

    .table .trow {
        position: relative
    }

    .table .trow>[class*=col] {
        min-height: 44px;
        padding: 15px 0
    }

    .table .trow:after {
        content: "";
        background-color: transparent;
        position: absolute;
        inset: 0 -10px;
        z-index: -1;
        border-radius: var(--border-radius-lg);
        transition: all .3s
    }
}

@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
    .table .trow:after {
        transition:none
    }
}

@media (min-width: 1200px) {
    .table .trow.expand:after,.table .trow:hover:after {
        background-color:var(--bg-color-01)
    }

    .table .trow.expand .detail-list,.table .trow:hover .detail-list {
        background-color: var(--bg-color)
    }
}

@media (min-width: 1200px) {
    .table .tbody {
        padding:0;
        margin: 0 0 10px
    }
}

@media (min-width: 1200px) {
    .table .tlist .tbox {
        width:calc(25% - 11.25px)
    }
}

@media (min-width: 1200px) {
    .table .link:after {
        opacity:0;
        transition: all .3s
    }
}

@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
    .table .link:after {
        transition:none
    }
}

@media (min-width: 1200px) {
    .table .link:hover:after {
        opacity:1
    }
}

@media (min-width: 1200px) {
    .table .link-arrow {
        background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTcuMyw4LjhMOS4xLDAuNkM4LjgsMC4yLDguMiwwLDcuNiwwUzYuNSwwLjIsNi4xLDAuNmMtMC44LDAuOC0wLjgsMi4yLDAsMy4xbDgsOC4xbDAuMSwwLjFsMCwwDQoJYzAsMCwwLDAuMSwwLDAuMWMwLDAtMC4xLDAuMS0wLjEsMC4yTDYsMjAuM2MtMC44LDAuOC0wLjgsMi4yLDAsMy4xQzYuNCwyMy44LDcsMjQsNy42LDI0YzAuNiwwLDEuMS0wLjIsMS42LTAuNmw4LjEtOC4xDQoJYzAuOS0wLjgsMS40LTIsMS40LTMuM0MxOC43LDEwLjgsMTguMiw5LjcsMTcuMyw4Ljh6Ii8+DQo8L3N2Zz4NCg==);
        background-position: right 3px;
        background-size: 8px;
        padding: 0 12px 0 0;
        filter: grayscale(1)
    }

    .table .link-arrow:hover {
        filter: none
    }
}

@media (min-width: 1200px) {
    .table .btn-icon {
        background-color:transparent
    }

    .table .btn-icon:hover {
        background-color: var(--bg-color)
    }
}

.detail-table {
    height: 0;
    min-height: unset!important;
    overflow: hidden;
    background-color: var(--bg-color);
    opacity: 0;
    padding: 0 20px;
    margin: 0;
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    z-index: 999;
    border-top-left-radius: var(--border-radius-xl);
    border-top-right-radius: var(--border-radius-xl);
    transition: opacity .5s,bottom .5s
}

@media (prefers-reduced-motion: reduce) {
    .detail-table {
        transition: none
    }
}

.detail-table:after {
    content: none
}

.detail-table .tcaption {
    width: 100%;
    height: 52px;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-light-color);
    line-height: 1;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
    margin: 0 0 5px;
    position: relative
}

.detail-table .tcaption .btn-close {
    width: 54px;
    height: 52px;
    padding: 0;
    margin: 0 -20px 0 0
}

.detail-table .tcaption .btn-close .icon {
    width: 18px;
    height: 18px
}

.detail-table .tinfo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: right;
    overflow: visible;
    padding: 10px 0!important
}

.detail-table .tinfo .icon-box .name {
    flex-direction: row;
    align-items: center
}

.detail-table .tinfo .icon-box .name small {
    width: auto;
    font-size: 100%;
    margin: 0 0 0 5px
}

.detail-table .tinfo .btn-outline {
    padding: 0 10px 0 12px;
    margin: 0;
    border-radius: var(--border-radius-md)
}

.detail-table .tinfo .btn-outline:hover {
    color: var(--button-outline-text)!important;
    background-color: var(--button-outline-bg)!important
}

.detail-table .tinfo .btn-outline .arrow {
    width: 14px;
    height: 14px;
    margin: 0 0 0 6px
}

.detail-table .trow {
    flex-direction: column;
    position: relative;
    padding: 0 0 10px
}

.detail-table .trow>[class*=col] {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    text-align: right;
    overflow: visible;
    padding: 10px 0
}

.detail-table .trow label {
    font-weight: 400;
    color: var(--tertiary-dark-color);
    white-space: nowrap;
    padding: 0 15px 0 0
}

.detail-table .icon-box .name {
    color: var(--secondary-light-color)
}

@media (min-width: 768px) {
    .detail-table {
        max-width:480px;
        top: 50%;
        left: 50%;
        bottom: auto!important;
        transform: translate(-50%,-50%);
        border-radius: var(--border-radius-xl)
    }

    .detail-table .trow>[class*=col] {
        min-height: auto
    }

    .detail-table .trow label {
        padding: 0 15px 0 0
    }
}

@media (min-width: 1200px) {
    .detail-table {
        height:auto;
        overflow: visible;
        background-color: transparent;
        max-width: unset;
        opacity: 1;
        padding: 0;
        position: static;
        transform: none;
        border-radius: 0
    }

    .detail-table .trow {
        flex-direction: row;
        padding: 0
    }

    .detail-table .trow>[class*=col] {
        flex-direction: column;
        justify-content: space-evenly;
        align-items: flex-start;
        text-align: left;
        padding: 15px 0!important;
        margin: 0
    }

    .detail-table .trow>[class*=col]:last-child {
        align-items: flex-end
    }

    .detail-table .trow label {
        display: none
    }

    .detail-table .icon-box .name {
        flex-direction: column;
        align-items: flex-start
    }

    .detail-table .icon-box .name small {
        font-size: 12px;
        margin: 6px 0 1px
    }
}

.detail-list {
    height: 0;
    min-height: unset!important;
    overflow: auto;
    flex: 1 1 auto;
    padding: 0 15px;
    background-color: var(--trow-hover-color);
    margin: 0 0 5px;
    border-radius: var(--border-radius-md)
}

.detail-list .trow {
    flex-direction: column;
    border-top: 1px solid var(--border);
    padding: 7.5px 0!important;
    position: relative
}

.detail-list .trow:after {
    content: none!important
}

.detail-list .trow:first-child {
    border-top: 0
}

.detail-list .trow:last-child {
    border-bottom-width: 0!important
}

.detail-list .trow>[class*=col] {
    flex-direction: row;
    justify-content: space-between;
    text-align: right;
    overflow: visible;
    padding: 7.5px 0!important
}

.detail-list .trow>[class*=col]:first-child {
    margin: 0
}

.detail-list .trow label {
    font-weight: 400;
    color: var(--tertiary-light-color)
}

.detail-list .tbody {
    padding: 0
}

.detail-list .no-content {
    min-height: unset!important;
    padding: 12px 0!important
}

@media (min-width: 768px) {
    .detail-list .trow {
        flex-direction:row;
        justify-content: unset!important;
        padding: 0!important
    }

    .detail-list .trow>[class*=col] {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        padding: 15px 0!important
    }

    .detail-list .trow label {
        display: none
    }
}

@media (min-width: 1200px) {
    .detail-list {
        padding:5px 15px;
        margin: 0 0 10px
    }

    .detail-list .thead>[class*=col] {
        justify-content: flex-end;
        padding: 10px 0
    }

    .detail-list .thead>[class*=col]:first-child {
        justify-content: flex-start
    }

    .detail-list .trow {
        border-top: 0
    }

    .detail-list .trow>[class*=col] {
        min-height: unset;
        align-items: flex-end;
        padding: 10px 0!important;
        margin: 0
    }

    .detail-list .trow>[class*=col]:first-child {
        align-items: flex-start
    }

    .detail-list .tbody {
        margin: 0
    }
}

.detail-back {
    background-color: var(--transparent-bg);
    opacity: 0;
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .detail-back {
        transition: none
    }
}

.detail-back.open {
    opacity: .75;
    position: fixed;
    inset: 0;
    z-index: 5
}

@media (min-width: 1200px) {
    .detail-back {
        display:none!important
    }
}

.crypto-list .thead>[class*=col],.crypto-list .trow>[class*=col] {
    flex: 0 0 auto
}

.crypto-list .thead>[class*=col]:nth-child(1),.crypto-list .trow>[class*=col]:nth-child(1) {
    width: 37%
}

.crypto-list .thead>[class*=col]:nth-child(2),.crypto-list .trow>[class*=col]:nth-child(2) {
    width: 33%;
    text-align: right
}

.crypto-list .thead>[class*=col]:nth-child(3),.crypto-list .trow>[class*=col]:nth-child(3) {
    width: 30%
}

.crypto-list .thead>[class*=col] {
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    padding: 15px 0 0;
    margin: 0 0 -5px
}

.crypto-list .thead .head {
    width: calc(100% - 27px);
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.crypto-list .trow>[class*=col] {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0
}

.crypto-list .icon-box .name {
    font-size: 14px
}

@media (min-width: 388px) {
    .crypto-list .thead .head {
        width:auto
    }
}

@media (min-width: 768px) {
    .crypto-list .thead>[class*=col],.crypto-list .trow>[class*=col] {
        flex:0 0 auto
    }

    .crypto-list .thead>[class*=col]:nth-child(1),.crypto-list .trow>[class*=col]:nth-child(1) {
        width: 28%
    }

    .crypto-list .thead>[class*=col]:nth-child(2),.crypto-list .trow>[class*=col]:nth-child(2) {
        width: 16%
    }

    .crypto-list .thead>[class*=col]:nth-child(3),.crypto-list .trow>[class*=col]:nth-child(3) {
        width: 18%
    }

    .crypto-list .thead>[class*=col]:nth-child(4),.crypto-list .trow>[class*=col]:nth-child(4) {
        width: 18%
    }

    .crypto-list .thead>[class*=col]:nth-child(5),.crypto-list .trow>[class*=col]:nth-child(5) {
        width: 20%
    }

    .crypto-list .thead>[class*=col] {
        font-size: 13px
    }

    .crypto-list .trow>[class*=col] {
        font-weight: 500
    }

    .crypto-list .icon-box .name {
        min-height: 17px;
        flex-direction: row;
        align-items: center
    }

    .crypto-list .icon-box .name small {
        font-size: 13px;
        line-height: 16px;
        margin: 0 0 0 6px
    }
}

@media (min-width: 1200px) {
    .crypto-list .thead>[class*=col],.crypto-list .trow>[class*=col] {
        flex:0 0 auto
    }

    .crypto-list .thead>[class*=col]:nth-child(1),.crypto-list .trow>[class*=col]:nth-child(1) {
        width: 22%
    }

    .crypto-list .thead>[class*=col]:nth-child(2),.crypto-list .trow>[class*=col]:nth-child(2) {
        width: 14%
    }

    .crypto-list .thead>[class*=col]:nth-child(3),.crypto-list .trow>[class*=col]:nth-child(3) {
        width: 16%
    }

    .crypto-list .thead>[class*=col]:nth-child(4),.crypto-list .trow>[class*=col]:nth-child(4) {
        width: 16%
    }

    .crypto-list .thead>[class*=col]:nth-child(5),.crypto-list .trow>[class*=col]:nth-child(5) {
        width: 18%
    }

    .crypto-list .thead>[class*=col]:nth-child(6),.crypto-list .trow>[class*=col]:nth-child(6) {
        width: 14%
    }

    .crypto-list .thead>[class*=col] {
        padding: 20px 0 10px;
        margin: 0
    }

    .crypto-list .trow>[class*=col] {
        font-size: 15px
    }

    .crypto-list .icon-box .name {
        font-size: 15px
    }

    .crypto-list .icon-box .name small {
        font-size: 13px;
        line-height: 19px
    }

    .crypto-list .btn-link {
        font-size: 15px
    }
}

.market-list .thead,.market-list .trow {
    border-color: var(--border)
}

.market-list .thead>[class*=col],.market-list .trow>[class*=col] {
    flex: 0 0 auto;
    width: 35%
}

.market-list .thead>[class*=col]:nth-child(3),.market-list .trow>[class*=col]:nth-child(3) {
    width: 30%
}

.market-list .thead>[class*=col] {
    font-size: 12px;
    white-space: nowrap;
    padding: 16px 0 0;
    margin: 0 0 -5px
}

.market-list .trow>[class*=col] {
    font-size: 15px;
    font-weight: 500;
    padding: 10px 0
}

.market-list .icon-box .icon {
    width: 18px;
    height: 18px;
    margin: -2px 8px 0 0
}

.market-list .icon-box .name {
    width: calc(100% - 26px);
    font-size: 15px
}

.market-list .icon-box .name sub {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 0 6px;
    position: relative
}

.market-list .icon-box .name sub:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: var(--tertiary-color);
    position: absolute;
    top: 3px;
    left: -3px;
    rotate: 15deg
}

.market-list .price {
    display: flex;
    align-items: flex-end;
    flex-direction: column
}

.market-list .change {
    min-width: 80px;
    height: 32px;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 500;
    color: var(--white-color)!important;
    background-color: var(--tertiary-light-color);
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: var(--border-radius-sm)
}

.market-list .change.increase {
    background-color: var(--increase-color)
}

.market-list .change.decrease {
    background-color: var(--decrease-color)
}

@media (min-width: 768px) {
    .market-list .thead>[class*=col]:nth-child(1),.market-list .trow>[class*=col]:nth-child(1) {
        width:20%
    }

    .market-list .thead>[class*=col]:nth-child(2),.market-list .trow>[class*=col]:nth-child(2) {
        width: 20%
    }

    .market-list .thead>[class*=col]:nth-child(3),.market-list .trow>[class*=col]:nth-child(3) {
        width: 20%
    }

    .market-list .thead>[class*=col]:nth-child(6),.market-list .trow>[class*=col]:nth-child(6) {
        width: 25%
    }

    .market-list .thead>[class*=col]:nth-child(7),.market-list .trow>[class*=col]:nth-child(7) {
        width: 15%
    }

    .market-list .thead>[class*=col] {
        font-size: 13px
    }

    .market-list .trow {
        position: relative
    }

    .market-list .trow>[class*=col] {
        padding: 15px 0
    }

    .market-list .icon-box .icon {
        margin: -2px 10px -2px 0
    }

    .market-list .icon-box .name {
        width: calc(100% - 28px)
    }

    .market-list .change {
        min-width: auto;
        height: auto;
        font-size: inherit;
        color: var(--secondary-light-color)!important;
        text-align: right;
        background-color: transparent!important;
        padding: 0;
        border-radius: 0
    }

    .market-list .change.increase {
        color: var(--increase-color)!important
    }

    .market-list .change.decrease {
        color: var(--decrease-color)!important
    }
}

@media (min-width: 992px) {
    .market-list .icon-box .name sub {
        font-size:15px
    }

    .market-list .icon-box .name sub:before {
        height: 12px
    }
}

@media (min-width: 1200px) {
    .market-list .thead>[class*=col]:nth-child(1),.market-list .trow>[class*=col]:nth-child(1) {
        width:10%
    }

    .market-list .thead>[class*=col]:nth-child(2),.market-list .trow>[class*=col]:nth-child(2) {
        width: 15%
    }

    .market-list .thead>[class*=col]:nth-child(3),.market-list .trow>[class*=col]:nth-child(3) {
        width: 15%
    }

    .market-list .thead>[class*=col]:nth-child(4),.market-list .trow>[class*=col]:nth-child(4) {
        width: 15%
    }

    .market-list .thead>[class*=col]:nth-child(5),.market-list .trow>[class*=col]:nth-child(5) {
        width: 15%
    }

    .market-list .thead>[class*=col]:nth-child(6),.market-list .trow>[class*=col]:nth-child(6) {
        width: 20%
    }

    .market-list .thead>[class*=col]:nth-child(7),.market-list .trow>[class*=col]:nth-child(7) {
        width: 10%
    }

    .market-list .thead>[class*=col] {
        padding: 21px 0 10px;
        margin: 0
    }

    .market-list .trow:after {
        content: "";
        position: absolute;
        left: -10px;
        right: -10px;
        z-index: -1;
        border-radius: var(--border-radius-xl)
    }

    .market-list .btn {
        font-size: 15px
    }
}

.spot-asset-list .trow {
    justify-content: space-between
}

.spot-asset-list .icon-box .icon {
    overflow: hidden;
    border-radius: var(--border-radius-rd)
}

.spot-asset-list .detail-table .trow>[class*=col]:last-child {
    padding: 0 0 5px!important
}

.spot-asset-list .detail-table .link-group {
    width: 100%;
    display: flex;
    gap: 15px;
    padding: 10px 0 5px;
    margin: 0
}

.spot-asset-list .detail-table .link-group .link-item {
    flex: 1 0 0%
}

.spot-asset-list .detail-table .link-group .btn-link {
    width: 100%;
    height: 40px;
    font-size: 15px;
    color: var(--button-text)!important;
    padding: 0 18px
}

.spot-asset-list .detail-table .link-group .btn-deposit {
    background-color: var(--button-primary-bg)
}

.spot-asset-list .detail-table .link-group .btn-deposit:focus {
    background-color: var(--button-primary-bg)
}

.spot-asset-list .detail-table .link-group .btn-deposit:hover,.spot-asset-list .detail-table .link-group .btn-deposit:active {
    background-color: var(--button-primary-bg-hover)
}

.spot-asset-list .detail-table .link-group .btn-withdraw {
    background-color: var(--button-secondary-bg)
}

.spot-asset-list .detail-table .link-group .btn-withdraw:focus {
    background-color: var(--button-secondary-bg)
}

.spot-asset-list .detail-table .link-group .btn-withdraw:hover,.spot-asset-list .detail-table .link-group .btn-withdraw:active {
    background-color: var(--button-secondary-bg-hover)
}

@media (min-width: 768px) {
    .spot-asset-list .thead>[class*=col]:nth-child(1),.spot-asset-list .trow>[class*=col]:nth-child(1) {
        width:26%
    }

    .spot-asset-list .thead>[class*=col]:nth-child(2),.spot-asset-list .trow>[class*=col]:nth-child(2) {
        width: 36%
    }

    .spot-asset-list .thead>[class*=col]:nth-child(3),.spot-asset-list .trow>[class*=col]:nth-child(3) {
        width: 38%
    }

    .spot-asset-list .detail-table .trow>[class*=col] {
        width: auto
    }

    .spot-asset-list .detail-table .trow>[class*=col]:nth-child(2) {
        justify-content: space-between
    }

    .spot-asset-list .detail-table .icon-box .name {
        flex-direction: row;
        align-items: center
    }

    .spot-asset-list .detail-table .icon-box .name small {
        font-size: 100%;
        margin: 0 0 0 10px
    }
}

@media (min-width: 992px) {
    .spot-asset-list .thead>[class*=col]:nth-child(1),.spot-asset-list .trow>[class*=col]:nth-child(1) {
        width:26%
    }

    .spot-asset-list .thead>[class*=col]:nth-child(2),.spot-asset-list .trow>[class*=col]:nth-child(2) {
        width: 44%
    }

    .spot-asset-list .thead>[class*=col]:nth-child(3),.spot-asset-list .trow>[class*=col]:nth-child(3) {
        width: 30%
    }
}

@media (min-width: 1200px) {
    .spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(1),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(1) {
        width:11%
    }

    .spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(2),.spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(3),.spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(4),.spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(5),.spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(6),.spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(7),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(2),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(3),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(4),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(5),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(6),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(7) {
        width: 12%
    }

    .spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(8),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(8) {
        width: 17%
    }

    .spot-asset-list.spot-crypto-list .detail-table .icon-box .name {
        flex-direction: column;
        align-items: flex-start
    }

    .spot-asset-list.spot-crypto-list .detail-table .icon-box .name small {
        font-size: 12px;
        margin: 6px 0 1px
    }

    .spot-asset-list .thead>[class*=col]:nth-child(1),.spot-asset-list .trow>[class*=col]:nth-child(1) {
        width: 16%
    }

    .spot-asset-list .thead>[class*=col]:nth-child(2),.spot-asset-list .thead>[class*=col]:nth-child(3),.spot-asset-list .thead>[class*=col]:nth-child(4),.spot-asset-list .thead>[class*=col]:nth-child(5),.spot-asset-list .thead>[class*=col]:nth-child(6),.spot-asset-list .trow>[class*=col]:nth-child(2),.spot-asset-list .trow>[class*=col]:nth-child(3),.spot-asset-list .trow>[class*=col]:nth-child(4),.spot-asset-list .trow>[class*=col]:nth-child(5),.spot-asset-list .trow>[class*=col]:nth-child(6) {
        width: 13%
    }

    .spot-asset-list .thead>[class*=col]:nth-child(7),.spot-asset-list .trow>[class*=col]:nth-child(7) {
        width: 19%
    }

    .spot-asset-list .trow>[class*=col] {
        flex: 0 0 auto;
        align-items: flex-end;
        padding: 10px 0!important
    }

    .spot-asset-list .trow>[class*=col]:nth-child(1) {
        align-items: flex-start
    }

    .spot-asset-list .trow>[class*=col]:nth-child(2) {
        flex-direction: column;
        align-items: flex-end;
        justify-content: center!important
    }

    .spot-asset-list .detail-table .trow>[class*=col]:last-child {
        padding: 15px 0!important
    }

    .spot-asset-list .detail-table .link-group {
        width: auto;
        padding: 0;
        margin: -10px 0;
        gap: 10px
    }

    .spot-asset-list .detail-table .link-group .btn-link {
        height: auto;
        font-size: 14px;
        color: var(--primary-color)!important;
        background-color: transparent!important;
        padding: 8px 0;
        transition: all .5s
    }
}

@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
    .spot-asset-list .detail-table .link-group .btn-link {
        transition:none
    }
}

@media (min-width: 1200px) {
    .spot-asset-list .detail-table .link-group .btn-link:hover {
        color:var(--secondary-color)!important
    }
}

@media (min-width: 1366px) {
    .spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(1),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(1) {
        width:12%
    }

    .spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(2),.spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(3),.spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(4),.spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(5),.spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(6),.spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(7),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(2),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(3),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(4),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(5),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(6),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(7) {
        width: 12%
    }

    .spot-asset-list.spot-crypto-list .thead>[class*=col]:nth-child(8),.spot-asset-list.spot-crypto-list .trow>[class*=col]:nth-child(8) {
        width: 16%
    }
}

.crypto-history .trow {
    justify-content: space-between
}

.crypto-history .trow>[class*=col]:nth-child(3) {
    align-items: flex-start
}

.crypto-history .detail-table .tcaption {
    margin: 0 0 15px
}

@media (min-width: 768px) {
    .crypto-history .thead>[class*=col]:nth-child(1),.crypto-history .trow>[class*=col]:nth-child(1) {
        width:24%
    }

    .crypto-history .thead>[class*=col]:nth-child(2),.crypto-history .trow>[class*=col]:nth-child(2) {
        width: 18%
    }

    .crypto-history .thead>[class*=col]:nth-child(3),.crypto-history .trow>[class*=col]:nth-child(3) {
        width: 18%
    }

    .crypto-history .thead>[class*=col]:nth-child(4),.crypto-history .trow>[class*=col]:nth-child(4) {
        width: 24%
    }

    .crypto-history .thead>[class*=col]:nth-child(5),.crypto-history .trow>[class*=col]:nth-child(5) {
        width: 16%
    }

    .crypto-history .thead>[class*=col] {
        justify-content: flex-start
    }

    .crypto-history .thead>[class*=col]:nth-child(5) {
        justify-content: flex-end
    }

    .crypto-history .trow {
        justify-content: unset
    }

    .crypto-history .trow>[class*=col] {
        align-items: flex-start
    }

    .crypto-history .trow>[class*=col]:nth-child(5) {
        align-items: flex-end
    }

    .crypto-history .tbody {
        margin: 0 0 10px
    }

    .crypto-history .detail-table .trow>[class*=col] {
        width: auto
    }
}

@media (min-width: 1200px) {
    .crypto-history .thead>[class*=col]:nth-child(1),.crypto-history .trow>[class*=col]:nth-child(1) {
        width:16%
    }

    .crypto-history .thead>[class*=col]:nth-child(2),.crypto-history .trow>[class*=col]:nth-child(2) {
        width: 11%
    }

    .crypto-history .thead>[class*=col]:nth-child(3),.crypto-history .trow>[class*=col]:nth-child(3) {
        width: 11%
    }

    .crypto-history .thead>[class*=col]:nth-child(4),.crypto-history .trow>[class*=col]:nth-child(4) {
        width: 12%
    }

    .crypto-history .thead>[class*=col]:nth-child(5),.crypto-history .trow>[class*=col]:nth-child(5) {
        width: 12%
    }

    .crypto-history .thead>[class*=col]:nth-child(6),.crypto-history .trow>[class*=col]:nth-child(6) {
        width: 16%
    }

    .crypto-history .thead>[class*=col]:nth-child(7),.crypto-history .trow>[class*=col]:nth-child(7) {
        width: 12%
    }

    .crypto-history .thead>[class*=col]:nth-child(8),.crypto-history .trow>[class*=col]:nth-child(8) {
        width: 10%
    }

    .crypto-history .thead>[class*=col]:nth-child(5) {
        justify-content: flex-start
    }

    .crypto-history .thead>[class*=col]:nth-child(8) {
        justify-content: flex-end
    }

    .crypto-history .trow>[class*=col]:nth-child(5) {
        align-items: flex-start
    }

    .crypto-history .trow>[class*=col]:nth-child(8) {
        align-items: flex-end
    }
}

.fiat-history .trow {
    justify-content: space-between
}

.fiat-history .trow>[class*=col]:nth-child(3) {
    align-items: flex-start
}

.fiat-history .detail-table .tcaption {
    margin: 0 0 15px
}

@media (min-width: 768px) {
    .fiat-history .thead>[class*=col]:nth-child(1),.fiat-history .trow>[class*=col]:nth-child(1) {
        width:24%
    }

    .fiat-history .thead>[class*=col]:nth-child(2),.fiat-history .trow>[class*=col]:nth-child(2) {
        width: 18%
    }

    .fiat-history .thead>[class*=col]:nth-child(3),.fiat-history .trow>[class*=col]:nth-child(3) {
        width: 18%
    }

    .fiat-history .thead>[class*=col]:nth-child(4),.fiat-history .trow>[class*=col]:nth-child(4) {
        width: 24%
    }

    .fiat-history .thead>[class*=col]:nth-child(5),.fiat-history .trow>[class*=col]:nth-child(5) {
        width: 16%
    }

    .fiat-history .thead>[class*=col] {
        justify-content: flex-start
    }

    .fiat-history .thead>[class*=col]:nth-child(5) {
        justify-content: flex-end
    }

    .fiat-history .trow {
        justify-content: unset
    }

    .fiat-history .trow>[class*=col] {
        align-items: flex-start
    }

    .fiat-history .trow>[class*=col]:nth-child(5) {
        align-items: flex-end
    }

    .fiat-history .tbody {
        margin: 0 0 10px
    }

    .fiat-history .detail-table .trow>[class*=col] {
        width: auto
    }
}

@media (min-width: 1200px) {
    .fiat-history .thead>[class*=col]:nth-child(1),.fiat-history .trow>[class*=col]:nth-child(1) {
        width:16%
    }

    .fiat-history .thead>[class*=col]:nth-child(2),.fiat-history .trow>[class*=col]:nth-child(2) {
        width: 11%
    }

    .fiat-history .thead>[class*=col]:nth-child(3),.fiat-history .trow>[class*=col]:nth-child(3) {
        width: 11%
    }

    .fiat-history .thead>[class*=col]:nth-child(4),.fiat-history .trow>[class*=col]:nth-child(4) {
        width: 12%
    }

    .fiat-history .thead>[class*=col]:nth-child(5),.fiat-history .trow>[class*=col]:nth-child(5) {
        width: 20%
    }

    .fiat-history .thead>[class*=col]:nth-child(6),.fiat-history .trow>[class*=col]:nth-child(6) {
        width: 20%
    }

    .fiat-history .thead>[class*=col]:nth-child(7),.fiat-history .trow>[class*=col]:nth-child(7) {
        width: 10%
    }

    .fiat-history .thead>[class*=col]:nth-child(5) {
        justify-content: flex-start
    }

    .fiat-history .thead>[class*=col]:nth-child(7) {
        justify-content: flex-end
    }

    .fiat-history .trow>[class*=col]:nth-child(5) {
        align-items: flex-start
    }

    .fiat-history .trow>[class*=col]:nth-child(7) {
        align-items: flex-end
    }
}

.open-orders .trow>[class*=col] {
    flex: 0 0 auto;
    position: relative
}

.open-orders .trow>[class*=col]:nth-child(1) {
    width: 52%
}

.open-orders .trow>[class*=col]:nth-child(6) {
    width: 16%
}

.open-orders .trow>[class*=col]:nth-child(7) {
    width: 32%
}

.open-orders .trow small.date {
    font-size: 11px;
    opacity: .75;
    margin: 2px 0 9px
}

.open-orders .trow small.value {
    display: block;
    font-size: 13px;
    color: var(--tertiary-color);
    margin: 8px 0 1px
}

.open-orders .pair {
    font-weight: 600;
    letter-spacing: 0
}

.open-orders .pair .side {
    height: 16px;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    color: var(--bg-color-02)!important;
    padding: 0 4px;
    margin: 0 0 0 3px;
    position: relative;
    top: -2px;
    border-radius: 3px
}

.open-orders .pair .side.buy {
    background-color: var(--buy-color)
}

.open-orders .pair .side.sell {
    background-color: var(--sell-color)
}

.open-orders .percent-circle {
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.open-orders .percent-circle .ring {
    stroke: var(--border)
}

.open-orders .percent-circle .segment {
    animation: donut-chart-fill 1s reverse ease-in;
    transform-origin: center;
    stroke: var(--primary-color)
}

.open-orders .percent-circle .label {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    fill: var(--primary-color);
    transform: translateY(.25em);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0
}

.open-orders .percent-circle .text {
    width: 100%;
    height: 100%;
    display: flex;
    fill: var(--primary-color)
}

.open-orders .percent-circle .percent {
    font-size: 8px;
    font-weight: 600;
    fill: var(--primary-color);
    line-height: 1;
    transform: translateY(.5em)
}

.open-orders .btn-cancel {
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    padding: 0 8px;
    position: relative
}

.open-orders .detail-table .trow>[class*=col] {
    width: 100%
}

@media (min-width: 768px) {
    .open-orders {
        margin:0
    }

    .open-orders .thead>[class*=col]:nth-child(1),.open-orders .trow>[class*=col]:nth-child(1) {
        width: 20%
    }

    .open-orders .thead>[class*=col]:nth-child(2),.open-orders .trow>[class*=col]:nth-child(2) {
        width: 16%
    }

    .open-orders .thead>[class*=col]:nth-child(3),.open-orders .trow>[class*=col]:nth-child(3) {
        width: 18%
    }

    .open-orders .thead>[class*=col]:nth-child(4),.open-orders .trow>[class*=col]:nth-child(4) {
        width: 16%
    }

    .open-orders .thead>[class*=col]:nth-child(5),.open-orders .trow>[class*=col]:nth-child(5) {
        width: 14%
    }

    .open-orders .thead>[class*=col]:nth-child(6),.open-orders .trow>[class*=col]:nth-child(6) {
        width: 12%
    }

    .open-orders .thead>[class*=col]:nth-child(7),.open-orders .trow>[class*=col]:nth-child(7) {
        width: 4%
    }

    .open-orders .thead>[class*=col] {
        flex: 0 0 auto;
        justify-content: flex-start
    }

    .open-orders .thead>[class*=col]:nth-child(5) {
        justify-content: flex-start
    }

    .open-orders .thead>[class*=col]:nth-child(7) {
        justify-content: flex-end
    }

    .open-orders .trow>[class*=col] {
        align-items: flex-start
    }

    .open-orders .trow>[class*=col]:nth-child(5) {
        align-items: flex-start
    }

    .open-orders .trow>[class*=col]:nth-child(7) {
        align-items: flex-end
    }

    .open-orders .detail-table .trow>[class*=col] {
        width: auto
    }

    .open-orders .percent-circle {
        margin: -2px
    }

    .open-orders .btn-cancel {
        height: 28px;
        font-size: 13px;
        font-weight: 600;
        padding: 0 12px
    }
}

@media (min-width: 1200px) {
    .open-orders .thead>[class*=col]:nth-child(1),.open-orders .trow>[class*=col]:nth-child(1) {
        width:12%
    }

    .open-orders .thead>[class*=col]:nth-child(2),.open-orders .thead>[class*=col]:nth-child(3),.open-orders .trow>[class*=col]:nth-child(2),.open-orders .trow>[class*=col]:nth-child(3) {
        width: 10%
    }

    .open-orders .thead>[class*=col]:nth-child(4),.open-orders .trow>[class*=col]:nth-child(4) {
        width: 8%
    }

    .open-orders .thead>[class*=col]:nth-child(5),.open-orders .thead>[class*=col]:nth-child(8),.open-orders .trow>[class*=col]:nth-child(5),.open-orders .trow>[class*=col]:nth-child(8) {
        width: 13%
    }

    .open-orders .thead>[class*=col]:nth-child(6),.open-orders .trow>[class*=col]:nth-child(6) {
        width: 12%
    }

    .open-orders .thead>[class*=col]:nth-child(7),.open-orders .trow>[class*=col]:nth-child(7) {
        width: 7%
    }

    .open-orders .thead>[class*=col]:nth-child(9),.open-orders .trow>[class*=col]:nth-child(9) {
        width: 9%
    }

    .open-orders .thead>[class*=col]:nth-child(10),.open-orders .trow>[class*=col]:nth-child(10) {
        width: 6%
    }

    .open-orders .thead>[class*=col] {
        justify-content: flex-start!important
    }

    .open-orders .thead>[class*=col]:nth-child(10) {
        justify-content: flex-end!important
    }

    .open-orders .trow>[class*=col] {
        align-items: flex-start!important
    }

    .open-orders .trow>[class*=col]:nth-child(2),.open-orders .trow>[class*=col]:nth-child(3) {
        font-variant-numeric: normal;
        letter-spacing: 0
    }

    .open-orders .trow>[class*=col]:nth-child(10) {
        align-items: flex-end!important
    }
}

.order-history .trow {
    justify-content: space-between
}

.order-history .trow>[class*=col] {
    align-items: flex-end;
    flex: 0 0 auto
}

.order-history .trow>[class*=col]:nth-child(1) {
    width: 56%;
    align-items: flex-start
}

.order-history .trow>[class*=col]:nth-child(5) {
    width: 30%
}

.order-history .trow>[class*=col]:nth-child(6) {
    width: 14%
}

.order-history .trow small.date {
    font-size: 11px;
    opacity: .75;
    margin: 2px 0 9px
}

.order-history .trow small.value {
    font-size: 13px;
    color: var(--tertiary-color);
    margin: 8px 0 1px
}

.order-history .pair {
    font-weight: 600;
    letter-spacing: 0
}

.order-history .pair .side {
    height: 16px;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    color: var(--bg-color-02)!important;
    padding: 0 4px;
    margin: 0 0 0 3px;
    position: relative;
    top: -2px;
    border-radius: 3px
}

.order-history .pair .side.otc {
    background-color: var(--purple-color)
}

.order-history .pair .side.buy {
    background-color: var(--buy-color)
}

.order-history .pair .side.sell {
    background-color: var(--sell-color)
}

.order-history .status {
    font-size: 13px
}

.order-history .icon-box .icon {
    display: none
}

.order-history .icon-box .name {
    width: 100%
}

.order-history .detail-table .trow:after,.order-history .detail-list .trow:after {
    content: none
}

.order-history .detail-table .trow>[class*=col],.order-history .detail-list .trow>[class*=col] {
    width: 100%
}

@media (min-width: 768px) {
    .order-history .thead,.order-history .trow {
        justify-content:unset
    }

    .order-history .thead>[class*=col]:nth-child(1),.order-history .trow>[class*=col]:nth-child(1) {
        width: 24%
    }

    .order-history .thead>[class*=col]:nth-child(2),.order-history .trow>[class*=col]:nth-child(2) {
        width: 18%
    }

    .order-history .thead>[class*=col]:nth-child(3),.order-history .trow>[class*=col]:nth-child(3) {
        width: 16%
    }

    .order-history .thead>[class*=col]:nth-child(4),.order-history .trow>[class*=col]:nth-child(4) {
        width: 20%
    }

    .order-history .thead>[class*=col]:nth-child(5),.order-history .trow>[class*=col]:nth-child(5) {
        width: 14%
    }

    .order-history .thead>[class*=col]:nth-child(6),.order-history .trow>[class*=col]:nth-child(6) {
        width: 8%
    }

    .order-history .thead>[class*=col]:nth-child(2) {
        justify-content: flex-start
    }

    .order-history .trow>[class*=col]:nth-child(2) {
        align-items: flex-start
    }

    .order-history .side>.otc {
        color: var(--purple-color)!important
    }

    .order-history .status {
        font-size: 14px
    }

    .order-history .detail-list .thead>[class*=col],.order-history .detail-list .trow>[class*=col] {
        width: 20%
    }

    .order-history .detail-table .trow>[class*=col] {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .order-history .thead>[class*=col]:nth-child(1),.order-history .trow>[class*=col]:nth-child(1) {
        width:14%
    }

    .order-history .thead>[class*=col]:nth-child(2),.order-history .trow>[class*=col]:nth-child(2) {
        width: 10%
    }

    .order-history .thead>[class*=col]:nth-child(3),.order-history .trow>[class*=col]:nth-child(3) {
        width: 10%
    }

    .order-history .thead>[class*=col]:nth-child(4),.order-history .trow>[class*=col]:nth-child(4) {
        width: 7%
    }

    .order-history .thead>[class*=col]:nth-child(5),.order-history .trow>[class*=col]:nth-child(5) {
        width: 12%
    }

    .order-history .thead>[class*=col]:nth-child(6),.order-history .trow>[class*=col]:nth-child(6) {
        width: 10%
    }

    .order-history .thead>[class*=col]:nth-child(7),.order-history .trow>[class*=col]:nth-child(7) {
        width: 7%
    }

    .order-history .thead>[class*=col]:nth-child(8),.order-history .trow>[class*=col]:nth-child(8) {
        width: 10%
    }

    .order-history .thead>[class*=col]:nth-child(9),.order-history .trow>[class*=col]:nth-child(9) {
        width: 10%
    }

    .order-history .thead>[class*=col]:nth-child(10),.order-history .trow>[class*=col]:nth-child(10) {
        width: 10%
    }

    .order-history .thead>[class*=col]:nth-child(1) {
        padding: 20px 0 10px 24px
    }

    .order-history .thead>[class*=col]:nth-child(2),.order-history .thead>[class*=col]:nth-child(3) {
        justify-content: flex-start
    }

    .order-history .trow>[class*=col]:nth-child(2),.order-history .trow>[class*=col]:nth-child(3) {
        align-items: flex-start;
        font-variant-numeric: normal;
        letter-spacing: 0
    }

    .order-history .trow>[class*=col]:nth-child(10) {
        font-variant-numeric: normal;
        letter-spacing: 0
    }

    .order-history .icon-box .icon {
        display: flex;
        width: 14px;
        height: 14px;
        margin: 0 10px 0 0;
        opacity: .5;
        filter: grayscale(1)
    }

    .order-history .icon-box .icon.active {
        opacity: 1;
        filter: none;
        cursor: pointer
    }

    .order-history .icon-box .name {
        width: calc(100% - 24px);
        font-weight: 400;
        color: var(--secondary-light-color)
    }

    .order-history .detail-list .thead>[class*=col],.order-history .detail-list .trow>[class*=col] {
        width: 20%
    }

    .order-history .detail-list .thead>[class*=col] {
        justify-content: flex-end
    }

    .order-history .detail-list .thead>[class*=col]:first-child {
        justify-content: flex-start;
        padding: 10px 0
    }

    .order-history .detail-list .trow {
        cursor: pointer;
        position: relative
    }

    .order-history .detail-list .trow:before {
        content: "";
        width: 5px;
        height: 10px;
        opacity: .75;
        position: absolute;
        left: -15px;
        top: 12px
    }

    .order-history .detail-list .trow>[class*=col] {
        color: var(--tertiary-color);
        align-items: flex-end
    }

    .order-history .detail-list .trow>[class*=col]:first-child {
        align-items: flex-start
    }

    .order-history .detail-list .trow:hover:before {
        filter: grayscale(1);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDExLjcgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExLjcgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTEwLjMsOS4xTDAsMHYyNGwxMC4zLTkuMWMwLjktMC43LDEuNC0xLjgsMS40LTIuOUMxMS43LDExLDExLjIsOS45LDEwLjMsOS4xeiIvPg0KPC9zdmc+DQo=);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .order-history .detail-list .trow:hover>[class*=col] {
        color: var(--secondary-light-color)
    }
}

.trade-history .trow {
    justify-content: space-between
}

.trade-history .trow small.date {
    font-size: 11px;
    opacity: .75;
    margin: 2px 0 9px
}

.trade-history .trow small.value {
    font-size: 13px;
    color: var(--tertiary-color);
    margin: 8px 0 1px
}

.trade-history .pair {
    font-weight: 600;
    letter-spacing: 0
}

.trade-history .pair .side {
    height: 16px;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    color: var(--bg-color-02)!important;
    padding: 0 4px;
    margin: 0 0 0 3px;
    position: relative;
    top: -2px;
    border-radius: 3px
}

.trade-history .pair .side.otc {
    background-color: var(--purple-color)
}

.trade-history .pair .side.buy {
    background-color: var(--buy-color)
}

.trade-history .pair .side.sell {
    background-color: var(--sell-color)
}

.trade-history .total {
    font-size: 13px;
    color: var(--tertiary-color)
}

.trade-history .detail-table .tinfo .side {
    margin: 0!important
}

@media (min-width: 768px) {
    .trade-history .thead>[class*=col]:nth-child(1),.trade-history .trow>[class*=col]:nth-child(1) {
        width:8%
    }

    .trade-history .thead>[class*=col]:nth-child(2),.trade-history .trow>[class*=col]:nth-child(2) {
        width: 8%
    }

    .trade-history .thead>[class*=col]:nth-child(3),.trade-history .trow>[class*=col]:nth-child(3) {
        width: 8%
    }

    .trade-history .thead>[class*=col]:nth-child(4),.trade-history .trow>[class*=col]:nth-child(4) {
        width: 8%
    }

    .trade-history .thead>[class*=col]:nth-child(5),.trade-history .trow>[class*=col]:nth-child(5) {
        width: 10%
    }

    .trade-history .thead>[class*=col]:nth-child(6),.trade-history .trow>[class*=col]:nth-child(6) {
        width: 15%
    }

    .trade-history .thead>[class*=col]:nth-child(7),.trade-history .trow>[class*=col]:nth-child(7) {
        width: 14%
    }

    .trade-history .thead>[class*=col]:nth-child(8),.trade-history .trow>[class*=col]:nth-child(8) {
        width: 14%
    }

    .trade-history .thead>[class*=col]:nth-child(9),.trade-history .trow>[class*=col]:nth-child(9) {
        width: 14%
    }

    .trade-history .thead>[class*=col]:nth-child(2) {
        justify-content: flex-start
    }

    .trade-history .trow {
        justify-content: unset
    }

    .trade-history .trow>[class*=col]:nth-child(2) {
        align-items: flex-start
    }

    .trade-history .total {
        font-size: 14px;
        color: var(--secondary-light-color)
    }

    .trade-history .detail-table .trow>[class*=col] {
        width: auto
    }
}

@media (min-width: 1200px) {
    .trade-history .thead>[class*=col]:nth-child(1),.trade-history .trow>[class*=col]:nth-child(1) {
        width:12%
    }

    .trade-history .thead>[class*=col]:nth-child(2),.trade-history .trow>[class*=col]:nth-child(2) {
        width: 8%
    }

    .trade-history .thead>[class*=col]:nth-child(3),.trade-history .trow>[class*=col]:nth-child(3) {
        width: 6%
    }

    .trade-history .thead>[class*=col]:nth-child(4),.trade-history .trow>[class*=col]:nth-child(4) {
        width: 8%
    }

    .trade-history .thead>[class*=col]:nth-child(5),.trade-history .trow>[class*=col]:nth-child(5) {
        width: 10%
    }

    .trade-history .thead>[class*=col]:nth-child(6),.trade-history .trow>[class*=col]:nth-child(6) {
        width: 13%
    }

    .trade-history .thead>[class*=col]:nth-child(7),.trade-history .trow>[class*=col]:nth-child(7) {
        width: 14%
    }

    .trade-history .thead>[class*=col]:nth-child(8),.trade-history .trow>[class*=col]:nth-child(8) {
        width: 14%
    }

    .trade-history .thead>[class*=col]:nth-child(9),.trade-history .trow>[class*=col]:nth-child(9) {
        width: 14%
    }

    .trade-history .thead>[class*=col] {
        justify-content: flex-start
    }

    .trade-history .thead>[class*=col]:nth-child(3),.trade-history .thead>[class*=col]:nth-child(4) {
        justify-content: flex-start
    }

    .trade-history .trow>[class*=col] {
        flex: 0 0 auto;
        align-items: flex-start
    }

    .trade-history .trow>[class*=col]:nth-child(2),.trade-history .trow>[class*=col]:nth-child(3) {
        font-variant-numeric: normal;
        letter-spacing: 0
    }

    .trade-history .trow>[class*=col]:nth-child(3),.trade-history .trow>[class*=col]:nth-child(4) {
        align-items: flex-start
    }
}

.recent-transactions .no-content {
    min-height: 71px!important
}

.recent-transactions .trow {
    justify-content: space-between
}

.recent-transactions .trow>[class*=col] {
    font-variant-numeric: normal;
    letter-spacing: 0
}

.recent-transactions .trow small {
    letter-spacing: 0
}

@media (min-width: 768px) {
    .recent-transactions .no-content {
        min-height:99px!important
    }

    .recent-transactions .thead>[class*=col]:nth-child(1),.recent-transactions .trow>[class*=col]:nth-child(1) {
        width: 32%
    }

    .recent-transactions .thead>[class*=col]:nth-child(2),.recent-transactions .trow>[class*=col]:nth-child(2) {
        width: 16%
    }

    .recent-transactions .thead>[class*=col]:nth-child(3),.recent-transactions .trow>[class*=col]:nth-child(3) {
        width: 30%
    }

    .recent-transactions .thead>[class*=col]:nth-child(4),.recent-transactions .trow>[class*=col]:nth-child(4) {
        width: 22%
    }

    .recent-transactions .thead>[class*=col] {
        justify-content: flex-start
    }

    .recent-transactions .thead>[class*=col]:nth-child(3),.recent-transactions .thead>[class*=col]:nth-child(4) {
        justify-content: flex-end
    }

    .recent-transactions .trow {
        justify-content: unset
    }

    .recent-transactions .trow>[class*=col] {
        align-items: flex-start
    }

    .recent-transactions .trow>[class*=col]:nth-child(3),.recent-transactions .trow>[class*=col]:nth-child(4) {
        align-items: flex-end
    }
}

@media (min-width: 992px) {
    .recent-transactions .no-content {
        min-height:306px!important
    }

    .recent-transactions .thead>[class*=col] {
        padding: 20px 0 0
    }
}

@media (min-width: 1200px) {
    .recent-transactions .thead>[class*=col] {
        padding:20px 0 10px
    }

    .recent-transactions .trow>[class*=col] {
        padding: 10px 0
    }
}

.recent-logins .trow {
    justify-content: space-between
}

.recent-logins .trow>[class*=col] {
    font-variant-numeric: normal;
    letter-spacing: 0
}

.recent-logins .trow small {
    letter-spacing: 0
}

@media (min-width: 768px) {
    .recent-logins .thead>[class*=col]:nth-child(1),.recent-logins .trow>[class*=col]:nth-child(1) {
        width:32%
    }

    .recent-logins .thead>[class*=col]:nth-child(2),.recent-logins .trow>[class*=col]:nth-child(2) {
        width: 32%
    }

    .recent-logins .thead>[class*=col]:nth-child(3),.recent-logins .trow>[class*=col]:nth-child(3) {
        width: 36%
    }

    .recent-logins .thead>[class*=col] {
        justify-content: flex-start
    }

    .recent-logins .thead>[class*=col]:nth-child(3),.recent-logins .thead>[class*=col]:nth-child(4) {
        justify-content: flex-end
    }

    .recent-logins .trow {
        justify-content: unset
    }

    .recent-logins .trow>[class*=col] {
        align-items: flex-start
    }

    .recent-logins .trow>[class*=col]:nth-child(3),.recent-logins .trow>[class*=col]:nth-child(4) {
        align-items: flex-end
    }
}

@media (min-width: 992px) {
    .recent-logins .thead>[class*=col]:nth-child(1),.recent-logins .trow>[class*=col]:nth-child(1) {
        width:28%
    }

    .recent-logins .thead>[class*=col]:nth-child(2),.recent-logins .trow>[class*=col]:nth-child(2) {
        width: 32%
    }

    .recent-logins .thead>[class*=col]:nth-child(3),.recent-logins .trow>[class*=col]:nth-child(3) {
        width: 40%
    }

    .recent-logins .thead>[class*=col] {
        padding: 20px 0 0
    }
}

@media (min-width: 1200px) {
    .recent-logins .thead>[class*=col]:nth-child(1),.recent-logins .trow>[class*=col]:nth-child(1) {
        width:36%
    }

    .recent-logins .thead>[class*=col]:nth-child(2),.recent-logins .trow>[class*=col]:nth-child(2) {
        width: 30%
    }

    .recent-logins .thead>[class*=col]:nth-child(3),.recent-logins .trow>[class*=col]:nth-child(3) {
        width: 34%
    }

    .recent-logins .thead>[class*=col] {
        padding: 20px 0 10px
    }

    .recent-logins .trow>[class*=col] {
        padding: 10px 0
    }
}

.option-list {
    position: relative
}

.option-list .trow {
    justify-content: space-between;
    padding: 15px 0
}

.option-list .trow>[class*=col] {
    font-variant-numeric: normal;
    letter-spacing: 0;
    align-items: flex-start;
    overflow: visible;
    padding: 0
}

.option-list .trow>[class*=col]:last-child {
    align-items: flex-end
}

.option-list .trow:after {
    content: none
}

.option-list .trow:last-child {
    border-bottom: 0
}

.option-list .icon-box {
    margin: 0 0 15px
}

.option-list .icon-box .icon {
    display: none
}

.option-list .icon-box .name {
    width: 100%!important;
    font-size: 14px;
    line-height: 18px
}

.option-list .icon-box .name small {
    font-size: 12px;
    line-height: 1.3;
    white-space: normal;
    margin: 4px 0 1px
}

.option-list .status {
    display: block;
    font-weight: 500!important;
    line-height: 1.3;
    word-break: break-word;
    white-space: break-spaces;
    padding: 0 0 0 14px;
    position: relative
}

.option-list .status:before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    background-color: var(--tertiary-light-color);
    position: absolute;
    top: 6px;
    left: 0;
    border-radius: var(--border-radius-rd)
}

.option-list .status.active:before {
    background-color: var(--primary-color)
}

.option-list .status.login {
    font-weight: 400
}

.option-list .status.login:before {
    background-color: var(--green-color)
}

.option-list .btn-group {
    flex-wrap: nowrap;
    margin: 0
}

.option-list .btn {
    min-width: 72px
}

@media (min-width: 768px) {
    .option-list .tbody {
        padding:0
    }

    .option-list .icon-box {
        margin: 0
    }

    .option-list .icon-box .icon {
        width: 32px;
        height: 32px;
        display: block;
        margin: -1px 10px 0 0;
        border-radius: 0
    }

    .option-list .icon-box .name {
        width: calc(100% - 44px)!important
    }
}

@media (min-width: 992px) {
    .option-list .icon-box .icon {
        width:36px;
        height: 36px;
        margin: -1px 12px 0 0
    }

    .option-list .icon-box .name {
        width: calc(100% - 48px)!important
    }
}

@media (min-width: 1200px) {
    .option-list .tbody {
        padding:5px 0;
        margin: 0
    }
}

.address-management .thead,.address-management .trow {
    justify-content: space-between
}

.address-management .trow>[class*=col] {
    font-variant-numeric: normal;
    letter-spacing: 0
}

.address-management .status {
    display: inline-flex;
    font-weight: 300;
    margin: 0 0 0 10px
}

@media (min-width: 768px) {
    .address-management .thead>[class*=col]:nth-child(1),.address-management .trow>[class*=col]:nth-child(1) {
        width:34%
    }

    .address-management .thead>[class*=col]:nth-child(2),.address-management .trow>[class*=col]:nth-child(2) {
        width: 30%
    }

    .address-management .thead>[class*=col]:nth-child(3),.address-management .trow>[class*=col]:nth-child(3) {
        width: 20%
    }

    .address-management .thead>[class*=col]:nth-child(4),.address-management .trow>[class*=col]:nth-child(4) {
        width: 16%
    }

    .address-management .thead>[class*=col] {
        justify-content: flex-start
    }

    .address-management .thead>[class*=col]:nth-child(4) {
        justify-content: flex-end
    }

    .address-management .trow>[class*=col] {
        align-items: flex-start
    }

    .address-management .trow>[class*=col]:nth-child(4) {
        align-items: flex-end
    }

    .address-management .detail-table .trow>[class*=col] {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .address-management .thead,.address-management .trow {
        justify-content:unset
    }

    .address-management .thead>[class*=col],.address-management .trow>[class*=col] {
        flex: 0 0 auto
    }

    .address-management .thead>[class*=col]:nth-child(1),.address-management .trow>[class*=col]:nth-child(1) {
        width: 18%
    }

    .address-management .thead>[class*=col]:nth-child(2),.address-management .trow>[class*=col]:nth-child(2) {
        width: 14%
    }

    .address-management .thead>[class*=col]:nth-child(3),.address-management .trow>[class*=col]:nth-child(3) {
        width: 14%
    }

    .address-management .thead>[class*=col]:nth-child(4),.address-management .trow>[class*=col]:nth-child(4) {
        width: 36%
    }

    .address-management .thead>[class*=col]:nth-child(5),.address-management .trow>[class*=col]:nth-child(5) {
        width: 12%
    }

    .address-management .thead>[class*=col]:nth-child(6),.address-management .trow>[class*=col]:nth-child(6) {
        width: 6%
    }

    .address-management .thead>[class*=col]:nth-child(4) {
        justify-content: flex-start
    }

    .address-management .thead>[class*=col]:nth-child(6) {
        justify-content: flex-end
    }

    .address-management .trow>[class*=col]:nth-child(4) {
        align-items: flex-start
    }

    .address-management .trow>[class*=col]:nth-child(6) {
        align-items: flex-end
    }
}

.user-logins .trow {
    justify-content: space-between
}

.user-logins .trow>[class*=col] {
    font-variant-numeric: normal;
    letter-spacing: 0
}

.user-logins .detail-table .tcaption {
    margin: 0 0 15px
}

@media (min-width: 768px) {
    .user-logins .trow>[class*=col]:nth-child(2) {
        align-items:flex-start
    }
}

@media (min-width: 1200px) {
    .user-logins .thead>[class*=col] {
        justify-content:flex-start
    }

    .user-logins .thead>[class*=col]:last-child {
        justify-content: flex-end
    }

    .user-logins .thead,.user-logins .trow {
        justify-content: unset
    }

    .user-logins .thead>[class*=col],.user-logins .trow>[class*=col] {
        flex: 0 0 auto
    }

    .user-logins .thead>[class*=col]:nth-child(1),.user-logins .trow>[class*=col]:nth-child(1) {
        width: 12%
    }

    .user-logins .thead>[class*=col]:nth-child(2),.user-logins .trow>[class*=col]:nth-child(2) {
        width: 14%
    }

    .user-logins .thead>[class*=col]:nth-child(3),.user-logins .trow>[class*=col]:nth-child(3) {
        width: 22%
    }

    .user-logins .thead>[class*=col]:nth-child(4),.user-logins .trow>[class*=col]:nth-child(4) {
        width: 12%
    }

    .user-logins .thead>[class*=col]:nth-child(5),.user-logins .trow>[class*=col]:nth-child(5) {
        width: 8%
    }

    .user-logins .thead>[class*=col]:nth-child(6),.user-logins .trow>[class*=col]:nth-child(6) {
        width: 16%
    }

    .user-logins .thead>[class*=col]:nth-child(7),.user-logins .trow>[class*=col]:nth-child(7) {
        width: 16%
    }
}

.device-management .trow {
    justify-content: space-between;
    position: relative
}

.device-management .trow.expand:after {
    background-color: var(--trow-hover-color)
}

.device-management .trow>[class*=col] {
    align-items: flex-start
}

.device-management .trow>[class*=col]:nth-child(3) {
    padding: 0;
    margin: 0 0 15px
}

.device-management .btn-icon {
    position: absolute;
    top: 20px;
    right: 0
}

.device-management .device {
    display: inline-flex;
    font-weight: 300;
    margin: 0 0 0 7.5px
}

.device-management .icon-box {
    width: 100%
}

.device-management .icon-box .icon {
    display: none
}

.device-management .icon-box .name {
    width: 100%;
    flex-direction: row
}

.device-management .detail-list .trow>[class*=col] {
    margin: 0
}

@media (min-width: 768px) {
    .device-management .thead>[class*=col],.device-management .trow>[class*=col] {
        flex:0 0 auto
    }

    .device-management .thead>[class*=col]:nth-child(1),.device-management .trow>[class*=col]:nth-child(1) {
        width: 48%
    }

    .device-management .thead>[class*=col]:nth-child(2),.device-management .trow>[class*=col]:nth-child(2) {
        width: 26%
    }

    .device-management .thead>[class*=col]:nth-child(3),.device-management .trow>[class*=col]:nth-child(3) {
        width: 20%
    }

    .device-management .thead>[class*=col]:nth-child(5),.device-management .trow>[class*=col]:nth-child(5) {
        width: 6%
    }

    .device-management .thead>[class*=col] {
        justify-content: flex-start
    }

    .device-management .thead>[class*=col]:nth-child(5) {
        justify-content: flex-end
    }

    .device-management .trow {
        justify-content: unset;
        padding: 0
    }

    .device-management .trow>[class*=col] {
        padding: 15px 0!important
    }

    .device-management .trow>[class*=col]:nth-child(3) {
        margin: 0
    }

    .device-management .trow>[class*=col]:nth-child(5) {
        align-items: flex-end
    }

    .device-management .detail-list .trow>[class*=col]:nth-child(1) {
        width: 27%;
        margin: 0 0 0 48%
    }

    .device-management .detail-list .trow>[class*=col]:nth-child(2) {
        width: 20%
    }

    .device-management .icon-box .icon {
        display: flex;
        cursor: pointer
    }

    .device-management .icon-box .name {
        width: calc(100% - 21px)
    }

    .device-management .btn-icon {
        position: static
    }
}

@media (min-width: 1200px) {
    .device-management .thead>[class*=col]:nth-child(1),.device-management .trow>[class*=col]:nth-child(1) {
        width:44%
    }

    .device-management .thead>[class*=col]:nth-child(2),.device-management .trow>[class*=col]:nth-child(2) {
        width: 20%
    }

    .device-management .thead>[class*=col]:nth-child(3),.device-management .trow>[class*=col]:nth-child(3) {
        width: 18%
    }

    .device-management .thead>[class*=col]:nth-child(4),.device-management .trow>[class*=col]:nth-child(4) {
        width: 12%
    }

    .device-management .thead>[class*=col]:nth-child(5),.device-management .trow>[class*=col]:nth-child(5) {
        width: 6%
    }

    .device-management .detail-list .trow>[class*=col]:nth-child(1) {
        width: 20%;
        margin: 0 0 0 44%
    }

    .device-management .detail-list .trow>[class*=col]:nth-child(2) {
        width: 18%
    }

    .device-management .icon-box .icon {
        cursor: pointer
    }

    .device-management .dot {
        display: none
    }
}

.account-activity .trow {
    justify-content: space-between
}

@media (min-width: 768px) {
    .account-activity .thead>[class*=col] {
        justify-content:flex-start
    }

    .account-activity .thead>[class*=col]:nth-child(3) {
        justify-content: flex-end
    }

    .account-activity .trow {
        justify-content: unset
    }

    .account-activity .trow>[class*=col] {
        align-items: flex-start
    }

    .account-activity .trow>[class*=col]:nth-child(3) {
        align-items: flex-end
    }

    .account-activity .thead>[class*=col]:nth-child(1),.account-activity .trow>[class*=col]:nth-child(1) {
        width: 40%
    }

    .account-activity .thead>[class*=col]:nth-child(2),.account-activity .trow>[class*=col]:nth-child(2) {
        width: 35%
    }

    .account-activity .thead>[class*=col]:nth-child(3),.account-activity .trow>[class*=col]:nth-child(3) {
        width: 25%
    }
}

@media (min-width: 1200px) {
    .account-activity .thead>[class*=col]:nth-child(1),.account-activity .trow>[class*=col]:nth-child(1) {
        width:17.5%
    }

    .account-activity .thead>[class*=col]:nth-child(2),.account-activity .trow>[class*=col]:nth-child(2) {
        width: 17.5%
    }

    .account-activity .thead>[class*=col]:nth-child(3),.account-activity .trow>[class*=col]:nth-child(3) {
        width: 30%
    }

    .account-activity .thead>[class*=col]:nth-child(4),.account-activity .trow>[class*=col]:nth-child(4) {
        width: 17.5%
    }

    .account-activity .thead>[class*=col]:nth-child(5),.account-activity .trow>[class*=col]:nth-child(5) {
        width: 17.5%
    }

    .account-activity .thead>[class*=col]:nth-child(3) {
        justify-content: flex-start
    }

    .account-activity .thead>[class*=col]:nth-child(5) {
        justify-content: flex-end
    }

    .account-activity .trow>[class*=col] {
        flex: 0 0 auto
    }

    .account-activity .trow>[class*=col]:nth-child(3) {
        align-items: flex-start
    }

    .account-activity .trow>[class*=col]:nth-child(5) {
        align-items: flex-end
    }
}

.api-management .trow {
    justify-content: space-between
}

.api-management .trow>[class*=col] {
    font-variant-numeric: normal;
    letter-spacing: 0
}

.api-management .trow>[class*=col]:first-child {
    font-weight: 600
}

.api-management .trow small {
    letter-spacing: 0
}

.api-management .detail-table .tcaption {
    margin: 0 0 15px
}

.api-management .detail-table .trow>[class*=col]:nth-child(3) {
    align-items: flex-start
}

.api-management .detail-table .action-control {
    height: auto
}

@media (min-width: 768px) {
    .api-management .thead>[class*=col]:nth-child(1),.api-management .trow>[class*=col]:nth-child(1) {
        width:34%
    }

    .api-management .thead>[class*=col]:nth-child(2),.api-management .trow>[class*=col]:nth-child(2) {
        width: 52%
    }

    .api-management .thead>[class*=col]:nth-child(3),.api-management .trow>[class*=col]:nth-child(3) {
        width: 14%
    }

    .api-management .thead>[class*=col] {
        justify-content: flex-start
    }

    .api-management .thead>[class*=col]:nth-child(3) {
        justify-content: flex-end
    }

    .api-management .trow {
        justify-content: unset
    }

    .api-management .trow>[class*=col] {
        align-items: flex-start
    }

    .api-management .trow>[class*=col]:nth-child(3) {
        align-items: flex-end
    }

    .api-management .detail-table .trow>[class*=col] {
        width: 100%
    }
}

@media (min-width: 992px) {
    .api-management .thead>[class*=col]:nth-child(1),.api-management .trow>[class*=col]:nth-child(1) {
        width:30%
    }

    .api-management .thead>[class*=col]:nth-child(2),.api-management .trow>[class*=col]:nth-child(2) {
        width: 60%
    }

    .api-management .thead>[class*=col]:nth-child(3),.api-management .trow>[class*=col]:nth-child(3) {
        width: 10%
    }
}

@media (min-width: 1200px) {
    .api-management .thead>[class*=col]:last-child {
        justify-content:flex-end
    }

    .api-management .thead>[class*=col]:nth-child(1),.api-management .trow>[class*=col]:nth-child(1) {
        width: 12%
    }

    .api-management .thead>[class*=col]:nth-child(2),.api-management .trow>[class*=col]:nth-child(2) {
        width: 20%
    }

    .api-management .thead>[class*=col]:nth-child(3),.api-management .trow>[class*=col]:nth-child(3) {
        width: 36%
    }

    .api-management .thead>[class*=col]:nth-child(4),.api-management .trow>[class*=col]:nth-child(4) {
        width: 24%
    }

    .api-management .thead>[class*=col]:nth-child(5),.api-management .trow>[class*=col]:nth-child(5) {
        width: 8%
    }

    .api-management .thead>[class*=col]:nth-child(3) {
        justify-content: flex-start
    }

    .api-management .trow>[class*=col] {
        flex: 0 0 auto
    }

    .api-management .trow>[class*=col]:nth-child(3) {
        align-items: flex-start;
        padding: 15px 15px 15px 0!important
    }

    .api-management .action-control,.api-management .address-control {
        padding: 0 15px 0 0
    }

    .api-management .address-control {
        word-break: break-word;
        line-height: 20px
    }
}

.referral-list .trow>[class*=col]:nth-child(1) {
    width: 54%
}

.referral-list .trow>[class*=col]:nth-child(3) {
    width: 32%
}

.referral-list .trow>[class*=col]:nth-child(4) {
    width: 14%
}

.referral-list .trow small {
    margin: 8px 0 -2px
}

.referral-list .trow .value {
    font-size: 13px;
    color: var(--tertiary-dark-color);
    margin: 8px 0 -2px
}

.referral-list .trow .value small {
    margin: 0 0 0 6px
}

.referral-list .trow .btn-link {
    padding: 0;
    margin: 0
}

.referral-list .action-control {
    font-weight: 600
}

.referral-list .detail-table .trow>[class*=col] {
    width: 100%
}

@media (min-width: 768px) {
    .referral-list .thead>[class*=col],.referral-list .trow>[class*=col] {
        flex:0 0 auto
    }

    .referral-list .thead>[class*=col]:nth-child(1),.referral-list .trow>[class*=col]:nth-child(1) {
        width: 26%
    }

    .referral-list .thead>[class*=col]:nth-child(2),.referral-list .trow>[class*=col]:nth-child(2) {
        width: 36%
    }

    .referral-list .thead>[class*=col]:nth-child(3),.referral-list .trow>[class*=col]:nth-child(3) {
        width: 20%
    }

    .referral-list .thead>[class*=col]:nth-child(4),.referral-list .trow>[class*=col]:nth-child(4) {
        width: 18%
    }

    .referral-list .thead>[class*=col] {
        justify-content: flex-start
    }

    .referral-list .thead>[class*=col]:nth-child(4) {
        justify-content: flex-end
    }

    .referral-list .trow>[class*=col] {
        align-items: flex-start
    }

    .referral-list .trow>[class*=col]:nth-child(2) {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }

    .referral-list .trow>[class*=col]:nth-child(2) small {
        font-size: 14px;
        margin: 0 0 0 6px
    }

    .referral-list .trow>[class*=col]:nth-child(4) {
        align-items: flex-end
    }
}

@media (min-width: 1200px) {
    .referral-list .thead>[class*=col],.referral-list .trow>[class*=col] {
        flex:0 0 auto
    }

    .referral-list .thead>[class*=col]:nth-child(1),.referral-list .trow>[class*=col]:nth-child(1) {
        width: 18%
    }

    .referral-list .thead>[class*=col]:nth-child(2),.referral-list .trow>[class*=col]:nth-child(2) {
        width: 14%
    }

    .referral-list .thead>[class*=col]:nth-child(3),.referral-list .trow>[class*=col]:nth-child(3) {
        width: 22%
    }

    .referral-list .thead>[class*=col]:nth-child(4),.referral-list .trow>[class*=col]:nth-child(4) {
        width: 8%
    }

    .referral-list .thead>[class*=col]:nth-child(5),.referral-list .trow>[class*=col]:nth-child(5) {
        width: 16%
    }

    .referral-list .thead>[class*=col]:nth-child(6),.referral-list .trow>[class*=col]:nth-child(6) {
        width: 12%
    }

    .referral-list .thead>[class*=col]:nth-child(7),.referral-list .trow>[class*=col]:nth-child(7) {
        width: 10%
    }

    .referral-list .thead>[class*=col] {
        justify-content: flex-start
    }

    .referral-list .thead>[class*=col]:nth-child(4) {
        justify-content: flex-start
    }

    .referral-list .thead>[class*=col]:nth-child(7) {
        justify-content: flex-end
    }

    .referral-list .trow>[class*=col] {
        align-items: flex-start
    }

    .referral-list .trow>[class*=col]:nth-child(2) {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .referral-list .trow>[class*=col]:nth-child(4) {
        align-items: flex-start
    }

    .referral-list .trow>[class*=col]:nth-child(7) {
        align-items: flex-end
    }

    .referral-list .detail-list .thead>[class*=col],.referral-list .detail-list .trow>[class*=col] {
        flex: 0 0 auto
    }

    .referral-list .detail-list .thead>[class*=col]:nth-child(1),.referral-list .detail-list .trow>[class*=col]:nth-child(1) {
        width: 16%
    }

    .referral-list .detail-list .thead>[class*=col]:nth-child(2),.referral-list .detail-list .trow>[class*=col]:nth-child(2) {
        width: 12%
    }

    .referral-list .detail-list .thead>[class*=col]:nth-child(3),.referral-list .detail-list .trow>[class*=col]:nth-child(3) {
        width: 18%
    }

    .referral-list .detail-list .thead>[class*=col]:nth-child(4),.referral-list .detail-list .trow>[class*=col]:nth-child(4) {
        width: 18%
    }

    .referral-list .detail-list .thead>[class*=col]:nth-child(5),.referral-list .detail-list .trow>[class*=col]:nth-child(5) {
        width: 18%
    }

    .referral-list .detail-list .thead>[class*=col]:nth-child(6),.referral-list .detail-list .trow>[class*=col]:nth-child(6) {
        width: 18%
    }

    .referral-list .detail-list .thead>[class*=col] {
        justify-content: flex-end
    }

    .referral-list .detail-list .thead>[class*=col]:nth-child(1),.referral-list .detail-list .thead>[class*=col]:nth-child(2) {
        justify-content: flex-start
    }

    .referral-list .detail-list .trow>[class*=col] {
        align-items: flex-end
    }

    .referral-list .detail-list .trow>[class*=col]:nth-child(1),.referral-list .detail-list .trow>[class*=col]:nth-child(2) {
        align-items: flex-start
    }

    .referral-list .icon-box .icon {
        display: flex;
        width: 14px;
        height: 14px;
        margin: 0 10px 0 0;
        opacity: .5;
        filter: grayscale(1)
    }

    .referral-list .icon-box .icon.active {
        opacity: 1;
        filter: none;
        cursor: pointer
    }

    .referral-list .icon-box .name {
        width: calc(100% - 24px);
        color: var(--secondary-light-color)
    }
}

.trade-list {
    width: auto;
    min-height: auto;
    margin: 0 -15px
}

.trade-list perfect-scrollbar>.ps {
    max-height: 354px
}

.trade-list perfect-scrollbar .ps-content {
    height: 100%
}

.trade-list .trow {
    border-top: 1px solid var(--border);
    margin: 0 15px
}

.trade-list .trow:first-child {
    border-top: 0
}

.trade-list .trow>[class*=col] {
    font-size: 14px!important;
    padding: 15px 0!important
}

.trade-list .tbody {
    padding: 0
}

.trade-list .detail-table .trow {
    border-top: 0;
    margin: 0
}

.trade-list .detail-table .trow>[class*=col] {
    min-height: auto;
    padding: 10px 0!important
}

.trade-list pager {
    display: block;
    padding: 0 15px
}

.trade-list .loader {
    height: 354px
}

.trade-list .action-link {
    display: none
}

@media (min-width: 768px) {
    .trade-list {
        margin:0
    }

    .trade-list perfect-scrollbar>.ps {
        max-height: 424px
    }

    .trade-list .thead {
        background-color: var(--bg-color);
        border-bottom: 1px solid var(--border)!important;
        margin: 0 15px!important;
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2
    }

    .trade-list .trow>[class*=col] {
        height: auto!important;
        line-height: 1!important;
        font-size: 13px!important
    }

    .trade-list .btn-icon .icon {
        width: 16px;
        height: 16px
    }

    .trade-list .detail-table .trow>[class*=col] {
        font-size: 14px!important
    }
}

@media (min-width: 992px) {
    .trade-list perfect-scrollbar>.ps {
        max-height:414px
    }
}

@media (min-width: 1200px) {
    .trade-list {
        margin:0!important;
        position: relative
    }

    .trade-list.open-orders perfect-scrollbar>.ps,.trade-list.open-positions perfect-scrollbar>.ps {
        height: 233px
    }
}

@media (min-width: 1200px) and (min-height: 800px) {
    .trade-list.open-orders perfect-scrollbar>.ps,.trade-list.open-positions perfect-scrollbar>.ps {
        height:calc(40vh - 87px)
    }
}

@media (min-width: 1200px) {
    .trade-list perfect-scrollbar>.ps {
        max-height:unset;
        height: 184px;
        padding: 0 0 10px
    }

    .trade-list perfect-scrollbar>.ps.ps--active-x.ps--active-y>.ps__rail-y {
        margin: 0!important
    }

    .trade-list perfect-scrollbar>.ps.ps--active-y>.ps__rail-x {
        height: 9px!important
    }
}

@media (min-width: 1200px) and (min-height: 800px) {
    .trade-list perfect-scrollbar>.ps {
        height:calc(40vh - 135px);
        padding: 0
    }
}

@media (min-width: 1200px) {
    .trade-list perfect-scrollbar .ps__thumb-x {
        height:3px
    }

    .trade-list perfect-scrollbar .ps__thumb-x:before {
        left: 15px!important;
        right: 15px!important
    }
}

@media (min-width: 1200px) {
    .trade-list perfect-scrollbar .ps__thumb-y {
        width:3px
    }

    .trade-list perfect-scrollbar .ps__thumb-y:before {
        top: 38px;
        bottom: 6px
    }
}

@media (min-width: 1200px) {
    .trade-list pager {
        min-width:1329px;
        padding: 0
    }

    .trade-list pager .pagination-bar {
        border-top-width: 1px;
        justify-content: flex-end;
        padding: 15px 0 18px;
        margin: 0
    }
}

@media (min-width: 1200px) {
    .trade-list .thead,.trade-list .trow {
        min-width:1329px;
        padding: 0!important
    }
}

@media (min-width: 1200px) {
    .trade-list .thead {
        border-bottom:0!important
    }

    .trade-list .thead>[class*=col] {
        line-height: 1.3;
        padding: 10px 0!important
    }
}

@media (min-width: 1200px) {
    .trade-list .trow {
        border-top:0
    }

    .trade-list .trow:after {
        left: -15px;
        right: -15px
    }

    .trade-list .trow>[class*=col] {
        min-height: 36px!important;
        padding: 10px 0!important
    }
}

@media (min-width: 1200px) {
    .trade-list .tbody {
        margin:0
    }
}

@media (min-width: 1200px) {
    .trade-list .detail-table {
        margin:0!important
    }
}

@media (min-width: 1200px) {
    .trade-list .action-link {
        display:flex;
        font-weight: 500;
        color: var(--primary-color)!important;
        background-color: var(--bg-color);
        text-decoration: underline;
        position: absolute;
        left: calc(100% - 796px)
    }

    .trade-list .action-link:hover {
        text-decoration: none
    }
}

@media (min-width: 1600px) {
    .trade-list perfect-scrollbar>.ps {
        padding:0
    }

    .trade-list pager {
        min-width: auto;
        padding: 0 15px
    }

    .trade-list pager .pagination-bar {
        padding: 15px 0 1px
    }

    .trade-list pager .pagination-bar .pagination {
        margin: 0 -5px 0 0
    }

    .trade-list .thead,.trade-list .trow {
        min-width: auto;
        margin: 0 15px
    }

    .trade-list .trow:after {
        content: "";
        left: -15px;
        right: -15px
    }

    .trade-list .detail-table .trow {
        margin: 0
    }
}

.future-history-list {
    width: auto;
    min-height: auto;
    margin: 0 -15px
}

.future-history-list perfect-scrollbar>.ps {
    max-height: 354px
}

.future-history-list perfect-scrollbar .ps-content {
    height: 100%
}

.future-history-list .trow {
    border-top: 1px solid var(--border);
    margin: 0 15px
}

.future-history-list .trow:first-child {
    border-top: 0
}

.future-history-list .trow>[class*=col] {
    font-size: 14px!important;
    padding: 15px 0!important
}

.future-history-list .tbody {
    padding: 0
}

.future-history-list .detail-table .trow {
    border-top: 0;
    margin: 0
}

.future-history-list .detail-table .trow>[class*=col] {
    min-height: auto;
    padding: 10px 0!important
}

.future-history-list pager {
    display: block;
    padding: 0 15px
}

.future-history-list .loader {
    height: 354px
}

.future-history-list .action-link {
    display: none
}

@media (min-width: 768px) {
    .future-history-list {
        margin:0
    }

    .future-history-list perfect-scrollbar>.ps {
        max-height: 424px
    }

    .future-history-list .thead {
        background-color: var(--bg-color);
        border-bottom: 1px solid var(--border)!important;
        margin: 0 15px!important;
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2
    }

    .future-history-list .trow>[class*=col] {
        height: auto!important;
        line-height: 1!important;
        font-size: 13px!important
    }

    .future-history-list .btn-icon .icon {
        width: 16px;
        height: 16px
    }

    .future-history-list .detail-table .trow>[class*=col] {
        font-size: 14px!important
    }
}

@media (min-width: 992px) {
    .future-history-list perfect-scrollbar>.ps {
        max-height:414px
    }
}

@media (min-width: 1200px) {
    .future-history-list {
        margin:0!important;
        position: relative
    }

    .future-history-list.open-orders perfect-scrollbar>.ps,.future-history-list.open-positions perfect-scrollbar>.ps {
        height: 233px
    }
}

@media (min-width: 1200px) and (min-height: 800px) {
    .future-history-list.open-orders perfect-scrollbar>.ps,.future-history-list.open-positions perfect-scrollbar>.ps {
        height:calc(40vh - 87px)
    }
}

@media (min-width: 1200px) {
    .future-history-list perfect-scrollbar>.ps {
        max-height:unset;
        height: 184px;
        padding: 0 0 10px
    }

    .future-history-list perfect-scrollbar>.ps.ps--active-x.ps--active-y>.ps__rail-y {
        margin: 0!important
    }

    .future-history-list perfect-scrollbar>.ps.ps--active-y>.ps__rail-x {
        height: 9px!important
    }
}

@media (min-width: 1200px) and (min-height: 800px) {
    .future-history-list perfect-scrollbar>.ps {
        height:calc(40vh - 135px);
        padding: 0
    }
}

@media (min-width: 1200px) {
    .future-history-list perfect-scrollbar .ps__thumb-x {
        height:3px
    }

    .future-history-list perfect-scrollbar .ps__thumb-x:before {
        left: 15px!important;
        right: 15px!important
    }
}

@media (min-width: 1200px) {
    .future-history-list perfect-scrollbar .ps__thumb-y {
        width:3px
    }

    .future-history-list perfect-scrollbar .ps__thumb-y:before {
        top: 38px;
        bottom: 6px
    }
}

@media (min-width: 1200px) {
    .future-history-list pager {
        min-width:1329px;
        padding: 0
    }

    .future-history-list pager .pagination-bar {
        border-top-width: 1px;
        justify-content: flex-end;
        padding: 15px 0 18px;
        margin: 0
    }
}

@media (min-width: 1200px) {
    .future-history-list .thead,.future-history-list .trow {
        min-width:1329px;
        padding: 0!important
    }
}

@media (min-width: 1200px) {
    .future-history-list .thead {
        border-bottom:0!important
    }

    .future-history-list .thead>[class*=col] {
        line-height: 1.3;
        padding: 10px 0!important
    }
}

@media (min-width: 1200px) {
    .future-history-list .trow {
        border-top:0
    }

    .future-history-list .trow:after {
        left: -15px;
        right: -15px
    }

    .future-history-list .trow>[class*=col] {
        min-height: 36px!important;
        padding: 10px 0!important
    }
}

@media (min-width: 1200px) {
    .future-history-list .tbody {
        margin:0
    }
}

@media (min-width: 1200px) {
    .future-history-list .detail-table {
        margin:0!important
    }
}

@media (min-width: 1200px) {
    .future-history-list .action-link {
        display:flex;
        font-weight: 500;
        color: var(--primary-color)!important;
        background-color: var(--bg-color);
        text-decoration: underline;
        position: absolute;
        left: calc(100% - 796px)
    }

    .future-history-list .action-link:hover {
        text-decoration: none
    }
}

@media (min-width: 1600px) {
    .future-history-list perfect-scrollbar>.ps {
        padding:0
    }

    .future-history-list pager {
        min-width: auto;
        padding: 0 15px
    }

    .future-history-list pager .pagination-bar {
        padding: 15px 0 1px
    }

    .future-history-list pager .pagination-bar .pagination {
        margin: 0 -5px 0 0
    }

    .future-history-list .thead,.future-history-list .trow {
        min-width: auto;
        margin: 0 15px
    }

    .future-history-list .trow:after {
        content: "";
        left: -15px;
        right: -15px
    }

    .future-history-list .detail-table .trow {
        margin: 0
    }
}

.order-book-list {
    margin: 0 0 15px
}

.order-book-list .list-container {
    display: flex;
    flex-direction: column
}

.order-book-list .list {
    height: 126px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.order-book-list .sell-list {
    justify-content: end
}

.order-book-list .sell-list .trow .price {
    color: var(--sell-color)
}

.order-book-list .sell-list .trow .trow-hover {
    background-color: var(--sell-color)
}

.order-book-list .sell-list .marker {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE3LjggMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjggMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0Q3MzU0QSIgZD0iTTAsMTZMMTcuOCwwdjMyTDAsMTZ6Ii8+DQo8L3N2Zz4NCg==)
}

.order-book-list .buy-list {
    justify-content: start
}

.order-book-list .buy-list .trow .price {
    color: var(--buy-color)
}

.order-book-list .buy-list .trow .trow-hover {
    background-color: var(--buy-color)
}

.order-book-list .buy-list .marker {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE3LjggMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjggMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwOUM2NSIgZD0iTTAsMTZMMTcuOCwwdjMyTDAsMTZ6Ii8+DQo8L3N2Zz4NCg==)
}

.order-book-list .full-list {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 252px
}

.order-book-list .thead,.order-book-list .trow {
    justify-content: space-between;
    border-bottom-width: 0
}

.order-book-list .thead [class*=col] {
    font-size: 12px;
    padding: 10px 0 5px
}

.order-book-list .trow {
    cursor: pointer;
    position: relative
}

.order-book-list .trow [class*=col] {
    height: 21px;
    font-size: 13px;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center!important;
    padding: 0!important
}

.order-book-list .trow .trow-hover {
    width: 0%;
    opacity: .15;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .order-book-list .trow .trow-hover {
        transition: none
    }
}

.order-book-list .tbody {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0
}

.order-book-list .marker {
    width: 4px;
    height: 7px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.order-book-list .tooltip {
    display: none
}

.order-book-list .average-price {
    min-height: 28px;
    font-size: 14px;
    margin: 5px 0;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: var(--border-radius-md)
}

.order-book-list .average-price small {
    font-size: 12px;
    color: var(--secondary-light-color)
}

.order-book-list .average-price .arrow {
    width: 9px;
    height: 11px;
    background-image: none;
    margin: 0 5px
}

.order-book-list .average-price.increase {
    border-color: var(--increase-color)
}

.order-book-list .average-price.increase .arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI2LjUgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI2LjUgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwOUM2NSIgZD0iTTAuNiwxNC44YzAuOCwwLjgsMi4xLDAuOCwzLDBsNy42LTcuNnYyMi44YzAsMS4yLDAuOSwyLjEsMi4xLDIuMXMyLjEtMC45LDIuMS0yLjFWNy4xbDcuNiw3LjYNCgljMC44LDAuOCwyLjEsMC44LDMsMGMwLjgtMC44LDAuOC0yLjEsMC0zTDE0LjgsMC42QzE0LjQsMC4yLDEzLjksMCwxMy4zLDBjLTAuNiwwLTEuMSwwLjItMS41LDAuNkwwLjYsMTEuOA0KCUMtMC4yLDEyLjYtMC4yLDEzLjksMC42LDE0Ljh6Ii8+DQo8L3N2Zz4NCg==)
}

.order-book-list .average-price.decrease {
    border-color: var(--decrease-color)
}

.order-book-list .average-price.decrease .arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI2LjUgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI2LjUgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0Q3MzU0QSIgZD0iTTI1LjksMTcuMmMtMC44LTAuOC0yLjEtMC44LTMsMGwtNy42LDcuNlYyLjFjMC0xLjItMC45LTIuMS0yLjEtMi4xcy0yLjEsMC45LTIuMSwyLjF2MjIuOGwtNy42LTcuNg0KCWMtMC44LTAuOC0yLjEtMC44LTMsMGMtMC44LDAuOC0wLjgsMi4xLDAsM2wxMS4yLDExLjJjMC40LDAuNCwwLjksMC42LDEuNSwwLjZjMC42LDAsMS4xLTAuMiwxLjUtMC42bDExLjItMTEuMg0KCUMyNi43LDE5LjQsMjYuNywxOC4xLDI1LjksMTcuMnoiLz4NCjwvc3ZnPg0K)
}

@media (min-width: 768px) {
    .order-book-list {
        margin:0 0 10px
    }

    .order-book-list .list-container {
        flex-direction: row-reverse;
        margin: 0 10px
    }

    .order-book-list .list {
        width: 100%;
        height: 208px;
        padding: 0 5px
    }

    .order-book-list .sell-list {
        justify-content: start
    }

    .order-book-list .sell-list .thead>[class*=col]:nth-child(1),.order-book-list .sell-list .trow>[class*=col]:nth-child(1) {
        justify-content: flex-start
    }

    .order-book-list .sell-list .thead>[class*=col]:nth-child(2),.order-book-list .sell-list .thead>[class*=col]:nth-child(3),.order-book-list .sell-list .trow>[class*=col]:nth-child(2),.order-book-list .sell-list .trow>[class*=col]:nth-child(3) {
        justify-content: flex-end
    }

    .order-book-list .sell-list .trow .trow-hover {
        left: 0
    }

    .order-book-list .sell-list .tbody {
        display: flex;
        flex-direction: column-reverse
    }

    .order-book-list .sell-list .marker {
        margin: 0 0 -8px 4px
    }

    .order-book-list .buy-list {
        justify-content: start
    }

    .order-book-list .buy-list .thead,.order-book-list .buy-list .trow {
        flex-direction: row-reverse
    }

    .order-book-list .buy-list .thead>[class*=col]:nth-child(2),.order-book-list .buy-list .thead>[class*=col]:nth-child(1),.order-book-list .buy-list .trow>[class*=col]:nth-child(2),.order-book-list .buy-list .trow>[class*=col]:nth-child(1) {
        justify-content: flex-end
    }

    .order-book-list .buy-list .thead>[class*=col]:nth-child(3),.order-book-list .buy-list .trow>[class*=col]:nth-child(3) {
        justify-content: flex-start
    }

    .order-book-list .buy-list .marker {
        margin: 0 4px 0 0;
        transform: rotate(180deg)
    }

    .order-book-list .thead,.order-book-list .trow {
        justify-content: unset
    }

    .order-book-list .thead>[class*=col]:nth-child(1),.order-book-list .trow>[class*=col]:nth-child(1) {
        width: 36%
    }

    .order-book-list .thead>[class*=col]:nth-child(2),.order-book-list .trow>[class*=col]:nth-child(2) {
        width: 32%
    }

    .order-book-list .thead>[class*=col]:nth-child(3),.order-book-list .trow>[class*=col]:nth-child(3) {
        width: 32%
    }

    .order-book-list .marker {
        display: inline-block;
        position: static
    }
}

@media (min-width: 1200px) {
    .order-book-list .list-container {
        height:100%;
        min-height: 593px;
        flex-flow: column nowrap;
        align-items: stretch;
        overflow: hidden;
        flex-direction: column;
        margin: 0
    }

    .order-book-list .list {
        height: calc(50vh - 130.5px);
        min-height: 269.5px;
        overflow: hidden;
        padding: 0
    }

    .order-book-list .sell-list {
        justify-content: end;
        margin: 0 0 10px
    }

    .order-book-list .sell-list .trow .trow-hover {
        left: auto;
        right: 0
    }

    .order-book-list .sell-list .tbody {
        flex-direction: column
    }

    .order-book-list .sell-list .tooltip {
        background-color: var(--sell-color)
    }

    .order-book-list .sell-list .tooltip:after {
        background-color: var(--sell-color)
    }

    .order-book-list .buy-list {
        justify-content: start;
        margin: 10px 0 0
    }

    .order-book-list .buy-list .trow {
        flex-direction: row
    }

    .order-book-list .buy-list .trow [class*=col]:nth-child(1) {
        justify-content: flex-start
    }

    .order-book-list .buy-list .trow [class*=col]:nth-child(3) {
        justify-content: flex-end
    }

    .order-book-list .buy-list .tooltip {
        background-color: var(--buy-color)
    }

    .order-book-list .buy-list .tooltip:after {
        background-color: var(--buy-color)
    }

    .order-book-list .full-list {
        min-height: 550px;
        height: calc(100vh - 257px)
    }

    .order-book-list .trow {
        cursor: pointer
    }

    .order-book-list .trow.focused {
        background-color: var(--trow-focused)
    }

    .order-book-list .average-price {
        display: flex;
        flex: 0 0 32px;
        min-height: 32px;
        font-size: 16px;
        margin: 0 15px
    }

    .order-book-list .average-price .arrow {
        width: 10px;
        height: 12px
    }
}

@media (min-width: 1200px) and (min-height: 970px) {
    .order-book-list .list {
        height:calc(50vh - 132px)
    }

    .order-book-list .full-list {
        height: calc(100vh - 253px)
    }
}

@media (min-width: 1200px) {
    .order-book-list .marker {
        display:block;
        position: absolute;
        margin: 1px 0 0!important;
        left: 6px;
        transform: translateY(-50%) rotate(180deg)!important
    }
}

@media (min-width: 1200px) {
    .order-book-list .tooltip {
        min-width:240px;
        display: block;
        padding: 5px 10px;
        position: fixed;
        right: 599px;
        z-index: 3;
        transform: translateY(-45px);
        border-radius: var(--border-radius-sm)
    }

    .order-book-list .tooltip:after {
        content: "";
        width: 8px;
        height: 8px;
        display: block;
        position: absolute;
        right: -4px;
        bottom: 15.5px;
        transform: rotate(45deg)
    }

    .order-book-list .tooltip .text-control {
        color: var(--white-color);
        margin: 0
    }

    .order-book-list .tooltip .text-control .text-item {
        word-break: break-all;
        white-space: nowrap;
        justify-content: space-between;
        gap: 15px
    }

    .order-book-list .tooltip .text-control b {
        color: var(--white-color)
    }
}

@media (min-width: 1600px) {
    .order-book-list .tooltip {
        right:639px
    }
}

.last-trades .trow {
    cursor: pointer
}

.last-trades .tbody {
    padding: 0
}

@media (min-width: 768px) {
    .last-trades {
        margin:0 0 10px
    }

    .last-trades perfect-scrollbar {
        height: 176px
    }

    .last-trades .thead,.last-trades .trow {
        padding: 0 15px
    }

    .last-trades .thead>[class*=col]:nth-child(1),.last-trades .trow>[class*=col]:nth-child(1) {
        width: 38%
    }

    .last-trades .thead>[class*=col]:nth-child(2),.last-trades .trow>[class*=col]:nth-child(2) {
        width: 32%
    }

    .last-trades .thead>[class*=col]:nth-child(3),.last-trades .trow>[class*=col]:nth-child(3) {
        width: 30%
    }
}

@media (min-width: 1200px) {
    .last-trades {
        margin:0 0 10px
    }

    .last-trades perfect-scrollbar {
        height: calc(40vh - 120px);
        min-height: 200px
    }
}

@media (min-width: 1200px) and (min-height: 970px) {
    .last-trades perfect-scrollbar {
        height:calc(40vh - 132px)
    }
}

@media (min-width: 1200px) {
    .last-trades .thead,.last-trades .trow {
        padding:0 15px
    }
}

.fee-level {
    padding: 8px 0
}

.fee-level .thead>[class*=col],.fee-level .trow>[class*=col] {
    padding: 8px 0
}

.fee-level .trow>[class*=col] {
    font-variant-numeric: normal;
    letter-spacing: 0
}

@media (min-width: 768px) {
    .fee-level {
        padding:10px 0
    }

    .fee-level .thead>[class*=col],.fee-level .trow>[class*=col] {
        padding: 10px 0
    }
}

@media (min-width: 768px) {
    .fee-level .trow>[class*=col] {
        min-height:unset
    }
}

@media (min-width: 1200px) {
    .fee-level .trow:after {
        content:none
    }
}

.account-limit {
    padding: 8px 0
}

.account-limit .thead,.account-limit .trow {
    justify-content: space-between
}

.account-limit .thead>[class*=col],.account-limit .trow>[class*=col] {
    padding: 8px 0
}

.account-limit .trow>[class*=col] {
    font-variant-numeric: normal;
    letter-spacing: 0
}

.account-limit b {
    font-size: 14px;
    color: var(--secondary-light-color);
    font-weight: 600!important
}

.account-limit .head {
    font-weight: 400;
    color: var(--tertiary-light-color)
}

@media (min-width: 768px) {
    .account-limit {
        padding:10px 0
    }

    .account-limit .thead>[class*=col],.account-limit .trow>[class*=col] {
        padding: 10px 0
    }
}

@media (min-width: 768px) {
    .account-limit .trow>[class*=col] {
        min-height:unset
    }
}

@media (min-width: 1200px) {
    .account-limit .trow:after {
        content:none
    }
}

.announcement-list {
    margin: -15px 0 5px
}

.announcement-list .trow {
    position: relative
}

.announcement-list .trow>[class*=col] {
    width: 100%;
    font-size: 14px!important;
    font-weight: 400;
    font-variant-numeric: normal;
    letter-spacing: 0;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center!important;
    justify-content: flex-start;
    -webkit-user-select: none;
    user-select: none
}

.announcement-list .trow>[class*=col]:nth-child(1) {
    width: 50%;
    text-indent: 22px;
    opacity: .75;
    padding: 0 0 10px!important;
    order: 1
}

.announcement-list .trow>[class*=col]:nth-child(2) {
    font-weight: 600;
    line-height: 1.4;
    word-break: break-word
}

.announcement-list .trow>[class*=col]:nth-child(3) {
    width: 50%;
    justify-content: flex-end;
    padding: 0 0 10px!important;
    order: 2
}

.announcement-list .btn-link {
    padding: 0;
    margin: 0
}

.announcement-list .dot {
    width: 12px;
    height: 12px;
    margin: 4px 10px auto 0;
    position: relative
}

.announcement-list .dot:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid var(--bg-color);
    margin: 2px;
    border-radius: 50%
}

.announcement-list .dot-general {
    background-color: #068bdf66
}

.announcement-list .dot-general:before {
    background-color: var(--blue-color)
}

.announcement-list .dot-listing {
    background-color: #09b76d66
}

.announcement-list .dot-listing:before {
    background-color: var(--green-color)
}

.announcement-list .dot-important {
    background-color: #f3315566
}

.announcement-list .dot-important:before {
    background-color: var(--red-color)
}

@media (min-width: 768px) {
    .announcement-list {
        margin:-20px 0 5px
    }

    .announcement-list .trow {
        position: relative
    }

    .announcement-list .trow>[class*=col] {
        font-size: 15px!important
    }

    .announcement-list .btn-link {
        font-size: 15px!important
    }
}

@media (min-width: 1200px) {
    .announcement-list {
        margin:0
    }

    .announcement-list .thead>[class*=col]:nth-child(1),.announcement-list .trow>[class*=col]:nth-child(1) {
        width: 12%
    }

    .announcement-list .thead>[class*=col]:nth-child(2),.announcement-list .trow>[class*=col]:nth-child(2) {
        width: 78%
    }

    .announcement-list .thead>[class*=col]:nth-child(3),.announcement-list .trow>[class*=col]:nth-child(3) {
        width: 10%
    }

    .announcement-list .thead>[class*=col]:nth-child(2) {
        justify-content: flex-start;
        padding: 0 0 10px 22px!important
    }

    .announcement-list .trow>[class*=col]:nth-child(1) {
        text-indent: 0;
        opacity: 1;
        order: unset;
        font-variant-numeric: tabular-nums;
        letter-spacing: -.2px;
        padding: 15px 0!important
    }

    .announcement-list .trow>[class*=col]:nth-child(2) {
        align-items: flex-start
    }

    .announcement-list .trow>[class*=col]:nth-child(3) {
        order: unset;
        padding: 15px 0!important
    }

    .announcement-list .dot {
        margin: 5px 10px auto 0
    }
}

.crypto-convert {
    margin: 0 0 15px!important
}

@media (min-width: 768px) {
    .crypto-convert {
        margin:0 0 20px!important
    }
}

@media (min-width: 1200px) {
    .crypto-convert {
        margin:0 0 25px!important
    }
}

.bank-accounts .trow>[class*=col] {
    font-variant-numeric: normal;
    letter-spacing: 0
}

.bank-accounts .trow>[class*=col]:nth-child(1) {
    width: 26%;
    padding: 0
}

.bank-accounts .trow>[class*=col]:nth-child(3) {
    width: 62%;
    align-items: flex-start
}

.bank-accounts .trow>[class*=col]:nth-child(4) {
    width: 12%
}

.bank-accounts .trow small {
    font-variant-numeric: normal;
    letter-spacing: 0
}

.bank-accounts .head {
    font-weight: 600;
    line-height: 18px;
    padding: 0 15px 0 0;
    word-break: break-word;
    position: relative;
    top: -1px
}

@media (min-width: 768px) {
    .bank-accounts .thead>[class*=col]:nth-child(1),.bank-accounts .trow>[class*=col]:nth-child(1) {
        width:24%
    }

    .bank-accounts .thead>[class*=col]:nth-child(2),.bank-accounts .trow>[class*=col]:nth-child(2) {
        width: 38%
    }

    .bank-accounts .thead>[class*=col]:nth-child(3),.bank-accounts .trow>[class*=col]:nth-child(3) {
        width: 32%
    }

    .bank-accounts .thead>[class*=col]:nth-child(4),.bank-accounts .trow>[class*=col]:nth-child(4) {
        width: 6%
    }

    .bank-accounts .thead>[class*=col] {
        justify-content: flex-start
    }

    .bank-accounts .thead>[class*=col]:nth-child(4) {
        justify-content: flex-end
    }

    .bank-accounts .trow>[class*=col] {
        align-items: flex-start;
        padding: 15px 0
    }

    .bank-accounts .trow>[class*=col]:nth-child(1) {
        padding: 15px 0
    }

    .bank-accounts .trow>[class*=col]:nth-child(4) {
        align-items: flex-end
    }

    .bank-accounts .head {
        position: static;
        top: 0
    }
}

.fiat-fees .thead>[class*=col],.fiat-fees .trow>[class*=col] {
    font-variant-numeric: normal;
    letter-spacing: 0
}

.fiat-fees .thead>[class*=col]:nth-child(1),.fiat-fees .trow>[class*=col]:nth-child(1) {
    width: 44%
}

.fiat-fees .thead>[class*=col]:nth-child(2),.fiat-fees .trow>[class*=col]:nth-child(2) {
    width: 28%
}

.fiat-fees .thead>[class*=col]:nth-child(3),.fiat-fees .trow>[class*=col]:nth-child(3) {
    width: 28%
}

.fiat-fees .logo {
    display: block;
    height: 32px;
    margin: -8px 0
}

.fiat-fees .logo-bank-00015 {
    width: 104px
}

.fiat-fees .logo-bank-00010 {
    width: 102px
}

.fiat-fees .logo-bank-00064 {
    width: 103px
}

.fiat-fees .logo-bank-00206 {
    width: 120px
}

.fiat-fees .logo-bank-00103 {
    width: 90px
}

.fiat-fees .icon-box .icon {
    margin: 0 7px 0 0;
    border-radius: 0
}

.fiat-fees .icon-box .name {
    width: calc(100% - 31px);
    font-size: 14px;
    line-height: 18px
}

@media (min-width: 768px) {
    .fiat-fees .trow>[class*=col] {
        padding:15px 0!important
    }
}

.volume-fees .thead>[class*=col]:nth-child(1),.volume-fees .trow>[class*=col]:nth-child(1) {
    width: 50%;
    font-variant-numeric: normal;
    letter-spacing: 0
}

.volume-fees .thead>[class*=col]:nth-child(2),.volume-fees .trow>[class*=col]:nth-child(2) {
    width: 25%
}

.volume-fees .thead>[class*=col]:nth-child(3),.volume-fees .trow>[class*=col]:nth-child(3) {
    width: 25%
}

.volume-fees .alert {
    min-height: auto;
    padding: 10px 15px!important;
    margin: 0 0 15px!important;
    border-radius: var(--border-radius-md)!important
}

.volume-fees .alert .alert-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin: 0 0 0 -3px
}

.volume-fees .alert .alert-message {
    font-size: 14px!important;
    line-height: 18px
}

@media (min-width: 768px) {
    .volume-fees {
        min-height:413px
    }

    .volume-fees .alert {
        min-height: unset!important;
        padding: 13px 17px!important;
        margin: 0 0 20px!important;
        border-radius: var(--border-radius-lg)!important
    }

    .volume-fees .alert .alert-icon {
        width: 20px!important;
        height: 20px!important;
        flex: 0 0 20px!important;
        margin: 0 0 0 -3px!important
    }

    .volume-fees .alert .alert-message {
        font-size: 15px!important;
        line-height: 20px
    }
}

@media (min-width: 992px) {
    .volume-fees {
        min-height:unset
    }
}

@media (min-width: 1200px) {
    .volume-fees .alert {
        font-size:16px!important;
        padding: 15px 20px!important;
        margin: 0 0 25px!important;
        border-radius: var(--border-radius-xl)!important
    }

    .volume-fees .alert .alert-icon {
        width: 22px!important;
        height: 22px!important;
        flex: 0 0 22px!important
    }

    .volume-fees .alert .alert-message {
        font-size: 16px!important;
        line-height: 22px
    }
}

.volume-fees-global {
    overflow-y: scroll
}

.volume-fees-global .thead,.volume-fees-global .trow {
    min-width: 640px
}

.volume-fees-global .thead>[class*=col]:nth-child(1),.volume-fees-global .trow>[class*=col]:nth-child(1) {
    width: 30%
}

.volume-fees-global .thead>[class*=col]:nth-child(2),.volume-fees-global .trow>[class*=col]:nth-child(2) {
    width: 30%
}

.volume-fees-global .thead>[class*=col]:nth-child(3),.volume-fees-global .trow>[class*=col]:nth-child(3) {
    width: 20%
}

.volume-fees-global .thead>[class*=col]:nth-child(4),.volume-fees-global .trow>[class*=col]:nth-child(4) {
    width: 20%
}

.volume-fees-global .trow>[class*=col] {
    padding: 12.5px 0!important
}

@media (min-width: 768px) {
    .volume-fees-global {
        overflow:visible
    }
}

.crypto-fees,.crypto-sub-limits {
    width: calc(100% + 15px);
    min-height: 385px
}

.crypto-fees perfect-scrollbar,.crypto-sub-limits perfect-scrollbar {
    padding: 0 15px 0 0
}

.crypto-fees perfect-scrollbar>.ps,.crypto-sub-limits perfect-scrollbar>.ps {
    max-height: 352px
}

.crypto-fees perfect-scrollbar .ps-content,.crypto-sub-limits perfect-scrollbar .ps-content {
    height: 100%
}

.crypto-fees .thead>[class*=col]:nth-child(1),.crypto-fees .trow>[class*=col]:nth-child(1),.crypto-sub-limits .thead>[class*=col]:nth-child(1),.crypto-sub-limits .trow>[class*=col]:nth-child(1) {
    width: 36%
}

.crypto-fees .thead>[class*=col]:nth-child(3),.crypto-fees .trow>[class*=col]:nth-child(3),.crypto-sub-limits .thead>[class*=col]:nth-child(3),.crypto-sub-limits .trow>[class*=col]:nth-child(3) {
    width: 64%
}

.crypto-fees .thead,.crypto-sub-limits .thead {
    padding: 0 15px 0 0
}

.crypto-fees .thead>[class*=col]:nth-child(3),.crypto-sub-limits .thead>[class*=col]:nth-child(3) {
    justify-content: space-between
}

.crypto-fees .trow>[class*=col],.crypto-sub-limits .trow>[class*=col] {
    font-variant-numeric: normal;
    letter-spacing: 0
}

.crypto-fees .trow>[class*=col]:nth-child(3),.crypto-sub-limits .trow>[class*=col]:nth-child(3) {
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.crypto-fees .dot,.crypto-sub-limits .dot {
    width: 12px;
    height: 12px;
    margin: 0 8px 0 0;
    position: relative
}

.crypto-fees .dot:before,.crypto-sub-limits .dot:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid var(--bg-color);
    margin: 2px;
    border-radius: 50%
}

.crypto-fees .dot-bitcoin,.crypto-sub-limits .dot-bitcoin {
    background-color: #f7931a66
}

.crypto-fees .dot-bitcoin:before,.crypto-sub-limits .dot-bitcoin:before {
    background-color: #f7931a
}

.crypto-fees .dot-erc20,.crypto-sub-limits .dot-erc20 {
    background-color: #627eea66
}

.crypto-fees .dot-erc20:before,.crypto-sub-limits .dot-erc20:before {
    background-color: #627eea
}

.crypto-fees .dot-bep20,.crypto-sub-limits .dot-bep20 {
    background-color: #f0b90b66
}

.crypto-fees .dot-bep20:before,.crypto-sub-limits .dot-bep20:before {
    background-color: #f0b90b
}

.crypto-fees .dot-avaxxchain,.crypto-fees .dot-avaxcchain,.crypto-sub-limits .dot-avaxxchain,.crypto-sub-limits .dot-avaxcchain {
    background-color: #e9404366
}

.crypto-fees .dot-avaxxchain:before,.crypto-fees .dot-avaxcchain:before,.crypto-sub-limits .dot-avaxxchain:before,.crypto-sub-limits .dot-avaxcchain:before {
    background-color: #e94043
}

.crypto-fees .dot-trc20,.crypto-sub-limits .dot-trc20 {
    background-color: #068cdf66
}

.crypto-fees .dot-trc20:before,.crypto-sub-limits .dot-trc20:before {
    background-color: #068bdf
}

.crypto-fees .dot-chiliz,.crypto-sub-limits .dot-chiliz {
    background-color: #09b76c66
}

.crypto-fees .dot-chiliz:before,.crypto-sub-limits .dot-chiliz:before {
    background-color: #09b76d
}

.crypto-fees .dot-ripple,.crypto-sub-limits .dot-ripple {
    background-color: #0088c266
}

.crypto-fees .dot-ripple:before,.crypto-sub-limits .dot-ripple:before {
    background-color: #008ac3
}

.crypto-fees .dot-polkadot,.crypto-sub-limits .dot-polkadot {
    background-color: #e6007a66
}

.crypto-fees .dot-polkadot:before,.crypto-sub-limits .dot-polkadot:before {
    background-color: #e6007a
}

.crypto-fees .dot-dogechain,.crypto-sub-limits .dot-dogechain {
    background-color: #ba9f3366
}

.crypto-fees .dot-dogechain:before,.crypto-sub-limits .dot-dogechain:before {
    background-color: #ba9f33
}

.crypto-fees .dot-algorand,.crypto-sub-limits .dot-algorand {
    background-color: #b72c5d66
}

.crypto-fees .dot-algorand:before,.crypto-sub-limits .dot-algorand:before {
    background-color: #b72c5d
}

.crypto-fees .dot-stellar,.crypto-sub-limits .dot-stellar {
    background-color: #94949466
}

.crypto-fees .dot-stellar:before,.crypto-sub-limits .dot-stellar:before {
    background-color: #949494
}

.crypto-fees .dot-litecoin,.crypto-sub-limits .dot-litecoin {
    background-color: #345d9d66
}

.crypto-fees .dot-litecoin:before,.crypto-sub-limits .dot-litecoin:before {
    background-color: #345d9d
}

.crypto-fees .dot-cardano,.crypto-sub-limits .dot-cardano {
    background-color: #3468d166
}

.crypto-fees .dot-cardano:before,.crypto-sub-limits .dot-cardano:before {
    background-color: #3468d1
}

.crypto-fees .dot-aptos,.crypto-sub-limits .dot-aptos {
    background-color: #3bdaaf66
}

.crypto-fees .dot-aptos:before,.crypto-sub-limits .dot-aptos:before {
    background-color: #3bdaaf
}

.crypto-fees .dot-solana,.crypto-sub-limits .dot-solana {
    background-color: #6b74e266
}

.crypto-fees .dot-solana:before,.crypto-sub-limits .dot-solana:before {
    background-color: #6b74e2
}

.crypto-fees .icon-box,.crypto-sub-limits .icon-box {
    cursor: pointer;
    text-decoration: none
}

.crypto-fees .icon-box:hover .name,.crypto-sub-limits .icon-box:hover .name {
    color: var(--link)
}

.crypto-fees .icon-box .name,.crypto-sub-limits .icon-box .name {
    font-weight: 500;
    line-height: 1.2;
    color: var(--secondary-light-color);
    flex-direction: row;
    transition: all .3s;
    cursor: pointer
}

@media (min-width: 768px) {
    .crypto-fees,.crypto-sub-limits {
        width:calc(100% + 20px)
    }

    .crypto-fees perfect-scrollbar,.crypto-sub-limits perfect-scrollbar {
        padding: 0 20px 0 0
    }

    .crypto-fees perfect-scrollbar>.ps.ps--active-y>.ps__rail-y,.crypto-sub-limits perfect-scrollbar>.ps.ps--active-y>.ps__rail-y {
        width: 20px!important
    }

    .crypto-fees perfect-scrollbar .ps__thumb-y,.crypto-sub-limits perfect-scrollbar .ps__thumb-y {
        right: 8px!important
    }

    .crypto-fees .thead>[class*=col]:nth-child(1),.crypto-fees .trow>[class*=col]:nth-child(1),.crypto-sub-limits .thead>[class*=col]:nth-child(1),.crypto-sub-limits .trow>[class*=col]:nth-child(1) {
        width: 42%
    }

    .crypto-fees .thead>[class*=col]:nth-child(2),.crypto-fees .trow>[class*=col]:nth-child(2),.crypto-sub-limits .thead>[class*=col]:nth-child(2),.crypto-sub-limits .trow>[class*=col]:nth-child(2) {
        width: 16%
    }

    .crypto-fees .thead>[class*=col]:nth-child(3),.crypto-fees .trow>[class*=col]:nth-child(3),.crypto-sub-limits .thead>[class*=col]:nth-child(3),.crypto-sub-limits .trow>[class*=col]:nth-child(3) {
        width: 20%
    }

    .crypto-fees .thead>[class*=col]:nth-child(4),.crypto-fees .trow>[class*=col]:nth-child(4),.crypto-sub-limits .thead>[class*=col]:nth-child(4),.crypto-sub-limits .trow>[class*=col]:nth-child(4) {
        width: 22%
    }

    .crypto-fees .thead,.crypto-sub-limits .thead {
        padding: 0 20px 0 0
    }

    .crypto-fees .thead>[class*=col]:nth-child(2),.crypto-fees .thead>[class*=col]:nth-child(3),.crypto-sub-limits .thead>[class*=col]:nth-child(2),.crypto-sub-limits .thead>[class*=col]:nth-child(3) {
        justify-content: flex-start
    }

    .crypto-fees .trow>[class*=col]:nth-child(2),.crypto-sub-limits .trow>[class*=col]:nth-child(2) {
        align-items: flex-start
    }

    .crypto-fees .trow>[class*=col]:nth-child(3),.crypto-sub-limits .trow>[class*=col]:nth-child(3) {
        justify-content: flex-start
    }

    .crypto-fees .icon-box .name span,.crypto-sub-limits .icon-box .name span {
        display: none
    }
}

@media (min-width: 1200px) {
    .crypto-fees,.crypto-sub-limits {
        width:auto;
        min-height: 458px;
        margin: 0 -25px 12.5px
    }

    .crypto-fees perfect-scrollbar,.crypto-sub-limits perfect-scrollbar {
        padding: 0
    }

    .crypto-fees perfect-scrollbar>.ps,.crypto-sub-limits perfect-scrollbar>.ps {
        max-height: 440px
    }

    .crypto-fees perfect-scrollbar>.ps.ps--active-y>.ps__rail-y,.crypto-sub-limits perfect-scrollbar>.ps.ps--active-y>.ps__rail-y {
        width: 25px!important
    }

    .crypto-fees perfect-scrollbar .ps__thumb-y,.crypto-sub-limits perfect-scrollbar .ps__thumb-y {
        right: 11px!important
    }

    .crypto-fees .thead,.crypto-fees .trow,.crypto-sub-limits .thead,.crypto-sub-limits .trow {
        padding: 0 25px
    }

    .crypto-fees .thead>[class*=col]:nth-child(1),.crypto-fees .trow>[class*=col]:nth-child(1),.crypto-sub-limits .thead>[class*=col]:nth-child(1),.crypto-sub-limits .trow>[class*=col]:nth-child(1) {
        width: 34%
    }

    .crypto-fees .thead>[class*=col]:nth-child(2),.crypto-fees .trow>[class*=col]:nth-child(2),.crypto-sub-limits .thead>[class*=col]:nth-child(2),.crypto-sub-limits .trow>[class*=col]:nth-child(2) {
        width: 30%
    }

    .crypto-fees .thead>[class*=col]:nth-child(3),.crypto-fees .trow>[class*=col]:nth-child(3),.crypto-sub-limits .thead>[class*=col]:nth-child(3),.crypto-sub-limits .trow>[class*=col]:nth-child(3) {
        width: 18%
    }

    .crypto-fees .thead>[class*=col]:nth-child(4),.crypto-fees .trow>[class*=col]:nth-child(4),.crypto-sub-limits .thead>[class*=col]:nth-child(4),.crypto-sub-limits .trow>[class*=col]:nth-child(4) {
        width: 18%
    }

    .crypto-fees .thead>[class*=col],.crypto-sub-limits .thead>[class*=col] {
        padding: 0 0 15px!important;
        margin: 0!important
    }

    .crypto-fees .trow:after,.crypto-sub-limits .trow:after {
        left: 12.5px!important;
        right: 12.5px!important
    }
}

.fiat-withdraw .thead>[class*=col],.fiat-withdraw .trow>[class*=col],.crypto-withdraw .thead>[class*=col],.crypto-withdraw .trow>[class*=col] {
    text-align: right
}

.fiat-withdraw .thead>[class*=col]:nth-child(1),.fiat-withdraw .thead>[class*=col]:nth-child(2),.fiat-withdraw .trow>[class*=col]:nth-child(1),.fiat-withdraw .trow>[class*=col]:nth-child(2),.crypto-withdraw .thead>[class*=col]:nth-child(1),.crypto-withdraw .thead>[class*=col]:nth-child(2),.crypto-withdraw .trow>[class*=col]:nth-child(1),.crypto-withdraw .trow>[class*=col]:nth-child(2) {
    text-align: left
}

.fiat-withdraw .thead>[class*=col]:nth-child(2),.crypto-withdraw .thead>[class*=col]:nth-child(2) {
    justify-content: flex-start
}

.fiat-withdraw .trow>[class*=col]:nth-child(2),.crypto-withdraw .trow>[class*=col]:nth-child(2) {
    align-items: flex-start
}

@media (min-width: 768px) {
    .fiat-withdraw .thead>[class*=col]:nth-child(1),.fiat-withdraw .trow>[class*=col]:nth-child(1),.crypto-withdraw .thead>[class*=col]:nth-child(1),.crypto-withdraw .trow>[class*=col]:nth-child(1) {
        width:30%!important
    }

    .fiat-withdraw .thead>[class*=col]:nth-child(2),.fiat-withdraw .trow>[class*=col]:nth-child(2),.crypto-withdraw .thead>[class*=col]:nth-child(2),.crypto-withdraw .trow>[class*=col]:nth-child(2) {
        width: 20%!important
    }

    .fiat-withdraw .thead>[class*=col]:nth-child(3),.fiat-withdraw .trow>[class*=col]:nth-child(3),.crypto-withdraw .thead>[class*=col]:nth-child(3),.crypto-withdraw .trow>[class*=col]:nth-child(3) {
        width: 25%!important
    }

    .fiat-withdraw .thead>[class*=col]:nth-child(4),.fiat-withdraw .trow>[class*=col]:nth-child(4),.crypto-withdraw .thead>[class*=col]:nth-child(4),.crypto-withdraw .trow>[class*=col]:nth-child(4) {
        width: 25%!important
    }
}

@media (min-width: 1200px) {
    .fiat-withdraw .thead>[class*=col]:nth-child(1),.fiat-withdraw .trow>[class*=col]:nth-child(1),.crypto-withdraw .thead>[class*=col]:nth-child(1),.crypto-withdraw .trow>[class*=col]:nth-child(1) {
        width:28%!important
    }

    .fiat-withdraw .thead>[class*=col]:nth-child(2),.fiat-withdraw .trow>[class*=col]:nth-child(2),.crypto-withdraw .thead>[class*=col]:nth-child(2),.crypto-withdraw .trow>[class*=col]:nth-child(2) {
        width: 22%!important
    }

    .fiat-withdraw .thead>[class*=col]:nth-child(3),.fiat-withdraw .trow>[class*=col]:nth-child(3),.crypto-withdraw .thead>[class*=col]:nth-child(3),.crypto-withdraw .trow>[class*=col]:nth-child(3) {
        width: 25%!important
    }

    .fiat-withdraw .thead>[class*=col]:nth-child(4),.fiat-withdraw .trow>[class*=col]:nth-child(4),.crypto-withdraw .thead>[class*=col]:nth-child(4),.crypto-withdraw .trow>[class*=col]:nth-child(4) {
        width: 25%!important
    }
}

.fiat-withdraw .thead>[class*=col]:nth-child(1),.fiat-withdraw .trow>[class*=col]:nth-child(1) {
    width: 24%
}

.fiat-withdraw .thead>[class*=col]:nth-child(2),.fiat-withdraw .trow>[class*=col]:nth-child(2) {
    width: 18%
}

.fiat-withdraw .thead>[class*=col]:nth-child(3),.fiat-withdraw .trow>[class*=col]:nth-child(3) {
    width: 29%
}

.fiat-withdraw .thead>[class*=col]:nth-child(4),.fiat-withdraw .trow>[class*=col]:nth-child(4) {
    width: 29%
}

.crypto-withdraw .thead>[class*=col]:nth-child(1),.crypto-withdraw .trow>[class*=col]:nth-child(1) {
    width: 34%
}

.crypto-withdraw .thead>[class*=col]:nth-child(2),.crypto-withdraw .trow>[class*=col]:nth-child(2) {
    width: 18%
}

.crypto-withdraw .thead>[class*=col]:nth-child(3),.crypto-withdraw .trow>[class*=col]:nth-child(3) {
    width: 24%
}

.crypto-withdraw .thead>[class*=col]:nth-child(4),.crypto-withdraw .trow>[class*=col]:nth-child(4) {
    width: 24%
}

.easy-trades .thead>[class*=col],.easy-trades .trow>[class*=col] {
    width: 18%
}

.easy-trades .thead>[class*=col]:nth-child(3),.easy-trades .trow>[class*=col]:nth-child(3) {
    width: 10%
}

.easy-trades .thead>[class*=col] {
    font-size: 14px;
    padding: 0 0 10px
}

.easy-trades .thead>[class*=col]:nth-child(2),.easy-trades .thead>[class*=col]:nth-child(3) {
    justify-content: flex-start
}

.easy-trades .trow:after {
    left: -15px;
    right: -15px;
    border-radius: 12px
}

.easy-trades .trow>[class*=col] {
    font-size: 15px
}

.easy-trades .trow>[class*=col]:nth-child(2),.easy-trades .trow>[class*=col]:nth-child(3) {
    align-items: flex-start;
    font-variant-numeric: normal;
    letter-spacing: 0
}

.earn-products .trow {
    border-top: 1px solid var(--border);
    padding: 15px 0;
    gap: 15px
}

.earn-products .trow:first-child {
    border-top: 0
}

.earn-products .trow>[class*=col] {
    padding: 0
}

.earn-products .trow>[class*=col]:nth-child(2) {
    margin: 0 0 0 auto
}

.earn-products .trow>[class*=col]:nth-child(3),.earn-products .trow>[class*=col]:nth-child(4) {
    width: 100%
}

.earn-products .trow small.head {
    font-weight: 600;
    margin: 2px 0 5px
}

.earn-products .tbody {
    padding: 0
}

.earn-products .tab-select .tab-item {
    flex: 1;
    max-width: 55px
}

.earn-products .btn {
    width: 100%;
    border-radius: var(--border-radius-md)
}

@media (min-width: 386px) {
    .earn-products .tab-select .tab-item {
        max-width:57.2px
    }
}

@media (min-width: 390px) {
    .earn-products .tab-select .tab-item {
        max-width:58px
    }
}

@media (min-width: 401px) {
    .earn-products .tab-select .tab-item {
        max-width:60.2px
    }
}

@media (min-width: 414px) {
    .earn-products .tab-select .tab-item {
        max-width:62.8px
    }
}

@media (min-width: 768px) {
    .earn-products .trow>[class*=col]:nth-child(1),.earn-products .trow>[class*=col]:nth-child(3) {
        width:60%
    }

    .earn-products .trow>[class*=col]:nth-child(2) {
        flex-direction: row;
        align-items: center
    }

    .earn-products .trow>[class*=col]:nth-child(2),.earn-products .trow>[class*=col]:nth-child(4) {
        width: auto;
        margin: 0 0 0 auto
    }

    .earn-products .trow small.head {
        font-size: 14px;
        margin: 0 6px 0 0
    }

    .earn-products .trow small.head:after {
        content: " :"
    }

    .earn-products .icon-box .name {
        flex-direction: row
    }

    .earn-products .icon-box .name small {
        font-size: 14px;
        line-height: 16px;
        margin: -1px 0 0 6px
    }

    .earn-products .tab-select .tab-item {
        flex: 0 0 auto;
        max-width: unset
    }

    .earn-products .btn {
        width: auto;
        min-width: 120px
    }
}

@media (min-width: 1200px) {
    .earn-products .thead>[class*=col]:nth-child(1),.earn-products .trow>[class*=col]:nth-child(1) {
        width:22%
    }

    .earn-products .thead>[class*=col]:nth-child(2),.earn-products .trow>[class*=col]:nth-child(2) {
        width: 12%;
        margin: 0
    }

    .earn-products .thead>[class*=col]:nth-child(3),.earn-products .trow>[class*=col]:nth-child(3) {
        width: 54%
    }

    .earn-products .thead>[class*=col]:nth-child(4),.earn-products .trow>[class*=col]:nth-child(4) {
        width: 12%;
        margin: 0
    }

    .earn-products .thead>[class*=col] {
        font-size: 14px;
        justify-content: flex-start
    }

    .earn-products .thead>[class*=col]:nth-child(4) {
        justify-content: flex-end
    }

    .earn-products .trow {
        border-top: 0;
        padding: 0;
        gap: 0
    }

    .earn-products .trow>[class*=col] {
        font-size: 15px;
        font-weight: 500;
        align-items: flex-start;
        padding: 10px 0
    }

    .earn-products .trow>[class*=col]:nth-child(2) {
        flex-direction: column;
        align-items: flex-start
    }

    .earn-products .trow>[class*=col]:nth-child(4) {
        align-items: flex-end
    }
}

.earn-locked-list .trow,.farming-locked-list .trow {
    justify-content: space-between
}

.earn-locked-list .btn-link,.farming-locked-list .btn-link {
    width: 100%;
    height: 40px;
    font-size: 15px;
    color: var(--button-text)!important;
    background-color: var(--primary-color);
    padding: 0 18px;
    margin: 0
}

.earn-locked-list .btn-link:hover,.farming-locked-list .btn-link:hover {
    color: var(--button-text)!important;
    background-color: var(--button-primary-bg-hover)
}

@media (min-width: 768px) {
    .earn-locked-list .thead>[class*=col]:nth-child(1),.earn-locked-list .trow>[class*=col]:nth-child(1),.farming-locked-list .thead>[class*=col]:nth-child(1),.farming-locked-list .trow>[class*=col]:nth-child(1) {
        width:19%
    }

    .earn-locked-list .thead>[class*=col]:nth-child(2),.earn-locked-list .trow>[class*=col]:nth-child(2),.farming-locked-list .thead>[class*=col]:nth-child(2),.farming-locked-list .trow>[class*=col]:nth-child(2) {
        width: 22%
    }

    .earn-locked-list .thead>[class*=col]:nth-child(3),.earn-locked-list .trow>[class*=col]:nth-child(3),.farming-locked-list .thead>[class*=col]:nth-child(3),.farming-locked-list .trow>[class*=col]:nth-child(3) {
        width: 21%
    }

    .earn-locked-list .thead>[class*=col]:nth-child(4),.earn-locked-list .trow>[class*=col]:nth-child(4),.farming-locked-list .thead>[class*=col]:nth-child(4),.farming-locked-list .trow>[class*=col]:nth-child(4) {
        width: 24%
    }

    .earn-locked-list .thead>[class*=col]:nth-child(5),.earn-locked-list .trow>[class*=col]:nth-child(5),.farming-locked-list .thead>[class*=col]:nth-child(5),.farming-locked-list .trow>[class*=col]:nth-child(5) {
        width: 14%
    }

    .earn-locked-list .detail-table .trow>[class*=col],.farming-locked-list .detail-table .trow>[class*=col] {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .earn-locked-list .thead>[class*=col],.farming-locked-list .thead>[class*=col] {
        text-align:right;
        word-break: break-word
    }

    .earn-locked-list .thead>[class*=col]:nth-child(1),.farming-locked-list .thead>[class*=col]:nth-child(1) {
        width: 12%;
        text-align: left
    }

    .earn-locked-list .thead>[class*=col]:nth-child(2),.farming-locked-list .thead>[class*=col]:nth-child(2) {
        width: 12%
    }

    .earn-locked-list .thead>[class*=col]:nth-child(3),.farming-locked-list .thead>[class*=col]:nth-child(3) {
        width: 15%
    }

    .earn-locked-list .thead>[class*=col]:nth-child(4),.farming-locked-list .thead>[class*=col]:nth-child(4) {
        width: 11%
    }

    .earn-locked-list .thead>[class*=col]:nth-child(5),.farming-locked-list .thead>[class*=col]:nth-child(5) {
        width: 13%
    }

    .earn-locked-list .thead>[class*=col]:nth-child(6),.farming-locked-list .thead>[class*=col]:nth-child(6) {
        width: 15%
    }

    .earn-locked-list .thead>[class*=col]:nth-child(7),.farming-locked-list .thead>[class*=col]:nth-child(7) {
        width: 11%
    }

    .earn-locked-list .thead>[class*=col]:nth-child(8),.farming-locked-list .thead>[class*=col]:nth-child(8) {
        width: 10%
    }

    .earn-locked-list .trow>[class*=col],.farming-locked-list .trow>[class*=col] {
        align-items: flex-end;
        padding: 10px 0
    }

    .earn-locked-list .trow>[class*=col]:nth-child(1),.farming-locked-list .trow>[class*=col]:nth-child(1) {
        width: 14%;
        align-items: flex-start
    }

    .earn-locked-list .trow>[class*=col]:nth-child(2),.farming-locked-list .trow>[class*=col]:nth-child(2) {
        width: 12%
    }

    .earn-locked-list .trow>[class*=col]:nth-child(3),.farming-locked-list .trow>[class*=col]:nth-child(3) {
        width: 12%
    }

    .earn-locked-list .trow>[class*=col]:nth-child(5),.farming-locked-list .trow>[class*=col]:nth-child(5) {
        width: 11%
    }

    .earn-locked-list .trow>[class*=col]:nth-child(6),.farming-locked-list .trow>[class*=col]:nth-child(6) {
        width: 13%
    }

    .earn-locked-list .trow>[class*=col]:nth-child(8),.farming-locked-list .trow>[class*=col]:nth-child(8) {
        width: 15%
    }

    .earn-locked-list .trow>[class*=col]:nth-child(10),.farming-locked-list .trow>[class*=col]:nth-child(10) {
        width: 11%
    }

    .earn-locked-list .trow>[class*=col]:nth-child(11),.farming-locked-list .trow>[class*=col]:nth-child(11) {
        width: 12%
    }

    .earn-locked-list .btn-link,.farming-locked-list .btn-link {
        width: auto;
        height: auto;
        font-size: 14px;
        color: var(--primary-color)!important;
        background-color: transparent;
        padding: 8px;
        margin: -10px -8px
    }

    .earn-locked-list .btn-link:hover,.farming-locked-list .btn-link:hover {
        color: var(--secondary-color)!important;
        background-color: transparent
    }

    .earn-locked-list .detail-table,.farming-locked-list .detail-table {
        width: 100%
    }
}

.opened-stake .no-content>.icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBvcGFjaXR5PSIwLjIiIGZpbGw9IiM4NTRkYzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTEuNSwyMWM1LjIsMCw5LjUtNC4zLDkuNS05LjVTMTYuNywyLDExLjUsMlMyLDYuMywyLDExLjUNCgkJUzYuMywyMSwxMS41LDIxeiIvPg0KCTxwYXRoIGZpbGw9IiM4NTRkYzAiIGQ9Ik0xNC41LDEwLjhoLTZjLTAuNCwwLTAuOC0wLjMtMC44LTAuOFM4LDkuMiw4LjUsOS4yaDZjMC40LDAsMC44LDAuMywwLjgsMC44UzE0LjksMTAuOCwxNC41LDEwLjh6Ii8+DQoJPHBhdGggZmlsbD0iIzg1NGRjMCIgZD0iTTExLjUsMTMuOGgtM2MtMC40LDAtMC44LTAuMy0wLjgtMC44czAuMy0wLjgsMC44LTAuOGgzYzAuNCwwLDAuOCwwLjMsMC44LDAuOFMxMS45LDEzLjgsMTEuNSwxMy44eiIvPg0KCTxwYXRoIGZpbGw9IiM4NTRkYzAiIGQ9Ik0yMS4zLDIyYy0wLjIsMC0wLjQtMC4xLTAuNS0wLjJMMTksMTkuOWMtMC4zLTAuMy0wLjMtMC43LDAtMXMwLjctMC4zLDEsMGwxLjksMS45YzAuMywwLjMsMC4zLDAuNywwLDENCgkJQzIxLjcsMjEuOSwyMS41LDIyLDIxLjMsMjJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)!important
}

.opened-stake .no-content>.text {
    color: var(--staking-purple-light)!important
}

.opened-stake .trow {
    justify-content: space-between
}

.opened-stake .detail-table .btn-link {
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: var(--button-text)!important;
    background-color: #854dc0;
    padding: 0 18px;
    margin: 0
}

.opened-stake .detail-table .btn-link:focus {
    background-color: #854dc0
}

.opened-stake .detail-table .btn-link:hover,.opened-stake .detail-table .btn-link:active {
    background-color: #6e38a7
}

@media (min-width: 768px) {
    .opened-stake .no-content>.icon {
        width:30px!important;
        height: 30px!important
    }

    .opened-stake .no-content>.text {
        font-size: 15px!important
    }
}

@media (min-width: 1200px) {
    .opened-stake .no-content>.icon {
        width:32px!important;
        height: 32px!important
    }

    .opened-stake .no-content>.text {
        font-size: 16px!important
    }

    .opened-stake .thead>[class*=col],.opened-stake .trow>[class*=col] {
        text-align: right
    }

    .opened-stake .thead>[class*=col]:nth-child(1),.opened-stake .trow>[class*=col]:nth-child(1) {
        width: 13%;
        text-align: left
    }

    .opened-stake .thead>[class*=col]:nth-child(2),.opened-stake .trow>[class*=col]:nth-child(2) {
        width: 14%
    }

    .opened-stake .thead>[class*=col]:nth-child(3),.opened-stake .trow>[class*=col]:nth-child(3) {
        width: 16%
    }

    .opened-stake .thead>[class*=col]:nth-child(4),.opened-stake .trow>[class*=col]:nth-child(4) {
        width: 12%
    }

    .opened-stake .thead>[class*=col]:nth-child(5),.opened-stake .trow>[class*=col]:nth-child(5) {
        width: 13%
    }

    .opened-stake .thead>[class*=col]:nth-child(6),.opened-stake .trow>[class*=col]:nth-child(6) {
        width: 13%
    }

    .opened-stake .thead>[class*=col]:nth-child(7),.opened-stake .trow>[class*=col]:nth-child(7) {
        width: 12%
    }

    .opened-stake .thead>[class*=col]:nth-child(8),.opened-stake .trow>[class*=col]:nth-child(8) {
        width: 7%
    }

    .opened-stake .thead>[class*=col] {
        word-break: break-word
    }

    .opened-stake .detail-table {
        width: 100%
    }

    .opened-stake .detail-table .trow {
        justify-content: unset
    }

    .opened-stake .detail-table .trow>[class*=col] {
        align-items: flex-end;
        padding: 10px 0!important
    }

    .opened-stake .detail-table .trow>[class*=col]:first-child {
        align-items: flex-start
    }

    .opened-stake .detail-table .btn-link {
        width: auto;
        height: auto;
        font-size: 14px;
        color: #854dc0!important;
        background-color: transparent!important;
        padding: 8px 0;
        transition: all .5s
    }

    .opened-stake .detail-table .btn-link:hover {
        color: var(--staking-purple-dark)!important
    }
}

.closed-stake .no-content>.icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBvcGFjaXR5PSIwLjIiIGZpbGw9IiM4NTRkYzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNMTEuNSwyMWM1LjIsMCw5LjUtNC4zLDkuNS05LjVTMTYuNywyLDExLjUsMlMyLDYuMywyLDExLjUNCgkJUzYuMywyMSwxMS41LDIxeiIvPg0KCTxwYXRoIGZpbGw9IiM4NTRkYzAiIGQ9Ik0xNC41LDEwLjhoLTZjLTAuNCwwLTAuOC0wLjMtMC44LTAuOFM4LDkuMiw4LjUsOS4yaDZjMC40LDAsMC44LDAuMywwLjgsMC44UzE0LjksMTAuOCwxNC41LDEwLjh6Ii8+DQoJPHBhdGggZmlsbD0iIzg1NGRjMCIgZD0iTTExLjUsMTMuOGgtM2MtMC40LDAtMC44LTAuMy0wLjgtMC44czAuMy0wLjgsMC44LTAuOGgzYzAuNCwwLDAuOCwwLjMsMC44LDAuOFMxMS45LDEzLjgsMTEuNSwxMy44eiIvPg0KCTxwYXRoIGZpbGw9IiM4NTRkYzAiIGQ9Ik0yMS4zLDIyYy0wLjIsMC0wLjQtMC4xLTAuNS0wLjJMMTksMTkuOWMtMC4zLTAuMy0wLjMtMC43LDAtMXMwLjctMC4zLDEsMGwxLjksMS45YzAuMywwLjMsMC4zLDAuNywwLDENCgkJQzIxLjcsMjEuOSwyMS41LDIyLDIxLjMsMjJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==)!important
}

.closed-stake .no-content>.text {
    color: var(--staking-purple-light)!important
}

.closed-stake .trow {
    justify-content: space-between
}

.closed-stake .detail-table .trow:after,.closed-stake .detail-list .trow:after {
    content: none
}

.closed-stake .detail-table .trow>[class*=col],.closed-stake .detail-list .trow>[class*=col] {
    width: 100%
}

.closed-stake .detail-table .btn-link {
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: var(--button-text)!important;
    background-color: #854dc0;
    padding: 0 18px;
    margin: 0
}

.closed-stake .detail-table .btn-link:focus {
    background-color: #854dc0
}

.closed-stake .detail-table .btn-link:hover,.closed-stake .detail-table .btn-link:active {
    background-color: #6e38a7
}

.closed-stake .detail-list {
    margin: 0 0 10px
}

.closed-stake .detail-list .trow>[class*=col] {
    line-height: 1.3;
    align-items: center
}

.closed-stake .detail-list .trow .value {
    width: calc(100% - 60px)
}

@media (min-width: 768px) {
    .closed-stake .no-content .icon {
        width:30px!important;
        height: 30px!important
    }

    .closed-stake .no-content .text {
        font-size: 15px!important
    }

    .closed-stake .thead {
        flex-wrap: nowrap
    }

    .closed-stake .thead>[class*=col]:nth-child(1) {
        width: 20%
    }

    .closed-stake .thead>[class*=col]:nth-child(2) {
        width: 18%
    }

    .closed-stake .thead>[class*=col]:nth-child(3) {
        width: 19%
    }

    .closed-stake .thead>[class*=col]:nth-child(4) {
        width: 19%
    }

    .closed-stake .thead>[class*=col]:nth-child(5) {
        width: 18%
    }

    .closed-stake .thead>[class*=col]:nth-child(6) {
        width: 6%
    }

    .closed-stake .trow>[class*=col]:nth-child(1) {
        width: 20%
    }

    .closed-stake .trow>[class*=col]:nth-child(2) {
        width: 18%
    }

    .closed-stake .trow>[class*=col]:nth-child(3) {
        width: 19%
    }

    .closed-stake .trow>[class*=col]:nth-child(4) {
        width: 19%
    }

    .closed-stake .trow>[class*=col]:nth-child(6) {
        width: 18%
    }

    .closed-stake .trow>[class*=col]:nth-child(7) {
        width: 6%
    }

    .closed-stake .detail-table .trow>[class*=col] {
        width: 100%
    }

    .closed-stake .detail-list .thead>[class*=col],.closed-stake .detail-list .trow>[class*=col] {
        align-items: flex-end
    }

    .closed-stake .detail-list .thead>[class*=col]:nth-child(1),.closed-stake .detail-list .trow>[class*=col]:nth-child(1) {
        width: 22%;
        align-items: flex-start
    }

    .closed-stake .detail-list .thead>[class*=col]:nth-child(2),.closed-stake .detail-list .trow>[class*=col]:nth-child(2) {
        width: 22%
    }

    .closed-stake .detail-list .thead>[class*=col]:nth-child(3),.closed-stake .detail-list .trow>[class*=col]:nth-child(3) {
        width: 40%
    }

    .closed-stake .detail-list .thead>[class*=col]:nth-child(4),.closed-stake .detail-list .trow>[class*=col]:nth-child(4) {
        width: 16%
    }

    .closed-stake .detail-list .thead {
        margin: 0 -7.5px
    }

    .closed-stake .detail-list .thead>[class*=col] {
        padding: 15px 7.5px 0!important
    }

    .closed-stake .detail-list .trow {
        margin: 0 -7.5px
    }

    .closed-stake .detail-list .trow>[class*=col] {
        line-height: 1.3;
        padding: 15px 7.5px!important
    }
}

@media (min-width: 992px) {
    .closed-stake .detail-list .thead>[class*=col]:nth-child(1),.closed-stake .detail-list .trow>[class*=col]:nth-child(1) {
        width:16%
    }

    .closed-stake .detail-list .thead>[class*=col]:nth-child(2),.closed-stake .detail-list .trow>[class*=col]:nth-child(2) {
        width: 16%
    }

    .closed-stake .detail-list .thead>[class*=col]:nth-child(3),.closed-stake .detail-list .trow>[class*=col]:nth-child(3) {
        width: 54%
    }

    .closed-stake .detail-list .thead>[class*=col]:nth-child(4),.closed-stake .detail-list .trow>[class*=col]:nth-child(4) {
        width: 14%
    }
}

@media (min-width: 1200px) {
    .closed-stake .no-content .icon {
        width:32px!important;
        height: 32px!important
    }

    .closed-stake .no-content .text {
        font-size: 16px!important
    }

    .closed-stake .thead>[class*=col]:nth-child(1),.closed-stake .trow>[class*=col]:nth-child(1) {
        width: 13%
    }

    .closed-stake .thead>[class*=col]:nth-child(2),.closed-stake .trow>[class*=col]:nth-child(2) {
        width: 12%
    }

    .closed-stake .thead>[class*=col]:nth-child(3),.closed-stake .trow>[class*=col]:nth-child(3) {
        width: 16%
    }

    .closed-stake .thead>[class*=col]:nth-child(4),.closed-stake .trow>[class*=col]:nth-child(4) {
        width: 12%
    }

    .closed-stake .thead>[class*=col]:nth-child(5),.closed-stake .trow>[class*=col]:nth-child(5) {
        width: 12%
    }

    .closed-stake .thead>[class*=col]:nth-child(6),.closed-stake .trow>[class*=col]:nth-child(6) {
        width: 13%
    }

    .closed-stake .thead>[class*=col]:nth-child(7),.closed-stake .trow>[class*=col]:nth-child(7) {
        width: 13%
    }

    .closed-stake .thead>[class*=col]:nth-child(8),.closed-stake .trow>[class*=col]:nth-child(8) {
        width: 9%
    }

    .closed-stake .trow:after {
        left: -15px;
        right: -15px
    }

    .closed-stake .tbody {
        margin: 0 0 15px
    }

    .closed-stake .icon-box .icon-plus {
        width: 16px!important;
        height: 16px!important
    }

    .closed-stake .icon-box .icon {
        width: 32px;
        height: 32px;
        margin: auto 10px auto 0!important
    }

    .closed-stake .icon-box .name {
        width: calc(100% - 68px)!important
    }

    .closed-stake .detail-table {
        width: 100%
    }

    .closed-stake .detail-table .trow {
        justify-content: unset
    }

    .closed-stake .detail-table .trow>[class*=col] {
        align-items: flex-end;
        padding: 10px 0!important
    }

    .closed-stake .detail-table .trow>[class*=col]:first-child {
        align-items: flex-start
    }

    .closed-stake .detail-table .btn-link {
        width: auto;
        height: auto;
        font-size: 14px;
        color: #854dc0!important;
        background-color: transparent!important;
        padding: 8px 0;
        transition: all .5s
    }

    .closed-stake .detail-table .btn-link:hover {
        color: var(--staking-purple-dark)!important
    }

    .closed-stake .detail-list {
        margin: 0 0 15px
    }

    .closed-stake .detail-list .thead,.closed-stake .detail-list .trow {
        margin: 0!important
    }

    .closed-stake .detail-list .thead>[class*=col],.closed-stake .detail-list .trow>[class*=col] {
        padding: 10px 0!important
    }

    .closed-stake .detail-list .thead>[class*=col]:nth-child(1),.closed-stake .detail-list .trow>[class*=col]:nth-child(1) {
        width: 15%
    }

    .closed-stake .detail-list .thead>[class*=col]:nth-child(2),.closed-stake .detail-list .trow>[class*=col]:nth-child(2) {
        width: 15%
    }

    .closed-stake .detail-list .thead>[class*=col]:nth-child(3),.closed-stake .detail-list .trow>[class*=col]:nth-child(3) {
        width: 52%
    }

    .closed-stake .detail-list .thead>[class*=col]:nth-child(4),.closed-stake .detail-list .trow>[class*=col]:nth-child(4) {
        width: 18%
    }

    .closed-stake .detail-list .thead>[class*=col] {
        justify-content: flex-end
    }

    .closed-stake .detail-list .thead>[class*=col]:first-child {
        justify-content: flex-start;
        padding: 10px 0
    }

    .closed-stake .detail-list .trow {
        cursor: pointer;
        margin: 0 -10px;
        position: relative
    }

    .closed-stake .detail-list .trow:before {
        content: "";
        width: 5px;
        height: 10px;
        opacity: .75;
        position: absolute;
        left: -15px;
        top: 12px
    }

    .closed-stake .detail-list .trow>[class*=col] {
        color: var(--tertiary-color);
        align-items: flex-end
    }

    .closed-stake .detail-list .trow>[class*=col]:first-child {
        align-items: flex-start
    }

    .closed-stake .detail-list .trow:hover:before {
        filter: grayscale(1);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDExLjcgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExLjcgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTEwLjMsOS4xTDAsMHYyNGwxMC4zLTkuMWMwLjktMC43LDEuNC0xLjgsMS40LTIuOUMxMS43LDExLDExLjIsOS45LDEwLjMsOS4xeiIvPg0KPC9zdmc+DQo=);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain
    }

    .closed-stake .detail-list .trow:hover>[class*=col] {
        color: var(--secondary-light-color)
    }

    .closed-stake .detail-list .tbody {
        margin: 0
    }
}

.pnl-list .trow {
    justify-content: space-between
}

.pnl-list .tfoot {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 15px
}

.pnl-list .detail-table .trow label {
    text-align: left;
    font-variant-numeric: normal;
    letter-spacing: 0
}

.pnl-list .detail-table .trow small {
    font-size: 14px;
    color: var(--secondary-light-color)
}

.pnl-list .detail-table .trow small:before {
    content: "/"
}

.pnl-list .detail-table .icon-box .name {
    flex-direction: row
}

.pnl-list .detail-table .icon-box .name small {
    color: var(--tertiary-color);
    margin: 0 0 -1px 6px
}

.pnl-list .detail-table .icon-box .name small:before {
    display: none
}

@media (min-width: 768px) {
    .pnl-list .thead>[class*=col],.pnl-list .trow>[class*=col] {
        width:20%
    }

    .pnl-list .thead>[class*=col]:nth-child(2),.pnl-list .trow>[class*=col]:nth-child(2) {
        width: 40%
    }

    .pnl-list .thead>[class*=col]:nth-child(3),.pnl-list .trow>[class*=col]:nth-child(3) {
        width: 40%
    }

    .pnl-list .tfoot {
        margin: -5px 0 15px
    }

    .pnl-list .tfoot>[class*=col] {
        width: 20%;
        justify-content: flex-end;
        text-align: right
    }

    .pnl-list .tfoot>[class*=col]:nth-child(2) {
        width: 40%
    }

    .pnl-list .tfoot>[class*=col]:nth-child(4) {
        width: 40%
    }

    .pnl-list .detail-table .trow>[class*=col] {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .pnl-list .thead>[class*=col]:nth-child(1),.pnl-list .trow>[class*=col]:nth-child(1) {
        width:15%
    }

    .pnl-list .thead>[class*=col]:nth-child(2),.pnl-list .trow>[class*=col]:nth-child(2) {
        width: 15%
    }

    .pnl-list .thead>[class*=col]:nth-child(3),.pnl-list .trow>[class*=col]:nth-child(3) {
        width: 12%
    }

    .pnl-list .thead>[class*=col]:nth-child(4),.pnl-list .trow>[class*=col]:nth-child(4) {
        width: 15%
    }

    .pnl-list .thead>[class*=col]:nth-child(5),.pnl-list .trow>[class*=col]:nth-child(5) {
        width: 12%
    }

    .pnl-list .thead>[class*=col]:nth-child(6),.pnl-list .trow>[class*=col]:nth-child(6) {
        width: 20%
    }

    .pnl-list .thead>[class*=col]:nth-child(7),.pnl-list .trow>[class*=col]:nth-child(7) {
        width: 11%
    }

    .pnl-list .tfoot {
        margin: -5px 0 20px
    }

    .pnl-list .tfoot>[class*=col]:nth-child(1) {
        width: 53%
    }

    .pnl-list .tfoot>[class*=col]:nth-child(2) {
        width: 14%
    }

    .pnl-list .tfoot>[class*=col]:nth-child(3) {
        width: 22%
    }

    .pnl-list .tfoot>[class*=col]:nth-child(4) {
        width: 11%
    }

    .pnl-list .detail-table .trow>[class*=col] {
        align-items: flex-end;
        text-align: right
    }

    .pnl-list .detail-table .trow small {
        display: block;
        font-size: 12px;
        color: var(--tertiary-color)
    }

    .pnl-list .detail-table .trow small:before {
        display: none
    }

    .pnl-list .detail-table .icon-box .name {
        flex-direction: column;
        overflow: visible
    }

    .pnl-list .detail-table .icon-box .name small {
        overflow: visible;
        margin: 6px 0 -1px
    }
}

.convert-list .option-control label {
    letter-spacing: 0;
    padding: 0 0 0 28px
}

.convert-list .option-control label:before {
    background-color: var(--bg-color-02);
    border-color: var(--bg-color-05)
}

.convert-list .option-control label:hover:before {
    border-color: var(--input-focus-border)
}

.convert-list .thead>[class*=col],.convert-list .trow>[class*=col] {
    width: 34%
}

.convert-list .thead>[class*=col]:nth-child(1),.convert-list .trow>[class*=col]:nth-child(1) {
    width: 32%
}

.convert-list .thead>[class*=col] {
    padding: 15px 0 0
}

.convert-list .trow .option-control label {
    font-weight: 600;
    color: var(--secondary-light-color)
}

.convert-list .trow .option-control label:before {
    top: 50%;
    transform: translateY(-50%)
}

.convert-list .trow .option-control label .icon,.convert-list .trow .option-control label small {
    display: none
}

.convert-list .tbody {
    padding: 5px 0
}

.convert-list .tfoot {
    display: flex;
    justify-content: space-between;
    border-top: 1px dashed var(--border-dark)
}

.convert-list .tfoot>[class*=col] {
    line-height: 1.4;
    padding: 15px 0
}

.convert-list .tfoot>[class*=col] b {
    display: inline-block;
    padding: 0 3px 0 0
}

.convert-list .tfoot .option-control label {
    font-weight: 400
}

@media (min-width: 768px) {
    .convert-list .thead>[class*=col],.convert-list .trow>[class*=col] {
        width:30%!important;
        display: flex!important
    }

    .convert-list .thead>[class*=col]:nth-child(1),.convert-list .trow>[class*=col]:nth-child(1) {
        width: 40%!important
    }

    .convert-list .thead>[class*=col] {
        padding: 15px 0 5px
    }

    .convert-list .thead .option-control label {
        font-size: 13px!important;
        color: var(--tertiary-color)!important
    }

    .convert-list .thead .option-control label:before {
        top: 3px
    }

    .convert-list .trow>[class*=col] {
        padding: 10px 0
    }

    .convert-list .trow .option-control label small {
        display: inline-flex;
        letter-spacing: 0;
        margin: 0 0 -1px 6px
    }

    .convert-list .tbody {
        padding: 5px 0
    }

    .convert-list .tfoot {
        margin: 5px 0 0
    }
}

@media (min-width: 1200px) {
    .convert-list .option-control label {
        padding:0 0 0 30px
    }

    .convert-list .thead>[class*=col] {
        padding: 20px 0 10px
    }

    .convert-list .trow:hover .option-control label:before {
        background-color: var(--bg-color)
    }

    .convert-list .trow:hover .option-control input[type=checkbox]:checked+label:before {
        background-color: var(--primary-color)
    }

    .convert-list .trow .option-control label .icon {
        width: 24px;
        height: 24px;
        display: block;
        margin: 0 10px 0 0;
        border-radius: var(--border-radius-rd)
    }

    .convert-list .tbody {
        padding: 0
    }

    .convert-list .tfoot {
        margin: 0
    }

    .convert-list .tfoot>[class*=col] {
        padding: 20px 0
    }
}

.transaction-limits .thead>[class*=col],.transaction-limits .trow>[class*=col] {
    width: 16.6666666667%
}

.trade-conditions .trow {
    padding: 15px 0;
    border-bottom: 1px solid var(--border)
}

.trade-conditions .trow>[class*=col] {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px 0
}

.trade-conditions .trow>[class*=col]:nth-child(1),.trade-conditions .trow>[class*=col]:nth-child(2) {
    width: 50%
}

.trade-conditions .trow>[class*=col]:nth-child(2) {
    justify-content: flex-end
}

.trade-conditions .trow:last-child {
    border-bottom: 0
}

.trade-conditions .trow .head {
    font-weight: 400
}

.trade-conditions .tbody {
    padding: 0
}

.trade-conditions .pair {
    color: var(--secondary-color)
}

.trade-conditions .tag {
    height: 16px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: var(--tag-text);
    background-color: var(--tag-bg);
    padding: 0 4px;
    margin: 0 0 -2px 6px;
    position: relative;
    top: -1px;
    border-radius: 3px
}

.trade-conditions .seperator {
    display: inline-block;
    background-color: var(--border-dark);
    width: 1px;
    height: 13px;
    margin: -5px 7.5px;
    position: relative;
    top: -4px
}

@media (min-width: 768px) {
    .trade-conditions .thead>[class*=col],.trade-conditions .trow>[class*=col] {
        width:18%
    }

    .trade-conditions .thead>[class*=col]:nth-child(1),.trade-conditions .thead>[class*=col]:nth-child(2),.trade-conditions .trow>[class*=col]:nth-child(1),.trade-conditions .trow>[class*=col]:nth-child(2) {
        width: 23%
    }

    .trade-conditions .thead>[class*=col] {
        padding: 20px 0 0
    }

    .trade-conditions .trow {
        padding: 0;
        border-bottom: 0
    }

    .trade-conditions .trow>[class*=col] {
        justify-content: flex-end;
        padding: 12.5px 0
    }

    .trade-conditions .trow>[class*=col]:nth-child(1) {
        justify-content: flex-start
    }

    .trade-conditions .trow .head {
        display: none
    }

    .trade-conditions .tbody {
        padding: 10px 0
    }

    .trade-conditions .tag {
        height: 18px;
        font-size: 13px;
        line-height: 18px;
        top: 0
    }
}

@media (min-width: 1200px) {
    .trade-conditions .thead>[class*=col],.trade-conditions .trow>[class*=col] {
        width:22%
    }

    .trade-conditions .thead>[class*=col]:nth-child(1),.trade-conditions .thead>[class*=col]:nth-child(2),.trade-conditions .trow>[class*=col]:nth-child(1),.trade-conditions .trow>[class*=col]:nth-child(2) {
        width: 17%
    }

    .trade-conditions .thead>[class*=col] {
        font-size: 14px;
        padding: 25px 0 0
    }

    .trade-conditions .thead>[class*=col]:first-child {
        padding: 25px 0 5px 5px
    }

    .trade-conditions .thead>[class*=col]:last-child {
        padding: 25px 5px 5px 0
    }

    .trade-conditions .trow>[class*=col] {
        font-size: 16px;
        padding: 15px 0
    }

    .trade-conditions .trow>[class*=col]:first-child {
        padding: 15px 0 15px 5px
    }

    .trade-conditions .trow>[class*=col]:last-child {
        padding: 15px 5px 15px 0
    }

    .trade-conditions .tbody {
        padding: 5px 0
    }

    .trade-conditions .tag {
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        top: -1px
    }
}

.active-listings .trow {
    justify-content: space-between
}

.active-listings .pair {
    font-weight: 600;
    letter-spacing: 0
}

.active-listings .pair .side {
    height: 16px;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    color: var(--bg-color-02)!important;
    padding: 0 4px;
    margin: 0 0 0 3px;
    position: relative;
    top: -2px;
    border-radius: 3px
}

.active-listings .pair .side.otc {
    background-color: var(--purple-color)
}

.active-listings .pair .side.buy {
    background-color: var(--buy-color)
}

.active-listings .pair .side.sell {
    background-color: var(--sell-color)
}

.active-listings .offers {
    color: var(--tertiary-dark-color)
}

.active-listings .offers .icon-open {
    width: 14px;
    height: 14px;
    background-image: url(assets/icons/open.svg)!important;
    margin: -2px 0 -2px 6px
}

.active-listings .status {
    margin: 0 0 2px
}

.active-listings .btn-group {
    width: 100%
}

.active-listings .detail-table .status {
    margin: 0
}

@media (min-width: 768px) {
    .active-listings .thead>[class*=col]:nth-child(1),.active-listings .trow>[class*=col]:nth-child(1) {
        width:14%
    }

    .active-listings .thead>[class*=col]:nth-child(2),.active-listings .trow>[class*=col]:nth-child(2) {
        width: 10%
    }

    .active-listings .thead>[class*=col]:nth-child(3),.active-listings .thead>[class*=col]:nth-child(4),.active-listings .trow>[class*=col]:nth-child(3),.active-listings .trow>[class*=col]:nth-child(4) {
        width: 20%
    }

    .active-listings .thead>[class*=col]:nth-child(5),.active-listings .trow>[class*=col]:nth-child(5) {
        width: 20%
    }

    .active-listings .thead>[class*=col]:nth-child(6),.active-listings .trow>[class*=col]:nth-child(6) {
        width: 16%
    }

    .active-listings .status {
        margin: 0
    }

    .active-listings .detail-table .trow>[class*=col] {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .active-listings .thead>[class*=col],.active-listings .trow>[class*=col] {
        width:12%!important
    }

    .active-listings .thead>[class*=col]:nth-child(2),.active-listings .trow>[class*=col]:nth-child(2) {
        width: 6%!important
    }

    .active-listings .thead>[class*=col]:nth-child(3),.active-listings .thead>[class*=col]:nth-child(6),.active-listings .trow>[class*=col]:nth-child(3),.active-listings .trow>[class*=col]:nth-child(6) {
        width: 8%!important
    }

    .active-listings .thead>[class*=col]:nth-child(7),.active-listings .trow>[class*=col]:nth-child(7) {
        width: 18%!important
    }

    .active-listings .thead>[class*=col]:nth-child(8),.active-listings .thead>[class*=col]:nth-child(10),.active-listings .trow>[class*=col]:nth-child(8),.active-listings .trow>[class*=col]:nth-child(10) {
        width: 6%!important
    }

    .active-listings .thead>[class*=col] {
        justify-content: flex-end
    }

    .active-listings .thead>[class*=col]:nth-child(1),.active-listings .thead>[class*=col]:nth-child(2) {
        justify-content: flex-start
    }

    .active-listings .trow>[class*=col] {
        align-items: flex-end
    }

    .active-listings .trow>[class*=col]:nth-child(1),.active-listings .trow>[class*=col]:nth-child(2) {
        align-items: flex-start
    }

    .active-listings .detail-table {
        width: 100%
    }

    .active-listings .btn-icon {
        margin: -7px -3px -7px 0!important
    }

    .active-listings .no-content,.active-listings .loader {
        margin: 0 0 -10px
    }
}

.open-offers .trow {
    justify-content: space-between
}

.open-offers .pair {
    font-weight: 600;
    letter-spacing: 0
}

.open-offers .pair .side {
    height: 16px;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    color: var(--bg-color-02)!important;
    padding: 0 4px;
    margin: 0 0 0 3px;
    position: relative;
    top: -2px;
    border-radius: 3px
}

.open-offers .pair .side.otc {
    background-color: var(--purple-color)
}

.open-offers .pair .side.buy {
    background-color: var(--buy-color)
}

.open-offers .pair .side.sell {
    background-color: var(--sell-color)
}

.open-offers .status {
    margin: 0 0 2px
}

.open-offers .btn-group {
    width: 100%
}

.open-offers .detail-table .status {
    margin: 0
}

@media (min-width: 768px) {
    .open-offers .thead>[class*=col]:nth-child(1),.open-offers .trow>[class*=col]:nth-child(1) {
        width:14%
    }

    .open-offers .thead>[class*=col]:nth-child(2),.open-offers .trow>[class*=col]:nth-child(2) {
        width: 10%
    }

    .open-offers .thead>[class*=col]:nth-child(3),.open-offers .thead>[class*=col]:nth-child(4),.open-offers .trow>[class*=col]:nth-child(3),.open-offers .trow>[class*=col]:nth-child(4) {
        width: 20%
    }

    .open-offers .thead>[class*=col]:nth-child(5),.open-offers .trow>[class*=col]:nth-child(5) {
        width: 20%
    }

    .open-offers .thead>[class*=col]:nth-child(6),.open-offers .trow>[class*=col]:nth-child(6) {
        width: 16%
    }

    .open-offers .status {
        margin: 0
    }

    .open-offers .detail-table .trow>[class*=col] {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .open-offers .thead>[class*=col],.open-offers .trow>[class*=col] {
        width:12%!important
    }

    .open-offers .thead>[class*=col]:nth-child(2),.open-offers .trow>[class*=col]:nth-child(2) {
        width: 6%!important
    }

    .open-offers .thead>[class*=col]:nth-child(3),.open-offers .trow>[class*=col]:nth-child(3) {
        width: 10%!important
    }

    .open-offers .thead>[class*=col]:nth-child(6),.open-offers .trow>[class*=col]:nth-child(6) {
        width: 14%!important
    }

    .open-offers .thead>[class*=col]:nth-child(8),.open-offers .trow>[class*=col]:nth-child(8) {
        width: 22%!important
    }

    .open-offers .thead>[class*=col] {
        justify-content: flex-end
    }

    .open-offers .thead>[class*=col]:nth-child(1),.open-offers .thead>[class*=col]:nth-child(2) {
        justify-content: flex-start
    }

    .open-offers .trow>[class*=col] {
        align-items: flex-end
    }

    .open-offers .trow>[class*=col]:nth-child(1),.open-offers .trow>[class*=col]:nth-child(2) {
        align-items: flex-start
    }

    .open-offers .detail-table {
        width: 100%
    }

    .open-offers .btn-group {
        width: auto;
        gap: 20px
    }

    .open-offers .btn-group .btn-item {
        flex: 0 0 auto
    }

    .open-offers .btn-group .btn {
        width: auto;
        height: auto;
        font-size: 14px;
        background-color: transparent!important;
        padding: 0!important;
        transition: all .5s
    }
}

@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
    .open-offers .btn-group .btn {
        transition:none
    }
}

@media (min-width: 1200px) {
    .open-offers .btn-group .btn-detail {
        color:var(--link)
    }

    .open-offers .btn-group .btn-detail:hover,.open-offers .btn-group .btn-detail:active {
        color: var(--link-hover)
    }
}

@media (min-width: 1200px) {
    .open-offers .btn-group .btn-report {
        color:var(--link-red)
    }

    .open-offers .btn-group .btn-report:hover,.open-offers .btn-group .btn-report:active {
        color: var(--link-red-hover)
    }
}

@media (min-width: 1200px) {
    .open-offers .no-content,.open-offers .loader {
        margin:0 0 -10px
    }
}

.user-trade-history .trow {
    justify-content: space-between
}

.user-trade-history .pair {
    font-weight: 600;
    letter-spacing: 0
}

.user-trade-history .pair .side {
    height: 16px;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    color: var(--bg-color-02)!important;
    padding: 0 4px;
    margin: 0 0 0 3px;
    position: relative;
    top: -2px;
    border-radius: 3px
}

.user-trade-history .pair .side.otc {
    background-color: var(--purple-color)
}

.user-trade-history .pair .side.buy {
    background-color: var(--buy-color)
}

.user-trade-history .pair .side.sell {
    background-color: var(--sell-color)
}

.user-trade-history .user {
    color: var(--primary-color);
    margin: 0 0 2px
}

.user-trade-history .detail-table .user {
    margin: 0
}

@media (min-width: 768px) {
    .user-trade-history .thead>[class*=col]:nth-child(1),.user-trade-history .trow>[class*=col]:nth-child(1) {
        width:14%
    }

    .user-trade-history .thead>[class*=col]:nth-child(2),.user-trade-history .trow>[class*=col]:nth-child(2) {
        width: 10%
    }

    .user-trade-history .thead>[class*=col]:nth-child(3),.user-trade-history .thead>[class*=col]:nth-child(4),.user-trade-history .trow>[class*=col]:nth-child(3),.user-trade-history .trow>[class*=col]:nth-child(4) {
        width: 20%
    }

    .user-trade-history .thead>[class*=col]:nth-child(5),.user-trade-history .trow>[class*=col]:nth-child(5) {
        width: 16%
    }

    .user-trade-history .thead>[class*=col]:nth-child(6),.user-trade-history .trow>[class*=col]:nth-child(6) {
        width: 20%
    }

    .user-trade-history .user {
        margin: 0
    }

    .user-trade-history .detail-table .trow>[class*=col] {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .user-trade-history .thead>[class*=col],.user-trade-history .trow>[class*=col] {
        width:12%!important
    }

    .user-trade-history .thead>[class*=col]:nth-child(2),.user-trade-history .trow>[class*=col]:nth-child(2) {
        width: 8%!important
    }

    .user-trade-history .thead>[class*=col]:nth-child(3),.user-trade-history .thead>[class*=col]:nth-child(4),.user-trade-history .trow>[class*=col]:nth-child(3),.user-trade-history .trow>[class*=col]:nth-child(4) {
        width: 11%!important
    }

    .user-trade-history .thead>[class*=col]:nth-child(6),.user-trade-history .trow>[class*=col]:nth-child(6) {
        width: 14%!important
    }

    .user-trade-history .thead>[class*=col]:nth-child(7),.user-trade-history .thead>[class*=col]:nth-child(8),.user-trade-history .trow>[class*=col]:nth-child(7),.user-trade-history .trow>[class*=col]:nth-child(8) {
        width: 10%!important
    }

    .user-trade-history .thead>[class*=col] {
        justify-content: flex-end
    }

    .user-trade-history .thead>[class*=col]:nth-child(1),.user-trade-history .thead>[class*=col]:nth-child(2) {
        justify-content: flex-start
    }

    .user-trade-history .trow>[class*=col] {
        align-items: flex-end
    }

    .user-trade-history .trow>[class*=col]:nth-child(1),.user-trade-history .trow>[class*=col]:nth-child(2) {
        align-items: flex-start
    }

    .user-trade-history .detail-table {
        width: 100%
    }

    .user-trade-history .no-content,.user-trade-history .loader {
        margin: 0 0 -10px
    }
}

.payment-methods .trow {
    border-top: 1px solid var(--border)
}

.payment-methods .trow:first-of-type {
    border-top: 0
}

.payment-methods .trow>[class*=col] {
    width: 50%;
    padding: 13px 0
}

.payment-methods .trow>[class*=col]:nth-child(2) {
    display: none
}

.payment-methods .tbody {
    padding: 0
}

.payment-methods .tag {
    height: 18px;
    font-weight: 600;
    line-height: 18px;
    color: var(--secondary-color)
}

.payment-methods .tag:before {
    content: "";
    display: inline-flex;
    width: 6px;
    height: 6px;
    margin: 0 8px 1px 0;
    border-radius: 2px
}

.payment-methods .tag.remittance:before {
    background-color: var(--turquoise-color)
}

.payment-methods .tag.google-wallet:before {
    background-color: var(--green-color)
}

.payment-methods .tag.bank-transfer:before {
    background-color: var(--primary-color)
}

.payment-methods .tag.apple-pay:before {
    background-color: var(--red-color)
}

.payment-methods .tag.swift:before {
    background-color: var(--purple-color)
}

.payment-methods .tag.crypto:before {
    background-color: var(--yellow-color)
}

.payment-methods .method {
    font-size: 12px;
    color: var(--tertiary-color);
    text-indent: 17px;
    margin: 6px 0 0
}

.payment-methods .btn-group {
    gap: 10px
}

.payment-methods .btn-icon {
    width: auto;
    height: 32px;
    font-size: 14px;
    color: var(--button-outline-text);
    padding: 0 13px;
    margin: 0!important;
    gap: 8px
}

.payment-methods .btn-icon .icon {
    flex: 0 0 18px;
    margin: 0 -6px
}

@media (min-width: 768px) {
    .payment-methods {
        padding:7.5px 0
    }

    .payment-methods .thead>[class*=col],.payment-methods .trow>[class*=col] {
        padding: 7.5px 0
    }

    .payment-methods .thead>[class*=col]:nth-child(1),.payment-methods .trow>[class*=col]:nth-child(1) {
        width: 40%
    }

    .payment-methods .thead>[class*=col]:nth-child(2),.payment-methods .trow>[class*=col]:nth-child(2) {
        display: flex;
        width: 35%
    }

    .payment-methods .thead>[class*=col]:nth-child(3),.payment-methods .trow>[class*=col]:nth-child(3) {
        width: 25%
    }

    .payment-methods .thead>[class*=col]:nth-child(2) {
        justify-content: flex-start
    }

    .payment-methods .trow {
        border-top: 0
    }

    .payment-methods .trow>[class*=col]:nth-child(2) {
        align-items: flex-start
    }

    .payment-methods .method {
        display: none
    }

    .payment-methods .btn {
        padding: 0 13px
    }

    .payment-methods .no-content,.payment-methods .loader {
        margin: 0 0 -10px
    }
}

@media (min-width: 1200px) {
    .payment-methods {
        padding:0
    }

    .payment-methods .thead>[class*=col] {
        padding: 20px 0 10px
    }

    .payment-methods .trow>[class*=col] {
        padding: 10px 0
    }

    .payment-methods .btn-group {
        gap: 25px
    }

    .payment-methods .btn-icon {
        height: 24px;
        background-color: transparent!important;
        padding: 0;
        gap: 6px;
        transition: all .5s
    }
}

@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
    .payment-methods .btn-icon {
        transition:none
    }
}

@media (min-width: 1200px) {
    .payment-methods .btn-icon:hover,.payment-methods .btn-icon:active {
        color:var(--primary-color)
    }
}

@media (min-width: 1200px) {
    .payment-methods .btn-icon .icon {
        margin:0
    }
}

@media (min-width: 1200px) {
    .payment-methods .btn-icon .icon-delete {
        margin:0 -2px 0 0
    }
}

tab-menu {
    flex: 1
}

.tab-group {
    width: inherit;
    flex: 0 0 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.tab-group::-webkit-scrollbar {
    display: none
}

@media (min-width: 768px) {
    .tab-group .tab-menu {
        width:100%
    }
}

.tab-menu,.tab-button,.tab-category,.tab-option,.tab-link,.tab-slide,.tab-select {
    width: 100%;
    height: 36px;
    display: flex;
    text-align: center;
    gap: 15px
}

.tab-menu .tab-item:hover .tab-caption,.tab-button .tab-item:hover .tab-caption,.tab-category .tab-item:hover .tab-caption,.tab-option .tab-item:hover .tab-caption,.tab-link .tab-item:hover .tab-caption,.tab-slide .tab-item:hover .tab-caption,.tab-select .tab-item:hover .tab-caption {
    color: var(--tab-active)
}

.tab-menu .last-tab-item,.tab-button .last-tab-item,.tab-category .last-tab-item,.tab-option .last-tab-item,.tab-link .last-tab-item,.tab-slide .last-tab-item,.tab-select .last-tab-item {
    margin: 0 0 0 auto!important
}

.tab-menu .tab-caption,.tab-button .tab-caption,.tab-category .tab-caption,.tab-option .tab-caption,.tab-link .tab-caption,.tab-slide .tab-caption,.tab-select .tab-caption {
    width: 100%;
    height: 36px;
    min-height: unset!important;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .tab-menu .tab-caption,.tab-button .tab-caption,.tab-category .tab-caption,.tab-option .tab-caption,.tab-link .tab-caption,.tab-slide .tab-caption,.tab-select .tab-caption {
        transition: none
    }
}

.tab-menu .tab-caption .icon,.tab-button .tab-caption .icon,.tab-category .tab-caption .icon,.tab-option .tab-caption .icon,.tab-link .tab-caption .icon,.tab-slide .tab-caption .icon,.tab-select .tab-caption .icon {
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .tab-menu .tab-caption .icon,.tab-button .tab-caption .icon,.tab-category .tab-caption .icon,.tab-option .tab-caption .icon,.tab-link .tab-caption .icon,.tab-slide .tab-caption .icon,.tab-select .tab-caption .icon {
        transition: none
    }
}

.tab-menu.tab-lg,.tab-button.tab-lg,.tab-category.tab-lg,.tab-option.tab-lg,.tab-link.tab-lg,.tab-slide.tab-lg,.tab-select.tab-lg {
    height: 40px
}

.tab-menu.tab-lg .tab-caption,.tab-button.tab-lg .tab-caption,.tab-category.tab-lg .tab-caption,.tab-option.tab-lg .tab-caption,.tab-link.tab-lg .tab-caption,.tab-slide.tab-lg .tab-caption,.tab-select.tab-lg .tab-caption {
    height: 40px;
    font-size: 15px
}

.tab-menu.tab-sm,.tab-button.tab-sm,.tab-category.tab-sm,.tab-option.tab-sm,.tab-link.tab-sm,.tab-slide.tab-sm,.tab-select.tab-sm {
    height: 32px
}

.tab-menu.tab-sm .tab-caption,.tab-button.tab-sm .tab-caption,.tab-category.tab-sm .tab-caption,.tab-option.tab-sm .tab-caption,.tab-link.tab-sm .tab-caption,.tab-slide.tab-sm .tab-caption,.tab-select.tab-sm .tab-caption {
    height: 32px;
    font-size: 13px
}

@media (min-width: 768px) {
    .tab-menu .tab-item,.tab-button .tab-item,.tab-category .tab-item,.tab-option .tab-item,.tab-link .tab-item,.tab-slide .tab-item,.tab-select .tab-item {
        flex:0 0 auto
    }
}

.tab-menu {
    height: 44px;
    border-bottom: 1px solid var(--border)
}

.tab-menu .tab-item {
    position: relative
}

.tab-menu .tab-item.active .tab-caption {
    color: var(--tab-active);
    border-bottom-color: var(--tab-active)
}

.tab-menu .tab-caption {
    height: 44px;
    font-weight: 600;
    line-height: 44px;
    color: var(--tab-caption);
    border-bottom: 2px solid transparent
}

.tab-menu.tab-lg {
    height: 44px;
    gap: 20px
}

.tab-menu.tab-lg .tab-caption {
    height: 44px;
    line-height: 44px
}

.tab-menu.tab-sm {
    height: 40px
}

.tab-menu.tab-sm .tab-caption {
    height: 40px;
    line-height: 40px
}

@media (min-width: 1200px) {
    .tab-menu.tab-lg {
        height:52px
    }

    .tab-menu.tab-lg .tab-caption {
        height: 52px;
        line-height: 52px
    }
}

.tab-button .tab-item.active .tab-caption {
    color: var(--tab-text);
    background-color: var(--tab-active)
}

.tab-button .tab-caption {
    color: var(--tab-caption);
    background-color: var(--tab-button-bg);
    padding: 0 13px;
    margin: 0;
    border-radius: var(--border-radius-md)
}

.tab-button .tab-caption .icon {
    width: 16px;
    height: 16px;
    display: flex;
    margin: auto -3px
}

.tab-button.tab-lg .tab-caption {
    padding: 0 14px;
    border-radius: var(--border-radius-lg)
}

.tab-button.tab-lg .tab-caption .icon {
    width: 18px;
    height: 18px
}

.tab-button.tab-sm .tab-caption {
    padding: 0 12px;
    border-radius: var(--border-radius-sm)
}

.tab-button.tab-sm .tab-caption .icon {
    width: 14px;
    height: 14px
}

@media (min-width: 1200px) {
    .tab-button {
        height:40px
    }

    .tab-button .tab-caption {
        height: 40px;
        padding: 0 15px
    }

    .tab-button .tab-caption .icon {
        width: 18px;
        height: 18px;
        margin: auto -4px
    }
}

.tab-select {
    gap: 10px
}

.tab-select input {
    opacity: 0;
    position: absolute;
    inset: 0;
    z-index: -1
}

.tab-select .tab-item {
    position: relative
}

.tab-select .tab-item:hover .tab-caption {
    color: var(--secondary-light-color);
    background-color: var(--bg-color);
    border-color: var(--checkbox-bg)
}

.tab-select .tab-item:hover input:checked+.tab-caption {
    border-color: var(--tab-active)
}

.tab-select .tab-caption {
    font-size: 15px!important;
    font-weight: 600!important;
    line-height: 35px!important;
    color: var(--secondary-light-color);
    background-color: var(--bg-color-03);
    border: 1px solid transparent;
    padding: 0 12px!important;
    margin: 0!important;
    border-radius: var(--border-radius-md)!important
}

.tab-select .tab-caption .check {
    width: 16px;
    height: 16px;
    background-color: var(--checkbox-bg);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMy4zLDcuNEwxMC42LDIwQzkuNywyMSw4LjIsMjEsNy4yLDIwbC02LjUtNi41Yy0wLjktMC45LTAuOS0yLjUsMC0zLjRjMC45LTAuOSwyLjUtMC45LDMuNCwwbDQuOCw0LjgNCglsMTEtMTFDMjAuOCwzLDIyLjQsMywyMy4zLDRDMjQuMiw0LjksMjQuMiw2LjQsMjMuMyw3LjR6Ii8+DQo8L3N2Zz4NCg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px;
    margin: 0 0 0 10px;
    border-radius: var(--border-radius-rd);
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .tab-select .tab-caption .check {
        transition: none
    }
}

.tab-select input:checked+.tab-caption {
    color: var(--secondary-color);
    background-color: var(--bg-color);
    border-color: var(--tab-active)
}

.tab-select input:checked+.tab-caption .check {
    background-color: var(--tab-active)
}

.tab-select input:disabled+.tab-caption {
    opacity: .65;
    color: var(--secondary-light-color);
    background-color: var(--bg-color);
    border-color: var(--checkbox-bg)
}

.tab-select.tab-sm .tab-caption {
    font-size: 14px!important;
    line-height: 30px!important;
    padding: 0 10px!important
}

.tab-category {
    height: 32px;
    margin: 0;
    gap: 10px
}

.tab-category .tab-item:hover .tab-caption {
    border-color: var(--tab-active)
}

.tab-category .tab-item.active .tab-caption {
    color: var(--white-color)!important;
    background-color: var(--tab-active);
    border-color: var(--tab-active)
}

.tab-category .tab-item.tab-all:hover .tab-caption {
    color: var(--navy-color);
    border-color: var(--navy-color)
}

.tab-category .tab-item.tab-all.active .tab-caption {
    background-color: var(--navy-color);
    border-color: var(--navy-color)
}

.tab-category .tab-item.tab-all .tab-caption {
    border-color: #14385a66
}

.tab-category .tab-item.tab-general:hover .tab-caption {
    color: var(--blue-color);
    border-color: var(--blue-color)
}

.tab-category .tab-item.tab-general.active .tab-caption {
    background-color: var(--blue-color);
    border-color: var(--blue-color)
}

.tab-category .tab-item.tab-general .tab-caption {
    border-color: #068bdf66
}

.tab-category .tab-item.tab-listing:hover .tab-caption {
    color: var(--green-color);
    border-color: var(--green-color)
}

.tab-category .tab-item.tab-listing.active .tab-caption {
    background-color: var(--green-color);
    border-color: var(--green-color)
}

.tab-category .tab-item.tab-listing .tab-caption {
    border-color: #09b76d66
}

.tab-category .tab-item.tab-important:hover .tab-caption {
    color: var(--red-color);
    border-color: var(--red-color)
}

.tab-category .tab-item.tab-important.active .tab-caption {
    background-color: var(--red-color);
    border-color: var(--red-color)
}

.tab-category .tab-item.tab-important .tab-caption {
    border-color: #f3315566
}

.tab-category .tab-item.tab-erc20:hover .tab-caption {
    color: #627eea;
    border-color: #627eea
}

.tab-category .tab-item.tab-erc20.active .tab-caption {
    background-color: #627eea;
    border-color: #627eea
}

.tab-category .tab-item.tab-erc20 .tab-caption {
    border-color: #627eea66
}

.tab-category .tab-item.tab-bep20:hover .tab-caption {
    color: #f0b90b;
    border-color: #f0b90b
}

.tab-category .tab-item.tab-bep20.active .tab-caption {
    background-color: #f0b90b;
    border-color: #f0b90b
}

.tab-category .tab-item.tab-bep20 .tab-caption {
    border-color: #f0b90b66
}

.tab-category .tab-item.tab-avaxcchain:hover .tab-caption,.tab-category .tab-item.tab-avaxxchain:hover .tab-caption {
    color: #e94043;
    border-color: #e94043
}

.tab-category .tab-item.tab-avaxcchain.active .tab-caption,.tab-category .tab-item.tab-avaxxchain.active .tab-caption {
    background-color: #e94043;
    border-color: #e94043
}

.tab-category .tab-item.tab-avaxcchain .tab-caption,.tab-category .tab-item.tab-avaxxchain .tab-caption {
    border-color: #e9404366
}

.tab-category .tab-item.tab-trc20:hover .tab-caption {
    color: #068bdf;
    border-color: #068bdf
}

.tab-category .tab-item.tab-trc20.active .tab-caption {
    background-color: #068bdf;
    border-color: #068bdf
}

.tab-category .tab-item.tab-trc20 .tab-caption {
    border-color: #068cdf66
}

.tab-category .tab-item.tab-chiliz:hover .tab-caption {
    color: #09b76d;
    border-color: #09b76d
}

.tab-category .tab-item.tab-chiliz.active .tab-caption {
    background-color: #09b76d;
    border-color: #09b76d
}

.tab-category .tab-item.tab-chiliz .tab-caption {
    border-color: #09b76c66
}

.tab-category .tab-item.tab-other:hover .tab-caption {
    color: #f7931a;
    border-color: #f7931a
}

.tab-category .tab-item.tab-other.active .tab-caption {
    background-color: #f7931a;
    border-color: #f7931a
}

.tab-category .tab-item.tab-other .tab-caption {
    border-color: #f7931a66
}

.tab-category .tab-caption {
    height: 32px;
    font-size: 13px;
    background-color: var(--bg-color);
    border: 1px solid rgba(6,139,223,.4);
    padding: 0 12px;
    border-radius: var(--border-radius-md)
}

@media (min-width: 768px) {
    .tab-category {
        height:34px
    }
}

@media (min-width: 1200px) {
    .tab-category {
        height:36px
    }
}

.tab-option {
    height: auto;
    flex-direction: column;
    gap: 15px
}

.tab-option:after {
    content: none
}

.tab-option .tab-item {
    flex: 0 0 100%
}

.tab-option .tab-item:hover .tab-caption {
    color: var(--tab-caption);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI1NiA0NDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1NiA0NDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzA2OGJkZiIgZD0iTTMyLDQ0OGMtOC4yLDAtMTYuNC0zLjEtMjIuNi05LjRjLTEyLjUtMTIuNS0xMi41LTMyLjgsMC00NS4yTDE3OC44LDIyNEw5LjQsNTQuNg0KCUMtMy4xLDQyLjEtMy4xLDIxLjksOS40LDkuNHMzMi44LTEyLjUsNDUuMiwwbDE5MiwxOTJjMTIuNSwxMi41LDEyLjUsMzIuOCwwLDQ1LjJsLTE5MiwxOTJDNDguNCw0NDQuOSw0MC4yLDQ0OCwzMiw0NDh6Ii8+DQo8L3N2Zz4NCg==);
    background-color: var(--tab-option-active-bg);
    border-color: var(--tab-active)
}

.tab-option .tab-item:hover .tab-caption .name small {
    color: var(--tertiary-dark-color)
}

.tab-option .tab-caption {
    height: auto;
    justify-content: flex-start;
    background-color: var(--tab-option-bg);
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    background-size: 8px;
    border: 1px solid var(--border);
    padding: 15px;
    text-decoration: none!important;
    -webkit-user-select: none;
    user-select: none;
    border-radius: var(--border-radius-xl);
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .tab-option .tab-caption {
        transition: none
    }
}

.tab-option .tab-caption .icon {
    width: 36px;
    height: 36px;
    margin: 0 15px 0 0
}

.tab-option .tab-caption .name {
    width: calc(100% - 51px);
    display: flex;
    flex-direction: column;
    font-size: 15px;
    color: var(--tab-caption);
    text-align: left
}

.tab-option .tab-caption .name small {
    font-size: 13px;
    font-weight: 400;
    color: var(--tertiary-color);
    margin: 8px 0 0;
    transition: all .3s
}

.tab-link .tab-item.active .tab-caption {
    color: var(--tab-active)
}

.tab-link .tab-caption {
    font-size: 14px;
    font-weight: 500
}

.tab-slide {
    background-color: var(--tab-slide-bg);
    overflow: hidden;
    position: relative;
    padding: 1.5px;
    gap: 0;
    border-radius: 11px
}

.tab-slide:before {
    content: "";
    width: calc(50% - 4px);
    display: block;
    background-color: var(--tab-active);
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    border-radius: var(--border-radius-md);
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .tab-slide:before {
        transition: none
    }
}

.tab-slide.slide:before {
    left: calc(50% + 1px)!important
}

.tab-slide .tab-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 1.5px;
    position: relative;
    z-index: 1
}

.tab-slide .tab-item:hover .tab-caption {
    color: var(--tab-active)
}

.tab-slide .tab-item.active .tab-caption {
    color: var(--tab-text)
}

.tab-slide .tab-caption {
    height: 30px;
    color: var(--tab-caption)
}

.tab-slide.tab-lg {
    height: 40px;
    padding: 2px;
    border-radius: var(--border-radius-lg)
}

.tab-slide.tab-lg:before {
    width: calc(50% - 6px);
    top: 4px;
    bottom: 4px;
    left: 4px;
    border-radius: 5px
}

.tab-slide.tab-lg.slide:before {
    left: calc(50% + 2px)!important
}

.tab-slide.tab-lg .tab-item {
    padding: 2px
}

.tab-slide.tab-lg .tab-caption {
    height: 32px
}

.tab-slide.tab-sm {
    height: 32px;
    padding: 1px;
    border-radius: 8px
}

.tab-slide.tab-sm:before {
    width: calc(50% - 3px);
    top: 2px;
    bottom: 2px;
    left: 2px;
    border-radius: var(--border-radius-sm)
}

.tab-slide.tab-sm.slide:before {
    left: calc(50% + 1px)!important
}

.tab-slide.tab-sm .tab-item {
    padding: 1px
}

.tab-slide.tab-sm .tab-caption {
    height: 28px;
    font-size: 13px
}

.tab-trade {
    background-color: #09b76d1a;
    margin: 0 0 20px;
    transition: background-color .5s
}

@media (prefers-reduced-motion: reduce) {
    .tab-trade {
        transition: none
    }
}

.tab-trade:before {
    background-color: var(--buy-color)
}

.tab-trade.slide {
    background-color: #f331551a
}

.tab-trade.slide:before {
    background-color: var(--sell-color)
}

.tab-trade .tab-item:first-child .tab-caption:hover {
    color: var(--sell-color)
}

.tab-trade .tab-item:last-child .tab-caption:hover {
    color: var(--buy-color)
}

.tab-trade .tab-item.active .tab-caption,.tab-trade .tab-item.active .tab-caption:hover {
    color: var(--tab-text)
}

.tab-trade .tab-caption sup {
    margin: 0 0 0 2px;
    top: -3px
}

.tab-profile {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin: 0 0 15px;
    gap: 10px
}

.tab-profile::-webkit-scrollbar {
    display: none
}

.tab-profile .tab-item.active .tab-caption {
    color: var(--secondary-color);
    background-color: var(--bg-color);
    border-color: var(--primary-color)
}

.tab-profile .tab-caption {
    border: 1px solid transparent
}

@media (min-width: 992px) {
    .tab-profile {
        margin:0 0 20px;
        gap: 15px
    }

    .tab-profile .tab-caption {
        border-radius: var(--border-radius-lg)
    }
}

.tab-percent .tab-item {
    width: calc(25% - 7.5px)
}

.tab-page,.tab-content {
    width: 100%
}

.tab-page:after,.tab-content:after {
    display: block;
    clear: both;
    content: ""
}

.tab-page .content {
    min-height: auto;
    padding: 15px 0 0
}

.tab-page .widget-scrollbar>.ps {
    height: 220px
}

@media (min-height: 800px) {
    .tab-page .widget-scrollbar>.ps {
        height:calc(30vh - 15px)
    }
}

.tab-page .widget-container {
    padding: 0 5px 0 15px
}

@media (min-width: 1680px) {
    .tab-page .widget-container {
        padding:0 15px
    }
}

.tab-page .charts-container {
    margin: 0 10px 0 0
}

@media (min-width: 1680px) {
    .tab-page .charts-container {
        margin:0
    }
}

.tab-page .itb-widget * {
    font-family: inherit
}

.tab-page .itb-widget .content {
    background-color: transparent!important
}

.tab-page .token-summary-container {
    margin: 0 0 30px
}

.tab-page .itb-widget .summary .card-container {
    height: auto!important
}

.tab-page .itb-widget .see-more-link a.call-to-action {
    font-weight: 600;
    background-color: var(--button-primary-bg);
    margin: 5px 0 0!important
}

.tab-page .itb-widget .see-more-link a.call-to-action:focus {
    background-color: var(--button-primary-bg)
}

.tab-page .itb-widget .see-more-link a.call-to-action:hover,.tab-page .itb-widget .see-more-link a.call-to-action:active {
    background-color: var(--button-primary-bg-hover)
}

@media (min-width: 1680px) {
    .tab-page .itb-widget .see-more-link a.call-to-action {
        margin:15px 0 0!important
    }
}

.tab-page .itb-widget .summary .card {
    height: 130px;
    background-color: var(--bg-color)!important;
    border-color: var(--border)!important
}

.tab-page .itb-signals-section-container[max-width~="950px"] .signals-content {
    margin: 15px 0 0!important
}

.tab-page .itb-widget h2,.tab-page .iYRovW .section-title.signals .title-text {
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-dark-color)
}

.tab-page .itb-widget .section-subtitle {
    color: var(--secondary-lighter-color);
    padding: 0
}

.tab-page .itb-widget .section-title {
    margin: 0 10px 15px 0!important
}

@media (min-width: 1680px) {
    .tab-page .itb-widget .section-title {
        margin:0 0 15px!important
    }
}

.tab-page .itb-widget .powered-by-container {
    display: none!important
}

.tab-page .jAeBHW .category-title,.tab-page .bWWUtk .summary-title,.tab-page .brqJxv {
    border-color: var(--border)!important
}

.tab-page .fIbCNA .actions .tab {
    color: var(--tertiary-color)
}

.tab-page .fIbCNA .actions .tab.active,.tab-page .fIbCNA .actions .tab:hover {
    color: var(--primary-color)!important
}

.tab-page .fIbCNA .actions .tab:hover {
    border-color: var(--primary-color)!important
}

.tab-page .jAeBHW,.tab-page .bWWUtk {
    box-shadow: none;
    border: 1px solid var(--border);
    border-radius: 4px
}

.tab-page .bWWUtk .values .value:not(:last-child) {
    border-color: var(--border)
}

.tab-page .itb-widget a {
    color: var(--link)
}

.tab-page .itb-widget a:hover {
    color: var(--link-hover)
}

.tab-page .bWWUtk .values .value .name,.tab-page .gDwBHu .category-summary .values .value-container .name {
    color: var(--tertiary-light-color)
}

.tab-page .brqJxv .signal-value.neutral,.tab-page .brqJxv .signal-sentiment.neutral,.tab-page .bWWUtk .neutral,.tab-page .kzRBrp .category-signals .signal-detail .signal-detail-value.neutral,.tab-page .gDwBHu .category-summary .values .value-container .value.neutral {
    color: var(--tertiary-dark-color)
}

.tab-page .itb-widget .gray,.tab-page .itb-widget .dark-blue {
    color: var(--tertiary-color)
}

.tab-page .itb-widget .red {
    color: var(--red-color)
}

.tab-page .itb-widget .green {
    color: var(--green-color)
}

.tab-page .itb-widget .blue {
    color: var(--blue-color)
}

.tab-page .itb-widget .yellow {
    color: var(--yellow-color)
}

.tab-page .itb-widget .bg-red {
    background-color: var(--red-color)
}

.tab-page .itb-widget .bg-green {
    background-color: var(--green-color)
}

.tab-page .itb-widget .bg-blue {
    background-color: var(--blue-color)
}

.tab-page .itb-widget .bg-yellow {
    background-color: var(--yellow-color)
}

.tab-content {
    position: relative
}

.tab-content .btn-fixed {
    font-size: 15px;
    position: absolute;
    top: -54px;
    right: 0
}

.ngx-slider {
    margin: 12px 0!important;
    z-index: 0
}

.ngx-slider .ngx-slider-bubble {
    font-size: 12px!important;
    font-weight: 400;
    line-height: 1;
    padding: 0!important;
    bottom: 15px!important;
    z-index: 1
}

.ngx-slider .ngx-slider-bubble:after {
    content: "%"
}

.ngx-slider .ngx-slider-bubble.ngx-slider-model-value {
    font-weight: 500;
    color: var(--secondary-light-color)!important
}

.ngx-slider .ngx-slider-bubble.ngx-slider-limit {
    color: var(--tertiary-light-color)!important
}

.ngx-slider .ngx-slider-bar {
    height: 2px!important;
    background-color: var(--bg-color-04)!important;
    margin: 0!important;
    border-radius: 0!important
}

.ngx-slider .ngx-slider-bar:before,.ngx-slider .ngx-slider-bar:after {
    content: "";
    width: 5px;
    height: 5px;
    display: block;
    background-color: var(--bg-color);
    position: absolute;
    top: 0
}

.ngx-slider .ngx-slider-bar:before {
    left: 0
}

.ngx-slider .ngx-slider-bar:after {
    right: 0
}

.ngx-slider .ngx-slider-ticks .ngx-slider-tick {
    width: 10px!important;
    height: 10px!important;
    background-color: var(--bg-color)!important;
    border: 2px solid var(--bg-color-04);
    outline: 1px solid var(--bg-color);
    margin: -1px 0 0!important;
    border-radius: var(--border-radius-rd)!important
}

.ngx-slider .ngx-slider-ticks .ngx-slider-tick.ngx-slider-selected {
    width: 10px!important;
    height: 10px!important;
    border-color: var(--secondary-light-color)!important;
    border-radius: var(--border-radius-rd)!important
}

.ngx-slider .ngx-slider-selection {
    height: 2px!important;
    margin: 0!important;
    background-color: var(--secondary-light-color)!important
}

.ngx-slider .ngx-slider-pointer {
    width: 6px!important;
    height: 6px!important;
    background-color: var(--bg-color-04)!important;
    outline: 3px solid var(--secondary-light-color)!important;
    top: -2px!important;
    border-radius: var(--border-radius-rd)!important
}

.ngx-slider .ngx-slider-pointer:after {
    display: none
}

.ngx-slider .ngx-slider-pointer.ngx-slider-active:focus-visible {
    outline: none
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin: 0!important
}

.owl-theme .owl-dots .owl-dot:hover span {
    opacity: .5
}

.owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--primary-color)!important;
    opacity: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px!important;
    height: 8px!important;
    background-color: var(--tertiary-light-color)!important;
    opacity: .2;
    margin: 0 5px!important
}

.content {
    background-color: var(--bg-color-02);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 56px
}

.content:after {
    display: block;
    clear: both;
    content: ""
}

.content.menu-content .order-tab {
    margin: 15px 0
}

.content.menu-content .order-tab .tab-button {
    height: 36px;
    gap: 10px
}

.content.menu-content .order-tab .tab-button .tab-item.active .tab-caption {
    color: var(--tab-caption);
    background-color: var(--bg-color);
    border-color: var(--tab-active)
}

.content.menu-content .order-tab .tab-button .tab-caption {
    height: 36px;
    font-size: 14px;
    line-height: 34px;
    background-color: var(--tab-button-bg);
    border: 1px solid transparent;
    text-decoration: none;
    padding: 0 15px;
    border-radius: 7px
}

.content.menu-content .btn-action,.content.menu-content .btn-filter {
    float: right;
    color: var(--secondary-light-color);
    padding: 0;
    margin: -6px 0 10px auto
}

.content.menu-content .btn-action .icon,.content.menu-content .btn-filter .icon {
    width: 18px;
    height: 18px;
    margin: 0 0 0 8px;
    transition: all .3s
}

.content .container {
    padding: 0 15px
}

.content .row {
    margin: 0 -15px
}

.content .row>[class*=col] {
    padding: 0 15px
}

.content .no-session {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    align-items: center;
    white-space: nowrap;
    justify-content: center;
    padding: 30px 0
}

.content .no-session a {
    font-weight: 600;
    color: var(--primary-color);
    padding: 0 5px
}

.content .no-session a:hover {
    color: var(--primary-color)
}

.content .no-content,.content .no-match,.content .no-chat {
    height: 100%;
    min-height: 80px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex: 1;
    align-items: center;
    justify-content: center
}

.content .no-content>.icon,.content .no-match>.icon,.content .no-chat>.icon {
    width: 28px;
    height: 28px;
    background-image: url(assets/icons/no-content.svg);
    margin: 0 10px 0 0
}

.content .no-content>.text,.content .no-match>.text,.content .no-chat>.text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--secondary-light-color);
    text-align: center;
    margin: 0;
    -webkit-user-select: none;
    user-select: none
}

.content .table-loader {
    min-height: 80px
}

.content .error-code {
    width: 75%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.content .error-code img {
    max-width: 65%;
    margin: 0 0 50px
}

.content .error-code .caption {
    font-size: 22px;
    font-weight: 600;
    color: var(--primary-color);
    margin: 0 0 20px
}

.content .error-code .text {
    font-size: 16px;
    color: var(--tertiary-dark-color);
    margin: 0 0 25px
}

.content .error-code .btn {
    min-width: 120px
}

.content .alert-pair-wallet {
    font-size: 14px;
    padding: 12px 47px 12px 15px;
    margin: 0 0 15px;
    border-radius: 10px
}

.content .alert-pair-wallet .alert-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin: 3px 0 0
}

.content .tool-bar .form-group,.content .tool-bar .tab-group {
    margin: 0 0 15px
}

.content .tool-bar .tab-group .tab-button {
    margin: 0
}

.content .tool-bar .action-form .btn-link {
    font-size: 14px;
    color: var(--button-outline-text);
    background-color: var(--bg-color);
    border: 1px solid var(--border);
    border-radius: var(--border-radius-lg);
    padding: 0 15px;
    margin: 0 0 15px;
    transition: border-color .3s
}

@media (prefers-reduced-motion: reduce) {
    .content .tool-bar .action-form .btn-link {
        transition: none
    }
}

.content .tool-bar .action-form .btn-link:hover,.content .tool-bar .action-form .btn-link:active {
    border-color: var(--button-primary-outline-bg)
}

.content .tool-bar .action-form .btn-link .icon {
    width: 16px;
    height: 16px;
    margin: 1px 9px 0 -4px
}

.content .tool-bar .action-form .btn-link .new-tag {
    margin: 0 0 0 10px
}

.content .tool-bar .option-form .row {
    justify-content: space-between
}

.content .tool-bar .option-form .tab-button {
    gap: 10px
}

.content .tool-bar .option-form .tab-button .tab-item.active .tab-caption {
    background-color: var(--tab-active)
}

.content .tool-bar .option-form .tab-button .tab-caption {
    background-color: var(--input-alt-bg)
}

.content .tool-bar .option-form .tab-button .option-control {
    min-height: 40px;
    justify-content: center;
    padding: 0 0 0 5px
}

.content .tool-bar .option-form .tab-button .option-control label {
    font-size: 16px
}

.content .tool-bar .option-form .form {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 0 0 0 auto
}

.content .tool-bar .option-form .form .date-control {
    background-color: var(--input-alt-bg)
}

.content .trade-menu {
    background-color: var(--bg-color)
}

.content .trade-menu .tab-button {
    height: 38px;
    background-color: var(--tab-bg);
    padding: 3px;
    gap: 6px;
    border-radius: 8px
}

.content .trade-menu .tab-button .tab-item {
    flex: 1 0 auto
}

.content .trade-menu .tab-button .tab-item.active .tab-caption {
    background-color: var(--secondary-color)
}

.content .trade-menu .tab-button .tab-caption {
    font-size: 14px;
    background-color: transparent;
    border-radius: 6px
}

.content .status-bar {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.5px 17px
}

.content .status-bar:after {
    display: block;
    clear: both;
    content: ""
}

.content .status-bar .bar-item {
    flex: 0 0 25%;
    padding: 0 2.5px
}

.content .status-bar .bar-item.active .bar {
    background-color: var(--primary-color)
}

.content .status-bar .bar {
    width: 100%;
    height: 2px;
    background-color: var(--bg-color-05);
    border-radius: 2px
}

.content .feature-box {
    width: 100%;
    padding: 15px 0
}

.content .feature-box .icon-box {
    display: block
}

.content .feature-box .icon-box:after {
    display: block;
    clear: both;
    content: ""
}

.content .feature-box .icon-box .icon {
    display: none
}

.content .feature-box .icon-box .name {
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    color: var(--secondary-light-color);
    word-break: break-word;
    cursor: inherit
}

.content .feature-box .icon-box .name small {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: var(--tertiary-dark-color);
    margin: 6px 0 0
}

.content .button-box {
    flex: 1;
    background-color: var(--bg-color-01);
    padding: 15px;
    margin: 0 -15px;
    position: relative;
    border-bottom-right-radius: var(--border-radius-xl);
    border-bottom-left-radius: var(--border-radius-xl)
}

.content .button-box:after {
    display: block;
    clear: both;
    content: ""
}

.content .button-box .btn-group {
    gap: 15px;
    margin: 0
}

.content .account-detail .content-title .name {
    display: inline-block;
    font-weight: 400;
    color: var(--primary-color);
    margin: 0 0 0 10px
}

.content .account-detail .level-status {
    width: 100%;
    margin: 0 0 15px
}

.content .account-detail .level-status .name,.content .account-detail .level-status .limit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1
}

.content .account-detail .level-status .name {
    font-weight: 500;
    color: var(--primary-color)
}

.content .account-detail .level-status .level {
    padding: 10px 6px 15px
}

.content .account-detail .level-status .level .level-bar {
    height: 2px;
    background-color: var(--bg-color-05);
    margin: 0 8px;
    position: relative;
    z-index: 1
}

.content .account-detail .level-status .level .level-bar:before,.content .account-detail .level-status .level .level-bar:after {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background-color: var(--bg-color);
    border: 3px solid var(--bg-color-05);
    outline: 2px solid var(--bg-color);
    position: absolute;
    top: -5px;
    border-radius: var(--border-radius-rd)
}

.content .account-detail .level-status .level .level-bar:before {
    margin: 0 0 0 -14px;
    left: 0
}

.content .account-detail .level-status .level .level-bar:after {
    margin: 0 -14px 0 0;
    right: 0
}

.content .account-detail .level-status .level .active-bar {
    min-width: 0%;
    max-width: 100%;
    height: 4px;
    background-color: var(--tertiary-dark-color);
    position: relative;
    top: 3px;
    z-index: 2
}

.content .account-detail .level-status .level .active-bar:before,.content .account-detail .level-status .level .active-bar:after {
    content: "";
    display: block;
    background-color: var(--bg-color);
    position: absolute;
    border-radius: var(--border-radius-rd)
}

.content .account-detail .level-status .level .active-bar:before {
    width: 12px;
    height: 12px;
    border: 3px solid var(--tertiary-dark-color);
    outline: 2px solid var(--bg-color);
    left: -6px;
    top: -4px
}

.content .account-detail .level-status .level .active-bar:after {
    width: 16px;
    height: 16px;
    border: 4px solid var(--tertiary-dark-color);
    margin: 0 -8px;
    right: 0;
    top: -6px
}

.content .account-detail .level-status .limit {
    font-size: 12px;
    color: var(--tertiary-light-color)
}

.content .account-detail .level-text {
    color: var(--secondary-light-color);
    border-top: 1px dashed var(--border);
    padding: 15px 0
}

.content .account-detail .level-text .new-tag {
    margin: 0 5px 0 0;
    top: -1px
}

.content .account-detail .level-text>b {
    color: var(--secondary-color)
}

.content .detail-box {
    width: 100%
}

.content .detail-box:after {
    display: block;
    clear: both;
    content: ""
}

.content .detail-box.head .value {
    font-size: 22px;
    padding: 0;
    border-left: 0
}

.content .detail-box.head .value small {
    font-size: 16px
}

.content .detail-box.foot {
    border-top: 1px dashed var(--border)
}

.content .detail-box.foot .value {
    float: right
}

.content .detail-box.foot .value small {
    height: 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: var(--white-color);
    padding: 0 6px;
    margin: 0 0 -3px 10px;
    position: relative;
    top: -2px;
    border-radius: 3px
}

.content .detail-box.foot .value small:before {
    content: none
}

.content .detail-box.foot .value.increase small {
    background-color: var(--increase-color)
}

.content .detail-box.foot .value.decrease small {
    background-color: var(--decrease-color)
}

.content .detail-box .tag {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--tertiary-light-color)
}

.content .detail-box .tag .btn {
    height: auto;
    line-height: normal;
    padding: 0;
    margin: -2px 0 -4px 5px
}

.content .detail-box .tag .icon {
    width: 15px;
    height: 15px
}

.content .detail-box .value {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    color: var(--secondary-light-color);
    white-space: nowrap
}

.content .detail-box .value sub {
    font-size: 65%;
    font-weight: 500;
    bottom: 0
}

.content .detail-box .value small {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--tertiary-dark-color);
    margin: 5px 0 0
}

.content .detail-box .value small:before {
    content: "\2248";
    font-weight: 400;
    display: inline-flex;
    margin: 0 5px 0 0
}

.content .detail-box .pnl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    white-space: nowrap;
    color: var(--tertiary-dark-color);
    margin: 15px 0 0;
    gap: 0 10px
}

.content .detail-box .pnl b {
    color: var(--secondary-lighter-color)
}

.content .detail-box .pnl a {
    font-weight: 600
}

.content .detail-box .pnl a .link-arrow {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    padding: 0
}

.content .balance-wallet,.content .balance-detail,.content .balance-pnl,.content .referral-detail {
    margin: 0 0 20px
}

.content .balance-wallet:after,.content .balance-detail:after,.content .balance-pnl:after,.content .referral-detail:after {
    display: block;
    clear: both;
    content: ""
}

.content .balance-wallet .content-table,.content .balance-detail .content-table,.content .balance-pnl .content-table,.content .referral-detail .content-table {
    flex-direction: row;
    margin: 0
}

.content .balance-wallet .content-table .content-caption,.content .balance-detail .content-table .content-caption,.content .balance-pnl .content-table .content-caption,.content .referral-detail .content-table .content-caption {
    min-height: auto;
    margin: 0 0 15px
}

.content .balance-wallet .content-table .row,.content .balance-detail .content-table .row,.content .balance-pnl .content-table .row,.content .referral-detail .content-table .row {
    margin: 0 -7.5px
}

.content .balance-wallet .content-table .row>[class*=col],.content .balance-detail .content-table .row>[class*=col],.content .balance-pnl .content-table .row>[class*=col],.content .referral-detail .content-table .row>[class*=col] {
    padding: 0 7.5px
}

.content .balance-wallet .detail-box {
    padding: 15px 0
}

.content .balance-wallet .detail-box.head {
    border-bottom: 1px dashed var(--border)
}

.content .balance-wallet .detail-box .tag {
    margin: 0 0 10px
}

.content .balance-wallet .detail-box .value small {
    margin: 7.5px 0 0
}

.content .balance-detail .content-table {
    flex-direction: column
}

.content .balance-detail .detail-box {
    padding: 15px 0
}

.content .balance-detail .detail-box.head {
    border-bottom: 1px dashed var(--border)
}

.content .balance-detail .detail-box.foot {
    border-top: 1px dashed var(--border)
}

.content .balance-detail .detail-box.foot .value {
    float: none
}

.content .balance-detail .detail-box .tag {
    margin: 0 0 7.5px
}

.content .balance-pnl .detail-box {
    padding: 15px 0
}

.content .balance-pnl .detail-box.head {
    border-bottom: 1px solid var(--border)
}

.content .balance-pnl .detail-box.head .value small:before {
    display: inline-flex
}

.content .balance-pnl .detail-box .tag {
    margin: 0 0 10px
}

.content .balance-pnl .detail-box .value.increase small {
    color: var(--green-color)
}

.content .balance-pnl .detail-box .value.decrease small {
    color: var(--red-color)
}

.content .balance-pnl .detail-box .value small {
    margin: 7.5px 0 0
}

.content .balance-pnl .detail-box .value small:before {
    display: none
}

.content .referral-detail .detail-box {
    border-top: 1px solid var(--border);
    padding: 20px 0
}

.content .referral-detail .detail-box.head {
    border-top: 0
}

.content .referral-detail .detail-box.head small {
    float: none;
    margin: 7.5px 0 0
}

.content .referral-detail .detail-box.head .tag {
    margin: 0 0 7.5px
}

.content .referral-detail .detail-box small {
    float: right;
    margin: 4px 0 0
}

.content .referral-detail .detail-box .tag {
    margin: 0 0 7.5px
}

.content .security-status,.content .api-status {
    margin: 0 0 15px
}

.content .security-status .content-table,.content .api-status .content-table {
    flex-direction: column;
    margin: 0
}

.content .security-status .feature-box {
    padding: 18px 0
}

.content .profile-overview {
    border-bottom: 1px solid var(--border);
    padding: 20px 0 15px;
    margin: 0 0 15px;
    position: relative
}

.content .profile-overview .row {
    height: 100%
}

.content .profile-overview .row>[class*=col] {
    height: 100%;
    display: flex;
    align-items: center
}

.content .profile-overview .info {
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: var(--secondary-color)
}

.content .profile-overview .info small {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--tertiary-dark-color)
}

.content .profile-overview .info a {
    color: var(--primary-color)
}

.content .profile-overview .info .seperator {
    display: inline-block;
    background-color: var(--border-dark);
    width: 1px;
    height: 13px;
    margin: -5px 7.5px;
    position: relative;
    top: -2px
}

.content .profile-overview .profile-info {
    font-size: 14px;
    margin: 0 0 15px
}

.content .profile-overview .profile-info .icon {
    width: 44px;
    height: 44px;
    float: left;
    margin: -6px 10px -6px 0
}

.content .profile-overview .profile-info small {
    margin: 7px 0 0
}

.content .profile-overview .profile-info .account-status {
    display: inline-block;
    margin: 0 0 0 7.5px
}

.content .profile-overview .profile-info .account-status .link {
    display: inline-block;
    font-weight: 400;
    text-decoration: none!important;
    padding: 0 7.5px;
    position: relative
}

.content .profile-overview .profile-info .account-status .link:before {
    content: "";
    width: 1px;
    background-color: var(--border-dark);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.content .profile-overview .profile-info .account-status .icon {
    width: 14px;
    height: 14px;
    float: none;
    margin: -1px 0
}

.content .profile-overview .profile-info .account-detail {
    padding: 0 0 0 55px
}

.content .profile-overview .profile-info .account-detail span {
    display: block;
    margin: 10px 0 0
}

.content .profile-overview .profile-info .account-detail span b {
    color: var(--secondary-light-color)
}

.content .profile-overview .login-info {
    background-color: var(--bg-color);
    padding: 10px;
    border-radius: var(--border-radius-lg)
}

.content .profile-overview .login-info small {
    display: block;
    float: right;
    margin: 0
}

.content .profile-overview .login-info .seperator {
    margin: -5px 5px
}

.content .profile-overview .btn {
    width: 32px;
    height: 32px;
    padding: 0;
    position: absolute;
    top: 12px;
    right: -5px
}

.content .profile-overview .btn .icon {
    width: 18px;
    height: 18px;
    margin: auto
}

.content .profile-overview .btn .text {
    display: none
}

.content .profile-datas .content-action {
    margin: 0 0 10px
}

.content .profile-datas .content-action .action-bar {
    padding: 10px 0
}

.content .profile-datas .content-action .action-bar .head {
    height: 28px;
    font-size: 15px;
    font-weight: 600;
    line-height: 28px;
    color: var(--secondary-light-color);
    white-space: nowrap;
    border-right: 1px solid var(--border);
    padding: 0 20px 0 0;
    margin: 4px 0
}

.content .profile-datas .content-action .action-bar .form .row {
    margin: 0 -10px
}

.content .profile-datas .content-action .action-bar .form .row>[class*=col] {
    padding: 0 10px
}

.content .profile-datas .content-action .action-bar .form .form-group {
    display: flex;
    flex-direction: row;
    margin: 0;
    gap: 15px
}

.content .profile-datas .content-action .action-bar .form .form-group label {
    width: auto;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    white-space: nowrap;
    margin: 0
}

.content .recent-transaction {
    height: 100%;
    flex-wrap: nowrap!important
}

.content .recent-transaction .content-table {
    position: relative
}

.content .recent-transaction .content-table .tab-link {
    width: auto;
    height: 48px;
    position: absolute;
    top: 0;
    right: 20px
}

.content .recent-transaction .content-table .tab-link .tab-caption {
    height: 48px;
    font-size: 15px
}

.content .recent-logins {
    flex-wrap: nowrap!important
}

.content .markets-page .tab-button {
    margin: 15px 0 0
}

.content .markets-page .tab-button .tab-caption {
    border-radius: var(--border-radius-md)
}

.content .markets-page .tab-menu {
    gap: 10px
}

.content .markets-page .tab-menu .tab-caption {
    font-size: 14px
}

.content .markets-page .tab-content .tab-button {
    gap: 7.5px
}

.content .markets-page .tab-content .tab-button .tab-item.active .tab-caption {
    color: var(--secondary-color);
    background-color: var(--bg-color);
    border-color: var(--tab-active)
}

.content .markets-page .tab-content .tab-button .tab-caption {
    background-color: var(--bg-color-02);
    border: 1px solid transparent
}

.content .markets-page .alert-pair {
    margin: 15px 0 0
}

.content .button-content {
    width: 100%;
    padding: 0 0 46px
}

.content .button-content:after {
    display: block;
    clear: both;
    content: ""
}

.content .earn-hero {
    background-color: var(--bg-color-01);
    background-position: center;
    background-size: cover;
    padding: 20px 0;
    margin: 0 0 20px
}

.content .earn-hero .present-field {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.content .earn-hero .present-field .title {
    font-size: 22px;
    font-weight: 600;
    color: var(--primary-color)
}

.content .earn-hero .present-field .description {
    font-size: 16px;
    text-align: center;
    color: var(--secondary-color);
    margin: 5px 0 20px
}

.content .earn-hero .present-field .content-table {
    display: block;
    max-width: 520px;
    box-shadow: var(--card-shadow);
    margin: 0;
    position: relative
}

.content .earn-hero .present-field .content-table .content-title {
    min-height: auto;
    padding: 15px 0
}

.content .earn-hero .present-field .content-table .detail-box {
    padding: 20px 0
}

.content .earn-hero .present-field .content-table .detail-box .tag {
    margin: 0 0 10px
}

.content .earn-hero .present-field .content-table .detail-box .value small {
    margin: 10px 0 0
}

.content .earn-hero .present-field .content-table .btn-wallet {
    margin: 0 0 15px;
    border-radius: var(--border-radius-md)
}

.content .earn-hero .image-field {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.content .earn-hero .image-field img {
    max-height: 360px
}

@media (min-width: 768px) {
    .content .earn-hero {
        padding:40px 0;
        margin: -15px 0 40px
    }

    .content .earn-hero .present-field .title {
        font-size: 24px
    }

    .content .earn-hero .present-field .description {
        font-size: 17px;
        margin: 5px 0 35px
    }

    .content .earn-hero .present-field .content-table .content-title {
        font-size: 17px
    }
}

@media (min-width: 1200px) {
    .content .earn-hero {
        padding:60px 0;
        margin: -20px 0 40px
    }

    .content .earn-hero .present-field {
        align-items: flex-start
    }

    .content .earn-hero .present-field .title {
        font-size: 28px
    }

    .content .earn-hero .present-field .description {
        font-size: 18px;
        text-align: left;
        margin: 5px 0 45px
    }

    .content .earn-hero .present-field .content-table .content-title {
        font-size: 18px
    }

    .content .earn-hero .present-field .content-table .btn-wallet {
        width: auto;
        position: absolute;
        right: 20px;
        bottom: 20px;
        margin: 0
    }
}

.content .tool-title {
    padding: 0!important;
    margin: 0 0 10px
}

@media (min-width: 768px) {
    .content .tool-title {
        margin:0 0 20px
    }
}

.content .earning-summary {
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.content .earn-faq {
    margin: 0 0 20px
}

.content .earn-faq .accordion-list .list-item {
    margin: 10px 0 0;
    border-radius: 6px
}

.content .earn-faq .accordion-list .list-item:first-child {
    margin: 0
}

.content .earn-faq .accordion-list .caption {
    font-size: 14px;
    line-height: 1.4;
    background-image: linear-gradient(to right,#068bdf 0,#056cad 100%);
    padding: 10px 45px 10px 15px;
    position: relative
}

.content .earn-faq .accordion-list .caption .arrow {
    width: 14px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 15px
}

.content .earn-faq .accordion-list .detail {
    padding: 15px
}

.content .earn-faq .accordion-list .detail .text {
    font-size: 14px
}

.content .tab-head {
    width: auto;
    height: auto;
    gap: 36px;
    padding: 15px 0
}

.content .tab-head .tab-item {
    position: relative
}

.content .tab-head .tab-item:before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    overflow: hidden;
    background-color: var(--primary-color);
    border-radius: var(--border-radius-rd);
    position: absolute;
    top: 50%;
    left: -21px;
    transform: translateY(-50%)
}

.content .tab-head .tab-item:first-child:before {
    display: none
}

.content .tab-head .tab-item.active .tab-caption,.content .tab-head .tab-item:hover .tab-caption {
    color: var(--secondary-dark-color)
}

.content .tab-head .tab-caption {
    height: 26px;
    font-size: 18px;
    font-weight: 600;
    color: var(--tertiary-color)
}

.content .accordion-list .list-item {
    background-color: var(--bg-color);
    overflow: hidden;
    margin: 15px 0 0;
    border-radius: 10px
}

.content .accordion-list .list-item:first-child {
    margin: 0
}

.content .accordion-list .list-item.open .caption .arrow {
    rotate: -180deg
}

.content .accordion-list .list-item.open .detail {
    height: auto;
    display: flex;
    overflow: visible
}

.content .accordion-list .caption {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    padding: 15px 20px;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 6px
}

.content .accordion-list .caption .arrow {
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBvcGFjaXR5PSIwLjc1IiBmaWxsPSIjRkZGRkZGIiBkPSJNMjMuNiw2LjhsLTIuMS0yLjFjLTAuNS0wLjUtMS4zLTAuNS0xLjcsMEwxMiwxMi40TDQuMiw0LjdDMy44LDQuMiwzLDQuMiwyLjUsNC43TDAuNCw2LjgNCgljLTAuNSwwLjUtMC41LDEuMywwLDEuN2wxMC44LDEwLjhjMC41LDAuNSwxLjMsMC41LDEuNywwTDIzLjYsOC42QzI0LjEsOC4xLDI0LjEsNy4zLDIzLjYsNi44eiIvPg0KPC9zdmc+DQo=);
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .content .accordion-list .caption .arrow {
        transition: none
    }
}

.content .accordion-list .detail {
    height: 0;
    display: none;
    flex-direction: column;
    overflow: hidden;
    padding: 20px;
    gap: 20px
}

.content .accordion-list .detail .text {
    font-size: 15px;
    color: var(--secondary-light-color);
    margin: 0
}

.content .accordion-list .detail .list {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    color: var(--secondary-light-color);
    gap: 20px
}

.content .accordion-list .detail .list .list-item {
    background-color: transparent;
    margin: 0;
    border-radius: 0
}

.content .content-title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 600;
    color: var(--secondary-dark-color);
    line-height: 1.4;
    padding: 15px 0;
    position: relative
}

.content .content-title .tab-head {
    padding: 0
}

.content .content-title .btn-group {
    margin: -1px 0
}

.content .content-title .btn-group .btn-item {
    padding: 0
}

.content .content-title .btn-group .btn {
    width: auto
}

.content .content-title .btn-group-wallet {
    width: 100%;
    margin: 15px 0 0
}

.content .content-title .btn-group-wallet .btn {
    width: 100%
}

.content .content-title .btn-group-wallet .btn-link {
    font-size: 14px;
    color: var(--button-outline-text);
    background-color: var(--bg-color);
    border: 1px solid var(--border);
    border-radius: var(--border-radius-lg);
    padding: 0 15px!important;
    transition: border-color .3s
}

.content .content-title .btn-group-wallet .btn-link:hover,.content .content-title .btn-group-wallet .btn-link:active {
    border-color: var(--button-primary-outline-bg)
}

.content .content-title .btn-group-wallet .btn-link .icon {
    width: 18px;
    height: 18px;
    margin: 0 9px 0 -4px
}

.content .content-title .btn-group-wallet .btn-link .new-tag {
    margin: 0 0 0 10px
}

.content .content-title .btn-fixed-group {
    padding: 15px;
    margin: 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 56px;
    z-index: 3
}

.content .content-title .btn-fixed-group .btn {
    width: 100%
}

.content .content-title .btn-fixed-group .btn .icon {
    width: 18px;
    height: 18px;
    filter: grayscale(.95) brightness(2.2);
    margin: -1px 6px -3px -4px
}

.content .content-title .btn-action {
    font-size: 15px;
    padding: 0 13px
}

.content .content-title .btn-action .icon {
    width: 22px;
    height: 22px;
    margin: 0 -6px 0 13px;
    transition: all .3s;
    filter: none
}

.content .content-title .btn-icon {
    color: var(--secondary-light-color);
    padding: 0;
    margin: -6px 0
}

.content .content-title .btn-icon.btn-global {
    margin: 0 0 0 auto
}

.content .content-title .btn-icon .icon {
    width: 20px;
    height: 20px;
    margin: -1px 0 0 8px;
    transition: all .3s
}

.content .content-title .btn-view {
    display: inline-block;
    width: 26px;
    height: 26px!important;
    padding: 0!important;
    margin: -2px auto -1px 7.5px!important
}

.content .content-title .btn-view:hover {
    background-color: var(--bg-color-01)
}

.content .content-title .btn-view:focus:not(:focus-visible) {
    border: 0
}

.content .content-title .btn-view .icon {
    width: 20px;
    height: 20px;
    display: block!important;
    float: left;
    margin: 3px
}

.content .content-title .btn-back {
    width: 26px;
    height: 26px!important;
    display: block;
    float: left;
    text-align: left;
    padding: 0!important;
    margin: -1px 0 0;
    position: relative
}

.content .content-title .btn-back .arrow {
    width: 18px;
    height: 18px;
    display: flex
}

.content .content-caption {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-dark-color);
    line-height: 1;
    align-items: center;
    margin: 0 0 15px
}

.content .content-caption .count {
    display: inline-block;
    font-weight: 400;
    color: var(--primary-color);
    margin: 0 0 0 10px
}

.content .content-caption .btn {
    font-size: 14px;
    margin: -7px 0 -7px auto
}

.content .content-caption .btn-view {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: -6px 0 -2px 6px
}

.content .content-caption .btn-view:focus:not(:focus-visible) {
    border: 0
}

.content .content-caption .btn-view .icon {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin: 4px
}

.content .content-table {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    background-color: var(--bg-color);
    overflow: hidden;
    padding: 0 15px;
    margin: 0 0 20px;
    border-radius: 10px
}

.content .content-table:after {
    display: block;
    clear: both;
    content: ""
}

.content .content-table .row {
    flex: 1
}

.content .content-table .content-title,.content .content-table .content-caption {
    width: 100%;
    min-height: 48px;
    font-size: 16px;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin: 0
}

.content .content-table .content-title .title,.content .content-table .content-caption .title {
    width: calc(100% - 30px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .content-table .content-title .count,.content .content-table .content-caption .count {
    min-width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--white-color);
    text-indent: -1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    padding: 0 5px;
    margin: 0 0 0 10px;
    border-radius: var(--border-radius-sm)
}

.content .content-table .content-title .arrow,.content .content-table .content-caption .arrow {
    width: 16px;
    height: 16px;
    margin: 0 0 0 auto
}

.content .content-table .content-title .link,.content .content-table .content-caption .link {
    display: block;
    float: right;
    font-size: 14px;
    padding: 0;
    margin: 2px 0 0
}

.content .content-table .content-title .link:after,.content .content-table .content-caption .link:after {
    width: 7px;
    min-height: 12px;
    margin: 0 0 -1px 10px
}

.content .content-table .content-title .link.cancel,.content .content-table .content-caption .link.cancel {
    padding: 0 20px 0 0
}

.content .content-table .content-title {
    border-bottom: 1px solid var(--border)
}

.content .content-table .tool-bar .filter-form {
    border-bottom: 1px solid var(--border);
    padding: 18px 0;
    margin: 0
}

.content .content-table .tool-bar .filter-form .form .form-control,.content .content-table .tool-bar .filter-form .form .select-control,.content .content-table .tool-bar .filter-form .form .date-control {
    background-color: var(--input-bg)!important;
    border-color: var(--input-border)!important
}

.content .content-table .tool-bar .filter-form .form .form-control:focus-within,.content .content-table .tool-bar .filter-form .form .form-control.open,.content .content-table .tool-bar .filter-form .form .select-control:focus-within,.content .content-table .tool-bar .filter-form .form .select-control.open,.content .content-table .tool-bar .filter-form .form .date-control:focus-within,.content .content-table .tool-bar .filter-form .form .date-control.open {
    border-color: var(--input-focus-border)!important
}

.content .content-table .tool-bar .filter-form .form .select-control .search .form-control {
    background-color: var(--input-alt-bg)!important
}

.content .content-table .step {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1;
    padding: 13px 0
}

.content .content-table .step .step-item {
    margin: 10px 0 0
}

.content .content-table .step .step-item:first-child {
    margin: 0
}

.content .content-table .step .step-item.active .icon {
    background-image: url(assets/icons/security-step-active.svg);
    opacity: 1;
    filter: none
}

.content .content-table .step .icon {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin: 0 7px 0 -3px;
    opacity: .75;
    filter: grayscale(1)
}

.content .content-table .step .step-name {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6
}

.content .content-feature {
    background-color: var(--bg-color);
    padding: 0 15px;
    margin: 0 0 20px;
    border-radius: 10px
}

.content .content-feature .row>[class*=col] {
    display: flex;
    align-items: center
}

.content .content-form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    background-color: var(--bg-color);
    overflow: hidden;
    padding: 15px;
    margin: 0 0 15px;
    border-radius: var(--border-radius-xl)
}

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

.content .content-form .row>[class*=col] {
    position: relative
}

.content .content-form .content-title {
    width: 100%;
    padding: 15px 0!important
}

.content .content-form .content-caption {
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    margin: 0
}

.content .content-form .content-caption .caption {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 7.5px
}

.content .content-form .content-caption .text {
    display: flex;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
    color: var(--tertiary-dark-color);
    margin: 0
}

.content .content-form .form {
    width: 100%;
    padding: 15px 0
}

.content .content-form .form .row {
    margin: 0 -10px
}

.content .content-form .form .row>[class*=col] {
    padding: 0 10px
}

.content .content-form .btn {
    width: 100%
}

.content .content-form .form-group {
    margin: 0 0 15px
}

.content .content-article {
    width: 100%;
    text-align: left!important;
    overflow: hidden
}

.content .content-article:after {
    display: block;
    clear: both;
    content: ""
}

.content .content-article .content-title {
    padding: 15px 0!important
}

.content .content-article a {
    font-weight: 400
}

.content .content-article b {
    font-weight: 600!important
}

.content .content-article a,.content .content-article b {
    display: contents
}

.content .content-article br {
    content: "";
    display: block;
    height: 6px
}

.content .content-article h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--primary-color);
    margin: 0 0 15px!important
}

.content .content-article h3,.content .content-article h4,.content .content-article h5,.content .content-article h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--primary-color);
    margin: 0 0 5px!important
}

.content .content-article p {
    line-height: 1.6;
    color: var(--secondary-light-color);
    text-align: left;
    padding: 0!important;
    margin: 0 0 15px!important
}

.content .content-article ul,.content .content-article ol {
    display: grid;
    padding: 0!important;
    margin: 0 0 15px!important;
    gap: 15px
}

.content .content-article ul li,.content .content-article ol li {
    color: var(--secondary-light-color);
    text-align: left;
    list-style-position: inside;
    position: relative
}

.content .content-article ul li::marker,.content .content-article ol li::marker {
    font-weight: 500;
    color: var(--primary-color)
}

.content .content-article ul li ul,.content .content-article ul li ol,.content .content-article ol li ul,.content .content-article ol li ol {
    margin: 15px 0 15px 15px!important
}

.content .content-article ul.alpha>li,.content .content-article ol.alpha>li {
    list-style-type: lower-alpha
}

.content .content-article ul.alpha-upper>li,.content .content-article ol.alpha-upper>li {
    list-style-type: upper-alpha
}

.content .content-article ul.alpha-upper p,.content .content-article ol.alpha-upper p {
    padding: 5px 0 0 17px!important
}

.content .content-article ul.roman>li,.content .content-article ol.roman>li {
    list-style-type: lower-roman
}

.content .content-article ul.roman-upper>li,.content .content-article ol.roman-upper>li {
    list-style-type: upper-roman
}

.content .content-article ul.disc>li:before,.content .content-article ol.disc>li:before {
    content: "\2022";
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-color);
    line-height: 1;
    display: inline-block;
    margin: 0 8px 0 0
}

.content .content-article ul.disc>li>.disc,.content .content-article ol.disc>li>.disc {
    margin: 15px 0 0 15px!important
}

.content .content-article ul.disc>li>.disc>li:before,.content .content-article ol.disc>li>.disc>li:before {
    content: "\25e6"
}

.content .content-article ul.arrow,.content .content-article ol.arrow {
    background: none
}

.content .content-article ul.arrow>li:before,.content .content-article ol.arrow>li:before {
    content: "";
    width: 6px;
    height: 10px;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDExLjYgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExLjYgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNjhCREYiIGQ9Ik0xMS42LDEwYzAsMC40LTAuMiwwLjktMC41LDEuMmwtOC4yLDguMmMtMC43LDAuNy0xLjcsMC43LTIuNCwwYy0wLjctMC43LTAuNy0xLjcsMC0yLjRsNy4xLTdMMC41LDIuOQ0KCWMtMC43LTAuNy0wLjctMS43LDAtMi40YzAuNy0wLjcsMS43LTAuNywyLjQsMGw4LjIsOC4yQzExLjUsOS4yLDExLjYsOS43LDExLjYsMTB6Ii8+DQo8L3N2Zz4NCg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 8px 0 0
}

.content .content-article ul.revert>li,.content .content-article ol.revert>li {
    list-style-type: revert
}

.content .content-article ul.double,.content .content-article ol.double {
    counter-reset: item
}

.content .content-article ul.double>li,.content .content-article ol.double>li {
    list-style-type: none
}

.content .content-article ul.double>li:before,.content .content-article ol.double>li:before {
    content: counters(item,".") ". ";
    counter-increment: item;
    font-weight: 600;
    color: var(--primary-color)
}

.content .content-article .table {
    width: 100%;
    background-color: var(--bg-color-01);
    padding: 0 15px;
    margin: 0 0 15px!important;
    border-radius: 10px
}

.content .content-article .table .thead,.content .content-article .table .trow {
    display: flex!important;
    margin: 0 -7.5px!important;
    gap: 0!important
}

.content .content-article .table .thead>[class*=col],.content .content-article .table .trow>[class*=col] {
    padding: 15px 7.5px
}

.content .content-article .table .thead>[class*=col] {
    justify-content: flex-start;
    text-align: left
}

.content .content-article .table .trow:after {
    height: 1px;
    background-color: var(--bg-color-03);
    bottom: auto;
    left: 7.5px;
    right: 7.5px;
    z-index: 1;
    border-radius: 0
}

.content .content-article .table .trow>[class*=col] {
    font-variant-numeric: unset;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    word-break: normal;
    align-items: flex-start;
    text-align: left
}

.content .content-article .cookie-policy .thead>[class*=col]:nth-child(1),.content .content-article .cookie-policy .trow>[class*=col]:nth-child(1) {
    width: 18%
}

.content .content-article .cookie-policy .thead>[class*=col]:nth-child(2),.content .content-article .cookie-policy .trow>[class*=col]:nth-child(2) {
    width: 16%
}

.content .content-article .cookie-policy .thead>[class*=col]:nth-child(3),.content .content-article .cookie-policy .trow>[class*=col]:nth-child(3) {
    width: 40%
}

.content .content-article .cookie-policy .thead>[class*=col]:nth-child(4),.content .content-article .cookie-policy .trow>[class*=col]:nth-child(4) {
    width: 14%
}

.content .content-article .cookie-policy .thead>[class*=col]:nth-child(5),.content .content-article .cookie-policy .trow>[class*=col]:nth-child(5) {
    width: 12%
}

.content .content-article .cookie-policy .thead>[class*=col]:nth-child(5) {
    justify-content: flex-end;
    text-align: right
}

.content .content-article .cookie-policy .trow>[class*=col]:nth-child(1) {
    color: var(--primary-color)
}

.content .content-article .cookie-policy .trow>[class*=col]:nth-child(3) {
    font-weight: 400
}

.content .content-article .cookie-policy .trow>[class*=col]:nth-child(5) {
    align-items: flex-end;
    text-align: right
}

.content .content-article .transaction-policy .trow>[class*=col] {
    font-weight: 400;
    text-align: justify
}

.content .content-article .transaction-policy ul {
    margin: 0!important
}

.content .content-article .transaction-policy ul li {
    text-align: justify
}

.content .content-article .list {
    width: 100%;
    display: flex;
    flex-direction: row!important;
    margin: 0 0 15px;
    gap: 20px
}

.content .content-article .list .logo {
    width: 56px;
    height: 56px;
    display: block;
    margin: 0!important
}

.content .content-article .lowercase {
    text-transform: lowercase!important
}

.content .content-article .uppercase {
    text-transform: uppercase!important
}

.content .content-article .capitalize {
    text-transform: capitalize!important
}

.content .content-article .text-left {
    text-align: left!important
}

.content .content-article .text-right {
    text-align: right!important
}

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

.content .content-article .text-justify {
    text-align: justify!important
}

.content .content-block .row {
    margin: 0 -10px
}

.content .content-block .row>[class*=col] {
    padding: 0 10px
}

.content .content-top .top-field {
    width: 100%;
    background-color: var(--bg-color);
    overflow: scroll;
    position: fixed;
    top: 56px;
    bottom: 56px;
    right: -100%;
    z-index: 8
}

.content .content-top .top-field.open {
    right: 0
}

.content .content-top .top-field .content-title {
    height: 40px;
    line-height: 40px;
    background: var(--bg-color);
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 0;
    margin: 0 0 5px;
    transition: all .5s
}

.content .content-top .top-field .content-title .btn-icon {
    width: 40px;
    height: 40px;
    margin: 0;
    position: relative;
    top: -1px;
    right: -12px
}

.content .content-top .top-field .content-title .btn-icon .icon {
    width: 20px;
    height: 20px;
    margin: 0
}

.content .content-top .top-field-back {
    background-color: var(--transparent-bg);
    opacity: 0;
    inset: 56px 0;
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .content .content-top .top-field-back {
        transition: none
    }
}

.content .content-top .top-field-back.open {
    opacity: .5;
    position: fixed;
    z-index: 7
}

.content .content-top .row {
    margin: 0 -10px
}

.content .content-top .row>[class*=col] {
    padding: 0 10px
}

.content .content-top .caption {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: var(--tertiary-color);
    margin: 0 0 10px
}

.content .content-top .table {
    max-height: 132px;
    background-color: var(--bg-color-01);
    overflow: hidden;
    padding: 8px 15px;
    margin: 0 0 20px;
    border-radius: var(--border-radius-lg)
}

.content .content-top .table.last-table {
    margin: 0
}

.content .content-top .table .trow>[class*=col] {
    min-height: auto;
    font-size: 14px;
    padding: 7.5px 0
}

.content .content-info {
    margin: 0 0 20px
}

.content .content-info .content-article {
    max-height: 206px;
    overflow: hidden;
    margin: 0 0 15px;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .content .content-info .content-article {
        transition: none
    }
}

.content .content-info .content-article.open {
    max-height: 100%
}

.content .content-info .content-article p:last-child {
    margin: 0!important
}

.content .content-info .content-article p br {
    content: none
}

.content .content-info .nav-link {
    display: inline-block;
    font-weight: 600
}

@media (min-width: 768px) {
    .content .content-info {
        margin:0 0 30px
    }

    .content .content-info .content-article {
        max-height: 140px
    }
}

@media (min-width: 1200px) {
    .content .content-info {
        margin:0 0 40px
    }

    .content .content-info .content-article {
        max-height: 126px
    }
}

.content .content-pager {
    margin: -10px 0 20px
}

.content .content-pager .description {
    margin: 0
}

.content .content-pager .pagination-bar {
    justify-content: flex-end
}

.content .content-pager .pagination-bar .page-item.active .page-link {
    background-color: var(--button-primary-bg)
}

.content .content-pager .pagination-bar .page-link {
    background-color: var(--bg-color);
    border-radius: var(--border-radius-md)
}

@media (min-width: 768px) {
    .content .content-pager {
        margin:-15px 0 40px
    }
}

@media (min-width: 1200px) {
    .content .content-pager {
        margin:-25px 0 40px
    }
}

.content .content-button {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: -5px 0 20px
}

.content .content-button:after {
    display: block;
    clear: both;
    content: ""
}

.content .content-button .btn {
    width: 100%
}

.content .content-blur {
    -webkit-user-select: none;
    user-select: none;
    position: relative
}

.content .content-blur:before {
    content: "";
    background-color: var(--bg-blur);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    inset: 0;
    z-index: 2
}

.content .content-blur .not-blur {
    position: relative;
    z-index: 3
}

@media (min-width: 768px) {
    .content {
        padding:15px 0 64px;
        position: relative
    }
}

@media (min-width: 768px) and (min-height: 640px) {
    .content.menu-content {
        min-height:calc(100vh - 185px)
    }
}

@media (min-width: 768px) {
    .content.menu-content .container {
        position:relative
    }

    .content.menu-content .order-tab .tab-button {
        height: 40px
    }

    .content.menu-content .order-tab .tab-button .tab-caption {
        height: 40px;
        font-size: 15px;
        line-height: 38px
    }

    .content.menu-content .btn-global {
        height: 40px;
        margin: 0;
        position: absolute;
        top: 0;
        right: 15px
    }
}

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

@media (min-width: 768px) {
    .content .error-code {
        width:50%
    }
}

@media (min-width: 768px) {
    .content .no-content,.content .no-match,.content .table-loader {
        min-height:90px
    }
}

@media (min-width: 768px) {
    .content .tool-bar .row {
        flex-direction:row
    }

    .content .tool-bar .row>[class*=col] {
        display: flex
    }

    .content .tool-bar .row>[class*=col]:last-child {
        justify-content: end
    }

    .content .tool-bar .action-form {
        margin: 0 0 15px
    }

    .content .tool-bar .action-form .option-control label {
        line-height: 16px!important
    }

    .content .tool-bar .action-form .search-control input {
        height: 34px;
        font-size: 14px;
        line-height: 34px;
        padding: 0 13px
    }

    .content .tool-bar .action-form .search-control .btn-icon {
        height: 34px
    }

    .content .tool-bar .action-form .search-control .btn-icon .icon {
        width: 16px;
        height: 16px;
        background-size: contain
    }

    .content .tool-bar .action-form .btn-link {
        margin: 0
    }

    .content .tool-bar .filter-form {
        position: fixed
    }

    .content .tool-bar .tab-group,.content .tool-bar .form-group {
        margin: 0
    }

    .content .tool-bar .search-control {
        width: 180px
    }
}

@media (min-width: 768px) {
    .content .detail-box .value {
        font-size:18px
    }

    .content .detail-box .value small {
        font-size: 16px
    }

    .content .detail-box .pnl a {
        margin: 0
    }

    .content .detail-box .pnl a:hover {
        text-decoration: none
    }
}

@media (min-width: 768px) {
    .content .feature-box .icon-box .icon {
        width:32px;
        height: 32px;
        display: block;
        float: left;
        margin: -1px 10px 0 0
    }

    .content .feature-box .icon-box .name {
        width: calc(100% - 42px)
    }
}

@media (min-width: 768px) {
    .content .profile-overview {
        height:86px;
        padding: 15px 0 30px;
        margin: 0 0 30px
    }

    .content .profile-overview [class*=col]:last-child {
        justify-content: end
    }

    .content .profile-overview .info {
        font-size: 14px
    }

    .content .profile-overview .info small {
        float: none;
        margin: 10px 0 0
    }

    .content .profile-overview .info .icon-user {
        margin: -4px 15px -4px 0
    }

    .content .profile-overview .profile-info {
        margin: 0
    }

    .content .profile-overview .profile-info .account-detail {
        padding: 0 0 0 59px
    }

    .content .profile-overview .login-info {
        line-height: 1;
        background-color: transparent;
        padding: 0
    }

    .content .profile-overview .btn {
        width: auto;
        font-size: 14px;
        line-height: 24px;
        position: static
    }

    .content .profile-overview .btn .icon {
        display: block;
        float: right;
        margin: 2px 0 2px 8px
    }

    .content .profile-overview .btn .text {
        display: block;
        float: right;
        font-weight: 500;
        color: var(--secondary-color)
    }
}

@media (min-width: 768px) {
    .content .security-status {
        margin:0 0 30px
    }

    .content .security-status .row {
        margin: 0 -7.5px
    }

    .content .security-status .row>[class*=col] {
        padding: 0 7.5px
    }

    .content .security-status .row>[class*=col]:nth-child(3) .content-table,.content .security-status .row>[class*=col]:nth-child(4) .content-table {
        margin: 0
    }

    .content .security-status .content-table {
        float: left;
        margin: 0 0 15px;
        position: relative
    }

    .content .security-status .content-table:after {
        content: "";
        width: 20px;
        height: 20px;
        display: block;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiMwNjhiZGYiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE5LjcsNi42YzAuNSwwLjUsMC41LDEuMiwwLDEuNmwtOS4xLDkuMmMtMC41LDAuNS0xLjIsMC41LTEuNiwwbC00LjYtNC42Yy0wLjUtMC41LTAuNS0xLjIsMC0xLjYNCgljMC41LTAuNSwxLjItMC41LDEuNiwwbDMuNywzLjdsOC40LTguM0MxOC41LDYuMiwxOS4yLDYuMiwxOS43LDYuNkwxOS43LDYuNnoiLz4NCjwvc3ZnPg0K);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        transition: all .3s
    }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .content .security-status .content-table:after {
        transition:none
    }
}

@media (min-width: 768px) {
    .content .security-status .content-table .feature-box .icon-box .name {
        -webkit-user-select:none;
        user-select: none
    }

    .content .security-status .content-table .feature-box .icon-box .name small {
        color: var(--primary-color)
    }
}

@media (min-width: 768px) {
    .content .security-status .content-table.passive {
        cursor:pointer
    }

    .content .security-status .content-table.passive:after {
        width: 18px;
        height: 18px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNNy4yLDI0Yy0wLjMsMC0wLjctMC4xLTEtMC40Yy0wLjUtMC41LTAuNS0xLjQsMC0xLjlsOC44LTguOGMwLjItMC4yLDAuNC0wLjYsMC40LTAuOQ0KCWMwLTAuNC0wLjEtMC43LTAuNC0wLjlMNi4zLDIuM2MtMC41LTAuNS0wLjUtMS40LDAtMS45czEuNC0wLjUsMS45LDBsOC44LDguOGMwLjgsMC44LDEuMiwxLjgsMS4yLDIuOGMwLDEuMS0wLjQsMi4xLTEuMiwyLjgNCglsLTguOCw4LjhDNy45LDIzLjksNy42LDI0LDcuMiwyNHoiLz4NCjwvc3ZnPg0K);
        right: 11px;
        opacity: .5;
        filter: grayscale(1)
    }

    .content .security-status .content-table.passive:hover:after {
        opacity: 1;
        filter: none
    }

    .content .security-status .content-table.passive .feature-box .icon-box .name small {
        color: var(--tertiary-dark-color)
    }
}

@media (min-width: 768px) {
    .content .feature-field {
        margin:0 0 20px
    }

    .content .feature-field .content-table {
        margin: 0
    }
}

@media (min-width: 768px) {
    .content .button-content {
        padding:0;
        position: relative
    }

    .content .button-content .btn-fixed {
        position: absolute;
        top: -47px;
        right: 0
    }
}

@media (min-width: 768px) {
    .content .earn-faq {
        margin:0 0 40px
    }

    .content .earn-faq .accordion-list .list-item {
        margin: 12.5px 0 0;
        border-radius: 8px
    }

    .content .earn-faq .accordion-list .list-item:first-child {
        margin: 0
    }

    .content .earn-faq .accordion-list .caption {
        font-size: 16px;
        padding: 12.5px 50px 12.5px 17.5px;
        border-radius: 8px
    }

    .content .earn-faq .accordion-list .caption .arrow {
        width: 16px;
        height: 24px;
        top: 12.5px;
        right: 17.5px
    }

    .content .earn-faq .accordion-list .detail {
        padding: 17.5px
    }

    .content .earn-faq .accordion-list .detail .text {
        font-size: 15px
    }
}

@media (min-width: 768px) {
    .content .accordion-list .list-item {
        margin:20px 0 0
    }

    .content .accordion-list .list-item:first-child {
        margin: 0
    }

    .content .accordion-list .caption {
        font-size: 18px;
        border-radius: 8px
    }

    .content .accordion-list .caption .arrow {
        width: 18px;
        height: 18px
    }

    .content .accordion-list .detail .text,.content .accordion-list .detail .list {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .content .content-title .btn {
        height:32px;
        font-size: 14px;
        padding: 0 15px;
        margin: -7px 0 -7px auto
    }

    .content .content-title .btn .icon {
        display: none
    }

    .content .content-title .btn-group {
        gap: 13px;
        margin: -4px 0 -4px auto
    }

    .content .content-title .btn-group .btn {
        margin: 0
    }

    .content .content-title .btn-group-wallet {
        width: auto
    }

    .content .content-title .btn-group-wallet .btn-item:nth-child(1) {
        order: unset
    }

    .content .content-title .btn-group-wallet .btn {
        min-width: 100px;
        padding: 0 20px
    }

    .content .content-title .btn-group-wallet .btn-link .icon {
        display: inline-block
    }

    .content .content-title .btn-fixed-group {
        padding: 0;
        position: static
    }

    .content .content-title .btn-action {
        position: static
    }

    .content .content-title .btn-filter,.content .content-title .btn-history {
        color: var(--secondary-light-color)!important;
        background-color: transparent!important;
        padding: 0!important
    }

    .content .content-title .btn-filter:focus,.content .content-title .btn-filter:hover,.content .content-title .btn-filter:active,.content .content-title .btn-history:focus,.content .content-title .btn-history:hover,.content .content-title .btn-history:active {
        background-color: transparent!important
    }

    .content .content-title .btn-filter .icon,.content .content-title .btn-history .icon {
        display: inline-block
    }

    .content .content-title .btn-icon {
        color: var(--button-text);
        background-color: var(--button-tertiary-bg)
    }

    .content .content-title .btn-icon:focus {
        background-color: var(--button-tertiary-bg)
    }

    .content .content-title .btn-icon:hover,.content .content-title .btn-icon:active {
        background-color: var(--button-tertiary-bg-hover)
    }

    .content .content-title .btn-back {
        width: 30px;
        height: 30px;
        margin: -1px 0 0
    }

    .content .content-title .btn-back .arrow {
        width: 20px;
        height: 20px
    }
}

@media (min-width: 768px) {
    .content .content-table {
        margin:0 0 30px
    }

    .content .content-table .step {
        flex-direction: row;
        margin: 0 -10px
    }

    .content .content-table .step .step-item {
        margin: 0;
        padding: 0 10px
    }

    .content .content-table .step .icon {
        width: 22px;
        height: 22px;
        margin: 0 7px 0 -7px
    }
}

@media (min-width: 768px) {
    .content .content-form {
        padding:20px;
        margin: 0 0 30px
    }

    .content .content-form .row {
        margin: 0 -20px
    }

    .content .content-form .row>[class*=col] {
        padding: 0 20px
    }

    .content .content-form .row>[class*=col].col-form:after {
        content: "";
        width: 1px;
        height: auto;
        background-color: var(--border);
        inset: 20px 0 20px auto
    }

    .content .content-form .content-caption .caption {
        font-size: 16px
    }

    .content .content-form .form {
        border-bottom: 0;
        padding: 20px 0
    }

    .content .content-form .btn {
        width: -moz-fit-content;
        width: fit-content
    }

    .content .content-form .form-group {
        margin: 0 0 20px
    }
}

@media (min-width: 768px) {
    .content .content-feature {
        margin:0 0 30px
    }
}

@media (min-width: 768px) {
    .content .balance-wallet,.content .balance-detail,.content .balance-pnl,.content .referral-detail {
        margin:0 0 30px
    }

    .content .balance-wallet .content-table .row>[class*=col],.content .balance-detail .content-table .row>[class*=col],.content .balance-pnl .content-table .row>[class*=col],.content .referral-detail .content-table .row>[class*=col] {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end
    }
}

@media (min-width: 768px) {
    .content .balance-wallet .content-table .row>[class*=col] {
        display:flex;
        flex-wrap: wrap;
        align-items: center
    }

    .content .balance-wallet .detail-box.head .tag {
        font-size: 16px;
        margin: 0 0 10px
    }

    .content .balance-wallet .detail-box.head .value sub {
        font-weight: 500
    }

    .content .balance-wallet .detail-box.head .value small {
        display: inline-block;
        font-size: 22px;
        margin: 0 0 0 15px
    }
}

@media (min-width: 768px) {
    .content .balance-detail .content-table {
        position:relative
    }

    .content .balance-detail .detail-box {
        padding: 15px 0
    }

    .content .balance-detail .detail-box.head .value {
        font-size: 22px;
        float: left
    }

    .content .balance-detail .detail-box.foot {
        border-top: 0
    }

    .content .balance-detail .detail-box.foot .tag,.content .balance-detail .detail-box.foot .value {
        float: none
    }

    .content .balance-detail .detail-box.foot .tag {
        line-height: 1;
        margin: 0 0 7.5px
    }

    .content .balance-detail .detail-box.foot .value {
        float: left
    }

    .content .balance-detail .detail-box .tag {
        height: 14px!important
    }

    .content .balance-detail .button-box {
        background-color: transparent;
        padding: 20px;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0
    }

    .content .balance-detail .button-box .btn {
        min-width: 100px
    }
}

@media (min-width: 768px) {
    .content .balance-pnl .content-table .row>[class*=col] {
        display:flex;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .content .balance-pnl .detail-box.head .tag {
        font-size: 16px;
        margin: 0 0 10px
    }

    .content .balance-pnl .detail-box.head .value sub {
        font-weight: 500
    }

    .content .balance-pnl .detail-box.head .value small {
        display: inline-block;
        font-size: 22px;
        margin: 0 0 0 15px
    }
}

@media (min-width: 768px) {
    .content .referral-detail .detail-box {
        border-top:0
    }

    .content .referral-detail .detail-box.head {
        border-bottom: 1px solid var(--border)
    }

    .content .referral-detail .detail-box.head small {
        font-size: 22px;
        display: inline-block;
        padding: 0 0 0 15px;
        margin: 0
    }

    .content .referral-detail .detail-box small {
        float: none;
        margin: 5px 0 0
    }
}

@media (min-width: 768px) {
    .content .account-detail .row,.content .recent-events .row {
        margin:0 -7.5px
    }

    .content .account-detail .row>[class*=col],.content .recent-events .row>[class*=col] {
        padding: 0 7.5px
    }
}

@media (min-width: 768px) {
    .content .recent-transaction .content-table {
        flex-wrap:nowrap
    }
}

@media (min-width: 768px) {
    .content .content-top .container {
        padding:0 20px
    }

    .content .content-top .content-title {
        position: static
    }

    .content .content-top .content-title .btn-icon {
        color: transparent!important;
        background-color: transparent!important;
        padding: 0;
        margin: -15px 0!important;
        top: 0!important
    }

    .content .content-top .content-title .btn-icon .text {
        color: var(--link);
        margin: 0 6px 0 0
    }

    .content .content-top .content-title .btn-icon .icon {
        display: block;
        width: 20px;
        height: 20px
    }

    .content .content-top .caption {
        font-size: 14px
    }

    .content .content-top .table {
        border-radius: var(--border-radius-xl)
    }

    .content .content-top .top-field {
        display: none;
        width: 640px;
        overflow: hidden;
        inset: 50% 0 auto 50%;
        transform: translate(-50%,-50%);
        border-radius: var(--border-radius-pg)
    }

    .content .content-top .top-field.open {
        display: block
    }

    .content .content-top .top-field .content-title {
        height: auto;
        font-size: 16px;
        line-height: 1.4;
        border-bottom: 1px solid var(--border);
        padding: 15px 0;
        margin: 0 0 20px
    }

    .content .content-top .top-field-back {
        top: 64px;
        bottom: 64px
    }
}

@media (min-width: 992px) {
    .content .button-box {
        padding:21px 0;
        margin: 0 -15px 0 0;
        border-radius: 0;
        border-top-right-radius: var(--border-radius-xl);
        border-bottom-right-radius: var(--border-radius-xl)
    }

    .content .button-box .btn-group {
        height: 40px;
        align-items: center;
        padding: 0 20px
    }

    .content .detail-box .pnl a {
        margin: 5px 0 0
    }

    .content .balance-wallet .content-table .row>[class*=col],.content .balance-detail .content-table .row>[class*=col],.content .balance-pnl .content-table .row>[class*=col],.content .referral-detail .content-table .row>[class*=col] {
        align-items: flex-start
    }

    .content .balance-wallet .detail-box.head {
        border-bottom: 0
    }

    .content .balance-wallet .detail-box.head .tag {
        font-size: 14px
    }

    .content .balance-wallet .detail-box.head .value {
        font-size: 18px
    }

    .content .balance-wallet .detail-box.head .value small {
        display: block;
        font-size: 16px;
        margin: 7.5px 0 0
    }

    .content .balance-pnl .detail-box.head {
        border-bottom: 0
    }

    .content .balance-pnl .detail-box.head .tag {
        font-size: 14px
    }

    .content .balance-pnl .detail-box.head .value {
        font-size: 18px
    }

    .content .balance-pnl .detail-box.head .value small {
        display: block;
        font-size: 16px;
        margin: 7.5px 0 0
    }

    .content .balance-detail .button-box {
        padding: 17px 15px
    }

    .content .balance-detail .button-box .btn-group {
        padding: 0;
        gap: 15px
    }

    .content .profile-overview .info .icon-verified {
        display: none
    }

    .content .profile-overview .info .account-status.verified {
        color: var(--primary-color)
    }

    .content .profile-overview .info .account-status .icon {
        width: 14px;
        height: 14px;
        display: block;
        float: left;
        margin: -1px 7px -1px 0
    }

    .content .profile-overview .profile-info .account-status {
        display: none
    }

    .content .referral-detail .detail-box.head {
        border-bottom: 0
    }

    .content .referral-detail .detail-box.head small {
        font-size: 16px;
        display: block;
        padding: 0;
        margin: 7.5px 0 0
    }

    .content .account-detail .content-table {
        height: calc(100% - 30px)
    }

    .content .account-detail .level-text {
        line-height: 1.5
    }

    .content .account-detail .level-text a,.content .account-detail .level-text b {
        display: contents
    }

    .content .recent-events .content-table {
        height: calc(100% - 30px)
    }

    .content .content-table .step .step-item {
        flex: 0 0 25%;
        max-width: 25%
    }

    .content .content-form .form {
        padding: 20px 0 0
    }
}

@media (min-width: 1200px) {
    .content {
        min-height:670px;
        overflow: hidden;
        padding: 20px 0 0
    }

    .content.menu-content {
        min-height: calc(60vh - 10px)
    }
}

@media (min-width: 1200px) and (min-height: 970px) {
    .content.menu-content {
        min-height:calc(60vh - 50px)
    }
}

@media (min-width: 1200px) and (min-height: 970px) {
    .content {
        min-height:882px
    }
}

@media (min-width: 1200px) {
    .content.error-content {
        background-color:var(--bg-color-01);
        position: relative
    }
}

@media (min-width: 1200px) {
    .content .no-content,.content .no-match,.content .table-loader {
        min-height:96px
    }
}

@media (min-width: 1200px) {
    .content .alert-pair-wallet {
        min-height:auto
    }
}

@media (min-width: 1200px) {
    .content .tool-bar .filter-form {
        position:static
    }

    .content .tool-bar .search-control:focus-within {
        width: 240px
    }
}

@media (min-width: 1200px) {
    .content .detail-box .pnl a {
        margin:0
    }
}

@media (min-width: 1200px) {
    .content .feature-box {
        padding:0 20px
    }

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

@media (min-width: 1200px) {
    .content .button-box {
        margin:0 -20px 0 0
    }
}

@media (min-width: 1200px) {
    .content .balance-wallet,.content .balance-detail,.content .balance-pnl,.content .referral-detail {
        margin:0 0 40px
    }

    .content .balance-wallet .content-table .content-caption,.content .balance-detail .content-table .content-caption,.content .balance-pnl .content-table .content-caption,.content .referral-detail .content-table .content-caption {
        margin: 0 0 20px
    }

    .content .balance-wallet .detail-box,.content .balance-detail .detail-box,.content .balance-pnl .detail-box,.content .referral-detail .detail-box {
        padding: 20px 0
    }
}

@media (min-width: 1200px) {
    .content .balance-detail .content-table .row {
        margin:0 -20px
    }

    .content .balance-detail .content-table .row>[class*=col] {
        padding: 0 20px
    }

    .content .balance-detail .button-box {
        padding: 22px 20px
    }

    .content .balance-detail .button-box .btn-group {
        gap: 20px
    }
}

@media (min-width: 1200px) {
    .content .balance-pnl .row {
        margin:0 -20px
    }

    .content .balance-pnl .row>[class*=col] {
        padding: 0 20px
    }
}

@media (min-width: 1200px) {
    .content .account-detail .level-status {
        margin:0 0 20px
    }

    .content .account-detail .level-text {
        padding: 20px 0
    }
}

@media (min-width: 1200px) {
    .content .profile-overview {
        height:86px;
        padding: 25px 0;
        margin: 0 0 25px
    }
}

@media (min-width: 1200px) {
    .content .feature-field {
        margin:0 0 30px
    }
}

@media (min-width: 1200px) {
    .content .account-detail .row,.content .recent-events .row,.content .security-status .row {
        margin:0 -10px
    }

    .content .account-detail .row>[class*=col],.content .recent-events .row>[class*=col],.content .security-status .row>[class*=col] {
        padding: 0 10px
    }
}

@media (min-width: 1200px) {
    .content .recent-events {
        margin:0 0 40px
    }

    .content .recent-events .content-table {
        height: calc(100% - 40px)
    }
}

@media (min-width: 1200px) {
    .content .account-detail .content-table {
        height:calc(100% - 40px)
    }
}

@media (min-width: 1200px) {
    .content .security-status {
        margin:0 0 40px
    }

    .content .security-status .content-table {
        height: 100%;
        justify-content: center;
        margin: 0
    }

    .content .security-status .content-table:after {
        right: 20px
    }

    .content .security-status .content-table.passive:after {
        right: 16px
    }
}

@media (min-width: 1200px) {
    .content .markets-page .tab-button {
        margin:20px 0 0
    }

    .content .markets-page .tab-menu {
        gap: 15px
    }

    .content .markets-page .tab-menu .tab-caption {
        font-size: 15px
    }

    .content .markets-page .tab-content .tab-button {
        gap: 10px
    }

    .content .markets-page .alert-pair {
        margin: 20px 0 0
    }
}

@media (min-width: 1200px) {
    .content .earn-faq {
        margin:0 0 60px
    }

    .content .earn-faq .accordion-list .list-item {
        margin: 15px 0 0;
        border-radius: 10px
    }

    .content .earn-faq .accordion-list .list-item:first-child {
        margin: 0
    }

    .content .earn-faq .accordion-list .caption {
        font-size: 18px;
        padding: 15px 50px 15px 20px;
        border-radius: 10px
    }

    .content .earn-faq .accordion-list .caption .arrow {
        width: 18px;
        height: 26px;
        top: 15px;
        right: 20px
    }

    .content .earn-faq .accordion-list .detail {
        padding: 20px
    }

    .content .earn-faq .accordion-list .detail .text {
        font-size: 16px
    }
}

@media (min-width: 1200px) {
    .content .tab-head {
        padding:20px 0
    }

    .content .tab-head .tab-caption {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .content .accordion-list .list-item {
        margin:25px 0 0
    }

    .content .accordion-list .list-item:first-child {
        margin: 0
    }

    .content .accordion-list .caption {
        font-size: 20px;
        padding: 20px 25px;
        border-radius: 10px
    }

    .content .accordion-list .caption .arrow {
        width: 20px;
        height: 20px
    }

    .content .accordion-list .detail {
        padding: 25px;
        gap: 25px
    }

    .content .accordion-list .detail .text,.content .accordion-list .detail .list {
        font-size: 17px
    }

    .content .accordion-list .detail .list {
        gap: 25px
    }
}

@media (min-width: 1200px) {
    .content .content-title {
        font-size:20px;
        padding: 20px 0
    }

    .content .content-title .btn {
        height: 36px;
        line-height: 32px!important;
        margin: -4px 0 -4px auto
    }

    .content .content-title .btn-back {
        margin: 0!important
    }

    .content .content-title .btn-back .icon {
        width: 18px;
        height: 18px
    }
}

@media (min-width: 1200px) {
    .content .content-table {
        padding:0 20px;
        margin: 0 0 40px;
        border-radius: 15px
    }

    .content .content-table .tool-bar .filter-form {
        padding: 15px 0 20px;
        position: static
    }
}

@media (min-width: 1200px) {
    .content .content-feature {
        padding:20px 0;
        margin: 0 0 40px;
        border-radius: 15px
    }

    .content .content-feature .row {
        margin: 0
    }

    .content .content-feature .row>[class*=col] {
        padding: 0
    }

    .content .content-feature .row>[class*=col]:first-child .feature-box {
        border: 0
    }

    .content .content-feature .feature-box {
        border-left: 1px solid var(--border)
    }
}

@media (min-width: 1200px) {
    .content .content-form {
        margin:0 0 60px
    }

    .content .content-form .content-caption .caption {
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    .content .content-article {
        font-size:15px
    }

    .content .content-article h2,.content .content-article p,.content .content-article ul,.content .content-article ol,.content .content-article .table,.content .content-article .logo {
        margin: 0 0 20px!important
    }
}

@media (min-width: 1200px) {
    .content .content-top {
        background-color:var(--bg-color);
        padding: 0 0 40px;
        margin: -20px 0 40px
    }

    .content .content-top .container {
        padding: 0 15px!important
    }

    .content .content-top .row {
        margin: 0 -15px
    }

    .content .content-top .top-field {
        width: auto;
        display: block;
        background-color: transparent;
        overflow: visible;
        margin: 0 -10px;
        position: static;
        transform: none;
        border-radius: 0;
        transition: none
    }

    .content .content-top .top-field .container {
        padding: 0
    }

    .content .content-top .table {
        height: 127px;
        background-color: var(--bg-color-02);
        overflow: hidden;
        padding: 5px 15px;
        margin: 0;
        border-radius: var(--border-radius-pg)
    }

    .content .content-top .table .trow {
        cursor: pointer
    }

    .content .content-top .table .trow:after {
        z-index: -2;
        border-radius: 11px
    }

    .content .content-top .table .trow:hover:after {
        background-color: var(--bg-color)
    }

    .content .content-top .table .trow>[class*=col] {
        flex: 0 0 auto;
        font-size: 14px
    }

    .content .content-top .table .trow>[class*=col]:nth-child(1) {
        width: 36%
    }

    .content .content-top .table .trow>[class*=col]:nth-child(2) {
        width: 36%
    }

    .content .content-top .table .trow>[class*=col]:nth-child(3) {
        width: 28%
    }

    .content .content-top .table .icon-box .name {
        font-size: 14px;
        position: relative;
        z-index: -1
    }

    .content .content-top .top-field-back {
        display: none!important
    }
}

@media (min-width: 1200px) {
    .content .button-content .btn-fixed {
        top:-52px
    }
}

.ticker-bar {
    background-color: var(--bg-color)
}

.ticker-bar [class*=col] {
    display: flex;
    align-items: center;
    overflow: visible!important
}

.ticker-bar .select-menu.open .select-back {
    background-color: var(--transparent-bg);
    opacity: .5;
    position: fixed;
    inset: 0;
    z-index: 5
}

.ticker-bar .select-button {
    height: 28px;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: var(--secondary-dark-color);
    background-color: transparent;
    border: 0;
    padding: 0
}

.ticker-bar .select-list {
    height: 0;
    background-color: var(--bg-color);
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 6;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .ticker-bar .select-list {
        transition: none
    }
}

.ticker-bar .select-back {
    background-color: #000000d9;
    opacity: 0;
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .ticker-bar .select-back {
        transition: none
    }
}

.ticker-bar .tooltip {
    display: inline-block;
    margin: -3px 0 -3px 5px;
    padding: 1rem 1rem 0;
    position: relative;
    top: 3px;
    z-index: 1
}

.ticker-bar .tooltip span {
    font-weight: 700;
    padding-left: .75rem
}

.ticker-bar .tooltip .icon {
    width: 14px;
    height: 14px
}

.ticker-bar .tooltip .text {
    padding-left: 1.5rem
}

@media (min-width: 768px) {
    .ticker-bar {
        background-color:var(--bg-color-01)
    }

    .ticker-bar .container-fluid,.ticker-bar .container-sm,.ticker-bar .container-md,.ticker-bar .container-lg,.ticker-bar .container-xl,.ticker-bar .container-xxl {
        padding: 0!important
    }

    .ticker-bar .container-fluid .row,.ticker-bar .container-sm .row,.ticker-bar .container-md .row,.ticker-bar .container-lg .row,.ticker-bar .container-xl .row,.ticker-bar .container-xxl .row {
        margin: 0!important
    }

    .ticker-bar .container-fluid .row>[class*=col],.ticker-bar .container-sm .row>[class*=col],.ticker-bar .container-md .row>[class*=col],.ticker-bar .container-lg .row>[class*=col],.ticker-bar .container-xl .row>[class*=col],.ticker-bar .container-xxl .row>[class*=col] {
        padding: 0!important;
        position: relative
    }

    .ticker-bar .container-fluid .row .col-side,.ticker-bar .container-sm .row .col-side,.ticker-bar .container-md .row .col-side,.ticker-bar .container-lg .row .col-side,.ticker-bar .container-xl .row .col-side,.ticker-bar .container-xxl .row .col-side {
        padding: 0!important
    }

    .ticker-bar .container-fluid .row .col-center,.ticker-bar .container-sm .row .col-center,.ticker-bar .container-md .row .col-center,.ticker-bar .container-lg .row .col-center,.ticker-bar .container-xl .row .col-center,.ticker-bar .container-xxl .row .col-center {
        padding: 0 15px
    }

    .ticker-bar .container-fluid .row .col-center:before,.ticker-bar .container-sm .row .col-center:before,.ticker-bar .container-md .row .col-center:before,.ticker-bar .container-lg .row .col-center:before,.ticker-bar .container-xl .row .col-center:before,.ticker-bar .container-xxl .row .col-center:before {
        content: "";
        width: 1px;
        display: block;
        background-color: var(--border);
        position: absolute;
        top: 7.5px;
        bottom: 7.5px;
        left: -1px
    }

    .ticker-bar .pair-ticker .row {
        margin: 0 -10px!important
    }

    .ticker-bar .pair-ticker .row>[class*=col] {
        padding: 0 10px!important
    }

    .ticker-bar .select-menu.open .select-button .arrow {
        transform: rotate(-180deg)
    }

    .ticker-bar .select-menu.open .select-back {
        top: 128px;
        bottom: 64px
    }

    .ticker-bar .select-menu .select-button {
        width: 100%;
        height: auto;
        font-size: 15px;
        line-height: 1;
        padding: 15px
    }

    .ticker-bar .select-menu .select-button small {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: var(--tertiary-color)!important
    }

    .ticker-bar .select-menu .select-button .arrow {
        width: 10px;
        height: 10px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMTkuNCwyMy4zbDQuNi00LjVsMCwwbDcuMy03LjNjMS41LTEuNiwwLjQtNC4yLTEuOC00LjJIMTUuM2wwLDBIMi41Yy0yLjIsMC0zLjMsMi43LTEuNyw0LjJsMTEuOCwxMS44DQoJQzE0LjUsMjUuMiwxNy42LDI1LjIsMTkuNCwyMy4zeiIvPg0KPC9zdmc+DQo=);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: all .3s
    }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .ticker-bar .select-menu .select-button .arrow {
        transition:none
    }
}

@media (min-width: 768px) {
    .ticker-bar .select-menu .select-list {
        background-color:var(--bg-color-01);
        position: absolute;
        top: 64px;
        border-bottom-right-radius: var(--border-radius-xl);
        border-bottom-left-radius: var(--border-radius-xl)
    }
}

@media (min-width: 992px) {
    .ticker-bar .pair-ticker .row {
        margin:0 -15px!important
    }

    .ticker-bar .pair-ticker .row>[class*=col] {
        padding: 0 15px!important
    }
}

@media (min-width: 1200px) {
    .ticker-bar .pair-ticker .row {
        margin:0 -10px!important
    }

    .ticker-bar .pair-ticker .row>[class*=col] {
        padding: 0 10px!important
    }

    .ticker-bar .select-menu.open .select-back {
        bottom: 0
    }

    .ticker-bar .container-fluid .row .col-center:after,.ticker-bar .container-sm .row .col-center:after,.ticker-bar .container-md .row .col-center:after,.ticker-bar .container-lg .row .col-center:after,.ticker-bar .container-xl .row .col-center:after,.ticker-bar .container-xxl .row .col-center:after {
        content: "";
        width: 1px;
        display: block;
        background-color: var(--border);
        position: absolute;
        top: 7.5px;
        bottom: 7.5px;
        right: -1px
    }
}

@media (min-width: 1366px) {
    .ticker-bar .pair-ticker .row {
        margin:0 -15px!important
    }

    .ticker-bar .pair-ticker .row>[class*=col] {
        padding: 0 15px!important
    }
}

.tool-bar:after {
    display: block;
    clear: both;
    content: ""
}

.tool-bar .form .row {
    margin: 0 -7.5px
}

.tool-bar .form .row>[class*=col] {
    padding: 0 7.5px
}

.tool-bar .form .tab-button {
    gap: 10px
}

.tool-bar .form .tab-button .tab-item.active .tab-caption {
    color: var(--white-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.tool-bar .form .tab-button .tab-caption {
    background-color: var(--input-alt-bg);
    border-color: var(--input-alt-border)
}

.tool-bar .form .btn-group {
    gap: 15px
}

.tool-bar .action-form:after {
    display: block;
    clear: both;
    content: ""
}

.tool-bar .action-form .row-reverse {
    flex-direction: column-reverse
}

.tool-bar .action-form .form .form-group,.tool-bar .action-form .form .option-group {
    margin: 0 0 15px
}

.tool-bar .action-form .form .form-control {
    background-color: var(--input-alt-bg);
    border-color: var(--input-alt-border);
    border-radius: var(--border-radius-lg)
}

.tool-bar .action-form .form .form-control:focus-within {
    border-color: var(--input-focus-border)
}

.tool-bar .action-form .form .option-group .option-control {
    min-height: 36px;
    align-items: flex-start;
    justify-content: center
}

.tool-bar .action-form .form .option-control li {
    margin: 0
}

.tool-bar .action-form .form .option-control label {
    white-space: nowrap
}

.tool-bar .action-form .form .option-control label:before {
    background-color: var(--input-alt-bg);
    border-color: var(--input-alt-border)
}

.tool-bar .action-form .form .option-control input:checked+label:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.tool-bar .filter-form {
    height: 0;
    background-color: var(--bg-color);
    opacity: 0;
    overflow: hidden;
    padding: 0 20px;
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    z-index: 999;
    border-top-left-radius: var(--border-radius-xl);
    border-top-right-radius: var(--border-radius-xl);
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .tool-bar .filter-form {
        transition: none
    }
}

.tool-bar .filter-form:after {
    display: block;
    clear: both;
    content: ""
}

.tool-bar .filter-form.open {
    height: auto;
    opacity: 1;
    overflow: visible;
    bottom: 0
}

.tool-bar .filter-form .caption {
    width: 100%;
    height: 52px;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-light-color);
    line-height: 1;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
    position: relative
}

.tool-bar .filter-form .caption .btn-close {
    width: 54px;
    height: 52px;
    padding: 0;
    margin: 0 -20px 0 0
}

.tool-bar .filter-form .caption .btn-close .icon {
    width: 18px;
    height: 18px
}

.tool-bar .filter-form .form {
    padding: 15px 0
}

.tool-bar .filter-form .form .form-group {
    width: 100%;
    margin: 0 0 15px
}

.tool-bar .filter-form .form .btn-group {
    width: 100%;
    flex-direction: row-reverse;
    padding: 5px 0
}

.tool-bar .filter-form .form .select-control .menu {
    margin: 0 0 10px;
    top: auto;
    bottom: 100%
}

.tool-bar .filter-form .form .select-control .menu perfect-scrollbar {
    margin: 4px 0
}

.tool-bar .filter-form .form .select-control .menu perfect-scrollbar>.ps {
    min-height: 114px;
    max-height: 228px
}

.tool-bar .filter-back {
    background-color: var(--transparent-bg);
    opacity: 0;
    transition: all .5s
}

@media (prefers-reduced-motion: reduce) {
    .tool-bar .filter-back {
        transition: none
    }
}

.tool-bar .filter-back.open {
    opacity: .75;
    position: fixed;
    inset: 0;
    z-index: 5
}

@media (min-width: 768px) {
    .tool-bar .action-form {
        margin:-5px 0 15px
    }

    .tool-bar .action-form .row-reverse {
        flex-direction: row;
        justify-content: space-between
    }

    .tool-bar .action-form .content-caption {
        margin: -5px 0
    }

    .tool-bar .action-form .form {
        margin: 0
    }

    .tool-bar .action-form .form .form-group,.tool-bar .action-form .form .option-group {
        height: 100%;
        display: flex;
        align-items: center;
        margin: 0
    }

    .tool-bar .action-form .form .row {
        justify-content: space-between
    }

    .tool-bar .action-form .form .select-control {
        margin: 0
    }

    .tool-bar .action-form .btn-group {
        width: 100%;
        margin: 0 0 0 auto
    }

    .tool-bar .action-form .btn-group .btn-item {
        flex: 0 0 auto
    }

    .tool-bar .action-form .btn {
        font-size: 14px
    }

    .tool-bar .filter-form {
        max-width: 480px;
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: auto!important;
        transition: none;
        transform: translate(-50%,-50%);
        border-radius: var(--border-radius-xl)
    }

    .tool-bar .filter-form .form .select-control .menu {
        margin: 10px 0 0;
        top: 100%;
        bottom: auto
    }
}

@media (min-width: 1200px) {
    .tool-bar {
        width:100%
    }

    .tool-bar .action-form .form .select-control .select {
        height: 34px;
        font-size: 14px;
        line-height: 34px;
        background-position: calc(100% - 11px) center;
        background-size: 11px;
        padding: 0 33px 0 11px
    }

    .tool-bar .action-form .form .select-control .menu {
        min-width: 140px
    }

    .tool-bar .action-form .form .select-control .search {
        padding: 11px
    }

    .tool-bar .action-form .form .select-control .search .form-control {
        border-radius: var(--border-radius-sm)!important
    }

    .tool-bar .action-form .form .select-control .search .form-control:focus-within {
        border-color: var(--border-dark)!important
    }

    .tool-bar .action-form .form .select-control .search .form-control input {
        height: 30px!important;
        font-size: 13px!important;
        line-height: 30px!important;
        padding: 0 10px!important
    }

    .tool-bar .action-form .form .select-control .search .form-control .input-group-append .btn-icon {
        width: 30px!important;
        height: 30px
    }

    .tool-bar .action-form .form .select-control .search .form-control .input-group-append .btn-icon .icon {
        width: 14px;
        height: 14px
    }

    .tool-bar .action-form .form .select-control .menu-list label {
        height: 36px;
        font-size: 14px!important;
        line-height: 36px!important;
        padding: 0 13px
    }

    .tool-bar .filter-form {
        width: 100%;
        max-width: unset;
        height: auto;
        display: inline-flex;
        background-color: var(--bg-color);
        opacity: 1;
        overflow: visible;
        padding: 15px 20px 20px;
        margin: 0 0 10px;
        transform: unset;
        position: static;
        border-radius: 15px
    }

    .tool-bar .filter-form .form {
        display: inline-flex;
        padding: 0
    }

    .tool-bar .filter-form .form .row {
        margin: 0 -5px
    }

    .tool-bar .filter-form .form .row>[class*=col] {
        display: flex;
        align-items: flex-end;
        padding: 0 5px
    }

    .tool-bar .filter-form .form .form-group {
        margin: 0
    }

    .tool-bar .filter-form .form .form-group label {
        font-size: 13px!important;
        margin: 0 0 8px
    }

    .tool-bar .filter-form .form .form-control input {
        height: 34px;
        font-size: 13px;
        line-height: 34px;
        padding: 0 11px
    }

    .tool-bar .filter-form .form .select-control .select {
        height: 34px;
        font-size: 14px;
        line-height: 34px;
        background-position: calc(100% - 11px) center;
        background-size: 11px;
        padding: 0 33px 0 11px
    }

    .tool-bar .filter-form .form .select-control .select .text {
        font-size: 14px
    }

    .tool-bar .filter-form .form .select-control .menu {
        min-width: 140px
    }

    .tool-bar .filter-form .form .select-control .menu perfect-scrollbar>.ps {
        min-height: 109px;
        max-height: 216px
    }

    .tool-bar .filter-form .form .select-control .search {
        padding: 11px
    }

    .tool-bar .filter-form .form .select-control .search .form-control {
        border-radius: var(--border-radius-sm)!important
    }

    .tool-bar .filter-form .form .select-control .search .form-control:focus-within {
        border-color: var(--border-dark)!important
    }

    .tool-bar .filter-form .form .select-control .search .form-control input {
        height: 30px!important;
        font-size: 13px!important;
        line-height: 30px!important;
        padding: 0 10px!important
    }

    .tool-bar .filter-form .form .select-control .search .form-control .input-group-append .btn-icon {
        width: 30px!important;
        height: 30px
    }

    .tool-bar .filter-form .form .select-control .search .form-control .input-group-append .btn-icon .icon {
        width: 14px;
        height: 14px
    }

    .tool-bar .filter-form .form .select-control .menu-list label {
        height: 36px;
        font-size: 14px!important;
        line-height: 36px!important;
        padding: 0 13px
    }

    .tool-bar .filter-form .form .select-control .menu-list label .text {
        font-size: 14px
    }

    .tool-bar .filter-form .form .date-control input {
        height: 34px;
        font-size: 14px;
        line-height: 34px
    }

    .tool-bar .filter-form .form .date-control .mat-date-range-input-container {
        padding: 0 34px 0 11px
    }

    .tool-bar .filter-form .form .date-control .mat-mdc-icon-button {
        width: 34px;
        height: 34px;
        background-size: 20px
    }

    .tool-bar .filter-form .form .date-control .mat-date-range-input-wrapper {
        width: 74px;
        height: 34px
    }

    .tool-bar .filter-form .form .date-control .mat-date-range-input-separator {
        height: 34px;
        font-size: 14px;
        line-height: 34px;
        margin: 0 7px
    }

    .tool-bar .filter-form .form .form-control,.tool-bar .filter-form .form .select-control,.tool-bar .filter-form .form .date-control {
        border-radius: var(--border-radius-md)
    }

    .tool-bar .filter-form .form .btn-group {
        flex-direction: row;
        border-top: 0;
        padding: 0;
        position: static;
        gap: 10px
    }

    .tool-bar .filter-form .form .btn {
        height: 36px;
        font-size: 15px;
        padding: 0 18px;
        border-radius: var(--border-radius-md)
    }

    .tool-bar .filter-back {
        display: none!important
    }
}

.section-menu {
    display: flex;
    flex-wrap: nowrap;
    background-color: var(--bg-color-01);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: sticky;
    top: 56px;
    left: 0;
    right: 0;
    z-index: 3
}

.section-menu::-webkit-scrollbar {
    display: none
}

.section-menu .container {
    padding: 0 15px
}

.section-menu .row {
    margin: 0 -15px
}

.section-menu .row>[class*=col] {
    width: auto;
    max-width: none;
    padding: 0 15px
}

.section-menu .navbar-menu {
    position: relative;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px
}

.section-menu .navbar-menu .nav-item {
    height: 100%;
    flex: 0 0 auto;
    position: relative
}

.section-menu .navbar-menu .nav-item:after {
    content: "";
    height: 3px;
    background-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.section-menu .navbar-menu .nav-item:hover .nav-link,.section-menu .navbar-menu .nav-item.active .nav-link {
    color: var(--primary-color)
}

.section-menu .navbar-menu .nav-item.active:after {
    background-color: var(--primary-color)
}

.section-menu .navbar-menu .nav-link {
    height: 100%;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: var(--secondary-color);
    align-items: center;
    position: relative;
    text-decoration: none
}

.section-menu .navbar-menu .nav-link .new-dot {
    position: absolute;
    right: -7px;
    top: 17px
}

@media (min-width: 768px) {
    .section-menu {
        top:64px
    }

    .section-menu .navbar-menu {
        height: 56px;
        gap: 20px
    }

    .section-menu .navbar-menu .nav-link {
        font-size: 15px
    }
}

.base-content {
    padding: 30px 0
}

.base-content .row {
    margin: 0 -7.5px
}

.base-content .row>[class*=col] {
    padding: 0 7.5px
}

.base-content .content-section {
    margin: 0 0 30px
}

.base-content .content-section.last-section {
    margin: 0!important
}

.base-content .content-title {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 18px;
    color: var(--secondary-color);
    text-align: center;
    padding: 0;
    margin: 0 0 15px
}

.base-content .content-title .description {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--secondary-light-color);
    text-align: center;
    margin: 10px 0 0
}

.base-content .image-card {
    width: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 10px
}

.base-content .image-card img {
    width: 100%
}
.cardcategory{
    display: inline-block;
    font-size: 11px;
    background-color: #fa731920;
    color: #fa7319;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: 500;
    margin-right: 6px;
    margin-bottom: 20px;
}
.base-content .content-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--bg-color);
    text-decoration: none;
    margin: 0 0 15px;
    position: relative;
    border-radius: 10px;
        padding-bottom: 30px;
}

.base-content .content-card.last-card {
    margin: 0!important
}

.base-content .content-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.base-content .content-list .list-item {
    width: 100%
}

.base-content .content-list .content-card {
    height: 100%;
    margin: 0!important
}

.base-content .card-body,.base-content .form-body,.base-content .map-body,.base-content .table-body {
    width: 100%
}

.base-content .card-body:after,.base-content .form-body:after,.base-content .map-body:after,.base-content .table-body:after {
    display: block;
    clear: both;
    content: ""
}

.base-content .card-body .image {
    width: 100%;
    display: flex
}

.base-content .card-body .image img {
    width: 100%
}

.base-content .card-body .icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px
}

.base-content .card-body .detail {
    width: 100%;
    padding: 15px
}

.base-content .card-body .caption {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--secondary-color);
    margin: 0 0 10px
}

.base-content .card-body .text {
    font-size: 14px;
    line-height: 1.4;
    color: var(--secondary-color);
    margin: 0 0 10px
}

.base-content .card-body .link {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    color: var(--link-hover);
    transition: all .3s
}

.base-content .card-body .link:hover {
    color: var(--link)
}

.base-content .card-body .link .arrow {
    width: 14px;
    height: 14px;
    margin: 0 0 -2px 6px;
    rotate: -45deg
}

.base-content .form-body {
    padding: 15px
}

.base-content .form-body .caption {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: var(--secondary-color);
    text-align: center;
    border-bottom: 1px solid var(--border);
    padding: 0 0 15px;
    margin: 0 0 15px
}

.base-content .form-body .form .form-group,.base-content .form-body .form .alert-group {
    margin: 0 0 15px
}

.base-content .form-body .form .form-group label {
    font-size: 13px;
    margin: 0;
    position: relative;
    top: -5px
}

.base-content .form-body .form .alert-group .alert {
    min-height: unset;
    font-size: 13px;
    padding: 9px 14px;
    margin: 0;
    border-radius: var(--border-radius-lg)
}

.base-content .form-body .form .form-control {
    overflow: visible
}

.base-content .form-body .form .form-control input,.base-content .form-body .form .form-control output,.base-content .form-body .form .form-control select,.base-content .form-body .form .form-control textarea {
    color: var(--secondary-color)
}

.base-content .form-body .form .form-control input {
    text-align: left!important
}

.base-content .form-body .form .form-control select {
    border-radius: var(--border-radius-lg)
}

.base-content .form-body .form .input-group-append .select-control .icon {
    margin: auto 0
}

.base-content .form-body .form .btn {
    width: 100%
}

.base-content .map-body {
    padding: 15px
}

.base-content .map-body .map {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 0 15px;
    border-radius: 5px
}

.base-content .map-body .map .map-container {
    width: 100%!important;
    height: 240px!important
}

.base-content .map-body .address {
    margin: 0
}

.base-content .map-body .address .title {
    font-weight: 600;
    color: var(--primary-color);
    margin: 0 0 8px
}

.base-content .map-body .address .detail {
    color: var(--secondary-color);
    margin: 0
}

.base-content .map-body .address .detail br {
    display: none
}

.base-content .table-body {
    padding: 0 15px
}

.base-content .table-body .title {
    width: 100%;
    min-height: 48px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: var(--secondary-color);
    border-bottom: 1px solid var(--border);
    padding: 15px 0;
    margin: 0 0 15px
}

.base-content .table-body .tool-bar {
    border-bottom: 1px solid var(--border);
    padding: 0 0 10px;
    margin: -5px 0 15px
}

.base-content .table-body .tool-bar .form .row {
    margin: 0 -10px
}

.base-content .table-body .tool-bar .form .row>[class*=col] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    gap: 10px
}

.base-content .table-body .tool-bar .form label {
    font-size: 13px;
    color: var(--tertiary-color)
}

.base-content .table-body .tool-bar .form .form-control select {
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    background-size: 10px;
    padding: 0 32px 0 11px
}

.base-content .table-body .search {
    width: auto;
    margin: 0;
    position: absolute;
    top: 6px;
    right: 6px
}

.base-content .table-body .search.open {
    left: 6px
}

.base-content .table-body .search.open .form-control {
    width: 100%
}

.base-content .table-body .search.open .form-control input {
    display: flex
}

.base-content .table-body .search.open .form-control .btn-icon .icon-search {
    display: none
}

.base-content .table-body .search.open .form-control .btn-icon .icon-clean {
    display: flex
}

.base-content .table-body .search .form-control {
    background-color: var(--bg-color);
    border: 0;
    margin-left: auto;
    border-radius: 0
}

.base-content .table-body .search .form-control input {
    font-size: 16px;
    line-height: 34px;
    padding: 0 0 0 9px;
    display: none
}

.base-content .table-body .search .form-control .input-group-append {
    padding: 0;
    margin: 0 0 0 auto
}

.base-content .table-body .search .form-control .btn-icon {
    width: 34px!important
}

.base-content .table-body .search .form-control .btn-icon .icon {
    width: 20px;
    height: 20px;
    background-size: contain
}

.base-content .table-body .search .form-control .btn-icon .icon-clean {
    display: none
}

.base-content .table-body .tab-group {
    border-bottom: 0!important;
    margin: 0 0 15px
}

.base-content .table-body .table .thead>[class*=col] {
    font-size: 13px
}

.base-content .table-body .table .trow>[class*=col] {
    font-size: 14px;
    padding: 10px 0
}

.base-content .text-body {
    padding: 15px
}

.base-content .text-body .title {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: var(--secondary-color);
    border-bottom: 1px solid var(--border);
    padding: 0 0 15px;
    margin: 0 0 15px
}

.base-content .text-body .caption {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--secondary-color);
    margin: 0 0 10px;
    position: relative
}

.base-content .text-body .caption .icon {
    width: 18px;
    height: 18px;
    background-color: var(--primary-color);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMy4zLDcuNEwxMC42LDIwQzkuNywyMSw4LjIsMjEsNy4yLDIwbC02LjUtNi41Yy0wLjktMC45LTAuOS0yLjUsMC0zLjRjMC45LTAuOSwyLjUtMC45LDMuNCwwbDQuOCw0LjgNCglsMTEtMTFDMjAuOCwzLDIyLjQsMywyMy4zLDRDMjQuMiw0LjksMjQuMiw2LjQsMjMuMyw3LjR6Ii8+DQo8L3N2Zz4NCg==);
    background-size: 10px;
    margin: 0 10px -3px 0;
    border-radius: var(--border-radius-rd)
}

.base-content .text-body .caption .number {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 1;
    color: var(--white-color);
    text-align: center;
    background-color: var(--primary-color);
    margin: 0 10px 0 0;
    position: relative;
    top: -1px;
    border-radius: var(--border-radius-rd)
}

.base-content .text-body .text {
    font-size: 14px;
    line-height: 1.5;
    color: var(--secondary-lighter-color);
    margin: 0 0 15px
}

.base-content .text-body .text:last-child {
    margin: 0
}

.base-content .text-body .list {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    color: var(--secondary-lighter-color);
    gap: 15px
}

.base-content .text-body .list>li {
    list-style-position: inside
}

.base-content .text-body .list b {
    color: var(--secondary-light-color)
}

.base-content .text-body .list.list-decimal>li {
    list-style-type: decimal
}

.base-content .text-body .list.list-decimal>li::marker {
    font-weight: 600;
    color: var(--primary-color)
}

.base-content .text-body .alert {
    min-height: unset!important;
    margin: 0 0 15px;
    border-radius: 6px
}

.base-content .present-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 0 0 30px
}

.base-content .present-field .title {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--secondary-color);
    margin: -1px 0 15px
}

.base-content .present-field .title span {
    display: contents
}

.base-content .present-field .caption {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--secondary-color);
    margin: 0 0 10px
}

.base-content .present-field .description {
    font-size: 14px;
    line-height: 1.4;
    color: var(--secondary-light-color);
    margin: 0
}

.base-content .present-field .description br {
    width: 100%;
    content: "";
    display: block;
    height: 15px
}

.base-content .article-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.base-content .article-list .list-item {
    width: 100%
}

.base-content .alert {
    border-radius: 10px
}

.base-content .alert-help {
    font-size: 14px!important;
    padding: 10px 15px!important;
    margin: 0!important;
    gap: 10px!important;
    border-radius: var(--border-radius-md)!important
}

.base-content .alert-help .alert-icon {
    width: 16px!important;
    height: 16px!important;
    flex: 0 0 16px!important
}

.base-content .alert-help a {
    font-weight: 500
}

.base-content .pagination-bar {
    border-top: 0;
    padding: 0;
    margin: 0
}

.base-content .pagination-bar .page-item.active .page-link {
    background-color: var(--primary-color)
}

.base-content .pagination-bar .page-link {
    background-color: var(--input-alt-bg);
    border-radius: var(--border-radius-md)
}

@media (min-width: 768px) {
    .base-content {
        padding:45px 0
    }

    .base-content .row {
        margin: 0 -10px
    }

    .base-content .row>[class*=col] {
        padding: 0 10px
    }

    .base-content .content-section {
        margin: 0 0 45px
    }

    .base-content .content-title {
        font-size: 20px;
        margin: 0 0 20px
    }

    .base-content .content-title .description {
        font-size: 16px;
        margin: 10px 0 5px
    }

    .base-content .image-card {
        box-shadow: var(--card-shadow);
        border-radius: 15px
    }

    .base-content .content-card {
        box-shadow: var(--card-shadow);
        margin: 0 0 20px;
        border-radius: 15px
    }

    .base-content .content-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px
    }

    .base-content .content-list .list-item {
        width: calc(50% - 10px)
    }

    .base-content .card-body .icon {
        width: 44px;
        height: 44px;
        flex: 0 0 44px
    }

    .base-content .card-body .detail {
        display: flex;
        flex-direction: column;
        padding: 20px
    }

    .base-content .card-body .caption {
        margin: -3px 0 13px
    }

    .base-content .card-body .text {
        margin: 0 0 15px
    }

    .base-content .card-body .link {
        margin-top: auto
    }

    .base-content .form-body {
        padding: 20px
    }

    .base-content .form-body .caption {
        font-size: 18px;
        padding: 0 0 20px;
        margin: 0 0 20px
    }

    .base-content .form-body .form .form-group,.base-content .form-body .form .alert-group {
        margin: 0 0 20px
    }

    .base-content .form-body .form .form-group label {
        font-size: 14px
    }

    .base-content .form-body .form .alert-group .alert {
        font-size: 14px;
        padding: 10px 15px
    }

    .base-content .form-body .form .form-control input,.base-content .form-body .form .form-control output,.base-content .form-body .form .form-control select,.base-content .form-body .form .form-control textarea {
        height: 42px;
        font-size: 15px;
        line-height: 43px;
        padding: 0 14px
    }

    .base-content .form-body .form .form-control select {
        background-position: calc(100% - 14px) center;
        background-size: 13px;
        padding: 0 41px 0 14px
    }

    .base-content .form-body .form .form-control textarea {
        padding: 10px 14px!important
    }

    .base-content .form-body .form .input-group-append label {
        height: 42px!important;
        font-size: 15px!important;
        line-height: 43px!important
    }

    .base-content .form-body .form .input-group-append .select-control .icon {
        width: 22px;
        height: 22px
    }

    .base-content .form-body .form .input-group-append .select-control .select {
        background-position: calc(100% - 14px) center;
        padding: 0 38px 0 0;
        gap: 10px
    }

    .base-content .form-body .form .input-group-append .select-control .menu-list label {
        padding: 0 11px;
        gap: 10px
    }

    .base-content .form-body .form .btn {
        height: 44px;
        font-size: 16px;
        line-height: 44px
    }

    .base-content .map-body {
        padding: 20px
    }

    .base-content .map-body .map {
        margin: 0 0 20px;
        border-radius: 6px
    }

    .base-content .map-body .map .map-container {
        height: 362px!important
    }

    .base-content .map-body .address .title {
        margin: 0 0 12px
    }

    .base-content .map-body .address .title br {
        display: none
    }

    .base-content .table-body {
        padding: 0 20px
    }

    .base-content .table-body .title {
        min-height: 56px;
        font-size: 17px;
        padding: 18px 0;
        margin: 0 0 20px
    }

    .base-content .table-body .tool-bar {
        margin: -10px 0 15px
    }

    .base-content .table-body .tool-bar .form label {
        font-size: 14px
    }

    .base-content .table-body .tool-bar .form .form-control select {
        height: 32px;
        font-size: 14px;
        line-height: 32px
    }

    .base-content .table-body .search {
        width: 240px;
        top: 10px;
        left: auto!important;
        right: 20px
    }

    .base-content .table-body .search .form-control {
        width: 100%!important;
        background-color: transparent
    }

    .base-content .table-body .search .form-control input {
        display: flex!important;
        font-size: 15px;
        padding: 0 10px 0 0;
        text-align: right
    }

    .base-content .table-body .search .form-control .btn-icon {
        width: 20px!important
    }

    .base-content .table-body .search .form-control .btn-icon .icon {
        background-size: contain
    }

    .base-content .table-body .search .form-control .btn-icon .icon-search {
        display: block!important
    }

    .base-content .table-body .search .form-control .btn-icon .icon-clean {
        display: none!important
    }

    .base-content .table-body .tab-group {
        margin: 0 0 20px
    }

    .base-content .table-body .tab-category .tab-caption {
        height: 34px;
        font-size: 14px
    }

    .base-content .table-body .table .thead>[class*=col] {
        font-size: 14px;
        padding: 0
    }

    .base-content .table-body .table .trow>[class*=col] {
        font-size: 15px
    }

    .base-content .text-body {
        padding: 20px
    }

    .base-content .text-body .title {
        font-size: 17px;
        padding: 0 0 18px;
        margin: 0 0 20px
    }

    .base-content .text-body .icon,.base-content .text-body .text {
        margin: 0 0 15px
    }

    .base-content .text-body .caption {
        font-size: 17px
    }

    .base-content .text-body .caption .icon {
        width: 19px;
        height: 19px;
        background-size: 11px
    }

    .base-content .text-body .caption .number {
        width: 19px;
        height: 19px;
        line-height: 19px
    }

    .base-content .text-body .text {
        font-size: 15px
    }

    .base-content .text-body .description {
        margin: 0 0 25px
    }

    .base-content .text-body .list {
        font-size: 15px;
        gap: 20px
    }

    .base-content .text-body .alert {
        padding: 12.5px 17.5px;
        margin: 0 0 20px;
        border-radius: 8px
    }

    .base-content .present-field {
        height: 100%;
        align-items: flex-start;
        text-align: left;
        margin: 0
    }

    .base-content .present-field .title {
        font-size: 22px;
        margin: -5px 0 20px
    }

    .base-content .present-field .description {
        font-size: 16px
    }

    .base-content .present-field .description>br {
        height: 17px
    }

    .base-content .present-field .link {
        font-size: 16px
    }

    .base-content .article-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .base-content .alert {
        min-height: 54px;
        font-size: 15px;
        line-height: 1.5;
        box-shadow: var(--card-shadow);
        padding: 15px 20px;
        margin: 0;
        gap: 12px;
        border-radius: 15px
    }

    .base-content .alert .alert-icon {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        margin: 2px 0 0 -4px
    }

    .base-content .pagination-bar .page-link {
        min-width: 34px;
        height: 34px;
        font-size: 15px
    }

    .base-content .pagination-bar .page-link .arrow {
        width: 12px;
        height: 12px
    }
}

@media (min-width: 1200px) {
    .base-content {
        padding:60px 0
    }

    .base-content .row {
        margin: 0 -12.5px
    }

    .base-content .row>[class*=col] {
        padding: 0 12.5px
    }

    .base-content .content-section {
        margin: 0 0 60px
    }

    .base-content .content-title {
        font-size: 22px;
        margin: auto 0;
    }

    .base-content .content-title .description {
        font-size: 18px
    }

    .base-content .image-card {
        border-radius: 15px
    }

    .base-content .image-card.card-lg {
        border-radius: 20px
    }

    .base-content .image-card.card-sm {
        border-radius: 10px
    }

    .base-content .content-card {
        margin: 0 0 25px;
        border-radius: 15px
    }

    .base-content .content-card.card-lg {
        border-radius: 20px
    }

    .base-content .content-card.card-sm {
        border-radius: 10px
    }

    .base-content .content-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 25px
    }

    .base-content .content-list .list-item {
        width: calc(33.3333333333% - 25px + 8.3333333333px)
    }

    .base-content .card-body .icon {
        width: 48px;
        height: 48px;
        flex: 0 0 48px
    }

    .base-content .card-body .detail {
        padding: 25px
    }

    .base-content .card-body .caption {
        font-size: 20px;
        margin: -5px 0 15px
    }

    .base-content .card-body .text {
        font-size: 16px;
        margin: 0 0 20px
    }

    .base-content .card-body .link {
        font-size: 16px
    }

    .base-content .card-body .link .arrow {
        width: 18px;
        height: 18px;
        margin: 0 0 -3px 6px
    }

    .base-content .form-body {
        padding: 25px
    }

    .base-content .form-body .caption {
        font-size: 20px;
        padding: 0 0 25px;
        margin: 0 0 25px
    }

    .base-content .form-body .form .form-group,.base-content .form-body .form .alert-group {
        margin: 0 0 25px
    }

    .base-content .form-body .form .form-group label {
        font-size: 15px;
        margin: 0 0 10px
    }

    .base-content .form-body .form .alert-group .alert {
        font-size: 15px;
        padding: 11px 16px
    }

    .base-content .form-body .form .form-control input,.base-content .form-body .form .form-control output,.base-content .form-body .form .form-control select,.base-content .form-body .form .form-control textarea {
        height: 46px;
        font-size: 16px;
        line-height: 46px;
        padding: 0 15px
    }

    .base-content .form-body .form .form-control select {
        background-position: calc(100% - 15px) center;
        background-size: 14px;
        padding: 0 44px 0 15px
    }

    .base-content .form-body .form .form-control textarea {
        padding: 11px 15px!important
    }

    .base-content .form-body .form .input-group-append label {
        height: 46px!important;
        font-size: 16px!important;
        line-height: 47px!important
    }

    .base-content .form-body .form .input-group-append .select-control .icon {
        width: 24px;
        height: 24px
    }

    .base-content .form-body .form .input-group-append .select-control .select {
        background-position: calc(100% - 15px) center;
        padding: 0 39px 0 0;
        gap: 12px
    }

    .base-content .form-body .form .input-group-append .select-control .menu-list label {
        padding: 0 12px;
        gap: 12px
    }

    .base-content .form-body .form .btn {
        height: 48px;
        font-size: 17px;
        line-height: 48px
    }

    .base-content .map-body {
        padding: 25px
    }

    .base-content .map-body .map {
        margin: 0 0 25px
    }

    .base-content .map-body .map .map-container {
        height: 426px!important
    }

    .base-content .table-body {
        padding: 0 25px
    }

    .base-content .table-body .title {
        min-height: 60px;
        font-size: 18px;
        padding: 20px 0;
        margin: 0 0 25px
    }

    .base-content .table-body .tool-bar {
        padding: 0 0 15px;
        margin: -10px 0 25px
    }

    .base-content .table-body .tool-bar .form label {
        font-size: 15px
    }

    .base-content .table-body .tool-bar .form .form-control select {
        height: 34px;
        font-size: 15px;
        line-height: 34px;
        background-size: 11px;
        padding: 0 34px 0 12px
    }

    .base-content .table-body .search {
        top: 12.5px;
        right: 25px
    }

    .base-content .table-body .search .form-control input {
        font-size: 16px
    }

    .base-content .table-body .search .form-control .btn-icon {
        width: 22px!important
    }

    .base-content .table-body .search .form-control .btn-icon .icon {
        width: 22px;
        height: 22px
    }

    .base-content .table-body .tab-group {
        margin: -5px 0 25px
    }

    .base-content .table-body .tab-category .tab-caption {
        height: 36px;
        font-size: 15px
    }

    .base-content .table-body .table .thead>[class*=col],.base-content .table-body .table .trow>[class*=col] {
        min-height: unset
    }

    .base-content .table-body .table .thead>[class*=col] {
        font-size: 15px;
        padding: 0 0 10px;
        margin: -5px 0 0
    }

    .base-content .table-body .table .trow:after {
        left: -12.4px;
        right: -12.5px;
        border-radius: 8px
    }

    .base-content .table-body .table .trow>[class*=col] {
        font-size: 16px;
        padding: 10px 0
    }

    .base-content .table-body .table .tbody {
        margin: 0 0 12.5px
    }

    .base-content .text-body {
        padding: 25px
    }

    .base-content .text-body .title {
        font-size: 18px;
        padding: 0 0 20px;
        margin: 0 0 25px
    }

    .base-content .text-body .caption {
        font-size: 18px
    }

    .base-content .text-body .caption .icon {
        width: 20px;
        height: 20px;
        background-size: 12px
    }

    .base-content .text-body .caption .number {
        width: 20px;
        height: 20px;
        line-height: 20px
    }

    .base-content .text-body .text {
        font-size: 16px;
        line-height: 1.6;
        margin: 0 0 20px
    }

    .base-content .text-body .list {
        font-size: 16px;
        line-height: 1.6
    }

    .base-content .text-body .alert {
        padding: 15px 20px;
        margin: 0 0 25px;
        border-radius: 10px
    }

    .base-content .present-field .title {
        font-size: 24px;
        margin: -5px 0 27px
    }

    .base-content .present-field .description {
        font-size: 18px
    }

    .base-content .present-field .description>br {
        height: 19px
    }

    .base-content .present-field.present-lg {
        padding: 0 25px 0 0
    }

    .base-content .present-field.present-lg .title {
        font-size: 28px;
        letter-spacing: -.25px
    }

    .base-content .present-field.present-lg .description,.base-content .present-field.present-lg .link {
        font-size: 18px
    }

    .base-content .article-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .base-content .social-list .icon {
        width: 32px!important;
        height: 32px!important;
        flex: 0 0 32px!important
    }

    .base-content .alert {
        font-size: 16px;
        padding: 20px 25px;
        gap: 14px
    }

    .base-content .alert .alert-icon {
        width: 20px;
        height: 20px;
        flex: 0 0 20px
    }

    .base-content .pagination-bar {
        margin: 25px 0 0
    }
}

.pro-trade,.future-trade {
    padding: 0 0 56px
}

.pro-trade .alert-pair,.future-trade .alert-pair {
    font-size: 13px;
    padding: 12.5px 47px 12.5px 15px;
    margin: 0;
    border-radius: 0
}

.pro-trade .alert-pair .alert-icon,.future-trade .alert-pair .alert-icon {
    margin: 2px 0 0
}

.pro-trade .row,.future-trade .row {
    margin: 0 -7.5px
}

.pro-trade .row>[class*=col],.future-trade .row>[class*=col] {
    padding: 0 7.5px
}

.pro-trade .row .col-side,.future-trade .row .col-side {
    width: 50%
}

.pro-trade .content-seperator,.future-trade .content-seperator {
    width: 100%;
    height: 2px
}

.pro-trade .content-table,.future-trade .content-table {
    flex-direction: unset;
    padding: 0;
    margin: 0 0 1px;
    overflow: hidden;
    border-radius: 0
}

.pro-trade .content-table .content-title,.future-trade .content-table .content-title {
    min-height: 44px;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    border-bottom: 1px solid var(--border);
    align-items: center;
    padding: 0
}

.pro-trade .content-table .btn-history,.future-trade .content-table .btn-history {
    width: auto;
    height: 44px;
    color: var(--secondary-light-color);
    padding: 0;
    border-bottom: 0;
    position: absolute;
    right: 15px;
    z-index: 1
}

.pro-trade .content-table .btn-history .icon,.future-trade .content-table .btn-history .icon {
    width: 20px;
    height: 20px;
    filter: var(--icon-filter);
    margin: auto;
    transition: all .3s
}

.pro-trade .price-graph .graph,.future-trade .price-graph .graph {
    height: 313px;
    margin: 0 15px
}

.pro-trade .order-form,.future-trade .order-form {
    width: 100%
}

.pro-trade .order-form:after,.future-trade .order-form:after {
    display: block;
    clear: both;
    content: ""
}

.pro-trade .order-form .tab-menu,.pro-trade .order-form .tab-slide,.future-trade .order-form .tab-menu,.future-trade .order-form .tab-slide {
    margin: 0 0 10px
}

.pro-trade .order-form .tab-slide,.future-trade .order-form .tab-slide {
    border-radius: var(--border-radius-lg)
}

.pro-trade .order-form .tab-slide:before,.future-trade .order-form .tab-slide:before {
    border-radius: var(--border-radius-md)
}

.pro-trade .order-form .tab-content,.future-trade .order-form .tab-content {
    margin: 0 0 15px
}

.pro-trade .order-form .form,.future-trade .order-form .form {
    padding: 0
}

.pro-trade .order-form .form .form-control,.future-trade .order-form .form .form-control {
    border-radius: var(--border-radius-md)
}

.pro-trade .order-form .form .form-control select,.future-trade .order-form .form .form-control select {
    background-position: right center;
    padding: 0 18px 0 10px;
    margin: 0 0 0 -10px
}

.pro-trade .order-form .form .form-group,.future-trade .order-form .form .form-group {
    margin: 0 0 10px
}

.pro-trade .order-form .form .percent-group,.future-trade .order-form .form .percent-group {
    margin: 15px 0 5px
}

.pro-trade .order-form .form .text-group,.future-trade .order-form .form .text-group {
    margin: 0 0 10px
}

.pro-trade .order-form .form .text-group .text-item,.future-trade .order-form .form .text-group .text-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 11px
}

.pro-trade .order-form .form .text-group .text-item>[class*=col],.future-trade .order-form .form .text-group .text-item>[class*=col] {
    display: flex;
    flex-direction: row;
    gap: 2px
}

.pro-trade .order-form .form .text-group .value,.future-trade .order-form .form .text-group .value {
    display: flex;
    font-weight: 500!important;
    color: var(--secondary-light-color);
    gap: 4px
}

.pro-trade .order-form .form .text-group .value sub,.future-trade .order-form .form .text-group .value sub {
    font-size: 9px;
    font-weight: 400;
    line-height: 1;
    color: var(--tertiary-light-color);
    bottom: -7px
}

.pro-trade .order-form .form .btn,.future-trade .order-form .form .btn {
    border-radius: var(--border-radius-md)
}

.pro-trade .order-form .form .alert,.future-trade .order-form .form .alert {
    line-height: 18px;
    text-align: center
}

.pro-trade .order-form .form .alert a,.future-trade .order-form .form .alert a {
    font-weight: 600
}

.pro-trade .order-book,.future-trade .order-book {
    width: 100%
}

.pro-trade .order-book .sort-menu,.future-trade .order-book .sort-menu {
    display: inline-flex;
    margin: auto 0 auto auto
}

.pro-trade .order-book .sort-menu .sort-item,.future-trade .order-book .sort-menu .sort-item {
    flex: 1 0 0%
}

.pro-trade .order-book .sort-menu .sort-item.active .btn,.future-trade .order-book .sort-menu .sort-item.active .btn {
    border-color: var(--border)
}

.pro-trade .order-book .sort-menu .btn,.future-trade .order-book .sort-menu .btn {
    width: 22px;
    height: 22px;
    min-width: auto;
    border: 1px solid transparent;
    padding: 0;
    margin: 0;
    border-radius: var(--border-radius-sm)
}

.pro-trade .order-book .sort-menu .icon,.future-trade .order-book .sort-menu .icon {
    width: 14px;
    height: 14px;
    display: block!important;
    float: left;
    background-size: 10px;
    margin: 3px
}

.pro-trade .order-book .order-list,.future-trade .order-book .order-list {
    margin: 0 0 15px
}

.pro-trade .action-form,.future-trade .action-form {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border)
}

.pro-trade .action-form .row,.future-trade .action-form .row {
    justify-content: space-between
}

.pro-trade .action-form .row [class*=col],.future-trade .action-form .row [class*=col] {
    min-height: 40px;
    display: flex;
    align-items: center
}

.pro-trade .action-form .option-control label,.future-trade .action-form .option-control label {
    height: 20px;
    font-size: 13px!important;
    line-height: 20px!important
}

.pro-trade .action-form .option-control label:before,.future-trade .action-form .option-control label:before {
    width: 14px;
    height: 14px;
    top: 3px
}

.pro-trade .action-form .btn,.future-trade .action-form .btn {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--button-text);
    padding: 0 10px
}

.pro-trade .trade-orders,.future-trade .trade-orders {
    width: 100%;
    position: relative
}

.pro-trade .trade-orders .btn-cancel-all,.pro-trade .trade-orders .btn-close-all,.future-trade .trade-orders .btn-cancel-all,.future-trade .trade-orders .btn-close-all {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--button-text);
    padding: 0 10px;
    position: absolute;
    top: -36px;
    right: 0;
    z-index: 3
}

.pro-trade .trade-orders .table,.pro-trade .trade-orders .table-loader,.pro-trade .trade-orders .no-session,.pro-trade .trade-orders .no-content,.future-trade .trade-orders .table,.future-trade .trade-orders .table-loader,.future-trade .trade-orders .no-session,.future-trade .trade-orders .no-content {
    min-height: 240px
}

.pro-trade .trade-orders .table b,.pro-trade .trade-orders .table-loader b,.pro-trade .trade-orders .no-session b,.pro-trade .trade-orders .no-content b,.future-trade .trade-orders .table b,.future-trade .trade-orders .table-loader b,.future-trade .trade-orders .no-session b,.future-trade .trade-orders .no-content b {
    font-weight: 500!important
}

@media (min-width: 400px) {
    .pro-trade .order-form .form .text-group .text-item,.future-trade .order-form .form .text-group .text-item {
        font-size:12px
    }

    .pro-trade .order-form .form .text-group .value sub,.future-trade .order-form .form .text-group .value sub {
        font-size: 10px
    }
}

@media (min-height: 800px) {
    .pro-trade .trade-orders .table,.pro-trade .trade-orders .table-loader,.pro-trade .trade-orders .no-session,.pro-trade .trade-orders .no-content,.future-trade .trade-orders .table,.future-trade .trade-orders .table-loader,.future-trade .trade-orders .no-session,.future-trade .trade-orders .no-content {
        min-height:320px
    }
}

@media (min-width: 576px) {
    .pro-trade .container,.future-trade .container {
        max-width:unset;
        margin: 0 auto
    }
}

@media (min-width: 768px) {
    .pro-trade,.future-trade {
        padding:0 0 64px
    }

    .pro-trade .container-fluid,.pro-trade .container-sm,.pro-trade .container-md,.pro-trade .container-lg,.pro-trade .container-xl,.pro-trade .container-xxl,.future-trade .container-fluid,.future-trade .container-sm,.future-trade .container-md,.future-trade .container-lg,.future-trade .container-xl,.future-trade .container-xxl {
        padding: 0 .5px
    }

    .pro-trade .container-fluid .row,.pro-trade .container-sm .row,.pro-trade .container-md .row,.pro-trade .container-lg .row,.pro-trade .container-xl .row,.pro-trade .container-xxl .row,.future-trade .container-fluid .row,.future-trade .container-sm .row,.future-trade .container-md .row,.future-trade .container-lg .row,.future-trade .container-xl .row,.future-trade .container-xxl .row {
        margin: 0 -.5px
    }

    .pro-trade .container-fluid .row>[class*=col],.pro-trade .container-sm .row>[class*=col],.pro-trade .container-md .row>[class*=col],.pro-trade .container-lg .row>[class*=col],.pro-trade .container-xl .row>[class*=col],.pro-trade .container-xxl .row>[class*=col],.future-trade .container-fluid .row>[class*=col],.future-trade .container-sm .row>[class*=col],.future-trade .container-md .row>[class*=col],.future-trade .container-lg .row>[class*=col],.future-trade .container-xl .row>[class*=col],.future-trade .container-xxl .row>[class*=col] {
        padding: 0 .5px;
        position: relative
    }

    .pro-trade .container-fluid .row .col-side,.pro-trade .container-sm .row .col-side,.pro-trade .container-md .row .col-side,.pro-trade .container-lg .row .col-side,.pro-trade .container-xl .row .col-side,.pro-trade .container-xxl .row .col-side,.future-trade .container-fluid .row .col-side,.future-trade .container-sm .row .col-side,.future-trade .container-md .row .col-side,.future-trade .container-lg .row .col-side,.future-trade .container-xl .row .col-side,.future-trade .container-xxl .row .col-side {
        width: 35%
    }

    .pro-trade .container-fluid .row .col-menu,.pro-trade .container-sm .row .col-menu,.pro-trade .container-md .row .col-menu,.pro-trade .container-lg .row .col-menu,.pro-trade .container-xl .row .col-menu,.pro-trade .container-xxl .row .col-menu,.future-trade .container-fluid .row .col-menu,.future-trade .container-sm .row .col-menu,.future-trade .container-md .row .col-menu,.future-trade .container-lg .row .col-menu,.future-trade .container-xl .row .col-menu,.future-trade .container-xxl .row .col-menu {
        width: auto
    }

    .pro-trade .container-fluid .row .col-side,.pro-trade .container-sm .row .col-side,.pro-trade .container-md .row .col-side,.pro-trade .container-lg .row .col-side,.pro-trade .container-xl .row .col-side,.pro-trade .container-xxl .row .col-side,.pro-trade .container-fluid .row .col-center,.pro-trade .container-sm .row .col-center,.pro-trade .container-md .row .col-center,.pro-trade .container-lg .row .col-center,.pro-trade .container-xl .row .col-center,.pro-trade .container-xxl .row .col-center,.future-trade .container-fluid .row .col-side,.future-trade .container-sm .row .col-side,.future-trade .container-md .row .col-side,.future-trade .container-lg .row .col-side,.future-trade .container-xl .row .col-side,.future-trade .container-xxl .row .col-side,.future-trade .container-fluid .row .col-center,.future-trade .container-sm .row .col-center,.future-trade .container-md .row .col-center,.future-trade .container-lg .row .col-center,.future-trade .container-xl .row .col-center,.future-trade .container-xxl .row .col-center {
        display: flex;
        flex-flow: column nowrap;
        align-items: stretch;
        overflow: hidden
    }

    .pro-trade .content-table,.future-trade .content-table {
        height: 100%
    }

    .pro-trade .content-table .container,.future-trade .content-table .container {
        max-width: 100%;
        padding: 0
    }

    .pro-trade .content-table .content-title,.future-trade .content-table .content-title {
        width: calc(100% - 30px);
        justify-content: space-between;
        margin: 0 15px
    }

    .pro-trade .content-table .tab-menu,.future-trade .content-table .tab-menu {
        width: auto;
        margin: 0 15px
    }

    .pro-trade .table .thead,.pro-trade .table .trow,.future-trade .table .thead,.future-trade .table .trow {
        border-bottom: 0!important
    }

    .pro-trade .table .thead>[class*=col],.pro-trade .table .trow>[class*=col],.future-trade .table .thead>[class*=col],.future-trade .table .trow>[class*=col] {
        padding: 0
    }

    .pro-trade .table .thead>[class*=col],.future-trade .table .thead>[class*=col] {
        height: 32px;
        font-size: 12px;
        line-height: 32px
    }

    .pro-trade .table .trow:hover:after,.future-trade .table .trow:hover:after {
        background-color: var(--bg-color-01)
    }

    .pro-trade .table .trow>[class*=col],.future-trade .table .trow>[class*=col] {
        height: 22px;
        font-size: 13px;
        line-height: 22px
    }

    .pro-trade .price-graph,.future-trade .price-graph {
        width: 100%;
        margin: 0
    }

    .pro-trade .price-graph .graph,.future-trade .price-graph .graph {
        width: calc(100% - 21px);
        height: 324px;
        margin: 0 15px 0 6px
    }

    .pro-trade .order-form,.future-trade .order-form {
        width: calc(100% - 30px);
        margin: 0 15px
    }

    .pro-trade .order-form .tab-menu,.future-trade .order-form .tab-menu {
        margin: 0 0 10px
    }

    .pro-trade .order-form .tab-slide,.future-trade .order-form .tab-slide {
        height: 36px;
        padding: 1.5px
    }

    .pro-trade .order-form .tab-slide.slide:before,.future-trade .order-form .tab-slide.slide:before {
        left: calc(50% + 2px)!important
    }

    .pro-trade .order-form .tab-slide:before,.future-trade .order-form .tab-slide:before {
        width: calc(50% - 4.5px);
        top: 3px;
        bottom: 3px;
        left: 3px
    }

    .pro-trade .order-form .tab-slide .tab-item,.future-trade .order-form .tab-slide .tab-item {
        padding: 1.5px
    }

    .pro-trade .order-form .tab-slide .tab-caption,.future-trade .order-form .tab-slide .tab-caption {
        height: 30px
    }

    .pro-trade .order-form .form .form-control select,.future-trade .order-form .form .form-control select {
        width: auto
    }

    .pro-trade .action-form,.future-trade .action-form {
        width: calc(100% - 30px);
        margin: 0 15px
    }

    .pro-trade .trade-orders .btn-cancel-all,.pro-trade .trade-orders .btn-close-all,.future-trade .trade-orders .btn-cancel-all,.future-trade .trade-orders .btn-close-all {
        right: 15px
    }

    .pro-trade .trade-orders .table,.pro-trade .trade-orders .table-loader,.pro-trade .trade-orders .no-session,.pro-trade .trade-orders .no-content,.future-trade .trade-orders .table,.future-trade .trade-orders .table-loader,.future-trade .trade-orders .no-session,.future-trade .trade-orders .no-content {
        min-height: 320px
    }
}

@media (min-width: 992px) {
    .pro-trade .container-fluid .row .col-side,.pro-trade .container-sm .row .col-side,.pro-trade .container-md .row .col-side,.pro-trade .container-lg .row .col-side,.pro-trade .container-xl .row .col-side,.pro-trade .container-xxl .row .col-side,.pro-trade .container-fluid .row .col-menu,.pro-trade .container-sm .row .col-menu,.pro-trade .container-md .row .col-menu,.pro-trade .container-lg .row .col-menu,.pro-trade .container-xl .row .col-menu,.pro-trade .container-xxl .row .col-menu,.future-trade .container-fluid .row .col-side,.future-trade .container-sm .row .col-side,.future-trade .container-md .row .col-side,.future-trade .container-lg .row .col-side,.future-trade .container-xl .row .col-side,.future-trade .container-xxl .row .col-side,.future-trade .container-fluid .row .col-menu,.future-trade .container-sm .row .col-menu,.future-trade .container-md .row .col-menu,.future-trade .container-lg .row .col-menu,.future-trade .container-xl .row .col-menu,.future-trade .container-xxl .row .col-menu {
        width:30%
    }

    .pro-trade .trade-orders .no-session,.future-trade .trade-orders .no-session {
        min-height: calc(40vh - 44px)
    }

    .pro-trade .trade-orders .table,.pro-trade .trade-orders .no-content,.future-trade .trade-orders .table,.future-trade .trade-orders .no-content {
        min-height: calc(40vh - 132px)
    }

    .pro-trade .trade-orders .table-loader,.future-trade .trade-orders .table-loader {
        min-height: calc(40vh - 165px)
    }
}

@media (min-width: 1200px) {
    .pro-trade,.future-trade {
        height:auto;
        min-height: 736px;
        padding: 0
    }

    .pro-trade .alert-pair .alert-icon,.future-trade .alert-pair .alert-icon {
        margin: 0 0 0 -3px
    }

    .pro-trade .alert-pair .alert-message,.future-trade .alert-pair .alert-message {
        height: 16px;
        line-height: 16px
    }

    .pro-trade .alert-pair .btn-close,.future-trade .alert-pair .btn-close {
        margin: -1px -4px -1px 0
    }

    .pro-trade .container-fluid .row .col-book,.pro-trade .container-sm .row .col-book,.pro-trade .container-md .row .col-book,.pro-trade .container-lg .row .col-book,.pro-trade .container-xl .row .col-book,.pro-trade .container-xxl .row .col-book,.pro-trade .container-fluid .row .col-side,.pro-trade .container-sm .row .col-side,.pro-trade .container-md .row .col-side,.pro-trade .container-lg .row .col-side,.pro-trade .container-xl .row .col-side,.pro-trade .container-xxl .row .col-side,.pro-trade .container-fluid .row .col-menu,.pro-trade .container-sm .row .col-menu,.pro-trade .container-md .row .col-menu,.pro-trade .container-lg .row .col-menu,.pro-trade .container-xl .row .col-menu,.pro-trade .container-xxl .row .col-menu,.future-trade .container-fluid .row .col-book,.future-trade .container-sm .row .col-book,.future-trade .container-md .row .col-book,.future-trade .container-lg .row .col-book,.future-trade .container-xl .row .col-book,.future-trade .container-xxl .row .col-book,.future-trade .container-fluid .row .col-side,.future-trade .container-sm .row .col-side,.future-trade .container-md .row .col-side,.future-trade .container-lg .row .col-side,.future-trade .container-xl .row .col-side,.future-trade .container-xxl .row .col-side,.future-trade .container-fluid .row .col-menu,.future-trade .container-sm .row .col-menu,.future-trade .container-md .row .col-menu,.future-trade .container-lg .row .col-menu,.future-trade .container-xl .row .col-menu,.future-trade .container-xxl .row .col-menu {
        width: 280px
    }

    .pro-trade .content-table,.future-trade .content-table {
        position: relative
    }

    .pro-trade .content-table.table-sup,.future-trade .content-table.table-sup {
        height: calc(60vh - 89px);
        min-height: 392px
    }

    .pro-trade .content-table.table-sub,.future-trade .content-table.table-sub {
        height: calc(40vh - 43px);
        min-height: 278px
    }

    .pro-trade .content-table.table-full,.future-trade .content-table.table-full {
        height: calc(100vh - 131px);
        min-height: 671px;
        padding: 0
    }

    .pro-trade .content-table .content-title,.future-trade .content-table .content-title {
        width: calc(100% - 30px);
        min-height: 44px;
        margin: 0 15px
    }

    .pro-trade .content-table .tab-menu .tab-item:hover .tab-caption .icon,.pro-trade .content-table .tab-menu .tab-item.open .tab-caption .icon,.future-trade .content-table .tab-menu .tab-item:hover .tab-caption .icon,.future-trade .content-table .tab-menu .tab-item.open .tab-caption .icon {
        filter: var(--icon-filter-01-hover)
    }

    .pro-trade .content-table .tab-menu .tab-caption .icon,.future-trade .content-table .tab-menu .tab-caption .icon {
        filter: var(--icon-filter-01)
    }

    .pro-trade .table,.future-trade .table {
        margin: 0 0 10px
    }

    .pro-trade .table .thead,.pro-trade .table .trow,.future-trade .table .thead,.future-trade .table .trow {
        padding: 0 15px
    }

    .pro-trade .table .thead>[class*=col],.pro-trade .table .trow>[class*=col],.future-trade .table .thead>[class*=col],.future-trade .table .trow>[class*=col] {
        min-height: auto
    }

    .pro-trade .table .trow,.future-trade .table .trow {
        padding: 0 15px
    }

    .pro-trade .table .trow>[class*=col],.future-trade .table .trow>[class*=col] {
        height: 22.8px;
        line-height: 22.8px
    }

    .pro-trade .price-graph .graph,.future-trade .price-graph .graph {
        width: auto;
        height: calc(60vh - 167px);
        min-height: 341px
    }

    .pro-trade .order-form .tab-menu,.future-trade .order-form .tab-menu {
        margin: 0 0 15px
    }

    .pro-trade .order-book .sort-menu,.future-trade .order-book .sort-menu {
        gap: 5px
    }

    .pro-trade .action-form,.future-trade .action-form {
        width: auto;
        min-height: 44px;
        border-bottom: 0;
        margin: 0;
        position: absolute;
        top: 0;
        right: 15px;
        z-index: 3
    }

    .pro-trade .tool-bar,.future-trade .tool-bar {
        width: calc(100% - 30px);
        border-bottom: 1px solid var(--border);
        padding: 10px 0;
        margin: 0 15px
    }

    .pro-trade .tool-bar .row,.future-trade .tool-bar .row {
        margin: 0 -5px
    }

    .pro-trade .tool-bar .row>[class*=col],.future-trade .tool-bar .row>[class*=col] {
        padding: 0 5px
    }

    .pro-trade .tool-bar .form,.future-trade .tool-bar .form {
        padding: 0
    }

    .pro-trade .tool-bar .form .form-group,.future-trade .tool-bar .form .form-group {
        margin: 0
    }

    .pro-trade .tool-bar .form .select-control .select,.future-trade .tool-bar .form .select-control .select {
        height: 26px;
        background-position: calc(100% - 8px) center;
        padding: 0 26px 0 8px
    }

    .pro-trade .tool-bar .form .select-control .select .text,.future-trade .tool-bar .form .select-control .select .text {
        font-size: 12px;
        line-height: 26px
    }

    .pro-trade .tool-bar .form .select-control .menu,.future-trade .tool-bar .form .select-control .menu {
        margin: 5px 0 0
    }

    .pro-trade .tool-bar .form .date-control input,.future-trade .tool-bar .form .date-control input {
        height: 26px;
        font-size: 12px;
        line-height: 26px
    }

    .pro-trade .tool-bar .form .date-control .mat-date-range-input-container,.future-trade .tool-bar .form .date-control .mat-date-range-input-container {
        padding: 0 30px 0 8px
    }

    .pro-trade .tool-bar .form .date-control .mat-date-range-input-wrapper,.pro-trade .tool-bar .form .date-control .mat-date-range-input-separator,.future-trade .tool-bar .form .date-control .mat-date-range-input-wrapper,.future-trade .tool-bar .form .date-control .mat-date-range-input-separator {
        height: 26px
    }

    .pro-trade .tool-bar .form .date-control .mat-mdc-icon-button,.future-trade .tool-bar .form .date-control .mat-mdc-icon-button {
        width: 26px;
        height: 26px
    }

    .pro-trade .tool-bar .form .btn,.future-trade .tool-bar .form .btn {
        height: 28px;
        padding: 0 8px
    }

    .pro-trade .trade-orders .tab-menu,.future-trade .trade-orders .tab-menu {
        width: calc(100% - 30px);
        margin: 0 15px
    }

    .pro-trade .trade-orders .btn-cancel-all,.pro-trade .trade-orders .btn-close-all,.future-trade .trade-orders .btn-cancel-all,.future-trade .trade-orders .btn-close-all {
        display: flex;
        align-items: flex-end;
        height: 24px;
        font-size: 12px;
        text-decoration: underline!important;
        justify-content: flex-end;
        background-color: var(--bg-color);
        padding: 0 15px 2px 10px;
        top: 0;
        right: -15px;
        border-radius: 0
    }

    .pro-trade .trade-orders .btn-cancel-all,.future-trade .trade-orders .btn-cancel-all {
        color: var(--primary-color)
    }

    .pro-trade .trade-orders .btn-close-all,.future-trade .trade-orders .btn-close-all {
        color: var(--red-color)
    }

    .pro-trade .trade-orders .btn-close-all:hover,.future-trade .trade-orders .btn-close-all:hover {
        color: #a0001d
    }

    .pro-trade .trade-orders .table,.pro-trade .trade-orders .table-loader,.pro-trade .trade-orders .no-match,.pro-trade .trade-orders .no-content,.future-trade .trade-orders .table,.future-trade .trade-orders .table-loader,.future-trade .trade-orders .no-match,.future-trade .trade-orders .no-content {
        height: 184px;
        min-height: unset
    }
}

@media (min-width: 1200px) and (min-height: 800px) {
    .pro-trade .trade-orders .table,.pro-trade .trade-orders .table-loader,.pro-trade .trade-orders .no-match,.pro-trade .trade-orders .no-content,.future-trade .trade-orders .table,.future-trade .trade-orders .table-loader,.future-trade .trade-orders .no-match,.future-trade .trade-orders .no-content {
        height:calc(40vh - 135px)!important
    }
}

@media (min-width: 1200px) {
    .pro-trade .trade-orders .table .detail-table,.pro-trade .trade-orders .table-loader .detail-table,.pro-trade .trade-orders .no-match .detail-table,.pro-trade .trade-orders .no-content .detail-table,.future-trade .trade-orders .table .detail-table,.future-trade .trade-orders .table-loader .detail-table,.future-trade .trade-orders .no-match .detail-table,.future-trade .trade-orders .no-content .detail-table {
        height:auto!important
    }
}

@media (min-width: 1200px) {
    .pro-trade .trade-orders .table .trow:after,.future-trade .trade-orders .table .trow:after {
        border-radius:0
    }

    .pro-trade .trade-orders .table .detail-table,.future-trade .trade-orders .table .detail-table {
        height: auto;
        padding: 0
    }
}

@media (min-width: 1200px) {
    .pro-trade .trade-orders .open-orders,.future-trade .trade-orders .open-orders,.pro-trade .trade-orders .open-orders .table-loader,.pro-trade .trade-orders .open-orders .no-content,.future-trade .trade-orders .open-orders .table-loader,.future-trade .trade-orders .open-orders .no-content {
        height:233px
    }
}

@media (min-width: 1200px) and (min-height: 800px) {
    .pro-trade .trade-orders .open-orders,.future-trade .trade-orders .open-orders,.pro-trade .trade-orders .open-orders .table-loader,.pro-trade .trade-orders .open-orders .no-content,.future-trade .trade-orders .open-orders .table-loader,.future-trade .trade-orders .open-orders .no-content {
        height:calc(40vh - 87px)!important
    }
}

@media (min-width: 1440px) {
    .pro-trade .price-graph .graph,.future-trade .price-graph .graph {
        height:calc(60vh - 133px);
        min-height: 356px
    }
}

@media (min-width: 1600px) {
    .pro-trade .container-fluid .row .col-side,.pro-trade .container-sm .row .col-side,.pro-trade .container-md .row .col-side,.pro-trade .container-lg .row .col-side,.pro-trade .container-xl .row .col-side,.pro-trade .container-xxl .row .col-side,.pro-trade .container-fluid .row .col-menu,.pro-trade .container-sm .row .col-menu,.pro-trade .container-md .row .col-menu,.pro-trade .container-lg .row .col-menu,.pro-trade .container-xl .row .col-menu,.pro-trade .container-xxl .row .col-menu,.future-trade .container-fluid .row .col-side,.future-trade .container-sm .row .col-side,.future-trade .container-md .row .col-side,.future-trade .container-lg .row .col-side,.future-trade .container-xl .row .col-side,.future-trade .container-xxl .row .col-side,.future-trade .container-fluid .row .col-menu,.future-trade .container-sm .row .col-menu,.future-trade .container-md .row .col-menu,.future-trade .container-lg .row .col-menu,.future-trade .container-xl .row .col-menu,.future-trade .container-xxl .row .col-menu {
        width:320px
    }

    .pro-trade .tool-bar,.future-trade .tool-bar {
        margin: 0 15px
    }

    .pro-trade .trade-orders,.future-trade .trade-orders {
        width: 100%;
        padding: 0
    }

    .pro-trade .trade-orders .tab-menu,.future-trade .trade-orders .tab-menu {
        margin: 0 15px
    }

    .pro-trade .trade-orders .btn-cancel-all,.pro-trade .trade-orders .btn-close-all,.future-trade .trade-orders .btn-cancel-all,.future-trade .trade-orders .btn-close-all {
        padding: 0 15px 2px 5px
    }
}

.pro-trade .order-form .form .percent-group .ngx-slider .ngx-slider-bubble {
    font-size: 10px!important
}

.pro-trade .order-form .form .percent-group .ngx-slider .ngx-slider-ticks .ngx-slider-tick {
    width: 8px!important;
    height: 8px!important;
    margin: 0!important
}

.pro-trade .order-form .form .percent-group .ngx-slider .ngx-slider-ticks .ngx-slider-tick.ngx-slider-selected {
    width: 8px!important;
    height: 8px!important
}

.pro-trade .order-table .tab-menu .tab-item.active .tab-caption {
    color: var(--tab-caption);
    border-bottom: 2px solid transparent
}

.future-trade .content-table {
    position: relative
}

.future-trade .order-form .tab-button {
    height: 24px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    margin: 0 0 15px;
    gap: 5px
}

.future-trade .order-form .tab-button::-webkit-scrollbar {
    display: none
}

.future-trade .order-form .tab-button .tab-item {
    flex: 1 0 0
}

.future-trade .order-form .tab-button .tab-item.active .tab-caption {
    color: var(--secondary-color);
    background-color: var(--bg-color);
    border-color: var(--tab-active)
}

.future-trade .order-form .tab-button .tab-caption {
    height: 24px;
    font-size: 12px;
    background-color: var(--bg-color-02);
    border: 1px solid transparent;
    padding: 0 6px
}

.future-trade .order-form .form .form-control {
    overflow: visible
}

.future-trade .order-form .form .form-control .option-control {
    margin: 0 0 5px
}

.future-trade .order-form .form .form-control .option-control label {
    min-height: 16px;
    font-size: 12px!important;
    line-height: 16px;
    color: var(--tertiary-color)!important;
    padding: 0 0 0 19px
}

.future-trade .order-form .form .form-control .option-control label:before {
    width: 12px;
    height: 12px;
    background-size: 10px;
    top: 1px
}

.future-trade .order-form .form .form-control .option-control input[type=radio]:checked+label {
    color: var(--input-text)!important
}

.future-trade .order-form .form .slider-container {
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

.future-trade .order-form .form .slider {
    width: 100%
}

.future-trade .order-form .form .leverage-group {
    margin: 0 0 10px
}

.future-trade .order-form .form .leverage-group .leverage-control {
    height: 32px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: var(--tag-text);
    background-color: var(--tag-bg);
    border-radius: var(--border-radius-sm);
    padding: 0 6px 0 10px
}

.future-trade .order-form .form .leverage-group .leverage-control label {
    color: var(--secondary-lighter-color)
}

.future-trade .order-form .form .leverage-group .leverage-control output {
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    line-height: 20px;
    color: var(--white-color);
    background-color: #068bdfbf;
    padding: 0 6px;
    margin: 6px 0;
    border-radius: 3px
}

.future-trade .order-form .form .tooltip {
    display: inline-block;
    margin: -3px 0 -3px 5px;
    position: relative;
    top: 3px;
    z-index: 1
}

.future-trade .order-form .form .tooltip .icon {
    width: 14px;
    height: 14px
}

.future-trade .order-form .form .tooltip .icon:hover+.text {
    display: block!important
}

.future-trade .order-form .form .tooltip .text {
    display: none;
    font-size: 11px;
    line-height: 1;
    color: var(--tertiary-dark-color);
    text-align: center;
    word-break: break-word;
    white-space: nowrap;
    background-color: var(--bg-color);
    border: 1px solid var(--border);
    box-shadow: 0 2px 5px #0000000d;
    padding: 7px 9px;
    margin: 0 0 0 -1px;
    position: absolute;
    left: 50%;
    top: 24px;
    transform: translate(-50%);
    border-radius: var(--border-radius-sm)
}

.future-trade .order-form .form .tooltip .text:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--bg-color);
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: var(--border);
    rotate: 45deg;
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translate(-50%)
}

@media (min-width: 768px) {
    .future-trade .order-book-list .thead>[class*=col]:nth-child(1),.future-trade .order-book-list .trow>[class*=col]:nth-child(1) {
        width:32%
    }

    .future-trade .order-book-list .thead>[class*=col]:nth-child(2),.future-trade .order-book-list .trow>[class*=col]:nth-child(2) {
        width: 36%
    }

    .future-trade .order-book-list .thead>[class*=col]:nth-child(3),.future-trade .order-book-list .trow>[class*=col]:nth-child(3) {
        width: 32%
    }
}

@media (min-width: 1200px) {
    .future-trade .content-table.table-sup {
        min-height:442px
    }

    .future-trade .content-table.table-full {
        height: calc(100% - 1px);
        min-height: 721px
    }

    .future-trade .order-book-list .list {
        height: calc(50vh - 80.5px);
        min-height: 294.5px
    }
}

@media (min-width: 1200px) and (min-height: 700px) {
    .future-trade .order-book-list .list {
        height:calc(50vh - 124.5px)
    }
}

@media (min-width: 1200px) and (min-height: 860px) {
    .future-trade .order-book-list .list {
        height:calc(50vh - 130.5px)
    }
}

@media (min-width: 1200px) {
    .future-trade .order-book-list .list.full-list {
        min-height:550px;
        height: calc(100vh - 257px)
    }
}

@media (min-width: 1200px) {
    .future-trade .trade-orders .open-positions,.future-trade .trade-orders .future-open-orders,.future-trade .trade-orders .open-positions .table-loader,.future-trade .trade-orders .open-positions .no-content,.future-trade .trade-orders .future-open-orders .table-loader,.future-trade .trade-orders .future-open-orders .no-content {
        height:233px
    }
}

@media (min-width: 1200px) and (min-height: 800px) {
    .future-trade .trade-orders .open-positions,.future-trade .trade-orders .future-open-orders,.future-trade .trade-orders .open-positions .table-loader,.future-trade .trade-orders .open-positions .no-content,.future-trade .trade-orders .future-open-orders .table-loader,.future-trade .trade-orders .future-open-orders .no-content {
        height:calc(40vh - 87px)!important
    }
}

.easy-trade {
    height: calc(100vh - 113px);
    background-color: var(--bg-color);
    padding: 30px 0;
    overflow: auto
}

.easy-trade .content-title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1.4;
    color: var(--secondary-color);
    text-align: center;
    padding: 0;
    margin: -6px 0 25px
}

.easy-trade .content-title span {
    display: contents
}

.easy-trade .content-title .description {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--secondary-light-color);
    text-align: center;
    margin: 5px 0 0
}

.easy-trade .content-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: visible;
    padding: 0;
    margin: 0;
    border-radius: 0
}

.easy-trade .content-form .card-body {
    width: 100%;
    padding: 0
}

.easy-trade .content-form .alert-pair {
    font-size: 13px
}

.easy-trade .content-form .tab-slide {
    height: 44px;
    padding: 2px;
    margin: 0 0 15px;
    border-radius: var(--border-radius-lg)
}

.easy-trade .content-form .tab-slide:before {
    width: calc(50% - 6px);
    top: 4px;
    bottom: 4px;
    left: 4px;
    border-radius: 5px
}

.easy-trade .content-form .tab-slide.slide:before {
    left: calc(50% + 2px)!important
}

.easy-trade .content-form .tab-slide .tab-item {
    padding: 2px
}

.easy-trade .content-form .tab-slide .tab-caption {
    height: 36px;
    font-size: 15px;
    line-height: 36px
}

.easy-trade .content-form .form {
    padding: 0!important;
    position: relative
}

.easy-trade .content-form .form .group-content {
    margin: 0 0 15px;
    position: relative
}

.easy-trade .content-form .form .group-content .balance {
    font-size: 13px;
    color: var(--tertiary-color);
    position: absolute;
    top: 11px;
    right: 12px
}

.easy-trade .content-form .form .group-content .balance b {
    font-weight: 500!important;
    color: var(--secondary-lighter-color)!important
}

.easy-trade .content-form .form .group-content .btn-add {
    width: 12px!important;
    height: 12px!important;
    padding: 0!important;
    margin: 0 0 0 8px!important;
    position: relative;
    top: 1px
}

.easy-trade .content-form .form .group-content .btn-add:hover .icon,.easy-trade .content-form .form .group-content .btn-add:active .icon {
    background-color: var(--primary-dark-color)
}

.easy-trade .content-form .form .group-content .btn-add .icon {
    width: 12px;
    height: 12px;
    background-color: var(--primary-color);
    background-image: var(--icon-add);
    background-size: 8px;
    opacity: 1;
    border-radius: 4px;
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .easy-trade .content-form .form .group-content .btn-add .icon {
        transition: none
    }
}

.easy-trade .content-form .form .group-content .form-group {
    margin: 0
}

.easy-trade .content-form .form .alert-group {
    margin: 0 0 15px
}

.easy-trade .content-form .form .alert-group .alert {
    display: block;
    min-height: unset;
    font-size: 13px;
    line-height: 1;
    justify-content: space-between;
    padding: 14px;
    margin: 0
}

.easy-trade .content-form .form .alert-group .alert b {
    display: block;
    float: right
}

.easy-trade .content-form .form .form-group {
    background-color: var(--input-bg);
    border: 1px solid var(--border);
    margin: 0 0 15px;
    border-radius: var(--border-radius-lg);
    transition: all .3s
}

@media (prefers-reduced-motion: reduce) {
    .easy-trade .content-form .form .form-group {
        transition: none
    }
}

.easy-trade .content-form .form .form-group:hover {
    border-color: var(--button-primary-outline-bg)
}

.easy-trade .content-form .form .form-group:focus-within {
    background-color: var(--input-alt-bg);
    border-color: var(--button-primary-outline-bg)
}

.easy-trade .content-form .form .form-group:focus-within .select-control .select {
    background-color: var(--input-alt-bg)
}

.easy-trade .content-form .form .form-group>label {
    font-size: 13px;
    color: var(--tertiary-color);
    padding: 13px 13px 0;
    margin: 0
}

.easy-trade .content-form .form .form-control {
    border: 0;
    background-color: transparent;
    overflow: visible
}

.easy-trade .content-form .form .form-control input,.easy-trade .content-form .form .form-control output {
    font-size: 14px;
    color: var(--secondary-color)
}

.easy-trade .content-form .form .form-control input {
    text-align: left!important
}

.easy-trade .content-form .form .select-control {
    min-width: auto
}

.easy-trade .content-form .form .select-control.open .select {
    background-color: var(--input-bg)
}

.easy-trade .content-form .form .select-control .icon {
    margin: auto 0
}

.easy-trade .content-form .form .select-control .select {
    background-size: 11px;
    padding: 0 20px 0 0!important
}

.easy-trade .content-form .form .select-control .menu {
    right: -14px
}

.easy-trade .content-form .form .alert-session {
    min-height: unset;
    font-size: 13px;
    justify-content: center;
    padding: 10px 13px;
    margin: 0
}

.easy-trade .content-form .form .alert-session a {
    font-weight: 600
}

.easy-trade .content-form .form .btn {
    width: 100%
}

.easy-trade .content-form .tooltip {
    display: inline-block;
    margin: -3px 0 -3px 5px;
    position: relative;
    top: 2px;
    z-index: 1
}

.easy-trade .content-form .tooltip .icon {
    width: 15px;
    height: 15px
}

.easy-trade .content-form .tooltip .icon:hover+.text {
    display: block!important
}

.easy-trade .content-form .tooltip .text {
    display: none;
    width: 180px;
    min-width: 160px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--tertiary-dark-color);
    text-align: center;
    word-break: break-word;
    background-color: var(--bg-color);
    border: 1px solid var(--border);
    box-shadow: 0 2px 5px #0000000d;
    padding: 7px 10px;
    position: absolute;
    left: 50%;
    top: 24px;
    transform: translate(-50%);
    border-radius: var(--border-radius-lg)
}

.easy-trade .content-form .tooltip .text:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--bg-color);
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: var(--border);
    rotate: 45deg;
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translate(-50%)
}

.easy-trade .content-table {
    padding: 0 25px;
    border-radius: 20px
}

.easy-trade .content-table .content-title {
    min-height: 60px;
    font-size: 18px;
    padding: 20px 0;
    margin: 0 0 25px
}

@media (min-width: 768px) {
    .easy-trade {
        background-color:var(--bg-color-02);
        height: calc(100vh - 128px);
        padding: 45px 0
    }

    .easy-trade .content-title {
        width: 480px;
        font-size: 22px;
        margin: -7px auto 36px
    }

    .easy-trade .content-title .description {
        font-size: 15px
    }

    .easy-trade .content-form {
        width: 480px;
        box-shadow: var(--card-shadow);
        margin: 0 auto;
        border-radius: 15px
    }

    .easy-trade .content-form .card-body {
        padding: 20px
    }

    .easy-trade .content-form .alert-pair {
        font-size: 14px;
        border-radius: var(--border-radius-lg)
    }

    .easy-trade .content-form .tab-slide {
        height: 48px;
        margin: 0 0 20px
    }

    .easy-trade .content-form .tab-slide .tab-caption {
        height: 40px;
        font-size: 16px;
        line-height: 40px
    }

    .easy-trade .content-form .form .group-content {
        margin: 0 0 20px
    }

    .easy-trade .content-form .form .group-content .balance {
        font-size: 14px
    }

    .easy-trade .content-form .form .group-content .btn-add {
        width: 14px!important;
        height: 14px!important;
        margin: 0 0 0 10px!important;
        top: 2px
    }

    .easy-trade .content-form .form .group-content .btn-add .icon {
        width: 14px;
        height: 14px;
        background-size: 10px
    }

    .easy-trade .content-form .form .alert-group {
        margin: 0 0 20px
    }

    .easy-trade .content-form .form .alert-group .alert {
        font-size: 14px;
        padding: 14px
    }

    .easy-trade .content-form .form .form-group {
        margin: 0 0 20px
    }

    .easy-trade .content-form .form .form-group>label {
        font-size: 14px;
        padding: 14px 14px 0
    }

    .easy-trade .content-form .form .form-control input,.easy-trade .content-form .form .form-control output {
        height: 42px;
        font-size: 15px;
        line-height: 43px;
        padding: 0 14px
    }

    .easy-trade .content-form .form .input-group-append {
        padding: 0 14px 0 0
    }

    .easy-trade .content-form .form .select-control .icon {
        width: 22px;
        height: 22px;
        flex: 0 0 22px
    }

    .easy-trade .content-form .form .select-control .select {
        background-size: 12px;
        padding: 0 21px 0 0!important;
        gap: 10px
    }

    .easy-trade .content-form .form .select-control .menu {
        background-color: var(--bg-color-02);
        right: -15px
    }

    .easy-trade .content-form .form .select-control .menu perfect-scrollbar>.ps {
        min-height: 127px;
        max-height: 210px
    }

    .easy-trade .content-form .form .select-control .menu-list li:hover label,.easy-trade .content-form .form .select-control .menu-list li.selected label {
        background-color: var(--bg-color-01)
    }

    .easy-trade .content-form .form .select-control .menu-list label {
        height: 42px!important;
        font-size: 15px!important;
        line-height: 43px!important;
        padding: 0 13px!important;
        gap: 10px
    }

    .easy-trade .content-form .form .alert-session {
        font-size: 14px;
        padding: 11px 14px
    }

    .easy-trade .content-form .form .btn {
        height: 44px;
        font-size: 16px;
        line-height: 44px
    }

    .easy-trade .content-form .tooltip .text {
        width: 280px;
        font-size: 14px;
        padding: 11px 14px
    }
}

@media (min-width: 992px) {
    .easy-trade .content-title,.easy-trade .content-form {
        width:560px
    }
}

@media (min-width: 1200px) {
    .easy-trade {
        height:auto;
        overflow: visible;
        padding: 60px 0
    }

    .easy-trade .content-title {
        font-size: 24px;
        margin: -8px auto 50px
    }

    .easy-trade .content-title .description {
        font-size: 16px
    }

    .easy-trade .content-form .card-body {
        padding: 25px
    }

    .easy-trade .content-form .alert-pair {
        font-size: 15px;
        padding: 12px 47px 12px 15px
    }

    .easy-trade .content-form .alert-pair .alert-icon {
        margin: 3px 0 0
    }

    .easy-trade .content-form .tab-slide {
        height: 52px;
        margin: 0 0 25px
    }

    .easy-trade .content-form .tab-slide:before {
        width: calc(50% - 6px);
        top: 4px;
        bottom: 4px;
        left: 4px;
        border-radius: 6px
    }

    .easy-trade .content-form .tab-slide.slide:before {
        left: calc(50% + 2px)!important
    }

    .easy-trade .content-form .tab-slide .tab-caption {
        height: 44px;
        font-size: 17px;
        line-height: 44px
    }

    .easy-trade .content-form .form .group-content {
        margin: 0 0 25px
    }

    .easy-trade .content-form .form .group-content .balance {
        font-size: 15px;
        top: 13px
    }

    .easy-trade .content-form .form .group-content .btn-add {
        width: 16px!important;
        height: 16px!important;
        margin: 0 0 0 12px!important
    }

    .easy-trade .content-form .form .group-content .btn-add .icon {
        width: 16px;
        height: 16px;
        background-size: 12px
    }

    .easy-trade .content-form .form .alert-group {
        margin: 0 0 25px
    }

    .easy-trade .content-form .form .alert-group .alert {
        font-size: 15px;
        padding: 15px
    }

    .easy-trade .content-form .form .form-group {
        margin: 0 0 25px
    }

    .easy-trade .content-form .form .form-group>label {
        font-size: 15px;
        padding: 15px 15px 0
    }

    .easy-trade .content-form .form .form-control input,.easy-trade .content-form .form .form-control output {
        height: 46px;
        font-size: 16px;
        line-height: 47px;
        padding: 0 15px
    }

    .easy-trade .content-form .form .select-control .icon {
        width: 24px;
        height: 24px;
        flex: 0 0 24px
    }

    .easy-trade .content-form .form .select-control .select {
        background-size: 13px;
        padding: 0 22px 0 0!important;
        gap: 12px
    }

    .easy-trade .content-form .form .select-control .menu {
        right: -16px
    }

    .easy-trade .content-form .form .select-control .menu perfect-scrollbar>.ps {
        min-height: 185px;
        max-height: 230px
    }

    .easy-trade .content-form .form .select-control .menu-list label {
        height: 46px!important;
        font-size: 16px!important;
        line-height: 47px!important;
        padding: 0 14px!important;
        gap: 12px
    }

    .easy-trade .content-form .form .input-group-append {
        padding: 0 15px 0 0
    }

    .easy-trade .content-form .form .alert-session {
        font-size: 15px;
        padding: 12px 15px
    }

    .easy-trade .content-form .form .btn {
        height: 48px;
        font-size: 17px;
        line-height: 48px;
        padding: 0 20px
    }

    .easy-trade .content-form .tooltip .icon {
        width: 16px;
        height: 16px
    }

    .easy-trade .content-form .tooltip .text {
        width: 320px;
        font-size: 15px;
        padding: 13px 16px
    }
}

.basket-trade {
    padding: 30px 0 71px
}

.basket-trade .content-title {
    font-size: 20px;
    line-height: 1;
    justify-content: center;
    padding: 0;
    margin: 0 0 15px
}

.basket-trade .content-title span {
    display: contents
}

.basket-trade .content-form,.basket-trade .content-table {
    padding: 0 15px;
    margin: 0 0 15px
}

.basket-trade .form-body,.basket-trade .table-body {
    width: 100%;
    padding: 15px 0
}

.basket-trade .form {
    padding: 0!important
}

.basket-trade .form .form-group {
    margin: 0 0 15px
}

.basket-trade .form .form-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--secondary-light-color)
}

.basket-trade .form .tab-select {
    height: auto;
    flex-direction: column;
    gap: 10px
}

.basket-trade .form .tab-select .tab-item {
    flex: 1 0 0
}

.basket-trade .form .tab-select .tab-caption {
    height: auto;
    font-size: 14px!important;
    line-height: 1.4!important;
    color: var(--secondary-lighter-color);
    flex-direction: row;
    justify-content: flex-start;
    background-color: var(--bg-color-02);
    padding: 10px!important;
    white-space: normal;
    word-break: break-word;
    border-radius: var(--border-radius-md)!important
}

.basket-trade .form .tab-select .tab-caption:hover {
    background-color: var(--bg-color)
}

.basket-trade .form .tab-select .tab-caption .name {
    display: inline-block;
    padding: 0 3px 0 0
}

.basket-trade .form .tab-select .tab-caption .check {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-size: 12px;
    margin: 0 8px 0 0
}

.basket-trade .form .tab-select input:checked+.tab-caption {
    color: var(--secondary-color);
    background-color: var(--bg-color)
}

.basket-trade .form .tab-select input:checked+.tab-caption .name {
    color: var(--primary-color)
}

.basket-trade .form .form-control {
    border-radius: var(--border-radius-md)
}

.basket-trade .form .form-control input {
    font-size: 14px
}

.basket-trade .form .form-control .input-group-append {
    display: flex;
    flex-direction: row;
    align-items: center
}

.basket-trade .form .form-control .input-group-append .icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%
}

.basket-trade .form .form-control .input-group-append label {
    height: 38px!important;
    font-size: 14px;
    line-height: 38px!important;
    color: var(--secondary-light-color);
    padding: 0 13px 0 8px
}

.basket-trade .form .option-control label {
    font-size: 14px!important
}

.basket-trade .form .btn {
    width: 100%;
    border-radius: var(--border-radius-md)
}

.basket-trade .image {
    margin: 0 0 15px;
    border-radius: 4px
}

.basket-trade .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--secondary-color);
    margin: 0 0 12.5px
}

.basket-trade .caption {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--primary-color);
    margin: 0 0 7.5px
}

.basket-trade .description {
    font-size: 14px;
    line-height: 1.4;
    color: var(--secondary-light-color);
    margin: 0 0 20px
}

.basket-trade .list {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 20px;
    gap: 10px
}

.basket-trade .list-step {
    flex-direction: row;
    padding: 15px 0;
    margin: 0
}

.basket-trade .list-step li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px
}

.basket-trade .list-step .icon {
    width: 48px;
    height: 48px;
    background-color: var(--bg-color-02);
    background-size: 50%;
    border-radius: var(--border-radius-rd)
}

.basket-trade .list-step .caption {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--secondary-color);
    margin: 0
}

.basket-trade .list-disc li {
    padding: 0 0 0 16px;
    position: relative
}

.basket-trade .list-disc li:before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--primary-color);
    position: absolute;
    top: 7px;
    left: 0;
    border-radius: 50%
}

.basket-trade .list-disc li.green:before {
    background-color: var(--green-color)
}

.basket-trade .list-disc li.yellow:before {
    background-color: var(--yellow-color)
}

.basket-trade .list-disc li.red:before {
    background-color: var(--red-color)
}

.basket-trade .list-accordion {
    margin: 0 0 -10px
}

.basket-trade .list-accordion .list-item {
    border-top: 1px solid var(--border)
}

.basket-trade .list-accordion .list-item:first-child {
    border-top: 0;
    padding: 0
}

.basket-trade .list-accordion .list-item.open .caption .arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNMzAuMSwxNkwzMC4xLDE2YzAsMS0wLjgsMS44LTEuOCwxLjhIMy43Yy0xLDAtMS44LTAuOC0xLjgtMS44djBjMC0xLDAuOC0xLjgsMS44LTEuOGgyNC42DQoJQzI5LjMsMTQuMiwzMC4xLDE1LDMwLjEsMTZ6Ii8+DQo8L3N2Zz4NCg==)
}

.basket-trade .list-accordion .list-item.open .detail {
    height: auto;
    display: flex;
    overflow: visible
}

.basket-trade .list-accordion .detail {
    height: 0;
    display: none;
    flex-direction: column;
    overflow: hidden;
    padding: 0 0 12.5px;
    gap: 15px
}

.basket-trade .list-accordion .caption {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--secondary-color);
    padding: 12.5px 28px 12.5px 0;
    margin: 0;
    -webkit-user-select: none;
    user-select: none;
    position: relative
}

.basket-trade .list-accordion .caption .arrow {
    width: 16px;
    height: 16px;
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4YmRmIiBkPSJNMjguMiwxNC4ySDE4LjJWMy44YzAtMS0wLjgtMS44LTEuOC0xLjhzLTEuOCwwLjgtMS44LDEuOHYxMC41SDMuOEMyLjgsMTQuMiwyLDE1LDIsMTZzMC44LDEuOCwxLjgsMS44DQoJaDEwLjl2MTAuNWMwLDEsMC44LDEuOCwxLjgsMS44czEuOC0wLjgsMS44LTEuOFYxNy44aDEwLjFjMSwwLDEuOC0wLjgsMS44LTEuOFMyOS4yLDE0LjIsMjguMiwxNC4yeiIvPg0KPC9zdmc+DQo=);
    position: absolute;
    top: 13px;
    right: 0
}

.basket-trade .list-accordion .text {
    font-size: 14px;
    line-height: 1.4;
    color: var(--secondary-lighter-color);
    margin: 0
}

@media (min-width: 768px) {
    .basket-trade {
        padding:45px 0
    }

    .basket-trade .row {
        margin: 0 -10px
    }

    .basket-trade .row>[class*=col] {
        padding: 0 10px
    }

    .basket-trade .content-title {
        font-size: 22px;
        margin: 0 0 20px
    }

    .basket-trade .content-form,.basket-trade .content-table {
        padding: 0 20px;
        margin: 0 0 20px
    }

    .basket-trade .form-body,.basket-trade .table-body {
        padding: 20px 0
    }

    .basket-trade .title {
        font-size: 16px
    }

    .basket-trade .caption {
        font-size: 14px
    }

    .basket-trade .list-step {
        padding: 20px 0
    }

    .basket-trade .list-step li {
        gap: 15px
    }

    .basket-trade .list-step .icon {
        width: 54px;
        height: 54px;
        flex: 0 0 54px
    }

    .basket-trade .list-step .caption {
        font-size: 15px
    }
}

@media (min-width: 992px) {
    .basket-trade {
        padding:60px 0
    }

    .basket-trade .form .form-group {
        margin: 0 0 20px
    }

    .basket-trade .form .form-label {
        font-size: 15px;
        margin: 0 0 10px
    }

    .basket-trade .form .tab-select .tab-caption {
        font-size: 15px!important;
        padding: 13px 15px!important
    }

    .basket-trade .form .form-control input {
        height: 42px;
        font-size: 15px;
        line-height: 43px;
        padding: 0 14px
    }

    .basket-trade .form .form-control .input-group-append {
        padding: 0 14px 0 0
    }

    .basket-trade .form .form-control .input-group-append .icon {
        width: 22px;
        height: 22px;
        flex: 0 0 22px
    }

    .basket-trade .form .form-control .input-group-append label {
        height: 42px!important;
        font-size: 15px;
        line-height: 42px!important;
        padding: 0 14px 0 9px
    }

    .basket-trade .form .option-control label {
        font-size: 15px!important
    }

    .basket-trade .form .btn {
        height: 44px;
        font-size: 16px;
        line-height: 44px
    }

    .basket-trade .image {
        margin: 0 0 20px;
        border-radius: 6px
    }

    .basket-trade .title {
        font-size: 18px;
        margin: 0 0 15px
    }

    .basket-trade .caption {
        font-size: 16px;
        margin: 0 0 10px
    }

    .basket-trade .description,.basket-trade .list {
        font-size: 15px;
        line-height: 1.5
    }

    .basket-trade .list-accordion .caption {
        font-size: 15px;
        padding: 15px 28px 15px 0
    }

    .basket-trade .list-accordion .detail {
        padding: 0 0 15px
    }

    .basket-trade .list-accordion .text {
        font-size: 15px;
        line-height: 1.5
    }
}

@media (min-width: 1200px) {
    .basket-trade .row {
        margin:0 -15px
    }

    .basket-trade .row>[class*=col] {
        padding: 0 15px
    }

    .basket-trade .content-title {
        font-size: 24px;
        justify-content: flex-start;
        margin: -8px 0 25px
    }

    .basket-trade .content-form,.basket-trade .content-table {
        padding: 0 25px;
        margin: 0 0 30px;
        border-radius: 15px
    }

    .basket-trade .form-body,.basket-trade .table-body {
        padding: 25px 0
    }

    .basket-trade .form .form-group {
        margin: 0 0 25px
    }

    .basket-trade .form .form-label {
        font-size: 15px;
        margin: 0 0 13px
    }

    .basket-trade .form .tab-select {
        flex-direction: row;
        gap: 15px
    }

    .basket-trade .form .tab-select .tab-caption {
        height: 100%;
        flex-direction: column;
        justify-content: center
    }

    .basket-trade .form .tab-select .tab-caption .check {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        background-size: 14px;
        margin: 0 0 13px
    }

    .basket-trade .form .form-control {
        border-radius: var(--border-radius-lg)
    }

    .basket-trade .form .form-control input {
        height: 46px;
        font-size: 16px;
        line-height: 46px;
        padding: 0 15px
    }

    .basket-trade .form .form-control .input-group-append {
        padding: 0 15px 0 0
    }

    .basket-trade .form .form-control .input-group-append .icon {
        width: 24px;
        height: 24px;
        flex: 0 0 24px
    }

    .basket-trade .form .form-control .input-group-append label {
        height: 46px!important;
        font-size: 16px;
        line-height: 47px!important;
        padding: 0 15px 0 10px
    }

    .basket-trade .form .btn {
        height: 48px;
        font-size: 17px;
        line-height: 48px;
        border-radius: var(--border-radius-lg)
    }

    .basket-trade .list {
        gap: 15px
    }

    .basket-trade .list-step {
        padding: 25px 0
    }

    .basket-trade .list-step li {
        gap: 20px
    }

    .basket-trade .list-step .icon {
        width: 60px;
        height: 60px;
        flex: 0 0 60px
    }

    .basket-trade .list-step .caption {
        font-size: 16px;
        line-height: 1.4
    }

    .basket-trade .list-accordion {
        margin: 0 0 -15px
    }
}

.range-slider {
    position: relative;
    margin-bottom: 10px
}

.range-slider input[type=range] {
    width: 100%;
    height: 1px;
    background-color: #ededed;
    -webkit-appearance: none
}

.range-slider input[type=range]::-webkit-slider-thumb {
    border: 3px solid #ededed;
    padding: 3px;
    height: 0px;
    width: 0px;
    border-radius: 50px;
    background: #1a1a1a;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: 0;
    box-sizing: border-box
}

.range-slider .range-slider__content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 9px;
    margin-bottom: -5px
}

.range-slider .content--value {
    font-size: 9px;
    display: inline-block;
    background: #333;
    top: -10px;
    position: absolute;
    border-radius: 3px;
    padding: 2px 5px;
    text-align: center
}

[data-theme=theme-light] .future-trade .range-slider::-webkit-slider-thumb {
    border: 3px solid #1a1a1a;
    background: #ededed
}

[data-theme=theme-light] .future-trade .range-slider .content--value {
    background: #1a1a1a;
    color: #fff
}

[data-theme=theme-light] .future-trade .range-slider .content--value:after {
    border-color: #1a1a1a transparent transparent transparent
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px,0px,0px)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel .owl-item.center {
    z-index: 5
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.e3b436436832b027.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}


loader {
  height: 100%;
}
.loader {
  height: 100%;
  min-height: 80px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.loader .text {
  color: var(--loader-text);
  text-align: center;
  margin: 0;
  -webkit-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  .loader {
    min-height: 90px;
  }
}
@media (min-width: 1200px) {
  .loader {
    min-height: 96px;
  }
}
.loader-closer {
  opacity: 0;
}
.table-loader > .icon {
  width: 32px;
  height: 32px;
  background-image: var(--icon-table-loader);
  opacity: 0.5;
}
.screen-loader {
  background-color: var(--bg-color);
  padding: 0;
  position: fixed;
  inset: 0;
  z-index: 9999999;
  transition: opacity 0.5s;
}
.screen-loader .logo {
  width: 48px;
  height: 48px;
  background-image: var(--icon-logo-loader);
  margin: 0 0 15px;
}
.screen-loader .text {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-color);
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
@media (min-width: 768px) {
  .screen-loader .logo {
    width: 64px;
    height: 64px;
  }
  .screen-loader .text {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .screen-loader .logo {
    width: 72px;
    height: 72px;
  }
  .screen-loader .text {
    font-size: 18px;
  }
}
.page-loader {
  position: absolute;
  inset: 0;
}
.page-loader .icon {
  width: 72px;
  height: 72px;
  background-image: var(--icon-page-loader);
  opacity: 0.5;
}
@media (min-width: 1200px) {
  .page-loader {
    min-height: 618px;
    position: static;
  }
}
@media (min-width: 1200px) and (min-height: 970px) {
  .page-loader {
    min-height: 888px;
  }
}
.inline-loader {
  flex-direction: row;
  padding: 0;
}
.inline-loader .icon {
  width: 30px;
  height: 30px;
  background-image: var(--icon-inline-loader);
  margin: 0 5px 0 0;
}
.inline-loader .text {
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  color: var(--secondary-light-color);
  opacity: 0.65;
}
.modal-loader {
  position: absolute;
  inset: 0;
  z-index: 9999999;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}
.modal-loader .icon {
  width: 72px;
  height: 72px;
  background-image: var(--icon-page-loader);
  opacity: 0.5;
}
.toastr-frame {
  position: fixed;
  box-sizing: border-box;
  display: flex;
  height: auto;
  padding: 2px;
  align-items: stretch;
  align-content: stretch;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 1001;
}
.toastr-frame.top-right {
  right: 10px;
  top: 56px;
  bottom: 59px;
  flex-direction: column;
}
.toastr-frame.top-left {
  left: 0;
  top: 0;
  flex-direction: column;
}
.toastr-frame.top-center {
  top: 0;
  left: 0;
  width: 100%;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}
.toastr-frame.bottom-right {
  right: 10px;
  left: 10px;
  bottom: 66px;
  flex-direction: column-reverse;
}
.toastr-frame.bottom-left {
  left: 0;
  bottom: 0;
  flex-direction: column-reverse;
}
.toastr-frame.bottom-center {
  bottom: 0;
  left: 0;
  width: 100%;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column-reverse;
}
.toastr-frame toastr-group {
  flex: 0 0 auto;
  overflow: visible;
  margin: 0;
}
.toastr-frame toastr-box {
  display: block;
  padding: 3px;
}
@media (min-width: 768px) {
  .toastr-frame {
    width: 360px;
  }
  .toastr-frame.bottom-right {
    left: auto;
    bottom: 74px;
  }
}
@media (min-width: 1200px) {
  .toastr-frame.bottom-right {
    bottom: 71px;
  }
}
.header {
  height: auto;
  background-color: var(--bg-color);
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
.header:after {
  display: block;
  clear: both;
  content: "";
}
.header .alert {
  margin: 0;
  border-radius: 0;
}
.header .alert .btn-close {
  padding: 0;
}
.header .alert .btn-close .icon {
  width: 18px;
  height: 18px;
  margin: 0;
}
.header .alert .icon-tr-flag {
  width: 18px;
  height: 18px;
}
@media (max-width: 768px) {
  .header .alert .icon-tr-flag {
    width: 36px;
    height: 36px;
  }
}
.header .warning div {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .header .warning {
    flex-direction: column;
  }
}
.header .alert-mobile-app {
  width: auto;
  background-color: var(--bg-color);
  border: 1px solid var(--border);
  box-shadow: 0 0 10px 5px #0000001a;
  align-items: center;
  padding: 0 15px;
  gap: 15px;
  position: fixed;
  left: 15px;
  right: 15px;
  bottom: 71px;
  border-radius: var(--border-radius-xl);
}
.header .alert-mobile-app .alert-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  background-color: var(--bg-color-03);
  background-image: var(--icon-icrypex);
  background-size: 60%;
  margin: 15px 0;
  border-radius: var(--border-radius-md);
}
.header .alert-mobile-app .alert-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 12px;
  color: var(--secondary-lighter-color);
  padding: 10px 0;
}
.header .alert-mobile-app .alert-message b {
  display: block;
  font-size: 14px;
  color: var(--secondary-color);
  margin: 0 0 2px;
}
.header .alert-mobile-app .btn-download {
  display: flex;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  color: var(--button-text);
  background-color: transparent !important;
  padding: 0 10px;
  margin: auto 0 auto auto;
  border-radius: var(--border-radius-md);
  transition: none;
}
.header .alert-mobile-app .btn-download .icon {
  width: 18px;
  height: 18px;
  filter: var(--download-filter) !important;
  transition: none;
}
.header .alert-mobile-app .btn-close {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: flex;
  filter: grayscale(1);
  opacity: 0.75;
  margin: auto 0;
  position: static;
}
.header .alert-danger {
  height: 60px;
  align-items: center;
  justify-content: center;
  background-color: #df3838;
  padding: 0 15px;
  gap: 0;
}
.header .alert-danger .alert-message {
  font-weight: 400;
  color: var(--white-color);
  text-align: center;
}
.header .alert-danger .btn-close {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: inline-flex;
  margin: 4px -10px 4px 4px;
  border-radius: 0;
}
.header .alert-danger .btn-close .icon {
  filter: invert(1) grayscale(1) brightness(2.5);
}
.header .container-fluid {
  padding: 0 20px;
}
.header .row {
  margin: 0 -7.5px;
}
.header .row > [class*="col"] {
  padding: 0 7.5px;
}
.header .col-logo {
  width: 135px;
}
.header .col-menu {
  width: calc(100% - 135px);
  z-index: 1000;
}
.header .col-footer {
  padding: 0 !important;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.header .theme-mode {
  width: 68px;
  height: 32px;
  background-color: var(--bg-color-02);
  margin: -4px 0 -4px auto;
  position: relative;
  border-radius: 16px;
}
.header .theme-mode.light .icon {
  background-image: url(assets/icons/dark/mode.svg);
  margin: 2px auto 2px 2px;
}
.header .theme-mode.dark .icon {
  background-image: url(assets/icons/light/mode.svg);
  margin: 2px 2px 2px auto;
}
.header .theme-mode .icon {
  width: 28px !important;
  height: 28px !important;
  background-color: var(--bg-color);
  background-image: var(--icon-mode);
  background-size: 24px;
  border-radius: 50%;
}
.header .navbar-logo {
  width: 120px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.header .navbar-action {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 0 -8px 0 0;
  gap: 10px;
}
.header .navbar-action .action-item {
  min-height: 56px;
  display: inline-flex;
  align-items: center;
}
.header .navbar-action .navbar-button {
  height: 32px;
  display: flex;
  font-weight: 400;
  line-height: 32px;
  white-space: nowrap;
  color: var(--white-color);
  border: 0;
  padding: 0 16px;
  border-radius: 16px;
}
.header .navbar-action .navbar-button:hover,
.header .navbar-action .navbar-button:active {
  color: var(--white-color);
  text-decoration: none;
}
.header .navbar-action .navbar-button .icon {
  width: 16px;
  height: 16px;
  margin: auto 6px auto -5px;
}
.header .navbar-action .navbar-toggler {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-color-03);
  border: 0;
  padding: 0;
  border-radius: 50%;
}
.header .navbar-action .navbar-toggler.open .icon {
  background-image: var(--icon-menu-close);
}
.header .navbar-action .navbar-toggler .icon {
  width: 20px;
  height: 20px;
  background-size: 18px;
}
.header .navbar-action .nav-link {
  width: 32px;
}
.header .navbar-action .nav-link .icon {
  width: 32px;
  height: 32px;
  display: block;
  margin: 0 auto;
}
.header .navbar-action .nav-menu {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .header .navbar-action .nav-menu {
    transition: none;
  }
}
.header .navbar-collapse {
  width: calc(100% - 56px);
  height: 0;
  max-width: 320px;
  max-height: calc(100% - 56px);
  overflow: hidden;
  opacity: 0;
  background-color: var(--bg-color);
  position: fixed;
  top: 56px;
  right: 0;
  z-index: 1;
  box-shadow: var(--menu-shadow);
  border-bottom-right-radius: var(--border-radius-xl);
  border-bottom-left-radius: var(--border-radius-xl);
}
.header .navbar-collapse.open {
  height: auto;
  max-height: calc(100vh - 112px);
  overflow: scroll;
  opacity: 1;
}
.header .navbar-collapse.navbar-alert {
  top: 116px;
}
.header .navbar-collapse .info,
.header .navbar-collapse .login {
  background-color: var(--bg-color);
  position: sticky;
  top: 0;
  z-index: 1;
}
.header .navbar-collapse .info {
  padding: 0 15px 10px;
}
.header .navbar-collapse .info .info-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--bg-color-01);
  gap: 10px;
  font-size: 15px;
  padding: 10px;
  border-radius: var(--border-radius-lg);
}
.header .navbar-collapse .info .account-icon {
  width: 44px;
  height: 44px;
  background-size: 48px;
}
.header .navbar-collapse .info .detail {
  width: calc(100% - 54px);
}
.header .navbar-collapse .info .account-name {
  font-weight: 500;
  color: var(--secondary-dark-color);
}
.header .navbar-collapse .info .account-status {
  font-size: 12px;
  color: var(--tertiary-dark-color);
  white-space: nowrap;
  margin: 2px 0 0;
}
.header .navbar-collapse .info .account-status.verified {
  color: var(--primary-color);
}
.header .navbar-collapse .info .account-status a {
  font-weight: 500;
  color: var(--primary-color);
}
.header .navbar-collapse .info .account-status .icon {
  width: 14px;
  height: 14px;
  display: block;
  float: left;
  margin: 2px 7px 0 0;
}
.header .navbar-collapse .info .account-status .seperator {
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: var(--tertiary-light-color);
  border: 0;
  margin: 0 10px -3px;
  opacity: 0.5;
}
.header .navbar-collapse .login {
  padding: 10px 15px;
}
.header .navbar-collapse .login .menu {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.header .navbar-collapse .login .menu .menu-item {
  flex: 1 0 0;
}
.header .navbar-collapse .login .menu .btn {
  width: 100%;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  line-height: 36px;
  transition: none;
}
.header .navbar-back {
  background-color: var(--transparent-bg);
  opacity: 0;
  transition: all 0.5s;
}
@media (prefers-reduced-motion: reduce) {
  .header .navbar-back {
    transition: none;
  }
}
.header .navbar-back.open {
  opacity: 0.5;
  position: fixed;
  inset: 56px 0 0;
  z-index:3;
}
.header .navbar-back.navbar-alert {
  top: 116px;
}
.header .navbar-menu {
  padding: 10px 0;
  position: relative;
}
.header .navbar-menu:before {
  content: "";
  height: 1px;
  background-color: var(--border);
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
}
.header .navbar-menu.main-menu {
  padding: 0 0 10px;
}
.header .navbar-menu.main-menu:before {
  display: none;
}
.header .navbar-menu .nav-item {
  position: relative;
}
.header .navbar-menu .nav-item.open .nav-link .arrow,
.header .navbar-menu .nav-item.open .nav-btn .arrow,
.header .navbar-menu .nav-item.open .nav-select .arrow {
  opacity: 1;
  transform: rotate(-180deg);
  filter: none;
}
.header .navbar-menu .nav-item.open .nav-menu {
  height: auto;
  opacity: 1;
}
.header .navbar-menu .nav-item.open .trade-menu .menu {
  height: auto;
}
.header .navbar-menu .nav-item.open .navbar-back {
  opacity: 0.5;
  position: fixed;
  inset: 56px 0;
  z-index: 0;
}
.header .navbar-menu .nav-item.open .navbar-back.navbar-alert {
  top: 116px;
}
.header .navbar-menu .nav-item .btn {
  height: 32px;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
  border-radius: 16px;
}
.header .navbar-menu .nav-link,
.header .navbar-menu .nav-btn {
  height: 100%;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  color: var(--secondary-color);
  align-items: center;
  white-space: nowrap;
  padding: 10px 15px;
  gap: 10px;
  -webkit-user-select: none;
  user-select: none;
  transition: none;
}
.header .navbar-menu .nav-link:hover,
.header .navbar-menu .nav-btn:hover {
  color: var(--secondary-color);
  text-decoration: none;
}
.header .navbar-menu .nav-link .icon,
.header .navbar-menu .nav-btn .icon {
  width: 24px;
  height: 24px;
  display: block;
}
.header .navbar-menu .nav-link .arrow,
.header .navbar-menu .nav-btn .arrow {
  width: 24px;
  height: 12px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzA2OEJERiIgZD0iTTE3LjE0NTA3MSw4Ljk3MDAzMjdMOC42ODg1NTk1LDAuNTEzNTgwMUM4LjM3MDEzNjMsMC4xOTUxNTYsNy45MTM1ODUyLDAuMDEyNTEyMiw3LjQzNTkxOTMsMC4wMTI1MTIyDQoJYy0wLjQ3NzYwNjgsMC0wLjkzNDIxNiwwLjE4MjY0MzgtMS4yNTI2NDAyLDAuNTAxMDY3OUM1Ljg2NDc5NjIsMC44MzIwMDQ0LDUuNjgyMTUyMywxLjI4ODYxMzgsNS42ODIxNTIzLDEuNzY2MjIwOA0KCWMwLDAuNDc3NjY1NywwLjE4MjY0MzksMC45MzQyMTYzLDAuNTAxMTI2OCwxLjI1MjY5OTFsOC4zNTgzODYsOC40NTQ1MTc0bDAuMDc1MTkyNSwwLjA2MTk5NTUNCgljMC4wODYyMTg4LDAuMDU3NDc5OSwwLjE3MDQ0MzUsMC4xNDA3MDgsMC4xNzA0NDM1LDAuNDY1MDU1NWMwLDAuMTM2Nzc3OS0wLjEyNTI4MTMsMC40MDY2OTYzLTAuMjQzNzAxLDAuNTI1MTE2DQoJbC04LjQ1NjQ1MzMsOC40NTY0NTMzYy0wLjMxODQyMzcsMC4zMTg0ODE0LTAuNTAxMDY3NiwwLjc3NTAzMi0wLjUwMTA2NzYsMS4yNTI2OTg5DQoJYzAsMC40Nzc2MDU4LDAuMTgyNjQzOSwwLjkzNDIxNTUsMC41MDEwNjc2LDEuMjUyNjM5OGMwLjQ3Mzk3MDksMC40NzM5MTMyLDEuMDY3NTMzNSwwLjUyNTExNiwxLjMwMDczNiwwLjUyNTExNg0KCWMwLjUzNjM3NjUsMCwwLjkzNzU1OTEtMC4xNjE5Mzk2LDEuMzAwNjc2My0wLjUyNTExNmw4LjQ1NjUxMTUtOC40NTY0NTI0DQoJYzAuODI2MDYxMi0wLjcyMTQyNTEsMS4yOTM4NzQ3LTEuODA1NDM5OSwxLjI5Mzg3NDctMy4wMzA0NTU2QzE4LjQzODk0NTgsMTAuODgwNjM3MiwxNy45Nzk0MDI1LDkuODA0NDIzMywxNy4xNDUwNzEsOC45NzAwMzI3eiIvPg0KPC9zdmc+DQo=);
  background-size: 12px;
  rotate: 90deg;
  position: absolute;
  right: 15px;
  opacity: 0.75;
  filter: grayscale(0.75);
  transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .header .navbar-menu .nav-link .arrow,
  .header .navbar-menu .nav-btn .arrow {
    transition: none;
  }
}
.header .navbar-menu .nav-select {
  height: 24px;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  position: absolute;
  right: 15px;
  top: 10px;
}
.header .navbar-menu .nav-select .arrow {
  width: 24px;
  height: 12px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDY4QkRGIiBkPSJNNy4yLDI0Yy0wLjMsMC0wLjctMC4xLTEtMC40Yy0wLjUtMC41LTAuNS0xLjQsMC0xLjlsOC44LTguOGMwLjItMC4yLDAuNC0wLjYsMC40LTAuOQ0KCWMwLTAuNC0wLjEtMC43LTAuNC0wLjlMNi4zLDIuM2MtMC41LTAuNS0wLjUtMS40LDAtMS45czEuNC0wLjUsMS45LDBsOC44LDguOGMwLjgsMC44LDEuMiwxLjgsMS4yLDIuOGMwLDEuMS0wLjQsMi4xLTEuMiwyLjgNCglsLTguOCw4LjhDNy45LDIzLjksNy42LDI0LDcuMiwyNHoiLz4NCjwvc3ZnPg0K);
  background-size: 12px;
  rotate: 90deg;
  opacity: 0.75;
  filter: grayscale(1);
  transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .header .navbar-menu .nav-select .arrow {
    transition: none;
  }
}
.header .navbar-menu .nav-menu {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .header .navbar-menu .nav-menu {
    transition: none;
  }
}
.header .navbar-menu .nav-mega .menu {
  position: relative;
}
.header .navbar-menu .nav-mega .menu:first-child {
  border-top: 0;
  padding: 0 0 10px 34px;
}

.header .navbar-menu .nav-mega .menu:last-child {
  padding: 0px 0 0 34px;
}
.header .navbar-menu .menu {
  padding: 0 0 0 34px;
}
.header .navbar-menu .menu .title-item {
  padding: 10px 15px;
}
.header .navbar-menu .menu .title-item .title-name {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  color: var(--primary-color);
}
.header .navbar-menu .menu .menu-item .form-control {
  width: auto;
  min-width: 86px;
  justify-content: flex-end;
  margin: -9px 0;
}
.header .navbar-menu .menu .menu-item .form-control select {
  height: 30px;
  font-size: 13px;
  line-height: 30px;
  background-position: calc(100% - 10px) center;
  background-size: 10px;
  padding: 0 30px 0 10px;
}
.header .navbar-menu .menu .menu-item .icon-mode {
  width: 22px;
  height: 22px;
  background-image: var(--icon-mode);
  margin: -4px 0;
}
.header .navbar-menu .menu .menu-link,
.header .navbar-menu .menu .menu-caption {
  width: 100%;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: var(--secondary-color);
  white-space: nowrap;
  padding: 10px 15px;
  position: relative;
}
.header .navbar-menu .menu .menu-link {
  width: 100%;
}
.header .navbar-menu .menu .menu-link:hover {
  color: var(--primary-color);
  text-decoration: none;
}
.header .navbar-menu .menu .menu-link small {
  max-width: 258px;
  display: block;
  font-size: 13px;
  font-weight: 300;
  color: var(--tertiary-dark-color);
  margin: 2px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .navbar-menu .menu .menu-link .dot {
  width: 6px;
  height: 6px;
  margin: 4px 10px 0 0;
  border-radius: var(--border-radius-rd);
}
.header .navbar-menu .menu .menu-link .dot-active {
  background-color: var(--primary-color);
}
.header .navbar-menu .menu .menu-link .dot-passive {
  background-color: var(--tertiary-light-color);
}
.header .navbar-menu .menu .menu-link .message {
  width: calc(100% - 16px);
}
.header .navbar-menu .menu .menu-link .new-tag {
  margin: 0 -15px -2px 10px;
  top: -1px;
}
.header .navbar-menu .menu .menu-list {
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.header .navbar-menu .menu .menu-list.open {
  height: auto;
  opacity: 1;
}
.header .navbar-menu .menu .menu-list .menu .menu-item {
  padding: 0 0 0 15px;
}
.header .trade-menu {
  width: auto;
  max-height: max-content !important;
  background-color: var(--bg-color);
  box-shadow: 0 -10px 20px -15px #00000080, 0 10px 10px -3px #0000000d;
  position: fixed;
  top: auto !important;
  left: 50%;
  right: auto;
  bottom: 71px;
  transform: translate(-50%);
  overflow: visible !important;
  z-index: 4;
  border-radius: var(--border-radius-xl);
}
.header .trade-menu:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: var(--bg-color);
  position: absolute;
  transform: rotate(45deg);
  left: calc(50% - 10px);
  bottom: -8px;
}
.header .trade-menu .menu {
  height: 0;
  padding: 7.5px 0;
  overflow: hidden;
}
.header .trade-menu .menu .menu-link {
  padding: 10px 27.5px 10px 17.5px;
}
.header .trade-menu .menu .menu-link .icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  margin: auto 15px auto 0;
}
.header .trade-menu .menu .menu-link .name {
  font-weight: 500;
  line-height: 18px;
  color: var(--secondary-color);
  cursor: pointer;
}
.header .navbar-button {
  padding: 0 15px 15px;
}
.header .navbar-button .btn {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-color) !important;
  line-height: 34px;
  background-color: transparent !important;
  transition: none;
}
.header .navbar-button .btn .icon {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  filter: none;
  transition: none;
}
.header .navbar-footer {
  height: 56px;
  display: flex;
  flex-direction: row;
  background-color: var(--bg-color);
  padding: 0;
  gap: 0;
}
.header .navbar-footer:before {
  display: none;
}
.header .navbar-footer.slide-down {
  bottom: -100%;
}
.header .navbar-footer .nav-item {
  flex: 1 0 0;
}
.header .navbar-footer .nav-item.active .nav-link {
  color: var(--primary-color);
}
.header .navbar-footer .nav-item.active .nav-link .icon {
  filter: none;
}
.header .navbar-footer .nav-link {
  display: flex;
  font-weight: 500;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--secondary-color);
  padding: 0;
  gap: 0;
}
.header .navbar-footer .nav-link:hover {
  color: var(--secondary-color);
}
.header .navbar-footer .nav-link .icon {
  width: 24px;
  height: 24px;
  filter: var(--icon-filter);
  margin: 0 auto 5px;
}
@media (min-width: 768px) {
  .header .alert-danger {
    height: 44px;
  }
  .header .alert-danger .alert-message {
    font-size: 15px;
  }
  .header .theme-mode {
    width: 32px !important;
    height: 32px !important;
    background-color: transparent;
    display: flex;
    align-items: center;
    border-radius: 0;
  }
  .header .theme-mode.light .icon {
    background-image: url(assets/icons/light/mode.svg);
  }
  .header .theme-mode.dark .icon {
    background-image: url(assets/icons/dark/mode.svg);
  }
  .header .theme-mode .icon {
    width: 32px !important;
    height: 32px !important;
    background-color: var(--bg-color-03);
    background-size: 26px;
    margin: 0 !important;
  }
  .header .navbar-logo {
    height: 64px;
    margin: 0 0 0 3px;
  }
  .header .navbar-menu .nav-item.open .navbar-back {
    top: 64px;
    bottom: 64px;
  }
  .header .navbar-menu .nav-item.open .navbar-back.navbar-alert {
    top: 108px;
  }
  .header .navbar-action {
    margin: 0 -4px 0 0;
    gap: 10px;
  }
  .header .navbar-action .action-item {
    min-height: 64px;
    position: relative;
  }
  .header .navbar-action .action-item.open .nav-menu {
    height: auto;
    opacity: 1;
  }
  .header .navbar-action .action-item.open .navbar-back {
    opacity: 0.75;
    position: fixed;
    inset: 64px 0 0;
    z-index: 0;
  }
  .header .navbar-action .action-item.open .navbar-back.navbar-alert {
    top: 108px;
  }
  .header .navbar-action .nav-link .icon {
    width: 32px;
    height: 32px;
    background-color: var(--bg-color-03);
    background-size: 18px;
    border-radius: 50%;
  }
  .header .navbar-action .nav-link .icon-language {
    background-image: var(--icon-language);
  }
  .header .navbar-action .nav-menu {
    width: auto;
    height: 0;
    overflow: hidden !important;
    opacity: 0;
    background-color: var(--bg-color);
    box-shadow: var(--menu-shadow);
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 4;
    border-bottom-right-radius: var(--border-radius-xl);
    border-bottom-left-radius: var(--border-radius-xl);
    transition: all 0.5s;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .header .navbar-action .nav-menu {
    transition: none;
  }
}
@media (min-width: 768px) {
  .header .navbar-action .menu {
    padding: 0 0 5px;
  }
  .header .navbar-action .menu .menu-link {
    width: 100%;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--secondary-color);
    white-space: nowrap;
    padding: 10px 30px 10px 15px;
    position: relative;
  }
  .header .navbar-action .menu .menu-link:hover {
    color: var(--primary-color);
    text-decoration: none;
  }
}
@media (min-width: 768px) {
  .header .navbar-action language-select {
    height: 32px;
  }
}
@media (min-width: 768px) {
  .header .navbar-collapse {
    top: 64px;
    bottom: auto;
    right: 100px;
  }
  .header .navbar-collapse.open {
    max-height: calc(100% - 128px);
  }
  .header .navbar-collapse.navbar-alert {
    top: 108px;
  }
}
@media (min-width: 768px) {
  .header .navbar-footer {
    height: 64px;
  }
  .header .navbar-footer .nav-link {
    font-size: 15px;
    flex-direction: row;
  }
  .header .navbar-footer .nav-link .icon {
    margin: 0 10px 0 0;
  }
  .header .navbar-footer .trade-menu {
    bottom: 79px;
  }
}
@media (min-width: 768px) {
  .header .navbar-back.open {
    top: 64px;
    bottom: 0;
  }
  .header .navbar-back.navbar-alert {
    top: 108px;
  }
}
@media (min-width: 1200px) {
  .header .alert .alert-message {
    font-size: 16px;
  }
  .header .container-fluid {
    padding: 0 15px;
  }
  .header .row {
    margin: 0 -15px;
  }
  .header .row > [class*="col"] {
    padding: 0 15px;
  }
  .header .col-logo {
    width: 155px;
  }
  .header .col-menu {
    width: calc(100% - 155px);
  }
  .header .theme-mode {
    background-color: transparent;
  }
  .header .theme-mode .icon {
    width: 32px !important;
    height: 32px !important;
    background-size: 26px !important;
  }
  .header .navbar-logo {
    margin: 0 0 0 5px;
  }
  .header .navbar-collapse {
    width: 100%;
    height: auto;
    max-width: unset;
    max-height: unset !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
    overflow: visible !important;
    position: static;
    border-radius: 0;
  }
  .header .navbar-collapse .info {
    width: 100%;
  }
  .header .navbar-collapse .info .account-name {
    font-size: 14px;
  }
  .header .navbar-menu {
    display: flex;
    flex-direction: row;
    padding: 0 !important;
    margin: 0 0 0 -15px;
    gap: 15px;
  }
  .header .navbar-menu:before {
    display: none;
  }
  .header .navbar-menu.main-menu {
    width: calc(100% - 27px);
    flex: 0 0 calc(100% - 27px);
  }
  .header .navbar-menu.global-main-menu {
    width: calc(100% - 69px);
    flex: 0 0 calc(100% - 69px);
  }
  .header .navbar-menu.settings-menu {
    gap: 10px;
  }
  .header .navbar-menu .nav-item {
    display: flex;
    align-items: center;
  }
  .header .navbar-menu .nav-item.open .btn-trade {
    color: var(--white-color);
    background-color: var(--button-secondary-bg-hover);
  }
  .header .navbar-menu .nav-item.open .btn-token {
    color: var(--primary-color);
  }
  .header .navbar-menu .nav-item.open .nav-menu {
    top: 100% !important;
  }
  .header .navbar-menu .nav-item:hover .nav-link {
    color: var(--primary-color);
  }
  .header .navbar-menu .nav-item:hover .nav-link .icon-account {
    background-image: url(assets/icons/account-hover.svg);
  }
  .header .navbar-menu .nav-item:hover .nav-link .icon-language {
    background-image: url(assets/icons/language-hover.svg);
  }
  .header .navbar-menu .nav-item .btn {
    font-size: 14px;
  }
  .header .navbar-menu .nav-item .btn .icon {
    width: 16px;
    height: 16px;
    margin: auto 8px;
  }
  .header .navbar-menu .nav-item .btn .text {
    display: none;
  }
  .header .navbar-menu .nav-item .btn-deposit {
    padding: 0;
  }
  .header .navbar-menu .nav-link,
  .header .navbar-menu .nav-btn {
    min-height: 64px;
    font-size: 14px;
    padding: 0;
    gap: 6px;
    cursor: pointer;
  }
  .header .navbar-menu .nav-link .arrow,
  .header .navbar-menu .nav-btn .arrow {
    width: 10px;
    height: 10px;
    background-size: contain;
    position: static;
  }
  
      .header .navbar-menu .nav-link:hover .arrow,
    .header .navbar-menu .nav-btn:hover .arrow {
        opacity: 1;
        transform: rotate(-180deg);
        filter: none;
    }
  
  .header .navbar-menu .nav-link {
    font-weight: 400;
  }
  .header .navbar-menu .nav-link .icon {
    width: 32px;
    height: 32px;
    background-size: 14px;
    border-radius: 16px;
    transition: background-image 0.3s;
  }
    .header .navbar-menu .btn-token .icon {
    width: 32px;
    height: 32px;
    background-size: 26px;
    border-radius: 16px;
    transition: background-image 0.3s;
  }
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
  .header .navbar-menu .nav-link .icon {
    transition: none;
  }
}
@media (min-width: 1200px) {
  .header .navbar-menu .nav-link .icon-account {
    background-image: var(--icon-account);
  }
}
@media (min-width: 1200px) {
  .header .navbar-menu .nav-link .icon-language {
    background-image: var(--icon-language);
  }
}
@media (min-width: 1200px) {
  .header .navbar-menu .nav-btn {
    height: 30px;
    min-height: unset;
    display: flex;
    font-weight: 500;
    line-height: 30px;
    white-space: nowrap;
    margin: auto 0;
    border-radius: 15px;
  }
  .header .navbar-menu .nav-btn .arrow {
    display: block;
    width: 9px;
    height: 9px;
    opacity: 1;
    filter: none;
    margin: 0 -2px 0 4px;
  }
  .header .navbar-menu .nav-btn.btn-trade {
    color: var(--white-color);
    background-color: var(--button-secondary-bg);
    padding: 0 13px 0 10px;
  }
  .header .navbar-menu .nav-btn.btn-trade:focus {
    background-color: var(--button-secondary-bg);
  }
  .header .navbar-menu .nav-btn.btn-trade .icon {
    width: 16px;
    height: 16px;
    margin: auto 0;
  }
  

  .header .navbar-menu .btn-token {
    border: 1px solid var(--button-primary-outline-bg);
    padding: 0 13px 0 2px;
    height: 30px;
            margin: auto 0;
            border-radius: 15px;
  }
  .header .navbar-menu .btn-token .icon {
    width: 26px;
    height: 26px;
    margin: auto 0;
  }
}
@media (min-width: 1200px) {
  .header .navbar-menu .nav-menu {
    width: auto;
    height: 0;
     max-height: 1000px; 
    overflow: hidden !important;
    opacity: 0;
    background-color: var(--bg-color);
    box-shadow: var(--menu-shadow);
    position: absolute;
    left: -15px;
    top: 100%;
    z-index: 4;
    border-bottom-right-radius: var(--border-radius-xl);
    border-bottom-left-radius: var(--border-radius-xl);
    transition: all 0.5s;
  }
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
  .header .navbar-menu .nav-menu {
    transition: none;
  }
}
@media (min-width: 1200px) {
  .header .navbar-menu .nav-menu-user {
    min-width: 320px;
  }
  .header .navbar-menu .nav-menu-user .menu {
    padding: 0 0 10px !important;
  }
  .header .navbar-menu .nav-menu-user .menu-last {
    padding: 10px 0 !important;
  }
}
@media (min-width: 1200px) {
  .header .navbar-menu .nav-menu-last {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .header .navbar-menu .nav-mega {
    display: flex;
    flex-direction: row;
  }
  .header .navbar-menu .nav-mega .menu {
    padding: 0 0 5px !important;
  }
  .header .navbar-menu .nav-mega .menurows .menu:first-child:after {
    height: auto;
    width: 1px;
    inset: 10px 0 15px auto;
  }
}
@media (min-width: 1200px) {
  .header .navbar-menu .menu {
    padding: 0 0 5px;
  }
  .header .navbar-menu .menu .menu-link {
    padding: 10px 30px 10px 15px;
  }
}
@media (min-width: 1200px) {
  .header .navbar-menu .menu-last {
    position: relative;
  }
  .header .navbar-menu .menu-last:before {
    content: "";
    height: 1px;
    background-color: var(--border);
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
  }
}
@media (min-width: 1200px) {
  .header .trade-menu {
    left: 0 !important;
    bottom: auto;
    transform: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .header .trade-menu .menu {
    padding: 0;
  }
  .header .trade-menu .menu .menu-link:hover {
    background-color: var(--bg-color-01);
  }
  .header .trade-menu .menu .menu-link .icon {
    margin: auto 10px auto 0;
  }
}
@media (min-width: 1200px) {
  .header .navbar-back {
    opacity: 0 !important;
    position: static !important;
  }
}
@media (min-width: 1366px) {
  .header .navbar-menu .nav-item .btn {
    padding: 0 16px;
  }
  .header .navbar-menu .nav-item .btn .icon {
    margin: auto 6px auto -5px;
  }
  .header .navbar-menu .nav-item .btn .text {
    display: block;
  }
}
.landing-header .header {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
  .landing-header .header {
    transition: none;
  }
}
.landing-header .header.fixed {
  background-color: #112543;
  position: fixed;
}
.landing-header .header .theme-mode {
  background-color: #14385a;
}
.landing-header .header .theme-mode .icon {
  background-color: #0b1b35;
}
.landing-header .header .navbar-logo {
  background-image: url(assets/logos/dark/icrypex.svg);
}
.landing-header .header .navbar-action .navbar-toggler {
  background-color: #14385a;
}
.landing-header .header .navbar-action .navbar-toggler.open .icon {
  background-image: url(assets/icons/dark/menu-close.svg);
}
.landing-header .header .navbar-action .navbar-toggler .icon {
  background-image: url(assets/icons/dark/menu.svg);
}
.landing-header .header .navbar-action .menu .menu-link {
  color: #f2f2f2;
}
.landing-header .header .navbar-action .menu .menu-link:hover {
  color: var(--link);
}
.landing-header .header .navbar-collapse,
.landing-header .header .navbar-collapse .info,
.landing-header .header .navbar-collapse .login {
  background-color: #112543;
}
.landing-header .header .navbar-collapse .info .info-box {
  background-color: #14385a;
}
.landing-header .header .navbar-collapse .info .account-name {
  color: #fff;
}
.landing-header .header .navbar-collapse .info .account-status {
  color: #f2f2f2;
}
.landing-header .header .navbar-collapse .login .btn-light {
  color: #fff;
  background-color: #14385a;
}
.landing-header .header .navbar-collapse .login .btn-light:focus {
  color: #fff;
  background-color: #14385a;
}
.landing-header .header .navbar-collapse .login .btn-light:hover,
.landing-header .header .navbar-collapse .login .btn-light:active {
  color: #fff;
  background-color: #0f2b45;
}
.landing-header .header .navbar-menu:before {
  background-color: #14385a;
}
.landing-header .header .navbar-menu .nav-link,
.landing-header .header .navbar-menu .nav-btn,
.landing-header .header .navbar-menu .nav-select {
  color: #f2f2f2;
}
.landing-header .header .navbar-menu .nav-link:hover,
.landing-header .header .navbar-menu .nav-btn:hover,
.landing-header .header .navbar-menu .nav-select:hover {
  color: #fff;
}
.landing-header .header .navbar-menu .nav-mega .menu:first-child:after {
  background-color: #14385a;
}
.landing-header .header .navbar-menu .menu .title-item .title-name {
  color: #74bae5;
}
.landing-header .header .navbar-menu .menu .menu-link {
  color: #f2f2f2;
}
.landing-header .header .navbar-menu .menu .menu-link:hover {
  color: var(--link);
}
.landing-header .header .trade-menu {
  background-color: #112543;
}
.landing-header .header .trade-menu:after {
  background-color: #112543;
}
.landing-header .header .trade-menu .menu .menu-link .name {
  color: #fff;
}
.landing-header .header .trade-menu .menu .menu-link small,
.landing-header .header .trade-menu .mega-menu .menu-link:hover .name {
  color: #f2f2f2;
}
.landing-header .header .trade-menu .mega-menu .menu-link:hover .name small,
.landing-header .header .trade-menu .mega-menu .menu-link .name {
  color: #d9d8eb;
}
.landing-header .header .trade-menu .mega-menu .menu-link .name small {
  color: #b7b6d8;
}
.landing-header .header .navbar-footer {
  background-color: #112543;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.landing-header .header .navbar-footer .nav-link,
.landing-header .header .navbar-footer .nav-btn {
  color: #fff;
}
.landing-header .header .navbar-footer .nav-link .icon,
.landing-header .header .navbar-footer .nav-btn .icon {
  filter: brightness(2) grayscale(1);
}
.landing-header .header .navbar-button .btn {
  color: #f2f2f2 !important;
}
@media (min-width: 768px) {
  .landing-header .header .theme-mode {
    background-color: transparent;
  }
  .landing-header .header .theme-mode .icon,
  .landing-header .header .navbar-action .nav-link .icon {
    background-color: #14385a;
  }
  .landing-header .header .navbar-action .nav-link .icon-language {
    background-image: url(assets/icons/dark/language.svg);
  }
  .landing-header .header .navbar-action .nav-menu {
    background-color: #112543;
    background-image: none;
  }
}
@media (min-width: 1200px) {
  .landing-header .header.fixed .navbar-menu .nav-menu {
    background-color: #112543;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .landing-header .header.fixed .navbar-collapse {
    background-color: transparent;
  }
  .landing-header .header.fixed .navbar-collapse .info,
  .landing-header .header.fixed .navbar-collapse .login {
    background-color: #112543;
  }
  .landing-header .header.fixed .navbar-collapse .info .info-box {
    background-color: #0c3457;
  }
  .landing-header .header .navbar-collapse {
    background-color: transparent;
  }
  .landing-header .header .navbar-collapse .info,
  .landing-header .header .navbar-collapse .login {
    background-color: #0c3457;
    padding: 15px 15px 10px !important;
    transition: all 0.5s;
  }
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
  .landing-header .header .navbar-collapse .info,
  .landing-header .header .navbar-collapse .login {
    transition: none;
  }
}
@media (min-width: 1200px) {
  .landing-header .header .navbar-collapse .info .info-box {
    background-color: #112543;
  }
}
@media (min-width: 1200px) {
  .landing-header .header .navbar-menu .nav-item.open .nav-btn.btn-token,
  .landing-header .header .navbar-menu .nav-item:hover .nav-btn.btn-token {
    color: #fff;
  }
  .landing-header .header .navbar-menu .nav-link,
  .landing-header .header .navbar-menu .nav-btn {
    color: #f2f2f2;
  }
  .landing-header .header .navbar-menu .nav-link .icon,
  .landing-header .header .navbar-menu .nav-btn .icon {
    background-color: #0c3457;
  }
  .landing-header .header .navbar-menu .nav-link .icon-account,
  .landing-header .header .navbar-menu .nav-btn .icon-account {
    background-image: url(assets/icons/dark/account.svg) !important;
  }
  .landing-header .header .navbar-menu .nav-link .icon-language,
  .landing-header .header .navbar-menu .nav-btn .icon-language {
    background-image: url(assets/icons/dark/language.svg) !important;
  }
  .landing-header .header .navbar-menu .nav-btn .icon {
    background-color: transparent;
  }
  .landing-header .header .navbar-menu .nav-btn.btn-token {
    background-color: #0000001a;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: color 0.3s;
  }
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
  .landing-header .header .navbar-menu .nav-btn.btn-token {
    transition: none;
  }
}
@media (min-width: 1200px) {
  .landing-header .header .navbar-menu .nav-menu {
    background-color: #0c3457;
    border-radius: var(--border-radius-xl);
    margin: -5px 0 0;
  }
  .landing-header .header .navbar-menu .nav-menu .menu {
    padding: 5px 0;
  }
}
@media (min-width: 1200px) {
  .landing-header .header .navbar-menu .nav-mega .menu {
    padding: 5px 0 !important;
  }
  .landing-header .header .navbar-menu .nav-mega .menu:first-child:after {
    background-color: #14385a;
    top: 15px;
    bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .landing-header .header .navbar-menu .menu-last:before {
    background-color: #14385a;
  }
}
@media (min-width: 1200px) {
  .landing-header .header .trade-menu {
    margin: 0 !important;
  }
  .landing-header .header .trade-menu:after {
    display: none;
  }
  .landing-header .header .trade-menu .menu {
    padding: 0 !important;
  }
  .landing-header .header .trade-menu .menu .menu-item:hover .menu-link {
    background-color: #ffffff0d;
  }
}
.cookie {
  text-align: left;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #090a0cd9;
  padding: 15px 0;
  z-index: 999999;
}
.cookie .container-fluid {
  padding: 0 15px;
}
.cookie .container-fluid [class*="col"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.cookie a {
  font-weight: 600;
  color: var(--white-color) !important;
  text-decoration: underline !important;
}
.cookie a:hover {
  color: var(--primary-color) !important;
  text-decoration: underline !important;
}
.cookie .link {
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 18px;
  text-align: center;
}
.cookie .text {
  color: var(--white-color);
  margin: 0 0 15px;
}
.cookie .btn-group {
  width: 100%;
}
.cookie .btn-group li {
  flex: 1 0 0;
}
@media (min-width: 768px) {
  .cookie .container-fluid .col-left {
    width: calc(100% - 180px);
  }
  .cookie .container-fluid .col-right {
    width: 180px;
  }
  .cookie .text {
    margin: 0;
  }
  .cookie .link {
    width: 100%;
    line-height: normal;
  }
  .cookie .btn-group {
    text-align: center;
    flex-direction: column-reverse;
    gap: 10px;
  }
  .cookie .btn-group .btn {
    min-width: 120px;
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  .cookie .container-fluid .col-left {
    width: calc(100% - 440px);
  }
  .cookie .container-fluid .col-right {
    width: 440px;
  }
  .cookie .link {
    height: 32px;
  }
  .cookie .btn-group {
    flex-direction: row;
    justify-content: flex-end;
    gap: 15px;
  }
  .cookie .btn-group li {
    flex: 0 0 auto;
  }
  .cookie .btn-group .btn {
    height: 32px;
    line-height: 32px;
    border-radius: var(--border-radius-sm);
  }
}
.sponsor {
  text-align: center;
  background-color: var(--bg-color-03);
  padding: 30px 0 55px;
}
.sponsor .title {
  font-size: 22px;
  font-weight: 600;
  color: var(--secondary-dark-color);
  margin: 0 0 10px;
}
.sponsor .description {
  font-size: 14px;
  color: var(--secondary-lighter-color);
  margin: 0 0 30px;
}
.sponsor .sponsor-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.sponsor .sponsor-list li {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}
.sponsor .sponsor-list .logo {
  display: flex;
  height: 40px;
  text-indent: -1000px;
  background-position: center;
  overflow: hidden;
}
.sponsor .sponsor-list .logo-tosfed {
  width: 84px;
  background-image: var(--logo-tosfed);
}
.sponsor .sponsor-list .logo-tosfed:hover {
  background-image: var(--logo-tosfed-hover);
}
.sponsor .sponsor-list .logo-kok {
  width: 30px;
  background-image: var(--logo-kok);
}
.sponsor .sponsor-list .logo-kok:hover {
  background-image: var(--logo-kok-hover);
}
.sponsor .sponsor-list .logo-emir-tanju {
  width: 64px;
  background-image: var(--logo-emir-tanju);
}
.sponsor .sponsor-list .logo-emir-tanju:hover {
  background-image: var(--logo-emir-tanju-hover);
}
.sponsor .sponsor-list .logo-dasdas {
  width: 36px;
  background-image: var(--logo-dasdas);
}
.sponsor .sponsor-list .logo-dasdas:hover {
  background-image: var(--logo-dasdas-hover);
}
.sponsor .sponsor-list .logo-fatih-arda-ipcioglu {
  width: 52px;
  background-image: var(--logo-fatih-arda-ipcioglu);
}
.sponsor .sponsor-list .logo-fatih-arda-ipcioglu:hover {
  background-image: var(--logo-fatih-arda-ipcioglu-hover);
}
.sponsor .sponsor-list .logo-team-linea-rossa {
  width: 68px;
  background-image: var(--logo-team-linea-rossa);
}
.sponsor .sponsor-list .logo-team-linea-rossa:hover {
  background-image: var(--logo-team-linea-rossa-hover);
}
.sponsor .sponsor-list .logo-ayik-yasamlar {
  width: 80px;
  background-image: var(--logo-ayik-yasamlar);
}
.sponsor .sponsor-list .logo-ayik-yasamlar:hover {
  background-image: var(--logo-ayik-yasamlar-hover);
}
.sponsor .sponsor-list .logo-kripto-fest {
  width: 40px;
  background-image: var(--logo-kripto-fest);
}
.sponsor .sponsor-list .logo-kripto-fest:hover {
  background-image: var(--logo-kripto-fest-hover);
}
.sponsor .sponsor-list .logo-memorial-forest {
  width: 80px;
  background-image: var(--logo-memorial-forest);
}
.sponsor .sponsor-list .logo-memorial-forest:hover {
  background-image: var(--logo-memorial-forest-hover);
}
.sponsor .sponsor-list .logo-crypto-seminar {
  width: 70px;
  background-image: var(--logo-crypto-seminar);
}
.sponsor .sponsor-list .logo-crypto-seminar:hover {
  background-image: var(--logo-crypto-seminar-hover);
}
@media (min-width: 768px) {
  .sponsor {
    padding: 45px 0;
  }
  .sponsor .title {
    font-size: 26px;
    margin: 0 0 15px;
  }
  .sponsor .description {
    font-size: 16px;
    margin: 0 0 45px;
  }
  .sponsor .sponsor-list {
    gap: 20px 60px;
  }
  .sponsor .sponsor-list .logo {
    height: 48px;
  }
  .sponsor .sponsor-list .logo-tosfed {
    width: 98px;
  }
  .sponsor .sponsor-list .logo-kok {
    width: 36px;
  }
  .sponsor .sponsor-list .logo-emir-tanju {
    width: 76px;
  }
  .sponsor .sponsor-list .logo-dasdas {
    width: 42px;
  }
  .sponsor .sponsor-list .logo-fatih-arda-ipcioglu {
    width: 62px;
  }
  .sponsor .sponsor-list .logo-team-linea-rossa {
    width: 82px;
  }
  .sponsor .sponsor-list .logo-ayik-yasamlar {
    width: 56px;
  }
  .sponsor .sponsor-list .logo-kripto-fest {
    width: 44px;
  }
  .sponsor .sponsor-list .logo-memorial-forest {
    width: 92px;
  }
  .sponsor .sponsor-list .logo-crypto-seminar {
    width: 80px;
  }
}
@media (min-width: 992px) {
  .sponsor {
    padding: 60px 0;
  }
  .sponsor .title {
    font-size: 28px;
    margin: 0 0 20px;
  }
  .sponsor .description {
    font-size: 18px;
    margin: 0 0 60px;
  }
  .sponsor .sponsor-list {
    gap: 30px 90px;
  }
  .sponsor .sponsor-list .logo {
    height: 56px;
  }
  .sponsor .sponsor-list .logo-tosfed {
    width: 116px;
  }
  .sponsor .sponsor-list .logo-kok {
    width: 42px;
  }
  .sponsor .sponsor-list .logo-emir-tanju {
    width: 88px;
  }
  .sponsor .sponsor-list .logo-dasdas {
    width: 50px;
  }
  .sponsor .sponsor-list .logo-fatih-arda-ipcioglu {
    width: 72px;
  }
  .sponsor .sponsor-list .logo-team-linea-rossa {
    width: 94px;
  }
  .sponsor .sponsor-list .logo-ayik-yasamlar {
    width: 68px;
  }
  .sponsor .sponsor-list .logo-kripto-fest {
    width: 54px;
  }
  .sponsor .sponsor-list .logo-memorial-forest {
    width: 112px;
  }
  .sponsor .sponsor-list .logo-crypto-seminar {
    width: 98px;
  }
}
@media (min-width: 1200px) {
  .sponsor .sponsor-list {
    gap: 50px;
  }
  .sponsor .sponsor-list li {
    width: auto;
    flex: 0 0 auto;
  }
  .sponsor .sponsor-list .logo {
    transition: all 0.5s;
  }
}
.footer {
  background-color: var(--footer-bg);
  margin: 0 0 56px;
}
.footer:after {
  display: block;
  clear: both;
  content: "";
}
.footer .container {
  padding: 0 20px;
}
.footer .row {
  margin: 0 -15px;
}
.footer .row > [class*="col"] {
  padding: 0 15px;
}
.footer .seperator {
  width: auto;
  border-color: var(--footer-bar-bg);
  opacity: 1;
  margin: 0 20px;
}
.footer .app-field {
  width: 100%;
  background-color: var(--footer-bar-bg);
  padding: 20px 0;
  position: relative;
}
.footer .app-field:after {
  display: block;
  clear: both;
  content: "";
}
.footer .app-field .icon-box {
  width: -moz-fit-content;
  width: fit-content;
  min-height: 50px;
  display: flex;
  padding: 10px 15px;
  background-color: var(--footer-box-bg);
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translate(-50%);
  border-radius: 10px;
}
.footer .app-field .icon-box .icon {
  float: left;
  width: 24px;
  height: 24px;
  margin: 4px 10px 0 0;
}
.footer .app-field .icon-box .name {
  width: calc(100% - 34px);
  float: left;
}
.footer .app-field .icon-box .name small {
  display: block;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  color: var(--footer-text);
  margin: 0 0 5px;
}
.footer .app-field .icon-box .name a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  color: var(--white-color);
  text-decoration: none;
}
.footer .app-field .btn-group {
  justify-content: space-between;
  padding: 22px 0 0;
}
.footer .app-field .btn-group .btn-item {
  flex: 0;
}
.footer .app-field .btn-app {
  height: auto;
  display: block;
  border: 0;
  padding: 0;
  text-indent: -1000px;
  overflow: hidden;
}
.footer .app-field .badge {
  width: 96px;
  height: 28px;
  display: block;
}
.footer .app-field .badge-google-play-tr {
  background-image: var(--badge-google-play-footer-tr);
}
.footer .app-field .badge-google-play-en {
  background-image: var(--badge-google-play-footer-en);
}
.footer .app-field .badge-google-play-ru {
  background-image: var(--badge-google-play-footer-ru);
}
.footer .app-field .badge-google-play-es,
.footer .app-field .badge-google-play-pt {
  background-image: var(--badge-google-play-footer-en);
}
.footer .app-field .badge-app-store-tr {
  background-image: var(--badge-app-store-footer-tr);
}
.footer .app-field .badge-app-store-en {
  background-image: var(--badge-app-store-footer-en);
}
.footer .app-field .badge-app-store-ru {
  background-image: var(--badge-app-store-footer-ru);
}
.footer .app-field .badge-app-store-es,
.footer .app-field .badge-app-store-pt {
  background-image: var(--badge-app-store-footer-en);
}
.footer .app-field .badge-app-gallery-tr {
  background-image: var(--badge-app-gallery-footer-tr);
}
.footer .app-field .badge-app-gallery-en {
  background-image: var(--badge-app-gallery-footer-en);
}
.footer .app-field .badge-app-gallery-ru {
  background-image: var(--badge-app-gallery-footer-ru);
}
.footer .app-field .badge-app-gallery-es,
.footer .app-field .badge-app-gallery-pt {
  background-image: var(--badge-app-gallery-footer-en);
}
.footer .menu-field {
  width: 100%;
  padding: 20px 0 0;
}
.footer .menu-field:after {
  display: block;
  clear: both;
  content: "";
}
.footer .menu-field .info-side {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--footer-bar-bg);
}
.footer .menu-field .info-side .logo-icrypex {
  width: 100%;
  height: 24px;
  display: flex;
  background-image: url(assets/logos/dark/icrypex.svg);
  background-position: left center;
  margin: 0 0 20px;
}
.footer .menu-field .info-side .caption {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--footer-caption);
}
.footer .menu-field .info-side .caption br {
  display: none;
}
.footer .menu-field .info-side .caption small {
  display: block;
  font-size: 13px;
  color: var(--footer-text);
}
.footer .menu-field .info-side .text {
  display: flex;
  font-size: 13px;
  color: var(--footer-text);
  margin: 5px 0 0;
}
.footer .menu-field .info-side .text br {
  display: none;
}
.footer .menu-field .info-side .registration {
  font-size: 13px;
  color: var(--footer-text);
  margin: 15px 0 0;
}
.footer .menu-field .info-side .registration br {
  display: none;
}
.footer .menu-field .info-side .social-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 20px 0 15px;
}
.footer .menu-field .info-side .social-list .icon {
  width: 22px;
  height: 22px;
  filter: var(--footer-filter);
  text-indent: -1000px;
  overflow: hidden;
}
.footer .menu-field .info-side .social-list .icon-facebook {
  background-image: url(assets/icons/facebook.svg);
}
.footer .menu-field .info-side .social-list .icon-x {
  background-image: url(assets/icons/x.svg?v2);
}
.footer .menu-field .info-side .social-list .icon-instagram {
  background-image: url(assets/icons/instagram.svg);
}
.footer .menu-field .info-side .social-list .icon-youtube {
  background-image: url(assets/icons/youtube.svg);
}
.footer .menu-field .info-side .social-list .icon-telegram {
  background-image: url(assets/icons/telegram.svg);
}
.footer .menu-field .info-side .social-list .icon-medium {
  background-image: url(assets/icons/medium.svg);
}
.footer .menu-field .info-side .social-list .icon-linkedin {
  background-image: url(assets/icons/linkedin.svg);
}
.footer .menu-field .info-side .social-list .icon-vk {
  background-image: url(assets/icons/vk.svg);
}
.footer .menu-field .info-side .social-list .icon-vc {
  background-image: url(assets/icons/vc.svg);
}
.footer .menu-field .menu-side {
  display: flex;
  flex-direction: row;
  padding: 20px 0 0;
}
.footer .menu-field .menu-side .row {
  flex: 1;
  margin: 0 -7.5px;
}
.footer .menu-field .menu-side .row > [class*="col"] {
  padding: 0 7.5px;
}
.footer .menu-field .menu-side .menu-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 25px;
}
.footer .menu-field .menu-side .menu-list.open .caption .icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE0IDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNCAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMSw4QzAuNSw4LDAsNy41LDAsN3MwLjUtMSwxLTFoMTJjMC41LDAsMSwwLjUsMSwxcy0wLjUsMS0xLDFIMXoiLz4NCjwvc3ZnPg0K);
}
.footer .menu-field .menu-side .menu-list.open .menu {
  display: flex;
}
.footer .menu-field .menu-side .menu-list .caption {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 500;
  color: var(--footer-caption);
}
.footer .menu-field .menu-side .menu-list .caption .icon {
  width: 14px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE0IDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNCAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTMsNkg4VjFjMC0wLjUtMC41LTEtMS0xUzYsMC41LDYsMXY1SDFDMC41LDYsMCw2LjUsMCw3czAuNSwxLDEsMWg1djVjMCwwLjUsMC41LDEsMSwxczEtMC41LDEtMVY4aDUNCgljMC41LDAsMS0wLjUsMS0xUzEzLjUsNiwxMyw2eiIvPg0KPC9zdmc+DQo=);
  margin: 2px 0 0;
  opacity: 0.65;
}
.footer .menu-field .menu-side .menu-list .menu {
  display: none;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
  padding-top: 10px;
}
.footer .menu-field .menu-side .menu-list .menu .menu-link {
  display: block;
  font-size: 13px;
  line-height: 1.2;
  color: var(--footer-text);
}
.footer .menu-field .menu-side .menu-list .menu .menu-link:hover {
  color: var(--white-color);
  text-decoration: none;
}
.footer .membership-field {
  display: flex;
}
.footer .membership-field .membership-list {
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--footer-bar-bg);
  padding: 15px 0;
}
.footer .membership-field .logo-list {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.footer .membership-field .logo-list .logo {
  display: block;
  float: left;
  opacity: 0.85;
  filter: var(--footer-filter);
}
.footer .membership-field .logo-list .logo-kalder {
  width: 74px;
  height: 24px;
}
.footer .membership-field .logo-list .logo-iso-27001-ism {
  width: 60px;
  height: 54px;
}
.footer .membership-field .logo-list .logo-blockchain-turkiye {
  width: 122px;
  height: 24px;
}
.footer .payment-field:after {
  display: block;
  clear: both;
  content: "";
}
.footer .payment-field .bank-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 15px 0;
  gap: 10px 20px;
}
.footer .payment-field .bank-list.global {
  border-top: 1px solid var(--footer-bar-bg);
}
.footer .payment-field .bank-list .logo {
  width: 100%;
  height: 28px;
  display: flex;
  opacity: 0.85;
  margin: auto;
  filter: var(--footer-filter);
}
.footer .payment-field .bank-list .logo-ziraat-bankasi {
  width: 87px;
}
.footer .payment-field .bank-list .logo-fibabanka {
  width: 79px;
}
.footer .payment-field .bank-list .logo-vakifbank {
  width: 82px;
}
.footer .payment-field .bank-list .logo-turkiye-is-bankasi {
  width: 90px;
}
.footer .payment-field .bank-list .logo-turkiye-finans {
  width: 96px;
}
.footer .payment-field .bank-list .logo-sekerbank {
  width: 75px;
}
.footer .payment-field .bank-list .logo-aktifbank {
  width: 65px;
}
.footer .payment-field .bank-list .logo-hellopay {
  width: 55px;
}
.footer .payment-field .bank-list .logo-fibank {
  width: 60px;
}
.footer .payment-field .bank-list .logo-banxa {
  width: 53px;
}
.footer .payment-field .bank-list .logo-mastercard {
  width: 87px;
}
.footer .payment-field .bank-list .logo-visa {
  width: 38px;
}
.footer .payment-field .bank-list .logo-sepa {
  width: 44px;
}
.footer .payment-field .bank-list .logo-apple-pay,
.footer .payment-field .bank-list .logo-google-pay {
  width: 38px;
}
.footer .payment-field .bank-list .logo-interac {
  width: 32px;
}
.footer .payment-field .bank-list .logo-payid {
  width: 38px;
}
.footer .payment-field .bank-list .logo-faster-payments {
  width: 32px;
}
.footer .payment-field .bank-list .logo-ideal {
  width: 22px;
}
.footer .payment-field .bank-list .logo-pix {
  width: 50px;
}
.footer .payment-field .bank-list .logo-d-local {
  width: 54px;
}
.footer .copyright-field .copyright-text {
  font-size: 13px;
  line-height: 1.5;
  color: var(--footer-text);
  text-align: center;
  border-top: 1px solid var(--footer-bar-bg);
  padding: 15px 0;
}
@media (min-width: 768px) {
  .footer {
    margin: 0 0 64px;
  }
  .footer .container {
    padding: 0 15px;
  }
  .footer .seperator {
    margin: 0 auto;
  }
  .footer .app-field {
    padding: 25px 0;
  }
  .footer .app-field .icon-box {
    min-height: unset;
    background-color: transparent;
    padding: 0;
    position: static;
    transform: none;
    border-radius: 0;
  }
  .footer .app-field .icon-box .icon {
    width: 30px;
    height: 30px;
    margin: 0 15px 0 0;
  }
  .footer .app-field .icon-box .name {
    width: calc(100% - 45px);
  }
  .footer .app-field .icon-box .name small {
    font-size: 11px;
    margin: 0 0 6px;
  }
  .footer .app-field .icon-box .name a {
    font-size: 15px;
    margin: 0 0 -1px;
  }
  .footer .app-field .btn-group {
    justify-content: flex-end;
    gap: 30px;
    padding: 0;
  }
  .footer .app-field .badge {
    width: 115px;
    height: 30px;
  }
  .footer .menu-field {
    padding: 30px 0 0;
  }
  .footer .menu-field .info-side {
    padding: 0 0 25px;
    position: relative;
  }
  .footer .menu-field .info-side .logo-icrypex {
    margin: 0 0 25px;
  }
  .footer .menu-field .info-side .social-list {
    margin: 0;
    position: absolute;
    right: 0;
    top: 2px;
  }
  .footer .menu-field .menu-side {
    padding: 25px 0 0;
  }

  .footer .menu-field .menu-side .menu-list .caption .icon {
    display: none;
  }
  .footer .menu-field .menu-side .menu-list .menu {
    display: flex !important;
  }
  .footer .membership-field .membership-list {
    padding: 25px 0;
  }
  .footer .payment-field .bank-list {
    padding: 20px 0;
    gap: 15px 30px;
  }
  .footer .payment-field .bank-list .logo {
    height: 32px;
  }
  .footer .payment-field .bank-list .logo-ziraat-bankasi {
    width: 99px;
  }
  .footer .payment-field .bank-list .logo-fibabanka {
    width: 90px;
  }
  .footer .payment-field .bank-list .logo-vakifbank {
    width: 94px;
  }
  .footer .payment-field .bank-list .logo-turkiye-is-bankasi {
    width: 103px;
  }
  .footer .payment-field .bank-list .logo-turkiye-finans {
    width: 110px;
  }
  .footer .payment-field .bank-list .logo-sekerbank {
    width: 86px;
  }
  .footer .payment-field .bank-list .logo-aktifbank {
    width: 74px;
  }
  .footer .payment-field .bank-list .logo-hellopay {
    width: 62px;
  }
  .footer .payment-field .bank-list .logo-fibank {
    width: 68px;
  }
  .footer .payment-field .bank-list .logo-banxa {
    width: 60px;
  }
  .footer .payment-field .bank-list .logo-mastercard {
    width: 99px;
  }
  .footer .payment-field .bank-list .logo-visa {
    width: 44px;
  }
  .footer .payment-field .bank-list .logo-sepa {
    width: 50px;
  }
  .footer .payment-field .bank-list .logo-apple-pay,
  .footer .payment-field .bank-list .logo-google-pay {
    width: 42px;
  }
  .footer .payment-field .bank-list .logo-interac {
    width: 38px;
  }
  .footer .payment-field .bank-list .logo-payid {
    width: 42px;
  }
  .footer .payment-field .bank-list .logo-faster-payments {
    width: 36px;
  }
  .footer .payment-field .bank-list .logo-ideal {
    width: 26px;
  }
  .footer .payment-field .bank-list .logo-pix {
    width: 56px;
  }
  .footer .payment-field .bank-list .logo-d-local {
    width: 60px;
  }
  .footer .copyright-field .copyright-text {
    padding: 25px 0;
  }
  .footer .copyright-field .copyright-text br {
    display: none;
  }
}
@media (min-width: 1200px) {
  .footer {
    margin: 0;
  }
  .footer .app-field .icon-box .icon {
    width: 32px;
    height: 32px;
  }
  .footer .app-field .icon-box .name {
    width: calc(100% - 47px);
  }
  .footer .app-field .icon-box .name small {
    font-size: 12px;
    margin: 0 0 5px;
  }
  .footer .app-field .icon-box .name a {
    font-size: 16px;
  }
  .footer .app-field .badge {
    width: 123px;
    height: 32px;
  }
  .footer .menu-field .info-side {
    padding: 0;
    border-bottom: 0;
  }
  .footer .menu-field .info-side .logo-icrypex {
    height: 30px;
    margin: 0 0 30px;
  }
  .footer .menu-field .info-side .caption br,
  .footer .menu-field .info-side .text br,
  .footer .menu-field .info-side .registration br {
    display: block;
  }
  .footer .menu-field .info-side .social-list {
    margin: 25px 0 0;
    position: static;
  }
  .footer .menu-field .menu-side {
    padding: 0;
  }
  .footer .membership-field .logo-list {
    justify-content: flex-end;
  }
  .footer .payment-field .bank-list .logo {
    height: 36px;
  }
  .footer .payment-field .bank-list .logo-ziraat-bankasi {
    width: 111px;
  }
  .footer .payment-field .bank-list .logo-fibabanka {
    width: 101px;
  }
  .footer .payment-field .bank-list .logo-vakifbank {
    width: 106px;
  }
  .footer .payment-field .bank-list .logo-turkiye-is-bankasi {
    width: 116px;
  }
  .footer .payment-field .bank-list .logo-turkiye-finans {
    width: 124px;
  }
  .footer .payment-field .bank-list .logo-sekerbank {
    width: 97px;
  }
  .footer .payment-field .bank-list .logo-aktifbank {
    width: 83px;
  }
  .footer .payment-field .bank-list .logo-hellopay {
    width: 70px;
  }
  .footer .payment-field .bank-list .logo-fibank {
    width: 77px;
  }
  .footer .payment-field .bank-list .logo-banxa {
    width: 68px;
  }
  .footer .payment-field .bank-list .logo-mastercard {
    width: 112px;
  }
  .footer .payment-field .bank-list .logo-visa {
    width: 50px;
  }
  .footer .payment-field .bank-list .logo-sepa {
    width: 56px;
  }
  .footer .payment-field .bank-list .logo-apple-pay,
  .footer .payment-field .bank-list .logo-google-pay {
    width: 48px;
  }
  .footer .payment-field .bank-list .logo-interac {
    width: 42px;
  }
  .footer .payment-field .bank-list .logo-payid {
    width: 48px;
  }
  .footer .payment-field .bank-list .logo-faster-payments {
    width: 42px;
  }
  .footer .payment-field .bank-list .logo-ideal {
    width: 30px;
  }
  .footer .payment-field .bank-list .logo-pix {
    width: 64px;
  }
  .footer .payment-field .bank-list .logo-d-local {
    width: 68px;
  }
}
.help-center-field .content-title {
  margin: -1px 0 15px;
}
.help-center-field .present-field {
  margin: 0 0 30px;
}
.help-center-field .present-field .form .form-control {
  background-color: var(--input-alt-bg);
}
.help-center-field .present-field .form .form-control:focus-within .btn-search {
  background-color: var(--button-primary-bg);
}
.help-center-field
  .present-field
  .form
  .form-control:focus-within
  .btn-search:hover,
.help-center-field
  .present-field
  .form
  .form-control:focus-within
  .btn-search:active {
  background-color: var(--button-primary-bg-hover);
}
.help-center-field .present-field .form .form-control input {
  font-size: 14px;
  padding: 0 13px 0 0;
}
.help-center-field .present-field .form .form-control .input-group-append {
  padding: 5px;
}
.help-center-field .present-field .form .form-control .btn-search {
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 13px;
  border-radius: 5px;
}
.help-center-field .content-list {
  flex-wrap: wrap;
}
.help-center-field .content-list li {
  width: 100%;
}
.help-center-field .card-body {
  text-align: center;
  padding: 15px;
}
.help-center-field .card-body .icon {
  margin: 0 0 10px;
}
.help-center-field .card-body .caption {
  font-size: 16px;
  margin: 0 0 5px;
}
.help-center-field .card-body .text {
  color: var(--tertiary-dark-color);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.topic-field .menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.topic-field .menu .menu-item:hover .menu-caption {
  color: var(--link);
}
.topic-field .menu .menu-item.active .menu-caption {
  color: var(--link-hover);
  border-color: var(--primary-color);
}
.topic-field .menu .menu-caption {
  display: flex;
  flex-direction: row;
  font-size: 15px;
  font-weight: 500;
  color: var(--secondary-color);
  text-decoration: none !important;
  background-color: var(--bg-color);
  border: 1px solid transparent;
  padding: 10px;
  gap: 10px;
  border-radius: var(--border-radius-lg);
}
.topic-field .menu .menu-caption .icon {
  width: 20px;
  height: 20px;
}
.topic-field .caption {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: var(--secondary-color);
  margin: 5px 0 20px;
}
.topic-field .link {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: var(--link-hover);
  margin: 5px 0 20px;
}
.topic-field .link .arrow {
  width: 13px;
  height: 13px;
  margin: 0 6px -1px 0;
}
.topic-field .btn-link {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: -3px 0;
  position: relative;
  bottom: -1px;
}
.topic-field .btn-link .arrow {
  width: 13px;
  height: 13px;
  margin: 0 auto 0 0;
}
.topic-field .list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px;
}
.topic-field .list > li {
  width: 100%;
}
.topic-field .list .list-caption {
  display: flex;
  flex-direction: row;
  font-size: 15px;
  font-weight: 400;
  color: var(--secondary-color);
  text-decoration: none !important;
  background-color: var(--bg-color);
  padding: 10px 15px;
  gap: 10px;
  border-radius: var(--border-radius-lg);
}
.topic-field .list .list-caption .arrow {
  width: 8px;
  height: 14px;
  background-size: 14px;
  margin: auto 0 auto auto;
}
.topic-field .list .list-caption:hover {
  color: var(--primary-color);
}
.topic-field .content-card {
  height: auto;
  border-radius: 10px;
  margin: 0;
}
.topic-field .content-card .caption {
  padding: 0 !important;
}
.topic-field .text-body .caption {
  margin: -3px 0 15px;
}
.topic-field .text-body .description {
  margin: 0 0 15px;
}
.topic-field .text-body .description > br {
  content: "";
  height: 6px;
  display: block;
}
.topic-field .text-body .list {
  font-size: 14px;
  margin: 0 0 15px;
  gap: 15px !important;
}
.topic-field .text-body .list > li {
  list-style-type: decimal;
}
.topic-field .text-body .list > li::marker {
  font-weight: 500;
  color: var(--primary-color);
}
.fees-field .present-field .description br {
  display: none;
}
.fees-field .image-card {
  height: auto;
  margin: 0 0 15px;
}
.fees-field .image-card.global {
  height: auto;
  box-shadow: none;
  margin: 0 auto;
  border-radius: 0;
}
.fees-field .image-card .image {
  width: 100%;
  height: 100%;
  padding: 0 0 100%;
  background-image: url(assets/images/common/fee-rates-image.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fees-field .text-body .icon {
  width: 24px;
  height: 24px;
  position: absolute;
  display: block;
}
.fees-field .text-body .caption {
  display: block;
  min-height: 24px;
  line-height: 24px;
  padding: 0 0 0 34px;
}
.limits-field .text-body .icon {
  width: 24px;
  height: 24px;
  position: absolute;
  display: block;
}
.limits-field .text-body .caption {
  display: block;
  min-height: 24px;
  line-height: 24px;
  padding: 0 0 0 34px;
}
@media (min-width: 768px) {
  .help-center-field .content-title {
    margin: -5px 0 20px;
  }
  .help-center-field .present-field {
    width: 480px;
    margin: 0 auto 45px;
  }
  .help-center-field .present-field .form .form-control input {
    height: 42px;
    font-size: 15px;
    line-height: 43px;
    padding: 0 14px 0 0;
  }
  .help-center-field .present-field .form .form-control .btn-search {
    height: 34px;
    font-size: 15px;
    padding: 0 14px;
  }
  .help-center-field .present-field .form .form-control .btn-icon {
    width: 44px !important;
    height: 42px;
  }
  .help-center-field .present-field .form .form-control .btn-icon .icon {
    width: 22px;
    height: 22px;
    background-size: 20px;
  }
  .help-center-field .card-body {
    padding: 20px;
  }
  .help-center-field .card-body .icon {
    margin: 0 0 15px;
  }
  .topic-field .caption {
    font-size: 17px;
  }
  .topic-field .btn-link .arrow {
    width: 14px;
    height: 14px;
  }
  .topic-field .link {
    font-size: 17px;
  }
  .topic-field .link .arrow {
    width: 14px;
    height: 14px;
  }
  .topic-field .list .list-caption {
    padding: 15px 20px;
  }
  .fees-field .present-field {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .fees-field .present-field .description br {
    width: auto;
    display: block;
    height: auto;
  }
  .fees-field .image-card {
    height: calc(100% - 20px);
    margin: 0 0 20px;
  }
  .fees-field .image-card.global {
    width: 320px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fees-field .image-card .image {
    background-position: calc(50% - 10px) center;
    padding: 0;
  }
  .fees-field .content-list {
    flex-direction: column;
  }
  .fees-field .content-list .list-item {
    width: 100%;
  }
  .fees-field .content-list-global {
    flex-direction: row;
  }
  .fees-field .content-list-global .list-item {
    width: calc(50% - 10px);
  }
  .fees-field .text-body .icon {
    width: 28px;
    height: 28px;
  }
  .fees-field .text-body .caption {
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 38px;
  }
  .limits-field .content-list .list-item {
    width: 100%;
  }
  .limits-field .text-body .icon {
    width: 28px;
    height: 28px;
  }
  .limits-field .text-body .caption {
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 38px;
  }

}
@media (min-width: 992px) {
  .help-center-field .present-field {
    width: 560px;
  }
  .fees-field .image-card.global {
    width: 360px;
  }
  .fees-field .image-card .image {
    background-position: center;
  }
  .fees-field .content-list {
    height: 100%;
  }
  .fees-field .content-list .list-item {
    height: calc(50% - 10px);
  }
  .fees-field .content-list .content-card {
    height: 100%;
    align-items: flex-start;
    justify-content: center;
  }
  .limits-field .content-list .list-item {
    width: calc(33.3333333333% - 20px + 6.6666666667px);
  }
  .limits-field .text-body .icon {
    width: 40px;
    height: 40px;
    position: static;
  }
  .limits-field .text-body .caption {
    height: auto;
    line-height: 1;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .help-center-field .content-title {
    margin: -5px 0 27px;
  }
  .help-center-field .present-field {
    margin: 0 auto 60px;
  }
  .help-center-field .present-field .form .form-control input {
    height: 46px;
    font-size: 16px;
    line-height: 46px;
    padding: 0 15px 0 0;
  }
  .help-center-field .present-field .form .form-control .btn-search {
    height: 36px;
    font-size: 16px;
    padding: 0 15px;
  }
  .help-center-field .present-field .form .form-control .btn-icon {
    width: 48px !important;
    height: 46px;
  }
  .help-center-field .present-field .form .form-control .btn-icon .icon {
    width: 24px;
    height: 24px;
    background-size: 22px;
  }
  .help-center-field .card-body {
    padding: 25px;
  }
  .help-center-field .card-body .icon {
    margin: 0 0 20px;
  }
  .help-center-field .card-body .caption {
    font-size: 17px;
    margin: 0 0 10px;
  }
  .help-center-field .card-body .text {
    font-size: 15px;
  }
  .topic-field .text-body {
    min-height: 600px;
    display: flex;
    flex-direction: column;
  }
  .topic-field .text-body .caption {
    margin: -5px 0 15px;
  }
  .topic-field .text-body .list {
    font-size: 15px;
  }
  .topic-field .text-body .description {
    font-size: 15px;
    margin: 0 0 20px;
  }
  .topic-field .text-body .description > br {
    height: 8px;
  }
  .topic-field .text-body .alert {
    margin: auto 0 0 !important;
  }
  .topic-field .caption {
    font-size: 19px;
    line-height: 42px;
    margin: 0 0 10px;
  }
  .topic-field .link {
    font-size: 15px;
    line-height: 42px;
    margin: 0 0 10px;
  }
  .topic-field .link .arrow {
    width: 12px;
    height: 12px;
  }
  .topic-field .text-body .list {
    margin: 0 0 20px;
  }
  .fees-field .image-card {
    height: 100%;
    margin: 0;
  }
  .fees-field .image-card.global {
    width: 400px;
  }
  .fees-field .image-card .image {
    height: 100%;
  }
  .fees-field .content-list .list-item {
    height: calc(50% - 12.5px);
  }
  .fees-field .content-list-global .list-item {
    width: calc(50% - 12.5px);
  }
  .fees-field .text-body .icon {
    width: 32px;
    height: 32px;
    position: static;
    margin: 0 0 20px;
  }
  .fees-field .text-body .caption {
    height: auto;
    line-height: 1;
    padding: 0;
  }
  .limits-field .content-list .list-item {
    width: calc(33.3333333333% - 25px + 8.3333333333px);
  }
  .limits-field .text-body .icon {
    width: 48px;
    height: 48px;
    background-size: 48px;
    margin: 0 0 20px;
  }
  
  .menurows{
    display: flex;
    flex-direction: row;
  }

 .menurows .menu-item:first-child {
   border-right:1px solid #e3e3e3;
  }
  
  .menurows .menu-item .menu .menu-item {
   border:none;
  }
  
.menu-link .icon {
            width: 28px;
    height: 28px;
    flex: 0 0 28px;
    margin: auto 15px auto 0;
    }
.menu-link .menusub {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #a9a9a9;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header .navbar-menu .menu .menu-link{
    display: block;
    width: 100%;
    font-size: 14px;
    clear: both;
    padding-left: 15px;
    font-weight: 400;
    color: var(--secondary-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.header .btn-trade .nav-link{
color:white!important;
}

.header .navbar-menu .uyeol{
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    background-color: #068bdf;
    border: 0;
    padding: 0 18px;
    text-decoration: none!important;
    white-space: nowrap;
    border-radius: 16px;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color .3s
}
.header .navbar-menu .uyeol .nav-link{
    color: #fff;
}

.header .navbar-menu .uyeol:hover{
background-color: #2d63a7;
    color: #fff;
}
.header .navbar-menu .uyeol .nav-link:hover{
    color: #fff;
}



}

@media (max-width: 1200px) {
  .header .navbar-menu .nav-btn {
padding:0px;
}
.header .navbar-menu .nav-link {
    width: 100%;
}
.header .navbar-menu .nav-link label, .header .navbar-menu .nav-menu label{
padding:0px !important;
}
.nav-menu.nav-mega.open .nav-menu {
    height: auto;
    opacity: 1;
}


.nav-dropdown .nav-menu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

/* Açık menü */
.nav-dropdown.open .nav-menu {
  max-height: 800px; /* yeterli büyk değer verilmeli */
  opacity: 1;
  visibility: visible;
}
.header .navbar-menu .nav-mega .menu .menu {
    padding: 0px;
}

.nav-mega .menurows > li.menu-item-has-children:nth-of-type(1)::after {
  content: "";
  display: block;
  height: 1px;
  background-color: var(--border);
  margin: 12px 15px;
}

}

.header .submenuheader {
    font-size: 14px!important;
    font-weight: 500!important;
    white-space: nowrap!important;
    color: var(--primary-color)!important;
}

.nav-dropdown:hover .nav-menu {
  display: block;
}

.cardfooter{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .kolayalsat .icon, .header .proalsat .icon {
    width: 28px!important;
    height: 28px!important;
    flex: 0 0 28px;
    margin: auto 15px auto 0;
        margin-right: 10px !important;
}

.kolayalsat a.menu-link, .proalsat a.menu-link{
    width: 100%;
    display: flex!important;
    flex-direction: row!important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--secondary-color);
    white-space: nowrap;
    padding: 10px 15px;
    position: relative;
}


.header .kolayalsat label,.header .proalsat label {
    font-weight: 500;
    line-height: 18px;
    color: var(--secondary-color);
    cursor: pointer;
}

@media (min-width: 1200px) {
  .header .navbar-menu .nav-item:hover > .nav-menu,
  .header .navbar-menu .nav-item:focus-within > .nav-menu {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
    z-index: 10 !important;
  }

}
.content-title-row {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap; /* Mobilde alta geçmesini sağlar */
  padding: 20px 0;
}

.content-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

/* Arama Kutusu */
.search-control {
  display: flex;
  align-items: center;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 4px 10px;
  width: 100%;
  margin-top: 15px;
}

.search-control input[type="search"] {
  border: none;
  background: transparent;
  outline: none;
  padding: 8px;
  font-size: 14px;
  flex: 1;
}

.search-control .btn {
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
}

.search-control .icon {
  font-size: 16px;
  color: #666;
}

/* 1200px ve üzeri */
@media (min-width: 1200px) {
  .content-title {
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .search-control {
    position: absolute;
    right: 0;
     max-width: 300px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
  }
}

.nav-menu.nav-mega {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.nav-menu.nav-mega.open {
  max-height: 800px; /* Tahmini değer, gerekirse artr */
}