.container {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 15%;
  left: 40%;
  transform: translate(-50%, -50%);
}

.centered1 {
  position: absolute;
  top: 35%;
  left: 40%;
  transform: translate(-50%, -50%);
}

.centered2 {
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
}

.vl {
  border-left: 1px solid #b58125;
  height: 50px;
  position: absolute;
  padding: 0px 0px 0px 0px;
  /* margin-left: 0px; */
  margin: 0px 0px 0px -40px;
  top: 8px;

}

.com.text-whitesmoke {
  color: #e0e0e0;
}

.text-green {
  color: #a0ba21;
}

.text-gold {
  color: #ffbe27 !important;
}

.bg-gold {
  background: #ffbe27;
}

.bg-green {
  background: #a0ba21;
}

.bg-color {
  background: RGB(255 255 255/6%);
}

.text-red {
  color: #f64f5e;
}

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

.f-14 {
  font-size: 14px;
}

.outline-gold {
  border: 1px solid #ffbe27;
}

.outline-red {
  border: 1px solid #f64f5e;
}

.btn-close {
  background: url("../img/close.png");
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.btn {
  border: none;
  font-weight: bold;
  padding: 2px 20px;
}

.btnMain {
  padding: 10px 35px;
}

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

.btn-transarent {
  background-color: transparent;
  color: gray;
}

.btn-radius {
  border-radius: 30px;
}

.btn-virtua-g {
  background: linear-gradient(97.91deg, #ffd166 0.42%, #ffbe28 100%);
}

.btn-virtua-red {
  background: linear-gradient(97.91deg, #f97783 0.42%, #ee3042 100%);
}

.btn-virtua-green {
  background: linear-gradient(93.56deg, #cff067 4.4%, #7ec24e 95.07%);
}

* {
  font-family: "Poppins", sans-serif;
}

body {
  height: 100%;
  width: 100%;
}

a {
  color: #ffbe27;
  text-decoration: none;
}

a:hover {
  color: #fff;
}

ul li {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: white;
}

p,
span {
  color: white;
}

p.hi-from {
  font-size: 14px;
}

.btn-round {
  border-radius: 100%;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: auto;
}

#sidebar.active {
  margin-left: -250px;
}

.sidebar_logo {
  height: 84px;
  padding: 20px 20px 0 20px;
}

#content {
  width: calc(100% - 231px);
  min-height: 100vh;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

div.imagelinks .img-holder {
  width: 90px;
  height: 90px;
}

div.imagelinks img {
  width: 100%;
  height: 100%;
}

ul.link-list {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.link-list li {
  display: inline-block;
  margin-right: 10px;
}

ul.link-list li a {
  font-size: 14px;
}

ul.link-list li:last-child {
  margin: 0;
}

.form_desc {
  font-size: 15px;
  color: #aeaeae;
  margin-bottom: 20px;
}

.icon_title {
  margin: auto;
  margin-bottom: 40px;
  margin-top: 20px;
  height: 120px;
  width: 120px;
  border: 2px solid #fff;
  border-radius: 100%;
  text-align: center;
}

.icon_title img {
  margin-top: 27px;
}

.icon_title img.email {
  margin-top: 40px;
}

.link_login {
  color: #fff;
  font-weight: 400;
  font-size: 17px;
}

.verification-field div.input-group {
  width: 80px;
  height: 80px;
  display: inline-block;
  margin-right: 10px;
}

.verification-field .virtua-input-group {
  height: 80px;
  text-align: center;
	width: 100%;
}

button.sidebar_toggle {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

ul li a.nav-link {
  color: #fff;
}

ul li a.nav-link:hover {
  color: #ffbe27;
}

.wrapper {
  width: 100%;
}

.sidebar {
  background: RGB(255 255 255/6%);
  min-width: 231px;
  width: 231px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar ul li.nav-item {
  display: block;
  width: 100%;
  position: relative;
}

.sidebar ul li a {
  color: #fff;
  display: block;
  width: 100%;
  font-size: 14px;
  padding: 0;
  height: 42px;
  line-height: 42px;
  padding-left: 20px;
}

.sidebar ul li.active {
  background: linear-gradient(
    145.38deg,
    #f5a73b2b 6.81%,
    #ff94002e 6.82%,
    #ffbf1d36 94.16%
  );
  border-radius: 0px;
  position: relative;
}

.sidebar ul li.active a.nav-link {
  color: #ffbe27;
}

.sidebar ul li.active a.nav-link::before {
  content: "";
  background-image: url("../img/gold-corner-right-top.png");
  background-position: top right;
  display: block;
  height: 10px;
  width: 10px;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.sidebar ul li.active a.nav-link::after {
  content: "";
  background-image: url("../img/gold-corner-right-top.png");
  background-position: bottom right;
  display: block;
  height: 10px;
  width: 10px;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.sidebar ul li.active::before {
  content: "";
  background-image: url("../img/gold-corner-left-top.png");
  background-position: top left;
  display: block;
  height: 10px;
  width: 10px;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sidebar ul li.active::after {
  content: "";
  background-image: url("../img/gold-corner-left-top.png");
  background-position: bottom left;
  display: block;
  height: 10px;
  width: 10px;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.navbar-top {
  height: auto;
  padding: 15px 0;
  background-color: #352e2a;
}

.navbar-top .nav-right-content div {
  display: inline-block;
}

.navbar-top .nav-left {
  text-align: right;
  width: 100%;
}

.navbar-top ul.nav-profile {
  list-style: none;
  margin: 0;
  padding-left: 5px;
}

.navbar-top ul.nav-profile > li {
  display: inline-block;
  margin-left: 15px;
}

.navbar-top ul.nav-profile > li:first-child {
  margin: 0;
}

.navbar-top ul.nav-profile > li:last-child {
  border-left: 1px solid #ffbe27;
}

.navbar-top ul.nav-profile button.search {
  padding: 0;
  line-height: 50px;
  min-width: 150px;
}

.navbar-top.nav-profile {
  list-style: none;
  padding-left: 10px;
}

.navbar-top.nav-profile a {
  font-size: 14px;
}

.digit-group input {
	width: 45px;
	height: 45px;
	/* background-color: lighten($BaseBG, 5%); */
	border: none;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	color: #FFBE27;
	margin: 0 2px;
    border-radius: 5px
}
/* .digit-group .splitter {
  padding: 0 5px;
  color: #FFBE27;
  font-size: 24px;
} */


.main-container {
  padding: 20px;
  position: relative;
}

.boxgrid {
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: RGB(255 255 255/6%); */
  /* padding: 10px; */
  /* width: 100%; */
  /* min-height: 100px; */
  color: #fff;
  margin: 9px 8px 5px 4px;
  display: grid;
}

.boxgrid3 {
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: RGB(255 255 255/6%); */
  /* padding: 10px; */
  /* width: 100%; */
  /* min-height: 100px; */
  color: #fff;
  margin: 0px 0px 0px 0px;
  display: grid;
  border: solid 1px;
  border-color: rgba(235, 235, 235, 0.604);
}

.boxgrid1 {
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: RGB(255 255 255/6%); */
  padding: 13px;
  /* width: 100%; */
  /* min-height: 100px; */
  color: #fff;
  margin: 3px 11px 20px 11px;
  display: grid;
}

.boxgrid2 {
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: RGB(255 255 255/6%); */
  padding: 13px;
  /* width: 100%; */
  /* min-height: 100px; */
  color: #fff;
  margin: 3px 11px 7px 11px;
  display: grid;
}

.box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: RGB(255 255 255/6%);
  padding: 10px;
  width: 100%;
  min-height: 100px;
  color: #fff;
  margin:5px;
  display: grid;
}

.box :hover {
  color: #ffbe27;
}

.center{
  text-align: center;
}

.chk {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.lbl {
  position: relative;
  cursor: pointer;
}

.lbl:before {
  content:'';
  background-color: transparent;
  border: 2px solid #f2f2f3;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 5px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.chk:checked + .lbl:after {
  content: '';
  display: block;
  position: absolute;
  top: 14px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #fcfdfd;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.dashboard .wallet-container {
  background: linear-gradient(90.01deg, #694b14 0%, #9d6f25 102.75%);
  position: relative;
}

.dashboard .wallet-container::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("../img/dollar.png");
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
  background-position: -3px -38px;
  background-size: 13% auto;
}

.dashboard .wallet-container ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.dashboard .wallet-container ul li {
  display: inline-block;
  text-align: center;
  padding: 20px;
}

.dashboard .wallet-container ul li:first-child {
  margin-right: 40px;
}

.dashboard .wallet-container ul li.Equivalent {
  position: relative;
}

.dashboard .wallet-container ul li.Equivalent img {
  width: 50%;
}

.dashboard .wallet-container ul li.Equivalent::before {
  content: "";
  width: 1px;
  height: 60%;
  background-color: #946922;
  position: absolute;
  right: -20px;
  top: 20%;
}

.dashboard .wallet-container .hide_balance {
  padding: 10px 40px;
}

.dashboard .crypto-container .crypto-holder {
  background: RGB(255 255 255/6%);
  margin: auto;
  margin-bottom: 20px;
}

.dashboard .crypto-container .crypto-holder .c_content {
  padding: 40px 30px 0px 30px;
  border-bottom: 0.5px solid #b58125;
}

.dashboard .crypto-container .crypto-holder .crypto-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-right: 0.5px solid #b58125;
}

.dashboard .crypto-container .crypto-holder .crypto-content .crypto-icon {
  width: 50px;
  height: 50px;
  border: 1px solid #ffbe27;
  border-radius: 100%;
}

.dashboard .crypto-container .crypto-holder .crypto-content .crypto-icon img {
  margin-top: 4px;
}

.dashboard .crypto-container .crypto-holder .crypto-content p {
  margin-top: 5px;
  text-align: center;
}

.dashboard .crypto-container .crypto-holder .crypto-desc {
  position: relative;
}

.dashboard .crypto-container .crypto-holder .crypto-desc span,
.dashboard .crypto-container .crypto-holder .crypto-desc p {
  font-size: 14px;
}

.dashboard .crypto-container .crypto-holder .crypto-desc p {
  text-align: right;
}

.dashboard .crypto-container .crypto-holder .crypto-desc .tag {
  width: 60px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
}

.dashboard .crypto-container .crypto-holder .horizontal_line {
  height: 0.5px;
  width: 100%;
  background-color: #b58125;
}

.dashboard .crypto-container .crypto-holder .create_wallet_button {
  padding: 10px 0;
}

.dashboard .crypto-container .crypto-holder .create_wallet_button:hover {
  cursor: pointer;
}

.dashboard .crypto-container .crypto-holder .create_wallet_button p {
  margin: 0;
}

.table-scrollable {
  padding: 0px;
  overflow-x: auto;
}

.transactions-container .table-scrollable {
  padding: 10px;
  overflow-x: auto;
}

.transactions-container table {
  width: 100%;
}

.transactions-container table th {
  font-weight: normal;
}

.virtua-selectticket.d-icon {
  margin: 0;
}

.virtua-selectticket.d-icon select {
  padding: 0px 10px;
}

.virtua-selectticket.d-icon::before {
  background-image: url("../img/down-arrow.png");
  width: 15px;
  height: 10px;
  background-size: cover;
  right: 10px;
  top: 54%;
  margin-top: -8px;
}


.virtua-select.d-icon {
  margin: 0;
}

.virtua-select.d-icon select {
  padding: 0px 10px;
}

.virtua-select.d-icon::before {
  background-image: url("../img/down-arrow.png");
  width: 15px;
  height: 10px;
  background-size: cover;
  right: 10px;
  top: 54%;
  margin-top: -8px;
}

/* ks */

.virtua-selecttoken.d-icon {
  margin: 0;
}

.virtua-selecttoken.d-icon select {
  padding: 0px 37.5px;
}

.virtua-selecttoken.d-icon::before {
  background-image: url("../img/Vector_2.png");
  width: 15px;
  height: 10px;
  background-size: cover;
  right: 10px;
  top: 54%;
  margin-top: -6px;
  margin-right: 12px;
}

.nav-select {
  margin: 0;
}

.nav-select select.virtua-input-group {
  min-width: 125px;
  padding: 0px 30px 0px 10px;
}

.nav-select select.virtua-input-group:focus {
  background: RGB(255 255 255/6%);
}

.nav-selecttoken {
  margin: 0;
}

.nav-selecttoken select.virtua-input-group {
  height: 34px;
  min-width: 125px;
  padding: 0px 42px 0px 25px;
}

.nav-selecttoken select.virtua-input-group:focus {
  background: RGB(255 255 255/6%);
}

.btn-virtua-small {
  min-width: 180px;
  padding: 10px 15px;
  margin-left: 10px !important;
}

.buy-crypto-container .refresh_button {
  height: 50px;
  width: 50px;
  text-align: center;
  padding: 0;
  border: none;
}

.buy-crypto-container .refresh_button img {
  width: 70%;
}

.buy-crypto-container .buy-crypto-form {
  padding: 20px;
  border-bottom: 0.5px solid #ffbe27;
}

.buy-crypto-container .buy-crypto-desc {
  padding: 30px 0;
}

.buy-crypto-container .buy-crypto-desc .crypto-pay {
  padding: 20px;
  border: 1px solid #ffbe27;
  color: #fff;
}

.buy-crypto-container .disclaimer {
  padding: 25px;
}

.buy-crypto-container .disclaimer p {
  font-size: 14px;
}

.buy-crypto-container .disclaimer .highlight {
  padding: 10px;
  background-color: #53402a;
}

.buy-crypto-container .disclaimer .highlight p {
  margin: 0;
}

.buy-crypto-container .crypto-history ul.nav-profile {
  margin: 0;
}

.buy-crypto-container .crypto-history .search {
  min-width: 180px;
  padding: 10px 15px;
  margin-left: 10px !important;
}

.kyc-holder .kyc-content {
  width: 100%;
}

.kyc-holder .kyc-content .kyc-title {
  height: 60px;
  background-color: #ffbe272e;
  position: relative;
}

.kyc-holder .kyc-content .kyc-title h3 {
  margin: 0;
  line-height: 60px;
}

.kyc-holder .kyc-content .kyc-title::before {
  content: "";
  background-image: url("../img/kyc-arrow.png");
  position: absolute;
  width: 73px;
  height: 100%;
  right: 30px;
  top: 0;
}

.kyc-holder .kyc-desc {
  padding: 35px;
}

.kyc-holder .kyc-desc ul {
  padding: 0;
}

.kyc-holder .kyc-desc ul li {
  list-style: none;
  color: #fff;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 15px;
}

.kyc-holder .kyc-desc ul li img {
  width: 25px;
}

.kyc-holder .kyc-desc ul li p {
  margin-left: 10px;
  font-size: 16px;
}

.mx-padding {
  padding: 40px 30px;
}

.file-uploader .image-uploader {
  width: 100%;
  height: 400px;
  position: relative;
}

.file-uploader .image-uploader img {
  width: 60%;
  height: auto;
}

.file-uploader .image-uploader p.corner-text {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px 20px;
}

.virtua-coin-wallet {
  padding: 10px;
}

.virtua-coin-wallet .activity {
  padding: 15px;
}

.info-holder .account-info {
  padding: 20px;
}

.info-holder div.profile-btns button {
  margin: 10px !important;
}

.share-modal .share_form .virtua-select select {
  padding: 10px 20px;
}

.share-modal .share_form .virtua-select::before {
  height: 30px;
  width: 30px;
}

.share-modal .share_form .copy {
  width: 100%;
  height: 100%;
  border-radius: 0;
  padding: 0;
}

.share-modal .share_form button {
  padding: 15px 40px;
}

.confirm_transaction .virtua-model-form {
  padding: 20px;
}

.confirm_transaction table.confirm_transaction_table td {
  padding: 20px;
}

.confirm_transaction table.confirm_transaction_table tfoot {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.chain_transfer_form textarea {
  height: 250px;
  padding: 10px;
}

.chain_transfer_form .virtua-select select {
  padding: 10px 20px;
}

.chain_transfer_form .virtua-select::before {
  height: 30px;
  width: 30px;
}

.createAccount label.label > input:checked ~ div.option > span.checkmark {
  display: block;
}

.createAccount .select_account_option label {
  width: 100%;
  padding: 20px;
}

.createAccount .option {
  height: 150px;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.createAccount .option img {
  height: 50%;
}

.createAccount .option .checkmark {
  content: "";
  background-image: url("../img/success.png");
  background-size: contain;
  height: 25px;
  width: 25px;
  position: absolute;
  top: 10%;
  right: 10%;
  display: none;
}

table.current_limit td {
  padding: 0;
}

table.smartaccess tfoot {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

table.smartaccess tfoot td {
  padding: 20px;
}

.payee_profile .square {
  width: 80px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
}

.payee_profile .square img {
  width: 50%;
}

.referral-program {
  padding: 20px;
}

.referral-program .ref_code {
  width: 100%;
  border: 1px solid #ffbe27;
  height: 60px;
  padding: 15px;
}

.referral-program .ref_buttons {
  padding: 0;
  margin: 0;
}

.referral-program .ref_buttons li {
  display: inline-block;
}

.referral-program .ref_buttons li button {
  height: 60px;
  width: 60px;
  border-radius: 0px;
  background-color: #ffbe27;
}

.referral-program .ref_buttons li button img {
  width: 75%;
}

.referral-program .ref_buttons li button:last-child {
  width: 100%;
}

.referral-program .upgrade_btn {
  min-width: 100px !important;
}

.referral-program .explainer-hr {
  padding: 15px;
  border-top: 1px solid #625b57;
  border-bottom: 1px solid #625b57;
}

.referral-program .referal_overview .ref_ov {
  padding: 10px;
}

.referral-program .referal_overview .ref_ov .ref_title {
  text-align: center;
  padding: 20px;
  background-color: rgba(255, 190, 39, 0.1);
}

.referral-program .referal_overview .ref_ov .ref_title h4 {
  margin: 0;
}

.referral-program .referal_overview .ref_ov .ref_content {
  text-align: center;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.referral-program .referal_overview .ref_ov .ref_content div {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.referral-program .referal_overview .ref_ov .ref_content img {
  margin-right: 20px;
}

.referral-program .referral-history table thead {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#857365),
    color-stop(47.92%, rgba(200, 181, 166, 0.2375)),
    to(rgba(255, 255, 255, 0.2))
  );
  background: linear-gradient(
    360deg,
    #857365 0%,
    rgba(200, 181, 166, 0.2375) 47.92%,
    rgba(255, 255, 255, 0.2) 100%
  );
}

.referral-program .referral-history table thead tr {
  height: 60px;
  vertical-align: middle;
}

.referral-program .referral-history .ref_program_date .date_holder {
  padding: 0 10px;
  width: 120px;
  height: 40px;
  text-align: right;
  line-height: 40px;
}

.inf_meter_container {
  height: auto;
  width: 100%;
  border: 1px solid #adc824;
  background-color: rgba(130, 196, 78, 0.06);
  padding: 20px;
}

.inf_meter_container .inf_meter {
  height: 40px;
  width: 100%;
  background-image: url("../img/blank-progress.png");
  background-size: contain;
  position: relative;
  background-position: right;
}

.inf_meter_container .inf_meter:after {
  content: "";
  height: 40px;
  width: 40%;
  background-image: url("../img/gree-progress.png");
  background-position: right;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.inf_meter_container .hr_or {
  width: 100%;
  height: 20px;
  border-bottom: 1px solid #5a5757;
  text-align: center;
}

.inf_meter_container .hr_or span {
  padding: 4px 14px;
  background: #353932 !important;
  line-height: 35px;
  font-size: 20px;
}

.profile-page {
  padding: 30px;
}

.profile-page .profile_pic .square {
  width: 200px;
  height: 200px;
  line-height: 200px;
  display: inline-block;
}

.profile-page .profile_pic .square img {
  width: 50%;
}

.security-page {
  padding: 30px;
}

.security-page .security-container {
  width: 100%;
}

.security-page .security-title {
  padding: 20px;
  border-bottom: 1px solid #ffbe27;
}

.security-page .security-title h5 {
  margin: 0;
}

.security-page .security-content {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  width: 100%;
}

.security-page .security-content .security-img {
  width: 80px;
  height: 80px;
  background: #ffbe27;
  line-height: 80px;
  text-align: center;
  border-radius: 100%;
}

.security-page .security-content .security-icon {
  width: 100px;
  height: 100px;
  border: 1px solid #ffbe27;
  border-radius: 100%;
  line-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#reqqueupdateToggle .virtua-model-success {
  padding: 40px;
}

#reqqueupdateToggle .warning span {
  margin-left: 10px;
  font-size: 14px;
}

#trusted .device-list {
  min-height: 300px;
}

#trusted .device {
  margin-bottom: 20px;
}

/*Admin Css */

.infolable{

width: 112px;
height: 26px;
left: 1572px;
top: 331px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 26px;
/* identical to box height */

text-transform: capitalize;

color: #FFFFFF;
}

.btninfo{

flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 79px;
gap: 10px;

width: 193px;
height: 40px;
left: 1436px;
top: 255px;

background: linear-gradient(110.85deg, #FFD167 9.2%, #FFBE27 92.12%);
border-radius: 37px;
}

.accountsText {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: black;
}

.accountsText1 {
  width: 35px;
  height: 35px;
  line-height: 32px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: black;
}

.accountsText2 {
  width: 6px;
  height: 6px;
  line-height: 25px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: black;
}

.accountsText3 {
  width: 25px;
  height: 25px;
  line-height: 23px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: black;
  cursor: pointer;
}

.h-26 {
  height: 100%;
  line-height: 100%;
}

.tooltips {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltips .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #f13e4f;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 1px 15px;
  position: absolute;
  z-index: 1;
  top: 96%;
  left: 50%;
  margin-left: -60px;
}
.tooltips .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 22%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #f13e4f transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltiptext {
  visibility: visible;
}

.search {
  height: 45px;
  line-height: 45px;
  border: none;
  color: #ffbe28;
  padding: 0 15px 0 40px;
  background-image: url(../img/search-2-line.png);
  background-position: 4% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}
.search:focus-visible {
  box-shadow: none;
  border: 0;
  outline: 0;
}
#sidebarCollapse {
  cursor: pointer;
}

.w-full {
  width: 100%;
}
.chat-btn {
  background: RGB(255 255 255/10%);
  height: 45px;
  line-height: 45px;
  padding: 0 70px 0 15px;
  color: #fff;
  border: none;
  border-radius: 20px;
}
.chat-btn:focus-visible {
  outline: 0;
  box-shadow: 0;
}
.sendBtn {
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
}
.h-chat {
  height: calc(100% - 60px);
}
.btn-pending {
  border: 1px solid #ffbe28;
  background-color: transparent;
}
.btn-pending:hover {
  background-color: transparent;
  border: 1px solid #ffbe28;
}
.btn-pending:focus-visible {
  background-color: transparent;
}
.btn-pending:focus {
  background-color: transparent;
}

.checkbox {
  position: relative;
  display: inline-block;
}
.checkbox:after,
.checkbox:before {
  font-family: FontAwesome;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
}
.checkbox label {
  width: 50px;
  height: 14px;
  background: #ccc;
  position: relative;
  display: inline-block;
  border-radius: 46px;
  transition: 0.4s;
}
.checkbox label:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  left: 0;
  top: -5px;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: 0.4s;
}
.checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}
.checkbox input:hover + label:after {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}
.checkbox input:checked + label:after {
  left: 25px;
}

.model-1 .checkbox input:checked + label {
  background: #c2e42a;
}
.model-1 .checkbox input:checked + label:after {
  background: #c2e42a;
}

/* kjkj */

.checkboxsetting {
  position: relative;
  display: inline-block;
}
.checkboxsetting:after,
.checkboxsetting:before {
  font-family: FontAwesome;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
}
.checkboxsetting label {
  width: 35px;
  height: 19px;
  background: #FF354780;
  position: relative;
  display: inline-block;
  border-radius: 46px;
  transition: 0.4s;
}
.checkboxsetting label:after {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  left: 0;
  top: 0px;
  z-index: 2;
  background: #FF3547;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: 0.4s;
}
.checkboxsetting input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}
.checkboxsetting input:hover + label:after {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}
.checkboxsetting input:checked + label:after {
  left: 19px;
}

.model-1 .checkboxsetting input:checked + label {
  background: #c2e42a80;
}
.model-1 .checkboxsetting input:checked + label:after {
  background: #c2e42a;
}


/* ashj */

.checkboxred {
  position: relative;
  display: inline-block;
}
.checkboxred:after,
.checkboxred:before {
  font-family: FontAwesome;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  font-language-override: normal;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
}
.checkboxred label {
  width: 50px;
  height: 14px;
  background: #ccc;
  position: relative;
  display: inline-block;
  border-radius: 46px;
  transition: 0.4s;
}
.checkboxred label:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  left: 0;
  top: -5px;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: 0.4s;
}
.checkboxred input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}
.checkboxred input:hover + label:after {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}
.checkboxred input:checked + label:after {
  left: 25px;
}

.model-1 .checkboxred input:checked + label {
  background: #F64F5E;
}
.model-1 .checkboxred input:checked + label:after {
  background: #F64F5E;
}

.name-input {
  height: 45px;
  line-height: 45px;
  border: none;
  color: #ffbe27;
  padding: 0 15px 0 15px;
  width: 100%;
}
.name-input:focus-visible {
  outline: 0;
  box-shadow: 0;
}
progress {
  background: #ffbe27 !important;
  vertical-align: middle;
  border-radius: 5px !important;
  height: 7px;
}
progress::-webkit-progress-value {
  background: #ffbe27;
  border-radius: 5px !important;
}
progress::-webkit-progress-bar {
  background: #746d5e;
  border-radius: 5px !important;
}
.tabs {
  width: 100%;
  border-radius: 5px 5px 5px 5px;
}
ul#tabs-nav {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
}
ul#tabs-nav li {
  float: left;
  font-weight: bold;
  cursor: pointer;
}
ul#tabs-nav li:hover,
ul#tabs-nav li.active {
  border-bottom: 2px solid #ffbe27;
  text-shadow: 1px 2px 12px #ffbe27;
}
#tabs-nav li a {
  text-decoration: none;
  color: #fff;
}

ul#tabs-navinfo {
  list-style: none;
  margin: 0;
  padding: 0px;
  overflow: auto;
}
ul#tabs-navinfo li {
  float: left;
  font-weight: bold;
  cursor: pointer;
}
ul#tabs-navinfo li:hover,
ul#tabs-navinfo li.active {
  color: #FFBE27;
  border-bottom: 2px solid #ffbe27;
  text-shadow: 1px 2px 12px #ffbe27;
}
#tabs-navinfo li a {
  text-decoration: none;
  color: #fff;
}

@media (max-width: 576px) {
  .home-link {
    display: none;
  }
  .side_logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .virtua-input {
    color: #ffbe27;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    padding: 15px 10px;
  }
  .corner_field {
    position: relative;
  }
  .corner_field .left-side::before {
    height: 7px;
    width: 7px;
  }
  .corner_field .left-side::after {
    height: 7px;
    width: 7px;
  }
  .corner_field .right-side::before {
    height: 7px;
    width: 7px;
  }
  .corner_field .right-side::after {
    height: 7px;
    width: 7px;
  }
  .guest-layout-page {
    height: 100%;
  }
  .guest-layout-page img.logo_img {
    margin: 0;
  }
  .custom_page .virtua-card {
    width: 100%;
  }
  .nav-left {
    width: auto !important;
  }
  .buy-crypto-form {
    padding: 10px !important;
  }
  .disclaimer {
    padding: 15px;
  }
  .virtua-model-form {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  #sidebar {
    margin-left: -250px;
  }
  #sidebar.active {
    margin-left: 0;
  }
  #sidebarCollapse span {
    display: none;
  }
  .virtua-table.long_row {
    width: 950px !important;
  }
  .virtua-table.mid_row {
    width: 850px !important;
  }
  .virtua-table.small_row {
    width: 100%;
  }
  .buy-crypto-form {
    padding: 10px;
  }
  .disclaimer {
    padding: 15px;
  }
  .profile_pic .square {
    width: 150px !important;
    height: 150px !important;
    line-height: 150px !important;
    display: inline-block;
  }
  .modal-varification-field div.input-group {
    width: 60px;
    height: 60px;
    margin-right: 2px;
  }
  .modal-varification-field div.input-group .virtua-input-group {
    height: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-link {
    display: none;
  }
  .side_logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .guest-layout-page {
    height: 100%;
  }
  .guest-layout-page img.logo_img {
    margin: 0;
  }
  .back_button {
    width: 80%;
    margin: auto;
    margin-bottom: 30px;
  }
  .custom_page .virtua-card {
    width: 80%;
    margin: auto;
  }
  .nav-left {
    width: auto !important;
  }
  .wallet-container::before {
    background-position: -77px -31px !important;
    background-size: 53% auto !important;
  }
  .virtua-table.long_row {
    width: 950px !important;
  }
  .virtua-table.mid_row {
    width: 850px !important;
  }
  .virtua-table.small_row {
    width: 100%;
  }
  .modal-varification-field div.input-group {
    width: 60px;
    height: 60px;
    margin-right: 2px;
  }
  .modal-varification-field div.input-group .virtua-input-group {
    height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .home-link {
    display: none;
  }
  .side_logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .guest-layout-page {
    height: 100%;
  }
  .guest-layout-page img.logo_img {
    margin: 0;
  }
  .back_button {
    width: 80%;
    margin: auto;
    margin-bottom: 30px;
  }
  .custom_page .virtua-card {
    width: 80%;
    margin: auto;
  }
  .virtua-table {
    width: 950;
    border-collapse: separate;
    border-spacing: 0 8px;
  }
  .virtua-table tr {
    line-height: 25px !important;
  }
  .virtua-table th {
    font-size: 14px;
  }
  .virtua-table td {
    font-size: 14px;
  }
  .nav-profile li button.search {
    min-width: 100px !important;
    font-size: 16px;
  }
  .virtua-table.long_row {
    width: 950px !important;
  }
  .virtua-table.mid_row {
    width: 850px !important;
  }
  .virtua-table.small_row {
    width: 100%;
  }
  .ref_buttons {
    padding: 0;
  }
  .ref_buttons li button {
    height: 55px !important;
    width: 55px !important;
  }
  .ref_buttons li button img {
    width: 75% !important;
  }
  .ref_buttons li button:last-child {
    width: 100% !important;
  }
  .modal-varification-field div.input-group {
    width: 60px;
    height: 60px;
    margin-right: 2px;
  }
  .modal-varification-field div.input-group .virtua-input-group {
    height: 60px;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .custom_page .virtua-card {
    width: 90%;
    margin: auto;
  }
  .back_button {
    width: 90%;
    margin: auto;
    margin-bottom: 30px;
  }
  .guest-layout-page {
    height: 100%;
  }
  .guest-layout-page img.logo_img {
    margin: 0;
  }
  .virtua-table.long_row {
    width: 950px !important;
  }
  .virtua-table.mid_row {
    width: 850px !important;
  }
  .virtua-table.small_row {
    width: 100%;
  }
  .virtua-table tbody tr {
    line-height: 30px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .custom_page .virtua-card {
    width: 90%;
    margin: auto;
  }
  .back_button {
    width: 90%;
    margin: auto;
    margin-bottom: 30px;
  }
}
/*# sourceMappingURL=Style.css.map */

.edit-svg {
  height: 15px;
  cursor: pointer;
  margin-right: 10px;
  visibility: hidden;
}
.techsupport:hover .edit-svg {
  visibility: visible;
}
.custm-border {
  border: 1px solid #bcbcbc;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  cursor: pointer;
}
.custm-border-r {
  border: 1px solid red;
  color: red;
}
.custm-border-p {
  border: 1px solid #ef61d5;
  color: #ef61d5;
}
.custm-border-g {
  border: 1px solid #ffbe27;
  color: #ffbe27;
}
.custm-color {
  color: #ef61d5;
}

.modal-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  color: #ffffff;
}

.newInpt {
  background: #6463624d;
  border-radius: 7px;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  text-transform: capitalize;
  color: #ffffff;
  height: 49px;
  padding: 12px 26px;
}

.color-main {
  color: #9c9c9c;
}

.custm-br-right p {
  border-right: 1px solid #c3c3c3;
  padding-right: 8px;
}
.custm-br-right p:nth-last-child(1) {
  border: none;
}

.border-grey {
  border: 2px solid #565656;
  border-radius: 5px;
}
.white-light {
  color: #bcbcbc;
}

.accordion-item {
  border: 2px solid #565656 !important;
  border-radius: 5px !important;
  background-color: transparent;
  margin-bottom: 15px;
}

.accordion-button:not(.collapsed),
.accordion-button {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button::after {
  background-image: url(../img/accordianArrow.svg);
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../img/accordianArrow.svg);
}

.iconClose {
  position: absolute;
  top: -8px;
  right: -8px;
}

.devider{
  border: 1px dashed #797979;
}

/* 26-June-2023 */
.transaction-detail-popup {
	background-color: rgba(0, 0, 0, 0.8);
}

.transaction-detail-popup .modal-content {
	background-color: #473f3b;
	overflow: hidden;
}

.square-btn {
	height: 35px;
	width: 35px;
	text-align: center;
	line-height: 35px;
	background-image: url(../img/yellow-btn-bg.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}

.square-btn.share-btn {
	background-image: url(../img/green-bg-btn.svg);
}

.square-btn.share-btn img {
	display: none;
}

.transaction-detail-popup .popup-title h3 {
	margin-bottom: 0;
	background-image: url(../img/title-blank-frame.svg);
	background-repeat: no-repeat;
	width: 157px;
	height: 35px;
	background-position: center;
	font-size: 15px;
	text-align: center;
	line-height: 35px;
	text-transform: uppercase;
	color: #595959;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
}

.transaction-detail-popup .left-wrapper,
.transaction-detail-popup .right-wrapper {
	flex: 0 0 27%;
	max-width: 27%;
}

.transaction-detail-popup .popup-title {
	flex: 0 0 47%;
	max-width: 47%;
	text-align: center;
}

.transaction-detail-popup .right-wrapper {
	text-align: right;
}

.transaction-detail-popup .modal-header {
	background-image: url(../img/popup-header-frame.svg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 6px 20px;
	border-bottom: none;
}

.transaction-detail-popup .modal-dialog {
	max-width: 370px;
}

.transaction-detail-popup .modal-body {
	padding: 22px 16px;
}

.transaction-name-detail {
	display: flex;
	flex-wrap: wrap;
}

.transaction-name-detail .icon-wrap {
	flex: 0 0 64px;
	width: 64px;
	max-width: 64px;
}

.transaction-name-detail .icon-wrap img {
	height: 100%;
	width: 100%;
}

.transaction-name-detail .detail-text {
	flex: 0 0 calc(100% - 64px);
	max-width: calc(100% - 64px);
	padding-left: 12px;
}

.transaction-name-detail .account-name {
	font-size: 16px;
	color: #FFBE27;
	margin-bottom: 10px;
	font-weight: 700;
}

.transaction-name-detail .account-no {
	display: block;
	color: #D2D2D2;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 5px;
}

.transaction-name-detail .tag-single {
	padding: 2px 6px;
	border-radius: 26px;
	border: 1px solid;
	font-size: 12px;
	font-weight: 500;
	margin-right: 2px;
	display: inline-block;
}

.tag-single.tag-red {
	background-color: rgba(239, 52, 70, 0.2);
	color: #FF3547;
	border-color: #763939;
}

.tag-single.tag-green {
	border-color: #7C8845;
	background-color: rgba(171, 199, 36, 0.2);
	color: #ABC724;
}

.transaction-name-detail {
	position: relative;
	padding-right: 80px;
	margin-bottom: 30px;
}

.transaction-name-detail .account-money {
	color: #FFBE27;
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	right: 0;
	top: 0
}

.account-money .icon-wrap {
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.account-money .icon-wrap img {
	vertical-align: unset;
}

.transaction-popup-inner .bg-btn {
	width: 158px;
	height: 54px;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 0;
	line-height: 54px;
	margin-left: 5px;
	margin-bottom: 14px;
}

.transaction-popup-inner .bg-btn img {
	margin-right: 5px;
}

.bg-btn.btn-yellow {
	background-image: url(../img/yellow-big-btn-bg.svg);
}

.bg-btn.btn-red {
	background-image: url(../img/red-bg-btn-big.svg);
}

.bg-btn.btn-grey {
	background-image: url(../img/grey-big-btn-bg.svg);
	filter: grayscale();
}

.transaction-popup-inner .bg-btn.btn-100 {
	width: 332px;
	height: 53px;
	line-height: 53px;
}

.transaction-popup-inner .btn-wrapper {
	margin-bottom: 20px;
}

.activity-day-wrapper {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.activity-day-wrapper .activity-day {
	display: block;
	font-weight: 400;
	font-size: 12px;
	margin-bottom: 20px;
}

.activity-single {
	margin-bottom: 16px;
}

.activity-single:last-child {
	margin-bottom: 0;
}

.activity-single .activity-inner {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.activity-single .image-wrap {
	height: 40px;
	width: 40px;
	overflow: hidden;
}

.activity-single .image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.activity-single .activity-game-info {
	flex: 0 0 calc(100% - 40px);
	max-width: calc(100% - 40px);
	padding-left: 16px;
	padding-right: 110px;
}

.activity-game-info h6 {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 2px;
	color: #FFBE27;
}

.activity-game-info span {
	font-weight: 400;
	font-size: 12px;
	color: #D2D2D2;

}

.earning-coin-wrap {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.earn-coin-text .plus-icon {
	font-size: 20px;
	margin-right: 7px;
}

.earn-coin-text .plus-icon,
.earn-coin-text .icon-wrap,
.earn-coin-text .minus-icon {
	color: #C2E42A;
	font-weight: 500;
	font-size: 14px;
	vertical-align: middle;
	vertical-align: middle;
}

.earning-coin-wrap.minus-coin .minus-icon,
.earning-coin-wrap.minus-coin .icon-wrap {
	color: #F64F5E;
	vertical-align: middle;
}

.earn-coin-text .icon-wrap {
	margin-left: 6px;
}

.earn-coin-text .icon-wrap img {
	margin-right: 6px;
}

.closing-balance-wrap,
.closing-balance-wrap .closing-text {
	color: #D2CBC3;
	font-size: 12px;
}

.closing-balance-wrap .closing-text,
.closing-balance-wrap .money-wrap {
	display: inline-block;
}

.closing-balance-wrap .money-wrap {
	margin-left: 10px;
}

.closing-balance-wrap .money-wrap .icon-wrap {
	display: inline-block;
	margin-right: 4px;
	color: #FFBE27;
}

.closing-balance-wrap .money-text {
	color: #FFBE27;
}

.closing-balance-wrap {
	position: absolute;
	right: 0;
	top: 0;
}

.activity-day-wrapper {
	position: relative;
}

.activity-day-wrapper::before,
.activity-hide-wrapper .activity-day-wrapper:first-child::before {
	content: '';
	position: absolute;
	height: 1px;
	left: -20%;
	right: -20%;
	bottom: 0;
	background-color: #7C7976;
}

.activity-hide-wrapper .activity-day-wrapper:first-child::before {
	bottom: auto;
	top: -20px;
	display: block;
}

.activity-day-wrapper:last-child:before {
	display: none;
}

.activity-day-wrapper:nth-last-child(2) {
	margin-bottom: 10px;
}

.more-btn-wrap {
	text-align: center;
	font-size: 13px;

}

.more-btn-wrap a {
	text-decoration: underline;
	font-weight: 500;
}

.pagination-wrap .pagination .page-link {
	height: 40px;
	width: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	background-color: transparent;
	font-size: 16px;
	color: #ADADAD;
	border: none;
	border-radius: 0 !important;
}

.pagination-wrap .pagination .page-link.active,
.pagination-wrap .pagination .page-link:hover {
	background-color: rgba(255, 190, 39, 0.1);
	color: #FFBE27;
}

.pagination-wrap .pagination .page-item {
	margin-right: 2px;
}

.activity-hide-wrapper {
	display: none;
}

.ticket-detail-popup.modal {
	background-color: rgba(0, 0, 0, 0.7);
}

.ticket-detail-popup .modal-dialog {
	max-width: 1200px;
}

.ticket-detail-popup .modal-content {
	background-color: #303030;
}

.ticket-detail-popup .modal-header {
	padding: 35px 40px 30px;
	border-bottom: none;
}

.ticket-detail-popup .modal-title {
	font-size: 24px;
	text-transform: capitalize;
	font-weight: 500;
}

.ticket-detail-popup .btn-close {
	background-image: none;
	opacity: 1;
	padding: 0;
	height: 35px;
	width: 35px;
}

.ticket-detail-popup .modal-body {
	padding: 0;
}

.ticket-tab-wrapper .nav-tabs {
	background-color: #424242;
	border: none;
	padding: 0 40px;
	padding-top: 25px;
}

.ticket-tab-wrapper .nav-tabs .nav-link {
	padding: 0;
	padding-bottom: 25px;
	margin-right: 40px;
	border-radius: 0;
	font-size: 20px;
	color: rgba(255, 255, 255, 0.7);
	background-color: transparent;
	border: none;
	position: relative;
}

.ticket-tab-wrapper .nav-tabs .nav-link::before {
	content: '';
	height: 2px;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: #FFBE27;
	position: absolute;
	opacity: 0;
	transition: all 300ms ease-in-out;
}

.ticket-tab-wrapper .nav-tabs .nav-link.active {

	color: #FFBE27;
	font-weight: 600;
	transition: all 300ms ease-in-out;
}

.ticket-tab-wrapper .nav-tabs .nav-link.active::before {
	opacity: 1;
}

.ticket-tab-wrapper .nav-tabs .nav-link:hover {
	color: #FFBE27;
}

.transaction-tab-content-wraper {
	padding: 60px 40px;
}

.transaction-people-data {
	justify-content: space-between;
}

.transaction-people-info,
.transaction-people-data {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.transaction-people-info .people-bg {
	height: 80px;
	width: 80px;
	border-radius: 50%;
	overflow: hidden;
	flex: 0 0 80px;
	max-width: 80px;
}

.transaction-people-info .people-bg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.transaction-people-info .people-info-text {
	flex: 0 0 calc(100% - 80px);
	max-width: calc(100% - 80px);
	padding-left: 24px;
}

.people-info-text .people-name {
	font-size: 20px;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 8px;
}

.people-info-list {
	padding-left: 0;
}

.people-info-list li:first-child {
	padding-left: 0;
}

.people-info-list li {
	display: inline-block;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
	padding-left: 14px;
	padding-right: 14px;
	position: relative;
}

.people-info-list li .icon-wrap {
	margin-right: 6px;
	display: inline-block;
}

.people-info-list li .icon-wrap img {
	margin-top: -2px;
}

.people-info-list li::after {
	content: '';
	position: absolute;
	right: -1px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background-color: #C3C3C3;
}

.people-info-list li:last-child::after {
	display: none;
}

.people-info-list li:last-child {
	padding-right: 0;
}

.transaction-people-data .status-btn-wrap span {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
}

.status-btn-wrap .status-btn {
	padding: 17px 30px;
	border-radius: 5px;
	/* background: linear-gradient(360deg, #857365 -24.17%, rgba(200, 181, 166, 0.2375) 35.33%, rgba(255, 255, 255, 0.2) 100%); */
	border: none;
	font-size: 17px;
	color: #FFBE27;
	font-weight: 500;
	width: 224px;
	text-align: left;
	position: relative;
	background-color: transparent;
	margin-left: 16px;
}

.status-btn-wrap .status-btn::before {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 5px;
	left: 0;
	top: 0;
	position: absolute;
	background: linear-gradient(360deg, #857365 -24.17%, rgba(200, 181, 166, 0.2375) 35.33%, rgba(255, 255, 255, 0.2) 100%);
	opacity: 0.3;
}

.transaction-people-data .status-btn-wrap span {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
}

.status-btn-wrap .status-btn .status-icon {
	position: absolute;
	display: block;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.transaction-tab-content-wraper .transaction-detail-text {
	margin-top: 45px;
}

.transaction-tab-content-wraper .transaction-detail-text .title-small {
	font-size: 20px;
	margin-bottom: 12px;
	color: rgba(255, 255, 255, 0.9);
}

.transaction-tab-content-wraper .transaction-detail-text .content-text,
.transaction-tab-content-wraper .transaction-detail-text .content-text p {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.5;
}

.transaction-message-wrapper.transaction-tab-content-wraper {
	height: calc(100vh - 74px - 100px);
	overflow: hidden;
	padding: 0 40px;
}

.transaction-message-wrapper .tab-content-inner {
	height: 100%;
	position: relative;
	padding-bottom: 100px;
	padding-top: 60px;
}

.transaction-message-wrapper .tab-content-inner .message-screen-wrapper {
	max-height: 100%;
	overflow-y: auto;
}

.chat-ticket-date {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	text-align: center;
}

.message-input-wrapper {
	position: absolute;
	bottom: 40px;
	width: 100%;
}

.message-input-wrapper .attachment-btn-wrapper,
.message-input-wrapper .message-send-btn-wrap {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
}

body .message-input-wrapper input[type="text"] {
	width: 100%;
	background: #53504F;
	border-radius: 24px !important;
	padding: 10px 20px;
	height: 48px;
	border: none;
	outline: none !important;
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	padding-left: 80px;
	padding-right: 30px;
}

.message-input-wrapper .message-send-btn-wrap {
	left: auto;
	right: 10px;
}

.message-input-wrapper button {
	background-color: transparent;
	border: none;
	outline: none !important;
	padding: 0 10px;
}

.message-single {
	max-width: 90%;
	margin-bottom: 16px;
}

.message-single .message-inner {
	display: flex;
}

.message-single .user-image {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	flex: 0 0 40px;
	max-width: 40px;
}

.message-single .message-wrap {
	flex: 0 0 calc(100% - 40px);
	max-width: calc(100% - 40px);
	padding-left: 24px;
}

.message-single .user-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.message-wrap .chat-text {
	padding: 15px 25px;
	border-radius: 0px 47px 47px 17px;
	font-size: 15px;
	background-color: #666565;
	color: #fff;
	margin-bottom: 16px;
	display: inline-block;
}

.message-wrap .time-text {
	font-size: 15px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.5);
}

.message-single.by-me {
	text-align: right;
}
.message-single.by-me .user-image
{
	order: 2;
}
.message-single.by-me .message-wrap
{
	padding-left: 0;
	padding-right: 24px;
}
.message-single .message-inner.internal-log-inner
{
	flex-wrap: wrap;
}
.message-single.by-me .message-wrap .chat-text
{
	border-radius: 47px 0 17px 47px;
}
.internal-log-inner .internal-log
{
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding-left: 75px;
	position: relative;
}
.internal-log .close-btn-wrap
{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.internal-log .close-btn
{
	background-color: transparent;
	padding: 0;
	height: 50px;
	width: 50px;
	border: none;
}

.message-single.internal-log-wrap
{
	max-width: 98%;
	margin-bottom: 35px;
}
.internal-log .log-title
{
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 4px;
}
.internal-log .internal-log-text span
{
	display: block;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 400;
	max-width: 300px;
	text-transform: capitalize;
}
.internal-log .ex-date-wrap
{
	font-size: 15px;
	color: #EF3446;
	position: absolute;
	right: 10px;
	top: 25px;
}
.internal-log-inner .internal-log
{
	background-color: rgba(255, 255, 255, 0.05);
	border: 1px solid #727272;
	padding: 25px 36px
}
.internal-log .internal-content
{
	position: relative;
	padding-left: 75px;
}
.internal-log-inner .log-bottom-text
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	margin-top: 16px;
}
.transaction-detail-popup2 .modal-body
{
	padding: 30px 60px 38px;
}
.transaction-detail-popup2 .modal-dialog{
	max-width: 1024px;
	overflow: hidden;
}
.transaction-detail-popup2 .modal-header
{
	padding-left: 60px;
	padding-right: 60px;
}
.transaction-detail-popup2 .transaction-name-detail .icon-wrap
{
	height: 80px;
	width: 80px;
	flex: 0 0 80px;
	max-width: 80px;
}
.transaction-detail-popup2 .transaction-name-detail .detail-text
{
	flex: 0 0 calc(100% - 80px);
	max-width: calc(100% - 80px);
	padding-left: 20px;
}
.transaction-detail-popup2 .transaction-name-detail .account-name
{
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 4px;
}
.transaction-detail-popup2 .transaction-name-detail .account-type,
.transaction-detail-popup2 .transaction-name-detail .date-text
{
	font-size: 14px;
	display: block;
	margin-bottom: 4px;
	color: #D2CBC3;
}
.transaction-name-detail .account-type .icon-wrap
{
	height: 14px;
	width: 14px;
	display: inline-block;
	margin-left: 8px;
}
.transaction-name-detail .account-type .icon-wrap
{
	vertical-align: unset;
}
.transaction-name-detail .earn-coin-text .plus-icon,
.transaction-name-detail .earn-coin-text .icon-wrap
{
	color: #C2E42A;
	font-weight: 500;
	font-size: 22px;
	vertical-align: middle;
}

.transaction-name-detail .earn-coin-text .icon-wrap img
{
	height: 33px;
	width: 33px;
	margin-right: 10px;
}
.transaction-error-msg, .success, .pending
{
	padding: 11px 20px;
	color: #FF4545;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 25px;
	position: relative;
}
.transaction-error-msg::before, .success::before , .pending::before
{
	content: '';
	position: absolute;
	height: 100%;
	left: -200%;
	right: -200%;
	top: 0;
	background-color: rgba(255, 69, 69, 0.1);
}
.success::before{
	background-color: rgba(25,135,84, 0.2);
}
.pending::before{
	background-color: rgba(255,193,7, 0.1);
}
.transaction-error-msg .icon-wrap, .success .icon-wrap, .pending .icon-wrap
{
	height: 26px;
	width: 26px;
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;

}
.transaction-error-msg .icon-wrap img, .success .icon-wrap img, .pending .icon-wrap img
{
	max-width: 100%;
	vertical-align: unset
}
.transaction-detail-popup2 .transaction-name-detail
{
	margin-bottom: 20px;
}
.transaction-detail-content .title-small
{
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #fff;
}
.transaction-info-box
{
	background-color: rgba(217, 217, 217, 0.1);
	border-radius: 5px;
	padding: 14px 16px;
	display: flex;
	position: relative;
	flex-wrap: wrap;
}
.transaction-info-box .icon-wrap
{
	flex: 0 0 52px;
	max-width: 52px;
}
.transaction-info-box .info-text
{
	flex: 0 0 calc(100% - 52px);
	max-width: calc(100% - 52px);
	padding-left: 16px;
}
.transaction-info-box span
{
	display: block;
}
.transaction-info-box .holder-name
{
	color: #D7D7D7;
	font-size: 17px;
	margin-bottom: 6px;
}
.transaction-info-box .account-no
{
	font-size: 12px;
	color: #FFBE27;
}
.wallet-type-tag{
	font-size: 12px;
	font-weight: 500;
	padding: 6px 16px;
	color: #FFBE27;
	border-radius: 50px;
	background-color: rgba(255, 190, 39, 0.2);
}
.transaction-info-box .tag-wrap
{
	right: 19px;
	top: 19px;
	position: absolute;
}
.transaction-detail-content .desctiption-wrap
{
	margin-top: 25px;
	margin-bottom: 25px;
}
.transaction-detail-content .content-text
{
	color: #D2D2D2;
	font-size: 16px;
	line-height: 1.5;
}
.transaction-detail-content .content-text p
{
	color: #D2D2D2;
}
.summary-detail-listing ul
{
	padding-left: 0;
}
.summary-detail-listing ul li
{
	margin-bottom: 14px;
}
.summary-detail-listing ul li span
{
	font-size: 16px;
	font-weight: 500;
	color: #D2D2D2;
}
.summary-detail-listing ul li span.label-text
{
	width: 150px;
	display: inline-block;
	position: relative;
}
.summary-detail-listing ul li span.label-text::after
{
	content: ':';
	margin-left: 10px;
	position: absolute;
	right: 0;
}
.summary-detail-listing ul li span.info-text
{
	margin-left: 10px;
}
.balance-detail
{
	color: #FFBE27;
	font-size: 17px;
}
.balance-detail .icon-wrap
{
	height: 26px;
	width: 26px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}
.balance-detail .icon-wrap img
{
	max-width: 100%;
	height: 100%;
	width: 100%;
	vertical-align: unset;
}
.transaction-detail-popup2 .btn-wrap
{
	margin-top: 50px;
	text-align: right;
}
.btn-normal
{
	padding: 12px 50px;
	border-radius: 37px;
}
.btn-primary
{
	background: linear-gradient(110.85deg, #FFD167 9.2%, #FFBE27 92.12%);
	color: #3D3733;
	transition: all 300ms ease-in-out;
}
.btn-normal.btn-without-bg
{
	color: #7B7A7A;
}
.btn-normal.btn-without-bg:hover
{
	color: #fff;
}
.btn-primary:hover,
.btn-primary:focus
{
	background: linear-gradient(110.85deg, #f5c24e 9.2%, #f3af13 92.12%);
	transition: all 300ms ease-in-out;
	color: #3D3733;
}
@media(max-width:1600px) {

	.ticket-tab-wrapper .nav-tabs .nav-link,
	.ticket-tab-wrapper ul li a.nav-link,
	.ticket-transaction-single .transaction-title,
	.people-info-text .people-name,
	.transaction-tab-content-wraper .transaction-detail-text .title-small {
		font-size: 17px;
	}

	.people-info-list li {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px;
	}

	.transaction-tab-content-wraper .transaction-detail-text .content-text,
	.transaction-tab-content-wraper .transaction-detail-text .content-text p {
		font-size: 14px;
	}

	.message-wrap .chat-text,
	.message-single {
		margin-bottom: 12px;
	}

	.message-single .message-wrap {
		padding-left: 15px;
	}

	.message-wrap .chat-text {
		padding: 12px 20px;
		font-size: 14px;
	}
	.chat-ticket-date, .message-wrap .time-text
	{
		font-size: 14px;
	}
	.message-wrap .chat-text,
	.message-single {
		margin-bottom: 12px;
	}

	.message-wrap .time-text {
		font-size: 14px;
	}
	.message-single.by-me .message-wrap
	{
		padding-right: 15px;
	}
	.internal-log .log-title
	{
		font-size: 16px;
	}
	.internal-log .internal-log-text span
	{
		font-size: 13px;
		max-width: 270px;
	}
	.internal-log .ex-date-wrap
	{
		font-size: 13px;
		top: 20px;
	}
	.message-single.internal-log-wrap
	{
		margin-bottom: 25px;
	}
	.transaction-detail-popup2 .transaction-name-detail .account-name
	{
		font-size: 22px;
	}
	.transaction-detail-popup2 .transaction-name-detail .account-type, .transaction-detail-popup2 .transaction-name-detail .date-text
	{
		font-size: 13px;
	}
	.transaction-name-detail .earn-coin-text .plus-icon, .transaction-name-detail .earn-coin-text .icon-wrap
	{
		font-size: 20px;
	}
	.transaction-error-msg, .success, .pending,
	.transaction-detail-content .title-small
	{
		font-size: 18px;
	}
	.transaction-info-box .holder-name,
	.balance-detail
	{
		font-size: 15px;
	}
	.transaction-detail-content .content-text,
	.summary-detail-listing ul li span
	{
		font-size: 14px;
	}
}
@media(max-width:1365px){
	.ticket-tab-wrapper .nav-tabs .nav-link,.ticket-tab-wrapper ul li a.nav-link, .ticket-transaction-single .transaction-title, .people-info-text .people-name, .transaction-tab-content-wraper .transaction-detail-text .title-small
	{
		font-size: 16px;
	}
	.transaction-tab-content-wraper
	{
		padding: 50px 30px;
	}
	.ticket-detail-popup .modal-dialog {
		max-width:95%;
	}
	.ticket-detail-popup .modal-header
	{
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media(max-width:767px){
	.ticket-tab-wrapper .nav-tabs .nav-link
	{
		margin-right: 20px;
	}
	.ticket-tab-wrapper .nav-tabs
	{
		padding: 20px 20px 0;
	}
	.transaction-tab-content-wraper
	{
		padding: 40px 20px;
	}
	.ticket-detail-popup .modal-header
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.transaction-message-wrapper.transaction-tab-content-wraper
	{
		padding: 0 20px;
	}
	.internal-log-inner .internal-log
	{
		padding: 20px;
	}
	.internal-log .close-btn
	{
		height: 40px;
		width: 40px;
	}
	.internal-log .close-btn img
	{
		max-width: 100%;
	}
	.internal-log .internal-content
	{
		padding-left: 55px;
	}
	.internal-log .ex-date-wrap
	{
		position: static;
		margin-top: 5px;
		text-align: right;
	}
	.transaction-detail-popup2 .modal-body
	{
		padding: 20px 20px 30px;
	}
}


@media(max-width:374px) {
	.transaction-detail-popup .modal-header {
		padding-left: 10px;
		padding-right: 10px;
	}

	.square-btn {
		height: 28px;
		width: 28px;
		line-height: 28px;
		background-size: cover;
	}

	.transaction-detail-popup .popup-title h3 {
		width: 135px;
		height: 30px;
		font-size: 13px;
		line-height: 32px;
		background-size: cover;
	}

	.transaction-detail-popup .right-wrapper {
		flex: 0 0 35%;
		max-width: 35%;
	}

	.transaction-detail-popup .left-wrapper {
		flex: 0 0 18%;
		max-width: 18%;
	}

	.transaction-name-detail .icon-wrap,
	.transaction-name-detail .detail-text {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.transaction-name-detail .tag-single {
		margin-bottom: 10px;
	}

	.transaction-popup-inner .bg-btn.btn-100 {
		width: 158px;
		height: 54px;
		background-size: cover;
	}

	.transaction-name-detail>.icon-wrap {
		max-width: 64px;
		margin-bottom: 10px;
	}

	.bg-btn.btn-grey {
		background-image: url(../img/yellow-big-btn-bg.svg);
	}

	.transaction-popup-inner .bg-btn {
		margin-left: 0;
	}
}

/* 26-June-2023 End*/

label.error {
	color: #fd143a !important;
	padding-bottom: 12px;
}
.show_user_details, .show_business_details {
	cursor: pointer;
}
.avatar {
	vertical-align: middle;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.user-model-xxl {
	min-width: 1166px !important;
}
.dataTables_info {
	color: #FFFFFF !important;
}
#transactions_paginate {
	color: #FFFFFF !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
	color: #FFFFFF !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #FFFFFF !important;
	background-color: #ffbe272d !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #FFFFFF !important;
	background: RGB(255 255 255/6%) !important;
}
.paginate_button.disabled {
	display: none !important;
}
.change-color {
	color: #FFBE27 !important;
}
.fee-structure-header {
	width: 100%;
	text-align: end;
	padding-right: 22px;
}

/* 24-Jan-2023 Start*/
.navbar .nav-right {
	margin-left: auto;
	padding: 0 20px;
}

.navbar .btn-wrap .btn {
	margin-left: 20px;
}

.loc-wrap img {
	max-width: 40px;
	width: 40px;
	height: auto;
	margin-right: 8px;
}

.btn-small {
	font-size: 10px;
	color: #513F2E;
	font-weight: 700;
	padding: 7px 40px;
	text-transform: uppercase;
	background: linear-gradient(111deg, #FFD167 9.2%, #FFBE27 92.12%);
	border-radius: 30px;
}

.create-airdrop-modal .modal-dialog {
	max-width: 620px;
}

.create-airdrop-modal .btn-wrap {
	margin-top: 60px;
}

.select-wrapper {
	position: relative;
}

.select-wrapper select {
	-webkit-appearance: none;
	-moz-appearance: none;
}

.select-wrapper::before {
	content: '';
	position: absolute;
	background-image: url(../img/arrow-down.svg);
	height: 20px;
	width: 20px;
	background-position: center;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}

.select-wrapper select option {
	color: #000;
}

.form-row-wrap .form-group .form-label {
	flex: 0 0 35%;
	max-width: 35%;
}

.form-row-wrap .form-group>.input-group,
.form-row-wrap .form-group>.select-wrapper {
	flex: 0 0 65%;
	max-width: 65%;
}

.form-row-wrap .form-group>input {
	flex: 0 0 65%;
	max-width: 65%;
}

.form-row-wrap .form-group {
	display: flex;
	align-items: center;
}

.form-group input,
.form-group select,
.info-single textarea
{
	padding: 12px 18px;
	background-color: rgba(100, 99, 98, 0.2);
	color: #cecece;
	border: none;
	outline: none;
	height: 50px;
	display: block;
}

.form-group select option {
	color: #000;
}

.form-group::placeholder {
	color: #F1F1F1;
}

.form-row-wrap .form-group {
	margin-bottom: 22px;
	font-weight: 500;

}

.create-group-modal .modal-dialog {
	max-width: 1300px;
}

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

.form-group .input-group {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
}

.input-group>.input-wrap {
	flex: 1;
	padding-left: 3px;

}

.input-wrap .icon-wrap {
	height: 50px;
	width: 50px;
	display: block;
	position: absolute;
	display: flex;
	align-items: center;
	z-index: 1;
	justify-content: center;
	background-color: rgba(75, 75, 75, 0.6);
	left: 0;
}

.icon-input-wrap .input-wrap {
	padding-left: 50px;
	position: relative;
	max-width: calc(50% - 8px);
}

.form-group .select-wrapper select {
	padding-right: 40px;
	color: #FFBE27;
}

.form-group .select-wrapper::before {
	right: 10px;
}

.form-group .select-wrapper select {
	width: 100%;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

.form-label span.note {
	display: block;
	font-size: 14px;
	color: #F1F1F1;
	opacity: 0.5;
}

.upload-btn-wrap {
	padding: 5px 20px;
	padding-right: 48px;
	border-radius: 30px !important;
	font-size: 14px;
	color: #513F2E;
	background: linear-gradient(111deg, #FFD063 9.2%, #FFC232 92.12%);
	position: relative;
}

.upload-btn-wrap input {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
}

.upload-btn-wrap .icon-wrap {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}

.upload-btn-wrap .btn-wrap {
	width: 100%;
}

.input-group .upload-btn-wrap {
	margin-right: 10px;
}

.switch-wrap {
	width: 50px;
	height: 17px;
	border-radius: 41px;
	background: rgba(255, 255, 255, 0.5);
	position: relative;
}

.switch-wrap input {
	opacity: 0;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.switch-wrap .slider {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background-color: #D9D9D9;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	transition: all 300ms ease-in-out;
	left: 0;
}

.switch-wrap input:checked+.slider {
	left: calc(100% - 24px);
	background-color: #FFBE27;
	transition: all 300ms ease-in-out;
}

button.btn.btn-sm,
a.btn.btn-sm
{
	padding: 10px 42px;
	font-size: 18px;
	font-weight: 600;
}

.btn.btn-xsm {
	padding: 8px 32px;
	font-size: 16px;
	font-weight: 500;
}

.btn.btn-primary {
	color: #2F2F2F;
	background: linear-gradient(111deg, #FFD167 9.2%, #FFBE27 92.12%);
	border-radius: 50px !important;
}

.btn.cancel-btn {
	color: #939393;
}

.modal-footer-btn {
	margin-top: 60px;
}

.modal.modal-small .modal-dialog {
	max-width: 750px;
}

.modal.modal-small.edit-device-modal .modal-dialog
{
	max-width: 670px;
}
.modal.select-apps-modal .modal-dialog {
	max-width: 635px;
}

.cus-checkbox-wrapper .checkmark {
	height: 16px;
	width: 16px;
	border: 1px solid #9F9F9F;
	display: block;
	position: relative;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.cus-checkbox-wrapper .checkmark::before {
	content: '';
	position: absolute;
	background-image: url(../img/check-icon.svg);
	height: 12px;
	width: 12px;
	background-size: 12px;
	background-position: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-repeat: no-repeat;
	opacity: 0;
	transition: all 300ms ease-in-out;
}

.cus-checkbox-wrapper {
	position: relative;
	padding-left: 36px;
}

.form-row-wrap .cus-checkbox-wrapper .form-label {
	margin-bottom: 0;
	max-width: 100%;
	font-size: 17px;
	opacity: 0.7;
	color: #FFF;
}

.cus-checkbox-wrapper input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
}

.cus-checkbox-wrapper :checked+.checkmark {
	background-color: #F2A93C;
	border: none;
}

.cus-checkbox-wrapper :checked+.checkmark::before {
	opacity: 1;
}

.success-modal-wrapper {
	text-align: center;
	padding: 20px 0;
}

.success-modal.modal .modal-dialog {
	max-width: 600px;
}

.success-modal-wrapper .icon-wrap {
	height: 120px;
	width: 120px;
	margin: 0 auto 22px;
}

.success-modal-wrapper .icon-wrap img {
	max-width: 100%;
	height: auto;
}

.success-modal-wrapper .success-content {
	font-size: 20px;
	font-weight: 500;
	color: #FFF;
}

.success-modal-wrapper .modal-footer-btn {
	margin-top: 30px;
	margin-bottom: 20px;
}

.business-name {
	position: relative;
	padding-left: 64px;
	line-height: 1.2;
}

.business-name .image-wrap {
	height: 44px;
	width: 44px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.business-name .image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.business-name {
	font-size: 14px;
	color: #FFF;
	font-weight: 500;
}

.business-tag {
	font-size: 12px;
	padding: 3px 8px;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, 0.05);
	display: block;
	width: max-content;
	line-height: 1.2;
}

.business-name .business-tag {
	margin-top: 10px;
}

.price-text img {
	height: 20px;
	width: 20px;
	margin-right: 6px;
}

.right-sidebar-wrapper {
	background: RGB(255 255 255/6%);
}

.custom-tab-wrapper .nav-item {
	margin-left: 15px;
	margin-right: 15px;
}

.custom-tab-wrapper .nav-tabs {
	border-bottom: none;
	background-color: #53504F;
}

.custom-tab-wrapper .nav-tabs .nav-link {
	padding: 18px 10px;
	background-color: transparent;
	border: none;
	color: #FFF;
}

.custom-tab-wrapper .nav-tabs .nav-link.active {
	color: #FFBE27;
	font-weight: 500;
	text-shadow: 1px 1px 20px #FFBE27;
	border-bottom: 2px solid #FFBE27;
}

.custom-tab-wrapper .tab-content {
	padding: 32px 22px;
}

.info-single .form-label {
	color: #D2D2D2;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}
.info-single input{
	font-size: 17px;
	color: #FFBE27;
	font-weight: 500;
	height: 58px;
}
.row.info-row .info-col
{
	margin-bottom: 18px;
}
.info-single .label-inline
{
	display: inline-block;
	margin-right: 10px;
}
.info-single .upload-btn-wrap
{
	display: inline-block;
	padding-right: 20px;
}
.info-single .upload-btn-wrap .icon-wrap
{
	display: none;

}
.info-single .upload-btn-wrap input
{
	height: 100%;
}
.info-single textarea
{
	width: 100%;
	height: 70px;
}
.info-single .select-wrapper
{
	cursor: pointer;
}
.info-single .select-wrapper::before
{
	content: '';
	background-image: url(../img/green-down-arrow.svg);
	height: 30px;
	width: 30px;
	pointer-events: none;
}
.mobile-select-wrapper .select-wrapper
{
	position: absolute;
	left: 0;
}
.mobile-select-wrapper .select-wrapper select
{
	height: 58px;
	width: 100px;
}
.mobile-select-wrapper {
	position: relative;
}
.mobile-select-wrapper input
{
	padding-left: 130px;
}
.owner-single
{
	position: relative;
	min-height: 40px;
	display:flex;
	align-items: center;
	padding-left: 54px;
	color: #fff;
	font-weight:500;
}
.owner-single .image-wrap
{
	height: 40px;
	width: 40px;
	border-radius: 50%;
	position: absolute;
	left: 0;
}
.owner-single .image-wrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.device-list-wrapper .device-single
{
	padding: 16px 20px;
	border: 1px solid #616161;
	background: #544D4B;
	margin-bottom: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.device-name-wrap .image-wrap
{
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background-color: #32BEA6;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
}
.device-name-wrap .image-wrap img{
	width: 100%;
	object-fit: cover;
}
.device-name-wrap
{
	position: relative;
	min-height: 40px;
	display: flex;
	align-items: center;
	padding-left: 55px;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
}
.device-single .btn-xs{
	padding: 6px 16px;
	background: none;
	font-weight: 600;
	color: #000;
	background-color: #FFBE27;
	border-radius: 50px!important;
	text-transform: uppercase;
	margin-right: 8px;
	font-size: 12px;
}
.device-single .btn-xs:last-child
{
	margin-right: 0;
}
.btn.btn-red
{
	background: linear-gradient(111deg, #FF707C 9.2%, #E71225 92.12%);
	color: #fff;
}
.device-content-wrap .btn-wrap
{
	text-align: center;
	margin-top: 20px;
}
.right-sidebar-wrapper
{
	min-height: calc(100vh - 120px);
}
.coin-wrap
{
	color: #fff;
}
.edit-device-modal .input-tag-wrap .business-tag
{
	border: none;
	background: linear-gradient(111deg, #FFD167 9.2%, #FFBE27 92.12%);
	color: #2F2F2F;
	font-weight: 600;
	padding: 5px 8px;
}
.edit-device-modal .input-tag-wrap
{
	width: calc(100% + 100px);
	position: relative;
}
.edit-device-modal .input-tag-wrap .business-tag
{
	position: absolute;
	left:100%;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 10px;
}
.virtua-modal .custom-tab-wrapper .nav-tabs
{
	position: relative;
	background-color: transparent;
}
.virtua-model-formnew
{
	overflow: hidden;
}
.virtua-modal .custom-tab-wrapper .nav-tabs::before
{
	content: '';
	position: absolute;
	left: -200%;
	height: 100%;
	right: -200%;
	background-color: rgba(100, 99, 98, 0.2);
}
.custom-table-wrap th,
.custom-table-wrap td
{
	padding: 25px;
	font-size: 16px;
	font-weight: 400;
}
.custom-table-wrap td
{
	background-color: rgba(100, 99, 98, 0.2);
	border-bottom: 8px solid #303030;
}
.amount-text-wrap
{
	padding: 20px 0;
	border-top: 1px dashed #797979;
	border-bottom: 1px dashed #797979;
	margin-bottom: 20px;
	color: #fff;
}
.amount-text-wrap .text-gold
{
	color: #fff!important;
	font-size: 20px;
}
.delete-modal .success-modal-wrapper .icon-wrap
{
	height: 100px;
	width: 100px;
}
.delete-modal .modal-footer-btn
{
	margin-bottom: 0;
	display: block;
	text-align: right;
	margin-top: 60px;
}
@media(max-width:1365px) {
	.create-group-modal .modal-dialog {
		max-width: 98%;
	}
}

@media(max-width:1199px) {
	.form-row-wrap>.row>.col-6 {
		width: 100%;
	}
}

@media(max-width:767px) {
	.form-group {
		flex-wrap: wrap;
	}

	.form-row-wrap .form-group .form-label,
	.form-row-wrap .form-group>input,
	.form-row-wrap .form-group>.input-group,
	.form-row-wrap .form-group>.select-wrapper {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media(max-width:575px) {
	.icon-input-wrap .input-wrap {
		max-width: 100%;
	}

	.form-group .input-group {
		flex-wrap: wrap;
	}
	.edit-device-modal .input-tag-wrap .business-tag
	{
		left: auto;
		right: 0;
	}
	.edit-device-modal .input-tag-wrap
	{
		width: 100%;
		padding-right: 90px;
	}
}
/* 24-Jan-2023 End*/


table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable tfoot th,table thead th,table tfoot th
{
	white-space: nowrap !important;
}