.qty-tooltip{
	width: 100%;
	text-align: center;
}
.color-object{
	margin: 10px 0px;
	width: 100%;
  /*box-shadow: 0 0 2px 0.4px #707070;*/
}
#color-vaiant-sorter .active{
	color: #777777;
	cursor: default;
	opacity: 0.7;
	text-decoration: none;
}
#markersnpens_variable_list .quantity{
	background-color: #eeeeee;
	margin: 0;
	height: 100%;
}

.variable-color-text {
	margin: 8px;

}

.color-object .nm-quantity-wrap{
	border: 0px !important;
	width: 100px !important;
	float: right;

}

.total-price{
	line-height: 0 !important;
	margin-bottom: 50px;
}

#markersnpens_variable_list .column{
	width: 31%;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
#markersnpens_variable_list:after {
	clear: both;
	content: " ";
	display: block;
}

#markersnpens_variable_list{
	padding-left: 0px;
	padding-right: 0px;
	background-color: #eeeeee;
	padding-bottom: 50px;
}

#product_total_colors{
	height: auto;
	background-color: green;
	width: 500px;
	text-align: center;
}

.small-color-quantity{

    width: 15%;
    display: inline-block;
    margin-top: 5px;
    float: left;
    margin-bottom: 5px;
    margin-right: 2%;
    text-align: center;

}

.small-color-quantity:nth-of-type(6n) {
    margin-right: 0;
}

.small-qty-box{
	width: 100%;
}

.small-input-quantity-field{
	width: 15%;
	float: left;
	margin: 5px;
	text-align: center;
	position: relative;
}

@media screen and (max-width: 1500px) and (min-width: 1100px) {
	#markersnpens_variable_list{
		padding-left: 0px;
		padding-right: 0px;
		background-color: #eeeeee;
	}
}

@media screen and (max-width: 2000px) and (min-width: 1500px) {
	#markersnpens_variable_list{
		padding-left: 0px;
		padding-right: 0px;
		background-color: #eeeeee;


	}
}

@media screen and (max-width: 1200px) and (min-width: 1000px) {
	#markersnpens_variable_list{
		padding-left: 10px;
		padding-right: 10px;
		background-color: #eeeeee;
	}

	#markersnpens_variable_list .column{
		/* margin-left: 10px; */
		width: 30% !important;
	}
}

@media screen and (max-width: 1000px) and (min-width: 712px) {
	#markersnpens_variable_list{
		padding: 10px;
		padding-right: 10px;
		background-color: #eeeeee;

	}

	.nm-quantity-wrap{
	border: 0px !important;
	width: 80px !important;
	float: right;

	}

	#markersnpens_variable_list .column{
		margin-left: 10px;
		width: 47% !important;
	}
}

@media screen and (max-width: 712px) and (min-width: 400px) {
	#markersnpens_variable_list{
		padding: 10px;
		padding-right: 10px;
		background-color: #eeeeee;

	}

	#markersnpens_variable_list .column{
		/*margin-left: -220px;*/
		width: 100% !important;
	}

}

@media screen and (max-width: 400px) and (min-width: 330px) {
	#markersnpens_variable_list{
		padding: 0px;
		padding-right: 40px;
		background-color: #eeeeee;

	}

	#markersnpens_variable_list .column{
		/*margin-left: -250px;*/
		width: 100% !important;
	}

}

@media screen and (max-width: 330px) and (min-width: 250px) {
	#markersnpens_variable_list{
		padding: 0px;
		padding-right: 40px;
		background-color: #eeeeee;

	}

	#markersnpens_variable_list .column{
		/*margin-left: -250px;*/
		width: 100% !important;
	}

}

.hover-controller {
	display: none;
	background: inherit;
	position: inherit;
	text-align: left;


}
.small-color-quantity:hover .hover-controller {
	position: absolute;
	margin-top: 0;
	display: inline-block;
	width: 150px;
	z-index: 99;
	text-align: left;
	padding-left: 10px;
	background-size: cover;
}



.markersnpens-variation-div{
	width: 200px;
	padding: 7px;
	padding-left: 15px;

}

#white_text .attrkey{
	color: white !important;
	padding: 2px;
}

#gray_text .attrkey {
	color: #555 !important;
	padding: 2px;
}

#white_text .attrname{
	color: white !important;
	padding: 2px;
}

#gray_text .attrname {
	color: #555 !important;
	padding: 2px;
}

.nopad #gray_text,
.nopad #white_text
{
	background-size: cover !important;
}

td {
	font-weight: normal;
    vertical-align: top;
    /*width: 100%;*/
    text-align: left;
    background: transparent;
}

body tbody .product-row{
	background-size: cover !important;
}

.nopad {
	font-weight: normal;
    vertical-align: top;
    width: 100%;
    text-align: left;
    background: transparent;
}