.fa-rotate-315 {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #ff5b57 !important;
    padding-right: calc(1.5em + .875rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff5b57'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff5b57' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .21875rem) center !important;
    background-size: calc(.75em + .4375rem) calc(.75em + .4375rem) !important;
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #ff5b57 !important;
    box-shadow: 0 0 0 .25rem rgba(255,91,87,.25) !important;
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #00acac !important;
    padding-right: calc(1.5em + .875rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300acac' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .21875rem) center !important;
    background-size: calc(.75em + .4375rem) calc(.75em + .4375rem) !important;
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #00acac !important;
    box-shadow: 0 0 0 0.25rem rgb(0 172 172 / 25%) !important;
}

.max-100px {
    max-width: 100px !important;
    max-height: 100px !important;
}

.max-250px {
    max-width: 250px !important;
    max-height: 250px !important;
}

.max-400px {
    max-width: 400px !important;
    max-height: 400px !important;
}

.blurment {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.needsubscription {
    position: absolute;
    top: 50px;
    padding: 5px;
    z-index: 100;
    background-color: #0000008c;
    color: #ffffff;
}

table.tlf {
    table-layout: fixed;
    width: 100%;
}

tr.cdisable {
    cursor: not-allowed;
    background-color: #2a2a2a8c;
}

.table-bordered.card.mobiletable {
	border: 0 !important;
}
table.card.mobiletable {
	border: 0 !important;
}
.card.mobiletable thead {
	display: none;
}

.card.mobiletable tbody tr {
	float: left;
	margin: 0.5em;
	border: 1px solid #e1e1e1;
	border-radius: 0.5em;
	background-color: transparent !important;
	box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}
.card.mobiletable tbody tr td {
	display: block;
	border: 0;
}
.card.mobiletable tbody tr td:nth-child(1) > img
{
    max-width: 400px;
    max-height: 400px;
    width: 100% !important;
    height: auto !important;
}
.card.mobiletable tbody tr td:nth-child(2)
{
    font-size: 1.125rem;
}
.card.mobiletable tbody tr td:nth-child(7)
{
    float: right;
}


.table-bordered.card.mobiletable3 {
	border: 0 !important;
}
table.card.mobiletable3 {
	border: 0 !important;
}
.card.mobiletable3 thead {
	display: none;
}

.card.mobiletable3 tbody tr {
	float: left;
	margin: 0.5em;
	border: 1px solid #e1e1e1;
	border-radius: 0.5em;
	background-color: transparent !important;
	box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}
.card.mobiletable3 tbody tr td {
	display: block;
	border: 0;
}
.card.mobiletable3 tbody tr td:nth-child(1) > img
{
    max-width: 400px;
    max-height: 400px;
    width: 100% !important;
    height: auto !important;
}
.card.mobiletable3 tbody tr td:nth-child(2)
{
    font-size: 1.125rem;
}
.card.mobiletable3 tbody tr td:nth-child(9)
{
    float: right;
}


.table-bordered.card.mobiletable2 {
	border: 0 !important;
}
.card.mobiletable2 thead {
	display: none;
}

.card.mobiletable2 tbody tr {
	float: left;
	margin: 0.5em;
	border: 1px solid #e1e1e1;
	border-radius: 0.5em;
	background-color: transparent !important;
	box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}
.card.mobiletable2 tbody tr td {
	display: block;
	border: 0;
}
.card.mobiletable2 tbody tr td:nth-child(1) > img
{
    max-width: 400px;
    max-height: 400px;
    width: 100% !important;
    height: auto !important;
}
.card.mobiletable2 tbody tr td:nth-child(2)
{
    font-size: 1.125rem;
}


.card.subscriptiontable thead {
	display: none;
}
.card.subscriptiontable tbody tr {
    width: -webkit-fill-available;
    width: -moz-available;
	float: left;
	margin: 0.5em;
	border: 1px solid #e1e1e1;
	border-radius: 0.5em;
	background-color: transparent !important;
	box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}
.card.subscriptiontable tbody tr td {
	display: block;
	border: 0;
}

.dark-mode .table.card tbody tr {
	border: 1px solid #424a50 !important;
}


#footer a.footcolor {
	color: rgba(var(--app-component-color),.6);
}

.dark-mode #footer a.footcolor {
	color: rgba(var(--app-sidebar-component-color-rgb),.6) !important;
}


img.nft:focus {
    filter: brightness(1.2);
}

#sidebar.app-sidebar-content {
	overflow-x: unset;
}

@property --angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: true;
}

@property --gradX {
  syntax: '<percentage>';
  initial-value: 50%;
  inherits: true;
}

@property --gradY {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: true;
}

:root {
	--d: 2500ms;
	--angle: 90deg;
	--c1: rgba(168, 239, 255, 1);
	--c2: rgba(168, 239, 255, 0.1);
}

.box {
	font-size: 3vw;
	border: 0.35rem solid;
	border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30;
	animation: borderRotate var(--d) linear infinite forwards;
}

.box:nth-child(2) {
	border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) 30;
	animation: borderRadial var(--d) linear infinite forwards;
}

@keyframes borderRotate {
	100% {
		--angle: 420deg;
	}
}

@keyframes borderRadial {
	20% {
		--gradX: 100%;
		--gradY: 50%;
	}
	40% {
		--gradX: 100%;
		--gradY: 100%;
	}
	60% {
		--gradX: 50%;
		--gradY: 100%;
	}
	80% {
		--gradX: 0%;
		--gradY: 50%;
	}
	100% {
		--gradX: 50%;
		--gradY: 0%;
	}
}

/*
div.dataTables_scrollBody {
	overflow: visible !important;
}
*/

/*
Extend Theme Colors
*/
:root {
	--bs-coffee: #a6814c;	
	--bs-coffee-rgb: 166,129,76;	
	--bs-coffee-bg: #9f8765;
	--bs-coffee-bg-disabled: #9c9790;
}
.theme-coffee {
    --bs-app-theme: var(--bs-coffee)!important;
    --bs-app-theme-rgb: rgba(var(--bs-coffee-rgb))!important;
	--bs-app-theme-hover: var(--bs-coffee-bg)!important;
	--bs-app-theme-hover-border-color: var(--bs-coffee)!important;
	--bs-app-theme-active: var(--bs-coffee-bg)!important;
	--bs-app-theme-active-border-color: var(--bs-coffee-bg)!important;
    --bs-app-theme-disabled: var(--bs-coffee-bg-disabled)!important;
    --bs-app-theme-disabled-border-color: var(--bs-coffee-bg-disabled)!important;
}
.text-theme-color {
	color: var(--bs-app-theme-color);
}
.bg-coffee {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-coffee-rgb),var(--bs-bg-opacity))!important;
}



li.cbhide > a.jstree-anchor > i.jstree-checkbox {
	display:none
}


/* custom Geetest */
.geetest_captcha.geetest_customTheme .geetest_status_bar {
	background-color: var(--bs-app-theme)!important;
}
.geetest_captcha.geetest_customTheme .geetest_slide .geetest_btn {
	background-image: linear-gradient(180deg, var(--bs-app-theme-hover) 0%, var(--bs-app-theme) 100%)!important;
	background-color: var(--bs-app-theme)!important;
}
.geetest_box_wrap .geetest_box {
	background: var(--bs-body-bg)!important;
}
.geetest_box_wrap .geetest_box .geetest_header .geetest_title {
	color: var(--bs-app-theme)!important;
	background-color: var(--bs-body-bg)!important;
}
.geetest_box_wrap .geetest_box .geetest_ai_detect {
	background-image: unset!important;
}
.geetest_box_wrap .geetest_slide .geetest_slider .geetest_track {
	background-color: var(--bs-app-sidebar-bg)!important;
}
.geetest_box_wrap .geetest_box .geetest_container .geetest_fail {
    background-color: var(--bs-danger)!important;
}
.geetest_box_wrap .geetest_box .geetest_container .geetest_continue,.geetest_box_wrap .geetest_box .geetest_container .geetest_success {
    background-color: var(--bs-success)!important;
}
.geetest_box_wrap .geetest_box .geetest_container .geetest_forbidden {
    background-color: var(--bs-warning)!important;
}
.geetest_captcha.geetest_lock_success .geetest_btn_svg .geetest_svg_default,
.geetest_popup_wrap.geetest_lock_success .geetest_btn_svg .geetest_svg_default {
	stroke:var(--bs-success)!important;
}
.geetest_captcha.geetest_lock_success .geetest_content .geetest_tip,
.geetest_popup_wrap.geetest_lock_success .geetest_content .geetest_tip {
	color:var(--bs-success)!important;
}
.geetest_box_wrap .geetest_bind_box {
	background-color: var(--bs-body-bg)!important;
}


.geetest_captcha.geetest_lock_success+.geetest_box_layer .geetest_box_btn:after,
.geetest_captcha.geetest_lock_success+.geetest_box_layer .geetest_box_btn:before,
.geetest_popup_wrap.geetest_lock_success+.geetest_box_layer .geetest_box_btn:after,
.geetest_popup_wrap.geetest_lock_success+.geetest_box_layer .geetest_box_btn:before {
	background-color: var(--bs-success)!important;
}
.geetest_captcha.geetest_lock_success .geetest_bind_box .geetest_bind_status_bar,
.geetest_captcha.geetest_lock_success .geetest_header .geetest_status_bar,
.geetest_captcha.geetest_success .geetest_bind_box .geetest_bind_status_bar,
.geetest_captcha.geetest_success .geetest_header .geetest_status_bar,
.geetest_popup_wrap.geetest_lock_success .geetest_bind_box .geetest_bind_status_bar,
.geetest_popup_wrap.geetest_lock_success .geetest_header .geetest_status_bar,
.geetest_popup_wrap.geetest_success .geetest_bind_box .geetest_bind_status_bar,
.geetest_popup_wrap.geetest_success .geetest_header .geetest_status_bar {
  	background:var(--bs-success)!important;
}
.geetest_captcha.geetest_lock_success .geetest_bind_box .geetest_bind_tips,
.geetest_captcha.geetest_success .geetest_bind_box .geetest_bind_tips,
.geetest_popup_wrap.geetest_lock_success .geetest_bind_box .geetest_bind_tips,
.geetest_popup_wrap.geetest_success .geetest_bind_box .geetest_bind_tips {
  	color:var(--bs-success)!important;
}
.geetest_captcha.geetest_lock_success .geetest_box_layer .geetest_box_btn:after,
.geetest_captcha.geetest_lock_success .geetest_box_layer .geetest_box_btn:before,
.geetest_captcha.geetest_success .geetest_box_layer .geetest_box_btn:after,
.geetest_captcha.geetest_success .geetest_box_layer .geetest_box_btn:before,
.geetest_popup_wrap.geetest_lock_success .geetest_box_layer .geetest_box_btn:after,
.geetest_popup_wrap.geetest_lock_success .geetest_box_layer .geetest_box_btn:before,
.geetest_popup_wrap.geetest_success .geetest_box_layer .geetest_box_btn:after,
.geetest_popup_wrap.geetest_success .geetest_box_layer .geetest_box_btn:before {
  	background:var(--bs-success)!important;
}
.geetest_captcha.geetest_continue .geetest_bind_box .geetest_bind_status_bar,
.geetest_captcha.geetest_continue .geetest_header .geetest_status_bar,
.geetest_captcha.geetest_lock_success .geetest_holder .geetest_content .geetest_gradient_bar,
.geetest_captcha.geetest_success .geetest_holder .geetest_content .geetest_gradient_bar,
.geetest_popup_wrap.geetest_continue .geetest_bind_box .geetest_bind_status_bar,
.geetest_popup_wrap.geetest_continue .geetest_header .geetest_status_bar,
.geetest_popup_wrap.geetest_lock_success .geetest_holder .geetest_content .geetest_gradient_bar,
.geetest_popup_wrap.geetest_success .geetest_holder .geetest_content .geetest_gradient_bar {
  background:var(--bs-success)!important;
}
.geetest_captcha.geetest_continue .geetest_bind_box .geetest_bind_tips,
.geetest_popup_wrap.geetest_continue .geetest_bind_box .geetest_bind_tips {
  color:var(--bs-success)!important;
}
.geetest_captcha.geetest_continue .geetest_box_layer .geetest_box_btn:after,
.geetest_captcha.geetest_continue .geetest_box_layer .geetest_box_btn:before,
.geetest_popup_wrap.geetest_continue .geetest_box_layer .geetest_box_btn:after,
.geetest_popup_wrap.geetest_continue .geetest_box_layer .geetest_box_btn:before {
  background:var(--bs-success)!important;
}


@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7);
  }
  70% {
    transform: scale(1.02);
    box-shadow: 0 0 15px 5px rgba(255, 193, 7, 0.5);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.0);
  }
}

.pulsing-widget {
  animation: pulse 2s infinite;
  transition: transform 0.3s ease-in-out;
  border-radius: 12px;
}