@charset "UTF-8";
.aleft { text-align: left; padding-left: 5px; }

.aright { text-align: right; padding-right: 5px; }

.acenter { text-align: center; }

.justify { text-align: justify; padding-justify: 5px; }

.capitalize { text-transform: capitalize; }

table td, table th, .scanner .interface, form.basico.left, form.left.smallinput, .basico.left.smallinput, .left.smallinput, .left.smallinput, .reciboChori, .lista-cultyvo li .key, .lista-cultyvo li .val, .lista-cultyvo li, .contenedor, form .bloqueform, form.basico .bloqueform, form.smallinput .bloqueform, .basico.smallinput .bloqueform, .smallinput .bloqueform, .w100 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.b-fac-1 { background-image: url(../images/iconos/botonesfacnew.png); background-repeat: no-repeat; background-size: 260px; width: 20px; height: 20px; display: block; }

.b-fac-1.factura { background-position: 0px -0px; }

.b-fac-1.factura.hover:hover { cursor: pointer; background-position: 0px -20px; }

.b-fac-1.agregar { background-position: -20px -0px; }

.b-fac-1.agregar.hover:hover { cursor: pointer; background-position: -20px -20px; }

.b-fac-1.descargar_1 { background-position: -40px -20px; }

.b-fac-1.descargar_1.hover:hover { cursor: pointer; background-position: -40px -20px; }

.b-fac-1.descargar { background-position: -40px -0px; }

.b-fac-1.descargar.hover:hover { cursor: pointer; background-position: -40px -20px; }

.b-fac-1.verificada { background-position: -60px -0px; }

.b-fac-1.verificada.hover:hover { cursor: pointer; background-position: -60px -20px; }

.b-fac-1.pdf { background-position: -80px -0px; }

.b-fac-1.pdf.hover:hover { cursor: pointer; background-position: -80px -20px; }

.b-fac-1.xml { background-position: -100px -0px; }

.b-fac-1.xml.hover:hover { cursor: pointer; background-position: -100px -20px; }

.b-fac-1.cancelar, div#reportepop a.b-fac-1.boton.cancelar, div#reportepop form input.b-fac-1.cancelar[type=submit], div#reportepop .smallinput input.b-fac-1.cancelar[type=submit], form div#reportepop input.b-fac-1.cancelar[type=submit], .smallinput div#reportepop input.b-fac-1.cancelar[type=submit], div#reportepop .b-fac-1.cancelar.boton.botonaccion { background-position: -120px -0px; }

.b-fac-1.cancelar.hover:hover, div#reportepop a.b-fac-1.hover.boton.cancelar:hover, div#reportepop form input.hover.cancelar[type=submit]:hover, div#reportepop .smallinput input.hover.cancelar[type=submit]:hover, form div#reportepop input.hover.cancelar[type=submit]:hover, .smallinput div#reportepop input.hover.cancelar[type=submit]:hover, div#reportepop .hover.cancelar.boton.botonaccion:hover { cursor: pointer; background-position: -120px -20px; }

.b-fac-1.reemplazar { background-position: -140px -0px; }

.b-fac-1.reemplazar.hover:hover { cursor: pointer; background-position: -140px -20px; }

.b-fac-1.notadecred { background-position: -160px -0px; }

.b-fac-1.notadecred.hover:hover { cursor: pointer; background-position: -160px -20px; }

.b-fac-1.pagar { background-position: -180px -0px; }

.b-fac-1.pagar.hover:hover { cursor: pointer; background-position: -180px -20px; }

.b-fac-1.refacturar { background-position: -200px -0px; }

.b-fac-1.refacturar.hover:hover { cursor: pointer; background-position: -200px -20px; }

.b-fac-1.cancelarsat { background-position: -220px -0px; }

.b-fac-1.cancelarsat.hover:hover { cursor: pointer; background-position: -220px -20px; }

.b-fac-1.sat { background-position: -240px -0px; }

.b-fac-1.sat.hover:hover { cursor: pointer; background-position: -240px -20px; }

.b-fac-2 { background-image: url(../images/iconos/botonesfacnew.png); background-repeat: no-repeat; background-size: 390px; width: 30px; height: 30px; display: block; }

.b-fac-2.factura { background-position: 0px -0px; }

.b-fac-2.factura.hover:hover { cursor: pointer; background-position: 0px -30px; }

.b-fac-2.agregar { background-position: -30px -0px; }

.b-fac-2.agregar.hover:hover { cursor: pointer; background-position: -30px -30px; }

.b-fac-2.descargar_1 { background-position: -60px -30px; }

.b-fac-2.descargar_1.hover:hover { cursor: pointer; background-position: -60px -30px; }

.b-fac-2.descargar { background-position: -60px -0px; }

.b-fac-2.descargar.hover:hover { cursor: pointer; background-position: -60px -30px; }

.b-fac-2.verificada { background-position: -90px -0px; }

.b-fac-2.verificada.hover:hover { cursor: pointer; background-position: -90px -30px; }

.b-fac-2.pdf { background-position: -120px -0px; }

.b-fac-2.pdf.hover:hover { cursor: pointer; background-position: -120px -30px; }

.b-fac-2.xml { background-position: -150px -0px; }

.b-fac-2.xml.hover:hover { cursor: pointer; background-position: -150px -30px; }

.b-fac-2.cancelar, div#reportepop a.b-fac-2.boton.cancelar, div#reportepop form input.b-fac-2.cancelar[type=submit], div#reportepop .smallinput input.b-fac-2.cancelar[type=submit], form div#reportepop input.b-fac-2.cancelar[type=submit], .smallinput div#reportepop input.b-fac-2.cancelar[type=submit], div#reportepop .b-fac-2.cancelar.boton.botonaccion { background-position: -180px -0px; }

.b-fac-2.cancelar.hover:hover, div#reportepop a.b-fac-2.hover.boton.cancelar:hover, div#reportepop form input.hover.cancelar[type=submit]:hover, div#reportepop .smallinput input.hover.cancelar[type=submit]:hover, form div#reportepop input.hover.cancelar[type=submit]:hover, .smallinput div#reportepop input.hover.cancelar[type=submit]:hover, div#reportepop .hover.cancelar.boton.botonaccion:hover { cursor: pointer; background-position: -180px -30px; }

.b-fac-2.reemplazar { background-position: -210px -0px; }

.b-fac-2.reemplazar.hover:hover { cursor: pointer; background-position: -210px -30px; }

.b-fac-2.notadecred { background-position: -240px -0px; }

.b-fac-2.notadecred.hover:hover { cursor: pointer; background-position: -240px -30px; }

.b-fac-2.pagar { background-position: -270px -0px; }

.b-fac-2.pagar.hover:hover { cursor: pointer; background-position: -270px -30px; }

.b-fac-2.refacturar { background-position: -300px -0px; }

.b-fac-2.refacturar.hover:hover { cursor: pointer; background-position: -300px -30px; }

.b-fac-2.cancelarsat { background-position: -330px -0px; }

.b-fac-2.cancelarsat.hover:hover { cursor: pointer; background-position: -330px -30px; }

.b-fac-2.sat { background-position: -360px -0px; }

.b-fac-2.sat.hover:hover { cursor: pointer; background-position: -360px -30px; }

.icon-1 { background-image: url(../images/iconos/iconos.png); background-repeat: no-repeat; background-size: 780px; width: 20px; height: 20px; display: block; }

.icon-1.salir { background-position: 0px -0px; }

.icon-1.salir.hover:hover { cursor: pointer; background-position: 0px -20px; }

.icon-1.actualizar { background-position: -20px -0px; }

.icon-1.actualizar.hover:hover { cursor: pointer; background-position: -20px -20px; }

.icon-1.regresar { background-position: -40px -0px; }

.icon-1.regresar.hover:hover { cursor: pointer; background-position: -40px -20px; }

.icon-1.avanzar { background-position: -60px -0px; }

.icon-1.avanzar.hover:hover { cursor: pointer; background-position: -60px -20px; }

.icon-1.agregar { background-position: -80px -0px; }

.icon-1.agregar.hover:hover { cursor: pointer; background-position: -80px -20px; }

.icon-1.cerrar { background-position: -100px -0px; }

.icon-1.cerrar.hover:hover { cursor: pointer; background-position: -100px -20px; }

.icon-1.cancelar, div#reportepop a.icon-1.boton.cancelar, div#reportepop form input.icon-1.cancelar[type=submit], div#reportepop .smallinput input.icon-1.cancelar[type=submit], form div#reportepop input.icon-1.cancelar[type=submit], .smallinput div#reportepop input.icon-1.cancelar[type=submit], div#reportepop .icon-1.cancelar.boton.botonaccion { background-position: -100px -0px; }

.icon-1.cancelar.hover:hover, div#reportepop a.icon-1.hover.boton.cancelar:hover, div#reportepop form input.hover.cancelar[type=submit]:hover, div#reportepop .smallinput input.hover.cancelar[type=submit]:hover, form div#reportepop input.hover.cancelar[type=submit]:hover, .smallinput div#reportepop input.hover.cancelar[type=submit]:hover, div#reportepop .hover.cancelar.boton.botonaccion:hover { cursor: pointer; background-position: -100px -20px; }

.icon-1.borrar { background-position: -120px -0px; }

.icon-1.borrar.hover:hover { cursor: pointer; background-position: -120px -20px; }

.icon-1.ver { background-position: -140px -0px; }

.icon-1.ver.hover:hover { cursor: pointer; background-position: -140px -20px; }

.icon-1.editar { background-position: -160px -0px; }

.icon-1.editar.hover:hover { cursor: pointer; background-position: -160px -20px; }

.icon-1.ver2 { background-position: -180px -0px; }

.icon-1.ver2.hover:hover { cursor: pointer; background-position: -180px -20px; }

.icon-1.derecha { background-position: -200px -0px; }

.icon-1.derecha.hover:hover { cursor: pointer; background-position: -200px -20px; }

.icon-1.izquierda { background-position: -220px -0px; }

.icon-1.izquierda.hover:hover { cursor: pointer; background-position: -220px -20px; }

.icon-1.temporal2 { background-position: -240px -20px; }

.icon-1.temporal2.hover:hover { cursor: pointer; background-position: -240px -20px; }

.icon-1.temporal { background-position: -240px -0px; }

.icon-1.temporal.hover:hover { cursor: pointer; background-position: -240px -20px; }

.icon-1.guardar { background-position: -260px -0px; }

.icon-1.guardar.hover:hover { cursor: pointer; background-position: -260px -20px; }

.icon-1.imprimir { background-position: -280px -0px; }

.icon-1.imprimir.hover:hover { cursor: pointer; background-position: -280px -20px; }

.icon-1.subir { background-position: -300px -0px; }

.icon-1.subir.hover:hover { cursor: pointer; background-position: -300px -20px; }

.icon-1.subir2 { background-position: -300px -20px; }

.icon-1.subir2.hover:hover { cursor: pointer; background-position: -300px -20px; }

.icon-1.descargar { background-position: -320px -0px; }

.icon-1.descargar.hover:hover { cursor: pointer; background-position: -320px -20px; }

.icon-1.ir { background-position: -340px -0px; }

.icon-1.ir.hover:hover { cursor: pointer; background-position: -340px -20px; }

.icon-1.volver { background-position: -360px -0px; }

.icon-1.volver.hover:hover { cursor: pointer; background-position: -360px -20px; }

.icon-1.volver2 { background-position: -380px -0px; }

.icon-1.volver2.hover:hover { cursor: pointer; background-position: -380px -20px; }

.icon-1.seleccion { background-position: -400px -0px; }

.icon-1.seleccion.hover:hover { cursor: pointer; background-position: -400px -20px; }

.icon-1.rencheck { background-position: -420px -0px; }

.icon-1.rencheck.hover:hover { cursor: pointer; background-position: -420px -20px; }

.icon-1.ren { background-position: -420px -20px; }

.icon-1.ren.hover:hover { cursor: pointer; background-position: -420px -20px; }

.icon-1.pro { background-position: -440px -20px; }

.icon-1.pro.hover:hover { cursor: pointer; background-position: -440px -20px; }

.icon-1.procheck { background-position: -440px -0px; }

.icon-1.procheck.hover:hover { cursor: pointer; background-position: -440px -20px; }

.icon-1.oricheck { background-position: -460px -0px; }

.icon-1.oricheck.hover:hover { cursor: pointer; background-position: -460px -20px; }

.icon-1.ori { background-position: -460px -20px; }

.icon-1.ori.hover:hover { cursor: pointer; background-position: -460px -20px; }

.icon-1.pdf { background-position: -480px -0px; }

.icon-1.pdf.hover:hover { cursor: pointer; background-position: -480px -20px; }

.icon-1.enviarmail { background-position: -500px -0px; }

.icon-1.enviarmail.hover:hover { cursor: pointer; background-position: -500px -20px; }

.icon-1.enviarpaquete { background-position: -520px -0px; }

.icon-1.enviarpaquete.hover:hover { cursor: pointer; background-position: -520px -20px; }

.icon-1.temporal { background-position: -540px -0px; }

.icon-1.temporal.hover:hover { cursor: pointer; background-position: -540px -20px; }

.icon-1.documentado { background-position: -560px -0px; }

.icon-1.documentado.hover:hover { cursor: pointer; background-position: -560px -20px; }

.icon-1.documentado2 { background-position: -560px -20px; }

.icon-1.documentado2.hover:hover { cursor: pointer; background-position: -560px -20px; }

.icon-1.factura { background-position: -580px -0px; }

.icon-1.factura.hover:hover { cursor: pointer; background-position: -580px -20px; }

.icon-1.cobrado { background-position: -600px -0px; }

.icon-1.cobrado.hover:hover { cursor: pointer; background-position: -600px -20px; }

.icon-1.recibido { background-position: -620px -0px; }

.icon-1.recibido.hover:hover { cursor: pointer; background-position: -620px -20px; }

.icon-1.enviado { background-position: -640px -0px; }

.icon-1.enviado.hover:hover { cursor: pointer; background-position: -640px -20px; }

.icon-1.estadisticas { background-position: -660px -0px; }

.icon-1.estadisticas.hover:hover { cursor: pointer; background-position: -660px -20px; }

.icon-1.aprobar { background-position: -680px -0px; }

.icon-1.aprobar.hover:hover { cursor: pointer; background-position: -680px -20px; }

.icon-1.refactura { background-position: -700px -0px; }

.icon-1.refactura.hover:hover { cursor: pointer; background-position: -700px -20px; }

.icon-1.actualizaPrecio { background-position: -720px -0px; }

.icon-1.actualizaPrecio.hover:hover { cursor: pointer; background-position: -720px -20px; }

.icon-1.actualizaPrenda { background-position: -740px -0px; }

.icon-1.actualizaPrenda.hover:hover { cursor: pointer; background-position: -740px -20px; }

.icon-1.historialPrenda { background-position: -760px -0px; }

.icon-1.historialPrenda.hover:hover { cursor: pointer; background-position: -760px -20px; }

.icon-2 { background-image: url(../images/iconos/iconos.png); background-repeat: no-repeat; background-size: 468px; width: 12px; height: 12px; display: block; }

.icon-2.salir { background-position: 0px -0px; }

.icon-2.salir.hover:hover { cursor: pointer; background-position: 0px -12px; }

.icon-2.actualizar { background-position: -12px -0px; }

.icon-2.actualizar.hover:hover { cursor: pointer; background-position: -12px -12px; }

.icon-2.regresar { background-position: -24px -0px; }

.icon-2.regresar.hover:hover { cursor: pointer; background-position: -24px -12px; }

.icon-2.avanzar { background-position: -36px -0px; }

.icon-2.avanzar.hover:hover { cursor: pointer; background-position: -36px -12px; }

.icon-2.agregar { background-position: -48px -0px; }

.icon-2.agregar.hover:hover { cursor: pointer; background-position: -48px -12px; }

.icon-2.cerrar { background-position: -60px -0px; }

.icon-2.cerrar.hover:hover { cursor: pointer; background-position: -60px -12px; }

.icon-2.cancelar, div#reportepop a.icon-2.boton.cancelar, div#reportepop form input.icon-2.cancelar[type=submit], div#reportepop .smallinput input.icon-2.cancelar[type=submit], form div#reportepop input.icon-2.cancelar[type=submit], .smallinput div#reportepop input.icon-2.cancelar[type=submit], div#reportepop .icon-2.cancelar.boton.botonaccion { background-position: -60px -0px; }

.icon-2.cancelar.hover:hover, div#reportepop a.icon-2.hover.boton.cancelar:hover, div#reportepop form input.hover.cancelar[type=submit]:hover, div#reportepop .smallinput input.hover.cancelar[type=submit]:hover, form div#reportepop input.hover.cancelar[type=submit]:hover, .smallinput div#reportepop input.hover.cancelar[type=submit]:hover, div#reportepop .hover.cancelar.boton.botonaccion:hover { cursor: pointer; background-position: -60px -12px; }

.icon-2.borrar { background-position: -72px -0px; }

.icon-2.borrar.hover:hover { cursor: pointer; background-position: -72px -12px; }

.icon-2.ver { background-position: -84px -0px; }

.icon-2.ver.hover:hover { cursor: pointer; background-position: -84px -12px; }

.icon-2.editar { background-position: -96px -0px; }

.icon-2.editar.hover:hover { cursor: pointer; background-position: -96px -12px; }

.icon-2.ver2 { background-position: -108px -0px; }

.icon-2.ver2.hover:hover { cursor: pointer; background-position: -108px -12px; }

.icon-2.derecha { background-position: -120px -0px; }

.icon-2.derecha.hover:hover { cursor: pointer; background-position: -120px -12px; }

.icon-2.izquierda { background-position: -132px -0px; }

.icon-2.izquierda.hover:hover { cursor: pointer; background-position: -132px -12px; }

.icon-2.temporal2 { background-position: -144px -12px; }

.icon-2.temporal2.hover:hover { cursor: pointer; background-position: -144px -12px; }

.icon-2.temporal { background-position: -144px -0px; }

.icon-2.temporal.hover:hover { cursor: pointer; background-position: -144px -12px; }

.icon-2.guardar { background-position: -156px -0px; }

.icon-2.guardar.hover:hover { cursor: pointer; background-position: -156px -12px; }

.icon-2.imprimir { background-position: -168px -0px; }

.icon-2.imprimir.hover:hover { cursor: pointer; background-position: -168px -12px; }

.icon-2.subir { background-position: -180px -0px; }

.icon-2.subir.hover:hover { cursor: pointer; background-position: -180px -12px; }

.icon-2.subir2 { background-position: -180px -12px; }

.icon-2.subir2.hover:hover { cursor: pointer; background-position: -180px -12px; }

.icon-2.descargar { background-position: -192px -0px; }

.icon-2.descargar.hover:hover { cursor: pointer; background-position: -192px -12px; }

.icon-2.ir { background-position: -204px -0px; }

.icon-2.ir.hover:hover { cursor: pointer; background-position: -204px -12px; }

.icon-2.volver { background-position: -216px -0px; }

.icon-2.volver.hover:hover { cursor: pointer; background-position: -216px -12px; }

.icon-2.volver2 { background-position: -228px -0px; }

.icon-2.volver2.hover:hover { cursor: pointer; background-position: -228px -12px; }

.icon-2.seleccion { background-position: -240px -0px; }

.icon-2.seleccion.hover:hover { cursor: pointer; background-position: -240px -12px; }

.icon-2.rencheck { background-position: -252px -0px; }

.icon-2.rencheck.hover:hover { cursor: pointer; background-position: -252px -12px; }

.icon-2.ren { background-position: -252px -12px; }

.icon-2.ren.hover:hover { cursor: pointer; background-position: -252px -12px; }

.icon-2.pro { background-position: -264px -12px; }

.icon-2.pro.hover:hover { cursor: pointer; background-position: -264px -12px; }

.icon-2.procheck { background-position: -264px -0px; }

.icon-2.procheck.hover:hover { cursor: pointer; background-position: -264px -12px; }

.icon-2.oricheck { background-position: -276px -0px; }

.icon-2.oricheck.hover:hover { cursor: pointer; background-position: -276px -12px; }

.icon-2.ori { background-position: -276px -12px; }

.icon-2.ori.hover:hover { cursor: pointer; background-position: -276px -12px; }

.icon-2.pdf { background-position: -288px -0px; }

.icon-2.pdf.hover:hover { cursor: pointer; background-position: -288px -12px; }

.icon-2.enviarmail { background-position: -300px -0px; }

.icon-2.enviarmail.hover:hover { cursor: pointer; background-position: -300px -12px; }

.icon-2.enviarpaquete { background-position: -312px -0px; }

.icon-2.enviarpaquete.hover:hover { cursor: pointer; background-position: -312px -12px; }

.icon-2.temporal { background-position: -324px -0px; }

.icon-2.temporal.hover:hover { cursor: pointer; background-position: -324px -12px; }

.icon-2.documentado { background-position: -336px -0px; }

.icon-2.documentado.hover:hover { cursor: pointer; background-position: -336px -12px; }

.icon-2.documentado2 { background-position: -336px -12px; }

.icon-2.documentado2.hover:hover { cursor: pointer; background-position: -336px -12px; }

.icon-2.factura { background-position: -348px -0px; }

.icon-2.factura.hover:hover { cursor: pointer; background-position: -348px -12px; }

.icon-2.cobrado { background-position: -360px -0px; }

.icon-2.cobrado.hover:hover { cursor: pointer; background-position: -360px -12px; }

.icon-2.recibido { background-position: -372px -0px; }

.icon-2.recibido.hover:hover { cursor: pointer; background-position: -372px -12px; }

.icon-2.enviado { background-position: -384px -0px; }

.icon-2.enviado.hover:hover { cursor: pointer; background-position: -384px -12px; }

.icon-2.estadisticas { background-position: -396px -0px; }

.icon-2.estadisticas.hover:hover { cursor: pointer; background-position: -396px -12px; }

.icon-2.aprobar { background-position: -408px -0px; }

.icon-2.aprobar.hover:hover { cursor: pointer; background-position: -408px -12px; }

.icon-2.refactura { background-position: -420px -0px; }

.icon-2.refactura.hover:hover { cursor: pointer; background-position: -420px -12px; }

.icon-2.actualizaPrecio { background-position: -432px -0px; }

.icon-2.actualizaPrecio.hover:hover { cursor: pointer; background-position: -432px -12px; }

.icon-2.actualizaPrenda { background-position: -444px -0px; }

.icon-2.actualizaPrenda.hover:hover { cursor: pointer; background-position: -444px -12px; }

.icon-2.historialPrenda { background-position: -456px -0px; }

.icon-2.historialPrenda.hover:hover { cursor: pointer; background-position: -456px -12px; }

.icon-3 { background-image: url(../images/iconos/iconos.png); background-repeat: no-repeat; background-size: 1365px; width: 35px; height: 35px; display: block; }

.icon-3.salir { background-position: 0px -0px; }

.icon-3.salir.hover:hover { cursor: pointer; background-position: 0px -35px; }

.icon-3.actualizar { background-position: -35px -0px; }

.icon-3.actualizar.hover:hover { cursor: pointer; background-position: -35px -35px; }

.icon-3.regresar { background-position: -70px -0px; }

.icon-3.regresar.hover:hover { cursor: pointer; background-position: -70px -35px; }

.icon-3.avanzar { background-position: -105px -0px; }

.icon-3.avanzar.hover:hover { cursor: pointer; background-position: -105px -35px; }

.icon-3.agregar { background-position: -140px -0px; }

.icon-3.agregar.hover:hover { cursor: pointer; background-position: -140px -35px; }

.icon-3.cerrar { background-position: -175px -0px; }

.icon-3.cerrar.hover:hover { cursor: pointer; background-position: -175px -35px; }

.icon-3.cancelar, div#reportepop a.icon-3.boton.cancelar, div#reportepop form input.icon-3.cancelar[type=submit], div#reportepop .smallinput input.icon-3.cancelar[type=submit], form div#reportepop input.icon-3.cancelar[type=submit], .smallinput div#reportepop input.icon-3.cancelar[type=submit], div#reportepop .icon-3.cancelar.boton.botonaccion { background-position: -175px -0px; }

.icon-3.cancelar.hover:hover, div#reportepop a.icon-3.hover.boton.cancelar:hover, div#reportepop form input.hover.cancelar[type=submit]:hover, div#reportepop .smallinput input.hover.cancelar[type=submit]:hover, form div#reportepop input.hover.cancelar[type=submit]:hover, .smallinput div#reportepop input.hover.cancelar[type=submit]:hover, div#reportepop .hover.cancelar.boton.botonaccion:hover { cursor: pointer; background-position: -175px -35px; }

.icon-3.borrar { background-position: -210px -0px; }

.icon-3.borrar.hover:hover { cursor: pointer; background-position: -210px -35px; }

.icon-3.ver { background-position: -245px -0px; }

.icon-3.ver.hover:hover { cursor: pointer; background-position: -245px -35px; }

.icon-3.editar { background-position: -280px -0px; }

.icon-3.editar.hover:hover { cursor: pointer; background-position: -280px -35px; }

.icon-3.ver2 { background-position: -315px -0px; }

.icon-3.ver2.hover:hover { cursor: pointer; background-position: -315px -35px; }

.icon-3.derecha { background-position: -350px -0px; }

.icon-3.derecha.hover:hover { cursor: pointer; background-position: -350px -35px; }

.icon-3.izquierda { background-position: -385px -0px; }

.icon-3.izquierda.hover:hover { cursor: pointer; background-position: -385px -35px; }

.icon-3.temporal2 { background-position: -420px -35px; }

.icon-3.temporal2.hover:hover { cursor: pointer; background-position: -420px -35px; }

.icon-3.temporal { background-position: -420px -0px; }

.icon-3.temporal.hover:hover { cursor: pointer; background-position: -420px -35px; }

.icon-3.guardar { background-position: -455px -0px; }

.icon-3.guardar.hover:hover { cursor: pointer; background-position: -455px -35px; }

.icon-3.imprimir { background-position: -490px -0px; }

.icon-3.imprimir.hover:hover { cursor: pointer; background-position: -490px -35px; }

.icon-3.subir { background-position: -525px -0px; }

.icon-3.subir.hover:hover { cursor: pointer; background-position: -525px -35px; }

.icon-3.subir2 { background-position: -525px -35px; }

.icon-3.subir2.hover:hover { cursor: pointer; background-position: -525px -35px; }

.icon-3.descargar { background-position: -560px -0px; }

.icon-3.descargar.hover:hover { cursor: pointer; background-position: -560px -35px; }

.icon-3.ir { background-position: -595px -0px; }

.icon-3.ir.hover:hover { cursor: pointer; background-position: -595px -35px; }

.icon-3.volver { background-position: -630px -0px; }

.icon-3.volver.hover:hover { cursor: pointer; background-position: -630px -35px; }

.icon-3.volver2 { background-position: -665px -0px; }

.icon-3.volver2.hover:hover { cursor: pointer; background-position: -665px -35px; }

.icon-3.seleccion { background-position: -700px -0px; }

.icon-3.seleccion.hover:hover { cursor: pointer; background-position: -700px -35px; }

.icon-3.rencheck { background-position: -735px -0px; }

.icon-3.rencheck.hover:hover { cursor: pointer; background-position: -735px -35px; }

.icon-3.ren { background-position: -735px -35px; }

.icon-3.ren.hover:hover { cursor: pointer; background-position: -735px -35px; }

.icon-3.pro { background-position: -770px -35px; }

.icon-3.pro.hover:hover { cursor: pointer; background-position: -770px -35px; }

.icon-3.procheck { background-position: -770px -0px; }

.icon-3.procheck.hover:hover { cursor: pointer; background-position: -770px -35px; }

.icon-3.oricheck { background-position: -805px -0px; }

.icon-3.oricheck.hover:hover { cursor: pointer; background-position: -805px -35px; }

.icon-3.ori { background-position: -805px -35px; }

.icon-3.ori.hover:hover { cursor: pointer; background-position: -805px -35px; }

.icon-3.pdf { background-position: -840px -0px; }

.icon-3.pdf.hover:hover { cursor: pointer; background-position: -840px -35px; }

.icon-3.enviarmail { background-position: -875px -0px; }

.icon-3.enviarmail.hover:hover { cursor: pointer; background-position: -875px -35px; }

.icon-3.enviarpaquete { background-position: -910px -0px; }

.icon-3.enviarpaquete.hover:hover { cursor: pointer; background-position: -910px -35px; }

.icon-3.temporal { background-position: -945px -0px; }

.icon-3.temporal.hover:hover { cursor: pointer; background-position: -945px -35px; }

.icon-3.documentado { background-position: -980px -0px; }

.icon-3.documentado.hover:hover { cursor: pointer; background-position: -980px -35px; }

.icon-3.documentado2 { background-position: -980px -35px; }

.icon-3.documentado2.hover:hover { cursor: pointer; background-position: -980px -35px; }

.icon-3.factura { background-position: -1015px -0px; }

.icon-3.factura.hover:hover { cursor: pointer; background-position: -1015px -35px; }

.icon-3.cobrado { background-position: -1050px -0px; }

.icon-3.cobrado.hover:hover { cursor: pointer; background-position: -1050px -35px; }

.icon-3.recibido { background-position: -1085px -0px; }

.icon-3.recibido.hover:hover { cursor: pointer; background-position: -1085px -35px; }

.icon-3.enviado { background-position: -1120px -0px; }

.icon-3.enviado.hover:hover { cursor: pointer; background-position: -1120px -35px; }

.icon-3.estadisticas { background-position: -1155px -0px; }

.icon-3.estadisticas.hover:hover { cursor: pointer; background-position: -1155px -35px; }

.icon-3.aprobar { background-position: -1190px -0px; }

.icon-3.aprobar.hover:hover { cursor: pointer; background-position: -1190px -35px; }

.icon-3.refactura { background-position: -1225px -0px; }

.icon-3.refactura.hover:hover { cursor: pointer; background-position: -1225px -35px; }

.icon-3.actualizaPrecio { background-position: -1260px -0px; }

.icon-3.actualizaPrecio.hover:hover { cursor: pointer; background-position: -1260px -35px; }

.icon-3.actualizaPrenda { background-position: -1295px -0px; }

.icon-3.actualizaPrenda.hover:hover { cursor: pointer; background-position: -1295px -35px; }

.icon-3.historialPrenda { background-position: -1330px -0px; }

.icon-3.historialPrenda.hover:hover { cursor: pointer; background-position: -1330px -35px; }

.i-prenda { background-image: url(../images/iconos/icon_prendas.png); background-repeat: no-repeat; background-size: 84px; width: 12px; height: 12px; display: block; }

.i-prenda.oro { background-position: 0px -0px; }

.i-prenda.oro.hover:hover { cursor: pointer; background-position: 0px -12px; }

.i-prenda.plata { background-position: -12px -0px; }

.i-prenda.plata.hover:hover { cursor: pointer; background-position: -12px -12px; }

.i-prenda.electronico { background-position: -24px -0px; }

.i-prenda.electronico.hover:hover { cursor: pointer; background-position: -24px -12px; }

.i-prenda.coche { background-position: -36px -0px; }

.i-prenda.coche.hover:hover { cursor: pointer; background-position: -36px -12px; }

.i-prenda.moto { background-position: -48px -0px; }

.i-prenda.moto.hover:hover { cursor: pointer; background-position: -48px -12px; }

.i-prenda.kilataje { background-position: -60px -0px; }

.i-prenda.kilataje.hover:hover { cursor: pointer; background-position: -60px -12px; }

.i-prenda.back-prenda { background-position: -72px -0px; }

.i-prenda.back-prenda.hover:hover { cursor: pointer; background-position: -72px -12px; }

.i-new { background-image: url(../images/iconos/iconos-nuevos.png); background-repeat: no-repeat; background-size: 105px; width: 15px; height: 15px; display: block; }

.i-new.empenar { background-position: 0px -0px; }

.i-new.empenar.hover:hover { cursor: pointer; background-position: 0px -15px; }

.i-new.cobrar { background-position: -15px -0px; }

.i-new.cobrar.hover:hover { cursor: pointer; background-position: -15px -15px; }

.i-new.vender { background-position: -30px -0px; }

.i-new.vender.hover:hover { cursor: pointer; background-position: -30px -15px; }

.i-new.valor-money { background-position: -45px -0px; }

.i-new.valor-money.hover:hover { cursor: pointer; background-position: -45px -15px; }

.i-new.avaluo { background-position: -60px -0px; }

.i-new.avaluo.hover:hover { cursor: pointer; background-position: -60px -15px; }

.i-new.conteo { background-position: -75px -0px; }

.i-new.conteo.hover:hover { cursor: pointer; background-position: -75px -15px; }

.i-new.inventario { background-position: -90px -0px; }

.i-new.inventario.hover:hover { cursor: pointer; background-position: -90px -15px; }

.i-new-big { background-image: url(../images/iconos/iconos-nuevos.png); background-repeat: no-repeat; background-size: 280px; width: 40px; height: 40px; display: block; }

.i-new-big.empenar { background-position: 0px -0px; }

.i-new-big.empenar.hover:hover { cursor: pointer; background-position: 0px -40px; }

.i-new-big.cobrar { background-position: -40px -0px; }

.i-new-big.cobrar.hover:hover { cursor: pointer; background-position: -40px -40px; }

.i-new-big.vender { background-position: -80px -0px; }

.i-new-big.vender.hover:hover { cursor: pointer; background-position: -80px -40px; }

.i-new-big.valor-money { background-position: -120px -0px; }

.i-new-big.valor-money.hover:hover { cursor: pointer; background-position: -120px -40px; }

.i-new-big.avaluo { background-position: -160px -0px; }

.i-new-big.avaluo.hover:hover { cursor: pointer; background-position: -160px -40px; }

.i-new-big.conteo { background-position: -200px -0px; }

.i-new-big.conteo.hover:hover { cursor: pointer; background-position: -200px -40px; }

.i-new-big.inventario { background-position: -240px -0px; }

.i-new-big.inventario.hover:hover { cursor: pointer; background-position: -240px -40px; }

.i-cobranza { background-image: url(../images/iconos/iconos_cobranza.png); background-repeat: no-repeat; background-size: 105px; width: 35px; height: 35px; display: block; }

.i-cobranza.preciov { background-position: 0px -0px; }

.i-cobranza.preciov.hover:hover { cursor: pointer; background-position: 0px -35px; }

.i-cobranza.tarjeta { background-position: -35px -0px; }

.i-cobranza.tarjeta.hover:hover { cursor: pointer; background-position: -35px -35px; }

.i-cobranza.precior { background-position: -70px -0px; }

.i-cobranza.precior.hover:hover { cursor: pointer; background-position: -70px -35px; }

.inputAgregar { position: relative; float: left; margin: 5px 0 0 5px; }

.inline-block, .menu-i { display: inline-block; margin-left: 2px; vertical-align: middle; }

.pointer { cursor: pointer; }

.menu-i { margin-left: -10px !important; margin-right: 5px; }

.hojarecibo { background-color: #fff; }

* { padding: 0; margin: 0; outline: 0; }

*:focus, *:hover { outline: none; }

html, body { display: block; overflow-x: hidden; max-width: 100%; }

@media (max-width: 900px) { html, body { max-width: auto; overflow: auto; } }

img { display: block; }

.hide { display: none !important; }

.no-clear { clear: none !important; }

.printertopright, .edittopright { cursor: pointer; position: absolute; top: 2px; right: 0; opacity: 0.3; }

.printertopright:hover, .edittopright:hover { opacity: 1; }

span.circulo { width: 12px; height: 12px; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background-color: #ccc; }

span.circulo.green { background-color: #00cc00; }

span.circulo.blue { background-color: #9999ff; }

span.circulo.gray { background-color: gray; }

span.circulo.red { background-color: red; color: white !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 1px 2px 2px; font-weight: lighter; width: 15px; height: 15px; }

pre.error { font-family: 'Consolas',Lucida Console; width: 100%; max-width: 800px; padding: 40px 20px 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: auto; white-space: pre-wrap; background-color: #333; color: #fcfcfc; position: absolute; z-index: 30000; left: 50%; top: 20px; margin-left: -400px; -webkit-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25); -moz-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25); -ms-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25); box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25); }

pre.error code { font-family: 'Consolas',Lucida Console; font-weight: 100; }

pre.error:before { content: '  manu'; color: #009ee0; font-size: 1.1em; clear: both; float: left; position: absolute; top: 5px; left: 5px; text-transform: lowercase; }

pre.error:after { content: '(      ) ERROR - Si el problema persiste reporte a soporte@cultyvo.com'; color: #fcfcfc; font-size: 1.1em; clear: both; float: left; position: absolute; top: 5px; left: 5px; text-transform: lowercase; }

body { font-family: "Nunito", Helvetica, arial, sans-serif; font-weight: lighter; background: whitesmoke url("../images/fondomaxi-w.png") no-repeat top center; margin-left: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }

body.menu { margin-left: 180px; }

body.menu #nav { margin-left: 0; }

body.menu #nav .openMenu { margin-left: 0; }

a, form input[type=submit], form div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago form input[type=submit].input_cobro.precio_r, form div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago form input[type=submit].input_cobro.precio_v, .smallinput input[type=submit], .smallinput div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input[type=submit].input_cobro.precio_v, .boton.botonaccion, form input.botonaccion[type=submit], div#reportepop a.botonaccion.boton, div#reportepop form input.botonaccion.boton[type=submit], div#reportepop .smallinput input.botonaccion.boton[type=submit], form div#reportepop input.botonaccion.boton[type=submit], .smallinput div#reportepop input.botonaccion.boton[type=submit], div#reportepop .botonaccion.boton { border: none; text-decoration: none; }

a img, form input[type=submit] img, form div.bloque_pago input[type=submit].input_cobro.precio_r img, div.bloque_pago form input[type=submit].input_cobro.precio_r img, form div.bloque_pago input[type=submit].input_cobro.precio_v img, div.bloque_pago form input[type=submit].input_cobro.precio_v img, .smallinput input[type=submit] img, .smallinput div.bloque_pago input[type=submit].input_cobro.precio_r img, div.bloque_pago .smallinput input[type=submit].input_cobro.precio_r img, .smallinput div.bloque_pago input[type=submit].input_cobro.precio_v img, div.bloque_pago .smallinput input[type=submit].input_cobro.precio_v img, .boton.botonaccion img, form input.botonaccion[type=submit] img, div#reportepop .botonaccion.boton img { border: none; text-decoration: none; }

a.rightup, form input.rightup[type=submit], form div.bloque_pago input.rightup[type=submit].input_cobro.precio_r, div.bloque_pago form input.rightup[type=submit].input_cobro.precio_r, form div.bloque_pago input.rightup[type=submit].input_cobro.precio_v, div.bloque_pago form input.rightup[type=submit].input_cobro.precio_v, .smallinput input.rightup[type=submit], .smallinput div.bloque_pago input.rightup[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.rightup[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.rightup[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.rightup[type=submit].input_cobro.precio_v, .rightup.boton.botonaccion, div#reportepop .rightup.botonaccion.boton, div#reportepop form input.rightup.botonaccion[type=submit], div#reportepop .smallinput input.rightup.botonaccion[type=submit], form div#reportepop input.rightup.botonaccion[type=submit], .smallinput div#reportepop input.rightup.botonaccion[type=submit] { float: right; margin-left: 10px; cursor: pointer; }

a.remove, form input.remove[type=submit], form div.bloque_pago input.remove[type=submit].input_cobro.precio_r, div.bloque_pago form input.remove[type=submit].input_cobro.precio_r, form div.bloque_pago input.remove[type=submit].input_cobro.precio_v, div.bloque_pago form input.remove[type=submit].input_cobro.precio_v, .smallinput input.remove[type=submit], .smallinput div.bloque_pago input.remove[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.remove[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.remove[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.remove[type=submit].input_cobro.precio_v, .remove.boton.botonaccion, div#reportepop .remove.botonaccion.boton, div#reportepop form input.remove.botonaccion[type=submit], div#reportepop .smallinput input.remove.botonaccion[type=submit], form div#reportepop input.remove.botonaccion[type=submit], .smallinput div#reportepop input.remove.botonaccion[type=submit] { cursor: pointer; }

a.pointer, form input.pointer[type=submit], form div.bloque_pago input.pointer[type=submit].input_cobro.precio_r, div.bloque_pago form input.pointer[type=submit].input_cobro.precio_r, form div.bloque_pago input.pointer[type=submit].input_cobro.precio_v, div.bloque_pago form input.pointer[type=submit].input_cobro.precio_v, .smallinput input.pointer[type=submit], .smallinput div.bloque_pago input.pointer[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.pointer[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.pointer[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.pointer[type=submit].input_cobro.precio_v, .pointer.boton.botonaccion, div#reportepop .pointer.botonaccion.boton, div#reportepop form input.pointer.botonaccion[type=submit], div#reportepop .smallinput input.pointer.botonaccion[type=submit], form div#reportepop input.pointer.botonaccion[type=submit], .smallinput div#reportepop input.pointer.botonaccion[type=submit] { cursor: pointer; }

a.orange, form input.orange[type=submit], form div.bloque_pago input.orange[type=submit].input_cobro.precio_r, div.bloque_pago form input.orange[type=submit].input_cobro.precio_r, form div.bloque_pago input.orange[type=submit].input_cobro.precio_v, div.bloque_pago form input.orange[type=submit].input_cobro.precio_v, .smallinput input.orange[type=submit], .smallinput div.bloque_pago input.orange[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.orange[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.orange[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.orange[type=submit].input_cobro.precio_v, .orange.boton.botonaccion, div#reportepop .orange.botonaccion.boton, div#reportepop form input.orange.botonaccion[type=submit], div#reportepop .smallinput input.orange.botonaccion[type=submit], form div#reportepop input.orange.botonaccion[type=submit], .smallinput div#reportepop input.orange.botonaccion[type=submit] { color: orange !important; }

.animado { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }

.boxpadding, header, label, input, div.bloque_pago input.input_cobro.precio_r, div.bloque_pago input.input_cobro.precio_v, section, .alerta, textarea, form.notificacion, .notificacion.smallinput, #control-bar, a.boton.table, form input.boton.table[type=submit], .smallinput input.boton.table[type=submit], .boton.table.botonaccion, form input.table.botonaccion[type=submit], .smallinput input.table.botonaccion[type=submit], div#reportepop .table.botonaccion.boton { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cenefa { display: block; width: 100%; text-align: center; clear: both; color: white; font-size: 10px; float: left; margin: 7px 0; }

a.close, form input.close[type=submit], form div.bloque_pago input.close[type=submit].input_cobro.precio_r, div.bloque_pago form input.close[type=submit].input_cobro.precio_r, form div.bloque_pago input.close[type=submit].input_cobro.precio_v, div.bloque_pago form input.close[type=submit].input_cobro.precio_v, .smallinput input.close[type=submit], .smallinput div.bloque_pago input.close[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.close[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.close[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.close[type=submit].input_cobro.precio_v, .close.boton.botonaccion, div#reportepop .close.botonaccion.boton, div#reportepop form input.close.botonaccion[type=submit], div#reportepop .smallinput input.close.botonaccion[type=submit], form div#reportepop input.close.botonaccion[type=submit], .smallinput div#reportepop input.close.botonaccion[type=submit] { width: 17px; height: 17px; display: table-cell; vertical-align: middle; position: absolute; right: 5px; top: 5px; background-color: transparent; color: white; text-align: center; font-size: 13px; line-height: 1.2em; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

a.close:hover, form input.close[type=submit]:hover, .smallinput input.close[type=submit]:hover, .close.boton.botonaccion:hover, div#reportepop .close.botonaccion.boton:hover, div#reportepop form input.close.botonaccion[type=submit]:hover, div#reportepop .smallinput input.close.botonaccion[type=submit]:hover, form div#reportepop input.close.botonaccion[type=submit]:hover, .smallinput div#reportepop input.close.botonaccion[type=submit]:hover { background-color: white; color: #0087CF; }

p { font-size: 12px; }

.mayusculas, .uppercase { text-transform: uppercase; }

section { max-width: 100%; padding: 30px 40px 90px 40px; min-height: 400px; height: auto; display: block; background-color: #f0f0f; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; }

section.pop { position: relative; width: 80%; margin: 60px auto 0 auto; padding: 0; display: block; height: auto; border-top: 5px solid rgba(0, 166, 81, 0.8); }

section.pop h2.seccion { position: absolute; top: 0; left: 0; color: white; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; display: block; padding: 10px 20px; margin: -52px 0 0 0; background-color: rgba(0, 166, 81, 0.8); }

@media (max-width: 900px) { section { max-width: auto; } }

h2.seccion { font-weight: 300; margin-bottom: 30px; text-transform: uppercase; }

h2 small a, h2 small form input[type=submit], h2 small form div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago h2 small form input[type=submit].input_cobro.precio_r, h2 small form div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago h2 small form input[type=submit].input_cobro.precio_v, h2 small .smallinput input[type=submit], h2 small .smallinput div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago h2 small .smallinput input[type=submit].input_cobro.precio_r, h2 small .smallinput div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago h2 small .smallinput input[type=submit].input_cobro.precio_v, form h2 small input[type=submit], form h2 small div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago form h2 small input[type=submit].input_cobro.precio_r, form h2 small div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago form h2 small input[type=submit].input_cobro.precio_v, .smallinput h2 small input[type=submit], .smallinput h2 small div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput h2 small input[type=submit].input_cobro.precio_r, .smallinput h2 small div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput h2 small input[type=submit].input_cobro.precio_v, h2 small .boton.botonaccion, h2 small form input.botonaccion[type=submit], form h2 small input.botonaccion[type=submit], h2 small div#reportepop .botonaccion.boton, div#reportepop h2 small .botonaccion.boton { text-decoration: underline; }

h4 { clear: both; font-weight: lighter; font-size: 25px; line-height: 2em; color: #008d45; }

h3 { font-weight: lighter; font-size: 25px; line-height: 1.5em; color: #008d45; }

span.red, small.red, h1.red, h2.red, h3.red, h4.red { color: red; }

span.red.downred, small.red.downred, h1.red.downred, h2.red.downred, h3.red.downred, h4.red.downred { color: #ffb3b3; }

span.green, small.green, h1.green, h2.green, h3.green, h4.green { color: green; }

span.green.downred, small.green.downred, h1.green.downred, h2.green.downred, h3.green.downred, h4.green.downred { color: #c6ffc6; }

span.orange, small.orange, h1.orange, h2.orange, h3.orange, h4.orange { color: orange; }

span.purple, small.purple, h1.purple, h2.purple, h3.purple, h4.purple { color: purple !important; }

span.blue, small.blue, h1.blue, h2.blue, h3.blue, h4.blue { color: blue !important; }

span.gray, small.gray, h1.gray, h2.gray, h3.gray, h4.gray { color: gray; }

.red { color: red; }

.bold { font-weight: bold; }

header.header { margin-top: 0; height: 55px; width: 100%; display: block; padding: 10px 10px 10px 60px; background-color: white; position: relative; z-index: 10; }

h1 { font-weight: 300; font-size: 20px; margin-top: 5px; color: #e76d00; text-transform: uppercase; }

h1 img { display: inline; vertical-align: middle; width: 50px; margin-top: -8px; }

h1 img.arrowr { width: 10px; margin-top: -2px; margin-left: 10px; }

h1 small, h1 small a, h1 small form input[type=submit], h1 small form div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago h1 small form input[type=submit].input_cobro.precio_r, h1 small form div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago h1 small form input[type=submit].input_cobro.precio_v, h1 small .smallinput input[type=submit], h1 small .smallinput div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago h1 small .smallinput input[type=submit].input_cobro.precio_r, h1 small .smallinput div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago h1 small .smallinput input[type=submit].input_cobro.precio_v, form h1 small input[type=submit], form h1 small div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago form h1 small input[type=submit].input_cobro.precio_r, form h1 small div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago form h1 small input[type=submit].input_cobro.precio_v, .smallinput h1 small input[type=submit], .smallinput h1 small div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput h1 small input[type=submit].input_cobro.precio_r, .smallinput h1 small div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput h1 small input[type=submit].input_cobro.precio_v, h1 small .boton.botonaccion, h1 small form input.botonaccion[type=submit], form h1 small input.botonaccion[type=submit], h1 small div#reportepop .botonaccion.boton, div#reportepop h1 small .botonaccion.boton { font-size: 10px !important; vertical-align: middle; text-transform: none; }

h1 .userinfo { float: right; margin-top: 0; }

img.mini-thumb { width: 19px; height: 19px; padding: 2px; display: inline-block; vertical-align: middle; margin-top: -2px; background-color: #EAEAEA; }

header.header h1 a, header.header h1 form input[type=submit], header.header h1 form div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago header.header h1 form input[type=submit].input_cobro.precio_r, header.header h1 form div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago header.header h1 form input[type=submit].input_cobro.precio_v, header.header h1 .smallinput input[type=submit], form header.header h1 input[type=submit], form header.header h1 div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago form header.header h1 input[type=submit].input_cobro.precio_r, form header.header h1 div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago form header.header h1 input[type=submit].input_cobro.precio_v, .smallinput header.header h1 input[type=submit], header.header h1 .boton.botonaccion, header.header h1 div#reportepop .botonaccion.boton, div#reportepop header.header h1 .botonaccion.boton { font-size: 14px; font-weight: lighter; color: gray; }

.accesorapido { position: absolute; top: 0; left: 50%; margin: 35px 0 0 -100px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }

.accesorapido a.boton.botonaccion, .accesorapido .boton.botonaccion, .accesorapido form input.botonaccion[type=submit], .accesorapido .smallinput input.botonaccion[type=submit], form .accesorapido input.botonaccion[type=submit], .smallinput .accesorapido input.botonaccion[type=submit], .accesorapido div#reportepop .botonaccion.boton, div#reportepop .accesorapido .botonaccion.boton, .accesorapido div#reportepop form input.botonaccion[type=submit], .accesorapido div#reportepop .smallinput input.botonaccion[type=submit], form .accesorapido div#reportepop input.botonaccion[type=submit], .smallinput .accesorapido div#reportepop input.botonaccion[type=submit], div#reportepop .accesorapido form input.botonaccion[type=submit], div#reportepop .accesorapido .smallinput input.botonaccion[type=submit], form div#reportepop .accesorapido input.botonaccion[type=submit], .smallinput div#reportepop .accesorapido input.botonaccion[type=submit] { float: right; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; font-size: 10px !important; padding-bottom: 4px !important; }

.accesorapido:hover { margin: 40px 0 0 -100px; }

.accesorapido:hover a.boton.botonaccion, .accesorapido:hover .boton.botonaccion, .accesorapido:hover form input.botonaccion[type=submit], .accesorapido:hover .smallinput input.botonaccion[type=submit], form .accesorapido:hover input.botonaccion[type=submit], .smallinput .accesorapido:hover input.botonaccion[type=submit], .accesorapido:hover div#reportepop .botonaccion.boton, div#reportepop .accesorapido:hover .botonaccion.boton, .accesorapido:hover div#reportepop form input.botonaccion[type=submit], .accesorapido:hover div#reportepop .smallinput input.botonaccion[type=submit], form .accesorapido:hover div#reportepop input.botonaccion[type=submit], .smallinput .accesorapido:hover div#reportepop input.botonaccion[type=submit], div#reportepop .accesorapido:hover form input.botonaccion[type=submit], div#reportepop .accesorapido:hover .smallinput input.botonaccion[type=submit], form div#reportepop .accesorapido:hover input.botonaccion[type=submit], .smallinput div#reportepop .accesorapido:hover input.botonaccion[type=submit] { padding-bottom: 8px !important; }

div.dash { display: block; padding: 5px; background: rgba(255, 255, 255, 0.8); height: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15); -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15); -ms-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15); box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15); }

div.dash .dash-hold { border: 1px solid #fef1f3; padding: 12px 6px 8px 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; }

div.dash h3 { line-height: 1em; margin-bottom: 20px; display: inline; font-size: 14px; margin-left: -4px; text-transform: uppercase; }

div.dash h3 img { display: inline-block; width: 30px; vertical-align: middle; margin: -12px 0 0 -4px; background-color: white; padding: 0 5px; }

div.dash p, div.dash ul { margin-top: 10px; height: auto; overflow: hidden; }

div.dash li { list-style: none; width: 100%; display: block; }

div.dash li a, div.dash li form input[type=submit], div.dash li form div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago div.dash li form input[type=submit].input_cobro.precio_r, div.dash li form div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago div.dash li form input[type=submit].input_cobro.precio_v, div.dash li .smallinput input[type=submit], form div.dash li input[type=submit], form div.dash li div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago form div.dash li input[type=submit].input_cobro.precio_r, form div.dash li div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago form div.dash li input[type=submit].input_cobro.precio_v, .smallinput div.dash li input[type=submit], div.dash li .boton.botonaccion, div.dash li div#reportepop .botonaccion.boton, div#reportepop div.dash li .botonaccion.boton { color: white; width: 100%; font-size: 11px; text-align: center; background-color: #17a655ff; margin-top: 1px; padding: 8px 0; border-radius: 4px; border-left: #17a655ff; border-top: #17a655ff; display: block; text-transform: uppercase; }

div.dash li:hover a, div.dash li:hover form input[type=submit], div.dash li:hover .smallinput input[type=submit], form div.dash li:hover input[type=submit], .smallinput div.dash li:hover input[type=submit], div.dash li:hover .boton.botonaccion, div.dash li:hover div#reportepop .botonaccion.boton, div#reportepop div.dash li:hover .botonaccion.boton { background-color: #c3d082; }

div.dash li a.vacio, div.dash li form input.vacio[type=submit], div.dash li .smallinput input.vacio[type=submit], form div.dash li input.vacio[type=submit], .smallinput div.dash li input.vacio[type=submit], div.dash li .vacio.boton.botonaccion, div.dash li div#reportepop .vacio.botonaccion.boton, div#reportepop div.dash li .vacio.botonaccion.boton, div.dash li div#reportepop form input.vacio.botonaccion[type=submit], div.dash li div#reportepop .smallinput input.vacio.botonaccion[type=submit], form div.dash li div#reportepop input.vacio.botonaccion[type=submit], .smallinput div.dash li div#reportepop input.vacio.botonaccion[type=submit], div#reportepop div.dash li form input.vacio.botonaccion[type=submit], div#reportepop div.dash li .smallinput input.vacio.botonaccion[type=submit], form div#reportepop div.dash li input.vacio.botonaccion[type=submit], .smallinput div#reportepop div.dash li input.vacio.botonaccion[type=submit] { color: white; width: 99%; font-size: 11px; text-align: center; background-color: rgba(255, 255, 255, 0.8); margin-top: 1px; padding: 7px 0; border-radius: 4px; border-left: #17a655ff; border-top: #17a655ff; border: 1px dotted #000; display: block; }

div.table { padding: 20px; float: left; margin: 0 1% 20px 1%; width: 91%; position: relative; background: rgba(255, 255, 255, 0.8); -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

div.table h4 { font-size: 25px; line-height: 1.5em; text-transform: uppercase; }

div.table h5 { font-size: 17px; font-weight: lighter; line-height: 1.5em; text-transform: uppercase; }

div.topinfo { padding: 20px; margin: 0 1%; width: 91%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background: #F2FAFC; }

div.topinfo .saldo { width: 22%; padding: 5px; min-height: 50px; background-color: #e86d01; margin-top: 10px; color: white; height: auto; text-transform: uppercase; display: flex; justify-content: space-around; align-items: center; overflow: hidden; font-size: 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

div.topinfo .saldo div.infoTop { width: 70%; line-height: 2em; }

div.topinfo .saldo div.infoTop b { font-size: 13px; }

div.topinfo .saldo div.iconTop { width: 20%; }

div.half { float: left; width: 44.5%; display: block; margin: 0 1% 20px 1%; position: relative; clear: none; padding: 10px; min-height: 340px; }

div.half.sort .dataTables_length { margin-top: 10px; }

div.half.sort .dataTables_filter { margin-top: 10px; margin-right: 10px; }

div.half:nth-child(odd) { float: left; display: block; margin: 0 1% 20px 1%; clear: left; }

div.half.center { margin: 0 auto; float: inherit; }

div.third { float: left; width: 30%; display: block; margin: 0 1% 20px 1%; }

div.fourth { float: left; width: 20%; display: block; margin: 0 1% 20px 1%; }

.pop div.third, .pop div.dash, .pop div.half, .pop div.table { background-color: white; clear: both !important; position: relative; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pop div.table { width: 100%; }

@media (max-width: 800px) { div.dash.w25, div.dash.third.w25, div.dash.fourth.w25, div.hold.w25 { width: 48%; } }

@media (max-width: 500px) { div.dash.w25, div.dash.third.w25, div.dash.fourth.w25, div.hold.w25 { width: 90%; } }

#nav { width: 178px; height: auto; margin-left: -180px; min-height: 100%; padding: 10px 0; position: absolute; top: 0; left: 0; background-color: #353531; font-size: 12px; color: white; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; border-top: 2px solid black; border-left: 2px solid black; }

#nav .openMenu { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; position: fixed; top: 0; left: 178px; margin: 0 0 0 -178px; background-color: #353531; background-image: url(../images/menu.png); background-size: 25px; background-position: center center; background-repeat: no-repeat; width: 20px; height: 39px; display: block; padding: 7px 10px; color: white; border-top: 2px solid black; z-index: 11; }

#nav ul { width: 100%; height: auto; list-style: none; padding-left: 0; padding-top: 0; }

#nav ul li { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; width: 100%; height: auto; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#nav ul li.activo ul { max-height: 1000px; }

#nav ul li.head { border-bottom: 1px solid rgba(255, 255, 255, 0.05); background-size: 30px 30px; background-repeat: no-repeat; background-position: left 10px top 5px; min-height: 40px; padding-left: 10px; }

#nav ul li.head > a:first-child, #nav ul form li.head > input[type=submit]:first-child, #nav ul form div.bloque_pago li.head > input[type=submit].input_cobro.precio_r:first-child, #nav ul form div.bloque_pago li.head > input[type=submit].input_cobro.precio_v:first-child, #nav ul .smallinput li.head > input[type=submit]:first-child, #nav ul .smallinput div.bloque_pago li.head > input[type=submit].input_cobro.precio_r:first-child, #nav ul .smallinput div.bloque_pago li.head > input[type=submit].input_cobro.precio_v:first-child, form #nav ul li.head > input[type=submit]:first-child, form #nav ul div.bloque_pago li.head > input[type=submit].input_cobro.precio_r:first-child, form #nav ul div.bloque_pago li.head > input[type=submit].input_cobro.precio_v:first-child, .smallinput #nav ul li.head > input[type=submit]:first-child, .smallinput #nav ul div.bloque_pago li.head > input[type=submit].input_cobro.precio_r:first-child, .smallinput #nav ul div.bloque_pago li.head > input[type=submit].input_cobro.precio_v:first-child, #nav ul li.head > .boton.botonaccion:first-child, #nav ul div#reportepop li.head > .botonaccion.boton:first-child { width: 100%; height: 40px; display: block; padding-top: 10px; padding-left: 40px; font-size: 13px; line-height: 2em; text-transform: uppercase; color: #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#nav ul li.head.inventario { background-image: url(../images/semiblanco/inventario.png); }

#nav ul li.head.inventario:hover, #nav ul li.head.inventario.activo { background-image: url(../images/rojo/inventario.png); background-color: #1D1D1B; }

#nav ul li.head.admon { background-image: url(../images/semiblanco/admon.png); }

#nav ul li.head.admon:hover, #nav ul li.head.admon.activo { background-image: url(../images/rojo/admon.png); background-color: #1D1D1B; }

#nav ul li.head.tasas { background-image: url(../images/semiblanco/tasas.png); }

#nav ul li.head.tasas:hover, #nav ul li.head.tasas.activo { background-image: url(../images/rojo/tasas.png); background-color: #1D1D1B; }

#nav ul li.head.reportes { background-image: url(../images/semiblanco/reportes.png); }

#nav ul li.head.reportes:hover, #nav ul li.head.reportes.activo { background-image: url(../images/rojo/reportes.png); background-color: #1D1D1B; }

#nav ul li.head.refinado { background-image: url(../images/semiblanco/refinado.png); }

#nav ul li.head.refinado:hover, #nav ul li.head.refinado.activo { background-image: url(../images/rojo/refinado.png); background-color: #1D1D1B; }

#nav ul li.head.transito { background-image: url(../images/semiblanco/transito.png); }

#nav ul li.head.transito:hover, #nav ul li.head.transito.activo { background-image: url(../images/rojo/transito.png); background-color: #1D1D1B; }

#nav ul li.head.sucursalm { background-image: url(../images/semiblanco/sucursalm.png); }

#nav ul li.head.sucursalm:hover, #nav ul li.head.sucursalm.activo { background-image: url(../images/rojo/sucursalm.png); background-color: #1D1D1B; }

#nav ul li.head.sucursales { background-image: url(../images/semiblanco/sucursales.png); }

#nav ul li.head.sucursales:hover, #nav ul li.head.sucursales.activo { background-image: url(../images/rojo/sucursales.png); background-color: #1D1D1B; }

#nav ul li.head.cancelacion { background-image: url(../images/semiblanco/cancelacion.png); }

#nav ul li.head.cancelacion:hover, #nav ul li.head.cancelacion.activo { background-image: url(../images/rojo/cancelacion.png); background-color: #1D1D1B; }

#nav ul li.head.planeacion { background-image: url(../images/semiblanco/planeacion.png); }

#nav ul li.head.planeacion:hover, #nav ul li.head.planeacion.activo { background-image: url(../images/rojo/planeacion.png); background-color: #1D1D1B; }

#nav ul li.head.ventas { background-image: url(../images/semiblanco/ventas.png); }

#nav ul li.head.ventas:hover, #nav ul li.head.ventas.activo { background-image: url(../images/rojo/ventas.png); background-color: #1D1D1B; }

#nav ul li.head.compras { background-image: url(../images/semiblanco/compras.png); }

#nav ul li.head.compras:hover, #nav ul li.head.compras.activo { background-image: url(../images/rojo/compras.png); background-color: #1D1D1B; }

#nav ul li.head.obligaciones { background-image: url(../images/semiblanco/obligaciones.png); }

#nav ul li.head.obligaciones:hover, #nav ul li.head.obligaciones.activo { background-image: url(../images/rojo/obligaciones.png); background-color: #1D1D1B; }

#nav ul li.head.prendas { background-image: url(../images/semiblanco/prendas.png); }

#nav ul li.head.prendas:hover, #nav ul li.head.prendas.activo { background-image: url(../images/rojo/prendas.png); background-color: #1D1D1B; }

#nav ul li.head.prestamos { background-image: url(../images/semiblanco/prestamos.png); }

#nav ul li.head.prestamos:hover, #nav ul li.head.prestamos.activo { background-image: url(../images/rojo/prestamos.png); background-color: #1D1D1B; }

#nav ul li.head.rh { background-image: url(../images/semiblanco/rh.png); }

#nav ul li.head.rh:hover, #nav ul li.head.rh.activo { background-image: url(../images/rojo/rh.png); background-color: #1D1D1B; }

#nav ul li.level2 > a:first-child, #nav ul form li.level2 > input[type=submit]:first-child, #nav ul form div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_r:first-child, #nav ul form div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_v:first-child, #nav ul .smallinput li.level2 > input[type=submit]:first-child, #nav ul .smallinput div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_r:first-child, #nav ul .smallinput div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_v:first-child, form #nav ul li.level2 > input[type=submit]:first-child, form #nav ul div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_r:first-child, form #nav ul div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_v:first-child, .smallinput #nav ul li.level2 > input[type=submit]:first-child, .smallinput #nav ul div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_r:first-child, .smallinput #nav ul div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_v:first-child, #nav ul li.level2 > .boton.botonaccion:first-child, #nav ul div#reportepop li.level2 > .botonaccion.boton:first-child { text-transform: uppercase; color: #e76d00; font-size: 1.1em; vertical-align: middle; }

#nav ul li.level2 > a:first-child:before, #nav ul form li.level2 > input[type=submit]:first-child:before, #nav ul form div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_r:first-child:before, #nav ul form div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_v:first-child:before, #nav ul .smallinput li.level2 > input[type=submit]:first-child:before, #nav ul .smallinput div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_r:first-child:before, #nav ul .smallinput div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_v:first-child:before, form #nav ul li.level2 > input[type=submit]:first-child:before, form #nav ul div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_r:first-child:before, form #nav ul div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_v:first-child:before, .smallinput #nav ul li.level2 > input[type=submit]:first-child:before, .smallinput #nav ul div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_r:first-child:before, .smallinput #nav ul div.bloque_pago li.level2 > input[type=submit].input_cobro.precio_v:first-child:before, #nav ul li.level2 > .boton.botonaccion:first-child:before, #nav ul div#reportepop li.level2 > .botonaccion.boton:first-child:before { content: '+ '; vertical-align: top; }

#nav ul li.off { background-color: #40403c; }

#nav ul li ul { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; width: 100%; height: auto; max-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; }

#nav ul li ul li { padding-left: 12%; }

#nav ul li ul a, #nav ul li ul form input[type=submit], #nav ul li ul .smallinput input[type=submit], form #nav ul li ul input[type=submit], .smallinput #nav ul li ul input[type=submit], #nav ul li ul .boton.botonaccion { width: 100%; padding: 5px 5px !important; display: block; margin: 0; color: #CCC; font-size: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

#nav ul li a, #nav ul li form input[type=submit], #nav ul li .smallinput input[type=submit], form #nav ul li input[type=submit], .smallinput #nav ul li input[type=submit], #nav ul li .boton.botonaccion { width: 100%; margin: 0; color: white; }

.ver-link { cursor: pointer; position: relative; }

.ver-link:after { content: ''; width: 12px; height: 15px; background: url(../images/varios/buscar.png) no-repeat top center; background-size: 10px; display: inline-block; margin-top: -10px; }

.ver-link:hover:after { background-size: 12px; }

div.notificacion { position: relative; width: auto; max-width: 450px; margin: 20px auto; padding: 70px 30px 20px 30px; display: block; height: auto; background-color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

div.notificacion h3 { font-weight: 100; margin: 0 0 30px 0; color: orange; font-size: 22px; }

div.notificacion .fecha { position: absolute; top: 15px; right: 20px; font-size: 12px; color: green; }

div.notificacion p.buttons { line-height: 1em; margin-right: -10px; }

div.notificacion a.boton, div.notificacion form input.boton[type=submit], div.notificacion form div.bloque_pago input.boton[type=submit].input_cobro.precio_r, div.bloque_pago div.notificacion form input.boton[type=submit].input_cobro.precio_r, div.notificacion form div.bloque_pago input.boton[type=submit].input_cobro.precio_v, div.notificacion form div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r, div.bloque_pago div.notificacion form input.boton[type=submit].input_cobro.precio_v, div.bloque_pago div.notificacion form input.boton[type=submit].input_cobro.precio_v.precio_r, div.notificacion .smallinput input.boton[type=submit], div.notificacion .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_r, div.bloque_pago div.notificacion .smallinput input.boton[type=submit].input_cobro.precio_r, div.notificacion .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_v, div.notificacion .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r, div.bloque_pago div.notificacion .smallinput input.boton[type=submit].input_cobro.precio_v, div.bloque_pago div.notificacion .smallinput input.boton[type=submit].input_cobro.precio_v.precio_r, form div.notificacion input.boton[type=submit], form div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_r, div.bloque_pago form div.notificacion input.boton[type=submit].input_cobro.precio_r, form div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v, form div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r, div.bloque_pago form div.notificacion input.boton[type=submit].input_cobro.precio_v, div.bloque_pago form div.notificacion input.boton[type=submit].input_cobro.precio_v.precio_r, .smallinput div.notificacion input.boton[type=submit], .smallinput div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput div.notificacion input.boton[type=submit].input_cobro.precio_r, .smallinput div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v, .smallinput div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r, div.bloque_pago .smallinput div.notificacion input.boton[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput div.notificacion input.boton[type=submit].input_cobro.precio_v.precio_r, div.notificacion .boton.botonaccion, div.notificacion form input.botonaccion[type=submit], div.notificacion form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r, div.bloque_pago div.notificacion form input.botonaccion[type=submit].input_cobro.precio_r, div.notificacion form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v, div.notificacion form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r, div.bloque_pago div.notificacion form input.botonaccion[type=submit].input_cobro.precio_v, div.bloque_pago div.notificacion form input.botonaccion[type=submit].input_cobro.precio_v.precio_r, div.notificacion .smallinput input.botonaccion[type=submit], div.notificacion .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r, div.bloque_pago div.notificacion .smallinput input.botonaccion[type=submit].input_cobro.precio_r, div.notificacion .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v, div.notificacion .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r, div.bloque_pago div.notificacion .smallinput input.botonaccion[type=submit].input_cobro.precio_v, div.bloque_pago div.notificacion .smallinput input.botonaccion[type=submit].input_cobro.precio_v.precio_r, form div.notificacion input.botonaccion[type=submit], form div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r, div.bloque_pago form div.notificacion input.botonaccion[type=submit].input_cobro.precio_r, form div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v, form div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r, div.bloque_pago form div.notificacion input.botonaccion[type=submit].input_cobro.precio_v, div.bloque_pago form div.notificacion input.botonaccion[type=submit].input_cobro.precio_v.precio_r, .smallinput div.notificacion input.botonaccion[type=submit], .smallinput div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput div.notificacion input.botonaccion[type=submit].input_cobro.precio_r, .smallinput div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v, .smallinput div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r, div.bloque_pago .smallinput div.notificacion input.botonaccion[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput div.notificacion input.botonaccion[type=submit].input_cobro.precio_v.precio_r, div.notificacion div#reportepop .botonaccion.boton, div#reportepop div.notificacion .botonaccion.boton { text-transform: capitalize; padding: 9px 10px; margin-top: -10px; background-color: #706F6F; color: white; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }

div.notificacion a.boton:hover, div.notificacion form input.boton[type=submit]:hover, div.notificacion form div.bloque_pago input.boton[type=submit].input_cobro.precio_r:hover, div.bloque_pago div.notificacion form input.boton[type=submit].input_cobro.precio_r:hover, div.notificacion form div.bloque_pago input.boton[type=submit].input_cobro.precio_v:hover, div.notificacion form div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago div.notificacion form input.boton[type=submit].input_cobro.precio_v:hover, div.bloque_pago div.notificacion form input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.notificacion .smallinput input.boton[type=submit]:hover, div.notificacion .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_r:hover, div.bloque_pago div.notificacion .smallinput input.boton[type=submit].input_cobro.precio_r:hover, div.notificacion .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_v:hover, div.notificacion .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago div.notificacion .smallinput input.boton[type=submit].input_cobro.precio_v:hover, div.bloque_pago div.notificacion .smallinput input.boton[type=submit].input_cobro.precio_v.precio_r:hover, form div.notificacion input.boton[type=submit]:hover, form div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_r:hover, div.bloque_pago form div.notificacion input.boton[type=submit].input_cobro.precio_r:hover, form div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v:hover, form div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago form div.notificacion input.boton[type=submit].input_cobro.precio_v:hover, div.bloque_pago form div.notificacion input.boton[type=submit].input_cobro.precio_v.precio_r:hover, .smallinput div.notificacion input.boton[type=submit]:hover, .smallinput div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_r:hover, div.bloque_pago .smallinput div.notificacion input.boton[type=submit].input_cobro.precio_r:hover, .smallinput div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v:hover, .smallinput div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago .smallinput div.notificacion input.boton[type=submit].input_cobro.precio_v:hover, div.bloque_pago .smallinput div.notificacion input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.notificacion .boton.botonaccion:hover, div.notificacion form input.botonaccion[type=submit]:hover, div.notificacion form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r:hover, div.bloque_pago div.notificacion form input.botonaccion[type=submit].input_cobro.precio_r:hover, div.notificacion form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v:hover, div.notificacion form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago div.notificacion form input.botonaccion[type=submit].input_cobro.precio_v:hover, div.bloque_pago div.notificacion form input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div.notificacion .smallinput input.botonaccion[type=submit]:hover, div.notificacion .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r:hover, div.bloque_pago div.notificacion .smallinput input.botonaccion[type=submit].input_cobro.precio_r:hover, div.notificacion .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v:hover, div.notificacion .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago div.notificacion .smallinput input.botonaccion[type=submit].input_cobro.precio_v:hover, div.bloque_pago div.notificacion .smallinput input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, form div.notificacion input.botonaccion[type=submit]:hover, form div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r:hover, div.bloque_pago form div.notificacion input.botonaccion[type=submit].input_cobro.precio_r:hover, form div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v:hover, form div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago form div.notificacion input.botonaccion[type=submit].input_cobro.precio_v:hover, div.bloque_pago form div.notificacion input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, .smallinput div.notificacion input.botonaccion[type=submit]:hover, .smallinput div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r:hover, div.bloque_pago .smallinput div.notificacion input.botonaccion[type=submit].input_cobro.precio_r:hover, .smallinput div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v:hover, .smallinput div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago .smallinput div.notificacion input.botonaccion[type=submit].input_cobro.precio_v:hover, div.bloque_pago .smallinput div.notificacion input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div.notificacion div#reportepop .botonaccion.boton:hover, div#reportepop div.notificacion .botonaccion.boton:hover { background-color: #fcfcfc; border-top: none; border-left: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

div#reportepop a.boton, div#reportepop form input.boton[type=submit], div#reportepop .smallinput input.boton[type=submit], form div#reportepop input.boton[type=submit], .smallinput div#reportepop input.boton[type=submit], div#reportepop .boton.botonaccion, div#reportepop form input.botonaccion[type=submit], div#reportepop .smallinput input.botonaccion[type=submit], form div#reportepop input.botonaccion[type=submit], .smallinput div#reportepop input.botonaccion[type=submit], div#reportepop a.botonaccion.boton { margin-top: -10px; background-color: #706F6F; color: white; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }

div#reportepop a.boton.fleft, div#reportepop form input.boton.fleft[type=submit], div#reportepop .smallinput input.boton.fleft[type=submit], form div#reportepop input.boton.fleft[type=submit], .smallinput div#reportepop input.boton.fleft[type=submit], div#reportepop .boton.fleft.botonaccion, div#reportepop form input.fleft.botonaccion[type=submit], div#reportepop .smallinput input.fleft.botonaccion[type=submit], form div#reportepop input.fleft.botonaccion[type=submit], .smallinput div#reportepop input.fleft.botonaccion[type=submit] { float: left; margin-top: -70px !important; }

div#reportepop a.boton.fleft.fix, div#reportepop form input.boton.fleft.fix[type=submit], div#reportepop .smallinput input.boton.fleft.fix[type=submit], form div#reportepop input.boton.fleft.fix[type=submit], .smallinput div#reportepop input.boton.fleft.fix[type=submit], div#reportepop .boton.fleft.fix.botonaccion, div#reportepop form input.fleft.fix.botonaccion[type=submit], div#reportepop .smallinput input.fleft.fix.botonaccion[type=submit], form div#reportepop input.fleft.fix.botonaccion[type=submit], .smallinput div#reportepop input.fleft.fix.botonaccion[type=submit] { position: fixed; left: 8%; top: 15% !important; z-index: 50000; }

div#reportepop a.boton:hover, div#reportepop form input.boton[type=submit]:hover, div#reportepop .smallinput input.boton[type=submit]:hover, form div#reportepop input.boton[type=submit]:hover, .smallinput div#reportepop input.boton[type=submit]:hover, div#reportepop .boton.botonaccion:hover, div#reportepop form input.botonaccion[type=submit]:hover, div#reportepop .smallinput input.botonaccion[type=submit]:hover, form div#reportepop input.botonaccion[type=submit]:hover, .smallinput div#reportepop input.botonaccion[type=submit]:hover { background-color: #fcfcfc; border-top: none; border-left: none; border-bottom: 1px solid #fcfcfc; border-right: 1px solid #fcfcfc; }

div#reportepop a.boton.botonaccion, div#reportepop .boton.botonaccion, div#reportepop form input.botonaccion[type=submit], div#reportepop .smallinput input.botonaccion[type=submit], form div#reportepop input.botonaccion[type=submit], .smallinput div#reportepop input.botonaccion[type=submit] { float: right; margin-top: -70px !important; margin-right: 10px !important; }

div#reportepop a.boton.cancelar, div#reportepop form input.boton.cancelar[type=submit], div#reportepop .smallinput input.boton.cancelar[type=submit], form div#reportepop input.boton.cancelar[type=submit], .smallinput div#reportepop input.boton.cancelar[type=submit], div#reportepop .boton.cancelar.botonaccion, div#reportepop form input.cancelar.botonaccion[type=submit], div#reportepop .smallinput input.cancelar.botonaccion[type=submit], form div#reportepop input.cancelar.botonaccion[type=submit], .smallinput div#reportepop input.cancelar.botonaccion[type=submit] { display: block; padding: 10px; height: 15px; margin: 0; top: -70px; float: left; }

div.notificacion a.boton:hover, div.notificacion form input.boton[type=submit]:hover, div.notificacion form div.bloque_pago input.boton[type=submit].input_cobro.precio_r:hover, div.bloque_pago div.notificacion form input.boton[type=submit].input_cobro.precio_r:hover, div.notificacion form div.bloque_pago input.boton[type=submit].input_cobro.precio_v:hover, div.notificacion form div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago div.notificacion form input.boton[type=submit].input_cobro.precio_v:hover, div.bloque_pago div.notificacion form input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.notificacion .smallinput input.boton[type=submit]:hover, div.notificacion .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_r:hover, div.bloque_pago div.notificacion .smallinput input.boton[type=submit].input_cobro.precio_r:hover, div.notificacion .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_v:hover, div.notificacion .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago div.notificacion .smallinput input.boton[type=submit].input_cobro.precio_v:hover, div.bloque_pago div.notificacion .smallinput input.boton[type=submit].input_cobro.precio_v.precio_r:hover, form div.notificacion input.boton[type=submit]:hover, form div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_r:hover, div.bloque_pago form div.notificacion input.boton[type=submit].input_cobro.precio_r:hover, form div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v:hover, form div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago form div.notificacion input.boton[type=submit].input_cobro.precio_v:hover, div.bloque_pago form div.notificacion input.boton[type=submit].input_cobro.precio_v.precio_r:hover, .smallinput div.notificacion input.boton[type=submit]:hover, .smallinput div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_r:hover, div.bloque_pago .smallinput div.notificacion input.boton[type=submit].input_cobro.precio_r:hover, .smallinput div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v:hover, .smallinput div.notificacion div.bloque_pago input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago .smallinput div.notificacion input.boton[type=submit].input_cobro.precio_v:hover, div.bloque_pago .smallinput div.notificacion input.boton[type=submit].input_cobro.precio_v.precio_r:hover, div.notificacion .boton.botonaccion:hover, div.notificacion form input.botonaccion[type=submit]:hover, div.notificacion form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r:hover, div.bloque_pago div.notificacion form input.botonaccion[type=submit].input_cobro.precio_r:hover, div.notificacion form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v:hover, div.notificacion form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago div.notificacion form input.botonaccion[type=submit].input_cobro.precio_v:hover, div.bloque_pago div.notificacion form input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div.notificacion .smallinput input.botonaccion[type=submit]:hover, div.notificacion .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r:hover, div.bloque_pago div.notificacion .smallinput input.botonaccion[type=submit].input_cobro.precio_r:hover, div.notificacion .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v:hover, div.notificacion .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago div.notificacion .smallinput input.botonaccion[type=submit].input_cobro.precio_v:hover, div.bloque_pago div.notificacion .smallinput input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, form div.notificacion input.botonaccion[type=submit]:hover, form div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r:hover, div.bloque_pago form div.notificacion input.botonaccion[type=submit].input_cobro.precio_r:hover, form div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v:hover, form div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago form div.notificacion input.botonaccion[type=submit].input_cobro.precio_v:hover, div.bloque_pago form div.notificacion input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, .smallinput div.notificacion input.botonaccion[type=submit]:hover, .smallinput div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r:hover, div.bloque_pago .smallinput div.notificacion input.botonaccion[type=submit].input_cobro.precio_r:hover, .smallinput div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v:hover, .smallinput div.notificacion div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div.bloque_pago .smallinput div.notificacion input.botonaccion[type=submit].input_cobro.precio_v:hover, div.bloque_pago .smallinput div.notificacion input.botonaccion[type=submit].input_cobro.precio_v.precio_r:hover, div#reportepop a.boton:hover, div#reportepop form input.boton[type=submit]:hover, div#reportepop .smallinput input.boton[type=submit]:hover, form div#reportepop input.boton[type=submit]:hover, .smallinput div#reportepop input.boton[type=submit]:hover, div#reportepop .boton.botonaccion:hover, div#reportepop form input.botonaccion[type=submit]:hover, div#reportepop .smallinput input.botonaccion[type=submit]:hover, form div#reportepop input.botonaccion[type=submit]:hover, .smallinput div#reportepop input.botonaccion[type=submit]:hover { background-color: white; color: #706F6F; }

div.notificacion p { padding: 20px 0; font-size: 13px; line-height: 1em; text-align: left; }

div.notificacion p.alerta { border: none; }

div.notificacion p.alerta span { line-height: 1.5em; color: white; border: none; }

div.notificacion .good, div.notificacion .bad, div.notificacion .normal { background-color: transparent; border: none; }

#alertas { width: 400px; position: fixed; height: auto; right: 5px; top: 0; margin-left: -250px; z-index: 999999999999; display: block; padding-top: 5px; }

#alertas .alerta, #alertas .waiting { float: right; padding: 10px 10px 10px 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); margin-bottom: 5px; color: white; background-size: 20px; }

#alertas .waiting { display: none; }

#alertas .waiting.activo { display: block; width: auto; background: limegreen url(../images/load.gif) no-repeat left 10px center; background-size: 20px; color: white; padding-left: 40px; }

#alertas .boton, #alertas form input[type=submit], #alertas .smallinput input[type=submit], form #alertas input[type=submit], .smallinput #alertas input[type=submit], #alertas div#reportepop .boton.botonaccion, div#reportepop #alertas .boton.botonaccion { float: none !important; display: inline-block !important; padding: 1px 4px; margin: 0; position: relative; font-weight: bold; }

p.alerta { font-size: 12px; width: 100%; display: block; position: relative; clear: both; padding: 10px 10px 10px 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; margin-bottom: 5px; color: white; background-size: 20px; }

p.alerta span.good, p.alerta span.bad, p.alerta span.normal { display: block; padding: 2px 6px 2px 30px; line-height: 2em; border: 1px solid white; }

p.alerta span.load { display: block; padding: 2px 6px 2px 30px; line-height: 2em; border: none; }

p.alerta .close { position: absolute; right: 0; top: 0; padding: 10px; background-color: rgba(255, 255, 255, 0.1); }

p.alerta .close:hover { background-color: rgba(0, 0, 0, 0.1); cursor: pinter; }

.bad { background: url(../images/bad-w.png?v1) no-repeat center left 5px; background-color: #ff758a; }

.good { background: url(../images/good-w.png?v2) no-repeat center left 5px; background-color: #a6d575; }

.normal { background: url(../images/normal-w.png?v1) no-repeat center left 5px; background-color: #71c5e7; color: white; }

.load { background: url(../images/load.gif?v2) no-repeat center left 5px; background-color: transparent; border: none; background-size: 25px; }

#horario { float: left; display: block; }

.popup { margin-top: -8px; position: absolute; z-index: 9000; background-repeat: no-repeat; background-position: left center; color: #000; }

.popup .mensaje { color: #000; font-size: 11px; font-weight: 400; text-align: left; max-width: 330px; padding: 10px 10px 10px 30px; line-height: 1.5em; border: 1px solid white; background: rgba(255, 255, 255, 0.7) url(../images/varios/notificaciones.png?v3) no-repeat center left 5px; background-size: 20px; -webkit-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.1); -moz-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.1); box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.1); -webkit-border-top-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-bottomleft: 12px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; }

.popup .mensaje ul { padding-left: 18px; }

.popup .mensaje li { padding-top: 7px; background-position: 5px 5px; }

.popup .mensaje.left { margin: 0 9px 0 0; background-position: right center; }

.popup .mensaje.blackmamba { padding: 10px 20px; color: #f0f0f0; border: none; background: black; background: rgba(0, 0, 0, 0.75); border-radius: 4px; }

.popup .mensaje.blackmamba:after { content: ''; width: 0; height: 0; border-top: 10px solid rgba(0, 0, 0, 0.75); border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 50%; bottom: 0; margin-left: -10px; margin-bottom: -10px; }

.popup .mensaje.blackmamba.left { margin-top: -20px; }

.popup .mensaje.blackmamba.left:after { border-right: 7px solid rgba(0, 0, 0, 0.75); border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 0; left: 0; top: 50%; bottom: inherit; margin-top: -17px; margin-left: -7px; margin-bottom: none; }

.lin { position: absolute; z-index: 9000; display: block; }

table.balance { margin-top: 20px; }

table.balance tr:hover > td { background-color: #666; color: white; }

.getform, .getModulo { cursor: pointer; }

footer { position: fixed; bottom: 0; clear: both; z-index: -1; }

footer img { width: 100%; opacity: .5; }

.w100 { width: 100% !important; clear: both; }

.contenedor, form .bloqueform, form.basico .bloqueform, form.smallinput .bloqueform, .basico.smallinput .bloqueform, .smallinput .bloqueform { width: 98%; margin: 0.5%; display: block; padding: 0 5px; clear: both; }

.contenedor.w75, .contenedor.w40, .contenedor.w50, .contenedor.w60, .contenedor.w33, .contenedor.w19, .contenedor.w25, form .bloqueform.w75, .smallinput .bloqueform.w75, form .bloqueform.w40, .smallinput .bloqueform.w40, form .bloqueform.w50, .smallinput .bloqueform.w50, form .bloqueform.w60, .smallinput .bloqueform.w60, form .bloqueform.w33, .smallinput .bloqueform.w33, form .bloqueform.w19, .smallinput .bloqueform.w19, form .bloqueform.w25, .smallinput .bloqueform.w25, form.basico .bloqueform.w75 { width: 74%; float: left; clear: none; }

.contenedor.w25, form .bloqueform.w25, .smallinput .bloqueform.w25, form.basico .bloqueform.w25 { width: 24%; }

.contenedor.w19, form .bloqueform.w19, .smallinput .bloqueform.w19, form.basico .bloqueform.w19 { width: 19%; }

.contenedor.w33, form .bloqueform.w33, .smallinput .bloqueform.w33, form.basico .bloqueform.w33 { width: 32%; }

.contenedor.w60, form .bloqueform.w60, .smallinput .bloqueform.w60, form.basico .bloqueform.w60 { width: 59%; }

.contenedor.w50, form .bloqueform.w50, .smallinput .bloqueform.w50, form.basico .bloqueform.w50 { width: 48%; }

.contenedor.w40, form .bloqueform.w40, .smallinput .bloqueform.w40, form.basico .bloqueform.w40 { width: 39%; }

.contenedor .lista-cultyvo li, form .bloqueform .lista-cultyvo li, .smallinput .bloqueform .lista-cultyvo li, form.basico .bloqueform .lista-cultyvo li { background-color: rgba(255, 255, 255, 0.3); }

.contenedor .bloque, form .bloqueform .bloque, .smallinput .bloqueform .bloque, form.basico .bloqueform .bloque { background-color: rgba(0, 0, 0, 0.04) !important; display: block; padding: 10px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

.contenedor .bloque input, .contenedor .bloque div.bloque_pago input.input_cobro.precio_r, div.bloque_pago .contenedor .bloque input.input_cobro.precio_r, .contenedor .bloque div.bloque_pago input.input_cobro.precio_v, div.bloque_pago .contenedor .bloque input.input_cobro.precio_v, .contenedor .bloque select, form .bloqueform .bloque input, form .bloqueform .bloque div.bloque_pago input.input_cobro.precio_r, div.bloque_pago form .bloqueform .bloque input.input_cobro.precio_r, form .bloqueform .bloque div.bloque_pago input.input_cobro.precio_v, div.bloque_pago form .bloqueform .bloque input.input_cobro.precio_v, .smallinput .bloqueform .bloque input, .smallinput .bloqueform .bloque div.bloque_pago input.input_cobro.precio_r, div.bloque_pago .smallinput .bloqueform .bloque input.input_cobro.precio_r, .smallinput .bloqueform .bloque div.bloque_pago input.input_cobro.precio_v, div.bloque_pago .smallinput .bloqueform .bloque input.input_cobro.precio_v, form .bloqueform .bloque select, .smallinput .bloqueform .bloque select, form.basico .bloqueform .bloque input, form.basico .bloqueform .bloque select { border: none; border-left: 1px solid #f0f0f0; }

.diferenciar { margin: 10px 0; padding: 20px; background-color: rgba(255, 255, 255, 0.4); height: auto; overflow: hidden; position: relative; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

.diferenciar .diferenciar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 5px; border: 1px solid #f0f0f0; }

.diferenciar.dark { background-color: rgba(234, 234, 234, 0.5); }

.diferenciar.detalles { margin: 5px 0; }

.diferenciar input, .diferenciar div.bloque_pago input.input_cobro.precio_r, div.bloque_pago .diferenciar input.input_cobro.precio_r, .diferenciar div.bloque_pago input.input_cobro.precio_v, div.bloque_pago .diferenciar input.input_cobro.precio_v, .diferenciar select { border: 1px solid #f0f0f0; }

.diferenciar h4 { margin-top: -15px; }

.diferenciar table input, .diferenciar table div.bloque_pago input.input_cobro.precio_r, div.bloque_pago .diferenciar table input.input_cobro.precio_r, .diferenciar table div.bloque_pago input.input_cobro.precio_v, div.bloque_pago .diferenciar table input.input_cobro.precio_v, .diferenciar table select { border: none; }

.diferenciar a.small, .diferenciar form input.small[type=submit], .diferenciar .smallinput input.small[type=submit], form .diferenciar input.small[type=submit], .smallinput .diferenciar input.small[type=submit], .diferenciar .small.boton.botonaccion, .diferenciar div#reportepop .small.botonaccion.boton, div#reportepop .diferenciar .small.botonaccion.boton, .diferenciar div#reportepop form input.small.botonaccion[type=submit], .diferenciar div#reportepop .smallinput input.small.botonaccion[type=submit], form .diferenciar div#reportepop input.small.botonaccion[type=submit], .smallinput .diferenciar div#reportepop input.small.botonaccion[type=submit], div#reportepop .diferenciar form input.small.botonaccion[type=submit], div#reportepop .diferenciar .smallinput input.small.botonaccion[type=submit], form div#reportepop .diferenciar input.small.botonaccion[type=submit], .smallinput div#reportepop .diferenciar input.small.botonaccion[type=submit] { background-color: rgba(0, 166, 81, 0.8); color: white; float: right; font-size: 8px; text-transform: uppercase; padding: 2px 4px 1px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.diferenciar.whiteTable { float: left; background-color: rgba(0, 0, 0, 0.05); margin: 2px; padding: 4px; }

.diferenciar.whiteTable:hover { background-color: rgba(0, 0, 0, 0.08); }

table .diferenciar { padding: 7px 5px; }

.lista-cultyvo { clear: both; list-style: none; font-size: 12px; }

.lista-cultyvo li { padding: 7px 6px; float: left; width: 100%; margin: 2px 0; background-color: rgba(255, 255, 255, 0.3); }

.lista-cultyvo li .key, .lista-cultyvo li .val { float: left; }

.lista-cultyvo li .key { width: 20%; font-size: 1em; text-transform: uppercase; font-weight: lighter; color: #929289; text-align: right; }

.lista-cultyvo li .key:after { content: ':'; }

.lista-cultyvo li .val { width: 100%; padding-left: 5%; font-size: 1.1em; color: #1D1D1B; text-align: right; }

.lista-cultyvo.c2 li { width: 49%; margin: 2px 0.5%; }

.lista-cultyvo.c2 li .key { width: 40%; }

.lista-cultyvo.c2 li .val { width: 60%; }

.lista-cultyvo.c3 li { width: 32%; margin: 2px 0.5%; }

.lista-cultyvo.c3 li .key { width: 40%; }

.lista-cultyvo.c3 li .val { width: 60%; }

.lista-cultyvo.c4 li { width: 24%; margin: 2px 0.5%; }

.lista-cultyvo.c4 li .key { width: 100%; }

.lista-cultyvo.c4 li .val { width: 100%; text-align: right; }

.lista-cultyvo.c4 li:nth-child(4n+1) { clear: left; }

.lista-cultyvo.importante li { padding: 4px; }

.lista-cultyvo.importante li .val { font-size: 1.4em; }

.lista-cultyvo.importante.big .val { font-size: 2em; }

#reportepop.chori { width: 370px; }

#reportepop.chori .botones { width: 100%; padding: 0 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }

#reportepop.chori .botones .boton.pop, #reportepop.chori .botones form input.pop[type=submit], #reportepop.chori .botones .smallinput input.pop[type=submit], form #reportepop.chori .botones input.pop[type=submit], .smallinput #reportepop.chori .botones input.pop[type=submit] { display: inline-block !important; }

.reciboChori { width: 370px; background-color: white; font-size: 13px; color: black; text-align: center; padding: 20px 10px 10px 10px; }

.reciboChori table { background: none; width: 100%; text-align: left; }

.reciboChori table td, .reciboChori table th, .reciboChori table td:nth-child(odd), .reciboChori table tr { background: none !important; border: none; color: black; position: relative; }

.reciboChori img { width: 40%; text-align: center; }

.articulo { margin: 5px 0; padding: 5px 10px; float: left; border: 1px solid #f0f0f0; border-left: 3px solid #8080ff; border-bottom: 1px solid #ddd; border-right: 1px solid #eee; font-size: 13px; position: relative; background-color: white; }

.articulo.tipo2 { border-left: 3px solid #ff8080; }

.articulo.tipo3 { border-left: 3px solid #ff40ff; }

.articulo.tipo4 { border-left: 3px solid #ffd280; }

.articulo .categoria { font-size: 10px; color: #999; text-align: left; }

.articulo .generales { text-transform: uppercase; }

.articulo .lista-cultyvo { margin: 0; }

.articulo .lista-cultyvo li { background-color: rgba(128, 128, 128, 0.07) !important; display: block; }

.articulo .lista-cultyvo li .key { font-size: 10px; float: none; clear: none; color: #999; }

.articulo .lista-cultyvo li .val { clear: none; float: none; font-size: 12px; text-align: right; }

.articulo .cancelar, .articulo div#reportepop a.boton.cancelar, .articulo div#reportepop form input.boton.cancelar[type=submit], .articulo div#reportepop .smallinput input.boton.cancelar[type=submit], form .articulo div#reportepop input.boton.cancelar[type=submit], .smallinput .articulo div#reportepop input.boton.cancelar[type=submit], .articulo div#reportepop .boton.cancelar.botonaccion, .articulo div#reportepop form input.cancelar.botonaccion[type=submit], .articulo div#reportepop .smallinput input.cancelar.botonaccion[type=submit], form .articulo div#reportepop input.cancelar.botonaccion[type=submit], .smallinput .articulo div#reportepop input.cancelar.botonaccion[type=submit], div#reportepop .articulo a.boton.cancelar, div#reportepop .articulo form input.boton.cancelar[type=submit], div#reportepop .articulo .smallinput input.boton.cancelar[type=submit], form div#reportepop .articulo input.boton.cancelar[type=submit], .smallinput div#reportepop .articulo input.boton.cancelar[type=submit], div#reportepop .articulo .boton.cancelar.botonaccion, div#reportepop .articulo form input.cancelar.botonaccion[type=submit], div#reportepop .articulo .smallinput input.cancelar.botonaccion[type=submit], form div#reportepop .articulo input.cancelar.botonaccion[type=submit], .smallinput div#reportepop .articulo input.cancelar.botonaccion[type=submit] { margin-bottom: -5px !important; margin-left: -5px !important; opacity: 0; display: none; font-size: 10px; padding: 4px; }

.articulo:hover .cancelar, .articulo:hover div#reportepop a.boton.cancelar, .articulo:hover div#reportepop form input.boton.cancelar[type=submit], .articulo:hover div#reportepop .smallinput input.boton.cancelar[type=submit], form .articulo:hover div#reportepop input.boton.cancelar[type=submit], .smallinput .articulo:hover div#reportepop input.boton.cancelar[type=submit], .articulo:hover div#reportepop .boton.cancelar.botonaccion, .articulo:hover div#reportepop form input.cancelar.botonaccion[type=submit], .articulo:hover div#reportepop .smallinput input.cancelar.botonaccion[type=submit], form .articulo:hover div#reportepop input.cancelar.botonaccion[type=submit], .smallinput .articulo:hover div#reportepop input.cancelar.botonaccion[type=submit], div#reportepop .articulo:hover a.boton.cancelar, div#reportepop .articulo:hover form input.boton.cancelar[type=submit], div#reportepop .articulo:hover .smallinput input.boton.cancelar[type=submit], form div#reportepop .articulo:hover input.boton.cancelar[type=submit], .smallinput div#reportepop .articulo:hover input.boton.cancelar[type=submit], div#reportepop .articulo:hover .boton.cancelar.botonaccion, div#reportepop .articulo:hover form input.cancelar.botonaccion[type=submit], div#reportepop .articulo:hover .smallinput input.cancelar.botonaccion[type=submit], form div#reportepop .articulo:hover input.cancelar.botonaccion[type=submit], .smallinput div#reportepop .articulo:hover input.cancelar.botonaccion[type=submit] { opacity: 1; display: block; }

.nolinks a, .nolinks form input[type=submit], .nolinks form div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago .nolinks form input[type=submit].input_cobro.precio_r, .nolinks form div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago .nolinks form input[type=submit].input_cobro.precio_v, .nolinks .smallinput input[type=submit], .nolinks .smallinput div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago .nolinks .smallinput input[type=submit].input_cobro.precio_r, .nolinks .smallinput div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago .nolinks .smallinput input[type=submit].input_cobro.precio_v, form .nolinks input[type=submit], form .nolinks div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago form .nolinks input[type=submit].input_cobro.precio_r, form .nolinks div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago form .nolinks input[type=submit].input_cobro.precio_v, .smallinput .nolinks input[type=submit], .smallinput .nolinks div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput .nolinks input[type=submit].input_cobro.precio_r, .smallinput .nolinks div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput .nolinks input[type=submit].input_cobro.precio_v, .nolinks .boton.botonaccion, .nolinks div#reportepop .botonaccion.boton, div#reportepop .nolinks .botonaccion.boton { display: none; }

.not span.level { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; float: left; width: 12px; height: 12px; display: block; margin-left: -20px; margin-top: -6px; position: absolute; top: 50%; }

.not span.level.green, .not span.level.colorTrasito, .not span.level.colorFundición { background: #72aa00; }

.not span.level.red, .not span.level.colorComentario, .not span.level.colorCancelación, .not span.level.colorCuentas { background: #fd8a8a; }

.not span.level.blue, .not span.level.colorMonitoreo { background: #1e69de; }

.not span.level.yellow, .not span.level.colorMensaje, .not span.level { background: #f1da36; }

.not span.level.olds { opacity: .5; }

/* latin */
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: local("Nunito-Light"), url(../fonts/1TiHc9yag0wq3lDO9cw0vpBw1xU1rKptJj_0jans920.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

/* latin */
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: local("Nunito-Regular"), url(../fonts/6TbRXKWJjpj6V2v_WyRbMevvDin1pK8aKteLpeZ5c0A.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

/* latin */
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: local("Nunito-Bold"), url(../fonts/TttUCfJ272GBgSKaOaD7KpBw1xU1rKptJj_0jans920.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

.aleft { text-align: left; padding-left: 5px; }

.aright { text-align: right; padding-right: 5px; }

.acenter { text-align: center; }

.justify { text-align: justify; padding-justify: 5px; }

.capitalize { text-transform: capitalize; }

table td, table th, .scanner .interface, form.basico.left, form.left.smallinput, .basico.left.smallinput, .left.smallinput, .left.smallinput, .w100, .contenedor, form .bloqueform, form.basico .bloqueform, form.smallinput .bloqueform, .basico.smallinput .bloqueform, .smallinput .bloqueform, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .reciboChori { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: "Muli-bold"; src: url("../images/varios/Muli-Bold.ttf") format("truetype"); }

@font-face { font-family: "Muli-regular"; src: url("../images/varios/Muli-Regular.ttf") format("truetype"); }

@font-face { font-family: "Muli-black"; src: url("../images/varios/Muli-Black.ttf") format("truetype"); }

html.login { background-color: #FCFCFC; }

body.login { background-color: #FCFCFC; }

section#login { height: 100vh; z-index: 2; width: 100% !important; position: absolute; overflow: scroll; }

section#login div.container { width: 450px !important; margin: 0% auto; }

section#login div.container .logo { width: 50%; display: flex; justify-content: center; align-content: center; margin: 1% auto; text-align: center; margin-bottom: auto; }

section#login div.container .logo.footer { width: 100%; height: auto; margin: 0% auto; }

section#login div.container .logo img { width: 100%; margin: 0 auto; }

section#login div.container form.login, section#login div.container .login.smallinput { background-color: transparent; text-align: center; width: 400px; }

section#login div.container form.login h3, section#login div.container .login.smallinput h3 { color: #008F45; font-family: 'Muli-black'; font-weight: bold; font-size: 30px; margin: -20px 0 0px 0; }

section#login div.container form.login input[type=text], section#login div.container .login.smallinput input[type=text], section#login div.container form.login input[type=password], section#login div.container .login.smallinput input[type=password] { width: 80%; float: inherit; font-family: Muli-regular; color: #606060; margin: 0 auto; margin-bottom: 4%; box-shadow: 0px 0px 5px 2px rgba(77, 77, 77, 0.12); height: 40px; padding: 3px 10px 3px 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

section#login div.container form.login input[type=text].usuario, section#login div.container .login.smallinput input[type=text].usuario, section#login div.container form.login input[type=password].usuario, section#login div.container .login.smallinput input[type=password].usuario { background: #FFFFFF url(../images/varios/usuario.png) no-repeat center left 7px; background-size: 25px; }

section#login div.container form.login input[type=text].password, section#login div.container .login.smallinput input[type=text].password, section#login div.container form.login input[type=password].password, section#login div.container .login.smallinput input[type=password].password { background: #FFFFFF url(../images/varios/password.png) no-repeat center left 7px; background-size: 25px; }

section#login div.container form.login input[type=submit], section#login div.container .login.smallinput input[type=submit] { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; float: none; font-family: Muli-bold; font-size: 15px; background-color: #006C38 !important; padding: 12px 20px !important; color: #FFFFFF; margin: 4% auto !important; }

section#login div.container form.login input[type=submit]:hover, section#login div.container .login.smallinput input[type=submit]:hover { background-color: #00bc62 !important; }

section#login div.container form.login small, section#login div.container .login.smallinput small { display: block; margin: 3% auto; text-align: right; font-family: Muli-bold; width: 80%; font-weight: bold; color: #008F45; }

footer { display: none; }

footer.login { display: inline; position: fixed; bottom: -1px; clear: both; z-index: -1; width: 100%; height: auto; }

footer.login img { width: 100%; opacity: 1; height: auto; }

footer.login img.logo { width: 10%; position: absolute; z-index: 1; filter: brightness(5); margin: 0% 50% 2% 45%; bottom: 0; }

@media (max-width: 500px) { section#login div.container .logo { width: 100%; } }

@media (max-width: 768px) { section#login div.container .logo { width: 70%; } footer.login img.logo { width: 15%; } }

h2, h3, h4, h5 { text-shadow: -1px -1px 0px white; }

form .bloqueform, .smallinput .bloqueform, form.basico .bloqueform { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; position: relative; background-color: rgba(255, 255, 255, 0.5); padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin-bottom: 10px; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

form .bloqueform .foliopestana, .smallinput .bloqueform .foliopestana, form.basico .bloqueform .foliopestana { margin-top: -35px; background-color: #f9f9f9; display: block; color: black; padding: 5px 10px; font-weight: bold; font-size: 20px; position: absolute; top: 0; right: 5px; }

form .bloqueform h4, .smallinput .bloqueform h4, form .bloqueform h5, .smallinput .bloqueform h5, form.basico .bloqueform h4, form.basico .bloqueform h5 { font-weight: normal !important; margin-top: -10px; margin-bottom: 5px; font-size: 16px; color: #999; }

form .bloqueform h5, .smallinput .bloqueform h5, form.basico .bloqueform h5 { margin-top: -6px; font-size: 12px; font-weight: lighter; margin-bottom: 8px; }

form .bloqueform .edit, .smallinput .bloqueform .edit, form.basico .bloqueform .edit { display: none; position: absolute; top: 10px; right: 10px; }

form .bloqueform:hover .edit, .smallinput .bloqueform:hover .edit, form.basico .bloqueform:hover .edit { display: block; }

form .bloqueform.inside, .smallinput .bloqueform.inside, form.basico .bloqueform.inside { border-left: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }

form .bloqueform input, form .bloqueform div.bloque_pago input.input_cobro.precio_r, div.bloque_pago form .bloqueform input.input_cobro.precio_r, form .bloqueform div.bloque_pago input.input_cobro.precio_v, div.bloque_pago form .bloqueform input.input_cobro.precio_v, .smallinput .bloqueform input, .smallinput .bloqueform div.bloque_pago input.input_cobro.precio_r, div.bloque_pago .smallinput .bloqueform input.input_cobro.precio_r, .smallinput .bloqueform div.bloque_pago input.input_cobro.precio_v, div.bloque_pago .smallinput .bloqueform input.input_cobro.precio_v, form .bloqueform select, .smallinput .bloqueform select, form .bloqueform textarea, .smallinput .bloqueform textarea, form.basico .bloqueform input, form.basico .bloqueform select, form.basico .bloqueform textarea { border: 1px solid #f0f0f0; }

.bloqueform.moreless, .bloque.moreless, .filtros_.moreless, div.moreless { max-height: 10000px; position: relative; float: left; }

.bloqueform.moreless .abrircerrar, .bloque.moreless .abrircerrar, .filtros_.moreless .abrircerrar, div.moreless .abrircerrar { width: 20px; height: 20px; display: block; position: absolute; top: 12px; right: 12px; background-image: url(../images/less.png); background-size: 20px; background-repeat: no-repeat; background-position: center center; cursor: pointer; z-index: 999999 !important; }

.bloqueform.moreless.closed, .bloque.moreless.closed, .filtros_.moreless.closed, div.moreless.closed { max-height: 45px; overflow: hidden; }

.bloqueform.moreless.closed .abrircerrar, .bloque.moreless.closed .abrircerrar, .filtros_.moreless.closed .abrircerrar, div.moreless.closed .abrircerrar { background-image: url(../images/plus.png); }

.bloque.moreless .abrircerrar { top: 3px; right: 5px; background-size: 15px; }

.bloque.moreless.closed { max-height: 25px; }

.impresoraactiva { width: 30px; height: 30px; float: left; margin-top: 3px !important; background: transparent url(../images/impresoraactiva.png) no-repeat center center; background-size: 20px; cursor: pointer; margin: 0 20px 0 20px; }

.impresorainactiva { width: 30px; height: 30px; float: left; margin-top: 3px !important; background: transparent url(../images/impresorainactiva.png) no-repeat center center; background-size: 20px; cursor: pointer; margin: 0 20px 0 20px; }

form.basico, .smallinput, div.form.basico { width: 550px; height: auto; margin: 0 auto; border: none; padding: 40px 20px 20px 20px; overflow: hidden; position: relative; text-align: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: rgba(234, 234, 234, 0.5); }

form.basico.pop, .pop.smallinput, div.form.basico.pop { padding-top: 40px; background-color: #f0f0f0; }

form.basico.horarios, .horarios.smallinput, div.form.basico.horarios { width: 750px; }

form h3, .smallinput h3, div.form h3 { margin: -20px 0 10px 0; text-transform: uppercase; color: #1D1D1B; }

form h4, .smallinput h4, div.form h4 { margin: 5px 0 0 0; line-height: 2.5em; color: #999; text-transform: uppercase; font-size: 20px; font-weight: lighter; }

form p.info, .smallinput p.info, div.form p.info { font-size: 12px; margin: 0 0 10px -20px; padding: 10px 10px 10px 60px; line-height: 1.5em; width: 94.5%; color: #1D1D1B; background: url(../images/varios/infor.png?v3) no-repeat center left 15px; font-weight: lighter; background-size: 30px; }

form label, .smallinput label, div.form label { width: 20%; height: 35px; float: left; padding: 3px 7px 3px 0; margin: 2px 0 2px 0; font-size: 11px; text-align: right; font-weight: lighter; line-height: 2.7em; clear: left; background-color: #4c4c47; color: #F6F6F6; }

form label.duo, .smallinput label.duo, div.form label.duo { width: 10%; }

form label.treinta, .smallinput label.treinta, div.form label.treinta { width: 30%; }

form label.half, .smallinput label.half, div.form label.half { width: 45%; }

form label.lduo, .smallinput label.lduo, div.form label.lduo { clear: none; }

form label.lduo.r, .smallinput label.lduo.r, div.form label.lduo.r { margin-left: 30px; }

form label.right-side, .smallinput label.right-side, div.form label.right-side { float: right; clear: right; text-align: left; padding: 3px 0 3px 7px; }

form label.green, .smallinput label.green, div.form label.green { background-color: limegreen; }

form label.red, .smallinput label.red, div.form label.red { background-color: red; }

form input, form div.bloque_pago input.input_cobro.precio_r, div.bloque_pago form input.input_cobro.precio_r, form div.bloque_pago input.input_cobro.precio_v, div.bloque_pago form input.input_cobro.precio_v, .smallinput input, .smallinput div.bloque_pago input.input_cobro.precio_r, div.bloque_pago .smallinput input.input_cobro.precio_r, .smallinput div.bloque_pago input.input_cobro.precio_v, div.bloque_pago .smallinput input.input_cobro.precio_v, form textarea, .smallinput textarea, form select, .smallinput select, form span.custom-combobox, .smallinput span.custom-combobox, form .custom-combobox-input, .smallinput .custom-combobox-input, div.form input, div.form div.bloque_pago input.input_cobro.precio_r, div.bloque_pago div.form input.input_cobro.precio_r, div.form div.bloque_pago input.input_cobro.precio_v, div.bloque_pago div.form input.input_cobro.precio_v, div.form textarea, div.form select, div.form span.custom-combobox, div.form .custom-combobox-input { width: 73%; border: none; float: left; height: 35px; padding: 3px 10px; margin: 2px 0; clear: right; position: relative; font-size: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

form input:disabled, form div.bloque_pago input.input_cobro.precio_r:disabled, div.bloque_pago form input.input_cobro.precio_r:disabled, form div.bloque_pago input.input_cobro.precio_v:disabled, div.bloque_pago form input.input_cobro.precio_v:disabled, .smallinput input:disabled, .smallinput div.bloque_pago input.input_cobro.precio_r:disabled, div.bloque_pago .smallinput input.input_cobro.precio_r:disabled, .smallinput div.bloque_pago input.input_cobro.precio_v:disabled, div.bloque_pago .smallinput input.input_cobro.precio_v:disabled, form textarea:disabled, .smallinput textarea:disabled, form select:disabled, .smallinput select:disabled, form span.custom-combobox:disabled, .smallinput span.custom-combobox:disabled, form .custom-combobox-input:disabled, .smallinput .custom-combobox-input:disabled, div.form input:disabled, div.form div.bloque_pago input.input_cobro.precio_r:disabled, div.bloque_pago div.form input.input_cobro.precio_r:disabled, div.form div.bloque_pago input.input_cobro.precio_v:disabled, div.bloque_pago div.form input.input_cobro.precio_v:disabled, div.form textarea:disabled, div.form select:disabled, div.form span.custom-combobox:disabled, div.form .custom-combobox-input:disabled { font-size: 12px; border: none; color: black; background-color: rgba(255, 255, 255, 0.5); background-image: url(../images/disabled.png); background-repeat: no-repeat; background-position: top 2px right 2px; background-size: 8px; }

form input.half, form div.bloque_pago input.half.input_cobro.precio_r, div.bloque_pago form input.half.input_cobro.precio_r, form div.bloque_pago input.half.input_cobro.precio_v, div.bloque_pago form input.half.input_cobro.precio_v, .smallinput input.half, .smallinput div.bloque_pago input.half.input_cobro.precio_r, div.bloque_pago .smallinput input.half.input_cobro.precio_r, .smallinput div.bloque_pago input.half.input_cobro.precio_v, div.bloque_pago .smallinput input.half.input_cobro.precio_v, form textarea.half, .smallinput textarea.half, form select.half, .smallinput select.half, form span.custom-combobox.half, .smallinput span.custom-combobox.half, form .custom-combobox-input.half, .smallinput .custom-combobox-input.half, div.form input.half, div.form div.bloque_pago input.half.input_cobro.precio_r, div.bloque_pago div.form input.half.input_cobro.precio_r, div.form div.bloque_pago input.half.input_cobro.precio_v, div.bloque_pago div.form input.half.input_cobro.precio_v, div.form textarea.half, div.form select.half, div.form span.custom-combobox.half, div.form .custom-combobox-input.half { width: 36.5%; margin-right: 32%; }

form input.duo, form div.bloque_pago input.duo.input_cobro.precio_r, div.bloque_pago form input.duo.input_cobro.precio_r, form div.bloque_pago input.duo.input_cobro.precio_v, div.bloque_pago form input.duo.input_cobro.precio_v, .smallinput input.duo, .smallinput div.bloque_pago input.duo.input_cobro.precio_r, div.bloque_pago .smallinput input.duo.input_cobro.precio_r, .smallinput div.bloque_pago input.duo.input_cobro.precio_v, div.bloque_pago .smallinput input.duo.input_cobro.precio_v, form textarea.duo, .smallinput textarea.duo, form select.duo, .smallinput select.duo, form span.custom-combobox.duo, .smallinput span.custom-combobox.duo, form .custom-combobox-input.duo, .smallinput .custom-combobox-input.duo, div.form input.duo, div.form div.bloque_pago input.duo.input_cobro.precio_r, div.bloque_pago div.form input.duo.input_cobro.precio_r, div.form div.bloque_pago input.duo.input_cobro.precio_v, div.bloque_pago div.form input.duo.input_cobro.precio_v, div.form textarea.duo, div.form select.duo, div.form span.custom-combobox.duo, div.form .custom-combobox-input.duo { margin-right: 2%; width: 25.55%; }

form input.duo.half, form div.bloque_pago input.duo.half.input_cobro.precio_r, div.bloque_pago form input.duo.half.input_cobro.precio_r, form div.bloque_pago input.duo.half.input_cobro.precio_v, div.bloque_pago form input.duo.half.input_cobro.precio_v, .smallinput input.duo.half, .smallinput div.bloque_pago input.duo.half.input_cobro.precio_r, div.bloque_pago .smallinput input.duo.half.input_cobro.precio_r, .smallinput div.bloque_pago input.duo.half.input_cobro.precio_v, div.bloque_pago .smallinput input.duo.half.input_cobro.precio_v, form textarea.duo.half, .smallinput textarea.duo.half, form select.duo.half, .smallinput select.duo.half, form span.custom-combobox.duo.half, .smallinput span.custom-combobox.duo.half, form .custom-combobox-input.duo.half, .smallinput .custom-combobox-input.duo.half, div.form input.duo.half, div.form textarea.duo.half, div.form select.duo.half, div.form span.custom-combobox.duo.half, div.form .custom-combobox-input.duo.half { margin-right: 2%; width: 40%; }

form input.cincocinco, form div.bloque_pago input.cincocinco.input_cobro.precio_r, div.bloque_pago form input.cincocinco.input_cobro.precio_r, form div.bloque_pago input.cincocinco.input_cobro.precio_v, div.bloque_pago form input.cincocinco.input_cobro.precio_v, .smallinput input.cincocinco, .smallinput div.bloque_pago input.cincocinco.input_cobro.precio_r, div.bloque_pago .smallinput input.cincocinco.input_cobro.precio_r, .smallinput div.bloque_pago input.cincocinco.input_cobro.precio_v, div.bloque_pago .smallinput input.cincocinco.input_cobro.precio_v, form textarea.cincocinco, .smallinput textarea.cincocinco, form select.cincocinco, .smallinput select.cincocinco, form span.custom-combobox.cincocinco, .smallinput span.custom-combobox.cincocinco, form .custom-combobox-input.cincocinco, .smallinput .custom-combobox-input.cincocinco, div.form input.cincocinco, div.form div.bloque_pago input.cincocinco.input_cobro.precio_r, div.bloque_pago div.form input.cincocinco.input_cobro.precio_r, div.form div.bloque_pago input.cincocinco.input_cobro.precio_v, div.bloque_pago div.form input.cincocinco.input_cobro.precio_v, div.form textarea.cincocinco, div.form select.cincocinco, div.form span.custom-combobox.cincocinco, div.form .custom-combobox-input.cincocinco { width: 55%; margin-right: 15%; }

form input.right-side, form div.bloque_pago input.right-side.input_cobro.precio_r, div.bloque_pago form input.right-side.input_cobro.precio_r, form div.bloque_pago input.right-side.input_cobro.precio_v, div.bloque_pago form input.right-side.input_cobro.precio_v, .smallinput input.right-side, .smallinput div.bloque_pago input.right-side.input_cobro.precio_r, div.bloque_pago .smallinput input.right-side.input_cobro.precio_r, .smallinput div.bloque_pago input.right-side.input_cobro.precio_v, div.bloque_pago .smallinput input.right-side.input_cobro.precio_v, form textarea.right-side, .smallinput textarea.right-side, form select.right-side, .smallinput select.right-side, form span.custom-combobox.right-side, .smallinput span.custom-combobox.right-side, form .custom-combobox-input.right-side, .smallinput .custom-combobox-input.right-side, div.form input.right-side, div.form div.bloque_pago input.right-side.input_cobro.precio_r, div.bloque_pago div.form input.right-side.input_cobro.precio_r, div.form div.bloque_pago input.right-side.input_cobro.precio_v, div.bloque_pago div.form input.right-side.input_cobro.precio_v, div.form textarea.right-side, div.form select.right-side, div.form span.custom-combobox.right-side, div.form .custom-combobox-input.right-side { float: right; clear: left; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right: 0; -webkit-border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; border-top-left: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-left: 7px; }

form input.right-side.half, form div.bloque_pago input.right-side.half.input_cobro.precio_r, div.bloque_pago form input.right-side.half.input_cobro.precio_r, form div.bloque_pago input.right-side.half.input_cobro.precio_v, div.bloque_pago form input.right-side.half.input_cobro.precio_v, .smallinput input.right-side.half, .smallinput div.bloque_pago input.right-side.half.input_cobro.precio_r, div.bloque_pago .smallinput input.right-side.half.input_cobro.precio_r, .smallinput div.bloque_pago input.right-side.half.input_cobro.precio_v, div.bloque_pago .smallinput input.right-side.half.input_cobro.precio_v, form textarea.right-side.half, .smallinput textarea.right-side.half, form select.right-side.half, .smallinput select.right-side.half, form span.custom-combobox.right-side.half, .smallinput span.custom-combobox.right-side.half, form .custom-combobox-input.right-side.half, .smallinput .custom-combobox-input.right-side.half, div.form input.right-side.half, div.form textarea.right-side.half, div.form select.right-side.half, div.form span.custom-combobox.right-side.half, div.form .custom-combobox-input.right-side.half { margin-right: 0; margin-left: 35%; }

form input.right-side.duo, form div.bloque_pago input.right-side.duo.input_cobro.precio_r, div.bloque_pago form input.right-side.duo.input_cobro.precio_r, form div.bloque_pago input.right-side.duo.input_cobro.precio_v, div.bloque_pago form input.right-side.duo.input_cobro.precio_v, .smallinput input.right-side.duo, .smallinput div.bloque_pago input.right-side.duo.input_cobro.precio_r, div.bloque_pago .smallinput input.right-side.duo.input_cobro.precio_r, .smallinput div.bloque_pago input.right-side.duo.input_cobro.precio_v, div.bloque_pago .smallinput input.right-side.duo.input_cobro.precio_v, form textarea.right-side.duo, .smallinput textarea.right-side.duo, form select.right-side.duo, .smallinput select.right-side.duo, form span.custom-combobox.right-side.duo, .smallinput span.custom-combobox.right-side.duo, form .custom-combobox-input.right-side.duo, .smallinput .custom-combobox-input.right-side.duo, div.form input.right-side.duo, div.form textarea.right-side.duo, div.form select.right-side.duo, div.form span.custom-combobox.right-side.duo, div.form .custom-combobox-input.right-side.duo { margin-right: 0; margin-left: 2%; }

form input.right-side.cincocinco, form div.bloque_pago input.right-side.cincocinco.input_cobro.precio_r, div.bloque_pago form input.right-side.cincocinco.input_cobro.precio_r, form div.bloque_pago input.right-side.cincocinco.input_cobro.precio_v, div.bloque_pago form input.right-side.cincocinco.input_cobro.precio_v, .smallinput input.right-side.cincocinco, .smallinput div.bloque_pago input.right-side.cincocinco.input_cobro.precio_r, div.bloque_pago .smallinput input.right-side.cincocinco.input_cobro.precio_r, .smallinput div.bloque_pago input.right-side.cincocinco.input_cobro.precio_v, div.bloque_pago .smallinput input.right-side.cincocinco.input_cobro.precio_v, form textarea.right-side.cincocinco, .smallinput textarea.right-side.cincocinco, form select.right-side.cincocinco, .smallinput select.right-side.cincocinco, form span.custom-combobox.right-side.cincocinco, .smallinput span.custom-combobox.right-side.cincocinco, form .custom-combobox-input.right-side.cincocinco, .smallinput .custom-combobox-input.right-side.cincocinco, div.form input.right-side.cincocinco, div.form textarea.right-side.cincocinco, div.form select.right-side.cincocinco, div.form span.custom-combobox.right-side.cincocinco, div.form .custom-combobox-input.right-side.cincocinco { margin-right: 0; margin-left: 15%; }

form input.no-clear, form div.bloque_pago input.no-clear.input_cobro.precio_r, div.bloque_pago form input.no-clear.input_cobro.precio_r, form div.bloque_pago input.no-clear.input_cobro.precio_v, div.bloque_pago form input.no-clear.input_cobro.precio_v, .smallinput input.no-clear, .smallinput div.bloque_pago input.no-clear.input_cobro.precio_r, div.bloque_pago .smallinput input.no-clear.input_cobro.precio_r, .smallinput div.bloque_pago input.no-clear.input_cobro.precio_v, div.bloque_pago .smallinput input.no-clear.input_cobro.precio_v, form textarea.no-clear, .smallinput textarea.no-clear, form select.no-clear, .smallinput select.no-clear, form span.custom-combobox.no-clear, .smallinput span.custom-combobox.no-clear, form .custom-combobox-input.no-clear, .smallinput .custom-combobox-input.no-clear, div.form input.no-clear, div.form div.bloque_pago input.no-clear.input_cobro.precio_r, div.bloque_pago div.form input.no-clear.input_cobro.precio_r, div.form div.bloque_pago input.no-clear.input_cobro.precio_v, div.bloque_pago div.form input.no-clear.input_cobro.precio_v, div.form textarea.no-clear, div.form select.no-clear, div.form span.custom-combobox.no-clear, div.form .custom-combobox-input.no-clear { margin-right: 0 !important; }

form select, .smallinput select, div.form select { -webkit-appearance: none; background: white url(../images/varios/seleccionar.png) no-repeat center right 8px; position: relative; background-size: 22px; }

form select.picker__select--year, .smallinput select.picker__select--year, form select.picker__select--month, .smallinput select.picker__select--month, div.form select.picker__select--year, div.form select.picker__select--month { float: left; font-size: 12px; height: 30px !important; border: 1px solid #f0f0f0 !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; border-top-right: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; border-bottom-right: 0 !important; background-size: 14px; margin-left: 10px; }

form select.picker__select--year, .smallinput select.picker__select--year, div.form select.picker__select--year { margin-left: 100px !important; }

form select.masuno, .smallinput select.masuno, div.form select.masuno { width: 57%; padding: 3px 0 3px 10px; }

form label, .smallinput label, div.form label { position: relative; }

form label.masuno, .smallinput label.masuno, div.form label.masuno { width: 25%; padding: 3px 10px 3px 0; }

form.pop, .pop.smallinput, div.form.pop { position: relative; width: auto; max-width: 480px; margin: 20px auto; padding: 80px 30px 20px 30px; display: block; height: auto; }

form input.cul_formCheck, form div.bloque_pago input.cul_formCheck.input_cobro.precio_r, div.bloque_pago form input.cul_formCheck.input_cobro.precio_r, form div.bloque_pago input.cul_formCheck.input_cobro.precio_v, div.bloque_pago form input.cul_formCheck.input_cobro.precio_v, .smallinput input.cul_formCheck, .smallinput div.bloque_pago input.cul_formCheck.input_cobro.precio_r, div.bloque_pago .smallinput input.cul_formCheck.input_cobro.precio_r, .smallinput div.bloque_pago input.cul_formCheck.input_cobro.precio_v, div.bloque_pago .smallinput input.cul_formCheck.input_cobro.precio_v, div.form input.cul_formCheck, div.form div.bloque_pago input.cul_formCheck.input_cobro.precio_r, div.bloque_pago div.form input.cul_formCheck.input_cobro.precio_r, div.form div.bloque_pago input.cul_formCheck.input_cobro.precio_v, div.bloque_pago div.form input.cul_formCheck.input_cobro.precio_v { display: none; }

form textarea, .smallinput textarea, div.form textarea { height: 100px; }

form textarea.halfheight, .smallinput textarea.halfheight, div.form textarea.halfheight { height: 50px; }

.custom-combobox-input { width: 100% !important; }

span.custom-combobox { padding: 0 !important; }

.custom-combobox-toggle { position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0; }

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content { background-color: white; display: block; position: absolute; list-style: none; z-index: 99999999; }

.boton-select { position: absolute; right: 2px; top: 2px; border: none !important; padding: 0; background: transparent !important; width: 35px; height: 35px; display: block; cursor: pointer; }

.ui-menu-item { padding: 3px 4px; border-bottom: 1px solid #f6f6f6; font-size: 11px; cursor: pointer; }

.ui-menu-item:hover { background-color: gray; color: white; }

.ui-state-focus { background-color: gray; color: white; }

.ui-helper-hidden-accessible { display: none; }

input.ui-autocomplete-input, div.bloque_pago input.ui-autocomplete-input.input_cobro.precio_r, div.bloque_pago input.ui-autocomplete-input.input_cobro.precio_v { position: relative; }

input:focus, div.bloque_pago input.input_cobro.precio_r:focus, div.bloque_pago input.input_cobro.precio_v:focus, textarea:focus, select:focus, .radiobox:focus { outline: 2px solid rgba(50, 205, 50, 0.5); }

form input[type=checkbox] .cul_formCheck, form div.bloque_pago input[type=checkbox].input_cobro.precio_r .cul_formCheck, div.bloque_pago form input[type=checkbox].input_cobro.precio_r .cul_formCheck, form div.bloque_pago input[type=checkbox].input_cobro.precio_v .cul_formCheck, div.bloque_pago form input[type=checkbox].input_cobro.precio_v .cul_formCheck, .smallinput input[type=checkbox] .cul_formCheck, .smallinput div.bloque_pago input[type=checkbox].input_cobro.precio_r .cul_formCheck, div.bloque_pago .smallinput input[type=checkbox].input_cobro.precio_r .cul_formCheck, .smallinput div.bloque_pago input[type=checkbox].input_cobro.precio_v .cul_formCheck, div.bloque_pago .smallinput input[type=checkbox].input_cobro.precio_v .cul_formCheck, form input[type=radio] .cul_formCheck, form div.bloque_pago input[type=radio].input_cobro.precio_r .cul_formCheck, div.bloque_pago form input[type=radio].input_cobro.precio_r .cul_formCheck, form div.bloque_pago input[type=radio].input_cobro.precio_v .cul_formCheck, div.bloque_pago form input[type=radio].input_cobro.precio_v .cul_formCheck, .smallinput input[type=radio] .cul_formCheck, .smallinput div.bloque_pago input[type=radio].input_cobro.precio_r .cul_formCheck, div.bloque_pago .smallinput input[type=radio].input_cobro.precio_r .cul_formCheck, .smallinput div.bloque_pago input[type=radio].input_cobro.precio_v .cul_formCheck, div.bloque_pago .smallinput input[type=radio].input_cobro.precio_v .cul_formCheck { display: none; }

form div.radiobox, .smallinput div.radiobox { float: left; position: relative; width: 25%; display: block; height: 35px; }

form div.radiobox.activo > label.radio, .smallinput div.radiobox.activo > label.radio, form div.radiobox.activo > label.checkbox, .smallinput div.radiobox.activo > label.checkbox { background-color: #00a651; }

form div.radiobox.disabled label, .smallinput div.radiobox.disabled label { background-color: #ccc; }

form div.radiobox.right-side, .smallinput div.radiobox.right-side { float: right; }

form div.radiobox.abonos_reimpresion, .smallinput div.radiobox.abonos_reimpresion { clear: none; position: absolute; margin-left: -103px; }

form label.radio, .smallinput label.radio, form label.checkbox, .smallinput label.checkbox { width: 100% !important; display: block; position: relative; margin-right: 0; padding-left: 32px; margin-left: 0; background-color: rgba(0, 166, 81, 0.6); font-weight: lighter; text-align: left; border-right: 1px solid white; }

form label.radio span, .smallinput label.radio span { background: white; width: 15px; height: 15px; display: block; position: absolute; left: 7px; top: 7px; z-index: 2; border: 2px solid rgba(255, 255, 255, 0.2); padding: 0; margin: 2px 3px 0 0 !important; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; border-radius: 35px; -webkit-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); -ms-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); }

form div.radiobox.activo > label.radio span, .smallinput div.radiobox.activo > label.radio span { background: rgba(255, 255, 255, 0.9) url(../images/forms/checked.png) no-repeat center center; background-size: 15px; box-shadow: none; }

form label.radio input:checked, form label.radio div.bloque_pago input.input_cobro.precio_r:checked, div.bloque_pago form label.radio input.input_cobro.precio_r:checked, form label.radio div.bloque_pago input.input_cobro.precio_v:checked, div.bloque_pago form label.radio input.input_cobro.precio_v:checked, .smallinput label.radio input:checked { background-color: #D40C1F; }

form label.checkbox input:checked, form label.checkbox div.bloque_pago input.input_cobro.precio_r:checked, div.bloque_pago form label.checkbox input.input_cobro.precio_r:checked, form label.checkbox div.bloque_pago input.input_cobro.precio_v:checked, div.bloque_pago form label.checkbox input.input_cobro.precio_v:checked, .smallinput label.checkbox input:checked { background-color: #D40C1F; }

form label.checkbox span, .smallinput label.checkbox span { background: rgba(255, 255, 255, 0.9); width: 13px; height: 13px; display: block; position: absolute; left: 8px; top: 8px; z-index: 2; border: 1px solid rgba(255, 255, 255, 0.2); padding: 0; margin: 2px 1px 0 0 !important; -webkit-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3); -ms-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3); }

form div.radiobox.activo > label.checkbox span, .smallinput div.radiobox.activo > label.checkbox span { background: rgba(255, 255, 255, 0.9) url(../images/forms/checked.png) no-repeat center center; background-size: 12px; box-shadow: none; }

.Labelbox { width: 20px; height: 20px; background-color: white; border: 1px solid gray; display: block; padding: 0; margin: 0 auto; cursor: pointer; }

.Labelbox:hover { background: rgba(255, 255, 255, 0.9) url(../images/forms/checked.png) no-repeat center center; background-size: 12px; }

.Labelbox.activo, .Labelbox.activo.disabled { background: rgba(255, 255, 255, 0.9) url(../images/forms/checked.png) no-repeat center center; background-size: 15px; box-shadow: none; }

.Labelbox.activo:hover, .Labelbox.activo.disabled:hover { background-size: 15px; }

.Labelbox.disabled { background: rgba(255, 255, 255, 0.9) url(../images/bad.png) no-repeat center center; background-size: 10px; box-shadow: none; }

img.infotop { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; border-radius: 20px; background-color: white; padding: 4px; }

a.add, form input.add[type=submit], form div.bloque_pago input.add[type=submit].input_cobro.precio_r, div.bloque_pago form input.add[type=submit].input_cobro.precio_r, form div.bloque_pago input.add[type=submit].input_cobro.precio_v, div.bloque_pago form input.add[type=submit].input_cobro.precio_v, .smallinput input.add[type=submit], .smallinput div.bloque_pago input.add[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.add[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.add[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.add[type=submit].input_cobro.precio_v, a.boton, form input.boton[type=submit], form div.bloque_pago input.boton[type=submit].input_cobro.precio_r, div.bloque_pago form input.boton[type=submit].input_cobro.precio_r, form div.bloque_pago input.boton[type=submit].input_cobro.precio_v, div.bloque_pago form input.boton[type=submit].input_cobro.precio_v, .smallinput input.boton[type=submit], .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.boton[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.boton[type=submit].input_cobro.precio_v, .boton.botonaccion, form input.botonaccion[type=submit], form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r, div.bloque_pago form input.botonaccion[type=submit].input_cobro.precio_r, form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v, div.bloque_pago form input.botonaccion[type=submit].input_cobro.precio_v, .smallinput input.botonaccion[type=submit], .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.botonaccion[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.botonaccion[type=submit].input_cobro.precio_v, div#reportepop a.botonaccion.boton, div#reportepop form input.botonaccion.boton[type=submit], div#reportepop .smallinput input.botonaccion.boton[type=submit], form div#reportepop input.botonaccion.boton[type=submit], .smallinput div#reportepop input.botonaccion.boton[type=submit], div#reportepop .botonaccion.boton { margin: 10px 0 0 5px; padding: 8px 7px 8px 7px; background-color: #e76d00; border: none; color: white; float: right; font-size: 11px; cursor: pointer; text-transform: none; text-decoration: none; height: auto; width: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

a.add:hover, form input.add[type=submit]:hover, .smallinput input.add[type=submit]:hover, a.boton:hover, form input.boton[type=submit]:hover, .smallinput input.boton[type=submit]:hover, .boton.botonaccion:hover, form input.botonaccion[type=submit]:hover, .smallinput input.botonaccion[type=submit]:hover, div#reportepop .botonaccion.boton:hover { background-color: #e76d00; }

a.add.small, form input.add.small[type=submit], .smallinput input.add.small[type=submit], a.boton.small, form input.boton.small[type=submit], .smallinput input.boton.small[type=submit], .boton.small.botonaccion, form input.small.botonaccion[type=submit], .smallinput input.small.botonaccion[type=submit], div#reportepop .small.botonaccion.boton { margin: 0 0 0 5px !important; padding: 4px 10px !important; }

a.add.green, form input.add.green[type=submit], .smallinput input.add.green[type=submit], a.boton.green, form input.boton.green[type=submit], .smallinput input.boton.green[type=submit], .boton.green.botonaccion, form input.green.botonaccion[type=submit], .smallinput input.green.botonaccion[type=submit], div#reportepop .green.botonaccion.boton { background-color: green; }

a.add.green:hover, form input.add.green[type=submit]:hover, .smallinput input.add.green[type=submit]:hover, a.boton.green:hover, form input.boton.green[type=submit]:hover, .smallinput input.boton.green[type=submit]:hover, .boton.green.botonaccion:hover, form input.green.botonaccion[type=submit]:hover, .smallinput input.green.botonaccion[type=submit]:hover, div#reportepop .green.botonaccion.boton:hover { background-color: #005a00; }

a.add.red, form input.add.red[type=submit], .smallinput input.add.red[type=submit], a.boton.red, form input.boton.red[type=submit], .smallinput input.boton.red[type=submit], .boton.red.botonaccion, form input.red.botonaccion[type=submit], .smallinput input.red.botonaccion[type=submit], div#reportepop .red.botonaccion.boton { background-color: red; }

a.add.red:hover, form input.add.red[type=submit]:hover, .smallinput input.add.red[type=submit]:hover, a.boton.red:hover, form input.boton.red[type=submit]:hover, .smallinput input.boton.red[type=submit]:hover, .boton.red.botonaccion:hover, form input.red.botonaccion[type=submit]:hover, .smallinput input.red.botonaccion[type=submit]:hover, div#reportepop .red.botonaccion.boton:hover { background-color: #b30000; }

a.add.blue, form input.add.blue[type=submit], .smallinput input.add.blue[type=submit], a.boton.blue, form input.boton.blue[type=submit], .smallinput input.boton.blue[type=submit], .boton.blue.botonaccion, form input.blue.botonaccion[type=submit], .smallinput input.blue.botonaccion[type=submit], div#reportepop .blue.botonaccion.boton { background-color: blue; }

a.add.blue:hover, form input.add.blue[type=submit]:hover, .smallinput input.add.blue[type=submit]:hover, a.boton.blue:hover, form input.boton.blue[type=submit]:hover, .smallinput input.boton.blue[type=submit]:hover, .boton.blue.botonaccion:hover, form input.blue.botonaccion[type=submit]:hover, .smallinput input.blue.botonaccion[type=submit]:hover, div#reportepop .blue.botonaccion.boton:hover { background-color: #0000b3; }

a.add.gray, form input.add.gray[type=submit], .smallinput input.add.gray[type=submit], a.boton.gray, form input.boton.gray[type=submit], .smallinput input.boton.gray[type=submit], .boton.gray.botonaccion, form input.gray.botonaccion[type=submit], .smallinput input.gray.botonaccion[type=submit], div#reportepop .gray.botonaccion.boton { background-color: gray; }

a.add.gray:hover, form input.add.gray[type=submit]:hover, .smallinput input.add.gray[type=submit]:hover, a.boton.gray:hover, form input.boton.gray[type=submit]:hover, .smallinput input.boton.gray[type=submit]:hover, .boton.gray.botonaccion:hover, form input.gray.botonaccion[type=submit]:hover, .smallinput input.gray.botonaccion[type=submit]:hover, div#reportepop .gray.botonaccion.boton:hover { background-color: #5a5a5a; }

a.add.purple, form input.add.purple[type=submit], .smallinput input.add.purple[type=submit], a.boton.purple, form input.boton.purple[type=submit], .smallinput input.boton.purple[type=submit], .boton.purple.botonaccion, form input.purple.botonaccion[type=submit], .smallinput input.purple.botonaccion[type=submit], div#reportepop .purple.botonaccion.boton { background-color: purple; }

a.add.purple:hover, form input.add.purple[type=submit]:hover, .smallinput input.add.purple[type=submit]:hover, a.boton.purple:hover, form input.boton.purple[type=submit]:hover, .smallinput input.boton.purple[type=submit]:hover, .boton.purple.botonaccion:hover, form input.purple.botonaccion[type=submit]:hover, .smallinput input.purple.botonaccion[type=submit]:hover, div#reportepop .purple.botonaccion.boton:hover { background-color: #5a005a; }

a.boton, form input.boton[type=submit], form div.bloque_pago input.boton[type=submit].input_cobro.precio_r, div.bloque_pago form input.boton[type=submit].input_cobro.precio_r, form div.bloque_pago input.boton[type=submit].input_cobro.precio_v, div.bloque_pago form input.boton[type=submit].input_cobro.precio_v, .smallinput input.boton[type=submit], .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.boton[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.boton[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.boton[type=submit].input_cobro.precio_v, .boton.botonaccion, form input.botonaccion[type=submit], form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r, div.bloque_pago form input.botonaccion[type=submit].input_cobro.precio_r, form div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v, div.bloque_pago form input.botonaccion[type=submit].input_cobro.precio_v, .smallinput input.botonaccion[type=submit], .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.botonaccion[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.botonaccion[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.botonaccion[type=submit].input_cobro.precio_v, div#reportepop a.botonaccion.boton, div#reportepop form input.botonaccion.boton[type=submit], div#reportepop .smallinput input.botonaccion.boton[type=submit], form div#reportepop input.botonaccion.boton[type=submit], .smallinput div#reportepop input.botonaccion.boton[type=submit], div#reportepop .botonaccion.boton { border-left: 1px solid #ff983c; border-top: 1px solid #ff983c; }

a.boton:hover, form input.boton[type=submit]:hover, .smallinput input.boton[type=submit]:hover, .boton.botonaccion:hover, form input.botonaccion[type=submit]:hover, .smallinput input.botonaccion[type=submit]:hover, div#reportepop .botonaccion.boton:hover { border-left: none; border-top: none; border-right: 1px solid #e76d00; border-bottom: 1px solid #e76d00; }

a.boton.getData, form input.boton.getData[type=submit], .smallinput input.boton.getData[type=submit], .boton.getData.botonaccion, form input.getData.botonaccion[type=submit], .smallinput input.getData.botonaccion[type=submit], div#reportepop .getData.botonaccion.boton { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; margin-top: 5px; }

a.boton.getData.activo, form input.boton.getData.activo[type=submit], .smallinput input.boton.getData.activo[type=submit], .boton.getData.activo.botonaccion, form input.getData.activo.botonaccion[type=submit], .smallinput input.getData.activo.botonaccion[type=submit], div#reportepop .getData.activo.botonaccion.boton { font-size: 13px; background-color: orange; margin-right: -10px; border-left: 1px solid #ffc04d; border-top: 1px solid #ffc04d; }

a.boton.getData.activo:hover, form input.boton.getData.activo[type=submit]:hover, .smallinput input.boton.getData.activo[type=submit]:hover, .boton.getData.activo.botonaccion:hover, form input.getData.activo.botonaccion[type=submit]:hover, .smallinput input.getData.activo.botonaccion[type=submit]:hover, div#reportepop .getData.activo.botonaccion.boton:hover { border-right: 1px solid orange; border-bottom: 1px solid orange; border-left: none; border-top: none; }

form input[type=submit], form div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago form input[type=submit].input_cobro.precio_r, form div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago form input[type=submit].input_cobro.precio_v, .smallinput input[type=submit], .smallinput div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input[type=submit].input_cobro.precio_v, .boton.botonaccion, form input.botonaccion[type=submit], div#reportepop a.botonaccion.boton, div#reportepop .botonaccion.boton, div#reportepop .boton.botonaccion, div#reportepop form input.botonaccion[type=submit], div#reportepop .smallinput input.botonaccion[type=submit], form div#reportepop input.botonaccion[type=submit], .smallinput div#reportepop input.botonaccion[type=submit] { width: auto; color: white; font-size: 11px; text-transform: uppercase; padding: 10px 9px !important; height: auto !important; border-left: 1px solid #00bd3f; border-top: 1px solid #00bd3f; background-color: #009933 !important; float: right; }

form input[type=submit].fixed, form div.bloque_pago input[type=submit].fixed.input_cobro.precio_r, div.bloque_pago form input[type=submit].fixed.input_cobro.precio_r, form div.bloque_pago input[type=submit].fixed.input_cobro.precio_v, div.bloque_pago form input[type=submit].fixed.input_cobro.precio_v, .smallinput input[type=submit].fixed, .smallinput div.bloque_pago input[type=submit].fixed.input_cobro.precio_r, div.bloque_pago .smallinput input[type=submit].fixed.input_cobro.precio_r, .smallinput div.bloque_pago input[type=submit].fixed.input_cobro.precio_v, div.bloque_pago .smallinput input[type=submit].fixed.input_cobro.precio_v, .boton.botonaccion.fixed { position: fixed !important; right: 5% !important; top: 15% !important; z-index: 50000; }

form input[type=submit].fixed.emp, .smallinput input[type=submit].fixed.emp, .boton.botonaccion.fixed.emp { top: 25% !important; }

form input[type=submit]:hover, form div.bloque_pago input[type=submit].input_cobro.precio_r:hover, div.bloque_pago form input[type=submit].input_cobro.precio_r:hover, form div.bloque_pago input[type=submit].input_cobro.precio_v:hover, div.bloque_pago form input[type=submit].input_cobro.precio_v:hover, .smallinput input[type=submit]:hover, .smallinput div.bloque_pago input[type=submit].input_cobro.precio_r:hover, div.bloque_pago .smallinput input[type=submit].input_cobro.precio_r:hover, .smallinput div.bloque_pago input[type=submit].input_cobro.precio_v:hover, div.bloque_pago .smallinput input[type=submit].input_cobro.precio_v:hover, .boton.botonaccion:hover { background-color: #00bd3f !important; border-right: 1px solid #007a29; border-bottom: 1px solid #007a29; }

.boton.addButton, form input.addButton[type=submit], form div.bloque_pago input.addButton[type=submit].input_cobro.precio_r, div.bloque_pago form input.addButton[type=submit].input_cobro.precio_r, form div.bloque_pago input.addButton[type=submit].input_cobro.precio_v, div.bloque_pago form input.addButton[type=submit].input_cobro.precio_v, .smallinput input.addButton[type=submit], .smallinput div.bloque_pago input.addButton[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.addButton[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.addButton[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.addButton[type=submit].input_cobro.precio_v, div#reportepop .addButton.boton.botonaccion, div#reportepop form input.addButton.botonaccion[type=submit], div#reportepop .smallinput input.addButton.botonaccion[type=submit], form div#reportepop input.addButton.botonaccion[type=submit], .smallinput div#reportepop input.addButton.botonaccion[type=submit] { position: absolute; }

h2 small a.boton { float: none; display: inline-block; position: relative; margin-top: -10px; }

h4 small a.boton, h4 small a.boton.botonaccion { font-size: 10px; float: none; padding: 3px 8px 2px 25px !important; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; margin-left: 10px; vertical-align: middle; }

h2 small, h4 small { display: inline-block; vertical-align: top; }

table a.boton { margin: 0; float: inherit; display: inline-block; padding: 3px 5px; border-radius: 4px; float: right; }

form.basico a img.add, .smallinput a img.add, form.basico input[type=submit] img.add, .smallinput input[type=submit] img.add, form.basico .boton.botonaccion img.add, .smallinput .boton.botonaccion img.add, form.basico div#reportepop .boton.botonaccion img.add, .smallinput div#reportepop .boton.botonaccion img.add, div#reportepop form.basico .boton.botonaccion img.add, div#reportepop .smallinput .boton.botonaccion img.add { width: 35px; }

form.basico.left a img.add, .left.smallinput a img.add, form.basico.left input[type=submit] img.add, .left.smallinput input[type=submit] img.add, form.basico.left .boton.botonaccion img.add, .left.smallinput .boton.botonaccion img.add, form.basico.left div#reportepop .boton.botonaccion img.add, .left.smallinput div#reportepop .boton.botonaccion img.add, div#reportepop form.basico.left .boton.botonaccion img.add, div#reportepop .left.smallinput .boton.botonaccion img.add { width: 17px; margin-top: 4px; }

form.basico.small, .small.smallinput { max-width: 450px; }

label .added { position: absolute; top: 0; right: -400%; width: 35px; height: 35px; display: block; overflow: hidden; z-index: 10; cursor: pointer; z-index: 1; background: url("../images/varios/add.png") no-repeat center center; background-size: 30px; }

label .added:hover { background-size: 35px; }

label .added.half { right: -205%; }

label .added.cincocinco { right: -305%; }

label.duo .added.half { right: -430%; }

label.right-side .added { right: 0; left: 100%; }

label.red { background-color: red; color: white; }

.smallinput .added { margin: -5px 5px 0 0; background-size: 20px; }

.smallinput .added:hover { background-size: 25px; }

.smallinput th a.added, .smallinput th form input.added[type=submit], .smallinput th .smallinput input.added[type=submit], form .smallinput th input.added[type=submit], .smallinput .smallinput th input.added[type=submit], .smallinput th .added.boton.botonaccion, .smallinput th div#reportepop .added.boton.botonaccion, div#reportepop .smallinput th .added.boton.botonaccion { position: absolute; top: 0; right: 0; width: 18px; height: 18px; opacity: 1; background: transparent url(../images/varios/addw.png) no-repeat center center; margin: 0; padding: 2px; background-size: 12px; }

.smallinput th a.added:hover, .smallinput th form input.added[type=submit]:hover, .smallinput th .smallinput input.added[type=submit]:hover, form .smallinput th input.added[type=submit]:hover, .smallinput .smallinput th input.added[type=submit]:hover, .smallinput th .added.boton.botonaccion:hover, .smallinput th div#reportepop .added.boton.botonaccion:hover, div#reportepop .smallinput th .added.boton.botonaccion:hover { background-size: 17px; }

.boton.cancelar, .boton.cancel, form input.cancel[type=submit], form div.bloque_pago input.cancel[type=submit].input_cobro.precio_r, div.bloque_pago form input.cancel[type=submit].input_cobro.precio_r, form div.bloque_pago input.cancel[type=submit].input_cobro.precio_v, div.bloque_pago form input.cancel[type=submit].input_cobro.precio_v, .smallinput input.cancel[type=submit], .smallinput div.bloque_pago input.cancel[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.cancel[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.cancel[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.cancel[type=submit].input_cobro.precio_v, div#reportepop .cancel.boton.botonaccion, div#reportepop form input.cancel.botonaccion[type=submit], div#reportepop .smallinput input.cancel.botonaccion[type=submit], form div#reportepop input.cancel.botonaccion[type=submit], .smallinput div#reportepop input.cancel.botonaccion[type=submit], .boton.borrar, form input.borrar[type=submit], form div.bloque_pago input.borrar[type=submit].input_cobro.precio_r, div.bloque_pago form input.borrar[type=submit].input_cobro.precio_r, form div.bloque_pago input.borrar[type=submit].input_cobro.precio_v, div.bloque_pago form input.borrar[type=submit].input_cobro.precio_v, .smallinput input.borrar[type=submit], .smallinput div.bloque_pago input.borrar[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.borrar[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.borrar[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.borrar[type=submit].input_cobro.precio_v, div#reportepop .borrar.boton.botonaccion, div#reportepop form input.borrar.botonaccion[type=submit], div#reportepop .smallinput input.borrar.botonaccion[type=submit], form div#reportepop input.borrar.botonaccion[type=submit], .smallinput div#reportepop input.borrar.botonaccion[type=submit] { float: left; position: absolute; bottom: 10px; left: 10px; background-color: red; border-top: 1px solid #ff5959; border-left: 1px solid #ff5959; }

.boton.cancelar:hover, .boton.cancel:hover, form input.cancel[type=submit]:hover, .smallinput input.cancel[type=submit]:hover, div#reportepop .cancel.boton.botonaccion:hover, div#reportepop form input.cancel.botonaccion[type=submit]:hover, div#reportepop .smallinput input.cancel.botonaccion[type=submit]:hover, form div#reportepop input.cancel.botonaccion[type=submit]:hover, .smallinput div#reportepop input.cancel.botonaccion[type=submit]:hover, .boton.borrar:hover, form input.borrar[type=submit]:hover, .smallinput input.borrar[type=submit]:hover, div#reportepop .borrar.boton.botonaccion:hover, div#reportepop form input.borrar.botonaccion[type=submit]:hover, div#reportepop .smallinput input.borrar.botonaccion[type=submit]:hover, form div#reportepop input.borrar.botonaccion[type=submit]:hover, .smallinput div#reportepop input.borrar.botonaccion[type=submit]:hover { background-color: #ff3333; color: white; border-top: none; border-left: none; border-bottom: 1px solid #990000; border-right: 1px solid #990000; }

.boton.red, form input.red[type=submit], form div.bloque_pago input.red[type=submit].input_cobro.precio_r, div.bloque_pago form input.red[type=submit].input_cobro.precio_r, form div.bloque_pago input.red[type=submit].input_cobro.precio_v, div.bloque_pago form input.red[type=submit].input_cobro.precio_v, .smallinput input.red[type=submit], .smallinput div.bloque_pago input.red[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.red[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.red[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.red[type=submit].input_cobro.precio_v, div#reportepop .red.boton.botonaccion, div#reportepop form input.red.botonaccion[type=submit], div#reportepop .smallinput input.red.botonaccion[type=submit], form div#reportepop input.red.botonaccion[type=submit], .smallinput div#reportepop input.red.botonaccion[type=submit] { background-color: red; }

.boton.red:hover, form input.red[type=submit]:hover, .smallinput input.red[type=submit]:hover, div#reportepop .red.boton.botonaccion:hover, div#reportepop form input.red.botonaccion[type=submit]:hover, div#reportepop .smallinput input.red.botonaccion[type=submit]:hover, form div#reportepop input.red.botonaccion[type=submit]:hover, .smallinput div#reportepop input.red.botonaccion[type=submit]:hover { background-color: crimson; }

.boton.green, form input.green[type=submit], form div.bloque_pago input.green[type=submit].input_cobro.precio_r, div.bloque_pago form input.green[type=submit].input_cobro.precio_r, form div.bloque_pago input.green[type=submit].input_cobro.precio_v, div.bloque_pago form input.green[type=submit].input_cobro.precio_v, .smallinput input.green[type=submit], .smallinput div.bloque_pago input.green[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.green[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.green[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.green[type=submit].input_cobro.precio_v, div#reportepop .green.boton.botonaccion, div#reportepop form input.green.botonaccion[type=submit], div#reportepop .smallinput input.green.botonaccion[type=submit], form div#reportepop input.green.botonaccion[type=submit], .smallinput div#reportepop input.green.botonaccion[type=submit] { background-color: ColorSec; }

.boton.green:hover, form input.green[type=submit]:hover, .smallinput input.green[type=submit]:hover, div#reportepop .green.boton.botonaccion:hover, div#reportepop form input.green.botonaccion[type=submit]:hover, div#reportepop .smallinput input.green.botonaccion[type=submit]:hover, form div#reportepop input.green.botonaccion[type=submit]:hover, .smallinput div#reportepop input.green.botonaccion[type=submit]:hover { background-color: olivedrab; }

.boton.orange, form input.orange[type=submit], form div.bloque_pago input.orange[type=submit].input_cobro.precio_r, div.bloque_pago form input.orange[type=submit].input_cobro.precio_r, form div.bloque_pago input.orange[type=submit].input_cobro.precio_v, div.bloque_pago form input.orange[type=submit].input_cobro.precio_v, .smallinput input.orange[type=submit], .smallinput div.bloque_pago input.orange[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.orange[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.orange[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.orange[type=submit].input_cobro.precio_v, div#reportepop .orange.boton.botonaccion, div#reportepop form input.orange.botonaccion[type=submit], div#reportepop .smallinput input.orange.botonaccion[type=submit], form div#reportepop input.orange.botonaccion[type=submit], .smallinput div#reportepop input.orange.botonaccion[type=submit] { background-color: orange; }

.boton.orange:hover, form input.orange[type=submit]:hover, .smallinput input.orange[type=submit]:hover, div#reportepop .orange.boton.botonaccion:hover, div#reportepop form input.orange.botonaccion[type=submit]:hover, div#reportepop .smallinput input.orange.botonaccion[type=submit]:hover, form div#reportepop input.orange.botonaccion[type=submit]:hover, .smallinput div#reportepop input.orange.botonaccion[type=submit]:hover { background-color: darkorange; }

.boton.lightgreen, form input.lightgreen[type=submit], form div.bloque_pago input.lightgreen[type=submit].input_cobro.precio_r, div.bloque_pago form input.lightgreen[type=submit].input_cobro.precio_r, form div.bloque_pago input.lightgreen[type=submit].input_cobro.precio_v, div.bloque_pago form input.lightgreen[type=submit].input_cobro.precio_v, .smallinput input.lightgreen[type=submit], .smallinput div.bloque_pago input.lightgreen[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput input.lightgreen[type=submit].input_cobro.precio_r, .smallinput div.bloque_pago input.lightgreen[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput input.lightgreen[type=submit].input_cobro.precio_v, div#reportepop .lightgreen.boton.botonaccion, div#reportepop form input.lightgreen.botonaccion[type=submit], div#reportepop .smallinput input.lightgreen.botonaccion[type=submit], form div#reportepop input.lightgreen.botonaccion[type=submit], .smallinput div#reportepop input.lightgreen.botonaccion[type=submit] { background-color: skyblue; }

p.losbotones { clear: both; }

#tcompra { width: 240px; float: right; clear: both; }

#tcompra label { width: 40%; margin-left: 7%; }

#tcompra input[type=text] { width: 53%; text-align: right; }

#tcompra input[type=text]:disabled { background: rgba(255, 255, 255, 0.7) !important; }

#tcompra.packingpro { clear: none; width: 47%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; }

#tcompra.packingpro span { width: 50%; float: left; }

form.basico.w500, .w500.smallinput { width: 500px; max-width: 500px; }

form.basico.medio, .medio.smallinput { width: 700px; max-width: 700px; }

form.basico.medio.cobranza, .cobranza.smallinput { width: 600px; float: left; margin: 0 10px 0 0; }

form.basico.big, .big.smallinput { width: 850px; max-width: 850px; }

form.basico.bigger, .bigger.smallinput { max-width: 1024px; width: 1024px; }

#pestanas { float: left; clear: both; display: block; width: 100%; padding: 0 20px; border-bottom: 5px solid rgba(0, 166, 81, 0.8); width: 91%; margin: 0 1%; }

#pestanas ul { list-style: none; }

#pestanas li a, #pestanas li form input[type=submit], #pestanas li .smallinput input[type=submit], form #pestanas li input[type=submit], .smallinput #pestanas li input[type=submit], #pestanas li .boton.botonaccion, #pestanas li div#reportepop .boton.botonaccion, div#reportepop #pestanas li .boton.botonaccion { width: auto; max-width: 400px; padding: 8px 10px; display: inline-block; text-align: center; background-color: rgba(234, 234, 234, 0.4); color: gray; float: left; font-size: 12px; margin-right: 1px; vertical-align: bottom; text-transform: uppercase; }

#pestanas li:first-child { margin-left: -20px; }

#pestanas li.activo a, #pestanas li.activo form input[type=submit], #pestanas li.activo .smallinput input[type=submit], form #pestanas li.activo input[type=submit], .smallinput #pestanas li.activo input[type=submit], #pestanas li.activo .boton.botonaccion, #pestanas li:hover a, #pestanas li:hover form input[type=submit], #pestanas li:hover .smallinput input[type=submit], form #pestanas li:hover input[type=submit], .smallinput #pestanas li:hover input[type=submit], #pestanas li:hover .boton.botonaccion { background-color: rgba(0, 166, 81, 0.8); color: white; }

#pestanas li.activo a, #pestanas li.activo form input[type=submit], #pestanas li.activo .smallinput input[type=submit], form #pestanas li.activo input[type=submit], .smallinput #pestanas li.activo input[type=submit], #pestanas li.activo .boton.botonaccion { font-size: 20px; padding: 8px 15px 3px 15px; margin-top: -4px; text-transform: uppercase; font-size: lighter; }

form.basico.cliente, .cliente.smallinput { min-width: 530px; }

form.basico.smallinput input[type=text], .smallinput input[type=text], .smallinput div.bloque_pago input[type=text].input_cobro.precio_r, div.bloque_pago .smallinput input[type=text].input_cobro.precio_r, .smallinput div.bloque_pago input[type=text].input_cobro.precio_v, div.bloque_pago .smallinput input[type=text].input_cobro.precio_v, form.basico.smallinput input[type=number], .smallinput input[type=number], .smallinput div.bloque_pago input[type=number].input_cobro.precio_r, div.bloque_pago .smallinput input[type=number].input_cobro.precio_r, .smallinput div.bloque_pago input[type=number].input_cobro.precio_v, div.bloque_pago .smallinput input[type=number].input_cobro.precio_v, form.basico.smallinput textarea, form.smallinput textarea, .smallinput textarea, form.basico.smallinput select, form.smallinput select, .smallinput select, form.basico.smallinput label, form.smallinput label, .smallinput label, form.basico.smallinput span.custom-combobox, .smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, form.smallinput .custom-combobox-input, .smallinput .custom-combobox-input { height: 26px; margin: 1px 0 !important; }

form.basico.smallinput select, form.smallinput select, .smallinput select, form.basico.smallinput span.custom-combobox, .smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, form.smallinput .custom-combobox-input, .smallinput .custom-combobox-input { background-size: 15px; }

form.basico.smallinput select.picker__select--year, .smallinput select.picker__select--year, form.basico.smallinput select.picker__select--month, .smallinput select.picker__select--month, form.basico.smallinput span.custom-combobox.picker__select--year, .smallinput span.custom-combobox.picker__select--year, form.basico.smallinput span.custom-combobox.picker__select--month, .smallinput span.custom-combobox.picker__select--month, form.basico.smallinput .custom-combobox-input.picker__select--year, .smallinput .custom-combobox-input.picker__select--year, form.basico.smallinput .custom-combobox-input.picker__select--month, .smallinput .custom-combobox-input.picker__select--month { margin-top: -4px !important; margin-bottom: 10px !important; }

form.basico.smallinput select.picker__select--year, .smallinput select.picker__select--year, form.basico.smallinput span.custom-combobox.picker__select--year, .smallinput span.custom-combobox.picker__select--year, form.basico.smallinput .custom-combobox-input.picker__select--year, .smallinput .custom-combobox-input.picker__select--year { margin-left: 90px !important; }

form.basico.smallinput label, form.smallinput label, .smallinput label { line-height: 1.9em; }

form.basico.smallinput label.lduo, .smallinput label.lduo { margin-left: 5px !important; }

form.basico.smallinput label.radio span, .smallinput label.radio span { top: 2px; width: 12px; height: 12px; background-size: 10px; }

form.basico.smallinput label.checkbox span, .smallinput label.checkbox span { top: 2px; width: 12px; height: 12px; background-size: 10px; top: 3px; }

form.basico.smallinput div.radiobox, .smallinput div.radiobox { height: 25px; margin: 0 0; }

form.basico.smallinput input.falsemin, .smallinput input.falsemin, .smallinput div.bloque_pago input.falsemin.input_cobro.precio_r, div.bloque_pago .smallinput input.falsemin.input_cobro.precio_r, .smallinput div.bloque_pago input.falsemin.input_cobro.precio_v, div.bloque_pago .smallinput input.falsemin.input_cobro.precio_v, form.basico.smallinput textarea.falsemin, .smallinput textarea.falsemin, form.basico.smallinput select.falsemin, .smallinput select.falsemin, form.basico.smallinput label.falsemin, .smallinput label.falsemin { height: 30px; margin: 10px 0 0 5px; padding: 8px 7px 8px 7px; }

form.smallinput input[type=submit].falsemin, .smallinput input[type=submit].falsemin, .smallinput div.bloque_pago input[type=submit].falsemin.input_cobro.precio_r, div.bloque_pago .smallinput input[type=submit].falsemin.input_cobro.precio_r, .smallinput div.bloque_pago input[type=submit].falsemin.input_cobro.precio_v, div.bloque_pago .smallinput input[type=submit].falsemin.input_cobro.precio_v { height: 30px; margin: 10px 0 0 5px; padding: 8px 7px 8px 7px; }

form.basico.left, form.left.smallinput, .basico.left.smallinput, .left.smallinput, .left.smallinput { float: left; clear: none; width: 68.3%; }

form.basico.left.fclientes, .left.fclientes.smallinput, .fclientes.smallinput { height: auto; }

form.basico.left.fprendas, .left.fprendas.smallinput, .fprendas.smallinput { height: auto; padding-top: 25px; margin-top: -115px; margin-bottom: 10px; }

form.basico.left.fprendas h4, .fprendas.smallinput h4 { line-height: 1em; }

form.basico.left-help, form.left-help.smallinput, .basico.left-help.smallinput, .left-help.smallinput { float: left; clear: none; width: 250px; height: auto; margin-left: 10px; margin-bottom: 10px; }

form.basico.left-help label, .left-help.smallinput label { width: 40%; }

form.basico.left-help input, form.basico.left-help div.bloque_pago input.input_cobro.precio_r, div.bloque_pago form.basico.left-help input.input_cobro.precio_r, form.basico.left-help div.bloque_pago input.input_cobro.precio_v, div.bloque_pago form.basico.left-help input.input_cobro.precio_v, .left-help.smallinput input, .left-help.smallinput div.bloque_pago input.input_cobro.precio_r, div.bloque_pago .left-help.smallinput input.input_cobro.precio_r, .left-help.smallinput div.bloque_pago input.input_cobro.precio_v, div.bloque_pago .left-help.smallinput input.input_cobro.precio_v, form.basico.left-help textarea, .left-help.smallinput textarea, form.basico.left-help select, .left-help.smallinput select { width: 60%; }

#hold { width: 950px; margin: 0 auto; position: relative; }

#recla-producto { width: 100%; display: block; height: auto; position: relative; float: left; background-color: rgba(255, 255, 255, 0.3); padding: 20px; margin-top: -10px; }

#recla-producto .remove { float: left; display: block; clear: left; width: 80px; font-size: 11px; margin-top: 12px; color: #666; cursor: pointer; }

#recla-producto label { clear: none; }

#recla-producto input.half { margin-right: 0; }

#recla-producto h3 { margin: 0; font-size: 20px; }

#recla-producto h3 .saldo { color: green; }

#arecla { float: left; width: 160px; display: block; margin: 0 10px 0 0; padding: 10px; background-color: #A2D1E7; }

#arecla .recla-producto { width: 100%; float: left; color: white; font-size: 13px; margin: 2px 0; }

#arecla .recla-producto.activo { color: blue; font-size: 14px; }

form.basico.full, .full.smallinput { width: 96%; margin-top: 20px; }

div.topright.auxiliares { margin-top: 0; margin-right: -10px; }

.fright { float: right !important; }

.topright.auxiliares .auxiliar { margin: 1px 0; padding: 0; display: block; }

.topright.auxiliares .auxiliar:before { content: ''; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left: 5px; width: 37px; height: 35.6545454545px; background-repeat: no-repeat; background-position: center right; background-size: 37px 35.6545454545px; display: block; }

.topright.auxiliares .auxiliar:hover:before { margin-left: -8.0727272727px; width: 43.7272727273px; background-size: 43.7272727273px 35.6545454545px; }

.topright.auxiliares .auxiliar.archivos:before { background-image: url(../images/varios/archivos.png); }

.topright.auxiliares .auxiliar.archivos:hover:before { background-image: url(../images/varios/sarchivos.png); }

.topright.auxiliares .auxiliar.historial:before { background-image: url(../images/varios/historial.png); }

.topright.auxiliares .auxiliar.historial:hover:before { background-image: url(../images/varios/shistorial.png); }

.topright.auxiliares .auxiliar.editar2:before { background-image: url(../images/varios/editar2.png); }

.topright.auxiliares .auxiliar.editar2:hover:before { background-image: url(../images/varios/seditar2.png); }

.topright.auxiliares .auxiliar.star:before { background-image: url(../images/varios/star.png); }

.topright.auxiliares .auxiliar.star:hover:before { width: 37px; height: 35.6545454545px; background-size: 37px 35.6545454545px; margin-left: inherit; }

.topright.auxiliares .auxiliar.coyote:before { background-image: url(../images/varios/coyote.png); }

.topright.auxiliares .auxiliar.coyote:hover:before { width: 37px; height: 35.6545454545px; background-size: 37px 35.6545454545px; margin-left: inherit; }

#montos { float: right; margin-top: -50px; margin-bottom: 15px; width: 450px; }

#montos label { width: 20%; }

#montos input { width: 29%; margin-right: 1%; }

#montos input:disabled.avaluo-total { font-size: 13px; text-align: right; }

table input, table div.bloque_pago input.input_cobro.precio_r, div.bloque_pago table input.input_cobro.precio_r, table div.bloque_pago input.input_cobro.precio_v, div.bloque_pago table input.input_cobro.precio_v, table select { margin: 0; padding: 0; width: 100% !important; text-align: center; height: 30px; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; border-bottom-right: 0 !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; border-top-right: 0 !important; }

table select { background-size: 10px !important; padding-left: 4px; }

#datoscliente { float: left; margin: 10px 0; }

#datoscliente label { background-color: #6c6c6c; }

ul.items { list-style: none; height: auto; }

li.item { list-style: none; float: left; display: inline-block; clear: both; height: auto; width: 100%; }

li.item .borrar-item { float: left; position: absolute; z-index: 2; margin-left: -10px; cursor: pointer; }

.resaltado { padding: 0 0 20px 20px; background-color: rgba(0, 0, 0, 0.07); border: 1px dotted white; }

.resaltado.light { background-color: rgba(0, 0, 0, 0.03); }

fieldset { width: 100%; border: none; display: block; height: auto; float: left; margin-top: 10px; }

fieldset:disabled { max-height: 0; padding: 0; overflow: hidden; border: none; }

fieldset:disabled.resalta { border: none; }

fieldset.resalta { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; background-color: rgba(255, 255, 255, 0.5); border: 1px dotted white; }

form.basico, .smallinput { position: relative; }

form.basico.filtro-normal, .filtro-normal.smallinput { width: 80%; padding-top: 20px; margin-bottom: 20px; }

form.basico.filtro-small, .filtro-small.smallinput { width: 80%; padding-top: 20px; margin-bottom: 20px; }

form.filtros_, .filtros_.smallinput { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; position: relative; min-width: 91%; margin: 0 1%; padding: 0 20px 10px 20px; overflow: inherit; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; border-radius: none; }

form.filtros_ h4, .filtros_.smallinput h4 { margin: 0; padding: 0; }

form.filtros_.moreless.closed, .filtros_.moreless.closed.smallinput { max-height: 35px !important; }

.opcionesMod { width: 50%; float: left; background-color: #f7f7f7; padding: 10px; }

.opcionesMod.single-button { width: auto; background-color: transparent; }

.opcionesMod.single-button .accion { float: inherit; margin: 0 auto; display: block; }

form.avatar h3.fnombre, .avatar.smallinput h3.fnombre { padding-left: 60px !important; }

form figure.avatar, .smallinput figure.avatar { float: left; margin: -52px auto 0 auto; width: 45px; height: auto; overflow: hidden; border: 1px solid white; }

form figure.avatar .avatar-img, .smallinput figure.avatar .avatar-img { width: 100%; }

.triggerButton { position: relative; padding-right: 25px !important; }

.triggerButton:after { content: ''; height: 10px; width: 10px; position: absolute; right: 5px; top: 5px; display: block; background: transparent url(../images/bad.png) no-repeat center center; background-size: 10px; }

.triggerButton.enUso:after { background: transparent url(../images/good.png) no-repeat center center; background-size: 10px; }

.triggerButton .mini { width: 25px; height: 25px; overflow: hidden; float: right; margin: 0 0 0 10px; }

.triggerButton .mini img { width: 100%; }

.scanner { position: fixed; z-index: 2000; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); }

.scanner .interface { position: relative; margin: 30px auto; width: 700px; height: 393px; padding: 20px; background-color: white; -webkit-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7); -moz-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7); -ms-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7); box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7); }

.scanner .interface .camara, .scanner .interface .screenshot { width: 100%; margin: -20px 0 0 -20px; height: auto; position: absolute; z-index: 1; }

.scanner .interface .screenshot { z-index: 2; }

.scanner .interface .screenshot.hide { display: none !important; }

.scanner .interface .screen { width: 2000px; height: auto; display: none; }

.scanner .interface button:focus { border: none; outline: 0; }

.scanner .interface button.tomarfoto { width: 110px; height: 75px; position: absolute; display: block; z-index: 100; top: 35%; left: 50%; margin: 0 0 0 -55px; padding: 0; background: transparent url(../images/varios/foto.png) no-repeat center center; opacity: 0.05; border: none; }

.scanner .interface:hover button.tomarfoto { opacity: 0.15; }

.scanner .interface .scan-botones { position: absolute; z-index: 3; top: 0; left: 5px; }

.scanner .interface .scan-botones .boton.usar, .scanner .interface .scan-botones form input.usar[type=submit], form .scanner .interface .scan-botones input.usar[type=submit], .scanner .interface .scan-botones div#reportepop .usar.boton.botonaccion, div#reportepop .scanner .interface .scan-botones .usar.boton.botonaccion, .scanner .interface .scan-botones div#reportepop form input.usar.botonaccion[type=submit], div#reportepop form .scanner .interface .scan-botones input.usar.botonaccion[type=submit], .scanner .interface .scan-botones form div#reportepop input.usar.botonaccion[type=submit], form div#reportepop .scanner .interface .scan-botones input.usar.botonaccion[type=submit], .scanner .interface .scan-botones .smallinput input.usar[type=submit], .smallinput .scanner .interface .scan-botones input.usar[type=submit], .scanner .interface .scan-botones .boton.cancelar { float: left; position: relative !important; bottom: 0; }

.scanner .interface .scan-botones .boton.usar, .scanner .interface .scan-botones form input.usar[type=submit], form .scanner .interface .scan-botones input.usar[type=submit], .scanner .interface .scan-botones div#reportepop .usar.boton.botonaccion, div#reportepop .scanner .interface .scan-botones .usar.boton.botonaccion, .scanner .interface .scan-botones div#reportepop form input.usar.botonaccion[type=submit], div#reportepop form .scanner .interface .scan-botones input.usar.botonaccion[type=submit], .scanner .interface .scan-botones form div#reportepop input.usar.botonaccion[type=submit], form div#reportepop .scanner .interface .scan-botones input.usar.botonaccion[type=submit], .scanner .interface .scan-botones .smallinput input.usar[type=submit], .smallinput .scanner .interface .scan-botones input.usar[type=submit] { background-color: limegreen; }

ul.listadearchivos, ul.listadeobjetos { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }

ul.listadearchivos li, ul.listadeobjetos li { height: 30px !important; margin: 3px 0; width: 100%; display: block; float: left; clear: left; position: relative; padding: 6px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/reporte.png?v2) no-repeat center left 5px; background-color: rgba(128, 128, 128, 0.12); background-size: 20px; padding-left: 20px; }

ul.listadearchivos li p, ul.listadeobjetos li p { font-size: 12px; font-weight: bold; margin-left: 15px; }

ul.listadearchivos li p i, ul.listadeobjetos li p i { font-weight: normal; margin-left: 10px; }

ul.listadearchivos li.other, ul.listadeobjetos li.other { width: 70%; margin: 2px; padding-left: 20px; }

ul.listadearchivos li.refaccion, ul.listadeobjetos li.refaccion { background: url(../images/refacciong.png?v2) no-repeat center left 5px; background-color: rgba(128, 128, 128, 0.12); background-size: 20px; }

ul.listadearchivos li.refaccion p, ul.listadeobjetos li.refaccion p { text-transform: uppercase; }

ul.listadearchivos li a.boton.borrar, ul.listadeobjetos li a.boton.borrar { position: absolute; left: 0; top: 5px; padding: 3px !important; height: 10px !important; line-height: 0.7em !important; margin: 0 !important; display: none; }

ul.listadearchivos li a.boton.openfile, ul.listadeobjetos li a.boton.openfile { position: absolute; right: 5px; top: 3px; padding: 5px !important; margin: 0 !important; font-size: 10px; }

ul.listadearchivos li:hover a.boton.borrar, ul.listadeobjetos li:hover a.boton.borrar { display: block; }

ul.listadearchivos.table li, ul.listadeobjetos.table li { line-height: 1.5em; padding: 3px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 22px !important; background-size: 15px; }

ul.listadearchivos.table li p, ul.listadeobjetos.table li p { font-size: 11px; }

ul.listadearchivos.table li p i, ul.listadeobjetos.table li p i { margin-left: 3px; }

#carrito { position: fixed; right: 20px; top: 85px; width: 250px; display: block; height: 100px; }

.carrito { background-color: rgba(0, 0, 0, 0.04); padding: 0 15px 55px 15px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

.archivosCapturables { position: relative; clear: both; text-align: center; }

.archivosCapturables .boton, .archivosCapturables form input[type=submit], .archivosCapturables form div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago .archivosCapturables form input[type=submit].input_cobro.precio_r, .archivosCapturables form div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago .archivosCapturables form input[type=submit].input_cobro.precio_v, form .archivosCapturables input[type=submit], form .archivosCapturables div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago form .archivosCapturables input[type=submit].input_cobro.precio_r, form .archivosCapturables div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago form .archivosCapturables input[type=submit].input_cobro.precio_v, .archivosCapturables div#reportepop .boton.botonaccion, div#reportepop .archivosCapturables .boton.botonaccion, .archivosCapturables div#reportepop form input.botonaccion[type=submit], div#reportepop form .archivosCapturables input.botonaccion[type=submit], .archivosCapturables form div#reportepop input.botonaccion[type=submit], form div#reportepop .archivosCapturables input.botonaccion[type=submit], .archivosCapturables .smallinput input[type=submit], .archivosCapturables .smallinput div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago .archivosCapturables .smallinput input[type=submit].input_cobro.precio_r, .archivosCapturables .smallinput div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago .archivosCapturables .smallinput input[type=submit].input_cobro.precio_v, .smallinput .archivosCapturables input[type=submit], .smallinput .archivosCapturables div.bloque_pago input[type=submit].input_cobro.precio_r, div.bloque_pago .smallinput .archivosCapturables input[type=submit].input_cobro.precio_r, .smallinput .archivosCapturables div.bloque_pago input[type=submit].input_cobro.precio_v, div.bloque_pago .smallinput .archivosCapturables input[type=submit].input_cobro.precio_v { float: none; display: inline-block; }

div.topright { position: absolute; top: 10px; right: 10px; }

.topRight { position: absolute; text-align: right; }

.topRight { top: 25px; right: 25px; color: #1D1D1B; font-weight: 500; }

.topRight small { font-size: 14px; text-transform: uppercase; }

.topRight span.folio { color: #00a651; font-size: 20px; }

label.requerido:before { content: ''; position: absolute; height: 100%; width: 2px; background-color: gold; top: 0; right: 0; }

label.requerido.right-side:before { right: inherit; left: 0; }

.valError { border: 1px solid orange !important; }

label.valError { background-color: orange !important; }

.valRequerido { border: 1px solid red !important; }

label.valRequerido { background-color: red !important; color: white; }

label.valRequerido:before { content: none; }

.det-comment { position: relative; padding: 15px 0; display: block; height: auto; background-color: white; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; clear: both; margin-bottom: 10px; }

.det-comment .comment-check { width: 22px; position: absolute; right: 0; top: 0; margin: 3px 5px 0 0; }

.det-comment .comment-check .Labelbox { border: none; background-color: #f0f0f0; width: 20px; height: 20px; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; border-radius: 5px !important; }

.det-comment .comment-check .Labelbox.activo, .det-comment .comment-check .Labelbox.activo.disabled { background: #f0f0f0 url(../images/good.png) no-repeat center center; background-size: 17px; box-shadow: none; }

.det-comment .comment-info { font-size: 11px; padding-left: 52px; }

.det-comment .comment-info span { display: block; float: left; }

.det-comment .comment-info span.comment-author { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: orange; }

.det-comment .comment-info span.comment-date { color: #ccc; margin-left: 5px; margin-top: 1px; }

.det-comment .comment-content { position: relative; font-size: 12px; padding-left: 52px; }

.det-comment:after { content: ''; background-color: #ebebeb; height: 26px; width: 26px; display: block; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; position: absolute; top: 50%; left: 13px; margin-top: -13px; }

.det-comment.rosa:after { background-color: #ffaab9; }

.det-comment.verde:after { background-color: limegreen; }

.det-comment.azul:after { background-color: #71c5e7; }

.det-comment.naranja:after { background-color: orange; }

.det-comment.gris:after { background-color: #ebebeb; }

.det-comment.rojo:after { background-color: red; }

.det-comment.cafe:after { background-color: brown; }

.det-comment.negro:after { background-color: black; }

.contenedor.edge { height: auto; min-height: 67px; padding-bottom: 23px; }

.contenedor.edge .comment.full { margin-left: -28px; position: absolute; padding: 10px 90px 10px 10px; -webkit-border-radius: none !important; -moz-border-radius: none !important; -ms-border-radius: none !important; border-radius: none !important; }

.contenedor.edge input.accion, .contenedor.edge div.bloque_pago input.accion.input_cobro.precio_r, div.bloque_pago .contenedor.edge input.accion.input_cobro.precio_r, .contenedor.edge div.bloque_pago input.accion.input_cobro.precio_v, div.bloque_pago .contenedor.edge input.accion.input_cobro.precio_v { margin-right: -7px !important; margin-bottom: -32px; }

.contenedor.edge .alerta.pop { display: none !important; }

.pop .contenedor.edge .comment.full { margin-left: -37px; }

.colorBox { position: relative; float: right; height: 80px; width: 75px; top: 10px; right: 0; margin-right: -15px; }

.colorBox .colorSelect { cursor: pointer; width: 12px; height: 12px; display: block; background-color: #ebebeb; float: left; border: 4px solid #f0f0f0; margin: 2.5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; }

.colorBox .colorSelect.activo, .colorBox .colorSelect:hover { width: 20px; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; border: none; }

.colorBox .colorSelect.rosa { background-color: #ffaab9; }

.colorBox .colorSelect.verde { background-color: limegreen; }

.colorBox .colorSelect.azul { background-color: #71c5e7; }

.colorBox .colorSelect.naranja { background-color: orange; }

.colorBox .colorSelect.gris { background-color: #ebebeb; }

.colorBox .colorSelect.rojo { background-color: red; }

.colorBox .colorSelect.cafe { background-color: brown; }

.colorBox .colorSelect.negro { background-color: black; }

span.rosa { color: #ffaab9; }

span.azul { color: #71c5e7; }

.deno { background-size: 30px; background-repeat: none; background-position: center center; display: block; width: 30px; height: 30px; margin: 0 auto; display: inline-block; }

.deno.d1000 { background-image: url(../images/denominaciones/1000b.png); }

.deno.d500 { background-image: url(../images/denominaciones/500b.png); }

.deno.d200 { background-image: url(../images/denominaciones/200b.png); }

.deno.d100 { background-image: url(../images/denominaciones/100b.png); }

.deno.d50 { background-image: url(../images/denominaciones/50b.png); }

.deno.d20 { background-image: url(../images/denominaciones/20b.png); }

.deno.dm { background-image: url(../images/denominaciones/mb.png); }

#abonosholder.fixed { position: relative; }

@media (min-width: 1020px) { #abonosholder.fixed #abonos { margin-right: 300px; } #abonosholder.fixed #cart { position: fixed; top: 10px; left: 50%; margin-left: 180px; } }

@media (min-width: 1100px) { #abonosholder.fixed #abonos { margin-right: 300px; } #abonosholder.fixed #cart { position: fixed; top: 10px; left: 50%; margin-left: 140px; } }

input.cobro_money, div.bloque_pago input.input_cobro.precio_r, div.bloque_pago input.input_cobro.precio_v { background-position: center !important; background-repeat: no-repeat !important; background-size: 20px 20px !important; background-position: 5px center !important; }

input.cobro_money.precio_r, div.bloque_pago input.precio_r.input_cobro { background-image: url(../images/forms/precior.png) !important; }

input.cobro_money.precio_v, div.bloque_pago input.precio_v.input_cobro { background-image: url(../images/forms/preciov.png) !important; }

div.bloque_pago { background: white !important; position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.bloque_pago.duo { width: 50%; float: left; }

div.bloque_pago.duo.cuenta { font-size: 1.4em !important; margin-top: 5px; }

div.bloque_pago.pformas { width: 53%; float: left; padding: 15px 15px; }

div.bloque_pago.presumen { width: 43%; float: right; padding: 15px 15px; }

div.bloque_pago h4 { line-height: 1em !important; }

div.bloque_pago p { font-size: 1.3em !important; padding: 8px 8px; }

div.bloque_pago table, div.bloque_pago td { background-color: white !important; }

div.bloque_pago table.precio_r, div.bloque_pago td.precio_r { background-position: center !important; background-repeat: no-repeat !important; background-size: 15px !important; background-position: 5px center !important; background-image: url(../images/forms/precior.png) !important; }

div.bloque_pago input.input_cobro, div.bloque_pago input.input_cobro.precio_r, div.bloque_pago input.input_cobro.precio_v { background-color: #f1f1f1 !important; }

div.bloque_pago input.input_cobro.precio_v { background-image: url(../images/forms/preciov.png) !important; }

div.bloque_pago input.input_cobro.precio_r { background-image: url(../images/forms/precior.png) !important; }

.aleft { text-align: left; padding-left: 5px; }

.aright { text-align: right; padding-right: 5px; }

.acenter { text-align: center; }

.justify { text-align: justify; padding-justify: 5px; }

.capitalize { text-transform: capitalize; }

table td, table th, .w100, .contenedor, form .bloqueform, form.basico .bloqueform, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .reciboChori, form.basico.left, .smallinput .bloqueform, .basico.smallinput .bloqueform, .basico.left.smallinput, form.smallinput .bloqueform, form.left.smallinput, .scanner .interface { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.btns-accesorapidoKardex { width: auto; height: auto; display: inline-block; }

div.btns-accesorapidoKardex a.btn-accesorapido, div.btns-accesorapidoKardex form input.btn-accesorapido[type=submit], form div.btns-accesorapidoKardex input.btn-accesorapido[type=submit], div.btns-accesorapidoKardex .btn-accesorapido.boton.botonaccion, div.btns-accesorapidoKardex div#reportepop .btn-accesorapido.boton.botonaccion, div#reportepop div.btns-accesorapidoKardex .btn-accesorapido.boton.botonaccion, div.btns-accesorapidoKardex .smallinput input.btn-accesorapido[type=submit], .smallinput div.btns-accesorapidoKardex input.btn-accesorapido[type=submit] { margin: -5px 0 0 5px; min-width: 70px; text-align: center; background-color: #E94157; color: white; border-left: none; border-top: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; }

div.btns-accesorapidoKardex a.btn-accesorapido:hover, div.btns-accesorapidoKardex form input.btn-accesorapido[type=submit]:hover, form div.btns-accesorapidoKardex input.btn-accesorapido[type=submit]:hover, div.btns-accesorapidoKardex .btn-accesorapido.boton.botonaccion:hover, div.btns-accesorapidoKardex div#reportepop .btn-accesorapido.boton.botonaccion:hover, div#reportepop div.btns-accesorapidoKardex .btn-accesorapido.boton.botonaccion:hover, div.btns-accesorapidoKardex .smallinput input.btn-accesorapido[type=submit]:hover, .smallinput div.btns-accesorapidoKardex input.btn-accesorapido[type=submit]:hover { background-color: #ec5e70; }

div.btns-accesorapidoKardex a.btn-accesorapido span.btn-rapidos img, div.btns-accesorapidoKardex form input.btn-accesorapido[type=submit] span.btn-rapidos img, form div.btns-accesorapidoKardex input.btn-accesorapido[type=submit] span.btn-rapidos img, div.btns-accesorapidoKardex .btn-accesorapido.boton.botonaccion span.btn-rapidos img, div.btns-accesorapidoKardex div#reportepop .btn-accesorapido.boton.botonaccion span.btn-rapidos img, div#reportepop div.btns-accesorapidoKardex .btn-accesorapido.boton.botonaccion span.btn-rapidos img, div.btns-accesorapidoKardex .smallinput input.btn-accesorapido[type=submit] span.btn-rapidos img, .smallinput div.btns-accesorapidoKardex input.btn-accesorapido[type=submit] span.btn-rapidos img { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-top: 0px; margin-left: 5px; }

div.btns-accesorapido { position: absolute; top: 0; left: 50%; margin: 35px 0 0 -100px; z-index: -1px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }

div.btns-accesorapido a.boton.botonaccion { float: right; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; font-size: 10px !important; padding-bottom: 4px !important; }

div.btns-accesorapido:hover { margin: 40px 0 0 -100px; }

div.btns-accesorapido:hover a.boton.botonaccion { padding-bottom: 8px !important; }

form#cambioContrasenaUsuarios input.half, #cambioContrasenaUsuarios.smallinput input.half { width: 75%; margin-right: 0; }

form#cambioContrasenaUsuarios input.accion, #cambioContrasenaUsuarios.smallinput input.accion { width: auto; color: #FFFFFF; padding: 9px 15px !important; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; }

div.sesion-out { text-align: center; margin: 0% 15% 5% 15%; }

div.sesion-out a, div.sesion-out form input[type=submit], form div.sesion-out input[type=submit], div.sesion-out .boton.botonaccion, div.sesion-out div#reportepop .boton.botonaccion, div#reportepop div.sesion-out .boton.botonaccion, div.sesion-out .smallinput input[type=submit], .smallinput div.sesion-out input[type=submit], div.sesion-out form div.bloque_pago input[type=submit].input_cobro.precio_v, form div.bloque_pago div.sesion-out input[type=submit].input_cobro.precio_v, div.sesion-out div.bloque_pago form input[type=submit].input_cobro.precio_v, div.bloque_pago form div.sesion-out input[type=submit].input_cobro.precio_v, div.sesion-out form div.bloque_pago input[type=submit].input_cobro.precio_r, form div.bloque_pago div.sesion-out input[type=submit].input_cobro.precio_r, div.sesion-out div.bloque_pago form input[type=submit].input_cobro.precio_r, div.bloque_pago form div.sesion-out input[type=submit].input_cobro.precio_r { display: block; }

div.sesion-out a small.getout, div.sesion-out form input[type=submit] small.getout, form div.sesion-out input[type=submit] small.getout, div.sesion-out .boton.botonaccion small.getout, div.sesion-out div#reportepop .boton.botonaccion small.getout, div#reportepop div.sesion-out .boton.botonaccion small.getout, div.sesion-out .smallinput input[type=submit] small.getout, .smallinput div.sesion-out input[type=submit] small.getout { color: red; width: auto; }

div.sesion-out a i.icon, div.sesion-out form input[type=submit] i.icon, form div.sesion-out input[type=submit] i.icon, div.sesion-out .boton.botonaccion i.icon, div.sesion-out div#reportepop .boton.botonaccion i.icon, div#reportepop div.sesion-out .boton.botonaccion i.icon, div.sesion-out .smallinput input[type=submit] i.icon, .smallinput div.sesion-out input[type=submit] i.icon { filter: sepia(50%) saturate(50%) invert(50%); }

.normal { background-color: #9F1814; }

.userinfo { display: flex; }

.userinfo small { font-size: 20px !important; color: #666; margin: 0px 10px 0px 5px; }

.container-bell { margin-right: 10px; width: 25px; height: 25px; }

.container-bell:hover { -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; background-color: #66666630; }

.container-bell:hover > .bell-icon { background-image: url(../images/varios/notColor.png); }

.container-bell .bell-icon { background-color: transparent; padding: 0px; background-image: url(../images/varios/notGris.png); background-repeat: no-repeat; background-position: top 0px right 0px; background-size: 15px; position: absolute; width: 15px; height: 15px; margin: 5px; }

.container-bell #notcounter { width: 12px; height: 12px; background-color: red; color: white; font-size: 7px; text-align: center; line-height: 14px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; position: absolute; margin: 0px 10px; border: 1px solid white; display: none; }

.container-bell #notcounter.active { animation: pulsar 0.5s infinite alternate ease-in-out; display: block; }

@keyframes pulsar { from { transform: scale(1); }
  to { transform: scale(1.5); } }

div.circle-verde { width: 25px; height: 25px; background-color: #55AF50; display: inline-block; margin-right: 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; }

i.btn-user-not { background-color: transparent; cursor: pointer; background-image: url(../images/semiblanco/usuarios.png); background-repeat: no-repeat; background-position: top 5px right 13px; background-size: 15px; padding: 0px 33px 0px 0px; position: relative; margin: 0px 0px 0px 0px; }

.select-user { background-color: transparent; color: #4D4D4D; cursor: pointer; background-image: url(../images/varios/select.png); background-repeat: no-repeat; background-position: top 1px right 0px; background-size: 15px; font-size: 15px; padding: 0px 20px 0px 0px; position: relative; margin: 0px 0px 0px -8px; }

#worksucursal, #tryusuarios, #workempresa { width: 300px; height: 40px; margin: 5px auto; float: right; display: flex; justify-content: center; }

#worksucursal .update, #tryusuarios .update, #workempresa .update { width: 30px; height: 30px; float: left; margin-top: 3px !important; background: transparent url(../images/update-green.png) no-repeat center center; background-size: 20px; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; cursor: pointer; }

#worksucursal .update:hover, #tryusuarios .update:hover, #workempresa .update:hover { cursor: pointer; transform: rotate(180deg); }

#worksucursal select, #tryusuarios select, #workempresa select { background-size: 15px; border: 1px solid #f0f0f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

#worksucursal select.worksuc, #tryusuarios select.worksuc, #workempresa select.worksuc { width: 82%; margin-right: 2%; }

#worksucursalVersionAnterior { float: left; width: 150px; height: 40px; margin-top: -5px; }

#worksucursalVersionAnterior .update { width: 30px; height: 30px; float: left; margin-top: 3px !important; background: transparent url(../images/update-green.png) no-repeat center center; background-size: 20px; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; cursor: pointer; }

#worksucursalVersionAnterior .update:hover { cursor: pointer; transform: rotate(180deg); }

#worksucursalVersionAnterior select { width: 75%; background-size: 15px; border: 1px solid #f0f0f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

#form_sesiones { position: absolute; margin-top: 54px; right: 0; width: 300px; display: block; background-color: white; right: 12px; z-index: 1000; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); }

#form_sesiones header { width: 100%; float: left; letter-spacing: 1px; text-align: center; background-color: white; padding: 10px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid transparent; }

#form_sesiones header h2 { font-size: 15px; text-shadow: none; color: #4D4D4D; font-weight: bold; letter-spacing: 2px; }

#form_sesiones:before { content: ''; width: 0; height: 0; top: 2px; right: 15%; margin-top: -15px; z-index: 2; display: block; position: absolute; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid rgba(0, 0, 0, 0.1); }

#form_sesiones:after { content: ''; width: 0; height: 0; top: 0; right: 15%; margin-top: -13px; z-index: 2; display: block; position: absolute; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid white; }

#form_sesiones.hidden { max-height: 0; overflow: hidden; opacity: 0; }

#notificaciones { position: absolute; margin-top: 54px; right: 0; width: 350px; display: block; background-color: white; right: 12px; z-index: 10000; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); }

#notificaciones header { width: 100%; float: left; letter-spacing: 1px; text-align: center; background-color: white; padding: 10px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid transparent; }

#notificaciones header h2 { font-size: 15px; text-shadow: none; color: #4D4D4D; font-weight: bold; letter-spacing: 2px; }

#notificaciones:before { content: ''; width: 0; height: 0; top: 2px; right: 42%; margin-top: -15px; z-index: 2; display: block; position: absolute; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid rgba(0, 0, 0, 0.1); }

#notificaciones:after { content: ''; width: 0; height: 0; top: 0; right: 42%; margin-top: -13px; z-index: 2; display: block; position: absolute; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid white; }

#notificaciones.hidden { max-height: 0; overflow: hidden; opacity: 0; }

#notificaciones .alerta { margin: 0; padding: 0; }

#notificaciones .alerta span.normal { width: 95%; border-radius: 10px; margin: 5px auto 10px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px 10px 25px; background-color: #F2FAFC; }

a.boton.not-resolver { height: 22px; width: auto; margin: 0px !important; position: absolute; bottom: 0px; right: 0px !important; display: none; border-right: none; border-bottom: none; background-color: transparent; }

a.boton.not-resolver:hover { background-color: transparent; border-right: none; border-bottom: none; }

a.cerrar-nots, form input.cerrar-nots[type=submit], .cerrar-nots.boton.botonaccion, div#reportepop .cerrar-nots.boton.botonaccion, .smallinput input.cerrar-nots[type=submit], form div.bloque_pago input.cerrar-nots[type=submit].input_cobro.precio_v, div.bloque_pago form input.cerrar-nots[type=submit].input_cobro.precio_v, form div.bloque_pago input.cerrar-nots[type=submit].input_cobro.precio_r, div.bloque_pago form input.cerrar-nots[type=submit].input_cobro.precio_r { border: none !important; display: none; width: 4px !important; height: 16px !important; }

a.not-rel, form input.not-rel[type=submit], .not-rel.boton.botonaccion, div#reportepop .not-rel.boton.botonaccion, .smallinput input.not-rel[type=submit], form div.bloque_pago input.not-rel[type=submit].input_cobro.precio_v, div.bloque_pago form input.not-rel[type=submit].input_cobro.precio_v, form div.bloque_pago input.not-rel[type=submit].input_cobro.precio_r, div.bloque_pago form input.not-rel[type=submit].input_cobro.precio_r { border: none !important; color: white !important; padding: 6px !important; float: left; background-color: #F9D66C !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.not { width: 100%; min-height: 90px; background-color: white; padding: 0px 0px 0px 7px; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; text-transform: none; border-bottom-right-radius: 0px; border-top-right-radius: 0px; font-size: 13px; }

.not a.not-close, .not form input.not-close[type=submit], form .not input.not-close[type=submit], .not .not-close.boton.botonaccion, .not div#reportepop .not-close.boton.botonaccion, div#reportepop .not .not-close.boton.botonaccion, .not .smallinput input.not-close[type=submit], .smallinput .not input.not-close[type=submit] { display: none; }

.not:hover { background-color: #F2FAFC; }

.not:hover a.not-close, .not:hover form input.not-close[type=submit], form .not:hover input.not-close[type=submit], .not:hover .not-close.boton.botonaccion, .not:hover div#reportepop .not-close.boton.botonaccion, div#reportepop .not:hover .not-close.boton.botonaccion, .not:hover .smallinput input.not-close[type=submit], .smallinput .not:hover input.not-close[type=submit] { display: inline-block; }

.not:hover a.boton.not-resolver { display: inline-block; position: absolute; bottom: 0px; right: none; }

.not h2 { width: 100%; height: 24px; font-size: 12px; padding-left: 10px; line-height: 1.7em; font-weight: 100; padding-top: 2px; }

.not p { width: 89%; display: block; clear: both; color: #4D4D4D; font-weight: 500; font-size: 11px; padding: 3% 5% 3% 2%; }

.not p .head { width: 100%; color: #4D4D4D !important; clear: both; float: left; display: block; font-size: 1em; font-weight: bold; margin-bottom: 5px; }

.not p .head small { font-size: 0.8em !important; font-weight: lighter; color: #ccc; vertical-align: middle; line-height: 1.4em; display: block; }

.not p i { display: block; }

.not p.cont-botones { width: 9%; padding: 3% 2% 3% 2%; }

.not .boton, .not form input[type=submit], form .not input[type=submit], .not div#reportepop .boton.botonaccion, div#reportepop .not .boton.botonaccion, .not div#reportepop form input.botonaccion[type=submit], div#reportepop form .not input.botonaccion[type=submit], .not form div#reportepop input.botonaccion[type=submit], form div#reportepop .not input.botonaccion[type=submit], .not .smallinput input[type=submit], .smallinput .not input[type=submit], .not form div.bloque_pago input[type=submit].input_cobro.precio_v, form div.bloque_pago .not input[type=submit].input_cobro.precio_v, .not div.bloque_pago form input[type=submit].input_cobro.precio_v, div.bloque_pago form .not input[type=submit].input_cobro.precio_v, .not form div.bloque_pago input[type=submit].input_cobro.precio_r, form div.bloque_pago .not input[type=submit].input_cobro.precio_r, .not div.bloque_pago form input[type=submit].input_cobro.precio_r, div.bloque_pago form .not input[type=submit].input_cobro.precio_r { width: 40px; text-align: center; height: 16px; padding: 4px 5px !important; margin: 0px 5px 0px 0px !important; float: inline-start; color: white; font-size: 11px; background-color: #EE9F42; border-left: none; border-top: none; }

.not .boton:first-child, .not form input[type=submit]:first-child, form .not input[type=submit]:first-child, .not div#reportepop .boton.botonaccion:first-child, div#reportepop .not .boton.botonaccion:first-child, .not div#reportepop form input.botonaccion[type=submit]:first-child, div#reportepop form .not input.botonaccion[type=submit]:first-child, .not form div#reportepop input.botonaccion[type=submit]:first-child, form div#reportepop .not input.botonaccion[type=submit]:first-child, .not .smallinput input[type=submit]:first-child, .smallinput .not input[type=submit]:first-child { clear: left; }

.not.ver-todo { min-height: 60px; padding: 10px auto 10px auto; text-align: center; padding: 5px 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.not.ver-todo a, .not.ver-todo form input[type=submit], form .not.ver-todo input[type=submit], .not.ver-todo .boton.botonaccion, .not.ver-todo div#reportepop .boton.botonaccion, div#reportepop .not.ver-todo .boton.botonaccion, .not.ver-todo .smallinput input[type=submit], .smallinput .not.ver-todo input[type=submit] { cursor: pointer; color: #4D4D4D; border: none; font-weight: bold; font-size: 12px; background-color: transparent; padding: 5px 5px 2px 5px; display: block; width: 76%; margin: auto; float: none; }

.not.ver-todo a:hover, .not.ver-todo form input[type=submit]:hover, form .not.ver-todo input[type=submit]:hover, .not.ver-todo .boton.botonaccion:hover, .not.ver-todo div#reportepop .boton.botonaccion:hover, div#reportepop .not.ver-todo .boton.botonaccion:hover, .not.ver-todo .smallinput input[type=submit]:hover, .smallinput .not.ver-todo input[type=submit]:hover { color: #ec9229; background-color: transparent; }

div.not .boton, div.not form input[type=submit], form div.not input[type=submit], div.not div#reportepop .boton.botonaccion, div#reportepop div.not .boton.botonaccion, div.not div#reportepop form input.botonaccion[type=submit], div#reportepop form div.not input.botonaccion[type=submit], div.not form div#reportepop input.botonaccion[type=submit], form div#reportepop div.not input.botonaccion[type=submit], div.not .smallinput input[type=submit], .smallinput div.not input[type=submit], div.not form div.bloque_pago input[type=submit].input_cobro.precio_v, form div.bloque_pago div.not input[type=submit].input_cobro.precio_v, div.not div.bloque_pago form input[type=submit].input_cobro.precio_v, div.bloque_pago form div.not input[type=submit].input_cobro.precio_v, div.not form div.bloque_pago input[type=submit].input_cobro.precio_r, form div.bloque_pago div.not input[type=submit].input_cobro.precio_r, div.not div.bloque_pago form input[type=submit].input_cobro.precio_r, div.bloque_pago form div.not input[type=submit].input_cobro.precio_r { position: absolute; bottom: 3px; right: 31px; }

a.boton i.resolver { background-image: url(../images/varios/i-eliminar.png); width: 20px; height: 21px; background-repeat: no-repeat; display: block; background-size: 20px; }

a.boton i.resolver:hover { background-image: url(../images/varios/i-eliminar.png); }

a.boton i.ver { background-image: url(../images/varios/ver.png); width: 20px; height: 21px; background-repeat: no-repeat; display: block; background-size: 20px; }

a.boton i.ver:hover { background-image: url(../images/varios/ver1.png); }

.not { position: relative; border: 1px solid #f6f6f6; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin: 0px auto 0px auto; display: flex; }

.not a.close, .not form input.close[type=submit], form .not input.close[type=submit], .not .close.boton.botonaccion, .not div#reportepop .close.boton.botonaccion, div#reportepop .not .close.boton.botonaccion, .not .smallinput input.close[type=submit], .smallinput .not input.close[type=submit] { position: absolute; right: 8px; top: 4px; font-size: 20px; }

.not a.close:hover, .not form input.close[type=submit]:hover, form .not input.close[type=submit]:hover, .not .close.boton.botonaccion:hover, .not div#reportepop .close.boton.botonaccion:hover, div#reportepop .not .close.boton.botonaccion:hover, .not .smallinput input.close[type=submit]:hover, .smallinput .not input.close[type=submit]:hover { background-color: transparent !important; color: transparent; }

.not span.level { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; float: left; width: 7px; height: 80px; display: block; margin-left: -7px; margin-top: -40px; position: absolute; top: 50%; }

.not span.level.colorNuevos { background: #55AF50; }

.not span.level.colorgreen, .not span.level.colorTrasito, .not span.level.colorFundición { background: #72aa00; }

.not span.level.colored, .not span.level.colorComentario, .not span.level.colorCancelación, .not span.level.colorCuentas { background: #fd8a8a; }

.not span.level.colorblue, .not span.level.colorMonitoreo { background: #1e69de; }

.not span.level.coloryellow, .not span.level.colorMensaje, .not span.level { background: #f1da36; }

.not span.level.olds { opacity: .5; }

@media (max-width: 1024px) { #controlbar { display: none; } }

#controlbar.panel { position: relative; background: none; width: 600px; display: block; }

#controlbar.panel .not { width: 700px; margin: 2px 0; }

#controlbar.panel .not small { margin-right: 10px; }

#controlbar.panel .not p a, #controlbar.panel .not p form input[type=submit], form #controlbar.panel .not p input[type=submit], #controlbar.panel .not p .boton.botonaccion, #controlbar.panel .not p .smallinput input[type=submit], .smallinput #controlbar.panel .not p input[type=submit] { margin: -18px 0 8px 10px; }

#controlbar.panel .not .close { display: none; }

h3.float { float: left; margin: 10px 0; }

.nolinks a, .nolinks form input[type=submit], form .nolinks input[type=submit], .nolinks .boton.botonaccion, .nolinks div#reportepop .boton.botonaccion, div#reportepop .nolinks .boton.botonaccion, .nolinks .smallinput input[type=submit], .smallinput .nolinks input[type=submit], .nolinks form div.bloque_pago input[type=submit].input_cobro.precio_v, form div.bloque_pago .nolinks input[type=submit].input_cobro.precio_v, .nolinks div.bloque_pago form input[type=submit].input_cobro.precio_v, div.bloque_pago form .nolinks input[type=submit].input_cobro.precio_v, .nolinks form div.bloque_pago input[type=submit].input_cobro.precio_r, form div.bloque_pago .nolinks input[type=submit].input_cobro.precio_r, .nolinks div.bloque_pago form input[type=submit].input_cobro.precio_r, div.bloque_pago form .nolinks input[type=submit].input_cobro.precio_r { display: none; filter: opacity(0.5); }

#controlbar.panel .nolinks { filter: opacity(0.8); }

table.datos { margin-top: 30px; }

form p.leyenda, .smallinput p.leyenda { font-size: 12px; line-height: 1.5em; }

.popup { margin-top: -8px; position: absolute; z-index: 9000; background-repeat: no-repeat; background-position: left center; color: #009BC1; }

.lin { position: absolute; z-index: 9000; display: block; }

.mensaje { color: #009BC1; font-size: 11px; font-weight: 400; text-align: left; max-width: 330px; padding: 10px 10px 10px 30px; line-height: 1.5em; border: 1px solid white; background: lightyellow url(../images/normal.png?v3) no-repeat center left; -webkit-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.2); -moz-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.2); box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.2); }

.mensaje ul { padding-left: 18px; }

.mensaje li { padding-top: 7px; background-position: 5px 5px; }

.mensaje.left { margin: 0 9px 0 0; background-position: right center; }

.mensaje.blackmamba { padding: 10px 20px; color: #f0f0f0; border: none; background: black; background: rgba(0, 0, 0, 0.75); border-radius: 4px; }

.mensaje.blackmamba p, .mensaje.blackmamba h3 { color: white !important; }

.mensaje.blackmamba:after { content: ''; width: 0; height: 0; border-top: 10px solid rgba(0, 0, 0, 0.75); border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 50%; bottom: 0; margin-left: -10px; margin-bottom: -10px; }

.mensaje.blackmamba.left { margin-top: -20px; }

.mensaje.blackmamba.left:after { border-right: 7px solid rgba(0, 0, 0, 0.75); border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 0; left: 0; top: 50%; bottom: inherit; margin-top: -17px; margin-left: -7px; margin-bottom: none; }

.mensaje.blackmamba.down:after { content: ''; border-top: none; border-bottom: 10px solid rgba(0, 0, 0, 0.75); border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 50%; top: 0; bottom: inherit; margin-left: -10px; margin-top: -10px; }

.mensaje.blackmamba .ficha h3 { font-size: 14px; }

.mensaje.blackmamba .ficha p { font-size: 1px; }

.popup.left { background-position: right center; }

.nolinks a, .nolinks form input[type=submit], form .nolinks input[type=submit], .nolinks .boton.botonaccion, .nolinks div#reportepop .boton.botonaccion, div#reportepop .nolinks .boton.botonaccion, .nolinks .smallinput input[type=submit], .smallinput .nolinks input[type=submit], .nolinks form div.bloque_pago input[type=submit].input_cobro.precio_v, form div.bloque_pago .nolinks input[type=submit].input_cobro.precio_v, .nolinks div.bloque_pago form input[type=submit].input_cobro.precio_v, div.bloque_pago form .nolinks input[type=submit].input_cobro.precio_v, .nolinks form div.bloque_pago input[type=submit].input_cobro.precio_r, form div.bloque_pago .nolinks input[type=submit].input_cobro.precio_r, .nolinks div.bloque_pago form input[type=submit].input_cobro.precio_r, div.bloque_pago form .nolinks input[type=submit].input_cobro.precio_r { display: none; }

.not span.level { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; float: left; width: 12px; height: 12px; display: block; margin-left: 320px; margin-top: -6px; position: absolute; top: 50%; }

.not span.level.colorNuevos { background: #55AF50; }

.not span.level.green, .not span.level.colorTrasito, .not span.level.colorFundición { background: #72aa00; }

.not span.level.red, .not span.level.colorComentario, .not span.level.colorCancelación, .not span.level.colorCuentas { background: #fd8a8a; }

.not span.level.blue, .not span.level.colorMonitoreo { background: #1e69de; }

.not span.level.yellow, .not span.level.colorMensaje, .not span.level { background: #f1da36; }

.not span.level.olds { opacity: .5; }

div.charts { padding: 20px 20px 40px 20px; margin: 0 1%; width: 91%; height: 200px; float: left; background-color: white; }

div.charts.moreless.closed { max-height: 20px !important; padding: 14px 20px; }

div.charts.moreless.closed .chart-container { display: none; }

div.charts h2 { font-weight: normal; text-transform: uppercase; font-size: 15px; color: gray; padding-bottom: 30px; width: 80%; margin-right: 0 !important; -webkit-margin-after: 0; }

div.charts .chart { width: 100%; height: 100%; display: block; position: relative; float: left; }

div.charts .chart .chart-concepts { float: left; width: 20%; position: absolute; top: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.charts .chart .chart-concepts h2 { padding-bottom: 10px !important; -webkit-margin-after: 0; }

div.charts .chart .chart-concepts .chart-concepts-concept { width: 50%; text-transform: capitalize; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 2px 1% 2px 5%; float: left; font-size: 10px; position: relative; background-color: transparent; }

div.charts .chart .chart-concepts .chart-concepts-concept:after { content: ''; width: 7px; height: 7px; display: block; position: absolute; left: 0; top: 50%; margin-top: -3.5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

div.charts .chart .chart-container { height: 65% !important; width: 80%; float: left; display: block; position: relative; margin-top: 30px; border-bottom: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; }

div.charts .chart .chart-container .chart-element { height: 100%; float: left; display: block; position: relative; margin: 0 1% 0 1%; }

div.charts .chart .chart-container .chart-element .chart-bar { display: block; padding: 0; float: left; position: absolute; bottom: 0; z-index: 3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }

div.charts .chart .chart-container .chart-element .chart-bar .chart-bar-pieza { float: left; width: 100%; display: block; margin: 0 !important; }

div.charts .chart .chart-container .chart-element .chart-bar .chart-bar-topvalue { position: absolute; font-size: 10px; width: 100px; left: 50%; margin-left: -35px; text-align: left; margin-top: -65px; transform: rotate(-65deg); }

div.charts .chart .chart-names { width: 80%; margin: 0; height: 25px; display: block; float: left; border-left: 1px solid transparent; }

div.charts .chart .chart-names .chart-elementname { float: left; text-align: center; margin: 0 1%; font-size: 10.5px; color: #333; text-transform: capitalize; }

div.charts .chart .chart-names .chart-elementname .chart-barname { margin: 0 1%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; font-size: 9px; position: relative !important; }

div.charts .chart .chart-names .chart-elementname .chart-elementname-label { float: left; font-size: 10px; clear: both; width: 100%; text-align: center; display: block; position: relative; font-weight: normal; text-transform: uppercase; }

.bg-1, .chart-concepts-concept.bg-1:after { background-color: rgba(232, 89, 24, 0.9); }

.bg-2, .chart-concepts-concept.bg-2:after { background-color: rgba(232, 175, 24, 0.9); }

.bg-3, .chart-concepts-concept.bg-3:after { background-color: rgba(202, 232, 24, 0.9); }

.bg-4, .chart-concepts-concept.bg-4:after { background-color: rgba(115, 232, 24, 0.9); }

.bg-5, .chart-concepts-concept.bg-5:after { background-color: rgba(29, 232, 24, 0.9); }

.bg-6, .chart-concepts-concept.bg-6:after { background-color: rgba(24, 232, 106, 0.9); }

.bg-7, .chart-concepts-concept.bg-7:after { background-color: rgba(24, 232, 193, 0.9); }

.bg-8, .chart-concepts-concept.bg-8:after { background-color: rgba(24, 185, 232, 0.9); }

.bg-9, .chart-concepts-concept.bg-9:after { background-color: rgba(24, 98, 232, 0.9); }

.bg-10, .chart-concepts-concept.bg-10:after { background-color: rgba(37, 24, 232, 0.9); }

.bg-11, .chart-concepts-concept.bg-11:after { background-color: rgba(123, 24, 232, 0.9); }

.bg-12, .chart-concepts-concept.bg-12:after { background-color: rgba(210, 24, 232, 0.9); }

.bg-13, .chart-concepts-concept.bg-13:after { background-color: rgba(232, 24, 167, 0.9); }

.bg-14, .chart-concepts-concept.bg-14:after { background-color: rgba(232, 24, 81, 0.9); }

.bg-15, .chart-concepts-concept.bg-15:after { background-color: rgba(232, 54, 24, 0.9); }

.bg-16, .chart-concepts-concept.bg-16:after { background-color: rgba(232, 141, 24, 0.9); }

.bg-17, .chart-concepts-concept.bg-17:after { background-color: rgba(232, 227, 24, 0.9); }

.bg-18, .chart-concepts-concept.bg-18:after { background-color: rgba(150, 232, 24, 0.9); }

.bg-19, .chart-concepts-concept.bg-19:after { background-color: rgba(63, 232, 24, 0.9); }

.bg-20, .chart-concepts-concept.bg-20:after { background-color: rgba(24, 232, 71, 0.9); }

.bg-21, .chart-concepts-concept.bg-21:after { background-color: rgba(24, 232, 158, 0.9); }

.bg-22, .chart-concepts-concept.bg-22:after { background-color: rgba(24, 219, 232, 0.9); }

.bg-23, .chart-concepts-concept.bg-23:after { background-color: rgba(24, 133, 232, 0.9); }

.color-1 { color: rgba(232, 89, 24, 0.9); }

.color-2 { color: rgba(232, 175, 24, 0.9); }

.color-3 { color: rgba(202, 232, 24, 0.9); }

.color-4 { color: rgba(115, 232, 24, 0.9); }

.color-5 { color: rgba(29, 232, 24, 0.9); }

.color-6 { color: rgba(24, 232, 106, 0.9); }

.color-7 { color: rgba(24, 232, 193, 0.9); }

.color-8 { color: rgba(24, 185, 232, 0.9); }

.color-9 { color: rgba(24, 98, 232, 0.9); }

.color-10 { color: rgba(37, 24, 232, 0.9); }

.color-11 { color: rgba(123, 24, 232, 0.9); }

.color-12 { color: rgba(210, 24, 232, 0.9); }

.color-13 { color: rgba(232, 24, 167, 0.9); }

.color-14 { color: rgba(232, 24, 81, 0.9); }

.color-15 { color: rgba(232, 54, 24, 0.9); }

.color-16 { color: rgba(232, 141, 24, 0.9); }

.color-17 { color: rgba(232, 227, 24, 0.9); }

.color-18 { color: rgba(150, 232, 24, 0.9); }

.color-19 { color: rgba(63, 232, 24, 0.9); }

.color-20 { color: rgba(24, 232, 71, 0.9); }

.color-21 { color: rgba(24, 232, 158, 0.9); }

.color-22 { color: rgba(24, 219, 232, 0.9); }

.color-23 { color: rgba(24, 133, 232, 0.9); }

#reportepop { position: relative; width: 100%; width: 950px; margin: 10px auto; padding: 0 0 0 0; height: auto; display: block; background-color: transparent; font-size: 11px; }

#reportepop .chori { width: 320px; font-size: 1.3em; }

#reporte { width: 100%; max-width: 950px; margin: 0 0 10px 0; display: block; height: auto; border: none !important; background-color: white; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; }

#reporte div.topright { position: absolute; top: 10px; right: 10px; text-align: right; }

#reporte h1 { font-size: 1.5em; color: black; }

#reporte h2 { font-size: 1.4em; color: black; }

#reporte h3 { font-size: 1.3em; color: #333; }

#reporte h4 { font-size: 1.2em; color: #666; }

#reporte span.fecha { font-size: 1em; color: #666; }

#reporte.contrato { height: 1220px; }

.no-margin { margin: 0; padding: 0; }

#reporte header { height: 100px; width: 100%; display: block; overflow: hidden; background-color: #FFFFFF; top: 0; left: 0; position: relative; }

#reporte header h1 { margin-top: 0; }

#reporte header h1 img { display: inline; vertical-align: middle; width: 140px; margin-top: 0; }

#reporte div.topcenter { position: absolute; width: 35%; top: 0; left: 50%; margin-left: -17.5%; text-align: center; }

#reporte table { font-size: 12px; margin-bottom: 20px; }

#reporte table th { font-size: 1em; background-color: #f0f0f0; padding: 5px !important; letter-spacing: 1px; }

#reporte table td { padding: 5px; }

#reporte table.prendas { float: left; width: 470px !important; }

#reporte table.tasa { float: left; width: 450px !important; }

#reporte table.tasa th { text-align: left; }

table.recibo { position: relative; height: auto; display: inline-block; width: 100%; }

table.datosgenerales { position: relative; height: auto; display: inline-block; width: 100%; border-bottom: 1px solid #f0f0f0; margin-top: 10px; }

table.datosgenerales td { width: 30%; background-color: transparent; text-align: left; width: 20.23%; padding: 5px; }

table.datosgenerales th { text-align: left; background-color: #f0f0f0; padding: 5px !important; width: 13%; letter-spacing: 1px; }

table.datosgenerales tr td, table.datosgenerales tr:nth-child(odd) td { background-color: white !important; }

#reportepop p.botones { position: relative !important; }

span.red { color: red; }

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.2; filter: alpha(opacity=50); }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a, .mfp-preloader form input[type=submit], form .mfp-preloader input[type=submit], .mfp-preloader .boton.botonaccion, .mfp-preloader div#reportepop .boton.botonaccion, div#reportepop .mfp-preloader .boton.botonaccion, .mfp-preloader .smallinput input[type=submit], .smallinput .mfp-preloader input[type=submit], .mfp-preloader form div.bloque_pago input[type=submit].input_cobro.precio_v, form div.bloque_pago .mfp-preloader input[type=submit].input_cobro.precio_v, .mfp-preloader div.bloque_pago form input[type=submit].input_cobro.precio_v, div.bloque_pago form .mfp-preloader input[type=submit].input_cobro.precio_v, .mfp-preloader form div.bloque_pago input[type=submit].input_cobro.precio_r, form div.bloque_pago .mfp-preloader input[type=submit].input_cobro.precio_r, .mfp-preloader div.bloque_pago form input[type=submit].input_cobro.precio_r, div.bloque_pago form .mfp-preloader input[type=submit].input_cobro.precio_r { color: #cccccc; }

.mfp-preloader a:hover, .mfp-preloader form input[type=submit]:hover, form .mfp-preloader input[type=submit]:hover, .mfp-preloader .boton.botonaccion:hover, .mfp-preloader div#reportepop .boton.botonaccion:hover, div#reportepop .mfp-preloader .boton.botonaccion:hover, .mfp-preloader .smallinput input[type=submit]:hover, .smallinput .mfp-preloader input[type=submit]:hover { color: white; }

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }

.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }

.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } }

.mfp-ie7 .mfp-img { padding: 0; }

.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }

.mfp-ie7 .mfp-container { padding: 0; }

.mfp-ie7 .mfp-content { padding-top: 44px; }

.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg, .mfp-zoom .mfp-container, .mfp-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container, .mfp-zoom.mfp-ready .mfp-container { opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg, .mfp-zoom.mfp-ready.mfp-bg { opacity: 0.5; filter: alpha(opacity=50); }

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg, .mfp-zoom.mfp-removing .mfp-container, .mfp-zoom.mfp-removing.mfp-bg { opacity: 0; }

#line-template { display: none; }

table { width: 100%; text-align: center; border-spacing: 0; position: relative; }

table.vertical th { width: 30%; text-align: left; border-bottom: 1px solid white; }

table.secondleft td:nth-child(2), table.secondleft td:nth-child(3) { text-align: left; }

div.table p.info { font-size: 11px !important; margin: 0; font-weight: 400; color: #666; padding: 0 0 0 10px; background: none; }

a.accion img, form input.accion[type=submit] img, .accion.boton.botonaccion img, div#reportepop .accion.boton.botonaccion img, .smallinput input.accion[type=submit] img, form div.bloque_pago input.accion[type=submit].input_cobro.precio_v img, div.bloque_pago form input.accion[type=submit].input_cobro.precio_v img, form div.bloque_pago input.accion[type=submit].input_cobro.precio_r img, div.bloque_pago form input.accion[type=submit].input_cobro.precio_r img { width: 20px; }

span.merged { width: 100%; height: 25px; display: block; background-image: url(../images/merge-g.png); background-position: center left 60%; background-repeat: no-repeat; background-size: 25px; opacity: 0.2; }

table td { border-top: none; padding: 2px; position: relative; }

table td.origen-arrow:after { content: ''; width: 0; height: 0; border-left: 8px solid #666; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; right: 0; z-index: 2; margin-right: -5px; }

table td.merged { background-image: url(../images/merge-g.png); background-position: center left 60%; background-repeat: no-repeat; background-size: 25px; opacity: 0.2; }

table td.merged.entradasysalidasde:before { content: ''; }

table td.merged.entradasysalidasde { padding-left: 0; }

table td.entradasysalidasde:before { content: 'CONCENTRADO DE '; }

table td.entradasysalidasde { padding-left: 30px; }

table th { border-top: none; position: relative; font-weight: 400; font-size: 12px; text-align: center; background-color: rgba(255, 255, 255, 0.3); color: black; padding: 10px 6px; text-transform: uppercase; }

table td { font-size: 11px; font-weight: 400; padding: 4px 2px; color: #666; line-height: 1em; }

table td .edit { padding: 3px 0px 3px 3px; }

table td li.listas { color: #333; list-style: none; text-align: left; }

table td li:nth-child(odd).listas { color: #666; }

table td b { font-size: 1em; font-weight: 700; }

table tr { background-color: rgba(255, 255, 255, 0.03); }

table tr td { background-color: rgba(0, 0, 0, 0.03); }

table tr td:nth-child(odd) { background-color: rgba(0, 0, 0, 0.01); }

table tr:nth-child(odd) { background-color: rgba(29, 29, 27, 0.03); }

table tr.lineadeTotal td { font-size: 12px; border-top: 1px solid #ccc !important; border-bottom: 15px solid white !important; background-color: white; }

table tr.lineadeTotal td.entradasysalidasde:before { content: ''; }

table tr.lineadeTotal.grand td { border-bottom: 25px solid white !important; }

table tr.lineadeTotal.grand td:first-child { border-top: 1px solid transparent !important; }

table.hover tr:hover { background-color: rgba(0, 0, 0, 0.02); }

table.firsten td:first-child { font-weight: bold; }

table.firstright td:first-child { text-align: right; }

tr:hover > td.eliminar > .deathnote { display: block; }

td.eliminar:hover > .deathnote { display: block; }

td.eliminar .deathnote { display: none; position: absolute; right: 0; margin-top: -25px; margin-right: -20px; cursor: pointer; opacity: 0.5; }

td.eliminar .deathnote:hover { opacity: 1; }

table tr.oro td:first-child { border-left: 3px solid gold; }

table tr.plata td:first-child { border-left: 3px solid silver; }

table tr.electronico td:first-child { border-left: 3px solid blue; }

table tr.automovil td:first-child { border-left: 3px solid black; }

span.oro { margin-right: 10px; }

span.oro:before { content: ''; display: inline-block; width: 3px; height: 10px; background-color: gold; }

span.plata { margin-right: 10px; }

span.plata:before { content: ''; display: inline-block; width: 3px; height: 10px; background-color: silver; }

span.electronico { margin-right: 10px; }

span.electronico:before { content: ''; display: inline-block; width: 3px; height: 10px; background-color: blue; }

span.automovil { margin-right: 10px; }

span.automovil:before { content: ''; display: inline-block; width: 3px; height: 10px; background-color: black; }

.dtticons { width: 10px; }

img.edit { width: 20px; }

table td.edit:hover { background-color: #B8DAE8; }

.red, .redred, .green { font-weight: 400; }

p.paginado { text-align: center; color: #999; font-size: 13px; }

p.paginado a, p.paginado form input[type=submit], form p.paginado input[type=submit], p.paginado .boton.botonaccion, p.paginado div#reportepop .boton.botonaccion, div#reportepop p.paginado .boton.botonaccion, p.paginado .smallinput input[type=submit], .smallinput p.paginado input[type=submit], p.paginado form div.bloque_pago input[type=submit].input_cobro.precio_v, form div.bloque_pago p.paginado input[type=submit].input_cobro.precio_v, p.paginado div.bloque_pago form input[type=submit].input_cobro.precio_v, div.bloque_pago form p.paginado input[type=submit].input_cobro.precio_v, p.paginado form div.bloque_pago input[type=submit].input_cobro.precio_r, form div.bloque_pago p.paginado input[type=submit].input_cobro.precio_r, p.paginado div.bloque_pago form input[type=submit].input_cobro.precio_r, div.bloque_pago form p.paginado input[type=submit].input_cobro.precio_r { color: blue; }

table#items { border: none; background: black; background: rgba(0, 0, 0, 0.02); }

table#items th { border: none; text-transform: capitalize; }

table#items td { border: none; border-bottom: 1px solid #E5EAEA; }

table.log tbody td { padding: 3px 2px; font-size: 11px; font-family: 'Helvetica', Arial, sans-serif; }

table.log .fecha { min-width: 130px; }

table.nuevaprenda { background: transparent; }

table.nuevaprenda thead tr th  { background-color: black !important; color: white; text-transform: capitalize; }

table .medida { background-repeat: no-repeat; background-position: left 2px center; background-size: 15px; padding-left: 15px; }

table .kg { background-image: url(../images/tablas/kg.png); }

table .gr { background-image: url(../images/tablas/gr.png); }

table .money { background-image: url(../images/tablas/money.png); text-align: right; }

table .l { background-image: url(../images/tablas/l.png); }

table .ml { background-image: url(../images/tablas/ml.png); }

table .t { background-image: url(../images/tablas/t.png); }

table .pz { background-image: url(../images/tablas/pz.png); }

table .percent { background-image: url(../images/tablas/percent.png); padding-left: 20px; }

table .k { background-image: url(../images/tablas/k.png); }

a.boton.table, form a.boton.table { margin: 1px auto !important; float: inherit !important; display: inline-block; padding: 5px 9px 4px 9px; width: 100%; text-align: center; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; clear: right; }

a.boton.table.green, form a.boton.table.green { border-left: 1px solid #00bd3f; border-top: 1px solid #00bd3f; background-color: #009933 !important; }

a.boton.table.green:hover, form a.boton.table.green:hover { background-color: #00bd3f !important; border-right: 1px solid #007a29; border-bottom: 1px solid #007a29; }

table a.botontabla, table form input.botontabla[type=submit], form table input.botontabla[type=submit], table .botontabla.boton.botonaccion, table div#reportepop .botontabla.boton.botonaccion, div#reportepop table .botontabla.boton.botonaccion, table .smallinput input.botontabla[type=submit], .smallinput table input.botontabla[type=submit], table form div.bloque_pago input.botontabla[type=submit].input_cobro.precio_v, form div.bloque_pago table input.botontabla[type=submit].input_cobro.precio_v, table div.bloque_pago form input.botontabla[type=submit].input_cobro.precio_v, div.bloque_pago form table input.botontabla[type=submit].input_cobro.precio_v, table form div.bloque_pago input.botontabla[type=submit].input_cobro.precio_r, form div.bloque_pago table input.botontabla[type=submit].input_cobro.precio_r, table div.bloque_pago form input.botontabla[type=submit].input_cobro.precio_r, div.bloque_pago form table input.botontabla[type=submit].input_cobro.precio_r { width: 100%; height: 100%; display: block; margin: 1px 0; padding: 4px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a.boton.table.mid { padding: 5px 10px 4px 10px; margin-bottom: 1px; }

.cultyvo-filter { float: right; top: 20px; right: 20px; width: auto; }

input.cultyvo-filter-search, div.bloque_pago input.cultyvo-filter-search.input_cobro.precio_v, div.bloque_pago input.cultyvo-filter-search.input_cobro.precio_r { display: inline-block; width: 200px; height: 26px; padding: 4px; border: 1px solid #f0f0f0; }

input.cultyvo-filter-search:focus, div.bloque_pago input.cultyvo-filter-search.input_cobro.precio_v:focus, div.bloque_pago input.cultyvo-filter-search.input_cobro.precio_r:focus { outline: none; }

.cultyvo-filter-button { padding: 6px 10px; border-radius: 2px; border: none; display: inline-block; color: #fff; text-decoration: none; background-color: lightgray; height: 26px; margin-left: 5px; cursor: pointer; }

.cultyvo-filter-button:hover, .cultyvo-filter-button.active { background-color: red; }

.cultyvo-filter-button:focus { outline: none; }

.cultyvo-filter-sort { color: black; cursor: pointer; border-bottom: 1px solid transparent; border-top: 1px solid transparent; }

.cultyvo-filter-sort:hover { text-decoration: none; border-bottom: 1px solid red; margin-top: -1px; }

.cultyvo-filter-sort:focus { outline: none; }

.cultyvo-filter-sort.asc { border-top: 1px solid lightgray; }

.cultyvo-filter-sort.desc { border-bottom: 1px solid lightgray; }

.cultyvo-filter-sort.asc:after, .cultyvo-filter-sort.desc:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; content: ""; position: absolute; top: 4px; right: 5px; }

.cultyvo-filter-sort:after { display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; content: ""; position: absolute; top: 4px; right: 5px; }

ul.cultyvo-paginacion { display: inline-block; text-align: center; width: 100%; }

ul.cultyvo-paginacion li { list-style: none; display: inline-block; text-align: center; margin: 0 1px; font-size: 11px; }

ul.cultyvo-paginacion li .page { color: lightgray; padding: 3px 6px; background-color: #f9f9f9; }

ul.cultyvo-paginacion li.active a, ul.cultyvo-paginacion li.active form input[type=submit], form ul.cultyvo-paginacion li.active input[type=submit], ul.cultyvo-paginacion li.active .boton.botonaccion, ul.cultyvo-paginacion li.active div#reportepop .boton.botonaccion, div#reportepop ul.cultyvo-paginacion li.active .boton.botonaccion, ul.cultyvo-paginacion li.active .smallinput input[type=submit], .smallinput ul.cultyvo-paginacion li.active input[type=submit], ul.cultyvo-paginacion li .page:hover { font-size: 14px; color: red; }

.saldo { font-size: 13px; color: #333; }

.saldo:first-child { padding-left: 0; }

.saldo b { text-transform: uppercase; font-size: 0.9em; }

.saldo.saldoinicial b { color: #a2d1e7; }

.saldo.ingresos b { color: #1d98d1; }

h3.ingresos { color: #1d98d1; }

.saldo.egresos b, h3.egresos { color: red; }

.saldo.saldoa b, h3.saldoa { color: blue; }

table.trans { background-color: transparent; }

table.trans tr { background-color: transparent; }

table.trans tr th { background-color: #1D1D1B; color: #F6F6F6; padding: 4px; font-weight: lighter; font-size: 11px; text-transform: capitalize; }

table.trans tr th.remover { background-color: transparent; }

table.trans tr td { background-color: transparent; padding: 0; border-right: 1px solid #f0f0f0; }

table.trans tr td input, table.trans tr td div.bloque_pago input.input_cobro.precio_v, div.bloque_pago table.trans tr td input.input_cobro.precio_v, table.trans tr td div.bloque_pago input.input_cobro.precio_r, div.bloque_pago table.trans tr td input.input_cobro.precio_r { text-align: center; }

table.carrito { width: 320px; margin-left: -20px; background-color: transparent; }

table.carrito td { font-size: 11.5px; padding: 10px 2px; }

table.carrito td.resetfolio { cursor: pointer; }

table.onform tr { background-color: transparent; }

table.onform tr th { padding: 7px; }

table.onform tr th.acciones { background-color: transparent; }

table.onform tr td { padding: 3px; }

table tr.red { background-color: rgba(255, 199, 199, 0.5); }

table tr.red:nth-child(odd) { background-color: rgba(255, 174, 174, 0.55); }

table tr.red:nth-child(odd) td { background-color: transparent; background-color: rgba(255, 255, 255, 0.2) !important; }

table tr.red:nth-child(odd) td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.5) !important; }

table tr.green { background-color: rgba(169, 200, 17, 0.3); }

table tr.green:nth-child(odd) { background-color: rgba(155, 186, 5, 0.3); }

table tr.green:nth-child(odd) td { background-color: transparent; }

table tr.green:nth-child(odd) td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.05) !important; }

table tr.blue { background-color: rgba(204, 204, 255, 0.3); }

table tr.blue:nth-child(odd) { background-color: rgba(181, 181, 255, 0.3); }

table tr.blue:nth-child(odd) td { background-color: transparent; }

table tr.blue:nth-child(odd) td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.05) !important; }

table tr.yellow { background-color: #ffffd9; }

table tr.yellow:nth-child(odd) { background-color: rgba(255, 255, 122, 0.3); }

table tr.yellow:nth-child(odd) td { background-color: transparent; }

table tr.yellow:nth-child(odd) td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.05) !important; }

table.vertical th { width: 30%; text-align: left; border-bottom: 1px solid white; }

table tr td.sumar, table tr td.sumarContrato, table tr td.sumarPrenda { color: white; background-color: #ff9494; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }

table tr td.sumar:nth-child(odd), table tr td.sumarContrato:nth-child(odd), table tr td.sumarPrenda:nth-child(odd) { background-color: #ffa3a3; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }

table tr:nth-child(odd) td.sumar { -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }

table tr:nth-child(odd) td.sumar:nth-child(odd) { -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }

#sumatoria { position: fixed; bottom: 10px; right: 8%; z-index: 99999999; }

.sumatoria { float: right; background-color: #00a651; padding: 15px 20px; margin-left: 10px; color: white; -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37); -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37); -ms-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37); box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37); }

table th.acciones { background-color: white; }

table td.acciones { background-color: rgba(255, 255, 255, 0.5); }

/**ESTILO DE IMÁGENES PARA NOTAS**/
.notas-post { width: 23px; height: 23px; display: inline-block; overflow: hidden; background-image: url(../images/note-colorsss.png); background-position: center left; background-repeat: no-repeat; background-size: 184px; }

.notas-post.notas-verde { background-position: center left -23px; }

.notas-post.notas-naranja { background-position: center left -46px; }

.notas-post.notas-azul { background-position: center left -69px; }

.notas-post.notas-rosa { background-position: center left -92px; }

.notas-post.notas-roja, .notas-post.notas-rojo { background-position: center left -115px; }

.notas-post.notas-cafe, .notas-post.notas-negro { background-position: center left -138px; }

.notas-post.notas-negro { background-position: center left -161px; }

a.bigadd, form input.bigadd[type=submit], .bigadd.boton.botonaccion, div#reportepop .bigadd.boton.botonaccion, .smallinput input.bigadd[type=submit], form div.bloque_pago input.bigadd[type=submit].input_cobro.precio_v, div.bloque_pago form input.bigadd[type=submit].input_cobro.precio_v, form div.bloque_pago input.bigadd[type=submit].input_cobro.precio_r, div.bloque_pago form input.bigadd[type=submit].input_cobro.precio_r, .botonbigadd { width: 160px; height: 34px; padding-right: 50px; padding-top: 4px; background: url(../images/bigadd.png) no-repeat top right; display: block; text-align: right; line-height: 2em; color: white; opacity: .3; float: right; margin-top: 20px; font-size: 14px; cursor: pointer; }

#panel ul { list-style: none; width: 100%; clear: both; }

#panel ul:nth-child(2) li .boton, #panel ul:nth-child(2) li form input[type=submit], form #panel ul:nth-child(2) li input[type=submit], #panel ul:nth-child(2) li .smallinput input[type=submit], .smallinput #panel ul:nth-child(2) li input[type=submit] { background-color: rgba(0, 166, 81, 0.8); }

#panel ul li { width: 15%; float: left; height: 60px; display: block; margin: 3px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#panel ul li .boton, #panel ul li form input[type=submit], form #panel ul li input[type=submit], #panel ul li .smallinput input[type=submit], .smallinput #panel ul li input[type=submit] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer !important; margin: 0; width: 100%; height: 100%; font-size: 14px; font-weight: 100; text-transform: capitalize; line-height: 2.6em; text-align: center; }

.break { page-break-after: always; }

.reciboChori { -webkit-print-color-adjust: exact; background-color: transparent; }

.reciboChori table { margin: 10px 0; font-weight: normal; color: red; background-color: transparent !important; border-spacing: 0; }

.reciboChori table tr { border-spacing: 0; background-color: transparent !important; }

.reciboChori table tr th { border-spacing: 0; padding: 0; letter-spacing: inherit; }

.reciboChori table tr td { border-spacing: 0; padding: 0; color: black; font-size: 12px !important; }

.reciboChori table tr.white td { text-align: right; padding-right: 0; font-weight: normal; background-color: transparent !important; font-size: 12px !important; color: black !important; }

.reciboChori table tr.white th { padding: 0; text-align: left; }

.reciboChori table.comprobante { font-weight: normal; font-size: 12px; text-transform: uppercase; text-align: left; background-color: transparent !important; border: none; }

.reciboChori table.comprobante tr, .reciboChori table.comprobante td, .reciboChori table.comprobante th { margin: 0; border: none; letter-spacing: inherit; padding: 0; font-size: 12px; font-weight: normal; }

.reciboChori table.comprobante tr th:first-child { width: 170px; text-align: left; }

.reciboChori h3 { font-size: 1.1em; color: black; text-align: center; }

.reciboChori h3.comprobante { color: black; text-align: center; text-transform: uppercase; font-size: 1.2em; padding: 3px 2px 2px 2px; border-top: 1px dashed black; border-bottom: 1px dashed black; margin-bottom: 10px; background-color: transparent !important; }

.reciboChori p { font-weight: normal; color: black; background-color: transparent !important; }

.reciboChori p b { color: black; }

.reciboChori p.sucursaltop { text-transform: uppercase; text-align: center; font-size: 11px; width: 90%; margin: 0 auto; }

.reciboChori p.comprobante { font-weight: normal; font-size: 11px; text-transform: uppercase; text-align: left; background-color: transparent !important; }

.reciboChori p.comprobante b { color: black; }

.reciboChori p.small { font-size: 11px; }

.reciboChori p.cancelado { position: absolute; top: 50%; left: 0; color: rgba(255, 0, 0, 0.4); font-size: 50px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 4px solid rgba(255, 0, 0, 0.4); }

.aleft { text-align: left; padding-left: 5px; }

.aright { text-align: right; padding-right: 5px; }

.acenter { text-align: center; }

.justify { text-align: justify; padding-justify: 5px; }

.capitalize { text-transform: capitalize; }

.w100, .contenedor, form .bloqueform, form.basico .bloqueform, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .reciboChori, form.basico.left, .smallinput .bloqueform, .basico.smallinput .bloqueform, .basico.left.smallinput, form.smallinput .bloqueform, form.left.smallinput, .scanner .interface, table th, table td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

span.saldo.indicador { background-color: #00a651 !important; }

.cultyvo-filter .buscadorNew { width: 200px; height: 26px; padding: 4px; border: 1px solid #f0f0f0; }

.navScroll { width: 100px; height: 100vh; display: block; position: fixed; right: 0px; top: 0px; z-index: 1; }

.navScroll .containerArrows { width: 100%; height: 100vh; display: flex; flex-direction: column; justify-content: space-around; align-items: center; }

.navScroll .containerArrows span { background-color: #FF983C; width: 50px; height: 50px; border-radius: 50px; display: flex; align-items: center; align-content: center; justify-content: center; margin: 10% 0%; cursor: pointer; }

.navScroll .containerArrows span > a, .navScroll .containerArrows form span > input[type=submit], form .navScroll .containerArrows span > input[type=submit], .navScroll .containerArrows span > .boton.botonaccion, .navScroll .containerArrows div#reportepop form span > input.boton.botonaccion[type=submit], .navScroll .containerArrows div#reportepop span > .boton.botonaccion, div#reportepop .navScroll .containerArrows span > .boton.botonaccion, .navScroll .containerArrows .smallinput span > input[type=submit], .smallinput .navScroll .containerArrows span > input[type=submit], .navScroll .containerArrows form div.bloque_pago span > input[type=submit].input_cobro.precio_v, .navScroll .containerArrows form div.bloque_pago span > input[type=submit].input_cobro.precio_r { transform: rotate(270deg); filter: brightness(0) invert(1); }

.fixedSumatorias { background-color: #0CB860; border-top-left-radius: 25px; border-top-right-radius: 25px; box-shadow: 0px 0px 5px 2px #4d4d4d3C; height: 110px; width: 100%; display: block; position: fixed; bottom: 0px; left: 0px; }

.fixedSumatorias .containerChecks { width: 50%; float: left; padding: 2% 0% 0% 2%; display: flex; justify-content: flex-start; align-items: center; align-content: center; }

.fixedSumatorias .containerChecks div.radiobox { float: left; position: relative; width: auto !important; display: block; height: auto; margin: 0px 0px 0px 12px; }

.fixedSumatorias .containerChecks div.radiobox label.radio { display: block; width: auto; height: 35px; padding: 0px 15px 0px 35px; margin: 3px 0px; float: left; font-size: 15px; text-align: center; font-weight: bold; clear: left; position: relative; color: #4D4D4D; background-color: #CEE3FB; border-radius: 3px; line-height: 2.6em; }

.fixedSumatorias .containerChecks div.radiobox input[type='radio'] { display: none; }

.fixedSumatorias .containerChecks div.radiobox span { width: 20px; height: 20px; display: block; position: absolute; margin: 0 auto; background-color: #FFFFFF; left: 7px; top: 7px; z-index: 1; border: 1px solid #4D4D4D; padding: 0; border-radius: 0px; }

.fixedSumatorias .containerChecks div.radiobox.activo span { background-size: 20px !important; background-image: url(../images/good.png); background-repeat: no-repeat; background-color: #FFFFFF; background-position: center center !important; }

form#seleccion div.table.seleccion, #seleccion.smallinput div.table.seleccion { margin-bottom: 10%; }