:root{
	--budget-main-color:#a01b18;
	--budget-gradient-color:linear-gradient(135deg,#d64440,#a01b18); 
	--budget-second-color:#41fb081a;
	--budget-third-color:#ccc;
	--budget-border-color:#737373;
	--budget-icons-color:#333;
	--budget-background:#fff;
	--budget-color-textarea:#fbfbfb;
	--budget-select-height: 32px;
	--budget-swatch-height: 20px;
	--budget-swatch-small-height: 25px;
	
	
}

.pc3d_editor_container{
	display:flex;
	flex-wrap: wrap;
	min-height: 700px;
	
}

#pc3d_editor_container_left{
	width:50%;
	height: auto;
}

#pc3d_editor_container_right{
	width:50%;
	min-height: 700px;
}

@media (max-width: 819px) {
	#pc3d_editor_container_left{
		width:100%;		
		height: 600px;
	}
	
	#pc3d_editor_container_right{
		width:100%;
		min-height: 600px;		
	}
}

#pc3d_editor_lite{
	background: #fff;
	max-width: 100%;
}
.pc3d_tab {
    max-width: 100%;
}
.pc3d_add_to_cart_button{
	display:none !important;
	background: #BBC3C6;
    border: 1px solid #BBC3C6;
    border-radius: 0px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    transition-property: background-color, color;
    width: auto !important;
    color: #1C1F29;
    text-align: center;
    font-size: 14px;
    font-family: 'Avenir Next Demi', sans-serif;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 26px;
    padding: 16px 50px;
}

.icons-lib-xl {
    width: 70px;
    height: 70px; 
}

.pc3d_views{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;	
    padding-top:10px;
    overflow-y: scroll;
    max-height: 500px;
}

.pc3d_views button{
	display: flex;
    flex-direction: column;
}


.pc3d_views button.active {
    background-color: #fff;
    border: 2px solid var(--active-button) !important;
    /*box-shadow: inset 0 0 0 2px var(--active-button);*/
    
    
}

.pc3d_views button:hover {
    background-color: #fff;
    /*border: none;*/
    
}

.pc3d_views_link {
	/*min-width: 250px !important;
	width: 47%;*/
	min-width: 180px !important;
	width: 30%;
	margin-left: 10px;
	background: white;
}
.pc3d_views_link img{	
	width: 120px;	
	margin: 5px auto 0 auto;
}

.pc3d_views_link .title{
   
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    position: relative;
}

.pc3d_views_link .subtitle{
     
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}


/* SELECT2 COLORS*/

.vad-tra-color-select2-container{
	outline: none !important;
	box-shadow: -1px 1px 10px 0px #6c6c6c33 !important;
} 

.vad-tra-color-select2-container.select2-selection--single{height: var(--budget-select-height) !important; min-height: var(--budget-select-height) !important; line-height: var(--budget-select-height);}

.vad-tra-color-select2-container.select2-selection--single .select2-selection__arrow {/*top: 8px !important;*/height: 30px !important}
.vad-tra-color-select2-container.select2-selection--single .select2-selection__arrow::after {content: none;}

.vad-tra-color-select2-container.select2-selection--single .select2-selection__rendered {
    line-height: var(--budget-select-height) !important;
    display: inline-flex !important;
    width: 100%;
    font-size: 13px;
    padding: 0 !important;
}

.vad-tra-color-select2-container.select2-selection--single .select2-selection__rendered > div >.select2-img-selection{
	width: var(--budget-swatch-height) !important;
	height: var(--budget-swatch-height) !important;	
	margin: auto;
	margin-top: 4px;
	object-fit: cover;
	max-width: 100%;
	vertical-align: unset;
	border-radius:22px;
	border: 1px solid #dcdad7;
	float:left;
}


.vad-tra-color-select2-container.select2-selection--single .select2-selection__rendered > div >.select2-hex-selection{
	width: var(--budget-swatch-height) !important;
	height: var(--budget-swatch-height) !important;
	margin-top: 4px;
	/*border-radius:22px;*/
	border: 1px solid black;
	
}

.vad-tra-color-select2-results > .select2-results > .select2-results__options {	
    max-height: 400px !important;    
}

.vad-tra-color-select2-results > .select2-search > .select2-search__field {	
    height: 36px;
	min-height: 36px;
    background-color: #fff;
    text-align: center;    
}

.vad-tra-color-select2-results > .select2-results > .select2-results__options >.select2-results__option{
	display: inline-flex;
    width: 90%;    
    /*line-height: 36px;*/
}

.vad-tra-color-select2-results > .select2-results > .select2-results__options >.select2-results__option > div > .select2-img-results{
	width: var(--budget-swatch-height) !important;
	height: var(--budget-swatch-height) !important;
	margin: auto;	
	max-width: 100%;
	object-fit: cover;
	vertical-align: unset;	
	border-radius:22px;
	border: 1px solid #dcdad7;
	float:left;
}



.vad-tra-color-select2-results > .select2-results > .select2-results__options >.select2-results__option > div > .select2-hex-results{
	width: var(--budget-swatch-height) !important;
	height: var(--budget-swatch-height) !important;	
	/*margin-top: 3px;*/
	/*border-radius:22px;*/
	border: 1px solid black;
}

.vad-tra-color-select2-results > .select2-results > .select2-results__options >.select2-results__option > .vad-tra-col-4{
	top: 0px;
}
.vad-tra-color-select2-results > .select2-results > .select2-results__options >.select2-results__option > .vad-tra-col-8{
	top: 0px;
}

.vad-tra-color-select2-results > .select2-results > .select2-results__options >.select2-results__option--highlighted {
    background-color: var(--hover-button);
}
.vad-tra-color-select2-results > .select2-results > .select2-results__options >.select2-results__option[aria-selected=true] {
    background-color: var(--active-button);
}
 
 
.vad-tra-col-5{
	position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    
   -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.vad-tra-col-7{
	position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    
   -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.vad-tra-col-4{
	position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 10px;
    
   -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.vad-tra-col-8{
	position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 0px;    
   -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    text-align: left;
}

.vad-tra-col-12{
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    
     -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
} 

.vad_tra_color_title{
 	min-width: 55px;	
}

.vad_tra_color_image{
	width: var(--budget-swatch-small-height) !important;
	height: var(--budget-swatch-small-height) !important;	
	margin-left: 4px;
	object-fit: cover;
	max-width: 100%;
	vertical-align: unset;
	border-radius:22px;
	border: 1px solid #dcdad7;
	float:left;
}


.vad_tra_color_hex{
	width: var(--budget-swatch-small-height) !important;
	height: var(--budget-swatch-small-height) !important;
	margin-left: 4px;
	border-radius:22px;
	border: 1px solid #dcdad7;
}

.vad_tra_title{
	text-align: left;
	color: #000;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: 800;   
    margin-top: 8px;
    
}

.vad_tra_notices{	
	color: #e02b27;
    font-size: 12px;
    font-weight: 400;
    
}