.wapf-hide{display:none!important}.wapf-wrapper{margin-left:-5px;width:100%}.wapf-field-group,.wapf-section{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.wapf-field-container{padding:0 5px 15px 5px;box-sizing:border-box}.wapf-clone-title{margin:15px 0;padding-left:5px;width:100%}.wapf-field-label.wapf--above{margin-bottom:10px}.wapf-field-description{font-size:85%;opacity:.8;padding:0;margin:0;padding-top:5px}.wapf-field-container label[for]{cursor:pointer}.wapf-field-input input[type=email],.wapf-field-input input[type=number],.wapf-field-input input[type=text],.wapf-field-input input[type=url],.wapf-field-input select,.wapf-field-input textarea{width:100%;box-sizing:border-box}.wapf-field-input input[type=checkbox],.wapf-field-input input[type=radio]{float:left;margin-top:5px}.wapf-input-label{font-weight:400}.wapf-label-text{padding-left:10px}.wapf-pricing-hint{opacity:.7}.wapf-swatch{box-sizing:border-box;cursor:pointer;position:relative}.wapf-swatch input{position:absolute;opacity:0;pointer-events:none}.wapf-swatch img{max-width:100%}.wapf-swatch.wapf--circle{border-radius:50%}.wapf-swatch.wapf--rounded{border-radius:4px}.wapf-swatch-wrapper{display:flex;flex-wrap:wrap}.wapf-swatch-label{text-align:center;margin-top:.25em}.wapf-swatch--image{margin-right:2.66%;margin-bottom:2.66%;padding:10px;border-radius:4px;border:2px solid transparent;text-align:center}.wapf-swatch--image.wapf-checked,.wapf-swatch--image:hover{border-color:#eee}.wapf-col--1 .wapf-swatch{width:100%;margin-right:0}.wapf-col--2 .wapf-swatch{width:48.6%}.wapf-col--2 .wapf-swatch:nth-child(2n){margin-right:0}.wapf-col--3 .wapf-swatch{width:31.5%}.wapf-col--3 .wapf-swatch:nth-child(3n){margin-right:0}.wapf-col--4 .wapf-swatch{width:23%}.wapf-col--4 .wapf-swatch:nth-child(4n){margin-right:0}.wapf-col--5 .wapf-swatch{width:17.8%}.wapf-col--5 .wapf-swatch:nth-child(5n){margin-right:0}.wapf-swatch--color{margin:0 15px 15px 0;position:relative;transition:all .1s}.wapf-swatch--color.wapf-checked{border:3px solid #fff;box-shadow:0 0 0 2px currentColor}.wapf-swatch--color:hover .wapf-ttp{opacity:1;transform:translate(-50%,-10px);visibility:visible}.wapf-swatch--text{padding:7px 11px;margin:0 15px 15px 0;border-radius:4px;border:1px solid #ccc}.wapf-swatch--text:hover{border-color:#353c4e}.wapf-swatch--text.wapf-checked{border-color:#353c4e;background:#353c4e;color:#fff}.wapf-product-totals{display:none;width:100%}.wapf-total{margin:0;padding:0}.wapf-product-totals .wapf--inner{padding:20px 0}.wapf-product-totals .wapf--inner>div{padding-bottom:10px;clear:both}.wapf-product-totals .wapf--inner>div:last-child{padding-bottom:0}.wapf-product-totals div span:first-child{font-weight:700}.wapf-product-totals div span:last-child{float:right}.wapf-ttp{padding:7px 15px;border-radius:4px;text-align:center;font-size:14px;line-height:1.2;position:absolute;bottom:100%;left:50%;z-index:9;transition:.15s ease;opacity:0;visibility:hidden;transform:translateX(-50%);white-space:nowrap}.wapf-ttp:after{content:'';position:absolute;left:50%;margin-left:-5px;bottom:-9px;border:5px solid transparent;border-top-color:currentColor}



.wapf-number_picker{
    
}
.wapf-number_picker .number_wrapper{
    display: inline-block;
    width: 40% !important;
    float:right;
    text-align:right;
    
}
.wapf-number_picker .number_wrapper .decreasevalue,.wapf-number_picker .number_wrapper .increasevalue{
    display: inline-block;
    padding: 0px 0;
    border-radius: 34px;
    background: #ececec;
    font-size: 20px;
    height: 30px;
    width: 30px;
    text-align: center;
}
.wapf-number_picker .number_wrapper input{
    width: 30px;
    border: 0 !important;
    box-shadow: none;
    outline: none;
    background: #fff;
    text-align: center;
    font-size: 20px;
}
.wapf-number_picker .number_wrapper input:focus-visible{  
    border: 0 !important;
    box-shadow: none;
    outline: none;
}
.wapf-number_picker .wapf-label-text{
    padding: 10px 10px 10px 0;
    font-weight: bold;
    width:60% !important;
    display: inline-block;
    float:left;
}

.wapf-number_picker h4.choices_required_count{
    font-size: 15px;
    text-align: right;
    color: gray;
}

.wapf-number_picker .disabled {
    pointer-events: none; /* prevent mouse events like clicking */
    opacity: 0.6; /* make the element appear as disabled */
}