:root {
	--bg-color: rgb(243, 245, 249);
	--bg-color-dados-restaurante: #fff;
}

@font-face {
    font-family: 'Infosoft-Web-V1';
    src: url('../../fonts/infosoft-web-v3.woff2');
    src: url('../../fonts/infosoft-web-v3.woff2?#iefix') format('embedded-opentype'),
         url('../../fonts/infosoft-web-v3.woff2') format('opentype');
    font-weight: normal;
    font-style: normal;
}

html, 
body,
.is-container-consumo {
    min-height: 100vh;
}


body {
  font-family: 'Infosoft-Web-V1', 'DroidSans', sans-serif;
  background-color: var(--bg-color);
}

.is-header-consumo,
.is-main-consumo,
.is-footer-consumo {
	background-color: var(--bg-color);
}

.is-container-consumo {
    width: 100%;
    max-width: 800px;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
}

.is-tarja-header {
	background-color: var(--cor-primaria);
    width: 100%;
    height: 90px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    display: flex;
    align-items: start;
    justify-content: center;
}

.is-tarja-header img {
	width: 110px;
	margin-top: 8px;
}

.is-main-consumo {
	z-index: 2;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 35px;
}

.is-main-consumo > * {
	width: 100%;
}

.is-card-informacoes-restaurante {
	min-height: 200px;
	width: 100%;
	background-color: var(--bg-color-dados-restaurante);
	position: relative;
	z-index: 2;
	margin-top: 35px;
	border-radius: 15px;
	box-shadow: 0 0.375rem 0.75rem rgb(140 152 164 / 8%);
	padding: 2em;
}

.is-img-logo-restaurante {
	border-radius: 15px;
    width: 100%;
    max-width: 250px;
    min-height: 50px;
}

.is-nome-restaurante {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 1em;
}

.is-container-informacoes-adicionais-restaurante {
	display: flex;
	justify-content: center;
	gap: 2em;
}

.is-informacao-auxiliar-restaurante {
	font-size: 11px;
	color: #677788;
	letter-spacing: 0.5px;
}

.icon-dot {
	font-size: 5px;
}

.is-info-button {
	cursor: pointer;
	transition: transform 0.2s;
}

.is-info-button:hover {
	transform: translateY(-3px);
	color: var(--cor-primaria);
}

.is-container-horario-atendimento {
	margin-top: 5px;
	display: flex;
	justify-content: center;
}

.is-footer-consumo {
	color: #677788;
	font-size: 11px;
	padding-left: 1rem;
	padding-right: 1rem;
    letter-spacing: 0.5px;
	padding-bottom: 90px;
}

.is-float-footer {
    min-height: 60px;
    width: 100%;
    max-width: 800px;
    background-color: var(--cor-primaria);
    color: var(--cor-secundaria);
    position: fixed;
    bottom: 0;
    padding-bottom: env(safe-area-inset-bottom);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    z-index: 3;
}

#footerResumoPedido,
#footerAdicionarProduto,
#footerIrParaPagamento,
#footerSelecionarFormaPagamento,
#footerPagarComCartao,
#footerConfirmarCodigoSeguranca,
#footerNovoPedido {
	height: 100%;
	padding: 1em;
}

#footerResumoPedido,
#footerPagarComCartao {
	cursor: pointer;
}

.is-valor-total-footer {
    font-weight: bold;
    letter-spacing: 1px;
}

#footerSelecionarFormaPagamento {
	cursor: pointer;
}

.is-meu-pedido-footer {
	letter-spacing: 1px;
}

.is-container-resumo-pedido-footer,
.is-container-adicionar-pedido-footer,
.is-container-ir-para-pagamento-footer,
.is-container-pagar-com-cartao,
.is-container-enviar-codigo-seguranca-footer,
.is-container-novo-pedido-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

#footerIrParaPagamento,
#footerConfirmarCodigoSeguranca,
#footerNovoPedido {
	cursor: pointer;
}

.hide {
	display: none;
}

.is-badge-nr-produtos-footer {
	width: 20px;
	height: 20px;
	align-items:center;
	border-radius: 100%;
    color: var(--cor-primaria);
    font-size: 10px;
    display: inline-flex;
    justify-content: center;
    background-color: var(--cor-secundaria);
}

.nm-grupo {
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 1rem;
}

.is-card-produto-cardapio {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #efefef;
	padding: 1rem;
	cursor: pointer;
}

.is-card-produto-cardapio:first-child {
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

.is-card-produto-cardapio:last-child {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom: none;
}

.img-cardapio-produto {
    max-width: 85px;
    min-width: 85px;
    max-height: 85px;
    min-height: 85px;
    border-radius: 15px;
    border: 1px solid rgb(232, 234, 237);
    background-color: rgb(198, 205, 212);
    object-fit: cover;
}

.container-informacoes-produto-cardapio {
	display: flex;
	gap: 1em;
	justify-content: space-between;
}

.grupo-cardapio {
	padding-bottom: 2rem;
}

.nm-produto {
	font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #55595d;
} 

.txt-detalhes {
	color: #677788;
    font-size: 11px;
}

.vlr-venda {
    color: var(--cor-primaria);
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 20px;
}

.dados-produto-cardapio {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 1em;
}

.container-voltar {
	cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    display: flex;
    gap: 1em;
    margin-bottom: 2em;
    padding-bottom: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-right: 1rem;
    margin-left: 1rem;
    border-bottom: 1px solid #d9dbdd;
}

.container-voltar .fad {
	cursor: pointer;
}

.imagem-detalhamento-produto {
    width: 100%;
    height: 150px;
    border-radius: 15px;
    margin-bottom: 20px;
    object-fit: cover;
}

.container-informacoes-detalhamento-produto,
.container-observacoes-detalhamento {
  	padding-left: 1rem;
    padding-right: 1rem;
}

.nm-produto-detalhamento {
	font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

.txt-detalhes-produto-detalhamento {
	color: #677788;
    font-size: 15px;	
    padding-top: 1rem;
}

.vlr-produto-detalhamento {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    padding-top: 1rem;
    margin-bottom: 1rem;
}

.btn-footer{
    background-color: var(--cor-secundaria);
    border: none;
    border-radius: 5px;
    color: var(--cor-primaria);
    min-width: 30px;
    min-height: 35px;
    padding: 0 1em;
    box-shadow: 0 0.375rem 0.75rem rgb(140 152 164 / 8%);
}

.nr-unidades-provisionadas {
	padding: 0 1em;
	min-width: 30px;
}

.btn-footer-adicionar{
    font-size: 13px;
    letter-spacing: 1px;
}

.link-infosoft {
	text-decoration: none;
    font-size: 12px;
    color: #677788;
}

.link-infosoft:hover {
	color: var(--cor-primaria);
}

.label-observacoes {
    letter-spacing: 1px;
    color: #677788;
    font-size: 13px;
}

.title-secao-detalhamento-produto {
    margin-left: 1rem;
    color: #677788;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 13px;
    margin-bottom: 1rem;
}

.itensComposicao,
.itensBorda,
.header-item-combo,
.itensOpcoes {
	padding-left: 1rem;
	padding-right: 1rem;
}

.conatainer-composicao-produto,
.container-borda-produto,
.container-opcao-produto {
	display: flex;
	justify-content: space-between;
	align-items: center;
    color: #677788;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #d9dbdd;
}

.container-acoes-composicao-produto {
	display: flex;
	gap: 15px;
}

.header-item-combo {
	margin-bottom: 2rem;
}

.item-produto {
	background-color: white;
	border-radius: 15px;
	margin-bottom: 2rem;
	padding: 2rem;
}

.txt-detalhes-composicao {
	font-size: 10px;
}

.composicao,
.borda,
.opcoes,
.escolher-numero-divisoes {
	margin-bottom: 4em;
	background-color: white;
    border-radius: 15px;
}

.icone-provisionar-composicao.active,
.icone-desprovisionar-composicao.active {
	color: var(--cor-primaria);
	cursor: pointer;
}

.vlr-borda {
	font-size: 12px;
    letter-spacing: 1px;
}

.container-acoes-borda,
.container-acoes-opcao {
	display: flex;
	gap: 10px;
}

input[type=checkbox] {
    width: 1em;
    height: 1em;
    background-color: white;
    border-radius: 50% !important;
    vertical-align: middle;
    border: 1px solid #ddd !important;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    border-color: transparent;
    color: white;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem var(--cor-primaria);
}

 input[type=checkbox]:checked {
    background-color: var(--cor-primaria);
}

.vlr-venda-composicao {
	    font-size: 12px;
    letter-spacing: 1px;
}

.contador-itens-combo {
	color: var(--cor-primaria);
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
}

.container-lista-produtos-resumo {
	background-color: #fff;
	border-radius: 15px;
}

.container-header-combo {
	display: flex;
	justify-content: space-between;
}

.header-lista-produtos {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 1px;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #d9dbdd;
}

.container-item-resumo {
	display: flex;
	flex-direction: column;
    color: #677788;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #d9dbdd;
}

.flex-space {
	display: flex;
	justify-content: space-between;
}

.container-acoes-produto-resumo {
	display: flex;
	gap: 10px;
}

.offcanvas-acoes-produto {
    max-width: 800px;
    margin: auto;
    max-height: 150px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.item-offcanvas-acoes {
	font-weight: bold;
	letter-spacing: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}

#offcanvasAcoesProduto .offcanvas-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.container-resumo,
.container-formas-pagamento,
.container-acompanhamento,
.container-pix,
.container-cartao,
.container-codigo-seguranca {
	border-radius: 15px;
	background-color: #FFF;
	padding: 2rem;
    margin-bottom: 2rem;
}

.title-resumo {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 3rem;
}

.label-resumo {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}

.container-opcao-entrega {
	display: flex;
    justify-content: space-between;
    color: #525252;
    font-size: 14px;
    letter-spacing: 1px;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border-bottom: 1px solid #d9dbdd;
    align-items: center;
}

.opcoes-entrega {
	margin-bottom: 3rem;
}

#enderecoEntrega {
    padding: 2rem;
    background-color: #f3f5f9;
    border-radius: 15px;
}

.titulo-endereco-entrega {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 3rem !important;
}

#labelMunicipio,
#labelTaxaEntrega {
	font-size: 11px;
    padding-left: 1rem;
    padding-top: 5px;
    color: var(--cor-primaria);
    font-weight: bold;
    letter-spacing: 1px;
}

.container-forma-pagamento {
	justify-content: space-between;
    color: var(--cor-primaria);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #d9dbdd;
    font-weight: bold;
    letter-spacing: 1px;
    display: flex;
    font-size: 13px;
    align-items: center;
    cursor: pointer;
}

.container-forma-pagamento .fad {
	font-size: 20px;
}

.container-img-codigo-seguranca {
	display: flex;
	justify-content: center;
}

.title-codigo-seguranca {
	text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}

.row-codigo-seguranca {
	display: flex;
    gap: 1rem;
}

.input-codigo-seguranca {
	font-size: 30px;
    text-align: center;
}

.subtitle-codigo-seguranca {
	color: #677788;
    font-size: 13px;
    text-align: center;
    margin-bottom: 2rem;
}

.container-img-pix {
	display: flex;
    justify-content: center;
}

#vlrTotalPix,
#vlrTotalCartao {
    text-align: center;
    font-weight: bold;
    color: var(--cor-primaria);
}

#labelPagamentoPix,
#labelPagamentoCartao {
	text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.subtitle-pagamento-pix,
.subtitle-pagamento-cartao {
    text-align: center;
    font-size: 14px;
    color: #677788;
}

.title-cartao {
    color: #677788;
    text-align: center;
    margin-top: 1rem;
    font-weight: bold;	
}

.input-underline {
	border: none !important;
    border-bottom: 1px solid var(--cor-primaria) !important;
    border-radius: 0px !important;
}

.content-copiado-pix {
	opacity: 0;
	color: hsla(151, 99.9%, 28.0%, 0.812);
	transition: opacity 1.5s;
}

.content-copiado-pix.active {
	opacity: 1;
}

.btn-copiar-pix {
    max-width: 300px;
    width: 100%;
    font-size: 12px;
    margin-top: 1rem;
}

.title-acompanhamento {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

.steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
}
.step-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    background-color: var(--prm-gray);
    transition: .4s;
}
.step-button[aria-expanded="true"] {
    width: 60px;
    height: 60px;
    background-color: var(--cor-primaria);
    color: #fff;
}
.done {
    background-color: var(--cor-primaria);
    color: #fff;
}
.step-item {
    z-index: 10;
    text-align: center;
}
#progress {
  -webkit-appearance:none;
    position: absolute;
    width: 95%;
    z-index: 5;
    height: 10px;
    margin-left: 18px;
}
/* to customize progress bar */
#progress::-webkit-progress-value {
    background-color: var(--cor-primaria);
    transition: .5s ease;
}
#progress::-webkit-progress-bar {
    background-color: #f1f1f1;

}

.step-button  {
    background-color: #ffffff;
    color: var(--cor-primaria);
    border: 1px solid;
}

.step-button.done {
    background-color: var(--cor-primaria);
    color: #fff;
    border: 1px solid var(--cor-primaria);
}

.container-detalhes-acompanhamento {
    background-color: #f1f1f1;
    border-radius: 20px;
    padding: 1rem;
}

.label-detalhes-acompanhamento {
	font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
}

.detalhes-acompanhamento {
   	color: #677788;
    letter-spacing: 0.5px;
    font-size: 12px;
}

.sign-obligate {
	color: red;
}

#titleVlrTotalFormaPagamento {
    text-align: center;
    font-size: 50px;
    font-weight: bold;
}

#descricaoVlrTotalFormaPagamento {
    text-align: center;
    font-size: 12px;
    color: #677788;
    letter-spacing: 1px;
}

/***
SKELETON
****/

.skeleton-active .skeleton-label {
  	 color: transparent !important;
  	 border: none !important;
	 border-radius: 5px;
     animation: skeleton-loading 1s linear infinite alternate;
     pointer-events: none;
}

.skeleton-active .skeleton-text {
  	 color: transparent !important;
  	 border: none !important;
	 border-radius: 5px;
     animation: skeleton-loading 1s linear infinite alternate;
     pointer-events: none;	
}

.skeleton-active .skeleton-text .is-path-page {
	color: transparent !important;
}

.skeleton-active .skeleton-input {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
    background-image: none !important;
}

.skeleton-active .skeleton-input::-webkit-resizer {
  display: none;
}

.skeleton-active .skeleton-table {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-img {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-img-square {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-img-circle {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-button {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-chart {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-icon {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-input-group {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-input-group * {
	opacity: 0 !important;
}

.skeleton-active .skeleton-tabs {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-table thead,
.skeleton-active .skeleton-table tbody {
	opacity: 0;
}

.skeleton-active .skeleton-tabs .nav-link {
	color: transparent !important;
	border-bottom-color: transparent !important;
}

.skeleton-active .select-list-btn.skeleton-input,
.skeleton-active .select-list-btn.skeleton-input .icon-select-list {
	color: transparent !important;
} 

.skeleton-active .skeleton-label::placeholder,
.skeleton-active .skeleton-table::placeholder,
.skeleton-active .skeleton-img::placeholder,
.skeleton-active .skeleton-img-square::placeholder,
.skeleton-active .skeleton-img-circle::placeholder,
.skeleton-active .skeleton-button::placeholder,
.skeleton-active .skeleton-chart::placeholder,
.skeleton-active .skeleton-icon::placeholder,
.skeleton-active .skeleton-input-group::placeholder,
.skeleton-active .skeleton-input::placeholder {
    color: transparent !important;
}

.skeleton-active .skeleton-label::-webkit-input-placeholder,
.skeleton-active .skeleton-table::-webkit-input-placeholder,
.skeleton-active .skeleton-img::-webkit-input-placeholder,
.skeleton-active .skeleton-img-square::-webkit-input-placeholder,
.skeleton-active .skeleton-img-circle::-webkit-input-placeholder,
.skeleton-active .skeleton-button::-webkit-input-placeholder,
.skeleton-active .skeleton-chart::-webkit-input-placeholder,
.skeleton-active .skeleton-icon::-webkit-input-placeholder,
.skeleton-active .skeleton-input-group::-webkit-input-placeholder,
.skeleton-active .skeleton-input::-webkit-input-placeholder {
    color: transparent !important;
}

.skeleton-active .skeleton-label:-moz-placeholder,
.skeleton-active .skeleton-table:-moz-placeholder,
.skeleton-active .skeleton-img:-moz-placeholder,
.skeleton-active .skeleton-img-square:-moz-placeholder,
.skeleton-active .skeleton-img-circle:-moz-placeholder,
.skeleton-active .skeleton-button:-moz-placeholder,
.skeleton-active .skeleton-chart:-moz-placeholder,
.skeleton-active .skeleton-icon:-moz-placeholder,
.skeleton-active .skeleton-input-group:-moz-placeholder,
.skeleton-active .skeleton-input:-moz-placeholder {
    color: transparent !important;
}

.skeleton-active .skeleton-label::-moz-placeholder,
.skeleton-active .skeleton-table::-moz-placeholder,
.skeleton-active .skeleton-img::-moz-placeholder,
.skeleton-active .skeleton-img-square::-moz-placeholder,
.skeleton-active .skeleton-img-circle::-moz-placeholder,
.skeleton-active .skeleton-button::-moz-placeholder,
.skeleton-active .skeleton-chart::-moz-placeholder,
.skeleton-active .skeleton-icon::-moz-placeholder,
.skeleton-active .skeleton-input-group::-moz-placeholder,
.skeleton-active .skeleton-input::-moz-placeholder {
    color: transparent !important;
}

.skeleton-active .skeleton-label:-ms-input-placeholder,
.skeleton-active .skeleton-table:-ms-input-placeholder,
.skeleton-active .skeleton-img:-ms-input-placeholder,
.skeleton-active .skeleton-img-square:-ms-input-placeholder,
.skeleton-active .skeleton-img-circle:-ms-input-placeholder,
.skeleton-active .skeleton-button:-ms-input-placeholder,
.skeleton-active .skeleton-chart:-ms-input-placeholder,
.skeleton-active .skeleton-icon:-ms-input-placeholder,
.skeleton-active .skeleton-input-group:-ms-input-placeholder,
.skeleton-active .skeleton-input:-ms-input-placeholder {
    color: transparent !important;
}

.skeleton-active .skeleton-label::input-placeholder,
.skeleton-active .skeleton-table::input-placeholder,
.skeleton-active .skeleton-img::input-placeholder,
.skeleton-active .skeleton-img-square::input-placeholder,
.skeleton-active .skeleton-img-circle::input-placeholder,
.skeleton-active .skeleton-button::input-placeholder,
.skeleton-active .skeleton-chart::input-placeholder,
.skeleton-active .skeleton-icon::input-placeholder,
.skeleton-active .skeleton-input-group::input-placeholder,
.skeleton-active .skeleton-input::input-placeholder {
    color: transparent !important;
}

@keyframes skeleton-loading {
  
  0% {
    background-color: #f1f1f1;
  }

  100% {
    background-color: #d1d1d1;
  }
  
}

/****
*****/

/*************************
**************************
**************************/

.ui-widget.ui-widget-content  {
	padding: 0.4em;
}

.ui-widget.ui-widget-content .ui-menu-item {
    border: 0 none;
    font-weight: normal;
    margin: 1px 0;
    padding: 3px;
    text-align: left;
    letter-spacing: 0.02em;
}

.ui-widget.ui-widget-content .li-small-menu-item,
.ui-widget.ui-widget-content .small-menu-item {
     margin-bottom: 0px !important;
}

.ui-menu-item .ui-state-active {
    border-radius: 0.4em;
    border: none;
    background-color: var(--cor-primaria);
    color: #fff !important;
    border-color: transparent;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 4%) !important;
}

.autocomplete-format-item .small-menu-item {
    padding: 6px;
}

.ui-state-active .autocomplete-info-not-found,
.ui-state-active .icon-autocomplete-info-not-found  {
	color: #fff !important;
}

.ui-menu-item .ui-state-active .small-text{
    color: #fff !important;
}

.ui-menu-item .ui-state-active .fa,
.ui-menu-item .ui-state-active .fas,
.ui-menu-item .ui-state-active .fad,
.ui-menu-item .ui-state-active .glyphicon {
    color: #fff !important;
}

.container-img-closed {
	display: flex;
	justify-content: center;
}

.title-restaurante-closed {
    text-align: center;
    color: var(--cor-primaria);
}

.descricao-restaurante-closed {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 13px;
    color: #677788;
}

.composicao-produto.active .nm-composicao {
    font-weight: bold;
    color: var(--cor-primaria);
}

.container-codigo-seguranca {
	min-height: 400px;
	display: flex;
	align-items: center;
}

.container-filtro-composicao {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
}

.container-title-composicao {
	display: flex;
	justify-content: space-between;
}

.dados-composicoes-selecionadas {
	font-size: 12px;
    padding-right: 1rem;
    letter-spacing: 0.5px;
    color: var(--cor-primaria);
}

.container-maior-18-anos {
    color: red;
    font-size: 14px;
    background-color: #fff;
    padding: 1rem;
    border-radius: 15px;
    margin-bottom: 1rem;
}

.container-maior-18-anos .fad {
	width: 20px;
}

.container-resumo-maior-18-anos {
	display: flex;
	align-content: center;
    font-size: 14px;
    background-color: #f3f5f9;
    padding: 1rem;
    margin-top: 2rem;
    border-radius: 15px;
    color: red;
    gap: 1rem;
}

#troco {
    margin-top: 2rem;
    padding: 1rem;
    background-color: #f3f5f9;
    border-radius: 15px;
}

.container-reenviar-codigo {
    display: flex;
    justify-content: center;
    margin-top: 1em;
    color: #677788;
    font-size: 13px;
    gap: 1em;
    align-items: center;
}

.acao-reenviar-codigo {
    color: var(--cor-primaria);
    font-weight: bold;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.footer-closed {
    padding-bottom: 20px;
}

.dados-composicoes-selecionadas {
	font-weight: normal;
}

.container-img-produto-cardapio {
	display: flex;
	align-items: center;
}

.container-produto-detalhamento {
	padding-left: 2rem;
}

.nome-produto-detalhamento {
	display: none;
	font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.detalhamento-combo .nome-produto-detalhamento {
	display: block;
}

.detalhamento-combo .container-info-detalhamento {
	padding-left: 2rem;
}

.container-info-detalhamento {
	display: flex;
	gap: 5px;
	font-size: 11px;
	margin-bottom: 0.5em;
}

.container-info-detalhamento:first-child,
.container-nome-produto-detalhamento {
	margin-top: 0.5em; 
} 

.container-nome-produto-detalhamento {
	margin-bottom: 0.5em;
}

.tp-entrega {
    font-weight: bold;
    font-size: 11px;
}

.tempo-espera-tp-entrega {
    font-size: 11px;
}

#numeroTelefoneSms {
    font-weight: bold;
    color: var(--cor-primaria);
}

.active .vlr-venda-composicao {
	color: red;
}

.container-cards-peca-novamente {
	gap: 2em;
	display: flex;
	margin-bottom: 2rem;
}

.card-peca-novamente {
    min-height: 100px;
    background-color: #fff;
    padding: 1em;
    padding-left: 1.5em;
    border-radius: 15px;
    flex: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
}

.dt-ultimo-pedido {
	font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #55595d;
}

.item-ultimo-pedido {
    color: #677788;
    font-size: 11px;
}

.container-endereco-acompanhamento {
	margin-top: 2rem;
	margin-bottom: 2rem;
    padding: 1rem;
    background-color: #f3f5f9;
    border-radius: 15px;
}

.title-endereco-acompanhamento {
	font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 12px;
    color: #75868f;
}

.endereco-acompanhamento {
    font-size: 13px;
    color: #677788;
}

.repetir-pedido {
    border: 1px solid #ececec;
    padding: 1rem;
    border-radius: 15px;
    background-color: #f3f5f9;
    color: var(--cor-primaria);
    font-size: 12px;
    letter-spacing: 1px;
}

.container-peca-novamente {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.informacoes-peca-novamente {
	display: flex;
	align-items: center;
	gap: 1.5em;
}

.lista-itens-ultimo-pedido {
    padding-top: 0.2em;
}

#listaProdutosAcompanhamentoPedido {
	padding: 0 2rem;
}

.icone-peca-novamente {
	font-size: 55px;
    color: var(--cor-primaria);
}

.bloqueio-load {
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0px;
    left: 0;
    top: 0;
    background-color: #696969;
    z-index: 10000;
}

.bloqueio-load img {
    position: absolute;
    left: 45%;
    top: 45%;
}

.container-opcoes-escolha-divisoes {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 2em;
	grid-row-gap: 2em;
}

.card-opcao-divisao {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 1em;
	padding: 1em;
	border: 1px solid rgb(243, 245, 249);
	border-radius: 15px;
	transition: transform 0.2s;
	cursor: pointer;
}

.card-opcao-divisao:hover {
	transform: translateY(-5px);
}

.card-opcao-divisao.active {
	border: 1px solid var(--cor-primaria);
}

.card-opcao-divisao > img {
	width: 50px;
}

.title-numero-divisao-sabor {
    font-size: 13px;
    color: #677788;
    letter-spacing: 0.5px;
}

.is-hide {
    display: none !important;
}

.card-opcao-divisao.active .title-numero-divisao-sabor {
	color: var(--cor-primaria);
}

@media screen and (max-width: 720px){
	
	.container-opcoes-escolha-divisoes {
		grid-template-columns: repeat(2, 1fr);
	}
	
}

@media screen and (min-width: 720px){
	
	.imagem-detalhamento-produto {
    	height: 300px;
    }
}