@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');
@import url('xeditable.css');
@font-face {
   font-family: HelveticaNeue;
   src: url(../fonts/HelveticaNeueLTCom-LtCn.ttf);
}
@font-face {
   font-family: HelveticaNeueB;
   src: url(../fonts/HelveticaNeueLTCom-Bd.ttf);
}
body {
	font-family: HelveticaNeue!important;
	background-color: #f1f1f1;
	height: 100%
}
.btn-remove-cupom{
  width: 20px;
  height: 20px;
  margin: -10px 10px 0 0;
}
footer {
font-weight: bold;
color: #a8a8a8;
position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}
footer a {
	color: #02c1bb;
	text-decoration: none;
}
footer img {
	position: absolute;
    vertical-align: middle;
  }
.caixaLogin {
  position: absolute;
  width: 507px;
  height: 246px;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -123px 0 0 -253px;
  background-image: url('../imgs/back-login.jpg');
}
.logoLogin {
	height: 246px;
    text-align: center;
    vertical-align: middle;
    top: 60px;
}
.boxLogin {
	top: 60px;

	height: 246px;
	text-align: center;
}
.camposLogin {
	width: 146px;
	border-radius: 0px;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #909090;
}
.botaoOk {
	background-color: Transparent;
	background-image: url(../imgs/botao-ok.png);
    width: 146px;
    height: 43px;
    font-size: 16px;
    color: black;
    border: 0px;
    background-position: center;
}

.botaoOk:hover {
	background-color: Transparent;
    width: 146px;
    height: 43px;
    background-position: center;
    transform: translateY(4px);
}

.sidenav {
	border-right: 3px;
	border-right-style: solid;
	border-color: #fdb922;
    height: 100%; 
    width: 250px; 
    position: fixed;
    z-index: 1;
    top: 0; 
    left: 0;
    background-color: #111; 
    background-image: url(../imgs/back-menu.jpg);
    background-size: cover;
    overflow-x: hidden; 
    padding-top: 20px;
}


.sidenav a {
  padding: 45px 45px 6px 16px;
  font-family: HelveticaNeue;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #ffffff;

    display: block;
}

.sidenav a:hover {
    color: #fdb922;
    text-decoration:none;
/*  padding: 45px 6px 6px 16px;
	border-right: 39px;
	border-right-style: solid;
	border-color: #fdb922; 
*/

}

.main {
    margin-left: 160px; 
    padding: 0px 10px;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
.logo-lpq {
	
	margin-top: 40px;
	margin-bottom: 15px;

	text-align: center;
}
.buu {
	font-weight: bold;
	font-size: 12px;
color: #a8a8a8;
position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-align: center;
}
.buu a {
	font-size: 12px;
	color: #02c1bb;
	text-decoration: none;
	padding: 0px!important;
	display: initial!important;
	text-align: center!important;
}
.buu img {
	margin-left: 5px;
	margin-top: -4px;
	position: absolute;
    vertical-align: middle;
  }
 .head {
 	background-image: url(../imgs/madeira-topo.jpg);
 	background-size: cover;
 	height: 100px;
 	text-align: right;
 }
 .botaoFechar {
 	width: 25px;
 	height: 25px ;
 }
 .desconectar a {
 	text-decoration: none;
    color: white;
 }
  .desconectar {
 	padding: 60px 32px;
 }
 .area-util {
 	 float: right;
    width: calc(100% - 250px);
 }
 .filtro {
 	padding: 57px 37px;
 }
 .filtroFonte b{
  cursor: pointer;
 	text-decoration: underline;
    text-decoration-color: white;
 	font-size: 38px;
 	font-weight: bold;
 	font-family: HelveticaNeueB;
 }
 .atrasou b {
	color: #ff3625;
 }
 .hoje b {
	color: #fdb827;
 }
 .doisDias  b{
	color: #97d7ae;
 }
 .tresOuMais b {
	color: #95b6f3;
 }
  .atrasou b:hover {
	color: #ff3625;
	text-decoration-color: #ff3625;
 }
 .hoje b:hover {
	color: #fdb827;
	text-decoration-color: #fdb827;
 }
 .doisDias  b:hover{
	color: #97d7ae;
	text-decoration-color: #97d7ae;
 }
 .tresOuMais b:hover {
	color: #95b6f3;
	text-decoration-color:#95b6f3;
 }
 .filtroFonte {
 	font-size: 13px;
 	color: #c3c3c3;
 	text-align: center;
 }
 .pedidos {
 	padding-left: 37px;
 	padding-right: 37px;
 }
 .cardPedido {
 	margin: 16px;
 	background-color: white;
 	height: 230px;
 	min-width: 230px;
 	max-width: 230px;
 	box-shadow: 2px 2px 6px 0px #e2e2e2;
 }
 .fecharPedido {
 	position: absolute;
 	right: 11px;
 	top: 11px;
 }
 .rodapePedido {
 	position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-top-color: #fdb827;
 	border-top-style: solid;
    border-top-width: 3px;
 }
 .botoesRodape {
  cursor: pointer;
 	margin: 13px
 }
 .botoesRodape img{
   width: 27px;
   height: 27px;
 }
 .botoesRodape img.icon-takeaway{
  width: 30px;
  height: 30px;
  margin: -3px 0 0 0;
 }
 .botoesRodape:hover .botao {
  	transition: .3s ease;
    -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
    filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
 }
 .fecharPedido:hover .botao {
  	transition: .3s ease;
    -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
    filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
 }
 .infoPedido {
 	color: #a5a5a5;
 	padding-bottom: 16px;
 }
 .infoPedido h3 {
  font-family: HelveticaNeueB;
  margin-top: 9px;
  font-size: 14px;
}
 .infoPedido h4 {
 	font-family: HelveticaNeueB;
 	margin-top: 9px;
 	font-size: 13px;
 }
 .infoPedido h5 {
 	margin-top: 9px;
 	font-size: 14px;
 	margin-bottom: 15px;
 }
 .infoPedido p {
 	margin: 0px;
 	font-size: 14px;
 }
 .valor {
	font-family: HelveticaNeueB;
 }
 .atrasouCard {
 	 border-top-color: #ff3625;
 	border-top-style: solid;
    border-top-width: 9px;
 }
 .hojeCard {
 	 border-top-color: #fdb827;
 	border-top-style: solid;
    border-top-width: 9px;
 }
 .doisDiasCard {
 	border-top-color: #97d7ae;
 	border-top-style: solid;
    border-top-width: 9px;
 }
 .tresOuMaisCard {
  border-top-color: #95b6f3;
  border-top-style: solid;
  border-top-width: 9px;
 }
 .entregueCard {
  border-top-color: white;
  border-top-style: solid;
    border-top-width: 9px;
    display: none
 }
 .modal-content h4 {
 	margin-left: 37px;
 	margin-top: 30px;
 }
 .pedidoModal {
  	font-family: HelveticaNeueB;
  	font-size: 29px;
  	color: #fdb827;
 }
 .valorModal {
 	line-height: 6px;
 	font-weight: normal;
 	font-size: 26px;
 	color: #a7a7a7;
 }
 .fecharModal {
 	position: absolute;
    right: 19px;
    color: #5a5a5a;
    top: 0px;
    font-family: HelveticaNeueB;
    font-size: 42px;
 }
 .editarModal {
 	position: absolute;
    right: 17px;
    top: 32px;
    font-family: HelveticaNeueB;
    font-size: 42px;
 }
  .editarModal:hover {
  	transition: .3s ease;
    -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
    filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
 }
 .clienteModal {
 	margin-left: 37px;
	font-family: HelveticaNeue;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.27;
	letter-spacing: normal;
	text-align: left;
    color: #a7a7a7;

 	line-height: 0.21;
 }
 .modal-lpq {
 	border-radius: 0px;
 	border: 0px;
 	min-width: 666px;
 }
 .corpoModal {

 	background-color: #f5f5f5;
 	color: #a5a5a5;
 	margin-top: 14px;
 	padding: 0px;
 	padding-top: 16px;

 }
 .corpoModal b {
 	font-family: HElveticaNeueB;
 	color: #fdb827;
 	margin-left: 36px;
 }
 .corpoModal ul {
 	list-style-type: none;
 	padding: 0px;
 }
 .corpoModal li {
 	padding: 0px;
 }
 .modalRodape {
 	display: block;
  min-height: 75px;
 	text-align: center;
 }
 .canceladoRodape {
 	text-align: center;
 	border-top-width: 0px;
 }
 .cancelouCard {
 	background-color: transparent;
 }
 .mensagemErro {
 	padding: 0px;
    margin: 0px;
    position: absolute;
    top: -25px;
    color: white;
 }
 .carregando {
 	height: 100%;
 	position: absoulte;
 	text-align: center;
 	margin-top: 10%;
 }
  .carregandoBanner {
 	height: 100%;
 	position: absoulte;
 	text-align: center;
 	margin-top: 0%;
 }
 .banners {
 	padding: 27px;
 }
 .bannerImagem {
 	max-width: 220px;
 	min-width: 220px;
 	min-height: 310px;
    border: 3px;
    border-style: solid;
    border-color: white;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 60px;
}
  .excluirBanner {
  	opacity: 1;
 	position: absolute;
    right: 19px;
    color: white;
    top: 0px;
    font-family: HelveticaNeueB;
    font-size: 42px;
 }
 .ordemBanner {
 	position: absolute;
 	right: 0;
  	bottom: -40px;
  	left: 0;
  	text-align: center;
 }
 .ordemBanner input[type=text] {
 	color: #a7a7a7;
 	width: 27px;
 	height: 27px;
 	text-align: center;
 	border: 0px;
 }
 .adicionarImagem {
 	background-image: url(../imgs/contorno-adicionar-banner.png);
 	background-position: center;
    background-repeat: no-repeat;
    max-width: 220px;
 	min-width: 220px;
 	min-height: 310px;
    border: 0px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 60px;

 }
 .botaoAdicionarImagem {
 	position: absolute;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
 }
 .textoAdicionarBanner{
 	font-family: HelveticaNeueB;
 	text-align: center;
 	color: #cdcdcd;
 	text-align: center;
  margin-top: 60%;
 }
 .botaoAdicionarImagem:hover {
 	transition: .3s ease;
    -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
    filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
 }
 .cupons h2{
   margin: 20px;
   color: #212121;
   font-size: 20px;
 }
 .lojas, .cupons {
 	padding-top: 44px;
 	padding-left: 28px;
 }
 .loja span, .cupons span{
 	font-family: HelveticaNeueB;
 	font-size: 30px;
 	background-color: #f1f1f1;
  width: 220px;
 	color: #fdb827;
 	padding-right: 12px;
 }
 .loja b, .cupom b {
 	font-size: 17px;
 	color: #a7a7a7;
 }
 .loja ul, .cupom ul {
    padding-left: 17px;
 }
 .loja li, .cupom li {
  font-size: 10px;
  list-style-type: none;
  color: #a7a7a7;
 }
 .loja li i, .cupom li i {
 	font-size: 17px;
 }
 .mapaEntrada {
  font-size: 14px;
 }
 .bordaLoja {
 	margin: -20px;
 	position: absolute;
 	border-top-style: solid;
 	border-top-color: #cecece;
 	border-bottom-style: solid;
 	border-bottom-color: #cecece;
  border-top-width: 1px;
  border-bottom-width: 1px;
 	height: 250px;
  width: calc(100% - 343px);
  left: 363px;
 	z-index: -1;
 }
 .adicionarLojaImagem {
    width: 60px;
 }
 .adicionarLojaImagem:hover {
 	background-color: transparent;
 	transition: .3s ease;
    -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
    filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
 }
 .xeditableBotao {
 	color: #a7a7a7;
 	width: 350px!important;
 	border: 0px;
 	padding-left: 10px;
 	border: 0px;
 	font-size: 16px;
 	Font-family: HelveticaNeue;
 	border-radius:0px;
 }
 #xeditableBotaoTexto {
 	height: 40px;
 }
 .botaoCancelar {
    -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(4);
    color: white;
 }
 input:focus{
    outline: none!important;
}
.ultima {
	display: block;
}
.nUltima {
	display: none;
}
.institucional {
	padding-top: 29px;
	padding-left: 27px;
}
.caixaInstitucional {
	width: 203px;
	height: auto;
	background-color: white;
	box-shadow: 2px 2px 6px 0px #e2e2e2;
}
.caixaInstitucional h3 {
	font-size: 18px;
	color: #fdb827;
	padding-left: 7px;
	font-family: HelveticaNeueB;
}
.imagemInstitucional img {
	width: 201px;
	height: auto;
	padding: 6px;
}
.caixaInstitucional p {
	font-size: 14.5px;
	color: #a7a7a7;
	padding: 6px;
}
.clientes {
  padding-left: 22px;
  padding-top: 42px;
}
.tabelaClientes th {
  border-color: transparent;
  border-bottom: 0px!important;
  border: 0px;
  text-align: center;
  margin-bottom:6px;
}
.tabelaClientes td {
  background-color: white;
  color: #a7a7a7;
  font-size: 18px;


}
.tabelaEsquerda {
  text-align: left;
  border-top: 0px!important;
  border-bottom-style: solid;
  border-bottom-color: #f1f1f1;
  border-bottom-width: 6px;
}
.tabelaCentro {
  text-align: center;
  border-top: 0px!important;
  border-bottom-style: solid;
  border-bottom-color: #f1f1f1;
  border-bottom-width: 6px;
}
.tabelaDestaque {
  color: #fdb827!important;
}
.tabelaClicavel {
  cursor: pointer;
}
.produtos {
  padding-top: 44px;
  padding-left: 27px;
}
.produtos span {
  font-family: HelveticaNeueB;
  background-color: #f1f1f1;
  font-size: 30px;
  color: #fdb827;
  padding-right: 22px;
}
.bordaProduto {
 margin: -20px;
 position: absolute;
 border-top-style: solid;
 border-top-color: #cecece;
 border-top-width: 1px;
 height: 164px;
 width: calc(100% - 343px);
 left: 363px;
 z-index: -1;
 }
 .bordaUltimoProduto {
 margin: -30px;
 position: absolute;
 border-top-style: solid;
 border-top-color: #cecece;
 border-top-width: 1px;
 height: 164px;
 width: calc(100% - 348px);
 left: 378px;
 z-index: -1;
 }
 .produtos p {
  max-width: 850px;
  font-size: 15px;
  color: #a7a7a7;
  text-align: justify;
 }
.caixaProduto {
  width: 203px;
  height: auto;
  background-color: white;
  box-shadow: 2px 2px 6px 0px #e2e2e2;
  
}
.caixaProduto h3 {
  font-size: 18px;
  color: #fdb827;
  padding-left: 7px;
  font-family: HelveticaNeueB;
  letter-spacing: -1px;
}
.caixaProduto {
  min-height: 307px;
}
.imagemProduto img {
  width: 201px;
  height: auto;
  padding: 6px;
}
.caixaProduto p {
  font-size: 14.5px;
  color: #a7a7a7;
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 0px;
}
.excluirProduto {
  opacity: 1;
  position: absolute;
  right: 19px;
  color: white;
  top: 0px;
  font-family: HelveticaNeueB;
  font-size: 42px;
 }
.produtoTabela {
  max-width: 220px;
  min-height: 306px;
  border: 0px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 60px;
}
.opcoesProdutosEsquerda {
  padding: 0px;
  padding-left: 15px;
  max-width: 45%;
  font-size: 15px;
  color: #a7a7a7;
}
.opcoesProdutosDireita {
  padding: 0px;
  font-size: 15px;
  color: #a7a7a7;
}
.imagemOpcoesProdutos {
  width: 40px!important;
  height: auto;
}
.imagemProduto a {
  color: #fdb827;
  text-decoration: none;
}
.correcaoCheckbox {
  max-width: 40%;
}
.ordemProduto {
 position: absolute;
 right: 0;
 bottom: -40px;
 left: 0;
 text-align: center;
 }
.ordemProduto input[type=text] {
 color: #a7a7a7;
 width: 27px;
 height: 27px;
 text-align: center;
 border: 0px;
 }
 .switch {
  float: right;
  margin-right: 9px;
  margin-top: 6px;
  position: relative;
  display: inline-block;
  width: 33px;
  height: 12px;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 0px;
  bottom: -2px;
  background-color: #fdb827;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #ccc;
}
input:focus + .slider {
  box-shadow: 0 0 1px #ccc;
}
input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(126px);
  transform: translateX(18px);
  background-color: #98d6ad;
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.produtoDesativado {
 -webkit-filter: grayscale(100%); 
 filter: grayscale(100%);
}
.textoAdicionarProduto{
  font-family: HelveticaNeueB;
  text-align: center;
  color: #cdcdcd;
  text-align: center;
  margin-top: 70%;
 }
 .caixaProduto .editable-controls {
  width: 390px!important;
  position: absolute;
  z-index: 1;
  margin-top: -29px;
  margin-left: -10px;
 }
 .caixaProduto textarea {
  margin-top: 10px;
  margin-left: 10px;
 }
 .caixaProduto .botaoCancelar .botaoOk {
  display: none!important;
 }
  .checkboxProdutos {
  width: 12px!important;
 }
 .caixaProduto input[type=text] {
  width: 60px!important;
  background-color: transparent;
 }
 .caixaProduto .editable-buttons {
  background-color: transparent!important;
 }
.ordemProduto input[type=text] {
  background-color: white!important;
  width: 27px!important;
}
.switchProduto {
  position: absolute;
  margin-top: -30px;
  right: 0px;
}
.alterarImagemProduto {
  cursor: pointer;
  max-height:113px;
  width: auto;
}
.tabelaProdutos {
  width: 99%;
}
.adicionaisModal {
  cursor: pointer;
  color: #fdb827;;
}
.itemAcompanhamento {
  margin-left: 36px;
}
.adicionarAcompanhamento {
  cursor: pointer;
}
.selecaoAcompanhamento {
  background-image: url(../../assets/imgs/select.png);
  background-repeat: no-repeat;
  background-position: top right;
  margin-left: 32px;
  background-color: transparent;
  border: 0px;
  font-family: HelveticaNeueB;
  font-size: 20px;
  color: #fdb827;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  padding-right: 6px;
}
.acompanhamentosModal {
  font-size: 20px;
}
.dotAcompanhamentos {
  font-size: 6px;
}
.acompanhamentosModal .editable-controls {
  width: auto!important;
  position: absolute;
  z-index: 1;
  margin-top: -29px;
  margin-left: -10px;
 }
.acompanhamentosModal .botaoCancelar {
  display: none!important;
 }
.paddingPedidoCancelado {
  padding-top: 10px;
 }
.marcadorCoverProdutos {
  background-image: url(../imgs/coverProdutos.png);
  position: absolute;
  height: 35px;
  width: 190px;
  background-position: center;
  top: 45px;
  left: 20px;
}
.cancelouCard {
  display: none
}
.entregue b {
  color: #049b97;
}