/*======= Product Variants in Table Shopify App. =====*/

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.clearfix:after, .clearfix:before { content:''; clear:both; display:block; }
.clearfix, .clear { clear:both; }

#cws_var_table tr:first-child th,
#cws_var_table tr:first-child td{ position:static; }
#cws_var_table tr:first-child th:after,.variant-cartlist tr:first-child th:after,
#cws_var_table tr:first-child td:after,.variant-cartlist tr:first-child td:after{ content:none; }

#cws_var_table .btn,.variant-cartlist .btn{ background-color:#555; color:#fff; border:1px solid #555; padding:10px 15px; min-height:auto; line-height:normal; float:none; display:inline-block; text-transform:uppercase; font-weight:400; font-size: 14px; height:auto; width:auto; min-height:auto; min-width:auto; max-height:inherit; max-width:inherit; letter-spacing:normal; cursor:pointer; outline:none;
box-shadow:none; text-decoration:none; }
#cws_var_table .btn:hover{ background-color:#000; border-color:#000; color:#fff }

#cws_var_table .btn:before,.variant-cartlist .btn:before,
#cws_var_table .btn::after,.variant-cartlist .btn:after{ content:none; }

#cws_var_table { margin: 20px 0; }
#cws-variants-tbl { overflow-x:auto; -webkit-overflow-x:auto; overflow-y:auto; -webkit-overflow-y:auto; z-index:1; position:relative; margin:15px 0 10px; max-height:500px; clear:both; display:inline-block; width:100%; /*box-shadow:0 4px 5px -6px #555; -webkit-box-shadow:0 4px 5px -6px #555;*/ }
#variants { background-color:transparent; border-collapse: collapse; width: 100%; table-layout:auto; border-spacing:0; margin:0 auto; font-size: 14px; border: none; }
#variants a{ border:none; color:#000; text-decoration:none; }
#variants td,#variants th { position:static; border:1px solid #ddd; color:#000; font-size:14px; padding:8px; text-align:center; vertical-align:middle; outline:none; }
/*
#variants tr:nth-child(even) { background-color: #f2f2f2; }
#variants tr:hover { background-color: #d7d7d7; }
*/
#variants th { padding-top:10px; padding-bottom:10px; background-color:#f1f1f1; font-weight:600; }
#variants p{ color: #000; margin: 0; }
#variants p b { margin-right: 4px; }
#variants .money { font-weight:400; color:#000; display:inline-block; }
#variants .on_sale_money { color: #fe0d0d; }
#variants .out_of_stock{ color:#fd0404; font-weight:bold; margin-right:4px; }
#variants .in_stock{ color:#027f02; font-weight:600; margin-right:4px; }

#cws_variant_search,#cws_variant_reset { cursor: pointer; }
#cws_variant_search:disabled { cursor: no-drop; }

#cws_var_table .btn.single_atc { padding:8px 10px; font-size:14px; min-width:123px; }
#cws_var_table .btn.single_atc:disabled, #cws_var_table .multi_variantcart:disabled { cursor:no-drop; opacity:0.5; }
#variants .cws_item_added_container { font-size:13px; margin:4px 0 0; color:#027f02; font-weight:600; }
#variants .cws_item_added_container .cws-view-cart { color:#000; margin:2px 0; display:block; text-decoration:none; border:none; }
#variants .cws_item_added_container .cws-view-cart:hover { color:#000; }     
  
.variant-cartlist .cart_table{ background-color:transparent; border-collapse:collapse; width:100%; table-layout:auto; border-spacing:0; margin-bottom:0; font-size:15px; border:none; }
.variant-cartlist .cart_table thead tr th:first-child { text-align:left; }
.variant-cartlist .cart_table tbody tr td:first-child { text-align:left; }
.variant-cartlist .cart_table td .pro_title { font-size: 15px; }
.variant-cartlist .cart_table td .pro_title:hover { text-decoration:underline; }
.variant-cartlist .cart_table td .pro_img { display: inline-block; margin-right:20px; }
.variant-cartlist .cart_table th { padding-top:10px; padding-bottom:10px; background-color:#f1f1f1; font-weight:600; }
.variant-cartlist .cart_table td,
.variant-cartlist .cart_table th { position:static; border:1px solid #ddd; color:#000; padding:10px !important; font-size:14px; text-align:center; vertical-align:middle; }
/*.variant-cartlist .cart_table td:last-child{ font-weight: 600; color: #000; }*/
.variant-cartlist .cart_table td p { margin-bottom:5px; color:#000; }
.variant-cartlist .cart_table a { border: none; text-decoration:none; color:#000; }
.variant-cartlist .cart_table a:hover{ #000; }

/* Up/Down Sort Arrows */
#variants th.sorting span,#variants th.sorting_asc span,#variants th.sorting_desc span{ position:relative; cursor:pointer; display:block; padding-right:9px; }
#variants th.sorting span:before, #variants th.sorting span:after,
#variants th.sorting_asc span:before,#variants th.sorting_desc span:after{ content:""; border:4px solid transparent; display:block; height:0; width:0; position:absolute; right:0; top:50%; }
#variants th.sorting span:before,#variants th.sorting_asc span:before{ border-bottom-color:#666; margin-top:-9px; }
#variants th.sorting_asc span:before{ margin-top:-6px; }
#variants th.sorting span:after,#variants th.sorting_desc span:after{ border-top-color:#666; margin-top:1px; }
#variants th.sorting_desc span:after{ margin-top:-2px; }

/* Floating Cart */
#flyToCart{ position:fixed; z-index:1; background:rgba(0,0,0,.72) center; height:50px; width:50px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; 
  bottom:50%; right:0; background-image:url(cws-variant-cart.png); background-size:25px; background-repeat:no-repeat; line-height:35px; z-index:1024; }
#variant_cartDiv{ background-color:#000; color:#fff; position:absolute; line-height:20px; width:20px; height:20px; top:-5px; right:12px; display:block;
  text-align:center; border-radius:50%; font-size:14px; }

/* Note Massege */
.compare { text-decoration: line-through; }
.sp_msg { color: #fe0d0d; line-height: normal; margin: 20px 0; }
.sp_msg p{ color:#155724; background-color:#d4edda; border:1px solid #c3e6cb; padding:8px; font-size:15px; }
.cws_no_rows{ color:#721c24; background-color:#f8d7da; border:1px solid #f5c6cb; padding:8px; font-size:15px; margin:15px auto; }

/* Qty Box */
.qty-box { position: relative; text-align: center; display: inline-block; vertical-align: middle; margin-bottom:5px; min-width:80px; z-index: 1; }
.qty-box .qtyplus,
.qty-box .qtyminus{ font-family: 'Open Sans',sans-serif; float:left; position:relative; z-index:999; font-size:15px; font-weight:bold; background-color:#ddd; color:#000; width:20px; height:32px; min-height:auto; min-width:auto; max-height:inherit; max-width:inherit; 
  text-align:center; line-height:normal; cursor:pointer; border:0; outline:none; padding:0; border-radius:0; -webkit-appearance: none; appearance: none; 
}
.qty-box input[type="text"].cws-number-only{ width:40px; height:32px; float:left; border:1px solid #ddd; outline:none; padding:5px; text-align:center; border-radius:0; margin:0; min-height:auto; min-width:auto; max-height:inherit; max-width:inherit; }
.qty-box .qtyplus:hover, .qty-box .qtyminus:hover{ background-color:#ddd; }

/* Loader */
.variant-loader{ position:fixed; left:0; right:0; top:0; bottom:0; padding-top:20%; background-color:rgba(0,0,0,0.5); text-align:center; margin:0 auto; z-index:9999; }
.variant-loader img{ background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.5); z-index:9999; }

/* cart modal */
.modal-content{ position:relative; background-color:#fff; margin:auto auto 30px; padding:0; max-width:1025px; width:95%; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name:animatetop; -webkit-animation-duration:.4s; animation-name:animatetop; animation-duration:.4s; }

.variant-cartlist{ display:none; position:fixed; z-index:9999; padding-top:100px; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.4); }
.modal-header{ padding:12px 15px; background-color:#555; }
.modal-header h2{ font-size:18px; font-weight:600; color:#fff; margin:0; line-height:normal; text-align:left; }
.sub_total{ display:table-cell; vertical-align:middle; text-align:left; text-transform:uppercase; }
.cart-button{ display:table-cell; text-align:right; vertical-align:middle; }

.btn.view_cart{ background-color:#858585; }
.btn.view_cart:hover{ background-color:#7b7979; }
.btn.continue_btn{ background-color:#000; margin-left:15px; }
.btn.continue_btn:hover{ background-color:#333; }

.modal-body{ padding:20px; display:inline-block; vertical-align:top; width:100%; word-wrap:break-word; max-height:290px; overflow-y:auto; }
.modal-body .prd-image{ width:50%; float:left; display:inline-block; text-align:center; padding:15px; }

.cws_var_imgs { max-width:90px !important; display:block; margin:0 auto 10px; text-align:center; }
#variant-minicartlist td a img{ vertical-align:middle; max-width:90px; }

.modal-footer{ padding:10px 20px; background-color:#555; color:#fff; display:table; width:100%; }
.sub_total_amount{ color:#fff; font-weight:bold; font-size:20px; }

/* Close Button */
.cart_close{ color:#fff; float:right; font-size:28px; font-weight:bold; border:0; background-color:transparent; line-height:1.5; padding:0; position:absolute; right:15px; top:0; }
.cart_close:hover,
.cart_close:focus{ color:#f5f5f5; background-color:transparent; text-decoration:none; cursor:pointer; }

.multicart_err{ padding:20px; background-color:#f44336; color:#fff; margin-bottom:20px; }
.multicart_err p{ color:#fff!important; }
.err_close{ margin-left:15px; color:white; font-weight:bold; float:right; font-size:22px; line-height:20px; cursor:pointer; transition:.3s; }

/* .shopify-payment-button__button { display: none !important; } */
.product-single__info-wrapper hr { border: none; margin:0 0 15px; }

/* varaint Filter */
#cws-varaint-filter { background-color:#f1f1f1; padding:10px; display:inline-block; width:100%; }
#cws-varaint-filter ul{ padding:0; margin:0 0 0 -10px; clear:both; list-style:none; }
#cws-varaint-filter ul li{ width:33.33%; float: left; padding:0 0 10px 10px; list-style:none; }
#cws-varaint-filter ul.cws-product-options-1 li{ width:100%; }
#cws-varaint-filter ul.cws-product-options-2 li{ width:50%; }
#cws-varaint-filter ul.cws-product-options-3 li { width:33.33%; }
#cws-varaint-filter select{ background-color:#fff; font-size:15px; font-weight:400; border:1px solid #ddd; height:40px; width:100%; min-width:auto; min-height:auto; max-height:inherit; max-width:inherit; padding:5px 20px 5px 10px; box-shadow:none; outline:none; text-indent:inherit;
margin:0; }

#cws_filter_btns input{ float:none; display:inline-block; background-color:#555; color:#fff; border:1px solid #555; outline:none; padding:10px 20px; font-size:15px; text-transform:uppercase; margin-right:10px; font-style:normal; font-weight:400; line-height:1.2; }
#cws_filter_btns input:hover{ background-color:#000; }
#cws_filter_btns input[disabled]{ background-color:#ddd; border-color:#ddd; color:#000; }
#cws_filter_btns { clear:both; text-align:center; }

#cws_var_table .multi_container { text-align: right; }
#cws_var_table .multi_container .btn{ font-size:14px; font-weight:600; float:none; }

/* Pagination Table */
#pagination_wrap { text-align:center; margin:0 auto; }
#pagination_wrap .pagination{ text-align:center; list-style:none; font-size:15px; padding:0; margin:0 0 10px; display:inline-block; }
#pagination_wrap .pagination li{ float:left; display:inline-block; list-style:none; }
#pagination_wrap .pagination li a{ color:#000; font-size:14px; font-weight:400; text-decoration:none; display:inline-block; cursor:pointer; text-transform:uppercase; margin:0 0 0 -1px; height:32px; min-width:32px; line-height:32px; border-radius:0; border:1px solid #ddd; padding:0; outline:none; }
#pagination_wrap .pagination li.active a,#pagination_wrap .pagination li:hover a{ background-color:#f0f0f0; color:#000; }
#pagination_wrap .pagination li.disabled a{ cursor:no-drop; }

/* Pagination Variants */
#variants_paginate { text-align:center; list-style:none; font-size:15px; padding:0; margin:10px auto; }
#variants_paginate .pagination li{ float:left; display:inline-block; list-style:none; }
#variants_paginate .paginate_button{ color:#000; font-size:14px; font-weight:400; text-decoration:none; display:inline-block; cursor:pointer; text-transform:uppercase; margin:0 -1px 0 0; height:32px; min-width:32px; line-height:32px; border-radius:0; border:1px solid #ddd; padding:0; outline:none; }
#variants_paginate .paginate_button.current{ background-color:#f0f0f0; color:#000; }
#variants_paginate .paginate_button:hover{ background-color:#f0f0f0; color:#000; }
#variants_paginate .paginate_button.disabled{ cursor:no-drop; }


/*
.product-form.product-form-product-template { display: none; }
#AddToCartForm-product-template { display: none; }
.payment-buttons { display: none !important; }
*/


/* Add Animation */
@-webkit-keyframes animatetop {
	from { top:-300px; opacity:0; }
	to { top:0; opacity:1; }
}

@keyframes animatetop {
	from { top:-300px; opacity:0; }
	to { top:0; opacity:1; }
}

/* Add scrollbar */
#cws-variants-tbl::-webkit-scrollbar { -webkit-appearance: none; }
#cws-variants-tbl::-webkit-scrollbar:vertical { width: 12px; }
#cws-variants-tbl::-webkit-scrollbar:horizontal { height: 12px; }
#cws-variants-tbl::-webkit-scrollbar-thumb { background-color: #c0c0c0; border-radius: 10px; border: 2px solid #f1f1f1; }
#cws-variants-tbl::-webkit-scrollbar-track { border-radius: 0; background-color: #f1f1f1; }


/*============================================================================
  Responsive
/*============================================================================*/

@media only screen and (max-width: 1198px) { 
  
}


@media only screen and (max-width:767px) {
  #cws_var_table { margin:15px 0; }
  #variants{ font-size: 13px; }
  #variants td, #variants th{ font-size:13px; }
  #variants .in_stock,
  #variants .out_of_stock{ font-size: 13px; }
  
  .modal-header h2 { font-size: 16px; }
  
  /* cart model */
  .variant-cartlist { padding-top: 50px; }
  .modal-body { padding: 10px; }
  .modal-footer { padding: 10px; }
  .sub_total { float: none; display: block; text-align: center; margin:0 0 10px; }
  .cart-button { float: none; display: block; text-align: center; }
  .cart-button { float: none; text-align: center; }
  .btn.continue_btn { margin-left:10px; padding:10px 15px; font-size: 13px; }
  .btn.view_cart{ padding:10px 15px; font-size: 13px; }
  
  .qty-box{ min-width:72px; }
  .qty-box input[type="text"].cws-number-only { width:36px; font-size:13px; }
  .qty-box .qtyplus, .qty-box .qtyminus{ width:17px; }
  
  .variant-cartlist .cart_table td .pro_img { display:block; margin-right:0; margin-bottom:10px; }  
  .variant-cartlist .cart_table td { border: none; text-align: left !important; border-bottom: 1px solid #ddd; position: relative; padding:10px !important; padding-left: 45% !important; width: 100% !important; display: inline-block; }  	
  .variant-cartlist .cart_table thead { display:none; }
  .variant-cartlist .cart_table tr { border:1px solid #ddd; margin:0 0 10px; display:block; }
  .variant-cartlist .cart_table td { border:none; text-align:left; border-bottom:1px solid #ddd; position:relative; padding-left:45%; }
  .variant-cartlist .cart_table td:before { color: #000; position:absolute; top:12px; left:10px; width:40%; padding-right:10px; white-space:nowrap; font-weight:600; font-size:13px; }
  .variant-cartlist .cart_table td:last-child { border-bottom:none;}
  
  /* #cws_var_table .btn.single_atc { padding:8px 8px; font-size:13px; min-width:115px; } */
  #cws_var_table .btn, .variant-cartlist .btn{ font-size:14px; }
  #cws_var_table .btn.single_atc { padding:8px 8px; font-size:13px; min-width:115px; }
  #cws_var_table .multi_container .btn{ font-size:13px; }
  #cws_var_table .btn, .variant-cartlist .btn{ padding:8px 15px; }
  .cws_var_imgs{ width:70px !important; }
  .cart_close{ font-size:24px; }
  
  .sp_msg,.cws_no_rows{  margin:15px 0; }
  .sp_msg p,.cws_no_rows{ font-size:14px; }
  
  
  #cws-varaint-filter ul li,#cws-varaint-filter ul.cws-product-options-1 li,
  #cws-varaint-filter ul.cws-product-options-2 li,#cws-varaint-filter ul.cws-product-options-3 li { width:100%; }
  #cws_filter_btns { clear:both; text-align:center; }
  #cws_filter_btns input{ font-size:14px; }
  
  .variant-cartlist .cart_table,.variant-cartlist .cart_table td .pro_title{ font-size:14px; }
  
  #pagination_wrap .pagination li a,
  #variants_paginate .paginate_button{ font-size:13px; height:30px; min-width:30px; line-height:29px; }
  
  #cws-variants-tbl::-webkit-scrollbar:vertical { width: 10px; }
  #cws-variants-tbl::-webkit-scrollbar:horizontal { height: 10px; }
  
}


@media only screen and (max-width:480px) {
  .cws_var_imgs{ width:60px !important; }
  #cws_var_table .multi_container{ text-align:center; }
  
}


@media only screen and (max-width:350px) {
  .btn.view_cart { display: block; margin-bottom:10px; }
  .btn.continue_btn{ margin-left:0; display:block; }
  
}