.banner.login{background:url(/img/opt/background-blurry-restaurant-shop-interior.jpg) top/cover;height:200px}.banner.login .banner-dark{background-color:#21212180;width:100%;height:100%;display:block}.banner.login h1{color:#fff;text-transform:uppercase;padding-top:85px;font-size:24px;font-weight:700;line-height:29px}.login .padding-left{padding-left:50px}.login h2{color:#212121;margin-top:0;margin-bottom:15px;font-size:24px;font-weight:700;line-height:30px}.login .more{color:#509be6;text-align:right;margin-right:20px;font-size:13px;font-weight:400}.login p{margin:0 20px 20px 0;line-height:20px}.login .form .form-control{background:#fff;border:1px solid #dbdbdb;border-radius:10px;margin-right:20px;font-size:13px;font-weight:400;height:40px!important;padding:12px 16px!important}.login .form .form-control:focus{box-shadow:none}.login .form .form-control:disabled{background:#efefef;border:1px solid #efefef}.login .form .form-select{border:1px solid #dbdbdb;border-radius:10px;margin-right:20px;font-size:13px;font-weight:400;height:40px!important;padding:8px 16px!important}.login .form .form-select:focus{box-shadow:none}.login .form .form-check-label{color:#686868;font-size:13px}.login .form .form-check-input:checked{border:none!important}.login .form .form-check-input:focus{box-shadow:0 3px 6px #dbdbdb;border-color:#686868!important}.login .form .btn-primary{text-align:center;color:#686868;text-transform:uppercase;background:#efefef;border:1px solid #efefef;border-radius:10px;width:180px;height:40px;margin-bottom:20px;margin-right:20px;padding:11px;font-size:13px;font-weight:700;box-shadow:0 3px 6px #dbdbdb}.login .form .btn-primary.white{background:#fff}.login .form .btn-primary:hover,.login .form .btn-primary:focus{background:#efefef}.login .form-floating .form-control:focus+label,.login .form-floating .form-control:not(:placeholder-shown)+label,.login .form-floating .form-select:focus+label,.login .form-floating .form-select:not(:placeholder-shown)+label{color:#dbdbdb;transform:translateY(-32px)}.login .form-floating>.form-control,.login .form-floating>.form-control-plaintext,.login .form-floating>.form-select{min-height:40px;padding:0}.login .form-floating>label{padding:22px .75rem;transform:translateY(-.75rem)}.login .form-floating>.form-control:disabled~label,.login .form-floating>:disabled~label{color:#dbdbdb}.login .form-floating>.form-control:disabled~label:after,.login .form-floating>:disabled~label:after{background-color:#fff;height:1.8em}.form-floating .form-control:focus+label,.form-floating .form-control:not(:placeholder-shown)+label,.form-floating .form-select:focus+label,.form-floating .form-select:not(:placeholder-shown)+label{color:#dbdbdb;transform:translateY(-32px)}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{min-height:40px;padding:0}.form-floating>label{padding:22px .75rem;transform:translateY(-.75rem)}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#dbdbdb}.form-floating>.form-control:disabled~label:after,.form-floating>:disabled~label:after{background-color:#fff;height:1.8em}.saveaddress-modal{color:#686868;--bs-btn-close-color:$light-grey;background:#fff;border:none;border-radius:10px;width:375px;max-width:100%;padding:20px;font-size:13px;line-height:20px;box-shadow:0 3px 6px #dbdbdb}.saveaddress-modal .form textarea.form-control{height:80px!important}.saveaddress-modal .modal-header{border:none;padding:0;display:block}.saveaddress-modal .modal-header .btn-close{float:right}.saveaddress-modal h1.modal-title{color:#212121;text-align:center;height:20px;font-size:16px;font-weight:700;line-height:20px;display:block}.saveaddress-modal .modal-body{padding:15px 0 0;line-height:20px}.saveaddress-modal .modal-body .text{margin:5px 0 20px}.saveaddress-modal .modal-body .title{color:#111;font-size:13px;font-weight:700}.saveaddress-modal .modal-body .form-check.form-switch{float:right}.saveaddress-modal .btn.save{color:#509be6;text-transform:uppercase;background:#fff;border:1px solid #509be6;border-radius:10px;padding:13px 0;font-size:13px;font-weight:700;display:block;box-shadow:0 3px 6px #dbdbdb}.saveaddress-modal .btn.btn-primary{display:block}.saveaddress-modal .addresses{margin-top:20px;margin-bottom:20px}.saveaddress-modal span.address{float:left;color:#686868;text-align:center;background-color:#fff;border:1px solid #fff;border-radius:10px;width:100px;height:100px;padding-top:70px;font-size:13px;display:block;box-shadow:0 3px 6px #dbdbdb}.saveaddress-modal span.address:hover,.saveaddress-modal span.address.active{border:1px solid #509be6}.saveaddress-modal span.address.home{background:url(/img/svg/address-home.png) 50% 17px/40px 40px no-repeat}.saveaddress-modal span.address.work{background:url(/img/svg/address-work.png) 50% 17px/40px 40px no-repeat}.saveaddress-modal span.address.other{background:url(/img/svg/address-other.png) 50% 17px/40px 40px no-repeat}@media screen and (max-width:991px){.banner.login{display:none}body{padding-bottom:0!important}.login hr{border:0;border-top:1px solid #dbdbdb;margin:20px 0 0;position:relative}.login .float-or{color:#dbdbdb;text-align:center;background:#fff;width:75px;height:20px;margin:0 auto;padding:0 20px;font-size:13px;font-weight:400;line-height:20px;display:block;position:relative;top:-10px}.login .form .btn-primary{color:#686868;text-transform:uppercase;background:#efefef;border:1px solid #efefef;border-radius:10px;width:100%;margin-bottom:20px;margin-right:20px;padding:12px 40px;font-size:13px;font-weight:700;box-shadow:0 3px 6px #00000024}.login .form .btn-primary:disabled{opacity:1}.login .form .btn-primary.white{margin-top:20px;margin-bottom:10px;color:#212121!important;background:#fff!important;border:1px solid #fff!important}.login .form .btn-primary.blue{color:#509be6!important;background:#fff!important;border:1px solid #509be6!important}.login .form .btn-primary:hover.blue{border:1px solid #509be6!important}.login .padding-left{padding-left:20px;padding-right:0}.login .padding-left .form .text-end{margin:0;padding:0;text-align:center!important}.login .padding-left .form .text-end .btn.btn-primary{bottom:calc(env(safe-area-inset-bottom,0));width:calc(100% - 40px);margin:0 20px 20px;position:fixed;left:0}.div-or{display:none}}
