#tpv ul, #tpv ul li {
	width: 100%;
	margin: 5px 0 5px 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
#tpv input,#tpv span{width:auto;float:none;}
#tpv,#tpv input,#tpv label,#tpv span,#tpv ul,#tpv ul li{height:auto}
.draggable,.draggable *{cursor:move!important}
#tpv{width:68%;min-height:400px;float:left;margin:10px 0 10px 15%;padding:1% 2%;border:2px solid #fff;border-bottom:20px solid #ddd;text-align:center;box-shadow:0 0 4px 5px #ddd}
#tpv p{padding:0 0 20px;border-bottom:1px dashed #ddd;margin:0}
#tpv ul,#tpv ul li{float:left}
#tpv span {
	margin: 5px 0 0 1%;
	padding: 0;
	text-align: left;
	font-size: 1em;
}
#tpv span {
	margin: 5px 0 0 1%;
	padding: 0;
	text-align: left;
	font-size: 0.9em;
}
#tpv input{margin:15px 0 0;padding:1%;background:#eee;border:1px solid #ddd;color:#444}
#tpv input.pago{width:100px;height:auto;float:left;margin:20px;padding:5px 0;background:#444;border:1px solid #aaa;color:#EEE;cursor:pointer;text-transform:uppercase}
#tpv input.pago:hover{background:#de0124} 
@media (max-width: 500px){
#tpv {
	width: 92%;
	margin: 0;
}
#tpv input, #tpv span {
	width: 96%;
	float: none;
	padding: 5px !important;
}
input[name="Importe"] {
	width: 30% !important;
}
#tpv input.pago {
	width: 140px;
	margin: 20px calc(50% - 70px);
}

}