/*--------------------------- 
Add Plugin Front-End CSS here 
---------------------------*/

.hz-tags{
	
}

.hz-tags span.skuVal{
	cursor: pointer;
    line-height: 32px;
    padding: 0 12px;
    white-space: nowrap;
    display: inline-block;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    margin: 0 5px 5px 0;
    position: relative;
}
.hz-tags span.sku-img{
	width: 50px;
    height: 50px;
    padding: 0;
}

.hz-tags span.selected{
	background-color: #3bd2a2;
    color: #fff;
    border-color: #3bd2a2;
}

form.variations_form table.variations select{
	width: 0;
    height: 0;
    position: absolute;
    left: -99999px;
}

.hz-tags span > span.tooltip{
	background-color: #000;
    color: #fff;
    display: inline-block;
    padding: 3px 15px;
    line-height: 22px;
    border-radius: 5px;
    position: absolute;
    bottom: -35px;
    display: none;
    text-transform: capitalize;
    font-size: 13px;
    z-index: 9999;
}

.hz-tags span > span.tooltip:before{
	content: "";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
	display: block;
	position: absolute;
    top: -5px;
}

.hz-tags span.skuVal:hover span.tooltip{
	display: block;
}