body:not(.user-admin-drh) .reload-form-quick,
body:not(.user-admin-drh) .get-random-sku,
body:not(.user-admin-drh) [tab="advanced"]
{
	display: none;
}

.form-quick-edit h2, .form-quick-edit h3, .form-quick-edit h4,
.form-quick-edit h5, .form-quick-edit h6 {
	user-select: none;
}

::placeholder{
	font-size: 13px;
}

thead *, #stock *, #price_regular *, #product_cat * {
	user-select: none;
}

.product-page thead {
	position: sticky;
	top: 31px;
	background-color: #fff;
	z-index: 99;
}

.disable {
	pointer-events: none;
}

input {
  -webkit-appearance: none;
}

.drh-flex {
/* 	position: relative; */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.drh-flex-first {
	justify-content: flex-start;
}

.body-form-quick.locked input, .body-form-quick.locked label,
.body-form-quick.locked input, .body-form-quick.locked select,
.body-form-quick.locked .gr-attributes span,
.body-form-quick.locked .button,
.body-form-quick.locked img,
.body-form-quick.locked li.item-galery{
	pointer-events: none !important;
}

.body-form-quick.service .dimentions, .body-form-quick.software .dimentions {
	visibility: hidden;
}

.body-form-quick:not(.software) [tab="software"],
.body-form-quick:not(.software) .body-item-tab.software {
	display: none !important;
}




.body-form-quick.service .meta-pending_shipment,
.body-form-quick.service .meta-inventory,
.body-form-quick.service .meta-stock,
.body-form-quick.service .form-update-inventory{
	display: none;
}

/* .wp-locked .row-actions {
	display: none !important;
} */

.wp-locked .j0e_thumb{
	pointer-events: none !important;
}

.import-product {
	width: 100%;
	position: relative;
}

.import-product .button {
	width: 120px;
	display: flex;
	margin: 0 !important;
}

.import-product input {
	width: calc(100% - 122px) !important;
}

.row-actions span::last-child::after{
	display: none;
}

.row-actions span {
	font-size: 12px;
}

.term_type_sales_product_cat [class*="set-"],
.term_type_outstanding_product_cat [class*="set-"]
{
	display: none;
}

.term_type_sales_product_cat .row-title::after {
	content: " (sales)";
}

.term_type_sales_product_cat .row-title {
	color: red;
}

.term_type_outstanding_product_cat .row-title::after {
	content: " (outstanding)";
}

.term_type_outstanding_product_cat .row-title {
	color: blue;
}

.column-view, .column-bought, .column-inventory, .column-reviewCount {
	width: 80px;
}

.gr-attributes {
	background: #fff;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	min-height: 450px;
}

.body-item-tab.attributes {
	overflow-y: hidden !important;
}

.left-attribute {
	min-width: 150px;
	border: none;
	border-right: 1px solid #d4d4d4;
	padding-right: 25px;
	overflow-y: scroll;
	padding-bottom: 60px;
	scrollbar-width: none;
}
	
.title-attr {
	padding: 7px 15px;
	cursor: pointer;
	border-radius: 3px;
	color: #5c5c5c;
	user-select: none;
	margin-bottom: 8px;
	/* text-align: right; */
	text-align: center;
	background: #ececec;
}

.form-new-attributes::before {
	margin-right: 9px;
}
	
.title-attr:hover, .title-attr.active {
	background: #7d7d7d;
	color: #fff;
	font-weight: bold;
}
	
.title-attr em {
	font-style: initial;
	font-weight: bold;
}

.body-list-att {
	padding-left: 30px;
}

.body-list-att.active {
	display: block !important;
}

.form-field .gr-attributes {
	background: none;
}

.form-field .body-list-att {
	height: max-content !important;
	min-height: auto;
	background: none;
	/* padding: 0; */
	padding: 15px 0px;
	border-top: 1px solid #c2c2c2;
	width: 100%;
}

.gr-attributes span, .item-select {
	padding: 3px 10px;
	border-radius: 3px;
	background: #fff;
	display: inline-block;
	margin-bottom: 11px;
	margin-right: 11px;
	padding-bottom: 4px;
	cursor: pointer;
	min-width: 40px;
	text-align: center;
	color: #474747;
	border: 1px solid #cdcdcd;
	user-select: none;
	height: max-content;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
}

.gr-attributes span::before {
	margin-right: 8px;
}

.gr-attributes span img {
	width: 40px;
	height: 40px !important;
	margin-right: 11px;
}

.gr-attributes span c {
	width: 40px;
	height: 40px;
	display: inline-block;
	border: 1px solid #000;
	border-radius: 50%;
	margin-right: 10px;
}
	
.gr-attributes span.active, .item-select.active {
	background: #7d7d7d;
	color: #fff;
	border: 1px solid #7d7d7d;
}

.gr-attributes .active.main-att {
	background: #2271b1;
	color: #fff;
	border: 1px solid #2271b1;
}

.right-attribute .note {
	right: 10px;
}

/* .category .note {
	position: relative !important;
	bottom: 0 !important;
} */

.button-category {
	position: fixed;
	bottom: 15px;
	right: 90px;
	height: max-content;
}

@media(min-width: 1023px){
.item-select:hover {
	background: #7d7d7d;
	color: #fff;
}
	
.gr-attributes span:hover {
	background: #e4e4e4;
	color: #4f4f4f;
}
	
}

.scroll-x {
	overflow-x: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.scroll-x::-webkit-scrollbar,
.scroll-x-2::-webkit-scrollbar {
	display: none;
}
	
.list-tab {
	border-bottom: 1px solid #e0e1e3;
	padding-bottom: 0px;
	margin-top: 23px;
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	overflow: hidden;
	user-select: none;
}
	
.item-tab {
	padding: 5px 20px;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	background: #ededed;
	font-size: 12px;
	border-radius: 19px;
	margin-right: 6px;
	color: #4b4b4b;
}

.item-tab.active{
	background: #2271b1;
	color: #FFF;
}

.item-tab::before {
	display: none;
	font-family: 'fontsxds' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 5px;
}

.item-tab[tab="basic"]::before {content: "\e92e"}
.item-tab[tab="image"]::before {content: "\e90d"}
.item-tab[tab="category"]::before {content: "\e92e"}
.item-tab[tab="stock"]::before {content: "\e92e"}
.item-tab[tab="attributes"]::before {content: "\e92e"}
.item-tab[tab="variable"]::before {content: "\e92e"}
.item-tab[tab="cross_selling"]::before {content: "\e92e"}
.item-tab[tab="description"]::before {content: "\e92e"}
.item-tab[tab="advanced"]::before {content: "\e92e"}


.item-tab.more {
	background: none !important;
	text-transform: capitalize;
	color: #6969b2 !important;
	font-weight: 600;
}


@media(min-width: 992px){
.item-tab:hover {
	background: #2271b1;
	color: #FFF;
}
}
	
.body-item-tab {
	display: none;
	border: 1px solid #e0e1e3;
	padding: 35px 15px;
	border-top: none;
	min-height: 100px;
	position: relative;
}
	
.body-item-tab.active {
	display: block;
}	
	
.body-item-tab .label {
	font-weight: 600;
	color: #656565;
	user-select: none;
	width: max-content;
	position: absolute;
	background: #fff;
	padding: 0px 3px;
	left: 7px;
	top: -11px;
	margin: 0;
	z-index: 9;
/* 	letter-spacing: 0.5px; */
}
.selectit {
	font-weight: 600;
	color: #424242;
	user-select: none;
	padding: 5px 13px;
	padding-left: 6px;
	width: max-content;
	display: block;
	line-height: initial;
	border-radius: 6px;
}

.selectit:hover {
	background: #dfdfdf;
}

.metabox-prefs {
	user-select: none;
}
	
.body-item-tab input, .body-item-tab select, .body-item-tab textarea {
	padding: 15px 10px;
	width: 100%;
	max-width: 100%;
	border-radius: 3px;
	line-height: inherit;
	padding-top: 17px;
	/* border: none; */
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	background-color: #fff;
	border: none !important;
}

.body-item-tab textarea {
	min-height: 150px;
}

.body-item-tab input:hover, .body-item-tab select:hover, .body-item-tab textarea:hover {
	border-color: #696969;
	box-shadow: rgba(119, 137, 235, 0.02) 0px 1px 3px 0px, rgb(25, 92, 251) 0px 0px 0px 1.5px;
}

	
/* Phần gallery sản phẩm */
.body-galery {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.list-item-galery {
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 20px;
	user-select: none;
	margin: 0;
}
	
.item-galery {
	width: 150px;
	max-width: 200px;
	margin-bottom: 14px;
	position: relative;
	height: 113px;
	border: 1px solid #cdc8c8;
	border-radius: 3px;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 15px;
	background-color: #f0f0f1;
	background-position: center center;
	box-shadow: inset 0 0 15px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.05);
}

.item-galery:hover {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(134, 134, 134) 0px 0px 0px 1px;
}

.item-galery.video::after {
	content: "\ea15";
	font-family: 'fontsxds' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 34px;
	color: #fff;
}

.bguploadding {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #0000006b;
}

.item-galery.uploading .bguploadding {
	visibility: visible;
	opacity: 1;
}

.item-galery.uploading-100 .bguploadding {
	display: none;
}


.remove, .button.remove {
	right: -9px;
	top: -9px;
	z-index: 999;
	width: 22px;
	height: 22px;
	line-height: 17.5px;
	font-size: 20px;
	position: absolute;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ccc;
	min-height: initial;
	padding: 0;
	font-size: 15px;
	background: #e4e4e4;
	color: #3e3e3e;
}

.remove {
	right: -8px;
	top: -9px;
	width: 17px;
	height: 17px;
	line-height: 13.5px;
}
.back-image .remove,
.front-image .remove{
	top: 17px;
}
	
.add-item {
	position: absolute;
	width: 30px;
	height: 30px;
	border: 2px solid #7f7f7f85;
	border-radius: 50%;
	line-height: 25px;
	font-size: 32px;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #888585;
}
.gbutton {
	width: 100%;
	height: 100%;
	position: absolute;
}

.gbutton.plus {
	background-image: url(icons/add-image.jpg);
	background-size: cover;
}

/* .item-galery .plus:after {
	content: '+';
	position: absolute;
	text-align: center;
	left: 50%;
	top: 44%;
	transform: translate(-50%, -50%);
	font-size: 44px;
	color: #cdcdcd;
	line-height: initial;
} */

/* Phần gallery sản phẩm */




.popup-edit-item-attribute, .popup-add-variable {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 99999;
}

.body-edit-item {
	width: 400px;
	height: 200px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	position: fixed;
	background: #fff;
	border-radius: 16px;
	padding: 11px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.bg-mo {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #00000040;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.body-edit-item span {
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 17px;
	font-weight: bold;
	text-transform: uppercase;
}

.body-edit-item input {
	width: 100%;
	margin-bottom: 10px;
}

.body-edit-item .button {
	width: 31%;
	margin-right: 10px;
}

.new-attribute {
	width: 100% !important;
}

.item-atag {
	text-decoration: underline;
	color: #2271b1;
	cursor: pointer;
}


.form-banner {
	width: calc(100%/4 - 20px);
	/* background: #e8e8e8; */
	/* padding: 10px; */
	position: relative;
	margin-top: 20px;
	margin-bottom: 15px;
	cursor: pointer;
}
	
.image-preview-seleted {
	width: 100%;
}

.image-preview-wrapper {
	border-radius: 3px;
	overflow: hidden;
}

.form-icon-term .image-preview-wrapper {
	border: 2px solid #dfdfdf;
}

.image-preview-wrapper:hover {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgba(51, 51, 51, 0.38) 0px 0px 0px 2px;
}



.image-product > div {
	margin-bottom: 20px;
	justify-content: flex-start;
}

.image-product > div > div {
	margin-right: 20px;
	position: relative;
	user-select: none;
}
.image-product label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	user-select: none;
}

.image-product img {
	border-radius: 3px;
	cursor: pointer;
	height: 113px !important;
	border: 1px solid #cdc8c8;
	width: 150px;
	height: 100px;
}

.image-product img:hover {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(134, 134, 134) 0px 0px 0px 1px;
}

.inline-edit-wrapper {
	padding-bottom: 25px;
}

.form-quick-edit ul.cat-checklist {
	overflow: initial;
	border: none;
	padding-bottom: 30px;
	height: max-content;
}


.cat-checklist .children {
	padding-left: 8px;
	margin-left: 13px;
	border-left: 1px solid #e2e2e2;
}

.cat-checklist li {
	margin: 0;
	list-style: none;
}

.cat-checklist input {
	width: initial;
	box-shadow: none;
	border: 1px solid #aaa;
	border-radius: 4px;
}
	
.body-form-quick .list-tab {
	margin-top: 5px;
	/* background: #e0e1e3; */
	margin-top: 0;
	/* border-bottom: none; */
	padding-bottom: 10px;
	/* background: #eee; */
	padding: 15px;
}
	
.post-state {
	color: #50575e;
}
	
.product-page .untrash, .product-page .delete {
	display: none;
}

.taxonomy-product_cat .untrash, .taxonomy-product_cat .delete,
.product_page_product_attributes .untrash, .product_page_product_attributes .delete{
	display: initial;
}


	
.trash .untrash, .trash .delete {
	display: initial;
}
	
.trash .edit, .trash .inline-edit, .trash .view, .trash .row-actions .trash, .trash .duplicate {
	display: none;
}
	
input[type="checkbox"]:checked::before {
	margin: -0.06rem 0 0 -.1rem;
	height: 1rem;
	width: 1.04rem;
}
	
.lock-open .row-actions > span {
	display: none;
}
	
.lock-open .row-actions .view {
	display: initial;
}
	
.body-left {
	width: calc(100% / 3 - 10px);
}

.body-left.width50 {width: calc(50% - 10px)}
.body-left.width25 {width: calc(25% - 10px)}
	
.body-left.width60 {width: calc(60% - 10px)}
.body-left.width20 {width: calc(20% - 10px)}

.body-left.width70 {width: calc(70% - 10px)}
.body-left.width15 {width: calc(15% - 10px)}


.item-meta {
	margin-bottom: 40px;
	width: 100%;
	position: relative;
}

.item-meta.width70 {
	width: calc(100% * 2 / 3 - 10px);
}
.item-meta.width60 {
	width: calc(60% - 10px);
}
.item-meta.width50 {
	width: calc(50% - 8px);
}
.item-meta.width40 {
	width: calc(40% - 10px);
}
.item-meta.width30 {
	width: calc(100% / 3 - 10px);
}
.item-meta.width25 {
	width: calc(25% - 10px);
}
.item-meta.width20 {
	width: calc(20% - 10px);
}
.item-meta.width10 {
	width: calc(10% - 10px);
}

.data-response {
	font-size: 14px;
	line-height: 25px;
}

.data-response b {
	/* font-size: 17px; */
	color: black;
}

.wp-post-image {
	cursor: pointer;
}

.stock.column-stock {
	font-weight: bold;
}

td[class*="price_"] {
	font-weight: bold;
	color: #d0011b;
}

.item-filter {
	position: relative;
	display: inline-block;
	padding-top: 11px;
}
.item-filter select {
	padding: 6px 8px;
	background-color: #fff !important;
	min-width: 135px;
	border: 1px solid #c3c4c7;
}
.item-filter label {
	position: absolute;
	top: -1px;
	left: 6px;
	font-size: 12px;
	background: #fff;
	padding: 2px 5px;
	width: max-content;
	color: #909090;
}

.product-page .tablenav .actions select {
	min-height: initial;
	font-weight: 600;
	color: #6d6d6d;
	padding-left: 10px;
}

.product-page p.search-box {
	position: relative;
	line-height: initial !important;
	display: inline-block;
	margin-left: 9px;
	float: none;
	margin: 0;
	vertical-align: top;
	margin-top: 11px;
}

.product-page input[type="search"], .order-page input[type="search"] {
	padding-right: 30px !important;
	width: 130px;
	font-size: 13px;
	min-height: initial;
	color: #2c3338;
	border-color: #8c8f94;
	border-radius: 3px;
	padding: 6px 8px;
	margin: 0;
}

.search-box i {
	position: absolute;
	top: 9px;
	right: 10px;
	font-size: 15px;
	width: 18px;
	text-align: center;
	cursor: pointer;
	color: #9e9e9e;
}

.more-filter {
	display: none;
	width: 100% !important;
}

.view-more-filter, .reset-filter {
	position: absolute;
	right: 0;
	top: 33px;
	color: #6969b2;
	font-weight: 600;
	cursor: pointer;
	padding: 0 !important;
	background: none !important;
	border: none !important;
	margin: 0 !important;
	line-height: 22px !important;
	border-radius: 0 !important;
}

.button.reset-filter.action {
	top: 6px;
	border-bottom: 1px solid #8c8f94 !important;
	padding-bottom: 3px !important;
}

.tablenav.top .tablenav-pages {
	display: none;
}

.product-page .tablenav.top .button {
	font-size: 13px;
	min-height: initial;
	margin-top: 11px;
	padding: 5px 10px;
	display: inline-block;
}

.product-page .tablenav.top .button.reset-filter {
	margin-left: 8px;
	display: none;
}

.bdmomo {
	position: fixed;
	background: #00000054;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	visibility: hidden;
	transition: all 0.3s;
	opacity: 0;
}
.form-quick-edit {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00000096;
	z-index: 99999;
/* 	letter-spacing: 0.3px; */
	backdrop-filter: blur(2px);
}

.content-form-quick {
	top: 50%;
	left: 50%;
	width: 80%;
	height: 90%;
	background: #fff;
	position: absolute;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transform: scale(0.9) translate(-50%,-50%);
	transition: 0.2s all;
	transform-origin: top left;
}

.view-form-quick .content-form-quick {
	opacity: 1;
	visibility: visible;
	transform: scale(1) translate(-50%,-50%);
}

.form-quick-edit .body-item-tab {
	overflow-y: scroll;
	scrollbar-width: none;
	padding-bottom: 15px;
	padding: 15px;
	padding-top: 25px;
}

.munti-product [tab="image"], .munti-product .body-item-tab.image,
.munti-product [tab="advanced"], .munti-product .body-item-tab.advanced,
.munti-product [tab="cross_selling"], .munti-product .body-item-tab.cross_selling,
.munti-product [tab="variable"], .munti-product .body-item-tab.variable
{
	display: none;
}

.munti-product [meta_key="name"],
.munti-product [meta_key="url"],
.munti-product [meta_key="sku"],
.munti-product [meta_key="inventory"]{
	pointer-events: none;
	color: red;
}

.head-form {
	width: 100%;
	height: 7px;
	background: #ffeca0;
	display: none;
}

.body-form-quick {
	padding: 0;
}

.hover-bg {
	background: #fdffbc !important;
}

.body-form-quick .icon-right, .body-form-quick .icon-left {
	position: absolute;
	right: 20px;
	bottom: 19px;
	font-size: 11px;
	/* border: 1px solid #3c434a; */
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
	cursor: pointer;
	background: #ececec;
}

.body-form-quick .icon-right:hover, .body-form-quick .icon-left:hover {
	background: #cfcfcf;
}

.body-form-quick .icon-left {
	right: 55px;
}

/* POPUP RIGHT CLICK */
.right-popup {
	width: 200px;
	min-height: 300px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	position: absolute;
	cursor: pointer;
	font-family: tahoma;
	font-size: 12px;
	border-radius: 3px;
	overflow: hidden;
	background: #f9f9fb;
	z-index: 999999;
}

.hp-right {
	/* height: 31px; */
	border-bottom: 1px solid #d2d2d2;
	text-align: center;
	padding: 6px 8px;
	background: #fff1a8;
	font-weight: bold;
}
	
.right-popup span, .right-popup span a {
	display: block;
	width: 100%;
	padding: 4px 10px;
	font-size: 12px;
}

.right-popup span a {
	padding: 0;
	color: #2b2b2b;
}
	
.right-popup span:hover {
	background: #e0e0e6;
}
/* POPUP RIGHT CLICK */

.check-column span {
	text-align: center;
	width: 100%;
	display: block;
	/* font-weight: bold; */
	color: #2271b1;
}

.body-add-variable {
	height: auto;
	padding: 11px 0px;
}



.close-popup-variable {
	top: 10px;
}

.item-add {
	padding: 4px 15px;
	cursor: pointer;
	border: none !important;
}

.item-add:hover {
	background: #f2f2f2;
}

.body-add-variable h3 {
	margin: 0;
	padding: 4px 15px;
	margin-bottom: 10px;
}


.itempro {
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: calc(100% / 3 - 8px);
	background: #fff;
	margin-bottom: 15px;
	align-self: auto !important;
	border: 1px solid #dcdcdc;
	min-height: 100px;
	align-items: center;
}
.itempro .imgitpro {
	width: 140px;
	position: relative;
	border-right: 1px solid #dcdcdc;
	display: flex;
	background: #dfdfdf;
	height: 100%;
}

.right-imgitpro {
	width: calc(100% - 141px);
}

.itempro .bcross {
	padding: 12px;
	width: calc(100% - 165px);
	text-align: left;
}

[name="price_cross"] {
	font-weight: normal;
}

.bcross h4 {
	font-weight: bold;
	margin-top: 0;
}

.itempro img {
	border-radius: 0;
	vertical-align: middle;
	display: flex;
	align-self: center;
}

.item-img-pro {
	max-width: 23%;
	margin-bottom: 20px;
	cursor: pointer;
	border: 1px solid #d2d2d2;
	padding: 5px;
}

.item-img-pro:hover {
	border: 1px solid #838383;
}

.add-image::after {
	content: "+";
	font-size: 46px;
	opacity: 0.3;
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
}

.ifproduct {
	font-weight: normal;
	/* margin-top: 10px; */
	width: 100%;
	display: block;
}

.imgitpro .remove {
	left: -7px;
	top: -13px;
}

.body-add-variable .drh-flex {
/* 	padding: 4px 15px;
	height: 60vh !important;
	overflow-y: scroll;
	scrollbar-width: none; */
}

.itempro img {
	/* width: 30%; */
	/* padding: 0; */
	/* margin-bottom: 15px; */
	border-radius: 0;
	/* cursor: pointer; */
	/* border: 1px solid transparent; */
	height: 100% !important;
}

/* .itempro img:hover {
	border: 1px solid #aaa;
} */

.button a {
	text-decoration: none;
}

.selecting .select-file, .selecting .row-actions {
	display: none;
}

.cancel-select-file {
	display: none !important;
}

.selecting .cancel-select-file {
	display: block !important;
}

.selecting .check-column span {
	display: none;
}

.product-page .iedit {
	user-select: none;
	cursor: pointer;
}

.select-item {
	margin-top: 10px !important;
	/* display: block; */
	font-size: 25px;
	width: 1.1rem !important;
	height: 1.1rem !important;
	/* text-align: center !important; */
	/* align-items: center !important; */
}

/* .editing {
	pointer-events: none;
} */

.editing .row-actions {
	display: none;
}

.form-quick-edit .button {
	margin-right: 10px;
	user-select: none;
	padding: 7px 13px;
/* 	vertical-align: middle; */
	min-height: auto;
	line-height: initial;
	padding-top: 5px;
}

.form-quick-edit .body-item-tab .button-primary {
	background: #ececec;
	border-color: #ececec;
	color: #363636;
	/* font-weight: 600; */
}

.form-quick-edit .body-item-tab .button-primary:hover {
	background: #cfcfcf;
	border-color: #cfcfcf;
	color: #2f2f2f;
}

.form-quick-edit .button * {
	color: #fff;
	font-size: 13px;
}

.form-quick-edit .note {
	background: #ebebeb;
	width: max-content;
	padding: 5px 10px;
	position: absolute;
	bottom: 15px;
	border-radius: 3px;
	font-size: 0.9em;
	cursor: pointer;
	border: none;
	color: #4b4b4b;
	height: max-content !important;
	line-height: 19px;
	right: 95px;
}

.form-quick-edit .note:hover {
	background: #cdcdcd;
}

.note-form h1 {
	margin-top: 0;
	text-align: center;
	margin-bottom: 35px;
	border-bottom: 1px solid #cfcaca;
	padding-bottom: 6px;
	line-height: 38px;
}

.note-form img {
	border: 2px solid #d3d3d3;
	padding: 20px;
	/* background: #dadada; */
	border-radius: 6px;
	box-sizing: border-box;
}

.uploading::before {
	content: "";
	width: 93%;
	height: 6px;
	position: absolute;
	top: 50%;
	z-index: 9999;
	background: #c5c5c585;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 3px;
}
.uploading::after {
	content: "";
	position: absolute;
	width: 0%;
	height: 6px;
	top: 50%;
	z-index: 9999;
	background: #1400ff85;
	left: 5px;
	transform: translate(0%, -50%);
	border-radius: 3px;
	transition: 0.3s all;
}
.uploading-50::after {width: 25%}
.uploading-100::after {width: 90%}
.uploaded::before, .uploaded::after {display: none}




.wp-core-ui .locked.attachment {
	box-shadow: inset 0 0 0 3px #fff,inset 0 0 0 7px #2271b1;
	pointer-events: none;
}
.media-frame.mode-select .attachment.locked .thumbnail {
	opacity: 1;
}
.wp-core-ui .attachment.locked .check {
	display: block;
	background-color: #2271b1;
  box-shadow: 0 0 0 1px #fff,0 0 0 2px #2271b1;
}
.wp-core-ui .attachment.locked .check .media-modal-icon {
	background-position: -21px 0;
}


/* BIẾN THỂ SẢN PHẨM -------------------------------------------------------------- */
.items-variable {
	width: 100%;
}
	
.item-variable {
	cursor: pointer;
	position: relative;
	/* margin: 10px 0px; */
	background: #f4f4f4;
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	border-radius: 3px;
	margin-bottom: 10px;
}
	

.item-variable[item]::after {
	position: absolute;
	right: 84px;
	top: 10px;
	font-weight: bold;
	color: red;
}
.item-variable[item]:not([item=""])::after {
	content: "atived";
}

.item-variable[item=""]::after {
	content: "draft";
}

.item-variable:hover {
	background: #dfdfdf;
}
	
.item-variable .select-variable {
	min-width: 183px;
	display: inline-block;
	margin-right: 0px;
	/* margin-bottom: 8px; */
	/* margin-top: 2px; */
	margin-left: 10px;
	display: inline-flex;
	align-items: center;
	padding: 6px 0px;
}
	
.item-variable .select-variable select {
	padding: 5px 5px;
	width: auto;
}
	
.item-variable label {
	margin-bottom: 3px;
	margin-left: 0px;
	font-weight: bold;
	font-size: 12px;
	color: #6c6c6c;
	min-width: 37px;
	margin-right: 10px;
}
	
.item-variable [class*="icon-"] {
	position: absolute;
	right: 0px;
	top: 3px;
	padding: 8px 10px;
}
	
.item-variable .icon-arrow {
	right: 35px;
	transition: all 0.3s;
}
	
.item-variable.view {
	min-height: 200px;
	background: #dfdfdf;
}
	
.item-variable.view .icon-arrow {
	rotate: 180deg;
}
	
.item-variable .content-variable {
	display: none;
	background: #fff;
	padding: 10px;
	padding-top: 35px;
}
	
.item-variable.view .content-variable {
	display: flex;
}
	
.items-variable .item-variable:last-child {
	margin-bottom: 30px;
	position: relative;
}
.item-variable > img {
	width: 41px !important;
	/* display: flex; */
	vertical-align: top;
	/* margin-top: 12px; */
	/* margin-left: 10px; */
	height: 41px !important;
}

.item-meta.meta-img img {
	width: 150px;
}
.item-meta.meta-img span {
	position: relative;
	display: block;
	padding: 0;
	left: 0;
	top: 0;
	margin-bottom: 6px;
}

[count="0"] .empty-variable,
[count="0"] .export-variable {
	display: none;
}

/* BIẾN THỂ SẢN PHẨM -------------------------------------------------------------- */


.taxonomy-attribute:not(.attribute_view_color) .item-coloris {
	display: none;
}



.tablenav.bottom {
	position: fixed;
	bottom: -4px;
	background: #fff;
	right: 2px;
	height: max-content;
	margin: 0;
	padding: 5px 15px;
	z-index: 9;
}

.pagination ul {
	margin: 0;
}

.pagination li.active, .pagination li:hover {
	background: #e2e2e2 !important;
	border: 1px solid #e2e2e2 !important;
}
.pagination li.active a, .pagination a:hover {
	color: #484848 !important;
}

.check-column input {
	margin-top: 10px !important;
}