/**Fonts**/
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
* {
	font: inherit;
	line-height: inherit;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
grid,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
noscript,
object,
ol,
output,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
.row {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: "Raleway", sans-serif;
}

blockquote,
q {
	quotes: none;
}

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

a,
a:active,
a:visited,
a:hover {
	color: inherit;
	text-decoration: none;
}

* {
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
	font-family: "Raleway", sans-serif;
	scroll-behavior: smooth;
}

a:hover {
	text-decoration: none;
	color: var(--dark-green);
}

input:focus,
textarea:focus,
button:focus {
	outline: 0;
}

.p-relative {
	position: relative;
}

:root {
	--dark-green: #25ae88;
	--light-green: #d7f4f0;
	--dark-gray: #4a4a69;
	--light-gray: #7b8191;
	--bg: #f9fbfb;
}
p {
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: var(--light-gray);
}
p.subtext {
	font-size: 16px;
	line-height: 19px;
	color: var(--dark-gray);
	opacity: 0.8;
}
p.options {
	font-weight: 400;
	font-size: 17px;
	line-height: 20px;
	color: var(--dark-gray);
	opacity: 0.7;
}
p.modalText {
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	text-transform: capitalize;
}
p.nftBox {
	padding: 4px 7px;
	height: 22px;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	background: rgba(74, 74, 105, 0.12);
	border-radius: 2px;
}
p.warning {
	color: #e24342;
}
.text-green {
	color: var(--dark-green);
}
.dark-green {
	color: var(--dark-green);
}
.light-green {
	color: var(--light-green);
}
.dark-gray {
	color: var(--dark-gray);
}
.light-gray {
	color: var(--light-gray);
}
.bg {
	background: var(--bg);
}
.table td,
.table th {
	border: none;
	vertical-align: middle;
}
.table-responsive {
	display: inline-table;
}
tr {
	border-bottom: 1px solid #ebecef;
}
td {
	white-space: nowrap;
}
thead {
	background: rgba(37, 174, 136, 0.15);
}
thead td {
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: var(--dark-gray);
}
tbody td {
	font-weight: 300;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.005em;
	color: var(--light-gray);
}
tbody td * {
	color: var(--light-gray);
}
tbody td svg path {
	color: inherit;
}
.txt-dark {
	color: var(--dark-gray);
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mr-20 {
	margin-right: 20px;
}
/* LOGIN */
.full-height {
	height: 100vh;
	width: 100%;
}
.justify-content-center {
	display: flex;
	justify-content: center;
}
.align-center {
	display: flex;
	align-items: center;
}
.vgate-abs {
	position: absolute;
	top: 25px;
	right: 25px;
}
.login--wrap {
	background-color: #fff;
	padding: 25px;
	box-shadow: 0px 0px 20px -6px #9a9a9a;
	border-radius: 20px;
	width: 400px;
}
.login--logo {
	justify-content: center;
	max-width: 100%;
	padding: 20px;
}
.ManageOrganisation {
	border-radius: 9px;
	margin-bottom: 10px;
	padding: 12px 16px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
}
.ManageOrganisation.active {
	background: rgba(37, 174, 136, 0.1);
}
.ManageOrganisation.active > * {
	color: var(--dark-green);
}
.welcome-text {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--dark-green);
	text-align: center;
	margin-top: 29px;
}
.login-text {
	color: var(--dark-gray);
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
}
.form-wrap {
	padding: 10px 20px;
}
.form-wrap form h5 {
	font-size: 1rem;
	color: var(--dark-gray);
	font-weight: 400;
}
textarea {
	width: 100%;
	border: 1px solid var(--dark-gray);
	border-radius: 5px;
	padding: 23px 27px;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: rgba(74, 74, 105, 0.64);
}
.form-wrap form input {
	height: 40;
	line-height: 40px;
	padding: 0 15px;
	color: var(--dark-gray);
	border: 1px solid var(--dark-gray);
	border-radius: 5px;
	width: 100%;
	font-weight: 500;
}
.form-wrap form input:focus {
	border: 1px solid var(--dark-green);
}
.search-input input {
	background-color: rgba(74, 74, 105, 0.1);
	border-radius: 5px;
	outline: none;
	border: none;
	height: 40px;
	position: relative;
	padding-left: 40px;
	padding-right: 10px;
	color: var(--dark-gray);
	font-weight: 500;
}
.search-input img {
	position: absolute;
	top: 13px;
	left: 10px;
	width: 17px;
	height: 17px;
}
.nft-header {
	padding-bottom: 33px;
}
.nft-header .nice-select {
	height: 40px !important;
	display: flex;
	align-items: center;
}
.nft-header .nice-select::before {
	content: "";
	position: absolute;
	top: 17px !important;
}
.nft-header button {
	height: 40px !important;
}
table input {
	width: 110px;
	height: 24px;
	color: var(--dark-gray);
	border: 1px solid var(--dark-gray);
	border-radius: 2px;
}
.modal-body input {
	height: 40px;
	border: 1px solid var(--dark-gray);
	border-radius: 5px;
	padding: 5px 10px;
}
.login-btn-wrap .login-btn input {
	border: 0;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	background-color: var(--dark-green);
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 130px;
	border-radius: 5px;
}
.login-btn-wrap .login-btn input:hover {
	background-color: var(--light-gray);
}

.for-link {
	font-weight: 500;
	color: var(--dark-gray);
}
.form-wrap form h6 {
	text-align: center;
	font-size: 14px;
	color: var(--light-gray);
}

.form-wrap form h4 {
	font-size: 1rem;
	text-align: center;
	color: var(--dark-gray);
	font-weight: 500;
}
.form-wrap form h4:hover {
	color: var(--dark-green);
}

/* VIRTUA COIN GENERIC API */
.lhs {
	width: 250px;
	box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.09);
	/* box-shadow: 0px 0px 20px -6px #9a9a9a85; */
	height: 100vh;
	overflow: auto;
	/* transition: all 0.3s ease-in-out; */
}
.vnav_title {
	font-weight: 500;
	font-size: 0.9rem;
	line-height: 16px;
	letter-spacing: 0.005em;
	color: var(--dark-gray);
}
#toggleMenu {
	cursor: pointer;
}
.w-250 {
	width: 91px;
}
.wid-250 {
	width: 75px;
}
.wid-250 .vnav_title,
.wid-250 .image-3,
.wid-250 .image-2,
.wid-250 .image-1,
.wid-250 .image,
.wid-250 .col-green,
.wid-250 .logo--name,
.wid-250 #d-n {
	display: none !important;
}
/* Nav */
.vgate-nav {
	position: relative;
}

.vgate-nav > nav > ul > li:nth-child(1),
.vgate-nav > nav > ul > li:nth-child(2) {
	font-size: 14px;
}

.sub-title {
	position: relative;
	padding-left: 5px;
}

.sub-title-1 > li.active:nth-child(1),
.sub-title-2 > li.active:nth-child(1),
.sub-title-3 > li.active:nth-child(1) {
	color: var(--dark-gray);
	font-weight: 500;
}

.spec {
	position: relative;
}

.spec > ul > li {
	color: var(--light-gray);
}

/* .spec img {
  vertical-align: middle;
  position: absolute;
  right: 0;
} */

.spec-1 img {
	vertical-align: middle;
	position: absolute;
	right: 0;
}

.spec-2 img {
	vertical-align: middle;
	position: absolute;
	right: 0;
}

#d-n {
	display: none;
}

#d-none {
	display: none;
}

#d-none1 {
	display: none;
}
#d-none2 {
	display: none;
}
.max-100 {
	max-width: 100% !important;
}

.image-rotate {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-webkit-transition-duration: 1s;
	transition: all 0.5s ease-in-out;
}

.image-rotate-1 {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-webkit-transition-duration: 1s;
	transition: all 0.5s ease-in-out;
}

.image-rotate-2 {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-webkit-transition-duration: 1s;
	transition: all 0.5s ease-in-out;
}

.mtb-10 {
	margin: 7px 0;
}

.ul-space {
	padding-left: 3rem;
	margin-bottom: 2rem;
}
.ul-space li {
	padding: 7px 0;
	position: relative;
}
.ul-space li::before {
	content: "";
	position: absolute;
	left: -25px;
	top: 15px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	border: 1px solid var(--light-gray);
}
.ul-space li a {
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.005em;
	font-weight: 500;
	color: var(--light-gray);
}
.ul-space li.active a {
	color: var(--dark-green);
}
.ul-space li.active::before {
	content: "";
	border: 1px solid var(--dark-green);
}

.page-active {
	color: var(--dark-green);
}

.spec,
.spec-1,
.spec-2 {
	cursor: pointer;
	color: var(--dark-gray);
}

.spec > .ul-space > li,
.spec-1 ul li,
.spec-2 ul li {
	color: var(--dark-gray);
}
.col-green {
	color: var(--light-gray);
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.005em;
}
/* Generic API */
.top-wrap {
	height: 65px;
	box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.09);
	/* box-shadow: 7px 4px 10px #d2d2d246; */
}
.submenu {
	display: none;
	position: absolute;
	top: 60px;
	right: -10px;
	background: white;
	border-radius: 5px;
	/* width: 220px; */
	width: max-content;
	box-shadow: 0px 0px 10px 2px #d2d2d28e;
	z-index: 1;
}
.submenu::before {
	font-family: "FontAwesome";
	content: "\f0d8";
	right: 25px;
	top: -17px;
	position: absolute;
	color: #ffffff;
	font-size: 20px;
}
.divider {
	background: rgb(221, 221, 221);
	height: 1px;
	width: 100%;
	display: block;
}
.submenu ul li {
	padding: 12px 33px;
}
.submenu ul li a {
	font-size: 1.1rem;
	color: var(--light-gray);
	font-weight: 500;
}
.submenu ul li a span {
	opacity: 0.7;
	font-size: 0.9rem;
}
#orgLink {
	display: none;
}
.switchBtn {
	background-color: #25ae88;
	font-size: 0.7rem !important;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.005em;
	gap: 4px;
}
.submenu ul li a:hover {
	color: #40b897;
}
.cursor-pointer {
	cursor: pointer;
}
.imageszero {
	transform: rotate(0deg);
	transition: all 0.3s ease-in-out;
}
.image-rotates {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-webkit-transition-duration: 1s;
	transition: all 0.3s ease-in-out;
}

.pm-0 {
	padding: 0;
	margin: 0;
}
.prl {
	padding: 0 40px;
}
.w-100 {
	width: 100% !important;
}
.flex-space-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mr-15 {
	margin-right: 15px;
}
.top-wrap-title {
	color: var(--dark-gray);
	font-size: 18px;
}
/* .edit-btn {
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  color: var(--dark-gray);
  border-radius: 4px;
  border: 1px solid var(--dark-gray);
  cursor: pointer;
  display: inline-block;
}
.edit-btn:hover {
  background: var(--dark-gray);
  color: #fff;
} */
.dif {
	display: inline-flex;
	align-items: center;
}
.dif img {
	height: 20px;
	width: 20px;
}
.img-xl {
	width: 55px;
	height: 56px;
}
.header--text {
	font-weight: 500;
	font-size: 0.9rem;
	line-height: 16px;
	color: var(--light-gray);
}
.generic .nice-select {
	border: solid 1px #40b897;
	color: var(--dark-green);
	height: 40px;
	width: 100%;
	line-height: 40px;
}
/* .generic .nice-select .list {
  width: 100%;
} */
.generic .nice-select::before {
	content: "";
	position: absolute;
	right: 12px;
	top: 17px;
	background-image: url(./../img/svg/nice_select_arrow.svg);
	background-repeat: no-repeat;
	height: 15px;
	background-size: contain;
	width: 13px;
}
.generic .nice-select:after {
	/* border-bottom: 2px solid var(--dark-green);
  border-right: 2px solid var(--dark-green); */
	content: "dudhat";
	display: none;
}
.virtuaTech .nice-select {
	background-color: rgba(74, 74, 105, 0.1);
	border: none;
	color: var(--dark-gray);
	font-size: 16px;
}
.virtuaTech .nice-select::before {
	content: "";
	height: 15px;
	background-size: contain;
	width: 13px;
	background-image: url(./../img/svg/nice_select_arrow_2.svg);
}
.space .nice-select {
	border: solid 1px var(--dark-gray);
	color: var(--dark-green);
	height: 40px;
	line-height: 40px;
	color: var(--dark-gray);
}
.space .nice-select:after {
	border-bottom: 2px solid var(--dark-gray);
	border-right: 2px solid var(--dark-gray);
}
.profile {
	width: 38px;
	height: 38px;
	border-radius: 50px;
	display: inline-block;
	background-image: url(../img/header-profile.png);
	background-position: center;
	background-size: cover;
	position: relative;
}
.page-title {
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 28px;
	letter-spacing: 0.005em;
	color: var(--light-gray);
	margin-bottom: 34px;
}
.mtb-3 {
	margin: 3rem 0;
}
.generic-wrap {
	padding: 2rem 3rem;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 2px #8181812e;
	height: auto;
	width: 100%;
	overflow-x: auto;
	/* max-width: 840px; */
}
.generic-wrap-table {
	padding: 40px;
	max-width: auto !important;
	height: 100%;
}
.generic-wrap-right {
	padding: 20px 30px;
}
.login-title-txt {
	display: inline-flex;
	width: 250px;
	color: var(--dark-gray);
	font-weight: 400;
	padding-left: 15px;
	border-left: 2px solid #fff;
	font-size: 16px;
}
/* .divs:hover .login-title-txt {
  border-left: 2px solid var(--dark-green);
  color: var(--dark-green);
} */
.uploadBadge {
	width: 50px;
	height: 50px;
	background: rgba(123, 130, 145, 0.15);
	border-radius: 5px;
	position: relative;
}
.uploadUpdateBadge {
	width: 50px;
	height: 50px;
	background: rgba(123, 130, 145, 0.15);
	border-radius: 5px;
	position: relative;
}
.uploadUpdateBadge::before {
	content: "";
	background-image: url(./../img/svg/error_cros.svg);
	position: absolute;
	right: -8px;
	top: -6px;
	z-index: 999;
	background-size: 14px;
	height: 18px;
	width: 18px;
	background-color: white;
	border-radius: 50%;
	border: 2px solid white;
	background-repeat: no-repeat;
}
.ToggleEvent {
	width: 100%;
	/* height: 40px; */
	background: rgba(37, 174, 136, 0.05);
	border: 1px solid #25ae88;
	border-radius: 5px;
	padding: 8px 10px;
}
.ToggleEvent .post {
	padding: 6px 18px;
	gap: 10px;
	width: 60px;
	height: 24px;
	background: #25ae88;
	border-radius: 2px;
	font-weight: 500;
	font-size: 10px;
	line-height: 12px;
	margin-right: 10px;
	color: #ffffff;
	cursor: pointer;
}
div.tags {
	width: 100%;
	padding: 20px 24px;
	height: 100px;
	border: 1px solid #4a4a69;
	border-radius: 5px;
}
div.tags .tagBtn {
	position: relative;
}
/* div.tags .tagBtn img {
  position: absolute;
  right: 0;
} */
div.tags .tagBtn button {
	position: relative;
	outline: none;
	background-color: transparent;
	height: 30px;
	padding: 8px 10px;
	background: rgba(74, 74, 105, 0.1);
	border-radius: 6px;
	border: none;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #4a4a69;
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
}
.upload-area {
	height: 200px;
	background: rgba(123, 130, 145, 0.15);
	opacity: 0.5;
	border-radius: 5px;
	padding: 23px;
	margin-top: 24px;
}
.uploadHere {
	width: 64px;
	height: 64px;
	background: #ffffff;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13);
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.login-txt-input {
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	border: 0;
	width: 100%;
	border-radius: 5px;
	border: 1px solid var(--light-gray);
	background: transparent;
}
/* .login-txt-input:focus {
  background: #d7f4f0;
  border: 1px solid var(--dark-green);
} */
.divs {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
	border-left: 2px solid transparent;
}
.divs:hover {
	border-left: 2px solid var(--dark-green);
}
.divs:hover p {
	color: var(--dark-green);
}
.divs:hover .login-txt-input {
	background: #d7f4f0;
	border: 1px solid var(--dark-green);
}
.save {
	color: #fff;
	border-radius: 3px;
	background: var(--dark-green);
	border: none;
	height: 45px;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 40px;
	padding: 0 17px;
}
.save:hover {
	background: var(--dark-green);
	color: #fff;
}
.small-btn {
	height: 36px;
	line-height: 36px;
	font-size: 1rem;
}
.close-btn {
	background: #e24342;
	padding: 0 17px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.refresh {
	background: #25ae88;
	border-radius: 3px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 6px 11px;
	gap: 8px;
	color: #fff;
	border: none;
	outline: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}
.justify-content-end {
	display: flex;
	justify-content: end;
}
.close-btn:hover {
	background: #e24342;
}
.parameters {
	color: var(--dark-gray);
	font-size: 18px;
	font-weight: 500;
	padding-left: 15px;
	border-left: 3px solid var(--dark-green);
}
.para-list {
	padding-left: 40px;
}
.para-list li {
	list-style-type: circle;
	color: var(--light-gray);
	padding: 5px 0;
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 16px;
	letter-spacing: 0.005em;
}

/**/
.switch {
	display: inline-flex;
	align-items: center;
	height: 20px;
	position: relative;
	top: 10px;
	line-height: 20px;
	width: 47px;
}

.switch input {
	display: none;
}

.slider {
	background-color: #ccc;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.4s;
}

.slider:before {
	background-color: #fff;
	bottom: 4px;
	content: "";
	height: 13px;
	left: 4px;
	position: absolute;
	transition: 0.4s;
	width: 13px;
}

input:checked + .slider {
	background-color: var(--dark-green);
}

input:checked + .slider:before {
	transform: translateX(26px);
}
input[type="checkbox"] {
	width: 16px;
	height: 16px;
	background: #ccccd3;
	border: none;
}
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}
.create-space-title {
	color: var(--dark-green);
	font-size: 22px;
	font-weight: 500;
}
.space-input-title {
	color: var(--dark-gray);
	font-size: 18px;
	font-weight: 400;
	width: 140px;
	display: inline-flex;
}
.space-modal input {
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	border: 1px solid var(--dark-gray);
}
.platform-btn button {
	display: inline-flex;
	margin-right: 15px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	color: var(--dark-gray);
	border: 0;
	background: white;
	border: 1px solid var(--dark-gray);
	border-radius: 5px;
}
.platform-btn button:hover {
	background: var(--dark-gray);
	color: #fff;
	border: 1px solid var(--dark-gray);
}
.bgButton {
	height: 32px;
	background: rgba(123, 130, 145, 0.15);
	border-radius: 3.94231px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 20px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #7b8291;
	border: none;
	outline: none;
}
.modal-dialog {
	max-width: 1000px;
}
.modal-fullscreen {
	max-width: 100% !important;
	width: 95% !important;
}
.modal-xl {
	max-width: 90%;
}
.modal-dialog .modal-content {
	border-radius: 5px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}
.modal-body {
	padding: 2rem;
	overflow-y: scroll;
	max-height: calc(100vh - 250px);
}
.modal-footer {
	background: #f5f5f5;
	padding: 2rem;
}
.modal-header {
	border-bottom: 1px solid #c5c5c5;
	padding: 24px;
}
.modal--sub-header {
	background: rgba(37, 174, 136, 0.1);
	border-bottom: 1px solid rgba(37, 174, 136, 0.5);
	height: 49px;
	display: flex;
	align-items: center;
	padding: 0 15px;
}
.modal--sub-header p {
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: var(--dark-gray);
}
.modal--sub-header .active {
	color: var(--dark-green);
}
.modal-header .modal-title {
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 28px;
	color: var(--dark-green);
}
.modal--sub-body {
	background: #c8d2d81a;
	padding: 31px 21px;
}
.modal-error-text {
	font-weight: 500;
	font-size: 36px;
	line-height: 42px;
	display: flex;
	align-items: center;
	text-transform: capitalize;
	color: #e24342;
	margin-top: 32px;
	margin-bottom: 16px;
}
.modal-error-subText {
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	display: flex;
	align-items: center;
	text-align: center;
	text-transform: capitalize;
	color: #4a4a69;
}
/* Upload */
.button_outer {
	background: var(--dark-green);
	border-radius: 30px;
	text-align: center;
	height: 55px;
	width: 200px;
	display: inline-block;
	transition: 0.2s;
	position: relative;
	overflow: hidden;
}
.btn_upload {
	padding: 17px 30px 12px;
	color: #fff;
	text-align: center;
	position: relative;
	display: inline-block;
	overflow: hidden;
	z-index: 3;
	white-space: nowrap;
}
.btn_upload input {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	width: 100%;
	height: 105%;
	cursor: pointer;
	opacity: 0;
}
.file_uploading {
	width: 100%;
	height: 10px;
	margin-top: 20px;
	background: #ccc;
}
.file_uploading .btn_upload {
	display: none;
}
.processing_bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	border-radius: 30px;
	background: var(--dark-green);
	transition: 3s;
}
.file_uploading .processing_bar {
	width: 100%;
}
.success_box {
	display: none;
	width: 50px;
	height: 50px;
	position: relative;
}
.success_box:before {
	content: "";
	display: block;
	width: 9px;
	height: 18px;
	border-bottom: 4px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 22px;
	top: 14px;
}
.file_uploaded .success_box {
	display: inline-block;
}
.file_uploaded {
	margin-top: 0;
	width: 50px;
	background: var(--dark-green);
	height: 50px;
}
.uploaded_file_view {
	max-width: 300px;
	margin: 0 0 20px 0;
	text-align: center;
	position: relative;
	transition: 0.2s;
	opacity: 0;
	border: 2px solid #ddd;
	padding: 15px;
}
.file_remove {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: block;
	position: absolute;
	background: #aaa;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	right: -15px;
	top: -15px;
}
.file_remove:hover {
	background: #222;
	transition: 0.2s;
}
.uploaded_file_view img {
	max-width: 100%;
}
.uploaded_file_view.show {
	opacity: 1;
}
.error_msg {
	text-align: center;
	color: #f00;
}
.gap-1 {
	row-gap: 1rem;
	column-gap: 1rem;
}
.gap-2 {
	row-gap: 2rem;
	column-gap: 2rem;
}

.gap-3 {
	row-gap: 3rem;
	column-gap: 3rem;
}

svg {
	font-size: 20px;
	color: #4a4a69;
}
i:hover {
	/* font-size: 20px;
  color: #25ae88; */
	cursor: pointer;
}
.i-color {
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
}
.api--btn {
	padding: 6px 20px;
	height: 32px;
	background: #25ae88;
	border-radius: 3px;
	outline: none;
	border: none;
	color: #fff;
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 20px;
	min-width: fit-content;
}
.active--btn {
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	text-transform: capitalize;
	/* width: 97px; */
	height: 32px;
	background: rgba(37, 174, 136, 0.15);
	border-radius: 2px;
	color: var(--dark-green);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border: none;
	outline: none;
}
.retired--btn {
	color: #e24342;
	background: rgba(246, 79, 94, 0.15);
}
.inactive--btn {
	color: #ffa724;
	background: rgba(255, 167, 36, 0.15);
}
.getKeys {
	color: var(--dark-green);
	border: 1px solid var(--dark-green);
	width: 101px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 16px;
	border-radius: 3px;
	transition: all 0.2s ease-in-out;
}
.outline--btn {
	height: 45px;
	border: 1px solid var(--dark-gray);
	border-radius: 5px;
	padding: 0 17px;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 16px;
	color: var(--light-gray);
	outline: none;
	background: transparent;
}
.getKeys:hover {
	cursor: pointer;
	background-color: #25ae88;
	border: 1px solid #25ae88;
	color: #fff;
}
.modal-footer {
	border-top: 0;
}
.ceateBtn {
	cursor: pointer;
	background-color: #25ae88;
	border-radius: 3px;
	border: none;
	height: 52px;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.6px;
}
.ceateBtnHeader {
	height: 32px;
	font-weight: 400;
	font-size: 0.9rem;
	display: flex;
	align-items: center;
}

.bottom-wrap {
	padding: 3rem;
	height: calc(100vh - 65px);
	/* width: calc(100vw - 267px); */
	overflow: auto;
}
.notification {
	padding-bottom: 80px;
}
/* notification modal start */
.notification-title {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: var(--dark-gray);
}
/* notification modal end */
.addNewRank {
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.005em;
	color: var(--dark-gray);
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 15px 30px;
	cursor: pointer;
}
.addNewRank.active {
	background: rgba(37, 174, 136, 0.1);
}
.addNewRank.active .rank-title {
	color: var(--dark-green);
}
.addNewRank img {
	height: 36px;
	width: 36px;
	object-fit: cover;
	border-radius: 4.18033px;
}
.roboto {
	font-family: "Roboto", sans-serif;
}
.font-small {
	font-size: 0.9rem;
}
/**MEDIA QUERY**/

@media (max-width: 1400px) {
	.app-inner-row .right-side .app-body-content {
		padding: 40px 30px;
	}

	.app-main-content-area {
		width: 100%;
	}

	.coin-detail-form .form-row .form-col {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/*  ##Device = Laptops, Desktops,  ##Screen = B/w 1025px to 1280px */

@media (min-width: 1025px) and (max-width: 1280px) {
}

/*   ##Device = Tablets, Ipads (portrait),  ##Screen = B/w 768px to 1024px */

@media (min-width: 768px) and (max-width: 1024px) {
}

/*  ##Device = Tablets, Ipads (landscape),  ##Screen = B/w 768px to 1024px */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* ##Device = Low Resolution Tablets, Mobiles (Landscape),  ##Screen = B/w 481px to 767px */

@media (min-width: 481px) and (max-width: 767px) {
}

/* ##Device = Most of the Smartphones Mobiles (Portrait),  ##Screen = B/w 320px to 479px */

@media (min-width: 320px) and (max-width: 480px) {
	.login--wrap {
		width: 100%;
	}
}

.nice-select-wrapper .nice-select {
	display: inline-block;
	float: none;
	background-color: rgba(123, 130, 145, 0.15);
	border: none;
	width: 200px;
}
.switch-input {
	position: relative;
	display: inline-block;
	width: 40px;
	min-width: 40px;
	height: 20px;
	min-height: 20px;
}

.switch-input input {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch-input .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.switch-input .slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	top: 3px;
	left: 3px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.switch-input input:checked + .slider {
	background-color: #25ae88;
}

.switch-input input:focus + .slider {
	box-shadow: 0 0 1px #25ae88;
}

.switch-input input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

/* Rounded sliders */
.switch-input .slider.round {
	border-radius: 34px;
}

.switch-input .slider.round:before {
	border-radius: 50%;
}

.left-menu-wrapper {
	box-shadow: 0px 0px 10px 2px #8181812e;
}
.left-menu-wrapper .active {
	background-color: rgba(37, 174, 135, 0.1);
	color: #25ae88;
}
.right-content-wrapper {
	box-shadow: 0px 0px 10px 2px #8181812e;
}

.input-label {
	display: inline-flex;
	color: var(--dark-gray);
	margin-right: 20px;
	font-weight: 300;
}
.no-bs {
	box-shadow: none;
}
.mtb-2 {
	margin: 2rem 0;
}
.nav.nav-tabs {
	background-color: #ebecef;
	border: none;
}
.nav.nav-tabs .nav-link {
	border: 1px solid #dfe2e8;
	border-radius: 0;
}
.nav.nav-tabs .nav-link.active {
	border: none;
	padding-bottom: 9px;
}
/* .api-input{
  border:1px solid #61AFFE;
  background-color: #61AFFE0D;
  border-radius: 5px;
}
.api-input:active,.api-input:focus-within{
  background: #d7f4f0;
  border: 1px solid #d7f4f0;
} */
.bottom-wrap {
	height: calc(100vh - 80px);
	overflow: auto;
}
.space-5 {
	margin-bottom: 25px;
}
.text-default {
	color: #25ae88 !important;
}
/* .api-input-green{
  border:1px solid #25AE88;
  background-color: #25AE880D;
  border-radius: 5px;
}
.api-input-green:hover,.api-input-green:active,.api-input-green:focus-within{
  background: #d7f4f0;
}
.divs:hover .api-input-green{
  background: #d7f4f0;
} */
.nice-select.open .list {
	width: 100%;
}
.input-group-text {
	border: 1px solid #7b8191;
}
.input-group-text:focus {
	background: #d7f4f0;
	border: 1px solid #d7f4f0;
}

.dataTables_length,
.dataTables_info,
.dataTables_paginate,
.dataTables_filter {
	display: none;
}
.status-tag {
	background-color: #25ae881a;
	border: 1px solid #25ae881a;
	color: #25ae88;
	padding: 0.25rem 0.75rem;
}
.status-icon svg {
	background-color: #25ae881a;
	color: #25ae88;
	width: 16px;
	height: 16px;
	padding: 0.5rem;
	cursor: pointer;
}
.text-nowrap {
	white-space: nowrap;
}
.bg-red {
	background-color: #fee5e7;
}
.bg-green {
	background-color: #25ae872a;
}
.otp-input {
	width: 30px;
	margin-right: 1rem;
	text-align: center;
}
.top-wrap .page-title {
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 500;
	color: #25ae88;
}
.page-title {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 28px;
	letter-spacing: 0.005em;
	color: var(--light-gray);
	margin-bottom: 34px;
}
.bottom-wrap .app-main-wrap {
	min-height: 100%;
}
.app-inner-row.row {
	margin: 0 -15px;
}
.app-inner-row > .left-side {
	flex: 0 0 336px;
	max-width: 336px;
}
.app-inner-row > .right-side {
	flex: 0 0 calc(100% - 336px);
	max-width: calc(100% - 336px);
}
.app-inner-row .left-side .col-inner {
	background: #fff;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	height: 100%;
}
.broadcasting-single .casting-title {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	color: #4a4a69;
	margin-bottom: 12px;
}
.app-inner-sidebar .broadcasting-single {
	margin-bottom: 5px;
}
.app-inner-sidebar .broadcasting-single {
	padding: 12px 26px;
}
.broadcasting-single.active {
	background-color: rgba(37, 174, 136, 0.05);
}
.broadcasting-single.active .casting-title {
	color: #25ae88;
}
.broadcasting-single.active .casting-text p,
.broadcasting-single.active .date-time-wrap {
	color: #63c5aa;
}
.broadcasting-single .casting-text {
	font-size: 14px;
	color: #7b8191;
	margin-bottom: 12px;
}
.broadcasting-single .casting-text p,
.date-time-wrap {
	font-size: 14px;
	color: #7b8191;
	font-weight: 400;
}
.date-time-wrap,
.date-time-wrap span {
	font-family: "Roboto";
	font-weight: 400;
}
.app-inner-row .right-side .col-inner {
	height: 100%;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.app-inner-row .right-side .app-body-content {
	padding: 56px 50px 0 68px;
}
.app-top-wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	flex-wrap: wrap;
}
.app-top-wrap .date-time-wrap,
.app-top-wrap .date-time-wrap span {
	color: #4a4a69;
}
.app-inner-row .section-title,
.app-inner-row .small-title {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
	color: #4a4a69;
}
.app-inner-row .sub-title {
	padding-left: 0;
	font-size: 18px;
}
.app-inner-row .sub-title,
.app-main-content .content-text p {
	font-size: 18px;
	line-height: 1.2;
}
.app-main-content-area {
	max-width: 70%;
}
.app-main-content-area .app-main-content {
	margin-bottom: 40px;
}
.app-main-content-area .app-main-content {
	margin-bottom: 40px;
}
.warning-tag {
	padding: 10px;
	border-radius: 6px;
	background: rgba(226, 67, 66, 0.15);
	display: inline-block;
	line-height: 1;
	font-size: 18px;
	color: #e24342;
}
.warning-tag .icon-wrap {
	height: 24px;
	width: 24px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.warning-tag .icon-wrap img {
	vertical-align: unset;
}
.warning-tag .icon-wrap img {
	max-width: 100%;
}
.app-inner-row .app-footer-wrap {
	padding: 20px 28px;
}
.app-footer-wrap .btn {
	padding: 10px 36px;
	border-radius: 3px;
	background-color: #25ae88 !important;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	text-transform: unset;
	box-shadow: none;
}
.app-footer-wrap .btn:hover,
.app-footer-wrap .btn:focus {
	background-color: #0d7d5d !important;
}
.app-footer-wrap {
	display: flex;
	justify-content: flex-end;
}
.message-body-inner .form-wrap {
	padding: 0;
}
#sendMessagePopup .modal-body {
	padding: 45px;
}
.form-row .form-col {
	padding-left: 25px;
	padding-right: 25px;
}
.form-row .form-col .form-label,
.form-group .input-group .switch-wrap,
.otp-form-group .form-label {
	flex: 0 0 160px;
	margin-top: 8px;
	max-width: 160px;
}
.form-row .form-col .form-control,
.form-row .form-col .nice-select,
.input-group .right-input-wrap,
.otp-form-group .otp-input-group {
	flex: 0 0 calc(100% - 160px);
	max-width: calc(100% - 160px);
}
.form-row .form-col .form-group,
.otp-form-group {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}
.otp-form-group {
	margin-bottom: 0;
}
.form-row .form-col .form-control,
.form-row .form-col .nice-select {
	padding: 11px 14px;
	border-radius: 5px;
	border: 1px solid #4a4a69;
	color: #4a4a69;
	font-weight: 500;
	height: 40px;
	font-size: 16px;
}
.form-row .form-col .nice-select {
	line-height: 1.2;
	background-color: rgba(123, 130, 145, 0.15);
	border: none;
}
.form-row .form-col ::placeholder {
	color: #7b8291;
}
.form-row .form-col .nice-select::after {
	display: none;
}
.form-row .form-col .nice-select:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 17px;
	margin-top: 3px;
	border-width: 5px;
	border-style: solid;
	border-color: #7b8291 transparent transparent transparent;
}
.form-row .form-col textarea.form-control {
	height: 110px;
}
.form-group .input-group {
	margin-bottom: 15px;
}
.form-group .input-group,
.form-group .input-group .right-input-wrap {
	display: flex;
	/* align-items: center; */
	flex-wrap: wrap;
}
.form-group .input-group .switch-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 8px;
}
.form-group .input-group .switch-wrap .form-label {
	margin-top: 0;
}
.input-group .switch-wrap .form-label {
	flex: 0 0 calc(100% - 47px);
	max-width: calc(100% - 47px);
	padding-left: 9px;
}
.input-group .switch-wrap .switch {
	margin-top: -8px;
}
.form-group .input-group .right-input-wrap {
	margin-left: -4px;
	margin-right: -4px;
}
.input-group .right-input-wrap .form-control {
	margin-left: 4px;
	margin-right: 4px;
	flex: 0 0 calc(50% - 8px);
	max-width: calc(50% - 8px);
}
.form-row {
	margin-left: -25px;
	margin-right: -25px;
}
.add-button-group .btn-wrap {
	flex: 0 0 calc(100% - 160px);
	max-width: calc(100% - 160px);
	margin-left: 160px;
}
a.add-new-btn {
	padding: 6px 20px;
	font-size: 14px;
	color: #25ae88;
	font-weight: 500;
	text-transform: unset;
	border-radius: 3px;
	background: rgba(37, 174, 136, 0.1);
	box-shadow: none !important;
	margin: 0;
}
a.add-new-btn:hover {
	background: rgba(37, 174, 136, 0.2);
	color: #25ae88;
}
.add-new-btn .icon {
	display: inline-block;
	margin-right: 8px;
}
.btn.btn-small {
	padding: 10px 25px;
	border-radius: 4px;
	background-color: #25ae88 !important;
	color: #fff;
	margin: 0;
	text-transform: unset;
	font-size: 16px;
	box-shadow: none;
	margin-left: 25px;
}

/* Token Purchase */
.token-purchase-modal .modal-dialog {
	padding-left: 30px;
	padding-right: 20px;
	max-width: 1550px;
}
.token-purchase-modal .modal-header {
	align-items: center;
	padding-left: 40px;
	padding-right: 100px;
	border-bottom: none;
}
.token-purchase-modal .modal-header .btn-group {
	margin-left: auto;
}
.token-purchase-modal .modal-header .btn-group .btn {
	margin-left: 15px;
	border-radius: 5px;
}
.token-purchase-modal .modal-header .close {
	position: absolute;
	right: 30px;
}
.token-purchase-modal .modal-body {
	padding: 45px;
	padding-top: 0;
}
.token-purchase-modal .token-purchase-table thead {
	background-color: transparent;
}
.token-purchase-modal .token-purchase-table th {
	padding: 15px 20px;
	background-color: rgba(37, 174, 136, 0.05);
}
.token-purchase-modal .token-purchase-table td {
	padding: 15px 20px;
	vertical-align: middle;
}
.custom-checkbox-wrap {
	display: block;
	position: relative;
}
.custom-checkbox-wrap input {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	opacity: 0;
	z-index: 1;
}
.custom-checkbox-wrap .checkmark {
	height: 16px;
	width: 16px;
	display: block;
	background-color: #ededf0;
	position: relative;
}
td .custom-checkbox-wrap .checkmark {
	background-color: #ccccd3;
}
.custom-checkbox-wrap .checkmark::before {
	content: "";
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	opacity: 0;
}
.custom-checkbox-wrap input:checked + .checkmark {
	background-color: #25ae88;
}
.custom-checkbox-wrap input:checked + .checkmark::before {
	opacity: 1;
}
.token-purchase-table {
	font-weight: 500;
	font-size: 18px;
	color: #4a4a69;
}
.package-name,
.token-purchase-table .price-wrap {
	display: flex;
	align-items: center;
	font-size: 18px;
}
.package-name .icon-wrap {
	height: 42px;
	width: 42px;
	flex: 0 0 42px;
	margin-right: 20px;
}
.token-purchase-table .price-wrap .icon-wrap {
	flex: 0 0 20px;
	max-width: 20px;
	margin-right: 8px;
}
.token-purchase-table .price-wrap .icon-wrap img {
	width: 100%;
}
.token-purchase-table td {
	font-size: 14px;
}
.id-text,
.token-purchase-table .price-wrap {
	font-family: "Roboto";
}
.token-status-dropdown .nice-select {
	padding: 8px 16px;
	border-radius: 2px;
	line-height: 1.2;
	height: auto;
	border: none;
	padding-right: 35px;
}
.token-status-dropdown .nice-select:after {
	display: none;
}
.token-status-dropdown .nice-select::before {
	margin-left: 8px;
	vertical-align: 0;
	content: "";
	border-top: 6px solid;
	border-right: 5px solid transparent;
	border-bottom: 0;
	border-left: 5px solid transparent;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}
.token-status-dropdown.active .nice-select {
	background: rgba(37, 174, 136, 0.15);
	color: #25ae88;
}
.token-status-dropdown.suspended .nice-select {
	background: rgba(246, 79, 94, 0.15);
	color: #e24342;
}
.nice-select.open .list {
	color: #4a4a69;
}
.purchase-btn {
	padding: 8px 20px;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	border-radius: 3px;
	margin-left: 12px;
	margin-right: 12px;
}
.purchase-btn .icon-wrap {
	height: 14px;
	width: 14px;
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
}
.purchase-btn .icon-wrap img {
	width: 100%;
}
.purchase-btn {
	color: #fff;
	background: #25ae88;
}
.purchase-btn:hover {
	color: #fff;
	background-color: #0d7d5d;
}
.purchase-btn svg {
	vertical-align: unset;
}
.purchase-btn.delete-btn {
	color: #fff;
	background-color: #e24342;
}
.purchase-btn.delete-btn:hover {
	color: #fff;
	background-color: #c92222;
}
.api-model .modal-body {
	padding: 32px 40px;
}
.add-package-model .modal-body {
	padding: 45px;
}
.api-model .modal-dialog {
	max-width: 760px;
}
.api-form-wrap .form-label,
.package-form-wrap .form-label {
	font-size: 18px;
}
.api-form-wrap .form-group .form-label {
	flex: 0 0 200px;
	max-width: 200px;
}
.api-form-wrap .form-group .form-control {
	flex: 0 0 calc(100% - 200px);
	max-width: calc(100% - 200px);
}
.api-form-wrap .form-group:last-child {
	margin-bottom: 0;
}
.api-error-text {
	font-size: 14px;
	color: #e24342;
}
.api-error-text .icon-wrap {
	height: 32px;
	width: 32px;
	border-radius: 50%;
	background-color: rgba(254, 229, 231, 1);
	text-align: center;
	line-height: 32px;
	display: inline-block;
	margin-right: 15px;
}
.form-group {
	position: relative;
}
.form-group.input-icon-group {
	padding-right: 38px;
}
.input-icon-group .right-icon {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background-color: rgba(37, 174, 136, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.package-form-wrap .form-group textarea {
	flex: 0 0 calc(100% - 160px);
	max-width: calc(100% - 160px);
	height: 150px;
}
.package-form-wrap .form-group textarea,
.package-form-wrap .price-token-wrap {
	flex: 0 0 calc(100% - 160px);
	max-width: calc(100% - 160px);
}
.package-form-wrap .price-token-wrap {
	font-family: "Roboto";
	font-weight: 400;
}
.input-group.price-token-wrap {
	border: 1px solid #4a4a69;
	color: #4a4a69;
	height: 40px;
	border-radius: 5px;
	overflow: hidden;
}
.coin-detail-form .form-group.short-form-group .input-group.price-token-wrap {
	max-width: 160px;
}
.input-group.price-token-wrap .input-group-prepend {
	flex: 0 0 40px;
	max-width: 40px;
}
.input-group.price-token-wrap .input-group-text {
	border: none;
	border-right: 1px solid #4a4a69;
}
.form-row .form-col .input-group.price-token-wrap .form-control {
	flex: 0 0 calc(100% - 40px);
	max-width: calc(100% - 40px);
	border: none;
	background-color: transparent;
	box-shadow: none;
	padding-left: 20px;
}
.token-note {
	position: absolute;
	left: calc(100% + 18px);
	top: 50%;
	transform: translateY(-50%);
	width: 150px;
	font-size: 14px;
	color: #4a4a69;
}
.form-row .form-col .money-select .nice-select {
	padding-left: 50px;
}
.form-row .form-col .nice-select {
	padding-right: 40px;
}
.form-row .form-col .nice-select::after {
	display: none;
}
.form-row .form-col .nice-select:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 17px;
	margin-top: 3px;
	border-width: 5px;
	border-style: solid;
	border-color: #7b8291 transparent transparent transparent;
}
.money-select .nice-select::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../img/virtua-coin-icon.svg);
	height: 20px;
	width: 20px;
	background-position: center;
	display: block !important;
	border: none;
	margin: 0;
}
.form-row .form-col .upload-thumbnail-wrap .form-label {
	margin-bottom: 16px;
	margin-top: 0;
}
.upload-thumbnail {
	padding: 24px 12px 4px;
	background: rgba(123, 130, 145, 0.07);
	border-radius: 5px;
	display: flex;
	text-align: center;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
}
.upload-thumbnail .upload-input-wrap,
.upload-thumbnail .upload__img-box {
	flex: 0 0 33.33%;
	max-width: 33.33%;
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 20px;
}
.upload-thumbnail .upload-input-wrap {
	height: 24px;
	width: 24px;
	position: relative;
}
.upload-thumbnail .upload-input-wrap input {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}
.upload-thumbnail .upload__img-box .img-bg {
	padding-bottom: 100%;
	background-position: center;
	border-radius: 3px;
	overflow: hidden;
	background-size: cover;
	background-color: #e7e7e7;
}
table th,
table td {
	padding: 0.75rem 1.5rem !important;
}
table thead {
	background-color: #25ae881a;
}
table.dataTable thead th {
	font-weight: 400;
}
.table thead th {
	border-bottom: none;
}
table td {
	border-top: none !important;
	border-bottom: 1px solid #eee !important;
}

table.dataTable thead th.select-checkbox.select-checkbox-all:before,
table.dataTable tbody td.select-checkbox:before {
	border: none;
	background: #ccccd3;
	height: 18px;
	width: 18px;
	border-radius: 0;
}
table.dataTable thead th.select-checkbox.select-checkbox-all:after,
table.dataTable tr.selected td.select-checkbox:after {
	background: #25ae88;
	box-shadow: none;
}

.label-col {
	width: 120px;
	min-width: 120px;
}
.input-group .login-txt-input {
	border-radius: 0px 5px 5px 0;
}

.highlight-total {
	background-color: #7b81911a;
	width: 225px;
}
.label-col-small {
	width: 75px;
	min-width: 75px;
}
.label-col-large {
	width: 150px;
	min-width: 150px;
}
.otp-input {
	width: 35px;
	margin-right: 1rem;
	text-align: center;
}

.api-tag {
	background-color: #25ae88;
	border-radius: 2px;
	font-size: 12px;
	color: white;
}

.delete {
	color: white;
	border-radius: 3px;
	border: 1px solid #e24342;
	background: #e24342;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
}
.modal-footer > * {
	margin-top: 0;
	margin-bottom: 0;
}
.wid-100 {
	width: 100px;
}
.get {
	--api-color-primary: #25ae88;
	--api-color-secondary: #f5fbf9;
	--api-color-tertiary: #d7f4f0;
}
.post {
	--api-color-primary: #61affe;
	--api-color-secondary: #f2f8ff;
	--api-color-tertiary: #e1f0ff;
}
.update {
	--api-color-primary: #fb3;
	--api-color-secondary: #fffbf1;
	--api-color-tertiary: #fff0d2;
}
.api-delete {
	--api-color-primary: #ff3547;
	--api-color-secondary: #fdeced;
	--api-color-tertiary: #fddadd;
}
.api-wrapper {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
	border-left: 2px solid transparent;
}
.api-input {
	border: 1px solid var(--api-color-primary);
	background-color: var(--api-color-secondary) !important;
	border-radius: 5px;
}
.api-tag {
	background-color: var(--api-color-primary);
	border-radius: 2px;
	font-size: 12px;
}
.api-wrapper .login-txt-input {
	background-color: var(--api-color-secondary) !important;
}
.api-wrapper:hover {
	border-left: 2px solid var(--api-color-primary);
}
.api-wrapper:hover p {
	color: var(--api-color-primary);
}
.api-wrapper:hover .api-input,
.api-wrapper:hover .login-txt-input {
	background-color: var(--api-color-tertiary) !important;
}
.api-input:active,
.api-input:focus-within,
.api-input:active .login-txt-input,
.api-input:focus-within .login-txt-input {
	border: 1px solid var(--api-color-primary);
	background-color: var(--api-color-tertiary) !important;
}
.api-desc {
	margin-left: 215px;
}
.select2.select2-container {
	width: 100% !important;
}
.select2-selection__arrow {
	height: 40px !important;
}
.select2-selection {
	height: 40px !important;
	border: none !important;
	padding-left: 10px !important;
	background: #ededef !important;
	font-weight: 400 !important;
}
.select2-selection__rendered {
	line-height: 40px !important;
}
.bootstrap-tagsinput {
	padding: 16px;
	border: 1px solid var(--dark-gray);
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}
.bootstrap-tagsinput .tag {
	background: rgba(74, 74, 105, 0.1);
	border-radius: 6px;
	padding: 0 14px;
	font-size: 14px;
	color: var(--dark-gray);
	height: 30px;
	line-height: 30px;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
	border-radius: 50%;
	border: 1px solid var(--dark-gray);
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
	padding: 0 5px;
}
.bootstrap-tagsinput input {
	min-width: 150px;
}
.small-select .nice-select {
	width: 100px;
}
.login-button {
	border: none;
	background-color: transparent;
}
.error {
	color: red;
}
.field_error > label.error {
	margin-left: 194px;
}
label#old_pin-error {
	margin-left: 138px;
}
label#new_pin-error {
	margin-left: 138px;
}
label#wallet_name-error {
	margin-left: 306px;
}
.field_error1 > label.error {
	margin-left: 224px;
}
.field_error1 > div > label.error {
	margin-left: 224px;
}
.field_error2 > label.error {
	margin-left: 50%;
}
.field_error3 > label.error {
	margin-left: 50%;
}
.field_error4 > label.error {
	margin-left: 11%;
}
.field_error5 > label.error {
	margin-left: 27%;
}
.select2.select2-container {
	width: 100% !important;
}

.select2.select2-container .select2-selection {
	height: 40px !important;
	border: 1px solid var(--dark-gray) !important;
	border-radius: 5px !important;
	padding: 5px 10px !important;
	background-color: #ffffff !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	margin-bottom: 15px !important;
	outline: none !important;
	transition: all 0.15s ease-in-out !important;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
	color: #333 !important;
	line-height: 32px !important;
	padding-right: 33px !important;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
	background: #f8f8f8 !important;
	border-left: 1px solid #ccc !important;
	-webkit-border-radius: 0 3px 3px 0 !important;
	-moz-border-radius: 0 3px 3px 0 !important;
	border-radius: 0 3px 3px 0 !important;
	height: 32px !important;
	width: 33px !important;
}

.select2.select2-container.select2-container--open
	.select2-selection.select2-selection--single {
	background: #f8f8f8 !important;
}

.select2.select2-container.select2-container--open
	.select2-selection.select2-selection--single
	.select2-selection__arrow {
	-webkit-border-radius: 0 3px 0 0 !important;
	-moz-border-radius: 0 3px 0 0 !important;
	border-radius: 0 3px 0 0 !important;
}

.select2.select2-container.select2-container--open
	.select2-selection.select2-selection--multiple {
	border: 1px solid #34495e !important;
}

.select2.select2-container .select2-selection--multiple {
	height: auto !important;
	min-height: 34px !important;
	display: flex !important;
}

.select2.select2-container
	.select2-selection--multiple
	.select2-search--inline
	.select2-search__field {
	margin-top: 0 !important;
	height: 32px !important;
}

.select2.select2-container
	.select2-selection--multiple
	.select2-selection__rendered {
	display: block !important;
	padding: 0 4px !important;
	line-height: 29px !important;
}

.select2.select2-container
	.select2-selection--multiple
	.select2-selection__choice {
	background: var(--dark-green) !important;
	color: #fff !important;
	border: 1px solid #ccc !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	margin: 4px 4px 0 0 !important;
	padding: 0 6px 0 22px !important;
	height: 24px !important;
	line-height: 24px !important;
	font-size: 12px !important;
	position: relative !important;
}

.select2.select2-container
	.select2-selection--multiple
	.select2-selection__choice
	.select2-selection__choice__remove {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	height: 22px !important;
	width: 22px !important;
	margin: 0 !important;
	text-align: center !important;
	color: #ffffff !important;
	font-weight: bold !important;
	font-size: 16px !important;
}
.select2.select2-container
	.select2-selection--multiple
	.select2-selection__choice
	.select2-selection__choice__remove:hover {
	background-color: #ffffff !important;
	color: #333 !important;
	outline: none !important;
}

.select2-container .select2-dropdown {
	background: transparent !important;
	border: none !important;
	margin-top: -5px !important;
}

.select2-container .select2-dropdown .select2-search {
	padding: 0 !important;
}

.select2-container .select2-dropdown .select2-search input {
	outline: none !important;
	border: 1px solid #34495e !important;
	border-bottom: none !important;
	padding: 4px 6px !important;
}

.select2-container .select2-dropdown .select2-results {
	padding: 0 !important;
}

.select2-container .select2-dropdown .select2-results ul {
	background: #fff !important;
	border: 1px solid #34495e !important;
}

.select2-container
	.select2-dropdown
	.select2-results
	ul
	.select2-results__option--highlighted[aria-selected] {
	background-color: #3498db !important;
}

.country-select.inside,
.country-select #country_selector,
.country-select #edit_country_selector,
.country-select .flag-dropdown,
.country-select.inside .selected-flag {
	width: 100%;
}