/*ESTILOS PARA LAS ORDENES DE UN USUARIO*/

.cardPedido{
	border: 1px solid #d8d8d8;
	margin: 10px;
	border-radius: 8px;
	padding: 15px;
	height: auto;
	background-color: white;
	cursor: pointer;
}

.cardPedido img{
	border-radius: 10px;
}

/**************************************/

/*ESTILOS PARA LAS ORDENES DE UN ADMINISTRADOR*/

.imgProductoPedido{
	/*height: 60px;*/
	width: 150px;
}

.table td, .table th{
	border:0;
}

.elementoTablaOrdenes{
	cursor: pointer;
}

/********************************************/

.padreFlag{
	position: relative;
}

.flagOrdenes{
	position: absolute;
	font-size: 0.9rem;
	padding: 0 0.8rem;
	top:0.2rem;
	left:0;
	border-radius: 0px 8px 8px 0px;
	z-index: 9;
}

.flagNuevo{
	background-color: #467023;
	color:white;
}

.flagEntregar{
	background-color: rgba(47, 68, 102,0.8);
	color:white;
}

.flagAtrasado{
	background-color: rgba(168,44,0,0.8);
	color:white;
}


/*ESTILOS PARA EL BUSCADOR DE ORDENES*/

.btnBuscarOrden{
	background-color:white;
	color:#a5a5a5;
}

.btnBuscarOrden:hover{
	color:#ff9900;
}

#buscarOrden:selection{
	background-color: #ededed!important;
    color:black;
}

#buscarOrden:placeholder{
	color:#ededed;
}

#buscarOrden{
    border-radius: 20px;
	width: 50%; 
	background-color:white;
	color:gray;
}

.form-control:focus{
	border-color: #ff9900;
}

/*************************************/

/*ESCRITORIO GRANDE XL*/
@media (min-width: 1200px){
	.avisoOrdenes{
		font-size: 0.8rem;
		padding: 0.2rem 0.4rem;
		border-radius: 8px;
		font-weight: bold!important;
		width: 60px;
		left:0;
		text-align: center;
	}
}

/*ESCRITORIO MEDIANO O TABLET HORIZONTAL LG*/
@media (max-width: 1199px) and (min-width: 992px){
	.avisoOrdenes{
		font-size: 0.8rem;
		padding: 0.2rem 0.4rem;
		border-radius: 8px;
		font-weight: bold!important;
		width: 60px;
		left:0;
		text-align: center;
	}
}


/*ESCRITORIO PEQUEÑO O TABLET VERTICAL MD*/
@media(max-width: 991px) and (min-width: 768px){
	
	.avisoOrdenes{
		font-size: 0.8rem;
		padding: 0.2rem 0.4rem;
		border-radius: 8px;
		font-weight: bold!important;
		width: 60px;
		left:0;
		text-align: center;
	}
	.separacionTablet{
		margin-top: 1rem;
	}

}

/*TELÉFONO CELULAR SM*/
@media(max-width: 767px) and (min-width: 576px){
	.fechaEntregaOrdenes{
		font-size: 1rem;
		margin-top: 15px;
	}

	.estadoOrdenes{
		font-size: 1rem;
		padding: 0.2rem 0.4rem;
		margin-right: 1rem;
		width: auto;
		border-radius: 8px;
	}

	.precioOrdenes{
		font-size: 1.5rem!important;
	}

	.avisoOrdenes{
		font-size: 1rem;
		padding: 0.2rem 0.4rem;
		border-radius: 8px;
	}

	.cancelado{
		border: 0.5px solid #a82c00;
	}

	.completado{
		border: 0.5px solid #467023;
	}

	.enProceso{
		border: 0.5px solid #17a2b8;
	}

	.ausente{
		border: 0.5px solid black;
	}

	.pagoPendiente{
		border: 0.5px solid #dd9700;
	}

	.barraNavegacionOrdenes{
		overflow-y:auto;
		flex-wrap: nowrap!important;
	}

	.cardPedido{
		padding:0.2rem!important;
		border:none;
	}

}

/*TELÉFONO CELULAR XS*/
@media (max-width: 575px){
	.fechaEntregaOrdenes{
		font-size: 1rem;
		margin-top: 15px;
	}

	.estadoOrdenes{
		font-size: 1rem;
		padding: 0.2rem 0.4rem;
		margin-right: 1rem;
		width: auto;
		border-radius: 8px;
	}

	.precioOrdenes{
		font-size: 1.5rem!important;
	}

	.avisoOrdenes{
		font-size: 1rem;
		padding: 0.2rem 0.4rem;
		border-radius: 8px;
	}

	.cancelado{
		border: 0.5px solid #a82c00;
	}

	.completado{
		border: 0.5px solid #467023;
	}

	.enProceso{
		border: 0.5px solid #17a2b8;
	}

	.ausente{
		border: 0.5px solid black;
	}

	.pagoPendiente{
		border: 0.5px solid #dd9700;
	}

	.barraNavegacionOrdenes{
		overflow-y:auto;
		flex-wrap: nowrap!important;
	}

	.cardPedido{
		padding:0.3rem!important;
		border: none;
	}

	
}