.text-grey {color: var(--e-secondary);}


.cx-wraper-product-form {padding-top: 40px;padding-bottom: 50px;}

/**
 * tags
 * 
 * */


body.cx_zico .tag ,body.cx_zico button.tag span {

	background-color: #EFE6F9;
	color: #333;
	display: inline-block;
	padding: 2px 8px;
	border-radius: var(--cx-radius-xl);
	font-size: 12px;
	font-weight: 500;

}

body.cx_zico .customer-tag ,body.cx_zico .tag-customer {    
	background-color: #FAFAFA;
    padding-left: 22px;
    position: relative;
    max-width: max-content;
    border-radius: 6px;
    border: 1px solid #E9EAEB;
    text-transform: capitalize;
	display: flex;
    align-items: center; 
}

body.cx_zico .customer-tag::before ,body.cx_zico .tag-customer::before {
	content: '';
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: #717680;
	position : absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 13px;
}

body.cx_zico .artist-tag ,body.cx_zico .tag-artist {    
	background-color: #FDF2FA;
    padding-left: 22px;
    position: relative;
    max-width: max-content;
    color: #C11574;
    border: 1px solid #FCCEEE;
    border-radius: 6px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

body.cx_zico .artist-tag::before ,body.cx_zico .tag-artist::before {
	content: '';
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: #C11574;
	position : absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 13px;
}

body.cx_zico .tag-csr {
	background-color: #FDF2FA;
    padding-left: 22px;
    position: relative;
    max-width: max-content;
    color: #C11574;
    border: 1px solid #FCCEEE;
    border-radius: 6px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

body.cx_zico .tag-csr::before {
	content: '';
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: #C11574;
	position : absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 13px;
}

body.cx_zico .tag-featured {
	background-color: #FEF3F2;
    padding-left: 22px;
    position: relative;
    max-width: max-content;
    color: #B42318;
    border: 1px solid #FECDCA;
    border-radius: 6px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

body.cx_zico .tag-featured::before{
	content: '';
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: #F04438;
	position : absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 13px;
}

body.cx_zico .open-tag ,body.cx_zico .tag-open {
	color: #175CD3;
	border: 1px solid #B2DDFF;
	background-color: #EFF8FF;
}

body.cx_zico .tag-in-proces {	
	color: #414651;
	border: 1px solid #E9EAEB;
	background-color: #FAFAFA;
}

body.cx_zico .primary-tag {background-color: var(--e-primary-light);padding: 5px;border-radius: var(--cx-radius-sm);color: #ffffff;font-weight: 500;display: inline-block;}

body.cx_zico .secondary-tag {}

body.cx_zico .success-tag {}
body.cx_zico .warning-tag {}
body.cx_zico .cancel-tag {}
body.cx_zico .danger-tag {}



body.cx_zico .tag-dr{
	color: var(--brand-primary-50) !important;
	border: 1px solid var(--brand-primary-45) !important;
	background-color: var(--brand-primary-45) !important;
}
body.cx_zico .tag-cr{
	color: var(--green-50) !important;
	border: 1px solid var(--green-50) !important;
	background-color: var(--green-45) !important;
}










/* User Capsule  */

.user-detail-wraper:not(.border-none) {
	border-right: 1px solid var(--grey-47);
	padding-right: 16px;
}

.user-detail-wraper.border-left {
	padding-right: 0;
	border: unset;
	border-left: 1px solid var(--grey-47);
	padding-left: 16px;
}

body.cx_zico .user_thumbnail {
	width: 40px;
	max-width: 40px;
	height: 40px;
	border-radius: 50%;
}

body.cx_zico .user_thumbnail.height-56 {
	width: 56px;
	max-width: 56px;
	height: 56px;
}

body.cx_zico .user_thumbnail.height-64 {
	width: 64px;
	max-width: 64px;
	height: 64px;
}

body.cx_zico .user_thumbnail.height-24 {
	width: 24px;
	max-width: 24px;
	height: 24px;
}

body.cx_zico .user_thumbnail.height-88 {
	width: 88px;
	max-width: 88px;
	height: 88px;
}	


body.cx_zico .user_thumbnail.height-32 {
	width: 32px;
	max-width: 32px;
	height: 32px;
}


.user-image-wrapper {position: relative;}

.user-image-wrapper .verified-tick {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* =================================
	/ page my collection END >
================================== */



.preview_items_holder.order-info-container {grid-template: auto / repeat(3, 1fr);grid-template-columns: 50% 50%;}


body.home .jupiterx-main-content {padding-top: 0;}
body.home ul.jupiterx-post-meta.list-inline {margin: 0;}


@media screen and (max-width: 1200px) {
	
}


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



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

	/*.woocommerce-MyAccount-content .current-item-collection-container .card_item_holder .card_image {width: 40%;}
	.woocommerce-MyAccount-content .current-item-collection-container .card_item_holder .card_item_name {width: 60%;padding-right: 0;}
	.woocommerce-MyAccount-content .current-item-collection-container .card_item_holder .caption_main.item-title {margin-bottom: 10px;}*/
	/*.woocommerce-MyAccount-content .current-item-collection-container .card_item_holder .btn-container {flex-direction: column;}*/

}

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

@media screen and (max-width: 767px) {


}


@media screen and (max-width: 659px) {

	/* my-account-page-title-container */
	.my-account-page-title-container .my-account-page-title {font-size: 1.2rem;}
	.my-account-page-title-container .page-subtitle {font-size: .8rem;}
		
	/* product page owl carousel AND cx-listing-item-single */

	/* Product box design for Hype
	   ========================================================================== */


}

@media (max-width: 550px) {

}



@media screen and (max-width: 480px) {

}


@media screen and (max-width: 450px) {
	
}


/*.swal-wide{
    width:1000px !important;
    height:500px !important;
}
*/
.cx-swal .swal2-actions {
    right		: 0px;
    width		: 100%;
    bottom		: 0px;
    overflow	: hidden;
    position 	: absolute;
    text-align 	: right;
}
.cx-swal .swal2-html-container{
	 margin 	: 0px;
}

.cx-swal .inner-from-wraper{
	 margin-top 	: 30px;
	 margin-bottom 	: 30px;
}

.cx-signup-popup .popup-signup-form-wraper {min-height: 60vh;max-height: 620px;}

.cx-signup-popup .swal2-html-container {margin: 0!important; padding: 0!important;}
.cx-signup-popup .swal-col-sinlge {padding: 0;}



/* for print and export button */
button.cx_btn.admin-btn {
    background:white;
    border:2px solid black !important;

}


/* testing  */
.swal2-container.force_user_for_ssi_popup button {
    padding: 10px 30px !important;display:flex;justify-content:center;align-items:center;
}
.swal2-container.force_user_for_ssi_popup button img{
    max-width:30px;min-width:30px;width:30px; height:auto; 
}
.swal2-container.force_user_for_ssi_popup .button-container {
    gap:20px;display:flex;justify-content:center;align-items:center;}
.swal2-container.force_user_for_ssi_popup .button-container span.loading-icon-container {display:none;}





/* For  Ellipsis Menu */

.ellipsis-options-wrapper .ellipsis-toggle {

	position: relative;

}

.ellipsis-options-wrapper .ellipsis-toggle i {

	padding: 5px 9px;

}

.ellipsis-options-wrapper .ellipsis-options {

	position: absolute;
	top: 35px;
	right: 0;
	opacity: 0;
	visibility: hidden;
	padding: 5px;
	background-color: var(--white-50);
	border: 1px solid var(--grey-47);
	z-index: 10;
}

.ellipsis-options-wrapper .ellipsis-options.active {

	opacity: 1;
	visibility: visible;

}