#wsv_products_table p{
  margin: 0;
}
.wsv_single_row {
    width: 100%;
}
div#wsv_products_table_length label {
    margin-right: 10px;
}
.wsv_prod_thumbnail img{
  min-width: 80px;
}
#wsv_products_table_filter {
    margin-bottom: 15px;
}
.wsv_product_info {
    display: flex;
}
.wsv_product_info .wsv_prod_thumbnail {
    display: block;
    width: 80px;
}
.wsv_cart_msg{
	margin-left: 1%;
}
.wsv_bulk_add_to_cart .dashicons {
	display: none;
	-webkit-animation: rotation 1s infinite linear;
}
@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}
.wsv_product_info .wsv_info {
    margin-left: 10px;
    max-width: 230px;
}
.wsv_prod_qty {
    max-width: 60px;
}
.wsv_product_price {
    min-width: 100px;
    display: block;
}
.wsv_prod_total_price {
    min-width: 100px;
    display: block;
}
#wsv_products_table tbody tr td {
    vertical-align: middle;
}
#wsv_products_table_length {
    margin-top: 15px;
}
a.button.wsv_add_to_cart_item {
    font-size: 15px;
    min-width: 115px;
}
.pvt_remove_variation{
    color: red;
    cursor: pointer;
}
.wsv_attribute_values .select2-container--default{
    width:180px!important;
    margin-bottom:1%!important;
}
.wsv_remove_variation{
	color: red;
	cursor: pointer;
}
div.wsv_add_variation_div{
	text-align: right;
}
table.wsv_attributes tr th, table.wsv_attributes tr td {
    padding: 15px;
    text-align: left;
}
/* grid view */
.wsv_grid_price{
    margin: 0;
}
.wsv-inner figure {
    position: absolute;
    z-index: 99999999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
}
.wsv-inner {
    content: '';
    display: block;
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1s;
    -webkit-transition-delay: 0s;
    transition-property: opacity;
    transition-duration: 1s;
    transition-delay: 0s;
    display: block;
}
.wsv-type-grid .wsv-inner {
    padding: 15px;
    border: 2px solid #333;
    background: #fff;
    border-radius: 10px;
	overflow: hidden;
}
/* list view */
.wsv-type-list{
	width:100%;
	overflow:hidden;
}
.wsv-type-list ul.wsv-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    width: 100%;
}
.wsv-type-list ul.wsv-list li {
    display: block;
}
.wsv-type-list ul.wsv-list li span.wsv_select_variation {
    display: block;
    border: 2px solid #333;
	border-radius: 10px;
    margin: 15px 0;
    padding: 15px;
}
.wsv-type-list ul.wsv-list li span.wsv_select_variation > span {
	display: inline-block;
	vertical-align: middle;
}
.wsv-type-list span.wsv_variation_cart {
    float: right;
}
span.wsv_select_variation input[type=checkbox] {
    margin-right: 10px;
}
span.wsv_variation_thumbnail img {
    width: 50px;
    height: 50px;
}
/* list view ends */
.wsv-row{
	list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-left: -7px;
    margin-right: -7px;
    text-align: center;
}
.wsv-col-6,
.wsv-col-5,
.wsv-col-4,
.wsv-col-3,
.wsv-col-2,
.wsv-col-9,
.wsv-col-8, .wsv-col-9{
	position: relative;
	width: 100%;
	min-height: 1px;
	float: left;
    padding: 7px;
    cursor: pointer;
}
@media (min-width: 576px) {
	.wsv-col-9{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666666% !important;
		flex: 0 0 66.666666% !important;
		max-width: 66.666666% !important;
		float: left;
	}
	.wsv-col-8{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important;
		max-width: 75% !important;
		float: left;
    }
    .wsv-col-7{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 70% !important;
		flex: 0 0 70% !important;
		max-width: 70% !important;
		float: left;
	}
	.wsv-col-6{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666666% !important;
		flex: 0 0 16.666666% !important;
		max-width: 16.666666% !important;
		float: left;
	}
	.wsv-col-5{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20% !important;
		flex: 0 0 20% !important;
		max-width: 20% !important;
		float: left;
	}
	.wsv-col-4{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;
		float: left;
	}
	.wsv-col-3{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 33.333333% !important;
		max-width: 33.333333% !important;
		float: left;
	}
	.wsv-col-2{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		float: left;
	}
	
}
@media (min-width: 570px) and (max-width: 767px) {
	.wsv-col-6{
		-webkit-box-flex: 0;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
		float: left;
	}
}
@media (max-width: 1023px){
	.wsv-col-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666666% !important;
		flex: 0 0 56.666666% !important;
		max-width: 56.666666% !important;
		float: left;
	}
	.wsv-col-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 43.333333% !important;
		max-width: 43.333333% !important;
		float: left;
	}
	div[class*='wsv-col'] .wsv-col-4, div[class*='wsv-col'] .wsv-col-3{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		float: left;
	}
}
@media (max-width: 667px) {
	.wsv-col-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		float: left;
	}
	.wsv-col-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		float: left;
	}
	div[class*='wsv-col'] .wsv-col-4, div[class*='wsv-col'] .wsv-col-3, div[class*='wsv-col'] .wsv-col-2{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		float: left;
	}
}
@media (min-width: 576px) {
	.wsv-col-9{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666666% !important;
		flex: 0 0 66.666666% !important;
		max-width: 66.666666% !important;
		float: left;
	}
	.wsv-col-8{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important;
		max-width: 75% !important;
		float: left;
    }
    .wsv-col-7{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 70% !important;
		flex: 0 0 70% !important;
		max-width: 70% !important;
		float: left;
	}
	.wsv-col-6{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666666% !important;
		flex: 0 0 16.666666% !important;
		max-width: 16.666666% !important;
		float: left;
	}
	.wsv-col-5{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20% !important;
		flex: 0 0 20% !important;
		max-width: 20% !important;
		float: left;
	}
	.wsv-col-4{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;
		float: left;
	}
	.wsv-col-3{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 33.333333% !important;
		max-width: 33.333333% !important;
		float: left;
	}
	.wsv-col-2{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		float: left;
	}
	
}
@media (min-width: 570px) and (max-width: 767px) {
	.wsv-col-6{
		-webkit-box-flex: 0;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
		float: left;
	}
}
@media (max-width: 1023px){
	.wsv-col-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.666666% !important;
		flex: 0 0 56.666666% !important;
		max-width: 56.666666% !important;
		float: left;
	}
	.wsv-col-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 43.333333% !important;
		max-width: 43.333333% !important;
		float: left;
	}
	div[class*='wsv-col'] .wsv-col-4, div[class*='wsv-col'] .wsv-col-3{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		float: left;
	}
}
@media (max-width: 667px) {
	.wsv-col-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		float: left;
	}
	.wsv-col-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		float: left;
	}
	div[class*='wsv-col'] .wsv-col-4, div[class*='wsv-col'] .wsv-col-3, div[class*='wsv-col'] .wsv-col-2{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
		float: left;
	}
}
@media screen and ( max-width: 500px ) {
	.wsv-type-list span.wsv_variation_cart {
		float: none;
		display: block !important;
	}
}