/* 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;
  }
}
.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));
}

.our_check_input{
  cursor:pointer;width:40px !important;height:20px;
}










/* custom investment  */

.green--show{
  color:#00A651;
}
.red--show{
  color:#EA5353;
}
.orange--show{
  color:#FBBA12;
}
.green--bg--show{
  background:#00A651;
}
.red--bg--show{
  background:#EA5353;
}
.orange--bg--show{
  background:#FBBA12;
}

.investment_first{
  display: flex;align-items: center;justify-content: space-between;
}
@media (min-width: 1400px) {
  .investment_note {
      padding-inline: 10px;
  }
}
@media (max-width: 1399px) {
  .investment_first {
      flex-wrap: wrap;
      flex-flow: column;
      gap: 20px;
  }
}


.investment_first .form-check-input:checked {
  background-color: #00A651;
  border-color: #00A651;
}



/* frontend color changes */

.sidebar-menu li a.active, .sidebar-menu li a:hover {
  color: #05A551;
  background-color: #EAF4EB;
}

.sidebar-menu li a.active img, .sidebar-menu li a:hover img {
  /* filter: invert(45%) sepia(49%) saturate(7409%) hue-rotate(228deg) brightness(101%) contrast(92%); */
  filter: invert(45%) sepia(49%) saturate(7409%) hue-rotate(106deg) brightness(101%) contrast(92%) !important;
}

.btn--secondary{
  background-color: #003333;
  border: 2px solid #003333;
}

.disabled-button{
  background-color: #8CB8B8;
  border: 2px solid #8CB8B8;
}

.dashboard-sidebar {
  background-color: #C2F0C5;
}

.profile-info{
  background-color: #C2F0C5;
  border-color: 2px solid #C2F0C5;
  border-radius: 10px;
}

.profile-info > h4{
  background-color: #ffffff;
  border-radius: 10px;
  padding: 7px;
  padding-left: 20px;
}
.profile-info > p{
  font-size: large;
  padding-left: 20px;
}
.label-color-black{
  color: #666666;
  font-size: small;
  font-weight: bold;
}
.label-color-green{
  color: #05A551;
  font-size: 22px;
}
.currency--display--new--theme{
  font-size: 13px;
  font-weight: 800;
}
.label-color-orange{
  color: #FF6633;
  font-size: 22px;
}
.dashboard-sidebar .profile-info {
  padding: 0;
}
.dashboard-wrapper{
  background-color: #CDDED0;
}
.dashboard-nav,.nav-header-link .dropdown-wrapper{
  background-color: #C2F0C5;
}

.nav-header-link .dropdown-wrapper .links li a:hover,.text--base{
  color: #05A551 !important;
}
.nav-header-link .dropdown-wrapper::before{
  background-color: #C2F0C5 !important;
  border: none;
}
.nav-header-link li .link{
  background-color: #05A551 !important;
}
.dropdown-header > .name{
  white-space: pre-line;
}
.mat-drawer-inner-container::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar {
  width: 10px;
}

/* .plan-btn{
  background-color: #003333 !important;
  border: 2px solid #003333 !important;
} */

.logo img {
  max-width: 100%;
  max-height: none;
}



/* cube balance new theme */
.bg--new-theme{
  background-color: #CDDED0 !important;
}

.border--radius--new{
  border-radius: 10px !important;
  padding: 15px;
}

.new--color--theme{
  color: #006633 !important;
  /* font-size: 35px; */
  padding-left: 5px;
}
.new--label--theme--card--cube{
  font-size: xx-large;
  color: #006633 !important;
  padding-bottom: 10px;
}

.border--radius--new > .card-body > h2{
  font-size: 55px;
  color: #006633 !important;
  padding: 0;
}

.disabled-button-new-theme{
  background-color: #8CB8B8 !important;
  border-color: #8CB8B8 !important;
  width: auto !important;
  border-radius: 10px;
}

.regular-button-new-theme{
  background-color: #003333 !important;
  border-color: #003333 !important;
  width: auto !important;
  border-radius: 10px;
}

.currency--size--new--theme{
  font-size: 34px;
  color: #006633 !important;
  padding-top: 12px;
  font-weight: 700;
}

.border--radius--new > .card-body > .card-text , .card-text--new--theme{
  color: #666666;
  font-size: larger;
}

.label--align{
  text-align: left;
  padding-left: 50px;
}

.counter-text--new--theme{
  color: #006633 !important;
  font-weight: 700;
}

.green--with--bold{
  color: #006633 !important;
  font-weight: 700; 
  /* text-align: right; */
}

.red--with--bold{
  color: red !important;
  font-weight: 700;
  /* text-align: right; */
}

.orange--with--bold{
  color: orange !important;
  font-weight: 700;
  /* text-align: right; */
}
.new--bolder{
  font-weight: 900;
}
.new--m-t-20{
  margin-top: 20px;
}

.new--m-t-15{
  margin-top: 15px;
}

.new--m-t-45{
  margin-top: 45px;
}

.green--with--bold--left{
  padding-left: 25px;
}

.textbox--new--theme{
  background-color: #CDDED0;
}

.textbox--new--theme::-webkit-outer-spin-button,
.textbox--new--theme::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.textbox--new--theme {
  -moz-appearance: textfield;
}

.textbox--new--theme:focus{
  border-color: #006633;
  background-color: #CDDED0;
  box-shadow: none;
}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  /* color: #fff;
  background-color: #198754;
  border-color: #198754; */
  color: #198754;/* hsl(var(--body)); */
  background-color: white;
  border-top: 2px solid #198754 !important;
  border-left: 2px solid #198754 !important;
  /* border-radius: 15px; */
}
.nav-link {
  color: hsl(var(--heading));
  font-weight: 400;
  font-size: medium;
}
.nav-link:focus, .nav-link:hover {
  color: #198754;
}
.treeview ul li {
  color: hsl(var(--body));
  font-size: small;
}

.nav-link > .menu-badge{
  border-radius: 20%;
  /* padding: 0; */
}

.treeview ul {
  border-left: none !important;
  padding-top: 0px;
}

.padding-new-design{
  /* margin-right: 20px; */
  /* padding-right: 20px; */
}

.height--new--design{
  /* height: 430px; */
  width: 20%;
}

.height--new--design--row2{
  /* height: 430px; */
  width: 33.33%;
}

.card--100--percent--add{
  height: 100%;
}

.new--align--center{
  text-align: center;
  margin-bottom: 5px;
}

.card--85--percent--add img {
  height: 120px;
  width: 100%;
  object-fit: contain;
}

.card--85--percent--add {
  padding: 15px 25px;
}

.height--new--design:last-child .card--100--percent--add img {
  /* transform: scale(1.1); */
  /* margin-top: 20px;
  margin-bottom: -20px;*/
}

.card--100--percent--add .new--dash--label--icon--img {
  min-height: auto;
  max-height: 48px;
  object-fit: contain;
}

.card--100--percent--add img {
  max-height: 168px;
  /* object-fit: contain; */
  object-position: center center;
  min-height: 168px;
}

.card--85--percent--add .row {
  align-items: center;
  justify-content: center;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}


.new--dash--label--icon--text{
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  color: black;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 7px;
}

.new--dash--label--icon--link{
  background: none;
  text-decoration: none;
  border: none;
  width: 100%;
}

.fs-16{
  font-size: 16px;
}


.fs-20{
  font-size: 20px;
}

.new--social--part{
  border-radius: 8px;
  text-align: center;
  padding: 10px;
  /* border: 1px solid black; */
  border: 2px solid #003333;
  background-color: #003333;
}

.title--new--social{
  font-size: 25px;
  font-weight: 800;
  color: white;
  text-align: center;
  margin-bottom: 25px;
  margin-top: -10px;
}

.new--social--part > div > div > a > img {
  width: 80%;
}

.bolder--dollor-rate{
  font-weight: 800;
  font-size: 22px;
}

.new--button--change{
  margin-left: 11%;
}

.show--deposit--withdraw--new{
  display: flex;
}

.align--center--new{
  margin-bottom: 15px;
  font-weight: 800;
  text-align: center;
}

.left--with--padding{
  text-align: left;
  padding-left: 35px;
}

.display--right--view{
  text-align: right;
}

/* .show--deposit--withdraw--new > div > table{
  font-size: 15px;
  padding: 5px;
  color: hsl(var(--body));
  font-weight: 500;
}

.show--deposit--withdraw--new > div > table > tbody > tr > th{
  font-size: 16px;
}

.show--deposit--withdraw--new > div > table > tbody > tr > td {
  border-bottom: 1px dashed rgb(180, 175, 175);
  padding: 10px 0px 10px 0px;

} */

@media (min-width: 991px) {
  .ml-45--new{
    margin-left: 45px;
  }
}


@media (max-width: 1199px) {
  .card-text--new--theme {
    text-align: center;
    width: 100%;
  }
  .label--align{
    padding-left: 0;
  }
}


@media (max-width: 991px) {
  .height--new--design{
    width: 33.33%;
  }
  .height--new--design--row2 span.fs-16 {
    font-weight: 600;
  }
  .card--85--percent--add {
    height: 87%;
  }
  
  .card--100--percent--add img {
    max-height: 127px;
    min-height: 127px;  
  }

  .new--social--part > div > div > a > img {
    width: 80%;
  }

  .new--social--part > div > div > a{
    text-align: center;
    padding: 10px;
  }
}


@media (max-width: 767px) {
  .height--new--design{
    width: 50%;
  }
  .height--new--design--row2 {
    width: 50%;
  }
  .card--100--percent--add img {
    max-height: 151px;
    /* object-position: center center; */
    min-height: 151px;
    object-fit: contain;
  }
}


@media (max-width: 480px) {
  .height--new--design--row2 {
    width: 100%;
}
}




@media (max-width: 1199px) {
  .dashboard-sidebar .logo {
      padding-inline: 0;
  }
}