/* a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

:focus {
  outline: 0
}

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

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}

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

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

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

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical
}

audio,
canvas,
video {
  display: inline-block;
  display: inline;
  zoom: 1;
  max-width: 100%
}

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

[hidden] {
  display: none
}

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

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

img {
  border: 0;
  -ms-interpolation-mode: bicubic
}

figure {
  margin: 0
}

form {
  margin: 0
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  margin-left: -7px
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  vertical-align: middle
}

img {
  max-width: 100%;
  height: auto
}

button,
input {
  line-height: normal
}

button,
select {
  text-transform: none;
  border: none;
  background: none
}

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

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

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  height: 13px;
  width: 13px
}

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

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

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

textarea {
  overflow: auto;
  vertical-align: top
}

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

button,
html,
input,
select,
textarea {
  color: #222
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none
}

::selection {
  background: #b3d4fc;
  text-shadow: none
}

img {
  vertical-align: middle
}

a {
  text-decoration: none;
  color: inherit
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

input[type=email],
input[type=number],
input[type=password],
input[type=text],
textarea {
  font-size: inherit
} */

* {
  box-sizing: border-box;
  letter-spacing: 0.02rem;
  /* transition: .2s ease; */
}

.tooltip-arrow {
  transition: none;
}

@font-face {
  font-family: 'Nagel';
  src: url('../fonts/Nagel_Medium.woff') format('woff'),
    url('../fonts/Nagel_Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Nagel';
  src: url('../fonts/Nagel_Regular.woff') format('woff'),
    url('../fonts/Nagel_Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

:root {
  --Red-Alert: #F55;
  --Yellow-Alert: #FFC700;
  --Green-Alert: #26B14D;
  --Embed: #5BAAE3;
  --Light-Contrast: #F5F7FB;
  --Light-Contrast-hover: #E3E7EF;
  --Light-Dark: #2D2D2D;
  --Light-Gray: #808080;
  --dark-card-background: rgba(110, 110, 110, 0.15);
  --dark-contrast: rgba(62, 62, 62, 0.18);
  --Dark-Background: #08080A;
  --Dark-Stroke-Thin: #333;
  --Dark-Popup-Window: #1A1A1A;
  --body-color: var(--Light-Contrast);
  --font-color: var(--Light-Dark);
  --card-bg: #FFF;
  --border-color: #c5c5c5;
  --wallet-container-bg: linear-gradient(142deg, rgba(127, 255, 71, 0.25) 4.2%, rgba(249, 255, 32, 0.25) 17.38%, rgba(255, 218, 192, 0.25) 30.48%, rgba(252, 118, 227, 0.25) 45.21%);
}

.dark-theme {
  --body-color: var(--Dark-Background);
  /* --bs-body-color: var(--body-color); */
  --bs-heading-color: var(--Light-Contrast);
  --wallet-container-bg: rgba(255, 255, 255, 0.04);
  --card-bg: var(--dark-card-background);
  --font-color: var(--Light-Contrast);
  --bs-warning-text-emphasis: #FFC700;
  --bs-warning-bg-subtle: rgba(255, 199, 0, 0.06);
  --bs-warning-border-subtle: transparent;
  --border-color: var(--Light-Gray);
}


.dark-theme .btn-light-dark {
  background: var(--Light-Contrast) !important;
  color: var(--Light-Dark) !important;
}

.dark-theme .bg-light-contrast {
  border: 1px solid var(--Dark-Stroke-Thin) !important;
  background: var(--dark-card-background) !important;
}

.dark-theme .text-light-dark {
  color: var(--Light-Contrast) !important;
}

.dark-theme .accordion-item {
  background: transparent
}

.dark-theme .dark-glow {
  position: relative;
}

.dark-theme .dark-glow::before {
  position: absolute;
  content: '';
  width: 385px;
  height: 215px;
  background-image: url(../img/holder-background.png);
  top: 0px;
  left: -152px;
  z-index: -1;
  transform: rotate(-16.32deg);
  filter: blur(74px);
}

.logo-dark {
  display: none;
}

.dark-theme .logo-dark {
  display: block;
}

.dark-theme .logo {
  display: none;
}

.dark-theme .transaction-history .line {
  background-color: var(--dark-contrast) !important;
}

.dark-theme .accordion-button {
  color: var(--Light-Contrast);
}

.dark-theme .badge.bg-accent {
  background: radial-gradient(171.76% 132.16% at 0% -5.13%, rgba(127, 255, 71, 0.25) 20%, rgba(249, 255, 32, 0.25) 55%, rgba(255, 218, 192, 0.25) 80%, rgba(252, 118, 227, 0.25) 100%), var(--Light-Contrast);
}

.dark-theme .badge.bg-light-dark {
  background: var(--Light-Contrast) !important;
}

.dark-theme .badge.bg-dark-dark {
  background: #73737340 !important;
}

.dark-theme .transaction-history .accordion-body {
  background-color: var(--dark-contrast) !important;
}

.dark-theme .accordion-item {
  color: var(--Light-Contrast);
}

.dark-theme .nav-item {
  background: #202020;
}

.dark-theme .nav-item.active {
  background: var(--Light-Contrast);
}

.dark-theme .text-light {
  color: var(--Light-Dark) !important;
}

.dark-theme .text-dark {
  color: var(--Light-Gray) !important;
}

.dark-theme .text-secondary {
  color: #BCBCBC !important;
}

.dark-theme .btn-gray {
  /*border-radius: 1rem;*/
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(115, 115, 115, 0.25);
  color: var(--Light-Contrast);
}

.dark-theme .btn-gray:hover {
  background: rgba(115, 115, 115, 0.1);
  color: inherit;
}

.btn {
  transition: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* .btn:disabled{
  opacity: 0.5;
  color: inherit;
  background-color: inherit;
  border-color: inherit;
} */

.search-label {
  border-radius: 6.9375rem;
  border: 1px solid var(--border-color);
  position: relative;
  overflow: hidden;
}

.search-label__input {
  border: none;
  background: none;
  border-radius: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.01rem;
  padding: 0.66rem 1rem;
  width: 100%;
}

.search-label__button {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  border: none;
  background: none;
  color: var(--Light-Dark);
  /* text-align: right; */
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0.66rem 0.75rem;
  border-left: 1px solid var(--border-color);
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  padding-right: 2rem;
}

.dark-theme .search-label__button {
  color: var(--Light-Contrast);
  background-color: var(--card-bg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.search-label__button.disabled {
  background-image: none !important;
  padding: 0.66rem 0.75rem;
}

.table-title {
  color: var(--font-color);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: normal;
}

.seller {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.seller__img {
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
}

.seller__activity {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.00875rem;
}

.seller__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.25rem;
}

.seller__name {
  color: var(--font-color);
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.01rem;
}

.seller__salles {
  color: var(--Light-Gray);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.00875rem;
}

.price,
.limit,
.payment-var {
  border-radius: 0.5rem;
  background: #FFF;
  display: inline-flex;
  padding: 0.5rem;
  align-items: center;
  gap: 0.625rem;
  color: var(--font-color);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  width: fit-content;
}

.dark-theme .price,
.dark-theme .limit,
.dark-theme .payment-var {
  border: 1px solid var(--Dark-Stroke-Thin) !important;
  background: var(--dark-card-background) !important;
}

.table-btn {
  position: relative;
  font-size: 1rem;
  font-weight: 400;
  padding: 1rem 1.45rem;
  line-height: normal;
  letter-spacing: 0.01rem;
  display: inline-flex;
  gap: 7px;
  align-items: center;
}

.table-btn.new::after {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50px;
  aspect-ratio: 1/1;
  background: var(--Red-Alert);
  right: -3px;
  top: -3px;
  z-index: 5;
}

.data-table {
  border-color: transparent;
  border-collapse: separate;
  border-spacing: 0 10px !important;
  min-width: 1025px;
  margin-bottom: 0;
}

.steps-container {
  display: flex;
  align-items: center;
  gap: 12px;
}

.step {
  display: inline-flex;
  width: 6px;
  height: 6px;
  border-radius: 0.125rem;
  background: rgba(45, 45, 45, 0.12);
  aspect-ratio: 1/1;
}

.step.active {
  background: var(--Light-Dark);
}

.dark-theme .step {
  background: var(--Light-Dark);
}

.dark-theme .step.active {
  background: var(--Light-Contrast);
}

.bottom-dt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.loading-icon {
  animation: loading 1.5s linear infinite;
}

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

  100% {
    transform: rotate(360deg);
  }
}

.data-table tbody tr td {
  background: var(--Light-Contrast) !important;
  vertical-align: middle !important;
}

.dark-theme .data-table tbody tr td {
  background: rgba(115, 115, 115, 0.25) !important;
}

.data-table tbody tr td:first-child {
  border-radius: 24px 0 0 24px;
}

.data-table tbody tr td:last-child {
  border-radius: 0 24px 24px 0;
}

table.table.dataTable> :not(caption)>*>* {
  background-color: transparent;
}

/* .btn:hover {
} */

.dark-theme .btn-gray img {
  filter: none;
}

.dark-theme .btn-light-dark {
  border: 1.5px solid rgba(255, 255, 255, 0.06);
  background: rgba(115, 115, 115, 0.25);
}

.dark-theme .btn-light-dark img {
  filter: brightness(0) invert(13%) sepia(0%) saturate(0%) hue-rotate(73deg) brightness(96%) contrast(87%);
}

.dark-theme .form-item .form-control {
  background-color: var(--card-background);
  border-color: var(--Dark-Stroke-Thin);
  color: var(--Light-Contrast);
}

.bg-white {
  background-color: var(--card-bg) !important;
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1200px;
  }
}

img {
  transition: .2s ease;
}

body {
  font-family: 'Nagel', sans-serif !important;
  background: var(--body-color);
  color: var(--font-color);
}

header.header {
  padding: 40px 0;
}

.navbar {
  padding: 0;
}

a {
  text-decoration-color: transparent;
}

a:hover {
  text-decoration-color: inherit;
}

.nav-item {
  border-radius: 0.75rem;
  background: var(--card-bg);
  padding: 12px;
  text-decoration: none;
  gap: 12px;
  display: flex;
  align-items: center;
  border: none;
  color: var(--Light-Gray);
}

.nav-item.rounded-circle img {
  filter: brightness(0) invert(13%) sepia(0%) saturate(0%) hue-rotate(73deg) brightness(96%) contrast(87%);
}

.nav-item img {
  filter: brightness(0) invert(57%) sepia(0%) saturate(0%) hue-rotate(158deg) brightness(88%) contrast(84%);
}

.dark-theme .nav-item.rounded-circle img {
  filter: none;
}

.nav-item.active {
  background: var(--Light-Contrast);
  color: #000;
}

.nav-item.active img {
  filter: brightness(0);
}

.dark-theme .nav-item.active img {
  filter: brightness(0) invert(13%) sepia(0%) saturate(0%) hue-rotate(73deg) brightness(96%) contrast(87%);
}

.nav-item.active .text-light-gray {
  color: #000 !important;
}

.section-offset {
  padding-top: 1.25rem;
}

.text-light-dark {
  color: var(--Light-Dark) !important;
}

.text-light-contrast {
  color: var(--Light-Contrast) !important;
}

.text-gray {
  color: var(--Light-Gray) !important;
}

.text-green-alert {
  color: var(--Green-Alert) !important;
}

.bg-light-dark {
  background-color: var(--Light-Dark) !important;
}

.bg-dark-dark {
  background-color: var(--Light-Dark) !important;
}

.bg-light-contrast {
  background-color: var(--Light-Contrast) !important;
}

.bg-light-gray {
  background-color: var(--Light-Gray) !important;
}

.text-light-gray {
  color: var(--Light-Gray) !important;
}

.waller-container {
  padding: 12px;
  border-radius: 32px;
  /* background: radial-gradient(149.18% 59.44% at 0% -5.13%, rgba(127, 255, 71, 0.25) 20%, rgba(249, 255, 32, 0.25) 55%, rgba(255, 218, 192, 0.25) 80%, rgba(252, 118, 227, 0.25) 100%); */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 12px;
  letter-spacing: 0.16px;
  background: var(--wallet-container-bg);
}

.block.first {
  padding: 12px;
  padding-top: 24px;
}

.block {
  border-radius: 1.25rem;
}

.balance {
  font-size: 2.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.grid-line {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}

.btn-gray {
  letter-spacing: 0.01rem;
  /*border-radius: 1rem;*/
  background: var(--Light-Contrast);
  color: var(--Light-Dark);
  /*display: flex;*/
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}

.btn-check+.btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}

.btn-check:checked+.btn {
  background: var(--Light-Dark);
  color: var(--Light-Contrast);
  border-color: transparent;
}

.dark-theme .btn-check:checked+.btn {
  background: var(--Light-Contrast);
  color: var(--Light-Dark);
  border-color: transparent;
}

.dark-theme .btn-outline-gray {
  border: 1px solid var(--Dark-Stroke-Thin);
}

.btn-gray:hover {
  background-color: var(--Light-Contrast-hover);
}

.filter-black {
  filter: brightness(0) invert(13%) sepia(0%) saturate(0%) hue-rotate(73deg) brightness(96%) contrast(87%);
}

.settings__select {
  background: var(--Light-Dark);
  padding: 0.7rem;
  padding-right: 1.7rem;
  padding-left: 1rem;
  color: #FFF;
  font-family: Nagel;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.01rem;
  border: none;
  border-radius: 7rem;
}

.dark-theme .settings__select {
  background: var(--Light-Contrast);
  color: var(--Light-Dark);
}

.settings__select .nice-select-dropdown {
  background: var(--Light-Dark);
}

@media (max-width:1200px) {
  .waller-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width:991px) {
  .waller-container {
    grid-template-columns: 1fr;
  }
}

.nice-select.settings__select::after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 0 0 2px 0;
  width: 7px;
  height: 7px;
  right: 14px;
}

.dark-theme .nice-select::after {
  border-bottom: 2px solid var(--Light-Dark);
  border-right: 2px solid var(--Light-Dark);
}

.nice-select-dropdown ul {
  margin-bottom: 0;
  font-family: 'Nagel';
}

.dark-theme .nice-select-dropdown ul {
  color: var(--Light-Contrast);
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: var(--Light-Gray);
}

.nice-select .option.selected {
  font-weight: 500;
}


.btn-outline-gray {
  border: 1px solid #C5C5C5;
}


.search-input {
  border-radius: 7rem;
  padding: 0.62rem 1rem;
  padding-left: 2.88rem;
  font-family: Nagel;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.01rem;
  background: transparent
}

.search-input:placeholder-shown {
  color: var(--Light-Gray);
}

.gray-icons {
  filter: invert(52%) sepia(0%) saturate(21%) hue-rotate(134deg) brightness(96%) contrast(90%);
}

.rounded-0_75 {
  border-radius: 0.75rem;
}

.rounded-1_25 {
  border-radius: 1.25rem;
}

.rounded-1_5 {
  border-radius: 1.5rem;
}

.line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.12rem 1.5rem;
  min-width: 610px;
}

.gap-1_25 {
  gap: 1.25rem;
}

.table-custom {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow: auto;
}

.badge.bg-accent {
  background: linear-gradient(97deg, rgba(127, 255, 71, 0.25) 2.25%, rgba(249, 255, 32, 0.25) 39.79%, rgba(255, 218, 192, 0.25) 66.61%, rgba(252, 118, 227, 0.25) 88.06%);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  color: #000;
  border-radius: 0.5rem;
}

.profile-icon {
  width: 110px;
  height: 110px;
  border-radius: 2rem;
}

.btn-light {
  --bs-btn-bg: #fff;
}

.btn-light-dark {
  --bs-btn-bg: var(--Light-Dark);
  --bs-btn-border-color: var(--Light-Dark);
  --bs-btn-hover-bg: var(--Light-Contrast);
  --bs-btn-hover-border-color: var(--Light-Dark);
  --bs-btn-color: var(--Light-Contrast);
}

.btn-danger-custom {
  --bs-btn-bg: rgba(255, 0, 0, 0.12);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-bg: rgba(255, 0, 0, 0.267);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-color: #501E1E;
  --bs-btn-hover-color: #501E1E;
}

.dark-theme .btn-danger-custom {
  --bs-btn-bg: rgba(119, 48, 48, 0.77);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-bg: rgba(176, 51, 51, 0.77);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-color: #FF4B4B;
  --bs-btn-hover-color: #FF4B4B;
}

.btn-warning-custom {
  --bs-btn-bg: rgba(255, 199, 0, 0.12);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-bg: rgba(255, 199, 0, 0.267);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-color: #50451E;
  --bs-btn-hover-color: #50451E;
}

.dark-theme .btn-warning-custom {
  --bs-btn-bg: rgba(255, 199, 0, 0.12);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-bg: rgba(255, 199, 0, 0.267);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-color: #FFC700;
  --bs-btn-hover-color: #FFC700;
}

.chat-header {
  border-radius: 14px;
  background: #F5F7FB;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 36px;
}

.chat-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 30px;
  max-height: 50dvh;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--font-color) var(--body-color);
  padding-right: 10px;
}

.chat-input {
  border: none;
  background: none;
  outline: none !important;
  font-family: Nagel;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
  resize: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: hidden;
  padding: 2px 2px 0 2px;
}

.chat-footer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.chat-label .btn-gray {
  background: white;
}

.chat-label {
  border-radius: 0.875rem;
  background: #F5F7FB;
  padding: 0.25rem;
  display: flex;
  align-items: end;
  gap: 10px;
}

.dark-theme .chat-label {
  background: rgba(115, 115, 115, 0.25);
}

.dark-theme .chat-label .btn-gray {
  background: rgba(115, 115, 115, 0.25);
}

.message {
  display: flex;
  gap: 10px;
  align-items: end;
}

.message.message--right {
  flex-direction: row-reverse;
}

.message__content {
  border-radius: 22px;
  background: #EDF0F6;
  padding: 12px 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--Light-Dark);
}

.message__content:has(img) {
  padding: 0.25rem;
}

.message__content img {
  aspect-ratio: 1/1;
  object-fit: cover;
  max-width: 9rem;
  border-radius: 1.125rem;
  width: 100%;
}

.message.message--right .message__content {
  background: var(--Light-Dark);
  color: #fff;
}

.message__time {
  color: var(--Light-Gray);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.dark-theme .chat-header {
  background: rgba(115, 115, 115, 0.25);
}

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

.my-1_75rem {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

hr {
  border-color: #DCDCDC;
}

.form-item {
  display: grid;
  grid-template-columns: 380px 1fr;
  grid-template-rows: min-content min-content;
  gap: 5px 60px;
  grid-auto-flow: row;
  grid-template-areas:
    "title setting-action"
    "subtitle setting-action";
  align-items: flex-start;
  margin-bottom: 20px;
}

.form-item h4 {
  grid-area: title;
}

.form-item p {
  grid-area: subtitle;
}

.form-item label {
  grid-area: setting-action;
}

.form-item .form-control {
  color: var(--Light-Dark, #2D2D2D);
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.01rem;
  padding: 1.1rem 1rem 1.1rem 3.5rem;
  border-radius: 1rem;
  border-color: #C5C5C5;
}

.clear-input .form-control {
  color: var(--Light-Dark, #2D2D2D);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.01rem;
  padding: 1.1rem 1.5rem;
  border-radius: 1rem;
  border-color: #C5C5C5;
}

.dark-theme .clear-input .form-control {
  border: 1px solid var(--Dark-Stroke-Thin, #333);
  background: var(--dark-card-background, rgba(110, 110, 110, 0.15));
  color: var(--Light-Contrast);
}

.dark-theme .clear-input .form-control::placeholder {
  color: var(--Light-Gray);
}

.form-item .form-control::placeholder {
  font-weight: 400;
  color: var(--Light-Gray);
}

.btn-light-dark:hover img {
  filter: brightness(0) invert(13%) sepia(0%) saturate(0%) hue-rotate(73deg) brightness(96%) contrast(87%);
}

.faq-search-label {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 1rem;
  max-width: 32rem;
  width: 100%;
  box-shadow: -37px 23px 50.5px -23px rgba(255, 225, 69, 0.25), -30px -14px 50.5px -17px rgba(137, 255, 69, 0.25), 30px 14px 46.5px -17px rgba(253, 125, 225, 0.25);
}

.faq-search {
  border: none;
  background: #fff;
  outline: none;
  padding: 1.1rem 1rem 1.1rem 4rem;
  font-family: Nagel;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.01rem;
  border-radius: inherit;
  width: 100%;
}

.dark-theme .faq-search {
  background: #242425;
}

.dark-theme .faq-search {
  color: #fff;
}

.dark-theme .faq-list .accordion-button {
  background: var(--dark-contrast);
  transition: none;
}

.faq-search-label::before,
.faq-search-label::after {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: -2;
  border-radius: inherit;
  background: conic-gradient(from 180deg at 50% 50%, #F9FF20 36.0000005364418deg, #7FFF47 125.99999785423279deg, #F9FF20 216.00000858306885deg, #FFDAC0 251.99999570846558deg, #FEC3C8 270deg, #FC76E3 288.0000042915344deg, #FC76E3 306.00000858306885deg, #FC76E3 323.99999141693115deg, #FEC3C8 351.53175115585327deg, #FFDAC0 360deg);
}

/* .faq-search-label::after {
  filter: blur(2.5rem);
} */

.faq-list {
  margin-top: 2.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.custom-accordeon {
  border: none;
}

.custom-accordeon .accordion-header {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
}

.custom-accordeon .accordion-button {
  font-size: inherit;
  font-weight: inherit;
  border-radius: 1rem !important;
  border: none;
  /*background: var(--Light-Contrast);*/
  background: #fff;
  padding: 1.25rem;
  box-shadow: none;
}

.custom-accordeon .accordion-button:after {
  background-image: url(../img/icons/accordion-button-arrow.png);
  --bs-accordion-btn-icon-width: 2.5rem;
}

.dark-theme .custom-accordeon .accordion-button:after {
  background-image: url(../img/icons/accordion-button-arrow-white.png);
}

.custom-accordeon .accordion-body {
  --bs-accordion-body-padding-y: .75rem;
  --bs-accordion-body-padding-x: 1.25rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

.accordion-button:not(.collapsed) {}

.g-0_75 {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0.75rem;
}

.gap-0_75 {
  gap: 0.75rem;
}

.p-0_75 {
  padding: 0.75rem;
}

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

.table-container {
  overflow: auto;
}

.custom-table {
  /* background-color: var(--Light-Contrast); */
  overflow: hidden;
}

.custom-table a {
  color: var(--Embed);
  text-decoration: none;
}

.custom-table a:hover {
  text-decoration: underline;
}

.custom-table th {
  background: var(--Light-Contrast);
}

.dark-theme .custom-table th {
  background: var(--dark-contrast);
}

.custom-table thead {
  border-radius: 0.5rem;
}

.custom-table thead tr {
  border-style: hidden;
}

.custom-table tr {
  border-color: #DCDCDC;
}

.dark-theme .custom-table tr {
  border-color: var(--Dark-Stroke-Thin);
}

@media (min-width: 991px) {
  .custom-table tr:last-child {
    border-color: transparent
  }
}

.custom-table th {
  font-weight: 500;
  color: var(--Light-Gray);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.00875rem;
  padding: 0.75rem;
  white-space: nowrap;

}

.custom-table th:first-child {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

.custom-table th:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  text-align: end;
}

.custom-table tbody td {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: normal;
  /*padding: 1rem 0.75rem;*/
  letter-spacing: 0.00875rem;
  white-space: nowrap;
  color: inherit;
}

.dark-theme .custom-table tbody td {
  background: transparent;
}

.custom-table td:first-child {
  padding-left: 0.75rem !important;
}

.custom-table td:last-child {
  padding-right: 0;
  text-align: end;
}

.custom-table td .badge {
  margin-right: 0.5rem;
}

.custom-table .badge:empty {
  display: inline-flex;
}

.px-2_75 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.py-2_75 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.mb-1_25 {
  margin-bottom: 1.25rem;
}

.mt-1_25 {
  margin-top: 1.25rem;
}

.bg-green {
  background: var(--Green-Alert)
}

.wallet-review-value {
  font-size: 2rem;
}

.badge:empty {
  display: inline-flex;
}

.separator {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
}

.separator::after {
  content: '';
  width: 2px;
  height: 100%;
  border: 1px #DCDCDC solid;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.dark-theme .separator::after {
  border: 1px var(--Dark-Stroke-Thin) solid;
}

/* .modal {
  transition: .2s ease;
} */

.custom-modal-overlay,
.custom-dd-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 6;
  opacity: 0;
  transition: opacity .2s ease, visibility .2s ease;
  visibility: hidden;
}

.custom-modal-overlay {
  z-index: 6;
}

.custom-modal-overlay.visible,
.custom-dd-overlay.visible {
  opacity: 1;
}

.custom-modal {
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  right: unset;
  opacity: 0;
  transform: translate(-50%, -50%) translateY(100vh);
  transition: transform .2s ease-in-out, opacity .2s ease;
  z-index: 100;
  background: #FFF;
  border-radius: 2rem;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  min-width: 580px;
  overflow: hidden;
}

.custom-modal.visible {
  opacity: 1;
}

.dark-theme .custom-modal {
  background: var(--Dark-Popup-Window);
}

.custom-modal-header {
  border-bottom: 1px solid #DCDCDC;
  color: var(--Light-Dark);
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 2rem 2.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dark-theme .custom-modal-header {
  color: var(--Light-Contrast);
  border-bottom: 1px solid var(--Dark-Stroke-Thin);
}

.custom-modal-body {
  padding: 2rem 2.75rem;
  max-height: 80dvh;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--font-color) var(--body-color);
}

.swap-input .form-control {
  font-size: 1.1rem;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--Light-Dark);
}

.dark-theme .dropdown-item.active,
.dark-theme .dropdown-item:active {
  background-color: var(--Light-Contrast);
  color: var(--Light-Dark)
}

.dark-theme .custom-dropdown .dropdown-menu {
  background-color: var(--Dark-Popup-Window)
}

.dark-theme .custom-dropdown .dropdown-item:hover {
  background-color: var(--card-bg);
}

.dark-theme .dropdown-item.active:hover {
  background-color: var(--Light-Contrast-hover);
}

#modal1 {
  min-width: 770px;
}

#modal2 {
  max-width: 500px
}

#modal4 {
  max-width: 500px
}


.qr-container {
  box-shadow: -35px 12px 50.5px -23px rgba(255, 225, 69, 0.15), 10px -16px 50.5px -17px rgba(137, 255, 69, 0.32), 28px 39px 46.5px -17px rgba(253, 125, 225, 0.10);
  padding: 1.3rem;
  border-radius: 2rem;
  max-width: 256px;
  aspect-ratio: 1/1;
  width: 100%;
  background: #fff;
  position: relative;
}

.qr-container::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18%;
  height: 18%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: solid 1px;
  border-radius: 50%;
}

.qr-container.CLV::before {
  background-image: url(../img/icons/logo-icon.svg);
}

.qr-container.AVAX::before {
  background-image: url(../img/crypto/AVAX.svg);
}

.qr-container.BTC::before {
  background-image: url(../img/crypto/BTC.svg);
}

.qr-container.BNB::before {
  background-image: url(../img/crypto/BNB.svg);
}

.qr-container.BNB_USDT::before {
  background-image: url(../img/crypto/BNB_USDT.svg);
}

.qr-container.BNB_USDC::before {
  background-image: url(../img/crypto/BNB_USDC.svg);
}

.qr-container.BNB_TUSD::before {
  background-image: url(../img/crypto/BNB_TUSD.svg);
}

.qr-container.ETH::before {
  background-image: url(../img/crypto/ETH.svg);
}

.qr-container.ETH_USDT::before {
  background-image: url(../img/crypto/ETH_USDT.svg);
}

.qr-container.ETH_USDC::before {
  background-image: url(../img/crypto/ETH_USDC.svg);
}

.qr-container.ETH_TUSD::before {
  background-image: url(../img/crypto/ETH_TUSD.svg);
}

.qr-container.ETH_SHIB::before {
  background-image: url(../img/crypto/ETH_SHIB.svg);
}

.qr-container.LTC::before {
  background-image: url(../img/crypto/LTC.svg);
}

.qr-container.TRX::before {
  background-image: url(../img/crypto/TRX.svg);
}

.qr-container.TRX_USDT::before {
  background-image: url(../img/crypto/TRX_USDT.svg);
}

.qr-container.TRX_USDD::before {
  background-image: url(../img/crypto/TRX_USDD.svg);
}

.qr-container.TON::before {
  background-image: url(../img/crypto/TON.svg);
}

.qr-container.TON_USDT::before {
  background-image: url(../img/crypto/TON_USDT.svg);
}

.qr-container.SOL::before {
  background-image: url(../img/crypto/SOL.svg);
}

.qr-container.DOGE::before {
  background-image: url(../img/crypto/DOGE.svg);
}

.qr-container.ADA::before {
  background-image: url(../img/crypto/ADA.svg);
}

.qr-container.XMR::before {
  background-image: url(../img/crypto/XMR.svg);
}

.qr-container.XRP::before {
  background-image: url(../img/crypto/XRP.svg);
}



.qr-container.TRUST_WALLET::before {
  border: 0;
  border-radius: 0;
  background-image: url(../img/icons/trust_wallet.svg);
}



.custom-check {
  display: flex;
  align-items: center;
  gap: 12px;
}

.custom-check .form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='4' fill='%232D2D2D'/%3E%3C/svg%3E%0A");
  background-size: 14px;
}

.dark-theme .custom-check .form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='4' fill='%23F5F7FB'/%3E%3C/svg%3E%0A");
}

.custom-check .form-check-input:checked {
  border-color: transparent;
}

.custom-check .form-check-input {
  background-color: #F3F3F3;
  border-color: transparent;
  width: 28px;
  height: 28px;
  border-radius: 8px;
}

.dark-theme .custom-check .form-check-input {
  background-color: var(--dark-card-background);
}

.custom-check .form-check-input:focus {
  box-shadow: 0 0 0 .2rem rgba(88, 96, 106, 0.25);
}


@media (max-width: 768px) {
  .custom-modal {
    left: 0;
    right: 0;
    transform: translateY(100vh);
    bottom: 0;
    min-width: unset !important;
    top: unset;
    max-width: unset !important;
    border-radius: 2rem 2rem 0 0;
  }

  .custom-modal-header {
    padding: 1.75rem 1.5rem;
  }

  .custom-modal-body {
    padding: 1.75rem 1.5rem;
    /* padding-bottom: 3.75rem; */
  }
}

.transaction-history {
  padding: 2.75rem
}

.accordion-custom {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.accordion-custom .accordion-button::after {
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 0.75L5.5 5.25L10 0.75' stroke='%23C3C3C3' stroke-width='2'/%3E%3C/svg%3E");
}

.accordion-custom .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 0.75L5.5 5.25L10 0.75' stroke='%23808080' stroke-width='2'/%3E%3C/svg%3E");
}

.accordion-custom .accordion-item {
  border-radius: 1.5rem !important;
  background-color: var(--Light-Contrast) !important;
  overflow: hidden;
}

.dark-theme .accordion-custom .accordion-item {
  background-color: var(--dark-contrast) !important;
}

.accordion-custom .accordion-button {
  background-color: transparent !important;
}

.transaction-history .line {
  background-color: var(--Light-Contrast) !important;
  border-radius: 1.5rem !important;
}

.accordion-custom .accordion-button,
.transaction-history .accordion-button {
  transition: none;
  box-shadow: none;
}

.accordion-custom .accordion-body {
  padding: 1.5rem;
  border-top: 1px solid #DCDCDC;
}

.dark-theme .accordion-custom .accordion-body {
  padding: 1.5rem;
  border-top: 1px solid var(--Dark-Stroke-Thin);
}

.transaction-history .accordion-body {
  background-color: var(--Light-Contrast) !important;
  border-radius: 1.5rem;
  padding: 1.5rem;
  margin-top: 10px;
}

.transaction-history .accordion-button::after {
  margin-left: 1rem;
}

.transaction-value {
  font-size: 1.25rem;
}

.transaction-history .table-custom .accordion-item {
  border-bottom: 0;
}

.transaction-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0.5rem;
}

.transaction-body>:nth-child(3) {
  grid-column: span 2;
}

.wallet-transactions {
  padding: 2.75rem;
}

.fs-7 {
  font-size: .875rem !important;
}

.fs-lg-4 {
  font-size: 1.5rem !important;
}

.nav-item.dropdown-toggle::after {
  content: unset;
}

.dd-wrapper {
  position: relative;
}

.dd-wrapper .dd {
  display: flex;
}

.dd-menu {
  border-radius: 1.5rem;
  background: #FFF;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);
  position: absolute;
  top: calc(100% + 16px);
  right: -30px;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}

.dark-theme .dd-menu {
  background: var(--Dark-Popup-Window)
}

.dd-menu.active {
  visibility: visible;
  opacity: 1;
  top: calc(100% + 30px);
}

.dd-menu.notifications {
  width: 385px;
  position: fixed;
  right: -20.5rem;
  top: 2.5rem;
  bottom: 2.5rem;
  left: unset;
  z-index: 7;
}

.dd-menu.notifications.active {
  right: 2rem;
}

.dd.visible {
  position: relative;
  z-index: 5;
}

.notifications-header {
  border-bottom: 1px solid #E8E8E8;
  padding: 1.5rem 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dark-theme .notifications-header {
  border-bottom: 1px solid var(--Dark-Stroke-Thin);
}

.notifications-title {
  color: var(--Light-Dark, #2D2D2D);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
}

.dark-theme .notifications-title {
  color: var(--Light-Contrast);
}

.notify-item {
  padding: 1.25rem 1.75rem;
  display: flex;
  gap: 1.25rem;
}

.wallet-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.wallet-actions>* {
  padding: 0.5rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.63rem;
}

.notify-container {}

.notify-container.new:after {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50px;
  aspect-ratio: 1/1;
  background: var(--Red-Alert);
  right: 0;
  top: 0;
  z-index: 5;
}

.notifications-body {
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: calc(100dvh - 167px);
  overflow: auto;
  border-radius: 0 0 1.5rem 1.5rem;
}

.notifications-body::-webkit-scrollbar {
  width: 12px;
}

.notifications-body::-webkit-scrollbar-track {
  background: #fff;
}

.notifications-body::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
  border-radius: 20px;
  border: 3px solid transparent;
}

.dark-theme .notifications-body::-webkit-scrollbar {
  width: 12px;
}

.dark-theme .notifications-body::-webkit-scrollbar-track {
  background: var(--Dark-Popup-Window);
}

.dark-theme .notifications-body::-webkit-scrollbar-thumb {
  background-color: var(--Light-Dark);
}

.notify-item:not(:last-child) {
  border-bottom: 1px solid #E8E8E8;
}

.dark-theme .notify-item:not(:last-child) {
  border-bottom: 1px solid var(--Dark-Stroke-Thin);
}

.notify-info {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  align-items: baseline;
}

.notify-info .title {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}

.notify-info .badge {
  padding: 0.38rem;
}

.tps-container {
  padding-top: 2.25rem;
  background-image: url(../img/tps-progress.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}

.tps-container.full {
  background-image: url(../img/tps-progress-full.png);
}

.tps-container.high {
  background-image: url(../img/tps-progress-high.svg);
}

.tps-container.medium {
  background-image: url(../img/tps-progress-medium.svg);
}

.tps-container.low {
  background-image: url(../img/tps-progress-low.svg);
}

.tps-container.zero {
  background-image: url(../img/tps-progress.svg);
}

.tps-value {
  color: var(--Light-Dark);
  font-size: 2.5rem;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}

.dark-theme .tps-value {
  color: var(--Light-Contrast);
}

.tps-balance {
  color: var(--Light-Gray);
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.01rem;
}

.payments-block {
  padding: 2.75rem
}

.custom-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--font-color) var(--body-color);
}

.table-custom .accordion-button::after {
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 0.75L5.5 5.25L10 0.75' stroke='%23C3C3C3' stroke-width='2'/%3E%3C/svg%3E");
}

.table-custom .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 0.75L5.5 5.25L10 0.75' stroke='%23808080' stroke-width='2'/%3E%3C/svg%3E");
}

.login-container {
  padding: 2.75rem;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  max-width: 560px;
  margin: 0 auto;
}

.reg-container {
  padding: 2.75rem;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 560px;
  margin: 0 auto;
}

.dark-theme .reg-container {
  background: var(--dark-card-background);
}

.login-container .qr-container {
  max-width: 300px;
  width: 100%;
}

.qr-container img {
  width: 100%;
}

.divider {
  align-items: center;
  display: flex;
  width: 100%;
  gap: 12px;
}

.meta {
  background: var(--card-bg);
  display: flex;
  padding: 0.4375rem 0;
  justify-content: space-between;
  align-items: center;
}

.meta-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  padding: 0.4rem;
  margin: -0.4rem;
}

.meta-item img {
  width: 1.125rem;
  height: 1.125rem;
  filter: brightness(0) invert(12%) sepia(41%) saturate(0%) hue-rotate(255deg) brightness(109%) contrast(91%);
}

.dark-theme .meta-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;

}

.dark-theme .meta-item img {
  filter: brightness(0) invert(52%) sepia(0%) saturate(37%) hue-rotate(242deg) brightness(96%) contrast(80%);
}

/* .divider__separator {
  flex: 1;
  border-top: 1px solid rgb(203 213 225);
} */

.divider::before,
.divider::after {
  content: "";
  flex: 1;
  border-top: 1px solid rgb(203 213 225);
}

.divider.divider-left::before {
  content: none;
}

.divider.divider-right::after {
  content: none;
}

.pagination {
  gap: 8px;
}

.reqv-container {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.reqv-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 111px;
  background: var(--Light-Contrast);
}

.dark-theme .reqv-item {
  border: 1px solid var(--Dark-Stroke-Thin) !important;
  background: var(--dark-card-background) !important;
}

.reqv-item__remove {
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-item .page-link {
  border-radius: 12px !important;
  background: var(--Light-Contrast);
  color: var(--Light-Dark);
  font-family: Nagel;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  border: none;
  min-width: 33px;
  padding: 10px 16px;
}

.page-item .page-link:hover {
  background: var(--Light-Contrast-hover);
}

.page-item.active .page-link {
  background: var(--Light-Dark);
  color: #FFF;
  font-weight: 500;
}

.page-item.disabled .page-link {
  opacity: .7;
}

.dark-theme .page-item .page-link {
  background: var(--Light-Dark);
  color: var(--Light-Contrast);
}

.dark-theme .page-item.active .page-link {
  background: var(--Light-Contrast);
  color: var(--Light-Dark);
}

.dark-theme .page-item.disabled .page-link {
  opacity: .5;
}

.login-buttons {
  width: 100%;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--Light-Dark);
  --bs-tooltip-color: var(--Light-Contrast);
}

.radio-label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: var(--bs-border-radius-xxl);
  background: var(--Light-Contrast);
}

.itc-select {
  position: relative;
  width: 100%;
}

.itc-select.wide .itc-select__dropdown {
  right: 0;
}

.itc-select__toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  cursor: pointer;
  user-select: none;
  color: var(--Black, #0C1226);
  font-size: 16px;
  /* font-weight: 500; */
  line-height: normal;
  padding: 10px 16px;
  border-radius: 111px;
  background: var(--Light-Contrast);
  padding-right: 36px;
  border: none;
  height: 38px;
  white-space: nowrap;
}

.dark-theme .itc-select__toggle {
  color: var(--Light-Dark);
}

.itc-select__toggle.selected {
  background: var(--Light-Dark);
  color: #fff;
}

.itc-select__toggle::after {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-left: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M15.5917 7.34123C15.5142 7.26312 15.422 7.20112 15.3205 7.15882C15.2189 7.11651 15.11 7.09473 15 7.09473C14.89 7.09473 14.7811 7.11651 14.6795 7.15882C14.578 7.20112 14.4858 7.26312 14.4083 7.34123L10.5917 11.1579C10.5142 11.236 10.422 11.298 10.3205 11.3403C10.2189 11.3826 10.11 11.4044 10 11.4044C9.89 11.4044 9.78108 11.3826 9.67953 11.3403C9.57798 11.298 9.48581 11.236 9.40834 11.1579L5.59168 7.34123C5.51421 7.26312 5.42204 7.20112 5.32049 7.15882C5.21894 7.11651 5.11002 7.09473 5.00001 7.09473C4.89 7.09473 4.78108 7.11651 4.67953 7.15882C4.57798 7.20112 4.48581 7.26312 4.40834 7.34123C4.25313 7.49736 4.16602 7.70857 4.16602 7.92873C4.16602 8.14888 4.25313 8.36009 4.40834 8.51623L8.23334 12.3412C8.70209 12.8094 9.33751 13.0724 10 13.0724C10.6625 13.0724 11.2979 12.8094 11.7667 12.3412L15.5917 8.51623C15.7469 8.36009 15.834 8.14888 15.834 7.92873C15.834 7.70857 15.7469 7.49736 15.5917 7.34123Z' fill='%235A6378'/%3E%3C/svg%3E");
  background-size: cover;
  content: "";
  position: absolute;
  right: 12px;
  transition: transform .2s ease;
}

.itc-select__toggle.selected::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M15.5917 7.34123C15.5142 7.26312 15.422 7.20112 15.3205 7.15882C15.2189 7.11651 15.11 7.09473 15 7.09473C14.89 7.09473 14.7811 7.11651 14.6795 7.15882C14.578 7.20112 14.4858 7.26312 14.4083 7.34123L10.5917 11.1579C10.5142 11.236 10.422 11.298 10.3205 11.3403C10.2189 11.3826 10.11 11.4044 10 11.4044C9.89 11.4044 9.78108 11.3826 9.67953 11.3403C9.57798 11.298 9.48581 11.236 9.40834 11.1579L5.59168 7.34123C5.51421 7.26312 5.42204 7.20112 5.32049 7.15882C5.21894 7.11651 5.11002 7.09473 5.00001 7.09473C4.89 7.09473 4.78108 7.11651 4.67953 7.15882C4.57798 7.20112 4.48581 7.26312 4.40834 7.34123C4.25313 7.49736 4.16602 7.70857 4.16602 7.92873C4.16602 8.14888 4.25313 8.36009 4.40834 8.51623L8.23334 12.3412C8.70209 12.8094 9.33751 13.0724 10 13.0724C10.6625 13.0724 11.2979 12.8094 11.7667 12.3412L15.5917 8.51623C15.7469 8.36009 15.834 8.14888 15.834 7.92873C15.834 7.70857 15.7469 7.49736 15.5917 7.34123Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.itc-select__toggle:focus {
  outline: none;
}

.itc-select_show .itc-select__toggle::after {
  transform: rotate(-180deg);
}

.itc-select__dropdown {
  position: absolute;
  top: calc(100%);
  /* right: 0; */
  left: 0;
  z-index: 2;
  width: 100%;
  /* max-height: 350px; */
  max-height: 250px;
  overflow-y: auto;
  visibility: hidden;
  border-radius: 8px;
  background: var(--Light-Contrast);
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);
  transition: 0.2s;
  opacity: 0;
  border-radius: 16px;
  padding: 4px;
}

.dark-theme .itc-select__dropdown {
  background: var(--Light-Dark);
}

.itc-select__dropdown::-webkit-scrollbar {
  /*width: 5px;*/
}

.itc-select_show .itc-select__dropdown {
  visibility: visible;
  opacity: 1;
  top: calc(100% + 10px);
  border: solid;
}

.itc-select_show .itc-select__backdrop {
  display: block;
}

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

.itc-select__option {
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  /* transition: 0.2s background-color ease-in-out; */
  border-radius: 12px;
  /* font-weight: 500; */
  font-size: 16px;
  cursor: pointer;
  white-space: nowrap;
}

.itc-select__option_selected {
  background-color: var(--Light-Dark);
  color: var(--Light-Contrast);
}

.dark-theme .itc-select__option_selected {
  background: var(--Light-Contrast);
  color: var(--Light-Dark);
}

.itc-select__option:hover {
  /* outline: 1px solid red; */
}

.itc-select[disabled] {
  opacity: 0.5;
  pointer-events: none;
  cursor: pointer;
}

.dark-theme .radio-label {
  background: rgba(115, 115, 115, 0.25);
}

@media (max-width: 991px) {
  .payments-block {
    padding: 1.5rem;
  }

  /* .payments-block .custom-table thead {
    display: none;
  } */

  /* .payments-block .custom-table tr,
  .payments-block .custom-table tbody {
    display: flex;
    flex-direction: column;
  } */

  .dd-menu.notifications,
  .dd-menu.notifications.active {
    left: 0.5rem;
    right: 0.5rem;
    width: unset;
    bottom: 5rem;
    top: 1rem;
  }

  .wallet-transactions {
    padding: 1.5rem;
  }

  .fs-lg-4 {
    font-size: unset !important;
  }

  .transaction-history .accordion-body {
    border-radius: unset;
    margin-top: 0;
    padding: 1rem 1.5rem;
  }

  .waller-overview-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem !important;
    /* align-items: start !important; */
    position: relative;
  }

  .waller-overview-container .d-flex.gap-4.align-items-end {
    flex-direction: column;
    align-items: start !important;

  }

  .waller-overview-container .d-flex.gap-2 {
    position: absolute;
    bottom: 1.5rem;
  }

  .wallet-stats-container {
    padding: 1.5rem !important;

  }

  header.header {
    padding: 1.75rem 0;
  }

  .faq-container {
    padding: 1.5rem !important;
  }

  .faq-container h1 {
    font-size: 2.25rem !important;
  }

  .form-item {
    grid-template-columns: 280px 1fr;
    gap: 5px 20px;
  }

  .update-button {
    position: absolute;
    right: 24px;
    top: 32px;
    width: 2.5rem;
    aspect-ratio: 1/1;
    padding: 0;
    justify-content: center;
  }

  .section-offset:last-of-type {
    padding-bottom: 100px
  }

  .update-button span {
    display: none;
  }

  .search-input {
    width: 100%;
  }

  .search-container {
    flex: 1 1 auto;
  }

  .search-container form {
    width: 100%;
  }

  .transaction-history {
    padding: 0;
  }

  .transaction-history .table-custom {
    padding-bottom: 2rem;
  }

  .transaction-history .accordion-button:not(.collapsed) {
    background-color: var(--Light-Contrast) !important;
  }

  .transaction-history .accordion-body {
    background-color: var(--Light-Contrast) !important;
  }

  .dark-theme .transaction-history .accordion-button:not(.collapsed) {
    background-color: var(--dark-contrast) !important;
  }

  .dark-theme .transaction-history .accordion-body {
    background-color: var(--dark-contrast) !important;
  }

  .transaction-history .table-custom .line {
    font-size: 14px !important;
    border-radius: 0 !important;
  }

  .transaction-history .table-custom .transaction-info,
  .transaction-history .table-custom .transaction-info .badge,
  .transaction-value {
    font-size: 14px !important;
  }

  .transaction-history .table-custom .line .transaction-icon {
    width: 32px;
  }

  .transaction-history>h2 {
    font-size: 1.8rem;
    padding: 2rem 1.5rem;
    padding-bottom: 0;
  }

  .transaction-history>.d-flex.justify-content-between.flex-wrap.gap-2 {
    padding: 0 1.5rem;
  }

  .transaction-history .line {
    background-color: transparent !important;
    min-width: unset;
  }

  .mobile-navbar {
    position: fixed;
    z-index: 4;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: unset;
    flex-basis: unset;
    top: unset;
    min-height: unset;
    height: unset;
    box-shadow: 0px 11px 34.9px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 0.75rem;
    grid-template-columns: repeat(5, 1fr);
  }

  .dark-theme .mobile-navbar {
    background: #1C1C1D;
  }

  .mobile-navbar .nav-item {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0;
    color: var(--Light-Gray);
    text-align: center;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.00813rem;
  }

  .dark-theme .mobile-navbar .nav-item {
    background: transparent;
  }

  .dark-theme .mobile-navbar .nav-item.active {
    color: var(--Light-Contrast);
  }

  .mobile-navbar .nav-item.active {
    background: unset;
    color: var(--Light-Dark);
  }

  .mobile-navbar .nav-item img {
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(52%) sepia(0%) saturate(1665%) hue-rotate(185deg) brightness(97%) contrast(90%);
  }

  .mobile-navbar .nav-item.active img {
    filter: brightness(0) invert(13%) sepia(0%) saturate(0%) hue-rotate(73deg) brightness(96%) contrast(87%);
  }

  .dark-theme .mobile-navbar .nav-item.active img {
    filter: none;
  }

  .notifications-body {
    max-height: calc(100dvh - 183px);
  }

  .mobile-navbar .nav-item img.rounded-circle {
    filter: none !important;
  }
}

.token-label span {
  display: none;
}

@media (max-width: 768px) {
  .profile-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem !important;
  }

  .login-container {
    padding: 1.5rem;
    text-align: center;
  }

  .reg-container {
    padding: 1.5rem;
    text-align: center;
  }

  .login-buttons {
    display: flex;
    flex-direction: column;
  }

  .form-item {
    display: flex;
    flex-direction: column;
  }

  .form-item p {
    margin-bottom: 15px !important;
  }

  .form-item label {
    width: 100%;
  }

  .token-label {
    flex-direction: column;
    align-items: unset !important
  }

  .token-label>img {
    top: 16px;
  }

  .token-label span {
    display: inline;
  }
}

@media (max-width: 576px) {

  .grid-line {
    display: flex;
    flex-direction: column;
  }

  .waller-container {
    display: flex;
    flex-direction: column;
  }
}

/* @media (max-width: 450px) {
  .wallet-actions {
    display: flex;
    flex-direction: column;
  }
} */

.dark-theme .dark-button {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: rgba(115, 115, 115, 0.25) !important;
}

.dark-theme .dark-button:hover {
  background: rgba(115, 115, 115, 0.1) !important;
}

.dark-theme .dark-button img {
  filter: none;
}

.seed-phrase-container {
  display: grid;
  /* grid-template-columns: 1fr 1fr 1fr 1fr; */
  /* grid-template-rows: 1fr; */
  gap: 8px 8px;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  padding: 0;
  margin: 0;
}

.seed-phrase-item {
  border-radius: 8px;
  background: var(--Light-Contrast, #F5F7FB);
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--Light-Dark, #2D2D2D);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;

}

.seed-phrase-item::before {
  /* content: ""; */
  color: var(--Light-Gray, #808080);
}

.seed-phrase-container {
  list-style-type: none;
  counter-reset: num;
}

.seed-phrase-container li:before {
  content: counter(num);
  counter-increment: num;
}

.dark-theme .reg-container.dark-glow::before {
  width: 800px;
  height: 450px;
  background-size: cover;
  top: -155px;
  max-width: 100vw;
}

.dark-theme .seed-phrase-item {
  background: var(--dark-contrast);
  color: var(--Light-Contrast);
}


/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/

.layout-menu {
	flex: 0 0 100px;
	z-index: 6;
}

.layout-menu aside {
	position: fixed;
	overflow: overlay; 
	height: 98.5%;
	background-color: rgba(255, 255, 255, 0.97);
	flex: 0 0 100px;
}

.layout-menu .nav-item {
	display: list-item;
	list-style-type: none;
}

.layout-menu .logo,
.layout-menu .nav-item span{
	display: none;
}

/*.layout-menu .logo-icon,*/
.layout-menu #toggle-menu,
.layout-menu-show .layout-menu .logo-icon,
.layout-menu:hover .logo-icon {
	display: none;
}

/*.layout-menu, */
.layout-menu-show .layout-menu
/*.layout-menu:hover*/ {
	flex: 0 0 300px;
}

/*.layout-menu, */
.layout-menu-show .layout-menu aside, 
.layout-menu:hover aside{
	width: 280px;
}


/*.layout-menu .logo,*/
.layout-menu .logo-icon,
.layout-menu-show .layout-menu .logo, 
.layout-menu-show .layout-menu #toggle-menu, 
.layout-menu-show .layout-menu .nav-item span, 
.layout-menu-show .layout-menu .nav-item.nav-toggle > .nav-link:after,
.layout-menu:hover .logo, 
.layout-menu:hover #toggle-menu, 
.layout-menu:hover .nav-item span,
.layout-menu:hover .nav-item.nav-toggle > .nav-link:after {
	display: flex;
}

.layout-menu .nav-item .nav-link:hover {
	color: var(--Light-Dark);
}

.layout-menu .nav-item.nav-toggle > .nav-link:after {
	content: "";
    position: absolute;
    /* top: 50%; */
    display: none;
    width: .42em;
    height: .42em;
    border: 2px solid;
    border-bottom: 0;
    border-left: 0;
    transform: translateY(-50%) rotate(45deg);
    left: 15rem;
}

.layout-menu .nav-item.nav-toggle.open > .nav-link:after {
	transform: translateY(-50%) rotate(135deg);
}

.layout-menu .nav-item.nav-toggle li {
	margin-left: 1.5rem;
}

.layout-menu .nav-item.nav-toggle ul .nav-link:before {
	content: "";
    position: absolute;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
	background-color: #b4bdc6;
	left: 2.4rem;
}

/*
.layout-menu .nav-item.active {
    border-bottom: 1px solid var(--Light-Dark);
}
*/

.layout-menu i,
.fs-25 {
	font-size: 25px;
}


@media (max-width: 768px) {
	
	.layout-menu {
		display: none;
	}
	
	.layout-menu-show .layout-menu {
		display: flex;
		position: fixed;
        z-index: 999;
        height: 100%;
		background: rgba(0, 0, 0, 0.75);
        width: 100%;
	}
	
   /*
   .layout-menu .logo,
   .layout-menu .nav-item span {
        display: none;
    }
	
	
	.layout-menu .logo-icon {
        display: flex;
    }
	
	.layout-menu {
		flex: 0 0 100px;
	}
	*/
}

.layout-page header {
	position: sticky;
	top: .5rem;
	z-index: 5;
	background-color: rgba(255, 255, 255, 0.80);
}

.layout-menu ul {
	padding: 0px;
}

.layout-menu li {
	text-decoration: none;
}

.layout-menu .nav-item .nav-link{
    text-decoration: none;
    gap: 12px;
    display: flex;
    align-items: center;
    border: none;
	width: 100%;
}

.layout-menu .nav-sub {
    display: none;
    flex-direction: column;
    margin: 0;
    padding: 0;
	padding-top: 10px;
}


.layout-menu .nav-item.active .nav-sub .nav-item {
	background: var(--Light-Contrast);
}


.layout-menu-show .layout-menu .nav-toggle.open .nav-sub,
.layout-menu:hover .nav-toggle.open .nav-sub {
    display: flex;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}
.bg-center {
    background-position: center;
}
.bg-cover {
    background-size: cover;
}

.bg-wallet {
	background: var(--wallet-container-bg);
}



.bs .list-group {
  width: 100%;
  max-width: 460px;
  margin-inline: 1.5rem;
}

.bs .form-check-input:checked + .form-checked-content {
  opacity: .5;
}

.bs .form-check-input-placeholder {
  border-style: dashed;
}
.bs [contenteditable]:focus {
  outline: 0;
}

.bs .list-group-checkable .list-group-item {
  cursor: pointer;
}
.bs .list-group-item-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.bs .list-group-item-check:hover + .list-group-item {
  background-color: var(--bs-secondary-bg);
}
.bs .list-group-item-check:checked + .list-group-item {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.bs .list-group-item-check[disabled] + .list-group-item,
.bs .list-group-item-check:disabled + .list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.bs .list-group-radio .list-group-item {
  cursor: pointer;
  border-radius: .5rem;
}
.bs .list-group-radio .form-check-input {
  z-index: 2;
  margin-top: -.5em;
}
.bs .list-group-radio .list-group-item:hover,
.bs .list-group-radio .list-group-item:focus {
  background-color: var(--bs-secondary-bg);
}

.bs .list-group-radio .form-check-input:checked + .list-group-item {
  background-color: var(--bs-body);
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 2px var(--bs-primary);
}
.bs .list-group-radio .form-check-input[disabled] + .list-group-item,
.bs .list-group-radio .form-check-input:disabled + .list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.coin-selection {
  margin-bottom: 30px;
}

.crypto-options {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 20px;
  justify-content: center;
}

.crypto-option {
  border: 2px solid #e9ecef;
  border-radius: 10px;
  padding: 15px;
  width: 120px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}

.crypto-option:hover {
  border-color: #007bff;
  transform: translateY(-3px);
}

.crypto-option.selected {
  border-color: #007bff;
  background-color: #f1f8ff;
}

.crypto-icon {
  height: 40px;
  width: 40px;
  margin-bottom: 10px;
  background-color: #f1f1f1;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
}

.crypto-name {
  font-size: 14px;
  font-weight: 500;
}