:root {
	--color-bg-logout-100: #111111;
	--color-bg-login-100: #1c2031;
	--color-bg-login-90: rgba(14, 16, 24.5, 0.9);
	--color-bg-login-60: rgba(14, 16, 24.5, 0.6);
	--color-bg-login-w-95: rgba(56, 64, 95, 0.95);
	/* 
	--color-bg-login-100: #371a1a;
	--color-bg-login-90: rgba(33, 18, 18, 0.9);
	--color-bg-login-60: rgba(33, 18, 18, 0.6); 
	--color-bg-login-w-95: rgba(80, 48, 48, 0.95); 
	*/
}

html, 
body {
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 12pt; 
	color: #eee; 
	min-height: 100vh; 
}

body {
	padding: 0 0 0 76px; 
	overflow: hidden;
	overflow-y: auto;
}

html {
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

html.is-logged-out {
	background-color: var(--color-bg-logout-100);
}

html.is-logged-in {
	background-color: var(--color-bg-login-100);
	/*background-color: #1c2031;*/
}

@media (orientation: landscape) {

	html {
		/*background-image: url(/images/lightning-01.png);*/
	}

}

@media (orientation: portrait) {

	html {
		/*background-image: url(/images/lightning-p-01.png);*/
	}

}

* {
	box-sizing: border-box;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.with-info-bubble-break, 
.with-info-bubble {
	position: relative;
	display: block;
}

.with-info-bubble-break:hover:after, 
.with-info-bubble:hover:after {
	content: attr(data-info-bubble);
	font-family: 'Montserrat', sans-serif;
	display: block;
	/*white-space: pre-wrap;*/
	/*margin: 0 -50%;*/
	position: absolute;
	bottom: 25px; 
	/*left: 0px;*/
	background: #000;
	padding: 10px 20px; 
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 15px 15px 15px 0; 
	z-index: 9;
	font-size: 12pt; 
	text-align: left;
}

.with-info-bubble-break:hover:after {
	white-space: pre;
	word-wrap: break-word;
}
.with-info-bubble:hover:after {
	white-space: nowrap;
	word-wrap: break-word;
}

h1 {
	max-width: 1240px; 
	margin: 0 auto 20px; 
	padding: 10px 15px; 
	font-weight: normal;
}

h2 {
	font-weight: normal;
	font-size: 24pt; 
}

input[type=checkbox]:before {
	display: inline-block;
	border-radius: 3px; 
	background: #fff; 
	border: 2px solid #fff;
	margin: 0px 0px 0px -2px; 
	box-shadow: 0px 0px 0px 2px #b0b0b0;
	width: 10px; 
	height: 10px; 
	position: relative;
	content: ' ';
	transition: all 0.4s;
}

input[type=checkbox]:checked:before {
	display: inline-block;
	border-radius: 3px; 
	background: #2a851b; 
	border: 2px solid #fff;
	margin: 0px 0px 0px -2px; 
	box-shadow: 0px 0px 0px 2px #2a851b;
	width: 10px; 
	height: 10px; 
	position: relative;
	content: ' ';
}

input[type=checkbox]:indeterminate:before {
	display: inline-block;
	border-radius: 0px; 
	background: #b0b0b0; 
	border: 7px 3px solid #fff;
	margin: -3px 0px 0px -3px; 
	box-shadow: 0px 0px 0px 1px #b0b0b0;
	width: 12px; 
	height: 4px; 
	position: relative;
	content: ' ';
}

input[type=radio]:before {
	display: inline-block;
	border-radius: 50px; 
	background: #fff; 
	border: 2px solid #fff;
	margin: 0px 0px 0px -2px; 
	box-shadow: 0px 0px 0px 2px #b0b0b0;
	width: 10px; 
	height: 10px; 
	position: relative;
	content: ' ';
	transition: all 0.4s;
}

input[type=radio]:checked:before {
	display: inline-block;
	border-radius: 50px; 
	background: #2a851b; 
	border: 2px solid #fff;
	margin: 0px 0px 0px -2px; 
	box-shadow: 0px 0px 0px 2px #2a851b;
	width: 10px; 
	height: 10px; 
	position: relative;
	content: ' ';
}

input[type=text], 
input[type=url], 
input[type=submit], 
input[type=button] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

:focus {
	outline: 0;
}

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

hr {
	height: 1px; 
	background: #ccc;
	border: 0;
}

textarea {
	resize: vertical;
}

.width-200 {
	width: 200px; 
}

.width-300 {
	width: 300px; 
}

.height-150 {
	height: 150px; 
}

.height-200 {
	height: 200px; 
}

button, 
.hrefLikeButton, 
input[type=submit], 
input[type=button] {
	box-sizing: border-box;
	font-size: 13pt;
	padding: 6px 20px 8px;
	background: rgba(255, 255, 255, 0.3);
	color: #fff;
	border:2px solid rgba(255, 255, 255, 0.5);
	/*border-radius: 100px !important; */
	border-radius: 50px; 
	text-decoration: none;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	/*border-bottom: 3px solid #bbb;*/
}

.btn-transparent {
	background: transparent !important;
	border: 0 !important;
	/*border: 2px solid #00803e !important;*/
	/*border-bottom: 3px solid #080 !important;*/
	color: #fff !important;
}

.btn-green {
	background: #2a851b !important;
	color: #fff !important;
}

.btn-green:disabled {
	background: #f8f8f8 !important;
	border: 2px solid #2a851b !important;
	color: #2a851b !important;
	padding: 7px 18px 9px; 
	opacity: 0.6;
	cursor: default;
}

.text-color-green {
	color: #2a851b;
}

.btn-blue {
	background: #1babfe !important;
	color: #fff !important;
}

.btn-blue:disabled {
	background: #f8f8f8 !important;
	border: 2px solid #1babfe !important;
	color: #1babfe !important;
	padding: 7px 18px 9px; 
	opacity: 0.6;
	cursor: default;
}

.text-color-blue {
	color: #1babfe;
}

.btn-red {
	background: #e00 !important;
	color: #fff !important;
}

.btn-red:disabled {
	background: #f8f8f8 !important;
	border: 2px solid #e00 !important;
	color: #e00 !important;
	padding: 7px 18px 9px; 
	opacity: 0.6;
	cursor: default;
}

.text-color-red {
	color: #e00;
}

.green {
	color: #2a851b;
} 

.bold {
	font-weight: bold !important;
}

select, 
textarea, 
input[type=text], 
input[type=search], 
input[type=date], 
input[type=tel], 
input[type=email], 
input[type=month], 
input[type=url], 
input[type=password], 
input[type=number] {
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 2px solid rgba(255, 255, 255, 0.3);
	/*border-bottom: 3px solid #ccc;*/
	-webkit-appearance: none;
	font-size: 14pt;
	box-sizing: border-box;
	border-radius: 20px;	
	-webkit-user-select: auto; /* Safari */        
	-moz-user-select: auto; /* Firefox */
	-ms-user-select: auto; /* IE10+/Edge */
	user-select: auto; /* Standard */
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	display: block;
	background: rgba(255, 255, 255, 0.05);
}

div.input-container .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	color: #333;
}

div.input-container .select2-container--default .select2-selection--multiple {
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 2px solid rgba(255, 255, 255, 0.3);
	/*border-bottom: 3px solid #ccc;*/
	-webkit-appearance: none;
	font-size: 14pt;
	box-sizing: border-box;
	border-radius: 20px;	
	-webkit-user-select: auto; /* Safari */        
	-moz-user-select: auto; /* Firefox */
	-ms-user-select: auto; /* IE10+/Edge */
	user-select: auto; /* Standard */
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	display: block;
	background: rgba(255, 255, 255, 0.05);
}

input[type="month"]::-webkit-clear-button, 
input[type="date"]::-webkit-clear-button, 
input[type="time"]::-webkit-clear-button, 
input[type="month"]::-ms-clear, 
input[type="date"]::-ms-clear, 
input[type="time"]::-ms-clear {
    display: none;
}

select {
	background: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat center right 10px;
	padding-right: 40px; 
}

input[type=number] {
	text-align: right;
}

input[type="checkbox"].on-off-checker:after {
	display: block;
	border-radius: 100px; 
	width: 26px; 
	height: 26px; 
	position: absolute;
	top: 4px; 
	left: 4px; 
	background: #ccc;
	content: '';
	transition: all 0.4s;
}

input[type="checkbox"].on-off-checker:before {
	display: block;
	border-radius: 100px;
	border: 2px solid #ccc;
	background: #eee;
	width: 60px;
	height: 30px;
	content: '';
	position: relative;
	top: 0;
	left: 0;
	transition: all 0.4s;
}

input[type="checkbox"].on-off-checker:checked:after {
	left: 33px; 
	background: #2a851b;
}

input[type="checkbox"].on-off-checker:checked:before {
	border: 2px solid #2a851b;
	background: #eaede5;
}

input[type="checkbox"].on-off-checker {
	position: relative;
	width: 68px;
	height: 40px;
	padding: 0;
	margin: 0 3px;
	top: 2px;
	line-height: 0;
	border: 0;
	background: transparent;
	-webkit-appearance: none;
}

input[type="checkbox"].on-off-checker-smaller:after {
	display: block;
	border-radius: 100px;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 4px;
	left: 5px;
	background: #ccc;
	content: '';
	transition: all 0.4s;
}

input[type="checkbox"].on-off-checker-smaller:before {
	display: block;
	border-radius: 100px;
	border: 2px solid #ccc;
	background: #eee;
	width: 50px;
	height: 26px;
	content: '';
	position: relative;
	top: 0;
	left: 0;
	transition: all 0.4s;
}

input[type="checkbox"].on-off-checker-smaller:checked:after {
	left: 27px;
	background: #2a851b;
}

input[type="checkbox"].on-off-checker-smaller:checked:before {
	border: 2px solid #2a851b;
	background: #eaede5;
}

input[type="checkbox"].on-off-checker-smaller {
	position: relative;
	width: 54px;
	height: 30px;
	padding: 0;
	margin: 0 3px;
	top: 2px;
	line-height: 0;
	border: 0;
	background: transparent;
	-webkit-appearance: none;
}

content.main-normal-content {
	display: block;
	position: relative;
	margin: 10px auto 30px; 
	padding: 0 15px; 
	max-width: 1240px; 
}

#site-messages > div > div {
	padding: 10px 30px 0; 
}

#site-messages > div > div > label > p {
	padding: 0;
	margin: 8px 0;
}

#site-messages > div > div > label {
	font-size: 12pt; 
	text-align: center;
	display: block;
	padding: 20px 30px 20px; 
	margin: 0;
	color: #fff;
}

#site-messages > div {
	padding: 0; 
	display: none;
}

#site-messages div.msg-info label {
	/*background: #0af;*/
	background: #fff;
	color: #0af;
	border: 2px solid #0af;
}

#site-messages div.msg-success label {
	/*background: #2a851b;*/
	background: #fff;
	color: #2a851b;
	border: 2px solid #2a851b;
}

#site-messages div.msg-error label {
	/*background: #e00;*/
	background: #fff;
	color: #e00;
	border: 2px solid #e00;
}

#site-messages div.msg-notification label span.message-close {
	position: absolute;
	color: #e00;
	font-size: 14pt;
	top: 2px;
	right: 10px;
	display: block;
	padding: 5px 20px;
	cursor: pointer;
}

#site-messages div.msg-notification label span.message-title {
	position: absolute;
	top: 0px; 
	left: 0px;
	border-bottom: 0.6px solid #f60;
	background: rgba(255, 120, 0, 0.1);
	width: 100%; 
	text-align: left;
	padding: 10px 30px;
	font-size: 10pt; 
}

#site-messages div.msg-notification label {
	/*background: #f60;*/
	background: #fff;
	color: #f60;
	border: 2px solid #f60;
	position: relative;
	padding: 50px 30px 20px;
}

#site-messages > div > div > label {
	border-radius: 10px; 
	/*border: 5px solid #fff;*/
	/*box-shadow: 2px 0 50px rgba(0, 0, 0, 0.2);*/
}

#site-messages {
	z-index: 99999;
	left: 0;
	width: 100%;
	position: fixed;
	top: 70px; 
}

#working table td svg {
	width: 64px; 
	height: 64px; 
}

#working table td {
	text-align: center;
}

#working table {
	width: 100%; 
	height: 100%; 
}

#working {
	position: fixed;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.8);
	width: 100vw; 
	height: 100vh; 
	top: 0;
	left: 0;
	display: none;
}

#main-menu li a span {
	display: inline-block;
	margin-right: 25px; 
	width: 20px; 
}

#main-menu li a label {
	cursor: pointer;
}

#main-menu li .menu-toggler, 
#main-menu li a {
	padding: 17px 40px 17px 25px;  
	display: block;
	color: rgba(255, 255, 255, 0.8);
}

#main-menu li .menu-toggler {
	margin-bottom: 10px; 
	display: none;
}

#main-menu li.selected a {
	color: #e53232;
}

#main-menu li {
	white-space: nowrap;
	padding: 10px 0 0;
	margin: 5px;
	font-size: 14pt;
	direction: ltr;
	display: block;
	text-align: left;
}

#main-menu {
	position: fixed;
	top: 0;
	left: 0;
	border-right: 2px solid rgba(255, 255, 255, 0.1);
	list-style: none;
	height: 100%;
	padding: 0;
	margin: 0;
	max-width: 76px;
	transition: max-width 0.5s;
	z-index: 10;
	max-height: 100vh;
	overflow: hidden;
	overflow-y: auto;
	direction: rtl;
}

#main-menu.opened, 
#main-menu:hover {
	max-width: 500px; 
}

html.is-logged-out #main-menu {
	background: var(--color-bg-logout-100);
}

html.is-logged-in #main-menu {
	background: var(--color-bg-login-100);
}

.main-sharings a {
	padding: 5px; 
	margin: 5px; 
}

#main-menu .main-sharings {
	position: absolute;
	bottom: 10px; 
	left: -1000px; 
	white-space: nowrap;
	opacity: 0;
	transition: all 0.5s;
	width: 200px; 
}

#main-menu.opened .main-sharings, 
#main-menu:hover .main-sharings {
	left: 25px; 
	opacity: 1;
}

header table tr td:last-child {
	text-align: right;
}

header table tr td:first-child label {
	font-weight: lighter;
	display: inline-block;
	padding: 0 0 0 40px; 
}

header table tr td:first-child {
	font-size: 26pt; 
	letter-spacing: 5px; 
	font-weight: bold;
	cursor: default;
}

header table tr td {
	padding: 5px 15px; 
}

header table {
	border-spacing: 10px; 
	width: 100%; 
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin: 0 0 10px; 
}

.top-address {
	/*max-width: 200px; */
	/*font-size: 10pt; */
	overflow: hidden;
	text-overflow: ellipsis;
	margin: -3px 5px !important;
	padding: 0 !important;
}

.top-logged-in * {
	display: inline-block;
	padding: 5px; 
	margin: 5px; 
}

section.main-content {
	max-width: 1200px; 
	margin: 10px auto 30px; 
	padding: 10px; 
	display: block;
}

section.pg-content-settings {
	max-width: 1200px; 
	display: block;
	margin: 10px auto 20px; 
	background: rgba(0, 0, 0, 0.9); 
	padding: 0 0 0 20px; 
	border-radius: 15px; 
}

html.is-logged-in section.pg-content-settings {
	background: var(--color-bg-login-90);
}


div.input-container select, 
div.input-container textarea, 
div.input-container input[type=text], 
div.input-container input[type=search], 
div.input-container input[type=date], 
div.input-container input[type=tel], 
div.input-container input[type=email], 
div.input-container input[type=month], 
div.input-container input[type=url], 
div.input-container input[type=password], 
div.input-container input[type=number] {
	width: 100%; 
	color: #fff;
}

div.input-container label {
	display: block;
	font-size: 10pt; 
	margin: 0 0 5px; 
}

div.input-container {
	margin: 10px 0;
}

fieldset.input-container {
	border-radius: 15px; 
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 10px 20px; 
	margin: 0 5px 25px; 
}

.token-container video {
	border-radius: 10px; 
	display: block;
	width: 14vw; 
	height: 14vw; 
}

.token-container span {
	display: block;
	padding: 5px 0 0;
	font-size: 14pt; 
	font-weight: bold;
}

.token-container label {
	display: block;
	padding: 5px 0 0;
	font-size: 18pt; 
}

.token-container > div {
	position: relative;
}

.token-container > div > div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	mix-blend-mode: multiply;
	border-radius: 10px; 
}

.token-gold > div > div {
	background: #c29c37;
}

.token-platinum > div > div {
	background: #dfe6eb;
}

.token-container {
	/*float: left;*/
	border-radius: 20px; 
	text-align: center;
	color: #fff; 
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	text-transform: uppercase;
	letter-spacing: 2px; 
	padding: 10px; 
	display: inline-block;
	position: relative;
	z-index: 1;
}

.token-container::before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: opacity 0.5s linear;
	opacity: 0;
	border-radius: 20px; 
}

.token-main-selected .token-container::before, 
.token-container:hover::before {
	opacity: 1;
}

.token-gold {
	/*border: 10px solid #c29c37;*/
	/*background: #c29c37;*/
	background: linear-gradient(0deg, rgba(134, 94, 59, 0.4) 0%, rgba(243, 214, 126, 0.4) 100%);
}

.token-gold::before {
	background: linear-gradient(0deg, rgba(134, 94, 59, 1) 0%, rgba(243, 214, 126, 1) 100%);;
}

.token-platinum {
	/*border: 10px solid #dfe6eb;*/
	background: linear-gradient(0deg, rgba(120, 150, 180, 0.4) 0%, rgba(220, 230, 240, 0.4) 100%);;
	/*background: #dfe6eb;*/
}

.token-platinum::before {
	background: linear-gradient(0deg, rgba(120, 150, 180, 1) 0%, rgba(220, 230, 240, 1) 100%);;
}

#default-wpft-tokens > tbody > tr > td {
	padding: 0;
}

#default-wpft-tokens > tbody > tr > td:nth-child(1) {
	text-align: center;
}

#default-wpft-tokens > tbody > tr > td:nth-child(1) {
	width: 20px; 
}

#default-wpft-tokens > tbody > tr > td:nth-child(2) {
	width: 40%; 
}

#default-wpft-tokens > tbody > tr:nth-child(1) td:nth-child(1) h2 {
	text-align: left;
}

#default-wpft-tokens > tbody > tr td:nth-child(3) h2 {
	margin: 0;
	padding: 0;
	text-align: right;
}

#default-wpft-tokens > tbody > tr td:nth-child(1) h2 {
	margin: 0;
	padding: 0;
}

#default-wpft-tokens > tbody > tr:nth-child(1) td {
	height: 20px; 
	position: relative;
}

#default-wpft-tokens {
	width: calc(100% + 40px); 
	/*height: calc(100vh - 73px);*/
	border-spacing: 20px; 
	margin: -20px -20px 0;
}

table.my-nodes > tbody > tr > td img {
	/*height: calc(100% - 60px);*/
	height: 16vh;
}

.main-right-sum {
	text-align: center;
	font-size: 32pt !important; 
	margin: 0 0 20px !important;
}

table.my-nodes > tbody > tr > td table td label {
	display: block;
	padding: 5px 0 0;
	font-size: 14pt; 
	margin: -10px 0 0;
}

.card-container {
	background: rgba(0, 0, 0, 0);
	border-radius: 20px; 
	border: 2px solid rgba(255, 255, 255, 0);
	position: relative;
	margin: 0 10px;
	transition: all 0.6s;
	padding: 0 0 10px;
	display: inline-block;
}

.card-container:hover {
	background: rgba(0, 0, 0, 0.1);
	border: 2px solid rgba(255, 255, 255, 0.2);
	padding: 0 0 50px; 
	margin: -20px 10px;
}

.main-claim-gold > span {
	background: #9b8339;
}

.main-claim-platinum > span {
	background: #aea298;
}

.main-claim > span {
	padding: 7px 10px 9px; 
	display: block;
	cursor: pointer;
	border-radius: 0 0 16px 16px; 
}

.main-claim {
	position: absolute;
	display: block;
	bottom: 2px;
	left: 2px; 
	width: calc(100% - 4px);
	max-height: 0;
	overflow: hidden;
	text-align: center;
	transition: all 0.6s;
}

.card-container:hover .main-claim {
	max-height: 40px; 
}

table.my-nodes > tbody > tr > td {
	padding: 20px; 
	background: rgba(255, 255, 255, 0.16);
	border-radius: 10px; 
	position: relative;
	height: 33.333%; 
	vertical-align: top;
}

table.my-nodes, 
.default-left-container > table, 
.default-right-container > table {
	width: 100%; 
	height: 100%; 
	border-spacing: 20px; 
}

.default-video-container > ul li {
	margin: 20px; 
	padding: 0;
	position: relative;
}

.default-video-container > ul {
	list-style: none;
	padding: 10px 0;
	margin: 0;
}

.default-video-container {
}

.default-video-container video {
	height: calc(((100vh - 90px) / 2) - 40px); 
	width: calc(((100vh - 90px) / 2) - 40px); 
	border-radius: 10px; 
	display: block;
	cursor: pointer;
	/*margin: 0 auto; */
}

#myChart {
	width: 100%; 
	height: 100%; 
	border-radius: 10px; 
	/*width: 300px; */
	/*width: 100% !important; */
	/*height: calc(((100vh - 94px - 50px) / 3) - 60px) !important; */
}

.default-left-container, 
.default-right-container {
	margin: -10px 0; 
	/*height: calc(100% + 20px);*/
	/*height: 100%;*/
	height: calc(100% - 10px);
	position: relative;
}

.default-left-container > table > tbody > tr > td {
	position: relative;
}

.default-left-container > table > tbody > tr > td video {
	height: calc(((100vh - 90px) / 2) - 40px); 
	width: calc(((100vh - 90px) / 2) - 40px); 
	border-radius: 10px; 
	display: block;
	/*margin: 0 auto; */
}

.nft-create-more-container .nft-create-more a, 
.nft-create-more-container .nft-create-more span {
	display: inline-block;
	padding: 6px 12px 8px; 
	margin: 0 2px; 
}

input[type=button].show-hide-my-wpnfts {
	display: none;
}

/* .nft-create-more-container .nft-create-more > div label.hover-title {
	position: absolute;
	width: 160px;
	margin: 0 -80px;
	left: 50%;
	background: #000;
	border-radius: 20px;
	display: block;
	padding: 8px 14px;
	font-size: 14pt;
	font-weight: bold;
	border: 2px solid rgba(255, 255, 255, 0.3);
	transition: 0.2s all 0.3s;
	bottom: 30px;
	opacity: 0;
	display: none;
} */

/* .nft-create-more-container .nft-create-more > div:hover label.hover-title {
	bottom: 40px;
	opacity: 1;
	display: block;
	z-index: 2;
} */

.nft-create-more-container .nft-create-more > div {
	position: relative;
	/*display: inline-block;*/
}

.nft-create-more-container .nft-create-more table td label.hover-title {
	display: block;
	font-size: 16pt; 
	font-weight: bold;
}

.nft-create-more-container .nft-create-more table td {
	border-radius: 10px; 
	transition: all 0.3s;
	font-size: 14pt; 
	cursor: pointer;
}

.nft-create-more-container .nft-create-more table td:hover {
	background: rgba(255, 255, 255, 0.2);
}

.nft-create-more-container .nft-create-more table {
	width: 100%; 
	height: 100%; 
	border-spacing: 10px; 
}

.nft-create-more-container .nft-create-more {
	position: absolute;
	bottom: 10px; 
	left: 10px; 
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background: var(--color-bg-logout-100); 
	border-radius: 15px; 
	text-align: center;
	border: 1px solid #222;
	opacity: 0;
	transition: opacity 0.6s;
	/*z-index: 1;*/
}

.nft-create-more-container:hover .nft-create-more {
	opacity: 1;
}

.nft-create-more-container.dashboard-more .nft-create-more {
	position: absolute;
	bottom: 10px; 
	left: 0; 
	width: calc((100% - 20px) - (((100vh - 90px) / 2) - 60px));
	height: calc(100% - 20px);
	background: rgba(255, 255, 255, 0.1); 
	/*background: var(--color-bg-logout-100); */
	border-radius: 0 15px 15px 0; 
	text-align: center;
	border: 1px solid #222;
	border-left: 0;
	opacity: 0;
	transition: all 0.6s;
	/*z-index: 1;*/
}

.nft-create-more-container.dashboard-more:hover .nft-create-more {
	opacity: 1;
	left: calc(((100vh - 90px) / 2) - 40px); 
}

.default-left-container > table > tbody > tr > td > a, 
.nft-create-more-container {
	position: relative;
}

.default-left-container > table > tbody > tr > td {
	height: 50%; 
	padding: 0;
}

.h2-container input[type=button] {
	position: absolute;
	right: 0;
	top: 0;
}

.h2-container {
	position: relative;
}

.default-right-button-container {
	margin: 20px 0 0;
	text-align: left;
}

.pg-content-white h2 {
	margin: -10px -20px 20px; 
	padding: 5px 20px 15px; 
	border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
}

.pg-content {
	display: block;
	margin: 20px auto 30px; 
	max-width: 1200px; 
}

.pg-content-800 {
	max-width: 800px; 
}

.pg-content-white {
	display: block;
	margin: 20px auto 30px; 
	max-width: 1200px; 
	background: rgba(20, 20, 20, 0.8);
	border: 2px solid rgba(2555, 255, 255, 0.2);
	border-radius: 10px; 
	padding: 20px; 
}

.pg-content-small-white {
	max-width: 500px; 
}

.action-container {
	margin: 20px -20px 0;
	padding: 20px 20px 0;
	text-align: right;
	border-top: 1px solid rgba(255, 255, 255, 0.15); 
}

article.faq-item {
	display: block;
	margin: 10px 0;
	border-radius: 10px; 
	background: rgba(0, 0, 0, 0.6);
	border: 2px solid rgba(255, 255, 255, 0.1);
	transition: all 0.2s;
}

article.faq-item .faq-header:after {
	content: '+';
	display: block;
	position: absolute;
	top: 15px; 
	right: 20px; 
}

article.faq-item .faq-header {
	padding: 15px 50px 15px 20px; 
	font-weight: bold;
	position: relative;
	background: rgba(0, 0, 0, 0.0);
	border-radius: 10px 10px 0 0;
	transition: all 0.5s;
	cursor: pointer;
}

article.faq-item .faq-body > div a {
	color: #333; 
	text-decoration: underline;
}

article.faq-item .faq-body > div {
	padding: 15px 20px 20px;
}

article.faq-item .faq-body {
	position: relative;
	overflow: hidden;
	max-height: 0;
	transition: all 0.5s;
}

article.faq-item.faq-selected {
	background: rgba(255, 255, 255, 0.9);
	color: #333; 
}

article.faq-item.faq-selected .faq-header {
	background: rgba(0, 0, 0, 0.1);
}

article.faq-item.faq-selected .faq-header:after {
	content: '-';
}

article.faq-item.faq-selected .faq-body {
	max-height: 1000px; 
}

#admin-langs td textarea {
	min-height: 100px; 
}

#admin-langs td textarea, 
#admin-langs td input, 
#admin-langs td select {
	width: 100%; 
	color: #fff; 
	background: rgba(0, 0, 0, 0.8);
}

#admin-langs td label {
	display: block;
	margin: 3px 0 0;
	font-size: 9pt; 
}

#admin-langs tr td:nth-child(1) {
	width: 30%; 
}

#admin-langs td {
	padding: 5px; 
}

#admin-langs {
	width: 100%; 
	border-spacing: 0;
	padding: 20px 0 70px; 
}



.pg-content-settings-options {
	float: right;
	width: 250px; 
	position: relative;
	padding: 0 20px 0 0;
}

.pg-content-settings-actions {
	float: right;
	width: calc(100% - 250px);
	background: rgba(255, 255, 255, 0.1);
	/*background: #fff; */
	border-radius: 15px; 
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
	padding: 20px; 
}

.pg-content-settings-dashboard {
	float: left;
	width: calc(50% - 20px);
	margin: 0 20px 20px 0; 
	background: #fff; 
	border-radius: 15px; 
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
	padding: 20px; 
}

.pg-content-settings-dashboard:nth-child(2) {
	margin: 0 0 20px 0;
}

.pg-content-settings:after {
	content: '';
	display: block;
	float: none;
	clear: right;
}

.pg-content-settings-options ul li.selected a {
	/*font-weight: bold;*/
	background: rgba(0, 0, 0, 0.07);
	/*padding-left: 15px;*/
}

.bottom-label-small label {
	padding: 5px 12px; 
	border-radius: 5px; 
	background: rgba(0, 0, 0, 0.06);
}

.bottom-label-small {
	margin: 8px 0 0;
	font-size: 0.8em;
}

.pg-content-settings-options ul.with-indicator li a {
	white-space: nowrap;
}

.pg-content-settings-options ul li a {
	display: block;
	padding: 15px 15px 15px 10px; 
	position: relative;
	width: 230px; 
	overflow: hidden;
	text-overflow: ellipsis;
}

.pg-content-settings-options ul li.available-0 a {
	font-style: italic;
	color: #e00;
}

.pg-content-settings-options ul li.new-item label {
	display: inline-block;
	margin: -18px 5px -18px 0; 
	font-size: 24pt; 
	font-weight: bold;
	color: #00d285;
	position: relative;
	top: 3px; 
}

.pg-content-settings-options ul li {
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1); 
}

.pg-content-settings-options ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-top: 2px solid rgba(0, 0, 0, 0.1); 
}

.pg-content-settings-options ul li.selected a {
	/*font-weight: bold;*/
	background: rgba(255, 255, 255, 0.16);
	/*padding-left: 15px;*/
}

table.my-nodes td {
	padding: 10px !important; 
}

table.my-nodes {
	height: initial;
}

.my-nodes thead td {
	padding: 10px; 
}

.my-nodes thead td div {
	border-bottom: 2px solid rgba(255, 255, 255, 0.3);
	padding: 5px; 
	margin: 0 -15px; 
}

.my-new-nodes {
	text-align: right;
	margin: 30px 0 10px; 
	padding: 0 10px; 
}

.market-buy-sell a.selected {
	background: rgba(255, 255, 255, 0.3);
}

.market-buy-sell a {
	display: inline-block;
	margin: 2px; 
	padding: 7px 20px 9px; 
}

.market-buy-sell {
	text-align: right;
}

.main-pool-value {
	display: block;
	font-size: 40pt; 
	text-align: center;
	margin: 20px 0;
}

.main-pool-value-height {
	padding: 70px 0;
	margin: 0;
}

#my-new-nodes-details > div {
	padding: 20px 10px; 
}

#my-new-nodes-details {
	overflow: hidden;
	max-height: 0;
	overflow-y: auto;
	transition: all 0.5s;
}

#my-new-nodes-button {
	overflow: hidden;
	max-height: 100px; 
	transition: all 0.5s;
}

div#my-new-nodes-content.selected #my-new-nodes-button {
	max-height: 0;
}

div#my-new-nodes-content.selected #my-new-nodes-details {
	max-height: 1000px; 
}

.button-container {
	margin: 10px 0 0;
	padding: 10px 0 0;
	border-top: 2px solid rgba(255, 255, 255, 0.3);
	position: relative;
	text-align: right;
	min-height: 40px; 
}

.my-new-nodes-name input {
	width: 100%; 
	color: #fff; 
}

.my-new-nodes-name label {
	font-size: 10pt; 
	display: block;
	margin: 0 0 0 5px; 
}

td.buy-sell-container label {
	font-size: 10pt; 
	display: block;
	margin: 20px 0;
}

td.buy-sell-container > div input[type=text] {
	color: #fff; 
	width: 100%; 
	margin-bottom: 30px; 
}

td.buy-sell-container > div {
	max-width: 70%; 
	margin: 0 auto; 
}

td.buy-sell-container {
	text-align: left;
	vertical-align: middle !important;
}

h2 label.count, 
.main-instant-menu li a label.count {
	font-size: 11pt; 
	display: inline-block;
	padding: 2px 10px;
	border-radius: 5px; 
	margin: 0 0 0 5px; 
	background: rgba(255, 255, 255, 0.6);
	color: #222; 
	position: relative;
	top: -2px; 
	font-weight: bold;
}

html.is-logged-in h2 label.count, 
html.is-logged-in .main-instant-menu li a label.count {
	color: var(--color-bg-login-100);
}

.main-instant-menu li a {
	display: block;
	padding: 15px 0px; 
	font-size: 14pt; 
}

.main-instant-menu li {
	margin: 0 20px 0 0;
	border-bottom: 2px solid transparent;
	display: inline-block;
}

.main-instant-menu li.selected {
	border-bottom: 2px solid #fff; 
}

.main-instant-menu {
	display: block;
	list-style: none;
	padding: 5px 15px; 
	margin: -5px auto 20px; 
	max-width: 1240px;
	position: relative;
	z-index: 1;
}

.main-separated > tbody > tr > td:nth-child(2) {
	width: 20%; 
}

.main-separated > tbody > tr > td:nth-child(1), 
.main-separated > tbody > tr > td:nth-child(3) {
	width: 40%; 
	padding: 0;
	position: relative;
	vertical-align: top;
}

.main-separated h2 {
	margin: 0 0 20px; 
	padding: 15px 20px; 
	font-size: 14pt; 
	font-weight: bold;
	border-bottom: 1.5px solid rgba(255, 255, 255, 0.4);
}

.main-separated {
	width: 100%; 
	border-spacing: 0;
}

.bg-white-transparent {
	border-radius: 10px; 
	background: rgba(255, 255, 255, 0.16);
}

.main-swap label {
	display: block;
	opacity: 0.8;
	font-size: 10pt; 
	padding-left: 5px; 
}

.action-section {
	text-align: right;
	position: relative;
	background: rgba(255, 255, 255, 0.1);
	padding: 10px 20px 15px;
	border-radius: 0 0 10px 10px;
	margin: 0 -20px -10px;
}

.main-swap td {
	padding: 5px; 
}

.main-swap {
	width: 100%; 
	border-spacing: 0;
	padding: 5px 15px; 
}

.input-container-left input::-webkit-outer-spin-button, 
.input-container-left input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.input-container-left input {
	color: #fff; 
	border: 0;
	background: transparent;
	width: 100%; 
	-moz-appearance: textfield;
}

.input-container-left {
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 50px 0 0 50px;
	position: relative;
}

.input-container-left-max {
	position: absolute;
	top: 16px;
	left: 19px;
	font-size: 8.4pt !important;
	background: rgba(255, 255, 255, 0.6);
	color: #333;
	text-transform: uppercase;
	display: block;
	padding: 2px 10px !important;
	border-radius: 100px;
	cursor: pointer;
}

.input-container-right {
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 0 50px 50px 0;
	background-size: 32px 32px; 
	background-position: 10px 10px; 
	background-repeat: no-repeat;
	padding-left: 56px !important; 
	width: 140px; 
}

.buy-nft-container {
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	/*right: 0;*/
	/*bottom: 0;*/
	/*border-radius: 10px; */
	/*background: rgba(0, 0, 0, 0.9);*/
	/*border: 2px solid rgba(255, 255, 255, 0.2);*/
	/*padding: 10px; */
	text-align: center;
	padding: 0 20px 40px; 
}

.new-nft-header h1 {
	margin: 0;
	padding: 0 0 0 40px;
	font-size: 21pt; 
}

.new-nft-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin: -10px -10px 10px; 
	padding: 10px; 
	position: relative;
}

.new-nft-container section input[type=text], 
.new-nft-container section input[type=number] {
	width: 100%; 
	color: #fff; 
}

.new-nft-container section {
	display: block;
	position: relative;
	padding: 10px 20px; 
	margin: 10px 0;
}

.new-nft-container {
	height: calc(100vh - 340px);
	overflow: hidden;
	overflow-y: auto;
	padding: 0 10px; 
	margin: 0 -10px; 
	text-align: left;
}

#close-new-nft {
	position: absolute;
	top: 10px;
	left: 10px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	display: block;
	padding: 5px 15px; 
	cursor: pointer;
}

.new-nft-list td {
	padding: 0;
}

.new-nft-list {
	padding: 0;
	border-spacing: 0 10px; 
	width: 100%; 
}

#working-details-container > div table td {
	color: #fff;
	padding: 5px 10px;
	white-space: nowrap;
	text-align: left;
}

#working-details-container > div table {
	margin: 0 auto; 
	border-spacing: 0;
	width: initial;
	height: initial;
}

#working-details-container > div {
	padding: 20px 0;
}

#working-details-container {
	max-height: calc(100vh - 140px);
	overflow: hidden;
	overflow-y: auto;
}

.new-nft-table tr:nth-child(1) td:nth-child(1), 
.new-nft-table tr:nth-child(1) td:nth-child(3) {
	cursor: pointer;
	user-select: none;
}

.new-nft-table tr:nth-child(1) td {
	font-size: 40pt; 
	text-align: center;
	width: 33.33%; 
	font-family: 'Roboto Mono', monospace;
}

.new-nft-table td.price-container label {
	display: inline-block;
	font-size: 20pt; 
}

.new-nft-table tr:nth-child(2) td {
	padding: 10px 0;
	font-size: 14pt; 
}

.new-nft-table {
	width: 100%; 
	border-spacing: 30px; 
}

#main-window-container > table > tbody > tr > td {
	padding: 0;
}

#main-window-container > table {
	width: 100%; 
	height: 100%; 
	border-spacing: 0;
}

#main-window-container {
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%; 
	background: rgba(0, 0, 0, 0.6);
	display: none;
	backdrop-filter: blur(6px);
}

html.is-logged-in #main-window-container {
	background: var(--color-bg-login-60);
}

#main-window-content-out {
	max-width: 500px; 
	padding: 0 15px; 
	margin: 0 auto; 
}

#main-window-content {
	border-radius: 10px; 
	border: 2px solid rgba(255, 255, 255, 0.2);
	position: relative;
	background: rgba(0, 0, 0, 0.8);
	max-height: calc(100vh - 120px);
	overflow: hidden;
	overflow-y: auto;
}

html.is-logged-in #main-window-content {
	background: var(--color-bg-login-60);
}

#main-window-title > span {
	display: block;
}

#main-window-title > label {
	cursor: pointer;
	display: block;
	position: absolute;
	left: 5px; 
	top: 5px; 
	padding: 2px 10px 0; 
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 3px; 
	user-select: none;
}

#main-window-title {
	position: relative;
	font-size: 20pt; 
	padding: 7px 10px 7px 40px; 
	text-align: center;
	cursor: default;
}

#main-window-progress > div {
	height: 3px; 
	width: 0;
	background: rgba(255, 255, 255, 0.6);
}

#main-window-progress {
	position: relative;
}

.ajax-get-nft-progress {
	padding: 10px; 
	width: 100%; 
}

.items-sortable li input[type=text] {
	width: 100%; 
	color: #fff; 
}

.items-sortable li svg {
	padding: 0;
	display: block;
	margin: 0;
	position: absolute;
	top: 8px; 
	right: 8px; 
	width: 34px; 
	height: 34px; 
	border-radius: 100px; 
}

.items-sortable li {
	position: relative;
	margin: 3px; 
	padding: 5px 5px 5px 30px;  
	background: rgba(255, 255, 255, 0.1);
	border-radius: 100px; 
}

.items-sortable {
	padding: 5px; 
	margin: 0;
	list-style: none;
}

.empty-message label {
	display: inline-block;
	padding: 30px 60px; 
	background: rgba(255, 255, 255, 0.2);
	border-radius: 15px; 
	font-style: italic;
}

.empty-message {
	padding: 50px 10px 70px; 
	text-align: center;
}

.nft-buy-tokens {
	padding: 0 0 20px; 
	margin: 10px 0 20px; 
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.nft-list-cards li img {
	width: 230px; 
	display: block;
	border-radius: 15px; 
}

.nft-list-cards li {
	margin: 10px; 
	padding: 0;
	display: inline-block;
	cursor: pointer;
}

.nft-list-cards {
	list-style: none;
	padding: 5px; 
	margin: 0 -25px; 
	text-align: center;
}

.pg-content-governance-list a {
	display: block;
	margin: 20px 0;
	padding: 20px; 
	border-radius: 15px; 
	/*background: rgba(255, 255, 255, 0.16);*/
	background: rgba(0, 0, 0, 0.7);
	position: relative;
	border: 2px solid rgba(255, 255, 255, 0.3);
}

html.is-logged-in .pg-content-governance-list a {
	background: var(--color-bg-login-60);
}

.pg-content-governance-list strong.header-title {
	display: block;
	margin: 0 0 10px; 
	padding: 0 80px 0 0;
}

.pg-content-governance-list {
	margin-top: 40px; 
}

.vote-label-item {
	display: inline-block;
	padding: 4px 16px 6px; 
	border-radius: 100px; 
	color: #fff; 
}

.vote-label {
	position: absolute;
	top: 20px; 
	right: 20px; 
	display: block;
	padding: 4px 10px; 
	border-radius: 100px; 
	color: #fff; 
	font-size: 10pt; 
}

.vote-open {
	background: #2a851b; 
}

.vote-expired {
	background: #e00;
}

.vote-soon {
	background: #1babfe;
}

.main-title-with-back a {
	position: absolute;
	display: block;
	top: 9px;
	left: 0;
	padding: 3px 16px; 
	border: 1px solid rgba(255, 255, 255, 0.6);
	font-size: 16pt; 
	border-radius: 5px; 
}

.main-title-with-back {
	position: relative;
	padding-left: 40px; 
}

.vote-item-main-text-out {
	position: relative;
}

.vote-item-main-text-out > div {
	position: absolute;
	text-align: center;
	bottom: -30px;
	left: 0;
	width: 100%; 
	z-index: 2; 
}

.vote-show-more, 
.vote-show-less {
	background: rgba(255, 255, 255, 0.5); 
	border-radius: 0 0 100px 100px; 
	padding: 4px 26px 6px; 
	color: #333;
	cursor: pointer;
}

.vote-item-main-text-out .vote-show-more {
	display: inline-block;
}

.vote-item-main-text-out .vote-show-less {
	display: none;
}

.vote-item-main, 
.vote-item-main-text {
	/*text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);*/
	background: rgba(0, 0, 0, 0.7);
	display: block;
	padding: 1px 20px; 
	border-radius: 15px; 
	margin: 30px 0;
	border: 2px solid rgba(255, 255, 255, 0.5);
	max-height: 313px; 
	overflow: hidden;
	position: relative;
	transition: all 0.5s;
}

.vote-item-main-text-out.show-more .vote-item-main-text {
	max-height: 9999px; 
}

.vote-item-main-text-out.show-more .vote-show-more {
	display: none;
}

.vote-item-main-text-out.show-more .vote-show-less {
	display: inline-block;
}

html.is-logged-in .vote-item-main, 
html.is-logged-in .vote-item-main-text {
	background: var(--color-bg-login-60);
}

.vote-item-main {
	padding: 20px; 
	max-height: initial;
	overflow: auto;
}

.vote-item-main h2 {
	margin: -5px -20px 20px; 
	padding: 0 20px 20px; 
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}

.vote-check {
	display: none;
}

ul.radio-input li .vote-check:checked + span {
	background: rgba(255, 255, 255, 0.4);
	border: 2px solid rgba(255, 255, 255, 0.5);
}

ul.radio-input li span {
	display: block;
	background: rgba(255, 255, 255, 0.2);
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	display: block;
	padding: 10px 15px; 
	text-align: center;
	transition: all 0.4s;
	cursor: default;
	overflow: hidden;
	width: 100%; 
	position: relative;
	user-select: none;
}

ul.radio-input li {
	margin: 3px; 
	padding: 5px; 
}

ul.radio-input li.vote-button {
	margin-top:10px; 
}

ul.radio-input li.vote-button span {
	background: #2a851b;
	text-align: center;
	cursor: pointer;
}

ul.radio-input {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.radio-input-list {
	margin: 0 -5px; 
}

div.vote-progress-bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 33%; 
	height: 100%; 
	/*background: rgba(0, 0, 0, 0.4);*/
	background: rgba(42, 133, 27, 0.4);
}

.vote-item-left {
	float: left;
}

.vote-item-right {
	float: right;
}

.vote-vote-list tr td:nth-child(2) {
	text-align: center;
}

.vote-vote-list tr td:last-child {
	text-align: right;
}

.vote-vote-list td {
	padding: 8px 12px; 
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.vote-vote-list tr:last-child td {
	border-bottom: 0;
}

.vote-vote-list {
	width: 100%; 
	border-spacing: 0;
}

.wpnft-side-by-side > tbody > tr > td:nth-child(2) {
	width: 20%; 
}

.wpnft-side-by-side > tbody > tr > td:nth-child(1), 
.wpnft-side-by-side > tbody > tr > td:nth-child(3) {
	width: 40%; 
}

.wpnft-side-by-side > tbody > tr > td video {
	width: 100%; 
	border-radius: 10px; 
}

.wpnft-side-by-side > tbody > tr > td {
	padding: 0; 
	/*padding: 0 100px; */
	vertical-align: top;
}

.wpnft-side-by-side {
	width: 100%; 
	border-spacing: 0;
	padding: 0px; 
}

.wpnft-side-options table td {
	padding: 5px; 
}

.wpnft-side-options table tr td:last-child {
	text-align: right;
	white-space: nowrap;
	padding-right: 20px; 
}

.wpnft-side-options table {
	width: 100%; 
	border-spacing: 0;
}

.wpnft-side-options {
	margin: 20px 0;
	padding: 5px; 
	border-radius: 100px; 
	background: rgba(255, 255, 255, 0.2);
}

.wpnft-site-tokens li label {
	font-size: 8pt; 
	display: inline-block;
	padding: 3px 10px 3px 10px; 
	margin: 0 0 0 6px; 
	border-radius: 0 100px 100px 0; 
	background: rgba(55, 26, 26, 0.3); 
	/*background: var(--color-bg-login-100); */
	color: #aaa; 
	position: relative;
	top: -3px; 
	cursor: pointer;
}

.wpnft-site-tokens li.nft-list-item-promo {
	width: 155px; 
}

.wpnft-site-tokens li {
	display: inline-block;
	padding: 7px 10px 5px; 
	border-radius: 100px; 
	background: rgba(255, 255, 255, 0.3);
	margin: 5px; 
	font-size: 14pt; 
	cursor: pointer;
	width: 72px; 
}

.wpnft-site-tokens {
	margin: 20px -5px;
	padding: 0;
	text-align: center;
	list-style: none;
}

fieldset.admin-input-container {
	border: 3px solid rgba(255, 255, 255, 0.2);
	padding: 10px 20px; 
	margin: 20px 0;
	border-radius: 15px; 
}

.nft-goto-staking table td a div {
}

.nft-goto-staking table td a {
	position: absolute;
	height: 100%; 
	width: 100%; 
	vertical-align: middle;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nft-goto-staking table td {
	text-align: center;
	background: rgba(255, 255, 255, 0);
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px; 
	color: #ccc; 
	transition: all 0.3s;
	cursor: pointer;
	position: relative;
}

.nft-goto-staking table td:hover {
	background: rgba(255, 255, 255, 0.2);
	border: 2px solid rgba(255, 255, 255, 0.3);
	color: #fff;
}

.nft-goto-staking table {
	width: 100%; 
	/*height: calc(100% + 36px); */
	height: 30vw; 
	border-spacing: 20px; 
	position: absolute;
	top: -20px;
}

.staking-goto-staking canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%; 
}

.staking-goto-staking, 
.nft-goto-staking {
	text-align: center;
	height: 100%; 
	position: relative;
}

.stake-top > div > table > tbody > tr > td video {
	width: 100%; 
	border-radius: 10px; 
	cursor: pointer;
}

.stake-top > div > table > tbody > tr > td {
	width: 50%; 
	padding: 0;
	position: relative;
}

.stake-top > div > table {
	width: calc(100% + 40px); 
	margin: 0 -20px;
	border-spacing: 20px; 
}

.main-nft-market-table .info-table {
	border-spacing: 20px 55px; 
}

.main-nft-market-table .stake-top > div > table {
	margin: -20px -20px -20px; 
}

.stake-top h2 {
	margin: -20px 0 0;
	padding: 0;
}

.regular-content h2 {
	/*margin: 0;*/
	margin-bottom: 5px; 
}

.stake-top {
	width: 40%; 
	position: relative;
	vertical-align: top;
}

.main-table {
	border-spacing: 20px; 
	margin: 0 -20px; 
	width: calc(100% + 40px);
}

.admin-in-separator {
	border: 0;
	padding: 0;
	margin: 30px 2px;
	height: 2px; 
	background: rgba(255, 255, 255, 0.3);
}

video.nft-window {
	width: 466px; 
	height: 466px; 
	display: block;
}

.new-stake-window p {
	text-align: center;
}

.new-stake-window {
	margin: 0 20px; 
	position: relative;
}

.actions {
	margin: 20px -20px 0;
	padding: 15px 10px 20px; 
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.05);
}

.new-stake-select {
	border: 5px solid transparent;
}

.new-stake-select.new-stake-staked {
	border: 5px solid #1babfe;
	background: rgba(0, 0, 0, 0.2);
	color: rgba(255, 255, 255, 0.4);
	cursor: default;
}

.new-stake-select.new-market-in-market {
	border: 5px solid #ff6600;
	background: rgba(0, 0, 0, 0.2);
	color: rgba(255, 255, 255, 0.4);
	cursor: default;
}

.new-stake-select.new-market-in-market *, 
.new-stake-select.new-stake-staked * {
	cursor: default;
}

.new-stake-select.selected {
	border: 5px solid #2a851b;
	background: rgba(255, 255, 255, 0.12);
}

.view-container h3 {
	font-size: 15pt; 
	padding: 0 0 10px;
	margin: 0 0 20px; 
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	font-weight: normal;
}

.view-container {
	padding: 20px; 
	background: rgba(255, 255, 255, 0.1);
	border-radius: 15px; 
}

.view-container tr td:nth-child(1) {
	width: 40%; 
	font-size: 16pt; 
}

.view-container tr td:nth-child(2), 
.view-container tr td:nth-child(3) {
	width: 30%; 
}

.info-table td label {
	display: block;
	padding: 10px 0 0;
	text-align: center;
	font-size: 16pt; 
}

.info-table td img {
	border-radius: 10px; 
	display: block;
	width: 80%; 
	margin: -10px auto -10px;
}

.info-table td {
	width: 50%; 
	padding: 0;
}

.info-table {
	border-spacing: 20px; 
	margin: -20px; 
	width: calc(100% + 40px);
	height: 100%; 
}

.stake-wrap-filter > tbody > tr > td:last-child {
	text-align: right;
	width: 80%; 
}

.stake-wrap-filter > tbody > tr > td:first-child {
	width: 20%; 
	white-space: nowrap;
}

.stake-wrap-filter > tbody > tr > td {
	padding: 0;
	position: relative;
	height: 50px; 
}

.stake-wrap-filter {
	margin: 0 -20px; 
	border-spacing: 20px; 
	width: calc(100% + 40px);
	padding-top: 25px; 
}

.stake-wrap-full-rewards td {
	padding: 0;
	position: relative;
	font-size: 10pt; 
	text-align: center;
	color: rgba(255, 255, 255, 0.6);
}

.stake-wrap-full-rewards td div {
	font-size: 14pt; 
	color: #fff;
}

.stake-wrap-full-rewards {
	border-spacing: 20px; 
	margin: -20px -20px -20px auto; 
}

.filter-container > div.filter-button {
	padding: 10px 20px; 
	font-size: 16pt; 
	background: rgba(60, 60, 60, 0.95);
	border-radius: 23px; 
	display: inline-block;
	transition: all 0.3s;
	position: relative;
	z-index: 4; 
}

html.is-logged-in .filter-container > div.filter-button {
	background: var(--color-bg-login-w-95);
}

.filter-container:hover > div.filter-button {
	border-radius: 23px 23px 0 0; 
	border: 2px solid rgba(255, 255, 255, 0.6);
	border-bottom: 0;
	margin: -2px -2px 0 -2px; 
}

.filter-container > div.filter-dropdown > ul > li span {
	font-size: 10pt; 
	display: block;
	margin: 0;
	padding: 0 0 1px 2px; 
}

.filter-container > div.filter-dropdown > ul > li input ~ .labelgroup {
	display: inline-block;
	padding: 5px 12px; 
	margin: 2px; 
	border-radius: 5px; 
	background: rgba(255, 255, 255, 0);
	transition: all 0.3s;
	cursor: pointer;
}

.filter-container > div.filter-dropdown > ul > li input:checked ~ .labelgroup {
	background: rgba(255, 255, 255, 0.6);
	color: var(--color-bg-login-100);
}

.filter-container > div.filter-dropdown > ul > li input ~ .labelgroup:hover {
	background: rgba(255, 255, 255, 0.2);
}

.filter-container > div.filter-dropdown > ul > li input:checked ~ .labelgroup:hover {
	background: rgba(255, 255, 255, 0.7);
}


.filter-container > div.filter-dropdown > ul > li input {
	display: none;
}

.filter-container > div.filter-dropdown > ul > li div {
	display: inline-block;
}

.filter-container > div.filter-dropdown > ul > li {
	margin: 2px; 
	padding: 3px; 
	position: relative;
	white-space: nowrap;
}

.filter-container > div.filter-dropdown > ul {
	background: rgba(60, 60, 60, 0.95);
	padding: 20px; 
	margin: 0;
	border-radius: 0 15px 15px 15px; 
	list-style: none;
}

html.is-logged-in .filter-container > div.filter-dropdown > ul {
	background: var(--color-bg-login-w-95);
}

.filter-container > div.filter-dropdown {
	position: absolute;
	top: 44px; 
	left: -2px; 
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s;
	z-index: 3;
}

.filter-container:hover > div.filter-dropdown > ul {
	border: 2px solid rgba(255, 255, 255, 0.6);
	/*margin: 0 -2px; */
}

.filter-container:hover > div.filter-dropdown {
	max-height: 380px; 
}

.filter-container {
	position: relative;
	z-index: 2; 
}

.stake-wrap-items tbody tr td:nth-last-child(1), 
.stake-wrap-items tbody tr td:nth-last-child(2), 
.stake-wrap-items tbody tr td:nth-last-child(3) {
	width: 50px; 
	white-space: nowrap;
}

.stake-wrap-items tr td:first-child {
	width: 10px; 
}

.stake-wrap-items tbody tr:nth-child(odd) td {
	background: rgba(255, 255, 255, 0.1);
}

.stake-wrap-items tbody tr:nth-child(even) td {
	background: rgba(255, 255, 255, 0.03);
}

.stake-wrap-items td input[type=button] {
	font-size: 12pt; 
	padding: 4px 14px 6px;
}

.stake-wrap-items tbody td {
	white-space: nowrap;
}

.stake-tax-info * {
	cursor: pointer;
}

.stake-tax-info label {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 2px 8px 3px 9px;
	font-size: 10pt;
	color: #555;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 10px;
	font-weight: bold;
}

.stake-wrap-items td svg {
	width: 50px; 
	display: inline-block;
	margin: -5px 0;
	cursor: pointer;
}

.stake-wrap-items thead td {
	border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.stake-wrap-items td {
	padding: 8px 12px; 
	position: relative;
	text-align: center;
}

.stake-wrap-items {
	width: 100%; 
	border-spacing: 0;
}

.tax0 {
	font-size: 9pt; 
	display: inline-block;
	padding: 3px 10px 4px; 
	color: #fff; 
	background: #2a851b;
	border-radius: 100px; 
}

.stake-credit {
	font-size: 9pt; 
	display: inline-block;
	padding: 3px 10px 4px; 
	color: #fff; 
	background: #1babfe;
	border-radius: 100px; 
}

.staking-stake-label {
	display: inline-block;
	padding: 2px 15px 3px;
	color: #555; 
	border-radius: 100px; 
	font-weight: bold;
	cursor: pointer;
}

.staking-g {
	/*background: #ffd700;*/
	background: #c1a750;
}

.staking-p {
	/*background: #e5e4e2;*/
	background: #beb5aa;
}

.stake-with-apy-promo > span:nth-child(1) > span {
}

.stake-with-apy-promo > span:nth-child(1) {
	position: absolute;
	width: 260px;
	margin: 0 -130px;
	left: 50%;
	background: #000;
	border-radius: 20px;
	display: block;
	padding: 8px 14px;
	font-size: 14pt;
	font-weight: bold;
	border: 2px solid rgba(255, 255, 255, 0.3);
	transition: 0.2s all 0.3s;
	bottom: 20px;
	z-index: 2;
	white-space: normal;
	opacity: 0;
	display: none;
}

.stake-with-apy-promo:hover > span:nth-child(1) {
	bottom: 30px;
	opacity: 1;
	display: block;
}

.stake-with-apy-promo {
	position: relative;
}

.info-table td .stake-wrap-sum {
	display: inline-block;
}

.info-table td .stake-wrap-sum > div {
}

.info-table td .stake-wrap-sum > label {
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

.info-table td .stake-wrap-sum > div > label {
	display: inline-block;
	padding: 5px 26px; 
	background: rgba(255, 255, 255, 0.6);
	color: var(--color-bg-login-100); 
	font-size: 20pt; 
	border-radius: 100px; 
}

.stake-wrap-sum > div {
	margin: 10px 0 0;
	text-align: center;
}

.view-container-dashboard table td, 
.view-container-dashboard {
	width: 50% !important;
	position: relative;
}

.view-container-dashboard {
	text-align: left;
	padding: 70px 20px 20px !important;
}

.default-tile-container h2, 
.default-tiles-container h2, 
.view-container-dashboard h2 {
	text-align: left !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	padding: 20px !important; 
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	font-size: 15pt;
}

.default-tiles-container h2, 
.view-container-dashboard h2 {
	font-size: 14pt; 
	padding: 1px 15px 10px !important;
}

.view-container-dashboard table td {
	text-align: center;
}

.view-container-dashboard .info-table td img {
	width: 100%; 
	margin: 20px auto -10px
}

.default-tile-container > div .info-table td img, 
.default-tiles-container > div .info-table td img {
	width: 100%; 
	margin-top: 0;
}

.default-tiles-container > div {
	float: left;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 15px; 
	padding: 20px; 
	margin: 20px 20px 0 0; 
	position: relative;
	padding-top: 90px; 
}

.default-tile-container {
	text-align: center;
	margin: 0 -20px; 
}

.default-tile-container > div {
	display: inline-block;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 15px; 
	padding: 20px; 
	margin: 10px; 
	position: relative;
	padding-top: 90px; 
	width: calc(25% - 30px);
	height: calc(50vh - 200px);
}

.default-tiles-container > div:nth-child(1), 
.default-tiles-container > div:nth-child(4) {
	width: 100%; 
}

.default-tiles-container > div:nth-child(2), 
.default-tiles-container > div:nth-child(3) {
	width: calc(50% - 20px); 
}

.default-tiles-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.default-tiles-container > div:nth-child(1) {
	order: 1;
}

.default-tiles-container > div:nth-child(2) {
	order: 2;
}

.default-tiles-container > div:nth-child(3) {
	order: 3;
}

.default-tiles-container > div:nth-child(4) {
	order: 4;
}

.info-rewards td label {
	font-size: 14pt; 
}

.info-rewards td {
	text-align: center;
	font-size: 30pt; 
}

.info-rewards {
	width: 100%; 
	height: 100%; 
}

#default-chart {
	height: 100%; 
	width: 100%; 
	border-spacing: 0;
}

.infl-pub {
	display: block;
	padding: 5px 0; 
	margin: 2px 0 20px; 
}

.referer-main td {
	padding: 0;
	position: relative;
}

.referer-main {
	margin: 20px 10px 10px; 
	padding: 0;
	border-spacing: 20px; 
	width: calc(100% - 20px); 
	border-radius: 15px; 
	background: rgba(255, 255, 255, 0.2);
	border: 2px solid rgba(255, 255, 255, 0.3);
}

.referer-title {
	font-size: 18pt; 
}

.referer-title label {
	font-size: 12pt; 
	display: inline-block;
	margin: 0 20px 0 0;
}

.referer-title label:nth-child(3) {
	margin-left: 20px; 
}

.referer-cards li > label {
	display: block;
}

.referer-cards li > span {
	display: block;
	font-size: 60px; 
	padding: 0 5px; 
	margin: -5px 0 20px;
}

.referer-cards li > span div {
	position: relative;
}

.referer-cards li > span span {
	font-size: 30pt; 
}

.referer-cards li > span label {
	font-size: 10pt; 
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%; 
}

.referer-cards li {
	display: inline-block;
	margin: 10px; 
	padding: 20px; 
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: var(--color-bg-login-60);
	border-radius: 15px; 
	white-space: nowrap;
}

.referer-cards {
	margin: 0 0 -10px;
	padding: 0;
	list-style: none;
	text-align: center;
}

.influencers-list thead td {
	text-align: center;
	font-size: 10pt; 
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.influencers-list tfoot td {
	/*text-align: center;*/
	font-size: 10pt; 
	border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.influencers-list td.invalid {
	color: #f44; 
}

.influencers-list td.id {
	text-align: right;
	width: 4%;
}

.influencers-list td.value {
	text-align: right;
	width: 10%; 
}

.influencers-list tbody tr:nth-child(odd) td {
	background: rgba(255, 255, 255, 0.04);
}

.influencers-list td {
	padding: 14px 12px; 
}

.influencers-list {
	width: 100%; 
	border-spacing: 0;
}

.send-rewards {
	cursor: pointer;
}

.wpnft-sell-window td input::-webkit-outer-spin-button,
.wpnft-sell-window td input::-webkit-inner-spin-button, 
.small-inputs .input-container input[type=number]::-webkit-outer-spin-button,
.small-inputs .input-container input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.small-inputs .input-container {
	margin-left: 20px; 
	margin-right: 20px; 
	text-align: left;
}

.main-sell-content article img {
	width: 100%; 
}

.main-sell-content article label.market-token_id-gold {
	/*color: #c1a750;*/
}

.main-sell-content article label.market-token_id-platinum {
	/*color: #beb5aa;*/
}

.main-sell-content article label.market-token_id {
	font-size: 16pt; 
	font-weight: bold;
	padding-top: 6px; 
	display: block;
}

.main-sell-content article label {
	position: relative;
	margin: 10px; 
	display: block;
}

.main-sell-content > div {
	margin: 0 -20px;
	text-align: center;
}

.main-sell-content > div:not(.top-filter-container) {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.main-sell-content article input[type=button] {
	width: calc(100% - 30px); 
	padding-left: 0; 
	padding-right: 0; 
}

.main-sell-content article {
	display: inline-block;
	position: relative;
	width: 152px; 
	border-radius: 15px; 
	margin: 10px; 
	/*background: rgba(0, 0, 0, 0.9);*/
	padding: 0 0 15px;
}

html.is-logged-in .main-sell-content article {
	/*background: var(--color-bg-login-90);*/
}

.market-pricing-nft label:nth-child(1) {
	font-weight: bold;
}

.market-pricing-nft label {
	display: block;
}

.market-pricing-nft label span {
	font-size: 16pt; 
	display: inline-block;
	margin: 0; 
	/*display: block;*/
}

.market-pricing-nft {
	padding: 10px; 
	margin: 10px 10px 25px;  
	text-align: center;
	border-radius: 15px; 
	text-align: center;
	font-size: 36pt; 
}

.market-pricing-nft-gold, 
.main-sell-item-gold {
	background: rgba(193, 167, 80, 0.5);
	/*background: #c1a750;*/
}

.market-pricing-nft-platinum, 
.main-sell-item-platinum {
	background: rgba(190, 181, 170, 0.5);
	/*background: #beb5aa;*/
}

.wpnft-sell-window td {
	padding: 0;
	width: 40%; 
}

.wpnft-sell-window td select, 
.wpnft-sell-window td input[type=number] {
	color: #fff; 
	width: 100%; 
	font-size: 16pt; 
}

.wpnft-sell-window td select {
	border-radius: 0 100px 100px 0;
}

.wpnft-sell-window td input[type=number] {
	border-radius: 100px 0 0 100px; 
	font-weight: bold;
}

.wpnft-sell-window tr td:nth-child(3) {
	padding-left: 20px; 
}

.wpnft-sell-window tr:nth-child(2) td {
	padding-top: 30px; 
}

.wpnft-sell-window {
	padding: 15px; 
	border-spacing: 0;
}

.market-price span {
	display: block;
	font-size: 10pt; 
}

.market-price {
	font-size: 26pt; 
	height: 60px; 
}

.market-price-5 {
	font-size: 24pt; 
}

.market-price-6 {
	font-size: 22pt; 
}

.market-price-7 {
	font-size: 20pt; 
}

.market-price-8 {
	font-size: 18pt; 
}

.market-price-9 {
	font-size: 17pt; 
}

.market-price-10 {
	font-size: 16pt; 
}

.market-price-11 {
	font-size: 15pt; 
}

.market-price-12 {
	font-size: 14pt; 
}

.market-price-13 {
	font-size: 13pt; 
}

.market-price-14 {
	font-size: 12pt; 
}

.transactions td {
	padding: 12px 15px; 
	text-align: center;
	white-space: nowrap;
}

.transactions tbody tr:nth-child(odd) td {
	background: rgba(255, 255, 255, 0.06);
}

.transactions thead td {
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	font-size: 10pt; 
	font-weight: bold;
}

.transactions {
	width: 100%; 
	border-spacing: 0;
}

.token-symbol {
	display: inline-block;
	font-size: 8pt;
	margin: 0 0 0 5px;
	padding: 1px 7px 1px;
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.6);
	color: #555;
	font-weight: bold;
	position: relative;
	top: -1px;
}

.transaction-hash {
	border: 1px solid rgba(255, 255, 255, 0.4);
	padding: 2px 10px; 
	border-radius: 100px; 
	display: inline-block;
}

.h-scroll-content {
	width: 100%; 
	overflow: hidden;
	overflow-x: auto;
}

.pool-container h2 {
	margin: 0 0 20px; 
}

.pool-container {
	border-radius: 20px; 
	background: rgba(0, 0, 0, 0.2);
	margin: 15px 0 35px; 
	border: 2px solid rgba(255, 255, 255, 0.4);
	padding: 20px; 
}

.pool-container > div {
	text-align: center;
	margin: 0 -20px -15px;
}

.pool-item label > span {
	display: inline-block;
	font-weight: bold;
	font-size: 20pt; 
}

.pool-item label {
	font-size: 40pt; 
	display: block;
	margin: 5px 0;
	padding: 0;
}

.pool-item label.pool-item-total-container {
	margin-bottom: -30px; 
}

.pool-item label i.pool-item-total a, 
.pool-item label i.pool-item-total {
	font-size: 30pt; 
	/*opacity: 0.4;*/
	color: rgba(238, 238, 238, 0.4);
	font-style: normal;
}

.pool-item label:nth-child(1) {
	margin: 5px 0 -25px; 
}

.pool-item label.pool-usdx {
	font-size: 14pt; 
	opacity: 0.8;
}

.pool-item label.pool-usdx i a, 
.pool-item label.pool-usdx i {
	/*opacity: 0.4;*/
	color: rgba(238, 238, 238, 0.4);
	font-style: normal;
}

.pool-item {
	display: inline-block;
	width: 375px; 
	margin: 10px; 
	padding: 20px; 
	border-radius: 15px; 
	background: rgba(255, 255, 255, 0.1);
}

.pool-item-not-valid {
	opacity: 0.3;
}

.my-pool {
	font-size: 30pt; 
	margin: 0 0 15px;
}

.my-pool label {
	display: block;
	font-size: 14pt; 
}

.pool-claim {
	position: relative;
	margin: 0 0 30px; 
	text-align: left !important;
}

.pool-item-action {
	background: rgba(255, 255, 255, 0.2);
	padding: 15px 10px; 
	margin: 15px -20px -20px;
	border-radius: 0 0 15px 15px;
}

#home-canvas {
	width: 100%; 
	height: calc(100vh - 120px);
	margin: 0 0 10px; 
}

#home-canvas.nft-canvas {
	width: 100%; 
	height: 100%; 
	position: absolute;
	top: 0;
	left: 0;
}

.dashboard-full-count {
	font-size: 12pt; 
	background: rgba(255, 255, 255, 0.4);
	color: #333; 
	padding: 3px 8px; 
	border-radius: 100px; 
	display: inline-block;
}

.input-container-label-max {
	cursor: pointer;
}

.top-filter-inner {
	display: inline-block;
	position: relative;
}

.top-filter-container {
	padding: 2px; 
	margin: 0;
	position: relative;
}

.defi-options td {
	padding: 20px 12px; 
	vertical-align: top;
}

.defi-options tr td:last-child {
	width: 60px; 
	padding: 10px 12px; 
}

.defi-options {
	width: 100%; 
	border-spacing: 0;
}

.defi-posibilities li p span {
	font-size: 12pt; 
	font-weight: normal;
}

.defi-posibilities li p {
	font-size: 20pt; 
	font-weight: bold;
	margin: 10px 0;
}

.defi-posibilities li h3 {
	padding: 20px; 
	margin: 0 0 20px; 
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	font-size: 14pt; 
}

.defi-posibilities li div.defi-list-action {
	padding: 20px; 
	margin: 20px 0 0;
	border-radius: 0 0 15px 15px; 
	background: rgba(255, 255, 255, 0.1);
}

.defi-posibilities li {
	display: inline-block;
	margin: 10px; 
	padding: 0;
	width: 250px; 
	background: rgba(255, 255, 255, 0.16);
	border-radius: 15px; 
}

.defi-posibilities {
	padding: 20px; 
	margin: 0; 
	position: relative;
	list-style: none;
	text-align: center;
	border-radius: 20px; 
	background: rgba(0, 0, 0, 0.2);
}

.new-stake-window h2 {
	margin-top: 0;
}

.defi-window > p {
	text-align: left;
}

.defi-window fieldset legend {
	padding: 5px 10px; 
}

.defi-window fieldset {
	border-radius: 15px; 
	border: 2px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 20px; 
}

.expl {
	font-size: 8pt; 
	display: block;
	font-weight: normal;
	margin-top: -3px; 
	font-style: normal;
}

#background-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%; 
	object-fit: cover;
	z-index: 1;
	opacity: 0.6;
}

html.is-logged-in #background-video {
	opacity: 1;
}

content.main-normal-content {
	z-index: 2;
}

header {
	position: relative;
	z-index: 3;
}

.swap-content h1 {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.swap-content .swap-content-inside {
}

.swap-content {
	margin: 10px -20px; 
}

.dashboard-main > tbody > tr > td video {
	display: block;
}

.dashboard-main > tbody > tr > td {
	padding: 0;
	position: relative;
	vertical-align: top;
}

.dashboard-main > tbody > tr:nth-child(1) > td:nth-child(2) video {
	width: calc(100% + 40px); 
	height: 50vh; 
	object-fit: cover;
	z-index: 1;
	margin: 0 -20px; 
}

.dashboard-main > tbody > tr:nth-child(1) > td:nth-child(1) video {
	border-radius: 10px 0 0 10px; 
}

.dashboard-main > tbody > tr:nth-child(1) > td:nth-child(3) video {
	border-radius: 0 10px 10px 0; 
}

.dashboard-main > tbody > tr:nth-child(1) > td:nth-child(1) video, 
.dashboard-main > tbody > tr:nth-child(1) > td:nth-child(3) video {
	width: 50vh; 
	height: 50vh; 
}

.dashboard-main > tbody > tr:nth-child(1) > td:nth-child(1), 
.dashboard-main > tbody > tr:nth-child(1) > td:nth-child(3) {
	width: 100px; 
}

.dashboard-main {
	margin: 0 -20px; 
	border-spacing: 20px;
	width: calc(100% + 40px); 
}

.pg-content-dashboard > div.grid-item h2 {
	margin: 0 -20px 0px; 
	padding: 0 20px 20px; 
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	font-size: 14pt; 
}

.pg-content-dashboard > div.grid-item > div > table tbody tr:nth-child(odd) td {
	background: rgba(0, 0, 0, 0.2);
}

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

.pg-content-dashboard > div.grid-item > div > table td {
	padding: 10px 20px; 
	white-space: nowrap;
}

.pg-content-dashboard > div.grid-item > div > table thead td {
	font-size: 10pt; 
	text-align: center;
}

.pg-content-dashboard > div.grid-item > div > table {
	width: calc(100% + 40px);
	border-spacing: 0;
	margin: 0 -20px;
}

.pg-content-dashboard > div.grid-item > div > ul > li:nth-child(odd) {
	background: rgba(0, 0, 0, 0.2);
}

.pg-content-dashboard > div.grid-item > div > ul > li > span {
	font-size: 22pt; 
	text-align: right;
	display: block;
}

.pg-content-dashboard > div.grid-item > div > ul > li > span > span {
	font-size: 12pt; 
	opacity: 0.7;
	display: inline-block;
	margin-left: 5px; 
}

.pg-content-dashboard > div.grid-item.fixed-mu > div > ul > li > span > span {
	width: 55px; 
	text-align: left;
}

.pg-content-dashboard > div.grid-item > div > ul > li > label {
	display: block;
	font-size: 10pt; 
	margin: 0 0 5px; 
}

.pg-content-dashboard > div.grid-item > div > ul > li {
	padding: 20px; 
	margin: 0 -20px; 
}

.pg-content-dashboard > div.grid-item > div > ul > li:last-child {
	border-radius: 0 0 20px 20px;
}

.pg-content-dashboard > div.grid-item > div > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pg-content-dashboard > div.grid-item hr {
	margin: 20px -20px;
	padding: 0;
	border: 0;
	height: 2px; 
	background: rgba(255, 255, 255, 0.1);
}

.pg-content-dashboard > div.grid-item {
	margin: 0; 
	padding: 10px;
}

.pg-content-dashboard > div.grid-item > div {
	margin: 10px 0; 
	padding: 20px 20px 0; 
	border-radius: 20px; 
	background: rgba(255, 255, 255, 0.1);
	position: relative;
	width: 275px; 
	max-width: 100%; 
	border: 2px solid rgba(255, 255, 255, 0.05);
}

section.pg-content-dashboard {
	background: transparent;
}

.governance-item {
	margin: 20px 0 10px;
}

.alert-content {
	margin: 20px 0; 
	padding: 30px 20px; 
	text-align: center;
	background: rgba(200, 0, 0, 0.4);
	display: block;
	border-radius: 15px; 
}

.info-content {
	margin: 20px 0; 
	padding: 30px 20px; 
	text-align: center;
	background: rgba(27, 171, 254, 0.4);
	display: block;
	border-radius: 15px; 
}

.nft-mining-info-label {
    margin: 20px 0;
    padding: 10px 25px; 
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.2);
    display: block;
    text-align: right;
}

.admin-missing li {
	display: inline-block;
	padding: 5px 10px; 
	margin: 5px; 
	border-radius: 100px; 
	background: rgba(255, 255, 255, 0.2);
	cursor: pointer;
}

.admin-missing {
	padding: 0;
	margin: 0;
	list-style: none;
}


/* .vieo-nft-container {
	overflow: hidden;
	border-radius: 60px;
}

.wpnft-side-by-side > tbody > tr > td video {
	width: calc(100% + 70px);
	border-radius: 10px;
	margin: -36px;
} */


@media (max-width:1600px) {

	#default-wpft-tokens > tbody > tr > td:nth-child(2) {
		width: 55%; 
	}

	.default-tiles-container > div:nth-child(1), 
	.default-tiles-container > div:nth-child(2), 
	.default-tiles-container > div:nth-child(3), 
	.default-tiles-container > div:nth-child(4) {
		width: calc(50% - 10px); 
		padding: 10px; 
		margin: 10px 10px 0 0; 
		padding-top: 55px; 
	}

	.default-tiles-container > div .info-table td img {
		width: 70%; 
	}

	.default-tiles-container h2, 
	.view-container-dashboard h2 {
		padding: 10px 15px !important; 
		font-size: 14pt;
	}

	.default-tiles-container > div:nth-child(2) {
		order: 3;
	}

	.default-tiles-container > div:nth-child(3) {
		order: 4;
	}

	.default-tiles-container > div:nth-child(4) {
		order: 2;
	}

	#default-wpft-tokens > tbody > tr:nth-child(1) td:nth-child(1) h2 {
		font-size: 20pt; 
	}

	.main-right-sum {
		font-size: 26pt !important;
		margin: 0 0 10px !important;
	}

	#myChart {
		width: 260px; 
		height: 130px; 
		margin: -10px 0;
	}

	table.my-nodes > tbody > tr > td img {
		height: 14vh;
	}

	table.my-nodes > tbody > tr > td {
		padding: 10px; 
	}

	.default-tiles-container {
		margin-right: 0;
	}

	.nft-goto-staking table {
		/*left: -100px; */
		/*width: calc(100% + 200px);*/
		/*height: calc(100% - 55px);*/
		height: 30vw; 
	}
	
	#home-canvas.nft-canvas {
		left: -100px; 
		width: calc(100% + 200px);
	}
	
	#background-video {
		padding-right: 21%;
		background: #091522;
	}

}

@media (max-width:1400px) {

	.wpnft-side-by-side > tbody > tr > td video {
		width: calc(100% - 100px);
		display: block;
	}

	.wpnft-side-by-side > tbody > tr > td:nth-child(3) video {
		margin: 0 0 0 auto;
	}

	.nft-goto-staking {
		position: relative;
		z-index: 1; 
		margin: 0 -100px; 
	}

	#default-wpft-tokens > tbody > tr > td:nth-child(2) {
		width: 55%; 
	}

	.default-tiles-container > div:nth-child(1), 
	.default-tiles-container > div:nth-child(2), 
	.default-tiles-container > div:nth-child(3), 
	.default-tiles-container > div:nth-child(4) {
		width: calc(50% - 10px); 
		padding: 10px; 
		margin: 10px 10px 0 0; 
		padding-top: 55px; 
	}

	.default-tiles-container > div .info-table td img {
		width: 70%; 
	}

	.default-tiles-container h2, 
	.view-container-dashboard h2 {
		padding: 10px 15px !important; 
		font-size: 14pt;
	}

	.default-tiles-container > div:nth-child(2) {
		order: 3;
	}

	.default-tiles-container > div:nth-child(3) {
		order: 4;
	}

	.default-tiles-container > div:nth-child(4) {
		order: 2;
	}

	#main-menu .main-sharings {
		position: relative;
		bottom: -40px;
	}

	#main-menu:hover .main-sharings {
		left: -10px;
	}

	.default-tiles-container {
		margin-right: 0;
	}

	.main-sell-content article {
		width: calc((100% / 6) - 24px);
	}

	.pool-item {
		width: calc(33.33% - 24px);
	}

	.nft-goto-staking table {
		left: -100px; 
		width: calc(100% + 200px);
		/*height: calc(100% - 55px);*/
		height: 30vw; 
	}

	#home-canvas.nft-canvas {
		left: -100px; 
		width: calc(100% + 200px);
	}

	#background-video {
		padding-right: 24%;
		background: #091522;
	}

}

@media (max-width:576px) {

	html, 
	body {
		display: flex; 
		flex-direction: column;
		margin: 0;
		min-height: 100vh;
	}

	html {
		overflow: hidden;
		overflow-y: auto;
	}

	#main-menu:hover {
		max-width: 76px; 
	}

	#main-menu:hover .main-sharings {
		left: -1000px; 
		opacity: 0;
	}
	
	#main-menu.opened .main-sharings {
		left: -15px; 
		opacity: 1;
	}

	#main-menu li .menu-toggler {
		display: block;
		/*float: left;*/
		position: relative;
		z-index: 2;
		padding-right: 20px; 
	}

	#main-menu.opened {
	    max-width: 500px;
	}

	header table tr td {
		display: block;
		width: 100%; 
		font-size: 10pt; 
	}

	.top-logged-in * {
		display: initial;
	}

	.main-instant-menu li a {
		font-size: 12pt; 
	}

	.main-separated > tbody > tr > td {
		display: block;
		width: 100% !important; 
		margin-bottom: 10px !important;
	}

	.main-sell-content article {
		width: calc((100% / 2) - 24px);
	}

	.main-table-stake > tbody > tr > td, 
	.main-nft-market-table > tbody > tr > td {
		display: block;
		width: 100%; 
	}

	/*.regular-content h2, */
	.stake-top h2 {
		margin: 0;
	}

	.pg-content-800 {
		padding: 0 15px; 
	}

	.main-nft-market-table .info-table {
		border-spacing: 15px; 
	}

	#default-wpft-tokens {
		border-spacing: 10px; 
	}

	#default-wpft-tokens > tbody > tr > td {
		display: block;
		width: 100% !important; 
		/*width: calc(100vw - 76px - 20px) !important; */
	}

	#default-wpft-tokens > tbody > tr:nth-child(1) td {
		height: initial;
	}

	.token-container video {
		width: calc((100vw - 76px - 20px - 90px) / 2);
		height: calc((100vw - 76px - 20px - 90px) / 2);
	}

	.token-container label {
		font-size: 13pt; 
	}

	.token-container {
		/*display: inline-block;*/
	}

	.pg-content-settings-actions, 
	.pg-content-settings-options {
		float: none;
		clear: right;
		width: initial;
	}

	.pg-content-settings-options {
		margin: 20px 0 0; 
		padding: 0;
	}

	.pg-content-settings-options ul li a {
		/*width: calc(100vw - 30px);*/
		width: initial;
		overflow: initial;
		text-overflow: initial;
		word-wrap: break-word;
	}

	textarea {
		min-height: 200px; 
	}

	.wpnft-side-by-side > tbody > tr > td {
		display: block;
		width: 100% !important; 
	}

	.wpnft-side-by-side > tbody > tr > td video {
		width: 100%; 
	}

	.wpnft-side-options table tr td:last-child {
		white-space: initial;
	}

	.wpnft-site-tokens {
		margin: 20px -15px; 
	}

	.pool-item {
		display: block;
		width: initial; 
		margin-left: 0;
		margin-right: 0;
	}

	.pool-item label {
		font-size: 34pt; 
	}

	.pool-container > div {
		margin: 0 -10px -20px;
	}

	.default-video-container > ul > li {
		margin: 5px; 
		padding: 0;
		position: relative;
		display: inline-block;
		float: left;
	}

	.default-video-container > ul:after {
		float: none;
		clear: left;
		content: '';
		display: block;
	}

	.default-video-container > ul {
		list-style: none;
		padding: 10px 0;
		margin: 0;
	}

	.default-video-container {
	}

	.default-video-container video {
		height: calc(((100vw - 90px) / 2) - 10px); 
		width: calc(((100vw - 90px) / 2) - 10px); 
		position: relative;
		z-index: 1;
	}

	.default-right-container {
		margin: 0 -5px 0 5px;
	}

	.nft-create-more-container .nft-create-more {
		position: relative;
		bottom: initial;
		left: initial;
		opacity: 1;
		width: calc(((100vw - 90px) / 2) - 10px);
		margin: -20px 0 0;
		padding: 30px 0 0;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 0 0 10px 10px;
	}

	.nft-create-more-container .nft-create-more a {
		padding: 10px 12px 12px; 
	}
	
	.nft-create-more-container.dashboard-more .nft-create-more {
		position: relative;
		bottom: initial;
		left: initial;
		opacity: 1;
		width: calc(((100vw - 90px) / 2) - 10px);
		margin: -20px 0 0;
		padding: 30px 0 0;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 0 0 10px 10px;
	}

	.nft-create-more-container.dashboard-more .nft-create-more a {
		padding: 10px 12px 12px; 
	}

	#home-canvas {
		width: 100%; 
		height: 400px;
		margin: 0; 
	}

	.nft-goto-staking {
		height: 40px; 
		margin: 0 -20px;
	}

	.nft-goto-staking table {
		left: initial;
		width: calc(100% + 40px);
		margin: 0;
		position: relative;
		height: 160px;
		top: 0;
		display: none;
	}

	.default-tiles-container > div:nth-child(1), 
	.default-tiles-container > div:nth-child(2), 
	.default-tiles-container > div:nth-child(3), 
	.default-tiles-container > div:nth-child(4) {
		width: calc(100% - 10px);
	}

	#myChart {
		width: 100% !important; 
	}

	#background-video {
		display: none;
	}

	.pg-content-dashboard > div.grid-item {
		margin: 10px 0;
		width: calc(100% - 40px);
		max-width: initial;
	}

	.nft-create-more-container.dashboard-more:hover .nft-create-more {
		left: initial;
	}

	input[type=button].show-hide-my-wpnfts {
		display: block;
		margin: 10px auto;
	}

	.wpnft-my-tokens-container {
		display: none;
	}

}