@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;
}

.cajaCliente {
    border: 1px solid lightgrey;
    width: 150px;
    height: 80px;
    font-size: 14px;
    text-align: center;

    border-radius: 10px;              
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    background: white;
}


.cajaClienteNuevo{
	border:1px solid lightgrey;
	padding:15px 6px 0;
	width:150px; 
	height:80px;
	font-size:16px;
	text-align:center;
	border-radius: 6px;              
    box-shadow: 0 3px 8px rgba(0,0,0,0.12);
	background:lightgrey;
	font-weight:bold;
	line-height:1
}

.cajaClienteNombre {
    font-size: 13px;
    font-weight: bold;
    background: lightblue;
    padding: 6px 2px;
    margin-bottom: 10px;
    line-height: 1;
	border-radius: 6px 6px 0 0;
	color:black
}

.cajaClienteMatrícula{
	font-size:16px; 
	font-weight:bold;
	line-height:1;
}