@import 'https://fonts.googleapis.com/css?family=Alegreya+Sans';

*{
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	/*background: url("img/marble.jpg");*/
	background:white;
	font-family: "Lucida Sans", Monaco, monospace;
	font-size: 150%;
	color: #FFFFFF;
}

#row1{
	height:8%;
}
#row2{
	height:12%;
}
/*#row3{
	height:5%;
}*/
#row4{
	height:66%;
}
#row5{
	height:7%;/*8*/
}
#row6{
	height:7%;/*10*/
}

td{
	/*background-color:url("img/mesa.jpg");*/
	/*background-color: white;*/
}

.c1{
	width:20%;
}
.c2{
	width:5%;
}
.c3{
	width:50%;
	position: relative;
}
.c4{
	width:5%;
}
.c5{
	width:20%;
}
#popupdadosbiometricos{
		width:280px;
		background: #66b3ff;
		cursor:pointer;
		display: none;
		z-index: 1000000000;
		position: absolute;
		left: -15%;
		top: -12%;
}
#divpopupavisoalcool{
	display: none;
	position: absolute;
	left: -15%;
	top: -22%;
	z-index: 1000000;
}

#dados{
vertical-align: top;
color: black;
font-family: Lucida Sans;
text-align:left;
}


#status{
	text-align:center;
	font-size: 50%;
	background-size:contain;
}

#logo{
	position: relative;
	height:55vmin;
	width:55vmin;
	margin:auto;
	/*left: 110px;
	top: -15%;*/
	/*background: #00e600;
	border: 1px solid #00e600;*/
	border-radius: 50%;
	background: #66b3ff;
	/*background: url(img/greencircle.png) no-repeat center;
	background-size:contain;*/
}


.imgs{
	width: 75px;
	height: 75px;
	margin-left: 25%;
	margin-top: 10%;
}
.texto{
	/*color:#BBDDFF;*/
	color: white;
	text-align: center;
	font-size: 18px;
}
#entradas{
	position:absolute;
	right: 0vmin;
	top: 0vmin;
}

#bebidas{
	position:absolute;
	left:0vmin;
	top: 0vmin;
}

#pratos{
	position:absolute;
	left:0vmin;
	bottom: 0vmin;
}
#sobremesas{
	position:absolute;
	right:0vmin;
	bottom: 00vmin;
}
.categorias{
	position:relative;
	height:150px;
	width:150px;
	color:white;
	background:#1b73c6;
	border-radius: 51%;
	display: none;
	z-index: 1;
	cursor: pointer;
}
#talher{
	position: relative;
	width: 45px;
	height:45px;
}
#comisto{
	cursor:default;
	font-family: Lucida sans-serif;
	font-size: 80px;
	color: white;
	text-align: center;
	position: relative;
	top: 35%;
}
#comistovertical{
	font-family: Lucida sans-serif;
	font-size: 30px;
	color: white;
	text-align: center;
	position: relative;
	top: 15%;
	left: -30%;
	/*transform: rotate(90deg);*/
	letter-spacing: 5px;
}

#bv{
	font-size: 38px;
	color:#387fc4;
	text-align: center;
	letter-spacing: 5px;
	position: relative;
	z-index: 1;
}
#voltesempre{
	font-size: 38px;
	color:#387fc4;
	text-align: center;
	letter-spacing: 5px;
	position: relative;
	z-index: 1;
	display: none;
}
#taxi{
		float: right;
		height:10vmin;
		width:10vmin;
		border: 0px dotted black;
		border-radius: 50%;
		background-color: #1b73c6;
		display: none;
		margin-right: 5px;
		top: 67%;
		position: absolute;
		left: 41%;
		cursor: pointer;
}
#imgtaxi{
	margin-left: 7%;
}
#time{
  font-family: "Lucida Sans", Monaco, monospace;
	margin-left: 10%;
	font-size: 40px;
	margin-top: 5%;
	color: #8b8d8c;
}
#entrar{
	cursor:pointer;
	font-size: 30px;
	color: white;
	width:20vmin;
	text-align: center;
	position: relative;
	top: 55%;
	padding-bottom: 1%;
	padding-top: 1%;
	left: 17vmin;
	border-radius: 30px;
	background: #1b73c6;
}

#prato{
	height:90%;
	width:90%;
	display:none;
	background:url("img/prato.png") no-repeat center;
	background-size:contain;
	z-index: 100;
	position: relative;
}
#copo, #copocheio{
	position: absolute;
	top: 0;
	right: 10px;
	float: right;
	height:30%;
	width:30%;
	display:none;
	background:url("img/copo.png") no-repeat right;
	background-size:contain;
}

#bookheader, #pedido{
	background: url(img/token.png) no-repeat center;
	background-size:contain;
}





#help{
	float:right;
	height:10vmin;
	width:10vmin;
	border-radius: 50%;
	background-color: #66b3ff;
	display: inline-block;
	cursor: pointer;
}
#imghelp{
	position: relative;
	height:70%;
	width:70%;
	margin-left: 18%;
	margin-top: 10%;
}


/*-------------------------------*/

input[type=range]::-moz-range-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  border-radius: 35px;
  background: linear-gradient(to right, #4d79ff, #0099cc, #66d9ff, #ffffff, #ffbf00, #ff8000, #ff0000);
	/*transform: rotate(90deg);*/
}
#barra{
	margin-left: 32px;
	margin-top: 10px;
}
#val{
	color: black;
	font-size: 16px;
	padding-right: -30px;
	border-radius: 5px;
}
input[type=range]::-moz-range-thumb {
  height: 19px;
  width: 19px;
  border-radius: 50px;
  background: white;
  cursor: pointer;
}
.termometro{
	position: relative;
  border: 0px solid black;
  border-radius: 50px;
	height: 50px;
	width: 50px;
	cursor: pointer;
  /*background:#4dff4d;*/
	background: #66b3ff;

}
#termcopo{
	position: absolute;
	right: -18px;
	top: 15px;
	cursor: pointer;
}
#termprato{
	position: absolute;
	right: 100px;
	top: 80%;
	cursor: pointer;
}
#refill{
	display: none;
	position: absolute;
	top: 80px;
	right: -18px;
  border: 0px solid black;
  border-radius: 50px;
  background: #66b3ff;
	cursor: pointer;
}
#botaalcool{
	position: absolute;
	top: 145px;
	right: -18px;
  border: 0px solid black;
  border-radius: 50px;
  background: #66b3ff;
  cursor: pointer;
	padding-top: 2%;
}
#abc, #showrefill {
width:100%;
height:100%;
/*opacity:.95;*/
top:0;
right:0;
display:none;
position:fixed;
/*background-color:#313131;*/
overflow:auto;
}
#divpopupnaobebealcool, #divpopupmostraalcool{
	width:100%;
	height:100%;
	top:0;
	right:0;
	display:none;
	position:fixed;
	overflow:auto;
}


#rd{
	width:230px;
	height:100%;
	/*opacity:.95;*/
	top:230px;
	left:50px;
	display:none;
	position:relative;
	z-index: 1000000;

	/*background-color:white;*/
	overflow:auto;
}


#conftemp{
	display: none;
}

#sim, #nao{
  left: 50%;
}

#divpopuprefill, #divpopuprefillconfirmar, #impossivelrefill, #divpopupmostraalcool,#divpopupnaobebealcool{
	display: none;
	position: absolute;
	top: 110%;
	left: 30%;
	z-index: 1000000;
}
#divpopupconfirmaalterar{
	display: none;
	position: absolute;
	left:42px;
	top: 128%;
	z-index: 10000000;
}
#divpopoupconfirmar{
	display: none;
	position: absolute;
	left:42px;
	top: 140%;
	z-index: 100000;
}

.popup{
	position: absolute;
  width:250px;
  /*background: linear-gradient(#66b3ff , white); SkyBlue*/
	background:#66b3ff;
  border-radius: 0px;
  /*box-shadow: 10px 10px 72px 0px rgba(0,0,0,0.75);*/
  /*opacity: 0.9;*/
}

.titlepopup{
    vertical-align:top;
    font-size: large;
		text-align: center;
    color: white;
}

#msg, #msgpagamento,#txa, #msgtaxi{
    vertical-align: middle;
    font-size: 18px;
    color: white;
		cursor: default;
}

#answer{
    padding: 15px;
    border-top: 1px solid white;
    border-collapse: collapse;
    vertical-align: bottom;
    font-size: medium;
    color: white;
		cursor: pointer;
}

.opcao{
	border-right: 1px solid white;
}
.botaoconfum{
  border-radius: 5px;
  text-align: center;
  background: #e0e0d1;
  border: 1px solid gray;
  color: black;
  display: inline;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 0%;
	padding-bottom: 2%;
  margin-left: 45%;
  font-size: 15px;

}
#barrahelp{
	position: absolute;
	display: none;
	left: 10%;
	z-index: 100000;
}
#barrahelprow1{
	background: #66b3ff;
  width: 600px;
}
#barrahelprow2{
  width: 600px;
  background: white;
	cursor: pointer;
}
.separadorhelp{
	/*position: relative;*/
  width: 25%;
	text-align: center;
  background: lightgray;
	border: 0px solid white;
}
#icones{
	float:right;
}
#estadopedido{
  display: none;
}
/*-------------------------------------------------------------------------------*/
#divnif, #divpin{
	display: none;

}
#intnif{
	position: absolute;
	top: -105%;
  left: -180%;
}
#insertNIFform{
	width: 300px;
	height:auto;
}
#insertPINform{
	width: 300px;
	height:auto;
}
#insertNIF, #insertPIN{
	position: absolute;
	top: -250%;
  left: -180%;
	width: 325px;
	height: auto;
	margin: 100px auto;
	padding: 20px 20px 9px;
	background: linear-gradient(#9dd2ea, #8bceec);
	border-radius: 3px;
	box-shadow: 0px 4px #009de4, 0px 10px 15px rgba(0,0,0,0.2);
	cursor: pointer;
}
#btn{
	width: 100px;
	height: 40px;
	font-size: 20px;
}
#btnOK{
	width: 100px;
	height: 40px;
	font-size: 20px;
	background-color: #3cb518;
}
#inpform, #inpPINform{
	width: 100%;
	height: 40px;
	font-size: 20px;
}