@font-face {
	font-family: 'Kiro Light';
	font-style: normal;
	font-weight: normal;
	src: local('Kiro Light'), url('../fonts/Kiro Light.woff') format('woff');
}

@font-face {
	font-family: 'Kiro';
	font-style: normal;
	font-weight: normal;
	src: local('Kiro'), url('../fonts/Kiro.woff') format('woff');
}

.pager_0 {
	background-color: darkgrey;
	color: lightgrey;
	border: 1px solid grey; 
	text-align: center; 
	font-size: 12px;
}

.pager_1 {
	background-color: white;
	color: black;
	border: 1px solid grey; 
	text-align: center; 
	font-size: 12px;
}

.pager_2 {
	background-color: orange;
	color: white;
	border: 1px solid grey; 
	text-align: center; 
	font-size: 12px;
}

.pager_3{
	color: white;
	border: 1px solid grey; 
	text-align: center; 
	font-size: 12px;
	animation: blinkingBG 1s infinite;
}
@keyframes blinkingBG{
	0%		{ background-color: orange}
	100%	{ background-color: red}
}

.pager_4 {
	background-color: green;
	color: white;
	border: 1px solid grey; 
	text-align: center; 
	font-size: 12px;
}

.pedido_1 {
	background-color: white;
}

.pedido_2 {
	background-color: #fff5d5;
}

.pedido_3 {
	background-color: orange;
	animation: blinkingBG 1s infinite;
}
.pedido_4 {
	background-color: darkturquoise;
}

.fila_menu{
	width: 100%; 
	height: 25px; 
	padding: 5px; 
	border: 1px dotted grey; 
	margin-bottom: 1px; 
	display: table; 
	cursor: pointer
}
.fila_menu:hover{
	background-color: lightgrey;
}