div.product-addon{margin:1em 0}h3.addon-name{margin-top:0}div.addon-description p{margin-bottom:.5em;font-style:italic}dl.product-addon-totals{margin-bottom:1em;overflow:hidden}dl.product-addon-totals dt{width:50%;float:left;clear:left}dl.product-addon-totals dd{float:left}.addon-alert{display:none;color:red}
.extra-options.extra .label abbr {
	visibility: hidden !important;
}

.addon-field-front {
	width: auto;
	display: inline-block;
}
.addon-description {
	display: inline-block;
}
.woocommerce form .form-row select, .woocommerce-page form .form-row select {
	width:auto;
}

.addon-description {
    position: relative;
    display: inline-block;
}

.addon-description .tooltiptext {
    display: none;
    width: 20em;
    background-color: white;
    color: #000000;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -86px;
    left: 130%;
	border:2px solid #4ba82e;
}

.addon-description .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -7px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #4ba82e transparent transparent;
}
.addon-description:hover, .addon-description:active, .addon-description:focus{
	cursor:help;
}
/* .addon-description:hover .tooltiptext, .addon-description:active .tooltiptext, .addon-description:focus .tooltiptext, .addon-description:focus .tooltiptext :target {
    display: inline-block;
} */
.tooltiptext p{font-size:12px;}
.tooltiptext img {
	display: block;
	float: left;
	padding: 0px 6px 0px 0px;
	width: 40%;
}
.tooltiptext p {
	font-size: 11px;
	text-align: justify;
	font-weight: 500;
	margin-bottom: 0 !important;
}



.addon-field-front{width:50%;}
.woocommerce form .form-row select, .woocommerce-page form .form-row select { width:100%;}
.woocommerce form .form-row input.input-text{ width:100% !important;}
.addon-description .tooltiptext{ top:0;}
.addon-description .tooltiptext::after{ top:12px;}
/*01-03-18*/
/**.leftside {
    width: 25%;
    display: inline-block;
}
.rightside {
    width: 73%;
    display: inline-block;
    vertical-align: top;
}**/


.addon-select{padding:0px 40px 0px 5px !important;}


/****media******/
@media (max-width:991px){
	.leftside {
       width: 40%;
	}
	.rightside {
    width: 57%;
	}
}

@media (max-width:767px){
	
		.leftside {
       width:47%;
	}
	.rightside {
    width: 50%;
	}
.addon-description{ right:26px;}
.addon-description .tooltiptext {
    top: 39px;
    left: inherit;
    right: 0;
}

.addon-description .tooltiptext::after {
    top: 12px;
    left: inherit;
    right: 2px;
    top: -10px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #4ba82e;
}

.addon-description {
    position: absolute;
    display: inline-block;
    right: 20px;
}

}

@media (max-width:630px)
{
.addon-field-front{ width:100% !important;}
		.leftside {
       width:100%;
	}
	.rightside {
    width: 100%;
	}

}




/*180117*/
/*media css*/
@media (max-width:745px)
{
	.design-tabs-accordion, .configurator{width:100%;}	
	
	.design-tabs-accordion{margin-bottom:50px;}
}



@media (max-width:480px){
.content-area .ui-tabs .ui-tabs-nav li a{font-size:15px; padding:4px; }	
	.design_link{padding-right:0; font-size:15px;}
	.ui-tabs .ui-tabs-panel{padding:0;}
}


.addon-name-front {
	width: 60%;
	display: inline-block;
}
.addon-blk-cart{
	width: 100%;
	display: inline-block;
}

.addon-name {
	width: 45%;
	display: inline-block;
}
.addon-name-cart {
	width: 40%;
	display: inline-block;
}




@media (max-width:767px){
	
.addon-name, .addon-name-cart {
	width: 100%;
	display: block;
	text-align:left;
}

.addon-name-front, .addon-blk-cart{
	width: 100%;
	display: inline-block;
}


}

@media (max-width:400px){
.addon-description .tooltiptext{width:16em;}
}

.addon.addon-select.shrunti_attr.att_required {
	border: 1px solid red;
	box-shadow: 0px 0px 3px 0px red;
}


.gallery_btn_single_page {
	width: 48%;
	margin: 15px 0 15px 0;
	float: right;
}

.gallery_btn_single_page .pro_gallery_link {
	padding: 0px 10px;
	background: #4ba82e;
	margin-bottom: 1em;
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	float: right;
	border: 3px solid #4ba82e;
	margin-right: 5px;
}
.summary.entry-summary .social-sharing {
	width: 48%;
	display: inline-block;
}