*{-webkit-font-smoothing:antialiased;box-sizing:border-box;margin:0;padding:0}body,html{-webkit-text-size-adjust:100%;background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;height:100%;width:100%}.flex{display:flex}.direction{flex-direction:column}.wrap{flex-wrap:wrap}.center{justify-content:center}.vertical{align-items:center}.space{justify-content:space-between}.f1{flex:1}.pt15{padding-top:15px}.pt10{padding-top:10px}.pl15{padding-left:15px}.pl10{padding-left:10px}.auth{padding:20px}.logo{text-align:center}.logo img{height:60px;width:auto}.logo h2{padding-top:20px}.centered{margin:0 auto;padding:100px 0;text-align:center;width:300px}.centered b{display:inline-block;padding-top:15px}.centered .refresh{background:#8267d0;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;margin-top:50px;padding:12px}.tabs{background:#f0f0f0;border-radius:15px;display:flex;padding:5px}.tabs div{flex:1;font-weight:700;padding:10px;text-align:center}.tabs div.active{background:#fff;border-radius:30px;color:#8267d0}.list{padding-top:15px}.list .item{border-radius:15px;margin-bottom:8px;padding:15px}.list .item.Booking{background:#e2f5ff;color:#3a7a9c}.list .item.Delivery{background:#e3f3e5;color:#5e9766}.list .item.Collection{background:#f3f4ff;color:#787db4}.list .item.Declined{background:#feeeee;color:#a85c5c}.information{background:#e8f3ff;border-radius:10px;color:#5585ba;display:block;margin-bottom:20px;padding:10px}.information.warning{background:#fcc;color:#994d4d}.invalid{opacity:.2;pointer-events:none}.notavailable{opacity:.5;pointer-events:none}.form .box{border-bottom:1px solid #dfdfdf;padding:15px 0}.form .box .description{padding-right:60px}.form .box .description span{display:block;font-weight:600}.form .box .description p{color:#8f8f8f;font-size:12px;padding-top:5px}form.auth .box{margin-bottom:25px}form.auth .box label{display:block;font-weight:600;padding-bottom:8px}form.auth .box input{background:#fff;border:2px solid #e7e7e7;border-radius:10px;display:block;font-size:16px;height:48px;padding:0 15px;width:100%}form.auth .box button{background:#8267d0;border:none;border-radius:20px;color:#fff;font-weight:700;height:48px;width:100%}.toggle{display:inline-block;height:22px;position:relative;width:40px}.toggle input{height:0;opacity:0;width:0}.toggle .switch{background:#dfdfdf;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.toggle .switch:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:18px;left:2px;position:absolute;transition:.2s;width:18px}.toggle input:checked+.switch{background:#46b16f}.toggle input:checked+.switch:before{transform:translateX(18px)}.whatever-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.whatever-overlay.listener{background-color:#fff;z-index:2000}.whatever-container{background:#fff;display:flex;flex-direction:column;height:100%;width:100%}.whatever-content{flex:1;overflow-y:auto;padding:20px}.whatever-footer{background:#f0f0f0;border-top:1px solid #ccc;display:flex;padding:20px 25px 70px}.whatever-footer.nav{justify-content:space-around}.whatever-footer.nav a{color:#000;font-weight:700;text-decoration:none}.whatever-footer.nav a.router-link-active{color:#8267d0}.whatever-footer.options .btn{background:#e4e4e7;border-radius:30px;flex:1;font-weight:600;height:50px;line-height:50px;text-align:center}.whatever-footer.options .btn.Accepted{background:#439743;color:#fff}.whatever-footer.options .btn.Declined{background:#ab5d5d;color:#ffc7c7}.whatever-footer.options .btn.Completed{background:#75b0cf;color:#f1faff}.listener .head{border-bottom:1px solid #e4e4e7;font-size:16px;font-weight:700;padding-bottom:15px}.listener .close{background:#e4e4e4;border-radius:50%;height:30px;line-height:30px;text-align:center;width:30px}.listener .method{border-bottom:1px solid #e4e4e7;padding:15px 0}.listener .bg{background:#f6f6f6;border-radius:10px;font-weight:700;margin-bottom:5px;padding:10px}.listener .readyin .opt{font-weight:700;padding:10px 30px}.listener .readyin .opt.reduce{background:#ffbcbc;border-radius:10px 0 0 10px}.listener .readyin .opt.add{background:#a5e6ad;border-radius:0 10px 10px 0}.listener .qty{border:1px solid #e4e4e7;font-size:12px;font-weight:700;height:22px;line-height:22px;text-align:center;width:22px}.spinner{animation:rotate .8s linear infinite;height:20px;width:20px}.spinner .path{stroke:#000;stroke-width:5;fill:none}@keyframes rotate{to{transform:rotate(1turn)}}