.vartablehide { display: none !important; }
table.vartable td, table.vartable th { padding: 5px; vertical-align: middle; position: relative; }
.stockcol span.instock { color: #449D44;  }
.stockcol span.outofstock { color: #D9534F;  }
.stockcol span.backorder { color: #ff9800;  }
.stockcol span.lowstock { color: #F0AD4E;  }
.stockcol.pill span { display: inline-block; padding: 4px 8px; color: #fff; border-radius: 4px; white-space: nowrap;  }
.stockcol.pill span.instock { background-color: #449D44;  }
.stockcol.pill span.outofstock { background-color: #D9534F;  }
.stockcol.pill span.backorder { background-color: #ff9800;  }
.stockcol.pill span.lowstock { background-color: #F0AD4E;  }
.qtycol input { width: 60px; }
.cartcol { position: relative; }
.added2cartwrap { 
display: inline-block;
background-color: #449D44;
padding: 0 6px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 20px;
position: absolute;
top: 0;
right: 0;
display: none;
}
.added2cartwrap.notvisible {
display: none !important;
background-color: transparent;
padding: 0;
}
.added2cart { color: #ffffff;  }
.added2cartglobal { color: #449D44; display: none; display: none; float: right; margin-right: 5px; margin-top: 8px; }
.globalcartbtn, .vartable_selectall { float: right; cursor: pointer; clear: right; overflow-y: auto; zoom: 1; }
.slideup_panel { display: inline-block; font-size: 24px; float: right; margin-right: 20px; color: #D00; }
.vtspinner img { 
width: 16px; 
height: 16px;   
vertical-align: baseline;     
border: 0;
background-color: transparent;
padding: 0;
}
.vtspinner {
display: inline-block;
width: 16px;
height: 16px;
float: right;
margin-right: 5px;
margin-top: 8px;
-webkit-animation-name: spinnerRotate;
-webkit-animation-duration: 1.3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
display: none;
}
.vtspinner.singlebtn { 
float: none;
position: absolute;
top: -14px;
right: 0;
}
.single_add_to_cart_button.working, .globalcartbtn.working { opacity: 0.5; }
.vartable_selectall {
white-space: nowrap;
}
table.vartable .single_add_to_cart_button {
white-space: nowrap;
display: flex;
align-items: center;
padding: 10px;
}
.qtywrap {
width: 100px;
background-color: #dedede;
clear: both;
overflow-y: auto;
}
.qtywrap input {
margin: 0;
padding: 10px 5px;
float: left;
text-align: center;
}
.qtywrap>div {
float: left;
width: 20px;
text-align: center;
font-weight: bold;
height: 100%;
padding: 1px 0;
cursor: pointer;
}
.product.has-default-attributes.has-children>.images {
opacity: 1;
}
@-webkit-keyframes spinnerRotate {
from {
-webkit-transform:rotate(0deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
to {
-webkit-transform:rotate(360deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
}
.is_sortable th {
cursor: pointer;
}
.vartable_gc_wrap {
clear: both;
overflow: auto;
margin-bottom: 10px;
}
#vt_error_notification,
#vt_added_to_cart_notification {
display: block;
position: fixed;
width: 80%;
left: 10%;
top: 0;
padding: 20px;
background-color: #ffffff;
text-align: center;
color: #333;
font-size: 18px;
border: 1px solid #ddd;
border-top: 0;
z-index: 10001;
}
body.admin-bar #vt_error_notification,
body.admin-bar #vt_added_to_cart_notification {
top: 32px;
}
.wishcol a { color: #dd0000; }
.globalcartcol { text-align: right; }
table.vartable input.qty { text-align: right; }
.vartable_ywl p {
display: none;
}
.vartable_ywl #yith-wcwtl-output label,
.vartable_ywl #yith-wcwtl-output input {
margin-bottom: 1px;
}
.vartable_ywl #yith-wcwtl-output a:after {
font-size: 18px;
}
.vartable_ywl #yith-wcwtl-output label,
.vartable_ywl #yith-wcwtl-output a.button,
.vartable_ywl #yith-wcwtl-output a.button.alt {
font-size: 11px;
width: 100%;
border: 0;
}
.vartable .swatch-wrapper a {
cursor: default;
}
.wg_hidden,
.vartable .swatch-label {
display: none;
}
.vartable .sorting-asc:after {
display: block;
position: absolute;
top: 2px;
right: 2px;
content: "\2193";
font-size: 15px;
}
.vartable .sorting-desc:after {
display: block;
position: absolute;
top: 2px;
right: 2px;
content: "\2191";
font-size: 15px;
}
table.vartable.should_hide_mobile_header td:before {
display: none;
}
table.vartable.should_hide_mobile_header td {
text-align: center;
}
table.vartable .qtywrap {
display: flex;
margin-left: auto;
margin-right: auto;
align-items: center;
justify-content: center;
overflow: hidden;
}
.qtywrap.styled>div {
font-size: 18px;
background-color: transparent;
border-radius: 0;
margin: 0 5px;
padding: 0;
width: 24px;
height: 24px;
}
table.vartable .qtywrap.styled {
background: transparent;
white-space: nowrap;
width: 170px;
}
table.vartable .qtywrap.styled svg {
width: 24px;
height: 24px;
}
.has_cart_icon svg {
transform: translateY(2px);
margin-right: 5px;
}
.has_cart_icon.remove_cart_text svg {
transform: translateY(3px);
margin-right: 0;
}
button.remove_cart_text span {
display: none;
}
.vartable_top_wrap {
display: flex;
align-items: flex-start;
width: 100%;
justify-content: space-between;
}
.search_vartable {
padding: 5px;
}
.vt-sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
@media screen and (max-width: 767px) {
.vartable .sorting-desc:after, table.vartable td span.vtspinner { display: none; }
table.vartable.enable_responsive thead { display: none; }
table.vartable { max-width: 100%; }
table.vartable.enable_responsive tr { display: block; width: 100%; border-bottom: 2px solid #6C6360; }
table.vartable.enable_responsive td { display: block; width: 100%; clear: both; text-align: right; }
table.vartable td.pricecol { max-width: 100%; }
table.vartable td span { display: inline; }
table.vartable.enable_responsive td:before {
content: attr(data-label);
float: left;
text-transform: uppercase;
font-weight: bold;
}
table.vartable, table.vartable tr {
min-width: 100%;
max-width: 100%;
width: 100%;
}
table.vartable.should_hide_mobile_empty.enable_responsive td.vtmobilehide {
display: none;
}
td.thumbcol img,
td.offercol img {
margin-left: auto;
}
table.vartable.should_hide_mobile_header td.thumbcol img,
table.vartable.should_hide_mobile_header td.offercol img {
margin-left: auto;
margin-right: auto;
}
table.vartable.should_hide_mobile_header td {
text-align: center;
}
.swatch-wrapper {
float: right;
}
.disable_responsive_wrap {
display: block;
overflow-x: auto;
white-space: nowrap;
} table.vartable td, #content-area table.vartable td {
max-width: none;
}
}