.netmodal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.59);backdrop-filter:blur(5px);-webkit-animation-name:fadeIn;animation-name:fadeIn;overflow:hidden;}
.netmodal, .netmodal-content{animation-duration:.4s;transition:all ease-in-out .4s}
.netmodal.hidden{display:block !important;opacity:0;visibility:hidden;animation-name:fadeOut}
.netmodal.visible{display:block;opacity:1;visibility:visible;animation-name:fadeIn}
.netmodal-content{position:fixed;top:auto;bottom:0;right:0;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:100%;max-width:100%;pointer-events:auto;background-clip:padding-box;background-color:#ffffff;border:0;border-radius:0;outline:0;margin:0 auto;overflow:auto}
.chat .netmodal-content{background-color:#ece5dd}
.netmodal.hidden .netmodal-content{opacity:0;visibility:hidden;animation-name:slideOutDown}
.netmodal.visible .netmodal-content{opacity:1;visibility:visible;animation-name:slideInUp}
.netmodal-header{display:flex;align-items:center;column-gap:10px;width:100%;text-align:center;margin:0;padding:12px 15px;background-color:#158159;color:#fff;background-image:linear-gradient(to right, #117b54 0%, #0a9360 75%, #158159 100%);border-bottom:0}
.close-modal{position:absolute;right:0;top:0;color:#ffffff;font-size:2rem;font-weight:400;padding:5px 7px;line-height:2rem}
.close-modal:hover,.close-modal:focus{color:green;text-decoration:none;cursor:pointer}
.netmodal-header > div{line-height:1.2;margin-top:0}
.admin-chat{width:50px;height:50px;margin:0;background-color:unset;border:2px solid #fff;border-radius:50px;overflow:hidden}
.admin-chat img{border:none;border-radius:50px}
.admin-chat svg{fill:#fff}
.netmodal-title{display:flex;flex-direction:column;width:75%;row-gap:3px;font-size:15px;text-align:left}
.modal-wa-title{font-size:18px;font-weight:600;text-align:left;text-shadow:1px 1px 4px #555;color:#fff;margin:0}
.greeting-chat{color:#fff8dc;font-size:16px;text-shadow:1px 1px 3px #444}
.modal-wa-title,.greeting-chat{width:100%;line-height:1.2}
.netmodal-body{padding:15px 15px 10px}
.netmodal-body textarea{width:100%;height:100px;border:1px solid #cfc8d8}
.netmodal-footer{display:flex;align-items:center;justify-content:space-around;padding:5px 15px 20px}
.netmodal-footer .submit{width:max-content;background-image:linear-gradient(to right, #117b54 0%, #0a9360 75%, #158159 100%);box-shadow:0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(8,8,8,.2);text-align:center;text-decoration:none;text-shadow:2px 1px 3px #444;padding:10px 25px;opacity:.9;border-radius:7px}

.modal-harga-produk{color:#a94040}
.modal-wa-order .input-group{display:flex}
.input-group-prepend{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:9;width:30px}
form .input-group .input-group-text{height:36px;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap}
.netmodal .input-group .input-textarea{width:100%}
#mWAorder .input-group input, .wa .input-group select{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0;height:38px;margin-left:-29px;padding:1rem 1rem 1rem 35px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #8d8d8d;box-shadow:none;transition:all .2s linear}
#mWAorder .input-group select{font-size:var(--formfieldfontsize);padding:5px 1rem 7px 35px;color:#535353}
#mWAorder .input-group.mb-0 input{margin-bottom:3px;border-bottom:1px solid #ddd}
#mWAorder .input-group input:focus{border-bottom:1px solid green}
#info-error{display:none}
#info-error.visible{display:flex;height:20px;visibility:visible;opacity:1}
.svg-inline--fa{display:inline-block;font-size:14px;height:1em;overflow:visible}
.mb-0{margin-bottom:0}
#mWAorder .netmodal-footer{padding:15px 15px 25px}
#mWAorder .submit{width:100%}
.input-group.column-2{flex-wrap:nowrap;column-gap:10px}
#mWAorder .input-group.column-2 input, .wa .input-group.column-2 select{margin:0;padding:4px 12px}
#mWAorder .input-group.ada-icon input, .wa .input-group.ada-icon select{margin-left:-30px;padding:5px 5px 5px 35px}
.ada-icon .input-group-left,.ada-icon .input-group-right{position:relative;display:flex;align-items:stretch;width:100%;flex-wrap:wrap}
.greeting{padding:15px;background-color:#ece5dd}
.greeting-chat p{margin-bottom:3px}
.order .greeting-chat{max-width:90%;padding:5px 10px;background-color:#dcf8c6;position:relative;font-size:15px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;line-height:1.4;margin-bottom:10px;color:darkslategrey;text-shadow:unset}
.order .greeting-chat:before{content:"";position:absolute;left:-10px;top:0;border-style:solid;border-width:0 10px 14px 0;border-color:transparent #e2fcc6 transparent transparent}
.woocommerce-page .netmodal input[type=text],.woocommerce-page .netmodal input[type=number]{background-color:#ffffff}
.send-info{margin-top:20px;justify-content:center;font-size:16px;line-height:1;margin-bottom:-10px}
.send-info.no{color:#ce0404}
.share .netmodal-content{position:relative;width:280px;top:50%;left:unset;transform:translateY(-50%);display:flex;flex-direction:column;margin:0 auto}
.share .netmodal-title{color:#fff;margin:0;text-align:center;line-height:1.8}
.share .netmodal-body{padding:20px 25px 35px}
.share-row,.share-buttons{width:100%;display:flex;flex-direction:column;row-gap:15px;flex-wrap:nowrap;align-items:center;margin:0}
.share-buttons li{display:flex;width:100%;list-style:none;background:#000}
.share-buttons li a{display:flex;width:100%;color:#fff;padding:10px 20px;cursor:pointer}
.share-buttons svg{width:26px;height:28px;margin-right:15px;fill:#fff}
.share-whatsapp{background-color:#29712c}
.share-facebook{background-color:#16417f}
.share-info{width:100%;text-align:center;line-height:1}
@keyframes fadeOut {from{opacity:1}to{opacity:0}}
@keyframes slideInUp {from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes slideInDown {from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes slideOutDown {from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}
@keyframes slideInUpBottom {from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes slideOutDownBottom {from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}
@keyframes slideInUpWide {from{transform:translate(50%, 100%);opacity:0}to{transform:translate(50%, -50%);opacity:1}}
@keyframes slideOutDownWide {from{transform:translate(50%, -50%);opacity:1}to{transform:translate(50%, 100%);opacity:0}}
@keyframes slideInUpBottomWide {from{transform:translate(50%, 100%);opacity:0}to{transform:translate(50%, 0);opacity:1}}
@keyframes slideOutDownBottomWide {from{transform:translate(50%, 0);opacity:1}to{transform:translate(50%, 100%);opacity:0}}
@media (min-width:768px) {
.netmodal-content{top:50%;right:50%;bottom:auto;transform:translate(50%, -50%);max-width:500px;border-radius:13px}
.netmodal.visible .netmodal-content{animation-name:slideInUpWide}
.netmodal.hidden .netmodal-content{animation-name:slideOutDownWide}
}
.ath-container {display:none;background-color:#bb4623de;color:#000;padding:7px;text-align:center;width:100%}
.ath-banner {display:flex}
.ath-banner-wrapper {width:100%}
.ath-banner-title {width:100%;text-align:center;font-size:14px;padding:5px 10px;color:#e1f7ab}
.ath-container p {margin:0}
.ath-banner-install {width:100%;margin:7px 0 10px}
.btn.btn-install {display:inline-flex;padding:7px 20px;color:#b50505;background-color:gold;line-height:1;text-transform:none}
.btn-install svg {display:inline-flex;margin-right:8px}
#appInstalled,.btn-install span {display:none}
@media (min-width: 600px) {
.ath-banner-wrapper{display:inline-flex;padding:7px}
.ath-banner-title{width:calc(100% - 130px);padding:3px 7px;text-align:left}
.ath-banner-install{width:120px;margin-left:10px}
}
@media (min-width: 800px) {
.ath-banner-logo{width:12%}
.ath-banner-wrapper{width:88%}
.ath-banner-title{width:calc(100% - 210px);padding:3px 12px;text-align:left;margin-right:10px}
.ath-banner-install{width:200px}
.btn.btn-install{padding:10px 12px;width:100%}
.btn-install span{display:inline-block;margin-left:5px}
}
@media only screen and (orientation: landscape) {
.ath-container{display:none!important}
}
@media (max-width: 359px) {
.ath-container{padding:12px}
.ath-banner{display:block}
.ath-banner-logo{width:100%}
.ath-banner-wrapper{width:100%}
.btn.btn-install{padding:8px 15px}
}