/* 
.variations_button, */
#p3d-file-loading,
#p3d-quote-loading,
.price,
.variations_button,
#p3d-repair-status,
#material_fieldset,
#postprocessing_fieldset,
#coating_fieldset,
.p3d-model-message.hide
{
	display: none !important;
}
#p3d-model-message{
	background-color:unset
}
input:not([type="button"]):not([type="submit"]){
	padding: 10px !important;
  	width: auto;
}
.woocommerce-cart input:not([type="button"]):not([type="submit"]){
	padding: 10px !important;
  	width: auto;
}
/*   button:hover{
border-style: none;
box-shadow: 8px 8px 0px 0px #000;
transform: skewX(-9deg);

}
button{
transition: all .3s ease-in-out;
box-shadow: 0 0px 0px 0px #000;
transform: skewX(0deg)
} */
#p3d-file-loading {
	top: 0;
	left: 0;
	visibility: visible;
}
#material-pricing-section{
	display:none;
}
aside {
	background: #f0f1ef;
	padding: 10px
}
.filter-wrap {
	border: 1px solid #eee;
	padding: 15px;
	background: #fff;
	border-radius: 5px;
}
.filter-wrap:not(:last-child){
	margin-bottom:15px
}
.filter-content{
	display:flex;
	flex-direction:column;
	row-gap: 10px;
}
.filter-item{
	display: flex;
	column-gap: 10px;
	align-items: center;
}
.filter-heading {
	font-size: 16px;
	padding-bottom: 15px;
}

/*  */
.tab-content{
	display:none;
	opacity: 0;
	transition:all .3s ease-in-out;
}
.tab-content.show{
	display: block;
}
.tab-content.show.fade{
	opacity: 1;
}
.article {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	margin-bottom:20px;
	padding: 15px;
	box-shadow:0 0 5px 0 #eee
}
/* .tab-content{
display:flex;
flex-wrap: wrap;
flex-direction: column;
} */
.article h5{
	font-size:16px
}
.article p{
	color:#666
}

.article-content{
	display: flex;
	flex-direction:column;
	flex-wrap:wrap;
	height:100%
}
.select-material-btn{
	margin-top: auto;
	max-width: fit-content;
	font-size: 14px;
}
.select-material-btn.selected{
	background:green;
	opacity: .5;
}
.filter-item-thumb{
	width: 150px;
	height: 150px;
	object-fit:cover;
	border-radius:6px
}

.variations{
	border:0
}
/* {
display: none
} */

/* Styles for the container of the steps */
.steps-container {
	display: flex;
	position: sticky;
	top:0;
	z-index: 10;
	background: #f0f1ef;
	padding: 10px;
	margin-bottom: 30px;
	justify-content: space-between; /* Adjust as needed */
}

/* Styles for individual steps */
.step {
	flex: 1;
	text-align: center;
	position: relative;
}

/* Styles for step number */
.step-number {
	display: block;
	width: 40px; /* Adjust as needed */
	height: 40px; /* Adjust as needed */
	border: 2px solid #333; /* Adjust as needed */
	border-radius: 50%;
	background-color: #fff; /* Adjust as needed */
	margin: auto;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight:900
}
.step-number.completed{
	background: #E40C44;
	color: #fff;
	border-color: #E40C44;
}
.step-container{
	position: relative;
	z-index: 1;
}
/* Styles for step description */
.step-description {
	margin-bottom: 20px;
}
aside#filter-container {
	position: sticky;
	top: 95px;
	/* height:100% */
}


/* Styles for connectors between steps */
.connector {
	position: absolute;
	top: 20px;
	left: -10px;
	width: calc(100% + 20px);
	height: 2px;
	background-color: #333;
	z-index: 0;
}
.step:first-child {

}

#add-cart-wrapper:not(.show){
	display:none
}
.p3d-wrapper{
	display:block
}
.p3d-canvas-wrapper {
	position: absolute;
	z-index: -11;
	visibility: hidden;
}
.p3d-canvas-wrapper canvas{
	width: 300px !important;
	height: 300px !important;
}
#ced-model-info{
	border:1px solid #ccc;
	border-radius:5px;
	background:#fff;
	margin-bottom: 30px;
	display:none
}
#ced-model-thumb img{
	width:150px;
	height:150px;
	display:block;
	border:1px solid #ccc;
	margin:10px 0 10px 10px
}
#ced-model-content {
	margin-block: 10px;
	padding: 0 15px;
}
#ced-model-content h5{
	color: #444;
	font-size:18px;
	line-height: 18px;
	margin-block:0;
	margin-bottom:7px
}
.ced-model-meta-info{
	font-size: 14px;
	line-height: 20px;
}
#ced-model-cart-wrap{
	padding:10px;
	display: flex;
	flex-direction: column;
	height: 100%;
  	justify-content: space-between;
}
/*  */
.qty-container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:20px
}
.qty-container span {
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  max-width: 90px;
  flex-wrap: wrap;
}
.qty-container .input-qty{
	text-align: center;
	padding: 0 !important;
	max-width: 38px;
	border: 0;
	height:25px
}
.qty-container .qty-btn-minus,
.qty-container .qty-btn-plus{
	border: 0;
	padding: 8px;
	font-size: 10px;
	height: 25px;
	width: 25px;
	transition: 0.3s;
}

/*  */

div.p3d-details,
div.p3d-images {
	width: 100%;
}
#p3d-model-message{
	margin-left: 0;
	top:0;
	bottom:0;
	position: relative;
}
#canvas-stats{
	position:unset;
}
#p3d-canvas-filename {
	position: relative;
}
#p3d-canvas-filename .progress {
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height:100%;
}
#p3d-canvas-filename .progress-inner{
	opacity: .5;
	background: green;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
#p3d-model-message-upload:not(.hide){
	display: flex !important;
}
#p3d-model-message-upload{
	padding:30px;
	background: #fff;
	border: 2px dashed #ccc;
	margin-left: 0;
	/*     display: flex !important; */
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 20px !important;
}
#p3d-model-message #p3d-model-message-upload-icon{
	width: 60px;
	height:60px;
	opacity: 0.3;
	margin-bottom:10px
}
.upload-placeholder {
	border: 2px dashed #ccc;
	background:#eee;
	padding: 50px;
	margin: 50px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 15px
}
.p3d-price-request-image {
  width: 150px;
  height: 150px;
  border: 1px solid #ccc !important;
}
@media screen and (max-width: 576px){
	.ced-col-padding,#ced-model-content {
		padding:0 10px
	}
	#ced-model-cart-wrap {
	  border-top: 1px dashed #ccc;
	}
	#ced-model-thumb img{
		width:100px;
		height:100px;
		margin:0;
		margin-top: 10px;
	}
}

.ced_custom{
    font-size: 10px!important;
  padding: 15px!important;
  margin: 5px!important;
  font-weight: bold!important;
  cursor: pointer!important;
}