/*--------------------------------------------------------------
# fonts
--------------------------------------------------------------*/
@font-face {
    font-family: "ChakraPetchBold";
    src:
        url("../fonts/ChakraPetchBold/ChakraPetchBold.woff") format("woff"),
        url("../fonts/ChakraPetchBold/ChakraPetchBold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "ChakraPetchBoldItalic";
    src:
        url("../fonts/ChakraPetchBoldItalic/ChakraPetchBoldItalic.woff") format("woff"),
        url("../fonts/ChakraPetchBoldItalic/ChakraPetchBoldItalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "ChakraPetchSemiBold";
    src:
        url("../fonts/ChakraPetchSemiBold/ChakraPetchSemiBold.woff") format("woff"),
        url("../fonts/ChakraPetchSemiBold/ChakraPetchSemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "ChakraPetchSemiBoldItalic";
    src:
        url("../fonts/ChakraPetchSemiBoldItalic/ChakraPetchSemiBoldItalic.woff") format("woff"),
        url("../fonts/ChakraPetchSemiBoldItalic/ChakraPetchSemiBoldItalic.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "ChakraPetchMedium";
    src:
        url("../fonts/ChakraPetchMedium/ChakraPetchMedium.woff") format("woff"),
        url("../fonts/ChakraPetchMedium/ChakraPetchMedium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "ChakraPetchMediumItalic";
    src:
        url("../fonts/ChakraPetchMediumItalic/ChakraPetchMediumItalic.woff") format("woff"),
        url("../fonts/ChakraPetchMediumItalic/ChakraPetchMediumItalic.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "ChakraPetchRegular";
    src:
        url("../fonts/ChakraPetchRegular/ChakraPetchRegular.woff") format("woff"),
        url("../fonts/ChakraPetchRegular/ChakraPetchRegular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "ChakraPetchItalic";
    src:
        url("../fonts/ChakraPetchItalic/ChakraPetchItalic.woff") format("woff"),
        url("../fonts/ChakraPetchItalic/ChakraPetchItalic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "ChakraPetchLight";
    src:
        url("../fonts/ChakraPetchLight/ChakraPetchLight.woff") format("woff"),
        url("../fonts/ChakraPetchLight/ChakraPetchLight.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "ChakraPetchLightItalic";
    src:
        url("../fonts/ChakraPetchLightItalic/ChakraPetchLightItalic.woff") format("woff"),
        url("../fonts/ChakraPetchLightItalic/ChakraPetchLightItalic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
}

/*--------------------------------------------------------------
# end fonts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# BOOTSTRAP
--------------------------------------------------------------*/
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 980px;
}

/*
.row {
    margin-right: -10px;
    margin-left: -10px;
} */

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}

/*--------------------------------------------------------------
# end BOOTSTRAP
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# General common styles
--------------------------------------------------------------*/
*::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #777e8a;
}

*::-moz-placeholder {
    /* Firefox 19+ */
    color: #777e8a;
}

*:-ms-input-placeholder {
    /* IE 10+ */
    color: #777e8a;
}

*:-moz-placeholder {
    /* Firefox 18- */
    color: #777e8a;
}

*:focus {
    outline: none !important;
}

html,
body {
    height: 100%;
}

body {
    font-family: "ChakraPetchRegular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #777e8a;
    background: #f3f7fd;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.h2,
.h3,
.h4 {
    color: #0d1118;
    margin: 0;
}

.h2 {
    font-size: 30px;
    line-height: 36px;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
}

.h3 {
    font-size: 22px;
    line-height: 28px;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
}

.h4 {
    font-size: 18px;
    line-height: 26px;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
}

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

.btn.focus,
.btn:focus {
    box-shadow: none;
}

a,
button {
    text-decoration: none !important;
}

button:focus {
    outline: none;
}

.dark-link {
    color: #00000c;
}

.grey-link {
    color: #777e8a;
}

a:hover,
.dark-link:hover {
    color: #2048e6;
    text-decoration: none;
}

.text-success {
    color: #36c640 !important;
}

.text-danger {
    color: #f30909 !important;
}

.text-primary {
    color: #2048e6 !important;
}

.text-dark {
    color: #0d1118 !important;
}

.text-secondary {
    color: #0d1118 !important;
}

.text-light {
    color: #0d1118 !important;
}

.mr-xl {
    margin-right: 40px;
}

.mb-xl {
    margin-bottom: 60px;
}

.mb-xs {
    margin-bottom: 30px;
}

.mr10 {
    margin-right: 10px;
}

.mr5 {
    margin-right: 5px;
}

.mb9 {
    display: block;
    margin-bottom: 9px;
}

.mb5 {
    margin-bottom: 5px;
}

/*select2*/
.select2-dropdown {
    padding: 20px;
    border: none;
    border-radius: 0;
    box-shadow: 25px 25px 40px 0 rgba(16, 39, 83, 0.28);
}

.select2-results__option {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #0d1118;
    padding: 0;
    margin-bottom: 15px;
}

.select2-results__option:hover {
    color: #2048e6;
}

.select2-results__option:last-child {
    margin-bottom: 0;
}

/*end select2*/

/*select2 select without border*/
.select2-container--select-ease-wrap.select2-container .select2-selection--single {
    height: auto;
}

.select2-container--select-ease-wrap.select2-container .select2-selection__rendered {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    background: url(../img/drop.svg) right center no-repeat;
    padding-left: 0;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
    text-transform: uppercase;
    padding-right: 16px;
}

.select2-container--select-markets.select2-container .select2-selection__rendered,
.select2-container--select-primary-wrap.select2-container .select2-selection__rendered {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0d1118;
    border: 1px solid #c3ced7;
    background: #fff url(../img/drop.svg) no-repeat calc(100% - 20px) center;
    height: 40px;
    line-height: 38px;
    padding: 0 35px 0 20px;
}

.currency-shoose .select2-container--select-ease-wrap.select2-container .select2-selection__rendered {
    color: #777e8a;
}

.select-middle .select2-container--select-ease-wrap.select2-container .select2-selection__rendered {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
}

.select-big .select2-container--select-ease-wrap.select2-container .select2-selection__rendered,
.chart-changed__choose-info .select2-container--select-ease-wrap.select2-container .select2-selection__rendered {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 18px;
}

/*end select2 select without border*/

/*Forms*/
.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url("../img/drop.svg");
    background-position: 98% center;
    background-repeat: no-repeat;
}

.textarea,
.input,
.select {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0d1118;
    background: #fff;
    outline: none;
    border: 1px solid #c3ced7;
}

.label:hover + .select,
.label:hover + .textarea,
.label:hover + .input,
.textarea:focus,
.input:focus,
.select:focus,
.textarea:hover,
.input:hover,
.select:hover {
    border-color: #9da6b7;
}

.input,
.select {
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
}

.input:disabled,
.input[readonly] {
    background-color: #e9ecef;
}

.textarea {
    padding: 20px;
}

.error-field {
    border-color: #f30909;
}

.success-field {
    border-color: #56c452;
}

.label {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    line-height: 12px;
    margin-bottom: 15px;
    display: block;
}

.label.mandatory::before {
    content: "*";
    position: absolute;
    z-index: 0;
    color: #f30909;
    font-size: 22px;
    line-height: 22px;
    top: 0;
    left: 0;
}

.label.mandatory {
    padding-left: 15px;
    position: relative;
}

/*custom radio&checkbox*/
.custom-control {
    padding-left: 35px;
}

.custom-control-label {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    color: #0d1118;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    padding-top: 7px;
}

.custom-control-label::before {
    width: 20px;
    height: 20px;
    border-color: #c3ced7;
    left: -35px;
}

.custom-control-label:hover::before {
    border-color: #9da6b7;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #c3ced7;
}

.custom-control-input:active ~ .custom-control-label::before {
    background-color: #fff !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #4700f9;
    background-color: #4700f9;
}

/*radio button*/
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    top: 9px;
    bottom: 0;
    left: -30px;
    right: 0;
}

/*checkbox button*/
.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("../img/check.svg");
    width: 21px;
    height: 21px;
    left: -35px;
}

/*switch button*/
.custom-switch.custom-control {
    min-height: 24px;
    padding-left: 0;
}

.custom-switch .custom-control-label {
    padding-left: 59px;
    padding-top: 5px;
}

.custom-switch .custom-control-label::after {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #9da6b7;
    left: 2px;
    top: 2px;
}

.custom-switch .custom-control-label::before {
    border: 1px solid rgba(157, 166, 183, 0.4);
    border-radius: 12px;
    width: 39px;
    height: 24px;
    left: 0;
    top: 0;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #d8e0ff;
    background-color: #d8e0ff;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #2048e6;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}

/*Buttons*/
.button-reset {
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
}

.button {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none;
    background: transparent;
    text-align: center;
}

.button-sm {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
}

.button-lg {
    font-size: 16px;
    height: 70px;
    line-height: 70px;
    max-width: 230px;
    width: 100%;
}

.button-full {
    max-width: 100%;
    width: 100%;
}

.button-sq {
    width: 40px;
    height: 40px;
    text-align: center;
}

.button-blu {
    background: #4700f9;
    color: #78ff73;
}

.button-dark-blu {
    background: #2048e6;
    color: #78ff73;
}

.button-blu:focus,
.button-blu:hover,
.button-blu:active {
    background: #3c00d1;
    color: #78ff73;
}

.button-green {
    background: #78ff73;
    color: #0d1118;
}

.button-green:focus,
.button-green:hover,
.button-green:active {
    background: #65f060;
    color: #0d1118;
}

.button-red {
    background: #f30909;
    color: #fff;
}

.button-red:focus,
.button-red:hover,
.button-red:active {
    background: #dc0000;
    color: #fff;
}

.button-grey {
    color: #0d1118;
    background: #f3f7fd;
}

.button-grey:focus,
.button-grey:hover,
.button-grey:active {
    background: #e6edf8;
    color: #0d1118;
}

.button-light-br {
    color: #0d1118;
    background: #fff;
    border: 1px solid #fff;
    line-height: 38px;
}

.button-light-br:focus,
.button-light-br:hover,
.button-light-br:active {
    border-color: rgba(162, 176, 202, 0.5);
    color: #0d1118;
}

.button-white-br {
    color: #0d1118;
    border: 1px solid #c3ced7;
    line-height: 38px;
}

.button-white-br:focus,
.button-white-br:hover,
.button-white-br:active {
    border-color: #777e8a;
    color: #0d1118;
}

.button-grey-br {
    color: #777e8a;
    border: 1px solid #c3ced7;
    background: #fff;
    line-height: 38px;
}

.button-grey-br:focus,
.button-grey-br:hover,
.button-grey-br:active {
    color: #0d1118;
    border-color: #0d1118;
}

.button-ic {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 38px;
}

.button-ic:before {
    content: url(../img/checkmark_b.svg);
    display: block;
    margin-right: 5px;
}

/*end Buttons*/

.dropdown-reset {
    border: none;
    background: #fff;
    border-radius: 0;
    padding: 0;
    box-shadow: 5px 20px 35px rgba(16, 39, 83, 0.178267);
}

/*--------------------------------------------------------------
# End General common styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# General layout styles
--------------------------------------------------------------*/
.app__logo {
    display: block;
    margin: 40px 15px 38px;
}

/*Left nav*/
.app__nav {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 80px;
    text-align: center;
    background-color: #fff;
    transition: transform 0.3s;
}

.app-nav {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.app-nav__list {
    padding: 15px;
    margin-bottom: 15px;
    overflow-y: auto;
}

.app-nav__item {
    margin-bottom: 18px;
}

.app-nav__link {
    display: block;
}

.app-nav__link:hover,
.app-nav__link:active,
.app-nav__link.active {
    text-decoration: none;
    color: #0d1118;
}

.app-nav__link-icon {
    display: block;
    margin: 0 auto 1px;
}

.app-nav__link-text {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #777e8a;
}

.app-nav__link:hover .app-nav__link-text,
.app-nav__link:active .app-nav__link-text,
.app-nav__link.active .app-nav__link-text {
    text-decoration: none;
    color: #0d1118;
}

.app-nav__link:hover .app-nav__link-icon path,
.app-nav__link:active .app-nav__link-icon path,
.app-nav__link.active .app-nav__link-icon path {
    fill: #0d1118;
}

/*Right sidebar*/
.app-sidebar {
    position: fixed;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 320px;
    background-color: #fff;
    padding: 30px 5px 30px 30px;
    width: 100%;
}

.app-sidebar__wrapper {
    height: calc(100% - 40px);
}

/*User dropdown*/
.no-arr.dropdown-toggle::before,
.no-arr.dropdown-toggle::after,
.app-sidebar__user-dropdown .dropdown-toggle::after {
    display: none;
}

.app-sidebar__dropdown-item:not(:last-child) {
    border-bottom: 1px solid #f0f5f9;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
    .dropdown-item__link-wrap {
        padding: 8px 0px;
    }
}
.app-sidebar__dropdown-menu {
    border: none;
    box-shadow: 5px 15px 35px rgba(16, 39, 83, 0.178267);
    padding: 29px 30px 27px;
    min-width: 279px;
    top: 11px !important;
    left: -21px !important;
    color: #0d1118;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    border-radius: 0;
}
@media screen and (max-width: 911px) {
    .app-sidebar__dropdown-menu {
        padding: 16px;
    }
}
.dropdown-arr-user {
    left: -14px !important;
    padding-top: 31px;
}

.dropdown-arr-user .dropdown-item__link svg {
    margin-right: 5px;
}

.dropdown-arr-user .dropdown-item__caption {
    margin-bottom: 13px;
}

.app-sidebar__dropdown-menu .user__name {
    margin-top: 0;
    margin-bottom: 6px;
}

.app-sidebar__dropdown-menu .user__status-acc {
    transform: none;
}

.dropdown-arr::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 21px;
    height: 21px;
    background: #fff;
    transform: rotate(-45deg);
    top: -5px;
}

.dropdown-arr-user::before {
    left: 30px;
}

.dropdown-arr-notification::before {
    left: auto;
    right: 34px;
}

.dropdown-toggle[aria-expanded="true"] path {
    fill: #2048e6;
}

.dropdown-item__caption {
    display: block;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #0d1118;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 12px;
}

.dropdown-item__wallet-crypto {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: #0d1118;
    display: block;
    margin-bottom: 10px;
}

.dropdown-item__wallet-currency > span,
.dropdown-item__wallet-crypto > span {
    color: #777e8a;
    text-transform: uppercase;
}

.dropdown-item__wallet-currency {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 22px;
}

.dropdown-item__link-wrap:not(:last-child) {
    margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
    .dropdown-item__link-wrap:not(:last-child) {
        margin-bottom: 8px;
    }
}
.dropdown-item__link {
    display: flex;
    align-items: center;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #0d1118;
    font-size: 12px;
    line-height: 12px;
    border: none;
    background: none;
    padding: 0;
}

.dropdown-item__link svg {
    margin-right: 9px;
}

.dropdown-item__link:hover {
    color: #4700f9;
}

.dropdown-item__link:hover path {
    fill: #2048e6;
}

.notifications__title {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
    margin-bottom: 5px;
}

.notifications__text {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #777e8a;
    line-height: 12px;
    margin: 0;
}

/*End User dropdown*/

.app-sidebar__header {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 -10px;
}

.user__photo,
.app-sidebar__user {
    margin-right: 10px;
}

.user__photo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.user__name {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 15px;
    color: #0d1118;
    display: block;
    margin-top: 3px;
}

.user__name.verified:after {
    content: url(../img/verifi.svg);
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.user__status-acc {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #777e8a;
    display: block;
    text-align: left;
    transform: translateY(3px);
}

.notifications__num {
    display: block;
    font-family: "ChakraPetchBold", Arial, Helvetica, sans-serif;
    background: #f30909;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
    color: #fff;
    margin-left: 5px;
}

.app-sidebar__box {
    padding: 40px 15px 40px 0;
    border-bottom: 1px solid #f0f5f9;
}

.app-sidebar__box:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.available-balance {
    font-size: 12px;
    line-height: 12px;
}

.app-sidebar__box .available-balance {
    margin-bottom: 18px;
}

.available-balance__statistic {
    margin-bottom: 6px;
}

.available-balance__main,
.available-balance__sub {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
}

.available-balance__main {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #0d1118;
    display: block;
}

.available-balance__sub {
    font-size: 14px;
    line-height: 14px;
}

.actions-table {
    margin-bottom: 21px;
}

.actions-table td {
    border: none;
    word-break: break-word;
    padding: 0;
}

.actions-table tr:not(:last-child) td {
    padding-bottom: 15px;
}

.actions-table__title {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    text-align: left;
    line-height: 12px;
    color: #777e8a;
}

.actions-table__value {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #0d1118;
    text-align: right;
    text-transform: uppercase;
}

.actions-table__value > span {
    margin-left: 8px;
}

.app-sidebar__btns .button {
    width: auto;
    padding: 0 20px;
}

.app-sidebar__available-title {
    margin-bottom: 12px;
}

.app-sidebar__available-info {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    line-height: 20px;
}

.app-sidebar__support-title {
    margin-bottom: 10px;
}

.app-sidebar__support-text {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    line-height: 20px;
    margin-bottom: 20px;
}

.app-sidebar__link-box {
    margin-bottom: 40px;
}

.dropdown-lang {
    margin-right: 29px;
}

.dropdown-toggle::after {
    content: url(../img/drop.svg);
    margin-left: 6px;
    border: none;
    transition: 0.3s ease-in-out;
}

.app-sidebar__link-support,
.dropdown-lang button {
    display: flex;
    align-items: center;
    padding: 0;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #777e8a;
}

.app-sidebar__link-support svg,
.dropdown-lang button svg {
    margin-right: 5px;
}

.app-sidebar__link-support:hover,
.dropdown-lang button:hover {
    color: #0d1118;
}

.app-sidebar__link-support:hover svg path,
.dropdown-lang button:hover svg g#support {
    fill: #0d1118;
    transition: 0.3s ease-in-out;
}

.dropdown-lang button:hover::after {
    content: url(../img/drop-active.svg);
}

.dropdown-lang .dropdown-menu {
    box-shadow: 5px 15px 35px rgba(16, 39, 83, 0.178267);
    border-radius: 0;
    border: none;
    min-width: 92px;
}

.dropdown-lang .dropdown-item {
    font-size: 14px;
    line-height: 14px;
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    padding: 8px 0 8px 20px;
    color: #0d1118;
}

.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent;
}

.dropdown-lang .dropdown-item.dropdown-item_active {
    color: #777e8a;
}

.app-sidebar__nav {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.app-sidebar__nav-item:not(:last-child) {
    margin-right: 20px;
}

.app-sidebar__nav-link {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #0d1118;
}

.copyright {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
}

.app-sidebar .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.app-sidebar .mCustomScrollBox {
    max-width: 320px;
    margin-right: -40px;
    padding-right: 40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.app-sidebar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #0d1118;
}

/*App main*/
.app-main {
    padding: 0 320px 40px 80px;
}

/*header*/
.app-header {
    padding: 40px 0 46px 0;
}

.app-header__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin-right: -5px;
    margin-left: -5px;
}

.app-header__buttons > .button:not(:first-child) {
    margin-left: 20px;
}

.app-header__link {
    position: relative;
    z-index: 0;
    display: block;
    padding-left: 40px;
}

.wallets-detail__link {
    padding-left: 27px;
}

.wallets-detail__select-middle {
    margin-left: 23px;
    padding-top: 12px;
}

.wallets-detail__select-middle.select-middle .select2-container--select-ease-wrap.select2-container .select2-selection__rendered {
    font-size: 18px;
    line-height: 18px;
}

.app-header__link:before {
    content: url(../img/back.svg);
    position: absolute;
    z-index: 0;
    left: 2px;
    top: 10px;
}

.app-header__title > span {
    color: #777e8a;
}

.app-header__title-ic {
    transform: translateY(-2px);
    margin-right: 3px;
}

.app-header__top {
    display: none;
    padding: 4px 20px 4px 20px;
    background: #fff;
    margin-bottom: 30px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 111;
}

.app-header__inform {
    padding: 8px 15px;
    background: #fff;
    line-height: 12px;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    display: flex;
    align-items: center;
}

.app-header__inform-icon {
    margin-left: 9px;
}

.box {
    padding: 40px;
}

.box-light {
    background-color: #fff;
    border: 1px solid #e1e0e3;
}

.box-blue {
    background: #050111;
}

.box-dark-blue {
    background: #050111;
}

.chart-btn {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    line-height: 12px;
    color: #777e8a;
    white-space: nowrap;
}

.dashboard-info .chart-btn {
    transform: translateY(5px);
}

.chart-btn:not(:last-child) {
    margin-right: 28px;
}

.chart-btn.active {
    color: #0d1118;
}

/*--------------------------------------------------------------
# End General layout styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Index styles
--------------------------------------------------------------*/
.overview {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 280px;
}

.overview-box {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    flex-grow: 1;
}

.overview__label {
    line-height: 12px;
    color: #78ff73;
    margin-bottom: 10px;
}

.overview__label:first-child {
    margin-bottom: 12px;
}

.overview__label:last-child {
    margin-bottom: 0;
}

.overview__balance,
.overview__info {
    display: block;
    color: #fff;
}

.overview__balance {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 35px;
}

.overview__col:not(:last-child) {
    margin-right: 41px;
}

.overview__info {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 28px;
}

.dashboard-wallets__row {
    display: grid;
    grid-template: repeat(2, 1fr) / repeat(3, 200px);
    gap: 20px;
}

.dashboard-wallet__title .h3,
.overview__sub-title {
    line-height: 22px;
}

.dashboard-wallet__title,
.overview__sub-title {
    margin-bottom: 40px;
}

.dashboard-wallet__title .grey-link {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
}

.wallet {
    display: block;
    background: #fff;
    padding: 35px 10px;
}

.wallet:hover {
    box-shadow: 25px 25px 40px 0 rgba(16, 39, 83, 0.28);
    position: relative;
}

.dashboard-wallet {
    min-height: 123px;
}

.wallet__title {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
    text-align: center;
    margin-bottom: 13px;
}

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

.wallet__icon {
    max-width: 20px;
    height: auto;
    border-radius: 50%;
    display: block;
    margin: 0 5px 0 0;
}

.wallet__amount,
.wallet__currency {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 18px;
}

.wallet__amount {
    color: #0d1118;
}

.wallet__currency {
    text-transform: uppercase;
    color: #777e8a;
    display: block;
    margin-left: 4px;
}

.wallet-create {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px dashed #c3ced7;
    font-family: "ChakraPetchBold", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #777e8a;
    line-height: 12px;
    text-align: center;
}

.wallet-create__ic {
    display: block;
    margin: 0 auto 9px;
}

.balance {
    max-width: 560px;
    flex: 0 0 560px;
}

.balance__header .h3,
.activities__header h3 {
    line-height: 22px;
}

.available-balance__curr {
    margin-bottom: 12px;
}

.chart-definitions__box:last-child {
    margin-right: 0;
}

.available-balance__caption {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #0d1118;
    line-height: 12px;
    margin-right: 12px;
}

.balance-chart {
    margin-bottom: 27px;
}

.available-balance__crypto {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 32px;
    color: #0d1118;
}

.available-balance__crypto span {
    color: #777e8a;
}

.chart-definitions__item {
    text-transform: uppercase;
    line-height: 12px;
    color: #0d1118;
    display: flex;
    align-items: center;
}

.dashboard-info .chart-definitions__item {
    margin-right: 31px;
}

.chart-definitions__item:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0;
}

.activities {
    flex-grow: 1;
}

.dark-blue:before {
    background: #4700f9;
}

.blue:before {
    background: #76b7ff;
}

.green:before {
    background: #68e063;
}

.balance-summary__setting {
    margin-bottom: 36px;
}

.mr20 {
    margin-right: 20px;
}

.balance-summary__total {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #0d1118;
    padding-left: 19px;
}

.balance-summary__total span {
    color: #777e8a;
}

.activities-box {
    padding-bottom: 35px;
}

.table-scroll__activities {
    height: 350px;
}

.table-scroll__markets {
    height: 568px;
}

.activities-row:not(:last-child) {
    margin-bottom: 31px;
    padding-bottom: 31px;
    border-bottom: 1px solid #f0f5f9;
}

.activities-curency {
    padding-right: 10px;
}

.activities-curency__name {
    margin-bottom: 8px;
    max-height: 30px;
    max-width: 30px;
}

.activities-curency__ic {
    display: block;
    transform: translateY(-2px);
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

.activities-curency__title {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #0d1118;
    margin: 0;
}

.activities-curency__date {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    margin: 0;
}

.activities-num__crypto {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #0d1118;
    line-height: 18px;
    margin-bottom: 10px;
    justify-content: flex-end;
}

.activities-num__cur > span,
.activities-num__crypto > span {
    color: #777e8a;
    display: block;
    margin-left: 4px;
    text-transform: uppercase;
}

.activities-num__cur {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #0d1118;
    justify-content: flex-end;
    margin: 0;
}

.buy {
    /*max-width: 280px;*/
    flex: 0 0 280px;
    text-align: center;
}

.buy-payments {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 44px;
}

.buy-payments img {
    display: block;
    margin: 0;
}

.buy-payments img:first-child {
    margin-right: 14px;
}

.buy-title {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    text-align: center;
    color: #0d1118;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 21px;
}

.buy-payments__des {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    line-height: 20px;
    margin-bottom: 35px;
}

.buy .button {
    width: 100%;
}

.chart-changed {
    flex-grow: 1;
}

/*for img chart,  delete in the future*/
.chart-changed .box {
    padding-bottom: 31px;
}

.chart-changed__header {
    margin-bottom: 25px;
}

.chart-changed__select-crypto {
    margin-bottom: 13px;
}

.chart-changed__choose {
    transform: translateY(-4px);
}

.chart-changed__choose-value {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: #000;
    margin-right: 10px;
}

.chart-changed__choose-value > span {
    color: #777e8a;
}

.chart-changed__value-title,
.chart-changed__value-sum {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #0d1118;
}

.chart-changed__value-sum > span,
.chart-changed__value-title > span {
    color: #777e8a;
}

.chart-changed__value-title {
    display: block;
    text-align: right;
    line-height: 12px;
    margin-bottom: 12px;
}

.chart-changed__value-sum {
    font-size: 32px;
    line-height: 32px;
}

.chart-changed__value-grow {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 12px;
    margin-left: 10px;
}

/*for img chart,  delete in the future*/
.chart-changed__chart {
    width: 100%;
    max-height: 180px;
}

.chart-changed__chart-butt {
    margin-bottom: 20px;
}

.chart-changed__chart-butt button {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #777e8a;
}

.chart-changed__chart-butt button:not(:last-child) {
    margin-right: 20px;
}

.chart-changed__chart-butt button.active {
    color: #0d1118;
}

.refer {
    max-width: 560px;
    flex: 0 0 560px;
}

.refer__title {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 15px;
}

.refer__describe {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #78ff73;
    margin-bottom: 40px;
}

.refer-link {
    background: #fff;
    padding: 10px 10px 10px 25px;
    margin-bottom: 20px;
    align-items: center;
}

.refer-link__link {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #0d1118;
}

.referal-info {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
}

.referal-info__title {
    font-size: 18px;
    line-height: 18px;
    color: #0d1118;
    margin-bottom: 20px;
}

.referal-info__column:first-child {
    margin-right: 40px;
}

.referal-info__numbers {
    margin-bottom: 31px;
}

.referal-info__caption {
    line-height: 12px;
    display: block;
    margin-bottom: 10px;
}

.referal-info__value {
    color: #0d1118;
    font-size: 26px;
    line-height: 26px;
}

.referal-info__chart {
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
# End Main styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Wallets
--------------------------------------------------------------*/
.crypto-acc__title {
    line-height: 22px;
}

.wallets__wrapper {
    display: grid;
    grid-template: repeat(2, 1fr) / repeat(3, 308px);
    gap: 18px;
}

.crypto-wallet {
    padding: 15px 19px 33px 23px;
    text-align: center;
}

.wallet-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wallet-header__pin-btn {
    margin-right: 15px;
}

.wallet-header__pin-btn__active path {
    fill: #f7931a;
}

.wallet-body__sum {
    margin-bottom: 10px;
}

.wallet-body__price {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #0d1118;
    font-size: 12px;
    line-height: 12px;
}

.wallet-body__price span {
    color: #777e8a;
    text-transform: uppercase;
}

.wallet-body__price {
    line-height: 12px;
    margin-bottom: 27px;
}

.wallet-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
}

.wallet-footer__btn {
    display: flex;
    align-items: center;
}

.wallet-footer__btn-text {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    margin-left: 5px;
}

.add-wallet {
    background: transparent;
    border: 1px dashed #c3ced7;
}

.add-wallet__icon {
    margin-top: 37px;
    margin-bottom: 8px;
}

.add-wallet .wallet__title {
    margin-bottom: 9px;
}

.wallet-body__add {
    max-width: 180px;
    margin: 0 auto;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
}

.wallet-nav__dropdown-menu.dropdown-arr::before {
    top: 25px;
    left: -5px;
}

.wallet-QR__dropdown-menu.dropdown-arr::before {
    top: 36px;
    left: -5px;
}

.wallet-QR {
    padding: 30px 32px 26px;
    text-align: center;
}

.orders-settings__dropdown-menu,
.wallet-QR__dropdown-menu,
.wallet-nav__dropdown-menu {
    transform: translate3d(0, 0px, 0px) !important;
}

.wallet-nav__dropdown-menu {
    margin-top: -24px !important;
    left: 26px !important;
}

.wallet-QR__dropdown-menu {
    margin-top: -35px !important;
    left: 29px !important;
}

.wallet-QR__copy,
.wallet-QR__code,
.wallet-QR__des {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
}

.wallet-QR__des {
    color: #777e8a;
    margin-bottom: 15px;
}

.wallet-QR__code {
    color: #0d1118;
    margin-bottom: 20px;
}

.wallet-QR__pic {
    max-width: 130px;
    display: block;
    margin: 0 auto 19px;
}

.wallet-QR__copy {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.wallet-QR__copy img {
    margin: 0 4px 0 0;
}

.wallet-QR__copy:hover {
    color: #2048e6;
}

.wallet-nav__dropdown-menu {
    min-width: 116px;
}

.wallet-nav {
    padding: 18px 21px;
}

.wallet-nav__item {
    margin-bottom: 12px;
}

.wallet-nav__link {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #0d1118;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
}

.wallet-nav__link svg {
    margin-right: 11px;
}

.wallet-nav__link path {
    fill: #0d1118;
}

.wallet-nav__link:hover path {
    fill: #2048e6;
}

/*--------------------------------------------------------------
# End Wallets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# My Account styles
--------------------------------------------------------------*/
.my-account__chart-definitions .chart-definitions__item {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #777e8a;
    line-height: 12px;
    text-transform: none;
}

.balance-summary__chart-definitions .chart-definitions__item-sum,
.my-account__chart-definitions .chart-definitions__item-sum {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #0d1118;
    line-height: 18px;
}

.balance-summary__chart-definitions .chart-definitions__item-sum > span,
.my-account__chart-definitions .chart-definitions__item-sum > span {
    color: #777e8a;
}

.available-balance__period {
    margin-left: auto;
}

.my-account__chart-definitions .chart-definitions__box:not(:first-child) {
    margin-left: 33px;
}

.available-balance__select-crypto {
    line-height: 12px;
}

.available-balance__body {
    margin-bottom: 16px;
}

.available-balance__footer .chart-definitions__item:not(:last-child) {
    margin-right: 31px;
}

.balance-summary__header {
    margin-bottom: 28px;
}

.balance-summary__title {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #0d1118;
    line-height: 18px;
    margin-bottom: 39px;
}

.balance-summary__chart-definitions .chart-definitions__item:before {
    width: 9px;
    height: 9px;
}

.balance-summary__years .select2-container--select-ease-wrap.select2-container .select2-selection__rendered,
.balance-summary__mounth .select2-container--select-ease-wrap.select2-container .select2-selection__rendered {
    padding-right: 21px;
}

.balance-summary__header .chart-btns {
    line-height: 12px;
    margin-bottom: 26px;
}

.balance-summary__chart-definitions .chart-definitions__box:not(:first-child) {
    margin-left: 32px;
}

.balance-summary__chart-definitions .chart-definitions__item {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #777e8a;
    line-height: 12px;
    text-transform: none;
}

/*--------------------------------------------------------------
# End My Account styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# My BUY / SELL styles
--------------------------------------------------------------*/
.buy-sell__wrapper {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}

.buy-sell__row {
    margin-bottom: 30px;
}

.buy-sell__label-buttun {
    margin-bottom: 62px;
}

.buy-sell__row-amount {
    margin-bottom: 30px;
}

.buy-sell__row:last-child {
    margin-bottom: 60px;
}

.buy-sell__button {
    max-width: 50%;
    flex: 0 0 50%;
    height: 96px;
    line-height: 96px;
    background: #fff;
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #0d1118;
}

.buy-sell__button.active {
    box-shadow: 25px 25px 40px rgba(0, 48, 140, 0.282288);
    background: #76b7ff;
    color: #fff;
    position: relative;
    z-index: 1;
}

.buy-sell__label,
.buy-sell__explain {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
}

.buy-sell__label {
    color: #0d1118;
    margin-bottom: 20px;
}

.buy-sell__label-box {
    padding: 38px;
}

.buy-sell__row-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.buy-sell__buttons {
    padding-top: 5px;
}

.buy-sell__crypto-caption {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
}

.buy-sell__date {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #777e8a;
    margin: 0;
}

.buy-sell__date span {
    color: #0d1118;
}

.buy-sell__amount,
.buy-sell__currency-crypto {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: #777e8a;
}

.buy-sell__explain {
    color: #9da6b7;
    margin: 0;
    padding: 20px 0 0;
}

.buy-sell__payment {
    max-width: calc(33.33% - 13.3px);
    flex: 0 0 calc(33.33% - 13.3px);
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #777e8a;
    padding: 40px 10px;
}

.buy-sell__payment.active {
    color: #0d1118;
    box-shadow: 25px 25px 40px rgba(16, 39, 83, 0.282288);
}

.buy-sell__btn {
    height: 96px;
    line-height: 96px;
    font-size: 18px;
}

/*--------------------------------------------------------------
# End My BUY / SELL styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Total-info styles
--------------------------------------------------------------*/
.total-info {
    font-family: "ChakraPetchSemiMedium", Arial, Helvetica, sans-serif;
}

.available-balance {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
    text-align: left;
    margin-bottom: 5px;
}

.balance-btc {
    display: flex;
    align-items: center;
}

.balace-h {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    color: #0d1118;
    margin-right: 23px;
    margin-bottom: 0;
}

.balance-in-wraper__span {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 11px;
    color: #777e8a;
    display: block;
}

.balace-in-wraper__text {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #0d1118;
    margin-bottom: 0;
}

.balance-body__text {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
}

.balance-wallets__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 308px);
    gap: 18px;
}

.balance-wallet {
    padding: 35px;
    text-align: center;
}

.wallet-body__balance {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
# End Total-info styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Marcat-cap styles
--------------------------------------------------------------*/
.marcat-cap-wrapper__title {
    line-height: 18px;
    margin-bottom: 36px;
}

.marcat-cap-wrapper__img {
    width: 100%;
    height: auto;
}

/*--------------------------------------------------------------
# End Marcat-cap styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Login activity styles
--------------------------------------------------------------*/
.login-activity {
    padding-top: 4px;
}

.activity-account-wrapper {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 40px;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
}

.activity-account__header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.activity-account__header-btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
}

.activity-account__header-btn:hover path {
    fill: #f30909;
}

.activity-account__header-btn span {
    margin-left: 6px;
    display: block;
    padding-top: 1px;
}

.activity-account__table {
    margin-bottom: 0;
}

.activity-account__table td,
.activity-account__table th {
    border: none;
    border-bottom: 1px solid #f0f5f9;
    padding: 14px 15px 15px 0;
    vertical-align: middle;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #777e8a;
}

.activity-account__table th {
    font-weight: 500;
}

.activity-account__table td:last-child,
.activity-account__table th:last-child {
    padding-right: 0;
    text-align: right;
}

.activity-account__table td:first-child {
    color: #0d1118;
}

.table-head__title {
    padding-right: 10px;
}

.cell-browser {
    width: 186px;
}

.cell-ip {
    width: 168px;
}

.cell-time {
    width: 162px;
}

.activity-account__table-row:hover {
    cursor: pointer;
    transition: all 0.3s ease;
}

.activity-account__table-row:hover td {
    color: #0d1118;
}

.activity-account__table-row:hover .activity-account__header-btn path {
    fill: #f30909;
}

/*--------------------------------------------------------------
# End Login activity styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# My Profile
--------------------------------------------------------------*/
.profile-wrapper {
    padding-top: 4px;
}

.profile {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}

.profile__tab-nav {
    border-bottom: 1px solid #f0f5f9;
}

.profile__nav-item {
    margin: 0 31px 0 0;
}

.profile__nav-link {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #777e8a;
    padding: 0 0 30px;
}

.profile__nav-link:active,
.profile__nav-link:hover {
    color: #0d1118;
}

.profile__nav-link:focus,
.profile__nav-link.active {
    color: #0d1118;
    border-bottom: 1px solid #0d1118;
}

.tabs-wrapper {
    margin-top: 40px;
}

.personal-title__box {
    background-color: #fff2cf;
    padding: 20px 30px 30px;
}

.personal-title__box-text {
    font-size: 14px;
    line-height: 20px;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #0d1118;
    margin-bottom: 11px;
}

.personal-title__box-text span {
    color: #777e8a;
    font-family: "ChakraPetchRegular", Arial, Helvetica, sans-serif;
}

.personal-title__box-links-box {
    display: flex;
    align-items: center;
}

.learn-more-link {
    display: flex;
    align-items: center;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
}

.learn-more-link:first-child {
    margin-right: 20px;
}

.learn-more-link svg {
    margin-right: 5px;
}

.personal-information-box__title-box {
    display: flex;
    align-items: center;
}

.personal-information-box__title {
    line-height: 22px;
    color: #0d1118;
}

.personal-information-box__title-modal-btn {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.personal-information-box__title-box .personal-information-box__title-modal-btn {
    transform: translateY(-2px);
}

.personal-information-box__title-modal-btn {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
}

.personal-information-box__title-modal-btn svg {
    margin-right: 5px;
}

.personal-information-box-basics {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
    margin-bottom: 27px;
}

.profile-info__row {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.profile-info__row-column {
    font-family: "ChakraPetchRegular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
    max-width: 200px;
    flex: 0 0 300px;
}

.profile-info__row-column-full-width {
    max-width: 100%;
    flex: 100%;
}

.profile-info__row-adress {
    padding-bottom: 40px;
    border-bottom: 2px solid #f0f5f9;
    margin-bottom: 0;
}

.name-text {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 14px;
}

.name-text-nop {
    font-family: "ChakraPetchRegular", Arial, Helvetica, sans-serif;
}

.top-text {
    display: block;
    color: #777e8a;
    margin-bottom: 15px;
}

.profile-content .top-text {
    margin-bottom: 12px;
}

.personal-information-box-preferences {
    padding-top: 40px;
}

.preference-row {
    display: flex;
    align-items: center;
}

.preference-row-top {
    margin-bottom: 20px;
}

.preference-row__column {
    width: calc(50% - 20px);
}

.preference-row__column .select2-container .select2-selection--single {
    height: 40px;
}

.preference-row__column:first-child {
    margin-right: 40px;
}

.preference-row__column .select2-container--select-markets.select2-container .select2-selection__rendered,
.preference-row__column .select2-container--select-primary-wrap.select2-container .select2-selection__rendered {
    background: url(../img/drop.svg) calc(100% - 14px) center no-repeat;
}

/*--------------------------------------------------------------
# End My Profile
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Security
--------------------------------------------------------------*/
.secyrity-wrapper {
    padding-top: 40px;
}

.save-my-box {
    margin-bottom: 23px;
}

.save-my-box__title-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.title-btn-box {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.title-btn-box__descr {
    display: block;
    margin-right: 10px;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
}

.save-my-box__des {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #777e8a;
}

.save-my-box__des-box {
    display: flex;
    align-items: center;
}

.save-my-box__des-left {
    margin-left: auto;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
}

.save-my-box__des-left span {
    color: #0d1118;
}

.save-my-boxt {
    padding-bottom: 40px;
    border-bottom: 2px solid #f0f5f9;
    margin-bottom: 0;
}

.save-my-boxt_place {
    padding-bottom: 26px;
    margin-bottom: 12px;
}

.security-table {
    padding-top: 27px;
}

.custom-switch__not-text .custom-control-label {
    padding-left: 0;
    width: 39px;
}

/*--------------------------------------------------------------
# End Security
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Notifications
--------------------------------------------------------------*/
.notifications-wrapper {
    padding-top: 40px;
}

.security-alerts-title-box {
    margin-bottom: 10px;
}

.security-alerts-text {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #777e8a;
    margin-bottom: 20px;
}

.security-alerts-activity-box,
.security-alerts-deactive-box {
    display: flex;
    align-items: center;
}

.security-alerts-activity-box {
    margin-bottom: 15px;
}

.security-alerts-deactive-box {
    padding-bottom: 40px;
    border-bottom: 2px solid #f0f5f9;
    margin-bottom: 0;
}

.security-alerts-activity-box-text {
    margin-bottom: 0;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
}

.notifications-wrapper__security-news {
    padding-top: 47px;
}

.security-alerts-deactive-box:nth-child(4) {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
# End Notifications
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Connect Social
--------------------------------------------------------------*/
.connect-social-wrapper {
    padding-top: 40px;
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
}

.connect-social-wrapper__title-box:not(:last-child) {
    margin-bottom: 30px;
}

.connect-social-wrapper__title {
    margin-bottom: 10px;
}

.connect-social-wrapper__title-text {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #777e8a;
    margin-bottom: 0;
}

.connect-social-wrapper__title-text-mb {
    margin-bottom: 20px;
}

.connect-social-wrapper__cart-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.connect-social-wrapper__cart-box-soc-box,
.connect-social-wrapper__cart-box-google-box {
    background: #ffffff;
    border: 1px solid #c3ced7;
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 260px;
    width: 100%;
    padding: 30px;
}

.soc-box-icon {
    margin-bottom: 15px;
}

.cart-box-soc-box-title {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    color: #0d1118;
    margin-bottom: 15px;
}

.cart-box-soc-box-descr {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #777e8a;
    margin-bottom: 25px;
}

.cart-box-soc-box-descr > span {
    color: #0d1118;
}

.social-btn-otion {
    max-width: 200px;
    width: 100%;
}

/*--------------------------------------------------------------
# End Connect Social
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Order
--------------------------------------------------------------*/

.orders__titles {
    margin-bottom: 37px;
}

.orders__settings {
    margin-bottom: 37px;
}

.order__table-title {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #777e8a;
    margin-bottom: 0;
    padding-bottom: 30px;
}

.order__table td.order__table-title {
    border-top: 0;
    padding: 0 0 30px 0;
}

.orders__btn {
    font-family: "ChakraPetchRegular", Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #777e8a;
    line-height: 22px;
}

.button-search {
    margin-left: 30px;
}

.orders__btn:active,
.orders__btn:hover,
.orders__btn.active {
    color: #0d1118;
}

.orders__count {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    margin-left: 5px;
    border-radius: 50%;
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #78ff73;
    background: #4700f9;
    text-align: center;
}

.orders__table-wrapper {
    padding: 30px 0 10px 40px;
}

.table-scroll__order {
    height: 595px;
    /*margin-right: -40px;*/
}

.table-scroll__order .mCustomScrollBox {
    margin-right: -40px;
    padding-right: 40px;
}

.table-scroll .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.table-scroll .mCSB_scrollTools {
    width: 6px;
    right: 9px;
}

.table-scroll .mCSB_scrollTools .mCSB_draggerContainer {
    top: 5px;
}

.table-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #c3ced7;
    opacity: 0.6;
    border-radius: 3px;
}

.table-scroll .mCSB_scrollTools .mCSB_draggerRail {
    background: transparent;
}

.order-table {
    margin-bottom: 0;
}

.order-table td {
    padding: 30px 20px 30px 0;
    border-top: 1px solid #f0f5f9;
    vertical-align: middle;
}

.order-table td:last-child {
    padding-right: 0;
}

.order-table__hash,
.order-table__crypto-id {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    color: #777e8a;
    font-size: 14px;
    line-height: 14px;
}

.order-table__curr {
    color: #0d1118;
}

.order-table__names-icon-wrap {
    flex-shrink: 0;
}

.order-table__names {
    min-width: 80px;
}

.order-table__names-icon-wrap {
    max-width: 20px;
    width: 100%;
    margin-right: 5px;
}

.order-table__names img {
    max-width: 100%;
    height: auto;
    display: block;
}

.order-table__names span {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #0d1118;
    line-height: 16px;
}

.order-table__status,
.order-table__info,
.order-table__curr,
.order-table__date {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #777e8a;
    line-height: 12px;
}

.order-table__info {
    max-width: 80px;
}

.order-table__hash {
    color: #0d1118;
}

.order-table__crypto {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: #0d1118;
}

.order-table__curr > span,
.order-table__crypto > span {
    color: #777e8a;
    text-transform: uppercase;
}

.order__load-more-btn {
    display: flex;
    align-items: center;
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #0d1118;
    margin: 0 auto;
}

.order__load-more-btn:hover {
    color: #4700f9;
}

.order__load-more-btn:hover path {
    fill: #4700f9;
}

.order__load-more-btn svg {
    margin-right: 5px;
}

.table-set {
    padding: 27px 30px 30px;
}

.table-set th,
.table-set td {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
}

.table-set th:last-child,
.table-set td:last-child {
    padding-right: 0;
}

.table-set th {
    color: #777e8a;
    padding: 0 30px 5px 0;
}

.table-set td {
    color: #0d1118;
    padding: 15px 30px 0 0;
}

.table-set button {
    position: relative;
    z-index: 0;
    padding-right: 20px;
}

.table-set button.active {
    color: #4700f9;
}

.table-set button.active:after {
    content: url(../img/check-active.svg);
    position: absolute;
    z-index: 0;
    right: -8px;
    top: 0;
}

.orders-settings__dropdown-menu {
    left: -188px !important;
    top: calc(100% + 10px) !important;
}

.orders-settings__dropdown-menu.dropdown-arr::before {
    right: 69px;
    top: -2px;
}

.search__box {
    padding: 30px;
}

.search__dropdown-menu {
    top: -15px !important;
}

.search__dropdown-menu.dropdown-arr::before {
    right: 0;
    top: 14px;
}

/*--------------------------------------------------------------
# End Order
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Markets
--------------------------------------------------------------*/
.markets-actions {
    margin-bottom: 60px;
}

.markets-wallets {
    width: 100%;
}

.markets-actions__exchange {
    flex: 1;
    max-width: 360px;
    min-width: 300px;
}

.markets-actions__title {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 22px;
    color: #0d1118;
}

.markets-actions__form-desc {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: white;
    margin-bottom: 12px;
}

.markets-actions-form__iputs-wrapper {
    margin-bottom: 30px;
}

.markets-actions__form-input {
    height: 40px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    padding-right: 0;
}

.markets-actions__field {
    flex: 1;
    margin-right: 10px;
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    border: none;
    width: 100%;
}

.markets-actions__field,
.markets-actions__select .select2-container--select-ease-wrap.select2-container .select2-selection__rendered {
    font-size: 14px;
    line-height: 14px;
}

.input-fw {
    width: 100%;
}

.markets-actions__form-descr {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 30px;
    text-align-last: left;
}

.markets-actions__form-descr span {
    color: #78ff73;
}

.markets-table__wrapper {
    padding-top: 30px;
}

.markets-table {
    margin-bottom: 0;
}

.markets-table th {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #777e8a;
    padding: 0 0 30px;
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}

.markets-table td {
    padding: 33px 0 27px;
    border-top: none;
    border-bottom: 1px solid #dee2e6;
}

.markets-table__order {
    width: 35px;
}

.markets-table__name {
    width: 166px;
}

.markets-table__price {
    width: 147px;
}

.markets-table__ouwers,
.markets-table__day,
.markets-table__sypply {
    width: 119px;
}

.markets-table__cap {
    width: 129px;
}

.markets-wallets__names-title,
.markets-table td {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #0d1118;
    margin-right: 11px;
}

.markets-table__price {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #0d1118;
}

.markets-table__icon-box {
    width: 20px;
    margin-right: 5px;
}

.markets-wallets__names-icon {
    max-width: 20px;
}

.markets-table tr:last-child td {
    padding-bottom: 0;
    border-bottom: none;
}

.markets-table tr:first-child td {
    align-items: center;
}

.markets-actions__select .select2-container .select2-selection--single,
.markets-actions__select .select2-container--select-markets.select2-container .select2-selection__rendered,
.markets-actions__select .select2-container--select-primary-wrap.select2-container .select2-selection__rendered {
    height: auto;
}

.markets-actions__select .select2-container--select-markets.select2-container .select2-selection__rendered,
.markets-actions__select .select2-container--select-primary-wrap.select2-container .select2-selection__rendered {
    border: none;
    line-height: 14px;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #c3ced7;
    padding: 0 13px 0 25px;
    height: 40px;
    line-height: 38px;
    background: url(../img/search-sm.svg) 10px center no-repeat;
}

.select2-results__group {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #777e8a;
    line-height: 12px;
    display: block;
    margin: 20px 0;
    font-weight: 500;
}

.select2-container--select-markets .select2-results {
    max-height: 200px;
    overflow-y: auto;
    height: 100%;
    min-height: 50px;
}

.select2-container--select-ease-wrap .select2-dropdown {
    max-height: 200px;
    overflow-y: auto;
}

/*--------------------------------------------------------------
# End Markets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Additional Pages
--------------------------------------------------------------*/
.additional-links {
    padding-top: 4px;
}

.additional-links__link {
    margin-right: 39px;
    border: none;
    background: none;
    padding: 0;
}

.additional-links__link.active .additional-links__link-title {
    color: #0d1118;
}

.additional-links__link:last-child {
    margin-right: 0;
}

.additional-links__link-title {
    font-size: 22px;
    line-height: 22px;
    color: #777e8a;
}

.additional-names {
    color: #0d1118;
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    margin-bottom: 50px;
}

.additional-names__title {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.additional-names__descr {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
}

.welcome-info {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    margin-bottom: 40px;
    color: white;
}

.welcome-info__title {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff;
}

.welcome-info__descr {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 20px;
}

.welcome-info__registration {
    margin-right: 40px;
    width: 340px;
    flex: 0 0 340px;
}

.welcome-info__steps {
    width: 200px;
    height: 1px;
    background: #4ba3ac;
    position: relative;
    z-index: 0;
    margin-bottom: 12px;
}

.welcome-info__range-step {
    position: absolute;
    z-index: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 1px solid #4ba3ac;
    background: #2048e6;
    top: -2px;
}

.welcome-info__range-step.active:not(:last-child):after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 65px;
    height: 1px;
    background: #78ff73;
    top: 1px;
    left: 0;
}

.welcome-info__range-step.active {
    background: #78ff73;
}

.welcome-info__range-step.active + div {
    border-color: #78ff73;
}

.welcome-info__range-step:first-child {
    left: 0;
}

.welcome-info__range-step:nth-child(2) {
    left: 65px;
}

.welcome-info__range-step:nth-child(3) {
    left: 130px;
}

.welcome-info__range-step:last-child {
    left: 195px;
}

/* .welcome-info__range-step::before {
    content: '';
    z-index: 0;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #78FF73;
    border-radius: 50%;
    top: -2px;
}

.welcome-info__range-step::after {
    content: '';
    z-index: 0;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #2048E6;
    border: 1px solid #78FF73;
    box-sizing: border-box;
    border-radius: 50%;
    top: -2px;
    left: 65px;
}

.welcome-info__range-step:nth-child(2) {
    content: '';
    z-index: 0;
    position: absolute;
    width: 60px;
    height: 1px;
    background: #4BA3AC;
    top: 0;
    right: 70px;
}

.welcome-info__range-step:nth-child(2)::before {
    position: absolute;
    content: '';
    z-index: 0;
    width: 5px;
    height: 5px;
    background: #2048E6;
    border: 1px solid #4BA3AC;
    box-sizing: border-box;
    border-radius: 50%;
    right: -5px;
    top: -2px;
}

.welcome-info__range-step:nth-child(3) {
    position: absolute;
    content: '';
    z-index: 0;
    width: 60px;
    height: 1px;
    background: #4BA3AC;
    top: 0;
    right: 0;
}

.welcome-info__range-step:nth-child(3)::before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 5px;
    height: 5px;
    background: #2048E6;
    border: 1px solid #4BA3AC;
    box-sizing: border-box;
    border-radius: 50%;
    right: 0;
    top: -2px;
}

.welcome-info__range-step.active:nth-child(n) {
    z-index: 0;
    content: '';
    position: absolute;
    width: 65px;
    height: 1px;
    background: #78FF73;
} */

.welcome-info__completed {
    font-size: 10px;
    line-height: 12px;
    color: #ffffff;
    margin-bottom: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #4ba3ac;
}

.welcome-info__completed span {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #78ff73;
}

.welcome-info__controls {
    padding-top: 30px !important;
}

.welcome-info__controls-list {
    font-family: "ChakraPetchRegular", Arial, Helvetica, sans-serif;
    position: relative;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 14px;
    padding-left: 32px;
    padding-right: 35px;
}

.welcome-info__button {
    position: absolute;
    right: 0;
    top: -3px;
}

.welcome-info__controls-list:last-child {
    margin-bottom: 0;
}

.welcome-info__controls-list::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 13px;
    height: 13px;
    border: 1px solid white;
    border-radius: 50%;
    box-sizing: border-box;
    left: 0;
    top: 1px;
}

.welcome-info__controls-list.done {
    font-family: "ChakraPetchRegular", Arial, Helvetica, sans-serif;
    color: #fff;
}

.welcome-info__controls-list.done::before {
    content: url(../img/done.svg);
    position: absolute;
    width: 13px;
    height: 13px;
    z-index: 0;
}

.welcome-info__controls-list.active {
    font-family: "ChakraPetchRegular", Arial, Helvetica, sans-serif;
}

.welcome-info__controls-list.active::before {
    border: 1px solid white;
}

.welcome-info__controls-list.active::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: white;
    border-radius: 50%;
    z-index: 0;
    top: 6px;
    left: 5px;
}

.welcome-info__verefy {
    padding: 40px;
    width: 100%;
}

.welcome-info__verefy h4 {
    color: #0d1118;
}

.welcome-info__verefy__text {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #777e8a;
    margin-bottom: 15px;
}

.welcome-info__verefy-descr {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #0d1118;
    margin-bottom: 0;
}

.verefy-info__controls {
    margin-bottom: 31px;
}

.welcome-info__verefy-list {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 0;
    margin-bottom: 15px;
    padding-left: 23px;
    font-size: 14px;

    color: #0d1118;
    display: flex;
    align-items: center;
}

.welcome-info__verefy-list span {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    display: block;
    text-transform: uppercase;
    margin-left: 5px;
}

.welcome-info__verefy-list:last-child {
    margin-bottom: 0;
}

.welcome-info__verefy-list.done::before {
    content: url(../img/chekmark.svg);
    position: absolute;
    z-index: 0;
    width: 13px;
    height: 13px;
    left: 0;
}

.welcome-info__button {
    margin-bottom: 38px;
}

.welcome-help__icon {
    margin-bottom: 25px;
}

.welcome-verify .welcome-help__icon {
    margin-bottom: 20px;
}

.welcome-verify .welcome-help__descr {
    margin-bottom: 21px;
}

.welcome-help {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    padding: 40px 40px 60px;
    text-align: center;
}

.welcome-help__title {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.welcome-help__descr {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #777e8a;
    margin-bottom: 25px;
}

.additional-verification__support {
    padding: 40px 0 20px;
}

.additional-verification__support a,
.additional-verification__support p {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    line-height: 20px;
}

.additional-verification__support p {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# End Additional Pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Get Started
--------------------------------------------------------------*/
.welcome-help__descr-text {
    display: block;
    color: #0d1118;
}

/*--------------------------------------------------------------
# End Get Started
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# End Application Form
--------------------------------------------------------------*/
.additional-form {
    max-width: 640px;
    width: 100%;
}

.additional-form .input {
    width: 100%;
}

.aplication-form__column {
    width: calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    position: relative;
}

.aplication-form__row {
    margin-bottom: 30px;
}

.aplication-form__row:last-child {
    margin-bottom: 0;
}

.aplication-form__column:first-child {
    margin-right: 40px;
}

.application-form__tutorial {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f0f5f9;
}

.application-form__tutorial-name {
    margin-right: 42px;
    padding-bottom: 30px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 16px;
}

.application-form__tutorial-link {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #f0f5f9;
    color: #777e8a;
    padding-bottom: 30px;
}

.application-form__tutorial-link.active {
    border-bottom: 1px solid #0d1118;
    color: #0d1118;
    padding-bottom: 27px;
}

.application-form__tutorial-name:last-child {
    margin-right: 0;
}

.application-form__text {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    padding-top: 30px;
    font-size: 14px;
    line-height: 20px;
    color: #0d1118;
    margin-bottom: 20px;
}

.application-form__title {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    padding: 20px 30px;
    font-size: 14px;
    line-height: 20px;
    color: #0d1118;
    background: #fff2cf;
}

.application-form__radios {
    margin-bottom: 22px;
}

.application-form__radios-label span {
    display: block;
    width: 174px;
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    text-align: center;
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #777e8a;
    border: 1px solid #c3ced7;
    cursor: pointer;
}

.application-form__radios-label span.check::before {
    content: url(../img/chekmark.svg);
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    transition: all 0.3s;
}

.application-form__btn:checked + span {
    color: #0d1118;
    border-color: #0d1118;
}

.application-form__btn:checked + span.check::before {
    content: url(../img/checkmark_b.svg);
}

.application-form__btn {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
}

.application-form__upload-title {
    margin: 20px 0;
}

.application-form__upload-list {
    margin-bottom: 40px;
}

.application-form__upload-item {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0d1118;
    line-height: 14px;
    padding-left: 23px;
    margin-bottom: 15px;
    position: relative;
    z-index: 0;
}

.application-form__upload-item:before {
    content: url(../img/chekmark.svg);
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
}

.application-form__upload-des {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0d1118;
    line-height: 14px;
    margin-bottom: 25px;
}

.application-form__upload-box {
    flex-wrap: wrap;
}

.application-form__upload-uploaded,
.application-form__upload-field {
    width: 142px;
    height: 142px;
    margin: 0 20px 20px 0;
}
@media screen and (max-width: 440px) {
    .application-form__upload-field {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }
}
.application-form__upload-uploaded {
    position: relative;
    z-index: 0;
}

.application-form__upload-delete {
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 0;
    right: -10px;
    top: -10px;
}

.application-form__upload-uploaded img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.application-form__upload-field {
    border: 2px dashed #c3ced7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.application-form__upload-label img {
    display: block;
    margin: 15px auto 5px;
}

.application-form__upload-field input {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
}

.application-form__upload-helps {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #777e8a;
    text-align: center;
    line-height: 20px;
}

.application-form__upload-helps > span {
    display: block;
    color: #0d1118;
}

.aplication-form__agree {
    padding: 10px 0 39px;
}

.aplication-form__agree .custom-control:first-child {
    margin-bottom: 12px;
}

.aplication-form__agree .custom-control-label {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
}

/*--------------------------------------------------------------
# End Application Form
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal-lg {
    max-width: 680px;
    background-color: #fff;
}

.modal-md {
    max-width: 600px;
    background-color: #fff;
}

.modal-content {
    padding: 60px;
}

.profile-content,
.receive-content {
    padding-top: 50px;
}

.profile-content .modal-title {
    margin-bottom: 6px;
}

.modal-header {
    border: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-bottom: 30px;
}

.modal-body {
    padding: 0;
}

.modal-title {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    color: #0d1118;
}

.modal-close {
    position: absolute;
    z-index: 0;
    top: 14px;
    right: 18px;
}

.modal-body__box {
    padding: 30px;
    background: #fff2cf;
    margin-bottom: 30px;
}

.modal-body__box-descr {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #ff4c0a;
    margin-bottom: 10px;
}

.modal-body__box-descr span,
.modal-body__boxter-descr span {
    text-transform: uppercase;
}

.modal-body__box-text,
.modal-body__boxter-text {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #0d1118;
    margin-bottom: 0;
}

.modal-body__box-text span,
.modal-body__boxter-text span {
    text-transform: uppercase;
}

.modal-body__boxter-descr {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #0d1118;
    margin-bottom: 10px;
}

.modal-body__btn {
    display: flex;
    align-items: center;
}

.modal-body__btn-cancel,
.modal-body__btn-adress {
    max-width: 144px;
    width: 100%;
}

.modal-body__btn-cancel {
    margin-left: auto;
    border: 1px solid #c3ced7;
    margin-right: 20px;
}

/*--------------------------------------------------------------
# End Modal
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Show Addres Modal
--------------------------------------------------------------*/
.modal-body__qr-code {
    margin-bottom: 36px;
}

.modal-body__walets-top {
    display: flex;
    align-items: center;
    margin-bottom: 19px;
}

.modal-body__walets-top-text {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    color: #0d1118;
}

.modal-body__walets-top-text span {
    text-transform: uppercase;
}

.copy-btn {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    margin-left: auto;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copy-btn__svg {
    margin-right: 5px;
}

.modal-body__qr-box {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #0d1118;
    background: #ffffff;
    border: 1px solid #c3ced7;
    box-sizing: border-box;
    padding: 27px 0 25px 23px;
    text-align-last: left;
    margin-bottom: 10px;
}

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

.send-email {
    margin-right: 10px;
}

.send-sms {
    margin-right: auto;
}

.show-address__box {
    padding: 30px 0 30px 30px;
    text-align-last: left;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# End Show Addres Modal
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Confirm Order Modal
--------------------------------------------------------------*/
.modal-body__сonfirm-descr {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #777e8a;
    margin-bottom: 10px;
}

.modal-body__сonfirm-descr span {
    color: #0d1118;
}

.modal-body__сonfirm-text {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 12px;
    color: #777e8a;
}

.modal-body__pay-box {
    padding: 25px;
    background-color: #fff;
    border: 1px solid #c3ced7;
    box-sizing: border-box;
    margin-bottom: 36px;
}

.pay-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 25px;
}

.choose-box {
    padding-bottom: 20px;
}

.pay-box:last-child {
    padding-top: 25px;
    padding-bottom: 0;
    border-bottom: none;
}

.pay-with {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    color: #777e8a;
}

.paypal {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    color: #0d1118;
}

.paypal span {
    color: #777e8a;
}

.choose {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
}

.choose-icon {
    margin-right: 5px;
}

.currency-text {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
}

.choose-currency {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
    background-color: #fff;
    border: 1px solid #c3ced7;
    box-sizing: border-box;
}

.currency-boxt {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 16px;
    color: #0d1118;
}

.currency-boxt__icon {
    margin-right: 5px;
}

.choose-box__btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.choose-box__btn-wrap button:first-child {
    margin-right: 10px;
}

.modal-body__span {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #777e8a;
    text-align-last: left;
}

/*--------------------------------------------------------------
# End Confirm Order Modal
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Profile Modal
--------------------------------------------------------------*/
.form-personal__title {
    font-size: 12px;
    color: #0d1118;
    line-height: 18px;
    text-align-last: left;
    margin-bottom: 24px;
}

.form-personal__row {
    display: flex;
    align-items: center;
    text-align-last: left;
    margin-bottom: 27px;
}

.form-personal__row-column {
    width: calc(50% - 20px);
}

.form-personal__row-column:first-child {
    margin-right: 40px;
}

.swich_icon {
    margin-right: 5px;
}

.form-personal__row .select2-container {
    height: 40px;
}

.modal-body__swich-btn {
    font-size: 12px;
    color: #0d1118;
    line-height: 12px;
    padding: 3px 0 37px;
}

.modal-body__swich-btn .custom-switch .custom-control-label {
    font-family: "ChakraPetchMedium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    padding-left: 48px;
}

.profile-modal__btn {
    min-width: 149px;
}

.profile-modal__btn:last-child {
    margin-left: 20px;
}

/*--------------------------------------------------------------
# End Profile Modal
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Style for short cab
# need be delete when we will use
# full cab
--------------------------------------------------------------*/
.dashboard-info .chart-btn {
    transform: translateY(0);
}

/*table set orders*/
.table__setting {
    margin-bottom: 15px;
}

.filter__item:not(:first-child) {
    margin-left: 40px;
}

.filter__item label {
    margin: 0;
}

.filter__buttons .button:first-child img {
    margin-right: 5px;
}

.filter__buttons .button:last-child {
    margin-left: 20px;
}

/*end table set orders*/
.application-form__tutorial-name {
    margin-right: 22px;
}

.application-form__tutorial-link,
.application-form__tutorial-link.active {
    border: none;
    background: none;
    padding: 0;
}

.tooltips-ver__body {
    padding: 15px;
    max-height: 150px;
    overflow-y: auto;
}

.tooltips-ver__body p {
    font-size: 12px;
    line-height: 16px;
    color: #777e8a;
}

.tooltips-ver__title {
    font-family: "ChakraPetchBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 0 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f0f5f9;
}

.welcome-info__tooltips {
    margin-left: 5px;
}

.welcome-info__button-link {
    font-family: "ChakraPetchRegular", Arial, Helvetica, sans-serif;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 112;
}

.welcome-info__button-link:hover {
    color: #fff;
    text-decoration: underline !important;
}

.tooltips-ver {
    max-width: 90%;
}

.tooltips-ver img {
    width: 15px;
    height: 15px;
}

/*.welcome-info__dropdown-menu {*/
/*    top: -30px !important;*/
/*    left: 15px !important;*/
/*}*/

.welcome-info__dropdown-menu.dropdown-arr::before {
    top: 27px;
    left: -5px;
}

.tooltips-ver__body ul {
    margin-left: 15px;
}

.tooltips-ver__body li {
    list-style: disc;
    font-size: 12px;
    list-style-position: outside;
    line-height: 16px;
    color: #777e8a;
}

/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# select
--------------------------------------------------------------*/
.custom_date .react-datepicker__input-container input {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0d1118;
    background: #fff;
    outline: none;
    border: 1px solid #c3ced7;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}

.custom_date .react-datepicker__input-container button:after {
    content: "";
    width: 14px;
    height: 14px;
    background: url(../img/delete_i.svg) center center no-repeat;
    background-size: contain;
}

/*For all */
.ss__indicator-separator {
    display: none !important;
}

.ss__value-container {
    padding: 0 !important;
    flex: 0 0 auto !important;
}

.ss__control {
    background: transparent !important;
    border: none !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
}

.ss__control--is-focused {
    border: none !important;
    box-shadow: none !important;
}

.ss__indicators {
    padding: 0;
    width: 15px;
    background: url(../img/drop.svg) right center no-repeat;
}

.ss__indicator,
.ss__indicator svg {
    display: none;
}

.ss__menu {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 25px 25px 40px 0 rgba(16, 39, 83, 0.28) !important;
    padding: 0 20px;
    width: auto !important;
}

.ss__single-value,
.ss__option {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
}

.ss__option:hover,
.ss__value-container--has-value {
    cursor: pointer;
}

.ss__option:hover {
    color: #2048e6 !important;
}
.ss__option {
    white-space: nowrap;
}
/*and For all */
.select-fix-width .ss__single-value,
.select-fix-width .ss__placeholder {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    max-width: none;
}

/* .select-sm  */
.select-sm .ss__single-value {
    font-size: 12px;
    line-height: 12px;
    color: #0d1118;
    text-transform: uppercase;
}

.select-sm .ss__option {
    font-size: 14px;
    line-height: 14px;
    color: #0d1118;
    padding: 5px 0;
}

/* .select-md  */
.select-lg .ss__single-value {
    font-size: 18px;
    line-height: 18px;
    color: #0d1118;
    text-transform: uppercase;
}

.select-lg .ss__option {
    font-size: 16px;
    line-height: 16px;
    color: #0d1118;
    padding: 5px 0;
}

.select-md .ss__single-value {
    font-size: 14px;
    line-height: 14px;
    color: #0d1118;
    text-transform: uppercase;
}

.select-md .ss__option {
    font-size: 14px;
    line-height: 14px;
    color: #0d1118;
    padding: 5px 0;
}

/*--------------------------------------------------------------
# end select
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/

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

.menu2 {
    position: fixed;
    z-index: 1000;
    background-color: #fff;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.toggle-slide-right {
    color: #fff;
    border-radius: 5px;
    display: block;
    margin: 20px auto;
    padding: 10px;
    right: -300px;
    top: -60px;
    position: absolute;
    cursor: pointer;
}

button.close-menu {
    color: #fff;
    border: 0;
    display: none;
    position: absolute;
    left: -50px;
    z-index: 9999;
    background: #fff;
    border-radius: 0;
    padding: 0;
    top: 70px;
}

body.smr-open .slide-menu-right {
    right: 0;
}

body.no-scroll {
    overflow: hidden;
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .app-main {
        padding-right: 250px;
    }

    .app-sidebar {
        max-width: 250px;
    }

    .table-scroll__order {
        height: 336px;
    }
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .app-main {
        padding: 0 0 40px 80px;
    }

    .app-sidebar {
        right: -50%;
    }

    .slide-menu-right {
        right: -300px;
        top: 0;
        /*max-width: calc(100% - 50px);*/
        max-width: 300px;
        height: 100%;
        margin-left: 55px;
    }

    .toggle-slide-right {
        color: #fff;
        display: block;
        margin: 0;
        border-radius: 0;
        right: -34px;
        top: 0;
        position: absolute;
        cursor: pointer;
        width: 88px;
        padding: 10px;
        background: #fff;
    }

    .app-header__buttons {
        padding-right: 74px;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .app-main {
        overflow: hidden;
    }

    .dashboard-info .d-flex.align-items-stretch {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .markets-actions {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .markets-actions__form,
    .my-wallets {
        padding: 20px;
    }

    .markets-actions__exchange {
        width: 100%;
    }

    .app-sidebar .mCustomScrollBox {
        max-width: 100%;
        margin-right: -40px;
        padding-right: 0;
    }

    /* .app-main {
        padding: 0 0px 40px 0px;
    }
    .markets-actions {
        display: block !important ;
    } */
    .app-main {
        padding: 0 10px 40px 80px;
    }

    .markets-wallets {
        width: 100%;
    }

    .markets-wallets {
        width: 100%;
        margin-top: 10px;
    }

    .buy {
        text-align: center;
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: none;
        flex: 0 0 auto;
    }

    .box {
        padding: 30px;
        margin: 20px 0;
    }
    @media screen and (max-width: 576px) {
        .box {
            padding: 30px 20px !important;
        }
    }
    .chart-changed {
        margin-bottom: 0;
    }

    .markets-actions__form {
        margin-bottom: 0 !important;
    }

    .markets-actions__title {
        margin-bottom: 0;
        margin-top: 0;
    }

    .markets-wallets .markets-wallets__title-wrap {
        margin-bottom: 0;
    }

    .app-header {
        padding: 40px 0 10px 0;
    }

    .markets-actions__exchange,
    .markets-wallets .markets-wallets__title-wrap {
        margin-top: 20px;
        max-width: 100%;
    }

    .welcome-info {
        flex-direction: column;
    }

    .welcome-info__registration {
        width: 100%;
    }

    .filter__box {
        flex-wrap: wrap;
    }

    .table__setting {
        flex-direction: column;
    }

    .filter__box {
        order: 1;
        width: 100%;
    }

    .filter__item {
        width: 50%;
        margin: 5px 0;
    }

    .filter__item:not(:first-child) {
        margin-left: 0;
    }

    .filter__buttons {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin: 15px 0;
    }
}

/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .toggle-slide-right {
        width: 50px;
    }

    .app__nav {
        transform: translateX(-100%);
        z-index: 101;
    }

    .app__logo {
        opacity: 0;
        margin: 20px 0 0;
    }

    .app-header__burger.open span:first-child {
        top: 9px;
        transform: rotate(-45deg);
        transition:
            top 0.3s,
            transform 0.4s 0.3s;
    }

    .app-header__burger.open span:nth-child(2) {
        top: 9px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .app-header__burger.open span:last-child {
        bottom: 12px;
        transform: rotate(45deg);
        transition:
            top 0.3s,
            transform 0.4s 0.3s;
    }

    .app-header__burger {
        position: relative;
        width: 20px;
        height: 23px;
        margin-bottom: -4px;
        z-index: 102;
        display: inline-block;
        vertical-align: middle;
    }

    .app-header__burger span {
        position: absolute;
        display: block;
        width: 20px;
        height: 2px;
        background-color: #000;
    }

    .app-header__burger span:first-child {
        top: 3px;
        transform: rotate(0);
        transition:
            top 0.3s 0.3s,
            transform 0.4s,
            background-color 0.4s;
    }

    .app-header__burger span:nth-child(2) {
        top: 9px;
        transition:
            opacity 0.2s 0.3s,
            background-color 0.4s;
    }

    .app-header__burger span:last-child {
        bottom: 6px;
        transform: rotate(0);
        transition:
            0.3s 0.3s,
            transform 0.4s,
            background-color 0.4s;
    }

    .app__nav.visible {
        transform: translateX(0);
    }

    .app-main {
        padding: 0 10px 30px 0;
    }

    .chart-changed {
        width: 100%;
    }

    .app-header {
        padding-top: 70px;
    }

    .app-header__top {
        display: block;
    }

    .chart-changed__header {
        flex-direction: column;
    }

    .chart-changed__choose {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }

    .chart-changed__value-title {
        text-align: left;
    }

    .welcome-info__verefy {
        padding: 30px;
    }

    .app-header__buttons {
        padding-right: 34px;
    }

    .app-header__logo {
        margin-left: 25px;
        margin-top: -15px;
    }

    .app-header__logo img {
        max-width: 50px;
    }

    .custom_date .react-datepicker__input-container {
        margin-bottom: 5px;
        width: 95%;
    }

    .custom_date .react-datepicker__input-container input {
        width: 100%;
    }

    .tooltips-ver__body {
        padding: 10px 5px 10px 10px;
    }

    .welcome-info__dropdown-menu {
        max-width: 100px;
        width: 100%;
    }

    .dropdown-menu {
        min-width: auto;
    }

    .welcome-info__dropdown-menu.dropdown-arr::before {
        z-index: -1;
    }
}

@media (max-width: 374.98px) {
    .box .box-light {
        padding: 15px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .toggle-slide-right {
        right: -20px;
    }

    .app-header__buttons {
        padding-right: 44px;
    }
}

.close-menu {
    display: none;
}

body.smr-open .close-menu {
    display: block;
}

.auto-logout .modal-content {
    padding: 30px;
}

.auto-logout .modal-content p {
    font-size: 15px;
    color: #4d4d4d;
}

.auto-logout .modal-content p.timer {
    margin: 11px 0 0 0;
    color: red;
}

.account-sidebar_lang {
    margin: -20px 0 20px 0;
}

.ctrl-sex input {
    transform: scale(1.2);
}

.ctrl-sex label {
    font-family: "ChakraPetchSemiBold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0d1118;
}

.table-message {
    margin: 20px 0 0 0;
}

.loading {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
    text-align: center;
}

.loading img {
    width: 140px;
    margin: 0 auto;
    display: block;
}

.loading p {
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    width: fit-content;
}

iframe {
    display: none;
}

button:disabled,
input[type="submit"]:disabled {
    background: #6c757d;
}

.lds-dual-ring {
    display: block;
    width: 80px;
    height: 80px;
    margin: 100px auto;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    /* margin: 8px; */
    border-radius: 50%;
    border-width: 6px;
    border-style: solid;
    border-color: #ddd transparent #ddd transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}