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(--main-color);/*--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-block;border:1px solid var(--main-color)}
.buttonTemplate:hover{background:var(--main-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;}