/* customize store credit */
.wt_customise_gift_coupon_wrapper{ width: 100%; }
.wt_customise_gift_coupon_wrapper *{ box-sizing:border-box; }
.wt_gift_coupon_title{  width:100%; text-align:left; }
.wt_gift_coupn_designs{  width:100%; margin-right:1%; padding:10px; border:1px solid #e4dada; margin-bottom:15px; }
.wt_gift_coupn_designs h2, .wt_gift_coupon_preview_wrapper h2, .wt_gift_coupon_setup h2{  font-size:18px; width:100%; }

.wt-sc-templates-container{ width:100%; }
.wt-sc-templates{ display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.wt-sc-template-item{ width: 19.5%; margin: 5px .25%; cursor: pointer; border-radius: 5px; padding: 3px; }
.wt-sc-template-item img{ border-radius: 4px; width:100%; height:auto; }

.wt_sc_gift_coupn_categories{  width:100%; margin-top:20px;}
.wbte_sc_preview_setup { display: flex; }
.wt_gift_coupon_preview{  width:60%; border:1px solid #e4dada; padding:20px; margin-right:3%; }
.store_credit_preview{padding:12px}
.store_credit_preview_wrapper{width:100%;box-shadow:6px 11px 35px -20px rgba(0,0,0,.75)}
.wt_sc_gift_card_caption_hidden{display:none}
.wt_gift_coupon_preview_caption{width:100%;padding:20px;text-align:center;color:#fff}
.wt_gift_coupon_preview_image img{width:100%;height:auto; border-radius:0px;}
.wt_coupon-code-block{ width: 100%; background: #fff; padding: 20px; display: flex; align-items: center; justify-content: space-between; }
.wt_coupon-code-block .coupon-code{text-align:left;background:#0e0b0d;padding:10px;color:#fff;}
.wt_coupon-code-block .coupon_price{float:right;text-align:right;font-size:32px;font-weight:700;color:#0e0b0d;padding:0;line-height:36px}
.coupon-message-block{ width: 100%; color: #fff; padding: 20px; display: flex; align-items: center; justify-content: space-between; }
.coupon-message-block .coupon-message{text-align:left}
.coupon-message-block .coupon-from{float:right;text-align:right}
.wt_gift_coupon_setup{ width:37%; border:1px solid #e4dada; padding:15px; }
.single-product div.product .wt_gift_coupon_setup form.cart, .wt_gift_coupon_setup form.cart{ margin-bottom:0px; width:100%; }
.wt_gift_coupon_preview, .wt_gift_coupon_setup{ margin-top: 10px; }

.wt-form-item{  width:100%; padding:6px 0px; }
.wt-form-item .wt_sc_store_credit_field{ width:100%; box-shadow:none; margin-left:0px; background:#fff; border:solid 1px #e4dada;}
.wt-form-item .wt_sc_store_credit_field:focus{background:#fff;}
.wt_credit_denominations{  margin-left:0px; }
.wt_credit_denominations .denominaton_label{  margin:0px 5px 5px 0px; background:#eeeeee; border:solid 1px #e4dada; color:#333; padding:4px 12px; cursor:pointer;}
.wt_credit_denominations input[type="radio"]{ opacity:0; width:0 !important; position:absolute;}
.wt_credit_denominations .denominaton_label:hover{ background-color:#dfd; }
.wt_credit_denominations input[type="radio"]:checked + label{ background-color:#bfb; border-color:#4c4; }
.wt-form-item .credit_instruction{  font-size:12px; width:100%; line-height:14px; color:#aaa; }
div#ui-datepicker-div{background:#e0e0e0;border:1px solid #e0e0e0}
a.ui-datepicker-prev{float:left}
a.ui-datepicker-next{float:right}
.ui-corner-all{cursor:pointer}

.wbte_sc_template_toggle{ cursor: pointer; display: flex; align-items: center; clear: both; gap: 10px; margin-left: 10px; padding-top: 10px; }
.wt-sc-templates.is-collapsed .wt-sc-template-item:nth-child(n+6) { display:none; }

/* By category carousel */
.wbte_sc_carousal{ width:100%; position:relative; padding:0px 25px; }
.wbte_sc_carousal_inner{ display:flex; flex-flow:row nowrap; width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; }
.wbte_sc_carousal_inner::-webkit-scrollbar{ display:none; }
.wbte_sc_carousal_item{ flex: 0 0 auto; padding: 5px 16px; border-radius: 6px; }
.wbte_sc_carousal_item img{ max-width: 100%; border-radius: 4px; }
.wbte_sc_carousal_nav_arrows{ position:absolute; width:20px; height: 100%; top:0px; bottom:0px; font-size:12px; text-align:center; color:#fff; cursor:pointer; background:#4b5563;}
.wbte_sc_carousal_nav_arrows span{ position:absolute; height:32px; line-height:32px; width:20px; top:50%; left:0px; margin-top:-16px; color:#fff; }
.wbte_sc_carousal_nav_arrows_left{ left:0px; border-radius: 4px 0px 0px 4px; }
.wbte_sc_carousal_nav_arrows_right{ right:0px; border-radius: 0px 4px 4px 0px; }
.wbte_sc_gift_card_product_page_categories .wbte_sc_carousal_nav_arrows{ margin-top:0px; height:100%;}
.wbte_sc_carousal_nav_arrows.disabled{ opacity:.4; cursor:not-allowed; }
.wbte_sc_carousal_nav_arrows:not(.disabled):hover{ background: #32373E; color: #fff; }

.wbte_sc_store_credit_product_page_templates_container{ width:100%; margin-bottom:5px; padding-top:25px; }
.wbte_sc_store_credit_product_page_categories{ width: 100%; color: #000; padding-top: 0px; margin-bottom: 20px; background: transparent; }
.wbte_sc_store_credit_product_page_categories .wbte_sc_store_credit_product_page_category{ background:#fff; color:#666666; font-size:14px; border:solid 1px #666666; border-radius:3px; text-align:center; cursor:pointer; margin-right:5px; }
.wbte_sc_store_credit_product_page_categories .wbte_sc_store_credit_product_page_category.active{ background:#666666; border:solid 1px #666666; color:#fff; text-shadow:1px 1px 2px #333; cursor:default; }
.wbte_sc_store_credit_product_page_templates{ width: 100%; padding-top: 0px; }
.wbte_sc_store_credit_product_page_templates_inner div{ flex-basis: 20%; display: flex; align-items: center; cursor: pointer; border: 2px solid transparent; padding: 3px; border-radius: 5px; }
.wbte_sc_store_credit_product_page_templates_inner div.active, .wt-sc-template-item.active{ border:solid 2px #848587; }

@media only screen and (max-width:1024px) {
  .wbte_sc_store_credit_product_page_templates_inner div{ flex-basis: 30%; }
  .wt-sc-template-item{ width: 30%; }
}

@media only screen and (max-width:767px) {
  .wt_gift_coupon_preview, .wt_gift_coupon_setup{ width:100%; margin-bottom:15px; }
  .wt-sc-template-item{ width:49%; margin-right:.5%; margin-left:.5%; }
  .wt-sc-templates.is-collapsed .wt-sc-template-item:nth-child(n+3){ display:none; }
  .wbte_sc_store_credit_product_page_templates_inner div{ flex-basis: 45%; }
  .wbte_sc_preview_setup { flex-direction: column; }
}

@media only screen and (max-width:480px) {
  .wbte_sc_store_credit_product_page_templates_inner div, .wt-sc-template-item{ flex-basis: 95%; }
}