#pedidos, #pedidodemo{
  overflow: scroll;
  height: 50vmin;
  background: lightgray;
	opacity: .9;
}

#pedidoheader{
	height:8%;
	width:100%;
	display:none;
	text-align:center;
	background-color: #387fc4;
	color:white;
  font-size: 35px;
  margin-top: 5%;
}



#pedidobody{
	height:100%;
	width:100%;
	display:none;
	float:left;
	text-align: center;
	color: black;

	overflow: auto;
}

#up, #down{
  position:relative;
  left: 80%;
  top: -51%;
  cursor: pointer;
  display: none;
}

.pedidocolnome{
  width: 100%;
  text-align: left;
  border-bottom: 1px solid white;
}
.pedidocolpreco{
  width: 50px;
  border-bottom: 1px solid white;
}
.pedidocolquant{
  width: 25px;
  border-bottom: 1px solid white;
}
.pedidocollixo, .pedidocolmais, .pedidocolmenos{
  width: 25px;
  border-bottom: 1px solid white;
}

.nomeProduto{
  position: relative;
  display: inline-block;
  font-size: 20px;
  top: -5px;
  cursor: default;
}
.preco{
  font-size: 22px;
  position: relative;
  top: -5px;
  cursor: default;
}
.quantidade{
  font-size: 22px;
  position: relative;
  top: -4.9px;
  cursor: default;
}
.mais{
  margin-left: 3%;
  margin-right: 3%;
  width: 35px;
  cursor: pointer;
}
.menos{
  margin-left: 3%;
  margin-right: 3%;
  width: 35px;
  cursor: pointer;
}
.lixo{
  float: right;
  margin-left: 3%;
  margin-right: 3%;
  width: 35px;
  cursor: pointer;
}
#barrabaixo{
  position: absolute;
  width: 10%;
  height: 20%;
  left: 89%;
  top: 82%;
  display: none;
  text-align: center;
  font-size: 25px;
  color: white;
  margin:auto;
}
#confirmar, #pagar{
  position: relative;
  text-align: center;
  font-size: 25px;
  color: white;
  background: #66b3ff;
  margin:auto;
  bottom: 1.5vmin;
  cursor: pointer;
}
#pagar{ display: none;}
#sair{
  position: absolute;
  text-align: center;
  font-size: 25px;
  color: white;
  background: #66b3ff;
  display: none;
  right: 1%;
  top: 90%;
  padding-right: 2%;
  width: 111px;
  cursor: pointer;
}
#txtsair{
  position: absolute;
  bottom: 27%;
  right: 17%;
}
#imgexit{
  position: relative;
  right: 24%;
}
#total{
  position: relative;
  right: 95%;
  font-size: 21px;
  top: 10%;
  color: black;
  cursor: default;
}

#divpopupconfirmarpedido,#divpopupconfirmarlixo,#divsimconfirmarpedido{
  display: none;
  top: -100%;
  left: -32%;
  position: absolute;
}
#divpopupperguntaralcool{
  display: none;
  left: -15%;
  top: -20%;
  position: absolute;
  text-align: center;
  z-index: 10000000000;
}
#divpopupperguntarsair{
  display: none;
  top: 66%;
  left: 76%;
  position: absolute;
  z-index: 1111111111111;
}
#divpopupconfirmarpagar, #divpopuppagar, #divpopupmb, #divpopupdinheiro, #divpopupnif, #pagou{
  display: none;
  top: -105%;
  left: -180%;
  position: absolute;
  z-index: 1111111111111;
}
#divpopupdestinotaxi{
  display: none;
  position: absolute;
  box-shadow: 10px 10px 5px gray;
  left: 147%;
  width: 300px;
  top: 0%;
}
#divpopupperguntartaxi, #divpopuptaxichegou, #tempotaxi{
  display: none;
  position: absolute;
  box-shadow: 10px 10px 5px gray;
  left: 147%;
  top: 0%;
}

#pedidodemo, #nomelixo{
  display: none;
}