/* Copy Animation */

.copyInput {
	display: inline-block;
	line-height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
  }
  
  .copied::after {
	position: absolute;
	top: 8px;
	right: 12%;
	width: 100px;
	display: block;
	content: "COPIED";
	font-size: 1em;
	padding: 5px 5px;
	color: #fff;
	background-color: #FF7000;
	border-radius: 3px;
	opacity: 0;
	will-change: opacity, transform;
	animation: showcopied 1.5s ease;
  }
  
  @keyframes showcopied {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	50% {
		opacity: 0.7;
		transform: translateX(40%);
	}
	70% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
	}
  }




  .cookies-card {
	width: 520px;
	padding: 30px;
	color: #1E2337;
	position:  fixed;
	bottom: 15px;  
	left: 15px;
	z-index: 99;
	transition: all .5s;
	background: #d1d1d1;
    border-radius: 5px;
  }
  
  .cookies-card.hide{
	bottom: -500px !important;
  }
  .radius--10px {
	border-radius: 10px;
  }
  
  .cookies-card__icon {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: #6e6f70;
    color: #fff;
	font-size: 32px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
  }
  
  .cookies-card__content {
	margin-bottom: 0;
  }
  
  .cookies-btn {
	color: #363636;
	text-decoration: none;
	padding: 10px 35px;
	margin: 3px 5px;
	display: inline-block;
	border-radius:  999px;
  }
  
  .cookies-btn:hover {
	color: #363636;
  }

  
  @media (max-width: 767px) {
	  .cookies-card {
		  width:  100%;
		  left: 0;
		  bottom:  0;
		  font-size:  14px;
		  padding:  15px;
	  }
  }




.hover-input-popup {
        position: relative;
    }
    .input-popup {
        display: none;
    }
    .hover-input-popup .input-popup {
        display: block;
        position: absolute;
        bottom: 70%;
        left: 50%;
        width: 280px;
        background-color: #1a1a1a;
        color: #fff;
        padding: 20px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .input-popup::after {
        position: absolute;
        content: '';
        bottom: -19px;
        left: 50%;
        margin-left: -5px;
        border-width: 10px 10px 10px 10px;
        border-style: solid;
        border-color: transparent transparent #1a1a1a transparent;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .input-popup p {
        padding-left: 20px;
        position: relative;
    }
    .input-popup p::before {
        position: absolute;
        content: '';
        font-family: 'Line Awesome Free';
        font-weight: 900;
        left: 0;
        top: 4px;
        line-height: 1;
        font-size: 18px;
    }
    .input-popup p.error {
        text-decoration: line-through;
    }
    .input-popup p.error::before {
        content: "\f057";
        color: #ea5455;
    }
    .input-popup p.success::before {
        content: "\f058";
        color: #28c76f;
    }



 .show-filter{
  display: none;
}
@media(max-width:767px){
  .responsive-filter-card{
      display: none;
      transition: none;
  }
  .show-filter{
      display: block;
  }
}

/* ////////////////// select 2 css //////////////// */
.select2-dropdown {
  border: 0 !important;
  margin-top: 8px !important;
  border-radius: 5px !important;
  box-shadow: 0 3px 9px rgba(50, 50, 9, 0.05), 6px 4px 19px rgb(115 103 240 / 20%);
  z-index: 1060;
}

.select2-search--dropdown {
  padding: 10px 10px !important;
  border-color: #ced4da !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #ced4da !important;
  padding: 10px 20px;
}

.select2-results__option.select2-results__option--selected,
.select2-results__option--selectable,
.select2-container--default .select2-results__option--disabled {
  padding: 12px 14px !important;
  border-bottom: 1px solid #eee;
}

.select2-results__option.select2-results__message {
  text-align: center !important;
  padding: 12px 14px !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
  width: 8px;
  border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
  background: #ddd;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  position: absolute;
  right: 10px;
  top: 0;
  content: "\f107";
  font-family: "Line Awesome Free";
  font-weight: 900;
  transition: .3s;
}

.select2-container--default .select2-selection--single {
  border-color: hsl(var(--border)) !important;
  border-width: 1px !important;
  border-radius: .375rem !important;
  padding: .375rem .75rem !important;
  height: 45px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 11px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
  transform: rotate(-180deg);
}

.select2-results__option:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select2-results__option:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select2-results__option.select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f1f1f1 !important;
  color: #000 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: rgb(var(--main)) !important;
  box-shadow: 0 0 25px rgba(115, 103, 240 0.071) !important;
  outline: 0 !important;
}

.select2-dropdown .country-flag {
  width: 25px;
  height: 25px;
  border-radius: 8px;
}

.select2-dropdown .gateway-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px !important;
}

.select2-dropdown .gateway-subtitle {
  font-size: 12px;
  margin-bottom: 0px !important;
}
.select2-container--open .select2-selection.select2-selection--single, .select2-container--open .select2-selection.select2-selection--multiple {
  border-color: hsl(var(--base)) !important;
  border-radius: .375rem !important;
}
.select2-container:has(.select2-selection--single) {
  width: 100% !important;
}
.selection {
  width: 100%;
}
.gateway-card {
  padding: 15px;
}

.payment-card-title {
  padding: 13px 25px;
  text-align: center;
  background-color: rgb(var(--main));
  border-radius: 5px;
  border: 0;
  margin-bottom: 0px;
  color: #fff;
}

.payment-system-list {
  --thumb-width: 100px;
  --thumb-height: 40px;
  --radio-size: 12px;
  --border-color: #cccccf59;
  --hover-border-color: rgb(var(--main));
  background-color: #fff;
  border-radius: 5px;
  height: 100%;

}


.payment-system-list.is-scrollable {
  max-height: min(388px, 70vh);
  overflow-x: auto;
  padding-block: 4px;
}

.payment-system-list.is-scrollable::-webkit-scrollbar {
  width: 5px;
}

.payment-system-list.is-scrollable::-webkit-scrollbar {
  width: 5px;

}

.payment-system-list.is-scrollable::-webkit-scrollbar-thumb {
  background-color: rgb(var(--main));
  border-radius: 10px;
}

.payment-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 18px;
  border: 1px solid #fff;
  border-top-color: var(--border-color);
  transition: all 0.3s;
  border-left: 3px solid transparent;
}

.payment-item:first-child {
  border-top-color: #fff;
  border-radius: 5px 5px 0 0;
}

.payment-item:has(.payment-item__radio:checked) {
  border-left: 3px solid hsl(var(--base));
  border-radius: 0px;
}

.payment-item__check {
  border: 3px solid transparent;
}
.payment-item__btn-text {
  color: #fff;
}

.payment-item__btn__icon {
  color: #fff;
}
.payment-item:has(.payment-item__radio:checked) .payment-item__check {
  border: 3px solid hsl(var(--base));
}

.payment-item__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: calc(100% - var(--thumb-width))
}

.payment-item__check {
  width: var(--radio-size);
  height: var(--radio-size);
  border: 1px solid hsl(var(--base));
  display: inline-block;
  border-radius: 100%;

}

.payment-item__name {
  padding-left: 10px;
  width: calc(100% - var(--radio-size));
  transition: all 0.3s;
}

.payment-item__thumb {
  width: var(--thumb-width);
  height: var(--thumb-height);
  text-align: right;
  padding-left: 10px;

  &:has(.text) {
      width: fit-content;
  }
}

.payment-item__thumb img {
  max-width: var(--thumb-width);
  max-height: var(--thumb-height);
  object-fit: cover;
}


.deposit-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 8px;
}

.deposit-info__title {
  max-width: 50%;
  margin-bottom: 0px;
  text-align: left;
}

.deposit-info__input {
  max-width: 50%;
  text-align: right;
  width: 100%;
}

.deposit-info__input-select {
  border: 1px solid var(--border-color);
  width: 100%;
  border-radius: 5px;
  padding-block: 6px;
}

.deposit-info__input-group {
  border: 1px solid var(--border-color);
  border-radius: 5px;

  .deposit-info__input-group-text {
      align-self: center;
      padding-left: 5px;
  }

}

.deposit-info__input-group .form--control {
  padding: 5px;
  border: 0;
  height: 35px;
  text-align: right;
}

.deposit-info__input-group .form--control:focus {
  box-shadow: unset;
}

.info-text .text,
.deposit-info__input .text {
  font-size: 14px;

}

.deposit-info__title .text.has-icon {
  display: flex;
  align-items: center;
  gap: 5px
}

.total-amount {
  border-top: 1px solid var(--border-color);
}

.total-amount .deposit-info__title {
  font-weight: 600;
}

.payment-item__btn {
  border: 0;
  border-block: 1px solid var(--border-color);
  border-bottom: 0;
  background: hsl(var(--base));
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 15px;
  font-weight: 500;
}

.payment-item:hover+.payment-item__btn {
  border-top-color: #fff;
}

button .spinner-border {
  --bs-spinner-width: 1.5rem;
  --bs-spinner-height: 1.5rem;
}




.form-group{
  margin-bottom: 15px
}

.treeview li.contains-items {
  background-image: url(icons/arrow-left.png) !important;
}

.treeview li.items-expanded {
  background-image: url(icons/arrow-down.png) !important;
}
#counter{
  font-family: 'lora';
}

.accordion-button {
  flex-wrap: wrap;
}
@media (max-width: 575px) {
  .accordion-button {
    padding: 15px 8px;
  }
}

@media (max-width: 575px) {
  .transaction-item {
      flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .transaction-item .icon-wrapper .trans-title {
      font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .transaction-item .icon-wrapper p, .transaction-item .icon-wrapper span {
      font-size: 0.75rem !important;
  }
}
@media (max-width: 575px) {
  .transaction-item .content-wrapper {
      padding-left: 2.5rem;
      margin-top: 8px !important;
  }
}
@media (max-width: 767px) {
  .transaction-item .content-wrapper p {
      font-size: 0.75rem !important;
  }
}
@media (max-width: 767px) {
  .transaction-item .amount-wrapper p {
      font-size: 0.8125rem !important;
  }
}
@media (max-width: 767px) {
  .transaction-item .amount-wrapper span {
      font-size: 0.75rem !important;
  }
}
.table--acordion {
  background-color: #fff;
}
.table--acordion .accordion-body {
  background-color: #faebd72e;
}
.table--acordion .accordion-button {
  text-align: left;
  align-items: center;
}
.table--acordion .accordion-button::after {
  display: none;
}
.table--acordion .accordion-button:focus {
  box-shadow: none;
}
.table--acordion .left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
.table--acordion .left .icon {
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(69, 130, 255, 0.15);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #4582ff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 1.625rem;
}
@media (max-width: 575px) {
  .table--acordion .left .icon {
      width: 1.875rem;
      height: 1.875rem;
      font-size: 16px;
  }
}
.table--acordion .left .content {
  width: calc(100% - 2.5rem);
  padding-left: 0.9375rem;
}
@media (max-width: 575px) {
  .table--acordion .left .content {
      padding-left: 0.625rem;
  }
}
.table--acordion .accordion-item.rcv-item .icon {
  background-color: rgba(40, 199, 111, 0.15);
  color: #28c76f;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.table--acordion .accordion-item.sent-item .icon {
  background-color: rgba(234, 84, 85, 0.15);
  color: #ea5455;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.caption-list li {
  display: flex;
  flex-wrap: wrap;
  padding: 0.625rem 0;
  font-size: 0.9375rem;
  border-bottom: 1px dashed #cacaca;
}
.caption-list li:first-child {
  padding-top: 0;
}
.caption-list li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.caption-list li .caption {
  width: 30%;
  font-family: "Maven Pro", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  position: relative;
}
@media (max-width: 480px) {
  .caption-list li .caption {
      width: 35%;
  }
}
.caption-list li .caption::after {
  position: absolute;
  content: ':';
  top: 0;
  right: 0;
}
.caption-list li .value {
  width: 70%;
  padding-left: 0.9375rem;
}
@media (max-width: 480px) {
  .caption-list li .value {
      width: 65%;
  }
}
.caption-list-two {
  padding: 0.625rem 0.9375rem;
  background-color: rgba(69, 130, 255, 0.1);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.caption-list-two li {
  font-family: "Maven Pro", sans-serif;
  font-weight: 500;
  color: #373e4a;
  font-size: 0.875rem;
  padding: 0.5rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px dashed #b1b1b1;
}
.caption-list-two li:first-child {
  padding-top: 0;
}
.caption-list-two li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.caption-list-two li .caption {
  width: 20%;
  position: relative;
}
.caption-list-two li .caption::after {
  position: absolute;
  content: ':';
  top: 0;
  right: 0;
}
.caption-list-two li .value {
  width: 80%;
  text-align: right;
}


.table--acordion .left .icon-success {
  background-color: #28c87026;
  color: #28c870;
}
.table--acordion .left .icon-warning {
  background-color: #ff9e4226;
  color: #ff9e42;
}
.table--acordion .left .icon-danger {
  background-color: #ea535326;
  color: #ea5353;
}
.table--acordion .left .icon-dark {
  background-color: #081f3026;
  color: #081f30;
}


.tr-icon.icon-success{
    transform: rotate(45deg);
}

.tr-icon.icon-danger{
    transform: rotate(-45deg);
}

.close{
  background-color: transparent;
  border: none;
}

label.required:after{
  content: '*';
  color: #DC3545!important;
  margin-left: 2px;
}

.auth-page-logo img{
  max-width: 180px !important;
}

.input-group-text{
  border: 1px solid hsl(var(--border));
}

.dashboard-nav select.langSel {
  border: 1px solid #ddd !important;
  color: hsl(var(--body));
}

.rang-user img{ 
   width: 60px;
}

.dashboard-nav select.langSel{
  margin-left: 0px;
}


/* investor card design */

.investor-card{
  background-color: hsl(var(--white));
  padding: 30px;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #ddd ;
}

.investor-card__thumb{
  position: absolute;
  right:20px;
  top: 20px;
}

.amount  span{
  font-weight: 500;
  color: #2a3962;
}

/* --- Crypto Investment Login Page: White & Green Stylish Theme --- */
.account-section {
  min-height: 100vh;
  background: #fff;
  background-image: linear-gradient(135deg, #e8f5e9 0%, #fff 100%);
  position: relative;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.account-section::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  background: url('https://www.transparenttextures.com/patterns/waves.png');
  opacity: 0.08;
  mix-blend-mode: multiply;
  animation: rippleMove-login 10s linear infinite;
  z-index: 1;
}
@keyframes rippleMove-login {
  0% {background-position: 0 0;}
  100% {background-position: 200px 100px;}
}
.account-section .container {
  position: relative;
  z-index: 2;
}
.account-section .account-form, .account-section .card, .account-section .col-xl-6, .account-section .col-lg-7, .account-section .col-md-8 {
  background: rgba(255,255,255,0.95);
  box-shadow: 0 8px 32px 0 rgba(39, 174, 96, 0.10);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-radius: 20px;
  border: 1px solid #e0f2f1;
  padding: 32px 24px;
  margin-top: 24px;
  margin-bottom: 24px;
  animation: floatCard-login 6s ease-in-out infinite;
}
@keyframes floatCard-login {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px) scale(1.01); }
}
.account-section .btn--base, .account-section button[type="submit"] {
  background: linear-gradient(90deg, #27ae60, #43e97b);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 12px 32px;
  font-weight: 600;
  box-shadow: 0 4px 24px rgba(39, 174, 96, 0.15);
  transition: background 0.3s, transform 0.2s;
  position: relative;
  z-index: 2;
}
.account-section .btn--base:hover, .account-section button[type="submit"]:hover {
  background: linear-gradient(90deg, #43e97b, #27ae60);
  transform: translateY(-2px) scale(1.04);
}
.account-section .form-control, .account-section input[type="text"], .account-section input[type="password"] {
  background: #f4fef6;
  border: 1px solid #b2dfdb;
  color: #222;
  border-radius: 12px;
  box-shadow: none;
  transition: border 0.2s;
}
.account-section .form-control:focus, .account-section input[type="text"]:focus, .account-section input[type="password"]:focus {
  border: 1.5px solid #27ae60;
  background: #e8f5e9;
  color: #222;
}
.account-section label {
  color: #27ae60;
  font-weight: 500;
}
.account-section h4 {
  color: #27ae60 !important;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.account-section p, .account-section a, .account-section .text--base {
  color: #222 !important;
}
.account-section a.text--base, .account-section a.fw-bold {
  color: #27ae60 !important;
}
.account-section .auth-page-logo img {
  filter: drop-shadow(0 2px 8px rgba(39, 174, 96, 0.10));
}
@media (max-width: 600px) {
  .account-section .account-form, .account-section .card, .account-section .col-xl-6, .account-section .col-lg-7, .account-section .col-md-8 {
    border-radius: 12px;
    padding: 16px 8px;
  }
}
/* --- Floating Cryptocurrency Icons for Login Page Background --- */
.account-section .crypto-bg {
  position: fixed;
  top: 0; left: 0; width: 100vw; height: 100vh;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.account-section .crypto-bg img {
  position: absolute;
  width: 60px;
  opacity: 0.13;
  filter: drop-shadow(0 2px 8px #27ae6040);
  animation: float-crypto 18s linear infinite;
}
.account-section .crypto-bg img.btc { left: 10vw; top: 20vh; animation-delay: 0s; }
.account-section .crypto-bg img.eth { left: 70vw; top: 10vh; animation-delay: 4s; }
.account-section .crypto-bg img.usdt { left: 50vw; top: 70vh; animation-delay: 8s; }
.account-section .crypto-bg img.bnb { left: 80vw; top: 60vh; animation-delay: 12s; }
.account-section .crypto-bg img.sol { left: 25vw; top: 80vh; animation-delay: 6s; }
@keyframes float-crypto {
  0% { transform: translateY(0) scale(1) rotate(0deg); opacity: 0.13; }
  40% { opacity: 0.22; }
  50% { transform: translateY(-40px) scale(1.08) rotate(8deg); opacity: 0.18; }
  100% { transform: translateY(-80px) scale(1.12) rotate(16deg); opacity: 0.13; }
}
/* --- End Floating Crypto Icons --- */
/* --- End Crypto Investment Login Page Theme --- */

/* --- Crypto Animated Gradient Background (Login Page Style, Dashboard Only) --- */
.dashboard-inner {
  position: relative !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: visible !important;
}

/* --- Softer White Card Shadows --- */
.dashboard-widget.glass-widget,
.card.glass-widget {
  background: #fff !important;
  border-radius: 1.5rem !important;
  box-shadow: none !important;
  border: 1.5px solid #e0ffe7;
  color: #222;
}
.dashboard-widget.glass-widget:hover,
.card.glass-widget:hover {
  box-shadow: none !important;
  border-color: #00ffb3;
  transform: translateY(-2px) scale(1.025);
}

/* --- Floating Crypto Icons --- */
.crypto-icon {
  position: absolute;
  width: 60px; height: 60px;
  opacity: 0.10;
  filter: drop-shadow(0 4px 24px #ffffffcc);
  pointer-events: none;
  z-index: 2;
  animation: floatCrypto 12s ease-in-out infinite;
  mix-blend-mode: lighten;
  transition: opacity 0.2s;
}
.crypto-icon.btc { left: 8vw; top: 12vh; animation-delay: 0s; }
.crypto-icon.eth { left: 70vw; top: 18vh; animation-delay: 2s; }
.crypto-icon.bnb { left: 15vw; top: 70vh; animation-delay: 4s; }
.crypto-icon.usdt { left: 55vw; top: 80vh; animation-delay: 6s; }
.crypto-icon.sol { left: 40vw; top: 40vh; animation-delay: 8s; }
@keyframes floatCrypto {
  0%, 100% { transform: translateY(0) scale(1); }
  20% { transform: translateY(-10px) scale(1.05); }
  50% { transform: translateY(-30px) scale(1.10); }
  80% { transform: translateY(-10px) scale(1.05); }
}

/* Prevent icons from coloring cards */
.glass-widget, .dashboard-widget, .card.glass-widget, .alert {
  position: relative;
  z-index: 3;
  background-clip: padding-box;
}

/* --- Glassmorphism for Dashboard Widgets & Cards (Override: White Background for Balances) --- */
.dashboard-widget.glass-widget,
.card.glass-widget {
  background: #fff !important;
  border-radius: 1.5rem !important;
  box-shadow: none !important;
  border: 1.5px solid #e0ffe7;
  color: #222;
}
.dashboard-widget.glass-widget:hover,
.card.glass-widget:hover {
  box-shadow: none !important;
  border-color: #00ffb3;
  transform: translateY(-2px) scale(1.025);
}
.dashboard-widget .caption {
  color: #00b87b;
}
.dashboard-widget .fs-4 {
  color: #222;
}
.dashboard-widget .text-muted {
  color: #293860 !important;
}

/* --- Chart Card --- */
.card.glass-widget {
  background: rgba(255,255,255,0.60);
  border-radius: 1.5rem;
  border: 1.5px solid rgba(0,255,179,0.18);
  box-shadow: none !important;
}
.card.glass-widget .title {
  color: #00b87b;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* --- Alerts --- */
.alert {
  border-radius: 1rem;
  background: rgba(255,255,255,0.65);
  color: #222;
  border-width: 1.5px;
  box-shadow: 0 2px 12px 0 rgba(0,255,179,0.08);
}
.alert .alert__icon i {
  font-size: 1.5rem;
  color: #00b87b;
}
.alert.border--danger { border-color: #ff4e6b !important; }
.alert.border--info { border-color: #00b87b !important; }
.alert.border--success { border-color: #00b87b !important; }
.alert.border--primary { border-color: #00cfff !important; }
.alert.border--warning { border-color: #ffe066 !important; }

/* --- Misc --- */
body {
  background: #e0ffe7 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* --- Responsive Tweaks --- */
@media (max-width: 991px) {
  .crypto-icon { width: 40px; height: 40px; }
  .glass-widget { border-radius: 1rem !important; }
}
@media (max-width: 575px) {
  .crypto-icon { width: 28px; height: 28px; }
  .glass-widget { border-radius: 0.7rem !important; }
}

/* --- Red Color for Debit (Total Withdrawn) Card --- */
.dashboard-widget.glass-widget.withdrawn-card,
.row.g-3 .col-lg-3:last-child .dashboard-widget.glass-widget {
  border-color: #ff4e6b !important;
}
.dashboard-widget.glass-widget.withdrawn-card .caption,
.row.g-3 .col-lg-3:last-child .dashboard-widget.glass-widget .caption {
  color: #222 !important;
}
.dashboard-widget.glass-widget.withdrawn-card .fs-4,
.row.g-3 .col-lg-3:last-child .dashboard-widget.glass-widget .fs-4 {
  color: #222 !important;
}
.dashboard-widget.glass-widget.withdrawn-card .fab.fa-btc,
.row.g-3 .col-lg-3:last-child .dashboard-widget.glass-widget .fab.fa-btc {
  color: orange !important;
}

/* --- Improve Money Icon Visibility for Total Withdrawn Card --- */
.dashboard-widget.glass-widget.withdrawn-card .las.la-money-bill-wave,
.row.g-3 .col-lg-3:last-child .dashboard-widget.glass-widget .las.la-money-bill-wave {
  color: #ff4e6b !important;
  font-size: 2.1rem !important;
  filter: drop-shadow(0 0 6px #fff8) drop-shadow(0 2px 4px #ff4e6b33);
  opacity: 0.95;
}

/* --- Dashboard Balance Card Borders (Crypto Theme) --- */
.dashboard-widget {
  border-radius: 1.5rem !important;
  background: rgba(255,255,255,0.85) !important;
  border: 2px solid transparent !important;
}

/* 1st: Available Accrued Balance (Green) */
.dashboard-widget:nth-of-type(1) {
  border-color: #00c853 !important;
}
/* 2nd: Total Asset Value (Dark Blue) */
.dashboard-widget:nth-of-type(2) {
  border-color: #293860 !important;
}
/* 3rd: Total Capital (Orange) */
.dashboard-widget:nth-of-type(3) {
  border-color: orange !important;
}
/* 4th: Total Withdrawn (Red) */
.dashboard-widget.withdrawn-card,
.dashboard-widget:nth-of-type(4) {
  border-color: #ff1744 !important;
}

/* Fix for Bootstrap grid: only target direct .dashboard-widget children of .row */
.row > .col-lg-3:nth-child(1) .dashboard-widget { border-color: #00c853 !important; }
.row > .col-lg-3:nth-child(2) .dashboard-widget { border-color: #293860 !important; }
.row > .col-lg-3:nth-child(3) .dashboard-widget { border-color: orange !important; }
.row > .col-lg-3:nth-child(4) .dashboard-widget { border-color: #ff1744 !important; }

/* Card border color overrides for dashboard balance cards */
.dashboard-widget:nth-child(1) {
  border: 2px solid #00c853 !important; /* Green for Available Accrued Balance */
}
.dashboard-widget:nth-child(2) {
  border: 2px solid #293860 !important; /* #293860 for Total Asset Value */
}
.dashboard-widget:nth-child(3) {
  border: 2px solid orange !important; /* Orange for Total Capital */
}
.withdrawn-card {
  border: 2px solid #ff1744 !important; /* Red for Total Withdrawn */
}

/* Ensure border radius and background remain consistent */
.dashboard-widget {
  border-radius: 1.5rem !important;
  background: rgba(255,255,255,0.85) !important;
}

/* Force all dashboard card titles to #222, including edge cases */
.dashboard-widget .caption {
  color: #222 !important;
}

/* Color the balance card titles to #222 for all four cards, including Total Withdrawn */
.row > .col-lg-3:nth-child(1) .dashboard-widget .caption,
.row > .col-lg-3:nth-child(2) .dashboard-widget .caption,
.row > .col-lg-3:nth-child(3) .dashboard-widget .caption,
.row > .col-lg-3:nth-child(4) .dashboard-widget .caption {
  color: #222 !important;
}

/* --- Portfolio Table Glassmorphism & Rounded Corners --- */
.portfolio-table {
  background: rgba(255,255,255,0.85);
  border-radius: 1.5rem;
  box-shadow: 0 4px 24px 0 rgba(39, 174, 96, 0.07);
  border: 1.5px solid #e0ffe7;
  overflow: hidden;
}
.portfolio-table th, .portfolio-table td {
  background: transparent;
  border: none;
  color: #222;
}
.portfolio-table thead th {
  background: rgba(0,255,179,0.08);
  color: #00b87b;
  font-weight: 700;
  border-bottom: 1.5px solid #e0ffe7;
}
.portfolio-table tbody tr {
  transition: background 0.2s;
}
.portfolio-table tbody tr:hover {
  background: rgba(0,255,179,0.07);
}
.portfolio-table td {
  font-size: 1rem;
  font-family: 'Maven Pro', sans-serif;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .portfolio-table {
    border-radius: 1rem;
  }
}

/* --- Portfolio Table Action Buttons: Rounded & Gradient Hover --- */
.portfolio-table .btn {
  border-radius: 2rem !important;
  font-weight: 600;
  padding: 0.45rem 1.3rem;
  font-size: 1rem;
  transition: background 0.25s, color 0.18s, box-shadow 0.18s;
  box-shadow: 0 2px 12px 0 rgba(0,255,179,0.08);
}
.portfolio-table .btn--success {
  background: linear-gradient(90deg, #27ae60, #43e97b);
  color: #fff !important;
  border: none;
}
.portfolio-table .btn--success:hover, .portfolio-table .btn--success:focus {
  background: linear-gradient(90deg, #43e97b, #27ae60);
  color: #fff !important;
  box-shadow: 0 4px 18px 0 #43e97b33;
}
.portfolio-table .btn--primary {
  background: linear-gradient(90deg, #293860, #00b87b);
  color: #fff !important;
  border: none;
}
.portfolio-table .btn--primary:hover, .portfolio-table .btn--primary:focus {
  background: linear-gradient(90deg, #00b87b, #293860);
  color: #fff !important;
  box-shadow: 0 4px 18px 0 #00b87b33;
}

/* --- Portfolio Page Crypto Icon Masking Overlay --- */
.crypto-bg.dashboard-crypto-bg.portfolio-crypto-bg::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,0.82) 60%, rgba(255, 255, 255, 0.13) 100%);
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
  border-radius: inherit;
}

/* Ensure crypto icons remain visible but muted under the overlay */
.crypto-bg.dashboard-crypto-bg.portfolio-crypto-bg .crypto-icon {
  z-index: 1;
  opacity: 0.10;
  filter: drop-shadow(0 4px 24px #ffffffcc);
}

/* Prevent overlay on other pages */
.crypto-bg.dashboard-crypto-bg:not(.portfolio-crypto-bg)::before {
  display: none !important;
}

/* --- Portfolio Page: Reduce Crypto Icon Intensity --- */
.dashboard-inner .crypto-bg .crypto-icon {
  opacity: 0.06 !important;
  filter: blur(1.5px) grayscale(0.7) brightness(1.1) !important;
  transition: opacity 0.2s, filter 0.2s;
}
/* Optional: further soften on small screens */
@media (max-width: 767px) {
  .dashboard-inner .crypto-bg .crypto-icon {
    opacity: 0.03 !important;
    filter: blur(2.5px) grayscale(0.8) brightness(1.08) !important;
  }
}

/* --- Crypto Icon Background: Reduce Intensity for All User Pages --- */
.crypto-bg .crypto-icon {
  opacity: 0.06 !important;
  filter: blur(1.5px) grayscale(0.7) brightness(1.1) !important;
  transition: opacity 0.2s, filter 0.2s;
}
@media (max-width: 767px) {
  .crypto-bg .crypto-icon {
    opacity: 0.03 !important;
    filter: blur(2.5px) grayscale(0.8) brightness(1.08) !important;
  }
}

/* Fix: Remove forced 100% height/inset on .crypto-bg that causes scrollbars */
.crypto-bg.dashboard-crypto-bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  max-height: none !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none;
  z-index: 0;
}

/* Remove scrollbars from html/body if caused by backgrounds */
html, body {
  overflow-y: auto !important;
}

/* Paginator color override for system green (user dashboard) - improved differentiation */
.pagination .page-link {
  background-color: #e8f5e9 !important; /* very light green for default */
  border-color: #b2dfdb !important;
  color: #27ae60 !important;
  transition: background 0.18s, color 0.18s, border 0.18s;
}

.pagination .page-link:hover, .pagination .page-link:focus {
  background-color: #43e97b !important; /* vibrant green for hover/focus */
  border-color: #43e97b !important;
  color: #fff !important;
}

.pagination .page-item.active .page-link {
  background-color: #27ae60 !important; /* deep green for active */
  border-color: #27ae60 !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 2px 8px 0 #27ae6040;
}

.pagination .page-item.disabled .page-link {
  background-color: #e9ecef !important;
  color: #8a98ac !important;
  border-color: #e9ecef !important;
}