@charset "UTF-8";
.swiper-slide-dashboard {
  padding: 0 !important;
  border-radius: 10px;
  /* max-height: 300px; */
}

/* .swiper-slide-dashboard .swiper-wrapper a img{
	object-fit: fill !important;
} */
[data-menu-styles=light] .app-sidebar .side-menu__item.active,
[data-menu-styles=light] .app-sidebar .side-menu__item:hover {
  background-color: transparent;
  border-bottom: 2px solid var(--primary-rgb);
}

[data-nav-layout=horizontal] .app-sidebar .side-menu__item {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 5px;
}

@media (min-width: 992px) {
  .app-sidebar .main-sidebar-header {
    position: relative;
    background: transparent;
    display: block !important;
    width: auto !important;
    height: auto;
    padding: 0;
    border: 0;
  }
  [data-nav-layout=horizontal] .app-sidebar {
    height: 4rem;
    display: flex;
    align-items: center;
  }
  .app-sidebar-inner {
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  [data-nav-layout=horizontal] .main-sidebar,
  [data-nav-layout=horizontal] .main-header-container,
  [data-nav-layout=horizontal] .app-content > .container-fluid {
    width: 100%;
  }
  [data-nav-layout=horizontal] .app-sidebar .main-menu > .slide {
    margin: 0 1rem;
  }
}
@media (max-width: 991px) {
  .app-sidebar .main-sidebar-header {
    display: flex !important;
  }
}
.btn-custom-deposit::after {
  position: absolute !important;
  right: 10px;
  top: 10px;
}

@media screen and (max-width: 991px) {
  .btn-custom-deposit::after {
    top: 15px;
    right: 10px !important;
  }
}
.btn-outline-light:disabled {
  color: var(--light-gray);
  background-color: transparent;
  border-color: var(--light-gray);
}

.custom-dropzone-KYC {
  width: 100%;
  height: 180px;
  border: 1.5px dashed var(--primary05);
  padding: 15px;
  color: var(--default-text-color);
}

.custom-dropzone-KYC.border-primary {
  width: 100%;
  height: 180px;
  border-color: var(--primary-border) !important;
  padding: 15px;
  background-color: #f4fdfe;
}

.link-underline-white,
.link-underline-white:hover {
  color: var(--white);
  text-decoration: underline;
}

@keyframes blink-2 {
  0% {
    text-shadow: 0 0 10px #fff;
  }
  50% {
    text-shadow: 0 0 0;
  }
  100% {
    text-shadow: 0 0 10px #fff;
  }
}
@-webkit-keyframes blink-2 {
  0% {
    text-shadow: 0 0 10px #fff;
  }
  50% {
    text-shadow: 0 0 0;
  }
  100% {
    text-shadow: 0 0 10px #fff;
  }
}
.blink-text {
  animation: blink-2 1s infinite;
  font-weight: 600;
}

.border-bottom-primary-2 {
  border: 0;
  border-bottom: 2px solid var(--primary-color);
  border-radius: 0;
  width: 230px;
  text-align: center;
}

.border-dashed {
  border-top: 1px dashed var(--gray-5);
}

.rounded-top-left {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-top-right {
  border-top-left-radius: 0;
  border-top-right-radius: 10px !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-bottom-left {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 0;
}

.rounded-bottom-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 10px !important;
}

.custom-select-dropdown-0 {
  appearance: none;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select {
  width: 100px;
  height: 25px;
  float: right;
  text-align: center;
  border-color: var(--input-border);
  color: var(--default-text-color);
}

.view-input:disabled {
  background-color: var(--form-control-bg) !important;
}

.custom-country-dropdown input {
  border-radius: 0.5rem !important;
}

[data-theme-mode=dark] .custom-country-dropdown ul {
  background-color: var(--default-body-bg-color);
  color: var(--custom-white-all);
}

[data-theme-mode=dark] .custom-country-dropdown input {
  border-radius: 0.5rem !important;
  background-color: var(--custom-white-all) !important;
  color: var(--default-body-bg-color);
}

[data-theme-mode=dark] .custom-country-dropdown input:disabled {
  background-color: var(--form-control-bg) !important;
  color: var(--light-gray);
}

[data-theme-mode=dark] .custom-profile input:disabled {
  background-color: var(--form-control-bg);
  color: var(--light-gray);
}

.custom-datepicker-input input {
  /* display: flex; */
  /* align-items: center !important; */
  text-align: center !important;
  height: 38px !important;
  width: 215px !important;
  border-radius: 10px !important;
  border: 1px solid var(--input-border) !important;
  box-sizing: border-box !important;
  max-width: 215px !important;
  font-size: 0.875rem;
  font-weight: var(--default-font-weight);
  line-height: 1.6;
  padding: 0.45rem 0.75rem;
}

.custom-datepicker-input input::placeholder {
  color: #ADADAD;
  opacity: 1;
}

/* Remove the highlight from the current day */
.flatpickr-day.today {
  border-color: transparent !important;
  background: none !important;
  color: inherit !important;
}

.custom-datepicker-input-3 input {
  /* display: flex; */
  /* align-items: center !important; */
  text-align: center !important;
  height: 38px !important;
  width: 150px !important;
  border-radius: 10px !important;
  border: 1px solid var(--input-border) !important;
  box-sizing: border-box !important;
  max-width: 200px !important;
}

.padding-top-custom {
  padding-top: 2px !important;
}

.react-datepicker__month-text--in-range {
  background-color: var(--primary-color) !important;
}

.react-datepicker__day--in-range {
  background-color: var(--primary-color) !important;
}

.react-datepicker__month-text--today {
  background-color: var(--gray-2) !important;
}

.react-datepicker__month-text--keyboard-selected {
  background-color: unset !important;
}

.react-datepicker__month-text--selected {
  background-color: var(--primary-color) !important;
  color: var(--white) !important;
}

.react-datepicker__month-text--in-selecting-range {
  background-color: var(--gray-2) !important;
}

.react-datepicker__day--today {
  background-color: var(--gray-2) !important;
}

.react-datepicker__day--selected {
  background-color: var(--primary-color) !important;
}

.react-datepicker__day--keyboard-selected {
  background-color: unset !important;
}

.react-datepicker__day--in-selecting-range {
  background-color: var(--gray-2) !important;
}

.react-datepicker__month-text--in-selecting-range:hover {
  background-color: var(--gray-3) !important;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: var(--gray-3) !important;
}

.react-datepicker__day--in-selecting-range:hover {
  background-color: var(--gray-3) !important;
}

.react-datepicker__year-text--selected {
  background-color: var(--primary-color) !important;
}

.react-datepicker__year-text--keyboard-selected {
  background-color: unset !important;
}

.notification-content a {
  color: rgb(5, 99, 193);
}

.input-border-0 {
  border: none;
  outline: none;
}

[data-theme-mode=dark] .custom-country-dropdown-2 ul {
  background-color: var(--default-body-bg-color);
  color: var(--custom-white-all);
}

[data-theme-mode=dark] .custom-country-dropdown-2 input {
  background-color: var(--form-control-bg) !important;
  color: var(--light-gray);
  border-color: var(--input-border) !important;
  border-radius: 10px !important;
}

.custom-country-dropdown-2 input {
  border-radius: 10px !important;
  border-color: var(--input-border) !important;
}

[data-theme-mode=dark] .custom-country-dropdown-3 ul {
  background-color: var(--default-body-bg-color);
  color: var(--custom-white-all);
}

[data-theme-mode=dark] .custom-country-dropdown-3 input {
  background-color: var(--form-control-bg) !important;
  color: var(--light-gray);
  border-color: var(--input-border) !important;
  border-radius: 10px !important;
}

.custom-country-dropdown-3 input {
  border-radius: 10px !important;
  border-color: var(--input-border) !important;
}

[dir=rtl] .custom-country-dropdown-3 input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-right: none !important;
}

@media (min-width: 575px) {
  .custom-country-dropdown-3 input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 39.2px !important;
  }
  [data-theme-mode=dark] .custom-country-dropdown-3 input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 37px !important;
  }
}
.input-group-custom {
  position: relative;
  display: flex;
  flex-wrap: unset;
  align-items: stretch;
  width: 200px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.center {
  text-align: center;
}

.border.border-inline-end-0 {
  border-inline-end: 0 !important;
}

@media (min-width: 768px) and (max-width: 1860px) {
  .wallet-name {
    display: none !important;
  }
}
.btn-custom-deposit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ReactSelectFlags-module_closeIcon__t4cEW {
  top: 24% !important;
  transform: rotate(180deg) !important;
}

.custom-country-dropdown .ReactSelectFlags-module_closeIcon__t4cEW {
  top: 13% !important;
  /* transform: rotate(180deg) !important; */
}

.text-wrap {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.graph-container .btn.active {
  color: var(--primary-color);
}

.graph-container {
  list-style-type: none;
  flex-direction: column;
  gap: 2px;
}

.text-left {
  text-align: left;
}

.text-underline {
  text-decoration: underline;
  font-weight: 50;
}

.btn.btn-custom-outline-primary:hover {
  border-color: var(--primary-color);
  background-color: var(--primary01);
  box-shadow: none;
}

.d-flex.justify-content-center:has(.partner-portal-legend-text) {
  display: inline-flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
  max-width: 100%;
  gap: 2px 1rem !important;
}

.d-flex.justify-content-center.is-stacked:has(.partner-portal-legend-text) {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.d-flex.justify-content-center:has(.partner-portal-legend-text) .legend-small {
  margin-left: 0 !important;
}

.partner-portal-legend-text,
.custom-card:has(.partner-portal-legend-text) .fs-28,
.custom-card:has(.partner-portal-legend-text) .fs-23 {
  overflow-wrap: anywhere;
}

.custom-datepicker-input-2 input {
  display: flex;
  align-items: center !important;
  text-align: center !important;
  height: 38px !important;
  width: 230px !important;
  border-radius: 10px !important;
  border: 1px solid var(--input-border) !important;
  box-sizing: border-box !important;
}

.react-datepicker__close-icon::after {
  background-color: var(--primary-color) !important;
}

.card-border-primary {
  margin-block-end: 0 !important;
  border: 2px solid var(--primary-color) !important;
}

.custom-li {
  flex: 1 1 120px;
}

@media (min-width: 2000px) {
  .custom-li {
    flex: 1 1 155px;
  }
}
@media (max-width: 1600px) {
  .custom-li {
    flex: 1 1 105px;
  }
}
@media (min-width: 1024px) and (max-width: 1500px) {
  .custom-li {
    flex: 1 1 85px;
  }
}
@media (max-width: 1000px) {
  .custom-li {
    flex: 0 0 60px;
  }
}
.rejected .dropdown-menu {
  opacity: 1;
}

.flatpickr-container {
  position: relative;
  width: fit-content;
  text-align: justify;
}

.flatpickr-container input {
  width: 100%;
}

.btn-flatpickr-custom-reset {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  border: none;
}

.flatpickr-calendar-icon {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 18px;
  color: #6c757d;
}

.flatpickr-wrapper {
  width: inherit !important;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.1) !important;
}

.card-datatable.table-responsive.account-datatable {
  min-height: 235px;
}

.input-group.has-dropdown .form-control {
  border-right: 1px solid var(--input-border) !important;
  /* Use !important cautiously */
}

.tab-style-3 .nav-item .nav-link.services-2:after {
  content: "4";
}

.searchable.search-icon {
  cursor: pointer;
  pointer-events: auto !important;
}

.btn-partner-balance {
  padding: 0.45rem 1.5rem !important;
}

@media (max-width: 640px) {
  #step-kyc li {
    width: 90px !important;
    padding-top: 0px !important;
  }
  .tab-style-3 .nav-item .nav-link:after {
    position: absolute;
    content: "";
    inset-block-end: -2rem;
    inset-inline-start: 1.75rem;
    inset-inline-end: 0;
    inset-inline-start: 35%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--custom-white);
    border-radius: 50%;
    border: 2px solid var(--default-border);
  }
}
/* .ReactSelectFlags-module_container__SFuNT,
.ReactSelectFlags-module_selectWrapper__I7wcI,
.ReactSelectFlags-module_searchSelect__O6Fp2 {
  height: 50px !important;
} */
.ReactSelectFlags-module_searchSelect__O6Fp2 {
  width: 100% !important;
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
}

.ReactSelectFlags-module_searchSelect__O6Fp2::placeholder {
  color: #ADADAD;
}

.ReactSelectFlags-module_searchSelect__O6Fp2:disabled {
  background-color: rgba(239, 239, 239, 0.3) !important;
  border: 2px solid rgba(118, 118, 118, 0.3) !important;
}

/* .ReactSelectFlags-module_option__vTJ3Z {
  color: black;
} */
/* .ReactSelectFlags-module_option__vTJ3Z,
.ReactSelectFlags-module_searchSelect__O6Fp2,
.ReactSelectFlags-module_optionText__s91tq{
  font-size: 14px !important;
}  */
.input-border-color.signup-password-input {
  border-color: var(--input-border) !important;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

.fs-0_875r .ReactSelectFlags-module_searchSelect__O6Fp2 {
  font-size: 0.875rem !important;
}

.w-border-end {
  border-right: var(--bs-border-width) solid var(--bs-border-color) !important;
  border-color: var(--input-border) !important;
}

.tfa.badge {
  font-size: 11px;
  height: 20px;
}

.form-select.default-border:focus {
  border-color: 1px solid var(--input-border);
}

@media (max-width: 575px) {
  .sm-w-100 {
    width: 100% !important;
    padding-right: 0.4rem !important;
  }
  .sm-w-100.mw-none {
    width: 100% !important;
    max-width: none !important;
  }
}
.c-pointer {
  cursor: pointer;
}

.custom-datepicker-input.activity-date-range input {
  border-color: rgb(var(--primary-rgb)) !important;
  color: rgb(var(--primary-rgb)) !important;
  padding-left: 34px !important;
  font-weight: 500;
}

/* theme redefines .h-100 as calc(100% - 25px); cards with mb-0 need a true 100% */
.h-100-full {
  height: 100% !important;
}

@media (min-width: 768px) {
  .rounded-end-desktop {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}
.custom-otp input,
.custom-otp input:focus {
  font-weight: bold !important;
  font-size: 24px !important;
  color: var(--primary-color) !important;
}

.ReactSelectFlags-module_container__SFuNT .ReactSelectFlags-module_selectWrapper__I7wcI .ReactSelectFlags-module_openIcon__Bgn1- path,
.ReactSelectFlags-module_container__SFuNT .ReactSelectFlags-module_selectWrapper__I7wcI .ReactSelectFlags-module_closeIcon__t4cEW path {
  display: none;
}

.ReactSelectFlags-module_container__SFuNT .ReactSelectFlags-module_selectWrapper__I7wcI .ReactSelectFlags-module_openIcon__Bgn1-,
.ReactSelectFlags-module_container__SFuNT .ReactSelectFlags-module_selectWrapper__I7wcI .ReactSelectFlags-module_closeIcon__t4cEW {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
}

.ReactSelectFlags-module_closeIcon__t4cEW {
  transform: rotate(0) !important;
}

.verification-code {
  max-width: 320px;
  margin: 0 auto;
}

.verification-code input,
.verification-code input:focus {
  border: 0;
  border-bottom: 1px solid rgb(var(--primary-rgb));
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: var(--primary-color);
}

[data-theme-mode=dark] .verification-code input {
  background-color: transparent;
}

[data-theme-mode=dark] .verification-code input:focus {
  background-color: transparent;
  border-bottom: 1px solid rgb(var(--primary-rgb));
}

.verification-code.failed input {
  color: #ff0000;
  border-bottom: 1px solid #ff0000;
}

/* Add this to your global/custom CSS */
@media (max-width: 576px) {
  .mobile-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-table-wrapper table {
    min-width: 900px;
  }
  /* Increase table row height */
  .mobile-table-wrapper table tbody tr {
    height: 100px;
    /* Adjust this value as needed */
  }
  /* Optional: Add padding to td for better spacing */
  .mobile-table-wrapper table tbody td {
    vertical-align: middle;
    /* Center content vertically */
  }
}
input.number-no-spinner::-webkit-inner-spin-button,
input.number-no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input.number-no-spinner {
  -moz-appearance: textfield;
}

html,
body {
  overflow-x: hidden;
  position: relative;
  max-width: 100%;
}

.custom-birthdate-input ~ .form-control.input[disabled] {
  width: 165px !important;
  height: 27.11px !important;
  background-color: rgba(239, 239, 239, 0.3) !important;
  border: 2px solid rgba(118, 118, 118, 0.3) !important;
}

[dir=rtl] .input-group.wallet-column > :first-child,
[dir=rtl] .input-group.strategy-column > :first-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--bs-border-radius, 0.375rem) !important;
  border-bottom-right-radius: var(--bs-border-radius, 0.375rem) !important;
}

[dir=rtl] .input-group.wallet-column > :last-child,
[dir=rtl] .input-group.strategy-column > :first-child {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

[dir=rtl] .input-group.deposit-column > :last-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: var(--bs-border-radius, 0.375rem) !important;
  border-bottom-left-radius: var(--bs-border-radius, 0.375rem) !important;
}

[dir=ltr] .input-group.deposit-column > :last-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--bs-border-radius, 0.375rem) !important;
  border-bottom-right-radius: var(--bs-border-radius, 0.375rem) !important;
  padding: 0.46rem 0.75rem !important;
}

.form-control.deposit-column {
  padding-top: 0.46rem !important;
  padding-bottom: 0.46rem !important;
}

[dir=rtl] .input-group.wallet-column {
  flex-direction: row-reverse;
  /* flip order */
}

@media (max-width: 991.98px) {
  [dir=rtl] .input-group.wallet-column > .btn {
    border-top-left-radius: var(--bs-border-radius, 0.375rem) !important;
    border-bottom-left-radius: var(--bs-border-radius, 0.375rem) !important;
  }
  /* Keep deposit input aligned and with proper radius */
  [dir=rtl] .input-group.deposit-column > .form-control {
    border-top-right-radius: var(--bs-border-radius, 0.375rem) !important;
    border-bottom-right-radius: var(--bs-border-radius, 0.375rem) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
}
[dir=rtl] .fc-deposit-acc.form-control {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-left: 0 !important;
}

[dir=rtl] .border-end {
  border-left: none !important;
  border-right: none !important;
  /* optional, if you want to clear both sides */
}

[dir=ltr] .border-end {
  border-left: none !important;
  border-right: none !important;
  /* optional, if you want to clear both sides */
}

[dir=rtl] .input-group .form-control.border-right-none {
  border-right: none !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

[dir=rtl] .dropdown.payment-method {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

[dir=rtl] .input-group.management-fee > :last-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0.7rem !important;
  border-bottom-left-radius: 0.7rem !important;
}

[dir=rtl] .input-group.performance-fee > :last-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0.7rem !important;
  border-bottom-left-radius: 0.7rem !important;
}

[dir=rtl] .form-control.management-fee {
  border-top-right-radius: 0.7rem !important;
  border-bottom-right-radius: 0.7rem !important;
  border-left: 0 !important;
  text-align: right !important;
}

[dir=rtl] .form-control.performance-fee {
  border-top-right-radius: 0.7rem !important;
  border-bottom-right-radius: 0.7rem !important;
  border-left: 0 !important;
  text-align: right !important;
}

[dir=ltr] .input-group.management-fee > :last-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0.7rem !important;
  border-bottom-right-radius: 0.7rem !important;
}

[dir=ltr] .input-group.performance-fee > :last-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0.7rem !important;
  border-bottom-right-radius: 0.7rem !important;
}

[dir=ltr] .form-control.management-fee {
  border-top-left-radius: 0.7rem !important;
  border-bottom-left-radius: 0.7rem !important;
  border-right: 0 !important;
  text-align: left !important;
}

[dir=ltr] .form-control.performance-fee {
  border-top-left-radius: 0.7rem !important;
  border-bottom-left-radius: 0.7rem !important;
  border-right: 0 !important;
  text-align: left !important;
}

[dir=ltr] .input-group-text.copy-link {
  border-top-right-radius: 0.7rem !important;
  border-bottom-right-radius: 0.7rem !important;
}

[dir=rtl] .input-group-text.copy-link {
  border-top-left-radius: 0.7rem !important;
  border-bottom-left-radius: 0.7rem !important;
}

[dir=ltr] .input-group.trader-link .form-control {
  border-top-left-radius: 0.7rem !important;
  border-bottom-left-radius: 0.7rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

[dir=rtl] .input-group.trader-link .form-control {
  border-top-right-radius: 0.7rem !important;
  border-bottom-right-radius: 0.7rem !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-right: 0 !important;
}

[dir=rtl] .form-control.allocate-balance {
  border-top-right-radius: 0.7rem !important;
  border-bottom-right-radius: 0.7rem !important;
  border-left: 0 !important;
}

[dir=ltr] .form-control.allocate-balance {
  border-top-left-radius: 0.7rem !important;
  border-bottom-left-radius: 0.7rem !important;
}

[dir=ltr] .input-group-text.currency-code {
  border-top-right-radius: 0.7rem !important;
  border-bottom-right-radius: 0.7rem !important;
  border-left: 0 !important;
}

[dir=rtl] .input-group-text.currency-code {
  border-top-left-radius: 0.7rem !important;
  border-bottom-left-radius: 0.7rem !important;
}

[dir=ltr] .form-control-performance-fee {
  border-top-left-radius: 0.7rem !important;
  border-bottom-left-radius: 0.7rem !important;
}

[dir=rtl] .form-control-performance-fee {
  border-top-right-radius: 0.7rem !important;
  border-bottom-right-radius: 0.7rem !important;
  border-left: 0 !important;
}

[dir=ltr] .input-group-text.performance-fee {
  border-top-right-radius: 0.7rem !important;
  border-bottom-right-radius: 0.7rem !important;
}

[dir=rtl] .input-group-text.performance-fee {
  border-top-left-radius: 0.7rem !important;
  border-bottom-left-radius: 0.7rem !important;
}

[dir=ltr] .input-group-text.management-fee {
  border-top-right-radius: 0.7rem !important;
  border-bottom-right-radius: 0.7rem !important;
}

[dir=rtl] .input-group-text.management-fee {
  border-top-left-radius: 0.7rem !important;
  border-bottom-left-radius: 0.7rem !important;
}

.rtl-balance-row {
  flex-direction: row;
}

[dir=rtl] .rtl-balance-row {
  text-align: right;
}

[dir=rtl] .rtl-align-fix {
  text-align: left !important;
}

.inverse-copy-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

[dir=ltr] .inverse-copy-wrapper {
  flex-direction: row;
  justify-content: flex-end;
}

[dir=rtl] .inverse-copy-wrapper {
  flex-direction: row;
  justify-content: flex-end;
}

.no-gap {
  padding: 0 !important;
  margin: 0 !important;
}

.no-gap .form-check-input {
  margin: 0 !important;
}

.account-details {
  margin-top: 1rem;
}

.account-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}

.account-details.ltr .account-row {
  flex-direction: row;
}

.account-details.ltr .label {
  text-align: left;
}

.account-details.ltr .value {
  text-align: right;
}

.account-details.rtl .account-row {
  flex-direction: row-reverse;
}

.account-details.rtl .label {
  text-align: left;
}

.account-details.rtl .value {
  text-align: right;
}

[dir=rtl] .btn.dropdown-toggle.d-flex.align-items-center {
  flex-direction: row-reverse;
  gap: 8px;
}

[dir=rtl] .btn.dropdown-toggle {
  text-align: left;
  padding-left: 50px;
  padding-right: 0;
}

/* Highlighted (active) track color */
.custom-slider .rc-slider-track {
  background-color: #199CAA !important;
}

/* Slider handles (the circles) */
.custom-slider .rc-slider-handle {
  border-color: #199CAA !important;
}

/* Handle when dragging */
.custom-slider .rc-slider-handle-dragging {
  border-color: #199CAA !important;
  box-shadow: 0 0 0 5px rgba(41, 154, 169, 0.2);
}

/* Optional: make the rail lighter for better contrast */
.custom-slider .rc-slider-rail {
  background-color: #d6d6d6;
}

/* Track dots (slider levels) */
.custom-slider .rc-slider-dot {
  border-color: #d6d6d6;
}

.custom-slider .rc-slider-dot-active {
  border-color: #199CAA;
}

/* Buttons */
.mobile-filter .btn {
  border-radius: 30px;
}

/* List/Grid Icons */
.grid-list-view .nav-link {
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #888;
  padding: 6px 10px;
}

.grid-list-view .nav-link.active {
  background-color: #299aa9;
  color: #fff;
  border-color: #299aa9;
}

.rtl-ol[dir=rtl],
html[dir=rtl] .rtl-ol {
  direction: rtl;
}

.rtl-ol[dir=rtl] ol,
html[dir=rtl] .rtl-ol ol {
  direction: rtl;
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  list-style-position: inside;
  /* keeps numbers close to text */
}

.rtl-ol[dir=rtl] li,
html[dir=rtl] .rtl-ol li {
  text-align: right;
}

.min-width-none {
  min-width: 0 !important;
}

.currency-dropdown-scroll {
  max-height: 145px;
  overflow-y: auto !important;
}

.wallet-dropdown-scroll {
  max-height: 170px;
  overflow-y: auto !important;
}

.financewallet-dropdown-scroll {
  max-height: 400px;
  overflow-y: auto !important;
}

[dir=rtl] .rtl-trading-account {
  margin-right: auto !important;
  margin-left: 0 !important;
}

.input-group.has-dropdown > .rtl-kyc-salutation {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.input-group.has-dropdown > .rtl-kyc-firstname {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

[dir=rtl] .rtl-subscribe-password {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-left: 0 !important;
}

[dir=rtl] .rtl-password-toggle {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-right: 0 !important;
  border-left: 1px solid !important;
}

/* .mobile-margin {
  margin: 40px !important;
} */
@media (max-width: 575px) {
  .mobile-margin {
    margin: 0 !important;
  }
}
/* Withdrawal - AML same-method-first restriction note */
.aml-note {
  border: 1px solid #d3dee2;
  background: #e5edf0;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 20px;
}

.aml-note .aml-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}

.aml-note p {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--light-gray);
  margin-bottom: 0;
}

.aml-note ul {
  list-style: none;
  margin: 10px 0 0;
  padding-left: 0;
}

.aml-note li {
  font-size: 13.5px;
  color: var(--light-gray);
  padding: 2px 0;
}

.aml-note li::before {
  content: "·";
  color: var(--primary-color);
  font-weight: 700;
  margin-right: 8px;
}

.aml-note li b {
  font-weight: 600;
}

.aml-note li .amt {
  font-variant-numeric: tabular-nums;
  unicode-bidi: plaintext;
  direction: ltr;
}

.signup-widget-bg {
  background-color: none !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 570px !important;
  border: none !important;
}

.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
  background-color: #199caa !important;
  color: #fff !important;
  border-color: #199caa !important;
}

/* .btn-close {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px;
	min-height: 16px;
	-webkit-appearance: none;
	appearance: none;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
	background-size: 12px 12px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	opacity: 1 !important;
	visibility: visible !important;
} */
.btn-close {
  all: unset; /* Remove all default browser and Bootstrap styles */
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s;
  background-image: none !important; /* Kill the problematic SVG background */
}

.btn-close:hover {
  opacity: 1;
}

/* 2. Create the "X" using a pseudo-element */
.btn-close::before {
  content: "✕"; /* Unicode for 'Multiplication X' */
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 1;
  -webkit-transform: translateZ(0); /* Safari stability hack */
}

/* 3. Accessibility: Ensure it still looks like a button to Screen Readers */
.btn-close:focus {
  outline: 2px solid #0d6efd;
  outline-offset: 2px;
}

.form-control.readonly-like {
  pointer-events: none !important;
}

[dir=rtl].currency-column {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.custom-file-wrapper {
  display: inline-block;
  width: 100%;
}

.custom-file-input {
  display: flex;
  border: 1px solid var(--input-border);
  border-radius: 100px !important;
  overflow: hidden;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.5rem;
  align-items: center;
  line-height: 1.25rem;
}

.custom-file-input .button {
  padding: 0.375rem 0.75rem;
  border: none;
  border-right: 1px solid var(--input-border);
  user-select: none;
  height: 2.5rem;
}

.custom-file-input .file-name {
  flex: 1;
  padding: 0.375rem 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[dir=rtl] .payment-method .btn {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

[dir=rtl] .payment-gateway .btn {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

[dir=rtl] .deposit-currency .btn {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

[dir=rtl] .deposit-currency-column {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

[dir=rtl] .withdrawal-currency .btn {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

[dir=rtl] .withdrawal-currency-column {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

[dir=rtl] .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  transform: scaleX(-1);
}

[dir=rtl] .breadcrumb-item {
  display: flex;
  align-items: center;
}

/* Back to top sits beside the Zendesk live chat launcher instead of underneath it.
   The launcher (injected by the ze-snippet script in MainLayout.js) is fixed bottom-right, about 64px square with a
   16px inset, and sits above .scrollToTop (z-index 10000) - so at the theme default of bottom 20px /
   inset-inline-end 20px the button was hidden behind it. It moves to the launcher's side rather than above it
   because Zendesk's greeting bubble opens directly above the launcher and would cover it there as well.
   bottom 28px centres the 40px button on the launcher (16px + 64px / 2 - 20px); inset-inline-end 92px is the
   launcher inset + width + a 12px gap. Only applied when NEXT_PUBLIC_DISPLAY_LIVECHAT is on. */
.scrollToTop.scrollToTop-livechat {
  bottom: 28px;
  inset-inline-end: 92px;
}

/* Table listings: show the horizontal scroll bar again.
   styles.css hides it on every .table-responsive (.table-responsive::-webkit-scrollbar { display: none }), and the
   theme's global rule shrinks every scroll bar to 4px with a thumb that is only coloured on hover - so on a small
   screen a wide table could still be scrolled but showed no bar at all. Every table listing in this app sits directly
   in a .table-responsive, so these rules cover all of them.
   Bootstrap already gives .table-responsive overflow-x: auto, so the bar still appears ONLY when the table is wider
   than its container - tables that fit are unchanged.
   scrollbar-width / scrollbar-color are the standard properties (Chrome/Edge 121+, Firefox); setting them makes Chrome
   and Edge ignore the ::-webkit-scrollbar rules for this element, including the display: none. The ::-webkit-scrollbar
   rules below are for Safari, which does not support scrollbar-color. --dark-rgb flips with the theme
   (51,51,51 light / 240,245,248 dark), so the thumb stays visible in both - the theme styles its own thumbs this way. */
.table-responsive {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--dark-rgb), 0.35) transparent;
}

.table-responsive::-webkit-scrollbar {
  display: block;
  height: 8px;
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(var(--dark-rgb), 0.35);
  border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-track {
  background-color: transparent;
}

/* Partner Portal > Contacts: card header (tabs + filter bar) and filter sidebar (ContactListFilter.js) */
.contact-filter-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  column-gap: 12px;
  width: 100%;
  padding-inline-end: 16px;
}

.contact-filter-tabs {
  display: flex;
  flex: 0 1 auto;
  align-items: flex-end;
  align-self: stretch;
  min-width: 0;
}

.contact-filter-quick {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding-block: 8px 16px;
}

.contact-filter-quick .contact-filter-search-by {
  width: auto;
  min-width: 140px;
  max-width: 220px;
}

.contact-filter-search {
  position: relative;
  width: 240px;
}

.contact-filter-search input {
  padding-inline-end: 35px;
}

/* The filter dropdowns share the inputs' white background */
.contact-filter-header .form-select,
.contact-filter-sidebar .form-select {
  background-color: var(--form-control-bg);
}

/* Date text keeps its left-to-right order in right-to-left languages */
.contact-filter-header .custom-datepicker-input input {
  padding-inline-end: 28px;
  unicode-bidi: plaintext;
}

.contact-filter-header .btn-flatpickr-custom-reset,
.contact-filter-sidebar .btn-flatpickr-custom-reset {
  right: auto;
  inset-inline-end: 10px;
}

.contact-filter-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  margin-inline-start: auto;
  padding-block: 8px 16px;
}

.contact-filter-actions .contact-filter-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid var(--input-border);
  border-radius: 10px;
  background-color: var(--form-control-bg);
  color: var(--text-muted);
  font-size: 20px;
  line-height: 1;
  transition: color 0.15s, border-color 0.15s;
}

.contact-filter-icon-btn:hover,
.contact-filter-icon-btn:focus-visible,
.contact-filter-icon-btn[aria-expanded=true] {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.contact-filter-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1040;
  background-color: rgba(var(--dark-rgb), 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0s linear 0.3s;
}

.contact-filter-backdrop.is-open {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.contact-filter-sidebar.offcanvas {
  --bs-offcanvas-width: 475px;
  background-color: var(--custom-white);
  color: var(--default-text-color);
  border-color: var(--default-border) !important;
}

/* Pins the sidebar to the inline end even when both Bootstrap builds (LTR + RTL) are loaded */
.contact-filter-sidebar.offcanvas-end {
  left: auto;
  right: auto;
  inset-inline-end: 0;
  border-left: 0;
  border-right: 0;
  border-inline-start: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
}

.contact-filter-sidebar.offcanvas-end:not(.show),
.contact-filter-sidebar.offcanvas-end.hiding {
  transform: translateX(100%);
}

[dir=rtl] .contact-filter-sidebar.offcanvas-end:not(.show),
[dir=rtl] .contact-filter-sidebar.offcanvas-end.hiding {
  transform: translateX(-100%);
}

.contact-filter-sidebar:focus {
  outline: none;
}

/* The sidebar's date calendar opens above the sidebar */
.flatpickr-calendar.open.contact-filter-calendar {
  z-index: 1050 !important;
}

/* The back-to-top button would cover the sidebar's buttons */
body.contact-filter-open .scrollToTop {
  display: none !important;
}

.contact-filter-sidebar .contact-filter-close {
  position: absolute;
  top: 18px;
  inset-inline-end: 20px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: none;
  color: var(--text-muted);
  font-size: 22px;
  line-height: 1;
}

.contact-filter-close:hover,
.contact-filter-close:focus-visible {
  color: var(--default-text-color);
}

.contact-filter-icon-btn:focus-visible,
.contact-filter-close:focus-visible,
.contact-filter-footer .contact-filter-footer-btn:focus-visible,
.contact-filter-sidebar .form-select:focus-visible,
.contact-filter-sidebar .form-control:focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.35);
}

.contact-filter-form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.contact-filter-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  margin-top: 63px;
  padding: 0 32px 8px 31px;
}

.contact-filter-group + .contact-filter-group {
  margin-top: 20px;
}

.contact-filter-label {
  display: block;
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: var(--default-text-color);
}

.contact-filter-search-row {
  display: flex;
  gap: 12px;
}

.contact-filter-search-row .contact-filter-search-by {
  flex: 0 0 auto;
  width: auto;
  min-width: 140px;
  max-width: 50%;
}

.contact-filter-search-row .contact-filter-search {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

.contact-filter-sidebar .contact-filter-date {
  width: 100%;
}

.contact-filter-sidebar .contact-filter-date input {
  width: 100%;
  padding-inline-end: 36px;
  background-color: var(--form-control-bg);
  cursor: pointer;
  unicode-bidi: plaintext;
}

.contact-filter-footer {
  display: grid;
  gap: 12px;
  padding: 12px 32px 40px 31px;
}

.contact-filter-footer .contact-filter-footer-btn {
  height: 42px;
  border-radius: 10px;
  font-size: 18px;
}

.contact-filter-footer .contact-filter-apply {
  font-weight: 700;
}

.contact-filter-footer .contact-filter-clear {
  border: 2px solid var(--input-border);
  background-color: transparent;
  color: var(--default-text-color);
  font-weight: 500;
}

.contact-filter-footer .contact-filter-clear:hover,
.contact-filter-footer .contact-filter-clear:focus-visible {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

/* Filters move above the tabs once tabs, filters and buttons no longer fit on one row (is-stacked is set by ContactListFilter.js) */
.contact-filter-header.is-stacked .contact-filter-quick {
  flex-basis: 100%;
  order: -1;
  padding-block: 8px;
  padding-inline-start: 16px;
}

.contact-filter-header.is-stacked .contact-filter-actions {
  padding-block: 0 16px;
}

/* The tabs shrink and scroll so the buttons stay on their row */
.contact-filter-header.is-stacked .contact-filter-tabs {
  flex: 1 1 0;
}

/* Narrow screens always stack, including before the script has measured the header */
@media (max-width: 959.98px) {
  .contact-filter-quick {
    flex-basis: 100%;
    order: -1;
    padding-block: 8px;
    padding-inline-start: 16px;
  }
  .contact-filter-actions {
    padding-block: 0 16px;
  }
  .contact-filter-tabs {
    flex: 1 1 0;
  }
}
/* Each filter takes a full row once the three no longer fit side by side */
@media (max-width: 699.98px) {
  .contact-filter-quick > .contact-filter-search-by,
  .contact-filter-quick > .contact-filter-search {
    width: 100%;
    max-width: none;
  }
  .contact-filter-header .custom-datepicker-input,
  .contact-filter-header .custom-datepicker-input input {
    width: 100% !important;
    max-width: none !important;
  }
}
@media (max-width: 575.98px) {
  .contact-filter-body {
    padding: 0 16px 8px;
  }
  .contact-filter-footer {
    padding: 12px 16px 24px;
  }
}
/* Below the desktop layout the sidebar opens under the page header, which stays usable */
@media (max-width: 991.98px) {
  .contact-filter-sidebar.offcanvas,
  .contact-filter-backdrop {
    top: var(--contact-filter-top, 0px);
  }
  /* The header, its side menu and the menu's overlay stay above the open sidebar, in the template's order */
  body.contact-filter-open .app-header {
    z-index: 1046;
  }
  body.contact-filter-open #responsive-overlay {
    z-index: 1047;
  }
  body.contact-filter-open .app-sidebar {
    z-index: 1048;
  }
}
/* Modals stay above the open sidebar and everything raised with it, in the template's order */
body.contact-filter-open .modal-backdrop {
  z-index: 1051;
}

body.contact-filter-open .modal {
  z-index: 1052;
}

body.contact-filter-open #modalAnnouncement {
  z-index: 1053 !important;
}

@media (prefers-reduced-motion: reduce) {
  .contact-filter-backdrop,
  .contact-filter-actions .contact-filter-icon-btn {
    transition: none;
  }
}