.wt-mycoupons ul li {
box-sizing: border-box;
display: inline-block;
padding: 15px;
width: 170px;
min-height: 60px;
margin-bottom: 15px;
vertical-align: top;
line-height: 1.4;
}   
.wt_coupon_wrapper{ width:100%; position:relative; flex-direction:row; flex-wrap:wrap; display:flex; justify-content:flex-start; margin-bottom:15px; gap:26px;  padding:15px 4px 4px 4px; }
.wt_coupon_wrapper .wt-single-coupon, .wt_coupon_wrapper .wt-sc-hidden-coupon-box{ width: 30%; min-width: 314px; margin: 0px; flex: 1 0 30%; }
.wt_coupon_wrapper .wt-sc-hidden-coupon-box{ content:""; visibility:hidden; }
.wt_sc_pagination{ width:100%; clear:both; margin-bottom:15px; text-align:right; }
.wt_sc_pagination .woocommerce-pagination{ display:inline-block; float:none; }
.wt_sc_available_coupon_sort_by{ float:right; font-size:14px; }
.wt_sc_available_coupon_sort_by form{ margin-bottom: 0; }
.wt_sc_bogo_cart_item_discount, .wt_sc_bogo_cart_item_discount *{ color:green; font-size:small; }
.wt-mycoupons:has(.wt_sc_myaccount_no_available_coupons) .wt_sc_available_coupon_sort_by { display: none; }.hidden {
display:none;
}
.wc-pre-orders-alert {
border: 1px solid #fd397a;
color: #fd397a;
display: flex;
align-items: stretch;
padding: 1rem 2rem;
border-radius: 3px;
margin: 0 0 20px 0;
}
.disabled-input {
display:none;
}
.preoder-span-block{
display: block;
margin-top: 6px;
}@keyframes wpc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes wpcot-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpcot-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.wpcot-tips .wpcot-tip {
padding: 10px 0;
}
.wpcot-tips .wpcot-tip .wpcot-tip-name {
font-weight: 700;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom {
line-height: 1;
margin: 5px;
border: 1px solid #dddddd;
padding: 2px;
cursor: pointer;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value > span, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom > span {
display: inline-block;
height: 32px;
line-height: 32px;
padding: 0 10px;
background-color: #eeeeee;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value:hover, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value.active, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom:hover, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom.active {
border-color: #458746;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value:hover > span, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value.active > span, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom:hover > span, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom.active > span {
color: #ffffff;
background-color: #458746;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value.loading, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom.loading {
position: relative;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value.loading:before, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom.loading:before {
width: 20px;
height: 20px;
display: block;
margin-top: -10px;
margin-left: -10px;
content: "";
background-image: url(//www.spruno.com/wp-content/plugins/wpc-order-tip/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: wpcot-spinner 1s linear infinite;
-moz-animation: wpcot-spinner 1s linear infinite;
-ms-animation: wpcot-spinner 1s linear infinite;
-o-animation: wpcot-spinner 1s linear infinite;
animation: wpcot-spinner 1s linear infinite;
}
.wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value.loading > span, .wpcot-tips .wpcot-tip .wpcot-tip-values .wpcot-tip-value-custom.loading > span {
opacity: 0.3;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom {
display: none;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form {
display: flex;
align-items: center;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form .wpcot-tip-custom-form-inner {
line-height: 1;
border: 1px solid #dddddd;
padding: 2px;
display: flex;
align-items: center;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form input {
height: 32px;
line-height: 32px;
padding: 0 10px;
border: none;
background-color: #eeeeee;
border-radius: 0;
font-weight: normal;
outline: none;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form input[type=button] {
margin-left: 2px;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form input[type=button]:hover {
color: #ffffff;
background-color: #458746;
}
.wpcot-tips .wpcot-tip .wpcot-tip-custom .wpcot-tip-custom-form.disabled {
pointer-events: none;
}
.wpcot-tips.wpcot-btn-rounded .wpcot-tip-value, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-value-custom, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-custom-form-inner {
border-radius: 100px !important;
}
.wpcot-tips.wpcot-btn-rounded .wpcot-tip-value > span, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-value input, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-value-custom > span, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-value-custom input, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-custom-form-inner > span, .wpcot-tips.wpcot-btn-rounded .wpcot-tip-custom-form-inner input {
padding: 0 15px !important;
border-radius: 100px !important;
}