@font-face {
  font-family: lince;
  src: url(../fonts/lince.eot?1o9cjp);
  src: url(../fonts/lince.eot?#iefix1o9cjp) format("embedded-opentype"), url(../fonts/lince.woff?1o9cjp) format("woff"), url(../fonts/lince.ttf?1o9cjp) format("truetype"), url(../fonts/lince.svg?1o9cjp#lince) format("svg");
  font-weight: 400;
  font-style: normal; }

body {
  padding: 0px !important;
}

.font-lince::before {
  font-family: lince;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\e600"; }

.btn-off {
  border-color: #ff9800;
  background-color: #ff9800; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #4b1a76; }


.font-lince {
  font-size: 1.75rem;
  line-height: 27px; }
  .font-lince:hover, .font-lince:focus, .font-lince:active {
    text-decoration: none; }

.sweet-alert .btn {
  margin: 0 .2rem; }

.pedido__subtotal {
  text-align: right; }

.loader-overlay,
.loader-content {
  background-color: var(--primary-color); }

.page-aside .floating-label {
  margin-left: 2.2rem; }

.page-aside .input-group .floating-label {
  margin-left: 0; }

.page-aside .input-group {
  margin-left: -1rem; }

.page-aside .form-group {
  padding-left: 30px;
  padding-right: 15px; }

.pagination-container {
  text-align: center; }

.page-index .td-actions,
.page-index .th-actions {
  text-align: center; }

.page-bairros .bairroModal.is-view .btn-editar {
  display: none; }

.page-cupons .cupomModal .checkbox-percentual {
  margin-top: 2.5rem; }

.icon {
  position: relative;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  line-height: 1; }

.widget {
  position: relative;
  background-color: #fff;
  margin-bottom: 30px; }

.widget-shadow {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); }

.widget {
  border-radius: 3px; }

.height-50 {
  height: 50px; }

.margin-bottom-20 {
  margin-bottom: 20px !important; }

.margin-right-5 {
  margin-right: 5px !important; }

.padding-20 {
  padding: 20px !important; }

.padding-vertical-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.padding-top-10 {
  padding-top: 10px !important; }

/*! CSS Used from: http://getbootstrapadmin.com/remark/material/base/assets/examples/css/dashboard/v1.min.css?v2.2.0 */
.dashboard .widget {
  height: -webkit-calc(100% - 30px);
  height: calc(100% - 30px); }

.dashboard .widget-content {
  height: 100%;
  border-radius: 3px; }

#widgetLineareaOne .ct-chart .ct-area {
  fill-opacity: 1; }

#widgetLineareaOne .ct-chart .ct-series.ct-series-a .ct-area {
  fill: #7986cb; }

.widget-number {
  text-align: center;
  margin: 25px 0 15px 0; }

.widget-title {
  text-align: center;
  font-size: 16px;
  border-bottom: 1px solid whitesmoke;
  padding-bottom: 15px;
  padding-top: 6px;
  text-transform: uppercase; }

.pearl {
  cursor: pointer; }
  .pearl:not(.done):hover .pearl-number {
    color: var(--primary-color);
    background: #ffffff;
    border: 2px solid var(--primary-color); }

.pearl:after, .pearl:before {
  -webkit-transition: 0.2s all linear;
  -o-transition: 0.2s all linear;
  transition: 0.2s all linear; }

@media (min-width: 768px) {
  .panel > .table-responsive {
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 30px; } }

.table.table-striped thead {
  background: rgba(236, 239, 241, 0.25); }

.panel-title {
  color: var(--primary-color); }

.td-no-results {
  padding: 40px !important; }

thead th b {
  font-weight: 500; }

.site-navbar {
  background: transparent;
  height: auto;
  max-height: 132px;
}

.site-navbar .nav-page-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
  width: 100%;
}

  .site-navbar .nav-page-col {
    vertical-align: middle;
    display: inline-block; }
  .site-navbar .nav-page-logo {
    background: transparent;
    line-height: 86px; }
  .site-navbar .nav-page-title {
    background: transparent;
    text-shadow: none;
    color: white;
    text-align: center; }

.navbar-brand-logo {
  width: auto;
  height: 60px;
}

.page-content {
  padding: 50px 30px 30px 30px; }

body.page {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative; }

.font-lince {
  color: var(--primary-color) !important; }

.page-all-content {
  min-height: calc(100vh - 110px); }

.panel-line.panel-info .panel-title {
  color: var(--primary-color) !important; }

.panel-line.panel-info .panel-title.text-danger {
  color: #f44336!important; 
}

.table-striped tbody tr:nth-of-type(odd) {
  background: transparent; }

.table td, .table th {
  vertical-align: middle; }

.td-actions .btn.btn-sm.btn-icon.btn-danger,
.td-actions .btn.btn-sm.btn-icon.btn-warning {
  display: none; }

.panel-line.panel-info .panel-heading {
  color: var(--primary-color);
  background: 0 0;
  border-top-color: var(--primary-color); }

.table-striped tr th:nth-child(1),
.table-striped tr td:nth-child(1) {
  width: 12%;
  padding-left: 12px !important; }

.table-striped tr th:nth-child(2),
.table-striped tr td:nth-child(2) {
  width: 35%;
  border-bottom: 1px;
}

.table-striped tr th:nth-child(3),
.table-striped tr td:nth-child(3) {
  width: 16%; }

.table-striped tr th:nth-child(4),
.table-striped tr td:nth-child(4) {
  width: 12%; }

.table-striped tr th:nth-child(5),
.table-striped tr td:nth-child(5) {
  width: 24%; }

.pedido__subtotal td[colspan="4"] {
  padding-top: 20px; }

a, a:focus, a:active, a:hover {
  color: var(--primary-color);
  text-decoration: none !important; }

.pearl.done .pearl-icon, .pearl.done .pearl-number {
  background-color: var(--primary-color);
  border-color: var(--primary-color); }

.pearl.current .pearl-icon, .pearl.current .pearl-number {
  color: var(--primary-color);
  background-color: #fff;
  border-color: var(--primary-color); }

.pearl.current:after, .pearl.current:before,
.pearl.done:after, .pearl.done:before {
  background-color: var(--primary-color); }

.panel-body {
  padding: 24px 30px; }

.modalLinkCancelar {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 15px;
  display: inline-block; }
  .modalLinkCancelar .md-delete {
    margin-right: 2px; }
  .modalLinkCancelar span, .modalLinkCancelar i {
    vertical-align: middle; }

.modal-body.pedido .panel.pedidos {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 15px; 
}

.dropdown-options{
  display: flex;
  margin-right: 21px;
  margin-top: -2px;
  border-radius: 0px 0px 4px 4px !important;
  border-top: none !important;
  justify-content: center;
}

.dropdown-buttom{
  display: inline;
  font-size: 20px;
  color: var(--primary-color);
}

.button-modal.options-l{
  border-radius: 4px 0px 0px 4px;
  width: 130px;
}
.button-modal.options-r{
  padding: 0px;
  margin: 0px;
  margin-left: -5px;
  border-left: solid 1px;
  border-radius: 0px 4px 4px 0px;
}
.btn-primary,
.btn-primary:hover,
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
  border-color: var(--primary-color);
  background-color: var(--primary-color); }

.pearls .pearl.current:last-child .pearl-number {
  background: var(--primary-color);
  color: white; }

b {
  font-weight: 500; }

.item-estabelecimento {
  display: inline-block;
  vertical-align: middle;
  color: white;
  text-align: center;
  margin: 13px 0; }

.item-estabelecimento + .item-estabelecimento {
  margin-left: 10px; }

.item-estabelecimento > div {
  margin-bottom: 0; }

.download-dpritnt {
  font-size: 14px;
  border: 0px;
  background-color: transparent;
  color: var(--primary-color);
  cursor: pointer; }

div[data-title="Pedidos"] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

div#btn-groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.botao-configuracao a {
  margin-top: -34px;
  margin-left: 5px;
  padding: 2px 10px 2px; }

.trocaEstabelecimento {
  padding: 2px 10px 2px;
  margin-right: 4px; }

.trocaEstabelecimento i {
  margin-right: 5px; }

#pdPrintModal .modal-footer {
  text-align: left; }

#btn-groups .btn-secondary {
  border-color: #fff; }

.switch-toggle {
  background: #fff;
  border-radius: 4px;
  font-size: 13px;
  width: 127px; }

.form-group .pgto-item img {
  cursor: pointer; }

.modal-alerta {
  text-align: center;
  padding: 0 !important; }

.modal-alerta:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

.modal-alerta .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.modal-alerta .modal-header {
  background-color: var(--primary-color); }

.modal-alerta .modal-header h4,
.modal-alerta .modal-header .close {
  color: #FFF; }

.modal-alerta .modal-footer .btn-danger {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--primary-color);
  background: #FFF;
  border-color: #FFF;
  text-decoration: none !important; }

.titulo-est {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
  padding: 10px 30px;
  border-left: 1px solid #ffffff2e; }

.margin-right-20 {
  margin-right: 20px; }

.item-estabelecimento .est-nome {
  font-size: 12px;
  margin-bottom: 5px;
  max-height: 27px;
  line-height: 120%;
  overflow: hidden;
}

.ped-cli_nome {
  font-weight: 500; }

.ped-ped_valor_total {
  font-weight: 500;
  color: #af5757; }

.ped-ped_valor_total.color-green {
  color: #2a9e2e; }

.pedidos tbody tr:hover {
  background-color: #edf9ed !important; }

.pgto-item img {
  width: 44px; 
}

.pgto-item.form-group {
  margin-bottom: 10px; }

.pgto-options {
  margin-top: 2px; }

#comboModal {
  overflow: scroll; }

.btn {
  font-weight: 400; }

.switch-toggle label {
  overflow: hidden; }

.panel-body.cliente-info {
  padding: 0 20px; }

.show-for-mobile {
  display: none; }

.btn-menu-mobile {
  background: transparent;
  border: 0px;
  color: #fff;
  font-size: 36px; }

.switch-toggle a.btn-danger,
.switch-toggle a.btn-warning {
  left: 0%;
}
.switch-toggle a.btn-success {
  left: 50%;
}

.menu-container .switch-toggle a {
  top: calc(50% - 7.5px);
  left: 5px;
}

.menu-container .switch-toggle a.btn-success {
  left: calc(100% - 20px);
}
  
#lancamentoModal .modal-body {
  padding: 0px 20px 20px; }

#lancamentoModal .panel-title {
  display: block;
  padding: 20px 30px 0; }

.carrinho .card,
.lista-produtos .card,
.lista-categorias .card {
  padding: 0;
  border-radius: 0.5rem;
}
.lista-categorias button {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.secao-principal {
  flex: 1;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card-produtos {
  padding: 10px 10px 0px 10px;
}

.btn-conectar-whatsapp {
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
  padding: 8px 16px;
  border-radius: 50px;
  background-color: #ffffff34;
  cursor: pointer;
}

.btn-conectar-whatsapp:hover {
  background-color: rgba(255, 255, 255, 0.404) !important;
}

@media (max-width: 900px) {
  .hide-for-mobile {
    display: none !important; }
  .MenuChefOpen, .MenuChef-close {
    z-index: 1501 !important;
    position: fixed !important; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #fff !important; }
  .MenuChef[data-scheme=black] {
    background-color: var(--primary-color) !important; }
  .MenuChef[data-scheme=black] .MenuChef-links-link {
    color: #fff !important; }
  .hamburger .hamburger-bar, .hamburger:after, .hamburger:before {
    background: transparent !important; }
  #estabelecimentosMenuModal .est-nome {
    color: #000;
    text-align: justify;
    font-size: 15px;
    padding-bottom: 10px;
  }
  #estabelecimentosMenuModal .modal-title, #estabelecimentosMenuModal .modal-body {
    text-align: center; }
  #confirmacaoModal {
    z-index: 1701; }
  .item-estabelecimento-modal {
    margin-left: 15px !important; }
  .show-for-mobile {
    display: block; }
  #estabelecimentosMenuModal .modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  #estabelecimentosMenuModal .item-estabelecimento {
    margin-left: 15px;
    text-align: start;
    margin: 10px 0;
  }
  #estabelecimentosMenuModal .botao-configuracao {
    margin-top: 40px;
    margin-left: 10px;
    text-align: start;
   }
  #estabelecimentosMenuModal .estabelecimentos-container {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
  }
  #estabelecimentosMenuModal .configuracoes-container {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-left: 15px;
  }
  #estabelecimentosMenuModal .configuracoes-container .item-estabelecimento {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 20px;
  }
  #estabelecimentosMenuModal .configuracoes-container .modal-title {
    margin-bottom: 20px;
    width: 90%;
  }

  .pagamento-form-mobile{
    display:flex;
    gap:1px 0;
    flex-wrap: wrap;
  }
  .pagamento-form-mobile .pl-1{
    width: 50%;
  }
  .pagamento-form-mobile .pl-0{
    width: 100%;
  }
  .btn-menu-mobile:focus {
    outline: none; } 
}

.__jivoMobileButton {
  z-index: 999 !important;
}

/*.div-float-chatbot {
  position: fixed;
  left: 30px;
  bottom: 210px;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
  border-radius: 50%;
}*/

#btn-float-chatbot button img {
  width: 35px;
  height: 35px;
}
#btn-float-chatbot button {
  cursor: pointer;
  background: transparent;
  border: none;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #4caf50;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#btn-float-chatbot button:hover,
#btn-float-chatbot button:focus,
#btn-float-chatbot button:target
{
  outline: 0;
}
#btn-float-chatbot .dropdown-menu {
  left: 60px !important;
  bottom: 0 !important;
  top: auto !important;
  width: 250px !important;
}
.qtd-atendimento {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f3493c;
  color: #fff;
  position: absolute;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 99;
}
.atendimento-acoes {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.link-atendimento_chat {
  display: flex;
}
a.reativar-atendimento {
  color: #333 !important;
}
.reativar-atendimento:hover {
  filter: brightness(0.95);
}
.reativar-atendimento {
  background-color: #fff;
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid currentColor;
  cursor: pointer;
}
.reativar-atendimento-disabled,
.reativar-atendimento-disabled:hover,
.reativar-atendimento-disabled:focus
{
  filter: brightness(0.8) !important;
}

@media (width < 976px){
  .footer-wrapper{
    padding-top: 10px;
  }

  .custom-length{
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    text-align: center;
  }

  .custom-length > .font-lince{
    position: relative !important;
    left: -7px !important;
  }

  .custom-length > div, .custom-length button{
    margin-bottom: 10px;
  }

  .custom-length:last-child{
    margin-bottom: 0;
  }

  .espaco{
    margin-right: 0;
  }
}

@media (width < 901px){
  .footer-wrapper > div:nth-child(1) > a{
    display: flex !important;
    width: 150px !important;
  }
}

@media (width < 769px){

  .footer-wrapper > div:nth-child(1) > a{
    display: flex !important;
    width: 200px !important;
    padding-left: 50px !important;
  }

  .custom-length > .font-lince{
    left: -5px !important;
  }
}

  /* botãoo - alerta notificação one signal */
  #onesignal-bell-container {
       left: 28px !important;
       bottom: 128px !important;
  }
  /* botãoo - alerta sonorização */
  /*#btn-float-volume {
      bottom: 140px;
  }*/
  /* botãoo - novo pedido */
  #btn-float-novo-pedido {
       bottom: 72px !important;
  }

  /* Tooltip */
  #btn-float-novo-pedido {
    -webkit-mask-image: none !important;
      overflow: initial !important;
  }
  /* Tooltip */
  #btn-float-novo-pedido .btn-float-tooltiptext {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    background-color: black;
    color: #fff;
    border-radius: 4px;
    padding: 8px 18px;
    position: absolute;
    left: -126px;
    top: 9px;
    opacity: 0.8;
  }
  .btn-float-tooltip .btn-float-tooltiptext::before {
      position: absolute;
      top: 10px;
      right: -2px;
      content: ".";
      width: 15px;
      transform: rotate(45deg);
      background-color: #000;
      color: #000;
      border-radius: 4px;
  }


 
@media (max-width: 768px){
  .assinatura-pd {
    display: block;
    text-align: center;
  }
  .download-dpritnt {
    margin: 8px 0;
  }
  #btn-float-novo-pedido,
  #btn-float-ver-pedidos {
    bottom: 30px !important;
    right: 15px;
  }
  #btn-float-novo-pedido .btn-float-tooltiptext {
    zoom: 0.8;
    top: -42px;
    left: -20px;
    padding: 6px 14px;
  }
  .btn-float-tooltip .btn-float-tooltiptext::before {
    top: 26px;
    right: 56px;
    zoom: 0.8;
  }
  
  /*.div-float-chatbot {
    left: 12px;
    bottom: 180px;
  }*/
  .titulo-est {
    display: none;
  }
}



#login-align {
  text-align: center;
}

#modal-login {
  padding: 30px;
  height: 380px;
  width: 400px;
  margin: 0 auto;
  margin-top: -40px;
}

#logo-login {
  width: 200px;
  height: auto;
}

#login {
  text-align: left;
  margin-top: 40px;
}

#btn-login {
  background-color: var(--primary-color);
  font-size: 14px;
}

#login input {
  font-size: 14px;
  height: 20px;
}

#login label {
  font-size: 14px;
}

@media (max-width: 768px) {
  #modal-login {
    width: 350px;
  }
  #login-align {
    margin-left: -5px;
  }
  
}

.modalPedidoEspacoItens-box {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
}

.button-modal {
  padding: 4px 10px;
  border: solid 1px color-mix(in srgb, var(--primary-color) 23%, transparent);
  border-radius: 4px;
  background: color-mix(in srgb, var(--primary-color) 6%, transparent);
}

.button-modal:hover{
  background: color-mix(in srgb, var(--primary-color) 11%, transparent);
}

#inadimplenciaModal .modal-title{
  color: var(--primary-color);
}

.inadimplencia-pagamentos {
  margin-top: 4px;
}
.inadimplencia-boletos {
  margin-bottom: 24px;
}

.inadimplencia-pagamentos .btn-pagamento {
  margin-right: 10px;
  border-radius: 3px;
  box-shadow: 0 5px 15px rgb(0 0 0 / 34%);
  transition: all .4s;
  padding: .6rem 1rem;
  color: white;
  margin-top: 4px;
  border-color: transparent;
}

.inadimplencia-pagamentos .cartao{
  background-color: #FF8500;
}
.inadimplencia-pagamentos .pix{
  background-color: #00BDAE;
}
.inadimplencia-pagamentos .boleto{
  background-color: #3949AB;
}

.modal-footer-config::after {
  display: none !important;
}

.ped-id small{
  display: inline-block;
  max-width: 10ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grupo-opcoes-menu-mobile {
  display: none;
  align-items: center;
  gap: 5px;
}

@media (max-width: 900px) {
  .grupo-opcoes-menu-mobile {
    display: flex;
  }
}

#configuracoesModal .modal-header::after,
#estabelecimentosMenuModal .modal-header::after {
  display: none !important;
}

.menu-lateral {
  width: fit-content;
  position: absolute;
  z-index: 1000;
  height: 100%;
}

.conteudo-principal {
  width: 100vw;
  position: relative;
  display: flex;
  flex-direction: column;
}

.visivel-no-mobile {
  display: block !important;
}

.visivel-no-desktop {
  display: none !important;
}

.whatsapp-desconectado {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  height: 40px;
}

.whatsapps-desconectados {
  width: 100vw  !important;
}

.whatsapp-desconectado-nome-estabelecimento {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.nav-pd-logo {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 10px;
}

.nav-pd-logo-nome-plataforma-container {
  display: none;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 10px;
  
}

.nav-pd-logo-nome-plataforma {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}

.nav-pd-logo-barra-vertical {
  height: 50px;
  border-left: #ffffff66 solid 1px;
}

input[type="range"] {
  all: unset;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 30px;
  background: transparent;
  outline: none;
}

/* Track styling for Firefox */
input[type="range"]::-moz-range-track {
  background-color: color-mix(in srgb, var(--primary-color) 20%, transparent);
  height: 5px;
  border-radius: 10px;
}

/* Progress track (filled portion) for Firefox */
input[type="range"]::-moz-range-progress {
  background: var(--primary-color);
  height: 5px;
  border-radius: 10px;
}

/* Thumb/handle styling for Firefox */
input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  background: var(--primary-color);
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

/* Focus state for Firefox */
input[type="range"]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 30%, transparent);
}

@media (min-width: 576px) { /* ... */ }
@media (min-width: 768px) {
  .card-produtos {
    padding: 35px 100px 0px 100px;
    gap: 0px;
  }

  .site-navbar .nav-page-inner {
    padding: 0px 100px;
  }

  .menu-lateral {
    position: static;
  }

  .visivel-no-mobile {
    display: none !important;
  }

  .visivel-no-desktop {
    display: block !important;
  }

  .whatsapps-desconectados {
    width: 650px !important;
  }

  .whatsapp-desconectado {
    justify-content: center;
  }

  .whatsapp-desconectado-nome-estabelecimento {
    max-width: 200px;
  }

  .nav-pd-logo-nome-plataforma-container {
    display: flex;
  }

}
@media (min-width: 992px) { /* ... */ }
@media (min-width: 1200px) { /* ... */ }

.lancamentoModalRealizado h5, .lancamentoModal h5 {
  margin: 0;
  padding-top: 12px;
  text-transform: lowercase;
}

.lancamentoModalRealizado h5::first-letter, .lancamentoModal h5::first-letter {
  text-transform: uppercase;
}