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

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

.acenter {
  text-align: center; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

@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"); }

.b-fac-1 {
  background-image: url(../images/iconos/botonesfac.png);
  background-repeat: no-repeat;
  background-size: 160px;
  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.pdf {
    background-position: -20px -0px; }
    .b-fac-1.pdf.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .b-fac-1.xml {
    background-position: -40px -0px; }
    .b-fac-1.xml.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .b-fac-1.cancelar {
    background-position: -60px -0px; }
    .b-fac-1.cancelar.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .b-fac-1.ir {
    background-position: -100px -0px; }
    .b-fac-1.ir.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .b-fac-1.pagar {
    background-position: -120px -0px; }
    .b-fac-1.pagar.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .b-fac-1.relacionar {
    background-position: -140px -0px; }
    .b-fac-1.relacionar.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .b-fac-1.timbrarcancelacion {
    background-position: -160px -0px; }
    .b-fac-1.timbrarcancelacion.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }

.b-fac-2 {
  background-image: url(../images/iconos/botonesfac.png);
  background-repeat: no-repeat;
  background-size: 240px;
  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.pdf {
    background-position: -30px -0px; }
    .b-fac-2.pdf.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .b-fac-2.xml {
    background-position: -60px -0px; }
    .b-fac-2.xml.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .b-fac-2.cancelar {
    background-position: -90px -0px; }
    .b-fac-2.cancelar.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .b-fac-2.ir {
    background-position: -150px -0px; }
    .b-fac-2.ir.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .b-fac-2.pagar {
    background-position: -180px -0px; }
    .b-fac-2.pagar.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .b-fac-2.relacionar {
    background-position: -210px -0px; }
    .b-fac-2.relacionar.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .b-fac-2.timbrarcancelacion {
    background-position: -240px -0px; }
    .b-fac-2.timbrarcancelacion.hover:hover {
      cursor: pointer;
      background-position: -240px -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-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; }

.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.catalogo2 {
    background-position: -30px -30px; }
    .botones-1.catalogo2.hover:hover {
      cursor: pointer;
      background-position: -30px -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.catalogo2 {
    background-position: -20px -20px; }
    .botones-2.catalogo2.hover:hover {
      cursor: pointer;
      background-position: -20px -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.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; }

.btn-2 {
  background-image: url(../images/iconos/botones-2.png);
  background-repeat: no-repeat;
  background-size: 90px;
  width: 15px;
  height: 15px;
  display: block; }
  .btn-2.campana-amarilla {
    background-position: -0px -0px; }
    .btn-2.campana-amarilla.hover:hover {
      cursor: pointer;
      background-position: -0px -15px; }
  .btn-2.tache-gris {
    background-position: -15px -0px; }
    .btn-2.tache-gris.hover:hover {
      cursor: pointer;
      background-position: -15px -15px; }
  .btn-2.plus-gris {
    background-position: -30px -0px; }
    .btn-2.plus-gris.hover:hover {
      cursor: pointer;
      background-position: -30px -15px; }
  .btn-2.reporte-naranja {
    background-position: -45px -0px; }
    .btn-2.reporte-naranja.hover:hover {
      cursor: pointer;
      background-position: -45px -15px; }
  .btn-2.cfdi-naranja {
    background-position: -60px -0px; }
    .btn-2.cfdi-naranja.hover:hover {
      cursor: pointer;
      background-position: -60px -15px; }
  .btn-2.doc-azul {
    background-position: -75px -0px; }
    .btn-2.doc-azul.hover:hover {
      cursor: pointer;
      background-position: -75px -15px; }
  .btn-2.doc-gris {
    background-position: -75px -15px; }
    .btn-2.doc-gris.hover:hover {
      cursor: pointer;
      background-position: -75px -15px; }

.btn-3 {
  background-image: url(../images/iconos/botones-2.png);
  background-repeat: no-repeat;
  background-size: 180px;
  width: 30px;
  height: 30px;
  display: block; }
  .btn-3.campana-amarilla {
    background-position: -0px -0px; }
    .btn-3.campana-amarilla.hover:hover {
      cursor: pointer;
      background-position: -0px -30px; }
  .btn-3.tache-gris {
    background-position: -30px -0px; }
    .btn-3.tache-gris.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .btn-3.plus-gris {
    background-position: -60px -0px; }
    .btn-3.plus-gris.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .btn-3.reporte-naranja {
    background-position: -90px -0px; }
    .btn-3.reporte-naranja.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .btn-3.cfdi-naranja {
    background-position: -120px -0px; }
    .btn-3.cfdi-naranja.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .btn-3.doc-azul {
    background-position: -150px -0px; }
    .btn-3.doc-azul.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .btn-3.doc-gris {
    background-position: -150px -30px; }
    .btn-3.doc-gris.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }

.iconos {
  background-image: url(../images/iconos/iconos.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; }

.i-indicador {
  background-image: url(../images/iconos/iconos2.png);
  background-repeat: no-repeat;
  background-size: 480px;
  width: 40px;
  height: 40px;
  display: block; }
  .i-indicador.entransito {
    background-position: -0px -0px; }
    .i-indicador.entransito.hover:hover {
      cursor: pointer;
      background-position: -0px -40px; }
  .i-indicador.entregado {
    background-position: -40px -0px; }
    .i-indicador.entregado.hover:hover {
      cursor: pointer;
      background-position: -40px -40px; }
  .i-indicador.porcobrar {
    background-position: -80px -0px; }
    .i-indicador.porcobrar.hover:hover {
      cursor: pointer;
      background-position: -80px -40px; }
  .i-indicador.pagado {
    background-position: -120px -0px; }
    .i-indicador.pagado.hover:hover {
      cursor: pointer;
      background-position: -120px -40px; }
  .i-indicador.saldoinicial {
    background-position: -160px -0px; }
    .i-indicador.saldoinicial.hover:hover {
      cursor: pointer;
      background-position: -160px -40px; }
  .i-indicador.entradasperiodo {
    background-position: -200px -0px; }
    .i-indicador.entradasperiodo.hover:hover {
      cursor: pointer;
      background-position: -200px -40px; }
  .i-indicador.salidasperiodo {
    background-position: -240px -0px; }
    .i-indicador.salidasperiodo.hover:hover {
      cursor: pointer;
      background-position: -240px -40px; }
  .i-indicador.saldobancario {
    background-position: -280px -0px; }
    .i-indicador.saldobancario.hover:hover {
      cursor: pointer;
      background-position: -280px -40px; }
  .i-indicador.salidasaplicadas {
    background-position: -320px -0px; }
    .i-indicador.salidasaplicadas.hover:hover {
      cursor: pointer;
      background-position: -320px -40px; }
  .i-indicador.saldocontable {
    background-position: -360px -0px; }
    .i-indicador.saldocontable.hover:hover {
      cursor: pointer;
      background-position: -360px -40px; }
  .i-indicador.pendiente {
    background-position: -400px -0px; }
    .i-indicador.pendiente.hover:hover {
      cursor: pointer;
      background-position: -400px -40px; }
  .i-indicador.duplicar {
    background-position: -440px -0px; }
    .i-indicador.duplicar.hover:hover {
      cursor: pointer;
      background-position: -440px -40px; }

.i-indicamin {
  background-image: url(../images/iconos/iconos2.png);
  background-repeat: no-repeat;
  background-size: 360px;
  width: 30px;
  height: 30px;
  display: block; }
  .i-indicamin.entransito {
    background-position: -0px -0px; }
    .i-indicamin.entransito.hover:hover {
      cursor: pointer;
      background-position: -0px -30px; }
  .i-indicamin.entregado {
    background-position: -30px -0px; }
    .i-indicamin.entregado.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .i-indicamin.porcobrar {
    background-position: -60px -0px; }
    .i-indicamin.porcobrar.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .i-indicamin.pagado {
    background-position: -90px -0px; }
    .i-indicamin.pagado.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .i-indicamin.saldoinicial {
    background-position: -120px -0px; }
    .i-indicamin.saldoinicial.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .i-indicamin.entradasperiodo {
    background-position: -150px -0px; }
    .i-indicamin.entradasperiodo.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .i-indicamin.salidasperiodo {
    background-position: -180px -0px; }
    .i-indicamin.salidasperiodo.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .i-indicamin.saldobancario {
    background-position: -210px -0px; }
    .i-indicamin.saldobancario.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .i-indicamin.salidasaplicadas {
    background-position: -240px -0px; }
    .i-indicamin.salidasaplicadas.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .i-indicamin.saldocontable {
    background-position: -270px -0px; }
    .i-indicamin.saldocontable.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .i-indicamin.pendiente {
    background-position: -300px -0px; }
    .i-indicamin.pendiente.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .i-indicamin.duplicar {
    background-position: -330px -0px; }
    .i-indicamin.duplicar.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }

.icon-min {
  background-image: url(../images/iconos/iconos2.png);
  background-repeat: no-repeat;
  background-size: 240px;
  width: 20px;
  height: 20px;
  display: block; }
  .icon-min.entransito {
    background-position: -0px -0px; }
    .icon-min.entransito.hover:hover {
      cursor: pointer;
      background-position: -0px -20px; }
  .icon-min.entregado {
    background-position: -20px -0px; }
    .icon-min.entregado.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .icon-min.porcobrar {
    background-position: -40px -0px; }
    .icon-min.porcobrar.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .icon-min.pagado {
    background-position: -60px -0px; }
    .icon-min.pagado.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .icon-min.saldoinicial {
    background-position: -80px -0px; }
    .icon-min.saldoinicial.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .icon-min.entradasperiodo {
    background-position: -100px -0px; }
    .icon-min.entradasperiodo.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .icon-min.salidasperiodo {
    background-position: -120px -0px; }
    .icon-min.salidasperiodo.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .icon-min.saldobancario {
    background-position: -140px -0px; }
    .icon-min.saldobancario.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .icon-min.salidasaplicadas {
    background-position: -160px -0px; }
    .icon-min.salidasaplicadas.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .icon-min.saldocontable {
    background-position: -180px -0px; }
    .icon-min.saldocontable.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .icon-min.pendiente {
    background-position: -200px -0px; }
    .icon-min.pendiente.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .icon-min.duplicar {
    background-position: -220px -0px; }
    .icon-min.duplicar.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }

.icon-menu {
  background-image: url(../images/iconos/iconos-menu.png);
  background-repeat: no-repeat;
  background-size: 400px;
  width: 25px;
  height: 25px;
  display: block; }
  .icon-menu.solicitudes {
    background-position: -0px -0px; }
    .icon-menu.solicitudes.hover:hover {
      cursor: pointer;
      background-position: -0px -25px; }
  .icon-menu.tesoreria {
    background-position: -25px -0px; }
    .icon-menu.tesoreria.hover:hover {
      cursor: pointer;
      background-position: -25px -25px; }
  .icon-menu.proyectos {
    background-position: -50px -0px; }
    .icon-menu.proyectos.hover:hover {
      cursor: pointer;
      background-position: -50px -25px; }
  .icon-menu.arquitectura {
    background-position: -75px -0px; }
    .icon-menu.arquitectura.hover:hover {
      cursor: pointer;
      background-position: -75px -25px; }
  .icon-menu.proveedores {
    background-position: -100px -0px; }
    .icon-menu.proveedores.hover:hover {
      cursor: pointer;
      background-position: -100px -25px; }
  .icon-menu.cajasbancos {
    background-position: -125px -0px; }
    .icon-menu.cajasbancos.hover:hover {
      cursor: pointer;
      background-position: -125px -25px; }
  .icon-menu.cuentasubcuentas {
    background-position: -150px -0px; }
    .icon-menu.cuentasubcuentas.hover:hover {
      cursor: pointer;
      background-position: -150px -25px; }
  .icon-menu.catalogos {
    background-position: -175px -0px; }
    .icon-menu.catalogos.hover:hover {
      cursor: pointer;
      background-position: -175px -25px; }
  .icon-menu.facturacion {
    background-position: -200px -0px; }
    .icon-menu.facturacion.hover:hover {
      cursor: pointer;
      background-position: -200px -25px; }
  .icon-menu.configuracion {
    background-position: -225px -0px; }
    .icon-menu.configuracion.hover:hover {
      cursor: pointer;
      background-position: -225px -25px; }
  .icon-menu.duplicar {
    background-position: -250px -0px; }
    .icon-menu.duplicar.hover:hover {
      cursor: pointer;
      background-position: -250px -25px; }
  .icon-menu.ingresos {
    background-position: -275px -0px; }
    .icon-menu.ingresos.hover:hover {
      cursor: pointer;
      background-position: -275px -25px; }
  .icon-menu.clientes {
    background-position: -300px -0px; }
    .icon-menu.clientes.hover:hover {
      cursor: pointer;
      background-position: -300px -25px; }
  .icon-menu.cajaschicas {
    background-position: -325px -0px; }
    .icon-menu.cajaschicas.hover:hover {
      cursor: pointer;
      background-position: -325px -25px; }
  .icon-menu.fondeo {
    background-position: -350px -0px; }
    .icon-menu.fondeo.hover:hover {
      cursor: pointer;
      background-position: -350px -25px; }
  .icon-menu.rrhh {
    background-position: -375px -0px; }
    .icon-menu.rrhh.hover:hover {
      cursor: pointer;
      background-position: -375px -25px; }

.i-fondeo {
  background-image: url(../images/iconos/iconos-fondeo.png);
  background-repeat: no-repeat;
  background-size: 200px;
  width: 25px;
  height: 25px;
  display: block; }
  .i-fondeo.estimacion {
    background-position: -0px -0px; }
    .i-fondeo.estimacion.hover:hover {
      cursor: pointer;
      background-position: -0px -25px; }
  .i-fondeo.cancelacion {
    background-position: -25px -0px; }
    .i-fondeo.cancelacion.hover:hover {
      cursor: pointer;
      background-position: -25px -25px; }
  .i-fondeo.cambio {
    background-position: -50px -0px; }
    .i-fondeo.cambio.hover:hover {
      cursor: pointer;
      background-position: -50px -25px; }
  .i-fondeo.bloqueo {
    background-position: -75px -0px; }
    .i-fondeo.bloqueo.hover:hover {
      cursor: pointer;
      background-position: -75px -25px; }
  .i-fondeo.traspaso {
    background-position: -100px -0px; }
    .i-fondeo.traspaso.hover:hover {
      cursor: pointer;
      background-position: -100px -25px; }
  .i-fondeo.microcredito {
    background-position: -125px -0px; }
    .i-fondeo.microcredito.hover:hover {
      cursor: pointer;
      background-position: -125px -25px; }
  .i-fondeo.ver {
    background-position: -150px -0px; }
    .i-fondeo.ver.hover:hover {
      cursor: pointer;
      background-position: -150px -25px; }
  .i-fondeo.subir {
    background-position: -175px -0px; }
    .i-fondeo.subir.hover:hover {
      cursor: pointer;
      background-position: -175px -25px; }

.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; }

#debugg {
  height: 550px;
  overflow: scroll; }

select option {
  background-color: #E5E5E5; }
  select option:disabled {
    background-color: #BBB;
    color: #FFF;
    font-weight: bold; }

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, #control-bar, a.boton.table, form input.table[type=submit], form .table.boton.botonaccion, form a.boton.table {
  -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; }

.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 {
  position: absolute;
  right: 40px;
  top: 12px; }

body {
  font-family: "Helvetica", arial, sans-serif;
  font-weight: 300;
  background-color: #E8EAF2;
  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 {
  border: none;
  text-decoration: none; }
  a img {
    border: none;
    text-decoration: none; }
  a.rightup {
    float: right;
    margin-left: 10px;
    cursor: pointer; }
  a.remove {
    cursor: pointer; }
  a.pointer {
    cursor: pointer; }
  a.orange {
    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: #3c3cff !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%;
  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 {
      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; }

/* SESIÓN ACTIVA */
.container_demo_session {
  background-color: white;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  width: 100%;
  max-width: 350px;
  padding: 15px;
  text-align: center; }
.container_demo_session h4 {
  color: #4D4D4D;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 2em;
  text-transform: uppercase; }
.container_demo_session .status-card {
  background-color: #f8f9fa;
  border-radius: 2px;
  padding: 20px;
  margin: 10px 0;
  text-align: left; }
.container_demo_session .status-card .status-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee; }
.container_demo_session .status-card .status-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none; }
.status-label {
  font-weight: 600;
  color: #555; }
.status-value {
  color: #333; }
.session-active {
  color: #28a745;
  font-weight: 300; }
.session-warning {
  color: #ffc107;
  font-weight: 300; }
.session-expired {
  color: #dc3545;
  font-weight: 300; }
.last-refresh {
  font-size: 14px;
  color: #6c757d;
  margin-top: 20px; }
.container_demo_session .controls {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 10px; }
button.btn-controls-refresh {
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 300;
  transition: all 0.3s ease; }
.btn-controls-refresh.btn-refresh {
  background-color: #4CAF50;
  color: white; }
.btn-controls-refresh.btn-refresh:hover {
  background-color: #3e8e41; }
.btn-controls-refresh.btn-simulate {
  background-color: #2196F3;
  color: white; }
.btn-controls-refresh.btn-simulate:hover {
  background-color: #0b7dda; }
.btn-controls-refresh.btn-logout {
  background-color: #f44336;
  color: white; }
.btn-controls-refresh.btn-logout:hover {
  background-color: #d32f2f; }

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 {
      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 {
      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: 24px;
    line-height: 1.5em;
    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 {
      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 {
  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.header {
  margin-top: 0;
  height: 55px;
  width: 100%;
  display: block;
  padding: 10px 10px 10px 51px;
  background-color: #FFFFFF;
  position: relative;
  z-index: 10; }

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 {
    font-size: 10px !important;
    vertical-align: middle;
    text-transform: none; }
  h1 .userinfo {
    float: right;
    margin-top: 0; }

header.header h1 a {
  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: 0%;
    left: 138px;
    margin: 0 0 0 35%;
    background-color: #F18A00;
    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;
      position: relative;
      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: 1900px; }
      #nav ul li[data-count]::after {
        content: attr(data-count);
        position: absolute;
        width: 13px;
        height: 13px;
        top: 0px;
        right: 1%;
        background-color: red;
        color: white;
        padding: 2px;
        border-radius: 50%;
        font-size: 10px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center; }
      #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 {
          width: 100%;
          height: 60px;
          display: block;
          font-size: 16px;
          margin: 2px 0px 0px 0px;
          font-weight: bold;
          line-height: 1em;
          color: #4d4d4d;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          text-align: -webkit-center; }
      #nav ul li.level2 > a:first-child {
        text-transform: uppercase;
        color: #F18A00;
        font-weight: normal;
        font-size: 1.1em;
        vertical-align: middle;
        padding-left: 1% !important;
        text-align: center;
        text-align: -webkit-center; }
        #nav ul li.level2 > a:first-child:before {
          content: " ";
          vertical-align: top; }
      #nav ul li.off {
        background-color: #ff9d1a; }

#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 {
    width: 100%;
    padding: 5px 0px !important;
    display: block;
    margin: 0;
    color: #4d4d4d;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    text-align: -webkit-center; }
#nav ul li a {
  width: 100%;
  margin: 0;
  color: white; }

.sesion {
  margin-left: 2.8em;
  margin-top: -1.5em;
  position: absolute;
  color: orange; }

span#menu {
  display: block;
  font-size: 12px;
  padding-top: 9px; }

h3.float {
  float: left;
  margin: 10px 0; }

.nolinks a {
  display: none; }

table.datos {
  margin-top: 30px; }

form 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, div.notificacion form input[type=submit], form div.notificacion input[type=submit], div.notificacion form .boton.botonaccion, form div.notificacion .boton.botonaccion, div.notificacion form input[type=submit] {
    margin-top: -10px;
    background-color: #706F6F;
    color: white; }
  div.notificacion b {
    color: #0e6bbe; }

form div.notificacion input[type=submit] {
  margin-top: -10px;
  background-color: #706F6F;
  color: white; }

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

form div#reportepop input[type=submit] {
  margin-top: -10px;
  background-color: #706F6F;
  color: white; }

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

form div.notificacion input[type=submit]:hover {
  background-color: white;
  color: #706F6F; }

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

form 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], form div.notificacion input[type=submit], div.notificacion form .boton.botonaccion, form div.notificacion .boton.botonaccion {
    margin-top: -10px;
    background-color: #706F6F;
    color: white; }
div#reportepop a.boton, div#reportepop form input[type=submit], form div#reportepop input[type=submit], div#reportepop form .boton.botonaccion, form div#reportepop .boton.botonaccion {
  margin-top: -10px;
  background-color: #706F6F;
  color: white; }
div.notificacion a.boton:hover, div.notificacion form input[type=submit]:hover, form div.notificacion input[type=submit]:hover, div.notificacion form .boton.botonaccion:hover, form div.notificacion .boton.botonaccion:hover, div#reportepop a.boton:hover, div#reportepop form input[type=submit]:hover, form div#reportepop input[type=submit]:hover, div#reportepop form .boton.botonaccion:hover, form 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: 0.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, .w60, .w50, .w40, .w25, .w35, .contenedor.w60, form .bloqueform.w60, form.basico .bloqueform.w60, .contenedor.w50, form .bloqueform.w50, form.basico .bloqueform.w50, .contenedor.w40, form .bloqueform.w40, form.basico .bloqueform.w40, .contenedor.w33, form .bloqueform.w33, form.basico .bloqueform.w33, .contenedor.w25, form .bloqueform.w25, form.basico .bloqueform.w25, .contenedor.w35, form .bloqueform.w35, form.basico .bloqueform.w35 {
  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.w60, .contenedor.w50, .contenedor.w40, .contenedor.w25, .contenedor.w35, form .contenedor.bloqueform.w60, form .contenedor.bloqueform.w50, form .contenedor.bloqueform.w40, .contenedor.w33, form .contenedor.bloqueform.w33, form .contenedor.bloqueform.w25, form .contenedor.bloqueform.w35, form .bloqueform.w75, form .bloqueform.w60, form.basico .bloqueform.w60, form .bloqueform.w50, form.basico .bloqueform.w50, form .bloqueform.w40, form.basico .bloqueform.w40, form .bloqueform.w33, form.basico .bloqueform.w33, form .bloqueform.w25, form.basico .bloqueform.w25, form .bloqueform.w35, form.basico .bloqueform.w35, form.basico .bloqueform.w75, form.basico .bloqueform.w60, form.basico .bloqueform.w50, form.basico .bloqueform.w40, form.basico .bloqueform.w33, form.basico .bloqueform.w25, form.basico .bloqueform.w35 {
  width: 73%;
  float: left;
  clear: none;
  display: inline-block; }
.contenedor.w60, form .bloqueform.w60, form.basico .bloqueform.w60 {
  width: 57% !important; }
.contenedor.w50, form .bloqueform.w50, form.basico .bloqueform.w50 {
  width: 48%; }
.contenedor.w40, form .bloqueform.w40, form.basico .bloqueform.w40 {
  width: 38%; }
.contenedor.w33, form .bloqueform.w33, form.basico .bloqueform.w33 {
  width: 31%; }
.contenedor.w25, form .bloqueform.w25, form.basico .bloqueform.w25 {
  width: 23%; }
.contenedor.w35, form .bloqueform.w35, form.basico .bloqueform.w35 {
  width: 33% !important; }
.contenedor .lista-cultyvo li, form .bloqueform .lista-cultyvo li, form.basico .bloqueform .lista-cultyvo li {
  background-color: rgba(0, 0, 0, 0.05); }
.contenedor .bloque, form .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, form .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: #F18A00;
  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:disabled.resalta {
      border: none; }
  fieldset.resalta {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px dotted white; }

form.conslide {
  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 {
    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 {
  width: 105%;
  height: 105%;
  margin: -2.5% 0 0 -2.5%;
  position: absolute;
  z-index: 100; }

span.imgcont a img {
  position: absolute;
  display: block;
  margin: 0;
  top: 0;
  left: 0; }
span.imgcont.cuadros a img {
  height: 100%;
  left: 50%; }

.galeria {
  text-align: center;
  display: block; }

span.imgcont.seven {
  width: 14%;
  margin: 0.4 3%; }

.no-touch span.imgcont.seven:hover {
  margin: 0.2% 1%; }
  .no-touch span.imgcont.seven:hover > a {
    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: 0.4 3%; } }
@media only screen and (min-width: 300px) and (max-width: 639px) {
  span.imgcont.seven {
    width: 20%;
    margin: 0.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.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; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.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: #F18A00; }

form select.workusuario {
  margin: -25px 0 0 120px;
  width: 50%; }
form select.worknav {
  margin: -25px 0 0 120px;
  width: 50%; }

.updateUsuario, .updateNave {
  margin-top: -25px !important; }

a {
  color: gray; }

form .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, 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, form .bloqueform h5, form.basico .bloqueform h4, form.basico .bloqueform h5 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 18px;
    color: #4d4d4d; }
  form .bloqueform h5, form.basico .bloqueform h5 {
    margin-top: -6px;
    font-size: 12px;
    font-weight: lighter;
    margin-bottom: 8px; }
  form .bloqueform .edit, form .bloqueform .borrarbloque, form .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, form .bloqueform:hover .eliminar, form .bloqueform .edit .edit, form .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, 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, form.basico .bloqueform .bloqueform {
    background-color: #F7FAFF; }
    form .bloqueform .bloqueform h4, form .bloqueform .bloqueform h5, form.basico .bloqueform .bloqueform h4, form.basico .bloqueform .bloqueform h5 {
      color: #666;
      font-size: 14px; }
    form .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform {
      background-color: white; }
      form .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform {
        background-color: #F7FAFF; }
        form .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 {
  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; }

form.small, 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.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, form.basico.full 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, form.basico.full select, form.basico.full textarea, form.basico.full label, form.basico.full span.custom-combobox, form.basico.full .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, form.basico.full select, form.basico.full span.custom-combobox, form.basico.full .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.form.basico.full textarea, table.form.basico.full textarea {
    height: 200px; }
form.basico, div.form.basico, table.form.basico {
  width: 550px;
  height: auto;
  margin: 0 auto 0 auto;
  background-color: #F7FAFF;
  padding: 40px 20px 20px 20px;
  overflow: hidden;
  position: relative; }
  form.basico 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.form.basico h3 .resaltar, table.form.basico h3 .resaltar {
      color: #f9f9f9; }
  form.basico 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.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.form.basico, table.form.basico {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  form.basico 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.form.basico label.half, table.form.basico label.half {
      width: 40%; }
    form.basico label.duo, div.form.basico label.duo, table.form.basico label.duo {
      width: 15%; }
    form.basico label.lduo, div.form.basico label.lduo, table.form.basico label.lduo {
      clear: none; }
    form.basico 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.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.form.basico label.red, table.form.basico label.red {
      background-color: red !important;
      color: white; }
    form.basico label.green, div.form.basico label.green, table.form.basico label.green {
      background-color: limegreen !important;
      color: white; }
    form.basico label.orange, div.form.basico label.orange, table.form.basico label.orange {
      background-color: orange !important;
      color: white; }
form.filtros_ label, div.form.filtros_ label, table.form.filtros_ label {
  background-color: rgba(255, 255, 255, 0.3); }
form input, form textarea, form select, form span.custom-combobox, form .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, form textarea.half, form select.half, form span.custom-combobox.half, form .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, form textarea.trio, form select.trio, form span.custom-combobox.trio, form .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, form textarea.duo, form select.duo, form span.custom-combobox.duo, form .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, form textarea.duo.half, form select.duo.half, form span.custom-combobox.duo.half, form .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, form textarea.cuatrocinco, form select.cuatrocinco, form span.custom-combobox.cuatrocinco, form .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, form textarea.cincocinco, form select.cincocinco, form span.custom-combobox.cincocinco, form .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, form textarea.right-side, form select.right-side, form span.custom-combobox.right-side, form .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, form textarea.right-side.half, form select.right-side.half, form span.custom-combobox.right-side.half, form .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, form textarea.right-side.duo, form select.right-side.duo, form span.custom-combobox.right-side.duo, form .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, form textarea.right-side.cincocinco, form select.right-side.cincocinco, form span.custom-combobox.right-side.cincocinco, form .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, form textarea.no-right, form select.no-right, form span.custom-combobox.no-right, form .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, form textarea.big, form select.big, form span.custom-combobox.big, form .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.form .custom-combobox-input, table.form .custom-combobox-input {
  margin: 0; }
form select, form span.custom-combobox, form .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(215, 215, 218, 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, form select.picker__select--month, form span.custom-combobox.picker__select--year, form span.custom-combobox.picker__select--month, form .custom-combobox-input.picker__select--year, form .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, form span.custom-combobox.picker__select--year, form .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 {
    padding: 80px 30px; }
    form.basico.full .boton {
      font-size: 20px; }
    form.basico.full input, form.basico.full select, form.basico.full textarea, form.basico.full span.custom-combobox, form.basico.full .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:disabled.big, table td input:disabled.big, table td textarea:disabled.big {
      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 {
  width: 25%;
  padding: 3px 10px 3px 0; }
form.basico select.masuno {
  width: 57%;
  padding: 3px 0 3px 10px; }
form.basico.cotizacion, form.basico.medium {
  width: 100%;
  max-width: 750px; }
  form.basico.cotizacion.big, form.basico.medium.big {
    max-width: 900px; }
  form.basico.cotizacion.biger, form.basico.medium.biger {
    max-width: 1024px !important; }
  form.basico.cotizacion.biggger, form.basico.medium.biggger {
    width: 100%;
    min-width: 90% !important;
    max-width: 1280px !important; }
form.basico.big {
  width: 900px; }
form.basico.biger {
  width: 1024px !important; }
form.basico.plomo {
  background-color: #999; }
  form.basico.plomo h3.fnombre {
    color: white; }
  form.basico.plomo a {
    color: #ccc; }
  form.basico.plomo .bloqueform .bloqueform {
    background-color: #fcfcfc; }
    form.basico.plomo .bloqueform .bloqueform .bloqueform {
      background-color: #f0f0f0; }
form 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 {
  background-color: transparent;
  border: none;
  width: 100%;
  display: block;
  padding: 10px;
  float: left;
  clear: both; }
  form.basico.rango label {
    width: 60px;
    float: left;
    clear: none; }
  form.basico.rango input[type=text], form.basico.rango span.custom-combobox, form.basico.rango .custom-combobox-input {
    max-width: 16%;
    float: left;
    clear: none;
    margin-right: 0; }
  form.basico.rango select {
    max-width: 30%;
    float: left;
    clear: none;
    margin-right: 0; }

.boton.clean {
  margin: 10px 5px 0 0;
  float: right;
  background-color: #CCC; }

form.basico.rango input[type=submit], form.basico.rango .boton.clean {
  float: left;
  clear: none;
  margin: -15px 0 35px 20px; }

@media only screen and (min-width: 1025px) {
  form.detpro {
    margin-right: 20px; }
    form.detpro.code {
      margin-right: 180px; } }
p.startinit {
  text-align: center;
  width: 100%;
  float: left;
  margin: 5px; }
  p.startinit a {
    display: inline-block;
    padding: 40px 30px;
    border-radius: 100px;
    background-color: limegreen;
    font-size: 14px;
    color: white;
    cursor: pointer; }
    p.startinit a:hover {
      background-color: #5bd75b; }
    p.startinit a.stop {
      padding: 35px 20px;
      background-color: red; }
      p.startinit a.stop: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 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  a.added {
    position: absolute;
    top: 0;
    right: -180%;
    width: 35px;
    height: 35px;
    display: block;
    overflow: hidden;
    z-index: 10 !important;
    opacity: 0.7;
    cursor: pointer;
    z-index: 1;
    background: transparent url(../images/mas.png) no-repeat center center;
    background-size: 20px;
    font-size: 20px; }
    a.added:hover {
      opacity: 0.9; }
  a.half {
    right: -166%; }
  a.add, a.boton, form.basico input[type=submit], form input[type=submit], form .boton.botonaccion, form.basico .boton.botonaccion {
    margin: 5px 0 0 10px !important;
    padding: 10px 10px 8px 10px !important;
    background-color: #F18A00;
    border: none;
    color: white;
    float: right;
    font-size: 11px;
    cursor: pointer; }
    a.add.small, a.boton.small, form input.small[type=submit], form .small.boton.botonaccion {
      margin: 1px 0 1px 0 !important;
      padding: 4px 10px !important; }
    a.add.gimaterial, a.boton.gimaterial, form input.gimaterial[type=submit], form .gimaterial.boton.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 input.inline[type=submit], form .inline.boton.botonaccion {
      padding: 5px 8px !important;
      margin: 0 !important;
      float: inherit;
      display: inline-block;
      font-size: 0.9em; }
    a.add.inline-blue, a.boton.inline-blue, form input.inline-blue[type=submit], form .inline-blue.boton.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 input.fleft[type=submit], form .fleft.boton.botonaccion {
      float: left; }
    a.add.green, a.boton.green, form input.green[type=submit], form .green.boton.botonaccion {
      background-color: green; }
      a.add.green:hover, a.boton.green:hover, form input.green[type=submit]:hover, form .green.boton.botonaccion:hover {
        background-color: #005a00; }
    a.add.red, a.boton.red, form input.red[type=submit], form .red.boton.botonaccion {
      background-color: red; }
      a.add.red:hover, a.boton.red:hover, form input.red[type=submit]:hover, form .red.boton.botonaccion:hover {
        background-color: #b30000; }
    a.add.blue, a.boton.blue, form input.blue[type=submit], form .blue.boton.botonaccion {
      background-color: blue; }
      a.add.blue:hover, a.boton.blue:hover, form input.blue[type=submit]:hover, form .blue.boton.botonaccion:hover {
        background-color: #0000b3; }
    a.add.gray, a.boton.gray, form input.gray[type=submit], form .gray.boton.botonaccion {
      background-color: gray; }
      a.add.gray:hover, a.boton.gray:hover, form input.gray[type=submit]:hover, form .gray.boton.botonaccion:hover {
        background-color: #5a5a5a; }
    a.add.purple, a.boton.purple, form input.purple[type=submit], form .purple.boton.botonaccion {
      background-color: purple; }
      a.add.purple:hover, a.boton.purple:hover, form input.purple[type=submit]:hover, form .purple.boton.botonaccion:hover {
        background-color: #5a005a; }

form.basico 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.basico input[type=submit], form.basico h2 input[type=submit], h2 form input[type=submit], form h2 input[type=submit], h2 form .boton.botonaccion, form h2 .boton.botonaccion, h2 form.basico .boton.botonaccion, form.basico h2 .boton.botonaccion {
  float: inherit !important;
  padding: 6px 8px 5px 28px !important;
  margin-left: 6px;
  margin-top: -10px; }

h4 .boton {
  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 {
  margin-top: -8px !important; }

h2 a, h4 a {
  display: inline-block;
  vertical-align: middle; }

div .not p a {
  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, div .not p a:hover {
  background-color: #E5EAEA; }

h2 .boton:hover {
  background-color: #666; }

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

form.basico input[type=submit]:hover, form.basico input[type=submit]:disabled, form.basico input[type=submit].loading, form.basico .boton:hover, form.basico .boton:disabled, form.basico .boton.loading {
  background-color: #666; }

.boton.borrar {
  float: left;
  position: absolute;
  bottom: 10px;
  left: 0;
  background-color: red; }

.botoninput {
  background-color: #F18A00 !important;
  color: white !important; }

.inputform {
  background-color: #F1F1F2 !important; }

form input[type=submit], form .boton.botonaccion, form.basico input[type=submit], form.basico .boton.botonaccion {
  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, form .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  {
  cursor: none; }
form.basico textarea {
  height: 100px; }
form.basico textarea.textarea_function {
  max-width: 75% !important; }
form.basico input:disabled, form.basico textarea:disabled, form.basico 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:disabled.big, form.basico textarea:disabled.big, form.basico select:disabled.big {
    font-size: 25px !important; }
form.basico input.codigo {
  border: 1px solid #f0f0f0;
  font-weight: 500;
  font-size: 13px;
  border: 2px solid #999; }
form.notificacion {
  background-color: #f0f0f0;
  position: relative;
  padding: 80px 30px 20px 30px; }
  form.notificacion h3 {
    font-weight: 400;
    margin: 0 0 30px 0; }
  form.notificacion .fecha {
    position: absolute;
    top: 15px;
    right: 15px; }
  form.notificacion p {
    padding: 20px 0;
    font-size: 15px;
    line-height: 1.5em; }
form p.totales {
  font-size: 19px;
  text-align: right;
  margin-top: 20px; }
  form p.totales small {
    font-size: 0.6em;
    margin-left: 10px; }
    form p.totales small.dos {
      font-size: 0.8em;
      color: #666; }
form.reporte {
  background-color: white;
  padding-top: 10px;
  min-width: 750px;
  position: relative; }
  form.reporte h3 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
    text-align: right; }
  form.reporte h4.titulo {
    margin-top: 30px;
    color: #878787; }
  form.reporte .fecha {
    position: absolute;
    top: 60px;
    right: 15px; }

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

form .boton.cancelar, form .boton.cancel, form .boton.borrar {
  float: left;
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: red; }
  form .boton.cancelar.green, form .boton.cancel.green, form .boton.borrar.green {
    background-color: ColorSec !important; }
    form .boton.cancelar.green:hover, form .boton.cancel.green:hover, form .boton.borrar.green:hover {
      background-color: olivedrab; }
form .boton.red {
  background-color: red; }
  form .boton.red:hover {
    background-color: crimson; }
form .boton.green {
  background-color: ColorSec !important; }
  form .boton.green:hover {
    background-color: olivedrab; }
form .boton.orange {
  background-color: orange; }
  form .boton.orange:hover {
    background-color: darkorange; }
form .boton.lightgreen {
  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 {
  padding-left: 60px !important; }

form figure.avatar {
  float: left;
  margin: -52px auto 0 auto;
  width: 45px;
  height: auto;
  overflow: hidden;
  border: 1px solid white; }
  form 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 {
    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], form input[type=radio] {
  display: none; }
form div.radiobox {
  float: left;
  position: relative;
  width: 25%;
  display: block;
  height: 35px;
  margin-top: 3px;
  margin-left: 1px; }
  form div.radiobox.activo > label.radio, form div.radiobox.activo > label.checkbox {
    background-color: #147380 !important; }
form label.radio, form 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 {
  background-color: #ff5100 !important; }
  form 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 {
  background-color: #424242 !important;
  color: white; }
  form div.radiobox.activo > label.radio span {
    background: rgba(255, 255, 255, 0.9) url(../images/good.png) no-repeat center center;
    background-size: 12px;
    box-shadow: none; }
form label.radio input:checked {
  background-color: #D40C1F; }
form label.checkbox {
  border: 1px solid #20b1c4; }
  form label.checkbox input:checked {
    background-color: #D40C1F; }
  form label.checkbox span {
    background: rgba(255, 255, 255, 0.9);
    width: 14px;
    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 {
  background: rgba(255, 255, 255, 0.9) url(../images/good.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 {
  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[type=submit].falsemin, div.smallinput input[type=submit].falsemin {
  height: 30px;
  margin: 10px 0 0 5px;
  padding: 8px 7px 8px 7px; }
form.basico.left {
  float: left;
  clear: none;
  width: 68.3%; }
  form.basico.left.fclientes {
    height: auto; }
  form.basico.left.fprendas {
    height: auto;
    padding-top: 25px;
    margin-top: -235px;
    margin-bottom: 10px; }
    form.basico.left.fprendas h4 {
      line-height: 1em; }
form.basico.left-help {
  float: left;
  clear: none;
  width: 250px;
  height: auto;
  margin-left: 10px;
  margin-bottom: 10px; }
  form.basico.left-help label {
    width: 40%; }
  form.basico.left-help input, form.basico.left-help textarea, form.basico.left-help select, form.basico.left-help span.custom-combobox, form.basico.left-help .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 {
  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 {
    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 {
      position: absolute;
      bottom: 5px;
      right: 10px;
      font-size: 0.8em !important;
      line-height: 2em;
      height: auto; }
      .det-element.big .boton.doble {
        font-size: 0.7em !important;
        padding: 0 0.5em !important; }
        .det-element.big .boton.doble.arriba {
          bottom: inherit;
          top: 0; }
      .det-element.big .boton.less {
        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 {
  width: 35px;
  height: 35px;
  background-color: #F18A00;
  -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_ {
  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 {
    margin: 0 0 0 35px;
    padding: 0;
    font-size: 20px !important;
    line-height: 2em !important;
    color: #8c8c8c; }
  form.filtros_ .abrircerrar {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 10px;
    background-image: url(../images/less-white.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }
  form.filtros_.closed {
    max-height: 35px;
    overflow: hidden; }
    form.filtros_.closed .abrircerrar {
      background-image: url(../images/icon-filter.png); }
  form.filtros_.show {
    background-image: url(../images/less-white.png);
    position: inherit;
    max-height: 1000px;
    background-color: #f0f0f0; }

.archivosCapturables {
  position: relative;
  clear: both;
  text-align: center; }
  .archivosCapturables .boton {
    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 {
  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.listadearchivos li form input.borrar[type=submit], form ul.listadearchivos li input.borrar[type=submit], ul.listadearchivos li form .borrar.boton.botonaccion, form ul.listadearchivos li .borrar.boton.botonaccion, ul.listadeobjetos li a.boton.borrar, ul.listadeobjetos li form input.borrar[type=submit], form ul.listadeobjetos li input.borrar[type=submit], ul.listadeobjetos li form .borrar.boton.botonaccion, form ul.listadeobjetos li .borrar.boton.botonaccion {
      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.listadearchivos li form input.openfile[type=submit], form ul.listadearchivos li input.openfile[type=submit], ul.listadearchivos li form .openfile.boton.botonaccion, form ul.listadearchivos li .openfile.boton.botonaccion, ul.listadeobjetos li a.boton.openfile, ul.listadeobjetos li form input.openfile[type=submit], form ul.listadeobjetos li input.openfile[type=submit], ul.listadeobjetos li form .openfile.boton.botonaccion, form ul.listadeobjetos li .openfile.boton.botonaccion {
      position: absolute;
      right: 5px;
      top: 3px;
      padding: 5px !important;
      margin: 0 !important;
      font-size: 10px; }
    ul.listadearchivos li:hover a.boton.borrar, ul.listadearchivos li:hover form input.borrar[type=submit], form ul.listadearchivos li:hover input.borrar[type=submit], ul.listadearchivos li:hover form .borrar.boton.botonaccion, form ul.listadearchivos li:hover .borrar.boton.botonaccion, ul.listadeobjetos li:hover a.boton.borrar, ul.listadeobjetos li:hover form input.borrar[type=submit], form ul.listadeobjetos li:hover input.borrar[type=submit], ul.listadeobjetos li:hover form .borrar.boton.botonaccion, form ul.listadeobjetos li:hover .borrar.boton.botonaccion {
      display: block; }
  ul.listadearchivos.table li, ul.listadeobjetos.table li {
    line-height: 1.5em;
    padding: 3px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 22px !important;
    background-size: 15px; }
    ul.listadearchivos.table li p, ul.listadeobjetos.table li p {
      font-size: 11px; }
      ul.listadearchivos.table li p i, ul.listadeobjetos.table li p i {
        margin-left: 3px; }

#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: 0.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; }

form.basico#usuarios {
  width: 600px; }

.div_clase_texto {
  font-size: 14px !important;
  line-height: 1.4em !important;
  text-align: left !important;
  margin-top: 10px !important;
  color: black !important;
  vertical-align: middle;
  height: 100% !important; }
  .div_clase_texto.min {
    font-size: 12px !important; }

.div_clase_permisos {
  height: auto !important;
  width: 49% !important;
  min-width: 49%;
  max-width: 49%;
  border: 1px solid white;
  background-color: white !important;
  margin: 2px;
  vertical-align: middle;
  border-radius: 5px;
  box-sizing: border-box !important; }
  .div_clase_permisos.tercios {
    min-width: 32%;
    max-width: 32%;
    margin: 0px 0px 0px 0px !important; }
    .div_clase_permisos.tercios .div_clase_texto {
      font-size: 12px !important; }
      .div_clase_permisos.tercios .div_clase_texto.min {
        line-height: 3em !important; }

table input[type='checkbox'] {
  appearance: none;
  border: 1px solid #4D4D4D !important; }
  table input[type='checkbox']:checked {
    background-size: 20px !important;
    background-image: url(../images/varios/good2.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: center center; }

form#generar_serie {
  width: 690px !important; }

body.onPop form#generar_serie {
  width: 690px !important; }

form#buscador_facturas div#list-buscadorfacturasdesur, 
form#buscador_recibos_ingresos {
  overflow: scroll;
  max-height: 400px; }
form#buscador_facturas input.buscador, 
form#buscador_recibos_ingresos input.buscador {
  width: 99% !important;
  text-align: left;
  padding: 3px 40px 3px 10px;
  background-image: url(../images/search.png);
  background-position: center right 5px;
  background-repeat: no-repeat;
  background-size: 30px;
  margin: 0% 0% 2% 0%; }
  form#buscador_facturas input.buscador:focus,
  form#buscador_recibos_ingresos input.buscador:focus {
    outline: 2px solid rgba(241, 138, 0, 0.5) !important; }
form#buscador_facturas .flex,
form#buscador_recibos_ingresos .flex {
  display: inline-flex;
  justify-content: center;
  align-items: center; }
form#buscador_facturas ::-webkit-input-placeholder,
form#buscador_recibos_ingresos ::-webkit-input-placeholder {
  text-align: left; }

.iconFinder {
  background-image: url(../images/search.png);
  background-position: center center;
  background-size: 30px;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px; }

.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 {
    color: #cccccc; }
    .mfp-preloader a: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; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.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 {
    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 {
      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 {
        background-color: gray; }
      .dinabox footer .boton.table span {
        font-size: 3em;
        position: absolute;
        right: 3px;
        top: -7px; }
      .dinabox footer .boton.table.small {
        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 {
  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: #F18A00;
    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:not(.merged).resaltar, table tbody td:not(.merged).resaltar {
    background-color: rgba(0, 0, 0, 0.06) !important; }
  table td:not(.merged).importantef, table tbody td:not(.merged).importantef {
    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 {
      color: #0d64b2; }
      table td a: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 {
    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 {
    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 input.table[type=submit], form .table.boton.botonaccion, form 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 input.table[type=submit], form .table.boton.botonaccion, form a.boton.table {
  padding: 8px 9px 7px 30px !important;
  text-align: left; }
  a.boton.table.mid, form input.table.mid[type=submit], form .table.mid.boton.botonaccion {
    padding: 5px 10px 4px 10px;
    margin-bottom: 1px; }
  a.boton.table.small, form input.table.small[type=submit], form .table.small.boton.botonaccion {
    margin: 1px 0 1px 0 !important;
    padding: 4px 10px !important;
    text-align: center; }

table a.botontabla {
  width: 100%;
  height: 100%;
  display: block; }

a.boton.table.mid, form input.table.mid[type=submit], form .table.mid.boton.botonaccion {
  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: #F18A00; }
  .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 .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 {
    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 {
      background-color: red; }
      #tempinput .boton.red: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 tbody tr td.cellTableHidden {
  display: none; }

a.quick {
  position: relative;
  width: auto;
  display: inline-block; }
  a.quick span.quickEdit {
    display: block;
    width: auto;
    height: auto;
    padding: 10px;
    margin: 10px 0px;
    border: 1px solid #F18A00;
    border-radius: 25px;
    color: #F18A00;
    background-color: #F1F1F3; }
    a.quick span.quickEdit:hover {
      color: #F18A0080; }
    a.quick span.quickEdit:before {
      content: "";
      background-image: url(../images/editar.png);
      background-repeat: no-repeat;
      background-size: 15px;
      background-position: center;
      height: 15px;
      width: 15px;
      position: absolute;
      left: 50%;
      top: 5px; }

#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:first-child.no-lines {
        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, form .contenedor.bloqueform.w60, form .contenedor.bloqueform.w50, form .contenedor.bloqueform.w40, .contenedor.w33, form .contenedor.bloqueform.w33, form .contenedor.bloqueform.w25, form .contenedor.bloqueform.w35, form .bloqueform.w75, form .bloqueform.w60, form.basico .bloqueform.w60, form .bloqueform.w50, form.basico .bloqueform.w50, form .bloqueform.w40, form.basico .bloqueform.w40, form .bloqueform.w33, form.basico .bloqueform.w33, form .bloqueform.w25, form.basico .bloqueform.w25, form .bloqueform.w35, form.basico .bloqueform.w35, form.basico .bloqueform.w75, form.basico .bloqueform.w60, form.basico .bloqueform.w50, form.basico .bloqueform.w40, form.basico .bloqueform.w33, form.basico .bloqueform.w25, form.basico .bloqueform.w35 {
  width: 73%;
  float: left;
  clear: none;
  display: inline-block; }
.contenedor.w50, form .bloqueform.w50, form.basico .bloqueform.w50 {
  width: 48%; }
.contenedor.w40, form .bloqueform.w40, form.basico .bloqueform.w40 {
  width: 38%; }
.contenedor.w33, form .bloqueform.w33, form.basico .bloqueform.w33 {
  width: 31%; }
.contenedor.w25, form .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: 0.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; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

section#login {
  background-color: white;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  display: block;
  overflow: hidden;
  z-index: 10000000000000; }
  section#login header, section#login h1, section#login img {
    margin-left: 7px; }
  section#login form.login {
    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 {
      background-color: transparent;
      text-align: center; }
      section#login div.container form.login h3 {
        color: #F18A00;
        font-weight: bold;
        font-size: 30px;
        margin: -20px 0 0px 0; }
      section#login div.container form.login input[type=text], section#login div.container form.login 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[type=text].usuario, section#login div.container form.login input[type=password].usuario {
          background: white url(../images/varios/usuario.png) no-repeat center left 8px;
          background-size: 23px; }
      section#login div.container form.login 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 {
        display: block;
        margin: 3% auto;
        text-align: right;
        width: 50%;
        font-weight: bold;
        color: #F18A00; }

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

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

.acenter {
  text-align: center; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

.cultyvo-filter-button {
  padding: 6px 10px;
  border-radius: 2px;
  border: none;
  display: inline-block;
  color: #929496;
  text-decoration: none;
  background-color: #F0F0F1;
  height: 26px;
  margin-left: 5px;
  cursor: pointer; }
  .cultyvo-filter-button:hover, .cultyvo-filter-button.active {
    background-color: #F18A00;
    color: #FFFFFF; }

nav#pestanas {
  float: left;
  clear: both;
  display: block;
  width: 95%;
  padding: 0 20px;
  border-bottom: 5px solid #F18A00;
  margin: 0 1%; }
  nav#pestanas ul {
    list-style: none; }
  nav#pestanas li a {
    width: auto;
    max-width: 400px;
    padding: 8px 10px;
    display: inline-block;
    text-align: center;
    background-color: #F0F0F1;
    color: #929496;
    float: left;
    font-size: 12px;
    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:hover a {
    background-color: #F18A00;
    color: #FFFFFF; }
  nav#pestanas li.activo a {
    font-size: 20px;
    padding: 8px 15px 3px 15px;
    margin-top: -4px;
    text-transform: uppercase;
    font-size: lighter; }
  
/* PESTAÑAS DOBLE NIVEL */
#pestanas-doble-nivel {
  display: flex;
  /* justify-content: center; */
  width: 98%;
  background-color: #ffffff;
  overflow: hidden;
  /* float: left; } */
  margin-left: 1% }
#pestanas-doble-nivel ul {
  list-style: none; 
  display: flex; /* Alinear elementos en una fila */
  padding: 0;
  margin: 0; }
#pestanas-doble-nivel li a {
  width: auto;
  max-width: 400px;
  padding: 10px 15px 13px 15px;
  display: block;
  text-align: center;
  font-family: 'Muli-Bold';
  background-color: #ffffff;
  color: #333;
  float: left;
  font-size: 11px;
  text-transform: uppercase;
  box-sizing: border-box;
  border-bottom: 4px solid transparent; }
#pestanas-doble-nivel li.activo a, #pestanas-doble-nivel li:hover a {
  /* background-color: #26a828; */
  border-bottom: 2px solid #a7b633;
  color: #333; 
  padding-bottom: 10px !important; }
#pestanas-doble-nivel li.activo a {
  font-size: 12px; /* Un poco más grande */
  font-weight: bold;
  font-family: 'Muli-Bold';
  padding: 8px 18px 5px 18px; /* Más equilibrio en la izquierda y derecha */
  border-bottom: 2px solid #a7b633; 
  text-transform: uppercase; }
#pestanas li.head .contador {
  position: absolute;
  right: -14px;
  background-color: #d9534f;
  color: white;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 12px;
  font-weight: bold; }
#pestanas-doble-nivel li.head .contador {
  position: static;
  background-color: #d9534f;
  color: white;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 12px;
  font-weight: bold; }
#pestanas-triple-nivel li.head .contador {
  position: static;
  background-color: #d9534f;
  color: white;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 12px;
  font-weight: bold; }
#pestanas-triple-nivel {
  display: flex;
  /* justify-content: center; */
  width: 98%;
  background-color: #ffffff;
  overflow: hidden;
  /* float: left; } */
  margin-left: 1%; }
#pestanas-triple-nivel ul {
  list-style: none; 
  display: flex; /* Alinear elementos en una fila */
  padding: 0;
  margin: 0; }
#pestanas-triple-nivel li a {
  width: auto;
  max-width: 400px;
  padding: 10px 15px 13px 15px;
  display: block;
  text-align: center;
  background-color: #ffffff;
  color: #333;
  float: left;
  font-size: 10px;
  text-transform: uppercase;
  box-sizing: border-box;
  border-bottom: 4px solid transparent; }
#pestanas-triple-nivel li.activo a, #pestanas-doble-nivel li:hover a {
  /* background-color: #26a828; */
  border-bottom: 1.5px solid #a7b633;
  color: #333; 
  padding-bottom: 10px !important; }
#pestanas-triple-nivel li.activo a {
  font-size: 11px; /* Un poco más grande */
  font-weight: bold;
  padding: 8px 18px 5px 18px; /* Más equilibrio en la izquierda y derecha */
  border-bottom: 1px solid #a7b633; 
  text-transform: uppercase; }
#pestanas-triple-nivel li.head .contador {
  position: static;
  background-color: #d9534f;
  color: white;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 12px;
  font-weight: bold; }

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

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

.acenter {
  text-align: center; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

div.notificacion {
  position: relative;
  width: auto;
  max-width: 450px;
  margin: 20px auto;
  padding: 80px 30px 20px 30px;
  display: block;
  height: auto;
  background-color: white;
  text-align: center; }
  div.notificacion b {
    color: #F18A00; }
  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: #F0F0F1;
    margin-top: 3%;
    height: auto;
    width: 100%; }
    div.notificacion p.buttons a.boton, div.notificacion p.buttons form input[type=submit], form div.notificacion p.buttons input[type=submit], div.notificacion p.buttons form .boton.botonaccion, form div.notificacion p.buttons .boton.botonaccion {
      float: initial;
      background-color: #F18A00;
      color: #FFFFFF; }
      div.notificacion p.buttons a.boton:hover, div.notificacion p.buttons form input[type=submit]:hover, form div.notificacion p.buttons input[type=submit]:hover, div.notificacion p.buttons form .boton.botonaccion:hover, form div.notificacion p.buttons .boton.botonaccion:hover {
        background-color: #F18A0080;
        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; }
  div.notificacion .mfp-close {
    display: none !important; }

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

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

.acenter {
  text-align: center; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

a.boton, form.basico input[type=submit], form input[type=submit], form .boton.botonaccion, form.basico .boton.botonaccion {
  margin: 5px 0 0 10px !important;
  padding: 10px 10px 8px 10px !important;
  background-color: #F18A00;
  border: none;
  color: white;
  float: right;
  font-size: 11px;
  cursor: pointer; }
  a.boton:hover, form input[type=submit]:hover, form .boton.botonaccion:hover {
    background-color: #F18A0080 !important;
    color: #FFFFFF; }

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], 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 #F18A00;
  background-color: #F18A00 !important;
  float: right; }
  form input[type=submit]:hover, form.basico input[type=submit]:hover {
    background-color: #F18A0080 !important;
    color: #FFFFFF;
    border: 1px solid #F18A0080; }
  form 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, form.basico input[type=submit], form input[type=submit], form .boton.botonaccion, form.basico .boton.botonaccion {
  text-decoration: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }
  a.boton.small, form input.small[type=submit], form .small.boton.botonaccion {
    background-color: #FFAB3B;
    border: none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    margin: 1px 2px !important;
    padding: 4px 15px !important; }
    a.boton.small:hover, form input.small[type=submit]:hover, form .small.boton.botonaccion:hover {
      background-color: #FFAB3B8F !important;
      color: #FFFFFF;
      border: 1px solid #FFAB3B8F; }
    a.boton.small.disabled, form input.small.disabled[type=submit], form .small.disabled.boton.botonaccion {
      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; }

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

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

.acenter {
  text-align: center; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

form 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, 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: #F0F0F1 !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, form.basico div.radiobox, div.bloqueform div.radiobox {
  float: left;
  position: relative;
  width: auto !important;
  display: block;
  height: auto;
  margin: 0px 0px 0px 12px; }
  form 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, form.basico div.radiobox.activo > label.radio span, div.bloqueform div.radiobox.activo > label.radio span {
      background-size: 20px !important;
      background-image: url(../images/varios/good2.png);
      background-repeat: no-repeat;
      background-color: #FFFFFF;
      background-position: center center !important;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      box-shadow: none; }
  form 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, form.basico div.radiobox.activo > label.checkbox span, div.bloqueform div.radiobox.activo > label.checkbox span {
      background-size: 14px !important;
      background-image: url(../images/varios/good1.png);
      background-repeat: no-repeat;
      background-color: #FFFFFF;
      background-position: center center !important;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      box-shadow: none; }
  form div.radiobox input, form.basico div.radiobox input, div.bloqueform div.radiobox input {
    display: none; }
    form 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, 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, form 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: #FAD863 !important;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    form div.radiobox label.checkbox, form.basico div.radiobox label.checkbox, div.bloqueform div.radiobox label.checkbox {
      border: none; }
      form 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, form.basico div.radiobox span, div.bloqueform div.radiobox span {
    background: white;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    margin: 0 auto !important;
    left: 7px;
    top: 7px;
    z-index: 1;
    border: none;
    border: 1px solid #4D4D4D;
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }

form div.radiobox.especial3, form.basico div.radiobox.especial3, div.bloqueform div.radiobox.especial3 {
  width: 23% !important; }
  form div.radiobox.especial3 label, form.basico div.radiobox.especial3 label, div.bloqueform div.radiobox.especial3 label {
    width: 100% !important;
    text-align: left; }

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

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

.acenter {
  text-align: center; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

form 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], form 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(215, 215, 218, 0.2);
    color: #4D4D4D;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }
    form div.container-inputs input[type=text].find, form div.container-inputs input[type=email].find, form.basico div.container-inputs input[type=text].find, form.basico div.container-inputs input[type=email].find, div.bloqueform div.container-inputs input[type=text].find, div.bloqueform div.container-inputs input[type=email].find {
      background-image: url(../images/search.png);
      background-repeat: no-repeat;
      background-position: top 5px right 5px;
      background-size: 20px; }
    form div.container-inputs input[type=text].time, form div.container-inputs input[type=email].time, form.basico div.container-inputs input[type=text].time, form.basico div.container-inputs input[type=email].time, div.bloqueform div.container-inputs input[type=text].time, div.bloqueform div.container-inputs input[type=email].time {
      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, form 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, form 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 #4D4D4D; }
    form div.container-inputs input[type=text]:disabled, form 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, 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, 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, form.basico label, div.bloqueform label {
  width: 25%;
  height: 35px;
  padding: 2px 20px 2px 2px;
  margin: 3px 0px 3px 0px;
  float: left;
  font-size: 12px;
  text-align: right;
  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, 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(215, 215, 218, 0.2);
    color: #4D4D4D;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }
    form label + input:hover, form.basico label + input:hover, div.bloqueform label + input:hover {
      border: 1px solid #4D4D4D; }
    form 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 #4D4D4D; }
    form 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, form.basico textarea, div.bloqueform textarea {
  min-height: 100px;
  color: #4D4D4D;
  background-color: rgba(215, 215, 218, 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, form.basico textarea:hover, div.bloqueform textarea:hover {
    border: 1px solid #4D4D4D; }
  form textarea:focus, form.basico textarea:focus, div.bloqueform textarea:focus {
    outline-offset: 0px !important;
    outline: none !important;
    color: #4D4D4D;
    border: 1px solid #4D4D4D; }
form 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, form.basico span.custom-combobox input, div.bloqueform span.custom-combobox input {
    background-color: #F0F0F1;
    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, 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: #F0F0F1;
  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: #808080; }

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

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

.acenter {
  text-align: center; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

form div.etiqueta-simple, form.basico div.etiqueta-simple, div.bloqueform div.etiqueta-simple {
  width: auto;
  display: inline-block; }
  form div.etiqueta-simple label, form.basico div.etiqueta-simple label, div.bloqueform div.etiqueta-simple label {
    width: auto;
    height: 35px;
    color: #4D4D4D;
    background-color: #F0F0F1 !important;
    padding: 0px 20px;
    margin: 2px 0px;
    border: none;
    position: relative;
    text-align: center;
    font-size: 0.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, form.basico div.etiqueta-simple label:hover, div.bloqueform div.etiqueta-simple label:hover {
      border: 1px solid #4D4D4D; }
    form 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, form.basico div.etiqueta-simple label:disabled:hover, div.bloqueform div.etiqueta-simple label:disabled:hover {
        border: none; }
form 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, form.basico div.etiqueta-boton label, div.bloqueform div.etiqueta-boton label {
    width: auto;
    height: 35px;
    color: #4D4D4D;
    background-color: #F0F0F1 !important;
    padding: 0px 20px;
    margin: 2px 0px;
    border: none;
    position: relative;
    text-align: center;
    font-size: 0.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, form.basico div.etiqueta-boton span, div.bloqueform div.etiqueta-boton span {
    color: #FFFFFF;
    cursor: pointer; }
    form 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, form.basico div.etiqueta-boton span.padec-no, div.bloqueform div.etiqueta-boton span.padec-no {
      background-color: #EA4846 !important; }

section#fondeo .fondeo_tipo, form#transferencias .fondeo_tipo {
  width: auto;
  min-height: 30px;
  padding: 10px 20px;
  color: #FFFFFF;
  border-radius: 25px; }
  section#fondeo .fondeo_tipo.microcredito, form#transferencias .fondeo_tipo.microcredito {
    background-color: #7190E3; }
  section#fondeo .fondeo_tipo.traspaso, form#transferencias .fondeo_tipo.traspaso {
    background-color: #46BA78; }
  section#fondeo .fondeo_tipo.estimacion, form#transferencias .fondeo_tipo.estimacion {
    background-color: #9571E3; }
  section#fondeo .fondeo_tipo.cancelacion, form#transferencias .fondeo_tipo.cancelacion {
    background-color: #F18A00; }
  section#fondeo .fondeo_tipo.cambio, form#transferencias .fondeo_tipo.cambio {
    background-color: #47BAB4; }
  section#fondeo .fondeo_tipo.bloqueo, form#transferencias .fondeo_tipo.bloqueo {
    background-color: #F24D00; }
  section#fondeo .fondeo_tipo.accion_autorizar, form#transferencias .fondeo_tipo.accion_autorizar {
    background-color: orange;
    border-radius: 10px;
    margin: 2px;
    padding: 2px 20px;
    display: inline-flex;
    align-items: center; }
  section#fondeo .fondeo_tipo.accion_cancelar, form#transferencias .fondeo_tipo.accion_cancelar {
    background-color: red;
    border-radius: 10px;
    margin: 2px;
    padding: 2px 20px;
    display: inline-flex;
    align-items: center; }
  section#fondeo .fondeo_tipo.ver_evidencia, form#transferencias .fondeo_tipo.ver_evidencia {
    background-color: #EE853C;
    border-radius: 5px; }
  section#fondeo .fondeo_tipo.subir_evidencia, form#transferencias .fondeo_tipo.subir_evidencia {
    background-color: #43AEE7;
    border-radius: 5px; }
  section#fondeo .fondeo_tipo.fecha_prog, form#transferencias .fondeo_tipo.fecha_prog {
    background-color: #7190E3;
    border-radius: 5px;
    padding: 2px 15px;
    margin: 2px;
    display: inline-flex;
    align-items: center; }
  section#fondeo .fondeo_tipo.bloqueo_mov, form#transferencias .fondeo_tipo.bloqueo_mov {
    background-color: #46BA78;
    border-radius: 5px;
    padding: 2px 15px;
    margin: 2px;
    display: inline-flex;
    align-items: center; }
  section#fondeo .fondeo_tipo.cancelar_mov, form#transferencias .fondeo_tipo.cancelar_mov {
    background-color: #F18A00;
    border-radius: 5px;
    padding: 2px 15px;
    margin: 2px;
    display: inline-flex;
    align-items: center; }
  section#fondeo .fondeo_tipo a, form#transferencias .fondeo_tipo a {
    margin-right: 5px;
    margin-left: 0px; }

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

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

.acenter {
  text-align: center; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

form 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, form.basico h4, div.bloqueform h4 {
  font-size: 24px;
  line-height: 1.5em;
  font-weight: normal;
  text-transform: uppercase;
  color: #4D4D4D;
  letter-spacing: 1px;
  clear: both; }

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: #F18A00;
    color: #FFFFFF;
    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:not(.merged).resaltar, table tbody td:not(.merged).resaltar {
    background-color: rgba(0, 0, 0, 0.06) !important; }
  table td:not(.merged).importantef, table tbody td:not(.merged).importantef {
    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 {
      color: #a96100; }
      table td a:hover {
        color: #301c00; }
    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: #f18a00 !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 {
  background-color: #F18A00;
  border: none;
  color: #FFFFFF;
  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; }

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

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

.acenter {
  text-align: center; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

div.sesion-out {
  float: right;
  margin: 0% 15% 5% 15%; }
  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: 17px;
  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;
  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-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: #F18A00; }

.flex-center, .not .container-mensajes, .not .container-mensajes .not-botones, .not .container-mensajes .not-botones .btns-hide, .not .container-mensajes .not-botones .btns-hide .not-ocultar, .not .container-mensajes .not-botones .btns-hide .not-resolver, .not.ver-todo {
  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, .not .container-mensajes .not-mensaje form input[type=submit], form .not .container-mensajes .not-mensaje input[type=submit], .not .container-mensajes .not-mensaje form .boton.botonaccion, form .not .container-mensajes .not-mensaje .boton.botonaccion {
        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 {
      cursor: pointer;
      color: #F18A00;
      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 {
        color: #db7e00;
        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 {
  display: none; }

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

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

.acenter {
  text-align: center; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

form#upload div#folio {
  top: 15px;
  right: 20px;
  color: #45AFCE;
  font-weight: 500;
  position: absolute;
  text-align: right; }
  form#upload div#folio small {
    font-size: 18px; }
  form#upload div#folio span.folio {
    color: #FF0036;
    font-size: 28px; }
form#upload div#drop {
  margin: 20px 0px;
  padding: 25px 50px; }
  form#upload 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 {
    display: block;
    font-size: 11px;
    color: #999; }
  form#upload div#drop a.find {
    background-color: #45AFCE; }
    form#upload div#drop a.find:hover {
      background-color: #009E8F;
      color: #45AFCE; }
  form#upload div#drop .lista {
    width: 100%;
    margin: 0 auto;
    min-height: 35px;
    overflow-y: scroll; }
    form#upload div#drop .lista ul.listadearchivos li.archivo {
      width: 93%;
      float: right; }
      form#upload div#drop .lista ul.listadearchivos li.archivo p {
        padding: 0%; }
      form#upload div#drop .lista ul.listadearchivos li.archivo a.boton.red.borrar, form#upload div#drop .lista ul.listadearchivos li.archivo input.red.borrar[type=submit], form#upload div#drop .lista ul.listadearchivos li.archivo .red.borrar.boton.botonaccion {
        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 {
        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; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.9em; }

section#index .bloqueform {
  background-color: #F7FAFF;
  padding: 2%; }
  section#index .bloqueform #dash {
    height: auto;
    width: 100%;
    display: block; }
    section#index .bloqueform #dash .index-block {
      padding: 0 0%;
      display: inline-flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      section#index .bloqueform #dash .index-block .modulo {
        margin: 10px 25px 10px 0px; }
        section#index .bloqueform #dash .index-block .modulo .boton {
          width: 175px;
          background-color: #F18A00;
          color: white;
          margin: 0 !important;
          padding: 15px 0px 15px 55px !important;
          -webkit-border-radius: 25px;
          -moz-border-radius: 25px;
          -ms-border-radius: 25px;
          border-radius: 25px; }
          section#index .bloqueform #dash .index-block .modulo .boton:hover {
            background-color: #F18A00B8 !important;
            border: 1px solid #F18A00B8; }
          section#index .bloqueform #dash .index-block .modulo .boton .mod-icon {
            top: 9px;
            left: 20px;
            background-position-y: -30px; }
            section#index .bloqueform #dash .index-block .modulo .boton .mod-icon:hover {
              background-color: transparent;
              border-radius: 0px; }

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

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

.acenter {
  text-align: center; }

.w100, .lista-cultyvo li, .lista-cultyvo li .key, .lista-cultyvo li .val, .scanner .interface, form.basico.left, 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: 0.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-between;
  align-items: center; }