@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
* { outline: 0 !important; outline: none !important; }
html { height: 100%; }
body { height: 100%; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 18px; position: static !important; display: flex; flex-direction: column; }
body.overflow-hidden { overflow: hidden !important; }
i { font-size: 20px; }
i::before { margin: 0 !important; }
a, a:hover, a:active, a:focus { text-decoration: none !important; }
input:disabled{opacity: 0.3;     background-color: transparent;}
input[type='number'] {    -moz-appearance:textfield;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {    -webkit-appearance: none;}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {    -webkit-appearance: listbox;    opacity: 0.5;}
.interroga_help{    position: absolute;    top: 0;    right: 2%;}
::-webkit-scrollbar{width: 8px !important;}
::-webkit-scrollbar-track{    border-radius: 25px !important;    box-shadow: 0px 0px 5px 3px #a2a1a126 !important;}
::-webkit-scrollbar-thumb{border-radius: 25px !important;    background-color: #00a296;}

::selection { background: #7b1fa2; color: #FFF; }
.modal-scrollbar::-webkit-scrollbar {width: 0;}

/*pagina de erro 400*/
.error-alert { padding: 20px 15px;    display: block;    margin: auto;}
.img-error400 { height: 190px; display: block; margin-bottom: 35px;}

.reloading-completo {     opacity: 1;  background-color: #441c55;    position: absolute;    width: 100%;    height: 100%;    margin-top: 60px; }
.reloading {opacity: 0.3; pointer-events: none; background-color: white; }
.canvas-loader { width: 9%; margin: auto; display: flex; top: 41%; position: relative;}
.no-scroll {overflow-y: hidden;   position: fixed;   pointer-events: none; }
.ellipsis { text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; }

img {opacity: 1; transition: opacity 0.3s ease; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
img[data-src]{opacity: 0;}

div {opacity: 1; transition: opacity 0.3s ease; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
div[data-url]{opacity:0;}

p {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}

/* botões */
.btn { border-radius: 6px; width: 240px; height:35px; }
.small-btn { border-radius: 6px; width: 200px; height:35px; }
.btn:focus {box-shadow: none !important;}
.btn-culinarias {width: 147px !important; height: 37px !important;}
.btn-primary, .btn-primary:hover, .btn-primary:focus { background-color: #fff; color: #7B1FA2; border-color: #7B1FA2; border-width: 1px; }
.btn-primary:active {background-color: #7B1FA2 !important; color:#fff ; border-color: #7B1FA2 !important; border-width: 1px;}
.btn-primary-reverse, .btn-primary-reverse:hover, .btn-primary-reverse:active, .btn-primary-reverse:focus { background-color: #7B1FA2; color: #fff; }
.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { background-color: #FFF; color: #00A296; border-color: #00A296; border-width: 1px; }
.btn-secondary-reverse, .btn-secondary-reverse:hover, .btn-secondary-reverse:active, .btn-secondary-reverse:focus { background-color: #00A296; color: #fff; }
.btn-barra-endereco { transition: transform 200ms;  width: 365px;    border-radius: 12px 12px 0 0;    color: #FFFFFF;    min-height: 60px; max-height: 70px;   position: fixed;    background-color: #00A296;    padding: 10px 23px 5px 23px;    display: grid;    grid-template-columns: 30px auto;    grid-template-areas: "cap text";    grid-gap: 23px;    line-height: 0;    bottom: 0;    z-index: 2;}


.btn-facebook, .btn-facebook:hover, .btn-facebook:active, .btn-facebook:focus {border-radius: 6px; width: 240px; height:35px; cursor: pointer; background-color: #FFF; color: #4267B2; border-color: #4267B2; border-width: 1px; background: url(/img/ic_facebook_login.png) 6px 6px no-repeat; background-size: 20px 20px;}
.side-btn-facebook, .side-btn-facebook:hover, .side-btn-facebook:active, .side-btn-facebook:focus {border-radius: 6px; width: 185px; height:35px; cursor: pointer; background-color: #FFF; color: #4267B2; border-color: #4267B2; border-width: 1px; background: url(/img/ic_facebook_login.png) 6px 6px no-repeat; background-size: 20px 20px;}

.btn-categoria, .btn-categoria:hover, .btn-categoria:active, .btn-categoria:focus { background-color: #FFF; color: #00A296; border-color: #00A296; border-width: 1.5px; height: 45px; font-size: 17px !important; font-weight: 600; width: fit-content; margin: 10px 6px; border-radius: 7px; padding-top: 7px; }
.btn-cat-restaurante, .btn-cat-restaurante:hover, .btn-cat-restaurante:active, .btn-cat-restaurante:focus { background-color: #FFF; color: #707070 !important; border-color: #707070; border-width: 1px; height: 38px; font-size: 17px !important; width: fit-content; margin: 5px; border-radius: 8px; height: auto;}
.btn-cat-restaurante-selec, .btn-cat-restaurante-selec:hover, .btn-cat-restaurante-selec:active, .btn-cat-restaurante-selec:focus { background-color: #00A296; color: #FFFFFF !important; border-color: #00A296; border-width: 1px; height: 38px; font-size: 17px !important; width: fit-content; margin: 5px; border-radius: 8px; height: auto;}
.btn-pizza-radio  {     background-color: #FFF;    color: #707070 !important;    border-color: #441c55;    border-width: 1.5px;    height: 80%;    width: 100%;    font-size: 21px !important;    margin: 20px 5px 0px 5px;    border-radius: 11px;}
.btn-pizza-radio:hover, .btn-pizza-radio:active, .selected{ background-color: #00A296; color: #FFF !important; border-color: #00A296; }
.btn-qntd-sabores { background-color: #FFF; border: solid ;color: #707070 !important;    border-color: #707070;    border-width: 1px;    border-radius: 4px;}
.btn-qntd-sabores:hover, .btn-qntd-sabores:active, .selected {  background-color: #00A296; color: #FFF !important; border-color: #00A296; }
.input-qntd-sabores {   text-align: center; border-radius: 4px;    height: 35px;    width: 100%;    border: solid;    border-width: 1px;    border-color: #707070;}
.btn-block {height: 40px !important; width: 90%;  margin-left: 20px;    color: #FFFFFF !important;    background-color: #7B1FA2;    font-weight: 300;    font-size: 16px;}
.btn-form, .btn-form:hover, .btn-form:active, .btn-form:focus { background-color: #fff; color: #707070; border-color: #707070; height: 34px; border-width: 1px; }
.btn-form-reverse, .btn-form-reverse:hover, .btn-form-reverse:active, .btn-form-reverse:focus { background-color: #00A296; color: #fff; height: 34px; }
.btn-cidade, .btn-cidade:hover, .btn-cidade:active, .btn-cidade:focus { background-color: #fff; color: #707070; border-color: #707070; border-width: 1px; width: auto; margin: 15px; }
.btn-no-border { background-color: #fff; color: #707070; width: auto; margin: 15px; font-size: 16px; }
.btn-selecionado, .btn-selecionado:hover, .btn-selecionado:active, .btn-selecionado:focus { background-color: #00A296; color: #fff; width: auto; margin: 15px; }
.btn-circle, .btn-circle:hover, .btn-circle:active, .btn-circle:focus { background-color: #00A296; color: #fff; width: 35px; border-radius: 20px; }
.btn-circle img{ max-width: 20px; max-height: 20px; }
.btn-150, .btn-150:hover, .btn-150:active, .btn-150:focus{ width: 150px; height: 40px; }
.btn-denunciar-restaurante {border: 1px solid #441c55;    padding: 0 10px;    width: 306px;    border-radius: 5px;    margin-bottom: 35px !important;}
.button-select-endereco, .button-select-endereco:hover, .button-select-endereco:active, .button-select-endereco:focus{ height: 85px; width: 145px; margin: 3% 3% 0px 3%; }
.button-cupom, .button-cupom:hover, .button-cupom:active, .button-cupom:focus{ cursor: pointer !important; border-width: 1.9px; padding: 8px 25px; height: 42px; }
.button-select-endereco-minhas-coisas, .button-select-endereco-minhas-coisas:hover, .button-select-endereco-minhas-coisas:active, .button-select-endereco-minhas-coisas:focus{ height: 85px; width: 160px; margin: 3% 3% 0px 3%; }
.button-select-endereco-barra-endereco, .button-select-endereco-barra-endereco:hover, .button-select-endereco-barra-endereco:active, .button-select-endereco-barra-endereco:focus{ height: 85px; width: 109px; margin: 3% 3% 0px 3%; }


/*mudanças gerais nos botões*/
.btn-lg{ width: 100%; }

.uppercase{ text-transform: uppercase; }
.btn-hidden{ background: none; border: none; }
.auto-size{ width: auto !important; }
.fill-button{ width: -webkit-fill-available !important; width: -moz-available !important}

/*mudanças gerais na fonte*/
.font-main{ font-size: 15px; font-family: 'Raleway', sans-serif; line-height: normal;  text-align: center;}
.font-x{ font-size: 30px; opacity: 1; line-height: 0.5; }
.title{ font-size: 25px; padding: 25px; }
.a{ cursor: pointer; }
.center-text {align-items: center; display: flex; margin-top: 0px; flex-direction: column;}
.left-text {text-align: left !important; display: flex; margin-top: 0px; flex-direction: column;}
.font-weight-restaurant {font-size: 25px !important;}
.font-info {font-size: 18px !important;}
.font-erro {font-size: 26px !important;}
.sub-font-erro {font-size: 20px !important;}

/*cores das fontes*/
.grey-text{ color: #707070 !important; }
.dark-purple-text{ color: #441C55 !important; }
.white-text{ color: #fff !important; }
.purple-text { color: #7B1FA2 !important; }
.blue-text { color: #00A296 !important; }
.dark-grey-text { color: #404040; }
.green-text { color: #43A047; }
.red-text { color: #FF4F4B; }
.yellow-palid-strong-text{ color: lightgoldenrodyellow;}
.grey-light-text { color: lightgrey;}
.orange-text { color: orange;}

/*cores geral*/
.color-obs{background-color: #EBEBEB;}

/*tamanho das fontes*/
.xsmall-font{ font-size: 10px !important; }
.small-font{ font-size: 12px !important; }
.small-medium-font {font-size: 13px !important;}
.medium-font{ font-size: 14px !important; }
.medium-large-font{ font-size: 16px !important; }
.large-font{ font-size: 18px !important; }
.glarge-font{ font-size: 20px !important; }
.xlarge-font{ font-size: 25px !important; }
.xxlarge-font{ font-size: 30px !important; }
.huge-font{ font-size: 50px !important; }

/*posição texto*/
.vertical-align-sub {vertical-align: sub;}
.vertical-align-top {vertical-align: top;}


/*pesos das fontes*/
.thin-font{font-weight:100;}
.extra-light-font{font-weight:200;}
.light-font{font-weight:300;}
.regular-font{font-weight:400;}
.medium-weight-font{font-weight:500;}
.semi-bold-font{font-weight:600;}
.bold-font{font-weight:700;}
.extra-bold-font{font-weight:800;}
.black-font{font-weight:900;}

/*mudancas gerais em overflow*/
.overflow-y-hidden {overflow-y: hidden !important;}
.overflow-y-auto {overflow-y: auto !important;}
.overflow-y-scroll {overflow-y: scroll !important;}

/*positions (top, right left, bottom)*/
.top-header {top: 60px;}
.right{ float: right; }
.move-right{ float:right; }
.move-left{ float: left; }

/*mudanças gerais em display*/
.display-none {display: none;}
.display-inline {display: inline;}
.display-none-important {display: none !important;}
.display-block {display: block;}
.display-table {display: table !important;}
.display-table-cell {display: table-cell !important;}
.display-inline-block {display: inline-block;}
.display-inline-block-important {display: inline-block !important;}
.display-unset {display: unset;}
.display-grid {display: grid;}
.display-inline-table {display: inline-table;}
.display-flex{display: flex !important;}

.position-absolute {position: absolute;}

/*mudanças gerais em height*/
.height-100 {height: 100% !important; }
.height-95 {height: 95% !important;}
.height-90 {height: 90% !important; }
.height-85 {height: 85% !important;}
.height-80 {height: 80% !important; }
.height-10 {height: 10% !important;}
.height-auto {height: auto !important;}
.height-fill-avaliable {height: -webkit-fill-available !important;height: -moz-available !important;height: -o-fill-avaliable !important;height: -fill-avaliable !important;max-height: inherit;}

/*mudanças gerais em width*/
.width-inherit {width: inherit;}
.width-auto {width: auto !important;}
.width-30 {width: 30% !important; }
.width-50 {width: 50% !important;}
.width-70 {width: 70% !important;}
.width-80{ width: 80% !important; }
.width-90{ width: 90% !important; }
.width-95{ width: 95% !important; }
.width-100{ width: 100% !important; }
.width-avaliable {width: -webkit-fill-available; width: -moz-available;}
.col-fit-5{ flex: 0 0 20%; max-width: 20%; }
.tamanho-input {width: 20% !important;}
.width-nome-restaurante { width: 80% !important;}

/*mudanças gerais no padding */
.no-padding{ padding: 0 !important;  }
.no-padding-top{ padding-top: 0 !important; }
.no-padding-left{ padding-left: 0 !important; }
.no-padding-bottom{ padding-bottom: 0 !important; }
.no-padding-right{ padding-right: 0 !important; }
.padding-vertical{ padding-right: 0 !important; padding-left: 0 !important; }
.xsmall-padding-top {padding-top:  2px;}
.xsmall-padding-bottom {padding-bottom:  2px;}
.xsmall-padding-top-btn {padding-top:  3px;}
.small-padding-top {padding-top:  5px;}
.small-padding-bottom {padding-bottom:  5px;}
.small-padding-right {padding-right:  5px;}
.small-padding-left {padding-left: 5px;}
.xxmedium-padding-top {padding-top: 8px;}
.xxmedium-padding-right {padding-right: 8px !important;}
.xmedium-padding-top {padding-top: 10px;}
.xmedium-padding-bottom {padding-bottom: 10px;}
.xmedium-padding-left {padding-left: 10px;}
.medium-padding-top{ padding-top: 15px; }
.medium-padding-right{ padding-right: 15px; }
.medium-padding-left{ padding-left: 15px; }
.medium-padding-top-important{ padding-top: 15px !important; }
.medium-padding-left-important{ padding-left: 15px !important; }
.small-padding-percent{ padding: 3%; }
.small-padding-percent-top{ padding-top: 3%; }
.small-padding-percent-left{ padding-left: 3%; }
.small-padding-percent-right{ padding-right: 3%; }
.tiny-padding-percent-left{ padding-left: 1%; }
.first-row{margin-top: 60px;background-color: #FFF;padding: 0;}
.small-padding-horizontal-percent{ padding: 0 2%; }
.padding-horizontal-percent{ padding: 0 3%; }
.padding-vertical-percent{ padding: 3% 0; }
.medium-padding-vertical{padding-bottom: 20px; padding-top: 20px;}
.medium-padding-bottom{padding-bottom: 20px;}
.xsmall-padding-percent-bottom {padding-bottom: 1%}
.gsmall-padding-percent-top {padding-top: 2%}
.padding-right-add-item-modal { padding-right: 28px;}
.padding-right {padding-right: 30px !important;}
.padding-left {padding-left: 30px !important;}
.padding-itens { padding: 0 0 0 20px !important;}
.large-padding-right {padding-right: 10% !important;}
.large-padding-left {padding-left: 10% !important;}
.large-padding-top {padding-top: 40px !important;}
.large-padding-right-px {padding-right: 40px ;}
.large-padding-left-px {padding-left: 40px ;}
.large-padding-top-percent {padding-top: 30% ;}
.padding-carousel-praca {padding: 0 75px;}
.padding-carousel-restaurante {padding: 0 50px;}
.padding-inteiro { padding: 50px; padding-top: 15px;}
.padding-tamanhos-cardapio{ padding-right: 15px;}
.padding-btns-modal-login { padding: 7px;}
.padding-detalhe-pedidos {padding: 30px 0;}
.padding-pagina {padding: 0 30px;}
.padding-right-modal-cadastro {padding-right: 30px !important;}
.padding-left-cadastro {padding-left: 30px !important;}
.padding-entrega-free {padding-right: 15px; padding-left: 15px; padding-bottom: 10px;}

/*padding em*/
.small-padding-em-left {padding-left: 1.1em !important; }

/*mudanças gerais no margin*/
.margin-auto {margin: auto;}
.margin-right-auto {margin-right: auto;}
.margin-left-auto {margin-left: auto;}
.negative-small-margin-top {margin-top: -10px !important}
.negative-small-margin-bottom {margin-bottom: -7px !important}
.margin-top-auto {margin-top: auto !important;}
.no-margin{ margin: 0 !important; }
.no-margin-left{ margin-left: 0 !important; }
.no-margin-top{ margin-top: 0 !important; }
.no-margin-bottom{ margin-bottom: 0 !important; }
.xtiny-margin-top {margin-top: 2px;}
.xtiny-margin-bottom {margin-bottom: 2px;}
.tiny-margin-top{ margin-top: 5px; }
.tiny-margin-left{ margin-left: 5px; }
.tiny-margin-right{ margin-right: 5px; }
.tiny-margin-bottom{ margin-bottom: 5px; }
.tiny-margin{ margin: 5px; }
.xsmall-margin-bottom{ margin-bottom: 8px; }
.xsmall-margin-top{ margin-top: 10px !important; }
.xsmall-margin-right{ margin-right: 10px !important; }
.xsmall-margin-left{ margin-left: 10px; }
.xsmall-margin-horizontal{ margin: 0 10px !important; }
.small-margin{ margin: 12px; }
.small-margin-right{ margin-right: 12px; }
.small-margin-left{ margin-left: 12px; }
.small-margin-bottom{ margin-bottom: 12px; }
.small-margin-vertical{ margin: 12px 0; }
.tiny-margin-vertical{margin-bottom: 4px; margin-top: 2px;}
.medium-margin-right{ margin-right:15px; }
.medium-margin-left{ margin-left:15px; }
.medium-margin-top{ margin-top:15px; }
.medium-margin-bottom{ margin-bottom:15px; }
.margin-left{ margin-left:20px; }
.margin-top{ margin-top:20px; }
.margin-bottom {margin-bottom: 20px !important;}
.margin-right {margin-right: 20px;}
.large-margin-top{ margin-top:25px; }
.large-margin-left{ margin-left :25px; }
.large-margin-bottom{ margin-bottom:25px; }
.xlarge-margin-top{ margin-top:35px; }
.xlarge-margin-left{ margin-left:30px !important; }
.xlarge-margin-right { margin-right :30px!important; }
.xlarge-margin-bottom {margin-bottom: 35px;}
.xxlarge-margin-left {margin-right: 42px;}
.xxxlarge-margin-top {margin-top: 70px;}
.xxlarge-margin-bottom{margin-bottom: 60px;}
.margin-percent{ margin: 20px 5% !important; }
.margin-vertical { margin: 20px auto;}
.large-margin-vertical { margin: 40px auto;}
.margin-elements {margin-top: 0;}
.item-completo {margin-left: 0px;}
.margin-celular-home {margin-top: 77px;}
.margin-textos-quadrados-infos-restaurante{margin: 7px 0 !important;}

/*margin percent*/
.auto-margin {margin: auto;}
.tiny-margin-percent-top{ margin-top: 1%; }
.small-margin-percent{ margin: 2% !important; }
.small-margin-percent-left{ margin-left: 2%; }
.small-margin-percent-right{ margin-right: 2%; }
.small-margin-percent-top{ margin-top: 2%; }
.small-margin-percent-bottom{ margin-bottom: 2%; }
.smedium-margin-percent-top {margin-top: 4% !important;}
.medium-margin-percent-top-important{ margin-top: 5% !important; }
.medium-margin-percent-top{ margin-top: 5%; }
.medium-margin-percent-bottom{ margin-bottom: 5%; }
.medium-margin-percent-left {margin-left: 5% !important}
.negative-xsmall-margin-percent-top {margin-top: -1% !important}
.negative-small-margin-percent-left {margin-left: -2% !important}
.negative-small-margin-percent-top {margin-top: -2% !important}
.negative-medium-margin-percent-left {margin-left: -5% !important}
.negative-medium-margin-percent-top {margin-top: -5% !important}
.regular-margin-percent-top{ margin-top: 3%; }
.regular-margin-percent-bottom{ margin-bottom: 3%; }
.regular-margin-percent-right{ margin-right:  3%; }
.big-margin-percent-left{ margin-left: 6%; }
.large-margin-percent-bottom {margin-bottom: 7% !important}
.large-margin-percent-top {margin-top: 7% !important}
.large-margin-percent-right {margin-right:  7% !important}
.glarge-margin-percent-bottom {margin-bottom: 12% !important}
.glarge-margin-percent-top {margin-top: 12% !important}
.margin-left-x-modal {margin-left: 100% !important;}

/*margens em*/
.tiny-margin-left-em{margin-left: 1em !important;}
.small-margin-bottom-em {margin-bottom: 2em !important;}

/*shadow*/
.no-box-shadow {box-shadow: none !important;}

/*mudanças gerais no border*/
.no-border{ border: 0 !important; }
.purple-border{  border-color: #7B1FA2; }
.blue-border{  border-color: #00A296; }

/*ícones*/
.form-icon { max-width:35px; max-height:35px; display:inline; margin:10px;}
.box-img-inside { width:25px; height:25px; display:inline; }
.box-img-icon { width:35px; display:inline-block; margin:0 10px;}
.img-margin { margin-top: 0; margin-left: 1px;}
.img-blog { width: 250px; height: 180px; border-radius: 18px; object-fit: cover; margin-bottom: 10px; }
.wide { width: 300px; }
.side-menu-icon { max-width: 30px; max-height: 30px; margin-right: 5px; }
.img-medium { max-width: 200px; max-height: 200px; margin: 5px; position: absolute; bottom: 0; left: 0; }
.box-medium-image-inside { width:200px; height:200px; position: relative; margin-bottom: 20px; }
.img-retrato { width: 200px; height: 300px; border-radius: 18px; object-fit: cover; margin-bottom: 10px;}
.img-logo {     width: 100%;    border-radius: 8px;    box-shadow: 0px 0px 5px 3px #EBEBEB;    position: relative;    padding-top: 100%;    background-repeat: no-repeat;    background-size: cover;    background-position: center;}
.icons-praca { background-size: contain; height: 1em;}
.z-index-avaliacao {z-index: 9;}

.form-icon-cadastro { max-width:30px; max-height:30px; display:inline; }
.box-img-cadastro { width:30px;}

.logo-aiqfome{ display: inline-block; left: 50%; position: inherit; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.fantasminha{ width:100px; }

/*inputs*/
.input-login{ width:260px; outline: 0; border-width: 0 0 1px !important; border-color: #707070; font-family: 'Raleway', sans-serif; color:#7B1FA2; border-top-left-radius: 6px; border-top-right-radius: 6px}
.input-medium{ width:100% !important;}
.input-large{ width:375px !important;}

/*modais*/
.modal-body {overflow-y: auto; overflow: -moz-hidden-unscrollable;}
.modal-alertify-body {padding: 16px; overflow-y: auto; overflow: -moz-hidden-unscrollable;}
.position-button-x-modal{    position: absolute;    right: 5px;}
/*.modal{ position: absolute; bottom: auto; }*/
.modal-div{ padding: 15px; }
.modal.login-modal { left: 50%; height: auto; width: 790px; margin: 0 0 0 -450px; }
.login-modal { left: 50%; height: auto; width: 790px; margin: 0 0 0 -400px; }
.modal-novo{ position: fixed !important; bottom: 0 !important;}
.plus-circle { background-image: url(/img/restaurante/plus.png); display: inline-block; background-repeat: no-repeat; background-size: cover; background-position: center;}
.minus-circle { background-image: url(/img/restaurante/minus.png); display: inline-block;  background-repeat: no-repeat; background-size: cover; background-position: center;}
.modal-style {border-radius: 15px; width: 100%}
.restaurant-modal {  height:  auto; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.modal-item { height: fit-content  !important; overflow-y: auto;}
.scroll-modal {border-bottom: 1px solid #D4D4D4;}
.scroll-modal::-webkit-scrollbar-track { background-color: #F4F4F4;}
.scroll-modal::-webkit-scrollbar { width: 6px; background: #F4F4F4;}
.scroll-modal::-webkit-scrollbar-thumb {background: #dad7d7;}

/*modal denuncia restaurante*/
.formato-linhas-denuncia{padding: 5px 30px;border-top: 1px solid #7070701c;height: auto;}
.tamanho-outras-deununcias{min-height: 41px; height: auto !important;}
/*mudanças gerais nas divs*/
.inline-block{ display: inline-block; }
.text-center{ text-align: -webkit-center !important; text-align: -moz-center !important;}
.text-right{ text-align: -webkit-right !important; }
.text-left{ text-align: left !important; }
.z-index.super-saiyan { z-index: 12; }
.medium-div{ min-height: 500px; }
.image-fill{ background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("/img/capas/site/home_background.png"); background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 60px; max-height: 500px; }
.row{ margin-left: 0; margin-right: 0; width: 100%; }
.table-caption{ display: table-caption; }
.full-line{ overflow: initial !important; }
.inline{ display:inline; }
.fixed{ position: fixed; }
.auto-width{ width: -webkit-fill-available !important; }
.limit-height{max-height: 10% !important;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none;     background-image: url(/img/icons/minhas-coisas/endereço/setaprabaixo.png);    background-repeat: no-repeat;    background-position: right;    background-size: 15px; }

/*cadastro*/
.padding-form-cadastro {padding: 0 20px;}
.padding-cadastro {padding: 0 15px;}
.grid-campos-cadastro {display: grid;grid-template-columns: 30px auto;grid-template-areas: "imagem campo";}
.grid-nome-cadastro{display: grid;grid-template-columns: 30px 1fr 1fr;grid-template-areas: "imagem nome sobrenome";}
.grid-area-imagem {grid-area: imagem;}
.grid-area-campo {grid-area: campo;}
.grid-area-nome {grid-area: nome;}
.grid-area-sobrenome {grid-area: sobrenome;}

/* Culinarias */
.image-culinaria{ background-repeat: no-repeat; background-size: cover; background-position: center; max-height: 400px;}
.img-restaurante { height: 170px; width: 170px; border-radius: 15px; object-fit: fill; }
.aling-btn {align-items: center;}
.img-empty-state{width: 15%; margin: auto; padding-top: 1%; padding-bottom: 2%;}
.img-error500{width: 26%; margin: auto; padding-top: 1%; padding-bottom: 2%;}

/*header e footer*/
.header { float: left; width: 100%; background: #7b1fa2; padding: 8px; height: 60px; position: fixed;left: 0; z-index: 1049; transition: all 100ms cubic-bezier(0.680, 0, 0.265, 1) 0ms; }
.header .brand { float: left; width: 135px; height: 40px; margin: 8px 0; color:purple; }
.restaurant-background {height: 285px; }
.footer{ min-height: 180px; background-color: #707070; width: 100%; flex-shrink: 0; }
.texto-footer{ padding: 25px 25px 10px 25px; font-size: 21px;  }
.links-footer, .links-footer:active, .links-footer:hover, .links-footer:focus{ margin: 5px 0;  }

/*home*/
.grid-anuncio-aplicativo {    display: grid !important;    grid-template-columns: 40px 215px 50% 1fr 40px;    grid-template-rows: 93px auto;    grid-template-areas: ". celular . . ." "fundo1 celular texto botoes fundo2";}
.grid-anuncio-aplicativo-fundo1 {grid-area: fundo1;}
.grid-anuncio-aplicativo-fundo2 {grid-area: fundo2;}
.grid-anuncio-aplicativo-celular {grid-area: celular;}
.grid-anuncio-aplicativo-texto {grid-area: texto;}
.grid-anuncio-aplicativo-botoes {grid-area: botoes;}
.purple-background{ background-image: url("/img/icons/home/bgcelular.png"); background-repeat-x: repeat; background-position-y: center; }
.img-celular{ float: left; width: 100%; }
.botoes-celular {padding-top: 45%; padding-right: 40px;}
.texto-celular{  bottom: 0; text-align: left; width: 100%; margin-top: 20%}
.div-texto-celular{ position: relative !important; }
.font-3{ font-size: 3em; }
.font-2{ font-size: 2em; }
.icon-store{ max-width: 200px; }
.icones-home{ position: absolute; bottom: 15%; }
.push-right{ float: right; margin: 8px; }
.icon-right{ max-width: 25px; float: right; }

/*praca*/
.form-icon-barra-endereco {max-height: 34px;}
.barra-endereco { position: absolute; max-height: 590px; background-color: #FFFFFF; bottom: 0; left: 30px; z-index: 2;}
.btn-barra-endereco > img {grid-area: cap; width: 100%; padding-top: 5px;}
.btn-barra-endereco > div {grid-area: text; width: 100%; position: relative;}
.enderecos-na-barra {transition: transform 200ms; width: 365px;    bottom: 0;    position: fixed;    background-color: #FFFF;    box-shadow: 0px 0px 12px 0px rgba(0,0,0, 0.16);    max-height: 70vh;    overflow-y: auto;}
.texto > img {position: absolute; right: 0; margin-top: 15px;}
.imagem-filtro-culinaria {height: 60px;  width: 60px !important;}
.subtext-praca{ font-size: .7em !important; text-overflow: ellipsis; display: block; white-space: nowrap; width: 100%; overflow: hidden; }
.fonte-nove{ font-size: .9em !important }
.opaque{ opacity: 0.3; }
.box-avaliacao{ background-color: #FFC100; border-radius: 4px; padding: 1px 3px 3px 3px; font-size: 0.8em !important; position: absolute; left: 1px; margin: -7%; }
.box-entrega{ background-color: #00A296; border-radius: 4px; padding: 1px 3px 3px 3px; font-size: 0.8em !important; position: absolute; right: 1px; margin-top: -7%; }
.imagem-infos-loja{ width: 1em; vertical-align: middle; }
.banner{ width: 100%;  object-fit: cover;}
.faixa-campanha{ border-radius: 5px; position: absolute; bottom: 5%; width: 105%; left: -2.5%; }
.faixa-mensagem{ border-radius: 4px;    position: absolute;    bottom: 5px;    width: 100%;    right: 2.5%;    max-height: 26px;    padding: 2px 0;}
.div-principal{ position: relative; }
.container-infos{ position: absolute; top: 0; width: 100%; height: 100%; }
.distancia-titulo-campanha {line-height: 0;}
.hitbox-nav {height: 100%; width: 80px; position:absolute; top: 0;}
.hitbox-nav-right {height: 100%; width: 80px; position:absolute; top: 0; left: 93%;}
.carousel-filtros {position: relative; left: 0px; top: 0; height: 99px; border-radius: 0; border: 0; padding-top: 29px; width: 29px;}
.carousel-control-right {position: absolute;    border: 1px solid #FFF;    border-radius: 100%;    background-color: #FFF;    opacity: 0.9; right: 0;    left: 20px;    top: 45%;    background-repeat: repeat-x;    position: absolute;    width: 37px;    height: 37px;}
.carousel-control-left {position: absolute;    border: 1px solid #FFF;    border-radius: 100%;    background-color: #FFF;    opacity: 0.9;    background-repeat: repeat-x;    left: 20px;    width: 37px;    height: 37px;    top: 45%;}
#nav-praca-banner-esquerda{ max-height: 25px !important;    margin: 13% 25%;    display: block;}
#nav-praca-banner-direita { max-height: 25px !important;     margin: 6px auto;    display: block;}

/*menu lateral*/
.grid-menu-lateral {    display: grid;    grid-template-columns: 30px auto; grid-gap: 16px;}
.wrapper { display: flex; width: 100%; align-items: stretch; flex: 1 0 auto; background-color: #f6f6f6;}
#sidebar.active { left: -300px; }
#sidebar { min-width: 215px; max-width: 250px; background-color: #441C55; padding-top: 60px; display: block; position: fixed; height: 100%; transition: all 0.5s ease-in-out; z-index: 998; }
.overlay { display: none; position: fixed; width: 100vw; height: 100vh; z-index: 997; }
.overlay.active { display: block; }
.list-menu { cursor: pointer;  }
.boy-girl { margin-left: 5%; }
.boy-girl-left{ margin-left: 5%; }

/*minhas coisas*/
.grid-minhas-infos {    display: grid;    grid-template-columns: 30px auto;  grid-template-areas: "icone input";  grid-gap: 15px;    padding-left: 15px;    padding-right: 10px; grid-template-rows: 30px;}
.grid-minhas-infos-icone {grid-area: icone;}
.grid-minhas-infos-input {grid-area: input;}
    /*tamanho*/
    .verified-icon{ width: 15px; }
    .gender-icon{ width: 20px; }
    .estrela{ width: 20px; height: 20px; margin-right: 5px; margin-bottom: 6px}
    .estrela-grande{ width: 25px; height: 25px; margin-right: 10px; }
    .estrela-pequena{ width: 10px; height:10px; margin-right: 4px; }
    .timeline-pedido{ height: 30px; max-width: 40px; margin-bottom: 5px; margin: auto; display: block;}
    .foto-perfil{ object-fit: cover; width: 150px; height: 150px; border-radius: 250px; left: 50%; }
    .logo-restaurante-avaliar{ width: 100%; border-radius: 5px; }
    .line{ position: absolute; width: 100%; top: 10%; }
    .form-icon-endereco{ max-height: 50px; }
    .foto-conversa{     object-fit: cover;    width: 40px;    height: 40px;    border-radius: 200px;    margin-top: 18px;}
    .avaliacao-modal{ left: 50%; height: auto; width: 500px; margin: 0 0 0 -245px; border-radius: 23px; }
    .cupons-usados {position: absolute; right: 0;}
    .icone-cupom-usado {width: 54px;}
    .texto-cupom-destaque {font-size: 17px; font-weight: 500;}

.icons-foto-perfil{ position: relative; display: inline-block; margin: 5%; top: 70%; }
.middle-of-screen{ position: relative; top: 50%; }
hr{ border-color: #dedede; display: block; height: 1px; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; unicode-bidi: isolate; -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; -webkit-margin-start: auto; -webkit-margin-end: auto; overflow: hidden; }
.thin-btn{ width: fit-content; padding: 0 15px; height: 25px; }
.validator-input{ border: 0; background-color: #EBEBEB; border-radius: 6px; text-align: center; height: 40px; width: 60%; }
.comentario-avaliacao{ text-align: justify; border-width: 2px; border-style: solid; border-radius: 8px; padding: 2%; display: -webkit-inline-box; }
.respondeu-avaliacao{ width: 100%; margin-bottom: 5px; }
.detalhes-pedido{ background-color: #EBEBEB; border-radius: 18px; }
.comentario-avaliar{ background-color: #EBEBEB; border: none; border-radius: 6px; resize: none; padding: 8px; }

/*restaurante*/
    .padding-elementos-restaurante{padding: 0;}
    /*logo*/
    .shadow-logo { box-shadow: 0px 0px 5px 3px #a2a1a126 !important;}
    /*favoritos*/
    .posicao-favoritos {width: 28px;display: block;position: absolute;top: -12px;left: 10px;}

    /* formas de pagamento */
    .self-center {align-self: center;}

    /*avaliacao*/
    .position-avaliacao {left: 30px !important;}
    /*img*/
    .img-size {height: 50px; width: 50px;}
    .img-dedo {height: 40px;}
    .img-prato {width: 190px; height: 130px; border-radius: 10px; object-fit: cover;}
    .imagem-item{   height:150px;   width:100%;    object-fit: cover;     object-position: center; border-radius: 11px;}
    .image-pizza-tam {height: 60px; width: 60px;}
    .img-plus-obg {height: 18px; }
    .imagem-forma-pagamento {width: 3em; height: 3em;}
    .icon-menu-restaurante{ max-height: 25px; margin-bottom: 4px; }
    .icon-fav-restaurante{ max-height: 28px; margin-bottom: 2px; }
    .restaurant-cover{ background-repeat: no-repeat; background-size: cover; background-position: center; height: 100%; }
    .banner {    background-size: cover;    height: 100%;    padding-top: 33.33%; background-position: center;}
    .icone-categorias {height: 16px; margin-right : 5px;}
    .icone-campanha-cardapio {    height: 20px;    width: 20px;    margin-left: 5px;    background-repeat: no-repeat;    background-size: contain;    background-position: center;}
    .icone-tag {height: 20px; margin-left: 5px;}
    .pos-logo-restaurante {bottom: -71% !important;}


    /*carousel*/
    /*destaque*/
    .destaqueText{  font-size: 17px; font-family: 'Raleway', sans-serif;  text-align: center; color: #441C55;}
    .destaquePreco{  font-size: 14px;  text-align: center;  color: #00A296;  font-weight: bold;}
    .destaqueImg{   height: 130px;    object-fit: cover;    object-position: center;    border-radius: 4px 4px 4px 4px; max-width: 100%;}
    .destaqueBox .owl-item{ autoWidth:true; width: 217px;   border-radius: 4px; margin-right: 14px !important;}
    .owl-item li .disabled{ opacity: 0.5;}
    .owl-item .disabled{ opacity: 0.5;}
    .carousel-width { max-height: 215px ;max-width: 100%;}

    /*categoria*/
    .carrousel-categorias {position:relative; z-index: 2; background-color: #fff; width: -moz-available;    width: 100%; max-width: 100%;}
    .carrousel-categorias-fixado {position:fixed;top: 60px;z-index: 6;background-color: #fff; left: 0; right: 0; height: auto; box-shadow: 0px 0px 5px 3px #a2a1a126 !important;}
    .titulo-categoria{padding-left: 20px !important; line-height: 1.4 !important; margin: 20px 0;}

    /* Slider */
    .swiper-container {
     width: 100%;
     height: 100%;
   }
   .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
     /* Center slide text vertically */
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
   }

    /*item*/
    .item-sizes { text-align: center; float: left; width: 100%; padding: 0 0 0 32%; margin: 0; grid-area: tamanhos-start;padding: 0;}
    .item-sizes li  {color: #707070; font-family: 'Raleway', sans-serif; font-size: 24px; text-align: center; list-style-type: none; display: inline-block;}
    .item-sizes span {color: #00A296; font-family: 'Raleway', sans-serif; font-size: 19px; text-align: center;}
    .item-title {color: #441C55; font-family: 'Raleway', sans-serif; font-size: 25px; text-align: left;}
    .item-description {color: #707070; font-family: 'Raleway', sans-serif; font-size: 14px; text-align: left;}
    .nome-preco-item{display: grid;grid-template-columns: 1fr 2fr ;grid-template-areas: "nome preco";}
    .nome-item {grid-area: nome-start;}
    .preco-item {grid-area: preco-start;}

    /*limite-obrigatorio*/
    .limite-obrigatorios {  list-style: none;  margin-bottom: 5px;}
    .limite-obrigatorios .btn-violet {  padding: 8px;  height: 30px;  line-height: 17px;}
    .limite-obrigatorios .fa-plus {  margin-right: 10px;}
    .limite-obrigatorios .numero-limite {  font-weight: 600;  padding: 0 8px;}
    .limite-obrigatorios .obrigatorio-nome {  font-weight: 600;  font-size: 16px;}

/*geral*/
    /*ellipsis*/
    .tamanho-maximo-obrigatorio-ticket {white-space: nowrap;    max-width: 40%;    overflow: hidden;    text-overflow: ellipsis;    display: inline-block;    vertical-align: middle;    text-align: left;}
    .tamanho-maximo-cupom-nome {    white-space: nowrap;    max-width: 90%;    overflow: hidden;    text-overflow: ellipsis;    display: inline-block;    vertical-align: middle;    text-align: center;}
    .tamanho-maximo-cidade-breadcrumb {white-space: nowrap;max-width: 81px;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
    .tamanho-maximo-item-ticket {white-space: nowrap;width: 200px;overflow: hidden;text-overflow: ellipsis;display: inline-block;vertical-align: middle; text-align: left;}
    .tamanho-maximo-cupom-checkout {white-space: nowrap;    max-width: 50%;    overflow: hidden;    text-overflow: ellipsis;    display: inline-block;    vertical-align: middle;    text-align: left;}
    .tamanho-maximo-nome-restaurante {white-space: nowrap; width: 150px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; text-align: left;}
    .ellipsis-modal-item { overflow: hidden; text-overflow: ellipsis; transition: all .2s linear; white-space: nowrap; max-width: 70%;}

.map-location-size {width: 37px; height: 37px;}
.breadcrumb-restaurante {position: absolute;    z-index: 1;    border: solid;    border-width: 1px;    border-color: #00A296;    background-color: #00A296;    border-radius: 5px;    left: 1%;    top: 4%; grid-area: background-start;}
.div-avaliacao-restaurante {position: absolute; z-index: 1; border: solid; background-color: #FFC100; border-color: #FFC100; border-width: 1px; border-radius: 4px; left: 1%; top: 95%; grid-area: background-start; padding: 1px 3px 3px 3px;}
.button-featured {height: 130px; width: 190px; border: none;}
.box-info { border-style: solid; background-color: #fff; color: #441C55; border-color: #441C55; border-width: 1.5px; border-radius: 5px; width: 40%;}
.check {width: 17px; position: absolute;}
.margin-pizza-radio {margin-left: 2em !important;}
.cardapio-lista li {list-style-type: none;}
.texto-blog {width: 250px}
.prices-list li {list-style-type: none;}
.texto-sabores {color: #00A296; font-family: 'Raleway', sans-serif; font-size: 19px; text-align: left;}
.categoria-title {color: #4E4E4E; font-family: 'Raleway', sans-serif; font-size: 34px; text-align: left;}
.padding-tam { padding: 1em 0 0 0 !important;}
.checkbox {align-content:  center; border: solid; border-width: thin ; border-color: #00A296; border-radius: 5px; background-color: #FFF; width: 20px ; height: 20px; margin: 0;}
.distancia-precos{line-height: 1 !important;}
.disable-adicional {  pointer-events: none;  opacity: 0.7;}
.faixa-div {width: 100%; margin: 10px 15px 20px 15px; border: 1px solid #EBEBEB;background-color: #EBEBEB;border-radius: 5px;padding: 5px; text-overflow: ellipsis;}
.faixa-itens-campanha { width: 100%;background-color: #FF4F4B; border: 1px solid #FF4F4B; margin: 20px 15px; border-radius: 5px; padding: 5px; text-overflow: ellipsis;}
.entrega-free {position: absolute;margin: auto;left: 18em;top: 1.5em;border: 1px solid;height: auto;margin: auto;padding: 9px;border-radius: 5px;font-size: 21px !important;background-color: #00A296;color: #FFFFFF !important;border-color: #00A296;border-width: 1px;}
.tamanhos-item-div {display: grid;grid-template-columns: 1fr 2fr;grid-template-areas: "nomes tamanhos";}
.tamanhos-area {grid-area: tamanhos;}
.tamanhos-item {display: grid ;grid-template-columns: repeat(5, 1fr);grid-template-areas: "tam1 tam2 tam3 tam4 tam5";}
.preco-area {grid-area: preco;}
.tam-1{grid-area: tam1;}
.tam-2{grid-area: tam2;}
.tam-3{grid-area: tam3;}
.tam-4{grid-area: tam4;}
.tam-5{grid-area: tam5;}

/* pizza radio */
.tamanho-pizza-4 {width: 25% ; display: flex;}
.tamanho-pizza-3 {width: 33%; display: flex;}
.tamanho-pizza-2 {width: 50%; display: flex;}
.padding-sabores-pizza {padding-top: 15px !important;}

/*add_item*/
.qtd-sabores{width: 20.75% !important;    margin-left: 5%;}
.preco-div-grid {display: grid;grid-template-columns: 6fr 91px ;grid-template-areas: "de por";}
.preco-div-de {grid-area: de;}
.preco-div-por {grid-area: por;}

/*bairros*/
.input-pesquisa {width: 100%; text-align: center; background-color: #ebebeb; border-color: #ebebeb; border: 0; border-radius: 5px; font-family: 'Raleway', sans-serif; color: #707070; font-size: 15px;}

/*avaliações restaurante*/
.padding-avaliacoes {padding: 40px;}
.quantidade-pedidos {height: 25px; width: 25px; border: solid; border-radius: 100%; background-color: #7B1FA2;  border-color: #7B1FA2;   position: relative;    display: inline-block;    left: -15px;    top: 20px;}
.icone-usuario {height: 45px; display: inline;border-radius: 100%;}
.text-qntd-pedidos {font-size: 12px !important; color: #fff !important; vertical-align: super; margin: 0 !important}
.avaliacao-data {line-height: 1; top: -20px; height: 100%;}
.img-restaurante-avaliacao { height: 130px; width: 130px; border-radius: 8px; object-fit: fill; }
.large-avaliacao-font {font-size: 25px !important;}
.descricao-pedido {top: -20px; padding: 0 !important;}
.nome-usuario {height: 100%; padding: 0 !important; line-height: 1;}
.grid-avaliacoes {    display: grid;    grid-template-columns: 15px 62px auto;    grid-template-areas: ". imagem avaliacao";}
.round-slider-valor {font-size: 22px; position: absolute; top: 19px !important; left: 16px !important;}
.grid-area-imagem {grid-area: imagem;}
.grid-area-avaliacao {grid-area: avaliacao;}

/* Ticket/ checkout */
#modal-ticket-size .modal-body {max-height: 90%;}
#ticket {display: grid; grid-template-rows: 35vh 60px 60px 140px auto;}
.position-valor-adicionais {position: absolute;    right: 20px;}
.btn-add-endereco {height: 34px; color: #441c55 !important; border-color: #441c55 !important;}
.btn-mudar-endereco {color: #441c55 !important; border-color: #441c55 !important;}
.ticket-resumo-div {height: 60px;}
.observacoes-ticket-tamanho {height: 40px; padding-top: 10px; font-size:15px;}
.ticket-btn {background-color: #441C55; width: 67px; border-radius: 6px 0px 0px 6px; position: fixed; margin-right: -100px; right: 0; z-index: 9; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.ticket-btn.ativado {margin-right: 500px !important; z-index: 9000;}
.ticket-btn.ativado-inteiro {margin-right: 1000px !important; z-index: 9000;}
.ticket-btn.existe-item {margin-right: 0;}
.header-ticket {padding: 16px 30px}
.header-checkout {padding: 1em 30px;    border-left: 1px solid #e9ecef}
.checkout-enviar-pedido{ font-size: 18px !important;}
.itens-no-ticket-css { display: block; height: 100%; overflow-y: auto; line-height: 1;}
.tem-cupom{border-bottom: none;    border-top: solid;    padding: 15px 0 0 0;    border-width: 1px;    border-color: #EBEBEB;}
.placeholder-itens {height: 27px; padding-top: 5px; padding-bottom: 5px; border-width: 0; border-color: #EBEBEB; background-color: #EBEBEB; font-family: 'Raleway',sans-serif;text-align: center; border-radius: 5px; color: #707070; font-size: 12px;}
.checkout-css {    border-left: 1px solid #e9ecef }
.balcao-img {height: 40px;}
.padding-tipo-entrega {padding-left: 10%;}
.opaco { opacity: 0.4 !important; cursor: default !important; pointer-events:none;}
.center-button {margin: 0 auto !important;}
.center-itens {margin: auto !important;}
.z-index-ticket{z-index: 999999 !important;}
.qntd-elementos-ticket {    vertical-align: bottom;    font-size: 25px;    margin-left: 5px; margin-right: 0px}
.joia-cupom {height: 25px;  width: 25px; margin-left: 5px; opacity: 0.6;}
.height-ticket {height: 90% !important;}
.margin-top-ticket {margin-top: 20px !important;}
.margin-bottom-ticket {margin-bottom: 20px !important;}
.preco-total-ticket {font-size: 30px !important;}
.fontes-checkout {font-size: 18px !important;}
.height-checkout {height: auto;}
.trash-icon {max-width: 25px;    max-height: 25px;}
.edit-icon {max-height: 25px;}
.border-modal {border-radius: 0 0 0 .3em !important;}
.acinzentado {background-color: #707070 !important;}
.position-ticket {position: relative;    top: 50%;    transform: translateY(-50%);    display: table;    margin: 0 auto;}
.font-large-em-ticket{font-size: 1em;}
.margin-cupom-button {margin-left: 15px;}
.btn-add-item { width: 100% !important; margin: 15px auto !important; padding-left: 5px !important; padding-right: 5px !important; text-transform: uppercase;}


/*pedido enviado*/
.center-pedido-enviado{ padding: 5% 28%;}
.imagem-mao-esquerda {height: 80px; position: absolute; left: 0; }
.imagem-mao-direita {height: 80px; position: absolute; right: 0;}
.imagem-coracao-pedido { height: 80%;}
.grid-pagina { display: grid; padding:20px 29%;  grid-template-areas:"coracao" "mao" " titulo" "paragrafo1" "paragrafo2" "telefone"  "botao";    grid-template-rows: repeat(3,1fr) auto auto repeat(3,1fr); justify-items: center; align-items: center;}
.div-coracao-pedido-lido {grid-area: coracao;    margin-bottom: 0 !important; margin:auto !important;  height: 80px;}
.div-mao-pedido-lido {grid-area: mao;    margin-bottom: 15px !important; margin:auto !important; position: relative; height: 100%; width: 100%; transition: width 0.8s cubic-bezier(0, 0.6, 0.6, 1.04);}
.div-titulo-pedido-lido {grid-area: titulo;    margin:15px auto;}
.div-paragrafo1-pedido-lido{grid-area: paragrafo1; margin: 0 auto;}
.div-paragrafo2-pedido-lido{grid-area: paragrafo2;}
.div-botao-pedido-lido{grid-area: botao; margin: auto;    height: 40px !important;    width: 100%;    margin-left: 0px;    color: #FFFFFF !important;    background-color: #7B1FA2;    font-weight: 300;    font-size: 16px;}
.div-telefone-pedido-lido { grid-area: telefone;   padding: 5px 10px 5px 10px; background-color: #FFF;    color: #00A296;    border-color: #00A296; border:solid;   border-width: 1.5px;    height: 40px;    font-size: 21px !important;    font-weight: 400;    width: fit-content;    border-radius: 8px;}
.coracao-escondido{transform: scale(0);}

.animacao-toque-mao{-webkit-animation-name: toque-mao; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */    animation-name: toque-mao;    animation-duration: 1s;    animation-iteration-count: 1;}
.animacao-mao-esquerda{-webkit-animation-name: animacao-mao-esquerda; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */    animation-name: animacao-mao-esquerda;    animation-duration: 3s;    animation-iteration-count: infinite;}
.animacao-mao-direita{-webkit-animation-name: animacao-mao-direita; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */    animation-name: animacao-mao-direita;    animation-duration: 3s;    animation-iteration-count: infinite;}
.animacao-coracao {-webkit-animation-name: coracao; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */    animation-name: coracao;    animation-duration: 1.5s;    animation-iteration-count: 1;}
.animacao-coracao-pulsando {-webkit-animation-name: coracao-pulsando; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */    animation-name: coracao-pulsando;    animation-duration: 1.5s;    animation-iteration-count: infinite;}
.animacao-fechar-sidebar{-webkit-animation-name: sidebar-fechando; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 0.4s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */    animation-name: sidebar-fechando;    animation-duration: 0.4s;    animation-iteration-count: 1;}
.animacao-abrir-sidebar{-webkit-animation-name: sidebar-abrindo; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 0.4s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */    animation-name: sidebar-abrindo;    animation-duration: 0.4s;    animation-iteration-count: 1;}
.animacao-abrir-ticket{-webkit-animation-name: ticket-abrindo; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 0.2s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */    animation-name: ticket-abrindo;    animation-duration: 0.2s;    animation-iteration-count: 1;}
.animacao-fechar-ticket{-webkit-animation-name: ticket-fechando; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 0.2s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */    animation-name: ticket-fechando;    animation-duration: 0.2s;    animation-iteration-count: 1;}
.animacao-fechar-checkout{-webkit-animation-name: checkout-fechando; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 0.2s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */    animation-name: checkout-fechando;    animation-duration: 0.2s;    animation-iteration-count: 1;}
.animacao-abrir-enderecos{-webkit-animation-name: enderecos-abrindo; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 0.2s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */    animation-name: enderecos-abrindo;    animation-duration: 0.2s;    animation-iteration-count: 1;}
.animacao-fechar-enderecos{-webkit-animation-name: enderecos-fechando; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 0.2s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */    animation-name: enderecos-fechando;    animation-duration: 0.2s;    animation-iteration-count: 1;}
.animacao-seta-enderecos{-webkit-animation-name: seta-enderecos; /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 0.2s; /* Safari 4.0 - 8.0 */    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */    animation-name: seta-enderecos;    animation-duration: 0.2s;    animation-iteration-count: 1;}

/*ANIMACOES*/
@-webkit-keyframes animacao-mao-esquerda {    0% {top: 0;}    20%  { left: 5px; }    40%  { left: -5px;}    60%  { left: 0;}    80%  { top: 5px;}    100% { top: -5px; } }
@keyframes animacao-mao-esquerda {     0% {left: 0;}    20%  { left: 5px; }    40%  { left: -5px;}    60%  { left: 0;}    80%  { top: 5px;}    100% { top: -5px; } }
@-webkit-keyframes animacao-mao-direita {    0% {top: 0;}    20%  { right: 5px;}    40%  { right: -5px; }    60%  { right: 0;}    80% { top: -5px; } 100% {top: 5px;} }
@keyframes animacao-mao-direita{     0% {top: 0;}    20%  { right: 5px;}    40%  { right: -5px; }    60%  { right: 0;}    80% { top: -5px; } 100% {top: 5px;} }
@-webkit-keyframes coracao {    100% { transform: scale(1);}}
@keyframes coracao {    100% { transform: scale(1);}}
@-webkit-keyframes coracao-pulsando {    0% { transform: scale(1);}    50% { transform: scale(1.3);}    100% { transform: scale(1);}}
@keyframes coracao-pulsando {    0% { transform: scale(1);}    50% { transform: scale(1.3);}    100% { transform: scale(1);}}
@-webkit-keyframes toque-mao {    0% { width: 100% }    50%   { width: 182px; }   100% { width: 100%; } }
@keyframes toque-mao {    0% { width: 100% }  50%   { width: 182px; }   100% { width: 100%; } }
@-webkit-keyframes sidebar-fechando {    0%   { left: 0; }    100% { left: -300px;}}
@keyframes sidebar-fechando {     0%   { left: 0; }    100% { left: -300px;}}
@-webkit-keyframes sidebar-abrindo {    0%   { left: 0; }    100% { left: -300px;}}
@keyframes sidebar-abrindo {     0%   { left: -300px; }    100% { left: 0;}}
@-webkit-keyframes ticket-abrindo {    0%   { right: -500px; }    100% { right: 0;}}
@keyframes ticket-abrindo {    0%   { right: -500px; }    100% { right: 0;}}
@-webkit-keyframes ticket-fechando {    0%   { right: -500px ;}    100% {     right: -1186px;}}
@keyframes ticket-fechando {    0%   { right: -500px;}    100% {     right: -1186px;}}
@-webkit-keyframes checkout-fechando {    0%   { right: 0; position: absolute;}    100% { right: -500px; position: absolute;}}
@keyframes checkout-fechando {    0%   { right: 0;position: absolute; }    100% { right: -500px; position: absolute;}}
@-webkit-keyframes enderecos-abrindo {    0%   {bottom: 0;}    100% { bottom: 78%;}}
@keyframes enderecos-abrindo {    0%   { bottom: 0; }    100% {bottom: 78%;}}
@-webkit-keyframes enderecos-fechando {    0%   {bottom:  78%;}    100% { bottom: 0;}}
@keyframes enderecos-fechando {    0%   { bottom: 78%; }    100% {bottom: 0;}}
@-webkit-keyframes seta-enderecos { 100% { transform: rotate(180deg);}}
@keyframes seta-enderecos {100% { transform: rotate(180deg);}}

/*Cidades */
.border-mobile-cidades {border-bottom: solid; border-color: #441C55; border-width: thin;}
.imagem-menos{width: 15px; object-fit: contain; padding-top: 15px;}
.imagem-mais{width: 15px; object-fit: contain; padding-top: 10px;}

/* Modal avaliaçoes */
#slider-entrega .rs-range-color  {    background-color: #7B1FA2;}
#slider-entrega .rs-path-color  {    background-color: #FFFFFF;}
#slider-entrega .rs-handle  {    background-color: transparent;    border: 0px solid transparent;}
#slider-entrega .rs-border  {    border-color: transparent;}
#slider-comida .rs-range-color  {    background-color: #7B1FA2;}
#slider-comida .rs-path-color  {    background-color: #FFFFFF;}
#slider-comida .rs-handle  {    background-color: transparent;    border: 0px solid transparent;}
#slider-comida .rs-border  {    border-color: transparent;}
#slider-tudo-certinho .rs-range-color  {    background-color: #7B1FA2;}
#slider-tudo-certinho .rs-path-color  {    background-color: #FFFFFF;}
#slider-tudo-certinho .rs-handle  {    background-color: transparent;    border: 0px solid transparent;}
#slider-tudo-certinho .rs-border  {    border-color: transparent;}

/* listas das Culinarias */
.culinarias-list { list-style: none;}
.culinarias-list .box-branco {  padding: 15px 0 !important;}
.culinarias-list .titulo-listagem {  font-weight: bold;  font-size: 20px;}
.culinarias-list .imagem-culinaria {  padding: 15px 7px 0 7px;}
.culinarias-list .nome-culinaria {  margin: 0;  font-size: 12px;  font-weight: bold;  text-align: center;  margin-top: 15px;}
.culinarias-list .nome-culinaria.ativo {  color: #7b1fa2;  border-bottom: 2px solid #7b1fa2;}
.culinarias-list .owl-next {  position: absolute;  top: 0;  right: -30px;  color: #fff;  padding: 10px 0px 10px 16px;  border-radius: 50%;  transition: all 200ms ease-in; margin-left: 0 !important;}
.culinarias-list .owl-prev {  position: absolute;  top: 0;  left: -30px;  color: #fff;  padding: 10px 16px 10px 0px;  border-radius: 50%;  transition: all 200ms ease-in; margin-right: 0 !important;}
.culinarias-list .owl-next:hover, .culinarias-list .owl-prev:hover {  transition: all 200ms ease-in;}
.culinarias-list .imagem-culinaria img {  -webkit-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -moz-filter: grayscale(100%);  filter: grayscale(100%);  cursor: pointer;  -webkit-transition: all 200ms ease-in;  -webkit-transform: scale(1);  -ms-transition: all 200ms ease-in;  -ms-transform: scale(1);  -moz-transition: all 200ms ease-in;  -moz-transform: scale(1);  transition: all 200ms ease-in;  transform: scale(1);}
.culinarias-list .imagem-culinaria img.ativo {  -webkit-filter: grayscale(0%);  -ms-filter: grayscale(0%);  -moz-filter: grayscale(0%);  filter: grayscale(0%);  -webkit-transition: all 200ms ease-in;  -ms-transition: all 200ms ease-in;  -moz-transition: all 200ms ease-in;  transition: all 200ms ease-in;}
.culinarias-list .imagem-culinaria img:hover {  -webkit-filter: grayscale(0%);  -ms-filter: grayscale(0%);  -moz-filter: grayscale(0%);  filter: grayscale(0%);  -webkit-transition: all 200ms ease-in;  -webkit-transform: scale(1.3);  -ms-transition: all 200ms ease-in;  -ms-transform: scale(1.3);  -moz-transition: all 200ms ease-in;  -moz-transform: scale(1.3);  transition: all 200ms ease-in;  transform: scale(1.3);}
.culinarias-list .owl-item {  overflow-x: visible;}
.culinarias-list .owl-image{    max-height: 50px;}
.culinarias-list .owl-cat-img-esq{max-height: 25px;  }
.culinarias-list .owl-cat-img-dir{max-height: 25px;  }
.owl-prev .disabled {display: none;}
#carousel-filtro .owl-prev, #carousel-filtro .owl-next {top: 0; margin-top: 0;}
/* #carousel-filtro .owl-prev, #carousel-filtro .owl-next {top: 14%; margin-top: 5px;} */
#carousel-destaques .owl-prev, #carousel-destaques .owl-next {top: 47px;}
.nav-praca {max-height: 25px !important;}

/*-- Listas elásticas --*/
.elastic-list { float: left;  margin: 0; padding: 0; }
.elastic-list > li { float: left; width: 100%; min-width: 120px; list-style: none; border-bottom: 1px solid #CCC; padding: 15px 80px; }
.elastic-list > li:last-child { border: 0; }
.elastic-list > li > .list-header {  float: left;  width: 100%;  font-size: 25px;  line-height: 20px;  padding: 0 80px;  color: #666;  font-weight: 400;  position: relative; }
.elastic-list > li > .list-header.smaller {  font-size: 18px;  margin: 0;}
.elastic-list > li > .list-header small { font-size: 62%; margin-left: 10px; font-weight: 500; }
.elastic-list > li > .list-header small.break { font-size: 65%; display: block; margin: 10px 0 0 0; }
.elastic-list > li > .list-header.small { font-size: 20px; }
.elastic-list > li > .list-header.small small { font-size: 85%; }
.elastic-list > li > .list-header > .toggle-list { position: absolute; top: 50%; right: 0; width: 25px; height: 25px; background: #7b1fa2; border-radius: 5px; cursor: pointer; margin-top: -12.5px; }
.elastic-list > li > .list-header > .toggle-list .icon { font-size: 12px; float: left; width: 100%; text-align: center; line-height: 25px; color: #FFF; }
.elastic-list > li > .list-header > .toggle-list .icon-minus { display: none; }
.elastic-list > li > .list-body { float: left; width: 100%; margin: 0 0 30px; }
.elastic-list > li.open > .list-body { display: block; }
.elastic-list > li.open > .list-header > .toggle-list .icon-plus { display: none; }
.elastic-list > li.open > .list-header > .toggle-list .icon-minus { display: block; }

/*modal menu-itens*/
.tamanho  ul{  list-style: none;  margin: 0;  padding: 0;}
.tamanho  ul  li{  color: #707070;  display: block;  position: relative;  float: left;  width: 100%;}
.tamanho  ul  li  label > input[type=radio]{  position: absolute;  visibility: hidden;}
.tamanho  ul  li  label{  display: block;  width: 100% ;position: relative;   padding-left: 25px;  height: auto;  z-index: 9;  cursor: pointer;  -webkit-transition: all 0.25s linear;}
.tamanho  ul  li  .check{      position: absolute;    border: 1px solid #00A296;    border-radius: 100%;    height: 18px;    width: 18px;    top: 5px;    left: 0px;    z-index: 5;}
.tamanho  ul  li:hover  .check {  border: 1px solid #00A296;}
.tamanho  ul  li  .check::before {  display: block;    position: absolute;    content: '';    border-radius: 100%;    height: 14px;    width: 14px;    top: 1px;    left: 1px;    margin: auto;    transition: background 0.25s linear;    -webkit-transition: background 0.25s linear;}
.tamanho  input[type=radio]:checked ~ .check {  border: 1px solid #00A296;}
.tamanho  input[type=radio]:checked ~ .check::before{  background: #00A296;}

/* Testando depois organizar certinho */
.padding-modal-add-item{ padding: 0px !important;}


/*placeholder*/
.placeholder-qtd-sabores {color: #707070; font-family: 'Raleway', sans-serif; font-size: 14px;}
#qtd-input::-webkit-input-placeholder { color: #707070;}
#qtd-input::-moz-placeholder { color: #707070;}


/* toastr */
.toast-bottom-right {    right: 12px;    bottom: 12px}
#toast-container {    position: fixed;    z-index: 999999;    pointer-events: none}
#toast-container * {    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box}
#toast-container>div {    position: relative;    pointer-events: auto;    overflow: hidden;    margin: 0 0 6px;    padding: 15px 15px 15px 15px;    width: 300px;    -moz-border-radius: 3px;    -webkit-border-radius: 3px;    border-radius: 3px;    color: #ffffff;    opacity: .9;}
.toast-info {    background-color: #00A296}

@media all and (max-width: 240px) {
    #toast-container>div {        padding:8px 8px 8px 50px;        width: 11em    }
    #toast-container>div.rtl {        padding: 8px 50px 8px 8px    }
    #toast-container .toast-close-button {        right: -.2em;        top: -.2em    }
    #toast-container .rtl .toast-close-button {        left: -.2em;        right: .2em    }
}

@media all and (min-width: 241px) and (max-width:480px) {
    #toast-container>div {        padding:8px 8px 8px 50px;        width: 18em    }
    #toast-container>div.rtl {        padding: 8px 50px 8px 8px    }
    #toast-container .toast-close-button {        right: -.2em;        top: -.2em    }
    #toast-container .rtl .toast-close-button {        left: -.2em;        right: .2em    }
}

@media all and (min-width: 481px) and (max-width:768px) {
    #toast-container>div {        padding:15px 15px 15px 50px;        width: 25em    }
    #toast-container>div.rtl {        padding: 15px 50px 15px 15px    }
}

/* Iphone 5 */
@media screen and (device-aspect-ratio: 40/71) {
    .input-login { width: 200px; }
    .btn-primary-reverse, .btn-primary-reverse:hover, .btn-primary-reverse:active, .btn-primary-reverse:focus { margin-left: 0; }
    .btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { margin-left: 0; }
    .box-img-icon { width:1px;}
    .box-img-icon-sobrenome{ width: 30px; }
    .btn-header{ font-size: 12px; width: 180px; }
    .width-80{ width: 80% !important; }
    .width-100-mobile { width: 100% !important; }
}

/* Galaxy S5 */
@media screen and (device-aspect-ratio: 9/16) {
    .input-login { width: 240px; }
    .btn-primary-reverse, .btn-primary-reverse:hover, .btn-primary-reverse:active, .btn-primary-reverse:focus { margin-left: 0; }
    .btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { margin-left: 0; }
    .width-80{ width: 80% !important; }
    .width-100-mobile { width: 100% !important; }
}

/*media max width*/
@media (max-width: 1600px){
    .font-3{ font-size: 2.5em; }
    .font-2{ font-size: 1.5em; }
    .icon-celular{ width: 90%; }
    .margin-top-ticket {margin-top: 10px !important;}
    .padding-inteiro { padding: 30px; padding-top: 10px;}
    .fontes-checkout {font-size: 16px !important;}
    .preco-div-grid {display: grid;grid-template-columns: 1fr;grid-template-areas: "de" " por";}
}

@media (max-width: 1330px){
    .font-3{ font-size: 2em; }
    .icon-celular{ width: 80%; margin-left: 10%; }
    .paragraph-no-margin{ margin: 0; }
    .box-avaliacao{margin: 0;}
    .box-entrega{margin: 0;}
}

@media(max-width: 1200px){
    .carousel-control-left  {left: 92%;}
}

@media (max-width : 1060px){
    .image-pizza-tam {height: 50px; width: 50px;}
    .preco-total-ticket {font-size: 25px !important;}
    .box-entrega{font-size: 0.6em !important;}
    .box-avaliacao{font-size: 0.6em !important;}
}

@media (max-width: 1000px){
    .font-3{ font-size: 1.8em; }
    .font-2{ font-size: 1em; }
}

@media (max-width: 992px){
    .padding-elementos-restaurante{padding-top: 9px;}
    .xsmall-padding-top-btn {padding-top:  0px;}
    .no-padding-left-mobile {padding-left: 0 !important;}
    .no-padding-mobile { padding: 0px !important; }
    /*banner*/
    .carousel-control-left{display: none;}
    .carousel-control-right {display: none;}
    .texto-anuncio-aplicativo {display: none;}
    .icon-celular {width: 67%; margin-left: 12%; max-height: 65px;}
    .elastic-list > li .list-header { padding: 15px 0; font-size: 16px; height: auto; min-height: auto; }
    .elastic-list > li .list-header .toggle-list { width: auto; height: 20px; padding: 0px 7px }
    .elastic-list > li .list-header .toggle-list .icon { font-size: 10px; line-height: 20px; }
    .elastic-list > li .list-body { margin: 0 0 15px; }
    .icons-foto-perfil{ top: 70%; }
    .btn-150, .btn-150:hover, .btn-150:active, .btn-150:focus{ width: 120px; }
    .boy-girl { margin-left: 3%; }
    .boy-girl-left{ margin-left: 1%; }
    .precos-celular {display: block; margin-left: 5px; text-align: right;}
    .precos-computador {display: none;}
    .padding-cardapio-celular {padding: 0 !important;}
    .grid-pagina {padding: 20px 10%;}
    .nome-preco-item{display: grid;grid-template-columns: 2fr 1fr;grid-template-areas: "nome preco";}
    .nome-item {grid-area: nome-start;}
    .preco-item {grid-area: preco-start;}
    .font-weight-restaurant {font-size: 15px !important;}
    .icon-menu-restaurante{ max-height: 18px; margin-bottom: 4px; }
    .padding-right-add-item {padding-right: 0 !important;}
    .padding-left-add-item {padding-left:  0 !important;}

    /*home*/
    .img-blog {width: 100%;}
    .texto-blog {width: 100%;}
    .texto-celular{margin-top: 9%;}
    .botoes-celular {padding-top: 0%; padding-right: 0px;}
    .grid-anuncio-aplicativo {display: grid !important;    grid-template-columns: 40px 168px auto 40px;    grid-template-rows: 92px 128px 75px;    grid-template-areas: ". celular . ." "fundo1 celular texto fundo2" "fundo1 celular botoes fundo2";}
    .display-botoes-anuncio-aplicativo{display: flex;}

    /*ticket mobile*/
    .ver-ticket-display {display: inline-block;}
    .div-btns-mobile { position: absolute; right: 0px !important; bottom: -14px !important; background: #00A296 !important; border-radius: 8px; padding: 0px 4px; width: 90px !important;}
    .padding-btns-mobile { padding: 4px 0px !important;}
    .botoes-itens-div { height: 35px;}
    .tamanho-div-botoes-itens {height: 25px; width: 25px; display: flex;}
    .position-ticket {display: block; margin: 0 auto; transform: translateY(0);}
    .ticket-btn{border: none; background-color: #441C55; width: 90%; border-radius: 5px; top:120% ; position: fixed; display: flex; z-index:75; height: auto !important; margin-right: 0; right: 5%;}
    .ticket-btn.ativado {display: none;}
    .ticket-btn.ativado-inteiro {display: none;}
    .ticket-btn.existe-item {top: 90% !important; padding: 5px;}
    .icone-ticket {margin-left: 27px;    margin-top: auto; margin-bottom: auto;     width: 15px !important; height: 20px !important;}
    .itens-no-ticket-css {    min-height: 189px;    height: auto; overflow-y: hidden;}
    .modal-grid {display: grid;grid-template-rows: 60px 6fr 4fr;grid-template-areas: "head" "body" "foot";}
    .posisition-grid-modal-header{ grid-area: head-start;}
    .position-grid-modal-body{ grid-area: body-start;height: 100%;    display: block;}
    .posisition-grid-modal-footer{ grid-area: foot-start;}
    .grid-cupom-ticket-mobile {    display: grid;    grid-template-columns: 110px auto 30px;  grid-template-areas: "temcupom cupom botao"; grid-gap: 25px;}
    .grid-cupom-area-temcupom {grid-area: temcupom;}
    .grid-cupom-area-cupom {grid-area: cupom;}
    .grid-cupom-area-botao {grid-area: botao;}
    .qntd-elementos-ticket { vertical-align: bottom; font-size: 25px; margin-left: 0px; margin-right: 10px; }
    .icone-ticket { margin-left: 0px; margin-top: auto; margin-bottom: auto; width: 15px !important; height: 20px !important; }
    .btn-block { height: auto; width: 90%; margin-left: 20px; color: #FFFFFF !important; background-color: #7B1FA2; font-weight: 300; font-size: 17px; padding: 8px 0; text-transform: uppercase; }
    .observacoes-ticket-tamanho { height: auto; padding-top: 10px; font-size: 15px; }
    .position-ticket { width: 100%; display: block; margin: 0 auto; transform: translateY(0); text-align: center; }
    .button-select-endereco, .button-select-endereco:hover, .button-select-endereco:active, .button-select-endereco:focus { height: 85px; width: 105px; }

    .font-erro {font-size: 20px !important;}
    .sub-font-erro {font-size: 16px !important;}
}

@media (max-width: 850px){
    .image-pizza-tam {height: 50px; width: 50px;}
    .elastic-list > li > .list-header small.break { margin: 0 30px 0;}
    .img-restaurante-avaliacao {height: 96px; width: 96px;}
    .margin-avaliacao {margin-top: 0;}
    .large-avaliacao-font{ font-size: 18px !important;}
}

@media (max-width: 780px){
    .tamanho-maximo-restaurante-breadcrumb {white-space: nowrap;max-width: 146px;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
    .culinarias-list .owl-next { display: none;}
    .culinarias-list .owl-prev { display: none;}
    .padding-carousel-restaurante {padding: 0 12px;}
    .destaqueBox .owl-item {    width: 130px !important;    margin-right: 9px !important; }
    .destaqueImg{ height: 85px !important}
    .h2-celular {font-size: 17px !important;}
    .h3-celular {font-size: 15px !important; margin-left: 5px}
    .sabores-celular { margin-bottom: 15px !important;}
    .p-elementos {font-size: 10px;}
    .img-elementos {height: 50px;}
    .btn-cat-restaurante-selec, .btn-cat-restaurante-selec:hover, .btn-cat-restaurante-selec:active, .btn-cat-restaurante-selec:focus {font-size: 15px !important; height: 40px;}
    .btn-cat-restaurante, .btn-cat-restaurante:hover, .btn-cat-restaurante:active, .btn-cat-restaurante:focus  {font-size: 15px !important; height: 31px;}
    .padding-carousel-praca{padding: 0 25px;}
    .icone-tag {height: 14px;}
    .img-restaurante-avaliacao {height: 100px; width: 100px;}
    .large-avaliacao-font {font-size: 25px !important;}
    .center-pedido-enviado {padding: 15px;}
    .box-avaliacao{margin: 2%;}
    .box-entrega{margin: 2% 30%;}
    .nome-preco-item{display: grid;grid-template-columns: 6fr 4fr;grid-template-areas: "nome preco";}
    .logo-aiqfome {position: absolute !important; left: auto; right: 10px; top: 10px;}
}

@media (max-width: 768px){
    .entrega-free {font-size: 12px !important;}
    .img-blog {width: 250px;}
    .texto-blog {width: 250px;}
    .grid-anuncio-aplicativo {    grid-template-columns: 40px 146px auto 40px;    grid-template-rows: 84px 118px 55px;}
    .mobile{ display: contents; }
    .desktop{ display: none; }
    .tamanho-botao-anuncio-app {width: 27%; margin: auto;}
    .texto-celular{ margin-bottom: 22%; }
    .width-90{ width: 80% !important; }
    .medium-margin-top-mobile{ margin-top: 5%; }
    .medium-margin-left-mobile{ margin-left: 5%; }
    .xxlarge-font{ font-size: 25px !important; }
    .big-margin-percent-left{ margin-left: 0px; }
    .elastic-list > li { padding: 0; }
    .icon-celular {width: 100%; margin-left: 0;}
    .breadcrumb-restaurante{top: 1.8%;}
    .logo-small{width: 75px !important;}
    .modal-grande { max-width: 820px !important; }

    /*barra de endereco na praca mobile*/
    .btn-barra-endereco {    max-width: 278px;    padding-top: 5px;    bottom: 10px !important;    min-height: 50px;    border-radius: 35px;    width: auto;}
    .btn-barra-endereco > .texto > strong {display: none}
    .btn-barra-endereco > .texto > span {display: flex; align-items: center; height: 100%;}
    .btn-barra-endereco > .texto > img {display: none;}
    /*fim da barra de endereco na praca*/
}

@media (max-width: 767px){
    .quantidade-pedidos {left: 11px;    top: -17px;}
    .padding-avaliacoes {padding: 0 15px;}
}

@media screen and (max-width: 600px){
    .col-xs-hidden{ display: none; }
    .celular{ display: -webkit-inline-box; max-width: 35px; margin-top: 5px; }
    .computador{ display: none; }
    .position-logo-header-mobile{margin-top: 5px;display: inline-block !important; float: right; -webkit-transform: translateX(0%) !important; -moz-transform: translateX(0%) !important; -ms-transform: translateX(0%) !important; -o-transform: translateX(0%) !important; transform: translateX(0%) !important;}
    .size-logo-header-mobile{width: 7em !important;}
    .huge-font{ font-size: 40px !important; }
    .text-center-mobile{ text-align: -webkit-center !important; float: none; }
    .col-sm-margin-percent-top{ margin-top: 10%; }
    .large-margin-top-mobile{ margin-top: 12%; }
    .col-xs-font{ font-size: 12px; }
    .img-size {height: 40px; width: 40px;}
    .image-pizza-tam {height: 30px; width: 30px;}
    .grid-pagina {padding: 20px 10%;}
    .nome-preco-item{display: grid;grid-template-columns: 1fr 1fr;grid-template-areas: "nome preco";}
    .grid-nome-cadastro{display: grid; grid-template-rows: auto auto; grid-template-columns: 30px 1fr; grid-template-areas: "imagem nome" ". sobrenome";}
    .padding-right-modal-cadastro {padding-right: 15px !important; margin-bottom: 25px;}
    .padding-left-cadastro {padding-left: 15px !important;}
}


@media (max-width: 580px){
    .margin-pizza-radio {margin-left: 10% !important;}
    .first-row {margin-top: 60px;}
    .icons-foto-perfil{ top: 60%;}
    .margin-left-x-modal {margin-left: 90% !important;}
    .width-nome-restaurante { width: 75% !important;}
}

@media(min-width: 525px){
    .cupons-usados-tiny{ display:none; }

}

@media (max-width: 576px){
    .timeline-pedidos-mobile {display: block;}
    .timeline-pedidos-desktop {display: none;}
    .medium-padding-right-mobile {padding-right: 15px !important;}
    .pos-logo-restaurante {bottom: -61% !important;}
    .font-erro {font-size: 16px !important;}
    .sub-font-erro {font-size: 14px !important;}
}

@media (max-width: 525px){
    .entrega-free{ left: 32%; top: 2px; padding: 5px;}
    .padding-modal-add-item{padding: 0px 16px !important}
    .col-entrega{ width: 100% }
    .padding-add-item-micro-celular {padding: 0 16px;}
    .cupons-usados{ display:none; }
    .historico-cupons{width: auto; display: table; margin: auto;}
    .pos-logo-restaurante {bottom: -64% !important;}
}

@media screen and (max-width: 500px){
    .login-modal{ left: 0; width: 100%; margin: 0; }
    .avaliacao-modal{ left: 0; width: 100%; margin: 0; }
    .modal-body{ padding: 0; }
    .descricao{ font-size: 16px !important; }
    .precos-modal {line-height: 1; padding: 0; top: -5px;}
    .grid-pagina {padding: 20px 2%;}
    .button-select-endereco, .button-select-endereco:hover, .button-select-endereco:active, .button-select-endereco:focus{ margin: 3% 0; }
    .search__field:focus, .search__field:not(:placeholder-shown) { border-bottom-color: #fff; width: 97vw !important; right: 0; color: #fff; cursor: default; top: -9px; height: 44px;}
    .box-avaliacao{ font-size: 0.6em !important; }
    .box-entrega{  font-size: 0.6em !important;  }
    .grid-anuncio-aplicativo {    grid-template-columns: 40px 0px auto 40px;    grid-template-rows: 0 150px auto;}
    .ellipsis-modal-item { overflow: hidden; text-overflow: ellipsis; transition: all .2s linear; white-space: unset; max-width: 65%;}
}


@media(max-width: 440px){
    .no-padding-tiny-screen{ padding: 0px;}
    .no-padding-tiny-left{ padding-left: 0px;}
    .padding-pagina {padding: 0 15px;}
    .pos-logo-restaurante {bottom: -68% !important;}
    .mobile-troco-breakline {max-width: 80%;}

}

@media(min-width: 475px) and (max-width: 576px){
    .col-xs-4{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
}

@media(max-width: 465px){
    .center-tiny-screen{ float: inherit; margin-bottom: 15px;}
}

@media (max-width: 425px){
    .checkout-enviar-pedido{ font-size: 14px !important;}
    .tamanho-pizza-4 {width: 25%; height: 90px;}
    .tamanho-pizza-3 {width: 33%; height: 90px;}
    .tamanho-pizza-2 {width: 50%; height: 90px;}
    .padding-sabores-pizza {padding-top: 7px !important;}
    .imagem-mao-esquerda {height: 50px; }
    .imagem-mao-direita {height: 50px; margin-left: 150px; }
    .margin-3 {margin-left: 0;}
    .margin-4 {margin-left: 0;}
    .padding-itens{padding: 0 !important;}
    .grid-pagina {padding: 20px 15px;}
    .box-avaliacao{margin: 0;}
    .box-entrega{margin: 0;}
    .button-select-endereco-minhas-coisas, .button-select-endereco-minhas-coisas:hover, .button-select-endereco-minhas-coisas:active, .button-select-endereco-minhas-coisas:focus{ height: 85px; width: 100px; margin: 3% 3% 0px 3%; }
}

@media (max-width: 400px){
    .font-erro {font-size: 14px !important;}
    .sub-font-erro {font-size: 12px !important;}
    .mobile-troco-breakline {max-width: 91%;}
    .pos-logo-restaurante {bottom: -72% !important;}
    .nome-preco-item{grid-template-columns: 1fr 93px;}
    .posicao-favoritos{width: 28px;display: block;position: absolute;top: -12px;left: -12px;}
    .item-sizes span{font-size: 12px;}
    .texto-celular {margin-bottom: 0;}
    .texto-anuncio-aplicativo {display: block;}
    .font-info {font-size: 14px !important;}
    .grid-anuncio-aplicativo{grid-template-columns: auto;    grid-template-rows: auto;}
    .grid-anuncio-aplicativo-celular{display: none;}
    .div-texto-celular {padding: 0 15px !important;}
    .btn-block {height: auto; width: 90%;  margin-left: 20px;    color: #FFFFFF !important;    background-color: #7B1FA2;    font-weight: 300;    font-size: 13px; padding: 10px 0;}
    @-webkit-keyframes animacao-mao-direita {    0% {margin-top: 0;}   20%  { margin-left: 145px;}    40%  { margin-left: 155px; }    60%  { margin-left: 150px;}    80% { margin-top: -5px }}
    @keyframes animacao-mao-direita{    0% {margin-top: 0;}    20%  { margin-left: 145px;}    40%  { margin-left: 155px; }    60%  { margin-left: 150px;}    80% { margin-top: -5px }}
    @-webkit-keyframes toque-mao {    0%   { margin-left: 150px; }    50%  { margin-left: -16px;}    100% { margin-left: 150px; }}
    @keyframes toque-mao {    0%   { margin-left: 150px; }    50%  { margin-left: -16px;}    100% { margin-left: 150px; }}
}

@media (max-width: 370px){
    .margin-pizza-radio {margin-left: 14% !important;}
    .image-pizza-tam {height: 20px; width: 20px;}
    #qtd-input::-webkit-input-placeholder { font-size: 13px;}
    #qtd-input::-moz-placeholder { font-size: 13px;}
    .margin-quantidade-celular {margin: 0 !important;}
    .celular-preco { display: block;}
    .computador-preco {display: none;}
    .padding-inteiro{padding: 15px;}
    .margin-cupom-button {margin-left: 5px;}
    .tamanho  ul  li  label{ width: 88% !important;}
}

@media(max-width: 349px){
    .icone-cupom-usado{ width: 25px; }
    .pos-logo-restaurante {bottom: -76% !important;}
}

@media(max-width: 321px){
    .pos-logo-restaurante {bottom: -78% !important;}
    .mobile-troco-breakline {max-width: 96%;}
}

/*media min width*/
@media (min-width: 370px){
    .celular-preco {display: none;}
    .computador-preco { display: block;}
}

@media (min-width: 525px){
    .margin-elements {margin-top: -25%;}
    .padding-modal {padding: 0 40px;}
}

@media (min-width: 576px){
    .timeline-pedidos-mobile {display: none;}
    .timeline-pedidos-desktop {display: block;}
    .tamanho-modal-denuncia {max-width: 585px !important;}
    .entrega-free { left: 14em; top: 0;}
}

@media (min-width: 600px){

    .celular{ display: none; }
    .computador{ display: -webkit-inline-box; }
    .tamanho-itens{ display: block; }
}

@media (min-width: 768px){
    .entrega-free{ left: 12em; top: 1em; font-size: 18px !important;}
    .mobile{ display: none; }
    .desktop{ display: flex; }
    .modal-grande{max-width: 60% !important;}
    .modal-cadastro-tam {max-width: 60% !important;}
    .modal-avaliacoes {max-width: 975px !important;}
    .error-alert {width: 100vw;}
    .error-alert > h2{font-size: 25px !important;}
    .error-alert > p{font-size: 18px !important;}

}

@media (min-width : 780px){
    .modal-computador {max-width: 1000px !important;}
}


@media (min-width: 992px){
    .quantidade-pedidos {left: 14px;    top: -18px;}
    .ver-ticket-display {display: none;}
    .position-avaliacao-categorias {top: 5px;    left: 5px;}
    .precos-ticket {width: 100px;}
    .entrega-free {left: 18em;top: 1.5em;}
    .col-lg-text-right{ text-align: -webkit-right !important; }
    .col-lg-text-left{ text-align: left !important; }
    .precos-celular {display: none}
    .precos-computador{ display: block; }
    .texto-anuncio-aplicativo {display: block;}
    .padding-right-add-item {padding-right: 20px !important;}
    .padding-left-add-item {padding-left:  20px !important;}
    .breadcrumb-restaurante{top: 1.5%;}
    .error-alert{height: auto;}
    .img-error400{height: 245px;}
}

@media (min-width: 1200px){
    .botoes-celular{ padding-top: 26%;}
    .texto-celular { margin-top: 20%;}
    .entrega-free {left: 18em;top: 1.5em;}
    .modal-cadastro-tam {max-width: 718px !important;}
    .padding-form-cadastro {padding: 0 50px;}
    .g-container {max-width: 960px !important;}
    .error-alert{width: 70vw;}
}


@media (max-height: 560px){
    /*ticket mobile*/
    .ver-ticket-display {display: inline-block;}
    .div-btns-mobile { position: absolute; right: 0px !important; bottom: -14px !important; background: #00A296 !important; border-radius: 8px; padding: 0px 4px; width: 90px !important;}
    .padding-btns-mobile { padding: 4px 0px !important;}
    .botoes-itens-div { height: 35px;}
    .tamanho-div-botoes-itens {height: 25px; width: 25px; display: flex;}
    .position-ticket {display: block; margin: 0 auto; transform: translateY(0);}
    .ticket-btn{border: none; background-color: #441C55; width: 90%; border-radius: 5px; top:120% ; position: fixed; display: flex; z-index:75; height: auto !important; margin-right: 0; right: 5%;}
    .ticket-btn.ativado {display: none;}
    .ticket-btn.ativado-inteiro {display: none;}
    .ticket-btn.existe-item {top: 90% !important; padding: 5px;}
    .icone-ticket {margin-left: 27px;    margin-top: auto; margin-bottom: auto;     width: 15px !important; height: 20px !important;}
    .itens-no-ticket-css {    min-height: 189px;    height: auto; overflow-y: hidden;}
    .itens-no-checkout-css {height: 40%;}
    .modal-grid {display: grid;grid-template-rows: 60px 6fr 4fr;grid-template-areas: "head" "body" "foot";}
    .posisition-grid-modal-header{ grid-area: head-start;}
    .position-grid-modal-body{ grid-area: body-start;height: 100%;    display: block;}
    .posisition-grid-modal-footer{ grid-area: foot-start;}
    .grid-cupom-ticket-mobile {    display: grid;    grid-template-columns: 110px auto 30px;  grid-template-areas: "temcupom cupom botao"; grid-gap: 25px;}
    .grid-cupom-area-temcupom {grid-area: temcupom;}
    .grid-cupom-area-cupom {grid-area: cupom;}
    .grid-cupom-area-botao {grid-area: botao;}
}

@media (max-width: 320px) {
    button {padding-right: 0px; padding-bottom: 4px;}
    .input-login {border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding-left: 0}
    .small-padding-bottom {padding-bottom: 0px;}
    .grid-area-nome {margin-bottom: 30px; padding-right: 15px !important}
    .grid-area-sobrenome {padding-left: 15px !important}
    .input-large {width: 100% !important;}
    .logo-aiqfome {position: inherit !important;}
    .btn-cat-restaurante, .btn-cat-restaurante:hover {width: auto; margin: 5px;}
    .carrousel-categorias-fixado {top: 60px;}
    .form-icon-endereco {max-width: 70px;}
    .modal-novo {-webkit-overflow-scrolling: touch;}
    .margin-left-x-modal {margin-left: 75% !important}
    .imagem-item {margin-top: 10px;}
    .modal-ticket {-webkit-overflow-scrolling: touch;}
    #voltarButton {position: absolute; right: 10px; top: 8px;}
}

.search { position: absolute; top: 50%; right: 2%; -webkit-transform: translateX(-2%) translateY(-50%); transform: translateX(-2%) translateY(-50%); }
.search__wrapper{ position: relative; }
.search__field { position: absolute; width: 30px; background-color: #7b1fa2; font-family: 'Raleway', sans-serif;right: 0; border: 1px solid transparent; cursor: pointer; transition: all 0.3s ease-in-out; }
.search__field:focus, .search__field:not(:placeholder-shown) { border-bottom-color: #fff; width: 20vw; right: 0; color: #fff; cursor: default; }
.search__icon { pointer-events: none; transition: background-color 0.2s ease-in-out; position: relative; }
::placeholder{ color: #7b1fa2; }
.grey-placeholder::placeholder{ color: #707070 !important; font-family: 'Raleway', sans-serif; opacity: 0.5; font-size: 17px;}
::placeholder:focus, ::placeholder:active { color: #000; }
.search__field::-moz-placeholder, .search__field:-ms-input-placeholder, .search__field:-moz-placeholder, .search__field::-webkit-input-placeholder { position: relative; top: 0; left: 0; transition-property: top, color; transition-duration: .1s; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }
.search__field::-webkit-input-placeholder[style*=hidden], .search__field:-moz-placeholder[style*=hidden], .search__field::-moz-placeholder[style*=hidden], .search__field:-ms-input-placeholder[style*=hidden] { opacity: 1; visibility: visible !important; }

/* Ticket  */
.icone-ticket{width: 20px; height: 26px; }


/*******************************
* MODAL AS RIGHT SIDEBAR
*******************************/
    .modal.bottom .modal-dialog {position: fixed; margin: auto; max-width: 100% !important; width: 100% !important ; height: 100%; -webkit-transform: translate3d(0%, 0, 0);            -ms-transform: translate3d(0%, 0, 0);            -o-transform: translate3d(0%, 0, 0);               transform: translate3d(0%, 0, 0);   }
    .modal.bottom .modal-content {      height: 100%;       overflow-y: auto;   }
    .modal.bottom .modal-body {     padding: 15px 15px 80px;    }

/*Right*/
    .modal.bottom.fade .modal-dialog {      top: 100%;      -webkit-transition: opacity 0.2s linear, top 0.2s ease-out;        -moz-transition: opacity 0.2s linear, top 0.2s ease-out;          -o-transition: opacity 0.2s linear, top 0.2s ease-out;             transition: opacity 0.2s linear, top 0.2s ease-out; }
    .modal.bottom.fade.show .modal-dialog {     top: 60px;  }
    .modal.bottom.fade.show .modal-dialog-inteiro { width: 1000px; float: top; height: 100%; right: 0px;    }


/*******************************
* MODAL AS RIGHT SIDEBAR
*******************************/
    .modal.right .modal-dialog {position: fixed; margin: auto; max-width: 100% !important; width: 1000px !important ; height: 100%; -webkit-transform: translate3d(0%, 0, 0);           -ms-transform: translate3d(0%, 0, 0);            -o-transform: translate3d(0%, 0, 0);               transform: translate3d(0%, 0, 0);   }
    .modal.right .modal-content {       height: 100%;       overflow-y: auto;   }
    .modal.right .modal-body {      padding: 15px 15px 80px;    }

/*Right*/
    .modal.right.fade.show .modal-dialog {      right: -500px;  }
    .modal.right.fade.show .modal-dialog-inteiro {  width: 1000px; float: right; height: 100%; right: 0px;  }