/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

/*PANEL */
.nft-listing_page_nft-marketplace-core-panel div#wpcontent {
    background: #f0f0f1;
}
#menu-posts-nft-listing .dashicons-before img {
    width: 22px;
}
.nft-marketplace-core-note-token {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 5px;
    margin-top: -5px;
    margin-bottom: 30px;
}
.nft-panel-wrapper .form-table th {
	padding: 15px 0px;
	width: 30%;
}
.nft-panel-wrapper .form-table td {
    padding: 10px 10px;
}
#wpbody-content .nft-panel-wrapper .metabox-holder {
	background: #fff;
    padding: 1px 35px 30px;
}
#wpbody-content .metabox-holder p.submit {
    margin: 25px 0px 0px;
    padding-bottom: 15px;
    margin-left: -10px;
}
.nmcps-image-preview img {
	height: auto;
	max-width: 70px;
}
.nmcps-settings-separator {
	background: #ccc;
	border: 0;
	color: #ccc;
	height: 1px;
	position: absolute;
	left: 0;
	width: 99%;
}
.group .form-table input.color-picker {
	max-width: 100px;
}
.group h2 {
    text-align: left;
    font-size: 25px;
    font-weight: bold;
}
.nft-panel-wrapper .general-tab-wrapper {
    margin: 0px;
    margin-bottom: 55px;
}
.nft-panel-wrapper .about-title{
	margin-right:0;
	margin-bottom: 30px;
	padding: 0px 20px;
}
.nft-panel-wrapper .general-tab-wrapper a {
    border: none !important;
    margin-left: 0px;
    margin-right: 10px;
    background: #fff;
    border-bottom: none;
    padding: 10px 30px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    box-shadow: none;
}
.nft-panel-wrapper .general-tab-wrapper a.nav-tab-active {
    background: linear-gradient(to right, #647ECB,#D01498);
    color: #fff;
}
.nft-panel-wrapper .form-table p.description {
    color: #222;
}
div#nft_marketplace_core_panel_general .nft-marketplace-core-panel-block {
    width: 100%;
}
div#nft_marketplace_core_panel_general .nft-marketplace-core-panel-block th {
    width: 80px !important;
}
div#nft_marketplace_core_panel_general .nft-marketplace-core-panel-block h3 {
    text-align: left;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 40px;
}
div#nft_marketplace_core_panel_general p.submit {
    margin: 25px 0px 0px !important;
}
div#settings .nft-marketplace-core-panel-blocks {
    background: #fff;
    padding: 0px 30px;
    width: 94%;
}
div#settings p.submit {
    background: #fff;
    padding-left: 30px;
    padding-bottom: 35px;
}
.clickable-box {
    background: #FFFFFF;
    border-radius: 5px;
    top: 50px;
    padding-top: 30px;
    color: #606060;
    height: 200px;
    margin-right: 20px;
    text-align: center;
}
.clickable-box a {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.clickable-box h3 {
    margin: 0;
    color: #454545;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
}
.clickable-box p {
    width: 100%;
    margin-top: 5px;
    color: #606060;
}
.clickable-box span.dashicons {
    font-size: 60px;
    display: inherit;
    color: #D01498;
}
.nft-panel-wrapper .clickable-box img.about-logo {
    width: 55px!important;
    margin-right: 0px;
}
.nft-panel-wrapper div#settings .nft-marketplace-core-panel-block {
    width: 100% !important;
}
.panel-update-wrapper {
    position: absolute;
    bottom: 0;
    padding: 25px 25px;
    right: 0;
}
.nft-panel-wrapper .about-title sup{
	background:#fff;
	color:#666;
	font-size:33.333%;
	font-weight:700;
	padding:5px 10px;
	white-space:nowrap
}
.nft-panel-wrapper .about-title+p{
	font-size:1.2em
}
.nft-panel-wrapper img.about-logo{
	width:140px!important;
	margin-right:5px
}
.nft-panel-wrapper .nav-tab-wrapper{
	float: left;
    padding: 5px 0px;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 1em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    border: none;
    z-index: 5;
	height: 550px;
}
.nft-marketplace-core-panel-blocks p.nft-core-panel {
	width: 100%;
	margin-top: 35px;
	margin-bottom: -15px;
}
p.nft-core-panel.authorized strong {
	color: #00d927;
	text-transform: uppercase;
}
p.nft-core-panel.not-authorized strong {
	color: red;
	text-transform: uppercase;
}
.col h1.about-title {
    display: none;
}
.nft-panel-wrapper .nav-tab-wrapper .panel-tab{
	text-align: left;
    font-weight: 400;
    margin-bottom: 0;
    padding: 10px 0px;
    padding-left: 25px;
    font-size: 16px;
    text-decoration: none;
    width: 100%;
    color: #222;
    box-shadow: none !important;
}
.nft-panel-wrapper .nav-tab-wrapper .panel-tab span {
	transition:  none;
	margin-top: 3px;
}
.nft-panel-wrapper .nft-marketplace-core-panel-block th {
    padding-left: 0px;
}
.nft-panel-wrapper .nav-tab-wrapper .panel-tab.hidden{
	display:none;
}
.nft-panel-wrapper .nav-tab-wrapper .nav-tab-active,
.nft-panel-wrapper .nav-tab-wrapper .nav-tab-active:hover{
	border-bottom:0;
}
.nft-panel-wrapper .nav-tab-wrapper .nav-tab-active{
	position:relative;
}
.nft-panel-wrapper .nav-tab-wrapper .panel-tab.nav-tab-active {
    background: linear-gradient(to right, #647ECB,#D01498);
    color: #fff;
    font-weight: 600;
}
.nft-panel-wrapper .nav-tab-wrapper .panel-tab img.tabs-icons {
    width: 15px;
    margin-right: 10px;
    filter: brightness(0);
}
.nft-panel-wrapper .nav-tab-wrapper .panel-tab.nav-tab-active img.tabs-icons{
	filter: brightness(1);
}
.nft-panel-wrapper .nav-tab-wrapper .nav-tab-active:after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	bottom:-1px;
	height:1px;
	left:0;
	background:#f1f1f1;
}
.nft-panel-wrapper .notice:not(.hidden){
	display:block!important;
	margin-top:15px;
	margin-bottom:0;
	width:100%;
	box-sizing:border-box;
}
.nft-panel-wrapper .last-feature{
	margin-right:0!important;
}
.nft-panel-wrapper .panel{
    border-radius: 5px;
    border-bottom: none;
    display: none;
  	width: 1050px;
    padding: 0px 30px;
    padding-right: 0px;
}
.nft-panel-wrapper .panel:first-child{
	display:block;
}
.js .nft-panel-wrapper .panel{
	display:none;
}
.nft-panel-wrapper .panel .submit{
	clear:both;
}
.nft-panel-wrapper .nft-marketplace-core-panel-blocks{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.nft-marketplace-core-panel-2-column {
    width: 33.3%;
}
.nft-panel-wrapper .nft-marketplace-core-panel-block{
	margin-bottom:20px;
	width:49%;
	width:calc(33.3% - 10px);
	position: relative;
}
.panel-update-wrapper a {
    color: #fff;
}
.nft-panel-wrapper .nft-marketplace-core-panel-block ol ul{
	padding:10px 0 5px 17px;
	list-style:disc;
}
.nft-panel-wrapper .screenshot-image{
	text-align:right;
}
.nft-panel-wrapper .screenshot-image img{
	max-width:100%;
	height:auto;
}
.nft-panel-wrapper .screenshot-image span{
	background:#0074a2;
	color:#fff;
	font-size:.618em;
	text-transform:uppercase;
	padding:.53em 1em;
	position:absolute;
	top:0;
	right:0;
}
.nft-panel-wrapper .plugin-card{
	width:100%;
}
.nft-panel-wrapper .plugin-card .plugin-action-buttons{
	font-size:13px;
}
.nft-panel-wrapper #nft-marketplace-core-panel-items{
	margin:0;
	padding:0;
}
.nft-panel-wrapper #nft-marketplace-core-panel-items li{
	background-color:#fff;
	border:1px solid #dedede;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	min-height:40px;
	padding:10px;
	padding-right:40px;
	position:relative;
}
.nft-panel-wrapper #nft-marketplace-core-panel-items li.not-authorized{
	border-color:#dc3232;
}
.nft-panel-wrapper #nft-marketplace-core-panel-items .item-delete{
	background:0 0;
	border:none;
	box-shadow:none;
	color:#b3b9be;
	cursor:pointer;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	width:38px;
	height:38px;
}
.nft-panel-wrapper #nft-marketplace-core-panel-items .item-delete:focus,
.nft-panel-wrapper #nft-marketplace-core-panel-items .item-delete:hover{
	color:#d61c00;
}
.nft-panel-wrapper #nft-marketplace-core-panel-items .item-delete:focus{
	-webkit-box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);
	box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);
}
#nft-marketplace-core-panel-dialog-form div.notice,
#nft-marketplace-core-panel-dialog-remove div.notice{
	margin:0 0 10px 0!important;
}
.nft-marketplace-single{
	background-color:#fff;
	box-shadow: 0 0 25px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 25px rgb(0 0 0 / 10%);
	box-sizing:border-box;
	margin:0;
	width:100%;
	display:flex;
	flex-direction:column;
	height:100%;
}
.nft-marketplace-single.active{
	border-color:#aaa;
}
.nft-marketplace-single .panel-top{
	min-height:140px;
	padding:20px;
	position:relative;
	flex-grow:1;
}
.nft-marketplace-single .panel-top .column-icon{
	height:80px;
	left:20px;
	margin:0 20px 20px 0;
	position:absolute;
	top:20px;
	width:80px;
}
.nft-marketplace-single .panel-top .panel-theme-name h4{
	font-size:18px;
	line-height:1.3;
	margin:20px 0 12px;
}
.nft-marketplace-single .panel-top .panel-theme-name h4 a {
    color: #222;
    text-decoration: none;
    font-weight: bold;
}
.nft-marketplace-single .panel-top .panel-theme-name h4 span{
	color:#999;
	display:inline-block;
	font-size:13px;
	font-weight:400;
	margin-left:5px
}
.nft-marketplace-single .panel-top .panel-theme-name .description{
	display:block;
	width:100%;
}
.nft-marketplace-single .panel-top .panel-theme-name .description.closed{
	max-height:45px;
	overflow:hidden;
}
.nft-marketplace-single .panel-top .description p{
	margin:0;
	color: #606060;
    font-size: 14px;
}
.nft-marketplace-single .panel-top .panel-theme-name a.read-more{
	margin-top:.5em;
}
.nft-marketplace-single .panel-top .panel-theme-name a.read-more:active,
.nft-marketplace-single .panel-top .panel-theme-name a.read-more:focus{
	-webkit-box-shadow:none;
	box-shadow:none;
}
.nft-marketplace-single .panel-top .panel-theme-name .author{
	margin-bottom:0;
}
.nft-marketplace-single .panel-top .column-update{
	background:#d54e21;
	background:rgba(213,78,33,.9);
	color:#fff;
	display:block;
	font-size:13px;
	font-weight:400;
	min-height:48px;
	line-height:1;
	padding:0 10px;
	position:absolute;
	top:0;
	left:0;
	border-bottom:1px solid rgba(0,0,0,.2);
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
}
.nft-marketplace-single .panel-top .column-update.update-complete{
	background:#79ba49;
	background:rgba(121,186,73,.9);
}
.nft-marketplace-single .panel-top .column-update a{
	color:#fff;
	outline:0;
	text-decoration:none;
}
.nft-marketplace-single .panel-top .column-update a:hover{
	text-decoration:underline;
}
.nft-marketplace-single .panel-top .column-update a:active,
.nft-marketplace-single .panel-top .column-update a:focus{
	outline:0;
	box-shadow:none;
}
.nft-marketplace-single .panel-top .column-update .update-now{
	display:block;
	float:left;
	padding:12px 0;
}
.nft-marketplace-single .panel-top .column-update .update-now:before{
	color:#fff;
	content:'\f463';
	display:inline-block;
	font:normal 20px/1 dashicons;
	margin:0 5px -1px 0;
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	vertical-align:text-bottom;
}
.nft-marketplace-single .panel-top .column-update .updating-message:before{
	content:'\f463';
	-webkit-animation:rotation 2s infinite linear;
	animation:rotation 2s infinite linear;
}
.nft-marketplace-single .panel-top .column-update .updated-message:before{
	content:'\f147';
}
.nft-marketplace-single .panel-top .column-update .details{
	display:block;
	float:right;
	padding:18px 0 8px;
}
.nft-marketplace-single .panel-bottom{
	padding-top: 0px !important;
    padding: 25px 20px;
}
.nft-marketplace-core-panel-ad-row {
    width: 98%;
    margin-top: 20px;
    border-radius: 10px;
    display: flex;
    padding: 40px 50px;
    align-items: center;
    justify-content: space-between;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	background-position: center !important;
}
.nft-ad-wrapper {
    margin-left: -5%;
}
.nft-marketplace-core-panel-ad-row-url {
    box-shadow: none !important;
    text-decoration: none;
}
.nft-marketplace-core-panel-ad-row button {
    background: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: inherit;
}
.nft-ad-wrapper h3 {
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px;
}
.nft-ad-wrapper p {
    color: #0eff0e;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 22px;
    margin: 0px;
}
.nft-marketplace-core-panel-ad-row img {
    width: 20%;
    height: fit-content;
}
.nft-marketplace-single .panel-bottom .panel-buttons .button{
	margin-left:10px;
	margin-bottom:0!important;
}
.nft-marketplace-single .panel-bottom .panel-buttons .button:first-child{
	margin-left:0;
}
.nft-marketplace-single.active .panel-bottom{
	border-top-color:#aaa;
}
.nft-marketplace-single .button-delete{
	color:#a00;
	padding:0 5px;
	line-height:2;
	text-decoration:none;
}
.nft-marketplace-single .button-delete:hover{
	color:red;
	border:none;
}
@-webkit-keyframes rotation{
	0%{
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg);
	}
}
@keyframes rotation{
	0%{
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg);
	}
}
@media screen and (min-width:783px){
	.nft-panel-wrapper .nav-tab-wrapper .nav-tab-active{
		box-shadow:none;
	}
	.nft-panel-wrapper #settings .form-table td,
	.nft-panel-wrapper #settings .form-table th{
		float:left;
		display:block;
		width:100%;
	}
	.nft-panel-wrapper #settings .form-table th{
		padding-bottom:0;
	}
	.nft-panel-wrapper #settings .form-table td{
		padding-left:0;
		padding-right:0;
	}
	.nft-panel-wrapper p.submit{
		margin-top:0;
		padding-top:0;
	}
}
@media screen and (max-width:782px){
	.nft-panel-wrapper .nav-tab-wrapper{
		border:none;
		padding: 0px 0px 15px;
	}
	.nft-panel-wrapper .about-title{
		margin-bottom: 25px !important;
	}
	.nft-panel-wrapper .general-tab-wrapper {
	    margin-bottom: 120px;
	}
	.nft-panel-wrapper .form-table td{
		padding:  0px !important;
	}
	.nft-panel-wrapper .nav-tab-wrapper .panel-tab{
		text-align:left;
		margin:0 0 1% 0;
		padding: 10px 20px;
		width:100%;
		box-sizing:border-box;
	}
	.nft-panel-wrapper .nav-tab-wrapper .nav-tab-active:after,
	.nft-panel-wrapper .nav-tab-wrapper .nav-tab-active:hover:after{
		display:none;
	}
	.nft-panel-wrapper .nft-marketplace-core-panel-block{
		width:100%;
	}
	.nft-panel-wrapper #plugins>div:first-child,
	.nft-panel-wrapper #themes>div:first-child{
		margin-top:0!important;
	}
	.nft-panel-wrapper p.submit{
		margin-top:1.25em;
		width:100%;
	}
	.nft-panel-wrapper .panel-update-wrapper {
	    padding: 20px 20px;
	    right: 110px;
	}
	.nft-panel-wrapper .clickable-box {
		margin-right:  0px;
	    margin-bottom: 20px;
	    height: 160px;
	}
	.nft-marketplace-core-panel-2-column {
	    width: 100%;
	}
	.nft-panel-wrapper .group h2 {
	    padding: 0px;
	    margin-bottom: 0px;
	}
	.nft-panel-wrapper .form-table h3 {
	    margin: 15px 0px 0px;
	}
	.nft-panel-wrapper .form-table th {
	    width: 100% !important;
	}
	.nft-panel-wrapper .screenshot-image{
		text-align:left;
	}
	.nft-panel-wrapper .screenshot-image img{
		max-width:100%;
	}
	.nft-panel-wrapper .button-delete{
		font-size:15px;
	}
	.nft-panel-wrapper .panel-theme-name .description{
		max-height:none!important;
		overflow:visible!important;
	}
	.nft-panel-wrapper .panel-theme-name a.read-more{
		display:none!important;
	}
	body .nft-panel-wrapper {
	    display: block;
	}
	.nft-panel-wrapper .nav-tab-wrapper {
	    width: 100%;
	    height: fit-content;
	}
	.nft-panel-wrapper .panel {
	    width: 100% !important;
	    float: left;
	    padding: 0px !important;
	}
}
.healthcheck-error,
.healthcheck-item,
.healthcheck-ok{
	padding:0 0 14px 25px;
	position:relative;
}
.healthcheck-error::before,
.healthcheck-item::before,
.healthcheck-ok::before{
	position:absolute;
	opacity:.7;
	font-family:dashicons;
	font-size:16px;
	vertical-align:bottom;
	left:0;
}
.healthcheck-ok::before{
	content:'\f12a';
	color:#80b341;
}
.healthcheck-error::before{
	content:'\f153';
	color:#ef3962;
}
.healthcheck-error .limitTitle{
	color:#ef3962;
}
.healthcheck-item-title{
	font-weight:500;
	white-space:nowrap;
}
.healthcheck-item-message{
	margin-left:5px;
}
.nft-panel-wrapper {
    display: flex;
	margin-top: 60px;
	margin-bottom: 60px;
}

/* Swtich Checkbox */
.swtich-checkbox {
	color:#fff;
}
.swtich-checkbox > input + .toggle:before {
	content:'ON';
}
.swtich-checkbox > input + .toggle:after {
	content:'OFF';
}
.swtich-checkbox > input + .toggle > .switch {
	background:#fff;
}
.swtich-checkbox > input + .toggle + .label {
	color:#000;
}
.swtich-checkbox > input:checked + .toggle {
	background:#3498db;
}
.swtich-checkbox > input:not(:checked) + .toggle {
	background:#ccc;
}
.swtich-checkbox > input:checked + .toggle > .switch {
	border:3px solid #3498db;
}
.swtich-checkbox > input:not(:checked) + .toggle > .switch {
	border:3px solid #ccc;
}
.swtich-checkbox > input + .toggle {
	border-radius:4px;
}
.swtich-checkbox > input + .toggle .switch {
	border-radius:6px;
}
.swtich-checkbox {
	display:inline-flex !important; 
	align-items:center; 
	user-select:none; 
	position:relative; 
	vertical-align:middle; 
	margin-bottom:0;
}
.swtich-checkbox:hover {
	cursor:pointer;
}
.swtich-checkbox > input {
	position:absolute; 
	opacity:0;
}
.swtich-checkbox > input + .toggle {
	align-items:center; 
	position:relative;
}
.swtich-checkbox > input + .toggle {
	overflow:hidden; 
	position:relative; 
	flex-shrink:0;
}
.swtich-checkbox > input[disabled] + .toggle {
	opacity:0.5;
}
.swtich-checkbox > input[disabled] + .toggle:hover {
	cursor:not-allowed;
}
.swtich-checkbox > input + .toggle {
	width:100%; 
	height:100%; 
	margin:0; 
	cursor:pointer;
}
.swtich-checkbox > input + .toggle > .switch {
	display:block; 
	height:100%; 
	position:absolute; 
	right:0; 
	z-index:3; 
	box-sizing:border-box;
}
.swtich-checkbox > input + .toggle:before,
.swtich-checkbox > input + .toggle:after {
	display:flex; 
	align-items:center; 
	position:absolute; 
	z-index:2; 
	height:100%;
}
.swtich-checkbox > input + .toggle:before {
	right:55%;
}
.swtich-checkbox > input + .toggle:after {
	left:50%;
}
.swtich-checkbox > input + .toggle + .label {
	margin-left:10px;
}
.swtich-checkbox[data-label='left'] > input + .toggle {
	order:2;
}
.swtich-checkbox[data-label='left'] > input + .toggle + .label {
	order:1; 
	margin-left:0; 
	margin-right:10px;
}
.swtich-checkbox > input + .toggle:before {
	opacity:0;
}
.swtich-checkbox > input:checked + .toggle:before {
	opacity:1;
}
.swtich-checkbox > input:checked + .toggle:after {
	opacity:0;
}
.swtich-checkbox > input + .toggle {
	transition:background 200ms linear, box-shadow 200ms linear;
}
.swtich-checkbox > input + .toggle:before,
.swtich-checkbox > input + .toggle:after {
	transition:all 200ms linear;
}
.swtich-checkbox > input + .toggle > .switch {
	transition:right 200ms linear, border-color 200ms linear;
}
.swtich-checkbox > input + .toggle {
	width:65px; 
	height:30px;
}
.swtich-checkbox > input + .toggle	> .switch {
	width:30px;
}
.swtich-checkbox > input + .toggle:before,
.swtich-checkbox > input + .toggle:after {
	font-size:0.8rem;
}
.swtich-checkbox > input:not(:checked) + .toggle > .switch	{
	right:calc(100% - 30px);
}
.swtich-checkbox[data-style='rounded'] > input + .toggle,
.swtich-checkbox[data-style='rounded'] > input + .toggle > .switch{
	border-radius:50px;
}
.swtich-checkbox[data-style='rounded'] > input + .toggle:before	{
	right:50%;
}
.swtich-checkbox[data-style='rounded'] > input + .toggle:after {
	left:50%;
}
.nft-marketplace-core-panel-blocks p.nft-core-panel {
    width: 100%;
    margin-top: 35px;
    margin-bottom: -15px;
}
p.nft-core-panel.authorized strong {
    color: #00d927;
    text-transform: uppercase;
}
p.nft-core-panel.not-authorized strong {
    color: red;
    text-transform: uppercase;
}