overlayLoad{display:none;align-items:center;justify-content:center;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#ffffff;opacity:0.5;z-index:+100;}
.showComponent{display:inline-flex;}

quantityControl{display:inline-flex;border:1px solid #dddddd;border-radius:5px;overflow:hidden;}
.quantity__minus,.quantity__plus{padding:5px 10px;font-size:18px;line-height:1;cursor:pointer;}
.quantity__minus{border-right:1px solid #dddddd;background:#fff}
.quantity__plus{border-left:1px solid #dddddd;background:#fff}
.quantity__minus:hover,.quantity__plus:hover{background:#eeeeee;}
.quantity__input{border-radius:0px!important;border:0px;padding:10px;-webkit-appearance: none;-moz-appearance: none;width:50px;text-align:center;border:0px!important;}

.buttonTemplate{background:var(--btn-bg);/*--secondary*/
cursor:pointer;padding:8px 20px;width:auto;margin-top:0px;border-radius:5px;color:#ffffff;font-size:16px;justify-content:center;border:0px;display:inline-flex;gap:10px;align-items:center;justify-content:center;}
.buttonTemplate:hover{background:var(--btn-bg-hover)}
.buttonTemplate i{color:#ffffff;line-height:25px;/* margin-right:10px; */}
.secondButton{background:#ffffff;color:#000000;border:1px solid #000000;}
.secondButton i{color:#000000;}
.secondButton:hover{background:#eeeeee;}

.confirmButton{background:#208908;color:#fff;border:1px solid #208908;}
.confirmButton i{color:#fff;}
.confirmButton:hover{background:#29c306!important;border-color:#29c306!important;}