.lista-pedidos{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F3F3F3;
	padding: 2em 0em;
	margin-bottom: 4em;
}

.lista-pedidos table{
	background-color: #F3F3F3;
	width: 100%;
}

.lista-pedidos table thead th{
	padding: 0.5em 0em;
	text-align: center;
	font-size: 1.1em;
	font-weight: 800;
	letter-spacing: 1px;
}
.lista-pedidos table tbody tr{
	padding: 1em 0;
	border-top: solid 5px #F3F3F3;
	border-bottom: solid 5px #F3F3F3;
	margin-bottom: 1em;
}

.lista-pedidos table tbody tr td{
	margin-bottom: 1em;
	text-align: center;
	padding: 1em 0;
	font-weight: 600; letter-spacing: 1px;
}
.lista-pedidos table tbody tr:hover{
	background-color: #D8D8D8;
}

.e1{
	background-color: rgb(255, 217, 0);
}
.e2{
	background-color: #BBF3FF;
}
.e3{
	background-color: #0A9FE5;
}
.e4{
	background-color: #64F4C6;
}
.e5{
	background-color: #64F485;
}
 .e6{
	background-color: #27AD31;
}
.e7{
	background-color: #64F485;
}
.e8{
	background-color: #FF7575;
}

.botones-pedido{
	background-color: #0066c5;
	color: white;
	border: none;
	border-radius: 20px;
	padding: 0.5em 1em;
	margin-top: 0.5em;
	text-decoration: none;
}

.botones-pedido:hover{
	background-color: #4a6bff;
	transition: 300ms;
}


.carrito-pago .pago .subtotal button{
	background-color:rgb(6, 140, 181);
	color: rgb(255, 255, 255);
	margin: 0;
}
.carrito-pago .pago .subtotal button:hover{
	background-color:rgb(6, 197, 255);
	color: rgb(255, 255, 255);
}


/****** estilos de pedidos en celular***/

.lista-pedidos-cel{
	width: 100%;
	padding: 1em 1em;
	display: grid;
}

.lista-pedidos-cel .pedido{
	background-color: #F1F1F1;
	display: grid;
	grid-template-columns: 1fr;
	padding-bottom: 1em;
	box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3);
}

.lista-pedidos-cel .pedido .sec{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .5em 2em;
	width: 100%;
}
.lista-pedidos-cel .pedido .sec p{
	margin: 0;
}
.lista-pedidos-cel .pedido .est{
	padding: 1.5em 2em;
	margin-bottom: 1em;
}

.lista-pedidos-cel .pedido .est1{
	background-color: rgb(255, 217, 0);
}
.lista-pedidos-cel .pedido .est2{
	background-color: #BBF3FF;
}
.lista-pedidos-cel .pedido .est3{
	background-color: #0A9FE5;
}
.lista-pedidos-cel .pedido .est4{
	background-color: #64F4C6;
}
.lista-pedidos-cel .pedido .est5{
	background-color: #64F485;
}
.lista-pedidos-cel .pedido .est6{
	background-color: #27AD31;
}
.lista-pedidos-cel .pedido .est7{
	background-color: #64F485;
}
.lista-pedidos-cel .pedido .est8{
	background-color: #da2a2a;
	color:white;
}

.est1{
	background-color: rgb(255, 217, 0);
}
.est2{
	background-color: #BBF3FF;
}
.est3{
	background-color: #0A9FE5;
}
.est4{
	background-color: #64F4C6;
}
.est5{
	background-color: #64F485;
}
.est6{
	background-color: #27AD31;
}
.est7{
	background-color: #64F485;
}
.est8{
	background-color: #ff1717;
}

.lista-pedidos-cel .pedido .sec .texto{
	font-weight: 600;
	font-size: 1.1em;
}

.lista-pedidos-cel .separador{
	border-bottom: solid 1px gray;
	margin: 1em 0;
}

.lista-pedidos-cel .ver-pedido-cel{
	border: solid 1px #696969;
	background-color: transparent;
	color: #696969;
	border-radius: 20px;
	padding: .4em 1em;
}
.lista-pedidos-cel .ver-pedido-cel:hover{
	background-color: #ffffff;
	transition: 300ms;
}

.lista-pedidos-cel form{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

/*** boton ver de pc****/
.ver-pc .ver{
	background-color: white;
	color: black;
	text-decoration: none;
	padding: .3em 1em;
	border-radius: 20px;
}
.ver-pc .ver:hover{
	background-color: gray;
	transition: 200ms;
}

.btn-pagar{
	background-color: rgb(0, 90, 207);
	color: rgb(255, 255, 255);
	text-decoration: none;
	padding: .5em 1.5em;
	border-radius: 20px;
}
.ver-pc .pagar:hover{
	background-color: rgb(45, 140, 248);
	transition: 200ms;
}

.lista-pedidos-cel .sec-bt{
	width: 100%;
	display: flex;justify-content: center;
	align-items: center;
}
.lista-pedidos-cel .sec-bt a{
	margin: 0 .5em;
}
.lista-pedidos-cel .ver-pedido{
	border: none;
	border-radius: 20px;
	padding: 0.5em 1em;
	margin-top: 0.5em;
	color: black;
}
.lista-pedidos-cel .ver-pedido:hover{
	background-color: #DBDBDB;
	transition: 300ms;
}

.lista-pedidos-cel{
	display: none;
}

.img-comprobante{
	width: 100%;
}

.img-comprobante .comprobante{
	width: 250px;
	height: 500px;
	background-size: cover;
}

@media only screen and (max-width: 670px) {
	.lista-pedidos-cel{
		display: block;
	}

	.lista-pedidos{
		display: none;
	}
}