/* MarketPlace HUB */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@900&family=Roboto:ital@1&display=swap');

/* html {
  zoom: 90% !important; 
} */

:root {
  --vermelho-ifood: #d82733;
  --vermelho-ifood2: #a5161f;
  --verde-ifood: #50a773;
  --verde-ifood-hover: #3d8d5d;
  --cinza-pedidos: #333;
  --amarelo-pedidos: #a37723;
  --verde-pedidos: #449b35;
  --bordas-gerais: #ededed;
  --bordas-pedidos: #e3e3e3;
  --bg-pedidos: #f3f3f3;
  --white: #FFFFFF;
  --black: #000000;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.me-0 {
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}


.disabled-link {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

.color-ifood {
  color: var(--vermelho-ifood) !important;
}

.color-cinza {
  color: var(--cinza-pedidos) !important;
}

.menu-lojas {
  background: linear-gradient(to bottom, #e1e1e1, #f2f2f2);
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
  padding-top: 5px;
}

.menu-lojas .nav-pills {
  padding-top: 5px;
}

.menu-lojas ul.nav-pills li.nav-item {
  margin-right: 10px;
}

.menu-lojas ul.nav-pills li.nav-item a {
  color: var(--vermelho-ifood);
  font-size: 14px;
  font-weight: 700;
}

.menu-lojas ul.nav-pills li.nav-item a:hover,
.menu-lojas ul.nav-pills li.active a {
  background: var(--vermelho-ifood);
  color: white;
}

.nav-pills {
  display: inline-block;
}

.swal2-select {
  height: auto !important;
}

/* Barra de rolagem Estilizada */

.detalhes-pedido::-webkit-scrollbar,
.pedidos-novos::-webkit-scrollbar {
  width: 10px;
}

.detalhes-pedido::-webkit-scrollbar-track,
.pedidos-novos::-webkit-scrollbar-track {
  border-radius: 10px;
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3); */
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.0);
}

.detalhes-pedido::-webkit-scrollbar-thumb,
.pedidos-novos::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
  /* outline: 1px solid #fff; */
}


/* ESTILOS NOVOS IFOOD */
.detalhes-pedido {
  background: #f8f8f8;
  border-left: 3px solid var(--bordas-gerais);
  padding: 15px;
  height: 650px;
  overflow: auto;
}

.pedidos-novos,
.pedidos-preparando,
.pedidos-concluidos {
  padding: 5px;
  height: 650px;
  border-left: 1px solid var(--bordas-pedidos);
  overflow-y: auto;
}

.pedidos-novos h3 {
  background: var(--cinza-pedidos);
  color: white;
}

.pedidos-novos p.p-subtitulo {
  background: #535353;
  border-radius: 0 0 4px 4px;
  color: white;
  padding: 8px 0;
  font-size: 14px;
}

.pedidos-novos .nav-tabs,
.categorias-ifood .nav-tabs {
  border-bottom: 3px solid #eee;
  margin-bottom: 10px;
}

.pedidos-novos .nav-tabs>li,
.categorias-ifood .nav-tabs>li,
#addCatIfood .modal-body .nav-tabs>li {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 50%;
}

.pedidos-novos .nav-tabs>li>a,
.categorias-ifood .nav-tabs>li>a,
#addCatIfood .modal-body .nav-tabs>li>a {
  text-transform: none !important;
}

.pedidos-novos .nav-tabs>li>a span,
.categorias-ifood .nav-tabs>li>a span {
  background-color: var(--verde-ifood);
  border-radius: 10px;
  color: white;
  font-size: 12px;
  float: right;
  height: 20px;
  line-height: 22px;
  width: 20px;
}

.pedidos-novos .nav-tabs>li.active>a,
.categorias-ifood .nav-tabs>li.active>a,
#addCatIfood .modal-body .nav-tabs>li.active>a {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid var(--vermelho-ifood);
  color: var(--vermelho-ifood);
}

.pedidos-novos .nav-tabs>li.active>a span,
.categorias-ifood .nav-tabs>li.active>a span {
  background-color: var(--vermelho-ifood);
  border-radius: 10px;
  color: white;
  font-size: 12px;
  float: right;
  height: 20px;
  line-height: 22px;
  width: 20px;
}

.pedidos-novos .nav-tabs>li:hover>a,
.categorias-ifood .nav-tabs>li:hover>a,
#addCatIfood .modal-body .nav-tabs>li:hover>a {
  color: var(--vermelho-ifood) !important;
}

#addCatIfood .modal-body .tab-content {
  margin-top: 1em;
}

p.p-em-preparo {
  padding: 15px 10px;
  background: #f2f2f2;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 2px solid #d1d1d1;
}

p.p-em-preparo span {
  float: right;
}

p.p-info-horario {
  padding: 15px 10px;
  background: #d1d1d1;
  font-size: 14px;
  font-weight: 700;
  margin-top: -10px;
}

p.p-info-horario span {
  float: right;
}

.ipt-buscar-pedido,
.sel-filtro-pedido {
  border-radius: 5px;
  font-size: 14px;
  height: 40px;
  margin-left: 2.5%;
  padding: 0 10px;
  width: 45%;
}

.pedidos-preparando p.p-subtitulo {
  background: #c39641;
  border-radius: 0 0 4px 4px;
  color: white;
  padding: 8px 0;
  font-size: 14px;
}

.pedidos-concluidos p.p-subtitulo {
  background: #59bc47;
  border-radius: 0 0 4px 4px;
  color: white;
  padding: 8px 0;
  font-size: 14px;
}

.pedidos-preparando h3 {
  background: var(--amarelo-pedidos);
  color: white;
}

.pedidos-concluidos h3 {
  background: var(--verde-pedidos);
  color: white
}

.div-interno {
  min-height: 500px;
  padding: 0 5px 15px;
}

.div-interno h3 {
  font-size: 19px;
  font-weight: bold;
  padding: 15px 0;
  border-radius: 4px 4px 0 0;
}


.pedidos-novos ul.ul-pedidos-ifood {
  padding: 10px;
}

.pedidos-novos ul.ul-pedidos-ifood li {
  border-left: 5px solid #d1d1d1;
  margin: 0 0 10px;
  padding: 10px 8px;
  background: #f3f3f3;
}

.pedidos-novos ul.ul-pedidos-ifood li:hover,
.pedidos-novos ul.ul-pedidos-ifood li.actived {
  background: #fcfcfc;
  border-left: 5px solid var(--vermelho-ifood);
}

.pedidos-novos ul.ul-pedidos-ifood li:hover a p span,
.pedidos-novos ul.ul-pedidos-ifood li.actived a p span {
  color: var(--vermelho-ifood);
}

.pedidos-novos ul.ul-pedidos-ifood li a p {
  color: var(--cinza-pedidos);
  font-size: 14px;
  margin: 0;
  line-height: 25px;
}

.pedidos-novos ul.ul-pedidos-ifood li a p:first-child {
  font-size: 18px;
}

button.btn-despachar {
  background: var(--verde-ifood);
  border: none;
  border-radius: 5px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 0;
  padding: 8px 20px;
}

button.btn-despachar:hover {
  background: var(--verde-ifood-hover);
}

button.btn-despachar-lg {
  background: var(--verde-ifood);
  border: none;
  border-radius: 5px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 0;
  padding: 15px 25px;
  margin-left: 10px;
}

button.btn-despachar-lg:hover {
  background: var(--verde-ifood-hover);
}

button.btn-white-lg,
a.btn-white-lg {
  background: white;
  border: 1px solid var(--vermelho-ifood);
  border-radius: 5px;
  color: var(--vermelho-ifood);
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 0;
  padding: 15px 25px;
}

button.btn-white-lg:hover,
a.btn-white-lg:hover {
  background: var(--vermelho-ifood);
  color: white;
}

button.pause-agenda,
button.start-agenda {
  margin: 0 auto;
}

button.btn-red-lg,
a.btn-red-lg {
  background: var(--vermelho-ifood);
  border-radius: 5px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 0;
  padding: 15px 25px;
}

button.btn-red-lg:hover,
a.btn-red-lg:hover {
  background: var(--vermelho-ifood2);
}

.via-ifood {
  border: 1px solid #666;
  width: 115px;
  padding: 0px 10px;
  font-weight: 700;
  margin: 3px 0 !important;
  color: #666 !important;
  border-radius: 20px;
  font-size: 12px !important;
}

.entrega-propria {
  border: 1px solid #6034ae;
  background: #eadffd;
  font-weight: 700;
  font-size: 12px !important;
  margin: 5px 0 8px !important;
  width: 127px;
  padding: 0 8px;
  border-radius: 20px;
}

.retirar-pedido {
  border: 1px solid #d8c79e;
  background: #fff0cd;
  font-weight: 700;
  font-size: 12px !important;
  margin: 5px 0 8px !important;
  width: 75px;
  padding: 0 8px;
  border-radius: 20px;
}

.nome-pedido {
  color: var(--cinza-pedidos);
  margin: 0 0 12px;
  font-weight: 700;
  font-size: 25px;
}

.p-pedido-detalhes {
  font-size: 16px;
  color: var(--cinza-pedidos);
  height: 24px;
}

.p-pedido-detalhes .via-ifood {
  padding: 7px;
}

.p-pedido-info {
  margin-top: 15px !important;
}

.p-pedido-info span {
  background: #e1e1e1;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  padding: 10px 15px;
}

.p-pedido-info button {
  background: var(--vermelho-ifood);
  border: none;
  border-radius: 5px;
  color: white;
  font-size: 14px;
  padding: 10px 15px;
}

.p-pedido-info button:hover {
  background: var(--vermelho-ifood2);
}

.p-info-status {
  color: #666;
  font-size: 11px;
  margin: 5px 0 5px 10px;
}

.p-info-pedido-status {
  color: var(--verde-ifood);
  font-size: 20px;
  margin: 0 0 0 8px;
}

.panel-group {
  margin-top: 20px;
}

.p-entrega-pedido {
  font-size: 16px;
  background: #f5f5f5;
  padding: 20px 15px;
  border: 1px solid #ddd;
  color: var(--cinza-pedidos);
  border-radius: 5px;
}

.p-entrega-pedido span {
  padding: 7px 10px;
}

.pedido-bg {
  background: #f5f5f5;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 15px 0;
}

.pedido-bg p {
  color: var(--cinza-pedidos);
  font-size: 15px;
  margin: 10px 0;
}

.pedido-bg p span {
  float: right;
}

.pedido-bg p.obs-pedido {
  background: #e1e1e1;
  padding: 10px;
  border-radius: 5px;
}

span.tempo-pedido {
  background: var(--vermelho-ifood);
  color: white !important;
  float: right;
  padding: 1px 5px;
  font-size: 16px;
  border-radius: 15px;
}

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

.pedidos-novos ul.ul-novos-pedidos {
  padding: 10px;
}

.pedidos-novos ul.ul-novos-pedidos li {
  border: 1px solid var(--bordas-pedidos);
  border-radius: 4px;
  border-top: 5px solid var(--cinza-pedidos);
  margin: 0 0 10px;
  padding: 10px 8px;
  background: #f3f3f3;
}

.pedidos-novos ul.ul-novos-pedidos li:hover,
.pedidos-novos ul.ul-novos-pedidos li.actived {
  background-color: var(--cinza-pedidos);
}

.pedidos-novos ul.ul-novos-pedidos li:hover a p,
.pedidos-novos ul.ul-novos-pedidos li.actived a p {
  color: white;
}

.pedidos-novos ul.ul-novos-pedidos li a p {
  color: var(--cinza-pedidos);
  font-size: 14px;
  margin: 0;
  line-height: 25px;
}

.pedidos-novos ul.ul-novos-pedidos li a p:first-child {
  font-size: 18px;
}

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

.pedidos-preparando ul.ul-pedidos-preparo {
  padding: 10px;
}

.pedidos-preparando ul.ul-pedidos-preparo li {
  border: 1px solid var(--bordas-pedidos);
  border-radius: 4px;
  border-top: 5px solid var(--amarelo-pedidos);
  margin: 0 0 10px;
  padding: 10px 8px;
  background: #f3f3f3;
}

.pedidos-preparando ul.ul-pedidos-preparo li:hover,
.pedidos-preparando ul.ul-pedidos-preparo li:active,
.pedidos-preparando ul.ul-pedidos-preparo li.active {
  background-color: var(--amarelo-pedidos);
}

.pedidos-preparando ul.ul-pedidos-preparo li:hover a p,
.pedidos-preparando ul.ul-pedidos-preparo li:active a p,
.pedidos-preparando ul.ul-pedidos-preparo li.active a p {
  color: white;
}

.pedidos-preparando ul.ul-pedidos-preparo li a p {
  color: var(--amarelo-pedidos);
  font-size: 14px;
  margin: 0;
  line-height: 25px;
}

.pedidos-preparando ul.ul-pedidos-preparo li a p:first-child {
  font-size: 18px;
}

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

.pedidos-concluidos ul.ul-pedidos-concluidos {
  padding: 10px;
}

.pedidos-concluidos ul.ul-pedidos-concluidos li {
  border: 1px solid var(--bordas-pedidos);
  border-radius: 4px;
  border-top: 5px solid var(--verde-pedidos);
  margin: 0 0 10px;
  padding: 10px 8px;
  background: #f3f3f3;
}

.pedidos-concluidos ul.ul-pedidos-concluidos li:hover,
.pedidos-concluidos ul.ul-pedidos-concluidos li:active,
.pedidos-concluidos ul.ul-pedidos-concluidos li.active {
  background-color: var(--verde-pedidos);
}

.pedidos-concluidos ul.ul-pedidos-concluidos li:hover a p,
.pedidos-concluidos ul.ul-pedidos-concluidos li:active a p,
.pedidos-concluidos ul.ul-pedidos-concluidos li.active a p {
  color: white;
}

.pedidos-concluidos ul.ul-pedidos-concluidos li a p {
  color: var(--verde-pedidos);
  font-size: 14px;
  margin: 0;
  line-height: 25px;
}

.pedidos-concluidos ul.ul-pedidos-concluidos li a p:first-child {
  font-size: 18px;
}

.info-pedido {
  display: none;
}

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

.detalhes-pedido h2.h2-mais-detalhes {
  font-size: 36px;
  font-weight: 700;
  color: var(--vermelho-ifood2);
  margin-top: 50px;
}

.detalhes-pedido h3.h3-mais-detalhes {
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  color: var(--vermelho-ifood);
  margin: 30px 0;
}

/*************/
/* Tabela Novo Pedido */
table.table-novo-pedido {
  font-size: 16px;
  margin: 15px 0 0 0;
  line-height: 42px;
  width: 100%;
}

table.table-novo-pedido thead {
  background: var(--cinza-pedidos);
  color: white;
}

table.table-novo-pedido thead tr th {
  padding-left: 8px;
}

table.table-novo-pedido tbody tr:nth-child(odd) {
  background-color: #ededed;
}

table.table-novo-pedido tbody tr td {
  font-weight: 700;
  padding-left: 8px;
}

table.table-novo-pedido tfoot {
  background-color: #535353;
  color: white;
}

table.table-novo-pedido tfoot tr td {
  padding-left: 8px;
  font-weight: 700;
}

/* Tabela Pedido em Preparo */

table.table-pedido-preparo {
  font-size: 16px;
  margin: 15px 0 0 0;
  line-height: 42px;
  width: 100%;
}

table.table-pedido-preparo thead {
  background: var(--amarelo-pedidos);
  color: white;
}

table.table-pedido-preparo thead tr th {
  padding-left: 8px;
}

table.table-pedido-preparo tbody tr:nth-child(odd) {
  background-color: #ededed;
}

table.table-pedido-preparo tbody tr td {
  font-weight: 700;
  padding-left: 8px;
}

table.table-pedido-preparo tfoot {
  background-color: #c39641;
  color: white;
}

table.table-pedido-preparo tfoot tr td {
  padding-left: 8px;
  font-weight: 700;
}

/* Tabela Pedido em concluido */

table.table-pedido-concluido {
  font-size: 16px;
  margin: 15px 0 0 0;
  line-height: 42px;
  width: 100%;
}

table.table-pedido-concluido thead {
  background: var(--verde-pedidos);
  color: white;
}

table.table-pedido-concluido thead tr th {
  padding-left: 8px;
}

table.table-pedido-concluido tbody tr:nth-child(odd) {
  background-color: #ededed;
}

table.table-pedido-concluido tbody tr td {
  font-weight: 700;
  padding-left: 8px;
}

table.table-pedido-concluido tfoot {
  background-color: #59bc47;
  color: white;
}

table.table-pedido-concluido tfoot tr td {
  padding-left: 8px;
  font-weight: 700;
}


button.btn-preparo {
  background-color: #c39641;
  border-radius: 4px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin: 13px 0 0 0;
  padding: 15px 15px;
  text-transform: uppercase;
}

button.btn-preparo:hover {
  background-color: var(--amarelo-pedidos);
}

button.btn-concluir {
  background-color: #59bc47;
  border-radius: 4px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin: 13px 0 0 0;
  padding: 15px 15px;
  text-transform: uppercase;
}

button.btn-concluir:hover {
  background-color: var(--verde-pedidos);
}

button.btn-cancelar-pedido {
  background-color: var(--vermelho-ifood);
  border-radius: 4px;
  border: none;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin: 13px 0 0 0;
  padding: 15px 15px;
  text-transform: uppercase;
}

button.btn-cancelar-pedido:hover {
  background-color: var(--vermelho-ifood2);
}

.btn-vermelho-padrao {
  background-color: var(--vermelho-ifood);
  border-radius: 4px;
  border: none;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin: 13px 0 0 0;
  padding: 15px 15px;
}

.btn-vermelho-padrao:hover {
  background-color: var(--vermelho-ifood2);
  color: white;
}

p.p-detalhes-pedido {
  color: var(--cinza-pedidos);
  font-size: 16px;
  line-height: 30px;
  margin: 0;
}

p.p-detalhes-pedido strong {
  color: var(--cinza-pedidos);
}

p.p-detalhes-pedido-preparo {

  font-size: 16px;
  line-height: 30px;
  margin: 0;
}

p.p-detalhes-pedido-preparo strong {
  color: var(--amarelo-pedidos);
}

p.p-detalhes-pedido-concluido {
  font-size: 16px;
  line-height: 30px;
  margin: 0;
}

p.p-detalhes-pedido-concluido strong {
  color: var(--verde-pedidos);
}

h3.h3-detalhes-pedido {
  background: #ededed;
  border-top: 5px solid;
  color: var(--cinza-pedidos);
  font-size: 20px;
  margin: 0 0 15px;
  line-height: 50px;
  text-align: center;
  width: 100%;
}

h3.h3-detalhes-pedido-preparo {
  background: #ededed;
  border-top: 5px solid;
  color: var(--amarelo-pedidos);
  font-size: 20px;
  margin: 0 0 15px;
  line-height: 50px;
  text-align: center;
  width: 100%;
}

h3.h3-detalhes-pedido-concluido {
  background: #ededed;
  color: var(--verde-pedidos);
  font-size: 20px;
  margin: 0 0 15px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  border-top: 5px solid;
}

textarea.nota-pedido {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}

button.inserir-nota {
  padding: 10px;
  font-size: 14px;
  margin: 10px 0 0 0;
  background: #666;
  color: white;
  border-radius: 4px;
}

button.inserir-nota:hover {
  background-color: #444;
}

/**/

.autenticacao-ifood {
  min-height: 450px;
  padding: 60px 0;
}

.autenticacao-ifood .btn-autenticar,
.autenticacao-ifood .btn-autenticar-mercado {
  background: var(--vermelho-ifood);
  border-radius: 7px;
  color: white;
  padding: 20px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 10px 0 15px;
}

.autenticacao-ifood .btn-autenticar:hover,
.autenticacao-ifood .btn-autenticar-mercado:hover {
  background-color: var(--vermelho-ifood2);
}

.img-sync-left {
  display: flex;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 0 0 0;
}

.img-sync-right {
  display: flex;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0 0 0;
}

h2.h2-autenticacao {
  font-size: 30px;
  color: var(--vermelho-ifood);
  font-weight: 700;
  margin: 20px 0;
}

p.p-autenticacao {
  font-size: 18px;
  font-weight: 600;
  color: var(--vermelho-ifood2);
}

.input-codigo {
  height: 30px;
  font-size: 16px;
  text-align: center;
  width: 60%;
}

/* Home */

p.font40 {
  font-size: 40px;
}

p.font22 {
  border-bottom: 1px solid #ddd;
  font-size: 20px;
  padding-bottom: 10px;
}

p.font16 {
  font-size: 16px;
  padding: 10px 0 0 45px;
}

p.font22 i {
  vertical-align: middle;
  margin-right: 10px;
}

.padding010 {
  padding: 10px;
}

/* .sincProd{background: #dde7ef; color: #1e5e95; padding: 30px 50px; border-radius: 10px;}
.publiProd{background: #e0efdd; color: #32951e; padding: 30px 50px; border-radius: 10px;}
.decliProd{background: #efdddd; color: #951e1e; padding: 30px 50px; border-radius: 10px;} */

.defaultProd {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-top: 5px solid #ddd;
  border-radius: 10px;
  padding: 30px 50px;
}

.defaultProd i.sincProd {
  color: #1e5e95;
  font-size: 30px;
}

.defaultProd i.publiProd {
  color: #32951e;
  font-size: 30px;
}

.defaultProd i.decliProd {
  color: #c64542;
  font-size: 30px;
}

h2 {
  border-bottom: none !important;
}

/* Home - Sincronização de Produtos */
#btn_sync {
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  padding: 16px;
  font-family: Nunito, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

#btn_sync i {
  margin-left: 5px;
  font-size: 18px;
}

#ult_sync {
  font-size: 10px;
  margin-top: 10px;
}

/* Pedidos */
.order-view {
  display: flex !important;
  flex-wrap: wrap !important;
}

.order-view-d {
  width: calc(100/4) !important;
}

table #fila_body tr td .ghyphicon {
  margin: 0px !important;
}

table #fila_body tr td {
  padding: 0px;
}

table #fila_body a.btn_comprovante,
table #fila_body a.btn_declaracao,
table #fila_body a.btn_detalhes,
table #fila_body a.btn_editar,
table #fila_body a.btn_reportar,
table #fila_body a.btn_confirmar,
table #fila_body a.btn_cancelar {
  color: #1e5e95;
  padding: 5px;
  font-size: 17px;
}

table #fila_body a.btn_comprovante:hover,
table #fila_body a.btn_declaracao:hover,
table #fila_body a.btn_detalhes:hover,
table #fila_body a.btn_editar:hover,
table #fila_body a.btn_reportar:hover,
table #fila_body a.btn_confirmar:hover,
table #fila_body a.btn_cancelar:hover {
  background: #1e5e95;
  border-radius: 4px;
  color: white;
}

.filtro-relatorio input[type=date],
.filtro-relatorio select {
  padding: 8px;
  font-size: 14px;
  margin: 0 3px;
  height: auto;
}

.filtro-relatorio button {
  background: #1e5e95;
  border-radius: 4px;
  color: white;
  padding: 11px;
}

.filtro-relatorio button:hover {
  background: #10426d;
}

.config-b2w {
  background: #1e5e95;
  border-radius: 5px;
  color: white;
  font-size: 16px;
  font-weight: normal;
  padding: 15px;
}

.config-b2w:hover,
.config-b2w:active {
  background: #10426d;
  color: white;
}

/* Tabela Detalhes do Pedido */

table.detalhesPedido {
  width: 100%;
}

table.detalhesPedido p {
  margin: 0 !important;
  text-align: justify !important;
}

table.detalhesPedido p i {
  color: #1e5e95;
  margin-right: 5px;
}

table.detalhesPedido thead tr {
  background: #1e5e95;
  color: white;
}

table.detalhesPedido thead tr th {
  padding: 10px;
  text-align: center !important;
}

table.detalhesPedido tbody tr {
  border-bottom: 1px solid #ccc;
}

table.detalhesPedido tbody tr:nth-child(even) {
  background: white;
}

table.detalhesPedido tbody tr:nth-child(odd) {
  background: #ededed;
}

table.detalhesPedido tbody tr td {
  padding: 12px 20px;
}

table.detalhesPedido tfoot tr {
  color: #1e5e95;
  font-weight: bold;
  font-size: 16px;
}

td.width65 {
  width: 65% !important;
}

/**/

.btnDefault {
  background: #1e5e95;
  border-radius: 5px;
  color: white;
  font-size: 15px;
  padding: 16px;
}

.btnDefault:hover {
  background: #092a47;
}

table>tbody>tr>td>input,
table>tbody>tr>td>textarea {
  width: 100% !important;
  box-shadow: 1px 1px lightblue;
}

/* .swal2-cancel{
  color:black !important;
} */

/* Configurações */
.in-conf {
  padding: 8px;
  min-width: 240px;
}

.pt-4 {
  padding-top: 4px;
}

.l-Input {
  background-color: #1e5e95 !important;
  padding: 3px !important;
  color: whitesmoke !important;
  font-weight: bold;
  width: 40px;
}

/* Registros */
.bg-primary {
  background-color: #1e5e95 !important;
}

.filter_container {
  display: flex !important;
  flex-wrap: nowrap;
  width: 100%;
  padding-bottom: 2px;
}

.start_filter {
  justify-content: start !important;
  text-align: start !important;
  width: 50%;
}

.sel-class,
#txtSearch {
  height: 38px;
}

#btn-loadMore {
  font-size: 14px !important;
  font-family: sans-serif !important;
  text-align: center !important;
  padding: 10px;
}


.text-light {
  color: whitesmoke !important;
}

.end_search {
  justify-content: end !important;
  text-align: end !important;
  width: 50%;
}

.t-shadow {
  text-shadow: 1px 1px black !important;
}

/* Filtros  - Visualizar Produtos*/

.p-filter span {
  font-size: 16px;
  font-weight: bold;
}

.p-filter a#btnBuscar {
  background: #1e5e95;
  border-radius: 4px;
  color: #fff;
  padding: 10px 15px;
}

.p-filter a#btnBuscar:hover {
  background: #10416b;
}

.filter-d {
  width: 100%;
  display: flex;
}

.filter-start {
  justify-content: start;
  gap: 10px;
  width: 80%;
}

.filter-end {
  justify-content: end;
  gap: 10px;
  width: 30%;
}

.filter-sel {
  font-size: 16px;
  margin-top: 10px;
  font-weight: bold;
}

.select-filter {
  font-size: 14px;
  height: auto !important;
  padding: 10px;
  width: 30%;
}

.p-filter {
  font-size: 14px;
  margin-top: 5px;
}

.in-produto {
  padding: 10px;
  width: 55%;
}

a.remover,
a.detalhes {
  color: white;
  background: #1e5e95;
  border-radius: 4px;
  font-size: 19px;
  margin: 5px;
  padding: 5px 10px 2px;
}

a.remover:hover {
  background: rgb(255, 92, 92);
}

a.detalhes:hover {
  background: #0f3c63;
}

a.detalhes1 {
  color: white;
  background: #1e5e95;
  border-radius: 4px;
  font-size: 14px;
  margin: 2px;
  padding: 5px 5px;
}

a.detalhes1 i {
  margin: 0 !important;
}

.titulopreco {
  font-size: 16px;
  color: #1e5e95;
}

.loadingNew {
  display: flex;
  justify-content: center;
}

.svg-title {
  width: 200px;
  height: 200px;
}

/* Detalhes do Produto */
.display_center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 400px;
  word-wrap: break-word;
}

.block {
  display: block;
  width: 100% !important;
}

.block>p {
  font-size: 14px;
  font-family: sans-serif !important;
  line-height: 20px;
  text-align: center !important;
}

.form-control,
.input-group-addon {
  font-size: 14px !important;
  font-family: sans-serif !important;
  text-align: center !important;
  padding: 10px;
}

.form-control {
  height: 38px;
}

.swal2-styled.swal2-confirm {
  font-size: 12px !important;
  font-family: sans-serif !important;
  text-align: center !important;
  color: whitesmoke !important;
  background-color: #1e5e95;
  font-weight: bold;
}

.swal2-styled.swal2-deny {
  font-size: 12px !important;
  font-family: sans-serif !important;
  text-align: center !important;
  color: whitesmoke !important;
  font-weight: bold;
}

.swal2-styled.swal2-cancel {
  font-size: 12px !important;
  font-family: sans-serif !important;
  text-align: center !important;
  color: whitesmoke;
  background-color: #dc3545;
  font-weight: bold;
}


/** Flex Wrap - Padrão */

.e_commerce {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px;
  margin-top: 10px;
}

.f_ecommerce {
  padding-top: 2px !important;
  width: calc(100 / 4) !important;
}

#order_info {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 30px;
  margin-top: 8px;
}

#first_info {
  display: flex !important;
  padding-top: 2px !important;
  width: calc(100 / 3) !important;
  gap: 30px;
}

#info {
  display: flex !important;
}

.sync_prod {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
}

.sync_prod_d {
  padding-top: 10px !important;
  width: calc(100% / 3) !important;
}

.card {
  box-shadow: 0 0 7px 0px rgb(190 185 185);
  border-radius: 5px;
  border: 1px solid #ededed;
  padding: 30px;
  margin: 20px;
  width: 290px;
  min-height: 360px;
  transition: all 0.3s ease-out;
}

.card>p,
.card,
.card>b {
  max-width: 300px;
  word-wrap: break-word;
}

.card:hover {
  transform: translateY(-5px);
  cursor: pointer;
}


.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.error {
  margin-top: 40px !important;

}

.img-fluid {
  max-width: 100%;
  height: auto;
  width: 150px;
  height: 150px;
}


.min-vh-100 {
  min-height: 100% !important;
}



.w-100 {
  max-width: 100% !important;
}

.w-10 {
  max-width: 10% !important;
}

.swal2-content {
  font-size: 16px !important;
  font-family: 'Roboto', sans-serif;
}

.bg-gray-light {
  background-color: #307690 !important;
}

/* Menu Principal */
.navbar-market {
  /*margin-top:5px;*/
  width: 100% !important;
  list-style-type: none !important;
  display: inline-flex;
  justify-content: center;
  background: #f2f2f2;
  background: -webkit-linear-gradient(to top, #e1e1e1, #f2f2f2);
  background: linear-gradient(to top, #e1e1e1, #f2f2f2);
  color: white;
  border: 1px solid #e1e1e1;
  /* border-bottom: 1px solid #DDD; */
  text-transform: uppercase;
  font-family: 'Nunito Sans', sans-serif;
  padding-left: 0;
  margin-bottom: 0 !important;
}

.li-market {
  padding: 18px;
  font-size: 14px;
  text-align: center;
  z-index: 1000;
}

.li-market>a {
  color: var(--vermelho-ifood);
  padding: 14px;
  font-size: 12px !important;
  text-decoration: none;
}

.li-market>a:hover {
  color: white;
  background-color: var(--vermelho-ifood);
}

.navbar-market>.li-market>a.active {
  color: white;
  background-color: var(--vermelho-ifood);
  font-size: 12px !important;
}

.navbar-market .li-loja-aberta {
  color: var(--verde-ifood);
  font-size: 12px;
}

.navbar-market .li-loja-fechada {
  color: var(--vermelho-ifood);
  font-size: 12px;
}


/* Submenu */

#submenu_produtos,
#submenu_pedidos,
#submenu_categorias,
#submenu_atributos,
#submenu_registros {
  display: none;
  position: absolute;
  padding: 10px !important;
}

.sub-itens {
  margin-top: 14px !important;
}

.li-submenu {
  margin-left: auto !important;
  margin-right: auto !important;
}

.submenu_nav {
  margin-top: 19px !important;
  background-image: linear-gradient(to bottom, #fff, #eee);
  padding: 10px !important;
  min-width: 155px !important;
}

.submenu_nav>.li-submenu {
  padding: 5px !important;
  border-radius: 3px;
  color: var(--vermelho-ifood);
}

.submenu_nav>.li-submenu i {
  margin-left: 5px;
}

.submenu_nav>.li-submenu>a {
  color: var(--vermelho-ifood);
  text-align: end !important;
  font-size: 10px !important;
}

.submenu_nav>.li-submenu:hover {
  background-color: var(--vermelho-ifood) !important;
  color: var(--white) !important;
  cursor: pointer;
}

.submenu_nav>.li-submenu:hover a {
  color: var(--white) !important;
}

.s-icon {
  font-size: 10px;
}

.main-content {
  color: #717171;
  border: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  background-color: #f9f9f9;
  /*box-shadow: inset 0px 5px 9px #e7e7e7;*/
  font-size: 14px;
  padding: 35px;
  margin-top: -11px;
  font-family: 'Roboto', sans-serif;
}

.main-title {
  align-items: center;
  gap: 10px;
  display: grid;
  padding-bottom: 30px;
}

.grid-3 {
  grid-template-columns: repeat(3, 33.33%);
}

.grid-2 {
  grid-template-columns: repeat(2, 50%);
}

/* Charts */
.chart-marketplace,
.chart-marketplace>rect,
rect {
  background-color: transparent !important;
  fill: transparent !important;
}

/* Swal */
.swal2-popup .swal2-styled:focus {
  box-shadow: none !important;
}

/* Bootstrap */
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.10) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0d6efd !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #198754 !important;
}

.border-info {
  border-color: #0dcaf0 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.fw-bold {
  font-weight: bold;
}

.mt-1 {
  margin-top: 1px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.btn-autorizacao {
  background: var(--vermelho-ifood);
  border-radius: 7px;
  color: white !important;
  padding: 20px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 10px 0 15px;
}

.btn-autorizacao:hover {
  background: #f57575f1;
  color: #000 !important;
}

.area-status {
  font-size: 18px;
  padding-top: 15px !important;
}

.area-status .status-open {
  color: #50a773;
  font-size: 16px;
  font-weight: 700;
}

.area-status .status-close {
  color: #000;
  font-size: 16px;
}

.area-status .status-close-tree {
  color: rgb(159 159 20);
  font-size: 16px;
}

.area-status .status-close span {
  font-size: 14px;
}

.area-status .status-close-two {
  color: #d82733;
  font-size: 16px;
}

.area-status .status-close-two span {
  font-size: 14px;
}

.area-status .status-close-three {
  padding: 10px 15px;
  background-color: var(--vermelho-ifood);
  color: #fff;
  border-radius: 10px;
  font-size: 16px;
}

.padido-bg p {
  font-size: 14px;
  line-height: 16px;
}

p.add-order {
  padding: 0px 0 5px 25px;
  font-size: 13px;
}

/* Modal Comprovante do Pedido */

#comprovantePedido .modal-body {
  display: flex;
  justify-content: center;
}

#comprovantePedido .comprovante_ifood {
  background: #fff2d1;
  color: black;
  font-family: 'Courier New', Courier, monospace;
  padding: 25px 15px 10px;
  width: 400px;
}

#comprovantePedido .comprovante_ifood h3 {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

#comprovantePedido .comprovante_ifood p {
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
}

#comprovantePedido .comprovante_ifood p span {
  float: right;
}

#comprovantePedido .comprovante_ifood p.f-18 {
  font-size: 18px;
  line-height: 35px;
}

#comprovantePedido .comprovante_ifood p.f-16 {
  font-size: 16px;
  line-height: 20px;
}

#comprovantePedido .comprovante_ifood p.ml-20 {
  margin-left: 20px;
}

#comprovantePedido .btn-print {
  background: var(--vermelho-ifood);
  color: white;
  font-size: 16px;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  margin-right: 5px;
}

#comprovantePedido .btn-print:hover {
  background: var(--vermelho-ifood2);
}

#comprovantePedido .btn-close {
  background: #777;
  color: white;
  font-size: 16px;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  margin-right: 5px;
}

#comprovantePedido .btn-close:hover {
  background: #666;
}

#comprovantePedido .modal-title {
  color: var(--vermelho-ifood);
  font-weight: bold;
  font-size: 22px;
}

#comprovantePedido .pag-comp {
  border: 2px dashed black;
  margin-bottom: 10px;
  padding: 5px;
}

#comprovantePedido .item-comp {
  border-bottom: 2px dotted black;
  margin-bottom: 10px;
}

#comprovantePedido .default-comp {
  border-bottom: 2px dashed black;
  margin-bottom: 10px;
}

/* Cancelamento pedido */

.cancelOrder {
  display: flow-root;
}

.cancelOrder .container-fluid {
  align-items: center;
  display: flex;
  font-size: 16px;
  padding: 0 50px;
}

.cancelOrder .flex-end {
  display: flex;
  justify-content: flex-end;
}

.cancelOrder .btn-accCancel {
  background: var(--vermelho-ifood);
  border: none;
  padding: 15px 17px;
  border-radius: 4px;
  margin-right: 10px;
  color: white;
}

.cancelOrder .btn-accCancel:hover {
  background: var(--vermelho-ifood2);
}

.cancelOrder .numOrder {
  margin: 0 0 10px;
  font-size: 20px;
}

.cancelOrder .nameClient {
  margin: 0;
}

.categorias-ifood {
  padding-bottom: 50px;
}

.categorias-ifood button.dropdown-toggle {
  padding: 15px 10px;
  font-size: 14px;
}

.bs-searchbox input[type="search"] {
  text-align: initial !important;
}

.bs-searchbox input[type="search"]:focus {
  border-color: var(--vermelho-ifood) !important;
}

.bs-container .dropdown-menu>.active>a,
.bs-container .dropdown-menu>.active>a:focus,
.bs-container .dropdown-menu>.active>a:hover {
  background-color: var(--vermelho-ifood) !important;
}

.categorias-ifood .panel-heading {
  padding: 20px;
  flex: 1;
}

.categorias-ifood .painel-options {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.categorias-ifood .painel-options span.itemAtivo {
  margin-right: 10px;
  padding: 5px 10px;
  color: green;
  font-size: 11px;
  border-radius: 4px;
}

.categorias-ifood .painel-options span.itemInativo {
  margin-right: 10px;
  padding: 5px 10px;
  color: red;
  font-size: 11px;
  border-radius: 4px;
}

.categorias-ifood .painel-options button {
  margin-right: 5px;
  border: none;
  background: none !important;
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 4px;
  color: var(--vermelho-ifood);
}

.categorias-ifood .painel-options button:hover {
  background: var(--vermelho-ifood) !important;
  color: white;
}

.categorias-ifood .panel-heading h4 {
  color: var(--vermelho-ifood);
  font-size: 1.8em;
  font-weight: bold;
}

.categorias-ifood .items-table tbody>tr>td.prod-info p.nameItem {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.categorias-ifood .panel-heading h4 button,
.categorias-ifood .items-table tbody>tr>td.prod-info p button {
  font-size: .7em;
  color: white;
  background-color: #666;
  font-weight: normal;
  padding: 0.3em 0.9em;
  margin-left: 0.8em;
  border: none;
  border-radius: 4px;
}

.categorias-ifood .panel-heading h4 button:hover,
.categorias-ifood .items-table tbody>tr>td.prod-info p button:hover {
  background-color: #333;
}

.categorias-ifood .panel-heading a:hover,
.categorias-ifood .panel-heading a:focus {
  color: black !important;
}

.categorias-ifood .tab-content h2 {
  color: var(--vermelho-ifood);
  font-size: 2.5em;
  font-weight: bold;
  margin: 20px 0;
}

.categorias-ifood .items-table {
  margin-top: 10px;
}

.categorias-ifood .items-table thead>tr>th {
  font-size: 1.35em;
}

.categorias-ifood .items-table tbody {
  font-size: 1.4em;
}

.categorias-ifood .items-table tbody>tr:nth-child(odd) {
  background: #FFF;
}

.categorias-ifood .items-table tbody>tr:nth-child(even) {
  background: #f5f5f5;
}

.categorias-ifood .items-table tbody>tr {
  display: revert;
  align-content: center;
  align-items: center;
}

.categorias-ifood .items-table tbody>tr>td {
  border-top: none !important;
}

.categorias-ifood .items-table tbody>tr>td .active-item,
.categorias-ifood .panel-heading button.active-item {
  color: var(--verde-ifood);
  background: none;
  border: none;
}

.categorias-ifood .items-table tbody>tr>td .pause-item,
.categorias-ifood .panel-heading button.pause-item {
  color: var(--vermelho-ifood);
  background: none;
  border: none;
}

.categorias-ifood .items-table tbody>tr>td input {
  box-shadow: none !important;
}

.categorias-ifood .items-table tbody>tr>td input[type="text"] {
  padding: 10px;
  border-radius: 5px;
}

.categorias-ifood .items-table tbody>tr>td figure img {
  max-width: 65px;
}

.categorias-ifood .items-table tbody>tr>td.prod-info {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  border-top: none;
}

.categorias-ifood .items-table tbody>tr>td.item-actions {
  display: flex;
}

.categorias-ifood .items-table tbody>tr>td.item-actions button {
  color: #666;
  font-size: .85em;
  border-radius: 4px;
  background: none;
  border: none;
}

.categorias-ifood .items-table tbody>tr>td.item-actions button:hover {
  color: var(--vermelho-ifood);
}

.categorias-ifood .items-table tbody>tr>td.prod-info p {
  margin: 0;
}

.categorias-ifood .items-table tbody>tr>td.prod-info p strong {
  font-size: 1.43em;
  padding: 0;
}

.categorias-ifood .painel-options span.itemInativo .categorias-ifood .items-table tbody>tr>td span.itemAtivo,
.categorias-ifood .panel-heading span.itemAtivo {
  background-color: #cbffcb;
  border-radius: 4px;
  color: green;
  padding: 5px 10px;
}

.categorias-ifood .painel-options span.itemInativo .categorias-ifood .items-table tbody>tr>td span.itemInativo,
.categorias-ifood .panel-heading span.itemInativo {
  background-color: #ffd9d9;
  border-radius: 4px;
  color: red;
  padding: 5px 10px;
}

.categorias-ifood .panel-heading {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.categorias-ifood .noItems {
  text-align: center;
  padding: 20px 0;
  font-size: 20px;
  color: #a9a9a9;
  font-weight: bold;
}

.categorias-ifood .addCatTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1em;
}

.categorias-ifood .notCategoryFound h3 {
  color: #a9a9a9;
  font-weight: bold;
  font-size: 2.2em;
  padding: 1em 0 1.5em;
  text-align: center;
}

.categorias-ifood .searchCatBox {
  display: flex;
}

.categorias-ifood .searchCatBox button.btSearchCat {
  background-color: #eee;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  color: var(--vermelho-ifood);
  font-size: 1.8em;
  width: 8%;
  margin-left: 0.3em;
}

.categorias-ifood .searchCatBox button.btSearchCat:hover {
  background-color: #d6d6d6;
}

/* Modal Add => Item / Category */

.modalIfood h4.modal-title {
  color: var(--vermelho-ifood);
  font-size: 2em;
  font-weight: bold;
}

.modalIfood .modal-body p {
  font-size: 1.6em;
  font-weight: bold;
  padding: .6em 0;
}

.modalIfood .modal-body p strong {
  color: var(--vermelho-ifood);
  font-style: italic;
}

.modalIfood .modal-body button.dropdown-toggle {
  padding: 15px 10px;
  font-size: 14px;
}

.modalIfood .modal-footer button,
.btn-padrao-modal {
  color: white;
  background-color: var(--cinza-pedidos);
  border: none;
  border-radius: 4px;
  font-size: 1.4em;
  padding: 1em;
}

.modalIfood .modal-footer button:hover,
.btn-padrao-modal:hover {
  background-color: var(--vermelho-ifood);
}

/* Página Lista de Pedidos */

.lista-pedidos {
  padding: 15px 0;
  min-height: 500px;
}

.lista-pedidos .title-pedidos {
  padding-top: 20px;
}

.lista-pedidos .title-pedidos h2 {
  color: var(--vermelho-ifood);
  font-size: 2.4em;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

.lista-pedidos .filtros-sync {
  align-content: center;
  align-items: center;
  display: flex;
  height: 40px;
  margin: 25px 0;
}

.lista-pedidos .filtros-sync .filter-search {
  display: flex;
  align-items: center;
}

.lista-pedidos .filtros-sync .filter-search {
  font-size: 1.3em;
}

.lista-pedidos .filtros-sync .filter-search form input[type="date"],
.lista-pedidos .filtros-sync .filter-search select {
  height: 2.4em;
  margin: 0 5px;
  padding: 0 5px;
}

.lista-pedidos .filtros-sync .filter-search button {
  background-color: var(--vermelho-ifood);
  color: white;
  border: none;
  border-radius: 4px;
  height: 30px;
  width: 40px;
}

.lista-pedidos .filtros-sync .filter-search button:hover {
  background-color: var(--vermelho-ifood2);
}

.lista-pedidos .filtros-sync .sync-button {
  text-align: right;
}

.lista-pedidos .filtros-sync .sync-button button {
  background: var(--vermelho-ifood);
  border: none;
  border-radius: 4px;
  color: white;
  padding: 10px 15px;
  font-size: 1.6em;
}

.lista-pedidos .filtros-sync .sync-button button:hover {
  background: var(--vermelho-ifood2);
}

.lista-pedidos .table-pedidos table {
  font-size: 1.4em !important;
}

.lista-pedidos .table-pedidos table>thead>tr>th {
  color: var(--vermelho-ifood);
  padding: 15px 5px;
}

.lista-pedidos .table-pedidos table>tbody {
  font-weight: bold;
}

.lista-pedidos .table-pedidos table>tbody>tr:hover {
  background: #f0f0f0;
}

.lista-pedidos .table-pedidos table>tbody>tr>td {
  padding: 10px 5px;
}

.lista-pedidos .table-pedidos table>tbody>tr>td>button {
  background: #666;
  border: none;
  border-radius: 4px;
  color: white;
  padding: 5px 9px;
}

.lista-pedidos .table-pedidos table>tbody>tr>td>button:hover {
  background-color: var(--vermelho-ifood);
}

.lista-pedidos .table-pedidos table>tbody>tr>td>input[type="checkbox"] {
  box-shadow: none;
  cursor: pointer;
}

.lista-pedidos .table-pedidos table>tbody>tr>td>span.sync-pedido {
  background: #ecffec;
  border: none;
  border-radius: 4px;
  color: var(--verde-ifood-hover);
  padding: 5px 8px;
}

.lista-pedidos .nenhum-pedido h2 {
  color: #999;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}

.lista-pedidos .table-pedidos .ifood-pedidos-pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.lista-pedidos .table-pedidos .ifood-pedidos-pagination a {
  background: #ededed;
  padding: 5px 8px;
  color: var(--vermelho-ifood);
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 5px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.lista-pedidos .table-pedidos .ifood-pedidos-pagination a:hover,
.lista-pedidos .table-pedidos .ifood-pedidos-pagination .active {
  background: var(--vermelho-ifood);
  border: 1px solid var(--vermelho-ifood);
  color: white;
}

/* Alterações para modal de add item ifood */

#addItemIfood .modal-body .ifood-pessoas {
  background-color: #f1f1f1;
  padding: 2em;
  margin: 1.5em 0;
  border-radius: 5px;
}

#addItemIfood .modal-body .ifood-pessoas h4 {
  color: var(--vermelho-ifood);
  font-size: 1.8em;
  font-weight: bold;
  margin: 0.5em 0;
}

#addItemIfood .modal-body .ifood-pessoas p {
  font-weight: normal;
  font-size: 1.35em;
  color: #666;
}

#addItemIfood .modal-body .ifood-pessoas .ifood-pessoas-radio {
  display: flex;
}

#addItemIfood .modal-body .ifood-pessoas .ifood-pessoas-radio .cont-radio {
  margin: 0 15px;
}

#addItemIfood .modal-body .ifood-pessoas .ifood-pessoas-radio .cont-radio label {
  display: flex;
  flex-direction: column;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  cursor: pointer;
  text-align: center;
  width: 100px;
}

#addItemIfood .modal-body .ifood-pessoas .ifood-pessoas-radio .cont-radio label input[type="radio"] {
  cursor: pointer;
}

#addItemIfood .modal-body .ifood-pessoas .ifood-pessoas-radio .cont-radio label span {
  font-size: 1.2em;
  font-weight: bold;
  margin: 5px;
}

#addItemIfood .modal-body .ifood-complementos {
  display: flex;
  padding: .5em 1em;
}

#addItemIfood .modal-body .ifood-complementos h4 {
  color: var(--vermelho-ifood);
  font-size: 1.8em;
  font-weight: bold;
  margin: 0.5em 0;
}

#addItemIfood .modal-body .ifood-complementos .ifood-complementos-radio {
  display: flex;
  margin: 0 0 0 20px;
  font-size: 1.5em;
}

#addItemIfood .modal-body .ifood-complementos .ifood-complementos-radio label {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 10px;
}

#addItemIfood .modal-body .ifood-complementos .ifood-complementos-radio label input[type="radio"] {
  cursor: pointer;
  margin: 0px;
}

#addItemIfood .modal-body .ifood-complementos .ifood-complementos-radio label span {
  margin-left: 8px;
  font-weight: bold;
}

#addItemIfood .modal-body .ifood-complementos-info .nav-tabs,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .nav-tabs {
  border-bottom: 3px solid #eee;
  margin-bottom: 10px;
}

#addItemIfood .modal-body .ifood-complementos-info .nav-tabs>li,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .nav-tabs>li {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 50%;
}

#addItemIfood .modal-body .ifood-complementos-info .nav-tabs>li>a,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .nav-tabs>li a {
  text-transform: none !important;
}

#addItemIfood .modal-body .ifood-complementos-info .nav-tabs>li>a:hover,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .nav-tabs>li a:hover {
  color: var(--vermelho-ifood) !important;
}

#addItemIfood .modal-body .ifood-complementos-info .nav-tabs>li.active>a,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .nav-tabs>li.active>a {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid var(--vermelho-ifood);
  color: var(--vermelho-ifood);
}

#addItemIfood .modal-body .ifood-complementos-info .tab-pane-detalhes,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .tab-pane-detalhes {
  display: flex;
}

#addItemIfood .modal-body .ifood-complementos-info .cont-opt-radio,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .cont-opt-radio {
  width: 50%
}

#addItemIfood .modal-body .ifood-complementos-info p.opt-radio,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo p.opt-radio {
  padding: .2em 1em;
}

#addItemIfood .modal-body .ifood-complementos-info p.opt-radio label,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo p.opt-radio label {
  background: #ededed;
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
}

#addItemIfood .modal-body .ifood-complementos-info p.opt-radio label input[type="radio"],
#addGrupoIfood .modal-body .ifood-complementos-info-grupo p.opt-radio label input[type="radio"] {
  cursor: pointer;
}

#addItemIfood .modal-body .ifood-complementos-info p.opt-radio label span,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo p.opt-radio label span {
  display: block;
  font-style: italic;
  font-size: .8em;
  margin-top: 5px;
}

#addItemIfood .modal-body .ifood-complementos-info p.opt-radio label strong,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo p.opt-radio label strong {
  font-style: normal !important;
}

#addItemIfood .modal-body .ifood-complementos-info .quantidade-complementos,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .quantidade-complementos {
  padding: 1em;
}

#addItemIfood .modal-body .ifood-complementos-info .quantidade-complementos h5,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .quantidade-complementos h5 {
  border: none !important;
  color: var(--vermelho-ifood);
  font-size: 1.8em;
  padding: 0;
  margin: 10px 0 0;
}

#addItemIfood .modal-body .ifood-complementos-info .quantidade-complementos p,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .quantidade-complementos p {
  font-size: 1.4em;
  font-weight: normal;
  margin: 0;
  padding: 10px 0;
}

#addItemIfood .modal-body .ifood-complementos-info .quantidade-complementos input[type="number"],
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .quantidade-complementos input[type="number"] {
  height: 40px;
  font-size: 16px;
  text-align: center;
  width: 80px;
}

#addItemIfood .modal-body .ifood-complementos-info .quantidade-complementos input[type="number"]::-webkit-inner-spin-button,
#addItemIfood .modal-body .ifood-complementos-info .quantidade-complementos input[type="number"]::-webkit-outer-spin-button,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .quantidade-complementos input[type="number"]::-webkit-inner-spin-button,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .quantidade-complementos input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
  height: 35px;
  width: 50px;
}

#addItemIfood .modal-body .ifood-complementos-info .quantidade-complementos .bloco-quantidade,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .quantidade-complementos .bloco-quantidade {
  display: flex;
}

#addItemIfood .modal-body .ifood-complementos-info .quantidade-complementos .bloco-quantidade div,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .quantidade-complementos .bloco-quantidade div {
  margin: 0 20px 0 0;
}

#addItemIfood .modal-body .ifood-complementos-info .quantidade-complementos .bloco-quantidade div p strong,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .quantidade-complementos .bloco-quantidade div p strong {
  font-style: normal !important;
  color: var(--cinza-pedidos) !important;
}

#addItemIfood .modal-body .ifood-complementos-info .complemento-lista,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .complemento-lista {
  padding: 0 20px 20px;
}

#addItemIfood .modal-body .ifood-complementos-info .complemento-lista .bt-add-complemento,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .complemento-lista .bt-add-complemento {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: row;
  justify-content: space-between;
}

#addItemIfood .modal-body .ifood-complementos-info .complemento-grupo h4,
#addItemIfood .modal-body .ifood-complementos-info .complemento-lista h4,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .complemento-grupo h4,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .complemento-lista h4 {
  border: none !important;
  color: var(--vermelho-ifood);
  font-size: 1.8em;
  font-weight: bold;
  padding: 0;
  margin: 25px 0 15px;
}

#addItemIfood .modal-body .ifood-complementos-info h3.noItens,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo h3.noItens {
  text-align: center;
  padding: 20px 0;
  font-size: 20px;
  color: #a9a9a9;
  font-weight: bold;
}

#addItemIfood .modal-body .ifood-complementos-info button.btn-cancelar-pedido,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo button.btn-cancelar-pedido {
  text-transform: none !important;
}

#addItemIfood .modal-body .ifood-complementos-info .panel-heading,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#addItemIfood .modal-body .ifood-complementos-info .panel-heading .title-grupo,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .panel-heading .title-grupo {
  width: 90%;
}

#addItemIfood .modal-body .ifood-complementos-info .panel-heading .title-grupo a:hover,
#addItemIfood .modal-body .ifood-complementos-info .panel-heading .title-grupo a:focus,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .panel-heading .title-grupo a:hover,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .panel-heading .title-grupo a:focus {
  color: var(--vermelho-ifood);
}

#addItemIfood .modal-body .ifood-complementos-info .panel-heading .title-grupo h4,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .panel-heading .title-grupo h4 {
  padding: 15px 10px;
  font-weight: bold;
}

#addItemIfood .modal-body .ifood-complementos-info .panel-heading .title-grupo h4 span.grupo-obrigatorio,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .panel-heading .title-grupo h4 span.grupo-obrigatorio {
  color: red;
  background: #ffe8e8;
  font-size: .7em;
  padding: 0.5em 0.8em;
  border-radius: 4px;
  margin-left: 10px;
}

#addItemIfood .modal-body .ifood-complementos-info .panel-heading .title-grupo h4 span.grupo-opcional,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .panel-heading .title-grupo h4 span.grupo-opcional {
  color: orange;
  background: #fff3dd;
  font-size: .7em;
  padding: 0.5em 0.8em;
  border-radius: 4px;
  margin-left: 10px;
}

#addItemIfood .modal-body .ifood-complementos-info .panel-heading .action-grupo,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .panel-heading .action-grupo {
  width: 10%
}

#addItemIfood .modal-body .ifood-complementos-info .panel-heading .action-grupo button,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .panel-heading .action-grupo button {
  padding: 7px 10px;
  border-radius: 4px;
  font-size: 1.6em;
  color: var(--vermelho-ifood);
  border: none;
  background: none;
}

#addItemIfood .modal-body .ifood-complementos-info .panel-heading .action-grupo button:hover,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .panel-heading .action-grupo button:hover {
  background-color: var(--vermelho-ifood);
  color: white;
}

#addItemIfood .modal-body .ifood-complementos-info table>thead>tr>th,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo table>thead>tr>th {
  font-size: 14px;
  text-align: center;
}

#addItemIfood .modal-body .ifood-complementos-info table>tbody>tr>td,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo table>tbody>tr>td {
  padding: 12px;
}

#addItemIfood .modal-body .ifood-complementos-info table>tbody>tr>td h5,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo table>tbody>tr>td h5 {
  border: none !important;
  margin: 0 0 5px;
  padding: 0;
  font-size: 1.6em;
}

#addItemIfood .modal-body .ifood-complementos-info table>tbody>tr>td p,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo table>tbody>tr>td p {
  font-size: 12px;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

#addItemIfood .modal-body .ifood-complementos-info table>tbody>tr>td button,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo table>tbody>tr>td button {
  background: none;
  color: var(--vermelho-ifood);
  border: none;
  border-radius: 4px;
  font-size: 1.35em;
}

#addItemIfood .modal-body .ifood-complementos-info table>tbody>tr>td input[type="text"],
#addGrupoIfood .modal-body .ifood-complementos-info-grupo table>tbody>tr>td input[type="text"] {
  box-shadow: none;
  height: 30px;
  font-size: 1.4em;
  padding: 0 10px;
  border-radius: 4px;
}

#addItemIfood .modal-body .ifood-complementos-info table>tbody>tr>td button:hover,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo table>tbody>tr>td button:hover {
  color: var(--vermelho-ifood2);
}

#addItemIfood .modal-body .ifood-complementos-info table>tbody>tr:nth-child(odd),
#addGrupoIfood .modal-body .ifood-complementos-info-grupo table>tbody>tr:nth-child(odd) {
  background: white;
}

#addItemIfood .modal-body .ifood-complementos-info table>tbody>tr:nth-child(even),
#addGrupoIfood .modal-body .ifood-complementos-info-grupo table>tbody>tr:nth-child(even) {
  background-color: #f5f5f5;
}

#addItemIfood .modal-body .ifood-complementos-info .btn-avancar,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .btn-avancar {
  margin: 20px;
}

#addItemIfood .modal-body .ifood-complementos-info .alert-complementos,
#addGrupoIfood .modal-body .ifood-complementos-info-grupo .alert-complementos {
  margin: 15px;
  font-size: 1.4em;
}

.form-add-complemento {
  padding: 10px 30px;
}

.form-add-complemento h3 {
  font-weight: bold;
  font-size: 1.8em;
  margin: 10px 0;
  color: var(--vermelho-ifood);
}

.form-add-complemento form {
  display: flex;
  border: 2px solid #ededed;
  padding: 10px 50px 30px;
  border-radius: 5px;
}

.form-add-complemento form div {
  width: 50%;
}

.form-add-complemento form p {
  margin: 0;
  padding: 0;
}

.form-add-complemento form p label {
  font-weight: bold;
  font-size: .9em;
}

.form-add-complemento form p label i {
  font-weight: normal;
  font-size: .8em;
}

.form-add-complemento form textarea {
  font-size: 1.4em;
  padding: 10px;
  border-radius: 4px;
  height: 70px;
  resize: none;
  width: 90%;
}

.form-add-complemento form input[type="text"] {
  height: 40px;
  border-radius: 4px;
  font-size: 1.4em;
  padding: 0 10px;
  width: 90%;
}

label.categoria-radio {
  font-size: 14px;
  margin: 0 10px 10px;
  cursor: pointer;
}

label.categoria-radio input[type="radio"] {
  cursor: pointer;
}

h2.title-default-ifood {
  color: var(--vermelho-ifood);
  font-size: 2.5em;
  font-weight: bold;
  margin: 20px 0;
}

.ifood-produtos-mercado .container-table-produtos-mercado table,
.ifood-pedidos-mercado .container-table-pedidos-mercado table {
  margin: 30px 0 !important;
}

.ifood-produtos-mercado .container-table-produtos-mercado table>thead>tr>th,
.ifood-pedidos-mercado .container-table-pedidos-mercado table>thead>tr>th {
  padding: 15px 10px 15px 5px !important;
  font-size: 1.32rem;
  color: var(--vermelho-ifood);
}

.ifood-produtos-mercado .container-table-produtos-mercado table>thead>tr>th::after,
.ifood-pedidos-mercado .container-table-pedidos-mercado table>thead>tr>th::after {
  margin-top: 7px !important;
  color: var(--vermelho-ifood) !important;
}

.ifood-produtos-mercado .container-table-produtos-mercado table>tbody>tr>td,
.ifood-pedidos-mercado .container-table-pedidos-mercado table>tbody>tr>td {
  font-size: 1.2rem;
}

.ifood-produtos-mercado .container-table-produtos-mercado table>tbody>tr>td img,
.ifood-pedidos-mercado .container-table-pedidos-mercado table>tbody>tr>td img {
  height: auto;
  max-height: 70px;
  max-width: 70px;
}

.ifood-produtos-mercado .container-table-produtos-mercado .dataTables_filter,
.ifood-pedidos-mercado .container-table-pedidos-mercado .dataTables_filter {
  display: block !important;
}

.ifood-produtos-mercado .container-table-produtos-mercado .dataTables_length select,
.ifood-pedidos-mercado .container-table-pedidos-mercado .dataTables_length select {
  height: 40px;
  padding: 0 10px;
}

.ifood-produtos-mercado .container-table-produtos-mercado .dataTables_filter label,
.ifood-pedidos-mercado .container-table-pedidos-mercado .dataTables_filter label {
  width: 100%;
}

.ifood-produtos-mercado .container-table-produtos-mercado .dataTables_filter label input,
.ifood-pedidos-mercado .container-table-pedidos-mercado .dataTables_filter label input {
  text-align: left !important;
  width: 91%;
}

#modalAddProduct #productTable_wrapper {
  margin: 30px 5px;
}

#modalAddProduct #productTable_wrapper table {
  margin: 25px 0 !important;
}
#modalAddProduct #productTable_length,
#modalAddProduct #productTable_info,
#modalAddProduct #productTable_filter {
  font-size: 1.2rem;
}

#modalAddProduct #productTable_length select {
  height: auto !important;
  line-height: auto !important;
}

#modalAddProduct #productTable_filter label {
  width: 100% !important;
}

#modalAddProduct #productTable_filter label input {
  width: 86% !important;
  margin-left: 2% !important;
  text-align: left !important;
}

#modalAddProduct #productTable_length select:focus,
#modalAddProduct #productTable_filter label input:focus,
.ifood-produtos-mercado .container-table-produtos-mercado .dataTables_filter label input:focus,
.ifood-produtos-mercado .container-table-produtos-mercado .dataTables_length select:focus,
.ifood-pedidos-mercado .container-table-pedidos-mercado .dataTables_filter label input:focus,
.ifood-pedidos-mercado .container-table-pedidos-mercado .dataTables_length select:focus {
  border-color: var(--vermelho-ifood) !important;
}

.btn-actions {
  background: var(--vermelho-ifood) !important;
  color: var(--white) !important;
  width: 25px;
}

.btn-actions:hover {
  background: var(--vermelho-ifood2) !important;
}

span.prod-tag {
  padding: 5px;
  border-radius: 3px;
  font-weight: bold;
}

span.prod-publicado {
  color: green;
  background-color: rgb(187, 255, 187);
}

span.prod-nao-publicado {
  color: grey;
  background-color: rgb(236, 236, 236);
}

p.p-auth-mercado {
  font-size: 1.5rem;
  color: var(--vermelho-ifood2);
  margin: 15px 0;
}

h4.title-h4-items {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 20px 0;
  color: var(--vermelho-ifood);
}

#modalAddProduct table,
.container-order-items table {
  font-size: 1.2rem;
}

#modalAddProduct table>thead>tr>th,
.container-order-items table>thead>tr>th {
  padding: 10px 5px;
  color: var(--vermelho-ifood);
  font-size: 1.3rem;
}

#modalAddProduct table>tbody>tr>td,
.container-order-items table>tbody>tr>td {
  padding: 10px 5px;
}

#modalAddProduct .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border: none !important;
}

#modalAddProduct .pagination > li > a, #modalAddProduct .pagination > li > span {
  color: var(--vermelho-ifood) !important;
}

#modalAddProduct .pagination>.active>a,
.ifood-produtos-mercado .pagination>.active>a,
.ifood-pedidos-mercado .pagination>.active>a {
  color: var(--white) !important;
  background-color: var(--vermelho-ifood) !important;
  border-color: var(--vermelho-ifood) !important;
}
.container-ifood-option .col-md-6 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 61.5vh;
  transition: .3s;
  flex-direction: column;
}
.container-ifood-option .col-md-6:hover {
  background-color: #ededed;
}
.container-ifood-option .col-md-6 img {
  max-width: 200px;
  margin-bottom: 16px;
}
h2.title-h2-option {
  font-size: 2.8rem;
  font-weight: bold;
  margin: 20px 0;
  color: var(--vermelho-ifood);
}
.container-ifood-option .btn-red-lg:hover {
  color: var(--white) !important;
}
table>tbody>tr>td>input[type="checkbox"] {
  box-shadow: none !important;
}
.ifood-produtos-mercado .container-title-buttons{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ifood-produtos-mercado .container-title-buttons button {
  padding: 10px 15px !important;
  margin-left: 5px !important;
}
.ifood-produtos-mercado .btn-red-lg:hover,
.ifood-produtos-mercado .btn-red-lg:focus,
#modalAddProduct .btn-red-lg:hover,
#modalAddProduct .btn-red-lg:focus {
  color: var(--white) !important;
}
.select-add-products {
  width: 100% !important;
}
.title-default-modal {
  color: var(--vermelho-ifood);
  font-size: 20px;
  margin: 15px 0;
  font-weight: 600;
}
#orderDetail .title-order-products {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#orderDetail .title-order-products button,
.ifood-pedidos-mercado .title-order button {
  padding: 10px 15px;
  margin-left: 5px;
}
#orderDetail .title-order-products .btn-red-lg:hover,
#orderDetail .title-order-products .btn-red-lg:focus,
.ifood-pedidos-mercado .title-order .btn-red-lg:hover,
.ifood-pedidos-mercado .title-order .btn-red-lg:focus {
  color: var(--white) !important;
}
.ifood-pedidos-mercado .title-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
}