/* body{font-family: 'Open Sans',sans-serif;background: #f5f6f8;color:#343a40!important;} */ /* :root { --bg-primario: #f3f4f6; } */ /* :root { --bg-primario: #f5f5f5;} */ /* :root { --bg-primario: #fff;} */ /* * { outline: 1px solid red; } */ :root { --bg-primario: #f8f9fa;} ::-webkit-scrollbar{-webkit-appearance:none} ::-webkit-scrollbar:vertical{width:12px} ::-webkit-scrollbar:horizontal{height:8px} ::-webkit-scrollbar-thumb{background-color: var(--cor-primaria);border-radius:10px;border:2px solid #fff} ::-webkit-scrollbar-track{border-radius:10px;background-color:#fff} ::-webkit-scrollbar-thumb:hover{background-color: var(--cor-primaria);z-index:99999999!important} ::-webkit-input-placeholder{color:#888!important;font-size:12px!important} ::placeholder{color:#888!important;font-size:12px!important;font-weight: 300;} :-ms-input-placeholder{color:#888!important;font-size:12px!important} html,body {height: 100%;background: var(--bg-primario);} /* body{font-family: 'Inter', sans-serif;background: #ffffff;color: #111827;} */ /* body{font-family: 'Work Sans', sans-serif;background: var(--bg-primario);color: #111827;letter-spacing: -0.5px;} */ body{font-family: "Manrope", sans-serif;background: var(--bg-primario);color: #111827; font-weight: 500;} .animated.fadeIn{-webkit-animation-duration: .5s; animation-duration: .5s;} a:hover{text-decoration:none} a:focus, a:hover{color:inherit !important;text-decoration:none !important} .pointer-cursor{cursor: pointer;} .status-store{background:#fff;border-radius:60px;padding:0 2px;width:80px;text-align:center} .status-store .badge{padding:0;width:6px;height:6px;font-size:100%;position:relative;top:2px} .status-store.open{color:#28a745} .status-store.open:hover{background:#bdffce!important} .status-store.closed{color:#ff4242} .status-store.closed:hover{background:#ffbdbd} #header-restaurante .icon-address,#header-restaurante .icon-clock{color:var(--card-loja-cor)!important;vertical-align:sub;font-weight:500} /* #header-restaurante .card-header-restaurante{padding: 22px 5px 22px 5px;margin: 0px;} */ #header-restaurante .card-header-restaurante{background: var(--card-loja-bg);color:var(--card-loja-cor)!important;background-size: cover;background-position: center;background-attachment: fixed;/* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); */} #header-restaurante .header-icone{width:30px;float:left;margin-top:6px;font-size:18px;text-align:center} .logo-restaurante{width:120px;border-radius:10%} .nome-restaurante{color:var(--card-loja-cor);font-size:40px;} /* #header-restaurante a:hover,#header-restaurante a:hover .fw-500{color:inherit!important;font-weight:600!important} */ #header-restaurante .status-store.open{animation:shadow-pulse 1s infinite;} @keyframes shadow-pulse-bell { 0%{box-shadow:0 0 0 0 #f0592a} 100%{box-shadow:0 0 0 10px rgba(0,0,0,0)} } @keyframes shadow-pulse { 0%{box-shadow:0 0 0 0 #2b8502} 100%{box-shadow:0 0 0 10px rgba(0,0,0,0)} } /* #cardapio-header .col-12:first-child{background:#e2e2e2;padding: 4px 6px;} */ /* #cardapio-header{z-index:1040;position:sticky;top:75px} */ #cardapio-escolha-header .icon-cancel:hover{background-color:#ffbdbd;border-radius:20px;padding:0 3px} #container-cardapio-categorias{/* min-height:200px; */min-height: calc(80vh - 150px);background: var(--bg-primario);} /* #cardapio-header ul.list-inline{display: flex;overflow-x: scroll;overflow-y: hidden;padding-bottom: 10px;margin-bottom: 0;} #cardapio-header ul li.list-inline-item{font-size: 16px;padding-bottom: 8px;padding: 5px 8px;white-space: pre;letter-spacing: -0.2px;} #cardapio-header ul li.list-inline-item:not(.active){color: #000000;opacity: .8;font-weight: 400;} #cardapio-header ul li.list-inline-item.active{color: #000; font-weight: 600 !important;} */ .lista-filtrar-categorias::-webkit-scrollbar {width: 0px !important;height:0px !important;} .lista-filtrar-categorias{display: flex;/* overflow-x: hidden; */overflow-y: hidden;padding-bottom: 5px;margin-bottom: 0;} .lista-filtrar-categorias li.list-inline-item{font-size: 14px;padding: 0px 0px;white-space: pre;/* border: #c1c1c1 solid 1px; *//* border-radius: 6px; */background: inherit;color: #000;} .lista-filtrar-categorias li.list-inline-item:last-of-type{margin-right: 20px;} .lista-filtrar-categorias li.list-inline-item:not(.active){color: #0c0c0c;opacity: .8;font-weight: 600;} .lista-filtrar-categorias li.list-inline-item.active{color: #fff;font-weight: 600 !important;background: #2e2c2c;border-color: #000;} .lista-filtrar-categorias li.list-inline-item:hover{font-weight: 700; cursor: pointer;;} .nav-link.active{border-bottom: var(--cor-primaria) solid 2px;color: inherit;} /* CARDÁPIO *//* CARDÁPIO *//* CARDÁPIO *//* CARDÁPIO *//* CARDÁPIO */ /* CARDÁPIO *//* CARDÁPIO *//* CARDÁPIO *//* CARDÁPIO *//* CARDÁPIO */ /* .item-titulo,.item-descricao{max-width:560px;width: 65%;float:left;} */ #container-cardapio-categorias h3{font-size: 22px;font-weight: 900;/* margin-left: 12px; */color: #343232;} #container-cardapio-categorias h3:first-of-type{margin-top: 5px;} /* #container-cardapio-categorias h3{margin-top: 30px;} */ .cardapio-box-item .item-titulo{font-size:16px;/* color:var(--cor-primaria); */color: #141414;font-weight: 700;line-height:1.25;font-size: 16px;margin-bottom: 4px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .container-preco{/* position: absolute; */bottom: 0;line-height: 1.2;} .cardapio-box-item .item-preco{color: #272727;font-weight: 600;font-size: 14px;} .cardapio-box-item img{border-radius: 4px;width: 94px !important;height: 94px !important;float: right;} .cardapio-box-item a{border: #ededed solid 1px;border-radius: 6px;padding:0;margin: 0;width:100%;background: #fff;} .cardapio-box-item .item-descricao{overflow: hidden;white-space: pre-line;word-break: break-word;word-wrap: break-word;line-height: 1.5;font-size: 13px;color: #6b7280;font-weight: 500;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .cardapio-box-item img{/* width: 100%; */} .item-preco-antigo-percentual{font-size: 10px;background: #15b365;border-radius: 4px;color: #fff;padding: 0px 3px;float: left;line-height: 16px;margin-top: 2px;} /* .containerCardapioCategoria .cardapio-box-item:not(:last-of-type) .col-8{border-bottom: #f1f1f1 solid 1px;} .containerCardapioCategoria .cardapio-box-item:not(:last-of-type) .col-4{border-bottom: #f1f1f1 solid 1px;} .containerCardapioCategoria .cardapio-box-item:not(:last-of-type) .col-12{border-bottom: #f1f1f1 solid 1px;} */ .containerCardapioCategoria .cardapio-box-item:not(:last-of-type) .w-100.row{border-bottom: #f1f1f1 solid 1px;} /* Desktop Menu Itens */ @media (min-width: 768px){ /* #header .row{} */ #container-cardapio-categorias h3{margin-left: 0;} .cardapio-box-item-descricao{height: 116px;} .cardapio-box-item a{border-radius: 6px;padding: 10px;border: #f1f1f1 solid 1px;} .cardapio-box-item .item-preco{/* width: 100%; */float: left;} .cardapio-box-item .item-titulo{/* max-height: 34px; *//* min-height: 40px; */overflow: hidden;} .cardapio-box-item .item-descricao{margin-bottom: 5px;line-height: 1.35;/* height: 48px; */} .item-preco-antigo{float: left;position: relative;left: 0;font-size: 13px;line-height: 16px;text-decoration: line-through;text-decoration-color: #9a9a9a;color: #444444;} .loading{border-radius: 0 0 6px 6px;} #cardapio-header ul.list-inline{overflow-y: hidden !important;} #cardapio-header ul li.list-inline-item:not(.active):hover{color: #000 !important; cursor: pointer; opacity: 1;} #carrinho button:hover, #carrinho .btn:hover{background-color: inherit !important; color: inherit !important; border: transparent solid 1px !important;} .container-sabores-escolhidos{background: #fff !important;} .input-group-quantidade-footer{max-width: 130px;height: 69px !important;} #accordionCombo{padding-bottom: 150px !important;} .item-seleciona-imagem{max-height: 250px !important;border-radius: 6px;} #row-categorias-filtrar{overflow-x: auto;} .lista-filtrar-categorias{overflow: visible !important;} /* #row-categorias-filtrar ::-webkit-scrollbar{-webkit-appearance:none} #row-categorias-filtrar ::-webkit-scrollbar:vertical{width:12px} #row-categorias-filtrar ::-webkit-scrollbar:horizontal{height:8px} #row-categorias-filtrar ::-webkit-scrollbar-thumb{background-color: var(--cor-primaria) !important;border-radius:10px;border:2px solid #fff} #row-categorias-filtrar ::-webkit-scrollbar-track{border-radius:10px;background-color:#fff} #row-categorias-filtrar ::-webkit-scrollbar-thumb:hover{background-color: var(--cor-primaria) !important;z-index:99999999!important} #row-categorias-filtrar::-webkit-scrollbar{-webkit-appearance:none} #row-categorias-filtrar::-webkit-scrollbar:vertical{width:12px !important} #row-categorias-filtrar::-webkit-scrollbar:horizontal{height:8px !important} #row-categorias-filtrar::-webkit-scrollbar-thumb{background-color: var(--cor-primaria) !important;border-radius:10px;border:2px solid #fff} #row-categorias-filtrar::-webkit-scrollbar-track{border-radius:10px;background-color:#fff} #row-categorias-filtrar::-webkit-scrollbar-thumb:hover{background-color: var(--cor-primaria) !important;z-index:99999999!important} */ } /* .input-group-quantidade-footer{height: 38px;} .input-group-quantidade-footer input{background:#fff;margin:0;color:#4e4e4e;font-weight:600;box-shadow:none;border: #cccccc solid 1px !important;background: #f7f7f7 !important;height: 100%;min-height: 100%;} .input-group-quantidade-footer .btn-minus{border:#ccc solid 1px;padding:0 2px;background: #f7f7f7;width: 30px;border-right: 0;} .input-group-quantidade-footer .btn-plus{border:#ccc solid 1px;padding:0 2px;background: #f7f7f7;width: 30px;border-left: 0} */ .input-group-quantidade-footer{height: 46px;} .input-group-quantidade-footer input{margin:0;color:#4e4e4e;font-weight: 700;box-shadow:none;border: 0;background: #ffffff !important;height: 100%;min-height: 100%;border: #e9e9e9 solid 1px;} .input-group-quantidade-footer .btn-minus{border: 0;padding: 0;border-radius: 8px 0 0 8px !important;background: #ffffff;font-size: 22px !important;color: #101010 !important;text-align: center;line-height: 1 !important;margin: 0 auto;border: #e9e9e9 solid 1px;border-right: 0;} .input-group-quantidade-footer .btn-plus{border-radius: 0 8px 8px 0 !important;background: #fff;font-size: 22px !important;color: #017e01;text-align: center;line-height: 1 !important;margin: 0 auto;border: #e9e9e9 solid 1px;border-left: 0;color: inherit !important;} footer{position:absolute;left:0;right:0;height: 140px;width:320px;margin-top:80px;} footer,footer a{background:#333;color:#909090} footer .logo-sistema{width:100px;filter: grayscale(60%);} footer hr{border:0;margin:5px 0;border-bottom:rgba(255,255,255,0.1) 1px solid;border-top:rgba(0,0,0,0.4) 1px solid;height:1px;background-image:-webkit-linear-gradient(left,transparent,rgba(0,0,0,0.2),transparent);box-sizing:content-box;display:block;width:100%} #formClienteLogin .input-group-text{background-color:inherit;border:0;line-height:0} #formClienteLogin ion-icon[name="checkmark-circle-outline"]{vertical-align:bottom!important} #mUsuarioCadastro #cadastroTelefone{float:left;border-radius:0 4px 4px 0} #mUsuarioCadastro #cadastroDDD{border-radius:4px 0 0 4px;float:left} #cadastroDDD{border-radius:4px 0 0 4px} #cadastroDDD:focus{border-right:var(--cor-primaria) solid 2px !important;} #cadastroTelefone{border-radius:0 4px 4px 0} .item-seleciona-imagem{/* width: 380px; */height: auto;/* border-radius: 8px; *//* border: #c7c5c5 solid 0px; *//* margin-left: 15px; */} #filtrar-input{border: 0;padding:5px!important;color: #6c6868;font-weight: 500;font-size:16px;border-radius:8px;text-align:center;/* margin:5px 0; */background:#fff!important;} #filtrar-input:focus{border:#a9a9a9 solid 1px} #cardapio-escolha-header{background: #ffffff;color:#212121;border-radius:0;border-top: var(--cor-primaria) solid 2px;/* border-bottom: #f3f3f3 solid 1px; */width: 100%;} /* #cardapio-escolha-header.header-combo{padding: ;} */ /* #cardapio-escolha-footer .btn-voltar-cardapio{background:#f5f5f5;border:0;color:#424141;position:relative;left: 3px;width: 50px;display: flex;align-items: center;} */ #cardapio-escolha-footer .btn-voltar-cardapio ion-icon{font-size: 28px !important;display: flex;align-items: center;} /* #cardapio-escolha-footer .btn-avancar{padding:5px;color:#fff;width:95%;line-height:1;box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);} */ #cardapio-escolha-footer img{width:22px;height:22px} .cardapio-titulo-secao{background:#efefef;font-size:16px;font-weight:700;text-align:center;border-width:1px 0;border-style:dashed;border-color:#e0e0e0} #containerPizzaSabores{padding-bottom:150px} #containerPizzaSabor .input-group-text{background: #f6f6f6;} /* .formularioSteps{margin:0;overflow:hidden;counter-reset:step;padding:0} .formularioSteps li{list-style-type:none;text-transform:uppercase;font-size:12px;width:33.33%;font-weight:700;float:left;position:relative;text-align:center} .formularioSteps li:before{content:counter(step);counter-increment:step;width:20px;line-height:18px;display:block;font-size:12px;color:#333;background:#fff;border-radius:8px;margin:0 auto 5px;border:#e04f0a dashed 1px;text-align:center;font-weight:700} .formularioSteps li:after{content:'';width:100%;height:1px;background:#d6d6d6;position:absolute;left:-50%;top:9px;z-index:-1} .formularioSteps li:first-child:after{content:none} .formularioSteps li.active:before,.formularioSteps li.active:after{background:var(--cor-primaria);color:#fff} .formularioSteps.stepsCinza li:after{height:1px;border:#fff dashed 1px} */ #carrinho .header-icon{padding:5px 10px;font-size:20px;font-weight:600;background: #e3e3e3;color: #252525;border-radius:6px 6px 0 0;} #carrinho .header-icon .icon-basket{font-weight:500} #carrinho .header{background: #f9f9f9;height: 32px;padding:0;line-height: 2.5;border: #ececec solid 1px;color: #838383;} #carrinho .body{border: #ececec solid 1px;border-top:none;border-bottom:none;background: #fff;} #carrinho .footer-tele{border: #ececec solid 1px;border-top:0;background: #fff;} #carrinho .footer-total{border-radius:0 0 6px 6px;border: #ececec solid 1px;border-top:none;padding:15px 10px;background: white;} #carrinho .btn-excluir{position:relative;right:2px;cursor:pointer;top:2px} #carrinho .btn-excluir:hover{transform:scale(1.5);transition:all .1s} #carrinho{position:sticky;position:-webkit-sticky;top:120px;} #header-icone-carrinho{background:url(../img/shopping-cart.png);height:40px} #carrinho .row-empty{border-bottom: #ececec solid 1px;} #carrinho .row-empty p{color:#a7a7a7!important} #carrinho ion-icon[name='calendar']{font-size:18px!important;vertical-align: top;} #carrinho ion-icon[name='ticket-outline']{font-size:18px!important;vertical-align: top;} #carrinho ion-icon[name='cart-outline']{font-size:42px;margin-right:5px} #carrinho .header-icon ion-icon[name='cart-outline']{font-size:24px!important;margin-top:2px} #carrinho .item-name{white-space: pre-line;font-size: 1rem;} #carrinho .item-description{white-space: pre-wrap;color: #898484; padding-left: 3px; font-weight: 400;} #carrinho .item-observations{white-space: pre-wrap;color: #898484; padding-left: 3px; font-weight: 400;} .Toastify__toast-container{z-index:12000!important} .btn.disabled,.btn:disabled{opacity:1!important} .btn.bg-primario:active{background:var(--cor-primaria)!important} .btn.bg-primario:hover{background:var(--cor-primaria)!important} .btn-primario{background:var(--cor-primaria)!important} .checkout-icones-status.icon-check{background:#0d9c2d!important;color:#c5fdd2} .checkout-icones-status.icon-thumbs-down{background:#f30303!important;color:#fff} .checkout-icones-status.fa-motorcycle{background:#1fbb9e!important;color:#fff} .checkout-icones-status{width:60px;height:60px;margin:0 auto;border-radius:50%;line-height:2;font-size:30px} /* #formCheckout .custom-control-label{line-height:1.8;width:100%;text-align:left} */ #accordionCheckoutEnderecos .card-header{padding:5px 5px 0;border-bottom: #d3d3d3 solid 1px;margin-bottom: 0;min-height: 50px;border-radius: inherit;background: white;} #accordionCheckoutEnderecos .custom-control-label::before,#accordionCheckoutEnderecos .custom-control-label::after{top: -1px;} #accordionCheckoutEnderecos .card{border-radius: 6px;border-bottom:0;margin-top: 8px;} #obsCheckout{height:50px;padding:6px 12px} .line-1,.line-2,.line-3{position:absolute;top: 14%;left:230px;} .line-4,.line-5,.line-6{position:absolute;top: 14%;right:230px;} .line-1{animation:line-1 2.5s ease-out infinite both} .line-2{animation:line-2 2.5s ease-out infinite both} .line-3{animation:line-3 2.5s ease-out infinite both} .line-4{animation:line-4 2.5s ease-out infinite both} .line-5{animation:line-5 2.5s ease-out infinite both} .line-6{animation:line-6 2.5s ease-out infinite both} @keyframes line-1 { 0%{transform:translate3d(0,0,0) scale(1);opacity:1} 50%,100%{transform:translate3d(60px,0,0) scale(2);opacity:0} } @keyframes line-2 { 0%,19%{opacity:0} 20%{transform:translate3d(0,0,0) scale(1);opacity:1} 70%,100%{transform:translate3d(60px,0,0) scale(2);opacity:0} } @keyframes line-3 { 0%,39%{opacity:0} 40%{transform:translate3d(0,0,0) scale(1);opacity:1} 90%,100%{transform:translate3d(60px,0,0) scale(2);opacity:0} } @keyframes line-4 { 0%{transform:translate3d(0,0,0) scale(1);opacity:1} 50%,100%{transform:translate3d(-60px,0,0) scale(2);opacity:0} } @keyframes line-5 { 0%,19%{opacity:0} 20%{transform:translate3d(0,0,0) scale(1);opacity:1} 70%,100%{transform:translate3d(-60px,0,0) scale(2);opacity:0} } @keyframes line-6 { 0%,39%{opacity:0} 40%{transform:translate3d(0,0,0) scale(1);opacity:1} 90%,100%{transform:translate3d(-60px,0,0) scale(2);opacity:0} } @keyframes shake { 0%,50%,100%{transform:rotate(0)} 5%,10%,15%,20%,25%,30%,35%,40%{transform:rotate(6deg)} 45%{transform:rotate(4deg)} 7.5%,12.5%,17.5%,22.5%,27.5%,32.5%,37.5%,42.5%{transform:rotate(-6deg)} 47.5%{transform:rotate(-2deg)} } #container-inicio h1{color: var(--card-loja-cor)!important;margin-top: 3px;} #container-inicio .card{max-width:240px;margin:0 auto;border-radius: 6px;display: flex;align-items: center;} #inicio-bg-empresa{height:135px;width:135px;background-size:cover} #container-inicio{background: var(--card-loja-bg); color: var(--card-loja-cor) !important; background-size: cover; background-position: center;} #container-inicio-icones .card-header{padding:5px 10px 5px 15px;border-radius: 6px 0 0 6px;border-right: 0;background: 0;} #container-inicio-icones .card-block{line-height:2;padding:.25rem .75rem;margin-left:5px;} .label-store-selected{background-color:var(--cor-primaria);border-radius:15px;color:#fff;margin:10px 0;line-height:1.3} .label-store-selected .icon-right-open-mini{position:absolute;right:24px;top:22px;font-size:24px;stroke:#fff} .alert.titulo{padding:7px 0;border:#eee solid 1px;border-radius: 0;background: #f2f2f2;font-weight:600;font-size: 14px;padding: 5px;} .alert.titulo.small{padding:3px 0; font-size: 12px;} .alert.titulo span[class^="icon-"],.alert.titulo .fa{font-size:18px;margin-right:6px;vertical-align:middle;line-height:1} .bg-card-premio-fidelidade{background-repeat:repeat-x;height:45px;background-size:contain} .bootbox-body{font-weight:500;text-align:center} .icone-sacola{width:20px;height:20px} #header{/* position:fixed; */margin:auto;top:0;right:0;left:0;width:100%;/* height:75px; */border-radius:0;background:var(--menu-topo-bg);/* background: #d4d4d4; */z-index:1040;} #header ul{list-style:none;width:inherit;height:inherit;display:flex;align-items:center;justify-content:center;width:100%;padding: 0;max-width:1140px;margin:0 auto;} #header ul li{display:flex;align-items:center;justify-content:center;margin:1px;height:68px;width:95%;/* background:var(--menu-topo-bg); *//* box-shadow:0 2px 0 rgba(0,0,0,0.5),0 0 3px #000; */} #header ul li:hover{cursor:pointer} #header ul li a{display:inline-block;color:var(--menu-topo-cor);text-decoration:none;font-size: 32px;transition:all .1s;width:100%;opacity:.9;line-height:1;} #header li .active{opacity:1;/* box-shadow:inset 0 0 7px 1px #000; *//* width:100%; *//* height:100%; *//* padding-top:2px; *//* border-top: var(--cor-primaria) solid 3px; */font-weight:800;/* color: var(--cor-primaria); */} #header .active div{font-weight: 700;} #header ul li a:not(.active){opacity: .85;justify-content: center;} #header ul li a.active{opacity: 1;color: var(--menu-topo-cor) !important;} #header ul li a:hover,#header ul li a:focus{color: var(--menu-topo-cor) !important;} #header ul li a:not(.active) ion-icon{width: 35%;margin: 0 auto;font-size: 24px;} #header ul li:nth-of-type(1),#header ul li:nth-of-type(1) a{border-top-left-radius: 0;border-bottom-left-radius: 0;} #header ul li:last-of-type,#header ul li:last-of-type a{border-top-right-radius: 0;border-bottom-right-radius: 0;} #header .descricao{font-size: 11px;font-weight: 500;/* letter-spacing: .4px; *//* text-transform:uppercase; */} #header [class^="icon-"]{font-size: 24px;font-weight:500!important;text-shadow:1px 1px 1px #000} #header ul li a.active ~ #slider{-webkit-transform:translateX(100%)!important;transform:translateX(100%)!important;} /* Quando o NavLink estiver ativo (classe 'active' é adicionada): */ #header a.active .icon-inactive { display: none; } #header a.active .icon-active { display: inline-block; /* ou 'block', dependendo do seu layout */ } #slider{position:relative;width:33.33333%;-webkit-transition:all .33s cubic-bezier(0.38,0.8,0.32,1.07);transition:all .33s cubic-bezier(0.38,0.8,0.32,1.07)} #slider .indicator{position:relative;width:50px;max-width:100%;margin:0 auto;height:4px;background:#428BFF;border-radius:1px} .header-demonstracao{background:#f56f11;margin-bottom:5px;border-radius:6px;color:#fff;font-weight:600;text-decoration:underline} .card.card-primario{padding:2px;box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 2px 0px, rgba(0, 0, 0, 0.15) 0px 2px 10px -2px;} .card.card-primario .card-header{text-align:center;padding:0 5px;font-weight:700;font-size:14px} .card.card-primario .card-header [class*=" icon-"]{vertical-align:middle;width:22px} [class*=" icon-"]{vertical-align:middle} .icon-18px{font-size:18px} .icon-22px{font-size:22px} .icon-40px{font-size:40px} #formCheckout .icon-large, .fixed-bottom-steps button .icon-large{font-size:20px!important;/* float: left; */} .card-android-download{color:#ddd;font-size:13px;text-align:center;padding:8px 6px 4px 0;background:#444} .card-android-download .img-responsive{height:45px;width:45px;background-size:contain;border-radius:10px;margin-right:6px} .card-android-download .md{height:22px!important;position:relative;top:-3px} .card-android-download .btn-store{border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.5);background-color:#f0592a;height:40px;color:#fff;margin-left:10px;display:flex;float:right} .lista-redes li{padding:0;margin: 5px;border-radius:6px!important;} .lista-redes li:hover{box-shadow:none!important} .lista-redes li a{height: 45px;width: 45px;display:block;} .lista-redes li .hydrated{height:100%;font-size: 24px;} .lista-redes li.facebook a:hover{background:#193777;color:#fff} .lista-redes li.instagram a:hover{background:#63064c;color:#fff} .lista-redes li.whatsapp a:hover{background:#034b21;color:#fff} .lista-redes li.telefone a:hover{background:#838383;color:#fff} .box-shadow-card{box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(255 255 255 / 14%), 0 1px 0px 0 rgb(255 255 255 / 12%);} .page-info ion-icon.large{font-size:20px} .page-info .table tr td{padding:5px;border-top:1px solid #f1f1f1} .page-info .table tr:nth-of-type(odd){background-color:#f9f9f9} .page-info .btn-sisfood{background:#f0592a;color:#fff;line-height:1.2} #obsProduto,#obsPizza,#obsBebida{padding:5px} #accordionContaEnderecos .btn-light{background:inherit;border:0;vertical-align:text-top} /* .input-group-quantidade{border-radius:4px;width: 95px;height: 34px;} .input-group-quantidade input{width: 30px;height: 30px;box-shadow:none;border: #e7e7e7 solid 1px !important;text-align:center;background-color: #fff !important;} .input-group-quantidade .btn-minus{border: #e7e7e7 solid 1px;border-right: 0;padding:5px;width: 30px;height: 30px;background: #fff;color: #000;} .input-group-quantidade .btn-plus{border: #e7e7e7 solid 1px;border-left: 0;padding:5px;width: 30px;height: 30px;background: #fff;color: #000;} */ .input-group-quantidade{max-width: 90px;float: right;display: flex;align-items: center;min-width: 75px;padding: 6px 2px;border-radius: 6px;} .input-group-quantidade input{width: 30px;height: 28px;box-shadow:none;padding: 0;border:0;text-align:center;background-color: #fff !important;} .input-group-quantidade .btn-minus{border: 0;padding: 5px;width: 30px;height: 30px;/* background: #f3f4f6; */border-radius: 50% !important;margin-left: 1px;color: #ff0101 !important;!i;!;line-height: 0;font-size: 24px;} .input-group-quantidade .btn-plus{border: none;padding:5px;width: 30px;height: 30px;/* background: #f3f4f6; */border-radius: 50% !important;margin-left: 1px;color: #007d00;font-size: 24px;} .input-group-quantidade .btn-plus ion-icon{position: relative;top: -4px;left: -2px;} /* .adicional-qtd{position: relative;top: -2px;} */ .adicional-qtd:hover{cursor: pointer; background: #ccc;background: #f1f1f1 !important; border-radius: 6px !important;} .adicional-qtd:not([value="0"]){color: #000 !important;font-weight: 800;font-size: 18px;} /* .input-group-quantidade-show .btn-minus{background-color: #bd0010; color: #fff;} .input-group-quantidade-show .btn-plus{background-color: #007d00; color: #fff;} */ /* .btn-outline-secondary.btn-minus{display: none;} .input-group-quantidade .btn-minus > .adicional-qtd:not([value="0"]){display: block !important;} .input-group-quantidade .btn-minus ~ .adicional-qtd:not([value="0"]){display: block !important;} .input-group-quantidade .adicional-qtd:not([value="0"]) > .btn-minus{display: block !important;} .input-group-quantidade {display: block !important;} .btn-minus:has(+.adicional-qtd:not([value="0"])) { display: inherit !important; } */ /* .adicional-qtd:hover{cursor:not-allowed} */ .highlight{background-color:#f0f058!important} #paymentForm{/* border:#d2d2d2 solid 2px; */padding:10px;border-radius:16px;/* background:#f7f7f7; */} .lista-bairros-selected li{border-top:1px solid #eaeaea!important} .lista-bairros-selected li:first-of-type{border-top:none!important} .lista-bairros-selected li:hover{background-color:#efefef;cursor:pointer} .line-through{text-decoration: line-through;} .border-bottom-dashed { border-bottom: 1px dashed #e2e2e2!important; } /* FORM STEPS */ .ui-step{padding:0 40px;margin:0 auto;font-size:14px;list-style:none;zoom:1;position:relative;color:#b7b7b7;overflow:hidden} .ui-step .ui-step-active{color:#f40} .ui-step-3 li{width:50%} .ui-step li{float:left;height:54px;margin:0;width:50%;position:relative} .ui-step li .ui-step-line{height: 1px;background: #e4e4e4;display:block;margin-top:14px;line-height:1;overflow:hidden;} .ui-step li .ui-step-icon{height:50px;position:absolute;top:0;width:150px;text-align:center;left:-25px;font-family:tahoma} .ui-step .ui-step-active .iconfont{/* background: #f40 !important; */width:30px;/* height:30px; */border-radius:50%;border-color: #d6d6d6;} .ui-step-icon .iconfont{font-size:30px;margin:0;line-height:30px;background:#fff;padding:0 10px;position:absolute;top:0;left:0;/* text-shadow:1px 1px 2px #fff,0 0 0 #ccc,1px 1px 2px #fff */} .ui-step .ui-step-active .ui-step-number{color:#1d1c1c;background: #f1f1f1;border-radius: 50%;} .ui-step-icon .ui-step-number{line-height: 10px;font-style:normal;position:absolute;top: 1px;left:10px;font-weight:700;color: #212121;font-size: 13px;background: #fff;padding: 6px 8px;border-radius: 50%;border: #e6e6e6 solid 1px;} .ui-step-active .ui-step-text{color: #6d6d6d !important;} .ui-step-icon .ui-step-text{height:20px;line-height:20px;position:relative;text-shadow:0 1px 0 #fff;top: 25px;left:-50px;color: #313131;font-size: 12px;} .ui-step-3 li{width:50%} .ui-step:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden} .ui-step li.ui-step-end{position:absolute;top:0;right:-110px;width:150px;zoom:1;_clear:both} .ui-step li.ui-step-end .ui-step-line{display:none} .ui-step-end .ui-step-number{left: 24px;} .ui-step-end .ui-step-text{ left: -40px; } .card-loja-selecionar{box-shadow:#d6d6d6 0 -1px 0 0px,#e0e0e0 0 3px 6px 0;border-color:#e4e4e4!important} .badge-muted{background-color:#f1f1f1;border:#e6e6e6 solid 1px;color:#ccc;display:inline-block;border-radius:16px} .badge-lojas-status-aberta{color:#13b300;background:#ecffe4;border:#93f588 solid 1px;vertical-align:middle} .badge-lojas-status-fechada{color:#d6575f;background:#ffeaea;border:#ffd5d5 solid 1px;/* vertical-align:middle; */line-height: 1;} #radioTipoEntrega_entregar:disabled + label[for='radioTipoEntrega_entregar']{text-decoration:line-through!important} #radioTipoEntrega_buscar:disabled + label[for='radioTipoEntrega_buscar']{text-decoration:line-through!important} #btnResgate{border:0;border-bottom:var(--cor-primaria) solid 1px;border-radius:0;color:var(--cor-primaria)} #imgPixQr{max-width:100%} #qrCodePix{width:150px} #checkoutFormularioSteps .ui-step-active:last-child .ui-step-text{font-weight:700!important} .label-border{border:#e0e0e0 solid 1px;padding:8px;border-radius:4px;width:100%} .label-border::before{display:none} input[type='radio']:checked + .label-border{border:#969696 solid 1px;color:#060606;font-weight:600;box-shadow:none} input[type='radio']:checked + .label-border::before{display:none} .input-radio-underline label::before{display:none} .input-radio-underline input[type='radio']:checked + label{text-decoration-line:none;border-bottom:#000 solid 2px;transition:border-bottom .1s ease-out;color:#000} .label-box-shadow{box-shadow:0 1px 2px 0 #e0e0e0} .img-forma-pagamento{width:32px;float:left;margin-top:5px} .icone-forma-pagamento{float:left;width:40px;height:22px} .container-pagamento-aplicativo{min-height:60px} .pagamento-pill-novo{top:0;right:0;position:absolute;background:#f56400;padding:6px 8px;border-radius:0 0 0 12px;color:#fff;font-size:10px;line-height:1;font-weight:500;letter-spacing:.5px} /* body.checkout-pix,body.checkout-pix #app-container,body.checkout-pix #container-main{background:#f5f5f5!important} */ /* body.checkout-pix #header{display:none} */ .fixed-bottom-finalizar,#cardapio-escolha-footer{background:#f7f7f7;border-top: #ebebeb solid 1px;} .fixed-bottom-finalizar .btn{/* background:#d6d6d6; *//* border:#ccc solid 1px; */color: var(--cor-primaria);font-weight: 700;} .fixed-bottom-finalizar ion-icon[name='checkmark-done']{width:25px;margin-right:5px} .fixed-bottom-checkout,.fixed-bottom-steps{background: #efefef;border-top: #e7e7e7 solid 1px;} .fixed-bottom-checkout ion-icon{width:22px;margin-right:5px;position:relative;top:-2px} .fixed-bottom-checkout .btn-voltar,.fixed-bottom-steps .btn-voltar{background:#d6d6d6;border:#ccc solid 1px;border-radius:4px;} .fixed-bottom-checkout .btn-voltar:hover,.fixed-bottom-checkout .btn-voltar:focus{color: #000 !important;} .fixed-bottom-checkout .btn-avancar{background: var(--cor-primaria);/* border:#ad1111 solid 1px */} .Toastify__toast--warning{background-color: #bb0b0b!important;border-radius:4px;box-shadow:#000 0 3px 8px;color: #efefef;} .Toastify__progress-bar{height:2px!important} .Toastify__toast--warning .Toastify__progress-bar{background-color: #f5f5f5!important;} .Toastify__toast--warning .Toastify__close-button{color:#75610f} .fixed-bottom-steps ion-icon{width:22px;margin-right:5px;position:relative;top:-2px} .label-pizza-selecionada{background-color: #f1f1f1;border: #e3e3e3 solid 1px;border-radius: 8px;/* padding:4px 0 0 10px; *//* display:inline-flex; */font-size: 12px;font-weight: 500;/* margin-left:2px; */line-height: 1.15;/* cursor: pointer; */padding: 5px;margin: 3px;display: inline-block;} .label-pizza-selecionada ion-icon{font-size:18px;margin-left:4px;position:relative;top:-2px} .container-sabores-pizza{z-index:1040;position:sticky} .container-sabores-escolhidos{top:0;background:#f7f7f7;z-index:9999} /* .card-cupom-desconto{background:#e8e8e8} */ .card-cupom-desconto ion-icon{float:left;background:#fff;border-radius:20px;padding:0 5px;border:#e2e2e2 solid 1px} .card-cupom-desconto ion-icon[name='ticket-outline']{width:22px;margin-top:4px} .rbt-menu.dropdown-menu a.dropdown-item{padding:8px 5px;font-size:13px} .rbt-input-main{font-size:13px;border: 0;border-bottom: 1px solid #ced4da;} .rbt-menu{padding-top:0} .row-adicional{height: 50px;} #headerGeral { background: var(--menu-topo-bg); color: var(--menu-topo-cor); } #headerGeral .logo-restaurante{width: 45px; height: 45px;} /* Steps tracking pedido */ .steps-pedido-track{position:relative;background-color:#ddd;height:7px;display:flex;margin-bottom: 50px;margin-top: 25px;} .steps-pedido-track .step{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:25%;margin-top:-18px;text-align:center;position:relative} .steps-pedido-track .step.active:before{background: var(--cor-primaria);} .steps-pedido-track .step::before{height:7px;position:absolute;content:"";width:100%;left:0;top:18px} .steps-pedido-track .step.active .icon{background: var(--cor-primaria);color:#fff} .steps-pedido-track .icon{display:inline-block;width:40px;height:40px;line-height: 49px;position:relative;border-radius:100%;background:#ddd;} .steps-pedido-track .step.active .text{font-weight: 500;color:#000;font-size: 14px;} .steps-pedido-track .text{display:block;margin-top: 0;font-size: 13px;} .card-horizontal { display: flex; flex: 1 1 auto; align-items: center; } .img-square-wrapper{ /* display: inline-block; */ /* font-size: 35px; */ vertical-align: middle; padding: 0px 8px; } .img-square-wrapper ion-icon{ font-size: 30px; vertical-align: inherit;} .loading { /* position: fixed; */ /* top: 0; */ /* left: 0; */ width: 100%; height: 100%; background: #444; /* z-index: 9999; */ } .loading-text { /* position: absolute; */ /* top: 0; */ /* bottom: 0; */ /* left: 0; */ /* right: 0; */ /* margin: auto; */ text-align: center; width: 100%; height: 100px; line-height: 100px; font-size: 28px; } .loading-text span { display: inline-block; margin: 0 5px; color: #fff; } .loading-text span:nth-child(1) { filter: blur(0px); animation: blur-text 2.5s 0s infinite linear alternate; } .loading-text span:nth-child(2) { filter: blur(0px); animation: blur-text 2.5s 0.2s infinite linear alternate; } .loading-text span:nth-child(3) { filter: blur(0px); animation: blur-text 2.5s 0.4s infinite linear alternate; } .loading-text span:nth-child(4) { filter: blur(0px); animation: blur-text 2.5s 0.6s infinite linear alternate; } .loading-text span:nth-child(5) { filter: blur(0px); animation: blur-text 2.5s 0.8s infinite linear alternate; } .loading-text span:nth-child(6) { filter: blur(0px); animation: blur-text 2.5s 1s infinite linear alternate; } .loading-text span:nth-child(7) { filter: blur(0px); animation: blur-text 2.5s 1.2s infinite linear alternate; } @keyframes blur-text { 0% { filter: blur(0px); } 100% { filter: blur(4px); } } #checkoutFormularioSteps .step.active:last-of-type .text{font-weight: 700 !important;} /* COMBO */ #accordionCombo .card{border-radius: 12px;} #accordionCombo .card-header{background-color: #ffffff;padding: 0;box-shadow: none;border-bottom: 0;border-radius: 12px;} #accordionCombo .card-header:hover{background: #fff; font-weight: 700 !important;} #accordionCombo .card-body .img-container{text-align: center;} #accordionCombo .card-body .img-container .item-seleciona-imagem{max-width: 180px;border-radius: 12px;} #accordionCombo .card-header .btn{padding: 20px 20px;border: 0;border-radius: 12px;} #accordionCombo .card-header .btn:hover{background: inherit;font-weight: 600;color: black !important;} #accordionCombo .card-header .btn:focus{outline: none;box-shadow: none;} #accordionCombo #cardapio-escolha-header{border-top: none; background: #fff;} #accordionCombo .container-sabores-escolhidos{position: relative !important;background: #fff;} .body-no-margin #app-container #container-main{margin-top: 0;} #accordionCombo .card-header .btn ion-icon{font-size: 16px; color: #7c7c7c; transition: all 0.8s; margin-top: 5px;} #accordionCombo .card-header .btn:not(.collapsed) ion-icon {transform: rotate(-180deg);} #containerPizzaObservacaoRecibo{ /* background: linear-gradient(to bottom, #e84c3d 0%, #e84c3d 26%, #ecedef 26%, #ecedef 100%); */ /* height: 11em; */ float: left; position: relative; padding: 1em; /* margin-top: 100px; */ /* border-left: 0.18em dashed #fff; */ /* border-top-right-radius: 8px; */ /* border-bottom-right-radius: 8px; */ /* border-right: 0.18em dashed #fff; */ background: #ffffe5; padding: 10px; } #containerPizzaObservacaoRecibo .alert{/* background: #fff4bfad; */border: 0;background: inherit;font-size: 13px !important;text-align: left;font-weight: 600;} #containerPizzaObservacaoRecibo textarea{background: inherit;border: 0;} #containerPizzaObservacaoRecibo textarea:hover,#containerPizzaObservacaoRecibo textarea:focus{background: #fff;border-bottom: #000 solid 1px;border-radius: 0;} #containerPizzaObservacaoRecibo .divider hr{border-top:#d1d2d4 dashed 1px} #containerPizzaObservacaoRecibo .divider hr:before{background-color:#f8f8f8;border-radius:100%;content:"";display:inline-block;height:20px;left:-20px;position:relative;top:-10px;width:20px;float:left} #containerPizzaObservacaoRecibo .divider hr:after{background-color:#f8f8f8;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;content:"";height:20px;right:-18px;position:relative;top:-10px;width:20px;float:right} #containerPizzaObservacaoRecibo::after{position:absolute;right:0;top:-16px;left:0;height:15px;background-image:radial-gradient(circle at 10px 26px,#f3f5f7 20px,transparent 21px);content:"";background-size:40px 40px} .switch-tipo-entrega{border:solid 1px #ddd;border-radius:6px;display:flex;width:auto;padding:5px 12px;background: #fff;} .switch-tipo-entrega label:before{display: none;} .switch-tipo-entrega input[type=radio]{display: none;} .switch-tipo-entrega input[type=radio] ~ label{font-weight: 500;padding: 2px 12px; font-size: 16px; color: #000;} .switch-tipo-entrega input[type=radio]:checked ~ label{background-color: var(--cor-primaria) !important;color: #fff;border-radius: 4px;} .switch-tipo-entrega input[type=radio] ~ label:hover{cursor: pointer;} .divider span{display:block;width: 40px;/* background: var(--bg-primario); */color:#818181;margin:-27px auto 0;padding:0 7px;text-align:center;font-size: 14px;font-weight: 600;background: #e9e9e9;border-radius: 6px;} /* AUTO-atendimento */ .label-indoor-tag{height:78px;width:24px;position:relative;background:#c5c5c5;margin:0;-ms-transform:translateY(-50%);text-align:center;font-size:12px;font-weight:600;padding-top:4px;border-radius:5px 0 0 5px;color:#343434;line-height:1;position:fixed;top:50%;right:-14px;transform:translate(-50%,-50%)} .label-indoor-tag .number-location{color:#fff;border-radius:50%;padding:3px 1px;font-size:11px;width:17px;position:relative;top:3px;left:4px;height:18px;background:#fff;color:#000;font-weight:900} /* Modal cupom de desconto */ #modalCupomDesconto .modal-content{max-width: 230px;margin: 0 auto;border: 1px dashed #b5b7b9;} #modalCupomDesconto .modal-header{border-bottom: none;text-align: center;display: block;} #modalCupomDesconto .modal-body{padding: 0 25px;} #modalCupomDesconto .modal-footer{border-top: none;justify-content: center;} #modalCupomDesconto h5{text-align: center;} #modalCupomDesconto .bootbox-close-button{display: none;} #modalCupomDesconto .bootbox-accept{border: var(--cor-primaria) dashed 1px; background: #fff; color: var(--cor-primaria) !important} #modalPedidoFinalizarLoginOrCheckout .close{color: #656565; font-size: 26px;margin-bottom: 15px;position: absolute;right: 15px;z-index: 1080;} #modalPedidoFinalizarLoginOrCheckout .modal-content{max-width: 280px;margin: 0 auto; z-index: 1070 !important;} .Toastify__toast--success {background: rgb(29, 145, 1) !important;} .Toastify__toast--info {background: rgb(66, 186, 255) !important;} .btn-pesquisar{ background: #fff; border: none !important; border-radius: 0; padding: 0; } .btn-pesquisar ion-icon{ position: relative; left:5px; top: 3px; display: inline-block; font-size: 20px; color: #484848; } .input-group-cardapio-pesquisar .input-group-text{border-radius: 4px 0 0 4px; border:0;background: #eeeeee;} .input-group-cardapio-pesquisar .input-pesquisar{background: #eee;border: 0;border-radius: 0 4px 4px 0 !important;} .input-group-cardapio-pesquisar .input-group-append .btn{color: rgb(207, 35, 35); border: 0;font-size: 13px;font-weight: 400;} .input-group-cardapio-pesquisar .input-pesquisar::placeholder{font-size: 16px; color: #989898} .btn-pesquisar-lista{border: 0;} .btn-pesquisar-lista ion-icon{font-size: 20px;} .lista-conta-cliente .list-group-item{color: #717171} .lista-conta-cliente span{line-height: 1.7;} .mobileContainerMenuTopoVoltar{ display: block; min-height: 60px;} .mobileMenuTopoVoltar{ background: #fff; box-shadow: 0 -1px 4px rgb(0 0 0 / 10%); padding: 10px 20px; } .mobileMenuTopoVoltar ion-icon{font-size: 26px; position: relative; top: 3px; color: #3f3f3f;} .btn-restaurante-outline{ border: var(--cor-primaria) solid 1px !important; color: var(--cor-primaria) !important; } .modal-pizza-adicional{ overflow: scroll;} .modal-pizza-adicional .modal-footer{padding-bottom: 80px; padding-top: 0;} #accordionCombo .modal-pizza-adicional .modal-footer{padding-bottom: 120px; padding-top: 0;} /* .fixed-bottom .btn-avancar{line-height: 1;} .fixed-bottom.fixed-bottom-checkout .btn-avancar{line-height: 1.5;} */ #accordionCombo .card-body{padding-top: 0 !important;} #containerPizzaSabor .input-group-quantidade{min-width: 70px;} #containerPizzaSabor .adicional-qtd:not([value="0"]){color: red !important;} #containerPizzaSabor .adicional-qtd{color: #fff !important;} /* MODOS DE OPERACAO */ @media (min-width: 768px){ body[modo-operacao="online_menu_digital"] #app-container #container-main{margin-top: 0;} body[modo-operacao="online_menu_digital"] #header-restaurante{margin-top: 15px;} #container-inicio{margin-top: -120px;margin-left: -100px;margin-right: -100px;} } @media (max-width: 768px){ body[modo-operacao="online_menu_digital"] #containerPizzaSabor, body[modo-operacao="online_menu_digital"] #containerPizzaBorda, body[modo-operacao="online_menu_digital"] #containerPizzaObservacaoRecibo{padding-bottom:0px !important} #container-inicio{margin-bottom: -130px;} } /* https://svgwave.in/ */ .complemento-grupo-container .adicional-imagem{background-repeat: no-repeat;height: 70px;min-width: 70px;background-size: contain;float: left;border-radius: 6px;margin-right: 10px;} #container-produto{background: #fff; border-radius: 6px;} .d-content{display: contents;} .opacity-zero{opacity: 0 !important;} .input-group-quantidade-show{ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .24);} .input-group-quantidade-show .btn-plus:disabled{color: #ccc !important;} .icon-active { display: none;} .cardapio-box-item-descricao{ display: flex; flex-direction: column; justify-content: space-between;} .modal-pizza-imagem .modal-dialog{max-width:480px!important;width:480px;margin:30px auto} .modal-pizza-imagem .modal-content{border-radius:8px;overflow:hidden} .modal-pizza-imagem .modal-header{padding:15px 20px;border-bottom:1px solid #dee2e6;background-color:#f8f9fa} .modal-pizza-imagem .modal-body{padding:0!important;margin:0} .modal-pizza-imagem .modal-footer{display:none!important} .modal-pizza-imagem .modal-title{font-weight:600;font-size:18px} .modal-pizza-imagem .close{position:relative;top:-7px} .modal-pizza-imagem .close:hover{opacity:1} /* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES */ /* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES */ /* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES *//* MEDIA QUERIES */ @media(min-width: 768px) and (max-height: 768px) { .frame{top:60%!important} } /* Desktop */ @media (min-width: 1024px){ .card-header-restaurante{ border-radius: 8px;} #cardapio-escolha-footer{max-width: 600px !important;border-radius: 20px 20px 0 0;border: #ebebeb solid 1px;} .btn-pesquisar-lista:hover{background: inherit;color:#000 !important} /* .container-pizza-tamanho{ background: #fff; margin: 15px auto; padding: 0px 40px; border-radius: 10px; max-width: 1500px; width: 90%;} */ .container-pizza-tamanho header, #containerPizzaSabor, #containerPizzaBorda, #containerPizzaObservacao{ background: #fff; margin: 15px auto; padding: 0px 20px; border-radius: 10px; max-width: 1500px; width: 90%;} #containerPizzaObservacao{max-width: 600px;} .cardapio-box-item a:hover{background: #ffffff;color: #000;border: #ececec solid 1px;background: #f9f9f9;font-weight: inherit;} } /* Desktop */ @media(min-width: 768px) { #banner-container {height: 150px;overflow: auto;/* overflow-y: scroll; */margin-top: 3px;} #banner-container .col-md-12{display: inline-flex;} #banner-container .container-banner {display: inline-block;margin-left: 15px;width: 290px;flex: 0 0 auto;} #banner-container .container-banner:first-of-type {margin-left: 0 !important;} #banner-container .img-banner{border-radius: 6px;background-size: auto;height: 100%;background-position: center;background-repeat: no-repeat;background-size: contain;} #app-container #container-main{margin-top: 120px;} #header{height: 120px;color: var(--menu-topo-cor);position: fixed;box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);z-index: 10000;} #header ul li a {display: inline-flex;justify-content: center;height: 40px !important;} #header ul li a:not(.active) ion-icon { width: 25px; margin: 0; height: 28px; margin-right: 3px; } #cardapio-escolha-header{/* border-radius: 10px 10px 6px 6px !important; */border-top: 0;} #app-container{margin:0 auto;background: var(--bg-primario);} #app-container .fixed-bottom{margin:0 auto;max-width:1140px;bottom: 15px;border-radius: 20px;box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;} #app-container .fixed-bottom .col-12{margin:0;padding:0} #header-restaurante h1{color: var(--card-loja-cor)!important;} #header-restaurante{margin-top: 128px;border-radius: 4px;background: var(--card-loja-bg);color: var(--card-loja-cor);background-size: cover;background-position: center;/* background-attachment: fixed; */} #header-restaurante .header-fidelidade{background:#f3f3f3;color:#000;border-radius: 6px;border: #d7d7d7 solid 1px;} #header-restaurante .header-fidelidade:hover{background: #fff;color: #282828 !important;font-size:15px!important;} .frame{position:absolute;top:50%;left:50%;width:400px;height:400px;border-radius:50%;margin-top:-200px;margin-left:-200px;box-shadow:1px 2px 10px 0 rgba(0,0,0,0.3);overflow:hidden;background:#09f} /* #cardapio-escolha-header .img-container{height:auto;min-height:70px;width:20%;float:left;margin:10px} */ /* #cardapio-escolha-header .descricao{text-align:center;float:left;margin:10px} */ .bell{position:absolute;top:173px;left:180px;fill:#fff;transform-origin:50% 0;animation:shake 2.5s ease infinite} .line{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round} /* .alert.titulo{padding:10px 0!important;font-size:14px!important} */ /* #cardapio-escolha-footer .btn-voltar-cardapio{background:#fff!important} */ footer{height:140px} #quantidade{padding-left:18px} .spinner-border.center{height:55px!important;width:55px!important} .cardapio-box-item img { width: 100% !important; height: auto !important;} #header-logo-empresa{width: 77px;/* height: 70px; */background-size: contain;background-repeat: no-repeat;background-position: center;border-radius: 8px;} #header ul li .descricao{font-size: 17px!important;font-weight: 500;} #header ul li a,#header li .active{align-items:center;height:100%;line-height:.9;margin-top:5px;} #header ul li a:hover{ color: var(--card-loja-bg); font-weight: 700 !important;} #header ul li a.active{ /* background: var(--menu-topo-cor); */ color: var(--card-loja-bg); border-radius: 20px; transition: all .5;} #header ul li a.active ion-icon{font-size: 26px;} #header ul li a.active .descricao{font-weight: 700;} body.checkout-pix #container-main{margin-top: 0;} .box-shadow-md{box-shadow: 0 1px 4px rgb(0 0 0 / 5%), 0 4px 16px rgb(0 0 0 / 6%);} #filtrar-input{border: #ececec solid 1px;border-radius: 4px !important;} .btn-pesquisar{border-radius: 6px 0 0 6px !important;} .fixed-bottom .btn-voltar ion-icon{width: 30px;} .fixed-bottom .btn-voltar, .fixed-bottom .btn-restaurante{border-radius: 20px !important;padding: 6px !important;font-size: 28px !important;/* color: rgb(34, 33, 33) !important; *//* color: var(--botao-cor); */} .fixed-bottom .btn-avancar ion-icon{width: 30px;} .fixed-bottom .btn-avancar{border-radius: 20px !important;padding: 6px !important;font-size: 28px !important;} } @media(max-width: 768px) { #banner-container {height: 150px;overflow: auto;overflow-y: hidden;} #banner-container .col-md-12{display: inline-flex;} #banner-container .container-banner {display: inline-block;margin-right: 6px;border-radius: 6px;flex: 0 0 auto;width: 70%;} #banner-container .container-banner.unico{width: 92%;margin: 0 auto;} #banner-container .img-banner{border-radius: 6px; background-size: auto; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;} #cardapio-escolha-footer .btn-voltar-cardapio:hover,#cardapio-escolha-footer .btn-voltar-cardapio:focus{background: inherit !important; color: inherit !important;border: 0 !important;} #header ul li a {position: relative;/* top: -5px; */} #header ul li a.active .descricao{top: -3px;position: relative;} body{background: var(--bg-primario);} #header{position: fixed;bottom: 0;right:0;height: 52px;z-index:1040;top: auto;box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);} .container-mobile-fixed{padding-bottom:120px} .logo-sistema{margin-top:5px} #header-restaurante{/* padding:5px; */border-radius:0;border:0;margin:0;position:relative;line-height:1;/* margin-top: 60px; */padding: 0;z-index: 101;/* height: 190px; */} #card-header-floating{position: relative;top: 65px;background: #fff;border-radius: 20px;border: #f1f1f1 solid 1px;} #card-header-floating .logo-restaurante{width: 86px;position: relative;top: -46px;border: #f1f1f1 solid 1px;border-radius: 50%;background: #fff;} .logo-restaurante{width: 86px;} #header-restaurante h1{color: #000;} .nome-restaurante{font-size: 24px;margin-bottom:0;line-height:1.1;font-weight: 800;} #header-linha-info{background:#f3f3f3;border:#ececec solid 2px;border-left:0;border-right:0;color:#313131} /* .lista-cardapio-categorias h3{font-size: 24px!important;} */ .full-mobile .modal-dialog{height:100%} .full-mobile .modal-content{height:100%;border:0;border-radius:0} .item-seleciona-imagem{/* width: 100%; *//* height: auto; *//* border-radius:20%; *//* margin-left:18px; */width: 100%;/* height: 75px; */} #containerPizzaSabor,#containerPizzaBorda,#containerPizzaObservacaoRecibo{padding-bottom:250px} /* #cardapio-escolha-footer{position:fixed;right:0;bottom:0;left:0;background-color:#f5f5f5;border-top:#b1b1b1 solid 2px;z-index:2000} */ /* #cardapio-escolha-header .img-container{height:auto;min-height:70px;width:20%;float:left;margin:10px} #cardapio-escolha-header .descricao{text-align:center;float:left;margin:10px} */ .frame{width: 140px;height: 140px;border-radius:50%;box-shadow:1px 2px 10px 0 rgba(0,0,0,0.3);overflow:hidden;background:#f0592a;margin:0 auto;animation:shadow-pulse-bell 1s infinite;margin-top: 60px;} .bell{position:absolute;top: 102px;left:42%;fill:#fff;transform-origin:50% 0;animation:shake 2.5s ease infinite;} .line{fill:none;stroke: #f0592a;stroke-width:2;stroke-linecap:round;} /* #cardapio-header{top: 70px!important;} */ #filtrar-input{margin: 0;border-radius: 0;} .container-sabores-pizza{position:sticky !important} .container-sabores-escolhidos{position:sticky !important} body.modal-open .container-sabores-escolhidos{position:relative !important; z-index: 1 !important;} .footer-experiencia{padding-bottom: 66px;} #app-container #container-main{padding-bottom: 130px;} #header-restaurante .card-header-restaurante{background-attachment: initial;margin-bottom: 50px;} .cardapio-box-item a {min-height: 100px;height: 100%;padding: 10px 0;vertical-align: middle;} .cardapio-box-item .item-preco{width: 100%;} .item-preco-antigo{/* float: left;position: relative;left: 15px; */font-size: 11px;text-decoration: line-through;text-decoration-color: #ef5a5a;color: #c52323;} #row-categorias-filtrar, #row-pesquisar{position: sticky;top: 0;z-index: 1001;/* background: #f3f4f6; */background: var(--bg-primario);border-bottom: #ebebeb solid 1px;/* margin: 0px 4px; */} .fixed-bottom-finalizar{bottom: 44px;} #contCarrinhoItens{padding: 0px 5px;background: var(--menu-topo-cor);border-radius: 50%;color: var(--menu-topo-bg);font-size: 10px;line-height: .3;margin-left: 2px;} .bootbox .modal-dialog{max-width: 80%; margin: 0 auto;} .bootbox-close-button{ position: relative; bottom: 20px; left: 8px;} .modal-pizza-imagem .modal-dialog { max-width: 95vw !important; width: 95vw; margin: 20px auto; } .modal-pizza-imagem .modal-header { padding: 10px 15px; display: flex; align-items: center; } .modal-pizza-imagem .modal-title { font-size: 16px; } .row-adicional .col-4 {min-width: 90px;max-width: 90px;} .cardapio-box-item a{border: 0;/* border-bottom: #efefef solid 1px; */border-radius: 0;} footer{padding-bottom: 146px !important;} .btn-pesquisar-lista:hover,.btn-pesquisar-lista:active,.btn-pesquisar-lista:focus{background: inherit;color: #373434 !important;} .list-group-item.active{background-color: var(--botao-bg) !important;color: var(--botao-cor) !important;border: 0;} }