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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

.b-fac-1 { background-image: url(../images/iconos/botonesfac.png); background-repeat: no-repeat; background-size: 340px; 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_fac { background-position: -20px -0px; }

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

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

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

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

.b-fac-1.check_fac.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.bajar_xml { background-position: -120px -0px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b-fac-2 { background-image: url(../images/iconos/botonesfac.png); background-repeat: no-repeat; background-size: 510px; 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_fac { background-position: -30px -0px; }

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

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

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

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

.b-fac-2.check_fac.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.bajar_xml { background-position: -180px -0px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btnew-1.cuadro-ir { background-position: 0px -0px; }

.btnew-1.cuadro-ir.hover:hover { cursor: pointer; background-position: 0px -20px; }

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

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

.btnew-1.anterior-naranja { background-position: -40px -0px; }

.btnew-1.anterior-naranja.hover:hover { cursor: pointer; background-position: -40px -20px; }

.btnew-1.siguiente-naranja { background-position: -60px -0px; }

.btnew-1.siguiente-naranja.hover:hover { cursor: pointer; background-position: -60px -20px; }

.btnew-1.plus-naranja { background-position: -80px -0px; }

.btnew-1.plus-naranja.hover:hover { cursor: pointer; background-position: -80px -20px; }

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

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

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

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

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

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

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

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

.btnew-1.buscar { background-position: -180px -0px; }

.btnew-1.buscar.hover:hover { cursor: pointer; background-position: -180px -20px; }

.btnew-1.flecha-der { background-position: -200px -0px; }

.btnew-1.flecha-der.hover:hover { cursor: pointer; background-position: -200px -20px; }

.btnew-1.flecha-izq { background-position: -220px -0px; }

.btnew-1.flecha-izq.hover:hover { cursor: pointer; background-position: -220px -20px; }

.btnew-1.reloj { background-position: -240px -0px; }

.btnew-1.reloj.hover:hover { cursor: pointer; background-position: -240px -20px; }

.btnew-1.clip-naranja { background-position: -260px -0px; }

.btnew-1.clip-naranja.hover:hover { cursor: pointer; background-position: -260px -20px; }

.btnew-1.impresora { background-position: -280px -0px; }

.btnew-1.impresora.hover:hover { cursor: pointer; background-position: -280px -20px; }

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

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

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

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

.btnew-1.derecha-naranja { background-position: -340px -0px; }

.btnew-1.derecha-naranja.hover:hover { cursor: pointer; background-position: -340px -20px; }

.btnew-1.izquierda-naranja { background-position: -360px -0px; }

.btnew-1.izquierda-naranja.hover:hover { cursor: pointer; background-position: -360px -20px; }

.btnew-1.izquierda-naranja2 { background-position: -380px -0px; }

.btnew-1.izquierda-naranja2.hover:hover { cursor: pointer; background-position: -380px -20px; }

.btnew-1.abajo { background-position: -400px -0px; }

.btnew-1.abajo.hover:hover { cursor: pointer; background-position: -400px -20px; }

.btnew-1.doc-ren { background-position: -420px -0px; }

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

.btnew-1.doc-pro { background-position: -440px -0px; }

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

.btnew-1.doc-ori { background-position: -460px -0px; }

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

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

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

.btnew-1.enviar-mail { background-position: -500px -0px; }

.btnew-1.enviar-mail.hover:hover { cursor: pointer; background-position: -500px -20px; }

.btnew-1.enviar-datos { background-position: -520px -0px; }

.btnew-1.enviar-datos.hover:hover { cursor: pointer; background-position: -520px -20px; }

.btnew-1.reloj-naranja { background-position: -540px -0px; }

.btnew-1.reloj-naranja.hover:hover { cursor: pointer; background-position: -540px -20px; }

.btnew-1.dato-good { background-position: -560px -0px; }

.btnew-1.dato-good.hover:hover { cursor: pointer; background-position: -560px -20px; }

.btnew-1.doc-good { background-position: -580px -0px; }

.btnew-1.doc-good.hover:hover { cursor: pointer; background-position: -580px -20px; }

.btnew-1.recibo-good { background-position: -600px -0px; }

.btnew-1.recibo-good.hover:hover { cursor: pointer; background-position: -600px -20px; }

.btnew-1.datos-bajar { background-position: -620px -0px; }

.btnew-1.datos-bajar.hover:hover { cursor: pointer; background-position: -620px -20px; }

.btnew-1.datos-subir { background-position: -640px -0px; }

.btnew-1.datos-subir.hover:hover { cursor: pointer; background-position: -640px -20px; }

.btnew-1.graf-estadistica { background-position: -660px -0px; }

.btnew-1.graf-estadistica.hover:hover { cursor: pointer; background-position: -660px -20px; }

.btnew-1.palomita-naranja { background-position: -680px -0px; }

.btnew-1.palomita-naranja.hover:hover { cursor: pointer; background-position: -680px -20px; }

.btnew-1.doc-atualizar { background-position: -700px -0px; }

.btnew-1.doc-atualizar.hover:hover { cursor: pointer; background-position: -700px -20px; }

.btnew-1.cuadro-ir-gris { background-position: 0px -20px; }

.btnew-1.cuadro-ir-gris.hover:hover { cursor: pointer; background-position: 0px -20px; }

.btnew-1.actualizar-verde-gris { background-position: -20px -20px; }

.btnew-1.actualizar-verde-gris.hover:hover { cursor: pointer; background-position: -20px -20px; }

.btnew-1.anterior-naranja-gris { background-position: -40px -20px; }

.btnew-1.anterior-naranja-gris.hover:hover { cursor: pointer; background-position: -40px -20px; }

.btnew-1.siguiente-naranja-gris { background-position: -60px -20px; }

.btnew-1.siguiente-naranja-gris.hover:hover { cursor: pointer; background-position: -60px -20px; }

.btnew-1.plus-naranja-gris { background-position: -80px -20px; }

.btnew-1.plus-naranja-gris.hover:hover { cursor: pointer; background-position: -80px -20px; }

.btnew-1.cerrar-naranja-gris { background-position: -100px -20px; }

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

.btnew-1.borrar-gris { background-position: -120px -20px; }

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

.btnew-1.ver-gris { background-position: -140px -20px; }

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

.btnew-1.editar-gris { background-position: -160px -20px; }

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

.btnew-1.buscar-gris { background-position: -180px -20px; }

.btnew-1.buscar-gris.hover:hover { cursor: pointer; background-position: -180px -20px; }

.btnew-1.flecha-der-gris { background-position: -200px -20px; }

.btnew-1.flecha-der-gris.hover:hover { cursor: pointer; background-position: -200px -20px; }

.btnew-1.flecha-izq-gris { background-position: -220px -20px; }

.btnew-1.flecha-izq-gris.hover:hover { cursor: pointer; background-position: -220px -20px; }

.btnew-1.reloj-gris { background-position: -240px -20px; }

.btnew-1.reloj-gris.hover:hover { cursor: pointer; background-position: -240px -20px; }

.btnew-1.clip-naranja-gris { background-position: -260px -20px; }

.btnew-1.clip-naranja-gris.hover:hover { cursor: pointer; background-position: -260px -20px; }

.btnew-1.impresora-gris { background-position: -280px -20px; }

.btnew-1.impresora-gris.hover:hover { cursor: pointer; background-position: -280px -20px; }

.btnew-1.doc-subir-gris { background-position: -300px -20px; }

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

.btnew-1.descargar-naranja-gris { background-position: -320px -20px; }

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

.btnew-1.derecha-naranja-gris { background-position: -340px -20px; }

.btnew-1.derecha-naranja-gris.hover:hover { cursor: pointer; background-position: -340px -20px; }

.btnew-1.izquierda-naranja-gris { background-position: -360px -20px; }

.btnew-1.izquierda-naranja-gris.hover:hover { cursor: pointer; background-position: -360px -20px; }

.btnew-1.izquierda-naranja2-gris { background-position: -380px -20px; }

.btnew-1.izquierda-naranja2-gris.hover:hover { cursor: pointer; background-position: -380px -20px; }

.btnew-1.abajo-gris { background-position: -400px -20px; }

.btnew-1.abajo-gris.hover:hover { cursor: pointer; background-position: -400px -20px; }

.btnew-1.doc-ren-gris { background-position: -420px -20px; }

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

.btnew-1.doc-pro-gris { background-position: -440px -20px; }

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

.btnew-1.doc-ori-gris { background-position: -460px -20px; }

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

.btnew-1.doc-pdf-gris { background-position: -480px -20px; }

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

.btnew-1.enviar-mail-gris { background-position: -500px -20px; }

.btnew-1.enviar-mail-gris.hover:hover { cursor: pointer; background-position: -500px -20px; }

.btnew-1.enviar-datos-gris { background-position: -520px -20px; }

.btnew-1.enviar-datos-gris.hover:hover { cursor: pointer; background-position: -520px -20px; }

.btnew-1.reloj-naranja-gris { background-position: -540px -20px; }

.btnew-1.reloj-naranja-gris.hover:hover { cursor: pointer; background-position: -540px -20px; }

.btnew-1.dato-good-gris { background-position: -560px -20px; }

.btnew-1.dato-good-gris.hover:hover { cursor: pointer; background-position: -560px -20px; }

.btnew-1.doc-good-gris { background-position: -580px -20px; }

.btnew-1.doc-good-gris.hover:hover { cursor: pointer; background-position: -580px -20px; }

.btnew-1.recibo-good-gris { background-position: -600px -20px; }

.btnew-1.recibo-good-gris.hover:hover { cursor: pointer; background-position: -600px -20px; }

.btnew-1.datos-bajar-gris { background-position: -620px -20px; }

.btnew-1.datos-bajar-gris.hover:hover { cursor: pointer; background-position: -620px -20px; }

.btnew-1.datos-subir-gris { background-position: -640px -20px; }

.btnew-1.datos-subir-gris.hover:hover { cursor: pointer; background-position: -640px -20px; }

.btnew-1.graf-estadistica-gris { background-position: -660px -20px; }

.btnew-1.graf-estadistica-gris.hover:hover { cursor: pointer; background-position: -660px -20px; }

.btnew-1.palomita-naranja-gris { background-position: -680px -20px; }

.btnew-1.palomita-naranja-gris.hover:hover { cursor: pointer; background-position: -680px -20px; }

.btnew-1.doc-atualizar-gris { background-position: -700px -20px; }

.btnew-1.doc-atualizar-gris.hover:hover { cursor: pointer; background-position: -700px -20px; }

.btnew-2 { background-image: url(../images/iconos/botones200.png); background-repeat: no-repeat; background-size: 1260px; width: 35px; height: 35px; display: block; }

.btnew-2.cuadro-ir { background-position: 0px -0px; }

.btnew-2.cuadro-ir.hover:hover { cursor: pointer; background-position: 0px -35px; }

.btnew-2.actualizar-verde { background-position: -35px -0px; }

.btnew-2.actualizar-verde.hover:hover { cursor: pointer; background-position: -35px -35px; }

.btnew-2.anterior-naranja { background-position: -70px -0px; }

.btnew-2.anterior-naranja.hover:hover { cursor: pointer; background-position: -70px -35px; }

.btnew-2.siguiente-naranja { background-position: -105px -0px; }

.btnew-2.siguiente-naranja.hover:hover { cursor: pointer; background-position: -105px -35px; }

.btnew-2.plus-naranja { background-position: -140px -0px; }

.btnew-2.plus-naranja.hover:hover { cursor: pointer; background-position: -140px -35px; }

.btnew-2.cerrar-naranja { background-position: -175px -0px; }

.btnew-2.cerrar-naranja.hover:hover { cursor: pointer; background-position: -175px -35px; }

.btnew-2.borrar { background-position: -210px -0px; }

.btnew-2.borrar.hover:hover { cursor: pointer; background-position: -210px -35px; }

.btnew-2.ver { background-position: -245px -0px; }

.btnew-2.ver.hover:hover { cursor: pointer; background-position: -245px -35px; }

.btnew-2.editar { background-position: -280px -0px; }

.btnew-2.editar.hover:hover { cursor: pointer; background-position: -280px -35px; }

.btnew-2.buscar { background-position: -315px -0px; }

.btnew-2.buscar.hover:hover { cursor: pointer; background-position: -315px -35px; }

.btnew-2.flecha-der { background-position: -350px -0px; }

.btnew-2.flecha-der.hover:hover { cursor: pointer; background-position: -350px -35px; }

.btnew-2.flecha-izq { background-position: -385px -0px; }

.btnew-2.flecha-izq.hover:hover { cursor: pointer; background-position: -385px -35px; }

.btnew-2.reloj { background-position: -420px -0px; }

.btnew-2.reloj.hover:hover { cursor: pointer; background-position: -420px -35px; }

.btnew-2.clip-naranja { background-position: -455px -0px; }

.btnew-2.clip-naranja.hover:hover { cursor: pointer; background-position: -455px -35px; }

.btnew-2.impresora { background-position: -490px -0px; }

.btnew-2.impresora.hover:hover { cursor: pointer; background-position: -490px -35px; }

.btnew-2.doc-subir { background-position: -525px -0px; }

.btnew-2.doc-subir.hover:hover { cursor: pointer; background-position: -525px -35px; }

.btnew-2.descargar-naranja { background-position: -560px -0px; }

.btnew-2.descargar-naranja.hover:hover { cursor: pointer; background-position: -560px -35px; }

.btnew-2.derecha-naranja { background-position: -595px -0px; }

.btnew-2.derecha-naranja.hover:hover { cursor: pointer; background-position: -595px -35px; }

.btnew-2.izquierda-naranja { background-position: -630px -0px; }

.btnew-2.izquierda-naranja.hover:hover { cursor: pointer; background-position: -630px -35px; }

.btnew-2.izquierda-naranja2 { background-position: -665px -0px; }

.btnew-2.izquierda-naranja2.hover:hover { cursor: pointer; background-position: -665px -35px; }

.btnew-2.abajo { background-position: -700px -0px; }

.btnew-2.abajo.hover:hover { cursor: pointer; background-position: -700px -35px; }

.btnew-2.doc-ren { background-position: -735px -0px; }

.btnew-2.doc-ren.hover:hover { cursor: pointer; background-position: -735px -35px; }

.btnew-2.doc-pro { background-position: -770px -0px; }

.btnew-2.doc-pro.hover:hover { cursor: pointer; background-position: -770px -35px; }

.btnew-2.doc-ori { background-position: -805px -0px; }

.btnew-2.doc-ori.hover:hover { cursor: pointer; background-position: -805px -35px; }

.btnew-2.doc-pdf { background-position: -840px -0px; }

.btnew-2.doc-pdf.hover:hover { cursor: pointer; background-position: -840px -35px; }

.btnew-2.enviar-mail { background-position: -875px -0px; }

.btnew-2.enviar-mail.hover:hover { cursor: pointer; background-position: -875px -35px; }

.btnew-2.enviar-datos { background-position: -910px -0px; }

.btnew-2.enviar-datos.hover:hover { cursor: pointer; background-position: -910px -35px; }

.btnew-2.reloj-naranja { background-position: -945px -0px; }

.btnew-2.reloj-naranja.hover:hover { cursor: pointer; background-position: -945px -35px; }

.btnew-2.dato-good { background-position: -980px -0px; }

.btnew-2.dato-good.hover:hover { cursor: pointer; background-position: -980px -35px; }

.btnew-2.doc-good { background-position: -1015px -0px; }

.btnew-2.doc-good.hover:hover { cursor: pointer; background-position: -1015px -35px; }

.btnew-2.recibo-good { background-position: -1050px -0px; }

.btnew-2.recibo-good.hover:hover { cursor: pointer; background-position: -1050px -35px; }

.btnew-2.datos-bajar { background-position: -1085px -0px; }

.btnew-2.datos-bajar.hover:hover { cursor: pointer; background-position: -1085px -35px; }

.btnew-2.datos-subir { background-position: -1120px -0px; }

.btnew-2.datos-subir.hover:hover { cursor: pointer; background-position: -1120px -35px; }

.btnew-2.graf-estadistica { background-position: -1155px -0px; }

.btnew-2.graf-estadistica.hover:hover { cursor: pointer; background-position: -1155px -35px; }

.btnew-2.palomita-naranja { background-position: -1190px -0px; }

.btnew-2.palomita-naranja.hover:hover { cursor: pointer; background-position: -1190px -35px; }

.btnew-2.doc-atualizar { background-position: -1225px -0px; }

.btnew-2.doc-atualizar.hover:hover { cursor: pointer; background-position: -1225px -35px; }

.btnew-2.cuadro-ir-gris { background-position: 0px -35px; }

.btnew-2.cuadro-ir-gris.hover:hover { cursor: pointer; background-position: 0px -35px; }

.btnew-2.actualizar-verde-gris { background-position: -35px -35px; }

.btnew-2.actualizar-verde-gris.hover:hover { cursor: pointer; background-position: -35px -35px; }

.btnew-2.anterior-naranja-gris { background-position: -70px -35px; }

.btnew-2.anterior-naranja-gris.hover:hover { cursor: pointer; background-position: -70px -35px; }

.btnew-2.siguiente-naranja-gris { background-position: -105px -35px; }

.btnew-2.siguiente-naranja-gris.hover:hover { cursor: pointer; background-position: -105px -35px; }

.btnew-2.plus-naranja-gris { background-position: -140px -35px; }

.btnew-2.plus-naranja-gris.hover:hover { cursor: pointer; background-position: -140px -35px; }

.btnew-2.cerrar-naranja-gris { background-position: -175px -35px; }

.btnew-2.cerrar-naranja-gris.hover:hover { cursor: pointer; background-position: -175px -35px; }

.btnew-2.borrar-gris { background-position: -210px -35px; }

.btnew-2.borrar-gris.hover:hover { cursor: pointer; background-position: -210px -35px; }

.btnew-2.ver-gris { background-position: -245px -35px; }

.btnew-2.ver-gris.hover:hover { cursor: pointer; background-position: -245px -35px; }

.btnew-2.editar-gris { background-position: -280px -35px; }

.btnew-2.editar-gris.hover:hover { cursor: pointer; background-position: -280px -35px; }

.btnew-2.buscar-gris { background-position: -315px -35px; }

.btnew-2.buscar-gris.hover:hover { cursor: pointer; background-position: -315px -35px; }

.btnew-2.flecha-der-gris { background-position: -350px -35px; }

.btnew-2.flecha-der-gris.hover:hover { cursor: pointer; background-position: -350px -35px; }

.btnew-2.flecha-izq-gris { background-position: -385px -35px; }

.btnew-2.flecha-izq-gris.hover:hover { cursor: pointer; background-position: -385px -35px; }

.btnew-2.reloj-gris { background-position: -420px -35px; }

.btnew-2.reloj-gris.hover:hover { cursor: pointer; background-position: -420px -35px; }

.btnew-2.clip-naranja-gris { background-position: -455px -35px; }

.btnew-2.clip-naranja-gris.hover:hover { cursor: pointer; background-position: -455px -35px; }

.btnew-2.impresora-gris { background-position: -490px -35px; }

.btnew-2.impresora-gris.hover:hover { cursor: pointer; background-position: -490px -35px; }

.btnew-2.doc-subir-gris { background-position: -525px -35px; }

.btnew-2.doc-subir-gris.hover:hover { cursor: pointer; background-position: -525px -35px; }

.btnew-2.descargar-naranja-gris { background-position: -560px -35px; }

.btnew-2.descargar-naranja-gris.hover:hover { cursor: pointer; background-position: -560px -35px; }

.btnew-2.derecha-naranja-gris { background-position: -595px -35px; }

.btnew-2.derecha-naranja-gris.hover:hover { cursor: pointer; background-position: -595px -35px; }

.btnew-2.izquierda-naranja-gris { background-position: -630px -35px; }

.btnew-2.izquierda-naranja-gris.hover:hover { cursor: pointer; background-position: -630px -35px; }

.btnew-2.izquierda-naranja2-gris { background-position: -665px -35px; }

.btnew-2.izquierda-naranja2-gris.hover:hover { cursor: pointer; background-position: -665px -35px; }

.btnew-2.abajo-gris { background-position: -700px -35px; }

.btnew-2.abajo-gris.hover:hover { cursor: pointer; background-position: -700px -35px; }

.btnew-2.doc-ren-gris { background-position: -735px -35px; }

.btnew-2.doc-ren-gris.hover:hover { cursor: pointer; background-position: -735px -35px; }

.btnew-2.doc-pro-gris { background-position: -770px -35px; }

.btnew-2.doc-pro-gris.hover:hover { cursor: pointer; background-position: -770px -35px; }

.btnew-2.doc-ori-gris { background-position: -805px -35px; }

.btnew-2.doc-ori-gris.hover:hover { cursor: pointer; background-position: -805px -35px; }

.btnew-2.doc-pdf-gris { background-position: -840px -35px; }

.btnew-2.doc-pdf-gris.hover:hover { cursor: pointer; background-position: -840px -35px; }

.btnew-2.enviar-mail-gris { background-position: -875px -35px; }

.btnew-2.enviar-mail-gris.hover:hover { cursor: pointer; background-position: -875px -35px; }

.btnew-2.enviar-datos-gris { background-position: -910px -35px; }

.btnew-2.enviar-datos-gris.hover:hover { cursor: pointer; background-position: -910px -35px; }

.btnew-2.reloj-naranja-gris { background-position: -945px -35px; }

.btnew-2.reloj-naranja-gris.hover:hover { cursor: pointer; background-position: -945px -35px; }

.btnew-2.dato-good-gris { background-position: -980px -35px; }

.btnew-2.dato-good-gris.hover:hover { cursor: pointer; background-position: -980px -35px; }

.btnew-2.doc-good-gris { background-position: -1015px -35px; }

.btnew-2.doc-good-gris.hover:hover { cursor: pointer; background-position: -1015px -35px; }

.btnew-2.recibo-good-gris { background-position: -1050px -35px; }

.btnew-2.recibo-good-gris.hover:hover { cursor: pointer; background-position: -1050px -35px; }

.btnew-2.datos-bajar-gris { background-position: -1085px -35px; }

.btnew-2.datos-bajar-gris.hover:hover { cursor: pointer; background-position: -1085px -35px; }

.btnew-2.datos-subir-gris { background-position: -1120px -35px; }

.btnew-2.datos-subir-gris.hover:hover { cursor: pointer; background-position: -1120px -35px; }

.btnew-2.graf-estadistica-gris { background-position: -1155px -35px; }

.btnew-2.graf-estadistica-gris.hover:hover { cursor: pointer; background-position: -1155px -35px; }

.btnew-2.palomita-naranja-gris { background-position: -1190px -35px; }

.btnew-2.palomita-naranja-gris.hover:hover { cursor: pointer; background-position: -1190px -35px; }

.btnew-2.doc-atualizar-gris { background-position: -1225px -35px; }

.btnew-2.doc-atualizar-gris.hover:hover { cursor: pointer; background-position: -1225px -35px; }

.btnew-3 { background-image: url(../images/iconos/botones200.png); background-repeat: no-repeat; background-size: 900px; width: 25px; height: 25px; display: block; }

.btnew-3.cuadro-ir { background-position: 0px -0px; }

.btnew-3.cuadro-ir.hover:hover { cursor: pointer; background-position: 0px -25px; }

.btnew-3.actualizar-verde { background-position: -25px -0px; }

.btnew-3.actualizar-verde.hover:hover { cursor: pointer; background-position: -25px -25px; }

.btnew-3.anterior-naranja { background-position: -50px -0px; }

.btnew-3.anterior-naranja.hover:hover { cursor: pointer; background-position: -50px -25px; }

.btnew-3.siguiente-naranja { background-position: -75px -0px; }

.btnew-3.siguiente-naranja.hover:hover { cursor: pointer; background-position: -75px -25px; }

.btnew-3.plus-naranja { background-position: -100px -0px; }

.btnew-3.plus-naranja.hover:hover { cursor: pointer; background-position: -100px -25px; }

.btnew-3.cerrar-naranja { background-position: -125px -0px; }

.btnew-3.cerrar-naranja.hover:hover { cursor: pointer; background-position: -125px -25px; }

.btnew-3.borrar { background-position: -150px -0px; }

.btnew-3.borrar.hover:hover { cursor: pointer; background-position: -150px -25px; }

.btnew-3.ver { background-position: -175px -0px; }

.btnew-3.ver.hover:hover { cursor: pointer; background-position: -175px -25px; }

.btnew-3.editar { background-position: -200px -0px; }

.btnew-3.editar.hover:hover { cursor: pointer; background-position: -200px -25px; }

.btnew-3.buscar { background-position: -225px -0px; }

.btnew-3.buscar.hover:hover { cursor: pointer; background-position: -225px -25px; }

.btnew-3.flecha-der { background-position: -250px -0px; }

.btnew-3.flecha-der.hover:hover { cursor: pointer; background-position: -250px -25px; }

.btnew-3.flecha-izq { background-position: -275px -0px; }

.btnew-3.flecha-izq.hover:hover { cursor: pointer; background-position: -275px -25px; }

.btnew-3.reloj { background-position: -300px -0px; }

.btnew-3.reloj.hover:hover { cursor: pointer; background-position: -300px -25px; }

.btnew-3.clip-naranja { background-position: -325px -0px; }

.btnew-3.clip-naranja.hover:hover { cursor: pointer; background-position: -325px -25px; }

.btnew-3.impresora { background-position: -350px -0px; }

.btnew-3.impresora.hover:hover { cursor: pointer; background-position: -350px -25px; }

.btnew-3.doc-subir { background-position: -375px -0px; }

.btnew-3.doc-subir.hover:hover { cursor: pointer; background-position: -375px -25px; }

.btnew-3.descargar-naranja { background-position: -400px -0px; }

.btnew-3.descargar-naranja.hover:hover { cursor: pointer; background-position: -400px -25px; }

.btnew-3.derecha-naranja { background-position: -425px -0px; }

.btnew-3.derecha-naranja.hover:hover { cursor: pointer; background-position: -425px -25px; }

.btnew-3.izquierda-naranja { background-position: -450px -0px; }

.btnew-3.izquierda-naranja.hover:hover { cursor: pointer; background-position: -450px -25px; }

.btnew-3.izquierda-naranja2 { background-position: -475px -0px; }

.btnew-3.izquierda-naranja2.hover:hover { cursor: pointer; background-position: -475px -25px; }

.btnew-3.abajo { background-position: -500px -0px; }

.btnew-3.abajo.hover:hover { cursor: pointer; background-position: -500px -25px; }

.btnew-3.doc-ren { background-position: -525px -0px; }

.btnew-3.doc-ren.hover:hover { cursor: pointer; background-position: -525px -25px; }

.btnew-3.doc-pro { background-position: -550px -0px; }

.btnew-3.doc-pro.hover:hover { cursor: pointer; background-position: -550px -25px; }

.btnew-3.doc-ori { background-position: -575px -0px; }

.btnew-3.doc-ori.hover:hover { cursor: pointer; background-position: -575px -25px; }

.btnew-3.doc-pdf { background-position: -600px -0px; }

.btnew-3.doc-pdf.hover:hover { cursor: pointer; background-position: -600px -25px; }

.btnew-3.enviar-mail { background-position: -625px -0px; }

.btnew-3.enviar-mail.hover:hover { cursor: pointer; background-position: -625px -25px; }

.btnew-3.enviar-datos { background-position: -650px -0px; }

.btnew-3.enviar-datos.hover:hover { cursor: pointer; background-position: -650px -25px; }

.btnew-3.reloj-naranja { background-position: -675px -0px; }

.btnew-3.reloj-naranja.hover:hover { cursor: pointer; background-position: -675px -25px; }

.btnew-3.dato-good { background-position: -700px -0px; }

.btnew-3.dato-good.hover:hover { cursor: pointer; background-position: -700px -25px; }

.btnew-3.doc-good { background-position: -725px -0px; }

.btnew-3.doc-good.hover:hover { cursor: pointer; background-position: -725px -25px; }

.btnew-3.recibo-good { background-position: -750px -0px; }

.btnew-3.recibo-good.hover:hover { cursor: pointer; background-position: -750px -25px; }

.btnew-3.datos-bajar { background-position: -775px -0px; }

.btnew-3.datos-bajar.hover:hover { cursor: pointer; background-position: -775px -25px; }

.btnew-3.datos-subir { background-position: -800px -0px; }

.btnew-3.datos-subir.hover:hover { cursor: pointer; background-position: -800px -25px; }

.btnew-3.graf-estadistica { background-position: -825px -0px; }

.btnew-3.graf-estadistica.hover:hover { cursor: pointer; background-position: -825px -25px; }

.btnew-3.palomita-naranja { background-position: -850px -0px; }

.btnew-3.palomita-naranja.hover:hover { cursor: pointer; background-position: -850px -25px; }

.btnew-3.doc-atualizar { background-position: -875px -0px; }

.btnew-3.doc-atualizar.hover:hover { cursor: pointer; background-position: -875px -25px; }

.btnew-3.cuadro-ir-gris { background-position: 0px -25px; }

.btnew-3.cuadro-ir-gris.hover:hover { cursor: pointer; background-position: 0px -25px; }

.btnew-3.actualizar-verde-gris { background-position: -25px -25px; }

.btnew-3.actualizar-verde-gris.hover:hover { cursor: pointer; background-position: -25px -25px; }

.btnew-3.anterior-naranja-gris { background-position: -50px -25px; }

.btnew-3.anterior-naranja-gris.hover:hover { cursor: pointer; background-position: -50px -25px; }

.btnew-3.siguiente-naranja-gris { background-position: -75px -25px; }

.btnew-3.siguiente-naranja-gris.hover:hover { cursor: pointer; background-position: -75px -25px; }

.btnew-3.plus-naranja-gris { background-position: -100px -25px; }

.btnew-3.plus-naranja-gris.hover:hover { cursor: pointer; background-position: -100px -25px; }

.btnew-3.cerrar-naranja-gris { background-position: -125px -25px; }

.btnew-3.cerrar-naranja-gris.hover:hover { cursor: pointer; background-position: -125px -25px; }

.btnew-3.borrar-gris { background-position: -150px -25px; }

.btnew-3.borrar-gris.hover:hover { cursor: pointer; background-position: -150px -25px; }

.btnew-3.ver-gris { background-position: -175px -25px; }

.btnew-3.ver-gris.hover:hover { cursor: pointer; background-position: -175px -25px; }

.btnew-3.editar-gris { background-position: -200px -25px; }

.btnew-3.editar-gris.hover:hover { cursor: pointer; background-position: -200px -25px; }

.btnew-3.buscar-gris { background-position: -225px -25px; }

.btnew-3.buscar-gris.hover:hover { cursor: pointer; background-position: -225px -25px; }

.btnew-3.flecha-der-gris { background-position: -250px -25px; }

.btnew-3.flecha-der-gris.hover:hover { cursor: pointer; background-position: -250px -25px; }

.btnew-3.flecha-izq-gris { background-position: -275px -25px; }

.btnew-3.flecha-izq-gris.hover:hover { cursor: pointer; background-position: -275px -25px; }

.btnew-3.reloj-gris { background-position: -300px -25px; }

.btnew-3.reloj-gris.hover:hover { cursor: pointer; background-position: -300px -25px; }

.btnew-3.clip-naranja-gris { background-position: -325px -25px; }

.btnew-3.clip-naranja-gris.hover:hover { cursor: pointer; background-position: -325px -25px; }

.btnew-3.impresora-gris { background-position: -350px -25px; }

.btnew-3.impresora-gris.hover:hover { cursor: pointer; background-position: -350px -25px; }

.btnew-3.doc-subir-gris { background-position: -375px -25px; }

.btnew-3.doc-subir-gris.hover:hover { cursor: pointer; background-position: -375px -25px; }

.btnew-3.descargar-naranja-gris { background-position: -400px -25px; }

.btnew-3.descargar-naranja-gris.hover:hover { cursor: pointer; background-position: -400px -25px; }

.btnew-3.derecha-naranja-gris { background-position: -425px -25px; }

.btnew-3.derecha-naranja-gris.hover:hover { cursor: pointer; background-position: -425px -25px; }

.btnew-3.izquierda-naranja-gris { background-position: -450px -25px; }

.btnew-3.izquierda-naranja-gris.hover:hover { cursor: pointer; background-position: -450px -25px; }

.btnew-3.izquierda-naranja2-gris { background-position: -475px -25px; }

.btnew-3.izquierda-naranja2-gris.hover:hover { cursor: pointer; background-position: -475px -25px; }

.btnew-3.abajo-gris { background-position: -500px -25px; }

.btnew-3.abajo-gris.hover:hover { cursor: pointer; background-position: -500px -25px; }

.btnew-3.doc-ren-gris { background-position: -525px -25px; }

.btnew-3.doc-ren-gris.hover:hover { cursor: pointer; background-position: -525px -25px; }

.btnew-3.doc-pro-gris { background-position: -550px -25px; }

.btnew-3.doc-pro-gris.hover:hover { cursor: pointer; background-position: -550px -25px; }

.btnew-3.doc-ori-gris { background-position: -575px -25px; }

.btnew-3.doc-ori-gris.hover:hover { cursor: pointer; background-position: -575px -25px; }

.btnew-3.doc-pdf-gris { background-position: -600px -25px; }

.btnew-3.doc-pdf-gris.hover:hover { cursor: pointer; background-position: -600px -25px; }

.btnew-3.enviar-mail-gris { background-position: -625px -25px; }

.btnew-3.enviar-mail-gris.hover:hover { cursor: pointer; background-position: -625px -25px; }

.btnew-3.enviar-datos-gris { background-position: -650px -25px; }

.btnew-3.enviar-datos-gris.hover:hover { cursor: pointer; background-position: -650px -25px; }

.btnew-3.reloj-naranja-gris { background-position: -675px -25px; }

.btnew-3.reloj-naranja-gris.hover:hover { cursor: pointer; background-position: -675px -25px; }

.btnew-3.dato-good-gris { background-position: -700px -25px; }

.btnew-3.dato-good-gris.hover:hover { cursor: pointer; background-position: -700px -25px; }

.btnew-3.doc-good-gris { background-position: -725px -25px; }

.btnew-3.doc-good-gris.hover:hover { cursor: pointer; background-position: -725px -25px; }

.btnew-3.recibo-good-gris { background-position: -750px -25px; }

.btnew-3.recibo-good-gris.hover:hover { cursor: pointer; background-position: -750px -25px; }

.btnew-3.datos-bajar-gris { background-position: -775px -25px; }

.btnew-3.datos-bajar-gris.hover:hover { cursor: pointer; background-position: -775px -25px; }

.btnew-3.datos-subir-gris { background-position: -800px -25px; }

.btnew-3.datos-subir-gris.hover:hover { cursor: pointer; background-position: -800px -25px; }

.btnew-3.graf-estadistica-gris { background-position: -825px -25px; }

.btnew-3.graf-estadistica-gris.hover:hover { cursor: pointer; background-position: -825px -25px; }

.btnew-3.palomita-naranja-gris { background-position: -850px -25px; }

.btnew-3.palomita-naranja-gris.hover:hover { cursor: pointer; background-position: -850px -25px; }

.btnew-3.doc-atualizar-gris { background-position: -875px -25px; }

.btnew-3.doc-atualizar-gris.hover:hover { cursor: pointer; background-position: -875px -25px; }

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

.botones-1.edit { background-position: 0px -0px; }

.botones-1.edit.hover:hover { cursor: pointer; background-position: 0px -30px; }

.botones-1.peso { background-position: -30px -0px; }

.botones-1.peso.hover:hover { cursor: pointer; background-position: -30px -30px; }

.botones-1.eye-1 { background-position: -60px -0px; }

.botones-1.eye-1.hover:hover { cursor: pointer; background-position: -60px -30px; }

.botones-1.eye-2 { background-position: -90px -0px; }

.botones-1.eye-2.hover:hover { cursor: pointer; background-position: -90px -30px; }

.botones-1.check { background-position: -120px -0px; }

.botones-1.check.hover:hover { cursor: pointer; background-position: -120px -30px; }

.botones-1.trash-2 { background-position: -150px -0px; }

.botones-1.trash-2.hover:hover { cursor: pointer; background-position: -150px -30px; }

.botones-1.mas-1 { background-position: -180px -0px; }

.botones-1.mas-1.hover:hover { cursor: pointer; background-position: -180px -30px; }

.botones-1.mas-2 { background-position: -210px -0px; }

.botones-1.mas-2.hover:hover { cursor: pointer; background-position: -210px -30px; }

.botones-1.doc { background-position: -240px -0px; }

.botones-1.doc.hover:hover { cursor: pointer; background-position: -240px -30px; }

.botones-1.msj { background-position: -270px -0px; }

.botones-1.msj.hover:hover { cursor: pointer; background-position: -270px -30px; }

.botones-1.envia { background-position: -300px -0px; }

.botones-1.envia.hover:hover { cursor: pointer; background-position: -300px -30px; }

.botones-1.bitacora { background-position: -330px -0px; }

.botones-1.bitacora.hover:hover { cursor: pointer; background-position: -330px -30px; }

.botones-1.bajada { background-position: -360px -0px; }

.botones-1.bajada.hover:hover { cursor: pointer; background-position: -360px -30px; }

.botones-1.precio { background-position: -390px -0px; }

.botones-1.precio.hover:hover { cursor: pointer; background-position: -390px -30px; }

.botones-1.trash-1 { background-position: -420px -0px; }

.botones-1.trash-1.hover:hover { cursor: pointer; background-position: -420px -30px; }

.botones-1.foto { background-position: -450px -0px; }

.botones-1.foto.hover:hover { cursor: pointer; background-position: -450px -30px; }

.botones-1.manten { background-position: -480px -0px; }

.botones-1.manten.hover:hover { cursor: pointer; background-position: -480px -30px; }

.botones-1.agua { background-position: -510px -0px; }

.botones-1.agua.hover:hover { cursor: pointer; background-position: -510px -30px; }

.botones-1.alimen { background-position: -540px -0px; }

.botones-1.alimen.hover:hover { cursor: pointer; background-position: -540px -30px; }

.botones-1.gas { background-position: -570px -0px; }

.botones-1.gas.hover:hover { cursor: pointer; background-position: -570px -30px; }

.botones-1.tarea { background-position: -600px -0px; }

.botones-1.tarea.hover:hover { cursor: pointer; background-position: -600px -30px; }

.botones-1.actualiza { background-position: -630px -0px; }

.botones-1.actualiza.hover:hover { cursor: pointer; background-position: -630px -30px; }

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

.botones-2.edit { background-position: 0px -0px; }

.botones-2.edit.hover:hover { cursor: pointer; background-position: 0px -20px; }

.botones-2.peso { background-position: -20px -0px; }

.botones-2.peso.hover:hover { cursor: pointer; background-position: -20px -20px; }

.botones-2.eye-1 { background-position: -40px -0px; }

.botones-2.eye-1.hover:hover { cursor: pointer; background-position: -40px -20px; }

.botones-2.eye-2 { background-position: -60px -0px; }

.botones-2.eye-2.hover:hover { cursor: pointer; background-position: -60px -20px; }

.botones-2.check { background-position: -80px -0px; }

.botones-2.check.hover:hover { cursor: pointer; background-position: -80px -20px; }

.botones-2.trash-2 { background-position: -100px -0px; }

.botones-2.trash-2.hover:hover { cursor: pointer; background-position: -100px -20px; }

.botones-2.mas-1 { background-position: -120px -0px; }

.botones-2.mas-1.hover:hover { cursor: pointer; background-position: -120px -20px; }

.botones-2.mas-2 { background-position: -140px -0px; }

.botones-2.mas-2.hover:hover { cursor: pointer; background-position: -140px -20px; }

.botones-2.doc { background-position: -160px -0px; }

.botones-2.doc.hover:hover { cursor: pointer; background-position: -160px -20px; }

.botones-2.msj { background-position: -180px -0px; }

.botones-2.msj.hover:hover { cursor: pointer; background-position: -180px -20px; }

.botones-2.envia { background-position: -200px -0px; }

.botones-2.envia.hover:hover { cursor: pointer; background-position: -200px -20px; }

.botones-2.bitacora { background-position: -220px -0px; }

.botones-2.bitacora.hover:hover { cursor: pointer; background-position: -220px -20px; }

.botones-2.bajada { background-position: -240px -0px; }

.botones-2.bajada.hover:hover { cursor: pointer; background-position: -240px -20px; }

.botones-2.precio { background-position: -260px -0px; }

.botones-2.precio.hover:hover { cursor: pointer; background-position: -260px -20px; }

.botones-2.trash-1 { background-position: -280px -0px; }

.botones-2.trash-1.hover:hover { cursor: pointer; background-position: -280px -20px; }

.botones-2.foto { background-position: -300px -0px; }

.botones-2.foto.hover:hover { cursor: pointer; background-position: -300px -20px; }

.botones-2.manten { background-position: -320px -0px; }

.botones-2.manten.hover:hover { cursor: pointer; background-position: -320px -20px; }

.botones-2.agua { background-position: -340px -0px; }

.botones-2.agua.hover:hover { cursor: pointer; background-position: -340px -20px; }

.botones-2.alimen { background-position: -360px -0px; }

.botones-2.alimen.hover:hover { cursor: pointer; background-position: -360px -20px; }

.botones-2.gas { background-position: -380px -0px; }

.botones-2.gas.hover:hover { cursor: pointer; background-position: -380px -20px; }

.botones-2.tarea { background-position: -400px -0px; }

.botones-2.tarea.hover:hover { cursor: pointer; background-position: -400px -20px; }

.botones-2.actualiza { background-position: -420px -0px; }

.botones-2.actualiza.hover:hover { cursor: pointer; background-position: -420px -20px; }

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

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

.icon-1.configuracion.hover:hover { cursor: pointer; background-position: 0px -25px; }

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

.icon-1.configuracionn.hover:hover { cursor: pointer; background-position: 0px -25px; }

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

.icon-1.catalogo.hover:hover { cursor: pointer; background-position: -25px -25px; }

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

.icon-1.mantenimiento.hover:hover { cursor: pointer; background-position: -50px -25px; }

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

.icon-1.crianza.hover:hover { cursor: pointer; background-position: -75px -25px; }

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

.icon-1.transito.hover:hover { cursor: pointer; background-position: -100px -25px; }

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

.icon-1.usuarios.hover:hover { cursor: pointer; background-position: -125px -25px; }

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

.icon-1.cuentas.hover:hover { cursor: pointer; background-position: -150px -25px; }

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

.icon-1.compras.hover:hover { cursor: pointer; background-position: -175px -25px; }

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

.icon-1.agricultura.hover:hover { cursor: pointer; background-position: -200px -25px; }

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

.icon-1.edit.hover:hover { cursor: pointer; background-position: -225px -25px; }

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

.icon-1.peso.hover:hover { cursor: pointer; background-position: -250px -25px; }

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

.icon-1.eye-1.hover:hover { cursor: pointer; background-position: -275px -25px; }

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

.icon-1.eye-2.hover:hover { cursor: pointer; background-position: -300px -25px; }

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

.icon-1.trash-1.hover:hover { cursor: pointer; background-position: -325px -25px; }

.icon-1.trash-2 { background-position: -350px -0px; }

.icon-1.trash-2.hover:hover { cursor: pointer; background-position: -350px -25px; }

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

.icon-1.mas-1.hover:hover { cursor: pointer; background-position: -375px -25px; }

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

.icon-1.mas-2.hover:hover { cursor: pointer; background-position: -400px -25px; }

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

.icon-1.doc.hover:hover { cursor: pointer; background-position: -425px -25px; }

.icon-1.doc-gray { background-position: -425px -25px; }

.icon-1.doc-gray.hover:hover { cursor: pointer; background-position: -425px -25px; }

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

.icon-1.msj.hover:hover { cursor: pointer; background-position: -450px -25px; }

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

.icon-1.envia.hover:hover { cursor: pointer; background-position: -475px -25px; }

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

.icon-1.bitacora.hover:hover { cursor: pointer; background-position: -500px -25px; }

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

.icon-1.bajada.hover:hover { cursor: pointer; background-position: -525px -25px; }

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

.icon-1.precio.hover:hover { cursor: pointer; background-position: -550px -25px; }

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

.icon-1.check.hover:hover { cursor: pointer; background-position: -575px -25px; }

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

.icon-1.foto.hover:hover { cursor: pointer; background-position: -600px -25px; }

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

.icon-1.manten.hover:hover { cursor: pointer; background-position: -625px -25px; }

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

.icon-1.agua.hover:hover { cursor: pointer; background-position: -650px -25px; }

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

.icon-1.alimen.hover:hover { cursor: pointer; background-position: -675px -25px; }

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

.icon-1.gas.hover:hover { cursor: pointer; background-position: -700px -25px; }

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

.icon-1.tarea.hover:hover { cursor: pointer; background-position: -725px -25px; }

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

.icon-1.actualiza.hover:hover { cursor: pointer; background-position: -750px -25px; }

.icono-index { background-image: url(../images/iconos/iconos_index.png); background-repeat: no-repeat; background-size: 420px; width: 30px; height: 30px; display: block; }

.icono-index.proveedores { background-position: 0px -0px; }

.icono-index.proveedores.hover:hover { cursor: pointer; background-position: 0px -30px; }

.icono-index.clientes { background-position: -30px -0px; }

.icono-index.clientes.hover:hover { cursor: pointer; background-position: -30px -30px; }

.icono-index.catalogo { background-position: -60px -0px; }

.icono-index.catalogo.hover:hover { cursor: pointer; background-position: -60px -30px; }

.icono-index.boletas { background-position: -90px -0px; }

.icono-index.boletas.hover:hover { cursor: pointer; background-position: -90px -30px; }

.icono-index.patios { background-position: -120px -0px; }

.icono-index.patios.hover:hover { cursor: pointer; background-position: -120px -30px; }

.icono-index.cuentas { background-position: -150px -0px; }

.icono-index.cuentas.hover:hover { cursor: pointer; background-position: -150px -30px; }

.icono-index.facturacion { background-position: -180px -0px; }

.icono-index.facturacion.hover:hover { cursor: pointer; background-position: -180px -30px; }

.icono-index.cobranza { background-position: -210px -0px; }

.icono-index.cobranza.hover:hover { cursor: pointer; background-position: -210px -30px; }

.icono-index.pagos { background-position: -240px -0px; }

.icono-index.pagos.hover:hover { cursor: pointer; background-position: -240px -30px; }

.icono-index.cambios { background-position: -270px -0px; }

.icono-index.cambios.hover:hover { cursor: pointer; background-position: -270px -30px; }

.icono-index.configuracion { background-position: -300px -0px; }

.icono-index.configuracion.hover:hover { cursor: pointer; background-position: -300px -30px; }

.icono-index.operacion { background-position: -330px -0px; }

.icono-index.operacion.hover:hover { cursor: pointer; background-position: -330px -30px; }

.icono-index.inventariof { background-position: -360px -0px; }

.icono-index.inventariof.hover:hover { cursor: pointer; background-position: -360px -30px; }

.icono-index.flete { background-position: -390px -0px; }

.icono-index.flete.hover:hover { cursor: pointer; background-position: -390px -30px; }

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

.icon.burger { background-position: 0px -0px; }

.icon.burger.hover:hover { cursor: pointer; background-position: 0px -15px; }

.icon.campana { background-position: -15px -0px; }

.icon.campana.hover:hover { cursor: pointer; background-position: -15px -15px; }

.icon.masBlanco { background-position: -30px -0px; }

.icon.masBlanco.hover:hover { cursor: pointer; background-position: -30px -15px; }

.icon.checkVerde { background-position: -45px -0px; }

.icon.checkVerde.hover:hover { cursor: pointer; background-position: -45px -15px; }

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

.icon.calendario.hover:hover { cursor: pointer; background-position: -60px -15px; }

.icon.reloj { background-position: -75px -0px; }

.icon.reloj.hover:hover { cursor: pointer; background-position: -75px -15px; }

.icon.iconFiltro { background-position: 0px -15px; }

.icon.iconFiltro.hover:hover { cursor: pointer; background-position: 0px -15px; }

.icon.personRed { background-position: -15px -15px; }

.icon.personRed.hover:hover { cursor: pointer; background-position: -15px -15px; }

.icon.relojAmarillo { background-position: -30px -15px; }

.icon.relojAmarillo.hover:hover { cursor: pointer; background-position: -30px -15px; }

.icon.checkAzul { background-position: -45px -15px; }

.icon.checkAzul.hover:hover { cursor: pointer; background-position: -45px -15px; }

.icon.checkBlanco { background-position: -60px -15px; }

.icon.checkBlanco.hover:hover { cursor: pointer; background-position: -60px -15px; }

.icon.candado { background-position: -75px -15px; }

.icon.candado.hover:hover { cursor: pointer; background-position: -75px -15px; }

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

.icono1.burger { background-position: 0px -0px; }

.icono1.burger.hover:hover { cursor: pointer; background-position: 0px -20px; }

.icono1.campana { background-position: -20px -0px; }

.icono1.campana.hover:hover { cursor: pointer; background-position: -20px -20px; }

.icono1.masBlanco { background-position: -40px -0px; }

.icono1.masBlanco.hover:hover { cursor: pointer; background-position: -40px -20px; }

.icono1.checkVerde { background-position: -60px -0px; }

.icono1.checkVerde.hover:hover { cursor: pointer; background-position: -60px -20px; }

.icono1.calendario { background-position: -80px -0px; }

.icono1.calendario.hover:hover { cursor: pointer; background-position: -80px -20px; }

.icono1.reloj { background-position: -100px -0px; }

.icono1.reloj.hover:hover { cursor: pointer; background-position: -100px -20px; }

.icono1.iconFiltro { background-position: 0px -20px; }

.icono1.iconFiltro.hover:hover { cursor: pointer; background-position: 0px -20px; }

.icono1.personRed { background-position: -20px -20px; }

.icono1.personRed.hover:hover { cursor: pointer; background-position: -20px -20px; }

.icono1.relojAmarillo { background-position: -40px -20px; }

.icono1.relojAmarillo.hover:hover { cursor: pointer; background-position: -40px -20px; }

.icono1.checkAzul { background-position: -60px -20px; }

.icono1.checkAzul.hover:hover { cursor: pointer; background-position: -60px -20px; }

.icono1.checkBlanco { background-position: -80px -20px; }

.icono1.checkBlanco.hover:hover { cursor: pointer; background-position: -80px -20px; }

.icono1.candado { background-position: -100px -20px; }

.icono1.candado.hover:hover { cursor: pointer; background-position: -100px -20px; }

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

.btns.buscar { background-position: 0px -0px; }

.btns.buscar.hover:hover { cursor: pointer; background-position: 0px -15px; }

.btns.masAdd { background-position: -15px -0px; }

.btns.masAdd.hover:hover { cursor: pointer; background-position: -15px -15px; }

.btns.editar { background-position: -30px -0px; }

.btns.editar.hover:hover { cursor: pointer; background-position: -30px -15px; }

.btns.compra-pendiente { background-position: -45px -0px; }

.btns.compra-pendiente.hover:hover { cursor: pointer; background-position: -45px -15px; }

.btns.prefcompra-pendiente { background-position: -60px -0px; }

.btns.prefcompra-pendiente.hover:hover { cursor: pointer; background-position: -60px -15px; }

.btns.faccompra-pendiente { background-position: -75px -0px; }

.btns.faccompra-pendiente.hover:hover { cursor: pointer; background-position: -75px -15px; }

.btns.facventa-pendiente { background-position: -90px -0px; }

.btns.facventa-pendiente.hover:hover { cursor: pointer; background-position: -90px -15px; }

.btns.mailSend { background-position: -105px -0px; }

.btns.mailSend.hover:hover { cursor: pointer; background-position: -105px -15px; }

.btns.trash { background-position: -120px -0px; }

.btns.trash.hover:hover { cursor: pointer; background-position: -120px -15px; }

.btns.verDoc { background-position: -135px -0px; }

.btns.verDoc.hover:hover { cursor: pointer; background-position: -135px -15px; }

.btns.masGris { background-position: -150px -0px; }

.btns.masGris.hover:hover { cursor: pointer; background-position: -150px -15px; }

.btns.menosGris { background-position: -165px -0px; }

.btns.menosGris.hover:hover { cursor: pointer; background-position: -165px -15px; }

.btns.cancelar { background-position: -180px -0px; }

.btns.cancelar.hover:hover { cursor: pointer; background-position: -180px -15px; }

.btns.enviar-compra { background-position: -195px -0px; }

.btns.enviar-compra.hover:hover { cursor: pointer; background-position: -195px -15px; }

.btns.recibo-pendiente { background-position: -210px -0px; }

.btns.recibo-pendiente.hover:hover { cursor: pointer; background-position: -210px -15px; }

.btns.pagos-pendientes { background-position: -225px -0px; }

.btns.pagos-pendientes.hover:hover { cursor: pointer; background-position: -225px -15px; }

.btns.eliminar { background-position: -240px -0px; }

.btns.eliminar.hover:hover { cursor: pointer; background-position: -240px -15px; }

.btns.eliminar-red { background-position: -255px -0px; }

.btns.eliminar-red.hover:hover { cursor: pointer; background-position: -255px -15px; }

.btns.reabrir { background-position: -270px -0px; }

.btns.reabrir.hover:hover { cursor: pointer; background-position: -270px -15px; }

.btns.ver-vino { background-position: -285px -0px; }

.btns.ver-vino.hover:hover { cursor: pointer; background-position: -285px -15px; }

.btns.descargar { background-position: -300px -0px; }

.btns.descargar.hover:hover { cursor: pointer; background-position: -300px -15px; }

.btns.descarga { background-position: -315px -0px; }

.btns.descarga.hover:hover { cursor: pointer; background-position: -315px -15px; }

.btns.borrar-vino { background-position: -330px -0px; }

.btns.borrar-vino.hover:hover { cursor: pointer; background-position: -330px -15px; }

.btns.subir { background-position: -345px -0px; }

.btns.subir.hover:hover { cursor: pointer; background-position: -345px -15px; }

.btns.relacionar-doc { background-position: -360px -0px; }

.btns.relacionar-doc.hover:hover { cursor: pointer; background-position: -360px -15px; }

.btns.pendiente { background-position: -375px -0px; }

.btns.pendiente.hover:hover { cursor: pointer; background-position: -375px -15px; }

.btns.pdf { background-position: -390px -0px; }

.btns.pdf.hover:hover { cursor: pointer; background-position: -390px -15px; }

.btns.xml { background-position: -405px -0px; }

.btns.xml.hover:hover { cursor: pointer; background-position: -405px -15px; }

.btns.pagar { background-position: -420px -0px; }

.btns.pagar.hover:hover { cursor: pointer; background-position: -420px -15px; }

.btns.compra-aplicado { background-position: -435px -0px; }

.btns.compra-aplicado.hover:hover { cursor: pointer; background-position: -435px -15px; }

.btns.prefcompra-aplicado { background-position: -450px -0px; }

.btns.prefcompra-aplicado.hover:hover { cursor: pointer; background-position: -450px -15px; }

.btns.faccompra-aplicado { background-position: -465px -0px; }

.btns.faccompra-aplicado.hover:hover { cursor: pointer; background-position: -465px -15px; }

.btns.facventa-aplicado { background-position: -480px -0px; }

.btns.facventa-aplicado.hover:hover { cursor: pointer; background-position: -480px -15px; }

.btns.nc-descuento { background-position: -495px -0px; }

.btns.nc-descuento.hover:hover { cursor: pointer; background-position: -495px -15px; }

.btns.nc-devolucion { background-position: -510px -0px; }

.btns.nc-devolucion.hover:hover { cursor: pointer; background-position: -510px -15px; }

.btns2 { background-image: url(../images/iconos/btns.png); background-repeat: no-repeat; background-size: 1050px; width: 30px; height: 30px; display: block; }

.btns2.buscar { background-position: 0px -0px; }

.btns2.buscar.hover:hover { cursor: pointer; background-position: 0px -30px; }

.btns2.masAdd { background-position: -30px -0px; }

.btns2.masAdd.hover:hover { cursor: pointer; background-position: -30px -30px; }

.btns2.editar { background-position: -60px -0px; }

.btns2.editar.hover:hover { cursor: pointer; background-position: -60px -30px; }

.btns2.compra-pendiente { background-position: -90px -0px; }

.btns2.compra-pendiente.hover:hover { cursor: pointer; background-position: -90px -30px; }

.btns2.prefcompra-pendiente { background-position: -120px -0px; }

.btns2.prefcompra-pendiente.hover:hover { cursor: pointer; background-position: -120px -30px; }

.btns2.faccompra-pendiente { background-position: -150px -0px; }

.btns2.faccompra-pendiente.hover:hover { cursor: pointer; background-position: -150px -30px; }

.btns2.facventa-pendiente { background-position: -180px -0px; }

.btns2.facventa-pendiente.hover:hover { cursor: pointer; background-position: -180px -30px; }

.btns2.mailSend { background-position: -210px -0px; }

.btns2.mailSend.hover:hover { cursor: pointer; background-position: -210px -30px; }

.btns2.trash { background-position: -240px -0px; }

.btns2.trash.hover:hover { cursor: pointer; background-position: -240px -30px; }

.btns2.verDoc { background-position: -270px -0px; }

.btns2.verDoc.hover:hover { cursor: pointer; background-position: -270px -30px; }

.btns2.masGris { background-position: -300px -0px; }

.btns2.masGris.hover:hover { cursor: pointer; background-position: -300px -30px; }

.btns2.menosGris { background-position: -330px -0px; }

.btns2.menosGris.hover:hover { cursor: pointer; background-position: -330px -30px; }

.btns2.cancelar { background-position: -360px -0px; }

.btns2.cancelar.hover:hover { cursor: pointer; background-position: -360px -30px; }

.btns2.enviar-compra { background-position: -390px -0px; }

.btns2.enviar-compra.hover:hover { cursor: pointer; background-position: -390px -30px; }

.btns2.recibo-pendiente { background-position: -420px -0px; }

.btns2.recibo-pendiente.hover:hover { cursor: pointer; background-position: -420px -30px; }

.btns2.pagos-pendientes { background-position: -450px -0px; }

.btns2.pagos-pendientes.hover:hover { cursor: pointer; background-position: -450px -30px; }

.btns2.eliminar { background-position: -480px -0px; }

.btns2.eliminar.hover:hover { cursor: pointer; background-position: -480px -30px; }

.btns2.eliminar-red { background-position: -510px -0px; }

.btns2.eliminar-red.hover:hover { cursor: pointer; background-position: -510px -30px; }

.btns2.reabrir { background-position: -540px -0px; }

.btns2.reabrir.hover:hover { cursor: pointer; background-position: -540px -30px; }

.btns2.ver-vino { background-position: -570px -0px; }

.btns2.ver-vino.hover:hover { cursor: pointer; background-position: -570px -30px; }

.btns2.descargar { background-position: -600px -0px; }

.btns2.descargar.hover:hover { cursor: pointer; background-position: -600px -30px; }

.btns2.descarga { background-position: -630px -0px; }

.btns2.descarga.hover:hover { cursor: pointer; background-position: -630px -30px; }

.btns2.borrar-vino { background-position: -660px -0px; }

.btns2.borrar-vino.hover:hover { cursor: pointer; background-position: -660px -30px; }

.btns2.subir { background-position: -690px -0px; }

.btns2.subir.hover:hover { cursor: pointer; background-position: -690px -30px; }

.btns2.relacionar-doc { background-position: -720px -0px; }

.btns2.relacionar-doc.hover:hover { cursor: pointer; background-position: -720px -30px; }

.btns2.pendiente { background-position: -750px -0px; }

.btns2.pendiente.hover:hover { cursor: pointer; background-position: -750px -30px; }

.btns2.pdf { background-position: -780px -0px; }

.btns2.pdf.hover:hover { cursor: pointer; background-position: -780px -30px; }

.btns2.xml { background-position: -810px -0px; }

.btns2.xml.hover:hover { cursor: pointer; background-position: -810px -30px; }

.btns2.pagar { background-position: -840px -0px; }

.btns2.pagar.hover:hover { cursor: pointer; background-position: -840px -30px; }

.btns2.compra-aplicado { background-position: -870px -0px; }

.btns2.compra-aplicado.hover:hover { cursor: pointer; background-position: -870px -30px; }

.btns2.prefcompra-aplicado { background-position: -900px -0px; }

.btns2.prefcompra-aplicado.hover:hover { cursor: pointer; background-position: -900px -30px; }

.btns2.faccompra-aplicado { background-position: -930px -0px; }

.btns2.faccompra-aplicado.hover:hover { cursor: pointer; background-position: -930px -30px; }

.btns2.facventa-aplicado { background-position: -960px -0px; }

.btns2.facventa-aplicado.hover:hover { cursor: pointer; background-position: -960px -30px; }

.btns2.nc-descuento { background-position: -990px -0px; }

.btns2.nc-descuento.hover:hover { cursor: pointer; background-position: -990px -30px; }

.btns2.nc-devolucion { background-position: -1020px -0px; }

.btns2.nc-devolucion.hover:hover { cursor: pointer; background-position: -1020px -30px; }

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

.btns3.buscar { background-position: 0px -0px; }

.btns3.buscar.hover:hover { cursor: pointer; background-position: 0px -20px; }

.btns3.masAdd { background-position: -20px -0px; }

.btns3.masAdd.hover:hover { cursor: pointer; background-position: -20px -20px; }

.btns3.editar { background-position: -40px -0px; }

.btns3.editar.hover:hover { cursor: pointer; background-position: -40px -20px; }

.btns3.compra-pendiente { background-position: -60px -0px; }

.btns3.compra-pendiente.hover:hover { cursor: pointer; background-position: -60px -20px; }

.btns3.prefcompra-pendiente { background-position: -80px -0px; }

.btns3.prefcompra-pendiente.hover:hover { cursor: pointer; background-position: -80px -20px; }

.btns3.faccompra-pendiente { background-position: -100px -0px; }

.btns3.faccompra-pendiente.hover:hover { cursor: pointer; background-position: -100px -20px; }

.btns3.facventa-pendiente { background-position: -120px -0px; }

.btns3.facventa-pendiente.hover:hover { cursor: pointer; background-position: -120px -20px; }

.btns3.mailSend { background-position: -140px -0px; }

.btns3.mailSend.hover:hover { cursor: pointer; background-position: -140px -20px; }

.btns3.trash { background-position: -160px -0px; }

.btns3.trash.hover:hover { cursor: pointer; background-position: -160px -20px; }

.btns3.verDoc { background-position: -180px -0px; }

.btns3.verDoc.hover:hover { cursor: pointer; background-position: -180px -20px; }

.btns3.masGris { background-position: -200px -0px; }

.btns3.masGris.hover:hover { cursor: pointer; background-position: -200px -20px; }

.btns3.menosGris { background-position: -220px -0px; }

.btns3.menosGris.hover:hover { cursor: pointer; background-position: -220px -20px; }

.btns3.cancelar { background-position: -240px -0px; }

.btns3.cancelar.hover:hover { cursor: pointer; background-position: -240px -20px; }

.btns3.enviar-compra { background-position: -260px -0px; }

.btns3.enviar-compra.hover:hover { cursor: pointer; background-position: -260px -20px; }

.btns3.recibo-pendiente { background-position: -280px -0px; }

.btns3.recibo-pendiente.hover:hover { cursor: pointer; background-position: -280px -20px; }

.btns3.pagos-pendientes { background-position: -300px -0px; }

.btns3.pagos-pendientes.hover:hover { cursor: pointer; background-position: -300px -20px; }

.btns3.eliminar { background-position: -320px -0px; }

.btns3.eliminar.hover:hover { cursor: pointer; background-position: -320px -20px; }

.btns3.eliminar-red { background-position: -340px -0px; }

.btns3.eliminar-red.hover:hover { cursor: pointer; background-position: -340px -20px; }

.btns3.reabrir { background-position: -360px -0px; }

.btns3.reabrir.hover:hover { cursor: pointer; background-position: -360px -20px; }

.btns3.ver-vino { background-position: -380px -0px; }

.btns3.ver-vino.hover:hover { cursor: pointer; background-position: -380px -20px; }

.btns3.descargar { background-position: -400px -0px; }

.btns3.descargar.hover:hover { cursor: pointer; background-position: -400px -20px; }

.btns3.descarga { background-position: -420px -0px; }

.btns3.descarga.hover:hover { cursor: pointer; background-position: -420px -20px; }

.btns3.borrar-vino { background-position: -440px -0px; }

.btns3.borrar-vino.hover:hover { cursor: pointer; background-position: -440px -20px; }

.btns3.subir { background-position: -460px -0px; }

.btns3.subir.hover:hover { cursor: pointer; background-position: -460px -20px; }

.btns3.relacionar-doc { background-position: -480px -0px; }

.btns3.relacionar-doc.hover:hover { cursor: pointer; background-position: -480px -20px; }

.btns3.pendiente { background-position: -500px -0px; }

.btns3.pendiente.hover:hover { cursor: pointer; background-position: -500px -20px; }

.btns3.pdf { background-position: -520px -0px; }

.btns3.pdf.hover:hover { cursor: pointer; background-position: -520px -20px; }

.btns3.xml { background-position: -540px -0px; }

.btns3.xml.hover:hover { cursor: pointer; background-position: -540px -20px; }

.btns3.pagar { background-position: -560px -0px; }

.btns3.pagar.hover:hover { cursor: pointer; background-position: -560px -20px; }

.btns3.compra-aplicado { background-position: -580px -0px; }

.btns3.compra-aplicado.hover:hover { cursor: pointer; background-position: -580px -20px; }

.btns3.prefcompra-aplicado { background-position: -600px -0px; }

.btns3.prefcompra-aplicado.hover:hover { cursor: pointer; background-position: -600px -20px; }

.btns3.faccompra-aplicado { background-position: -620px -0px; }

.btns3.faccompra-aplicado.hover:hover { cursor: pointer; background-position: -620px -20px; }

.btns3.facventa-aplicado { background-position: -640px -0px; }

.btns3.facventa-aplicado.hover:hover { cursor: pointer; background-position: -640px -20px; }

.btns3.nc-descuento { background-position: -660px -0px; }

.btns3.nc-descuento.hover:hover { cursor: pointer; background-position: -660px -20px; }

.btns3.nc-devolucion { background-position: -680px -0px; }

.btns3.nc-devolucion.hover:hover { cursor: pointer; background-position: -680px -20px; }

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

.btns4.buscar { background-position: 0px -0px; }

.btns4.buscar.hover:hover { cursor: pointer; background-position: 0px -35px; }

.btns4.masAdd { background-position: -35px -0px; }

.btns4.masAdd.hover:hover { cursor: pointer; background-position: -35px -35px; }

.btns4.editar { background-position: -70px -0px; }

.btns4.editar.hover:hover { cursor: pointer; background-position: -70px -35px; }

.btns4.compra-pendiente { background-position: -105px -0px; }

.btns4.compra-pendiente.hover:hover { cursor: pointer; background-position: -105px -35px; }

.btns4.prefcompra-pendiente { background-position: -140px -0px; }

.btns4.prefcompra-pendiente.hover:hover { cursor: pointer; background-position: -140px -35px; }

.btns4.faccompra-pendiente { background-position: -175px -0px; }

.btns4.faccompra-pendiente.hover:hover { cursor: pointer; background-position: -175px -35px; }

.btns4.facventa-pendiente { background-position: -210px -0px; }

.btns4.facventa-pendiente.hover:hover { cursor: pointer; background-position: -210px -35px; }

.btns4.mailSend { background-position: -245px -0px; }

.btns4.mailSend.hover:hover { cursor: pointer; background-position: -245px -35px; }

.btns4.trash { background-position: -280px -0px; }

.btns4.trash.hover:hover { cursor: pointer; background-position: -280px -35px; }

.btns4.verDoc { background-position: -315px -0px; }

.btns4.verDoc.hover:hover { cursor: pointer; background-position: -315px -35px; }

.btns4.masGris { background-position: -350px -0px; }

.btns4.masGris.hover:hover { cursor: pointer; background-position: -350px -35px; }

.btns4.menosGris { background-position: -385px -0px; }

.btns4.menosGris.hover:hover { cursor: pointer; background-position: -385px -35px; }

.btns4.cancelar { background-position: -420px -0px; }

.btns4.cancelar.hover:hover { cursor: pointer; background-position: -420px -35px; }

.btns4.enviar-compra { background-position: -455px -0px; }

.btns4.enviar-compra.hover:hover { cursor: pointer; background-position: -455px -35px; }

.btns4.recibo-pendiente { background-position: -490px -0px; }

.btns4.recibo-pendiente.hover:hover { cursor: pointer; background-position: -490px -35px; }

.btns4.pagos-pendientes { background-position: -525px -0px; }

.btns4.pagos-pendientes.hover:hover { cursor: pointer; background-position: -525px -35px; }

.btns4.eliminar { background-position: -560px -0px; }

.btns4.eliminar.hover:hover { cursor: pointer; background-position: -560px -35px; }

.btns4.eliminar-red { background-position: -595px -0px; }

.btns4.eliminar-red.hover:hover { cursor: pointer; background-position: -595px -35px; }

.btns4.reabrir { background-position: -630px -0px; }

.btns4.reabrir.hover:hover { cursor: pointer; background-position: -630px -35px; }

.btns4.ver-vino { background-position: -665px -0px; }

.btns4.ver-vino.hover:hover { cursor: pointer; background-position: -665px -35px; }

.btns4.descargar { background-position: -700px -0px; }

.btns4.descargar.hover:hover { cursor: pointer; background-position: -700px -35px; }

.btns4.descarga { background-position: -735px -0px; }

.btns4.descarga.hover:hover { cursor: pointer; background-position: -735px -35px; }

.btns4.borrar-vino { background-position: -770px -0px; }

.btns4.borrar-vino.hover:hover { cursor: pointer; background-position: -770px -35px; }

.btns4.subir { background-position: -805px -0px; }

.btns4.subir.hover:hover { cursor: pointer; background-position: -805px -35px; }

.btns4.relacionar-doc { background-position: -840px -0px; }

.btns4.relacionar-doc.hover:hover { cursor: pointer; background-position: -840px -35px; }

.btns4.pendiente { background-position: -875px -0px; }

.btns4.pendiente.hover:hover { cursor: pointer; background-position: -875px -35px; }

.btns4.pdf { background-position: -910px -0px; }

.btns4.pdf.hover:hover { cursor: pointer; background-position: -910px -35px; }

.btns4.xml { background-position: -945px -0px; }

.btns4.xml.hover:hover { cursor: pointer; background-position: -945px -35px; }

.btns4.pagar { background-position: -980px -0px; }

.btns4.pagar.hover:hover { cursor: pointer; background-position: -980px -35px; }

.btns4.compra-aplicado { background-position: -1015px -0px; }

.btns4.compra-aplicado.hover:hover { cursor: pointer; background-position: -1015px -35px; }

.btns4.prefcompra-aplicado { background-position: -1050px -0px; }

.btns4.prefcompra-aplicado.hover:hover { cursor: pointer; background-position: -1050px -35px; }

.btns4.faccompra-aplicado { background-position: -1085px -0px; }

.btns4.faccompra-aplicado.hover:hover { cursor: pointer; background-position: -1085px -35px; }

.btns4.facventa-aplicado { background-position: -1120px -0px; }

.btns4.facventa-aplicado.hover:hover { cursor: pointer; background-position: -1120px -35px; }

.btns4.nc-descuento { background-position: -1155px -0px; }

.btns4.nc-descuento.hover:hover { cursor: pointer; background-position: -1155px -35px; }

.btns4.nc-devolucion { background-position: -1190px -0px; }

.btns4.nc-devolucion.hover:hover { cursor: pointer; background-position: -1190px -35px; }

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

.iconos.basura-blanco { background-position: 0px -0px; }

.iconos.basura-blanco.hover:hover { cursor: pointer; background-position: 0px -15px; }

.iconos.person-blanco { background-position: 0px -15px; }

.iconos.person-blanco.hover:hover { cursor: pointer; background-position: 0px -15px; }

.iconos-pdf { background-image: url(../images/iconos/iconos2.png); background-repeat: no-repeat; background-size: 210px; width: 30px; height: 30px; display: block; }

.iconos-pdf.menu { background-position: 0px -0px; }

.iconos-pdf.menu.hover:hover { cursor: pointer; background-position: 0px -30px; }

.iconos-pdf.flecha { background-position: -30px -0px; }

.iconos-pdf.flecha.hover:hover { cursor: pointer; background-position: -30px -30px; }

.iconos-pdf.actualizar { background-position: -60px -0px; }

.iconos-pdf.actualizar.hover:hover { cursor: pointer; background-position: -60px -30px; }

.iconos-pdf.campana { background-position: -90px -30px; }

.iconos-pdf.campana.hover:hover { cursor: pointer; background-position: -90px -30px; }

.iconos-pdf.flechas { background-position: -120px -0px; }

.iconos-pdf.flechas.hover:hover { cursor: pointer; background-position: -120px -30px; }

.iconos-pdf.flecha-verde { background-position: -150px -30px; }

.iconos-pdf.flecha-verde.hover:hover { cursor: pointer; background-position: -150px -30px; }

.iconos-pdf.flecha-roja { background-position: -180px -30px; }

.iconos-pdf.flecha-roja.hover:hover { cursor: pointer; background-position: -180px -30px; }

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

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

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

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

html, body { display: block; }

html.infinitywidth, body.infinitywidth { overflow-x: scroll; overflow-y: scroll; }

div#debugg { height: 750px; overflow: scroll; }

input[type="date"]::-webkit-calendar-picker-indicator { opacity: 1; display: block; background-image: url("../images/calendar.png"); background-repeat: no-repeat; background-size: 20px; width: 20px; height: 20px; }

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

.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, section, .alerta, textarea, form.notificacion, div.notificacion.smallinput, #control-bar, a.boton.table, form a.boton.table, div.smallinput a.boton.table, form input.table[type=submit], div.smallinput input.table[type=submit], form .boton.table.botonaccion, div.smallinput .boton.table.botonaccion { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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

.capitalize { text-transform: capitalize; }

.bold { font-weight: bold !important; }

.fsize13 { font-size: 13px; }

.fsize12 { font-size: 12px; }

.aleft { text-align: left; }

.aright { text-align: right; }

.acenter { text-align: center; }

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

.printertopright:hover { opacity: 1; }

.inline-img { display: inline-block; vertical-align: middle; }

.hide { display: none !important; }

.fright { float: right !important; }

.fleft { float: left !important; }

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

.bubble { display: inline-block; padding: 3px 4px; background-color: #00a600; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: white; }

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.Moldes { background-color: #00cc00; }

span.circulo.Fabricación { background-color: #9999ff; }

span.circulo.Reparación { background-color: gray; }

span.circulo.red { background-color: red; color: white !important; width: 15px; height: 15px; }

span.icono { width: 15px; height: 15px; display: inline-block; }

span.icono.diseno { background: url(../images/diseno1.png?v2) no-repeat center center; background-size: 15px; }

span.icono.diseno.dos { background-image: url(../images/diseno2.png?v2); }

span.icono.material { background: url(../images/material1.png?v2) no-repeat center center; background-size: 15px; }

span.icono.material.dos { background-image: url(../images/material2.png?v2); }

a.close, form a.boton.table, div.smallinput a.boton.table, form input.close[type=submit], div.smallinput input.close[type=submit], form .close.boton.botonaccion, div.smallinput .close.boton.botonaccion { position: absolute; right: 40px; top: 12px; }

body { font-family: 'Muli-Regular'; font-weight: 300; background-color: #EDEDF2; 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.infinitywidth { width: auto; overflow: scroll; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-backface-visibility: hidden; }

body.infinitywidth header { position: fixed; }

body.infinitywidth section { margin-top: 65px; }

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

body.menu #nav .openMenu { margin-left: 7px; z-index: 3; }

body.menu section { padding-left: 10%; }

a, form a.boton.table, div.smallinput a.boton.table, form input[type=submit], div.smallinput input[type=submit], form .boton.botonaccion, div.smallinput .boton.botonaccion, form input.botonaccion[type=submit], form.basico .botonaccion.boton, form.basico input.botonaccion[type=submit], form.basico input[type=submit] { border: none; text-decoration: none; }

a img, form a.boton.table img, div.smallinput a.boton.table img, form input[type=submit] img, div.smallinput input[type=submit] img, form .boton.botonaccion img, div.smallinput .boton.botonaccion img, form input.botonaccion[type=submit] img, form.basico .botonaccion.boton img, form.basico input.botonaccion[type=submit] img, form.basico input[type=submit] img { border: none; text-decoration: none; }

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

a.remove, form a.boton.table, div.smallinput a.boton.table, form input.remove[type=submit], div.smallinput input.remove[type=submit], form .remove.boton.botonaccion, div.smallinput .remove.boton.botonaccion { cursor: pointer; }

a.pointer, form a.boton.table, div.smallinput a.boton.table, form input.pointer[type=submit], div.smallinput input.pointer[type=submit], form .pointer.boton.botonaccion, div.smallinput .pointer.boton.botonaccion { cursor: pointer; }

a.orange, form a.boton.table, div.smallinput a.boton.table, form input.orange[type=submit], div.smallinput input.orange[type=submit], form .orange.boton.botonaccion, div.smallinput .orange.boton.botonaccion { color: orange !important; }

.user { font-size: 23px; }

h1, h2, h3, h4, h5 { letter-spacing: 1px; }

span.red, small.red, h1.red, h2.red, h3.red, h4.red, h5.red, th.red, b.red { color: red !important; }

span.red.downred, small.red.downred, h1.red.downred, h2.red.downred, h3.red.downred, h4.red.downred, h5.red.downred, th.red.downred, b.red.downred { color: #ffd9d9; }

span.yellow, small.yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, th.yellow, b.yellow { color: #d9d900 !important; }

span.green, small.green, h1.green, h2.green, h3.green, h4.green, h5.green, th.green, b.green { color: green !important; }

span.green.downred, small.green.downred, h1.green.downred, h2.green.downred, h3.green.downred, h4.green.downred, h5.green.downred, th.green.downred, b.green.downred { color: #c6ffc6 !important; }

span.orange, small.orange, h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, th.orange, b.orange { color: orange !important; }

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

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

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

.red { color: red; }

.bold { font-weight: bold; }

pre { white-space: pre-wrap; }

section { 
  min-width: 100%; 
  /*padding: 3%; */
  padding: 75px 15px 45px 60px;
  min-height: 400px; 
  height: auto; 
  display: block; 
  overflow: hidden; 
  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; 
  width: auto !important; 
}

section.menu1 { padding-left: 177px; }

section.infinitywidth { overflow: scroll; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-backface-visibility: hidden; }

section.thebitacoracontent { padding: 0; }

section.thebitacoracontent .table, section.thebitacoracontent form a.boton.table, form section.thebitacoracontent a.boton.table, section.thebitacoracontent div.smallinput a.boton.table, div.smallinput section.thebitacoracontent a.boton.table { margin: 0; }

section.pop { position: relative; min-width: inherit; width: 80%; margin: 60px auto 0 auto; padding: 0; display: block; height: auto; overflow: inherit; border-top: 5px solid white; }

section.pop.no-border { border-top: none; }

section.pop.no-border.minipieza { width: 400px; }

section.pop.no-border.seccotizacion { width: 950px; }

section.pop.no-border.seccotizacion.biger { width: 1074px; }

section.pop h2.seccion { position: absolute; top: 0; left: 0; color: white; display: block; padding: 10px 20px; margin: -52px 0 0 0; overflow: hidden; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; text-shadow: none; background-color: white; }

div.dash { display: block; padding: 10px 20px; background: rgba(255, 255, 255, 0.8); height: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -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); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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

div.dash h3 { line-height: 2em; margin-bottom: 20px; display: inline; font-size: 16px; margin-left: -4px; color: #4d4d4d; text-transform: uppercase; }

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

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

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

div.dash li a, div.dash li form a.boton.table, form div.dash li a.boton.table, div.dash li div.smallinput a.boton.table, div.smallinput div.dash li a.boton.table, div.dash li form input[type=submit], div.dash li div.smallinput input[type=submit], form div.dash li input[type=submit], div.smallinput div.dash li input[type=submit], div.dash li form .boton.botonaccion, div.dash li div.smallinput .boton.botonaccion, form div.dash li .boton.botonaccion, div.smallinput div.dash li .boton.botonaccion { color: white; width: 100%; font-size: 13px; text-align: center; background-color: #f8faff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 1px; padding: 8px 0; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; display: block; text-transform: uppercase; }

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

div.table, div.regular { padding: 20px; float: left; margin: 0 1% 20px 1%; width: 98%; position: relative; background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.table h4, div.regular h4 { font-size: 25px; line-height: 1.5em; font-family: 'Muli-Black'; font-weight: normal; text-transform: uppercase; color: #4d4d4d; }

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

div.topinfo .saldo { width: 20%; padding: 5px; min-height: 50px; background-color: white; margin-top: 10px; color: #4d4d4d; height: auto; text-transform: uppercase; display: flex; justify-content: space-around; align-items: center; box-shadow: 0px 0px 5px 2px rgba(77, 77, 77, 0.11); 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%; color: #4097DA; text-transform: uppercase; line-height: 2em; }

div.topinfo .saldo div.infoTop b { font-size: 13px; color: #4d4d4d; font-weight: bold; }

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: 350px; }

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: 24%; display: block; margin: 0 1% 20px 1%; }

div.fourth { float: left; width: 23%; display: block; margin: 0 1% 20px 1%; min-height: 260px; }

.pop div.fourth, .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%; }

.index-block { width: 100%; padding: 0 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; display: block; clear: left; }

.index-block .modulo { float: left; list-style: none; margin: 0px 0; }

.index-block .modulo:hover { font-weight: bold; }

.index-block .modulo .boton, .index-block .modulo form input[type=submit], .index-block .modulo div.smallinput input[type=submit], form .index-block .modulo input[type=submit], div.smallinput .index-block .modulo input[type=submit] { padding: 20px 10px 20px 50px !important; background-color: #4d4d4d; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; position: relative; width: 193px; font-size: initial; }

.index-block .modulo .mod-icon { position: absolute; left: 10px; top: 12px; }

.index-block .modulo .mod-icon:hover { background-color: red; border-radius: 15px; }

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

h2 small a, h2 small form a.boton.table, form h2 small a.boton.table, h2 small div.smallinput a.boton.table, div.smallinput h2 small a.boton.table, h2 small form input[type=submit], h2 small div.smallinput input[type=submit], form h2 small input[type=submit], div.smallinput h2 small input[type=submit], h2 small form .boton.botonaccion, h2 small div.smallinput .boton.botonaccion, h2 small form input.botonaccion[type=submit], h2 small form.basico .botonaccion.boton, form h2 small .boton.botonaccion, div.smallinput h2 small .boton.botonaccion, form h2 small input.botonaccion[type=submit], form.basico h2 small .botonaccion.boton, h2 small form.basico input.botonaccion[type=submit], form.basico h2 small input.botonaccion[type=submit], h2 small form.basico input[type=submit], form.basico h2 small input[type=submit] { text-decoration: underline; }

small { font-size: 0.5em; vertical-align: middle; }

h4 { clear: both; }

@media only screen and (max-width: 1024px) { section { padding-right: 40px; } }

.smallimg { width: 15px !important; display: inline-block; vertical-align: top; }

header{
  margin-top: 0; 
  height: 55px; 
  width: 100%; 
  display: block; 
  /*padding: 10px 10px 10px 51px; */
  padding: 10px 10px 10px 10px;
  background-color: #FFFFFF; 
  position: relative; 
  z-index: 100; 
  transition: all 0.25s ease-out;}
  header.header{ 
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100; /* Asegura que el header esté por encima de otros elementos */
    background-color: white; /* O el color de fondo que necesites */
    /* box-shadow: 0 2px 5px rgba(0,0,0,0.1); */
    /*border-bottom: 3px solid #e3e3e3;*/
    margin-top: 0; /* Asegura que no haya margen superior */
    transition: all 0.25s ease-out;
   }
h1 { font-weight: 300; font-size: 20px; margin-top: 3px; text-transform: uppercase; }

h1 img { display: inline; vertical-align: middle; width: 100px; margin-top: -6px; margin-left: -3.5px; }

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

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

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

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

.logo_bitacoras { position: absolute; width: 30%; bottom: 5%; left: 50%; margin-left: -15%; }

#nav{ 
  width: 145px; 
  height: auto; 
  margin-left: -188px; 
  min-height: 100%; 
  position: absolute; 
  top: 55px; 
  left: 0; 
  background-color: white; 
  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; 
  }
  #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; 
    /*position: absolute; */
    top: 7%; 
    left: 138px; 
    /*margin: 0 0 0 35%; */
    margin: 0 0 0 -130px;
    background-color: #345168; 
    background-image: url(../images/menu.png); 
    background-size: 25px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    width: 23px; 
    height: auto; 
    text-align: center; 
    font-size: 24px; 
    display: block; 
    padding: 20px 10px; 
    color: white; 
    z-index: 2; 
  }

#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; padding-top: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#nav ul li.activo { background-color: #eee; }

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

#nav ul li.head > a:first-child, #nav ul form li.head > a.boton.table:first-child, #nav ul div.smallinput li.head > a.boton.table:first-child, #nav ul form li.head > input[type=submit]:first-child, #nav ul div.smallinput li.head > input[type=submit]:first-child, form #nav ul li.head > input[type=submit]:first-child, div.smallinput #nav ul li.head > input[type=submit]:first-child, #nav ul form li.head > .boton.botonaccion:first-child, #nav ul div.smallinput li.head > .boton.botonaccion:first-child, form #nav ul li.head > .boton.botonaccion:first-child, div.smallinput #nav ul li.head > .boton.botonaccion:first-child { width: 125px; height: auto; display: flex; align-content: center; font-size: 16px; margin: 2px 0px 0px 20px; font-weight: bold; line-height: 1em; color: #4d4d4d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; }

#nav ul li.level2 > a:first-child, #nav ul form li.level2 > a.boton.table:first-child, #nav ul div.smallinput li.level2 > a.boton.table:first-child, #nav ul form li.level2 > input[type=submit]:first-child, #nav ul div.smallinput li.level2 > input[type=submit]:first-child, form #nav ul li.level2 > input[type=submit]:first-child, div.smallinput #nav ul li.level2 > input[type=submit]:first-child, #nav ul form li.level2 > .boton.botonaccion:first-child, #nav ul div.smallinput li.level2 > .boton.botonaccion:first-child, form #nav ul li.level2 > .boton.botonaccion:first-child, div.smallinput #nav ul li.level2 > .boton.botonaccion:first-child { text-transform: uppercase; color: #933729; font-family: 'Muli-Bold'; font-size: 1.1em; vertical-align: middle; padding-left: 3% !important; text-align: left; }

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

#nav ul li.level2 > a:first-child span.select-user, #nav ul form li.level2 > input[type=submit]:first-child span.select-user, #nav ul div.smallinput li.level2 > input[type=submit]:first-child span.select-user, form #nav ul li.level2 > input[type=submit]:first-child span.select-user, div.smallinput #nav ul li.level2 > input[type=submit]:first-child span.select-user, #nav ul form li.level2 > .boton.botonaccion:first-child span.select-user, #nav ul div.smallinput li.level2 > .boton.botonaccion:first-child span.select-user, form #nav ul li.level2 > .boton.botonaccion:first-child span.select-user, div.smallinput #nav ul li.level2 > .boton.botonaccion:first-child span.select-user { background-size: 10px; background-position: top 5px right 3px; }

#nav ul li.level2 .folding { display: none; }

#nav ul li.level2 .folding.active { display: inline-block; }

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

#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; padding-left: 5px; padding-right: 5px; 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: 0%; padding-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#nav ul li ul a, #nav ul li ul form input[type=submit], #nav ul li ul div.smallinput input[type=submit], form #nav ul li ul input[type=submit], div.smallinput #nav ul li ul input[type=submit], #nav ul li ul form .boton.botonaccion, #nav ul li ul div.smallinput .boton.botonaccion, form #nav ul li ul .boton.botonaccion, div.smallinput #nav ul li ul .boton.botonaccion { width: auto; padding: 5px 0px 5px 5px !important; display: block; margin: 0; color: #4d4d4d; font-size: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); text-align: left; }

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

.sesion { margin-left: 2.8em; margin-top: -1.5em; position: absolute; color: orange; }

span#menu { display: inline-flex; align-items: center; line-height: 1.5em; margin: 0px 0px 0px 5px; font-size: 12px; font-family: 'Muli-Bold'; }

h3.float { float: left; margin: 10px 0; }

.nolinks a, .nolinks form a.boton.table, form .nolinks a.boton.table, .nolinks div.smallinput a.boton.table, div.smallinput .nolinks a.boton.table, .nolinks form input[type=submit], .nolinks div.smallinput input[type=submit], form .nolinks input[type=submit], div.smallinput .nolinks input[type=submit], .nolinks form .boton.botonaccion, .nolinks div.smallinput .boton.botonaccion, form .nolinks .boton.botonaccion, div.smallinput .nolinks .boton.botonaccion { display: none; }

table.datos { margin-top: 30px; }

form p.leyenda, div.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; }

#items { width: 100%; display: block; clear: both; float: left; }

div.notificacion { position: relative; width: auto; max-width: 450px; margin: 20px auto; padding: 80px 30px 20px 30px; display: block; height: auto; background-color: #1D1D1B; }

div.notificacion h3 { font-weight: 300; margin: 0 0 30px 0; color: white; }

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

div.notificacion p.alerta { color: #333; }

div.notificacion p.alerta span { color: #333 !important; }

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

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

div.notificacion b { color: #0e6bbe; }

form div.notificacion input[type=submit], div.smallinput div.notificacion input[type=submit] { margin-top: -10px; background-color: #706F6F; color: white; }

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

form div#reportepop input[type=submit], div.smallinput div#reportepop input[type=submit] { margin-top: -10px; background-color: #706F6F; color: white; }

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

form div.notificacion input[type=submit]:hover, div.smallinput div.notificacion input[type=submit]:hover { background-color: white; color: #706F6F; }

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

form div#reportepop input[type=submit]:hover, div.smallinput div#reportepop input[type=submit]:hover { background-color: white; color: #706F6F; }

div.notificacion { position: relative; width: auto; max-width: 450px; margin: 20px auto; padding: 80px 30px 20px 30px; display: block; height: auto; background-color: white; }

div.notificacion h3 { font-weight: 300; margin: 0 0 30px 0; color: #218eef; }

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

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

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

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

div.notificacion a.boton:hover, div.notificacion form input[type=submit]:hover, div.notificacion div.smallinput input[type=submit]:hover, form div.notificacion input[type=submit]:hover, div.smallinput div.notificacion input[type=submit]:hover, div.notificacion form .boton.botonaccion:hover, div.notificacion div.smallinput .boton.botonaccion:hover, form div.notificacion .boton.botonaccion:hover, div.smallinput div.notificacion .boton.botonaccion:hover, div#reportepop a.boton:hover, div#reportepop form input[type=submit]:hover, div#reportepop div.smallinput input[type=submit]:hover, form div#reportepop input[type=submit]:hover, div.smallinput div#reportepop input[type=submit]:hover, div#reportepop form .boton.botonaccion:hover, div#reportepop div.smallinput .boton.botonaccion:hover, form div#reportepop .boton.botonaccion:hover, div.smallinput div#reportepop .boton.botonaccion: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; }

@media only screen and (max-width: 768px) { section#login { width: 50%; margin: 0 auto; left: 0; } }

@media only screen and (max-width: 450px) { section#login { width: 90%; left: 1%; } }

.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 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 98%; margin: 0.5%; display: block; padding: 0 5px; clear: both; }

.w90 { width: 90%; float: left; clear: none; display: inline-block; }

.w75, .contenedor.w35, form .bloqueform.w35, div.smallinput .bloqueform.w35, form.basico .bloqueform.w35, .contenedor.w25, form .bloqueform.w25, div.smallinput .bloqueform.w25, form.basico .bloqueform.w25, .contenedor.w33, form .bloqueform.w33, div.smallinput .bloqueform.w33, form.basico .bloqueform.w33, .contenedor.w40, form .bloqueform.w40, div.smallinput .bloqueform.w40, form.basico .bloqueform.w40, .contenedor.w50, form .bloqueform.w50, div.smallinput .bloqueform.w50, form.basico .bloqueform.w50, .contenedor.w60, form .bloqueform.w60, div.smallinput .bloqueform.w60, form.basico .bloqueform.w60, .w35, .w25, .w40, .w50, .w60 { width: 73%; float: left; clear: none; display: inline-block; }

.w60 { width: 57%; }

.w50 { width: 48%; }

.w40 { width: 38%; }

.w25 { width: 23%; }

.w35 { width: 33%; }

.contenedor.w75, .contenedor.w35, .contenedor.w25, .contenedor.w33, .contenedor.w40, .contenedor.w50, .contenedor.w60, form .bloqueform.w75, div.smallinput .bloqueform.w75, form .bloqueform.w35, div.smallinput .bloqueform.w35, form.basico .bloqueform.w35, form .bloqueform.w25, div.smallinput .bloqueform.w25, form.basico .bloqueform.w25, form .bloqueform.w33, div.smallinput .bloqueform.w33, form.basico .bloqueform.w33, form .bloqueform.w40, div.smallinput .bloqueform.w40, form.basico .bloqueform.w40, form .bloqueform.w50, div.smallinput .bloqueform.w50, form.basico .bloqueform.w50, form .bloqueform.w60, div.smallinput .bloqueform.w60, form.basico .bloqueform.w60, form.basico .bloqueform.w75 { width: 73%; float: left; clear: none; display: inline-block; }

.contenedor.w60, form .bloqueform.w60, div.smallinput .bloqueform.w60, form.basico .bloqueform.w60 { width: 57% !important; }

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

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

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

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

.contenedor.w35, form .bloqueform.w35, div.smallinput .bloqueform.w35, form.basico .bloqueform.w35 { width: 33% !important; }

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

.contenedor .bloque, form .bloqueform .bloque, div.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 select, form .bloqueform .bloque input, div.smallinput .bloqueform .bloque input, form .bloqueform .bloque select, div.smallinput .bloqueform .bloque select, form.basico .bloqueform .bloque input, form.basico .bloqueform .bloque select { border: none; border-left: 1px solid #f0f0f0; }

.lista-cultyvo { clear: both; list-style: none; font-size: 12px; margin: 10px 0; float: left; }

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

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

.lista-cultyvo li .key { width: 20%; font-size: 1em; text-transform: uppercase; font-weight: bold; color: #4d4d4d; }

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

.lista-cultyvo li .val { float: left; width: 100%; padding: 3% 5%; font-size: 1.1em; text-align: justify; color: #00AFE7; }

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

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

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

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

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

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

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

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

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

.bloqueform .lista-cultyvo li, .bloque .lista-cultyvo li { background-color: #f9f9f9; }

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

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

#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 { position: fixed; z-index: 100; left: 50%; width: 200px; margin-left: -100px; display: none; }

#alertas .waiting.activo { display: block; text-align: center; font-size: 13px; background: limegreen url(../images/load.gif) no-repeat center top 9px; background-size: 40px; color: white; padding-top: 52px; padding-left: 10px; }

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: pointer; }

.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: #933729; color: white; }

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

p.alerta.diseno { background: url(../images/diseno.png?v2) no-repeat center left 5px; background-color: #53b9e2; background-size: 20px; }

p.alerta.produccion { background: url(../images/produccion.png?v2) no-repeat center left 5px; background-color: #a3a3a3; background-size: 20px; }

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.resalta:disabled { 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.conslide, div.conslide.smallinput { padding-top: 220px !important; }

div.dinabox.conslide .slideshow { float: left; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; -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); }

.slideshow { width: 100%; max-height: 200px; display: block; float: left; overflow: hidden; position: absolute; top: 0; left: 0; }

.slideshow img { width: 100%; }

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

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

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

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

.articulo.tipopriva1 { border-left: 3px solid #2db92d; }

.articulo.tipopriva2 { border-left: 3px solid #e6e600; }

.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 { opacity: 0; display: none; font-size: 10px; padding: 4px; }

.articulo:hover .cancelar { opacity: 1; display: block; }

.calendario { color: #999; font-size: 12px; font-weight: bold; background: transparent url(../images/date.png) no-repeat left top; background-size: 12px; padding-left: 17px; }

.tiempo { font-weight: bold; background: transparent url(../images/time.png) no-repeat left top; background-size: 12px; padding-left: 17px; }

.tiempo.white { background-image: url(../images/timew.png); color: white; }

span.imgcont { position: relative; display: inline-block; width: 15%; margin: 1%; cursor: pointer; }

span.imgcont a, span.imgcont form a.boton.table, form span.imgcont a.boton.table, span.imgcont div.smallinput a.boton.table, div.smallinput span.imgcont a.boton.table, span.imgcont form input[type=submit], span.imgcont div.smallinput input[type=submit], form span.imgcont input[type=submit], div.smallinput span.imgcont input[type=submit], span.imgcont form .boton.botonaccion, span.imgcont div.smallinput .boton.botonaccion, form span.imgcont .boton.botonaccion, div.smallinput span.imgcont .boton.botonaccion { width: 100%; height: 100%; position: relative; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; top: 0; left: 0; overflow: hidden; display: block; }

.no-touch span.imgcont:hover > a, .no-touch form span.imgcont:hover > a.boton.table, .no-touch div.smallinput span.imgcont:hover > a.boton.table, .no-touch form span.imgcont:hover > input[type=submit], .no-touch div.smallinput span.imgcont:hover > input[type=submit], form .no-touch span.imgcont:hover > input[type=submit], div.smallinput .no-touch span.imgcont:hover > input[type=submit], .no-touch form span.imgcont:hover > .boton.botonaccion, .no-touch div.smallinput span.imgcont:hover > .boton.botonaccion, form .no-touch span.imgcont:hover > .boton.botonaccion, div.smallinput .no-touch span.imgcont:hover > .boton.botonaccion { width: 105%; height: 105%; margin: -2.5% 0 0 -2.5%; position: absolute; z-index: 100; }

span.imgcont a img, span.imgcont form a.boton.table img, form span.imgcont a.boton.table img, span.imgcont div.smallinput a.boton.table img, div.smallinput span.imgcont a.boton.table img, span.imgcont form input[type=submit] img, span.imgcont div.smallinput input[type=submit] img, form span.imgcont input[type=submit] img, div.smallinput span.imgcont input[type=submit] img, span.imgcont form .boton.botonaccion img, span.imgcont div.smallinput .boton.botonaccion img, form span.imgcont .boton.botonaccion img, div.smallinput span.imgcont .boton.botonaccion img { position: absolute; display: block; margin: 0; top: 0; left: 0; }

span.imgcont.cuadros a img, span.imgcont.cuadros form input[type=submit] img, span.imgcont.cuadros div.smallinput input[type=submit] img, form span.imgcont.cuadros input[type=submit] img, div.smallinput span.imgcont.cuadros input[type=submit] img, span.imgcont.cuadros form .boton.botonaccion img, span.imgcont.cuadros div.smallinput .boton.botonaccion img, form span.imgcont.cuadros .boton.botonaccion img, div.smallinput span.imgcont.cuadros .boton.botonaccion img { height: 100%; left: 50%; }

.galeria { text-align: center; display: block; }

span.imgcont.seven { width: 14%; margin: .4 3%; }

.no-touch span.imgcont.seven:hover { margin: .2% 1%; }

.no-touch span.imgcont.seven:hover > a, .no-touch form span.imgcont.seven:hover > a.boton.table, .no-touch div.smallinput span.imgcont.seven:hover > a.boton.table, .no-touch form span.imgcont.seven:hover > input[type=submit], .no-touch div.smallinput span.imgcont.seven:hover > input[type=submit], form .no-touch span.imgcont.seven:hover > input[type=submit], div.smallinput .no-touch span.imgcont.seven:hover > input[type=submit], .no-touch form span.imgcont.seven:hover > .boton.botonaccion, .no-touch div.smallinput span.imgcont.seven:hover > .boton.botonaccion, form .no-touch span.imgcont.seven:hover > .boton.botonaccion, div.smallinput .no-touch span.imgcont.seven:hover > .boton.botonaccion { width: 105%; height: 105%; margin: -2.5% 0 0 -2.5%; position: absolute; z-index: 100; }

@media only screen and (min-width: 640px) and (max-width: 800px) { span.imgcont.seven { width: 16%; margin: .4 3%; } }

@media only screen and (min-width: 300px) and (max-width: 639px) { span.imgcont.seven { width: 20%; margin: .4 3%; } }

.rating { width: 100px; height: 20px; background-color: transparent; display: block; overflow: hidden; margin: 0 auto; background-image: url(../images/cali.png?v1); background-position: center bottom 0; background-repeat: no-repeat; background-size: 101px; }

.rating.c0 { background-position: center bottom 0; }

.rating.c1 { background-position: center bottom -20px; }

.rating.c2 { background-position: center bottom -39px; }

.rating.c3 { background-position: center bottom -58px; }

.rating.c4 { background-position: center bottom -77px; }

.rating.c5 { background-position: center top 0; }

/* FUENTES DE GOOGLE WEB FONTS || https://www.google.com/fonts */
small { font-size: 1em; }

.div-duo { height: auto; display: inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.div-duo.izq { float: left; width: 40%; background: #e8eded; }

.div-duo.izq.w70 { width: 74%; }

.div-duo.der { width: 59.7%; float: right; }

.div-duo.der.w25 { width: 25%; }

.div-duo.w80 { width: 80%; height: 62px; float: left; background: #e8eded; background-text-align: center; }

.div-duo.w20 { width: 20%; float: left; height: 62px; text-align: center; }

.cont-datos { width: 100%; height: auto; position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cont-datos table.tablak tbody tr:hover { background-color: transparent !important; cursor: default; }

.cont-datos table.tablak tbody tr:hover td { background-color: transparent !important; cursor: default; }

.cont-datos.colores { margin-top: 8px; display: inline-block; }

.cont-datos.espacio { top: 0; text-align: center; height: 210px; padding-top: 35px; }

.cont-datos.tb { margin-top: 9px; border-top: 1px #dae7e5 solid; }

.p-kardex { font-size: 0.7em; padding-top: 15px; }

.p-kardex.pv { color: #03b170; }

.p-kardex.paz { color: #4874d3; }

.p-kardex.pa { color: #f9c85f; }

.span-kardex { color: #4d4d4d; }

i.icono { display: block; top: 14px; margin: 0 auto; position: relative; }

i.icono-movil { display: none; top: 20px; margin: 0 auto; position: relative; }

.verde-aqua { color: #20b1c4; font-size: 0.8em; }

.verde { background: #03b170; }

.amarillo { background: #f9c85f; }

.azul { background: #4874d3; }

.td-trans { background-color: #e8eded !important; padding: 8px 10px; }

.fondo-verdecito { background: #e8eded; color: #808080; }

@media screen and (max-width: 1024px) { i.icono { display: none; } i.icono-movil { display: block; } }

div.charts { padding: 20px 20px 40px 20px; margin: 0 1%; width: 95%; height: 200px; float: left; background-color: white; overflow: hidden; }

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

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

input:focus, textarea:focus, select:focus { outline: 2px solid rgba(50, 205, 50, 0.5) !important; }

.update { width: 30px; height: 30px; float: left; display: block; margin-top: 3px !important; background: transparent url(../images/update-green.png) no-repeat center center; background-size: 20px; 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; cursor: pointer; }

.update:hover { cursor: pointer; transform: rotate(180deg); }

.lista-flex { display: flex; flex-flow: column; }

#worksucursal, #tryusuarios, #workempresa, #tryune { float: left; width: 200px; height: 40px; margin-top: -5px; }

#worksucursal .update, #tryusuarios .update, #workempresa .update, #tryune .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.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; cursor: pointer; }

#worksucursal .update:hover, #tryusuarios .update:hover, #workempresa .update:hover, #tryune .update:hover { cursor: pointer; transform: rotate(180deg); }

#worksucursal select, #tryusuarios select, #workempresa select, #tryune select { background-size: 15px; border: 1px solid #f0f0f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

#worknave, #tryuser { height: 34px; margin-top: 10px; margin-left: 15px; color: #933729; }

form select.workusuario, div.smallinput select.workusuario { margin: -25px 0 0 120px; width: 50%; }

form select.worknav, div.smallinput select.worknav { margin: -25px 0 0 120px; width: 50%; }

.updateUsuario, .updateNave { margin-top: -25px !important; }

a, form a.boton.table, div.smallinput a.boton.table, form input[type=submit], div.smallinput input[type=submit], form .boton.botonaccion, div.smallinput .boton.botonaccion, form input.botonaccion[type=submit], form.basico .botonaccion.boton, form.basico input.botonaccion[type=submit], form.basico input[type=submit] { color: gray; }

form .bloqueform, div.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: #FFFFFF; padding: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; 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, div.smallinput .bloqueform .foliopestana, form.basico .bloqueform .foliopestana { margin-top: -35px; background-color: white; display: block; color: #4d4d4d; padding: 10px 10px; font-weight: bold; text-transform: uppercase; font-size: 20px; position: absolute; top: 0; right: -1px; }

form .bloqueform h4, div.smallinput .bloqueform h4, form .bloqueform h5, div.smallinput .bloqueform h5, form.basico .bloqueform h4, form.basico .bloqueform h5 { margin-top: 0px; margin-bottom: 5px; font-size: 18px; color: #4d4d4d; }

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

form .bloqueform .edit, div.smallinput .bloqueform .edit, form .bloqueform .borrarbloque, div.smallinput .bloqueform .borrarbloque, form .bloqueform .eliminar, div.smallinput .bloqueform .eliminar, form.basico .bloqueform .edit, form.basico .bloqueform .borrarbloque, form.basico .bloqueform .eliminar { display: none; position: absolute; top: 15px; right: 60px; font-size: 11px; cursor: pointer; }

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

form .bloqueform.inside, div.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 .bloqueform, div.smallinput .bloqueform .bloqueform, form.basico .bloqueform .bloqueform { background-color: #F7FAFF; }

form .bloqueform .bloqueform h4, div.smallinput .bloqueform .bloqueform h4, form .bloqueform .bloqueform h5, div.smallinput .bloqueform .bloqueform h5, form.basico .bloqueform .bloqueform h4, form.basico .bloqueform .bloqueform h5 { color: #666; font-size: 14px; }

form .bloqueform .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform { background-color: white; }

form .bloqueform .bloqueform .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform { background-color: #F7FAFF; }

form .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform { background-color: white; }

.bloqueform p, .bloque p { font-size: 13px; color: #666; }

.bloqueform.moreless, .bloque.moreless { max-height: 90000px; position: relative; }

.bloqueform.moreless .abrircerrar, .bloque.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; }

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

.bloqueform.moreless.closed .abrircerrar, .bloque.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; }

div#tleft { width: 49%; float: left; }

div#tright { width: 49%; float: right; }

form.basico.w95, div.w95.smallinput { width: 95%; }

#detproducto { float: left; width: 210px; height: 40px; margin-top: 0; }

#detproducto input[type=image], #detproducto span.custom-combobox[type=image], #detproducto .custom-combobox-input[type=image] { border: none; float: left; height: 30px; width: 50px !important; margin-right: 0; margin-top: 0; padding: 0; }

#detproducto input[type=text], #detproducto input span.custom-combobox, #detproducto input .custom-combobox-input, #detproducto span.custom-combobox[type=text], #detproducto span.custom-combobox span.custom-combobox, #detproducto span.custom-combobox .custom-combobox-input, #detproducto .custom-combobox-input[type=text], #detproducto .custom-combobox-input span.custom-combobox, #detproducto .custom-combobox-input .custom-combobox-input { margin: 0; border: none; float: left; height: 30px; border-top: 1px solid #009fbd; border-left: 1px solid #009fbd; border-bottom: 1px solid #009fbd; padding-left: 10px; width: 150px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left: 3px; }

#folio, #entrada, .topRight { position: absolute; text-align: right; }

.topRight { top: 15px; right: 35px; color: #047DB3; font-weight: 500; }

.topRight small { font-size: 18px; }

.topRight span.folio { color: red !important; font-size: 28px; vertical-align: middle; }

.topRight.enbloque { top: 12px; right: 40px; }

#folio.folio_boleta { position: absolute; text-align: right; top: 20px; right: 22px; color: #FFFFFF; background-color: #345168; font-weight: 500; width: auto; height: 40px; display: flex; justify-content: center; align-items: center; padding: 5px 10px; }

#folio.folio_boleta small { font-size: 18px; }

#folio.folio_boleta .folio { display: inline-block; font-size: 28px; vertical-align: middle; }

form.small, div.small.smallinput, div.form.small, table.form.small { max-width: 450px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

form.basico.full, div.full.smallinput, div.form.basico.full, table.form.basico.full { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 99%; min-height: 99%; height: auto; top: 0.5%; left: 0.5%; padding: 80px; z-index: 100; font-size: 25px; }

form.basico.full .boton, div.full.smallinput .boton, form.basico.full input[type=submit], div.full.smallinput input[type=submit], div.form.basico.full .boton, div.form.basico.full input[type=submit], table.form.basico.full .boton, table.form.basico.full input[type=submit] { font-size: 30px; -webkit-appearance: none; line-height: 50px; height: auto; }

form.basico.full input, div.full.smallinput input, form.basico.full select, div.full.smallinput select, form.basico.full textarea, div.full.smallinput textarea, form.basico.full label, div.full.smallinput label, form.basico.full span.custom-combobox, div.full.smallinput span.custom-combobox, form.basico.full .custom-combobox-input, div.full.smallinput .custom-combobox-input, div.form.basico.full input, div.form.basico.full select, div.form.basico.full textarea, div.form.basico.full label, div.form.basico.full span.custom-combobox, div.form.basico.full .custom-combobox-input, table.form.basico.full input, table.form.basico.full select, table.form.basico.full textarea, table.form.basico.full label, table.form.basico.full span.custom-combobox, table.form.basico.full .custom-combobox-input { font-size: 25px !important; }

form.basico.full input, div.full.smallinput input, form.basico.full select, div.full.smallinput select, form.basico.full span.custom-combobox, div.full.smallinput span.custom-combobox, form.basico.full .custom-combobox-input, div.full.smallinput .custom-combobox-input, div.form.basico.full input, div.form.basico.full select, div.form.basico.full span.custom-combobox, div.form.basico.full .custom-combobox-input, table.form.basico.full input, table.form.basico.full select, table.form.basico.full span.custom-combobox, table.form.basico.full .custom-combobox-input { height: 75px; }

form.basico.full textarea, div.full.smallinput textarea, div.form.basico.full textarea, table.form.basico.full textarea { height: 200px; }

form.basico, div.smallinput, div.form.basico, table.form.basico { width: 550px; font-family: 'Muli-Bold'; height: auto; margin: 0 auto 0 auto; background-color: #F7FAFF; padding: 40px 20px 20px 20px; overflow: hidden; position: relative; }

form.basico h3, div.smallinput h3, div.form.basico h3, table.form.basico h3 { margin: -20px 0 20px 0; text-transform: uppercase; color: #4d4d4d; font-weight: lighter; font-size: 24px; }

form.basico h3 .resaltar, div.smallinput h3 .resaltar, div.form.basico h3 .resaltar, table.form.basico h3 .resaltar { color: #f9f9f9; }

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

form p.info, div.smallinput p.info, div.form p.info, table.form p.info { font-size: 11.5px; margin: 0 0 10px 0; padding: 0 0 5px 30px; background: url(../images/normal.png?v3) no-repeat top left; line-height: 1.5em; clear: both; }

form.basico, div.smallinput, div.form.basico, table.form.basico { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

form.basico label, div.smallinput label, div.form.basico label, table.form.basico label { width: 25%; height: 35px; float: left; padding: 2px 15px 3px 0; margin: 3px 0 0 0; font-size: 12px; text-align: right; font-weight: bold; line-height: 2.6em; clear: left; position: relative; color: white; background-color: #666666 !important; }

form.basico label.half, div.smallinput label.half, div.form.basico label.half, table.form.basico label.half { width: 40%; }

form.basico label.duo, div.smallinput label.duo, div.form.basico label.duo, table.form.basico label.duo { width: 15%; }

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

form.basico label.trio:not(.radio), div.smallinput label.trio:not(.radio), div.form.basico label.trio:not(.radio), table.form.basico label.trio:not(.radio) { clear: none; width: 11%; margin-left: 10px; }

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

form.basico label.red, div.smallinput label.red, div.form.basico label.red, table.form.basico label.red { background-color: red !important; color: white; }

form.basico label.green, div.smallinput label.green, div.form.basico label.green, table.form.basico label.green { background-color: limegreen !important; color: white; }

form.basico label.orange, div.smallinput label.orange, div.form.basico label.orange, table.form.basico label.orange { background-color: orange !important; color: white; }

form.filtros_ label, div.filtros_.smallinput label, div.form.filtros_ label, table.form.filtros_ label { background-color: rgba(255, 255, 255, 0.3); }

form input, div.smallinput input, form textarea, div.smallinput textarea, form select, div.smallinput select, form span.custom-combobox, div.smallinput span.custom-combobox, form .custom-combobox-input, div.smallinput .custom-combobox-input, div.form input, div.form textarea, div.form select, div.form span.custom-combobox, div.form .custom-combobox-input, table.form input, table.form textarea, table.form select, table.form span.custom-combobox, table.form .custom-combobox-input { width: 70%; border: none; float: left; height: 35px; padding: 3px 10px; margin: 3px 0 0 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

form input.half, div.smallinput input.half, form textarea.half, div.smallinput textarea.half, form select.half, div.smallinput select.half, form span.custom-combobox.half, div.smallinput span.custom-combobox.half, form .custom-combobox-input.half, div.smallinput .custom-combobox-input.half, div.form input.half, div.form textarea.half, div.form select.half, div.form span.custom-combobox.half, div.form .custom-combobox-input.half, table.form input.half, table.form textarea.half, table.form select.half, table.form span.custom-combobox.half, table.form .custom-combobox-input.half { width: 35%; margin-right: 35%; }

form input.trio, div.smallinput input.trio, form textarea.trio, div.smallinput textarea.trio, form select.trio, div.smallinput select.trio, form span.custom-combobox.trio, div.smallinput span.custom-combobox.trio, form .custom-combobox-input.trio, div.smallinput .custom-combobox-input.trio, div.form input.trio, div.form textarea.trio, div.form select.trio, div.form span.custom-combobox.trio, div.form .custom-combobox-input.trio, table.form input.trio, table.form textarea.trio, table.form select.trio, table.form span.custom-combobox.trio, table.form .custom-combobox-input.trio { margin-right: 1%; width: 20%; }

form input.duo, div.smallinput input.duo, form textarea.duo, div.smallinput textarea.duo, form select.duo, div.smallinput select.duo, form span.custom-combobox.duo, div.smallinput span.custom-combobox.duo, form .custom-combobox-input.duo, div.smallinput .custom-combobox-input.duo, div.form input.duo, div.form textarea.duo, div.form select.duo, div.form span.custom-combobox.duo, div.form .custom-combobox-input.duo, table.form input.duo, table.form textarea.duo, table.form select.duo, table.form span.custom-combobox.duo, table.form .custom-combobox-input.duo { margin-right: 1%; width: 23.55%; }

form input.duo.half, div.smallinput input.duo.half, form textarea.duo.half, div.smallinput textarea.duo.half, form select.duo.half, div.smallinput select.duo.half, form span.custom-combobox.duo.half, div.smallinput span.custom-combobox.duo.half, form .custom-combobox-input.duo.half, div.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, table.form input.duo.half, table.form textarea.duo.half, table.form select.duo.half, table.form span.custom-combobox.duo.half, table.form .custom-combobox-input.duo.half { margin-right: 2%; width: 40%; }

form input.cuatrocinco, div.smallinput input.cuatrocinco, form textarea.cuatrocinco, div.smallinput textarea.cuatrocinco, form select.cuatrocinco, div.smallinput select.cuatrocinco, form span.custom-combobox.cuatrocinco, div.smallinput span.custom-combobox.cuatrocinco, form .custom-combobox-input.cuatrocinco, div.smallinput .custom-combobox-input.cuatrocinco, div.form input.cuatrocinco, div.form textarea.cuatrocinco, div.form select.cuatrocinco, div.form span.custom-combobox.cuatrocinco, div.form .custom-combobox-input.cuatrocinco, table.form input.cuatrocinco, table.form textarea.cuatrocinco, table.form select.cuatrocinco, table.form span.custom-combobox.cuatrocinco, table.form .custom-combobox-input.cuatrocinco { width: 44%; margin-right: 25%; }

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

form input.right-side, div.smallinput input.right-side, form textarea.right-side, div.smallinput textarea.right-side, form select.right-side, div.smallinput select.right-side, form span.custom-combobox.right-side, div.smallinput span.custom-combobox.right-side, form .custom-combobox-input.right-side, div.smallinput .custom-combobox-input.right-side, div.form input.right-side, div.form textarea.right-side, div.form select.right-side, div.form span.custom-combobox.right-side, div.form .custom-combobox-input.right-side, table.form input.right-side, table.form textarea.right-side, table.form select.right-side, table.form span.custom-combobox.right-side, table.form .custom-combobox-input.right-side { float: right; clear: left; }

form input.right-side.half, div.smallinput input.right-side.half, form textarea.right-side.half, div.smallinput textarea.right-side.half, form select.right-side.half, div.smallinput select.right-side.half, form span.custom-combobox.right-side.half, div.smallinput span.custom-combobox.right-side.half, form .custom-combobox-input.right-side.half, div.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, table.form input.right-side.half, table.form textarea.right-side.half, table.form select.right-side.half, table.form span.custom-combobox.right-side.half, table.form .custom-combobox-input.right-side.half { margin-right: 0; margin-left: 35%; }

form input.right-side.duo, div.smallinput input.right-side.duo, form textarea.right-side.duo, div.smallinput textarea.right-side.duo, form select.right-side.duo, div.smallinput select.right-side.duo, form span.custom-combobox.right-side.duo, div.smallinput span.custom-combobox.right-side.duo, form .custom-combobox-input.right-side.duo, div.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, table.form input.right-side.duo, table.form textarea.right-side.duo, table.form select.right-side.duo, table.form span.custom-combobox.right-side.duo, table.form .custom-combobox-input.right-side.duo { margin-right: 0; margin-left: 2%; }

form input.right-side.cincocinco, div.smallinput input.right-side.cincocinco, form textarea.right-side.cincocinco, div.smallinput textarea.right-side.cincocinco, form select.right-side.cincocinco, div.smallinput select.right-side.cincocinco, form span.custom-combobox.right-side.cincocinco, div.smallinput span.custom-combobox.right-side.cincocinco, form .custom-combobox-input.right-side.cincocinco, div.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, table.form input.right-side.cincocinco, table.form textarea.right-side.cincocinco, table.form select.right-side.cincocinco, table.form span.custom-combobox.right-side.cincocinco, table.form .custom-combobox-input.right-side.cincocinco { margin-right: 0; margin-left: 15%; }

form input.no-right, div.smallinput input.no-right, form textarea.no-right, div.smallinput textarea.no-right, form select.no-right, div.smallinput select.no-right, form span.custom-combobox.no-right, div.smallinput span.custom-combobox.no-right, form .custom-combobox-input.no-right, div.smallinput .custom-combobox-input.no-right, div.form input.no-right, div.form textarea.no-right, div.form select.no-right, div.form span.custom-combobox.no-right, div.form .custom-combobox-input.no-right, table.form input.no-right, table.form textarea.no-right, table.form select.no-right, table.form span.custom-combobox.no-right, table.form .custom-combobox-input.no-right { margin-right: 0 !important; }

form input.big, div.smallinput input.big, form textarea.big, div.smallinput textarea.big, form select.big, div.smallinput select.big, form span.custom-combobox.big, div.smallinput span.custom-combobox.big, form .custom-combobox-input.big, div.smallinput .custom-combobox-input.big, div.form input.big, div.form textarea.big, div.form select.big, div.form span.custom-combobox.big, div.form .custom-combobox-input.big, table.form input.big, table.form textarea.big, table.form select.big, table.form span.custom-combobox.big, table.form .custom-combobox-input.big { font-size: 25px; }

form .custom-combobox-input, div.smallinput .custom-combobox-input, div.form .custom-combobox-input, table.form .custom-combobox-input { margin: 0; }

form select, div.smallinput select, form span.custom-combobox, div.smallinput span.custom-combobox, form .custom-combobox-input, div.smallinput .custom-combobox-input, div.form select, div.form span.custom-combobox, div.form .custom-combobox-input, table.form select, table.form span.custom-combobox, table.form .custom-combobox-input { -webkit-appearance: none; background: rgba(216, 216, 219, 0.2) url(../images/select.png?v1) no-repeat center right 8px; border-radius: 0; position: relative; background-size: 15px; }

form select.picker__select--year, div.smallinput select.picker__select--year, form select.picker__select--month, div.smallinput select.picker__select--month, form span.custom-combobox.picker__select--year, div.smallinput span.custom-combobox.picker__select--year, form span.custom-combobox.picker__select--month, div.smallinput span.custom-combobox.picker__select--month, form .custom-combobox-input.picker__select--year, div.smallinput .custom-combobox-input.picker__select--year, form .custom-combobox-input.picker__select--month, div.smallinput .custom-combobox-input.picker__select--month, div.form select.picker__select--year, div.form select.picker__select--month, div.form span.custom-combobox.picker__select--year, div.form span.custom-combobox.picker__select--month, div.form .custom-combobox-input.picker__select--year, div.form .custom-combobox-input.picker__select--month, table.form select.picker__select--year, table.form select.picker__select--month, table.form span.custom-combobox.picker__select--year, table.form span.custom-combobox.picker__select--month, table.form .custom-combobox-input.picker__select--year, table.form .custom-combobox-input.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, div.smallinput select.picker__select--year, form span.custom-combobox.picker__select--year, div.smallinput span.custom-combobox.picker__select--year, form .custom-combobox-input.picker__select--year, div.smallinput .custom-combobox-input.picker__select--year, div.form select.picker__select--year, div.form span.custom-combobox.picker__select--year, div.form .custom-combobox-input.picker__select--year, table.form select.picker__select--year, table.form span.custom-combobox.picker__select--year, table.form .custom-combobox-input.picker__select--year { margin-left: 100px !important; }

@media (max-width: 500px) { form.basico.full, div.full.smallinput { padding: 80px 30px; } form.basico.full .boton, div.full.smallinput .boton, form.basico.full input[type=submit], div.full.smallinput input[type=submit] { font-size: 20px; } form.basico.full input, div.full.smallinput input, form.basico.full select, div.full.smallinput select, form.basico.full textarea, div.full.smallinput textarea, form.basico.full span.custom-combobox, div.full.smallinput span.custom-combobox, form.basico.full .custom-combobox-input, div.full.smallinput .custom-combobox-input { width: 100%; } }

table td select, table td input, table td textarea { width: 100% !important; margin: 0 !important; border: 1px solid rgba(0, 0, 0, 0.03) !important; height: 25px !important; padding: 5px 3px; font-size: 10px; }

table td select:disabled, table td input:disabled, table td textarea:disabled { font-size: 10px !important; }

table td select.big:disabled, table td input.big:disabled, table td textarea.big:disabled { font-size: 25px !important; }

table td select.codigo, table td input.codigo, table td textarea.codigo { font-size: 11px !important; }

input.tcant { width: 80px; height: 30px; text-align: center !important; }

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

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

form.basico.cotizacion, div.cotizacion.smallinput, form.basico.medium, div.medium.smallinput { width: 100%; max-width: 750px; }

form.basico.cotizacion.big, div.big.smallinput, form.basico.medium.big { max-width: 900px; }

form.basico.cotizacion.biger, div.biger.smallinput, form.basico.medium.biger { max-width: 1024px !important; }

form.basico.cotizacion.biggger, div.biggger.smallinput, form.basico.medium.biggger { width: 100%; min-width: 90% !important; max-width: 1280px !important; }

form.basico.big, div.big.smallinput { width: 900px; }

form.basico.biger, div.biger.smallinput { width: 1024px !important; }

form.basico.plomo, div.plomo.smallinput { background-color: #999; }

form.basico.plomo h3.fnombre, div.plomo.smallinput h3.fnombre { color: white; }

form.basico.plomo a, div.plomo.smallinput a, form.basico.plomo input[type=submit], div.plomo.smallinput input[type=submit], form.basico.plomo .boton.botonaccion, div.plomo.smallinput .boton.botonaccion { color: #ccc; }

form.basico.plomo .bloqueform .bloqueform, div.plomo.smallinput .bloqueform .bloqueform { background-color: #fcfcfc; }

form.basico.plomo .bloqueform .bloqueform .bloqueform, div.plomo.smallinput .bloqueform .bloqueform .bloqueform { background-color: #f0f0f0; }

form p.infocliente, div.smallinput p.infocliente { font-size: 12px; margin: 5px 0 20px 0; padding: 10px 0 10px 30px; background: url(../images/info.png?v2) no-repeat top 11px left 7px; line-height: 1.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; clear: both; }

#descuentos { width: 40%; overflow: hidden; background-color: white; padding: 10px; float: right; }

#descuentos label.desc { width: 70%; clear: both; }

#descgral { position: absolute; width: 60%; bottom: 0; }

#descgral label { width: 20%; }

form.basico.rango, div.rango.smallinput { background-color: transparent; border: none; width: 100%; display: block; padding: 10px; float: left; clear: both; }

form.basico.rango label, div.rango.smallinput label { width: 60px; float: left; clear: none; }

form.basico.rango input[type=text], div.rango.smallinput input[type=text], form.basico.rango span.custom-combobox, div.rango.smallinput span.custom-combobox, form.basico.rango .custom-combobox-input, div.rango.smallinput .custom-combobox-input { max-width: 16%; float: left; clear: none; margin-right: 0; }

form.basico.rango select, div.rango.smallinput select { max-width: 30%; float: left; clear: none; margin-right: 0; }

.boton.clean, form a.boton.table, div.smallinput a.boton.table, form input.clean[type=submit], div.smallinput input.clean[type=submit], form .clean.boton.botonaccion, div.smallinput .clean.boton.botonaccion { margin: 10px 5px 0 0; float: right; background-color: #CCC; }

form.basico.rango input[type=submit], div.rango.smallinput input[type=submit], form.basico.rango .boton.clean, div.rango.smallinput .boton.clean { float: left; clear: none; margin: -15px 0 35px 20px; }

@media only screen and (min-width: 1025px) { form.detpro, div.detpro.smallinput { margin-right: 20px; } form.detpro.code, div.code.smallinput { margin-right: 180px; } }

p.startinit { text-align: center; width: 100%; float: left; margin: 5px; }

p.startinit a, p.startinit form a.boton.table, form p.startinit a.boton.table, p.startinit div.smallinput a.boton.table, div.smallinput p.startinit a.boton.table, p.startinit form input[type=submit], p.startinit div.smallinput input[type=submit], form p.startinit input[type=submit], div.smallinput p.startinit input[type=submit], p.startinit form .boton.botonaccion, p.startinit div.smallinput .boton.botonaccion, form p.startinit .boton.botonaccion, div.smallinput p.startinit .boton.botonaccion { display: inline-block; padding: 40px 30px; border-radius: 100px; background-color: limegreen; font-size: 14px; color: white; cursor: pointer; }

p.startinit a:hover, p.startinit form input[type=submit]:hover, p.startinit div.smallinput input[type=submit]:hover, form p.startinit input[type=submit]:hover, div.smallinput p.startinit input[type=submit]:hover, p.startinit form .boton.botonaccion:hover, p.startinit div.smallinput .boton.botonaccion:hover, form p.startinit .boton.botonaccion:hover, div.smallinput p.startinit .boton.botonaccion:hover { background-color: #5bd75b; }

p.startinit a.stop, p.startinit form input.stop[type=submit], p.startinit div.smallinput input.stop[type=submit], form p.startinit input.stop[type=submit], div.smallinput p.startinit input.stop[type=submit], p.startinit form .stop.boton.botonaccion, p.startinit div.smallinput .stop.boton.botonaccion, form p.startinit .stop.boton.botonaccion, div.smallinput p.startinit .stop.boton.botonaccion { padding: 35px 20px; background-color: red; }

p.startinit a.stop:hover, p.startinit form input.stop[type=submit]:hover, p.startinit div.smallinput input.stop[type=submit]:hover, form p.startinit input.stop[type=submit]:hover, div.smallinput p.startinit input.stop[type=submit]:hover, p.startinit form .stop.boton.botonaccion:hover, p.startinit div.smallinput .stop.boton.botonaccion:hover, form p.startinit .stop.boton.botonaccion:hover, div.smallinput p.startinit .stop.boton.botonaccion:hover { background-color: #ff3333; }

.nuevaimagen { opacity: 0.3; }

.nuevaimagen:hover { opacity: 0.9; }

span.addhold { height: 35px; width: 25%; float: left; clear: left; position: relative; }

span.addhold .added { top: 3px; right: -320%; }

a, form a.boton.table, div.smallinput a.boton.table, form input[type=submit], div.smallinput input[type=submit], form .boton.botonaccion, div.smallinput .boton.botonaccion, form input.botonaccion[type=submit], form.basico .botonaccion.boton, form.basico input.botonaccion[type=submit], form.basico input[type=submit] { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

a.added, form a.boton.table, div.smallinput a.boton.table, form input.added[type=submit], div.smallinput input.added[type=submit], form .added.boton.botonaccion, div.smallinput .added.boton.botonaccion { position: absolute; top: 0; right: -305%; width: 35px; height: 35px; display: block; overflow: hidden; z-index: 10 !important; opacity: 1; cursor: pointer; z-index: 1; background: transparent url(../images/mas.png) no-repeat center center; background-size: 20px; font-size: 20px; }

a.added:hover, form a.boton.table:hover, div.smallinput a.boton.table:hover, form input.added[type=submit]:hover, div.smallinput input.added[type=submit]:hover, form .added.boton.botonaccion:hover, div.smallinput .added.boton.botonaccion:hover { opacity: 0.4; }

a.half, form a.boton.table, div.smallinput a.boton.table, form input.half[type=submit], div.smallinput input.half[type=submit], form .half.boton.botonaccion, div.smallinput .half.boton.botonaccion { right: -166%; }

a.add, a.boton, form a.boton.table, div.smallinput a.boton.table, form input[type=submit], div.smallinput input[type=submit], form .boton.botonaccion, div.smallinput .boton.botonaccion, form input.botonaccion[type=submit], form.basico .botonaccion.boton, form.basico input.botonaccion[type=submit], form.basico input[type=submit] { margin: 5px 0 0 10px !important; padding: 10px 10px 8px 10px !important; background-color: #933729; border: none; color: white; float: right; font-size: 11px; cursor: pointer; }

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

a.add.gimaterial, a.boton.gimaterial, form a.boton.table, div.smallinput a.boton.table, form input.gimaterial[type=submit], div.smallinput input.gimaterial[type=submit], form .boton.gimaterial.botonaccion, div.smallinput .boton.gimaterial.botonaccion { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background-color: #ccc; font-size: 13px; }

a.add.inline, a.boton.inline, form a.boton.table, div.smallinput a.boton.table, form input.inline[type=submit], div.smallinput input.inline[type=submit], form .boton.inline.botonaccion, div.smallinput .boton.inline.botonaccion { padding: 5px 8px !important; margin: 0 !important; float: inherit; display: inline-block; font-size: .9em; }

a.add.inline-blue, a.boton.inline-blue, form a.boton.table, div.smallinput a.boton.table, form input.inline-blue[type=submit], div.smallinput input.inline-blue[type=submit], form .boton.inline-blue.botonaccion, div.smallinput .boton.inline-blue.botonaccion { float: inherit; margin: 0 !important; display: inline-block; padding: 5px 6px !important; background-color: #0098Cf; width: auto; color: white; }

a.add.fleft, a.boton.fleft, form a.boton.table, div.smallinput a.boton.table, form input.fleft[type=submit], div.smallinput input.fleft[type=submit], form .boton.fleft.botonaccion, div.smallinput .boton.fleft.botonaccion { float: left; }

a.add.fondoRojo, a.boton.fondoRojo, form a.boton.table, div.smallinput a.boton.table, form input.fondoRojo[type=submit], div.smallinput input.fondoRojo[type=submit], form .boton.fondoRojo.botonaccion, div.smallinput .boton.fondoRojo.botonaccion { background-color: #933729 !important; }

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

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

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

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

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

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

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

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

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

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

form.basico input[type=submit], div.smallinput input[type=submit] { width: auto !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.categoria { width: 35%; }

h2 a.boton, h2 form a.boton.table, form h2 a.boton.table, h2 div.smallinput a.boton.table, div.smallinput h2 a.boton.table, h2 form input[type=submit], h2 div.smallinput input[type=submit], form h2 input[type=submit], div.smallinput h2 input[type=submit], h2 form .boton.botonaccion, h2 div.smallinput .boton.botonaccion, h2 form input.botonaccion[type=submit], h2 form.basico .botonaccion.boton, form h2 .boton.botonaccion, div.smallinput h2 .boton.botonaccion, form h2 input.botonaccion[type=submit], form.basico h2 .botonaccion.boton, h2 form.basico input.botonaccion[type=submit], form.basico h2 input.botonaccion[type=submit] { float: inherit !important; padding: 6px 8px 5px 28px !important; margin-left: 6px; margin-top: -10px; }

h4 .boton, h4 form a.boton.table, form h4 a.boton.table, h4 div.smallinput a.boton.table, div.smallinput h4 a.boton.table, h4 form input[type=submit], h4 div.smallinput input[type=submit], form h4 input[type=submit], div.smallinput h4 input[type=submit], h4 form .boton.botonaccion, h4 div.smallinput .boton.botonaccion, form h4 .boton.botonaccion, div.smallinput h4 .boton.botonaccion, h4 form.basico .boton.botonaccion, form.basico h4 .boton.botonaccion, h4 form.basico input[type=submit], form.basico h4 input[type=submit] { font-size: 11px; float: inherit !important; padding: 4px 8px 2px 8px !important; line-height: 1.5em; background-color: ColorSec; margin-top: -7px !important; }

h2 .boton, h2 form a.boton.table, form h2 a.boton.table, h2 div.smallinput a.boton.table, div.smallinput h2 a.boton.table, h2 form input[type=submit], h2 div.smallinput input[type=submit], form h2 input[type=submit], div.smallinput h2 input[type=submit], h2 form .boton.botonaccion, h2 div.smallinput .boton.botonaccion, form h2 .boton.botonaccion, div.smallinput h2 .boton.botonaccion, h2 form.basico .boton.botonaccion, form.basico h2 .boton.botonaccion, h2 form.basico input[type=submit], form.basico h2 input[type=submit] { margin-top: -8px !important; }

h2 a, h2 form a.boton.table, h2 form a.boton.table, h2 form div.smallinput a.boton.table, div.smallinput h2 form a.boton.table, h2 form a.table.boton, h2 form a.boton.table, h2 form div.smallinput a.boton.table, div.smallinput h2 form a.boton.table, h2 form div.smallinput a.table.boton, h2 form div.smallinput a.boton.table, h2 form div.smallinput a.boton.table, div.smallinput h2 form a.table.boton, div.smallinput h2 form a.boton.table, div.smallinput h2 form a.boton.table, form h2 a.boton.table, form h2 a.boton.table, form h2 div.smallinput a.boton.table, div.smallinput form h2 a.boton.table, form h2 a.table.boton, form h2 a.boton.table, form h2 div.smallinput a.boton.table, div.smallinput form h2 a.boton.table, form h2 div.smallinput a.table.boton, form h2 div.smallinput a.boton.table, form h2 div.smallinput a.boton.table, div.smallinput form h2 a.table.boton, div.smallinput form h2 a.boton.table, div.smallinput form h2 a.boton.table, h2 div.smallinput a.boton.table, h2 div.smallinput form a.boton.table, form h2 div.smallinput a.boton.table, h2 div.smallinput a.boton.table, h2 div.smallinput form a.table.boton, h2 div.smallinput form a.boton.table, h2 div.smallinput form a.boton.table, form h2 div.smallinput a.table.boton, form h2 div.smallinput a.boton.table, form h2 div.smallinput a.boton.table, h2 div.smallinput a.table.boton, h2 div.smallinput form a.boton.table, form h2 div.smallinput a.boton.table, h2 div.smallinput a.boton.table, div.smallinput h2 a.boton.table, div.smallinput h2 form a.boton.table, form div.smallinput h2 a.boton.table, div.smallinput h2 a.boton.table, div.smallinput h2 form a.table.boton, div.smallinput h2 form a.boton.table, div.smallinput h2 form a.boton.table, form div.smallinput h2 a.table.boton, form div.smallinput h2 a.boton.table, form div.smallinput h2 a.boton.table, div.smallinput h2 a.table.boton, div.smallinput h2 form a.boton.table, form div.smallinput h2 a.boton.table, div.smallinput h2 a.boton.table, h2 form input[type=submit], h2 div.smallinput input[type=submit], form h2 input[type=submit], div.smallinput h2 input[type=submit], h2 form .boton.botonaccion, h2 form a.botonaccion.boton.table, h2 form a.boton.table, h2 form div.smallinput a.boton.table, div.smallinput h2 form a.boton.table, h2 form div.smallinput a.botonaccion.boton.table, h2 form div.smallinput a.boton.table, h2 form div.smallinput a.boton.table, div.smallinput h2 form a.botonaccion.boton.table, div.smallinput h2 form a.boton.table, div.smallinput h2 form a.boton.table, h2 div.smallinput .boton.botonaccion, h2 div.smallinput form a.botonaccion.boton.table, h2 div.smallinput form a.boton.table, h2 div.smallinput form a.boton.table, form h2 div.smallinput a.botonaccion.boton.table, form h2 div.smallinput a.boton.table, form h2 div.smallinput a.boton.table, h2 div.smallinput a.botonaccion.boton.table, h2 div.smallinput form a.boton.table, form h2 div.smallinput a.boton.table, h2 div.smallinput a.boton.table, h2 form input.botonaccion[type=submit], h2 form.basico .botonaccion.boton, h2 form.basico a.botonaccion.boton.table, h2 form.basico a.boton.table, h2 form.basico div.smallinput a.boton.table, div.smallinput h2 form.basico a.boton.table, h2 form.basico div.smallinput a.botonaccion.boton.table, h2 form.basico div.smallinput a.boton.table, h2 form.basico div.smallinput a.boton.table, div.smallinput h2 form.basico a.botonaccion.boton.table, div.smallinput h2 form.basico a.boton.table, div.smallinput h2 form.basico a.boton.table, form h2 .boton.botonaccion, form h2 a.botonaccion.boton.table, form h2 a.boton.table, form h2 div.smallinput a.boton.table, div.smallinput form h2 a.boton.table, form h2 div.smallinput a.botonaccion.boton.table, form h2 div.smallinput a.boton.table, form h2 div.smallinput a.boton.table, div.smallinput form h2 a.botonaccion.boton.table, div.smallinput form h2 a.boton.table, div.smallinput form h2 a.boton.table, div.smallinput h2 .boton.botonaccion, div.smallinput h2 form a.botonaccion.boton.table, div.smallinput h2 form a.boton.table, div.smallinput h2 form a.boton.table, form div.smallinput h2 a.botonaccion.boton.table, form div.smallinput h2 a.boton.table, form div.smallinput h2 a.boton.table, div.smallinput h2 a.botonaccion.boton.table, div.smallinput h2 form a.boton.table, form div.smallinput h2 a.boton.table, div.smallinput h2 a.boton.table, form h2 input.botonaccion[type=submit], form.basico h2 .botonaccion.boton, form.basico h2 a.botonaccion.boton.table, form.basico h2 a.boton.table, form.basico h2 div.smallinput a.boton.table, div.smallinput form.basico h2 a.boton.table, form.basico h2 div.smallinput a.botonaccion.boton.table, form.basico h2 div.smallinput a.boton.table, form.basico h2 div.smallinput a.boton.table, div.smallinput form.basico h2 a.botonaccion.boton.table, div.smallinput form.basico h2 a.boton.table, div.smallinput form.basico h2 a.boton.table, h2 form.basico input.botonaccion[type=submit], form.basico h2 input.botonaccion[type=submit], h2 form.basico input[type=submit], form.basico h2 input[type=submit], h4 a, h4 form a.boton.table, h4 form a.boton.table, h4 form div.smallinput a.boton.table, div.smallinput h4 form a.boton.table, h4 form a.table.boton, h4 form a.boton.table, h4 form div.smallinput a.boton.table, div.smallinput h4 form a.boton.table, h4 form div.smallinput a.table.boton, h4 form div.smallinput a.boton.table, h4 form div.smallinput a.boton.table, div.smallinput h4 form a.table.boton, div.smallinput h4 form a.boton.table, div.smallinput h4 form a.boton.table, form h4 a.boton.table, form h4 a.boton.table, form h4 div.smallinput a.boton.table, div.smallinput form h4 a.boton.table, form h4 a.table.boton, form h4 a.boton.table, form h4 div.smallinput a.boton.table, div.smallinput form h4 a.boton.table, form h4 div.smallinput a.table.boton, form h4 div.smallinput a.boton.table, form h4 div.smallinput a.boton.table, div.smallinput form h4 a.table.boton, div.smallinput form h4 a.boton.table, div.smallinput form h4 a.boton.table, h4 div.smallinput a.boton.table, h4 div.smallinput form a.boton.table, form h4 div.smallinput a.boton.table, h4 div.smallinput a.boton.table, h4 div.smallinput form a.table.boton, h4 div.smallinput form a.boton.table, h4 div.smallinput form a.boton.table, form h4 div.smallinput a.table.boton, form h4 div.smallinput a.boton.table, form h4 div.smallinput a.boton.table, h4 div.smallinput a.table.boton, h4 div.smallinput form a.boton.table, form h4 div.smallinput a.boton.table, h4 div.smallinput a.boton.table, div.smallinput h4 a.boton.table, div.smallinput h4 form a.boton.table, form div.smallinput h4 a.boton.table, div.smallinput h4 a.boton.table, div.smallinput h4 form a.table.boton, div.smallinput h4 form a.boton.table, div.smallinput h4 form a.boton.table, form div.smallinput h4 a.table.boton, form div.smallinput h4 a.boton.table, form div.smallinput h4 a.boton.table, div.smallinput h4 a.table.boton, div.smallinput h4 form a.boton.table, form div.smallinput h4 a.boton.table, div.smallinput h4 a.boton.table, h4 form input[type=submit], h4 div.smallinput input[type=submit], form h4 input[type=submit], div.smallinput h4 input[type=submit], h4 form .boton.botonaccion, h4 form a.botonaccion.boton.table, h4 form a.boton.table, h4 form div.smallinput a.boton.table, div.smallinput h4 form a.boton.table, h4 form div.smallinput a.botonaccion.boton.table, h4 form div.smallinput a.boton.table, h4 form div.smallinput a.boton.table, div.smallinput h4 form a.botonaccion.boton.table, div.smallinput h4 form a.boton.table, div.smallinput h4 form a.boton.table, h4 div.smallinput .boton.botonaccion, h4 div.smallinput form a.botonaccion.boton.table, h4 div.smallinput form a.boton.table, h4 div.smallinput form a.boton.table, form h4 div.smallinput a.botonaccion.boton.table, form h4 div.smallinput a.boton.table, form h4 div.smallinput a.boton.table, h4 div.smallinput a.botonaccion.boton.table, h4 div.smallinput form a.boton.table, form h4 div.smallinput a.boton.table, h4 div.smallinput a.boton.table, h4 form input.botonaccion[type=submit], h4 form.basico .botonaccion.boton, h4 form.basico a.botonaccion.boton.table, h4 form.basico a.boton.table, h4 form.basico div.smallinput a.boton.table, div.smallinput h4 form.basico a.boton.table, h4 form.basico div.smallinput a.botonaccion.boton.table, h4 form.basico div.smallinput a.boton.table, h4 form.basico div.smallinput a.boton.table, div.smallinput h4 form.basico a.botonaccion.boton.table, div.smallinput h4 form.basico a.boton.table, div.smallinput h4 form.basico a.boton.table, form h4 .boton.botonaccion, form h4 a.botonaccion.boton.table, form h4 a.boton.table, form h4 div.smallinput a.boton.table, div.smallinput form h4 a.boton.table, form h4 div.smallinput a.botonaccion.boton.table, form h4 div.smallinput a.boton.table, form h4 div.smallinput a.boton.table, div.smallinput form h4 a.botonaccion.boton.table, div.smallinput form h4 a.boton.table, div.smallinput form h4 a.boton.table, div.smallinput h4 .boton.botonaccion, div.smallinput h4 form a.botonaccion.boton.table, div.smallinput h4 form a.boton.table, div.smallinput h4 form a.boton.table, form div.smallinput h4 a.botonaccion.boton.table, form div.smallinput h4 a.boton.table, form div.smallinput h4 a.boton.table, div.smallinput h4 a.botonaccion.boton.table, div.smallinput h4 form a.boton.table, form div.smallinput h4 a.boton.table, div.smallinput h4 a.boton.table, form h4 input.botonaccion[type=submit], form.basico h4 .botonaccion.boton, form.basico h4 a.botonaccion.boton.table, form.basico h4 a.boton.table, form.basico h4 div.smallinput a.boton.table, div.smallinput form.basico h4 a.boton.table, form.basico h4 div.smallinput a.botonaccion.boton.table, form.basico h4 div.smallinput a.boton.table, form.basico h4 div.smallinput a.boton.table, div.smallinput form.basico h4 a.botonaccion.boton.table, div.smallinput form.basico h4 a.boton.table, div.smallinput form.basico h4 a.boton.table, h4 form.basico input.botonaccion[type=submit], form.basico h4 input.botonaccion[type=submit], h4 form.basico input[type=submit], form.basico h4 input[type=submit] { display: inline-block; vertical-align: middle; }

div .not p a, div .not p form a.boton.table, form div .not p a.boton.table, div.smallinput .not p a.boton.table, div .not p form input[type=submit], div .not p div.smallinput input[type=submit], form div .not p input[type=submit], div.smallinput div .not p input[type=submit], div .not p form .boton.botonaccion, div .not p div.smallinput .boton.botonaccion, form div .not p .boton.botonaccion, div.smallinput div .not p .boton.botonaccion { font-size: 10px; float: none; text-transform: none; text-decoration: none; padding: 3px 8px 2px 25px; background-color: white; color: #333; border: 1px solid #999; margin-left: 10px; float: right; padding-left: 8px; margin-top: 10px; }

h4 a:hover, h4 form a.boton.table:hover, form h4 a.boton.table:hover, h4 div.smallinput a.boton.table:hover, div.smallinput h4 a.boton.table:hover, h4 form input[type=submit]:hover, h4 div.smallinput input[type=submit]:hover, form h4 input[type=submit]:hover, div.smallinput h4 input[type=submit]:hover, h4 form .boton.botonaccion:hover, h4 div.smallinput .boton.botonaccion:hover, form h4 .boton.botonaccion:hover, div.smallinput h4 .boton.botonaccion:hover, div .not p a:hover, div .not p form input[type=submit]:hover, div .not p div.smallinput input[type=submit]:hover, form div .not p input[type=submit]:hover, div.smallinput div .not p input[type=submit]:hover, div .not p form .boton.botonaccion:hover, div .not p div.smallinput .boton.botonaccion:hover, form div .not p .boton.botonaccion:hover, div.smallinput div .not p .boton.botonaccion:hover { background-color: #E5EAEA; }

h2 .boton:hover, h2 form a.boton.table:hover, form h2 a.boton.table:hover, h2 div.smallinput a.boton.table:hover, div.smallinput h2 a.boton.table:hover, h2 form input[type=submit]:hover, h2 div.smallinput input[type=submit]:hover, form h2 input[type=submit]:hover, div.smallinput h2 input[type=submit]:hover { background-color: #666; }

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

form.basico input[type=submit]:hover, div.smallinput input[type=submit]:hover, form.basico input[type=submit]:disabled, div.smallinput input[type=submit]:disabled, form.basico input.loading[type=submit], div.smallinput input.loading[type=submit], form.basico .boton:hover, div.smallinput .boton:hover, form.basico .boton:disabled, div.smallinput .boton:disabled, form.basico .boton.loading, div.smallinput .boton.loading { background-color: #666; }

.boton.borrar, form a.boton.table, div.smallinput a.boton.table, form input.borrar[type=submit], div.smallinput input.borrar[type=submit], form .borrar.boton.botonaccion, div.smallinput .borrar.boton.botonaccion { float: left; position: absolute; bottom: 10px; left: 0; background-color: red; }

.boton.sindatos, form a.boton.table, div.smallinput a.boton.table, form input.sindatos[type=submit], div.smallinput input.sindatos[type=submit], form .sindatos.boton.botonaccion, div.smallinput .sindatos.boton.botonaccion { float: left; position: absolute; bottom: 80px; left: 320px; }

.botoninput { background-color: #F18A00 !important; color: white !important; }

.inputform { background-color: #F1F1F2 !important; }

form input[type=submit], div.smallinput input[type=submit], form .boton.botonaccion, form a.boton.table, div.smallinput .boton.botonaccion, form input.botonaccion[type=submit], form.basico input[type=submit], div.basico.smallinput input[type=submit], form.basico .boton.botonaccion, form.basico input.botonaccion[type=submit] { text-transform: uppercase; padding: 10px 9px !important; height: auto !important; border-left: 1px solid #ff980d; border-top: 1px solid #ff980d; background-color: #F18A00 !important; float: right; }

form input[type=submit]:hover, div.smallinput input[type=submit]:hover, form .boton.botonaccion:hover, div.smallinput .boton.botonaccion:hover, form.basico input[type=submit]:hover, form.basico .boton.botonaccion:hover { background-color: white !important; color: #F18A00; border-right: 1px solid #c16e00; border-bottom: 1px solid #c16e00; }

form.basico input[type=submit]:disabled , div.smallinput input[type=submit]:disabled  { cursor: none; }

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

form.basico textarea.textarea_function, div.smallinput textarea.textarea_function { max-width: 75% !important; }

form.basico input:disabled, div.smallinput input:disabled, form.basico textarea:disabled, div.smallinput textarea:disabled, form.basico select:disabled, div.smallinput select:disabled { background-color: rgba(0, 0, 0, 0.02); color: black; font-size: 11.5px; cursor: default; background-image: url(../images/disabled.png); background-repeat: no-repeat; background-position: top 2px right 2px; background-size: 6px; }

form.basico input.big:disabled, div.smallinput input.big:disabled, form.basico textarea.big:disabled, div.smallinput textarea.big:disabled, form.basico select.big:disabled, div.smallinput select.big:disabled { font-size: 25px !important; }

form.basico input.codigo, div.smallinput input.codigo { border: 1px solid #f0f0f0; font-weight: 500; font-size: 13px; border: 2px solid #999; }

form.notificacion, div.notificacion.smallinput { background-color: #f0f0f0; position: relative; padding: 80px 30px 20px 30px; }

form.notificacion h3, div.notificacion.smallinput h3 { font-weight: 400; margin: 0 0 30px 0; }

form.notificacion .fecha, div.notificacion.smallinput .fecha { position: absolute; top: 15px; right: 15px; }

form.notificacion p, div.notificacion.smallinput p { padding: 20px 0; font-size: 15px; line-height: 1.5em; }

form p.totales, div.smallinput p.totales { font-size: 19px; text-align: right; margin-top: 20px; }

form p.totales small, div.smallinput p.totales small { font-size: .6em; margin-left: 10px; }

form p.totales small.dos, div.smallinput p.totales small.dos { font-size: .8em; color: #666; }

form.reporte, div.reporte.smallinput { background-color: white; padding-top: 10px; min-width: 750px; position: relative; }

form.reporte h3, div.reporte.smallinput h3 { position: absolute; right: 10px; top: 10px; margin: 0; text-align: right; }

form.reporte h4.titulo, div.reporte.smallinput h4.titulo { margin-top: 30px; color: #878787; }

form.reporte .fecha, div.reporte.smallinput .fecha { position: absolute; top: 60px; right: 15px; }

a.added.half, form a.half.table.boton, div.smallinput a.half.table.boton, form input.added.half[type=submit], div.smallinput input.added.half[type=submit], form .added.half.boton.botonaccion, div.smallinput .added.half.boton.botonaccion { right: -205%; }

form .boton.cancelar, form a.boton.table, div.smallinput .boton.cancelar, form input.cancelar[type=submit], div.smallinput input.cancelar[type=submit], form .boton.cancel, div.smallinput .boton.cancel, form input.cancel[type=submit], div.smallinput input.cancel[type=submit], form .boton.borrar, div.smallinput .boton.borrar, form input.borrar[type=submit], div.smallinput input.borrar[type=submit] { float: left; position: absolute; bottom: 10px; left: 10px; background-color: red; }

form .boton.cancelar.green, div.smallinput .boton.cancelar.green, form input.cancelar.green[type=submit], div.smallinput input.cancelar.green[type=submit], form .boton.cancel.green, div.smallinput .boton.cancel.green, form input.cancel.green[type=submit], div.smallinput input.cancel.green[type=submit], form .boton.borrar.green, div.smallinput .boton.borrar.green, form input.borrar.green[type=submit], div.smallinput input.borrar.green[type=submit] { background-color: ColorSec !important; }

form .boton.cancelar.green:hover, div.smallinput .boton.cancelar.green:hover, form input.cancelar.green[type=submit]:hover, div.smallinput input.cancelar.green[type=submit]:hover, form .boton.cancel.green:hover, div.smallinput .boton.cancel.green:hover, form input.cancel.green[type=submit]:hover, div.smallinput input.cancel.green[type=submit]:hover, form .boton.borrar.green:hover, div.smallinput .boton.borrar.green:hover, form input.borrar.green[type=submit]:hover, div.smallinput input.borrar.green[type=submit]:hover { background-color: olivedrab; }

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

form .boton.red:hover, div.smallinput .boton.red:hover, form input.red[type=submit]:hover, div.smallinput input.red[type=submit]:hover { background-color: crimson; }

form .boton.green, form a.boton.table, div.smallinput .boton.green, form input.green[type=submit], div.smallinput input.green[type=submit] { background-color: ColorSec !important; }

form .boton.green:hover, div.smallinput .boton.green:hover, form input.green[type=submit]:hover, div.smallinput input.green[type=submit]:hover { background-color: olivedrab; }

form .boton.orange, form a.boton.table, div.smallinput .boton.orange, form input.orange[type=submit], div.smallinput input.orange[type=submit] { background-color: orange; }

form .boton.orange:hover, div.smallinput .boton.orange:hover, form input.orange[type=submit]:hover, div.smallinput input.orange[type=submit]:hover { background-color: darkorange; }

form .boton.lightgreen, form a.boton.table, div.smallinput .boton.lightgreen, form input.lightgreen[type=submit], div.smallinput input.lightgreen[type=submit] { background-color: skyblue; }

.remover { position: absolute; top: 0; right: 0; font-weight: bold; padding: 2px 5px 3px 5px; line-height: 1em; margin: 0; color: red; background-color: none; cursor: pointer; font-size: 13px; }

.remover:hover { background-color: red; color: white; }

form.avatar h3.fnombre, div.avatar.smallinput h3.fnombre { padding-left: 60px !important; }

form figure.avatar, div.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, div.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; }

p.losbotones { clear: both; position: relative; z-index: 2; }

.archivosCapturables { position: relative; clear: both; text-align: center; }

.archivosCapturables .boton, .archivosCapturables form a.boton.table, form .archivosCapturables a.boton.table, .archivosCapturables div.smallinput a.boton.table, div.smallinput .archivosCapturables a.boton.table, .archivosCapturables form input[type=submit], .archivosCapturables div.smallinput input[type=submit], form .archivosCapturables input[type=submit], div.smallinput .archivosCapturables input[type=submit], .archivosCapturables form .boton.botonaccion, .archivosCapturables div.smallinput .boton.botonaccion, form .archivosCapturables .boton.botonaccion, div.smallinput .archivosCapturables .boton.botonaccion { float: none; display: inline-block; }

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

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

.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; color: black; font-weight: bold; z-index: 999999999 !important; }

.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 { position: relative; }

form input[type=checkbox], div.smallinput input[type=checkbox], form input[type=radio], div.smallinput input[type=radio] { display: none; }

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

form div.radiobox.activo > label.radio, div.smallinput div.radiobox.activo > label.radio, form div.radiobox.activo > label.checkbox, div.smallinput div.radiobox.activo > label.checkbox { background-color: #147380 !important; }

form label.radio, div.smallinput label.radio, form label.checkbox, div.smallinput label.checkbox { width: 100% !important; display: block; position: relative; padding-left: 32px; margin: 0 1px; font-weight: lighter; text-align: left; padding-top: 1px; color: white; background-color: #ff5100 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

form label.radio, div.smallinput label.radio { background-color: #ff5100 !important; }

form label.radio span, div.smallinput label.radio span { background: white; width: 15px; height: 15px; display: block; position: absolute; left: 6px; top: 6px; z-index: 2; border: 1px solid #20b1c4; 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, div.smallinput div.radiobox.activo > label.radio { background-color: #424242 !important; color: white; }

form div.radiobox.activo > label.radio span, div.smallinput div.radiobox.activo > label.radio span { background: rgba(255, 255, 255, 0.8) url(../images/goodRed.png) no-repeat center center; background-size: 12px; box-shadow: none; border-radius: 5px; }

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

form label.checkbox, div.smallinput label.checkbox { border: 1px solid #20b1c4; }

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

form label.checkbox span, div.smallinput label.checkbox span { background: rgba(255, 255, 255, 0.9); width: 14px; border-radius: 5px; height: 14px; display: block; position: absolute; left: 7px; top: 9px; 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.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.checkbox span, div.smallinput div.radiobox.activo > label.checkbox span { background: rgba(255, 255, 255, 0.9) url(../images/goodRed.png) no-repeat center center; background-size: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

form small, div.smallinput small { font-size: 0.7em; }

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

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

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

form.basico.smallinput input, div.smallinput input, form.basico.smallinput textarea, div.smallinput textarea, form.basico.smallinput select, div.smallinput select, form.basico.smallinput label, div.smallinput label, form.basico.smallinput span.custom-combobox, div.smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, div.smallinput .custom-combobox-input { height: 27px; margin: 1px 0 !important; font-size: 11px !important; }

form.basico.smallinput select, div.smallinput select, form.basico.smallinput span.custom-combobox, div.smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, div.smallinput .custom-combobox-input { background-size: 15px; }

form.basico.smallinput select.picker__select--year, div.smallinput select.picker__select--year, form.basico.smallinput select.picker__select--month, div.smallinput select.picker__select--month, form.basico.smallinput span.custom-combobox.picker__select--year, div.smallinput span.custom-combobox.picker__select--year, form.basico.smallinput span.custom-combobox.picker__select--month, div.smallinput span.custom-combobox.picker__select--month, form.basico.smallinput .custom-combobox-input.picker__select--year, div.smallinput .custom-combobox-input.picker__select--year, form.basico.smallinput .custom-combobox-input.picker__select--month, div.smallinput .custom-combobox-input.picker__select--month { margin-top: -4px !important; margin-bottom: 10px !important; }

form.basico.smallinput select.picker__select--year, div.smallinput select.picker__select--year, form.basico.smallinput span.custom-combobox.picker__select--year, div.smallinput span.custom-combobox.picker__select--year, form.basico.smallinput .custom-combobox-input.picker__select--year, div.smallinput .custom-combobox-input.picker__select--year { margin-left: 90px !important; }

form.basico.smallinput label, div.smallinput label { line-height: 1.9em; }

form.basico.smallinput label.radio span, div.smallinput label.radio span { top: 2px; width: 12px; height: 12px; background-size: 10px; }

form.basico.smallinput label.checkbox span, div.smallinput label.checkbox span { top: 2px; width: 12px; height: 12px; background-size: 10px; top: 3px; }

form.basico.smallinput div.radiobox, div.smallinput div.radiobox { height: 25px; margin: 0 0; }

form.basico.smallinput input.falsemin, div.smallinput input.falsemin, form.basico.smallinput textarea.falsemin, div.smallinput textarea.falsemin, form.basico.smallinput select.falsemin, div.smallinput select.falsemin, form.basico.smallinput label.falsemin, div.smallinput label.falsemin { height: 30px; margin: 10px 0 0 5px; padding: 8px 7px 8px 7px; }

form.smallinput input.falsemin[type=submit], div.smallinput input.falsemin[type=submit] { height: 30px; margin: 10px 0 0 5px; padding: 8px 7px 8px 7px; }

form.basico.left, div.left.smallinput { float: left; clear: none; width: 68.3%; }

form.basico.left.fclientes, div.fclientes.smallinput { height: auto; }

form.basico.left.fprendas, div.fprendas.smallinput { height: auto; padding-top: 25px; margin-top: -235px; margin-bottom: 10px; }

form.basico.left.fprendas h4, div.fprendas.smallinput h4 { line-height: 1em; }

form.basico.left-help, div.left-help.smallinput { float: left; clear: none; width: 250px; height: auto; margin-left: 10px; margin-bottom: 10px; }

form.basico.left-help label, div.left-help.smallinput label { width: 40%; }

form.basico.left-help input, div.left-help.smallinput input, form.basico.left-help textarea, div.left-help.smallinput textarea, form.basico.left-help select, div.left-help.smallinput select, form.basico.left-help span.custom-combobox, div.left-help.smallinput span.custom-combobox, form.basico.left-help .custom-combobox-input, div.left-help.smallinput .custom-combobox-input { width: 60%; }

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

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

.smallinput th a.added, .smallinput th form input.added[type=submit], form .smallinput th input.added[type=submit], .smallinput th form .added.boton.botonaccion, form .smallinput th .added.boton.botonaccion, div.smallinput th input.added[type=submit], div.smallinput th .added.boton.botonaccion { 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, form .smallinput th input.added[type=submit]:hover, .smallinput th form .added.boton.botonaccion:hover, form .smallinput th .added.boton.botonaccion:hover, div.smallinput th input.added[type=submit]:hover, div.smallinput th .added.boton.botonaccion:hover { background-size: 17px; }

div.topright.auxiliares { margin-top: 0; margin-right: -10px; }

.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/archivoss.png); }

.topright.auxiliares .auxiliar.historial:before { background-image: url(../images/varios/historial.png); }

.topright.auxiliares .auxiliar.historial:hover:before { background-image: url(../images/varios/historials.png); }

.topright.auxiliares .auxiliar.editar:before { background-image: url(../images/varios/editar.png); }

.topright.auxiliares .auxiliar.editar:hover:before { background-image: url(../images/varios/editars.png); }

.imgbutton { width: 20px; height: 20px; display: block; background-size: 20px; background-position: center center; background-repeat: no-repeat; opacity: 0.7; cursor: pointer; }

.imgbutton:hover { opacity: 1; }

.imgbutton.file-plus { background-image: url(../images/file-plus.png); }

.imgbutton.cloudup { background-image: url(../images/cloudup.png); }

div.topright { position: absolute; top: 10px; right: 20px; }

.topRight, .topright { position: absolute; text-align: right; }

.topRight, .topright { top: 15px; right: 30px; color: #f8faff; font-weight: 500; }

.topRight small, .topright small { font-size: 14px; text-transform: uppercase; }

.topRight small.small, .topright small.small { font-size: 18px; }

.topRight small.small b, .topright small.small b { color: black; }

.topRight span.folio, .topright span.folio { color: #20b1c4; font-size: 20px; }

.det-element { position: relative; display: block; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; margin: 5px 0; }

.det-element.caracteristica { padding: 3px 5px; margin: 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.det-element.caracteristica:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 3px; }

.det-element.caracteristica.nuevo { background-color: rgba(255, 255, 0, 0.1); }

.det-element h4 { text-transform: uppercase; }

.det-element h5 { color: #999; line-height: 1em; font-size: 15px; margin: -5px 0 10px 0; font-weight: bold; text-transform: uppercase; }

.det-element.big { width: 50%; }

.det-element.big p { margin-top: 10px; font-size: 15px; max-width: 60%; }

.det-element.big h5 { margin: -15px 0 0 0; text-transform: none; }

.det-element.big .boton, .det-element.big form input[type=submit], form .det-element.big input[type=submit], .det-element.big div.smallinput input[type=submit], div.smallinput .det-element.big input[type=submit] { position: absolute; bottom: 5px; right: 10px; font-size: 0.8em !important; line-height: 2em; height: auto; }

.det-element.big .boton.doble, .det-element.big form input.doble[type=submit], form .det-element.big input.doble[type=submit], .det-element.big div.smallinput input.doble[type=submit], div.smallinput .det-element.big input.doble[type=submit] { font-size: 0.7em !important; padding: 0 0.5em !important; }

.det-element.big .boton.doble.arriba, .det-element.big form input.doble.arriba[type=submit], form .det-element.big input.doble.arriba[type=submit], .det-element.big div.smallinput input.doble.arriba[type=submit], div.smallinput .det-element.big input.doble.arriba[type=submit] { bottom: inherit; top: 0; }

.det-element.big .boton.less, .det-element.big form input.less[type=submit], form .det-element.big input.less[type=submit], .det-element.big div.smallinput input.less[type=submit], div.smallinput .det-element.big input.less[type=submit] { font-size: 0.6em !important; height: auto; padding: 0 0.5em !important; line-height: 2.5em; }

.det-element.big .smallinput input { height: 40px; width: 50%; }

.det-element.big .smallinput label { height: 40px; font-size: 16px !important; }

.det-element .remover { opacity: 0; }

.det-element:hover .remover { opacity: 1; }

.diferenciar { margin: 10px 0; padding: 5px; background-color: rgba(255, 255, 255, 0.7); height: auto; overflow: hidden; position: relative; }

.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); }

@media (max-width: 768px) { .det-element.big { width: 100%; } }

form.basico.filtro-normal { width: 80%; padding-top: 20px; margin-bottom: 20px; }

form.basico.filtro-small { width: 80%; padding-top: 20px; margin-bottom: 20px; }

.title-number, form.filtros_ .abrircerrar, div.filtros_.smallinput .abrircerrar { width: 35px; height: 35px; background-color: #933729; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; display: block; position: absolute; top: 30px; left: 15px; color: white; font-size: 25px; font-weight: bold; text-align: center; }

form.filtros_, div.filtros_.smallinput { 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; position: relative; min-width: 95%; margin: 0 1%; padding: 0 20px 10px 20px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; }

form.filtros_ h4, div.filtros_.smallinput h4 { margin: 0 0 0 35px; padding: 0; font-size: 20px !important; line-height: 2em !important; font-family: 'Muli-Regular' !important; color: #8c8c8c; }

form.filtros_ .abrircerrar, div.filtros_.smallinput .abrircerrar { display: inline-block; position: absolute; top: 3px; left: 10px; background-image: url(../images/varios/less-white.png); background-size: 20px; background-repeat: no-repeat; background-position: center center; cursor: pointer; }

form.filtros_.closed, div.filtros_.closed.smallinput { max-height: 35px; overflow: hidden; }

form.filtros_.closed .abrircerrar, div.filtros_.closed.smallinput .abrircerrar { background-image: url(../images/varios/icon-filter.png); }

form.filtros_.show, div.filtros_.show.smallinput { background-image: url(../images/less.png); position: inherit; max-height: 1000px; background-color: #f0f0f0; }

.archivosCapturables { position: relative; clear: both; text-align: center; }

.archivosCapturables .boton, .archivosCapturables form a.boton.table, form .archivosCapturables a.boton.table, .archivosCapturables div.smallinput a.boton.table, div.smallinput .archivosCapturables a.boton.table, .archivosCapturables form input[type=submit], form .archivosCapturables input[type=submit], .archivosCapturables form .boton.botonaccion, form .archivosCapturables .boton.botonaccion, .archivosCapturables div.smallinput input[type=submit], div.smallinput .archivosCapturables input[type=submit], .archivosCapturables div.smallinput .boton.botonaccion, div.smallinput .archivosCapturables .boton.botonaccion { float: none; display: inline-block; }

label.requerido:before { content: ''; position: absolute; height: 100%; width: 2px; background-color: gold; top: 0; right: 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; }

.orange { color: orange; }

.subtotal, .GranSubtotal { font-weight: bold; }

#bitacora .contenedor { width: 100%; margin-top: 10%; }

#bitacora .cancelar { bottom: 80px; }

.z-index2 { z-index: 2 !important; }

form.comments, div.comments.smallinput { margin-top: 5px; }

.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.mini { margin-bottom: 5px; padding: 4px 5px 5px 5px; background-color: rgba(0, 0, 0, 0.03); }

.det-comment.mini .comment-content, .det-comment.mini .comment-info { padding-left: 23.4px; }

.det-comment.mini .comment-content .comment-author, .det-comment.mini .comment-info .comment-author { color: orange; font-weight: bold; text-transform: uppercase; }

.det-comment.mini:after { height: 13px; width: 13px; -webkit-border-radius: 6.5px; -moz-border-radius: 6.5px; -ms-border-radius: 6.5px; border-radius: 6.5px; left: 6.5px; margin-top: -6.5px; }

.contenedor.edge { height: auto; min-height: 67px; padding-bottom: 23px; }

.contenedor.edge .comment.full { margin-left: 0; 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 { margin-right: -7px !important; margin-bottom: -32px; }

.contenedor.edge .alerta.pop { display: none !important; }

.pop .contenedor.edge .comment.full { margin-left: -29px; }

.colorBox { position: relative; float: right; height: 57px; width: 75px; top: 10px; right: 0; margin-right: -15px; }

.colorBox.fullwidth { height: 30px; width: 100%; }

.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.linea { background-color: #268aa0; }

.colorBox .colorSelect.linea1 { background-color: #40a7ad; }

.colorBox .colorSelect.linea2 { background-color: #A1B584; }

.colorBox .colorSelect.linea3 { background-color: #C3846A; }

.colorBox .colorSelect.linea4 { background-color: #ED3567; }

.colorBox .colorSelect.linea5 { background-color: #222943; }

span.rosa { color: #ffaab9; }

span.azul { color: #71c5e7; }

.worker { float: left; padding: 2px 5px; font-size: 11px; margin: 1px 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

.worker.dis { background: #229dce url(../images/diseno.png?v2) no-repeat center left 4px; background-size: 10px; padding-left: 18px; }

.worker.prod { background: gray url(../images/produccion.png?v2) no-repeat center left 4px; background-size: 10px; padding-left: 18px; }

.pieza-proyecto, .orden-material, .boton-dinabox { font-size: 12px; width: 100%; display: block; position: relative; clear: both; padding: 10px 10px 10px 60px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: white; background-size: 20px; background-color: #30c330; height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pieza-proyecto.dos, .orden-material.dos, .boton-dinabox.dos { padding: 5px; height: 22px; }

.pieza-proyecto p, .orden-material p, .boton-dinabox p { text-transform: uppercase; }

.pieza-proyecto.add, .orden-material.add, .boton-dinabox.add { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; height: 25px; background-color: #6fc2d7; }

.pieza-proyecto.add:hover, .orden-material.add:hover, .boton-dinabox.add:hover { background-color: #8fcfe0; }

.pieza-proyecto.add .open, .orden-material.add .open, .boton-dinabox.add .open { height: 25px; font-size: 22px; }

.pieza-proyecto.add span.entrega, .orden-material.add span.entrega, .boton-dinabox.add span.entrega { font-size: 11px; color: white; }

.pieza-proyecto.cerrarpro, .orden-material.cerrarpro, .boton-dinabox.cerrarpro { padding-left: 10px; padding-top: 3px; padding-bottom: 5px; height: 25px; background-color: red; position: absolute; width: auto; height: 20px; font-size: 11px; bottom: 0; right: 5px; cursor: pointer; }

.pieza-proyecto.cerrarpro .listono, .orden-material.cerrarpro .listono, .boton-dinabox.cerrarpro .listono { opacity: 0.3; }

.pieza-proyecto.tarea, .orden-material.tarea, .boton-dinabox.tarea { padding-left: 20px; }

.pieza-proyecto.tarea.dis, .orden-material.tarea.dis, .boton-dinabox.tarea.dis { background: #71c5e7 url(../images/diseno.png?v2) no-repeat center left 5px; background-size: 19px; padding-left: 30px; }

.pieza-proyecto.tarea.prod, .orden-material.tarea.prod, .boton-dinabox.tarea.prod { background: gray url(../images/produccion.png?v2) no-repeat center left 5px; background-size: 19px; padding-left: 30px; }

.pieza-proyecto.tarea.ensamble, .orden-material.tarea.ensamble, .boton-dinabox.tarea.ensamble { background: red url(../images/produccion.png?v2) no-repeat center left 5px; background-size: 19px; padding-left: 30px; }

.pieza-proyecto.tarea.encurso, .orden-material.tarea.encurso, .boton-dinabox.tarea.encurso { margin-top: 30px; background-color: orange; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left: 0; }

.pieza-proyecto.tarea.encurso .maquina, .orden-material.tarea.encurso .maquina, .boton-dinabox.tarea.encurso .maquina { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 90%; position: absolute; top: 0; margin-top: -24px; display: block; padding: 5px 10px; font-size: 13px; left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right: 6px; }

.pieza-proyecto.tarea.encurso .maquina.dis, .orden-material.tarea.encurso .maquina.dis, .boton-dinabox.tarea.encurso .maquina.dis { background: #e69500 url(../images/diseno.png?v2) no-repeat center left 5px; background-size: 19px; padding-left: 30px; }

.pieza-proyecto.tarea.encurso .maquina.prod, .orden-material.tarea.encurso .maquina.prod, .boton-dinabox.tarea.encurso .maquina.prod { background: #e69500 url(../images/produccion.png?v2) no-repeat center left 5px; background-size: 18px; padding-left: 30px; }

.pieza-proyecto .pausado, .orden-material .pausado, .boton-dinabox .pausado { display: inline-block; padding: 2px 5px; background-color: red; margin-right: 5px; margin-left: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; color: white; }

.pieza-proyecto .listono, .pieza-proyecto .disenosino, .orden-material .listono, .orden-material .disenosino, .boton-dinabox .listono, .boton-dinabox .disenosino { width: 25px; height: 25px; display: block; position: absolute; top: 5px; left: 3px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; background-size: 20px; opacity: 0.2; }

.pieza-proyecto .listono, .orden-material .listono, .boton-dinabox .listono { left: 25px; background: transparent url(../images/produccion.png) no-repeat center center; background-size: 20px; }

.pieza-proyecto .disenosino, .orden-material .disenosino, .boton-dinabox .disenosino { background: transparent url(../images/diseno.png) no-repeat center center; background-size: 20px; }

.pieza-proyecto.libre, .orden-material.libre, .boton-dinabox.libre { background: #ffb733 url(../images/normal-w.png?v2) no-repeat center left 5px; background-size: 23px; background-position: left 2px top 5px; padding-left: 30px; }

.pieza-proyecto.disenado .disenosino, .orden-material.disenado .disenosino, .boton-dinabox.disenado .disenosino { opacity: 1; }

.pieza-proyecto.producido .listono, .orden-material.producido .listono, .boton-dinabox.producido .listono { opacity: 1; }

.pieza-proyecto.ensamblado, .orden-material.ensamblado, .boton-dinabox.ensamblado { background-color: #e6c200; }

.pieza-proyecto.ensamblado .listono, .orden-material.ensamblado .listono, .boton-dinabox.ensamblado .listono { opacity: 1; }

.pieza-proyecto.ensamble, .orden-material.ensamble, .boton-dinabox.ensamble { background-color: red; }

.pieza-proyecto.ensamble .listono, .orden-material.ensamble .listono, .boton-dinabox.ensamble .listono { opacity: 0.3; }

.pieza-proyecto.ensamble, .pieza-proyecto.ensamblado, .orden-material.ensamble, .orden-material.ensamblado, .boton-dinabox.ensamble, .boton-dinabox.ensamblado { padding-left: 35px; }

.pieza-proyecto.ensamble .disenosino, .pieza-proyecto.ensamblado .disenosino, .orden-material.ensamble .disenosino, .orden-material.ensamblado .disenosino, .boton-dinabox.ensamble .disenosino, .boton-dinabox.ensamblado .disenosino { display: none; }

.pieza-proyecto.ensamble .listono, .pieza-proyecto.ensamblado .listono, .orden-material.ensamble .listono, .orden-material.ensamblado .listono, .boton-dinabox.ensamble .listono, .boton-dinabox.ensamblado .listono { left: 3px; }

.pieza-proyecto .open, .pieza-proyecto .remove, .orden-material .open, .orden-material .remove, .boton-dinabox .open, .boton-dinabox .remove { position: absolute; right: 0; top: 0; padding: 1px 5px 4px 5px; font-size: 30px; line-height: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; background-color: rgba(255, 255, 255, 0.1); -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right: 6px; color: white; }

.pieza-proyecto .open:hover, .pieza-proyecto .remove:hover, .orden-material .open:hover, .orden-material .remove:hover, .boton-dinabox .open:hover, .boton-dinabox .remove:hover { background-color: rgba(0, 0, 0, 0.1); cursor: pinter; }

.pieza-proyecto .open.iniciar, .pieza-proyecto .remove.iniciar, .orden-material .open.iniciar, .orden-material .remove.iniciar, .boton-dinabox .open.iniciar, .boton-dinabox .remove.iniciar { font-size: 15px; padding: 10px; }

.pieza-proyecto .open.pausar, .pieza-proyecto .remove.pausar, .orden-material .open.pausar, .orden-material .remove.pausar, .boton-dinabox .open.pausar, .boton-dinabox .remove.pausar { font-size: 11px; padding: 13px 14px 13px 8px; margin-right: 38px; }

.pieza-proyecto .remove, .orden-material .remove, .boton-dinabox .remove { display: none; margin-right: 25px; }

.pieza-proyecto:hover .remove, .orden-material:hover .remove, .boton-dinabox:hover .remove { display: block; }

.orden-material { padding-left: 10px; background-repeat: no-repeat; background-position: left 10px center; background-size: 25px; }

.orden-material.pendiente { background-color: #ff6666; background-image: url(../images/pendiente.png); }

.orden-material.materiales { background-color: #999; background-image: url(../images/reporte2.png); }

.orden-material.cotizada { background-color: #009b00; background-image: url(../images/archivado.png); }

.orden-material.enviada { background-color: #e6c200; background-image: url(../images/enviado.png); }

.orden-material.pagada { background-color: #00cc00; background-image: url(../images/enviado.png); }

.orden-material.enviada, .orden-material.cotizada, .orden-material.materiales, .orden-material.pendiente, .orden-material.pagada { padding-left: 40px; }

.boton-dinabox { padding-left: 10px; background-repeat: no-repeat; background-position: left 10px center; background-size: 25px; }

.boton-dinabox.reporte { background-color: #009b00; background-image: url(../images/reporte2.png); }

.boton-dinabox.pendiente { background-color: #ff6666; background-image: url(../images/pendiente.png); }

.boton-dinabox.archivado { background-color: #009b00; background-image: url(../images/archivado.png); }

.boton-dinabox.enviada { background-color: #e6c200; background-image: url(../images/enviado.png); }

.boton-dinabox.enviada, .boton-dinabox.archivado, .boton-dinabox.pendiente, .boton-dinabox.reporte { padding-left: 40px; }

.pieza-proyecto.piezaspro { max-height: auto; height: auto; overflow: hidden; }

.pieza-proyecto.piezaspro p { margin-top: -4px; font-size: 13px !important; }

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, form a.listadearchivos.boton.table li, div.smallinput a.listadearchivos.boton.table li, ul.listadeobjetos.table li, form a.listadeobjetos.boton.table li, div.smallinput a.listadeobjetos.boton.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, form a.listadearchivos.boton.table li p, div.smallinput a.listadearchivos.boton.table li p, ul.listadeobjetos.table li p, form a.listadeobjetos.boton.table li p, div.smallinput a.listadeobjetos.boton.table li p { font-size: 11px; }

ul.listadearchivos.table li p i, form a.listadearchivos.boton.table li p i, div.smallinput a.listadearchivos.boton.table li p i, ul.listadeobjetos.table li p i, form a.listadeobjetos.boton.table li p i, div.smallinput a.listadeobjetos.boton.table li p i { margin-left: 3px; }

#tcompra label { width: 40%; margin-left: 7%; }

#tcompra input[type=text] { width: 53%; text-align: right; }

.checkcomp { float: left !important; position: absolute !important; z-index: 2; width: 160px !important; margin-top: 44px !important; margin-left: -32px !important; }

.activo.revisada label { background-color: green !important; }

.checkcomp.pagada label { margin-top: 80px !important; }

.activo.pagada label { background-color: #315287 !important; }

.checkcomp.ivacheck { margin-left: 0; }

#tcompra label.iva.off { opacity: .5; }

#tcompra label.checkbox.iva.off { opacity: 1; }

.asignacion-usuarios { width: 100%; padding: 10px 10px 15px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ededed; display: block; height: auto; overflow: hidden; margin: 5px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.asignacion-usuarios .avatar-holder { width: 60px; max-width: 120px; height: 80px; display: block; float: left; position: relative; }

.asignacion-usuarios .avatar-holder .avatar { width: 35px; height: 35px; overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; margin: 5px auto; border: 2px solid white; }

.asignacion-usuarios .avatar-holder .avatar img { width: 100%; }

.asignacion-usuarios .avatar-holder h4 { width: 100%; font-size: 11px; font-weight: bold; margin: 0 auto; color: black; text-align: center; }

.asignacion-usuarios .avatar-holder h4.small { font-weight: lighter !important; font-size: 10px !important; color: #666 !important; }

.asignacion-usuarios .proyectos-holder { width: 75%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 15px; display: block; overflow: hidden; }

.asignacion-usuarios .proyectos-holder .proyecto { background-color: white; width: auto; height: 24px; font-size: 11.5px; float: left; margin: 3px; padding: 4px 9px 4px 9px; overflow: hidden; color: white; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; position: relative; display: block; padding-right: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.asignacion-usuarios .proyectos-holder .proyecto small { font-size: 8px; margin-top: -3px; }

.asignacion-usuarios .proyectos-holder .proyecto .remover { float: right; margin-right: -3px; height: 25px; width: 20px; display: block; font-size: 14px; font-weight: bold; display: none; text-align: center; line-height: 1.5em; }

.asignacion-usuarios .proyectos-holder .proyecto .remover.activo { display: block; color: white; }

.asignacion-usuarios .proyectos-holder .proyecto .remover.activo:hover { background-color: red; color: white; }

span.custom-combobox { border: none !important; }

.indicadorTotal { display: flex; justify-content: center; align-content: center; align-items: center; color: white !important; border-radius: 10px; margin: 0 10px; width: auto; height: 18px; padding: 9px; min-width: 100px; }

.indicadorTotal .icono { width: 25%; margin: 0 auto; }

.indicadorTotal .informacion { display: flex; align-content: center; flex-direction: column; margin: 0 auto; }

.indicadorTotal .informacion span.precio { font-size: 12px; width: 100%; height: auto; text-align: center; margin: 2px; }

.indicadorTotal .informacion span.tipo { font-size: 10px; text-align: center; width: 100%; margin: 2px; }

.indicadorTotal.saldo { background-color: rgba(255, 18, 18, 0.502); }

.indicadorTotal.total { background-color: rgba(0, 155, 0, 0.49); }

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.3; backdrop-filter: blur(5px); filter: alpha(opacity=30); }

.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: 20px 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 a.boton.table, form .mfp-preloader a.boton.table, .mfp-preloader div.smallinput a.boton.table, div.smallinput .mfp-preloader a.boton.table, .mfp-preloader form input[type=submit], form .mfp-preloader input[type=submit], .mfp-preloader form .boton.botonaccion, form .mfp-preloader .boton.botonaccion, .mfp-preloader div.smallinput input[type=submit], div.smallinput .mfp-preloader input[type=submit], .mfp-preloader div.smallinput .boton.botonaccion, div.smallinput .mfp-preloader .boton.botonaccion { color: #cccccc; }

.mfp-preloader a:hover, .mfp-preloader form a.boton.table:hover, form .mfp-preloader a.boton.table:hover, .mfp-preloader div.smallinput a.boton.table:hover, div.smallinput .mfp-preloader a.boton.table:hover, .mfp-preloader form input[type=submit]:hover, form .mfp-preloader input[type=submit]:hover, .mfp-preloader form .boton.botonaccion:hover, form .mfp-preloader .boton.botonaccion:hover, .mfp-preloader div.smallinput input[type=submit]:hover, div.smallinput .mfp-preloader input[type=submit]:hover, .mfp-preloader div.smallinput .boton.botonaccion:hover, div.smallinput .mfp-preloader .boton.botonaccion: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.3; filter: alpha(opacity=30); }

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

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

p { color: #127577; font-size: 18px; padding: 1.5%; }

span.text-monto { font-size: 13px; }

span.cantidad { float: right; right: -2%; font-size: 16px; }

div.cont-form-kardex { width: 80%; background-color: #20b1c4; height: auto; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-left: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; border-bottom-right: 20px; position: relative; top: 0; margin: -34px auto 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cont-acceso-rapido { width: 100%; display: block; float: left; background-color: white; position: relative; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cont-acceso-rapido .titulo-accesos { width: 100%; height: 60px; background-color: #F7FAFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.cont-dasthird { width: 100%; height: auto; position: relative; float: left; margin: 0auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.cont-dasthird div.dasthird { width: 50%; height: auto; display: inline-block; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.cont-dasthird div.dasthird .dasthird-info { width: 45%; margin: 2%; height: auto; display: inline-block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.cont-dasthird div.dasthird p.titulo { text-align: center; background-color: #F7FAFF; padding: 10px; }

div.cont-dasthird div.dasthird .cubitos { width: 45%; height: auto; margin: 2%; background-color: white; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.cont-dasthird div.dasthird .cubitos .info-cubo { width: 100%; height: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.cont-dasthird div.dasthird .cubitos .info-cubo .ingreso { width: 100%; height: 80px; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.cont-dasthird div.dasthird .cubitos .info-cubo .ingreso h2 { color: #127577; text-align: center; font-size: 10px; }

div.cont-dasthird div.dasthird .cubitos .info-cubo .triangulo { width: 100%; float: left; position: relative; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

div.cont-dasthird div.dasthird .cubitos .info-cubo .triangulo img { margin-left: 43%; margin-bottom: 2%; }

@media only screen and (max-width: 1440px) { span.ciente { font-size: 14px; } span.text-monto { font-size: 11px; } }

#line-template { display: none; }

section.pop div.table { background-color: rgba(255, 255, 255, 0.95); padding: 20px; }

section.infinitywidth div.table { min-height: 600px; }

section.infinitywidth div.table.no-min { min-height: inherit; }

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

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

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

.dinabox { display: block; width: 300px; float: left; position: relative; margin: 5px; padding: 45px 10px 20px 10px; min-height: 400px; background-color: #f6f6f6; border: 1px solid #f0f0f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.dinabox.infinity { width: 350px; position: relative; margin: 5px; }

.dinabox.personaltask { width: 400px; position: relative; background-color: #f0f0f0; border: 1px solid #e6e6e6; }

.dinabox.personaltask .bloque { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.dinabox.personaltask.lista { width: 550px; background-color: white; border: none; padding-top: 0; }

.dinabox.holder { border: 1px dashed #ccc !important; background-color: #f9f9f9; }

.dinabox header { height: 33px; position: absolute !important; width: 100%; top: 0; left: 0; padding: 3px 0 3px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left: 5px; }

.dinabox header .dinabox-folio { float: left; font-size: 20px; line-height: 1.5em; font-weight: bold; color: black; text-transform: uppercase; }

.dinabox header .dinabox-fecha { float: left; font-size: 12px; color: #ccc; margin: 7px 0 0 10px; }

.dinabox header .dinabox-fav { width: 15px; height: 20px; display: block; position: absolute; top: 5px; right: 35px; background-color: transparent; background-position: top center; background-size: 15px; background-repeat: no-repeat; background-image: url(../images/pin.png); }

.dinabox header .dinabox-fav:hover, .dinabox header .dinabox-fav.fav { cursor: pointer; background-size: 12px; background-image: url(../images/pin2.png); }

.dinabox header .dinabox-etiqueta { color: white; text-transform: uppercase; float: right; width: auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; padding: 3px 8px; display: block; position: absolute; font-size: 12px; top: 5px; right: 5px; font-weight: bold; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; color: white; background-color: #ccc; }

.dinabox header .dinabox-etiqueta.Moldes { background-color: #00cc00; }

.dinabox header .dinabox-etiqueta.Fabricación { background-color: #9999ff; }

.dinabox header .dinabox-etiqueta.Reparación { background-color: gray; }

.dinabox header .circulos { width: 100%; display: block; position: absolute; margin-top: -35px; }

.dinabox header .circulo-top { width: 25px; height: 25px; display: block; background-color: #f6f6f6; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; float: left; cursor: pointer; margin-left: 5px; }

.dinabox header .circulo-top.encargado { background: #218eef url(../images/usuarios.png) no-repeat center center; background-size: 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; }

.dinabox header .circulo-top.encargado.disenador { border: 1px solid #218eef; }

.dinabox header .circulo-top.encargado.operador { background-color: #cccccc; border: 1px solid #ccc; }

.dinabox header .circulo-top.encargado img { width: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; }

.dinabox header .circulo-top.diseno0, .dinabox header .circulo-top.diseno1 { background: #f0f0f0 url(../images/diseno1.png) no-repeat center left 7px; background-size: 15px; }

.dinabox header .circulo-top.material0, .dinabox header .circulo-top.material1 { background: #f0f0f0 url(../images/material1.png) no-repeat center center; background-size: 15px; }

.dinabox header .circulo-top.material1, .dinabox header .circulo-top.material0:hover { background-color: #32cd32; background-image: url(../images/material.png); }

.dinabox header .circulo-top.diseno1, .dinabox header .circulo-top.diseno0:hover { background-color: #32cd32; background-image: url(../images/diseno.png); }

.dinabox article { width: 60%; font-size: 12px; float: left; padding: 0 5px 5px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.dinabox article .bloque { position: relative; background-color: white; padding: 10px; -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; }

.dinabox article .bloque:hover .edit { display: block; }

.dinabox article .bloque.moreless.closed { max-height: 108px; }

.dinabox article h2 { font-weight: normal; text-transform: uppercase; font-size: 1.3em; }

.dinabox article h3 { color: #ccc; }

.dinabox article p { padding-top: 3px; line-height: 1.5em; font-size: 12px; text-align: justify; }

.dinabox article.w25 { width: 40%; }

.dinabox .dinabox-botonest .boton, .dinabox .dinabox-botonest form input[type=submit], form .dinabox .dinabox-botonest input[type=submit], .dinabox .dinabox-botonest div.smallinput input[type=submit], div.smallinput .dinabox .dinabox-botonest input[type=submit] { padding-left: 10px !important; text-align: center; }

.dinabox .edit { display: none; top: 5px; right: 5px; }

.dinabox .edit img { width: 20px; opacity: 0.4; }

.dinabox .edit:hover img { opacity: 0.7; }

.dinabox footer { position: absolute; float: left; width: 100%; opacity: 1; color: black; z-index: 1; margin-left: -10px; padding: 3px 10px; font-size: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ccc; color: white; text-align: center; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left: 5px; }

.dinabox footer .boton.table, .dinabox footer form input.table[type=submit], form .dinabox footer input.table[type=submit], .dinabox footer div.smallinput input.table[type=submit], div.smallinput .dinabox footer input.table[type=submit] { width: 100%; background-color: rgba(128, 128, 128, 0.15); -webkit-border-radius: none !important; -moz-border-radius: none !important; -ms-border-radius: none !important; border-radius: none !important; }

.dinabox footer .boton.table:hover, .dinabox footer form input.table[type=submit]:hover, form .dinabox footer input.table[type=submit]:hover, .dinabox footer div.smallinput input.table[type=submit]:hover, div.smallinput .dinabox footer input.table[type=submit]:hover { background-color: gray; }

.dinabox footer .boton.table span, .dinabox footer form input.table[type=submit] span, form .dinabox footer input.table[type=submit] span, .dinabox footer div.smallinput input.table[type=submit] span, div.smallinput .dinabox footer input.table[type=submit] span { font-size: 3em; position: absolute; right: 3px; top: -7px; }

.dinabox footer .boton.table.small, .dinabox footer form input.table.small[type=submit], form .dinabox footer input.table.small[type=submit], .dinabox footer div.smallinput input.table.small[type=submit], div.smallinput .dinabox footer input.table.small[type=submit] { margin: 1px 0 1px 0 !important; padding: 4px 10px !important; }

.dinabox footer.cotizado { background-color: #e6c200; }

.dinabox footer.aprobada { background-color: #009b00; }

.dinabox footer.abierto { background-color: #ff6666; }

table { width: 100%; text-align: center; border-spacing: 0; background-color: transparent; position: relative; }

table.vertical th { width: 30%; text-align: left; border-bottom: 1px solid white; }

table .medida { background-repeat: no-repeat; background-position: left 2px center; background-size: 15px; padding-left: 15px; }

table.fixed { table-layout: fixed; }

h4 { font-weight: 400; font-size: 17px; line-height: 2em; color: #e30a18; }

p.info { font-size: 12px; line-height: 1.3em; margin: 0; font-weight: 300; padding: 3px; color: #666; }

a.accion img, form a.boton.table img, div.smallinput a.boton.table img, form input.accion[type=submit] img, form .accion.boton.botonaccion img, div.smallinput input.accion[type=submit] img, div.smallinput .accion.boton.botonaccion img { width: 20px; }

tr.input td { padding: 1px; vertical-align: top; }

tr.input td input, tr.input td textarea, tr.input td select { background-color: rgba(255, 255, 255, 0.5) !important; }

tr.merged td.merged { background: transparent !important; }

tr.merged td.merged input { display: none; }

span.merged { width: 100%; height: 20px; display: block; background-image: url(../images/merge-op.png); background-position: center left 60%; background-repeat: no-repeat; background-size: 20px; opacity: 0.2; }

table { border-spacing: 1px; border-collapse: separate; }

table tbody td, table thead th { border-top: none; }

table th:last-child { border-right: none; }

table thead th, table th { font-weight: bold; position: relative; font-size: 12px; text-align: center; background-color: #345168; color: white; padding: 6px 3px; text-transform: uppercase; }

table thead th.resaltar, table th.resaltar { background-color: rgba(0, 0, 0, 0.06) !important; }

table thead th.importante, table th.importante { background-color: rgba(0, 0, 0, 0.02) !important; }

table td.resaltar:not(.merged), table tbody td.resaltar:not(.merged) { background-color: rgba(0, 0, 0, 0.06) !important; }

table td.importantef:not(.merged), table tbody td.importantef:not(.merged) { background-color: rgba(0, 0, 0, 0.02) !important; }

table td.transparent, table tbody td.transparent { background-color: transparent !important; }

table tbody tr { background-color: rgba(230, 230, 230, 0.01); }

table tbody tr:nth-child( odd ) { background-color: rgba(230, 230, 230, 0.09); }

table tbody tr:nth-child( odd ) td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.7); }

table td { font-size: 11px; font-weight: 400; padding: 2px 3px; background-color: rgba(255, 255, 255, 0.85) !important; }

table td.merged { background-image: url(../images/merge-op.png); background-position: center left 51%; background-repeat: no-repeat; background-size: 20px; }

table td:first-child { font-weight: 500; }

table td a, table td form a.boton.table, form table td a.boton.table, table td div.smallinput a.boton.table, div.smallinput table td a.boton.table, table td form.basico input[type=submit], form.basico table td input[type=submit], table td form input[type=submit], form table td input[type=submit], table td form .boton.botonaccion, form table td .boton.botonaccion, table td form.basico .boton.botonaccion, form.basico table td .boton.botonaccion, table td form input.botonaccion[type=submit], form table td input.botonaccion[type=submit], table td form.basico input.botonaccion[type=submit], form.basico table td input.botonaccion[type=submit], table td div.smallinput input[type=submit], div.smallinput table td input[type=submit], table td div.smallinput .boton.botonaccion, div.smallinput table td .boton.botonaccion { color: #0d64b2; }

table td a:hover, table td form a.boton.table:hover, form table td a.boton.table:hover, table td div.smallinput a.boton.table:hover, div.smallinput table td a.boton.table:hover, table td form input[type=submit]:hover, form table td input[type=submit]:hover, table td form .boton.botonaccion:hover, form table td .boton.botonaccion:hover, table td div.smallinput input[type=submit]:hover, div.smallinput table td input[type=submit]:hover, table td div.smallinput .boton.botonaccion:hover, div.smallinput table td .boton.botonaccion:hover { color: #041d33; }

table td b { font-size: 1.1em; font-weight: 700; }

table td.input { padding: 1px; vertical-align: top; }

table td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.9) !important; }

table td.topline { border-top: 1px solid black; }

table.trselect tbody tr:hover, table.trselect tbody tr.activo, div.table table tbody tr:hover, div.table table tbody tr.activo { background-color: #218eef !important; cursor: pointer; }

table.trselect tbody tr:hover td, div.table table tbody tr:hover td { background-color: rgba(255, 255, 255, 0.6) !important; cursor: pointer; }

.alignleft { text-align: left; }

.mayus { text-transform: uppercase; }

.dtticons { width: 10px; }

.red { color: #e30a18; }

.redredf { color: red; }

.green { color: #00CC00; }

.red, .redred, .green { font-weight: 500; }

p.paginado { text-align: center; color: #999; font-size: 13px; }

p.paginado a, p.paginado form a.boton.table, form p.paginado a.boton.table, p.paginado div.smallinput a.boton.table, div.smallinput p.paginado a.boton.table, p.paginado form input[type=submit], form p.paginado input[type=submit], p.paginado form .boton.botonaccion, form p.paginado .boton.botonaccion, p.paginado div.smallinput input[type=submit], div.smallinput p.paginado input[type=submit], p.paginado div.smallinput .boton.botonaccion, div.smallinput p.paginado .boton.botonaccion { color: blue; }

table#items { border: none; background: black; background: rgba(0, 0, 0, 0.02); }

table#items th { border: none; }

table#items td { border: none; border-bottom: 1px solid #E5EAEA; }

table#items input[type=number] { height: 32px; width: 70px; text-align: center; }

.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 a.boton.table, form p.paginado a.boton.table, p.paginado div.smallinput a.boton.table, div.smallinput p.paginado a.boton.table, p.paginado form input[type=submit], form p.paginado input[type=submit], p.paginado form .boton.botonaccion, form p.paginado .boton.botonaccion, p.paginado div.smallinput input[type=submit], div.smallinput p.paginado input[type=submit], p.paginado div.smallinput .boton.botonaccion, div.smallinput p.paginado .boton.botonaccion { color: blue; }

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#items { border: none; background: black; background: rgba(0, 0, 0, 0.02); }

table#items th { border: none; }

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

table .medida { background-repeat: no-repeat; background-position: left 2px center; background-size: 15px; padding-left: 15px; }

table .medida.money { text-align: right !important; }

table .kg { background-image: url(../images/tablas/kg.png); }

table .horas { text-align: right !important; }

table .horas:after { content: ' hrs'; }

table .gr { background-image: url(../images/tablas/gr.png); }

table .horas { text-align: right !important; }

table .horas:after { content: ' hrs'; }

table .money { background-image: url(../images/tablas/money.png); }

table .horas { text-align: right !important; }

table .horas:after { content: ' hrs'; }

table .l { background-image: url(../images/tablas/l.png); }

table .horas { text-align: right !important; }

table .horas:after { content: ' hrs'; }

table .ml { background-image: url(../images/tablas/ml.png); }

table .horas { text-align: right !important; }

table .horas:after { content: ' hrs'; }

table .t { background-image: url(../images/tablas/t.png); }

table .horas { text-align: right !important; }

table .horas:after { content: ' hrs'; }

table .pz { background-image: url(../images/tablas/pz.png); }

table .horas { text-align: right !important; }

table .horas:after { content: ' hrs'; }

table .percent { background-image: url(../images/tablas/percent.png); padding-left: 20px; }

table .horas { text-align: right !important; }

table .horas:after { content: ' hrs'; }

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

table.ligera thead th, table.ligera th { background-color: transparent !important; color: #333; padding: 5px 2px; font-size: 11px; font-weight: bold; }

table.ligera td { font-size: 10px; }

a.boton.table, form a.boton.table, div.smallinput a.boton.table { margin: 1px auto !important; float: inherit !important; display: inline-block; padding: 8px 9px 6px 30px; 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, form a.boton.table, div.smallinput a.boton.table { padding: 8px 9px 7px 30px !important; text-align: left; }

a.boton.table.mid { padding: 5px 10px 4px 10px; margin-bottom: 1px; }

a.boton.table.small { margin: 1px 0 1px 0 !important; padding: 4px 10px !important; text-align: center; }

table a.botontabla, table form input.botontabla[type=submit], form table input.botontabla[type=submit], table form .botontabla.boton.botonaccion, form table .botontabla.boton.botonaccion, table div.smallinput input.botontabla[type=submit], div.smallinput table input.botontabla[type=submit], table div.smallinput .botontabla.boton.botonaccion, div.smallinput table .botontabla.boton.botonaccion, table form a.botontabla.boton.table, form table a.botontabla.boton.table, table div.smallinput a.botontabla.boton.table, div.smallinput table a.botontabla.boton.table { width: 100%; height: 100%; display: block; }

a.boton.table.mid { margin-bottom: 1px; }

table td .addLineTabla { position: absolute; margin-top: 2px !important; }

.cultyvo-filter { float: right; top: 20px; right: 20px; width: auto; }

input.cultyvo-filter-search { display: inline-block; width: 200px; height: 26px; padding: 4px; border: 1px solid #f0f0f0; }

input.cultyvo-filter-search:focus { outline: none; }

.cultyvo-filter-button { padding: 6px 10px; border-radius: 2px; border: none; display: inline-block; color: #fff; text-decoration: none; background-color: #4d4d4d; height: 26px; margin-left: 5px; cursor: pointer; }

.cultyvo-filter-button:hover, .cultyvo-filter-button.active { background-color: #933729; }

.cultyvo-filter-button:focus { outline: none; }

.cultyvo-filter-sort { cursor: pointer; background-position: center right 5px; background-repeat: no-repeat; background-size: 10px; }

.cultyvo-filter-sort:hover { text-decoration: none; background-image: url(../images/select.png); }

.cultyvo-filter-sort:focus { outline: none; }

.cultyvo-filter-sort.desc { background-image: url(../images/select.png); padding-right: 7px; }

.cultyvo-filter-sort.desc:hover { background-image: url(../images/select-up.png); }

.cultyvo-filter-sort.asc { background-image: url(../images/select-up.png); padding-right: 7px; }

.cultyvo-filter-sort.asc:hover { background-image: url(../images/select.png); }

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 form .boton.botonaccion, form ul.cultyvo-paginacion li.active .boton.botonaccion, ul.cultyvo-paginacion li.active div.smallinput input[type=submit], div.smallinput ul.cultyvo-paginacion li.active input[type=submit], ul.cultyvo-paginacion li.active div.smallinput .boton.botonaccion, div.smallinput ul.cultyvo-paginacion li.active .boton.botonaccion, ul.cultyvo-paginacion li .page:hover { font-size: 14px; color: #218eef; }

.saldo { padding-left: 3%; font-size: 13px; color: #333; }

.saldo:first-child, .saldo.nopadding { 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; }

p.info b.yellow { color: #c3c300; }

p.info b.blue { color: #71c5e7; }

table tbody tr.red, table tbody tr.red td { color: black; background-color: rgba(255, 0, 0, 0.05) !important; }

table tbody tr.green, table tbody tr.green td { color: black; background-color: rgba(169, 200, 17, 0.3) !important; }

table tbody tr.blue, table tbody tr.blue td { color: black; background-color: rgba(113, 197, 231, 0.3) !important; }

table tbody tr.yellow, table tbody tr.yellow td { color: black; background-color: #ffffb3 !important; }

table tbody tr.orange, table tbody tr.orange td { color: black; background-color: #ffe4b3 !important; }

table.vertical th { width: 30%; text-align: left; border-bottom: 1px solid white; }

table tr td.sumar { background-color: #0bb345 !important; border: 1px dotted white; }

table tr td.sumar:nth-child(odd) { background-color: #0dc64c !important; border: 1px dotted white; }

table tr:nth-child(odd) td.sumar { background-color: #0ca03f !important; border: 1px dotted white; }

table tr:nth-child(odd) td.sumar:nth-child(odd) { background-color: #0db346 !important; border: 1px dotted white; }

#sumatoria { position: fixed; bottom: 10px; right: 8%; z-index: 99999999; }

.sumatoria { float: right; background-color: white; padding: 10px; margin-left: 10px; border: 1px solid #f8faff; -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); }

.notas-post { width: 22px; height: 22px; display: inline-block; overflow: hidden; background-image: url(../images/note-colors.png); background-position: center left -3px; background-repeat: no-repeat; background-size: 150px; }

.notas-post.notas-verde { background-position: center left -28px; }

.notas-post.notas-naranja { background-position: center left -52px; }

.notas-post.notas-azul { background-position: center left -76px; }

.notas-post.notas-rosa { background-position: center left -100px; }

.notas-post.notas-roja { background-position: center left -124px; }

.cobrar { cursor: pointer; opacity: 0.9; }

.cobrar:hover { opacity: 1; }

tr:hover > td.eliminar > .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; }

td.eliminar:hover > .deathnote { display: block; }

td.cultyvo-edit { position: relative; cursor: pointer; }

td.cultyvo-edit input, td.cultyvo-edit select { margin: 0; padding: 0; width: 100%; text-align: center; height: 30px; -webkit-border-top-right-radius: inherit !important; -moz-border-radius-topright: inherit !important; border-top-right: inherit !important; -webkit-border-bottom-right-radius: inherit !important; -moz-border-radius-bottomright: inherit !important; border-bottom-right: inherit !important; }

td.cultyvo-edit:after { content: ''; width: 10px; height: 10px; position: absolute; right: 0; top: 0; height: 100%; background: transparent url(../images/editar.png) no-repeat top 2px right 2px; background-size: 5px; opacity: 0; }

td.cultyvo-edit:hover:after { opacity: 1; }

#tempinput { position: absolute; top: 0; left: 100%; width: 200px; z-index: 10; border: 2px solid #218eef; margin: -2px 0 0 0; }

#tempinput input { width: 60% !important; clear: none; margin: 0; float: left; height: 30px !important; padding: 0; }

#tempinput .boton, #tempinput form input[type=submit], form #tempinput input[type=submit], #tempinput div.smallinput input[type=submit], div.smallinput #tempinput input[type=submit] { width: 20% !important; clear: none; margin: 0 !important; padding: 9px 5px; float: left !important; height: 30px; -webkit-border-radius: none !important; -moz-border-radius: none !important; -ms-border-radius: none !important; border-radius: none !important; }

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

#tempinput .boton.red:hover, #tempinput form input.red[type=submit]:hover, form #tempinput input.red[type=submit]:hover, #tempinput div.smallinput input.red[type=submit]:hover, div.smallinput #tempinput input.red[type=submit]:hover { background-color: #CC3300; }

.entrada-salida { float: left; clear: left; background-color: rgba(0, 0, 0, 0.05); padding: 3px 5px 3px 5px; margin: 1px 0; position: relative; padding-right: 30px; }

.entrada-salida small { font-size: 0.95em; text-transform: lowercase; color: #666; }

.entrada-salida small.comment_ { padding-left: 5px; display: inline-block; }

.entrada-salida small.comment_:before { content: '- '; margin-left: -5px; }

table.conceptos_nomina tr { background-color: white; }

table.conceptos_nomina th { font-weight: bold; background-color: transparent; color: black; }

table input[type='checkbox'] { display: inline-block; width: 25px !important; }

table > tfoot > tr > th.tdSumatorias { background-color: #345168 !important; }

#reportepop { position: relative; width: 100%; width: 950px; margin: 10px auto; padding: 0 0 50px 0; display: block; height: auto; background-color: white; font-size: 11px; }

#reportepop .chori { width: 320px; }

#reporte { width: 1000px; max-width: 950px; height: auto; margin: 0 0 10px 0; display: block; border: none !important; background-color: white; position: relative; }

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

.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: 250px; 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; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

#reporte table th { font-size: 1em; background-color: #ccc; padding: 5px !important; letter-spacing: 1px; border: 1px solid #ccc; }

#reporte table th small { font-size: 0.8em; vertical-align: middle; }

#reporte table td { padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

#reporte table td.no-lines { border: none; }

#reporte table td:first-child { border-left: 1px solid #ccc; }

#reporte table td.no-lines:first-child { border: none; }

#reporte table.prendas { float: left; width: 470px !important; }

#reporte table.tasa { float: left; width: 450px !important; }

#reporte table.tasa th { text-align: left; }

.vatop { vertical-align: top !important; }

table { width: 100% !important; }

table td b { font-size: 1em !important; }

table.recibo { position: relative; height: auto; display: inline-block; width: 100% !important; }

table.datosgenerales { position: relative; height: auto; display: inline-block; width: 100%; margin-top: 10px; text-transform: uppercase; }

table.datosgenerales td { width: 30%; background-color: transparent; text-align: left; width: 20.23%; padding: 5px; }

table.datosgenerales th { text-align: left; background-color: #ccc !important; padding: 5px !important; width: 13%; letter-spacing: 1px; }

table.datosgenerales tr td, table.datosgenerales tr:nth-child(odd) td { background-color: white !important; }

span.padding { padding-left: 10px; }

#reportepop p.botones { margin-right: 355px; margin-top: 10px; }

span.red { color: red; }

.contenedor { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 98%; margin: 0.5%; display: block; padding: 0 5px; clear: both; }

.contenedor.w75, .contenedor.w60, .contenedor.w50, .contenedor.w40, .contenedor.w25, .contenedor.w35, .contenedor.w60, form .contenedor.bloqueform.w60, form.basico .contenedor.bloqueform.w60, .contenedor.w50, form .contenedor.bloqueform.w50, form.basico .contenedor.bloqueform.w50, .contenedor.w40, form .contenedor.bloqueform.w40, form.basico .contenedor.bloqueform.w40, .contenedor.w33, form .contenedor.bloqueform.w33, form.basico .contenedor.bloqueform.w33, .contenedor.w25, form .contenedor.bloqueform.w25, form.basico .contenedor.bloqueform.w25, .contenedor.w35, form .contenedor.bloqueform.w35, form.basico .contenedor.bloqueform.w35, div.smallinput .contenedor.bloqueform.w60, div.basico.smallinput .contenedor.bloqueform.w60, div.smallinput .contenedor.bloqueform.w50, div.basico.smallinput .contenedor.bloqueform.w50, div.smallinput .contenedor.bloqueform.w40, div.basico.smallinput .contenedor.bloqueform.w40, div.smallinput .contenedor.bloqueform.w33, div.basico.smallinput .contenedor.bloqueform.w33, div.smallinput .contenedor.bloqueform.w25, div.basico.smallinput .contenedor.bloqueform.w25, div.smallinput .contenedor.bloqueform.w35, div.basico.smallinput .contenedor.bloqueform.w35, form .bloqueform.w75, div.smallinput .bloqueform.w75, form .bloqueform.w60, div.smallinput .bloqueform.w60, form .bloqueform.w50, div.smallinput .bloqueform.w50, form .bloqueform.w40, div.smallinput .bloqueform.w40, form .bloqueform.w25, div.smallinput .bloqueform.w25, form .bloqueform.w35, div.smallinput .bloqueform.w35, form .bloqueform.contenedor.w60, div.smallinput .bloqueform.contenedor.w60, form .bloqueform.w60, div.smallinput form .bloqueform.w60, form div.smallinput .bloqueform.w60, form.basico .bloqueform.w60, div.smallinput form.basico .bloqueform.w60, form.basico div.smallinput .bloqueform.w60, form .bloqueform.contenedor.w50, div.smallinput .bloqueform.contenedor.w50, form .bloqueform.w50, div.smallinput form .bloqueform.w50, form div.smallinput .bloqueform.w50, form.basico .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w50, form .bloqueform.contenedor.w40, div.smallinput .bloqueform.contenedor.w40, form .bloqueform.w40, div.smallinput form .bloqueform.w40, form div.smallinput .bloqueform.w40, form.basico .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w40, form .bloqueform.contenedor.w33, div.smallinput .bloqueform.contenedor.w33, form .bloqueform.w33, div.smallinput form .bloqueform.w33, form div.smallinput .bloqueform.w33, form.basico .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w33, form .bloqueform.contenedor.w25, div.smallinput .bloqueform.contenedor.w25, form .bloqueform.w25, div.smallinput form .bloqueform.w25, form div.smallinput .bloqueform.w25, form.basico .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico div.smallinput .bloqueform.w25, form .bloqueform.contenedor.w35, div.smallinput .bloqueform.contenedor.w35, form .bloqueform.w35, div.smallinput form .bloqueform.w35, form div.smallinput .bloqueform.w35, form.basico .bloqueform.w35, div.smallinput form.basico .bloqueform.w35, form.basico div.smallinput .bloqueform.w35, form div.smallinput .bloqueform.w60, div.smallinput form .bloqueform.w60, div.smallinput .bloqueform.w60, form div.basico.smallinput .bloqueform.w60, div.basico.smallinput form .bloqueform.w60, div.basico.smallinput .bloqueform.w60, form div.smallinput .bloqueform.w50, div.smallinput form .bloqueform.w50, div.smallinput .bloqueform.w50, form div.basico.smallinput .bloqueform.w50, div.basico.smallinput form .bloqueform.w50, div.basico.smallinput .bloqueform.w50, form div.smallinput .bloqueform.w40, div.smallinput form .bloqueform.w40, div.smallinput .bloqueform.w40, form div.basico.smallinput .bloqueform.w40, div.basico.smallinput form .bloqueform.w40, div.basico.smallinput .bloqueform.w40, form div.smallinput .bloqueform.w33, div.smallinput form .bloqueform.w33, div.smallinput .bloqueform.w33, form div.basico.smallinput .bloqueform.w33, div.basico.smallinput form .bloqueform.w33, div.basico.smallinput .bloqueform.w33, form div.smallinput .bloqueform.w25, div.smallinput form .bloqueform.w25, div.smallinput .bloqueform.w25, form div.basico.smallinput .bloqueform.w25, div.basico.smallinput form .bloqueform.w25, div.basico.smallinput .bloqueform.w25, form div.smallinput .bloqueform.w35, div.smallinput form .bloqueform.w35, div.smallinput .bloqueform.w35, form div.basico.smallinput .bloqueform.w35, div.basico.smallinput form .bloqueform.w35, div.basico.smallinput .bloqueform.w35, form.basico .bloqueform.w75, form.basico .bloqueform.w60, form.basico .bloqueform.w50, form.basico .bloqueform.w40, form.basico .bloqueform.w25, form.basico .bloqueform.w35, form.basico .bloqueform.contenedor.w60, form.basico .bloqueform.w60, form.basico .bloqueform.w60, form.basico .bloqueform.contenedor.w50, form.basico .bloqueform.w50, form.basico .bloqueform.w50, form.basico .bloqueform.contenedor.w40, form.basico .bloqueform.w40, form.basico .bloqueform.w40, form.basico .bloqueform.contenedor.w33, form.basico .bloqueform.w33, form.basico .bloqueform.w33, form.basico .bloqueform.contenedor.w25, form.basico .bloqueform.w25, form.basico .bloqueform.w25, form.basico .bloqueform.contenedor.w35, form.basico .bloqueform.w35, form.basico .bloqueform.w35, form.basico div.smallinput .bloqueform.w60, div.smallinput form.basico .bloqueform.w60, form.basico div.basico.smallinput .bloqueform.w60, div.basico.smallinput form.basico .bloqueform.w60, form.basico div.smallinput .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico div.basico.smallinput .bloqueform.w50, div.basico.smallinput form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico div.basico.smallinput .bloqueform.w40, div.basico.smallinput form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico div.basico.smallinput .bloqueform.w33, div.basico.smallinput form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico div.basico.smallinput .bloqueform.w25, div.basico.smallinput form.basico .bloqueform.w25, form.basico div.smallinput .bloqueform.w35, div.smallinput form.basico .bloqueform.w35, form.basico div.basico.smallinput .bloqueform.w35, div.basico.smallinput form.basico .bloqueform.w35 { width: 73%; float: left; clear: none; display: inline-block; }

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

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

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

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

.cont-switch { border: 2px white solid; position: absolute; width: auto; height: absolute; margin-top: -1.9%; right: 50%; margin-right: -250px; }

.cont-switch .div-trio { border: 2px white solid; position: relative; width: auto; height: 30px; display: inline-block; float: left; }

.switch-button { display: inline-block; }

.switch-button .switch-button__checkbox { display: none; }

.switch-button .switch-button__label { background-color: #fe5e41; width: 50px; height: 28px; border-radius: 48px; display: inline-block; position: relative; }

.switch-button .switch-button__label:before { transition: .2s; display: block; position: absolute; width: 28px; height: 28px; background-color: #fdffff; content: ''; border-radius: 50%; box-shadow: inset 0px 0px 0px 1px #000; }

.switch-button .switch-button__checkbox:checked + .switch-button__label { background-color: #00a878; }

.switch-button .switch-button__checkbox:checked + .switch-button__label:before { transform: translateX(20px); }

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

section#login { background-color: white; height: 100%; width: 100%; position: absolute; padding: 0; display: block; overflow: hidden; z-index: 10000000000000; }

section#login header h1 img { width: 50px; margin-left: 10px; }

section#login form.login, section#login div.login.smallinput { position: absolute; top: 50%; left: 50%; margin: -130px 0 0 -275px; width: 550px !important; }

section#login div.container { display: block; justify-content: center; align-content: center; width: 100%; height: auto; }

section#login div.container .logo { width: 50%; height: 100px; margin: 3% auto; text-align: center; }

section#login div.container .logo.footer { height: 50px; }

section#login div.container .logo.footer img { width: 10%; }

section#login div.container .logo img { width: 32%; }

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

section#login div.container form.login h3, section#login div.container div.login.smallinput h3 { color: #933729; font-weight: bold; font-size: 30px; margin: -20px 0 0px 0; }

section#login div.container form.login input[type=text], section#login div.container div.login.smallinput input[type=text], section#login div.container form.login input[type=password], section#login div.container div.login.smallinput input[type=password] { width: 50%; display: block; float: none; margin: 0 auto; margin-top: 4%; box-shadow: 0px 0px 5px 2px rgba(77, 77, 77, 0.11); height: 40px; padding: 3px 10px 3px 40px; background: white url(../images/varios/password.png) no-repeat center left 5px; background-size: 30px; }

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

section#login div.container form.login input[type=submit], section#login div.container div.login.smallinput input[type=submit] { -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; float: none; margin: 4% auto !important; }

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

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

.cultyvo-filter-button { padding: 6px 10px; border-radius: 2px; border: none; display: inline-block; color: #929496; text-decoration: none; background-color: #F1F1F2; height: 26px; margin-left: 5px; cursor: pointer; }

.cultyvo-filter-button:hover, .cultyvo-filter-button.active { background-color: #345168; color: #FFFFFF; }

nav#pestanas { float: left; clear: both; display: block; width: 95%; padding: 0 20px; border-bottom: 5px solid #345168; margin: 0 1%; }

nav#pestanas ul { list-style: none; }

nav#pestanas li a, nav#pestanas li form input[type=submit], form nav#pestanas li input[type=submit], nav#pestanas li form .boton.botonaccion, form nav#pestanas li .boton.botonaccion, nav#pestanas li div.smallinput input[type=submit], div.smallinput nav#pestanas li input[type=submit], nav#pestanas li div.smallinput .boton.botonaccion, div.smallinput nav#pestanas li .boton.botonaccion { width: auto; max-width: 400px; padding: 8px 10px; display: inline-block; text-align: center; background-color: #F1F1F2; color: #929496; float: left; font-size: 14px; margin-right: 1px; vertical-align: bottom; text-transform: uppercase; -webkit-border-top-left-radius: 2px !important; -moz-border-radius-topleft: 2px !important; border-top-left: 2px !important; -webkit-border-top-right-radius: 2px !important; -moz-border-radius-topright: 2px !important; border-top-right: 2px !important; -webkit-border-bottom-left-radius: 0 !important; -moz-border-radius-bottomleft: 0 !important; border-bottom-left: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; border-bottom-right: 0 !important; }

nav#pestanas li:first-child { margin-left: -20px; }

nav#pestanas li.activo a, nav#pestanas li.activo form.basico input[type=submit], form.basico nav#pestanas li.activo input[type=submit], nav#pestanas li.activo form input[type=submit], form nav#pestanas li.activo input[type=submit], nav#pestanas li.activo form .boton.botonaccion, form nav#pestanas li.activo .boton.botonaccion, nav#pestanas li.activo form.basico .boton.botonaccion, form.basico nav#pestanas li.activo .boton.botonaccion, nav#pestanas li.activo form input.botonaccion[type=submit], form nav#pestanas li.activo input.botonaccion[type=submit], nav#pestanas li.activo form .botonaccion.boton, form nav#pestanas li.activo .botonaccion.boton, nav#pestanas li.activo form.basico .botonaccion.boton, form.basico nav#pestanas li.activo .botonaccion.boton, nav#pestanas li.activo form.basico input.botonaccion[type=submit], form.basico nav#pestanas li.activo input.botonaccion[type=submit], nav#pestanas li.activo div.basico.smallinput input[type=submit], div.basico.smallinput nav#pestanas li.activo input[type=submit], nav#pestanas li.activo div.smallinput input[type=submit], div.smallinput nav#pestanas li.activo input[type=submit], nav#pestanas li.activo div.smallinput .boton.botonaccion, div.smallinput nav#pestanas li.activo .boton.botonaccion, nav#pestanas li.activo div.basico.smallinput .boton.botonaccion, div.basico.smallinput nav#pestanas li.activo .boton.botonaccion, nav#pestanas li.activo form a.boton.table, form nav#pestanas li.activo a.boton.table, nav#pestanas li.activo div.smallinput a.boton.table, div.smallinput nav#pestanas li.activo a.boton.table, nav#pestanas li.activo form div.smallinput a.boton.table, form div.smallinput nav#pestanas li.activo a.boton.table, nav#pestanas li.activo div.smallinput form a.boton.table, div.smallinput form nav#pestanas li.activo a.boton.table, nav#pestanas li.activo form a.botonaccion.boton.table, form nav#pestanas li.activo a.botonaccion.boton.table, nav#pestanas li.activo form div.smallinput a.botonaccion.boton.table, form div.smallinput nav#pestanas li.activo a.botonaccion.boton.table, nav#pestanas li.activo div.smallinput form a.botonaccion.boton.table, div.smallinput form nav#pestanas li.activo a.botonaccion.boton.table, nav#pestanas li.activo form.basico a.botonaccion.boton.table, form.basico nav#pestanas li.activo a.botonaccion.boton.table, nav#pestanas li.activo form.basico div.smallinput a.botonaccion.boton.table, form.basico div.smallinput nav#pestanas li.activo a.botonaccion.boton.table, nav#pestanas li.activo div.smallinput form.basico a.botonaccion.boton.table, div.smallinput form.basico nav#pestanas li.activo a.botonaccion.boton.table, nav#pestanas li.activo form a.table.boton, form nav#pestanas li.activo a.table.boton, nav#pestanas li.activo form div.smallinput a.table.boton, form div.smallinput nav#pestanas li.activo a.table.boton, nav#pestanas li.activo div.smallinput form a.table.boton, div.smallinput form nav#pestanas li.activo a.table.boton, nav#pestanas li.activo div.smallinput a.table.boton, div.smallinput nav#pestanas li.activo a.table.boton, nav#pestanas li:hover a, nav#pestanas li:hover form.basico input[type=submit], form.basico nav#pestanas li:hover input[type=submit], nav#pestanas li:hover form input[type=submit], form nav#pestanas li:hover input[type=submit], nav#pestanas li:hover form .boton.botonaccion, form nav#pestanas li:hover .boton.botonaccion, nav#pestanas li:hover form.basico .boton.botonaccion, form.basico nav#pestanas li:hover .boton.botonaccion, nav#pestanas li:hover form input.botonaccion[type=submit], form nav#pestanas li:hover input.botonaccion[type=submit], nav#pestanas li:hover form .botonaccion.boton, form nav#pestanas li:hover .botonaccion.boton, nav#pestanas li:hover form.basico .botonaccion.boton, form.basico nav#pestanas li:hover .botonaccion.boton, nav#pestanas li:hover form.basico input.botonaccion[type=submit], form.basico nav#pestanas li:hover input.botonaccion[type=submit], nav#pestanas li:hover div.basico.smallinput input[type=submit], div.basico.smallinput nav#pestanas li:hover input[type=submit], nav#pestanas li:hover div.smallinput input[type=submit], div.smallinput nav#pestanas li:hover input[type=submit], nav#pestanas li:hover div.smallinput .boton.botonaccion, div.smallinput nav#pestanas li:hover .boton.botonaccion, nav#pestanas li:hover div.basico.smallinput .boton.botonaccion, div.basico.smallinput nav#pestanas li:hover .boton.botonaccion, nav#pestanas li:hover form a.boton.table, form nav#pestanas li:hover a.boton.table, nav#pestanas li:hover div.smallinput a.boton.table, div.smallinput nav#pestanas li:hover a.boton.table, nav#pestanas li:hover form div.smallinput a.boton.table, form div.smallinput nav#pestanas li:hover a.boton.table, nav#pestanas li:hover div.smallinput form a.boton.table, div.smallinput form nav#pestanas li:hover a.boton.table, nav#pestanas li:hover form a.botonaccion.boton.table, form nav#pestanas li:hover a.botonaccion.boton.table, nav#pestanas li:hover form div.smallinput a.botonaccion.boton.table, form div.smallinput nav#pestanas li:hover a.botonaccion.boton.table, nav#pestanas li:hover div.smallinput form a.botonaccion.boton.table, div.smallinput form nav#pestanas li:hover a.botonaccion.boton.table, nav#pestanas li:hover form.basico a.botonaccion.boton.table, form.basico nav#pestanas li:hover a.botonaccion.boton.table, nav#pestanas li:hover form.basico div.smallinput a.botonaccion.boton.table, form.basico div.smallinput nav#pestanas li:hover a.botonaccion.boton.table, nav#pestanas li:hover div.smallinput form.basico a.botonaccion.boton.table, div.smallinput form.basico nav#pestanas li:hover a.botonaccion.boton.table, nav#pestanas li:hover form a.table.boton, form nav#pestanas li:hover a.table.boton, nav#pestanas li:hover form div.smallinput a.table.boton, form div.smallinput nav#pestanas li:hover a.table.boton, nav#pestanas li:hover div.smallinput form a.table.boton, div.smallinput form nav#pestanas li:hover a.table.boton, nav#pestanas li:hover div.smallinput a.table.boton, div.smallinput nav#pestanas li:hover a.table.boton { background-color: #345168; color: #FFFFFF; }

nav#pestanas li.activo a, nav#pestanas li.activo form input[type=submit], form nav#pestanas li.activo input[type=submit], nav#pestanas li.activo form .boton.botonaccion, form nav#pestanas li.activo .boton.botonaccion, nav#pestanas li.activo div.smallinput input[type=submit], div.smallinput nav#pestanas li.activo input[type=submit], nav#pestanas li.activo div.smallinput .boton.botonaccion, div.smallinput nav#pestanas li.activo .boton.botonaccion { font-size: 18px; padding: 8px 15px 3px 15px; text-transform: uppercase; font-family: 'Muli-Bold'; }

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

div.notificacion { position: relative; width: auto; max-width: 450px; margin: 20px auto; padding: 80px 30px 20px 30px; display: block; height: auto; background-color: #FFFFFF; text-align: center; }

div.notificacion b { color: #345168; }

div.notificacion h3 { font-weight: 500; margin: 0 0 30px 0; color: #4D4D4D; }

div.notificacion p.buttons { padding: 20px 0px; font-size: 13px; line-height: 1em; text-align: center; background-color: #F1F1F2; margin-top: 3%; height: auto; width: 100%; }

div.notificacion p.buttons a.boton { float: initial; background-color: #345168; color: #FFFFFF; }

div.notificacion p.buttons a.boton:hover { background-color: #B07369; color: #4D4D4D; }

div.notificacion span { margin: auto; margin-top: -30px; margin-bottom: 3%; width: 35px; height: 35px; background-image: url(../images/varios/alert.png); background-repeat: no-repeat; background-size: 35px; display: inline-block; text-align: center; }

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

a.boton { margin: 5px 0 0 10px !important; padding: 10px 10px 8px 10px !important; background-color: #345168; border: none; color: white; float: right; font-size: 11px; cursor: pointer; }

a.boton:hover { background-color: #B07369 !important; color: #FFFFFF; border: 1px solid #B07369; }

input { width: 70%; border: none; float: left; height: 35px; padding: 3px 10px; margin: 3px 0 0 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

form input[type=submit], div.smallinput input[type=submit], form.basico input[type=submit] { width: auto !important; cursor: pointer; font-size: 11px; color: #FFFFFF; text-transform: uppercase; font-weight: bold; padding: 10px 9px !important; height: auto !important; border: none; border: 1px solid #933729; background-color: #933729 !important; float: right; }

form input[type=submit]:hover, div.smallinput input[type=submit]:hover, form.basico input[type=submit]:hover { background-color: #B07369 !important; color: #FFFFFF; border: 1px solid #B07369; }

form input[type=submit]:disabled, div.smallinput input[type=submit]:disabled, form.basico input[type=submit]:disabled { background-color: #D0D1D3 !important; color: #FFFFFF; border: 1px solid #D0D1D3; cursor: no-drop; background-image: url(../images/disabled.png); background-repeat: no-repeat; background-position: top 3px right 3px; background-size: 8px; }

a.boton { text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

a.boton.small { background-color: #FFAB3B; border: none; color: #FFFFFF; font-size: 11px; font-weight: bold; cursor: pointer; margin: 1px 0 1px 0 !important; padding: 4px 15px !important; }

a.boton.small:hover { background-color: #FFAB3B8F !important; color: #FFFFFF; border: 1px solid #FFAB3B8F; }

a.boton.small.disabled { background-color: #D0D1D3 !important; color: #FFFFFF; border: 1px solid #D0D1D3; cursor: no-drop; background-image: url(../images/disabled.png); background-repeat: no-repeat; background-position: top 3px right 3px; background-size: 8px; }

a.boton.backPanel { position: absolute; float: left; }

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

form div.container-label, div.smallinput div.container-label, form.basico div.container-label, div.bloqueform div.container-label { width: 100%; height: auto; display: flex; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; justify-content: center; align-items: center; position: relative; }

form div.container-label label.container-checkbox, div.smallinput div.container-label label.container-checkbox, form.basico div.container-label label.container-checkbox, div.bloqueform div.container-label label.container-checkbox { margin: 0.1em; display: block; position: relative; cursor: pointer; font-size: 15px; user-select: none; width: auto; height: 25px; float: left; padding: 0px; text-align: center; font-weight: 500; line-height: 1.7em; clear: left; position: relative; color: #4D4D4D; background-color: #F1F1F2 !important; }

.container-checkbox input { display: none; }

.container-checkbox span { width: 25px; height: 25px; padding: 3px 6px; border: 1px solid transparent; }

.container-checkbox input { display: none; }

.container-checkbox input:hover + span { border-color: #4D4D4D; }

.container-checkbox input:checked + span { border-color: transparent; color: #FFFFFF; background-color: #FFAB3B !important; }

.container-checkbox input:disabled + span { color: #6D6D71; border-color: none; cursor: no-drop; background-color: #D0D1D3 !important; background-image: url(../images/disabled.png); background-repeat: no-repeat; background-position: top 3px right 3px; background-size: 8px; }

.container-checkbox input:disabled + span:hover { border-color: transparent; }

form div.radiobox, div.smallinput div.radiobox, form.basico div.radiobox, div.bloqueform div.radiobox { float: left; position: relative; width: auto !important; display: block; height: auto; margin-top: 0px !important; margin-left: 0px !important; }

form div.radiobox.activo > label.radio, div.smallinput div.radiobox.activo > label.radio, form.basico div.radiobox.activo > label.radio, div.bloqueform div.radiobox.activo > label.radio { background: #FFFFFF; }

form div.radiobox.activo > label.radio span, div.smallinput div.radiobox.activo > label.radio span, form.basico div.radiobox.activo > label.radio span, div.bloqueform div.radiobox.activo > label.radio span { background-size: 20px !important; background: #FFFFFF url(../images/goodRed.png) no-repeat center center !important; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

form div.radiobox.activo > label.checkbox, div.smallinput div.radiobox.activo > label.checkbox, form.basico div.radiobox.activo > label.checkbox, div.bloqueform div.radiobox.activo > label.checkbox { background: #FFFFFF; }

form div.radiobox.activo > label.checkbox span, div.smallinput div.radiobox.activo > label.checkbox span, form.basico div.radiobox.activo > label.checkbox span, div.bloqueform div.radiobox.activo > label.checkbox span { background-size: 20px !important; background: #FFFFFF url(../images/varios/good1.png) no-repeat center center !important; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

form div.radiobox input, div.smallinput div.radiobox input, form.basico div.radiobox input, div.bloqueform div.radiobox input { display: none; }

form div.radiobox input:hover + span, div.smallinput div.radiobox input:hover + span, form.basico div.radiobox input:hover + span, div.bloqueform div.radiobox input:hover + span { border: 2px solid #4D4D4D; }

form div.radiobox label, div.smallinput div.radiobox label, form.basico div.radiobox label, div.bloqueform div.radiobox label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

form div.radiobox label.radio, div.smallinput div.radiobox label.radio, form div.radiobox label.checkbox, div.smallinput div.radiobox label.checkbox, form.basico div.radiobox label.radio, form.basico div.radiobox label.checkbox, div.bloqueform div.radiobox label.radio, div.bloqueform div.radiobox label.checkbox { width: auto !important; height: 35px !important; padding: 0px 15px 0px 35px !important; margin: 3px 0px; float: left; font-size: 15px; text-align: center; font-weight: bold; clear: left; position: relative; color: #4D4D4D; background-color: transparent !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

form div.radiobox label.checkbox, div.smallinput div.radiobox label.checkbox, form.basico div.radiobox label.checkbox, div.bloqueform div.radiobox label.checkbox { border: none; }

form div.radiobox label.checkbox span, div.smallinput div.radiobox label.checkbox span, form.basico div.radiobox label.checkbox span, div.bloqueform div.radiobox label.checkbox span { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

form div.radiobox span, div.smallinput div.radiobox span, form.basico div.radiobox span, div.bloqueform div.radiobox span { background: white; width: 25px; height: 25px; display: block; position: absolute; margin: 0 auto !important; left: 4px; top: 4px; z-index: 1; border: none; border: 1px solid #4D4D4D; padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

form div.container-inputs, div.smallinput div.container-inputs, form.basico div.container-inputs, div.bloqueform div.container-inputs { width: 100%; height: auto; display: inline-box; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

form div.container-inputs input[type=text], div.smallinput div.container-inputs input[type=text], form div.container-inputs input[type=email], div.smallinput div.container-inputs input[type=email], form.basico div.container-inputs input[type=text], form.basico div.container-inputs input[type=email], div.bloqueform div.container-inputs input[type=text], div.bloqueform div.container-inputs input[type=email] { width: 100%; border: none; float: left; height: 35px; padding: 3px 10px; margin: 2px 0px; background-color: rgba(216, 216, 219, 0.2); color: #4D4D4D; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }

form div.container-inputs input.find[type=text], div.smallinput div.container-inputs input.find[type=text], form div.container-inputs input.find[type=email], div.smallinput div.container-inputs input.find[type=email], form.basico div.container-inputs input.find[type=text], form.basico div.container-inputs input.find[type=email], div.bloqueform div.container-inputs input.find[type=text], div.bloqueform div.container-inputs input.find[type=email] { background-image: url(../images/search.png); background-repeat: no-repeat; background-position: top 5px right 5px; background-size: 20px; }

form div.container-inputs input.time[type=text], div.smallinput div.container-inputs input.time[type=text], form div.container-inputs input.time[type=email], div.smallinput div.container-inputs input.time[type=email], form.basico div.container-inputs input.time[type=text], form.basico div.container-inputs input.time[type=email], div.bloqueform div.container-inputs input.time[type=text], div.bloqueform div.container-inputs input.time[type=email] { width: 50%; background-image: url(../images/time.png); background-repeat: no-repeat; background-position: top 7px right 7px; background-size: 20px; }

form div.container-inputs input[type=text]:hover, div.smallinput div.container-inputs input[type=text]:hover, form div.container-inputs input[type=email]:hover, div.smallinput div.container-inputs input[type=email]:hover, form.basico div.container-inputs input[type=text]:hover, form.basico div.container-inputs input[type=email]:hover, div.bloqueform div.container-inputs input[type=text]:hover, div.bloqueform div.container-inputs input[type=email]:hover { border: 1px solid #4D4D4D; }

form div.container-inputs input[type=text]:focus, div.smallinput div.container-inputs input[type=text]:focus, form div.container-inputs input[type=email]:focus, div.smallinput div.container-inputs input[type=email]:focus, form.basico div.container-inputs input[type=text]:focus, form.basico div.container-inputs input[type=email]:focus, div.bloqueform div.container-inputs input[type=text]:focus, div.bloqueform div.container-inputs input[type=email]:focus { outline-offset: 0px !important; outline: none !important; color: #4D4D4D; border: 1px solid #933729; background-color: #FFFFFF; }

form div.container-inputs input[type=text]:disabled, div.smallinput div.container-inputs input[type=text]:disabled, form div.container-inputs input[type=email]:disabled, div.smallinput div.container-inputs input[type=email]:disabled, form.basico div.container-inputs input[type=text]:disabled, form.basico div.container-inputs input[type=email]:disabled, div.bloqueform div.container-inputs input[type=text]:disabled, div.bloqueform div.container-inputs input[type=email]:disabled { background-color: #D0D1D3 !important; color: #6D6D71; border: 1px solid transparent; cursor: no-drop; background-image: url(../images/disabled.png); background-repeat: no-repeat; background-position: top 3px right 3px; background-size: 8px; }

form div.container-inputs input[type=email]:valid, div.smallinput div.container-inputs input[type=email]:valid, form.basico div.container-inputs input[type=email]:valid, div.bloqueform div.container-inputs input[type=email]:valid { background-color: #ECF8C7 !important; color: #4D4D4D; border: 1px solid #8CC63F; background-image: url(../images/good.png); background-repeat: no-repeat; background-position: top 5px right 5px; background-size: 20px; }

form div.container-inputs input[type=email]:invalid, div.smallinput div.container-inputs input[type=email]:invalid, form.basico div.container-inputs input[type=email]:invalid, div.bloqueform div.container-inputs input[type=email]:invalid { background-color: #FFDDE0 !important; color: #4D4D4D; border: 1px solid #F94151; background-image: url(../images/bad.png); background-repeat: no-repeat; background-position: top 5px right 5px; background-size: 20px; }

form label, div.smallinput label, form.basico label, div.bloqueform label { width: 25%; height: 35px; padding: 2px 2px 2px 25px; margin: 3px 0px 3px 0px; float: left; font-size: 12px; text-align: left; font-weight: bold; clear: left; position: relative; color: #FFFFFF; background-color: #4D4D4D !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

form label + input, div.smallinput label + input, form.basico label + input, div.bloqueform label + input { width: 75%; border: none; float: left; height: 35px; padding: 3px 10px; margin: 3px 0px; background-color: rgba(216, 216, 219, 0.2); color: #4D4D4D; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }

form label + input:hover, div.smallinput label + input:hover, form.basico label + input:hover, div.bloqueform label + input:hover { border: 1px solid #4D4D4D; }

form label + input:focus, div.smallinput label + input:focus, form.basico label + input:focus, div.bloqueform label + input:focus { outline-offset: 0px !important; outline: none !important; color: #4D4D4D; border: 1px solid #933729; background-color: #FFFFFF; }

form label + input:disabled, div.smallinput label + input:disabled, form.basico label + input:disabled, div.bloqueform label + input:disabled { background-color: #D0D1D3 !important; color: #6D6D71; border: 1px solid transparent; cursor: no-drop; background-image: url(../images/disabled.png); background-repeat: no-repeat; background-position: top 3px right 3px; background-size: 8px; }

form textarea, div.smallinput textarea, form.basico textarea, div.bloqueform textarea { min-height: 100px; color: #4D4D4D; background-color: rgba(216, 216, 219, 0.2); position: relative; resize: none; border: none; float: left; font-size: 13px; padding: 10px; margin: 3px 0px 0px 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

form textarea:hover, div.smallinput textarea:hover, form.basico textarea:hover, div.bloqueform textarea:hover { border: 1px solid #4D4D4D; }

form textarea:focus, div.smallinput textarea:focus, form.basico textarea:focus, div.bloqueform textarea:focus { outline-offset: 0px !important; outline: none !important; color: #4D4D4D; border: 1px solid #933729; background-color: #FFFFFF; }

form span.custom-combobox, div.smallinput span.custom-combobox, form.basico span.custom-combobox, div.bloqueform span.custom-combobox { width: 70%; border: none; float: left; height: 35px; padding: 0px !important; margin: 2px 0px; clear: right; position: relative; }

form span.custom-combobox input, div.smallinput span.custom-combobox input, form.basico span.custom-combobox input, div.bloqueform span.custom-combobox input { background-color: #F1F1F2; color: #4D4D4D; background-image: url(../images/disabled.png); background-repeat: no-repeat; background-position: top 5px right 10px; background-size: 25px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }

form .custom-combobox-input, div.smallinput .custom-combobox-input, form.basico .custom-combobox-input, div.bloqueform .custom-combobox-input { width: 70%; border: none; float: left; height: 39px; padding: 5px 10px; margin: 2px 0px; clear: right; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }

.ui-autocomplete { z-index: 9999 !important; }

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content { background-color: #F1F1F2; display: block; position: absolute; list-style: none; border: 1px solid #4D4D4D; color: #808080; z-index: 3; }

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

.ui-menu-item:hover { background-color: #E6E6E6; color: #4D4D4D; }

::-webkit-placeholder { color: #7F7F7F; }

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

form div.etiqueta-simple, div.smallinput div.etiqueta-simple, form.basico div.etiqueta-simple, div.bloqueform div.etiqueta-simple { width: auto; display: inline-block; }

form div.etiqueta-simple label, div.smallinput div.etiqueta-simple label, form.basico div.etiqueta-simple label, div.bloqueform div.etiqueta-simple label { width: auto; height: 35px; color: #4D4D4D; background-color: #F1F1F2 !important; padding: 0px 20px; margin: 2px 0px; border: none; position: relative; text-align: center; font-size: .85em; font-weight: normal; line-height: 2.6em; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

form div.etiqueta-simple label:hover, div.smallinput div.etiqueta-simple label:hover, form.basico div.etiqueta-simple label:hover, div.bloqueform div.etiqueta-simple label:hover { border: 1px solid #4D4D4D; }

form div.etiqueta-simple label:disabled, div.smallinput div.etiqueta-simple label:disabled, form.basico div.etiqueta-simple label:disabled, div.bloqueform div.etiqueta-simple label:disabled { border: 2px solid red; color: #808080; border-color: none; cursor: no-drop; background-color: #D0D1D3 !important; background-image: url(../images/disabled.png); background-repeat: no-repeat; background-position: top 3px right 3px; background-size: 8px; }

form div.etiqueta-simple label:disabled:hover, div.smallinput div.etiqueta-simple label:disabled:hover, form.basico div.etiqueta-simple label:disabled:hover, div.bloqueform div.etiqueta-simple label:disabled:hover { border: none; }

form div.etiqueta-boton, div.smallinput div.etiqueta-boton, form.basico div.etiqueta-boton, div.bloqueform div.etiqueta-boton { margin: 1% 0%; height: auto; display: flex; text-align: center; justify-content: center; align-items: center; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

form div.etiqueta-boton label, div.smallinput div.etiqueta-boton label, form.basico div.etiqueta-boton label, div.bloqueform div.etiqueta-boton label { width: auto; height: 35px; color: #4D4D4D; background-color: #F1F1F2 !important; padding: 0px 20px; margin: 2px 0px; border: none; position: relative; text-align: center; font-size: .85em; font-weight: normal; line-height: 2.6em; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

form div.etiqueta-boton span, div.smallinput div.etiqueta-boton span, form.basico div.etiqueta-boton span, div.bloqueform div.etiqueta-boton span { color: #FFFFFF; cursor: pointer; }

form div.etiqueta-boton span.padec-si, div.smallinput div.etiqueta-boton span.padec-si, form.basico div.etiqueta-boton span.padec-si, div.bloqueform div.etiqueta-boton span.padec-si { background-color: #2B6ED4 !important; }

form div.etiqueta-boton span.padec-no, div.smallinput div.etiqueta-boton span.padec-no, form.basico div.etiqueta-boton span.padec-no, div.bloqueform div.etiqueta-boton span.padec-no { background-color: #EA4846 !important; }

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

form div.table, div.smallinput div.table, form.basico div.table, div.bloqueform div.table { padding: 20px; float: left; margin: 0 1% 20px 1%; width: 98%; position: relative; background: #EAF2FB; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

form h4, div.smallinput h4, form.basico h4, div.bloqueform h4 { font-size: 24px; line-height: 1.5em; font-weight: normal; text-transform: uppercase; font-family: 'Muli-Black'; color: #4D4D4D; letter-spacing: 1px; }

table { width: 100% !important; border-spacing: 1px !important; border-collapse: separate; text-align: center; background-color: transparent; position: relative; }

table tbody td, table thead th, table tfoot td { border-top: none; }

table th:last-child { border-right: none; }

table thead th, table th { font-weight: bold; position: relative; font-size: 12px; text-align: center; background-color: #D3A47A; color: #FFFFFF; font-family: 'Muli-Bold'; padding: 6px 3px; text-transform: uppercase; }

table thead th.resaltar, table th.resaltar { background-color: rgba(0, 0, 0, 0.06) !important; }

table thead th.importante, table th.importante { background-color: rgba(0, 0, 0, 0.02) !important; }

table td.resaltar:not(.merged), table tbody td.resaltar:not(.merged) { background-color: rgba(0, 0, 0, 0.06) !important; }

table td.importantef:not(.merged), table tbody td.importantef:not(.merged) { background-color: rgba(0, 0, 0, 0.02) !important; }

table td.transparent, table tbody td.transparent { background-color: transparent !important; }

table tbody tr { background-color: #c3d7f5; }

table tbody tr:nth-child( odd ) { background-color: rgba(230, 230, 230, 0.01); }

table tbody tr:nth-child( odd ) td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.7); }

table td { font-size: 11px; font-weight: 400; padding: 2px 3px; background-color: rgba(255, 255, 255, 0.85) !important; }

table td.merged { background-image: url(../images/merge-op.png); background-position: center left 51%; background-repeat: no-repeat; background-size: 20px; }

table td:first-child { font-weight: 500; }

table td a, table td form.basico input[type=submit], form.basico table td input[type=submit], table td form input[type=submit], form table td input[type=submit], table td form .boton.botonaccion, form table td .boton.botonaccion, table td form.basico .boton.botonaccion, form.basico table td .boton.botonaccion, table td form input.botonaccion[type=submit], form table td input.botonaccion[type=submit], table td form.basico input.botonaccion[type=submit], form.basico table td input.botonaccion[type=submit], table td div.smallinput input[type=submit], div.smallinput table td input[type=submit], table td div.smallinput .boton.botonaccion, div.smallinput table td .boton.botonaccion, table td form a.boton.table, form table td a.boton.table, table td div.smallinput a.boton.table, div.smallinput table td a.boton.table { color: #243949; }

table td a:hover, table td form input[type=submit]:hover, form table td input[type=submit]:hover, table td form .boton.botonaccion:hover, form table td .boton.botonaccion:hover, table td div.smallinput input[type=submit]:hover, div.smallinput table td input[type=submit]:hover, table td div.smallinput .boton.botonaccion:hover, div.smallinput table td .boton.botonaccion:hover, table td form a.boton.table:hover, form table td a.boton.table:hover, table td div.smallinput a.boton.table:hover, div.smallinput table td a.boton.table:hover { color: #0a1015; }

table td b { font-size: 1.1em; font-weight: 700; }

table td.input { padding: 1px; vertical-align: top; }

table td:nth-child(odd) { background-color: rgba(255, 255, 255, 0.9) !important; }

table td.topline { border-top: 1px solid black; }

table.trselect tbody tr:hover, table.trselect tbody tr.activo, div.table table tbody tr:hover, div.table table tbody tr.activo { background-color: rgba(147, 55, 41, 0.3) !important; cursor: pointer; }

table.trselect tbody tr:hover td, div.table table tbody tr:hover td { background-color: rgba(255, 255, 255, 0.6) !important; cursor: pointer; }

.alignleft { text-align: left; }

.mayus { text-transform: uppercase; }

a.cvs, form input.cvs[type=submit], form .cvs.boton.botonaccion, div.smallinput input.cvs[type=submit], div.smallinput .cvs.boton.botonaccion, form a.cvs.boton.table, div.smallinput a.cvs.boton.table { background-color: #D3A47E; border: none; color: #FFFFFF; font-family: 'Muli-Bold'; font-size: 11px; cursor: pointer; float: inherit !important; display: inline-block; width: 100%; border-radius: 3px !important; clear: right; text-align: center; padding: 4px 10px !important; margin: 1px 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a.cvs:hover, form input.cvs[type=submit]:hover, form .cvs.boton.botonaccion:hover, div.smallinput input.cvs[type=submit]:hover, div.smallinput .cvs.boton.botonaccion:hover, form a.cvs.boton.table:hover, div.smallinput a.cvs.boton.table:hover { color: #FFFFFF; background-color: #933729; }

#container_table_scroll::-webkit-scrollbar { display: none; }

#container_table_scroll { display: block; position: relative; max-height: 800px; overflow: auto; }

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

div.sesion-out { float: right; margin: 5% 16% 5% 16%; }

div.sesion-out small.getout { color: red; width: auto; }

div.sesion-out i.icon { filter: sepia(50%) saturate(50%) invert(50%); }

.normal { background-color: #218eef; }

.userinfo { display: flex; }

.userinfo small { font-size: 20px !important; color: #666; }

.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: rgba(102, 102, 102, 0.188); }

.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: 8px; 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); } }

i.btn-user-not { background-color: transparent; cursor: pointer; background-image: url(../images/varios/usuario.png); background-repeat: no-repeat; background-position: top 4px right 12px; background-size: 20px; padding: 0px 33px 0px 0px; position: relative; margin: 0px 0px 0px 0px; }

.select-user { background-color: transparent; cursor: pointer; background-image: url(../images/select.png); background-repeat: no-repeat; background-position: top 1px right 0px; background-size: 15px; color: #4D4D4D; font-size: 15px; padding: 0px 20px 0px 0px; position: relative; margin: 0px 0px 0px -8px; }

#worksucursal, #tryusuarios, #workempresa, #tryune { width: 200px; height: 40px; margin: 5px auto; float: right; display: block; }

#worksucursal .update, #tryusuarios .update, #workempresa .update, #tryune .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.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; cursor: pointer; }

#worksucursal .update:hover, #tryusuarios .update:hover, #workempresa .update:hover, #tryune .update:hover { cursor: pointer; transform: rotate(180deg); }

#worksucursal select, #tryusuarios select, #workempresa select, #tryune select { 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: 250px; 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); }

#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-family: 'Muli-Black'; 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: 370px; 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); }

#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: #933729; }

.flex-center, .not.ver-todo, .not .container-mensajes .not-botones .btns-hide .not-resolver, .not .container-mensajes .not-botones .btns-hide .not-ocultar, .not .container-mensajes .not-botones .btns-hide, .not .container-mensajes .not-botones, .not .container-mensajes { display: flex; justify-content: center; align-items: center; }

.not { width: 100%; background-color: white; padding: 10px; 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; border: 1px solid #f6f6f6; margin: 0px auto 0px auto; display: flex; }

.not:hover { background-color: #f4f9fe; }

.not:hover .btns-hide { display: flex !important; }

.not h2 { height: 24px; font-size: 12px; line-height: 1.7em; font-weight: bold; padding-top: 2px; color: #FF8100; }

.not small { font-size: 10px !important; }

.not .container-mensajes { margin: 5px auto 0px; width: 100%; color: #4D4D4D; }

.not .container-mensajes .not-mensaje { width: 80%; }

.not .container-mensajes .not-mensaje a.boton { color: #FFFFFF; border-left: none; border-top: none; position: absolute; right: 3%; bottom: 12px; float: right; min-width: 50px; text-align: center; padding: 5px 10px !important; font-size: 12px; }

.not .container-mensajes .not-botones { width: 20%; flex-direction: column; }

.not .container-mensajes .not-botones .btns-hide { display: none; width: 80%; position: relative; }

.not .container-mensajes .not-botones .btns-hide .not-ocultar { margin-right: 10px; width: 30px; height: 28px; }

.not .container-mensajes .not-botones .btns-hide .not-resolver { width: 31px; height: 27px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: #FF5100; }

.not .container-mensajes .not-botones .btns-hide .not-resolver:hover { background-color: #FFD147; }

.not .container-mensajes .not-botones .not-rel { width: 80%; margin-top: 10px; position: relative; color: white; text-align: center; padding: 5px 8px; font-size: 11px; font-weight: bold; background-color: #FF8100; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

.not .container-mensajes .not-botones .not-rel:hover { background-color: #FFD147; }

.not.ver-todo { 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 form .boton.botonaccion, form .not.ver-todo .boton.botonaccion, .not.ver-todo div.smallinput input[type=submit], div.smallinput .not.ver-todo input[type=submit], .not.ver-todo div.smallinput .boton.botonaccion, div.smallinput .not.ver-todo .boton.botonaccion, .not.ver-todo form a.boton.table, form .not.ver-todo a.boton.table, .not.ver-todo div.smallinput a.boton.table, div.smallinput .not.ver-todo a.boton.table { cursor: pointer; color: #933729; 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 form .boton.botonaccion:hover, form .not.ver-todo .boton.botonaccion:hover, .not.ver-todo div.smallinput input[type=submit]:hover, div.smallinput .not.ver-todo input[type=submit]:hover, .not.ver-todo div.smallinput .boton.botonaccion:hover, div.smallinput .not.ver-todo .boton.botonaccion:hover { color: #863225; background-color: transparent; }

section#panel-notificaciones div.table h2.seccion { color: #FF8100; }

section#panel-notificaciones div.table div.panel-notis p.alerta span.normal { background-color: #FF8100; }

section#panel-notificaciones div.table div.panel-pasadas div.not div.container-mensajes div.not-botones { display: none; }

#controlbar { position: relative; background: none; width: 600px; display: block; }

h3.float { float: left; margin: 10px 0; }

.nolinks a, .nolinks form input[type=submit], form .nolinks input[type=submit], .nolinks form .boton.botonaccion, form .nolinks .boton.botonaccion, .nolinks div.smallinput input[type=submit], div.smallinput .nolinks input[type=submit], .nolinks div.smallinput .boton.botonaccion, div.smallinput .nolinks .boton.botonaccion, .nolinks form a.boton.table, form .nolinks a.boton.table, .nolinks div.smallinput a.boton.table, div.smallinput .nolinks a.boton.table { display: none; }

div.sesion-out { text-align: center; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 163px; }

div.sesion-out a, div.sesion-out form input[type=submit], form div.sesion-out input[type=submit], div.sesion-out form .boton.botonaccion, form div.sesion-out .boton.botonaccion, div.sesion-out div.smallinput input[type=submit], div.smallinput div.sesion-out input[type=submit], div.sesion-out div.smallinput .boton.botonaccion, div.smallinput div.sesion-out .boton.botonaccion, div.sesion-out form a.boton.table, form div.sesion-out a.boton.table, div.sesion-out div.smallinput a.boton.table, div.smallinput div.sesion-out a.boton.table { display: block; width: 100%; }

div.sesion-out a small, div.sesion-out form input[type=submit] small, form div.sesion-out input[type=submit] small, div.sesion-out form .boton.botonaccion small, form div.sesion-out .boton.botonaccion small, div.sesion-out div.smallinput input[type=submit] small, div.smallinput div.sesion-out input[type=submit] small, div.sesion-out div.smallinput .boton.botonaccion small, div.smallinput div.sesion-out .boton.botonaccion small, div.sesion-out form a.boton.table small, form div.sesion-out a.boton.table small, div.sesion-out div.smallinput a.boton.table small, div.smallinput div.sesion-out a.boton.table small { width: 130px; margin: 0% auto 5% auto; padding: 3% 15%; display: flex; justify-content: center; align-items: center; font-weight: bold; transition: 0.3s; font-size: 11px !important; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; }

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 form .boton.botonaccion small.getout, form div.sesion-out .boton.botonaccion small.getout, div.sesion-out div.smallinput input[type=submit] small.getout, div.smallinput div.sesion-out input[type=submit] small.getout, div.sesion-out div.smallinput .boton.botonaccion small.getout, div.smallinput div.sesion-out .boton.botonaccion small.getout { color: white; background-color: #D40C1F; font-family: 'Muli-Bold'; }

div.sesion-out a small.getout:hover, div.sesion-out form input[type=submit] small.getout:hover, form div.sesion-out input[type=submit] small.getout:hover, div.sesion-out form .boton.botonaccion small.getout:hover, form div.sesion-out .boton.botonaccion small.getout:hover, div.sesion-out div.smallinput input[type=submit] small.getout:hover, div.smallinput div.sesion-out input[type=submit] small.getout:hover, div.sesion-out div.smallinput .boton.botonaccion small.getout:hover, div.smallinput div.sesion-out .boton.botonaccion small.getout:hover { background-color: rgba(212, 12, 31, 0.7); }

div.sesion-out a small.changepass, div.sesion-out form input[type=submit] small.changepass, form div.sesion-out input[type=submit] small.changepass, div.sesion-out form .boton.botonaccion small.changepass, form div.sesion-out .boton.botonaccion small.changepass, div.sesion-out div.smallinput input[type=submit] small.changepass, div.smallinput div.sesion-out input[type=submit] small.changepass, div.sesion-out div.smallinput .boton.botonaccion small.changepass, div.smallinput div.sesion-out .boton.botonaccion small.changepass { color: white; width: 115px; background-color: #4D4D4D; font-family: 'Muli-Bold'; }

div.sesion-out a small.changepass:hover, div.sesion-out form input[type=submit] small.changepass:hover, form div.sesion-out input[type=submit] small.changepass:hover, div.sesion-out form .boton.botonaccion small.changepass:hover, form div.sesion-out .boton.botonaccion small.changepass:hover, div.sesion-out div.smallinput input[type=submit] small.changepass:hover, div.smallinput div.sesion-out input[type=submit] small.changepass:hover, div.sesion-out div.smallinput .boton.botonaccion small.changepass:hover, div.smallinput div.sesion-out .boton.botonaccion small.changepass:hover { background-color: rgba(77, 77, 77, 0.7); }

div.sesion-out a small span, div.sesion-out form input[type=submit] small span, form div.sesion-out input[type=submit] small span, div.sesion-out form .boton.botonaccion small span, form div.sesion-out .boton.botonaccion small span, div.sesion-out div.smallinput input[type=submit] small span, div.smallinput div.sesion-out input[type=submit] small span, div.sesion-out div.smallinput .boton.botonaccion small span, div.smallinput div.sesion-out .boton.botonaccion small span, div.sesion-out form a.boton.table small span, form div.sesion-out a.boton.table small span, div.sesion-out div.smallinput a.boton.table small span, div.smallinput div.sesion-out a.boton.table small span { display: inline-block; width: 20px; height: 20px; margin-left: 5px; background-color: transparent; }

div.sesion-out a small span.cerrarSesion, div.sesion-out form input[type=submit] small span.cerrarSesion, form div.sesion-out input[type=submit] small span.cerrarSesion, div.sesion-out form .boton.botonaccion small span.cerrarSesion, form div.sesion-out .boton.botonaccion small span.cerrarSesion, div.sesion-out div.smallinput input[type=submit] small span.cerrarSesion, div.smallinput div.sesion-out input[type=submit] small span.cerrarSesion, div.sesion-out div.smallinput .boton.botonaccion small span.cerrarSesion, div.smallinput div.sesion-out .boton.botonaccion small span.cerrarSesion { background-image: url(../images/varios/cerrarSesion.png); background-size: 20px; background-position: center; }

div.sesion-out a small span.changePass, div.sesion-out form input[type=submit] small span.changePass, form div.sesion-out input[type=submit] small span.changePass, div.sesion-out form .boton.botonaccion small span.changePass, form div.sesion-out .boton.botonaccion small span.changePass, div.sesion-out div.smallinput input[type=submit] small span.changePass, div.smallinput div.sesion-out input[type=submit] small span.changePass, div.sesion-out div.smallinput .boton.botonaccion small span.changePass, div.smallinput div.sesion-out .boton.botonaccion small span.changePass { background-image: url(../images/varios/changePass.png); background-size: 20px; background-position: center; }

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

form#upload div#folio, div#upload.smallinput div#folio { top: 15px; right: 20px; color: #45AFCE; font-weight: 500; position: absolute; text-align: right; }

form#upload div#folio small, div#upload.smallinput div#folio small { font-size: 18px; }

form#upload div#folio span.folio, div#upload.smallinput div#folio span.folio { color: #FF0036; font-size: 28px; }

form#upload div#drop, div#upload.smallinput div#drop { margin: 20px 0px; padding: 25px 50px; }

form#upload div#drop .drag_drop, div#upload.smallinput div#drop .drag_drop { display: flex; align-items: center; justify-content: center; flex-direction: column; background: linear-gradient(to right, #CCC 33%, transparent 0%) top/10px 3px repeat-x, linear-gradient(#CCC 33%, transparent 0%) right/3px 10px repeat-y, linear-gradient(to right, #CCC 33%, transparent 0%) bottom/10px 3px repeat-x, linear-gradient(#CCC 33%, transparent 0%) left/3px 10px repeat-y; margin: 3% auto; width: 80%; min-height: 150px; }

form#upload div#drop small, div#upload.smallinput div#drop small { display: block; font-size: 11px; color: #999; }

form#upload div#drop a.find, div#upload.smallinput div#drop a.find, form#upload div#drop input.find[type=submit], form#upload div#drop .find.boton.botonaccion, div#upload.smallinput div#drop input.find[type=submit], div#upload.smallinput div#drop .find.boton.botonaccion { background-color: #45AFCE; }

form#upload div#drop a.find:hover, div#upload.smallinput div#drop a.find:hover, form#upload div#drop input.find[type=submit]:hover, form#upload div#drop .find.boton.botonaccion:hover, div#upload.smallinput div#drop input.find[type=submit]:hover, div#upload.smallinput div#drop .find.boton.botonaccion:hover { background-color: #009E8F; color: #45AFCE; }

form#upload div#drop .lista, div#upload.smallinput div#drop .lista { width: 100%; margin: 0 auto; min-height: 35px; overflow-y: scroll; }

form#upload div#drop .lista ul.listadearchivos li.archivo, div#upload.smallinput div#drop .lista ul.listadearchivos li.archivo { width: 93%; float: right; }

form#upload div#drop .lista ul.listadearchivos li.archivo p, div#upload.smallinput div#drop .lista ul.listadearchivos li.archivo p { padding: 0%; }

form#upload div#drop .lista ul.listadearchivos li.archivo a.boton.red.borrar, div#upload.smallinput div#drop .lista ul.listadearchivos li.archivo a.boton.red.borrar { left: 3px !important; top: 2px !important; line-height: 1em !important; padding: 7px !important; cursor: pointer; }

form#upload div#drop .lista ul.listadearchivos li.archivo input.fileurls, div#upload.smallinput div#drop .lista ul.listadearchivos li.archivo input.fileurls { width: 7%; height: 25px; margin-top: -5px; z-index: 5; display: block; margin-left: 11px; }

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

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

.acenter { text-align: center; }

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

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

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

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

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

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

.acenter { text-align: center; }

td.addkg:after { content: ' kg'; font-size: .9em; }

.indicador { width: 20%; margin: 1% 0%; padding: 1% 0%; min-height: 50px; background-color: white; color: #4D4D4D; height: auto; text-transform: uppercase; display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-box-shadow: 0px 0px 5px 2px rgba(77, 77, 77, 0.11); -moz-box-shadow: 0px 0px 5px 2px rgba(77, 77, 77, 0.11); -ms-box-shadow: 0px 0px 5px 2px rgba(77, 77, 77, 0.11); box-shadow: 0px 0px 5px 2px rgba(77, 77, 77, 0.11); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.indicadorMontos { display: inline-flex; width: 100%; justify-content: space-around; align-items: center; }