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

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

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

.acenter {
  text-align: center; }

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

.capitalize {
  text-transform: capitalize; }

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

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

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

.acenter {
  text-align: center; }

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

.iconos-1 {
  background-image: url(../images/iconos/iconos200blanco.png);
  background-repeat: no-repeat;
  background-size: 330px;
  width: 30px;
  height: 30px;
  display: block; }
  .iconos-1.solicitud {
    background-position: 0px -0px; }
    .iconos-1.solicitud.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos-1.ventas {
    background-position: -30px -0px; }
    .iconos-1.ventas.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-1.cobranza {
    background-position: -60px -0px; }
    .iconos-1.cobranza.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos-1.transito {
    background-position: -90px -0px; }
    .iconos-1.transito.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos-1.inventario {
    background-position: -120px -0px; }
    .iconos-1.inventario.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos-1.reportes {
    background-position: -150px -0px; }
    .iconos-1.reportes.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .iconos-1.sucursales {
    background-position: -180px -0px; }
    .iconos-1.sucursales.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .iconos-1.catalogos {
    background-position: -210px -0px; }
    .iconos-1.catalogos.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .iconos-1.config {
    background-position: -240px -0px; }
    .iconos-1.config.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .iconos-1.clientes {
    background-position: -270px -0px; }
    .iconos-1.clientes.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .iconos-1.cuentas {
    background-position: -300px -0px; }
    .iconos-1.cuentas.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .iconos-1.venta {
    background-position: 0px -30px; }
    .iconos-1.venta.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos-1.apartados {
    background-position: -30px -30px; }
    .iconos-1.apartados.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-1.vitrina {
    background-position: -60px -30px; }
    .iconos-1.vitrina.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos-1.almacen {
    background-position: -90px -30px; }
    .iconos-1.almacen.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos-1.gastos {
    background-position: -120px -30px; }
    .iconos-1.gastos.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos-1.rh {
    background-position: -210px -30px; }
    .iconos-1.rh.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .iconos-1.compras {
    background-position: -240px -30px; }
    .iconos-1.compras.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .iconos-1.cobranza {
    background-position: -270px -30px; }
    .iconos-1.cobranza.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .iconos-1.proveedores {
    background-position: -300px -30px; }
    .iconos-1.proveedores.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }

.iconos-2 {
  background-image: url(../images/iconos/iconos200.png);
  background-repeat: no-repeat;
  background-size: 160px;
  width: 20px;
  height: 20px;
  display: block; }
  .iconos-2.solicitud {
    background-position: 0px -0px; }
    .iconos-2.solicitud.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .iconos-2.ventas {
    background-position: -20px -0px; }
    .iconos-2.ventas.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .iconos-2.cobranza {
    background-position: -40px -0px; }
    .iconos-2.cobranza.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .iconos-2.transito {
    background-position: -60px -0px; }
    .iconos-2.transito.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .iconos-2.inventario {
    background-position: -80px -0px; }
    .iconos-2.inventario.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .iconos-2.reportes {
    background-position: -100px -0px; }
    .iconos-2.reportes.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .iconos-2.sucursales {
    background-position: -120px -0px; }
    .iconos-2.sucursales.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .iconos-2.catalogos {
    background-position: -140px -0px; }
    .iconos-2.catalogos.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .iconos-2.config {
    background-position: -160px -0px; }
    .iconos-2.config.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .iconos-2.clientes {
    background-position: -180px -0px; }
    .iconos-2.clientes.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .iconos-2.cuentas {
    background-position: -200px -0px; }
    .iconos-2.cuentas.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .iconos-2.venta {
    background-position: 0px -20px; }
    .iconos-2.venta.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .iconos-2.apartados {
    background-position: -20px -20px; }
    .iconos-2.apartados.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .iconos-2.vitrina {
    background-position: -40px -20px; }
    .iconos-2.vitrina.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .iconos-2.almacen {
    background-position: -60px -20px; }
    .iconos-2.almacen.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .iconos-2.gastos {
    background-position: -80px -20px; }
    .iconos-2.gastos.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .iconos-2.rh {
    background-position: -140px -20px; }
    .iconos-2.rh.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .iconos-2.compras {
    background-position: -160px -20px; }
    .iconos-2.compras.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .iconos-2.cobranza {
    background-position: -180px -20px; }
    .iconos-2.cobranza.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .iconos-2.proveedores {
    background-position: -200px -20px; }
    .iconos-2.proveedores.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }

.botones-1 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 870px;
  width: 30px;
  height: 30px;
  display: block; }
  .botones-1.agregar {
    background-position: 0px -0px; }
    .botones-1.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .botones-1.borrar {
    background-position: -30px -0px; }
    .botones-1.borrar.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .botones-1.editar {
    background-position: -60px -0px; }
    .botones-1.editar.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .botones-1.cerrar {
    background-position: -90px -0px; }
    .botones-1.cerrar.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .botones-1.detalles {
    background-position: -120px -0px; }
    .botones-1.detalles.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .botones-1.temporal {
    background-position: -150px -0px; }
    .botones-1.temporal.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .botones-1.ver {
    background-position: -180px -0px; }
    .botones-1.ver.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .botones-1.ver2 {
    background-position: -210px -0px; }
    .botones-1.ver2.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .botones-1.recibir {
    background-position: -240px -0px; }
    .botones-1.recibir.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .botones-1.recibido {
    background-position: -270px -0px; }
    .botones-1.recibido.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .botones-1.enviar {
    background-position: -300px -0px; }
    .botones-1.enviar.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .botones-1.nota {
    background-position: -330px -0px; }
    .botones-1.nota.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .botones-1.factura {
    background-position: -360px -0px; }
    .botones-1.factura.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .botones-1.facturacancel {
    background-position: -390px -0px; }
    .botones-1.facturacancel.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .botones-1.facturareemplazo {
    background-position: -420px -0px; }
    .botones-1.facturareemplazo.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .botones-1.enviarmail {
    background-position: -450px -0px; }
    .botones-1.enviarmail.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .botones-1.enviarpaquete {
    background-position: -480px -0px; }
    .botones-1.enviarpaquete.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .botones-1.cancelar {
    background-position: -510px -0px; }
    .botones-1.cancelar.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .botones-1.descargar {
    background-position: -540px -0px; }
    .botones-1.descargar.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .botones-1.estadisticas {
    background-position: -570px -0px; }
    .botones-1.estadisticas.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .botones-1.aprobar {
    background-position: -600px -0px; }
    .botones-1.aprobar.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .botones-1.aprobado {
    background-position: -600px -30px; }
    .botones-1.aprobado.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .botones-1.imprimir {
    background-position: -630px -0px; }
    .botones-1.imprimir.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }
  .botones-1.copiar {
    background-position: -660px -0px; }
    .botones-1.copiar.hover:hover {
      cursor: pointer;
      background-position: -660px -30px; }
  .botones-1.refacturar {
    background-position: -690px -0px; }
    .botones-1.refacturar.hover:hover {
      cursor: pointer;
      background-position: -690px -30px; }
  .botones-1.actualizar {
    background-position: -720px -0px; }
    .botones-1.actualizar.hover:hover {
      cursor: pointer;
      background-position: -720px -30px; }
  .botones-1.actualizar-gris {
    background-position: -720px -30px; }
    .botones-1.actualizar-gris.hover:hover {
      cursor: pointer;
      background-position: -720px -30px; }
  .botones-1.adelantar {
    background-position: -750px -0px; }
    .botones-1.adelantar.hover:hover {
      cursor: pointer;
      background-position: -750px -30px; }
  .botones-1.regresar {
    background-position: -780px -0px; }
    .botones-1.regresar.hover:hover {
      cursor: pointer;
      background-position: -780px -30px; }
  .botones-1.siguiente {
    background-position: -810px -0px; }
    .botones-1.siguiente.hover:hover {
      cursor: pointer;
      background-position: -810px -30px; }
  .botones-1.anterior {
    background-position: -840px -0px; }
    .botones-1.anterior.hover:hover {
      cursor: pointer;
      background-position: -840px -30px; }

.botones-2 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 580px;
  width: 20px;
  height: 20px;
  display: block; }
  .botones-2.agregar {
    background-position: 0px -0px; }
    .botones-2.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .botones-2.borrar {
    background-position: -20px -0px; }
    .botones-2.borrar.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .botones-2.editar {
    background-position: -40px -0px; }
    .botones-2.editar.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .botones-2.cerrar {
    background-position: -60px -0px; }
    .botones-2.cerrar.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .botones-2.detalles {
    background-position: -80px -0px; }
    .botones-2.detalles.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .botones-2.temporal {
    background-position: -100px -0px; }
    .botones-2.temporal.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .botones-2.ver {
    background-position: -120px -0px; }
    .botones-2.ver.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .botones-2.ver2 {
    background-position: -140px -0px; }
    .botones-2.ver2.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .botones-2.recibir {
    background-position: -160px -0px; }
    .botones-2.recibir.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .botones-2.recibido {
    background-position: -180px -0px; }
    .botones-2.recibido.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .botones-2.enviar {
    background-position: -200px -0px; }
    .botones-2.enviar.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .botones-2.nota {
    background-position: -220px -0px; }
    .botones-2.nota.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .botones-2.factura {
    background-position: -240px -0px; }
    .botones-2.factura.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }
  .botones-2.facturacancel {
    background-position: -260px -0px; }
    .botones-2.facturacancel.hover:hover {
      cursor: pointer;
      background-position: -260px -20px; }
  .botones-2.facturareemplazo {
    background-position: -280px -0px; }
    .botones-2.facturareemplazo.hover:hover {
      cursor: pointer;
      background-position: -280px -20px; }
  .botones-2.enviarmail {
    background-position: -300px -0px; }
    .botones-2.enviarmail.hover:hover {
      cursor: pointer;
      background-position: -300px -20px; }
  .botones-2.enviarpaquete {
    background-position: -320px -0px; }
    .botones-2.enviarpaquete.hover:hover {
      cursor: pointer;
      background-position: -320px -20px; }
  .botones-2.cancelar {
    background-position: -340px -0px; }
    .botones-2.cancelar.hover:hover {
      cursor: pointer;
      background-position: -340px -20px; }
  .botones-2.descargar {
    background-position: -360px -0px; }
    .botones-2.descargar.hover:hover {
      cursor: pointer;
      background-position: -360px -20px; }
  .botones-2.estadisticas {
    background-position: -380px -0px; }
    .botones-2.estadisticas.hover:hover {
      cursor: pointer;
      background-position: -380px -20px; }
  .botones-2.aprobar {
    background-position: -400px -0px; }
    .botones-2.aprobar.hover:hover {
      cursor: pointer;
      background-position: -400px -20px; }
  .botones-2.aprobado {
    background-position: -400px -20px; }
    .botones-2.aprobado.hover:hover {
      cursor: pointer;
      background-position: -400px -20px; }
  .botones-2.imprimir {
    background-position: -420px -0px; }
    .botones-2.imprimir.hover:hover {
      cursor: pointer;
      background-position: -420px -20px; }
  .botones-2.copiar {
    background-position: -440px -0px; }
    .botones-2.copiar.hover:hover {
      cursor: pointer;
      background-position: -440px -20px; }
  .botones-2.refacturar {
    background-position: -460px -0px; }
    .botones-2.refacturar.hover:hover {
      cursor: pointer;
      background-position: -460px -20px; }
  .botones-2.actualizar {
    background-position: -480px -0px; }
    .botones-2.actualizar.hover:hover {
      cursor: pointer;
      background-position: -480px -20px; }
  .botones-2.actualizar-gris {
    background-position: -480px -20px; }
    .botones-2.actualizar-gris.hover:hover {
      cursor: pointer;
      background-position: -480px -20px; }
  .botones-2.adelantar {
    background-position: -500px -0px; }
    .botones-2.adelantar.hover:hover {
      cursor: pointer;
      background-position: -500px -20px; }
  .botones-2.regresar {
    background-position: -520px -0px; }
    .botones-2.regresar.hover:hover {
      cursor: pointer;
      background-position: -520px -20px; }
  .botones-2.siguiente {
    background-position: -540px -0px; }
    .botones-2.siguiente.hover:hover {
      cursor: pointer;
      background-position: -540px -20px; }
  .botones-2.anterior {
    background-position: -560px -0px; }
    .botones-2.anterior.hover:hover {
      cursor: pointer;
      background-position: -560px -20px; }

.botones-3 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 1740px;
  width: 60px;
  height: 60px;
  display: block; }
  .botones-3.agregar {
    background-position: 0px -0px; }
    .botones-3.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -60px; }
  .botones-3.borrar {
    background-position: -60px -0px; }
    .botones-3.borrar.hover:hover {
      cursor: pointer;
      background-position: -60px -60px; }
  .botones-3.editar {
    background-position: -120px -0px; }
    .botones-3.editar.hover:hover {
      cursor: pointer;
      background-position: -120px -60px; }
  .botones-3.cerrar {
    background-position: -180px -0px; }
    .botones-3.cerrar.hover:hover {
      cursor: pointer;
      background-position: -180px -60px; }
  .botones-3.detalles {
    background-position: -240px -0px; }
    .botones-3.detalles.hover:hover {
      cursor: pointer;
      background-position: -240px -60px; }
  .botones-3.temporal {
    background-position: -300px -0px; }
    .botones-3.temporal.hover:hover {
      cursor: pointer;
      background-position: -300px -60px; }
  .botones-3.ver {
    background-position: -360px -0px; }
    .botones-3.ver.hover:hover {
      cursor: pointer;
      background-position: -360px -60px; }
  .botones-3.ver2 {
    background-position: -420px -0px; }
    .botones-3.ver2.hover:hover {
      cursor: pointer;
      background-position: -420px -60px; }
  .botones-3.recibir {
    background-position: -480px -0px; }
    .botones-3.recibir.hover:hover {
      cursor: pointer;
      background-position: -480px -60px; }
  .botones-3.recibido {
    background-position: -540px -0px; }
    .botones-3.recibido.hover:hover {
      cursor: pointer;
      background-position: -540px -60px; }
  .botones-3.enviar {
    background-position: -600px -0px; }
    .botones-3.enviar.hover:hover {
      cursor: pointer;
      background-position: -600px -60px; }
  .botones-3.nota {
    background-position: -660px -0px; }
    .botones-3.nota.hover:hover {
      cursor: pointer;
      background-position: -660px -60px; }
  .botones-3.factura {
    background-position: -720px -0px; }
    .botones-3.factura.hover:hover {
      cursor: pointer;
      background-position: -720px -60px; }
  .botones-3.facturacancel {
    background-position: -780px -0px; }
    .botones-3.facturacancel.hover:hover {
      cursor: pointer;
      background-position: -780px -60px; }
  .botones-3.facturareemplazo {
    background-position: -840px -0px; }
    .botones-3.facturareemplazo.hover:hover {
      cursor: pointer;
      background-position: -840px -60px; }
  .botones-3.enviarmail {
    background-position: -900px -0px; }
    .botones-3.enviarmail.hover:hover {
      cursor: pointer;
      background-position: -900px -60px; }
  .botones-3.enviarpaquete {
    background-position: -960px -0px; }
    .botones-3.enviarpaquete.hover:hover {
      cursor: pointer;
      background-position: -960px -60px; }
  .botones-3.cancelar {
    background-position: -1020px -0px; }
    .botones-3.cancelar.hover:hover {
      cursor: pointer;
      background-position: -1020px -60px; }
  .botones-3.descargar {
    background-position: -1080px -0px; }
    .botones-3.descargar.hover:hover {
      cursor: pointer;
      background-position: -1080px -60px; }
  .botones-3.estadisticas {
    background-position: -1140px -0px; }
    .botones-3.estadisticas.hover:hover {
      cursor: pointer;
      background-position: -1140px -60px; }
  .botones-3.aprobar {
    background-position: -1200px -0px; }
    .botones-3.aprobar.hover:hover {
      cursor: pointer;
      background-position: -1200px -60px; }
  .botones-3.aprobado {
    background-position: -1200px -60px; }
    .botones-3.aprobado.hover:hover {
      cursor: pointer;
      background-position: -1200px -60px; }
  .botones-3.imprimir {
    background-position: -1260px -0px; }
    .botones-3.imprimir.hover:hover {
      cursor: pointer;
      background-position: -1260px -60px; }
  .botones-3.copiar {
    background-position: -1320px -0px; }
    .botones-3.copiar.hover:hover {
      cursor: pointer;
      background-position: -1320px -60px; }
  .botones-3.refacturar {
    background-position: -1380px -0px; }
    .botones-3.refacturar.hover:hover {
      cursor: pointer;
      background-position: -1380px -60px; }
  .botones-3.actualizar {
    background-position: -1440px -0px; }
    .botones-3.actualizar.hover:hover {
      cursor: pointer;
      background-position: -1440px -60px; }
  .botones-3.actualizar-gris {
    background-position: -1440px -60px; }
    .botones-3.actualizar-gris.hover:hover {
      cursor: pointer;
      background-position: -1440px -60px; }
  .botones-3.adelantar {
    background-position: -1500px -0px; }
    .botones-3.adelantar.hover:hover {
      cursor: pointer;
      background-position: -1500px -60px; }
  .botones-3.regresar {
    background-position: -1560px -0px; }
    .botones-3.regresar.hover:hover {
      cursor: pointer;
      background-position: -1560px -60px; }
  .botones-3.siguiente {
    background-position: -1620px -0px; }
    .botones-3.siguiente.hover:hover {
      cursor: pointer;
      background-position: -1620px -60px; }
  .botones-3.anterior {
    background-position: -1680px -0px; }
    .botones-3.anterior.hover:hover {
      cursor: pointer;
      background-position: -1680px -60px; }

.b-fac-1 {
  background-image: url(../images/iconos/botonesfacnew.png);
  background-repeat: no-repeat;
  background-size: 240px;
  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.enviar {
    background-position: -80px -0px; }
    .b-fac-1.enviar.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .b-fac-1.notacred {
    background-position: -100px -0px; }
    .b-fac-1.notacred.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-1.satcancels {
    background-position: -180px -0px; }
    .b-fac-1.satcancels.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .b-fac-1.descargarfactura {
    background-position: -200px -0px; }
    .b-fac-1.descargarfactura.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .b-fac-1.subirfactura {
    background-position: -220px -0px; }
    .b-fac-1.subirfactura.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }

.icono-dash {
  background-image: url(../images/iconos/iconos200-dash.png?v1.2);
  background-repeat: no-repeat;
  background-size: 1150px;
  width: 50px;
  height: 50px;
  display: block; }
  .icono-dash.engrane {
    background-position: 0px -0px; }
    .icono-dash.engrane.hover:hover {
      cursor: pointer;
      background-position: 0px -50px; }
  .icono-dash.medir {
    background-position: -50px -0px; }
    .icono-dash.medir.hover:hover {
      cursor: pointer;
      background-position: -50px -50px; }
  .icono-dash.precio-m {
    background-position: -100px -0px; }
    .icono-dash.precio-m.hover:hover {
      cursor: pointer;
      background-position: -100px -50px; }
  .icono-dash.botella {
    background-position: -150px -0px; }
    .icono-dash.botella.hover:hover {
      cursor: pointer;
      background-position: -150px -50px; }
  .icono-dash.home-bo {
    background-position: -200px -0px; }
    .icono-dash.home-bo.hover:hover {
      cursor: pointer;
      background-position: -200px -50px; }
  .icono-dash.lista-precio {
    background-position: -250px -0px; }
    .icono-dash.lista-precio.hover:hover {
      cursor: pointer;
      background-position: -250px -50px; }
  .icono-dash.usuario {
    background-position: -300px -0px; }
    .icono-dash.usuario.hover:hover {
      cursor: pointer;
      background-position: -300px -50px; }
  .icono-dash.llave {
    background-position: -350px -0px; }
    .icono-dash.llave.hover:hover {
      cursor: pointer;
      background-position: -350px -50px; }
  .icono-dash.mueble {
    background-position: -400px -0px; }
    .icono-dash.mueble.hover:hover {
      cursor: pointer;
      background-position: -400px -50px; }
  .icono-dash.notas {
    background-position: -450px -0px; }
    .icono-dash.notas.hover:hover {
      cursor: pointer;
      background-position: -450px -50px; }
  .icono-dash.calendario {
    background-position: -500px -0px; }
    .icono-dash.calendario.hover:hover {
      cursor: pointer;
      background-position: -500px -50px; }
  .icono-dash.botella-blanca {
    background-position: -550px -0px; }
    .icono-dash.botella-blanca.hover:hover {
      cursor: pointer;
      background-position: -550px -50px; }
  .icono-dash.engrane-blanco {
    background-position: -600px -0px; }
    .icono-dash.engrane-blanco.hover:hover {
      cursor: pointer;
      background-position: -600px -50px; }
  .icono-dash.notas-blancas {
    background-position: -650px -0px; }
    .icono-dash.notas-blancas.hover:hover {
      cursor: pointer;
      background-position: -650px -50px; }
  .icono-dash.mueble-blanco {
    background-position: -700px -0px; }
    .icono-dash.mueble-blanco.hover:hover {
      cursor: pointer;
      background-position: -700px -50px; }
  .icono-dash.home-blanco {
    background-position: -750px -0px; }
    .icono-dash.home-blanco.hover:hover {
      cursor: pointer;
      background-position: -750px -50px; }
  .icono-dash.lista-precios {
    background-position: -800px -0px; }
    .icono-dash.lista-precios.hover:hover {
      cursor: pointer;
      background-position: -800px -50px; }
  .icono-dash.libreta {
    background-position: -850px -0px; }
    .icono-dash.libreta.hover:hover {
      cursor: pointer;
      background-position: -850px -50px; }
  .icono-dash.usurio-blanco {
    background-position: -900px -0px; }
    .icono-dash.usurio-blanco.hover:hover {
      cursor: pointer;
      background-position: -900px -50px; }
  .icono-dash.llave-blanca {
    background-position: -950px -0px; }
    .icono-dash.llave-blanca.hover:hover {
      cursor: pointer;
      background-position: -950px -50px; }
  .icono-dash.engrane-uno {
    background-position: -1000px -0px; }
    .icono-dash.engrane-uno.hover:hover {
      cursor: pointer;
      background-position: -1000px -50px; }
  .icono-dash.flecha-izq {
    background-position: -1050px -0px; }
    .icono-dash.flecha-izq.hover:hover {
      cursor: pointer;
      background-position: -1050px -50px; }
  .icono-dash.flecha-der {
    background-position: -1100px -0px; }
    .icono-dash.flecha-der.hover:hover {
      cursor: pointer;
      background-position: -1100px -50px; }

.icono-dash-1 {
  background-image: url(../images/iconos/iconos200-dash.png?v1.2);
  background-repeat: no-repeat;
  background-size: 690px;
  width: 30px;
  height: 30px;
  display: block; }
  .icono-dash-1.engrane {
    background-position: 0px -0px; }
    .icono-dash-1.engrane.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .icono-dash-1.medir {
    background-position: -30px -0px; }
    .icono-dash-1.medir.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .icono-dash-1.precio-m {
    background-position: -60px -0px; }
    .icono-dash-1.precio-m.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .icono-dash-1.botella {
    background-position: -90px -0px; }
    .icono-dash-1.botella.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .icono-dash-1.home-bo {
    background-position: -120px -0px; }
    .icono-dash-1.home-bo.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .icono-dash-1.lista-precio {
    background-position: -150px -0px; }
    .icono-dash-1.lista-precio.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .icono-dash-1.usuario {
    background-position: -180px -0px; }
    .icono-dash-1.usuario.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .icono-dash-1.llave {
    background-position: -210px -0px; }
    .icono-dash-1.llave.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .icono-dash-1.mueble {
    background-position: -240px -0px; }
    .icono-dash-1.mueble.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .icono-dash-1.notas {
    background-position: -270px -0px; }
    .icono-dash-1.notas.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .icono-dash-1.calendario {
    background-position: -300px -0px; }
    .icono-dash-1.calendario.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .icono-dash-1.botella-blanca {
    background-position: -330px -0px; }
    .icono-dash-1.botella-blanca.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .icono-dash-1.engrane-blanco {
    background-position: -360px -0px; }
    .icono-dash-1.engrane-blanco.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .icono-dash-1.notas-blancas {
    background-position: -390px -0px; }
    .icono-dash-1.notas-blancas.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .icono-dash-1.mueble-blanco {
    background-position: -420px -0px; }
    .icono-dash-1.mueble-blanco.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .icono-dash-1.home-blanco {
    background-position: -450px -0px; }
    .icono-dash-1.home-blanco.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .icono-dash-1.lista-precios {
    background-position: -480px -0px; }
    .icono-dash-1.lista-precios.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .icono-dash-1.libreta {
    background-position: -510px -0px; }
    .icono-dash-1.libreta.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .icono-dash-1.usurio-blanco {
    background-position: -540px -0px; }
    .icono-dash-1.usurio-blanco.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .icono-dash-1.llave-blanca {
    background-position: -570px -0px; }
    .icono-dash-1.llave-blanca.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .icono-dash-1.engrane-uno {
    background-position: -600px -0px; }
    .icono-dash-1.engrane-uno.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .icono-dash-1.flecha-izq {
    background-position: -630px -0px; }
    .icono-dash-1.flecha-izq.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }
  .icono-dash-1.flecha-der {
    background-position: -660px -0px; }
    .icono-dash-1.flecha-der.hover:hover {
      cursor: pointer;
      background-position: -660px -30px; }

.menu-i {
  background-image: url(../images/iconos/iconos-menu.png?v1.2);
  background-repeat: no-repeat;
  background-size: 570px;
  width: 30px;
  height: 30px;
  display: block; }
  .menu-i.medir {
    background-position: 0px -0px; }
    .menu-i.medir.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .menu-i.precio-m {
    background-position: -30px -0px; }
    .menu-i.precio-m.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .menu-i.estante {
    background-position: -60px -0px; }
    .menu-i.estante.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .menu-i.calendar {
    background-position: -90px -0px; }
    .menu-i.calendar.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .menu-i.prospectos {
    background-position: -120px -0px; }
    .menu-i.prospectos.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .menu-i.plasticos {
    background-position: -150px -0px; }
    .menu-i.plasticos.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .menu-i.mecanica {
    background-position: -180px -0px; }
    .menu-i.mecanica.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .menu-i.bitacora {
    background-position: -210px -0px; }
    .menu-i.bitacora.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .menu-i.almacen {
    background-position: -240px -0px; }
    .menu-i.almacen.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .menu-i.almacen-grl {
    background-position: -270px -0px; }
    .menu-i.almacen-grl.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .menu-i.compras {
    background-position: -300px -0px; }
    .menu-i.compras.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .menu-i.caja {
    background-position: -300px -0px; }
    .menu-i.caja.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .menu-i.catalogo {
    background-position: -330px -0px; }
    .menu-i.catalogo.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .menu-i.rrhh {
    background-position: -360px -0px; }
    .menu-i.rrhh.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .menu-i.usuarios {
    background-position: -390px -0px; }
    .menu-i.usuarios.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .menu-i.mantenimiento {
    background-position: -420px -0px; }
    .menu-i.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .menu-i.confg {
    background-position: -450px -0px; }
    .menu-i.confg.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .menu-i.row-left {
    background-position: -480px -0px; }
    .menu-i.row-left.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .menu-i.row-right {
    background-position: -510px -0px; }
    .menu-i.row-right.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .menu-i.notas {
    background-position: -540px -0px; }
    .menu-i.notas.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }

.btn-1 {
  background-image: url(../images/iconos/botones200.png?v1);
  background-repeat: no-repeat;
  background-size: 180px;
  width: 20px;
  height: 20px;
  display: block; }
  .btn-1.agregar {
    background-position: 0px -0px; }
    .btn-1.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .btn-1.borrar {
    background-position: -20px -0px; }
    .btn-1.borrar.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .btn-1.editar {
    background-position: -40px -0px; }
    .btn-1.editar.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .btn-1.cerrar {
    background-position: -60px -0px; }
    .btn-1.cerrar.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .btn-1.buscar {
    background-position: -80px -0px; }
    .btn-1.buscar.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .btn-1.agregar {
    background-position: -100px -0px; }
    .btn-1.agregar.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .btn-1.tiempo {
    background-position: -120px -0px; }
    .btn-1.tiempo.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .btn-1.ver-green {
    background-position: -140px -0px; }
    .btn-1.ver-green.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .btn-1.ver-blue {
    background-position: -160px -0px; }
    .btn-1.ver-blue.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }

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

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

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

html, body {
  display: block;
  overflow-x: hidden; }

pre.error {
  font-family: 'Consolas',Lucida Console;
  width: 100%;
  max-width: 800px;
  padding: 40px 20px 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  white-space: pre-wrap;
  background-color: #333;
  color: #fcfcfc;
  position: absolute;
  z-index: 30000;
  left: 50%;
  margin-left: -400px;
  -webkit-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25);
  -ms-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25);
  box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.25); }
  pre.error code {
    font-family: 'Consolas',Lucida Console;
    font-weight: 100; }
  pre.error:before {
    content: '  manu';
    color: #009ee0;
    font-size: 1.1em;
    clear: both;
    float: left;
    position: absolute;
    top: 5px;
    left: 5px;
    text-transform: lowercase; }
  pre.error:after {
    content: '(      ) ERROR - Si el problema persiste reporte a soporte@cultyvo.com';
    color: #fcfcfc;
    font-size: 1.1em;
    clear: both;
    float: left;
    position: absolute;
    top: 5px;
    left: 5px;
    text-transform: lowercase; }

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

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

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

.capitalize {
  text-transform: capitalize; }

.bold {
  font-weight: bold !important; }

.fsize13 {
  font-size: 13px; }

.fsize12 {
  font-size: 12px; }

.aleft {
  text-align: left; }

.aright {
  text-align: right; }

.acenter {
  text-align: center; }

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

.inline-img {
  display: inline-block;
  vertical-align: middle; }

.hide {
  display: none !important; }

.fright {
  float: right !important; }

span.icono {
  width: 15px;
  height: 15px;
  display: inline-block; }
  span.icono.normal {
    background: url(../images/normal.png?v2) no-repeat center center;
    background-size: 15px;
    opacity: 0.3; }
    span.icono.normal:hover {
      opacity: 1; }
  span.icono.good {
    background: url(../images/good.png?v2) no-repeat center center;
    background-size: 15px;
    cursor: normal !important; }

.cenefa {
  display: block;
  width: 100%;
  text-align: center;
  clear: both;
  color: white;
  font-size: 10px;
  float: left;
  margin: 7px 0;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1); }

.bubble {
  display: inline-block;
  padding: 3px 4px;
  background-color: #00a600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: white; }

span.circulo {
  width: 12px;
  height: 12px;
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-color: #ccc; }
  span.circulo.Moldes {
    background-color: #00cc00; }
  span.circulo.Fabricación {
    background-color: #9999ff; }
  span.circulo.Reparación {
    background-color: gray; }
  span.circulo.red {
    background-color: red;
    color: white !important;
    width: 15px;
    height: 15px; }

span.icono {
  width: 15px;
  height: 15px;
  display: inline-block; }
  span.icono.diseno {
    background: url(../images/diseno1.png?v2) no-repeat center center;
    background-size: 15px; }
    span.icono.diseno.dos {
      background-image: url(../images/diseno2.png?v2); }
  span.icono.material {
    background: url(../images/material1.png?v2) no-repeat center center;
    background-size: 15px; }
    span.icono.material.dos {
      background-image: url(../images/material2.png?v2); }

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

body {
  font-family: "Open Sans", Helvetica, arial, sans-serif;
  font-weight: 300;
  background: #f6f6f6;
  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: 15px; }
  body.menu {
    margin-left: 188px; }
    body.menu #nav {
      margin-left: 0; }
      body.menu #nav .openMenu {
        margin-left: 0; }
  body.controlbar #control-bar {
    margin-right: 0; }
    body.controlbar #control-bar .openBar {
      margin-right: -390px; }

a, form a.boton.table, div.smallinput a.boton.table, form input[type=submit], div.smallinput input[type=submit], form .boton.botonaccion, div.smallinput .boton.botonaccion, form input.botonaccion[type=submit], form.basico .botonaccion.boton, form.basico input.botonaccion[type=submit], form.basico input[type=submit] {
  border: none;
  text-decoration: none; }
  a img, form a.boton.table img, div.smallinput a.boton.table img, form input[type=submit] img, div.smallinput input[type=submit] img, form .boton.botonaccion img, div.smallinput .boton.botonaccion img, form input.botonaccion[type=submit] img, form.basico .botonaccion.boton img, form.basico input.botonaccion[type=submit] img, form.basico input[type=submit] img {
    border: none;
    text-decoration: none; }
  a.rightup, form a.boton.table, div.smallinput a.boton.table, form input.rightup[type=submit], div.smallinput input.rightup[type=submit], form .rightup.boton.botonaccion, div.smallinput .rightup.boton.botonaccion {
    float: right;
    margin-left: 10px;
    cursor: pointer; }
  a.remove, form a.boton.table, div.smallinput a.boton.table, form input.remove[type=submit], div.smallinput input.remove[type=submit], form .remove.boton.botonaccion, div.smallinput .remove.boton.botonaccion {
    cursor: pointer; }
  a.pointer, form a.boton.table, div.smallinput a.boton.table, form input.pointer[type=submit], div.smallinput input.pointer[type=submit], form .pointer.boton.botonaccion, div.smallinput .pointer.boton.botonaccion {
    cursor: pointer; }
  a.orange, form a.boton.table, div.smallinput a.boton.table, form input.orange[type=submit], div.smallinput input.orange[type=submit], form .orange.boton.botonaccion, div.smallinput .orange.boton.botonaccion {
    color: orange !important; }

span.red, small.red, h1.red, h2.red, h3.red, h4.red, h5.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 {
    color: #ffd9d9; }

span.yellow, small.yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow {
  color: #d9d900 !important; }

span.green, small.green, h1.green, h2.green, h3.green, h4.green, h5.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 {
    color: #c6ffc6 !important; }

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

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

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

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

.red {
  color: red; }

.bold {
  font-weight: bold; }

pre {
  white-space: pre-wrap; }

section {
  min-width: 100%;
  padding: 30px 40px 90px 40px;
  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; }
  section.infinitywidth {
    width: auto !important;
    display: block;
    overflow: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
  section.thebitacoracontent {
    padding: 0; }
    section.thebitacoracontent .table, section.thebitacoracontent form a.boton.table, form section.thebitacoracontent a.boton.table, section.thebitacoracontent div.smallinput a.boton.table, div.smallinput section.thebitacoracontent a.boton.table {
      margin: 0; }
  section.pop {
    position: relative;
    min-width: inherit;
    width: 80%;
    margin: 60px auto 0 auto;
    padding: 0;
    display: block;
    height: auto;
    overflow: inherit;
    border-top: 5px solid rgba(0, 116, 145, 0.8); }
    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: rgba(0, 116, 145, 0.8); }

div.dash {
  display: block;
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.8);
  height: auto;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.dash h3 {
    line-height: 1em;
    margin-bottom: 20px;
    margin-left: -10%;
    padding: 15px 10% 0 10%;
    font-size: 15px;
    color: #333;
    width: 120%;
    text-align: center !important;
    text-transform: uppercase;
    font-weight: lighter;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    div.dash h3 img {
      display: inline-block;
      width: 60px;
      height: 60px;
      vertical-align: middle;
      margin: 10px auto -20px auto;
      background-color: transparent;
      padding: 0 5px; }
  div.dash span.icondash {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #F1F1F1;
    margin: 5% 0% 0%;
    border-radius: 50px; }
  div.dash p, div.dash ul {
    margin-top: 10px;
    height: auto;
    overflow: hidden; }
  div.dash li {
    list-style: none;
    width: 100%;
    display: block; }
    div.dash li a, div.dash li form a.boton.table, form div.dash li a.boton.table, div.dash li div.smallinput a.boton.table, div.smallinput div.dash li a.boton.table, div.dash li form input[type=submit], div.dash li div.smallinput input[type=submit], form div.dash li input[type=submit], div.smallinput div.dash li input[type=submit], div.dash li form .boton.botonaccion, div.dash li div.smallinput .boton.botonaccion, form div.dash li .boton.botonaccion, div.smallinput div.dash li .boton.botonaccion {
      color: white;
      width: 100%;
      font-size: 11px;
      text-align: center;
      background-color: #2D81CA;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 1px;
      padding: 6px 0 !important;
      -webkit-border-radius: 2px !important;
      -moz-border-radius: 2px !important;
      -ms-border-radius: 2px !important;
      border-radius: 2px !important;
      display: block;
      text-transform: uppercase; }
    div.dash li:hover a, div.dash li:hover form input[type=submit], div.dash li:hover div.smallinput input[type=submit], form div.dash li:hover input[type=submit], div.smallinput div.dash li:hover input[type=submit], div.dash li:hover form .boton.botonaccion, div.dash li:hover div.smallinput .boton.botonaccion, form div.dash li:hover .boton.botonaccion, div.smallinput div.dash li:hover .boton.botonaccion {
      background-color: #7CC4E4; }

div.table {
  padding: 20px;
  float: left;
  margin: 0 1% 20px 1%;
  width: 98%;
  position: relative;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 1px 1px 1px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(153, 153, 153, 0.2);
  -ms-box-shadow: 1px 1px 1px rgba(153, 153, 153, 0.2);
  box-shadow: 1px 1px 1px rgba(153, 153, 153, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.table h4 {
    font-size: 23px;
    line-height: 1.5em;
    text-transform: uppercase;
    color: #007491; }

div.topinfo {
  padding: 20px;
  margin: 0 1%;
  width: 95%;
  background: rgba(0, 116, 145, 0.8);
  float: left; }
  div.topinfo .saldo {
    margin-top: 10px;
    color: white;
    width: 25%;
    height: auto;
    display: block;
    float: left;
    text-align: left;
    overflow: hidden;
    font-size: 12px; }
    div.topinfo .saldo b {
      width: 35%;
      text-align: right;
      float: left;
      display: block;
      font-weight: lighter;
      color: #f2f9fc;
      margin-right: 10px;
      margin-top: 2px;
      font-size: 10px; }
    div.topinfo .saldo:nth-child(4n + 4):before {
      content: '';
      width: 100%;
      display: block;
      clear: both; }
    div.topinfo .saldo:nth-child(5n + 5):after {
      padding-left: 0 !important; }

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

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

div.dash.fourth:hover div.dash-hold > span {
  background: #C7C7C7; }
  div.dash.fourth:hover div.dash-hold > span > .iconoDash {
    filter: brightness(0) invert(1); }

@media (max-width: 780px) {
  div#dash {
    width: 30% !important; } }

h2.seccion {
  font-weight: 300;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #4D4D4D;
  font-family: "Muli-bold"; }

h2 small a, h2 small form a.boton.table, form h2 small a.boton.table, h2 small div.smallinput a.boton.table, div.smallinput h2 small a.boton.table, h2 small form input[type=submit], h2 small div.smallinput input[type=submit], form h2 small input[type=submit], div.smallinput h2 small input[type=submit], h2 small form .boton.botonaccion, h2 small div.smallinput .boton.botonaccion, h2 small form input.botonaccion[type=submit], h2 small form.basico .botonaccion.boton, form h2 small .boton.botonaccion, div.smallinput h2 small .boton.botonaccion, form h2 small input.botonaccion[type=submit], form.basico h2 small .botonaccion.boton, h2 small form.basico input.botonaccion[type=submit], form.basico h2 small input.botonaccion[type=submit], h2 small form.basico input[type=submit], form.basico h2 small input[type=submit] {
  text-decoration: underline; }

small {
  font-size: 0.5em;
  vertical-align: middle; }

h4 {
  clear: both; }

@media only screen and (max-width: 1024px) {
  section {
    padding-right: 40px; } }

.smallimg {
  width: 15px !important;
  display: inline-block;
  vertical-align: top; }

header.header {
  margin-top: 0;
  height: 55px;
  width: 100%;
  display: block;
  padding: 10px 30px 10px 10px;
  background-color: white;
  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: 150px; }
    h1 img.arrowr {
      width: 10px;
      margin-top: -2px;
      margin-left: 10px; }
  h1 small, h1 small a, h1 small form a.boton.table, form h1 small a.boton.table, h1 small div.smallinput a.boton.table, div.smallinput h1 small a.boton.table, h1 small form input[type=submit], h1 small div.smallinput input[type=submit], form h1 small input[type=submit], div.smallinput h1 small input[type=submit], h1 small form .boton.botonaccion, h1 small div.smallinput .boton.botonaccion, h1 small form input.botonaccion[type=submit], h1 small form.basico .botonaccion.boton, form h1 small .boton.botonaccion, div.smallinput h1 small .boton.botonaccion, form h1 small input.botonaccion[type=submit], form.basico h1 small .botonaccion.boton, h1 small form.basico input.botonaccion[type=submit], form.basico h1 small input.botonaccion[type=submit], h1 small form.basico input[type=submit], form.basico h1 small input[type=submit] {
    font-size: 10px !important;
    vertical-align: middle;
    text-transform: none; }
  h1 .userinfo {
    float: right;
    margin-top: 0;
    margin-right: 40px; }

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

.logo_bitacoras {
  position: absolute;
  width: 30%;
  bottom: 5%;
  left: 50%;
  margin-left: -15%; }

@media (max-width: 1024px) {
  #controlbar {
    display: none; } }

#controlbar.panel {
  position: relative;
  background: none;
  width: 600px;
  display: block; }
  #controlbar.panel .not {
    width: 700px;
    margin: 2px 0; }
    #controlbar.panel .not small {
      margin-right: 10px; }
    #controlbar.panel .not p a, #controlbar.panel .not p form input[type=submit], #controlbar.panel .not p div.smallinput input[type=submit], form #controlbar.panel .not p input[type=submit], div.smallinput #controlbar.panel .not p input[type=submit], #controlbar.panel .not p form .boton.botonaccion, #controlbar.panel .not p div.smallinput .boton.botonaccion, form #controlbar.panel .not p .boton.botonaccion, div.smallinput #controlbar.panel .not p .boton.botonaccion {
      margin: -18px 0 8px 10px; }
    #controlbar.panel .not .close {
      display: none; }

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

.nolinks a, .nolinks form a.boton.table, form .nolinks a.boton.table, .nolinks div.smallinput a.boton.table, div.smallinput .nolinks a.boton.table, .nolinks form input[type=submit], .nolinks div.smallinput input[type=submit], form .nolinks input[type=submit], div.smallinput .nolinks input[type=submit], .nolinks form .boton.botonaccion, .nolinks div.smallinput .boton.botonaccion, form .nolinks .boton.botonaccion, div.smallinput .nolinks .boton.botonaccion {
  display: none; }

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

form p.leyenda, div.smallinput p.leyenda {
  font-size: 12px;
  line-height: 1.5em; }

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

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

.mensaje {
  color: #009BC1;
  font-size: 10px;
  font-weight: lighter;
  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(51, 51, 51, 0.9);
    border-radius: 2px; }
    .mensaje.blackmamba p, .mensaje.blackmamba h3 {
      color: white !important; }
    .mensaje.blackmamba:after {
      content: '';
      width: 0;
      height: 0;
      border-top: 10px solid rgba(51, 51, 51, 0.8);
      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-bottom: -20px; }
      .mensaje.blackmamba.left:after {
        border-left: 7px solid rgba(51, 51, 51, 0.8);
        border-right: inherit;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        left: 100%;
        top: 50%;
        bottom: inherit;
        margin-left: -9px;
        margin-top: inherit; }
    .mensaje.blackmamba.down:after {
      content: '';
      border-top: none;
      border-bottom: 10px solid rgba(51, 51, 51, 0.8);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      position: absolute;
      left: 50%;
      top: 0;
      bottom: inherit;
      margin-left: -10px;
      margin-top: -10px; }
    .mensaje.blackmamba .ficha h3 {
      font-size: 14px; }
    .mensaje.blackmamba .ficha p {
      font-size: 1px; }

.popup.left {
  background-position: right center; }

#items {
  width: 100%;
  display: block;
  clear: both;
  float: left; }

div.notificacion {
  position: relative;
  width: auto;
  max-width: 450px;
  margin: 20px auto;
  padding: 80px 30px 20px 30px;
  display: block;
  height: auto;
  background-color: #1D1D1B; }
  div.notificacion h3 {
    font-weight: 300;
    margin: 0 0 30px 0;
    color: white; }
  div.notificacion .fecha {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 12px;
    color: white; }
  div.notificacion p.alerta {
    color: #333; }
    div.notificacion p.alerta span {
      color: #333 !important; }
  div.notificacion p.buttons {
    line-height: 1em;
    margin-right: -17px; }
  div.notificacion a.boton, form div.notificacion input[type=submit], div.smallinput div.notificacion input[type=submit], div.notificacion form .boton.botonaccion, div.notificacion div.smallinput .boton.botonaccion, form div.notificacion .boton.botonaccion, div.smallinput div.notificacion .boton.botonaccion, div.notificacion form input[type=submit], div.notificacion div.smallinput input[type=submit] {
    margin-top: -10px;
    background-color: #706F6F;
    color: white; }
  div.notificacion b {
    color: #007491; }

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

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

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

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

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

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

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

div.notificacion {
  position: relative;
  width: auto;
  max-width: 450px;
  margin: 20px auto;
  padding: 80px 30px 20px 30px;
  display: block;
  height: auto;
  background-color: #f0f0f0; }
  div.notificacion h3 {
    font-weight: 300;
    margin: 0 0 30px 0;
    color: #009BC1; }
  div.notificacion .fecha {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 12px;
    color: #009BC1; }
  div.notificacion p.buttons {
    line-height: 1em;
    margin-right: -17px; }
  div.notificacion a.boton, div.notificacion form input[type=submit], div.notificacion div.smallinput input[type=submit], form div.notificacion input[type=submit], div.smallinput div.notificacion input[type=submit], div.notificacion form .boton.botonaccion, div.notificacion div.smallinput .boton.botonaccion, form div.notificacion .boton.botonaccion, div.smallinput div.notificacion .boton.botonaccion {
    margin-top: -10px;
    background-color: #706F6F;
    color: white; }

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

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

div.notificacion p {
  padding: 20px 0;
  font-size: 13px;
  line-height: 1em;
  text-align: left; }
  div.notificacion p.alerta {
    border: none; }
    div.notificacion p.alerta span {
      line-height: 1.5em;
      color: white;
      border: none; }

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

.getform, .getModulo {
  cursor: pointer; }

footer {
  position: fixed;
  bottom: 0;
  clear: both;
  z-index: -1; }
  footer img {
    width: 100%;
    opacity: .5; }

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

.contenedor {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 98%;
  margin: 0.5%;
  display: block;
  padding: 0 5px;
  clear: both; }

.w75, .contenedor.w25, form .bloqueform.w25, div.smallinput .bloqueform.w25, form.basico .bloqueform.w25, .contenedor.w33, form .bloqueform.w33, div.smallinput .bloqueform.w33, form.basico .bloqueform.w33, .contenedor.w40, form .bloqueform.w40, div.smallinput .bloqueform.w40, form.basico .bloqueform.w40, .contenedor.w50, form .bloqueform.w50, div.smallinput .bloqueform.w50, form.basico .bloqueform.w50, .contenedor.w35, form .bloqueform.w35, div.smallinput .bloqueform.w35, form.basico .bloqueform.w35, .contenedor.w60, form .bloqueform.w60, div.smallinput .bloqueform.w60, form.basico .bloqueform.w60, .contenedor .w65, form .bloqueform .w65, div.smallinput .bloqueform .w65, form.basico .bloqueform .w65, .w35, .w25, .w40, .w50, .w60, .w65 {
  width: 73%;
  float: left;
  clear: none;
  display: inline-block; }

.w65 {
  width: 65% !important; }

.w60 {
  width: 57%; }

.w50 {
  width: 48%; }

.w40 {
  width: 38%; }

.w25 {
  width: 23%; }

.w35 {
  width: 33%; }

.contenedor.w75, .contenedor.w35, .contenedor.w25, .contenedor.w33, .contenedor.w40, .contenedor.w50, .contenedor.w60, form .bloqueform .contenedor.w65, div.smallinput .bloqueform .contenedor.w65, .contenedor.w65, form .bloqueform.w75, div.smallinput .bloqueform.w75, form .bloqueform.w35, div.smallinput .bloqueform.w35, form.basico .bloqueform.w35, form .bloqueform.w25, div.smallinput .bloqueform.w25, form.basico .bloqueform.w25, form .bloqueform.w33, div.smallinput .bloqueform.w33, form.basico .bloqueform.w33, form .bloqueform.w40, div.smallinput .bloqueform.w40, form.basico .bloqueform.w40, form .bloqueform.w50, div.smallinput .bloqueform.w50, form.basico .bloqueform.w50, form .bloqueform.w60, div.smallinput .bloqueform.w60, form.basico .bloqueform.w60, form .bloqueform.w65, div.smallinput .bloqueform.w65, form.basico .bloqueform.w75 {
  width: 73%;
  float: left;
  clear: none;
  display: inline-block; }

.contenedor .w65, form .bloqueform .w65, div.smallinput .bloqueform .w65, form.basico .bloqueform .w65 {
  width: 65% !important; }

.contenedor.w60, form .bloqueform.w60, div.smallinput .bloqueform.w60, form.basico .bloqueform.w60 {
  width: 57% !important; }

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

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

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

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

.contenedor.w35, form .bloqueform.w35, div.smallinput .bloqueform.w35, form.basico .bloqueform.w35 {
  width: 33% !important; }

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

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

.lista-cultyvo {
  clear: both;
  list-style: none;
  font-size: 12px;
  margin: 10px 0;
  float: left; }
  .lista-cultyvo li {
    padding: 7px 6px;
    float: left;
    width: 100%;
    margin: 2px 0;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    .lista-cultyvo li .key, .lista-cultyvo li .val {
      float: left; }
    .lista-cultyvo li .key {
      width: 20%;
      font-size: 1em;
      text-transform: uppercase;
      font-weight: bold;
      color: #00afda; }
      .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: #333; }
  .lista-cultyvo.resaltado li .val {
    font-size: 1.3em; }
  .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 {
    display: none; }
    #alertas .waiting.activo {
      display: block;
      width: auto;
      background: limegreen url(../images/load.gif) no-repeat left 10px center;
      background-size: 20px;
      color: white;
      padding-left: 40px; }

p.alerta {
  font-size: 12px;
  width: 100%;
  display: block;
  position: relative;
  clear: both;
  padding: 10px 10px 10px 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 5px;
  color: white;
  background-size: 20px; }
  p.alerta span.good, p.alerta span.bad, p.alerta span.normal {
    display: block;
    padding: 2px 6px 2px 30px;
    line-height: 2em;
    border: 1px solid white; }
  p.alerta span.load {
    display: block;
    padding: 2px 6px 2px 30px;
    line-height: 2em;
    border: none; }
  p.alerta .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1); }
    p.alerta .close:hover {
      background-color: rgba(0, 0, 0, 0.1);
      cursor: pinter; }

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

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

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

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

p.alerta.diseno {
  background: url(../images/diseno.png?v2) no-repeat center left 5px;
  background-color: #53b9e2;
  background-size: 20px; }

p.alerta.produccion {
  background: url(../images/produccion.png?v2) no-repeat center left 5px;
  background-color: #a3a3a3;
  background-size: 20px; }

fieldset {
  width: 100%;
  border: none;
  display: block;
  height: auto;
  float: left;
  margin-top: 10px; }
  fieldset:disabled {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    border: none; }
    fieldset.resalta:disabled {
      border: none; }
  fieldset.resalta {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px dotted white; }

form.conslide, div.conslide.smallinput {
  padding-top: 220px !important; }

div.dinabox.conslide .slideshow {
  float: left;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); }

.slideshow {
  width: 100%;
  max-height: 200px;
  display: block;
  float: left;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }
  .slideshow img {
    width: 100%; }

.articulo {
  margin: 5px 0;
  padding: 5px 10px;
  float: left;
  border: 1px solid #f0f0f0;
  border-left: 3px solid #8080ff;
  font-size: 13px;
  position: relative; }
  .articulo.tipo2 {
    border-left: 3px solid #ff8080; }
  .articulo.tipo3 {
    border-left: 3px solid #ff40ff; }
  .articulo.tipo4 {
    border-left: 3px solid #ffd280; }
  .articulo.tipopriva1 {
    border-left: 3px solid #2db92d; }
  .articulo.tipopriva2 {
    border-left: 3px solid #e6e600; }
  .articulo .categoria {
    font-size: 10px;
    color: #999;
    text-align: left; }
  .articulo .generales {
    text-transform: uppercase; }
  .articulo .lista-cultyvo {
    margin: 0; }
    .articulo .lista-cultyvo li {
      background-color: rgba(128, 128, 128, 0.07) !important;
      display: block; }
      .articulo .lista-cultyvo li .key {
        font-size: 10px;
        float: none;
        clear: none;
        color: #999; }
      .articulo .lista-cultyvo li .val {
        clear: none;
        float: none;
        font-size: 12px;
        text-align: right; }
  .articulo .cancelar {
    opacity: 0;
    display: none;
    font-size: 10px;
    padding: 4px; }
  .articulo:hover .cancelar {
    opacity: 1;
    display: block; }

.calendario {
  color: #999;
  font-size: 12px;
  font-weight: bold;
  background: transparent url(../images/date.png) no-repeat left top;
  background-size: 12px;
  padding-left: 17px; }

.tiempo {
  font-weight: bold;
  background: transparent url(../images/time.png) no-repeat left top;
  background-size: 12px;
  padding-left: 17px; }
  .tiempo.white {
    background-image: url(../images/timew.png);
    color: white; }

span.imgcont {
  position: relative;
  display: inline-block;
  width: 15%;
  margin: 1%;
  cursor: pointer; }
  span.imgcont a, span.imgcont form a.boton.table, form span.imgcont a.boton.table, span.imgcont div.smallinput a.boton.table, div.smallinput span.imgcont a.boton.table, span.imgcont form input[type=submit], span.imgcont div.smallinput input[type=submit], form span.imgcont input[type=submit], div.smallinput span.imgcont input[type=submit], span.imgcont form .boton.botonaccion, span.imgcont div.smallinput .boton.botonaccion, form span.imgcont .boton.botonaccion, div.smallinput span.imgcont .boton.botonaccion {
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block; }

.no-touch span.imgcont:hover > a, .no-touch form span.imgcont:hover > a.boton.table, .no-touch div.smallinput span.imgcont:hover > a.boton.table, .no-touch form span.imgcont:hover > input[type=submit], .no-touch div.smallinput span.imgcont:hover > input[type=submit], form .no-touch span.imgcont:hover > input[type=submit], div.smallinput .no-touch span.imgcont:hover > input[type=submit], .no-touch form span.imgcont:hover > .boton.botonaccion, .no-touch div.smallinput span.imgcont:hover > .boton.botonaccion, form .no-touch span.imgcont:hover > .boton.botonaccion, div.smallinput .no-touch span.imgcont:hover > .boton.botonaccion {
  width: 105%;
  height: 105%;
  margin: -2.5% 0 0 -2.5%;
  position: absolute;
  z-index: 100; }

span.imgcont a img, span.imgcont form a.boton.table img, form span.imgcont a.boton.table img, span.imgcont div.smallinput a.boton.table img, div.smallinput span.imgcont a.boton.table img, span.imgcont form input[type=submit] img, span.imgcont div.smallinput input[type=submit] img, form span.imgcont input[type=submit] img, div.smallinput span.imgcont input[type=submit] img, span.imgcont form .boton.botonaccion img, span.imgcont div.smallinput .boton.botonaccion img, form span.imgcont .boton.botonaccion img, div.smallinput span.imgcont .boton.botonaccion img {
  position: absolute;
  display: block;
  margin: 0;
  top: 0;
  left: 0; }

span.imgcont.cuadros a img, span.imgcont.cuadros form input[type=submit] img, span.imgcont.cuadros div.smallinput input[type=submit] img, form span.imgcont.cuadros input[type=submit] img, div.smallinput span.imgcont.cuadros input[type=submit] img, span.imgcont.cuadros form .boton.botonaccion img, span.imgcont.cuadros div.smallinput .boton.botonaccion img, form span.imgcont.cuadros .boton.botonaccion img, div.smallinput span.imgcont.cuadros .boton.botonaccion img {
  height: 100%;
  left: 50%; }

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

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

.no-touch span.imgcont.seven:hover {
  margin: .2% 1%; }
  .no-touch span.imgcont.seven:hover > a, .no-touch form span.imgcont.seven:hover > a.boton.table, .no-touch div.smallinput span.imgcont.seven:hover > a.boton.table, .no-touch form span.imgcont.seven:hover > input[type=submit], .no-touch div.smallinput span.imgcont.seven:hover > input[type=submit], form .no-touch span.imgcont.seven:hover > input[type=submit], div.smallinput .no-touch span.imgcont.seven:hover > input[type=submit], .no-touch form span.imgcont.seven:hover > .boton.botonaccion, .no-touch div.smallinput span.imgcont.seven:hover > .boton.botonaccion, form .no-touch span.imgcont.seven:hover > .boton.botonaccion, div.smallinput .no-touch span.imgcont.seven:hover > .boton.botonaccion {
    width: 105%;
    height: 105%;
    margin: -2.5% 0 0 -2.5%;
    position: absolute;
    z-index: 100; }

@media only screen and (min-width: 640px) and (max-width: 800px) {
  span.imgcont.seven {
    width: 16%;
    margin: .4 3%; } }

@media only screen and (min-width: 300px) and (max-width: 639px) {
  span.imgcont.seven {
    width: 20%;
    margin: .4 3%; } }

.rating {
  width: 100px;
  height: 20px;
  background-color: transparent;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  background-image: url(../images/cali.png?v1);
  background-position: center bottom 0;
  background-repeat: no-repeat;
  background-size: 101px; }
  .rating.c0 {
    background-position: center bottom 0; }
  .rating.c1 {
    background-position: center bottom -20px; }
  .rating.c2 {
    background-position: center bottom -39px; }
  .rating.c3 {
    background-position: center bottom -58px; }
  .rating.c4 {
    background-position: center bottom -77px; }
  .rating.c5 {
    background-position: center top 0; }

/* FUENTES DE GOOGLE WEB FONTS || https://www.google.com/fonts */
small {
  font-size: 1em; }

#control-bar {
  width: 400px;
  height: auto;
  display: block;
  background-color: white;
  position: absolute;
  top: 55px;
  right: 0;
  margin-right: -400px;
  padding: 0 15px 10px 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: visible;
  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 1px 2px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.15);
  -ms-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.15); }
  #control-bar .control-header {
    background-color: #047DB3;
    height: 40px;
    width: 110%;
    position: relative; }
    #control-bar .control-header h4 {
      color: white;
      margin: 0 auto;
      vertical-align: middle;
      text-align: center;
      padding: 6px 0;
      font-weight: lighter;
      font-size: 14px; }
  #control-bar.inventario {
    padding-top: 63px; }
  #control-bar .openBar {
    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: absolute;
    top: -49px;
    right: 400px;
    margin: 0 10px 0 0;
    background-color: #2E84CC;
    background-image: url(../images/ntb.png);
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 25px;
    height: 30px;
    display: block;
    padding: 7px 10px;
    color: white;
    z-index: 11;
    border-radius: 50%; }
  #control-bar p {
    padding: 10px;
    color: #666;
    text-align: center; }
    #control-bar p.fecha {
      text-align: center;
      position: absolute;
      top: 25px;
      left: 10px;
      padding: 0;
      line-height: .8em;
      font-size: 13px;
      color: #999;
      width: 90%; }
  #control-bar .tareas-depto {
    background-color: #F6FAFF;
    margin-top: 5px;
    margin-left: 5px;
    float: left;
    display: block;
    overflow: hidden;
    padding: 15px 4px 10px 4px;
    max-height: 40px;
    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; }
    #control-bar .tareas-depto .update {
      width: 25px;
      height: 25px;
      background-size: 20px; }
    #control-bar .tareas-depto.moreless {
      max-height: 20000px; }
    #control-bar .tareas-depto.moreless.closed {
      max-height: 40px; }
    #control-bar .tareas-depto header {
      position: relative; }
      #control-bar .tareas-depto header .topRight {
        margin-top: -13px; }
      #control-bar .tareas-depto header h4 {
        font-weight: bold !important;
        margin-top: -8px;
        margin-bottom: 5px;
        font-size: 14px;
        color: #333; }
    #control-bar .tareas-depto table {
      background-color: transparent !important; }
      #control-bar .tareas-depto table tbody tr {
        background-color: transparent !important; }
        #control-bar .tareas-depto table tbody tr td {
          font-size: 10px;
          color: #666;
          background-color: white !important;
          border-bottom: 4px solid #F6FAFF; }

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 300;
  src: local("Exo Light"), local("Exo-Light"), url(fonts/4oKgrQ7RuzNhc8S26wnOnevvDin1pK8aKteLpeZ5c0A.woff) format("woff"); }

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: local("Exo Regular"), local("Exo-Regular"), url(fonts/NbJxgWx1N-ZYTkl-8nz_VQ.woff) format("woff"); }

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 500;
  src: local("Exo Medium"), local("Exo-Medium"), url(fonts/mNQj8_95yNUgKZlvdPNV7-vvDin1pK8aKteLpeZ5c0A.woff) format("woff"); }

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

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

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

.acenter {
  text-align: center; }

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

.capitalize {
  text-transform: capitalize; }

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

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

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

.acenter {
  text-align: center; }

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

.iconos-1 {
  background-image: url(../images/iconos/iconos200blanco.png);
  background-repeat: no-repeat;
  background-size: 330px;
  width: 30px;
  height: 30px;
  display: block; }
  .iconos-1.solicitud {
    background-position: 0px -0px; }
    .iconos-1.solicitud.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos-1.ventas {
    background-position: -30px -0px; }
    .iconos-1.ventas.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-1.cobranza {
    background-position: -60px -0px; }
    .iconos-1.cobranza.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos-1.transito {
    background-position: -90px -0px; }
    .iconos-1.transito.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos-1.inventario {
    background-position: -120px -0px; }
    .iconos-1.inventario.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos-1.reportes {
    background-position: -150px -0px; }
    .iconos-1.reportes.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .iconos-1.sucursales {
    background-position: -180px -0px; }
    .iconos-1.sucursales.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .iconos-1.catalogos {
    background-position: -210px -0px; }
    .iconos-1.catalogos.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .iconos-1.config {
    background-position: -240px -0px; }
    .iconos-1.config.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .iconos-1.clientes {
    background-position: -270px -0px; }
    .iconos-1.clientes.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .iconos-1.cuentas {
    background-position: -300px -0px; }
    .iconos-1.cuentas.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .iconos-1.venta {
    background-position: 0px -30px; }
    .iconos-1.venta.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos-1.apartados {
    background-position: -30px -30px; }
    .iconos-1.apartados.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-1.vitrina {
    background-position: -60px -30px; }
    .iconos-1.vitrina.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos-1.almacen {
    background-position: -90px -30px; }
    .iconos-1.almacen.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos-1.gastos {
    background-position: -120px -30px; }
    .iconos-1.gastos.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos-1.rh {
    background-position: -210px -30px; }
    .iconos-1.rh.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .iconos-1.compras {
    background-position: -240px -30px; }
    .iconos-1.compras.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .iconos-1.cobranza {
    background-position: -270px -30px; }
    .iconos-1.cobranza.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .iconos-1.proveedores {
    background-position: -300px -30px; }
    .iconos-1.proveedores.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }

.iconos-2 {
  background-image: url(../images/iconos/iconos200.png);
  background-repeat: no-repeat;
  background-size: 160px;
  width: 20px;
  height: 20px;
  display: block; }
  .iconos-2.solicitud {
    background-position: 0px -0px; }
    .iconos-2.solicitud.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .iconos-2.ventas {
    background-position: -20px -0px; }
    .iconos-2.ventas.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .iconos-2.cobranza {
    background-position: -40px -0px; }
    .iconos-2.cobranza.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .iconos-2.transito {
    background-position: -60px -0px; }
    .iconos-2.transito.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .iconos-2.inventario {
    background-position: -80px -0px; }
    .iconos-2.inventario.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .iconos-2.reportes {
    background-position: -100px -0px; }
    .iconos-2.reportes.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .iconos-2.sucursales {
    background-position: -120px -0px; }
    .iconos-2.sucursales.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .iconos-2.catalogos {
    background-position: -140px -0px; }
    .iconos-2.catalogos.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .iconos-2.config {
    background-position: -160px -0px; }
    .iconos-2.config.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .iconos-2.clientes {
    background-position: -180px -0px; }
    .iconos-2.clientes.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .iconos-2.cuentas {
    background-position: -200px -0px; }
    .iconos-2.cuentas.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .iconos-2.venta {
    background-position: 0px -20px; }
    .iconos-2.venta.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .iconos-2.apartados {
    background-position: -20px -20px; }
    .iconos-2.apartados.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .iconos-2.vitrina {
    background-position: -40px -20px; }
    .iconos-2.vitrina.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .iconos-2.almacen {
    background-position: -60px -20px; }
    .iconos-2.almacen.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .iconos-2.gastos {
    background-position: -80px -20px; }
    .iconos-2.gastos.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .iconos-2.rh {
    background-position: -140px -20px; }
    .iconos-2.rh.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .iconos-2.compras {
    background-position: -160px -20px; }
    .iconos-2.compras.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .iconos-2.cobranza {
    background-position: -180px -20px; }
    .iconos-2.cobranza.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .iconos-2.proveedores {
    background-position: -200px -20px; }
    .iconos-2.proveedores.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }

.botones-1 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 870px;
  width: 30px;
  height: 30px;
  display: block; }
  .botones-1.agregar {
    background-position: 0px -0px; }
    .botones-1.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .botones-1.borrar {
    background-position: -30px -0px; }
    .botones-1.borrar.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .botones-1.editar {
    background-position: -60px -0px; }
    .botones-1.editar.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .botones-1.cerrar {
    background-position: -90px -0px; }
    .botones-1.cerrar.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .botones-1.detalles {
    background-position: -120px -0px; }
    .botones-1.detalles.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .botones-1.temporal {
    background-position: -150px -0px; }
    .botones-1.temporal.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .botones-1.ver {
    background-position: -180px -0px; }
    .botones-1.ver.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .botones-1.ver2 {
    background-position: -210px -0px; }
    .botones-1.ver2.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .botones-1.recibir {
    background-position: -240px -0px; }
    .botones-1.recibir.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .botones-1.recibido {
    background-position: -270px -0px; }
    .botones-1.recibido.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .botones-1.enviar {
    background-position: -300px -0px; }
    .botones-1.enviar.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .botones-1.nota {
    background-position: -330px -0px; }
    .botones-1.nota.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .botones-1.factura {
    background-position: -360px -0px; }
    .botones-1.factura.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .botones-1.facturacancel {
    background-position: -390px -0px; }
    .botones-1.facturacancel.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .botones-1.facturareemplazo {
    background-position: -420px -0px; }
    .botones-1.facturareemplazo.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .botones-1.enviarmail {
    background-position: -450px -0px; }
    .botones-1.enviarmail.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .botones-1.enviarpaquete {
    background-position: -480px -0px; }
    .botones-1.enviarpaquete.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .botones-1.cancelar {
    background-position: -510px -0px; }
    .botones-1.cancelar.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .botones-1.descargar {
    background-position: -540px -0px; }
    .botones-1.descargar.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .botones-1.estadisticas {
    background-position: -570px -0px; }
    .botones-1.estadisticas.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .botones-1.aprobar {
    background-position: -600px -0px; }
    .botones-1.aprobar.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .botones-1.aprobado {
    background-position: -600px -30px; }
    .botones-1.aprobado.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .botones-1.imprimir {
    background-position: -630px -0px; }
    .botones-1.imprimir.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }
  .botones-1.copiar {
    background-position: -660px -0px; }
    .botones-1.copiar.hover:hover {
      cursor: pointer;
      background-position: -660px -30px; }
  .botones-1.refacturar {
    background-position: -690px -0px; }
    .botones-1.refacturar.hover:hover {
      cursor: pointer;
      background-position: -690px -30px; }
  .botones-1.actualizar {
    background-position: -720px -0px; }
    .botones-1.actualizar.hover:hover {
      cursor: pointer;
      background-position: -720px -30px; }
  .botones-1.actualizar-gris {
    background-position: -720px -30px; }
    .botones-1.actualizar-gris.hover:hover {
      cursor: pointer;
      background-position: -720px -30px; }
  .botones-1.adelantar {
    background-position: -750px -0px; }
    .botones-1.adelantar.hover:hover {
      cursor: pointer;
      background-position: -750px -30px; }
  .botones-1.regresar {
    background-position: -780px -0px; }
    .botones-1.regresar.hover:hover {
      cursor: pointer;
      background-position: -780px -30px; }
  .botones-1.siguiente {
    background-position: -810px -0px; }
    .botones-1.siguiente.hover:hover {
      cursor: pointer;
      background-position: -810px -30px; }
  .botones-1.anterior {
    background-position: -840px -0px; }
    .botones-1.anterior.hover:hover {
      cursor: pointer;
      background-position: -840px -30px; }

.botones-2 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 580px;
  width: 20px;
  height: 20px;
  display: block; }
  .botones-2.agregar {
    background-position: 0px -0px; }
    .botones-2.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .botones-2.borrar {
    background-position: -20px -0px; }
    .botones-2.borrar.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .botones-2.editar {
    background-position: -40px -0px; }
    .botones-2.editar.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .botones-2.cerrar {
    background-position: -60px -0px; }
    .botones-2.cerrar.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .botones-2.detalles {
    background-position: -80px -0px; }
    .botones-2.detalles.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .botones-2.temporal {
    background-position: -100px -0px; }
    .botones-2.temporal.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .botones-2.ver {
    background-position: -120px -0px; }
    .botones-2.ver.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .botones-2.ver2 {
    background-position: -140px -0px; }
    .botones-2.ver2.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .botones-2.recibir {
    background-position: -160px -0px; }
    .botones-2.recibir.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .botones-2.recibido {
    background-position: -180px -0px; }
    .botones-2.recibido.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .botones-2.enviar {
    background-position: -200px -0px; }
    .botones-2.enviar.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .botones-2.nota {
    background-position: -220px -0px; }
    .botones-2.nota.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .botones-2.factura {
    background-position: -240px -0px; }
    .botones-2.factura.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }
  .botones-2.facturacancel {
    background-position: -260px -0px; }
    .botones-2.facturacancel.hover:hover {
      cursor: pointer;
      background-position: -260px -20px; }
  .botones-2.facturareemplazo {
    background-position: -280px -0px; }
    .botones-2.facturareemplazo.hover:hover {
      cursor: pointer;
      background-position: -280px -20px; }
  .botones-2.enviarmail {
    background-position: -300px -0px; }
    .botones-2.enviarmail.hover:hover {
      cursor: pointer;
      background-position: -300px -20px; }
  .botones-2.enviarpaquete {
    background-position: -320px -0px; }
    .botones-2.enviarpaquete.hover:hover {
      cursor: pointer;
      background-position: -320px -20px; }
  .botones-2.cancelar {
    background-position: -340px -0px; }
    .botones-2.cancelar.hover:hover {
      cursor: pointer;
      background-position: -340px -20px; }
  .botones-2.descargar {
    background-position: -360px -0px; }
    .botones-2.descargar.hover:hover {
      cursor: pointer;
      background-position: -360px -20px; }
  .botones-2.estadisticas {
    background-position: -380px -0px; }
    .botones-2.estadisticas.hover:hover {
      cursor: pointer;
      background-position: -380px -20px; }
  .botones-2.aprobar {
    background-position: -400px -0px; }
    .botones-2.aprobar.hover:hover {
      cursor: pointer;
      background-position: -400px -20px; }
  .botones-2.aprobado {
    background-position: -400px -20px; }
    .botones-2.aprobado.hover:hover {
      cursor: pointer;
      background-position: -400px -20px; }
  .botones-2.imprimir {
    background-position: -420px -0px; }
    .botones-2.imprimir.hover:hover {
      cursor: pointer;
      background-position: -420px -20px; }
  .botones-2.copiar {
    background-position: -440px -0px; }
    .botones-2.copiar.hover:hover {
      cursor: pointer;
      background-position: -440px -20px; }
  .botones-2.refacturar {
    background-position: -460px -0px; }
    .botones-2.refacturar.hover:hover {
      cursor: pointer;
      background-position: -460px -20px; }
  .botones-2.actualizar {
    background-position: -480px -0px; }
    .botones-2.actualizar.hover:hover {
      cursor: pointer;
      background-position: -480px -20px; }
  .botones-2.actualizar-gris {
    background-position: -480px -20px; }
    .botones-2.actualizar-gris.hover:hover {
      cursor: pointer;
      background-position: -480px -20px; }
  .botones-2.adelantar {
    background-position: -500px -0px; }
    .botones-2.adelantar.hover:hover {
      cursor: pointer;
      background-position: -500px -20px; }
  .botones-2.regresar {
    background-position: -520px -0px; }
    .botones-2.regresar.hover:hover {
      cursor: pointer;
      background-position: -520px -20px; }
  .botones-2.siguiente {
    background-position: -540px -0px; }
    .botones-2.siguiente.hover:hover {
      cursor: pointer;
      background-position: -540px -20px; }
  .botones-2.anterior {
    background-position: -560px -0px; }
    .botones-2.anterior.hover:hover {
      cursor: pointer;
      background-position: -560px -20px; }

.botones-3 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 1740px;
  width: 60px;
  height: 60px;
  display: block; }
  .botones-3.agregar {
    background-position: 0px -0px; }
    .botones-3.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -60px; }
  .botones-3.borrar {
    background-position: -60px -0px; }
    .botones-3.borrar.hover:hover {
      cursor: pointer;
      background-position: -60px -60px; }
  .botones-3.editar {
    background-position: -120px -0px; }
    .botones-3.editar.hover:hover {
      cursor: pointer;
      background-position: -120px -60px; }
  .botones-3.cerrar {
    background-position: -180px -0px; }
    .botones-3.cerrar.hover:hover {
      cursor: pointer;
      background-position: -180px -60px; }
  .botones-3.detalles {
    background-position: -240px -0px; }
    .botones-3.detalles.hover:hover {
      cursor: pointer;
      background-position: -240px -60px; }
  .botones-3.temporal {
    background-position: -300px -0px; }
    .botones-3.temporal.hover:hover {
      cursor: pointer;
      background-position: -300px -60px; }
  .botones-3.ver {
    background-position: -360px -0px; }
    .botones-3.ver.hover:hover {
      cursor: pointer;
      background-position: -360px -60px; }
  .botones-3.ver2 {
    background-position: -420px -0px; }
    .botones-3.ver2.hover:hover {
      cursor: pointer;
      background-position: -420px -60px; }
  .botones-3.recibir {
    background-position: -480px -0px; }
    .botones-3.recibir.hover:hover {
      cursor: pointer;
      background-position: -480px -60px; }
  .botones-3.recibido {
    background-position: -540px -0px; }
    .botones-3.recibido.hover:hover {
      cursor: pointer;
      background-position: -540px -60px; }
  .botones-3.enviar {
    background-position: -600px -0px; }
    .botones-3.enviar.hover:hover {
      cursor: pointer;
      background-position: -600px -60px; }
  .botones-3.nota {
    background-position: -660px -0px; }
    .botones-3.nota.hover:hover {
      cursor: pointer;
      background-position: -660px -60px; }
  .botones-3.factura {
    background-position: -720px -0px; }
    .botones-3.factura.hover:hover {
      cursor: pointer;
      background-position: -720px -60px; }
  .botones-3.facturacancel {
    background-position: -780px -0px; }
    .botones-3.facturacancel.hover:hover {
      cursor: pointer;
      background-position: -780px -60px; }
  .botones-3.facturareemplazo {
    background-position: -840px -0px; }
    .botones-3.facturareemplazo.hover:hover {
      cursor: pointer;
      background-position: -840px -60px; }
  .botones-3.enviarmail {
    background-position: -900px -0px; }
    .botones-3.enviarmail.hover:hover {
      cursor: pointer;
      background-position: -900px -60px; }
  .botones-3.enviarpaquete {
    background-position: -960px -0px; }
    .botones-3.enviarpaquete.hover:hover {
      cursor: pointer;
      background-position: -960px -60px; }
  .botones-3.cancelar {
    background-position: -1020px -0px; }
    .botones-3.cancelar.hover:hover {
      cursor: pointer;
      background-position: -1020px -60px; }
  .botones-3.descargar {
    background-position: -1080px -0px; }
    .botones-3.descargar.hover:hover {
      cursor: pointer;
      background-position: -1080px -60px; }
  .botones-3.estadisticas {
    background-position: -1140px -0px; }
    .botones-3.estadisticas.hover:hover {
      cursor: pointer;
      background-position: -1140px -60px; }
  .botones-3.aprobar {
    background-position: -1200px -0px; }
    .botones-3.aprobar.hover:hover {
      cursor: pointer;
      background-position: -1200px -60px; }
  .botones-3.aprobado {
    background-position: -1200px -60px; }
    .botones-3.aprobado.hover:hover {
      cursor: pointer;
      background-position: -1200px -60px; }
  .botones-3.imprimir {
    background-position: -1260px -0px; }
    .botones-3.imprimir.hover:hover {
      cursor: pointer;
      background-position: -1260px -60px; }
  .botones-3.copiar {
    background-position: -1320px -0px; }
    .botones-3.copiar.hover:hover {
      cursor: pointer;
      background-position: -1320px -60px; }
  .botones-3.refacturar {
    background-position: -1380px -0px; }
    .botones-3.refacturar.hover:hover {
      cursor: pointer;
      background-position: -1380px -60px; }
  .botones-3.actualizar {
    background-position: -1440px -0px; }
    .botones-3.actualizar.hover:hover {
      cursor: pointer;
      background-position: -1440px -60px; }
  .botones-3.actualizar-gris {
    background-position: -1440px -60px; }
    .botones-3.actualizar-gris.hover:hover {
      cursor: pointer;
      background-position: -1440px -60px; }
  .botones-3.adelantar {
    background-position: -1500px -0px; }
    .botones-3.adelantar.hover:hover {
      cursor: pointer;
      background-position: -1500px -60px; }
  .botones-3.regresar {
    background-position: -1560px -0px; }
    .botones-3.regresar.hover:hover {
      cursor: pointer;
      background-position: -1560px -60px; }
  .botones-3.siguiente {
    background-position: -1620px -0px; }
    .botones-3.siguiente.hover:hover {
      cursor: pointer;
      background-position: -1620px -60px; }
  .botones-3.anterior {
    background-position: -1680px -0px; }
    .botones-3.anterior.hover:hover {
      cursor: pointer;
      background-position: -1680px -60px; }

.b-fac-1 {
  background-image: url(../images/iconos/botonesfacnew.png);
  background-repeat: no-repeat;
  background-size: 240px;
  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.enviar {
    background-position: -80px -0px; }
    .b-fac-1.enviar.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .b-fac-1.notacred {
    background-position: -100px -0px; }
    .b-fac-1.notacred.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-1.satcancels {
    background-position: -180px -0px; }
    .b-fac-1.satcancels.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .b-fac-1.descargarfactura {
    background-position: -200px -0px; }
    .b-fac-1.descargarfactura.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .b-fac-1.subirfactura {
    background-position: -220px -0px; }
    .b-fac-1.subirfactura.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }

.icono-dash {
  background-image: url(../images/iconos/iconos200-dash.png?v1.2);
  background-repeat: no-repeat;
  background-size: 1150px;
  width: 50px;
  height: 50px;
  display: block; }
  .icono-dash.engrane {
    background-position: 0px -0px; }
    .icono-dash.engrane.hover:hover {
      cursor: pointer;
      background-position: 0px -50px; }
  .icono-dash.medir {
    background-position: -50px -0px; }
    .icono-dash.medir.hover:hover {
      cursor: pointer;
      background-position: -50px -50px; }
  .icono-dash.precio-m {
    background-position: -100px -0px; }
    .icono-dash.precio-m.hover:hover {
      cursor: pointer;
      background-position: -100px -50px; }
  .icono-dash.botella {
    background-position: -150px -0px; }
    .icono-dash.botella.hover:hover {
      cursor: pointer;
      background-position: -150px -50px; }
  .icono-dash.home-bo {
    background-position: -200px -0px; }
    .icono-dash.home-bo.hover:hover {
      cursor: pointer;
      background-position: -200px -50px; }
  .icono-dash.lista-precio {
    background-position: -250px -0px; }
    .icono-dash.lista-precio.hover:hover {
      cursor: pointer;
      background-position: -250px -50px; }
  .icono-dash.usuario {
    background-position: -300px -0px; }
    .icono-dash.usuario.hover:hover {
      cursor: pointer;
      background-position: -300px -50px; }
  .icono-dash.llave {
    background-position: -350px -0px; }
    .icono-dash.llave.hover:hover {
      cursor: pointer;
      background-position: -350px -50px; }
  .icono-dash.mueble {
    background-position: -400px -0px; }
    .icono-dash.mueble.hover:hover {
      cursor: pointer;
      background-position: -400px -50px; }
  .icono-dash.notas {
    background-position: -450px -0px; }
    .icono-dash.notas.hover:hover {
      cursor: pointer;
      background-position: -450px -50px; }
  .icono-dash.calendario {
    background-position: -500px -0px; }
    .icono-dash.calendario.hover:hover {
      cursor: pointer;
      background-position: -500px -50px; }
  .icono-dash.botella-blanca {
    background-position: -550px -0px; }
    .icono-dash.botella-blanca.hover:hover {
      cursor: pointer;
      background-position: -550px -50px; }
  .icono-dash.engrane-blanco {
    background-position: -600px -0px; }
    .icono-dash.engrane-blanco.hover:hover {
      cursor: pointer;
      background-position: -600px -50px; }
  .icono-dash.notas-blancas {
    background-position: -650px -0px; }
    .icono-dash.notas-blancas.hover:hover {
      cursor: pointer;
      background-position: -650px -50px; }
  .icono-dash.mueble-blanco {
    background-position: -700px -0px; }
    .icono-dash.mueble-blanco.hover:hover {
      cursor: pointer;
      background-position: -700px -50px; }
  .icono-dash.home-blanco {
    background-position: -750px -0px; }
    .icono-dash.home-blanco.hover:hover {
      cursor: pointer;
      background-position: -750px -50px; }
  .icono-dash.lista-precios {
    background-position: -800px -0px; }
    .icono-dash.lista-precios.hover:hover {
      cursor: pointer;
      background-position: -800px -50px; }
  .icono-dash.libreta {
    background-position: -850px -0px; }
    .icono-dash.libreta.hover:hover {
      cursor: pointer;
      background-position: -850px -50px; }
  .icono-dash.usurio-blanco {
    background-position: -900px -0px; }
    .icono-dash.usurio-blanco.hover:hover {
      cursor: pointer;
      background-position: -900px -50px; }
  .icono-dash.llave-blanca {
    background-position: -950px -0px; }
    .icono-dash.llave-blanca.hover:hover {
      cursor: pointer;
      background-position: -950px -50px; }
  .icono-dash.engrane-uno {
    background-position: -1000px -0px; }
    .icono-dash.engrane-uno.hover:hover {
      cursor: pointer;
      background-position: -1000px -50px; }
  .icono-dash.flecha-izq {
    background-position: -1050px -0px; }
    .icono-dash.flecha-izq.hover:hover {
      cursor: pointer;
      background-position: -1050px -50px; }
  .icono-dash.flecha-der {
    background-position: -1100px -0px; }
    .icono-dash.flecha-der.hover:hover {
      cursor: pointer;
      background-position: -1100px -50px; }

.icono-dash-1 {
  background-image: url(../images/iconos/iconos200-dash.png?v1.2);
  background-repeat: no-repeat;
  background-size: 690px;
  width: 30px;
  height: 30px;
  display: block; }
  .icono-dash-1.engrane {
    background-position: 0px -0px; }
    .icono-dash-1.engrane.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .icono-dash-1.medir {
    background-position: -30px -0px; }
    .icono-dash-1.medir.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .icono-dash-1.precio-m {
    background-position: -60px -0px; }
    .icono-dash-1.precio-m.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .icono-dash-1.botella {
    background-position: -90px -0px; }
    .icono-dash-1.botella.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .icono-dash-1.home-bo {
    background-position: -120px -0px; }
    .icono-dash-1.home-bo.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .icono-dash-1.lista-precio {
    background-position: -150px -0px; }
    .icono-dash-1.lista-precio.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .icono-dash-1.usuario {
    background-position: -180px -0px; }
    .icono-dash-1.usuario.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .icono-dash-1.llave {
    background-position: -210px -0px; }
    .icono-dash-1.llave.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .icono-dash-1.mueble {
    background-position: -240px -0px; }
    .icono-dash-1.mueble.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .icono-dash-1.notas {
    background-position: -270px -0px; }
    .icono-dash-1.notas.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .icono-dash-1.calendario {
    background-position: -300px -0px; }
    .icono-dash-1.calendario.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .icono-dash-1.botella-blanca {
    background-position: -330px -0px; }
    .icono-dash-1.botella-blanca.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .icono-dash-1.engrane-blanco {
    background-position: -360px -0px; }
    .icono-dash-1.engrane-blanco.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .icono-dash-1.notas-blancas {
    background-position: -390px -0px; }
    .icono-dash-1.notas-blancas.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .icono-dash-1.mueble-blanco {
    background-position: -420px -0px; }
    .icono-dash-1.mueble-blanco.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .icono-dash-1.home-blanco {
    background-position: -450px -0px; }
    .icono-dash-1.home-blanco.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .icono-dash-1.lista-precios {
    background-position: -480px -0px; }
    .icono-dash-1.lista-precios.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .icono-dash-1.libreta {
    background-position: -510px -0px; }
    .icono-dash-1.libreta.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .icono-dash-1.usurio-blanco {
    background-position: -540px -0px; }
    .icono-dash-1.usurio-blanco.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .icono-dash-1.llave-blanca {
    background-position: -570px -0px; }
    .icono-dash-1.llave-blanca.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .icono-dash-1.engrane-uno {
    background-position: -600px -0px; }
    .icono-dash-1.engrane-uno.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .icono-dash-1.flecha-izq {
    background-position: -630px -0px; }
    .icono-dash-1.flecha-izq.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }
  .icono-dash-1.flecha-der {
    background-position: -660px -0px; }
    .icono-dash-1.flecha-der.hover:hover {
      cursor: pointer;
      background-position: -660px -30px; }

.menu-i {
  background-image: url(../images/iconos/iconos-menu.png?v1.2);
  background-repeat: no-repeat;
  background-size: 570px;
  width: 30px;
  height: 30px;
  display: block; }
  .menu-i.medir {
    background-position: 0px -0px; }
    .menu-i.medir.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .menu-i.precio-m {
    background-position: -30px -0px; }
    .menu-i.precio-m.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .menu-i.estante {
    background-position: -60px -0px; }
    .menu-i.estante.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .menu-i.calendar {
    background-position: -90px -0px; }
    .menu-i.calendar.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .menu-i.prospectos {
    background-position: -120px -0px; }
    .menu-i.prospectos.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .menu-i.plasticos {
    background-position: -150px -0px; }
    .menu-i.plasticos.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .menu-i.mecanica {
    background-position: -180px -0px; }
    .menu-i.mecanica.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .menu-i.bitacora {
    background-position: -210px -0px; }
    .menu-i.bitacora.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .menu-i.almacen {
    background-position: -240px -0px; }
    .menu-i.almacen.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .menu-i.almacen-grl {
    background-position: -270px -0px; }
    .menu-i.almacen-grl.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .menu-i.compras {
    background-position: -300px -0px; }
    .menu-i.compras.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .menu-i.caja {
    background-position: -300px -0px; }
    .menu-i.caja.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .menu-i.catalogo {
    background-position: -330px -0px; }
    .menu-i.catalogo.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .menu-i.rrhh {
    background-position: -360px -0px; }
    .menu-i.rrhh.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .menu-i.usuarios {
    background-position: -390px -0px; }
    .menu-i.usuarios.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .menu-i.mantenimiento {
    background-position: -420px -0px; }
    .menu-i.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .menu-i.confg {
    background-position: -450px -0px; }
    .menu-i.confg.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .menu-i.row-left {
    background-position: -480px -0px; }
    .menu-i.row-left.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .menu-i.row-right {
    background-position: -510px -0px; }
    .menu-i.row-right.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .menu-i.notas {
    background-position: -540px -0px; }
    .menu-i.notas.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }

.btn-1 {
  background-image: url(../images/iconos/botones200.png?v1);
  background-repeat: no-repeat;
  background-size: 180px;
  width: 20px;
  height: 20px;
  display: block; }
  .btn-1.agregar {
    background-position: 0px -0px; }
    .btn-1.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .btn-1.borrar {
    background-position: -20px -0px; }
    .btn-1.borrar.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .btn-1.editar {
    background-position: -40px -0px; }
    .btn-1.editar.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .btn-1.cerrar {
    background-position: -60px -0px; }
    .btn-1.cerrar.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .btn-1.buscar {
    background-position: -80px -0px; }
    .btn-1.buscar.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .btn-1.agregar {
    background-position: -100px -0px; }
    .btn-1.agregar.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .btn-1.tiempo {
    background-position: -120px -0px; }
    .btn-1.tiempo.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .btn-1.ver-green {
    background-position: -140px -0px; }
    .btn-1.ver-green.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .btn-1.ver-blue {
    background-position: -160px -0px; }
    .btn-1.ver-blue.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }

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

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

section#login {
  background-color: white;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  display: block;
  overflow: hidden;
  z-index: 10000000000000; }

form.basico.login, div.login.smallinput {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -130px 0 0 -275px;
  width: 550px !important; }

@media only screen and (max-width: 768px) {
  form.login, div.login.smallinput {
    width: 50%;
    margin: 0 auto;
    left: 0; } }

@media only screen and (max-width: 450px) {
  form.login, div.login.smallinput {
    width: 90%;
    left: 1%; } }

@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%; } }

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

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

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

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

.acenter {
  text-align: center; }

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

.capitalize {
  text-transform: capitalize; }

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

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

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

.acenter {
  text-align: center; }

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

input[type=text]:focus, input[type=number]:focus, textarea:focus, select:focus {
  outline: 1px solid #40C3F0 !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.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  cursor: pointer; }
  .update:hover {
    cursor: pointer;
    transform: rotate(180deg); }

a, form a.boton.table, div.smallinput a.boton.table, form input[type=submit], div.smallinput input[type=submit], form .boton.botonaccion, div.smallinput .boton.botonaccion, form input.botonaccion[type=submit], form.basico .botonaccion.boton, form.basico input.botonaccion[type=submit], form.basico input[type=submit] {
  color: gray; }

form .bloqueform, div.smallinput .bloqueform, form.basico .bloqueform {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  position: relative;
  background-color: white;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  form .bloqueform .foliopestana, div.smallinput .bloqueform .foliopestana, form.basico .bloqueform .foliopestana {
    margin-top: -33px;
    background-color: white;
    display: block;
    color: #999;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 5px; }
  form .bloqueform h4, div.smallinput .bloqueform h4, form .bloqueform h5, div.smallinput .bloqueform h5, form.basico .bloqueform h4, form.basico .bloqueform h5 {
    font-weight: bold !important;
    margin-top: -10px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #4D4D4D; }
  form .bloqueform h5, div.smallinput .bloqueform h5, form.basico .bloqueform h5 {
    margin-top: -6px;
    font-size: 12px;
    font-weight: lighter;
    margin-bottom: 8px; }
  form .bloqueform .edit, div.smallinput .bloqueform .edit, form.basico .bloqueform .edit {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px; }
  form .bloqueform:hover .edit, div.smallinput .bloqueform:hover .edit, form.basico .bloqueform:hover .edit {
    display: block; }
  form .bloqueform.inside, div.smallinput .bloqueform.inside, form.basico .bloqueform.inside {
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }
  form .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform, form.basico .bloqueform .bloqueform {
    background-color: #F6FAFF; }
    form .bloqueform .bloqueform h4, div.smallinput .bloqueform .bloqueform h4, form .bloqueform .bloqueform h5, div.smallinput .bloqueform .bloqueform h5, form.basico .bloqueform .bloqueform h4, form.basico .bloqueform .bloqueform h5 {
      color: #666;
      font-size: 14px; }
    form .bloqueform .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform {
      background-color: white; }
      form .bloqueform .bloqueform .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform {
        background-color: #F6FAFF; }
        form .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform {
          background-color: white; }

.bloqueform p, .bloque p {
  font-size: 13px;
  color: #666; }

.bloqueform.moreless, .bloque.moreless {
  max-height: 2000px;
  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; }

#pestanas {
  float: left;
  clear: both;
  display: block;
  width: 100%;
  padding: 0 20px;
  border-bottom: 5px solid rgba(0, 116, 145, 0.8);
  width: 95%;
  margin: 0 1%; }
  #pestanas ul {
    list-style: none; }
  #pestanas li a, #pestanas li form input[type=submit], #pestanas li div.smallinput input[type=submit], form #pestanas li input[type=submit], div.smallinput #pestanas li input[type=submit], #pestanas li form .boton.botonaccion, #pestanas li div.smallinput .boton.botonaccion, form #pestanas li .boton.botonaccion, div.smallinput #pestanas li .boton.botonaccion {
    width: auto;
    max-width: 400px;
    padding: 8px 10px;
    display: inline-block;
    text-align: center;
    background-color: rgba(234, 234, 234, 0.6);
    color: gray;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-right: 1px;
    vertical-align: bottom;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 3px !important;
    -moz-border-radius-topleft: 3px !important;
    border-top-left: 3px !important;
    -webkit-border-top-right-radius: 3px !important;
    -moz-border-radius-topright: 3px !important;
    border-top-right: 3px !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; }
  #pestanas li:first-child {
    margin-left: -20px; }
  #pestanas li.activo a, #pestanas li.activo form input[type=submit], #pestanas li.activo div.smallinput input[type=submit], form #pestanas li.activo input[type=submit], div.smallinput #pestanas li.activo input[type=submit], #pestanas li.activo form .boton.botonaccion, #pestanas li.activo div.smallinput .boton.botonaccion, form #pestanas li.activo .boton.botonaccion, div.smallinput #pestanas li.activo .boton.botonaccion, #pestanas li:hover a, #pestanas li:hover form input[type=submit], #pestanas li:hover div.smallinput input[type=submit], form #pestanas li:hover input[type=submit], div.smallinput #pestanas li:hover input[type=submit], #pestanas li:hover form .boton.botonaccion, #pestanas li:hover div.smallinput .boton.botonaccion, form #pestanas li:hover .boton.botonaccion, div.smallinput #pestanas li:hover .boton.botonaccion {
    background-color: rgba(0, 116, 145, 0.8);
    color: white; }
  #pestanas li.activo a, #pestanas li.activo form input[type=submit], #pestanas li.activo div.smallinput input[type=submit], form #pestanas li.activo input[type=submit], div.smallinput #pestanas li.activo input[type=submit], #pestanas li.activo form .boton.botonaccion, #pestanas li.activo div.smallinput .boton.botonaccion, form #pestanas li.activo .boton.botonaccion, div.smallinput #pestanas li.activo .boton.botonaccion {
    font-size: 20px;
    padding: 8px 15px 3px 15px;
    margin-top: -4px;
    text-transform: uppercase;
    font-size: lighter; }

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

form.small, div.small.smallinput, div.form.small, table.form.small {
  max-width: 350px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

form.basico.full, div.full.smallinput, div.form.basico.full, table.form.basico.full {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 99%;
  min-height: 99%;
  height: auto;
  top: 0.5%;
  left: 0.5%;
  padding: 80px;
  z-index: 100;
  font-size: 25px; }
  form.basico.full .boton, div.full.smallinput .boton, form.basico.full input[type=submit], div.full.smallinput input[type=submit], div.form.basico.full .boton, div.form.basico.full input[type=submit], table.form.basico.full .boton, table.form.basico.full input[type=submit] {
    font-size: 30px;
    -webkit-appearance: none;
    line-height: 50px;
    height: auto; }
  form.basico.full input, div.full.smallinput input, form.basico.full select, div.full.smallinput select, form.basico.full textarea, div.full.smallinput textarea, form.basico.full label, div.full.smallinput label, form.basico.full span.custom-combobox, div.full.smallinput span.custom-combobox, form.basico.full .custom-combobox-input, div.full.smallinput .custom-combobox-input, div.form.basico.full input, div.form.basico.full select, div.form.basico.full textarea, div.form.basico.full label, div.form.basico.full span.custom-combobox, div.form.basico.full .custom-combobox-input, table.form.basico.full input, table.form.basico.full select, table.form.basico.full textarea, table.form.basico.full label, table.form.basico.full span.custom-combobox, table.form.basico.full .custom-combobox-input {
    font-size: 25px !important; }
  form.basico.full input, div.full.smallinput input, form.basico.full select, div.full.smallinput select, form.basico.full span.custom-combobox, div.full.smallinput span.custom-combobox, form.basico.full .custom-combobox-input, div.full.smallinput .custom-combobox-input, div.form.basico.full input, div.form.basico.full select, div.form.basico.full span.custom-combobox, div.form.basico.full .custom-combobox-input, table.form.basico.full input, table.form.basico.full select, table.form.basico.full span.custom-combobox, table.form.basico.full .custom-combobox-input {
    height: 75px; }
  form.basico.full textarea, div.full.smallinput textarea, div.form.basico.full textarea, table.form.basico.full textarea {
    height: 200px; }

form.basico, div.smallinput, div.form.basico, table.form.basico {
  width: 550px;
  height: auto;
  margin: 0 auto 0 auto;
  background-color: #F6FAFF;
  border: 1px solid #F6FAFF;
  padding: 40px 20px 20px 20px;
  overflow: hidden;
  position: relative; }
  form.basico h3, div.smallinput h3, div.form.basico h3, table.form.basico h3 {
    margin: -20px 0 20px 0;
    text-transform: uppercase;
    font-family: 'Muli-bold';
    color: #4D4D4D;
    font-weight: bold;
    font-size: 1.3em; }
  form.basico h4, div.smallinput h4, div.form.basico h4, table.form.basico h4 {
    margin: 5px 0 0 0;
    line-height: 2.5em;
    color: #4D4D4D;
    text-transform: uppercase;
    font-family: 'Muli-bold';
    font-size: 20px;
    font-weight: normal; }

form p.info, div.smallinput p.info, div.form p.info, table.form p.info {
  font-size: 11.5px;
  margin: 0 0 10px 0;
  padding: 0 0 5px 30px;
  background: url(../images/normal.png?v3) no-repeat top left;
  line-height: 1.5em;
  clear: both; }

form.basico, div.smallinput, div.form.basico, table.form.basico {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  form.basico label, div.smallinput label, div.form.basico label, table.form.basico label {
    width: 25%;
    height: 35px;
    float: left;
    padding: 3px 0px 3px 15px;
    margin: 3px 0;
    font-size: 11px;
    text-align: left;
    font-weight: 500;
    line-height: 2.5em;
    clear: left;
    position: relative;
    background-color: #4D4D4D;
    color: white; }
    form.basico label.half, div.smallinput label.half, div.form.basico label.half, table.form.basico label.half {
      width: 40%; }
    form.basico label.duo, div.smallinput label.duo, div.form.basico label.duo, table.form.basico label.duo {
      width: 10%; }
    form.basico label.lduo, div.smallinput label.lduo, div.form.basico label.lduo, table.form.basico label.lduo {
      clear: none;
      width: 23%; }
    form.basico label.trio, div.smallinput label.trio, div.form.basico label.trio, table.form.basico label.trio {
      clear: none;
      width: 12%;
      margin-left: 10px; }
    form.basico label.right-side, div.smallinput label.right-side, div.form.basico label.right-side, table.form.basico label.right-side {
      float: right;
      clear: right;
      text-align: left;
      padding: 3px 0 3px 7px; }
    form.basico label.red, div.smallinput label.red, div.form.basico label.red, table.form.basico label.red {
      background-color: red;
      color: white; }
    form.basico label.green, div.smallinput label.green, div.form.basico label.green, table.form.basico label.green {
      background-color: limegreen;
      color: white; }
    form.basico label.orange, div.smallinput label.orange, div.form.basico label.orange, table.form.basico label.orange {
      background-color: orange;
      color: white; }

form.filtros_ label, div.filtros_.smallinput label, div.form.filtros_ label, table.form.filtros_ label {
  background-color: #4D4D4D; }

form input, div.smallinput input, form textarea, div.smallinput textarea, form select, div.smallinput select, form span.custom-combobox, div.smallinput span.custom-combobox, form .custom-combobox-input, div.smallinput .custom-combobox-input, div.form input, div.form textarea, div.form select, div.form span.custom-combobox, div.form .custom-combobox-input, table.form input, table.form textarea, table.form select, table.form span.custom-combobox, table.form .custom-combobox-input {
  width: 70%;
  border: 1px solid #e9e9e9;
  float: left;
  height: 35px;
  padding: 3px 10px;
  margin: 3px 0; }
  form input.half, div.smallinput input.half, form textarea.half, div.smallinput textarea.half, form select.half, div.smallinput select.half, form span.custom-combobox.half, div.smallinput span.custom-combobox.half, form .custom-combobox-input.half, div.smallinput .custom-combobox-input.half, div.form input.half, div.form textarea.half, div.form select.half, div.form span.custom-combobox.half, div.form .custom-combobox-input.half, table.form input.half, table.form textarea.half, table.form select.half, table.form span.custom-combobox.half, table.form .custom-combobox-input.half {
    width: 35%;
    margin-right: 35%; }
  form input.trio, div.smallinput input.trio, form textarea.trio, div.smallinput textarea.trio, form select.trio, div.smallinput select.trio, form span.custom-combobox.trio, div.smallinput span.custom-combobox.trio, form .custom-combobox-input.trio, div.smallinput .custom-combobox-input.trio, div.form input.trio, div.form textarea.trio, div.form select.trio, div.form span.custom-combobox.trio, div.form .custom-combobox-input.trio, table.form input.trio, table.form textarea.trio, table.form select.trio, table.form span.custom-combobox.trio, table.form .custom-combobox-input.trio {
    margin-right: 1%;
    width: 20%; }
  form input.triotrio, div.smallinput input.triotrio, form textarea.triotrio, div.smallinput textarea.triotrio, form select.triotrio, div.smallinput select.triotrio, form span.custom-combobox.triotrio, div.smallinput span.custom-combobox.triotrio, form .custom-combobox-input.triotrio, div.smallinput .custom-combobox-input.triotrio, div.form input.triotrio, div.form textarea.triotrio, div.form select.triotrio, div.form span.custom-combobox.triotrio, div.form .custom-combobox-input.triotrio, table.form input.triotrio, table.form textarea.triotrio, table.form select.triotrio, table.form span.custom-combobox.triotrio, table.form .custom-combobox-input.triotrio {
    margin-right: 1%;
    width: 10%; }
  form input.duo, div.smallinput input.duo, form textarea.duo, div.smallinput textarea.duo, form select.duo, div.smallinput select.duo, form span.custom-combobox.duo, div.smallinput span.custom-combobox.duo, form .custom-combobox-input.duo, div.smallinput .custom-combobox-input.duo, div.form input.duo, div.form textarea.duo, div.form select.duo, div.form span.custom-combobox.duo, div.form .custom-combobox-input.duo, table.form input.duo, table.form textarea.duo, table.form select.duo, table.form span.custom-combobox.duo, table.form .custom-combobox-input.duo {
    margin-right: 1%;
    width: 24.55%; }
    form input.duo.half, div.smallinput input.duo.half, form textarea.duo.half, div.smallinput textarea.duo.half, form select.duo.half, div.smallinput select.duo.half, form span.custom-combobox.duo.half, div.smallinput span.custom-combobox.duo.half, form .custom-combobox-input.duo.half, div.smallinput .custom-combobox-input.duo.half, div.form input.duo.half, div.form textarea.duo.half, div.form select.duo.half, div.form span.custom-combobox.duo.half, div.form .custom-combobox-input.duo.half, table.form input.duo.half, table.form textarea.duo.half, table.form select.duo.half, table.form span.custom-combobox.duo.half, table.form .custom-combobox-input.duo.half {
      margin-right: 2%;
      width: 40%; }
  form input.cuatrocinco, div.smallinput input.cuatrocinco, form textarea.cuatrocinco, div.smallinput textarea.cuatrocinco, form select.cuatrocinco, div.smallinput select.cuatrocinco, form span.custom-combobox.cuatrocinco, div.smallinput span.custom-combobox.cuatrocinco, form .custom-combobox-input.cuatrocinco, div.smallinput .custom-combobox-input.cuatrocinco, div.form input.cuatrocinco, div.form textarea.cuatrocinco, div.form select.cuatrocinco, div.form span.custom-combobox.cuatrocinco, div.form .custom-combobox-input.cuatrocinco, table.form input.cuatrocinco, table.form textarea.cuatrocinco, table.form select.cuatrocinco, table.form span.custom-combobox.cuatrocinco, table.form .custom-combobox-input.cuatrocinco {
    width: 44%;
    margin-right: 25%; }
  form input.cincocinco, div.smallinput input.cincocinco, form textarea.cincocinco, div.smallinput textarea.cincocinco, form select.cincocinco, div.smallinput select.cincocinco, form span.custom-combobox.cincocinco, div.smallinput span.custom-combobox.cincocinco, form .custom-combobox-input.cincocinco, div.smallinput .custom-combobox-input.cincocinco, div.form input.cincocinco, div.form textarea.cincocinco, div.form select.cincocinco, div.form span.custom-combobox.cincocinco, div.form .custom-combobox-input.cincocinco, table.form input.cincocinco, table.form textarea.cincocinco, table.form select.cincocinco, table.form span.custom-combobox.cincocinco, table.form .custom-combobox-input.cincocinco {
    width: 55%;
    margin-right: 15%; }
  form input.right-side, div.smallinput input.right-side, form textarea.right-side, div.smallinput textarea.right-side, form select.right-side, div.smallinput select.right-side, form span.custom-combobox.right-side, div.smallinput span.custom-combobox.right-side, form .custom-combobox-input.right-side, div.smallinput .custom-combobox-input.right-side, div.form input.right-side, div.form textarea.right-side, div.form select.right-side, div.form span.custom-combobox.right-side, div.form .custom-combobox-input.right-side, table.form input.right-side, table.form textarea.right-side, table.form select.right-side, table.form span.custom-combobox.right-side, table.form .custom-combobox-input.right-side {
    float: right;
    clear: left; }
    form input.right-side.half, div.smallinput input.right-side.half, form textarea.right-side.half, div.smallinput textarea.right-side.half, form select.right-side.half, div.smallinput select.right-side.half, form span.custom-combobox.right-side.half, div.smallinput span.custom-combobox.right-side.half, form .custom-combobox-input.right-side.half, div.smallinput .custom-combobox-input.right-side.half, div.form input.right-side.half, div.form textarea.right-side.half, div.form select.right-side.half, div.form span.custom-combobox.right-side.half, div.form .custom-combobox-input.right-side.half, table.form input.right-side.half, table.form textarea.right-side.half, table.form select.right-side.half, table.form span.custom-combobox.right-side.half, table.form .custom-combobox-input.right-side.half {
      margin-right: 0;
      margin-left: 35%; }
    form input.right-side.duo, div.smallinput input.right-side.duo, form textarea.right-side.duo, div.smallinput textarea.right-side.duo, form select.right-side.duo, div.smallinput select.right-side.duo, form span.custom-combobox.right-side.duo, div.smallinput span.custom-combobox.right-side.duo, form .custom-combobox-input.right-side.duo, div.smallinput .custom-combobox-input.right-side.duo, div.form input.right-side.duo, div.form textarea.right-side.duo, div.form select.right-side.duo, div.form span.custom-combobox.right-side.duo, div.form .custom-combobox-input.right-side.duo, table.form input.right-side.duo, table.form textarea.right-side.duo, table.form select.right-side.duo, table.form span.custom-combobox.right-side.duo, table.form .custom-combobox-input.right-side.duo {
      margin-right: 0;
      margin-left: 2%; }
    form input.right-side.cincocinco, div.smallinput input.right-side.cincocinco, form textarea.right-side.cincocinco, div.smallinput textarea.right-side.cincocinco, form select.right-side.cincocinco, div.smallinput select.right-side.cincocinco, form span.custom-combobox.right-side.cincocinco, div.smallinput span.custom-combobox.right-side.cincocinco, form .custom-combobox-input.right-side.cincocinco, div.smallinput .custom-combobox-input.right-side.cincocinco, div.form input.right-side.cincocinco, div.form textarea.right-side.cincocinco, div.form select.right-side.cincocinco, div.form span.custom-combobox.right-side.cincocinco, div.form .custom-combobox-input.right-side.cincocinco, table.form input.right-side.cincocinco, table.form textarea.right-side.cincocinco, table.form select.right-side.cincocinco, table.form span.custom-combobox.right-side.cincocinco, table.form .custom-combobox-input.right-side.cincocinco {
      margin-right: 0;
      margin-left: 15%; }
  form input.no-right, div.smallinput input.no-right, form textarea.no-right, div.smallinput textarea.no-right, form select.no-right, div.smallinput select.no-right, form span.custom-combobox.no-right, div.smallinput span.custom-combobox.no-right, form .custom-combobox-input.no-right, div.smallinput .custom-combobox-input.no-right, div.form input.no-right, div.form textarea.no-right, div.form select.no-right, div.form span.custom-combobox.no-right, div.form .custom-combobox-input.no-right, table.form input.no-right, table.form textarea.no-right, table.form select.no-right, table.form span.custom-combobox.no-right, table.form .custom-combobox-input.no-right {
    margin-right: 0 !important; }
  form input .custom-combobox-input, div.smallinput input .custom-combobox-input, form textarea .custom-combobox-input, div.smallinput textarea .custom-combobox-input, form select .custom-combobox-input, div.smallinput select .custom-combobox-input, form span.custom-combobox .custom-combobox-input, div.smallinput span.custom-combobox .custom-combobox-input, form .custom-combobox-input .custom-combobox-input, div.smallinput .custom-combobox-input .custom-combobox-input, div.form input .custom-combobox-input, div.form textarea .custom-combobox-input, div.form select .custom-combobox-input, div.form span.custom-combobox .custom-combobox-input, div.form .custom-combobox-input .custom-combobox-input, table.form input .custom-combobox-input, table.form textarea .custom-combobox-input, table.form select .custom-combobox-input, table.form span.custom-combobox .custom-combobox-input, table.form .custom-combobox-input .custom-combobox-input {
    margin: 0; }

form select, div.smallinput select, form span.custom-combobox, div.smallinput span.custom-combobox, form .custom-combobox-input, div.smallinput .custom-combobox-input, div.form select, div.form span.custom-combobox, div.form .custom-combobox-input, table.form select, table.form span.custom-combobox, table.form .custom-combobox-input {
  -webkit-appearance: none;
  background: white url(../images/select.png) no-repeat center right 8px;
  border-radius: 0;
  position: relative;
  background-size: 15px; }
  form select.picker__select--year, div.smallinput select.picker__select--year, form select.picker__select--month, div.smallinput select.picker__select--month, form span.custom-combobox.picker__select--year, div.smallinput span.custom-combobox.picker__select--year, form span.custom-combobox.picker__select--month, div.smallinput span.custom-combobox.picker__select--month, form .custom-combobox-input.picker__select--year, div.smallinput .custom-combobox-input.picker__select--year, form .custom-combobox-input.picker__select--month, div.smallinput .custom-combobox-input.picker__select--month, div.form select.picker__select--year, div.form select.picker__select--month, div.form span.custom-combobox.picker__select--year, div.form span.custom-combobox.picker__select--month, div.form .custom-combobox-input.picker__select--year, div.form .custom-combobox-input.picker__select--month, table.form select.picker__select--year, table.form select.picker__select--month, table.form span.custom-combobox.picker__select--year, table.form span.custom-combobox.picker__select--month, table.form .custom-combobox-input.picker__select--year, table.form .custom-combobox-input.picker__select--month {
    float: left;
    font-size: 12px;
    height: 30px !important;
    border: 1px solid #f0f0f0 !important;
    -webkit-border-top-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    border-top-right: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-bottom-right: 0 !important;
    background-size: 14px;
    margin-left: 10px; }
  form select.picker__select--year, div.smallinput select.picker__select--year, form span.custom-combobox.picker__select--year, div.smallinput span.custom-combobox.picker__select--year, form .custom-combobox-input.picker__select--year, div.smallinput .custom-combobox-input.picker__select--year, div.form select.picker__select--year, div.form span.custom-combobox.picker__select--year, div.form .custom-combobox-input.picker__select--year, table.form select.picker__select--year, table.form span.custom-combobox.picker__select--year, table.form .custom-combobox-input.picker__select--year {
    margin-left: 100px !important; }

form span.custom-combobox, div.smallinput span.custom-combobox, form .custom-combobox-input, div.smallinput .custom-combobox-input, div.form span.custom-combobox, div.form .custom-combobox-input, table.form span.custom-combobox, table.form .custom-combobox-input {
  background: white url(../images/buscar.png) no-repeat center right 8px;
  background-size: 20px; }

@media (max-width: 500px) {
  form.basico.full, div.full.smallinput {
    padding: 80px 30px; }
    form.basico.full .boton, div.full.smallinput .boton, form.basico.full input[type=submit], div.full.smallinput input[type=submit] {
      font-size: 20px; }
    form.basico.full input, div.full.smallinput input, form.basico.full select, div.full.smallinput select, form.basico.full textarea, div.full.smallinput textarea, form.basico.full span.custom-combobox, div.full.smallinput span.custom-combobox, form.basico.full .custom-combobox-input, div.full.smallinput .custom-combobox-input {
      width: 100%; } }

table td select, table td input, table td textarea {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
  height: 25px !important;
  padding: 5px 3px;
  font-size: 10px; }
  table td select:disabled, table td input:disabled, table td textarea:disabled {
    font-size: 10px !important; }
  table td select.codigo, table td input.codigo, table td textarea.codigo {
    font-size: 11px !important; }

input.tcant {
  width: 80px;
  height: 30px;
  text-align: center !important; }

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

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

form.basico.cotizacion, div.cotizacion.smallinput, form.basico.medium, div.medium.smallinput {
  width: 100%;
  max-width: 750px; }
  form.basico.cotizacion.big, div.big.smallinput, form.basico.medium.big {
    max-width: 900px; }
  form.basico.cotizacion.biger, div.biger.smallinput, form.basico.medium.biger {
    max-width: 1024px !important; }

form.basico.big, div.big.smallinput {
  width: 900px; }

form.basico.biger, div.biger.smallinput {
  width: 1024px !important; }

form p.infocliente, div.smallinput p.infocliente {
  font-size: 12px;
  margin: 5px 0 20px 0;
  padding: 10px 0 10px 30px;
  background: url(../images/info.png?v2) no-repeat top 11px left 7px;
  line-height: 1.5em;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  clear: both; }

#descuentos {
  width: 40%;
  overflow: hidden;
  background-color: white;
  padding: 10px;
  float: right; }
  #descuentos label.desc {
    width: 70%;
    clear: both; }

#descgral {
  position: absolute;
  width: 60%;
  bottom: 0; }
  #descgral label {
    width: 20%; }

form.basico.rango, div.rango.smallinput {
  background-color: transparent;
  border: none;
  width: 100%;
  display: block;
  padding: 10px;
  float: left;
  clear: both; }
  form.basico.rango label, div.rango.smallinput label {
    width: 60px;
    float: left;
    clear: none; }
  form.basico.rango input[type=text], div.rango.smallinput input[type=text], form.basico.rango span.custom-combobox, div.rango.smallinput span.custom-combobox, form.basico.rango .custom-combobox-input, div.rango.smallinput .custom-combobox-input {
    max-width: 16%;
    float: left;
    clear: none;
    margin-right: 0; }
  form.basico.rango select, div.rango.smallinput select {
    max-width: 30%;
    float: left;
    clear: none;
    margin-right: 0; }

.boton.clean, form a.boton.table, div.smallinput a.boton.table, form input.clean[type=submit], div.smallinput input.clean[type=submit], form .clean.boton.botonaccion, div.smallinput .clean.boton.botonaccion {
  margin: 10px 5px 0 0;
  float: right;
  background-color: #CCC; }

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

@media only screen and (min-width: 1025px) {
  form.detpro, div.detpro.smallinput {
    margin-right: 20px; }
    form.detpro.code, div.code.smallinput {
      margin-right: 180px; } }

p.startinit {
  text-align: center;
  width: 100%;
  float: left;
  margin: 5px; }
  p.startinit a, p.startinit form a.boton.table, form p.startinit a.boton.table, p.startinit div.smallinput a.boton.table, div.smallinput p.startinit a.boton.table, p.startinit form input[type=submit], p.startinit div.smallinput input[type=submit], form p.startinit input[type=submit], div.smallinput p.startinit input[type=submit], p.startinit form .boton.botonaccion, p.startinit div.smallinput .boton.botonaccion, form p.startinit .boton.botonaccion, div.smallinput p.startinit .boton.botonaccion {
    display: inline-block;
    padding: 40px 30px;
    border-radius: 100px;
    background-color: limegreen;
    font-size: 14px;
    color: white;
    cursor: pointer; }
    p.startinit a:hover, p.startinit form input[type=submit]:hover, p.startinit div.smallinput input[type=submit]:hover, form p.startinit input[type=submit]:hover, div.smallinput p.startinit input[type=submit]:hover, p.startinit form .boton.botonaccion:hover, p.startinit div.smallinput .boton.botonaccion:hover, form p.startinit .boton.botonaccion:hover, div.smallinput p.startinit .boton.botonaccion:hover {
      background-color: #5bd75b; }
    p.startinit a.stop, p.startinit form input.stop[type=submit], p.startinit div.smallinput input.stop[type=submit], form p.startinit input.stop[type=submit], div.smallinput p.startinit input.stop[type=submit], p.startinit form .stop.boton.botonaccion, p.startinit div.smallinput .stop.boton.botonaccion, form p.startinit .stop.boton.botonaccion, div.smallinput p.startinit .stop.boton.botonaccion {
      padding: 35px 20px;
      background-color: red; }
      p.startinit a.stop:hover, p.startinit form input.stop[type=submit]:hover, p.startinit div.smallinput input.stop[type=submit]:hover, form p.startinit input.stop[type=submit]:hover, div.smallinput p.startinit input.stop[type=submit]:hover, p.startinit form .stop.boton.botonaccion:hover, p.startinit div.smallinput .stop.boton.botonaccion:hover, form p.startinit .stop.boton.botonaccion:hover, div.smallinput p.startinit .stop.boton.botonaccion:hover {
        background-color: #ff3333; }

.nuevaimagen {
  opacity: 0.3; }
  .nuevaimagen:hover {
    opacity: 0.9; }

span.addhold {
  height: 35px;
  width: 25%;
  float: left;
  clear: left;
  position: relative; }
  span.addhold .added {
    top: 3px;
    right: -320%; }

a, form a.boton.table, div.smallinput a.boton.table, form input[type=submit], div.smallinput input[type=submit], form .boton.botonaccion, div.smallinput .boton.botonaccion, form input.botonaccion[type=submit], form.basico .botonaccion.boton, form.basico input.botonaccion[type=submit], form.basico input[type=submit] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  a.added, form a.boton.table, div.smallinput a.boton.table, form input.added[type=submit], div.smallinput input.added[type=submit], form .added.boton.botonaccion, div.smallinput .added.boton.botonaccion {
    position: absolute;
    top: 0;
    right: -306%;
    width: 35px;
    height: 35px;
    display: block;
    overflow: hidden;
    z-index: 10 !important;
    opacity: 0.3;
    cursor: pointer;
    z-index: 1;
    background: transparent url(../images/varios/add.png) no-repeat center center;
    background-size: 35px;
    font-size: 34px; }
    a.added:hover, form a.boton.table:hover, div.smallinput a.boton.table:hover, form input.added[type=submit]:hover, div.smallinput input.added[type=submit]:hover, form .added.boton.botonaccion:hover, div.smallinput .added.boton.botonaccion:hover {
      opacity: 0.9; }
  a.half, form a.boton.table, div.smallinput a.boton.table, form input.half[type=submit], div.smallinput input.half[type=submit], form .half.boton.botonaccion, div.smallinput .half.boton.botonaccion {
    right: -166%; }
  a.add, a.boton, form a.boton.table, div.smallinput a.boton.table, form input[type=submit], div.smallinput input[type=submit], form .boton.botonaccion, div.smallinput .boton.botonaccion, form input.botonaccion[type=submit], form.basico .botonaccion.boton, form.basico input.botonaccion[type=submit], form.basico input[type=submit] {
    margin: 5px 0 0 10px !important;
    padding: 10px 10px 8px 10px !important;
    background-color: #39A9E3;
    border: none;
    color: white;
    float: right;
    font-size: 11px;
    cursor: pointer; }
    a.add.small, a.boton.small, form a.boton.table, div.smallinput a.boton.table, form input.small[type=submit], div.smallinput input.small[type=submit], form .boton.small.botonaccion, div.smallinput .boton.small.botonaccion {
      margin: 1px 0 1px 0 !important;
      padding: 4px 10px !important; }
    a.add.gimaterial, a.boton.gimaterial, form a.boton.table, div.smallinput a.boton.table, form input.gimaterial[type=submit], div.smallinput input.gimaterial[type=submit], form .boton.gimaterial.botonaccion, div.smallinput .boton.gimaterial.botonaccion {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      background-color: #ccc;
      font-size: 13px; }
    a.add.inline, a.boton.inline, form a.boton.table, div.smallinput a.boton.table, form input.inline[type=submit], div.smallinput input.inline[type=submit], form .boton.inline.botonaccion, div.smallinput .boton.inline.botonaccion {
      padding: 5px 8px !important;
      margin: 0 !important;
      float: inherit;
      display: inline-block;
      font-size: .9em; }
    a.add.inline-blue, a.boton.inline-blue, form a.boton.table, div.smallinput a.boton.table, form input.inline-blue[type=submit], div.smallinput input.inline-blue[type=submit], form .boton.inline-blue.botonaccion, div.smallinput .boton.inline-blue.botonaccion {
      float: inherit;
      margin: 0 !important;
      display: inline-block;
      padding: 5px 6px !important;
      background-color: #0098Cf;
      width: auto;
      color: white; }
    a.add.fleft, a.boton.fleft, form a.boton.table, div.smallinput a.boton.table, form input.fleft[type=submit], div.smallinput input.fleft[type=submit], form .boton.fleft.botonaccion, div.smallinput .boton.fleft.botonaccion {
      float: left; }
    a.add.green, a.boton.green, form a.boton.table, div.smallinput a.boton.table, form input.green[type=submit], div.smallinput input.green[type=submit], form .boton.green.botonaccion, div.smallinput .boton.green.botonaccion {
      background-color: green; }
      a.add.green:hover, a.boton.green:hover, form input.green[type=submit]:hover, div.smallinput input.green[type=submit]:hover, form .boton.green.botonaccion:hover, div.smallinput .boton.green.botonaccion:hover {
        background-color: #005a00; }
    a.add.red, a.boton.red, form a.boton.table, div.smallinput a.boton.table, form input.red[type=submit], div.smallinput input.red[type=submit], form .boton.red.botonaccion, div.smallinput .boton.red.botonaccion {
      background-color: red; }
      a.add.red:hover, a.boton.red:hover, form input.red[type=submit]:hover, div.smallinput input.red[type=submit]:hover, form .boton.red.botonaccion:hover, div.smallinput .boton.red.botonaccion:hover {
        background-color: #b30000; }
    a.add.blue, a.boton.blue, form a.boton.table, div.smallinput a.boton.table, form input.blue[type=submit], div.smallinput input.blue[type=submit], form .boton.blue.botonaccion, div.smallinput .boton.blue.botonaccion {
      background-color: blue; }
      a.add.blue:hover, a.boton.blue:hover, form input.blue[type=submit]:hover, div.smallinput input.blue[type=submit]:hover, form .boton.blue.botonaccion:hover, div.smallinput .boton.blue.botonaccion:hover {
        background-color: #0000b3; }
    a.add.gray, a.boton.gray, form a.boton.table, div.smallinput a.boton.table, form input.gray[type=submit], div.smallinput input.gray[type=submit], form .boton.gray.botonaccion, div.smallinput .boton.gray.botonaccion {
      background-color: gray; }
      a.add.gray:hover, a.boton.gray:hover, form input.gray[type=submit]:hover, div.smallinput input.gray[type=submit]:hover, form .boton.gray.botonaccion:hover, div.smallinput .boton.gray.botonaccion:hover {
        background-color: #5a5a5a; }
    a.add.purple, a.boton.purple, form a.boton.table, div.smallinput a.boton.table, form input.purple[type=submit], div.smallinput input.purple[type=submit], form .boton.purple.botonaccion, div.smallinput .boton.purple.botonaccion {
      background-color: purple; }
      a.add.purple:hover, a.boton.purple:hover, form input.purple[type=submit]:hover, div.smallinput input.purple[type=submit]:hover, form .boton.purple.botonaccion:hover, div.smallinput .boton.purple.botonaccion:hover {
        background-color: #5a005a; }

form.basico input[type=submit], div.smallinput input[type=submit] {
  width: auto !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

h2 a.boton, h2 form a.boton.table, form h2 a.boton.table, h2 div.smallinput a.boton.table, div.smallinput h2 a.boton.table, h2 form input[type=submit], h2 div.smallinput input[type=submit], form h2 input[type=submit], div.smallinput h2 input[type=submit], h2 form .boton.botonaccion, h2 div.smallinput .boton.botonaccion, h2 form input.botonaccion[type=submit], h2 form.basico .botonaccion.boton, form h2 .boton.botonaccion, div.smallinput h2 .boton.botonaccion, form h2 input.botonaccion[type=submit], form.basico h2 .botonaccion.boton, h2 form.basico input.botonaccion[type=submit], form.basico h2 input.botonaccion[type=submit] {
  float: inherit !important;
  padding: 6px 8px 5px 28px !important;
  margin-left: 6px;
  margin-top: -10px; }

h4 .boton, h4 form a.boton.table, form h4 a.boton.table, h4 div.smallinput a.boton.table, div.smallinput h4 a.boton.table, h4 form input[type=submit], h4 div.smallinput input[type=submit], form h4 input[type=submit], div.smallinput h4 input[type=submit], h4 form .boton.botonaccion, h4 div.smallinput .boton.botonaccion, form h4 .boton.botonaccion, div.smallinput h4 .boton.botonaccion, h4 form.basico .boton.botonaccion, form.basico h4 .boton.botonaccion, h4 form.basico input[type=submit], form.basico h4 input[type=submit], h3 .boton, h3 form a.boton.table, form h3 a.boton.table, h3 div.smallinput a.boton.table, div.smallinput h3 a.boton.table, h3 form input[type=submit], h3 div.smallinput input[type=submit], form h3 input[type=submit], div.smallinput h3 input[type=submit], h3 form .boton.botonaccion, h3 div.smallinput .boton.botonaccion, form h3 .boton.botonaccion, div.smallinput h3 .boton.botonaccion, h3 form.basico .boton.botonaccion, form.basico h3 .boton.botonaccion, h3 form.basico input[type=submit], form.basico h3 input[type=submit] {
  font-size: 11px;
  float: inherit !important;
  padding: 4px 8px 2px 8px !important;
  line-height: 1.5em;
  background-color: #39A9E3;
  margin-top: -7px !important; }

h3 .boton, h3 form a.boton.table, form h3 a.boton.table, h3 div.smallinput a.boton.table, div.smallinput h3 a.boton.table, h3 form input[type=submit], h3 div.smallinput input[type=submit], form h3 input[type=submit], div.smallinput h3 input[type=submit], h3 form .boton.botonaccion, h3 div.smallinput .boton.botonaccion, form h3 .boton.botonaccion, div.smallinput h3 .boton.botonaccion, h3 form.basico .boton.botonaccion, form.basico h3 .boton.botonaccion, h3 form.basico input[type=submit], form.basico h3 input[type=submit] {
  margin-top: -12px !important; }

h2 .boton, h2 form a.boton.table, form h2 a.boton.table, h2 div.smallinput a.boton.table, div.smallinput h2 a.boton.table, h2 form input[type=submit], h2 div.smallinput input[type=submit], form h2 input[type=submit], div.smallinput h2 input[type=submit], h2 form .boton.botonaccion, h2 div.smallinput .boton.botonaccion, form h2 .boton.botonaccion, div.smallinput h2 .boton.botonaccion, h2 form.basico .boton.botonaccion, form.basico h2 .boton.botonaccion, h2 form.basico input[type=submit], form.basico h2 input[type=submit] {
  margin-top: -8px !important; }

h2 a, h2 form a.boton.table, h2 form a.boton.table, h2 form div.smallinput a.boton.table, div.smallinput h2 form a.boton.table, h2 form a.table.boton, h2 form a.boton.table, h2 form div.smallinput a.boton.table, div.smallinput h2 form a.boton.table, h2 form div.smallinput a.table.boton, h2 form div.smallinput a.boton.table, h2 form div.smallinput a.boton.table, div.smallinput h2 form a.table.boton, div.smallinput h2 form a.boton.table, div.smallinput h2 form a.boton.table, form h2 a.boton.table, form h2 a.boton.table, form h2 div.smallinput a.boton.table, div.smallinput form h2 a.boton.table, form h2 a.table.boton, form h2 a.boton.table, form h2 div.smallinput a.boton.table, div.smallinput form h2 a.boton.table, form h2 div.smallinput a.table.boton, form h2 div.smallinput a.boton.table, form h2 div.smallinput a.boton.table, div.smallinput form h2 a.table.boton, div.smallinput form h2 a.boton.table, div.smallinput form h2 a.boton.table, h2 div.smallinput a.boton.table, h2 div.smallinput form a.boton.table, form h2 div.smallinput a.boton.table, h2 div.smallinput a.boton.table, h2 div.smallinput form a.table.boton, h2 div.smallinput form a.boton.table, h2 div.smallinput form a.boton.table, form h2 div.smallinput a.table.boton, form h2 div.smallinput a.boton.table, form h2 div.smallinput a.boton.table, h2 div.smallinput a.table.boton, h2 div.smallinput form a.boton.table, form h2 div.smallinput a.boton.table, h2 div.smallinput a.boton.table, div.smallinput h2 a.boton.table, div.smallinput h2 form a.boton.table, form div.smallinput h2 a.boton.table, div.smallinput h2 a.boton.table, div.smallinput h2 form a.table.boton, div.smallinput h2 form a.boton.table, div.smallinput h2 form a.boton.table, form div.smallinput h2 a.table.boton, form div.smallinput h2 a.boton.table, form div.smallinput h2 a.boton.table, div.smallinput h2 a.table.boton, div.smallinput h2 form a.boton.table, form div.smallinput h2 a.boton.table, div.smallinput h2 a.boton.table, h2 form input[type=submit], h2 div.smallinput input[type=submit], form h2 input[type=submit], div.smallinput h2 input[type=submit], h2 form .boton.botonaccion, h2 form a.botonaccion.boton.table, h2 form a.boton.table, h2 form div.smallinput a.boton.table, div.smallinput h2 form a.boton.table, h2 form div.smallinput a.botonaccion.boton.table, h2 form div.smallinput a.boton.table, h2 form div.smallinput a.boton.table, div.smallinput h2 form a.botonaccion.boton.table, div.smallinput h2 form a.boton.table, div.smallinput h2 form a.boton.table, h2 div.smallinput .boton.botonaccion, h2 div.smallinput form a.botonaccion.boton.table, h2 div.smallinput form a.boton.table, h2 div.smallinput form a.boton.table, form h2 div.smallinput a.botonaccion.boton.table, form h2 div.smallinput a.boton.table, form h2 div.smallinput a.boton.table, h2 div.smallinput a.botonaccion.boton.table, h2 div.smallinput form a.boton.table, form h2 div.smallinput a.boton.table, h2 div.smallinput a.boton.table, h2 form input.botonaccion[type=submit], h2 form.basico .botonaccion.boton, h2 form.basico a.botonaccion.boton.table, h2 form.basico a.boton.table, h2 form.basico div.smallinput a.boton.table, div.smallinput h2 form.basico a.boton.table, h2 form.basico div.smallinput a.botonaccion.boton.table, h2 form.basico div.smallinput a.boton.table, h2 form.basico div.smallinput a.boton.table, div.smallinput h2 form.basico a.botonaccion.boton.table, div.smallinput h2 form.basico a.boton.table, div.smallinput h2 form.basico a.boton.table, form h2 .boton.botonaccion, form h2 a.botonaccion.boton.table, form h2 a.boton.table, form h2 div.smallinput a.boton.table, div.smallinput form h2 a.boton.table, form h2 div.smallinput a.botonaccion.boton.table, form h2 div.smallinput a.boton.table, form h2 div.smallinput a.boton.table, div.smallinput form h2 a.botonaccion.boton.table, div.smallinput form h2 a.boton.table, div.smallinput form h2 a.boton.table, div.smallinput h2 .boton.botonaccion, div.smallinput h2 form a.botonaccion.boton.table, div.smallinput h2 form a.boton.table, div.smallinput h2 form a.boton.table, form div.smallinput h2 a.botonaccion.boton.table, form div.smallinput h2 a.boton.table, form div.smallinput h2 a.boton.table, div.smallinput h2 a.botonaccion.boton.table, div.smallinput h2 form a.boton.table, form div.smallinput h2 a.boton.table, div.smallinput h2 a.boton.table, form h2 input.botonaccion[type=submit], form.basico h2 .botonaccion.boton, form.basico h2 a.botonaccion.boton.table, form.basico h2 a.boton.table, form.basico h2 div.smallinput a.boton.table, div.smallinput form.basico h2 a.boton.table, form.basico h2 div.smallinput a.botonaccion.boton.table, form.basico h2 div.smallinput a.boton.table, form.basico h2 div.smallinput a.boton.table, div.smallinput form.basico h2 a.botonaccion.boton.table, div.smallinput form.basico h2 a.boton.table, div.smallinput form.basico h2 a.boton.table, h2 form.basico input.botonaccion[type=submit], form.basico h2 input.botonaccion[type=submit], h2 form.basico input[type=submit], form.basico h2 input[type=submit], h4 a, h4 form a.boton.table, h4 form a.boton.table, h4 form div.smallinput a.boton.table, div.smallinput h4 form a.boton.table, h4 form a.table.boton, h4 form a.boton.table, h4 form div.smallinput a.boton.table, div.smallinput h4 form a.boton.table, h4 form div.smallinput a.table.boton, h4 form div.smallinput a.boton.table, h4 form div.smallinput a.boton.table, div.smallinput h4 form a.table.boton, div.smallinput h4 form a.boton.table, div.smallinput h4 form a.boton.table, form h4 a.boton.table, form h4 a.boton.table, form h4 div.smallinput a.boton.table, div.smallinput form h4 a.boton.table, form h4 a.table.boton, form h4 a.boton.table, form h4 div.smallinput a.boton.table, div.smallinput form h4 a.boton.table, form h4 div.smallinput a.table.boton, form h4 div.smallinput a.boton.table, form h4 div.smallinput a.boton.table, div.smallinput form h4 a.table.boton, div.smallinput form h4 a.boton.table, div.smallinput form h4 a.boton.table, h4 div.smallinput a.boton.table, h4 div.smallinput form a.boton.table, form h4 div.smallinput a.boton.table, h4 div.smallinput a.boton.table, h4 div.smallinput form a.table.boton, h4 div.smallinput form a.boton.table, h4 div.smallinput form a.boton.table, form h4 div.smallinput a.table.boton, form h4 div.smallinput a.boton.table, form h4 div.smallinput a.boton.table, h4 div.smallinput a.table.boton, h4 div.smallinput form a.boton.table, form h4 div.smallinput a.boton.table, h4 div.smallinput a.boton.table, div.smallinput h4 a.boton.table, div.smallinput h4 form a.boton.table, form div.smallinput h4 a.boton.table, div.smallinput h4 a.boton.table, div.smallinput h4 form a.table.boton, div.smallinput h4 form a.boton.table, div.smallinput h4 form a.boton.table, form div.smallinput h4 a.table.boton, form div.smallinput h4 a.boton.table, form div.smallinput h4 a.boton.table, div.smallinput h4 a.table.boton, div.smallinput h4 form a.boton.table, form div.smallinput h4 a.boton.table, div.smallinput h4 a.boton.table, h4 form input[type=submit], h4 div.smallinput input[type=submit], form h4 input[type=submit], div.smallinput h4 input[type=submit], h4 form .boton.botonaccion, h4 form a.botonaccion.boton.table, h4 form a.boton.table, h4 form div.smallinput a.boton.table, div.smallinput h4 form a.boton.table, h4 form div.smallinput a.botonaccion.boton.table, h4 form div.smallinput a.boton.table, h4 form div.smallinput a.boton.table, div.smallinput h4 form a.botonaccion.boton.table, div.smallinput h4 form a.boton.table, div.smallinput h4 form a.boton.table, h4 div.smallinput .boton.botonaccion, h4 div.smallinput form a.botonaccion.boton.table, h4 div.smallinput form a.boton.table, h4 div.smallinput form a.boton.table, form h4 div.smallinput a.botonaccion.boton.table, form h4 div.smallinput a.boton.table, form h4 div.smallinput a.boton.table, h4 div.smallinput a.botonaccion.boton.table, h4 div.smallinput form a.boton.table, form h4 div.smallinput a.boton.table, h4 div.smallinput a.boton.table, h4 form input.botonaccion[type=submit], h4 form.basico .botonaccion.boton, h4 form.basico a.botonaccion.boton.table, h4 form.basico a.boton.table, h4 form.basico div.smallinput a.boton.table, div.smallinput h4 form.basico a.boton.table, h4 form.basico div.smallinput a.botonaccion.boton.table, h4 form.basico div.smallinput a.boton.table, h4 form.basico div.smallinput a.boton.table, div.smallinput h4 form.basico a.botonaccion.boton.table, div.smallinput h4 form.basico a.boton.table, div.smallinput h4 form.basico a.boton.table, form h4 .boton.botonaccion, form h4 a.botonaccion.boton.table, form h4 a.boton.table, form h4 div.smallinput a.boton.table, div.smallinput form h4 a.boton.table, form h4 div.smallinput a.botonaccion.boton.table, form h4 div.smallinput a.boton.table, form h4 div.smallinput a.boton.table, div.smallinput form h4 a.botonaccion.boton.table, div.smallinput form h4 a.boton.table, div.smallinput form h4 a.boton.table, div.smallinput h4 .boton.botonaccion, div.smallinput h4 form a.botonaccion.boton.table, div.smallinput h4 form a.boton.table, div.smallinput h4 form a.boton.table, form div.smallinput h4 a.botonaccion.boton.table, form div.smallinput h4 a.boton.table, form div.smallinput h4 a.boton.table, div.smallinput h4 a.botonaccion.boton.table, div.smallinput h4 form a.boton.table, form div.smallinput h4 a.boton.table, div.smallinput h4 a.boton.table, form h4 input.botonaccion[type=submit], form.basico h4 .botonaccion.boton, form.basico h4 a.botonaccion.boton.table, form.basico h4 a.boton.table, form.basico h4 div.smallinput a.boton.table, div.smallinput form.basico h4 a.boton.table, form.basico h4 div.smallinput a.botonaccion.boton.table, form.basico h4 div.smallinput a.boton.table, form.basico h4 div.smallinput a.boton.table, div.smallinput form.basico h4 a.botonaccion.boton.table, div.smallinput form.basico h4 a.boton.table, div.smallinput form.basico h4 a.boton.table, h4 form.basico input.botonaccion[type=submit], form.basico h4 input.botonaccion[type=submit], h4 form.basico input[type=submit], form.basico h4 input[type=submit] {
  display: inline-block;
  vertical-align: middle; }

div .not p a, div .not p form a.boton.table, form div .not p a.boton.table, div.smallinput .not p a.boton.table, div .not p form input[type=submit], div .not p div.smallinput input[type=submit], form div .not p input[type=submit], div.smallinput div .not p input[type=submit], div .not p form .boton.botonaccion, div .not p div.smallinput .boton.botonaccion, form div .not p .boton.botonaccion, div.smallinput div .not p .boton.botonaccion {
  font-size: 10px;
  float: none;
  text-transform: none;
  text-decoration: none;
  padding: 3px 8px 2px 25px;
  background-color: white;
  color: #333;
  border: 1px solid #999;
  margin-left: 10px;
  float: right;
  padding-left: 8px;
  margin-top: 10px; }

h4 a:hover, h4 form a.boton.table:hover, form h4 a.boton.table:hover, h4 div.smallinput a.boton.table:hover, div.smallinput h4 a.boton.table:hover, h4 form input[type=submit]:hover, h4 div.smallinput input[type=submit]:hover, form h4 input[type=submit]:hover, div.smallinput h4 input[type=submit]:hover, h4 form .boton.botonaccion:hover, h4 div.smallinput .boton.botonaccion:hover, form h4 .boton.botonaccion:hover, div.smallinput h4 .boton.botonaccion:hover, div .not p a:hover, div .not p form input[type=submit]:hover, div .not p div.smallinput input[type=submit]:hover, form div .not p input[type=submit]:hover, div.smallinput div .not p input[type=submit]:hover, div .not p form .boton.botonaccion:hover, div .not p div.smallinput .boton.botonaccion:hover, form div .not p .boton.botonaccion:hover, div.smallinput div .not p .boton.botonaccion:hover {
  background-color: #E5EAEA; }

h2 .boton:hover, h2 form a.boton.table:hover, form h2 a.boton.table:hover, h2 div.smallinput a.boton.table:hover, div.smallinput h2 a.boton.table:hover, h2 form input[type=submit]:hover, h2 div.smallinput input[type=submit]:hover, form h2 input[type=submit]:hover, div.smallinput h2 input[type=submit]:hover {
  background-color: #39A9E3; }

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

form.basico input[type=submit]:hover, div.smallinput input[type=submit]:hover, form.basico input[type=submit]:disabled, div.smallinput input[type=submit]:disabled, form.basico input.loading[type=submit], div.smallinput input.loading[type=submit], form.basico .boton:hover, div.smallinput .boton:hover, form.basico .boton:disabled, div.smallinput .boton:disabled, form.basico .boton.loading, div.smallinput .boton.loading {
  background-color: #40C3F0 !important; }

.boton.borrar, form a.boton.table, div.smallinput a.boton.table, form input.borrar[type=submit], div.smallinput input.borrar[type=submit], form .borrar.boton.botonaccion, div.smallinput .borrar.boton.botonaccion {
  float: left;
  position: absolute;
  bottom: 10px;
  left: 0;
  background-color: red; }

form input[type=submit], div.smallinput input[type=submit], form .boton.botonaccion, form a.boton.table, div.smallinput .boton.botonaccion, form input.botonaccion[type=submit], form.basico input[type=submit], div.basico.smallinput input[type=submit], form.basico .boton.botonaccion, form.basico input.botonaccion[type=submit] {
  text-transform: uppercase;
  padding: 10px 9px !important;
  height: auto !important;
  background-color: #39A9E3 !important;
  float: right; }
  form input[type=submit]:hover, div.smallinput input[type=submit]:hover, form .boton.botonaccion:hover, div.smallinput .boton.botonaccion:hover, form.basico input[type=submit]:hover, form.basico .boton.botonaccion:hover {
    background-color: #40C3F0 !important; }

form.basico input[type=submit]:disabled , div.smallinput input[type=submit]:disabled  {
  cursor: none; }

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

form.basico input:disabled, div.smallinput input:disabled, form.basico textarea:disabled, div.smallinput textarea:disabled, form.basico select:disabled, div.smallinput select:disabled {
  background-color: rgba(0, 0, 0, 0.02);
  color: black;
  font-size: 11.5px;
  cursor: default;
  background-image: url(../images/disabled.png);
  background-repeat: no-repeat;
  background-position: top 2px right 2px;
  background-size: 8px; }

form.basico input.codigo, div.smallinput input.codigo {
  border: 1px solid #f0f0f0;
  font-weight: 500;
  font-size: 13px;
  border: 2px solid #999; }

form.notificacion, div.notificacion.smallinput {
  background-color: #f0f0f0;
  position: relative;
  padding: 80px 30px 20px 30px; }
  form.notificacion h3, div.notificacion.smallinput h3 {
    font-weight: 400;
    margin: 0 0 30px 0; }
  form.notificacion .fecha, div.notificacion.smallinput .fecha {
    position: absolute;
    top: 15px;
    right: 15px; }
  form.notificacion p, div.notificacion.smallinput p {
    padding: 20px 0;
    font-size: 15px;
    line-height: 1.5em; }

form p.totales, div.smallinput p.totales {
  font-size: 19px;
  text-align: right;
  margin-top: 20px; }
  form p.totales small, div.smallinput p.totales small {
    font-size: .6em;
    margin-left: 10px; }
    form p.totales small.dos, div.smallinput p.totales small.dos {
      font-size: .8em;
      color: #666; }

form.reporte, div.reporte.smallinput {
  background-color: white;
  padding-top: 10px;
  min-width: 750px;
  position: relative; }
  form.reporte h3, div.reporte.smallinput h3 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
    text-align: right; }
  form.reporte h4.titulo, div.reporte.smallinput h4.titulo {
    margin-top: 30px;
    color: #878787; }
  form.reporte .fecha, div.reporte.smallinput .fecha {
    position: absolute;
    top: 60px;
    right: 15px; }

a.added.half, form a.half.table.boton, div.smallinput a.half.table.boton, form input.added.half[type=submit], div.smallinput input.added.half[type=submit], form .added.half.boton.botonaccion, div.smallinput .added.half.boton.botonaccion {
  right: -205%; }

form .boton.cancelar, form a.boton.table, div.smallinput .boton.cancelar, form input.cancelar[type=submit], div.smallinput input.cancelar[type=submit], form .boton.cancel, div.smallinput .boton.cancel, form input.cancel[type=submit], div.smallinput input.cancel[type=submit], form .boton.borrar, div.smallinput .boton.borrar, form input.borrar[type=submit], div.smallinput input.borrar[type=submit] {
  float: left;
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: red; }
  form .boton.cancelar.green, div.smallinput .boton.cancelar.green, form input.cancelar.green[type=submit], div.smallinput input.cancelar.green[type=submit], form .boton.cancel.green, div.smallinput .boton.cancel.green, form input.cancel.green[type=submit], div.smallinput input.cancel.green[type=submit], form .boton.borrar.green, div.smallinput .boton.borrar.green, form input.borrar.green[type=submit], div.smallinput input.borrar.green[type=submit] {
    background-color: ColorSec !important; }
    form .boton.cancelar.green:hover, div.smallinput .boton.cancelar.green:hover, form input.cancelar.green[type=submit]:hover, div.smallinput input.cancelar.green[type=submit]:hover, form .boton.cancel.green:hover, div.smallinput .boton.cancel.green:hover, form input.cancel.green[type=submit]:hover, div.smallinput input.cancel.green[type=submit]:hover, form .boton.borrar.green:hover, div.smallinput .boton.borrar.green:hover, form input.borrar.green[type=submit]:hover, div.smallinput input.borrar.green[type=submit]:hover {
      background-color: olivedrab; }

form .boton.red, form a.boton.table, div.smallinput .boton.red, form input.red[type=submit], div.smallinput input.red[type=submit] {
  background-color: red; }
  form .boton.red:hover, div.smallinput .boton.red:hover, form input.red[type=submit]:hover, div.smallinput input.red[type=submit]:hover {
    background-color: crimson; }

form .boton.green, form a.boton.table, div.smallinput .boton.green, form input.green[type=submit], div.smallinput input.green[type=submit] {
  background-color: ColorSec !important; }
  form .boton.green:hover, div.smallinput .boton.green:hover, form input.green[type=submit]:hover, div.smallinput input.green[type=submit]:hover {
    background-color: olivedrab; }

form .boton.orange, form a.boton.table, div.smallinput .boton.orange, form input.orange[type=submit], div.smallinput input.orange[type=submit] {
  background-color: orange; }
  form .boton.orange:hover, div.smallinput .boton.orange:hover, form input.orange[type=submit]:hover, div.smallinput input.orange[type=submit]:hover {
    background-color: darkorange; }

form .boton.lightgreen, form a.boton.table, div.smallinput .boton.lightgreen, form input.lightgreen[type=submit], div.smallinput input.lightgreen[type=submit] {
  background-color: skyblue; }

.remover {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
  padding: 2px 5px 3px 5px;
  line-height: 1em;
  margin: 0;
  color: red;
  background-color: none;
  cursor: pointer;
  font-size: 13px; }
  .remover:hover {
    background-color: red;
    color: white; }

form.avatar h3.fnombre, div.avatar.smallinput h3.fnombre {
  padding-left: 60px !important; }

form figure.avatar, div.smallinput figure.avatar {
  float: left;
  margin: -52px auto 0 auto;
  width: 45px;
  height: auto;
  overflow: hidden;
  border: 1px solid white; }
  form figure.avatar .avatar-img, div.smallinput figure.avatar .avatar-img {
    width: 100%; }

.triggerButton {
  position: relative;
  padding-right: 25px !important; }
  .triggerButton:after {
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    background: transparent url(../images/bad.png) no-repeat center center;
    background-size: 10px; }
  .triggerButton.enUso:after {
    background: transparent url(../images/good.png) no-repeat center center;
    background-size: 10px; }
  .triggerButton .mini {
    width: 25px;
    height: 25px;
    overflow: hidden;
    float: right;
    margin: 0 0 0 10px; }
    .triggerButton .mini img {
      width: 100%; }

.scanner {
  position: fixed;
  z-index: 2000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4); }
  .scanner .interface {
    position: relative;
    margin: 30px auto;
    width: 700px;
    height: 393px;
    padding: 20px;
    background-color: white;
    -webkit-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7);
    box-shadow: 1px 0px 6px -1px rgba(0, 0, 0, 0.7); }
    .scanner .interface .camara, .scanner .interface .screenshot {
      width: 100%;
      margin: -20px 0 0 -20px;
      height: auto;
      position: absolute;
      z-index: 1; }
    .scanner .interface .screenshot {
      z-index: 2; }
      .scanner .interface .screenshot.hide {
        display: none !important; }
    .scanner .interface .screen {
      width: 2000px;
      height: auto;
      display: none; }
    .scanner .interface button:focus {
      border: none;
      outline: 0; }
    .scanner .interface button.tomarfoto {
      width: 110px;
      height: 75px;
      position: absolute;
      display: block;
      z-index: 100;
      top: 35%;
      left: 50%;
      margin: 0 0 0 -55px;
      padding: 0;
      background: transparent url(../images/varios/foto.png) no-repeat center center;
      opacity: 0.05;
      border: none; }
    .scanner .interface:hover button.tomarfoto {
      opacity: 0.15; }
    .scanner .interface .scan-botones {
      position: absolute;
      z-index: 3;
      top: 0;
      left: 5px; }

p.losbotones {
  clear: both;
  position: relative;
  z-index: 2; }

.archivosCapturables {
  position: relative;
  clear: both;
  text-align: center; }
  .archivosCapturables .boton, .archivosCapturables form a.boton.table, form .archivosCapturables a.boton.table, .archivosCapturables div.smallinput a.boton.table, div.smallinput .archivosCapturables a.boton.table, .archivosCapturables form input[type=submit], .archivosCapturables div.smallinput input[type=submit], form .archivosCapturables input[type=submit], div.smallinput .archivosCapturables input[type=submit], .archivosCapturables form .boton.botonaccion, .archivosCapturables div.smallinput .boton.botonaccion, form .archivosCapturables .boton.botonaccion, div.smallinput .archivosCapturables .boton.botonaccion {
    float: none;
    display: inline-block; }

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

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

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

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

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

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

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

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

input.ui-autocomplete-input {
  position: relative; }

form input[type=checkbox], div.smallinput input[type=checkbox], form input[type=radio], div.smallinput input[type=radio] {
  display: none; }

form div.radiobox, div.smallinput div.radiobox {
  float: left;
  position: relative;
  width: 25%;
  display: block;
  height: 35px;
  margin-top: 2px; }
  form div.radiobox.activo > label.radio, div.smallinput div.radiobox.activo > label.radio, form div.radiobox.activo > label.checkbox, div.smallinput div.radiobox.activo > label.checkbox {
    background-color: #F8A336; }

form label.radio, div.smallinput label.radio, form label.checkbox, div.smallinput label.checkbox {
  width: 100% !important;
  display: block;
  position: relative;
  padding-left: 32px;
  margin: 0;
  background-color: #F8A336;
  font-weight: lighter;
  text-align: left;
  border-right: 1px solid white;
  color: white; }
  form label.radio:hover, div.smallinput label.radio:hover, form label.checkbox:hover, div.smallinput label.checkbox:hover {
    background-color: #F8A336; }

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

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

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

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

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

form div.radiobox.activo > label.checkbox span, div.smallinput div.radiobox.activo > label.checkbox span {
  background: rgba(255, 255, 255, 0.9) url(../images/good-blue.png) no-repeat center center;
  background-size: 15px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }

form small, div.smallinput small {
  font-size: 0.7em; }

.Labelbox {
  width: 20px;
  height: 20px;
  background-color: white;
  border: 1px solid gray;
  display: block;
  padding: 0;
  margin: 0 auto; }
  .Labelbox.activo, .Labelbox.activo.disabled {
    background: rgba(255, 255, 255, 0.9) url(../images/good.png) no-repeat center center;
    background-size: 15px;
    box-shadow: none; }
  .Labelbox.disabled {
    background: rgba(255, 255, 255, 0.9) url(../images/bad.png) no-repeat center center;
    background-size: 10px;
    box-shadow: none; }

form.basico.smallinput input, div.smallinput input, form.basico.smallinput textarea, div.smallinput textarea, form.basico.smallinput select, div.smallinput select, form.basico.smallinput label, div.smallinput label, form.basico.smallinput span.custom-combobox, div.smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, div.smallinput .custom-combobox-input {
  height: 27px;
  margin: 1px 0 !important;
  font-size: 11px !important; }

form.basico.smallinput select, div.smallinput select, form.basico.smallinput span.custom-combobox, div.smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, div.smallinput .custom-combobox-input {
  background-size: 15px; }
  form.basico.smallinput select.picker__select--year, div.smallinput select.picker__select--year, form.basico.smallinput select.picker__select--month, div.smallinput select.picker__select--month, form.basico.smallinput span.custom-combobox.picker__select--year, div.smallinput span.custom-combobox.picker__select--year, form.basico.smallinput span.custom-combobox.picker__select--month, div.smallinput span.custom-combobox.picker__select--month, form.basico.smallinput .custom-combobox-input.picker__select--year, div.smallinput .custom-combobox-input.picker__select--year, form.basico.smallinput .custom-combobox-input.picker__select--month, div.smallinput .custom-combobox-input.picker__select--month {
    margin-top: -4px !important;
    margin-bottom: 10px !important; }
  form.basico.smallinput select.picker__select--year, div.smallinput select.picker__select--year, form.basico.smallinput span.custom-combobox.picker__select--year, div.smallinput span.custom-combobox.picker__select--year, form.basico.smallinput .custom-combobox-input.picker__select--year, div.smallinput .custom-combobox-input.picker__select--year {
    margin-left: 90px !important; }

form.basico.smallinput label, div.smallinput label {
  line-height: 1.9em; }
  form.basico.smallinput label.radio span, div.smallinput label.radio span {
    top: 2px;
    width: 12px;
    height: 12px;
    background-size: 10px; }
  form.basico.smallinput label.checkbox span, div.smallinput label.checkbox span {
    top: 2px;
    width: 12px;
    height: 12px;
    background-size: 10px;
    top: 3px; }

form.basico.smallinput div.radiobox, div.smallinput div.radiobox {
  height: 25px;
  margin: 0 0; }

form.basico.smallinput input.falsemin, div.smallinput input.falsemin, form.basico.smallinput textarea.falsemin, div.smallinput textarea.falsemin, form.basico.smallinput select.falsemin, div.smallinput select.falsemin, form.basico.smallinput label.falsemin, div.smallinput label.falsemin {
  height: 30px;
  margin: 10px 0 0 5px;
  padding: 8px 7px 8px 7px; }

form.smallinput input.falsemin[type=submit], div.smallinput input.falsemin[type=submit] {
  height: 30px;
  margin: 10px 0 0 5px;
  padding: 8px 7px 8px 7px; }

form.basico.left, div.left.smallinput {
  float: left;
  clear: none;
  width: 68.3%; }
  form.basico.left.fclientes, div.fclientes.smallinput {
    height: auto; }
  form.basico.left.fprendas, div.fprendas.smallinput {
    height: auto;
    padding-top: 25px;
    margin-top: -235px;
    margin-bottom: 10px; }
    form.basico.left.fprendas h4, div.fprendas.smallinput h4 {
      line-height: 1em; }

form.basico.left-help, div.left-help.smallinput {
  float: left;
  clear: none;
  width: 250px;
  height: auto;
  margin-left: 10px;
  margin-bottom: 10px; }
  form.basico.left-help label, div.left-help.smallinput label {
    width: 40%; }
  form.basico.left-help input, div.left-help.smallinput input, form.basico.left-help textarea, div.left-help.smallinput textarea, form.basico.left-help select, div.left-help.smallinput select, form.basico.left-help span.custom-combobox, div.left-help.smallinput span.custom-combobox, form.basico.left-help .custom-combobox-input, div.left-help.smallinput .custom-combobox-input {
    width: 60%; }

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

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

div.topright.auxiliares {
  margin-top: 0;
  margin-right: -10px; }

.topright.auxiliares .auxiliar {
  margin: 1px 0;
  padding: 0;
  display: block; }
  .topright.auxiliares .auxiliar:before {
    content: '';
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left: 5px;
    width: 37px;
    height: 35.6545454545px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 37px 35.6545454545px;
    display: block; }
  .topright.auxiliares .auxiliar:hover:before {
    margin-left: -8.0727272727px;
    width: 43.7272727273px;
    background-size: 43.7272727273px 35.6545454545px; }
  .topright.auxiliares .auxiliar.archivos:before {
    background-image: url(../images/varios/archivos.png); }
  .topright.auxiliares .auxiliar.archivos:hover:before {
    background-image: url(../images/varios/archivoss.png); }
  .topright.auxiliares .auxiliar.historial:before {
    background-image: url(../images/varios/historial.png); }
  .topright.auxiliares .auxiliar.historial:hover:before {
    background-image: url(../images/varios/historials.png); }
  .topright.auxiliares .auxiliar.editar:before {
    background-image: url(../images/varios/editar.png); }
  .topright.auxiliares .auxiliar.editar:hover:before {
    background-image: url(../images/varios/editars.png); }

.imgbutton {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.7;
  cursor: pointer; }
  .imgbutton:hover {
    opacity: 1; }
  .imgbutton.file-plus {
    background-image: url(../images/file-plus.png); }
  .imgbutton.cloudup {
    background-image: url(../images/cloudup.png); }

div.topright {
  position: absolute;
  top: 10px;
  right: 20px; }

.topRight, .topright {
  position: absolute;
  text-align: right; }

.topRight, .topright {
  top: 15px;
  right: 30px;
  color: #007491;
  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: #7CC4E4;
    font-size: 20px; }

.det-element {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  margin: 5px 0; }
  .det-element.caracteristica {
    padding: 3px 5px;
    margin: 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .det-element.caracteristica:first-child {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      margin-top: 3px; }
    .det-element.caracteristica.nuevo {
      background-color: rgba(255, 255, 0, 0.1); }
  .det-element h4 {
    text-transform: uppercase; }
  .det-element h5 {
    color: #999;
    line-height: 1em;
    font-size: 15px;
    margin: -5px 0 10px 0;
    font-weight: bold;
    text-transform: uppercase; }
  .det-element.big {
    width: 50%; }
    .det-element.big p {
      margin-top: 10px;
      font-size: 15px;
      max-width: 60%; }
    .det-element.big h5 {
      margin: -15px 0 0 0;
      text-transform: none; }
    .det-element.big .boton, .det-element.big form input[type=submit], form .det-element.big input[type=submit], .det-element.big div.smallinput input[type=submit], div.smallinput .det-element.big input[type=submit] {
      position: absolute;
      bottom: 5px;
      right: 10px;
      font-size: 0.8em !important;
      line-height: 2em;
      height: auto; }
      .det-element.big .boton.doble, .det-element.big form input.doble[type=submit], form .det-element.big input.doble[type=submit], .det-element.big div.smallinput input.doble[type=submit], div.smallinput .det-element.big input.doble[type=submit] {
        font-size: 0.7em !important;
        padding: 0 0.5em !important; }
        .det-element.big .boton.doble.arriba, .det-element.big form input.doble.arriba[type=submit], form .det-element.big input.doble.arriba[type=submit], .det-element.big div.smallinput input.doble.arriba[type=submit], div.smallinput .det-element.big input.doble.arriba[type=submit] {
          bottom: inherit;
          top: 0; }
      .det-element.big .boton.less, .det-element.big form input.less[type=submit], form .det-element.big input.less[type=submit], .det-element.big div.smallinput input.less[type=submit], div.smallinput .det-element.big input.less[type=submit] {
        font-size: 0.6em !important;
        height: auto;
        padding: 0 0.5em !important;
        line-height: 2.5em; }
    .det-element.big .smallinput input {
      height: 40px;
      width: 50%; }
    .det-element.big .smallinput label {
      height: 40px;
      font-size: 16px !important; }
  .det-element .remover {
    opacity: 0; }
  .det-element:hover .remover {
    opacity: 1; }

.diferenciar {
  margin: 10px 0;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.7);
  height: auto;
  overflow: hidden;
  position: relative; }
  .diferenciar.whiteTable {
    float: left;
    background-color: rgba(0, 0, 0, 0.05);
    margin: 2px;
    padding: 4px; }
    .diferenciar.whiteTable:hover {
      background-color: rgba(0, 0, 0, 0.08); }

@media (max-width: 768px) {
  .det-element.big {
    width: 100%; } }

form.basico.filtro-normal {
  width: 80%;
  padding-top: 20px;
  margin-bottom: 20px; }

form.basico.filtro-small {
  width: 80%;
  padding-top: 20px;
  margin-bottom: 20px; }

form.filtros_, div.filtros_.smallinput {
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  position: inherit;
  min-width: 95%;
  margin: 0 1%;
  padding: 0 20px 10px 20px;
  max-height: 35px;
  background-image: url(../images/plus.png);
  background-position: top 10px right 10px;
  background-repeat: no-repeat;
  background-size: 25px;
  border: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  border-radius: none; }
  form.filtros_ h4, div.filtros_.smallinput h4 {
    margin: 0;
    padding: 0; }
  form.filtros_:hover, div.filtros_.smallinput:hover, form.filtros_.show, div.filtros_.show.smallinput {
    background-image: url(../images/less.png);
    position: inherit;
    max-height: 1000px;
    background-color: #f0f0f0; }

.archivosCapturables {
  position: relative;
  clear: both;
  text-align: center; }
  .archivosCapturables .boton, .archivosCapturables form a.boton.table, form .archivosCapturables a.boton.table, .archivosCapturables div.smallinput a.boton.table, div.smallinput .archivosCapturables a.boton.table, .archivosCapturables form input[type=submit], form .archivosCapturables input[type=submit], .archivosCapturables form .boton.botonaccion, form .archivosCapturables .boton.botonaccion, .archivosCapturables div.smallinput input[type=submit], div.smallinput .archivosCapturables input[type=submit], .archivosCapturables div.smallinput .boton.botonaccion, div.smallinput .archivosCapturables .boton.botonaccion {
    float: none;
    display: inline-block; }

label.requerido:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 2px;
  background-color: gold;
  top: 0;
  right: 0; }

.valError {
  border: 1px solid orange !important; }

label.valError {
  background-color: orange !important; }

.valRequerido {
  border: 1px solid red !important; }

label.valRequerido {
  background-color: red !important;
  color: white; }
  label.valRequerido:before {
    content: none; }

.orange {
  color: orange; }

.subtotal, .GranSubtotal {
  font-weight: bold; }

#bitacora .contenedor {
  width: 100%;
  margin-top: 10%; }

#bitacora .cancelar {
  bottom: 80px; }

.z-index2 {
  z-index: 2 !important; }

form.comments, div.comments.smallinput {
  margin-top: 5px; }

.det-comment {
  position: relative;
  padding: 15px 0;
  display: block;
  height: auto;
  background-color: white;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  clear: both;
  margin-bottom: 10px; }
  .det-comment .comment-check {
    width: 22px;
    position: absolute;
    right: 0;
    top: 0;
    margin: 3px 5px 0 0; }
    .det-comment .comment-check .Labelbox {
      border: none;
      background-color: #f0f0f0;
      width: 20px;
      height: 20px;
      -webkit-border-radius: 5px !important;
      -moz-border-radius: 5px !important;
      -ms-border-radius: 5px !important;
      border-radius: 5px !important; }
      .det-comment .comment-check .Labelbox.activo, .det-comment .comment-check .Labelbox.activo.disabled {
        background: #f0f0f0 url(../images/good.png) no-repeat center center;
        background-size: 17px;
        box-shadow: none; }
  .det-comment .comment-info {
    font-size: 11px;
    padding-left: 52px; }
    .det-comment .comment-info span {
      display: block;
      float: left; }
      .det-comment .comment-info span.comment-author {
        font-size: 1.1em;
        font-weight: bold;
        text-transform: uppercase;
        color: orange; }
      .det-comment .comment-info span.comment-date {
        color: #ccc;
        margin-left: 5px;
        margin-top: 1px; }
  .det-comment .comment-content {
    position: relative;
    font-size: 12px;
    padding-left: 52px; }
  .det-comment:after {
    content: '';
    background-color: #ebebeb;
    height: 26px;
    width: 26px;
    display: block;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -13px; }
  .det-comment.rosa:after {
    background-color: #ffaab9; }
  .det-comment.verde:after {
    background-color: limegreen; }
  .det-comment.azul:after {
    background-color: #71c5e7; }
  .det-comment.naranja:after {
    background-color: orange; }
  .det-comment.gris:after {
    background-color: #ebebeb; }
  .det-comment.rojo:after {
    background-color: red; }

.det-comment.mini {
  margin-bottom: 5px;
  padding: 4px 5px 5px 5px;
  background-color: rgba(0, 0, 0, 0.03); }
  .det-comment.mini .comment-content, .det-comment.mini .comment-info {
    padding-left: 23.4px; }
    .det-comment.mini .comment-content .comment-author, .det-comment.mini .comment-info .comment-author {
      color: orange;
      font-weight: bold;
      text-transform: uppercase; }
  .det-comment.mini:after {
    height: 13px;
    width: 13px;
    -webkit-border-radius: 6.5px;
    -moz-border-radius: 6.5px;
    -ms-border-radius: 6.5px;
    border-radius: 6.5px;
    left: 6.5px;
    margin-top: -6.5px; }

.contenedor.edge {
  height: auto;
  min-height: 67px;
  padding-bottom: 23px; }
  .contenedor.edge .comment.full {
    margin-left: 0;
    position: absolute;
    padding: 10px 90px 10px 10px;
    -webkit-border-radius: none !important;
    -moz-border-radius: none !important;
    -ms-border-radius: none !important;
    border-radius: none !important; }
  .contenedor.edge input.accion {
    margin-right: -7px !important;
    margin-bottom: -32px; }
  .contenedor.edge .alerta.pop {
    display: none !important; }

.pop .contenedor.edge .comment.full {
  margin-left: -29px; }

.colorBox {
  position: relative;
  float: right;
  height: 57px;
  width: 75px;
  top: 10px;
  right: 0;
  margin-right: -15px; }
  .colorBox.fullwidth {
    height: 30px;
    width: 100%; }
  .colorBox .colorSelect {
    cursor: pointer;
    width: 14px;
    height: 14px;
    display: block;
    background-color: #ebebeb;
    float: left;
    border: 2px 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;
      margin: 1.5px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      border-radius: 10px;
      border: none !important; }
    .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: #94C5C5; }
    .colorBox .colorSelect.linea2 {
      background-color: #bfc564; }
    .colorBox .colorSelect.linea3 {
      background-color: #78A878; }
    .colorBox .colorSelect.linea4 {
      background-color: #A68F59; }
    .colorBox .colorSelect.linea5 {
      background-color: #75534A; }
    .colorBox .colorSelect.linea6 {
      background-color: #ED3567; }
    .colorBox .colorSelect.linea7 {
      background-color: #7E8F8E; }
    .colorBox .colorSelect.linea8 {
      background-color: #17265f; }
    .colorBox .colorSelect.linea9 {
      background-color: #000000; }

span.rosa {
  color: #ffaab9; }

span.azul {
  color: #71c5e7; }

.worker {
  float: left;
  padding: 2px 5px;
  font-size: 11px;
  margin: 1px 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .worker.dis {
    background: #229dce url(../images/diseno.png?v2) no-repeat center left 4px;
    background-size: 10px;
    padding-left: 18px; }
  .worker.prod {
    background: gray url(../images/produccion.png?v2) no-repeat center left 4px;
    background-size: 10px;
    padding-left: 18px; }

.pieza-proyecto, .orden-material, .boton-dinabox {
  font-size: 12px;
  width: 100%;
  display: block;
  position: relative;
  clear: both;
  padding: 10px 10px 10px 60px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 5px;
  color: white;
  background-size: 20px;
  background-color: #30c330;
  height: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .pieza-proyecto.dos, .orden-material.dos, .boton-dinabox.dos {
    padding: 5px;
    height: 22px; }
  .pieza-proyecto p, .orden-material p, .boton-dinabox p {
    text-transform: uppercase; }
  .pieza-proyecto.add, .orden-material.add, .boton-dinabox.add {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 25px;
    background-color: #6fc2d7; }
    .pieza-proyecto.add:hover, .orden-material.add:hover, .boton-dinabox.add:hover {
      background-color: #8fcfe0; }
    .pieza-proyecto.add .open, .orden-material.add .open, .boton-dinabox.add .open {
      height: 25px;
      font-size: 22px; }
    .pieza-proyecto.add span.entrega, .orden-material.add span.entrega, .boton-dinabox.add span.entrega {
      font-size: 11px;
      color: white; }
  .pieza-proyecto.cerrarpro, .orden-material.cerrarpro, .boton-dinabox.cerrarpro {
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 5px;
    height: 25px;
    background-color: red;
    position: absolute;
    width: auto;
    height: 20px;
    font-size: 11px;
    bottom: 0;
    right: 5px;
    cursor: pointer; }
    .pieza-proyecto.cerrarpro .listono, .orden-material.cerrarpro .listono, .boton-dinabox.cerrarpro .listono {
      opacity: 0.3; }
  .pieza-proyecto.tarea, .orden-material.tarea, .boton-dinabox.tarea {
    padding-left: 20px; }
    .pieza-proyecto.tarea.dis, .orden-material.tarea.dis, .boton-dinabox.tarea.dis {
      background: #71c5e7 url(../images/diseno.png?v2) no-repeat center left 5px;
      background-size: 19px;
      padding-left: 30px; }
    .pieza-proyecto.tarea.prod, .orden-material.tarea.prod, .boton-dinabox.tarea.prod {
      background: gray url(../images/produccion.png?v2) no-repeat center left 5px;
      background-size: 19px;
      padding-left: 30px; }
    .pieza-proyecto.tarea.ensamble, .orden-material.tarea.ensamble, .boton-dinabox.tarea.ensamble {
      background: red url(../images/produccion.png?v2) no-repeat center left 5px;
      background-size: 19px;
      padding-left: 30px; }
    .pieza-proyecto.tarea.encurso, .orden-material.tarea.encurso, .boton-dinabox.tarea.encurso {
      margin-top: 30px;
      background-color: orange;
      -webkit-border-top-left-radius: 0;
      -moz-border-radius-topleft: 0;
      border-top-left: 0; }
      .pieza-proyecto.tarea.encurso .maquina, .orden-material.tarea.encurso .maquina, .boton-dinabox.tarea.encurso .maquina {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 90%;
        position: absolute;
        top: 0;
        margin-top: -24px;
        display: block;
        padding: 5px 10px;
        font-size: 13px;
        left: 0;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-left: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        border-top-right: 6px; }
        .pieza-proyecto.tarea.encurso .maquina.dis, .orden-material.tarea.encurso .maquina.dis, .boton-dinabox.tarea.encurso .maquina.dis {
          background: #e69500 url(../images/diseno.png?v2) no-repeat center left 5px;
          background-size: 19px;
          padding-left: 30px; }
        .pieza-proyecto.tarea.encurso .maquina.prod, .orden-material.tarea.encurso .maquina.prod, .boton-dinabox.tarea.encurso .maquina.prod {
          background: #e69500 url(../images/produccion.png?v2) no-repeat center left 5px;
          background-size: 18px;
          padding-left: 30px; }
  .pieza-proyecto .pausado, .orden-material .pausado, .boton-dinabox .pausado {
    display: inline-block;
    padding: 2px 5px;
    background-color: red;
    margin-right: 5px;
    margin-left: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: white; }
  .pieza-proyecto .listono, .pieza-proyecto .disenosino, .orden-material .listono, .orden-material .disenosino, .boton-dinabox .listono, .boton-dinabox .disenosino {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 5px;
    left: 3px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background-size: 20px;
    opacity: 0.2; }
  .pieza-proyecto .listono, .orden-material .listono, .boton-dinabox .listono {
    left: 25px;
    background: transparent url(../images/produccion.png) no-repeat center center;
    background-size: 20px; }
  .pieza-proyecto .disenosino, .orden-material .disenosino, .boton-dinabox .disenosino {
    background: transparent url(../images/diseno.png) no-repeat center center;
    background-size: 20px; }
  .pieza-proyecto.libre, .orden-material.libre, .boton-dinabox.libre {
    background: #ffb733 url(../images/normal-w.png?v2) no-repeat center left 5px;
    background-size: 23px;
    background-position: left 2px top 5px;
    padding-left: 30px; }
  .pieza-proyecto.disenado .disenosino, .orden-material.disenado .disenosino, .boton-dinabox.disenado .disenosino {
    opacity: 1; }
  .pieza-proyecto.producido .listono, .orden-material.producido .listono, .boton-dinabox.producido .listono {
    opacity: 1; }
  .pieza-proyecto.ensamblado, .orden-material.ensamblado, .boton-dinabox.ensamblado {
    background-color: #e6c200; }
    .pieza-proyecto.ensamblado .listono, .orden-material.ensamblado .listono, .boton-dinabox.ensamblado .listono {
      opacity: 1; }
  .pieza-proyecto.ensamble, .orden-material.ensamble, .boton-dinabox.ensamble {
    background-color: red; }
    .pieza-proyecto.ensamble .listono, .orden-material.ensamble .listono, .boton-dinabox.ensamble .listono {
      opacity: 0.3; }
  .pieza-proyecto.ensamble, .pieza-proyecto.ensamblado, .orden-material.ensamble, .orden-material.ensamblado, .boton-dinabox.ensamble, .boton-dinabox.ensamblado {
    padding-left: 35px; }
    .pieza-proyecto.ensamble .disenosino, .pieza-proyecto.ensamblado .disenosino, .orden-material.ensamble .disenosino, .orden-material.ensamblado .disenosino, .boton-dinabox.ensamble .disenosino, .boton-dinabox.ensamblado .disenosino {
      display: none; }
    .pieza-proyecto.ensamble .listono, .pieza-proyecto.ensamblado .listono, .orden-material.ensamble .listono, .orden-material.ensamblado .listono, .boton-dinabox.ensamble .listono, .boton-dinabox.ensamblado .listono {
      left: 3px; }
  .pieza-proyecto .open, .pieza-proyecto .remove, .orden-material .open, .orden-material .remove, .boton-dinabox .open, .boton-dinabox .remove {
    position: absolute;
    right: 0;
    top: 0;
    padding: 1px 5px 4px 5px;
    font-size: 30px;
    line-height: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right: 6px;
    color: white; }
    .pieza-proyecto .open:hover, .pieza-proyecto .remove:hover, .orden-material .open:hover, .orden-material .remove:hover, .boton-dinabox .open:hover, .boton-dinabox .remove:hover {
      background-color: rgba(0, 0, 0, 0.1);
      cursor: pinter; }
    .pieza-proyecto .open.iniciar, .pieza-proyecto .remove.iniciar, .orden-material .open.iniciar, .orden-material .remove.iniciar, .boton-dinabox .open.iniciar, .boton-dinabox .remove.iniciar {
      font-size: 15px;
      padding: 10px; }
    .pieza-proyecto .open.pausar, .pieza-proyecto .remove.pausar, .orden-material .open.pausar, .orden-material .remove.pausar, .boton-dinabox .open.pausar, .boton-dinabox .remove.pausar {
      font-size: 11px;
      padding: 13px 14px 13px 8px;
      margin-right: 38px; }
  .pieza-proyecto .remove, .orden-material .remove, .boton-dinabox .remove {
    display: none;
    margin-right: 25px; }
  .pieza-proyecto:hover .remove, .orden-material:hover .remove, .boton-dinabox:hover .remove {
    display: block; }

.orden-material {
  padding-left: 10px;
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 25px; }
  .orden-material.pendiente {
    background-color: #ff6666;
    background-image: url(../images/pendiente.png); }
  .orden-material.materiales {
    background-color: #999;
    background-image: url(../images/reporte2.png); }
  .orden-material.cotizada {
    background-color: #009b00;
    background-image: url(../images/archivado.png); }
  .orden-material.enviada {
    background-color: #e6c200;
    background-image: url(../images/enviado.png); }
  .orden-material.pagada {
    background-color: #00cc00;
    background-image: url(../images/enviado.png); }
  .orden-material.enviada, .orden-material.cotizada, .orden-material.materiales, .orden-material.pendiente, .orden-material.pagada {
    padding-left: 40px; }

.boton-dinabox {
  padding-left: 10px;
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 25px; }
  .boton-dinabox.reporte {
    background-color: #009b00;
    background-image: url(../images/reporte2.png); }
  .boton-dinabox.pendiente {
    background-color: #ff6666;
    background-image: url(../images/pendiente.png); }
  .boton-dinabox.archivado {
    background-color: #009b00;
    background-image: url(../images/archivado.png); }
  .boton-dinabox.enviada {
    background-color: #e6c200;
    background-image: url(../images/enviado.png); }
  .boton-dinabox.enviada, .boton-dinabox.archivado, .boton-dinabox.pendiente, .boton-dinabox.reporte {
    padding-left: 40px; }

.pieza-proyecto.piezaspro {
  max-height: auto;
  height: auto;
  overflow: hidden; }
  .pieza-proyecto.piezaspro p {
    margin-top: -4px;
    font-size: 13px !important; }

ul.listadearchivos, ul.listadeobjetos {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
  ul.listadearchivos li, ul.listadeobjetos li {
    height: 30px !important;
    margin: 3px 0;
    width: 100%;
    display: block;
    float: left;
    clear: left;
    position: relative;
    padding: 6px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/reporte.png?v2) no-repeat center left 5px;
    background-color: rgba(128, 128, 128, 0.12);
    background-size: 20px;
    padding-left: 20px; }
    ul.listadearchivos li p, ul.listadeobjetos li p {
      font-size: 12px;
      font-weight: bold;
      margin-left: 15px; }
      ul.listadearchivos li p i, ul.listadeobjetos li p i {
        font-weight: normal;
        margin-left: 10px; }
    ul.listadearchivos li.other, ul.listadeobjetos li.other {
      width: 70%;
      margin: 2px;
      padding-left: 20px; }
    ul.listadearchivos li.refaccion, ul.listadeobjetos li.refaccion {
      background: url(../images/refacciong.png?v2) no-repeat center left 5px;
      background-color: rgba(128, 128, 128, 0.12);
      background-size: 20px; }
      ul.listadearchivos li.refaccion p, ul.listadeobjetos li.refaccion p {
        text-transform: uppercase; }
    ul.listadearchivos li a.boton.borrar, ul.listadeobjetos li a.boton.borrar {
      position: absolute;
      left: 0;
      top: 5px;
      padding: 3px !important;
      height: 10px !important;
      line-height: 0.7em !important;
      margin: 0 !important;
      display: none; }
    ul.listadearchivos li a.boton.openfile, ul.listadeobjetos li a.boton.openfile {
      position: absolute;
      right: 5px;
      top: 3px;
      padding: 5px !important;
      margin: 0 !important;
      font-size: 10px; }
    ul.listadearchivos li:hover a.boton.borrar, ul.listadeobjetos li:hover a.boton.borrar {
      display: block; }
  ul.listadearchivos.table li, form a.listadearchivos.boton.table li, div.smallinput a.listadearchivos.boton.table li, ul.listadeobjetos.table li, form a.listadeobjetos.boton.table li, div.smallinput a.listadeobjetos.boton.table li {
    line-height: 1.5em;
    padding: 3px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 22px !important;
    background-size: 15px; }
    ul.listadearchivos.table li p, form a.listadearchivos.boton.table li p, div.smallinput a.listadearchivos.boton.table li p, ul.listadeobjetos.table li p, form a.listadeobjetos.boton.table li p, div.smallinput a.listadeobjetos.boton.table li p {
      font-size: 11px; }
      ul.listadearchivos.table li p i, form a.listadearchivos.boton.table li p i, div.smallinput a.listadearchivos.boton.table li p i, ul.listadeobjetos.table li p i, form a.listadeobjetos.boton.table li p i, div.smallinput a.listadeobjetos.boton.table li p i {
        margin-left: 3px; }

#tcompra label {
  width: 40%;
  margin-left: 7%; }

#tcompra input[type=text] {
  width: 53%;
  text-align: right; }

.checkcomp {
  float: left !important;
  position: absolute !important;
  z-index: 2;
  width: 160px !important;
  margin-top: 44px !important;
  margin-left: -32px !important; }

.activo.revisada label {
  background-color: green !important; }

.checkcomp.pagada label {
  margin-top: 80px !important; }

.activo.pagada label {
  background-color: #315287 !important; }

.checkcomp.ivacheck {
  margin-left: 0; }

#tcompra label.iva.off {
  opacity: .5; }

#tcompra label.checkbox.iva.off {
  opacity: 1; }

.asignacion-usuarios {
  width: 100%;
  padding: 10px 10px 15px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ededed;
  display: block;
  height: auto;
  overflow: hidden;
  margin: 5px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .asignacion-usuarios .avatar-holder {
    width: 100%;
    height: 60px;
    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;
      border: 2px solid white;
      float: left;
      display: block;
      position: relative; }
      .asignacion-usuarios .avatar-holder .avatar img {
        width: 100%; }
    .asignacion-usuarios .avatar-holder h4 {
      width: 300px;
      font-size: 13px;
      display: block;
      font-weight: bold;
      color: black;
      text-align: left;
      clear: none;
      margin: 15px 0 0 5px;
      float: left; }
      .asignacion-usuarios .avatar-holder h4 .small {
        font-weight: lighter !important;
        font-size: 10px !important;
        color: #999 !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;
    height: auto; }
    .asignacion-usuarios .proyectos-holder article div.table.timeline {
      min-height: auto !important; }
    .asignacion-usuarios .proyectos-holder .proyecto {
      background-color: rgba(0, 116, 145, 0.8);
      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; }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.3;
  filter: alpha(opacity=30); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 20px auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a, .mfp-preloader form a.boton.table, form .mfp-preloader a.boton.table, .mfp-preloader div.smallinput a.boton.table, div.smallinput .mfp-preloader a.boton.table, .mfp-preloader form input[type=submit], form .mfp-preloader input[type=submit], .mfp-preloader form .boton.botonaccion, form .mfp-preloader .boton.botonaccion, .mfp-preloader div.smallinput input[type=submit], div.smallinput .mfp-preloader input[type=submit], .mfp-preloader div.smallinput .boton.botonaccion, div.smallinput .mfp-preloader .boton.botonaccion {
    color: #cccccc; }
    .mfp-preloader a:hover, .mfp-preloader form a.boton.table:hover, form .mfp-preloader a.boton.table:hover, .mfp-preloader div.smallinput a.boton.table:hover, div.smallinput .mfp-preloader a.boton.table:hover, .mfp-preloader form input[type=submit]:hover, form .mfp-preloader input[type=submit]:hover, .mfp-preloader form .boton.botonaccion:hover, form .mfp-preloader .boton.botonaccion:hover, .mfp-preloader div.smallinput input[type=submit]:hover, div.smallinput .mfp-preloader input[type=submit]:hover, .mfp-preloader div.smallinput .boton.botonaccion:hover, div.smallinput .mfp-preloader .boton.botonaccion:hover {
      color: white; }

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg, .mfp-zoom .mfp-container, .mfp-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container, .mfp-zoom.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg, .mfp-zoom.mfp-ready.mfp-bg {
  opacity: 0.3;
  filter: alpha(opacity=30); }

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg, .mfp-zoom.mfp-removing .mfp-container, .mfp-zoom.mfp-removing.mfp-bg {
  opacity: 0; }

#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: #F6FAFF;
  border: 1px solid #F6FAFF;
  -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: 750px;
      background-color: white;
      border: none;
      padding-top: 0; }
    .dinabox.personaltask.listawild {
      width: 1024px;
      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: #009BC1 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 #009BC1; }
        .dinabox header .circulo-top.encargado.operador {
          background-color: #cccccc;
          border: 1px solid #ccc; }
        .dinabox header .circulo-top.encargado img {
          width: 100%;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          -ms-border-radius: 20px;
          border-radius: 20px; }
      .dinabox header .circulo-top.diseno0, .dinabox header .circulo-top.diseno1 {
        background: #f0f0f0 url(../images/diseno1.png) no-repeat center left 7px;
        background-size: 15px; }
      .dinabox header .circulo-top.material0, .dinabox header .circulo-top.material1 {
        background: #f0f0f0 url(../images/material1.png) no-repeat center center;
        background-size: 15px; }
      .dinabox header .circulo-top.material1, .dinabox header .circulo-top.material0:hover {
        background-color: #32cd32;
        background-image: url(../images/material.png); }
      .dinabox header .circulo-top.diseno1, .dinabox header .circulo-top.diseno0:hover {
        background-color: #32cd32;
        background-image: url(../images/diseno.png); }
  .dinabox article {
    width: 60%;
    font-size: 12px;
    float: left;
    padding: 0 5px 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .dinabox article .bloque {
      position: relative;
      background-color: white;
      padding: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      border-right: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0;
      margin-bottom: 10px; }
      .dinabox article .bloque:hover .edit {
        display: block; }
      .dinabox article .bloque.moreless.closed {
        max-height: 108px; }
    .dinabox article h2 {
      font-weight: normal;
      text-transform: uppercase;
      font-size: 1.3em; }
    .dinabox article h3 {
      color: #ccc; }
    .dinabox article p {
      padding-top: 3px;
      line-height: 1.5em;
      font-size: 12px;
      text-align: justify; }
    .dinabox article.w25 {
      width: 40%; }
  .dinabox .dinabox-botonest .boton, .dinabox .dinabox-botonest form input[type=submit], form .dinabox .dinabox-botonest input[type=submit], .dinabox .dinabox-botonest div.smallinput input[type=submit], div.smallinput .dinabox .dinabox-botonest input[type=submit] {
    padding-left: 10px !important;
    text-align: center; }
  .dinabox .edit {
    display: none;
    top: 5px;
    right: 5px; }
    .dinabox .edit img {
      width: 20px;
      opacity: 0.4; }
    .dinabox .edit:hover img {
      opacity: 0.7; }
  .dinabox footer {
    position: absolute;
    float: left;
    width: 100%;
    opacity: 1;
    color: black;
    z-index: 1;
    margin-left: -10px;
    padding: 3px 10px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ccc;
    color: white;
    text-align: center;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left: 5px; }
    .dinabox footer .boton.table, .dinabox footer form input.table[type=submit], form .dinabox footer input.table[type=submit], .dinabox footer div.smallinput input.table[type=submit], div.smallinput .dinabox footer input.table[type=submit] {
      width: 100%;
      background-color: rgba(128, 128, 128, 0.15);
      -webkit-border-radius: none !important;
      -moz-border-radius: none !important;
      -ms-border-radius: none !important;
      border-radius: none !important; }
      .dinabox footer .boton.table:hover, .dinabox footer form input.table[type=submit]:hover, form .dinabox footer input.table[type=submit]:hover, .dinabox footer div.smallinput input.table[type=submit]:hover, div.smallinput .dinabox footer input.table[type=submit]:hover {
        background-color: gray; }
      .dinabox footer .boton.table span, .dinabox footer form input.table[type=submit] span, form .dinabox footer input.table[type=submit] span, .dinabox footer div.smallinput input.table[type=submit] span, div.smallinput .dinabox footer input.table[type=submit] span {
        font-size: 3em;
        position: absolute;
        right: 3px;
        top: -7px; }
      .dinabox footer .boton.table.small, .dinabox footer form input.table.small[type=submit], form .dinabox footer input.table.small[type=submit], .dinabox footer div.smallinput input.table.small[type=submit], div.smallinput .dinabox footer input.table.small[type=submit] {
        margin: 1px 0 1px 0 !important;
        padding: 4px 10px !important; }
    .dinabox footer.cotizado {
      background-color: #e6c200; }
    .dinabox footer.aprobada {
      background-color: #009b00; }
    .dinabox footer.abierto {
      background-color: #ff6666; }

table {
  width: 100%;
  text-align: center;
  border-spacing: 0;
  background-color: white;
  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; }

h4 {
  font-weight: 400;
  font-size: 17px;
  line-height: 2em;
  color: #e30a18; }

p.info {
  font-size: 12px;
  line-height: 1.3em;
  margin: 5px;
  font-weight: 300;
  color: #666; }

a.accion img, form a.boton.table img, div.smallinput a.boton.table img, form input.accion[type=submit] img, form .accion.boton.botonaccion img, div.smallinput input.accion[type=submit] img, div.smallinput .accion.boton.botonaccion img {
  width: 20px; }

tr.input td {
  padding: 1px;
  vertical-align: top; }

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 tbody td, table thead th {
  border-right: 1px solid white;
  border-top: none; }

table th:last-child {
  border-right: none; }

table thead th, table th {
  font-weight: lighter;
  position: relative;
  font-size: 11px;
  text-align: center;
  background-color: #006d87;
  color: white !important;
  padding: 6px 4px;
  text-transform: uppercase; }

table tr {
  background-color: rgba(0, 140, 174, 0.01); }
  table tr:nth-child( odd ) {
    background-color: rgba(138, 138, 138, 0.09); }
    table tr:nth-child( odd ) td:nth-child(odd) {
      background-color: rgba(0, 155, 193, 0.02); }

table td {
  font-size: 11px;
  font-weight: 400;
  padding: 4px; }
  table td.merged {
    background-image: url(../images/merge-op.png);
    background-position: center left 51%;
    background-repeat: no-repeat;
    background-size: 25px; }
  table td:first-child {
    font-weight: 500; }
  table td a, table td form a.boton.table, form table td a.boton.table, table td div.smallinput a.boton.table, div.smallinput table td a.boton.table, table td form.basico input[type=submit], form.basico table td input[type=submit], table td form input[type=submit], form table td input[type=submit], table td form .boton.botonaccion, form table td .boton.botonaccion, table td form.basico .boton.botonaccion, form.basico table td .boton.botonaccion, table td form input.botonaccion[type=submit], form table td input.botonaccion[type=submit], table td form.basico input.botonaccion[type=submit], form.basico table td input.botonaccion[type=submit], table td div.smallinput input[type=submit], div.smallinput table td input[type=submit], table td div.smallinput .boton.botonaccion, div.smallinput table td .boton.botonaccion {
    color: #006d87; }
    table td a:hover, table td form a.boton.table:hover, form table td a.boton.table:hover, table td div.smallinput a.boton.table:hover, div.smallinput table td a.boton.table:hover, table td form input[type=submit]:hover, form table td input[type=submit]:hover, table td form .boton.botonaccion:hover, form table td .boton.botonaccion:hover, table td div.smallinput input[type=submit]:hover, div.smallinput table td input[type=submit]:hover, table td div.smallinput .boton.botonaccion:hover, div.smallinput table td .boton.botonaccion:hover {
      color: #001f27; }
  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(0, 155, 193, 0.02) !important; }

table.trselect tr:hover, table.trselect tr.activo {
  background-color: rgba(0, 155, 193, 0.2) !important;
  cursor: pointer; }

.alignleft {
  text-align: left; }

.mayus {
  text-transform: uppercase; }

.dtticons {
  width: 10px; }

.red {
  color: #e30a18; }

.redredf {
  color: red; }

.green {
  color: #00CC00; }

.red, .redred, .green {
  font-weight: 500; }

p.paginado {
  text-align: center;
  color: #999;
  font-size: 13px; }
  p.paginado a, p.paginado form a.boton.table, form p.paginado a.boton.table, p.paginado div.smallinput a.boton.table, div.smallinput p.paginado a.boton.table, p.paginado form input[type=submit], form p.paginado input[type=submit], p.paginado form .boton.botonaccion, form p.paginado .boton.botonaccion, p.paginado div.smallinput input[type=submit], div.smallinput p.paginado input[type=submit], p.paginado div.smallinput .boton.botonaccion, div.smallinput p.paginado .boton.botonaccion {
    color: blue; }

table#items {
  border: none;
  background: black;
  background: rgba(0, 0, 0, 0.02); }
  table#items th {
    border: none; }
  table#items td {
    border: none;
    border-bottom: 1px solid #E5EAEA; }
  table#items input[type=number] {
    height: 32px;
    width: 70px;
    text-align: center; }

.dtticons {
  width: 10px; }

img.edit {
  width: 20px; }

table td.edit:hover {
  background-color: #B8DAE8; }

.red, .redred, .green {
  font-weight: 400; }

p.paginado {
  text-align: center;
  color: #999;
  font-size: 13px; }
  p.paginado a, p.paginado form a.boton.table, form p.paginado a.boton.table, p.paginado div.smallinput a.boton.table, div.smallinput p.paginado a.boton.table, p.paginado form input[type=submit], form p.paginado input[type=submit], p.paginado form .boton.botonaccion, form p.paginado .boton.botonaccion, p.paginado div.smallinput input[type=submit], div.smallinput p.paginado input[type=submit], p.paginado div.smallinput .boton.botonaccion, div.smallinput p.paginado .boton.botonaccion {
    color: blue; }

table.no-padding td {
  padding: 0 1px !important; }
  table.no-padding td .update {
    width: 25px;
    height: 25px; }

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: white !important;
    color: #333;
    padding: 5px 2px;
    font-size: 11px;
    font-weight: bold; }
  table.ligera td {
    font-size: 10px; }

a.boton.table, form a.boton.table, div.smallinput a.boton.table {
  margin: 1px auto !important;
  float: inherit !important;
  display: inline-block;
  padding: 8px 9px 6px 30px;
  width: 100%;
  text-align: center;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  clear: right; }

a.boton.table, form a.boton.table, div.smallinput a.boton.table {
  padding: 8px 9px 7px 30px !important;
  text-align: left; }
  a.boton.table.mid {
    padding: 5px 10px 4px 10px;
    margin-bottom: 1px; }
  a.boton.table.small {
    margin: 1px 0 1px 0 !important;
    padding: 4px 10px !important;
    text-align: center; }

table a.botontabla, table form input.botontabla[type=submit], form table input.botontabla[type=submit], table form .botontabla.boton.botonaccion, form table .botontabla.boton.botonaccion, table div.smallinput input.botontabla[type=submit], div.smallinput table input.botontabla[type=submit], table div.smallinput .botontabla.boton.botonaccion, div.smallinput table .botontabla.boton.botonaccion, table form a.botontabla.boton.table, form table a.botontabla.boton.table, table div.smallinput a.botontabla.boton.table, div.smallinput table a.botontabla.boton.table {
  width: 100%;
  height: 100%;
  display: block; }

a.boton.table.mid {
  margin-bottom: 1px; }

table td .addLineTabla {
  position: absolute;
  margin-top: 2px !important; }

.cultyvo-filter {
  float: right;
  top: 20px;
  right: 20px;
  width: auto; }

input.cultyvo-filter-search {
  display: inline-block;
  width: 200px;
  height: 26px;
  padding: 4px;
  border: 1px solid #f0f0f0; }
  input.cultyvo-filter-search:focus {
    outline: none; }

.cultyvo-filter-button {
  padding: 6px 10px;
  border-radius: 2px;
  border: none;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background-color: lightgray;
  height: 26px;
  margin-left: 5px;
  cursor: pointer; }
  .cultyvo-filter-button:hover, .cultyvo-filter-button.active {
    background-color: #009BC1; }
  .cultyvo-filter-button:focus {
    outline: none; }

.cultyvo-filter-sort {
  color: #41daff;
  cursor: pointer;
  background-position: center right 5px;
  background-repeat: no-repeat;
  background-size: 10px; }
  .cultyvo-filter-sort:hover {
    text-decoration: none;
    background-image: url(../images/select.png); }
  .cultyvo-filter-sort:focus {
    outline: none; }
  .cultyvo-filter-sort.desc {
    background-image: url(../images/select.png);
    padding-right: 7px; }
    .cultyvo-filter-sort.desc:hover {
      background-image: url(../images/select-up.png); }
  .cultyvo-filter-sort.asc {
    background-image: url(../images/select-up.png);
    padding-right: 7px; }
    .cultyvo-filter-sort.asc:hover {
      background-image: url(../images/select.png); }

ul.cultyvo-paginacion {
  display: inline-block;
  text-align: center;
  width: 100%; }
  ul.cultyvo-paginacion li {
    list-style: none;
    display: inline-block;
    text-align: center;
    margin: 0 1px;
    font-size: 11px; }
    ul.cultyvo-paginacion li .page {
      color: lightgray;
      padding: 3px 6px;
      background-color: #f9f9f9; }
    ul.cultyvo-paginacion li.active a, ul.cultyvo-paginacion li.active form input[type=submit], form ul.cultyvo-paginacion li.active input[type=submit], ul.cultyvo-paginacion li.active form .boton.botonaccion, form ul.cultyvo-paginacion li.active .boton.botonaccion, ul.cultyvo-paginacion li.active div.smallinput input[type=submit], div.smallinput ul.cultyvo-paginacion li.active input[type=submit], ul.cultyvo-paginacion li.active div.smallinput .boton.botonaccion, div.smallinput ul.cultyvo-paginacion li.active .boton.botonaccion, ul.cultyvo-paginacion li .page:hover {
      font-size: 14px;
      color: #009BC1; }

.saldo {
  padding-left: 3%;
  font-size: 13px;
  color: #333; }
  .saldo:first-child {
    padding-left: 0; }
  .saldo b {
    text-transform: uppercase;
    font-size: 0.9em; }
  .saldo.saldoinicial b {
    color: #a2d1e7; }
  .saldo.ingresos b {
    color: #1d98d1; }

h3.ingresos {
  color: #1d98d1; }

.saldo.egresos b, h3.egresos {
  color: red; }

.saldo.saldoa b, h3.saldoa {
  color: blue; }

p.info b.yellow {
  color: #e0e000; }

p.info b.blue {
  color: #71c5e7; }

table tr.red {
  color: black;
  background-color: rgba(255, 0, 0, 0.1) !important; }
  table tr.red:nth-child(odd) {
    background-color: rgba(230, 0, 0, 0.15) !important; }
    table tr.red:nth-child(odd) td {
      color: black;
      background-color: transparent; }
      table tr.red:nth-child(odd) td:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.05) !important; }

table tr.green {
  color: black;
  background-color: rgba(169, 200, 17, 0.3) !important; }
  table tr.green:nth-child(odd) {
    background-color: rgba(155, 186, 5, 0.3) !important; }
    table tr.green:nth-child(odd) td {
      color: black;
      background-color: transparent; }
      table tr.green:nth-child(odd) td:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.05) !important; }

table tr.blue {
  color: black;
  background-color: rgba(113, 197, 231, 0.3) !important; }
  table tr.blue:nth-child(odd) {
    background-color: rgba(39, 167, 219, 0.3) !important; }
    table tr.blue:nth-child(odd) td {
      color: black;
      background-color: transparent; }
      table tr.blue:nth-child(odd) td:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.05) !important; }

table tr.yellow {
  color: black;
  background-color: #fffff2 !important; }
  table tr.yellow:nth-child(odd) {
    background-color: rgba(255, 255, 143, 0.3) !important; }
    table tr.yellow:nth-child(odd) td {
      color: black;
      background-color: transparent; }
      table tr.yellow:nth-child(odd) td:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.05) !important; }

table tr.orange {
  color: black;
  background-color: #ffc966 !important; }
  table tr.orange:nth-child(odd) {
    background-color: rgba(255, 176, 31, 0.3) !important; }
    table tr.orange:nth-child(odd) td {
      color: black;
      background-color: transparent; }
      table tr.orange:nth-child(odd) td:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.05) !important; }

table.vertical th {
  width: 30%;
  text-align: left;
  border-bottom: 1px solid white; }

table tr td.sumar {
  background-color: #b8db10 !important;
  border: 1px dotted white; }
  table tr td.sumar:nth-child(odd) {
    background-color: #c8ee12 !important;
    border: 1px dotted white; }

table tr:nth-child(odd) td.sumar {
  background-color: #A9C811 !important;
  border: 1px dotted white; }
  table tr:nth-child(odd) td.sumar:nth-child(odd) {
    background-color: #b9db13 !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 #007491;
  -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:hover > .deathnote {
  display: block; }

td.eliminar .deathnote {
  display: none;
  position: absolute;
  right: 0;
  margin-top: -25px;
  margin-right: -20px;
  cursor: pointer;
  opacity: 0.5; }
  td.eliminar .deathnote:hover {
    opacity: 1; }

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 #009BC1;
  margin: -2px 0 0 0; }
  #tempinput input {
    width: 60% !important;
    clear: none;
    margin: 0;
    float: left;
    height: 30px !important;
    padding: 0; }
  #tempinput .boton, #tempinput form input[type=submit], form #tempinput input[type=submit], #tempinput div.smallinput input[type=submit], div.smallinput #tempinput input[type=submit] {
    width: 20% !important;
    clear: none;
    margin: 0 !important;
    padding: 9px 5px;
    float: left !important;
    height: 30px;
    -webkit-border-radius: none !important;
    -moz-border-radius: none !important;
    -ms-border-radius: none !important;
    border-radius: none !important; }
    #tempinput .boton.red, #tempinput form input.red[type=submit], form #tempinput input.red[type=submit], #tempinput div.smallinput input.red[type=submit], div.smallinput #tempinput input.red[type=submit] {
      background-color: red; }
      #tempinput .boton.red:hover, #tempinput form input.red[type=submit]:hover, form #tempinput input.red[type=submit]:hover, #tempinput div.smallinput input.red[type=submit]:hover, div.smallinput #tempinput input.red[type=submit]:hover {
        background-color: #CC3300; }

.entrada-salida {
  float: left;
  clear: left;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 3px 5px 3px 5px;
  margin: 1px 0;
  position: relative;
  padding-right: 30px; }
  .entrada-salida small {
    font-size: 0.95em;
    text-transform: lowercase;
    color: #666; }
    .entrada-salida small.comment_ {
      padding-left: 5px;
      display: inline-block; }
      .entrada-salida small.comment_:before {
        content: '- ';
        margin-left: -5px; }

table.conceptos_nomina tr {
  background-color: white; }

table.conceptos_nomina th {
  font-weight: bold;
  background-color: #f0f0f0;
  color: black; }

#reportepop {
  position: relative;
  width: 100%;
  width: 950px;
  margin: 10px auto;
  padding: 0 0 50px 0;
  display: block;
  height: auto;
  background-color: #f0f0f0;
  font-size: 11px; }
  #reportepop .chori {
    width: 320px; }

#reporte {
  width: 1000px;
  max-width: 950px;
  height: auto;
  margin: 0 0 10px 0;
  display: block;
  border: none !important;
  background-color: white;
  position: relative; }
  #reporte div.topright {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right; }
  #reporte h1 {
    font-size: 1.5em;
    color: black; }
  #reporte h2 {
    font-size: 1.4em;
    color: black; }
  #reporte h3 {
    font-size: 1.3em;
    color: #333; }
  #reporte h4 {
    font-size: 1.2em;
    color: #666; }
  #reporte span.fecha {
    font-size: 1em;
    color: #666; }

.no-margin {
  margin: 0;
  padding: 0; }

#reporte header {
  height: 100px;
  width: 100%;
  display: block;
  overflow: hidden;
  background-color: #FFFFFF;
  top: 0;
  left: 0;
  position: relative; }
  #reporte header h1 {
    margin-top: 0; }
    #reporte header h1 img {
      display: inline;
      vertical-align: middle;
      width: 250px;
      margin-top: 0; }

#reporte div.topcenter {
  position: absolute;
  width: 35%;
  top: 0;
  left: 50%;
  margin-left: -17.5%;
  text-align: center; }

#reporte table {
  font-size: 12px;
  margin-bottom: 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
  #reporte table th {
    font-size: 1em;
    background-color: #ccc;
    padding: 5px !important;
    letter-spacing: 1px;
    border: 1px solid #ccc; }
    #reporte table th small {
      font-size: 0.8em;
      vertical-align: middle; }
  #reporte table td {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc; }
    #reporte table td.no-lines {
      border: none; }
    #reporte table td:first-child {
      border-left: 1px solid #ccc; }
      #reporte table td.no-lines:first-child {
        border: none; }
  #reporte table.prendas {
    float: left;
    width: 470px !important; }
  #reporte table.tasa {
    float: left;
    width: 450px !important; }
    #reporte table.tasa th {
      text-align: left; }

.vatop {
  vertical-align: top !important; }

table {
  width: 100% !important; }
  table td b {
    font-size: 1em !important; }
  table.recibo {
    position: relative;
    height: auto;
    display: inline-block;
    width: 100% !important; }
  table.datosgenerales {
    position: relative;
    height: auto;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    text-transform: uppercase; }
    table.datosgenerales td {
      width: 30%;
      background-color: transparent;
      text-align: left;
      width: 20.23%;
      padding: 5px; }
    table.datosgenerales th {
      text-align: left;
      background-color: #ccc !important;
      padding: 5px !important;
      width: 13%;
      letter-spacing: 1px; }
    table.datosgenerales tr td, table.datosgenerales tr:nth-child(odd) td {
      background-color: white !important; }

span.padding {
  padding-left: 10px; }

#reportepop p.botones {
  margin-right: 355px;
  margin-top: 10px; }

span.red {
  color: red; }

.contenedor {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 98%;
  margin: 0.5%;
  display: block;
  padding: 0 5px;
  clear: both; }

.contenedor.w75, .contenedor.w25, form .contenedor.bloqueform.w25, div.smallinput .contenedor.bloqueform.w25, form.basico .contenedor.bloqueform.w25, .contenedor.w33, form .contenedor.bloqueform.w33, div.smallinput .contenedor.bloqueform.w33, form.basico .contenedor.bloqueform.w33, .contenedor.w40, form .contenedor.bloqueform.w40, div.smallinput .contenedor.bloqueform.w40, form.basico .contenedor.bloqueform.w40, .contenedor.w50, form .contenedor.bloqueform.w50, div.smallinput .contenedor.bloqueform.w50, form.basico .contenedor.bloqueform.w50, .contenedor.w65, .contenedor.w60, .contenedor.w50, .contenedor.w40, .contenedor.w25, .contenedor.w35, .contenedor .contenedor.w65, form .bloqueform .contenedor.w65, form.basico .bloqueform .contenedor.w65, .contenedor.w60, form .contenedor.bloqueform.w60, form.basico .contenedor.bloqueform.w60, .contenedor.w50, form .contenedor.bloqueform.w50, form.basico .contenedor.bloqueform.w50, .contenedor.w40, form .contenedor.bloqueform.w40, form.basico .contenedor.bloqueform.w40, .contenedor.w33, form .contenedor.bloqueform.w33, form.basico .contenedor.bloqueform.w33, .contenedor.w25, form .contenedor.bloqueform.w25, form.basico .contenedor.bloqueform.w25, .contenedor.w35, form .contenedor.bloqueform.w35, form.basico .contenedor.bloqueform.w35, div.smallinput .bloqueform .contenedor.w65, div.basico.smallinput .bloqueform .contenedor.w65, div.smallinput .contenedor.bloqueform.w60, div.basico.smallinput .contenedor.bloqueform.w60, div.smallinput .contenedor.bloqueform.w50, div.basico.smallinput .contenedor.bloqueform.w50, div.smallinput .contenedor.bloqueform.w40, div.basico.smallinput .contenedor.bloqueform.w40, div.smallinput .contenedor.bloqueform.w33, div.basico.smallinput .contenedor.bloqueform.w33, div.smallinput .contenedor.bloqueform.w25, div.basico.smallinput .contenedor.bloqueform.w25, div.smallinput .contenedor.bloqueform.w35, div.basico.smallinput .contenedor.bloqueform.w35, form .bloqueform.w75, form .bloqueform.contenedor.w25, form .bloqueform.w25, form div.smallinput .bloqueform.w25, div.smallinput form .bloqueform.w25, form.basico .bloqueform.w25, form .bloqueform.contenedor.w33, form .bloqueform.w33, form div.smallinput .bloqueform.w33, div.smallinput form .bloqueform.w33, form.basico .bloqueform.w33, form .bloqueform.contenedor.w40, form .bloqueform.w40, form div.smallinput .bloqueform.w40, div.smallinput form .bloqueform.w40, form.basico .bloqueform.w40, form .bloqueform.contenedor.w50, form .bloqueform.w50, form div.smallinput .bloqueform.w50, div.smallinput form .bloqueform.w50, form.basico .bloqueform.w50, div.smallinput .bloqueform.w75, div.smallinput .bloqueform.contenedor.w25, div.smallinput form .bloqueform.w25, form div.smallinput .bloqueform.w25, div.smallinput .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico div.smallinput .bloqueform.w25, div.smallinput .bloqueform.contenedor.w33, div.smallinput form .bloqueform.w33, form div.smallinput .bloqueform.w33, div.smallinput .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w33, div.smallinput .bloqueform.contenedor.w40, div.smallinput form .bloqueform.w40, form div.smallinput .bloqueform.w40, div.smallinput .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w40, div.smallinput .bloqueform.contenedor.w50, div.smallinput form .bloqueform.w50, form div.smallinput .bloqueform.w50, div.smallinput .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w50, form .bloqueform.w65, div.smallinput .bloqueform.w65, form .bloqueform.w60, div.smallinput .bloqueform.w60, form .bloqueform.w50, div.smallinput .bloqueform.w50, form .bloqueform.w40, div.smallinput .bloqueform.w40, form .bloqueform.w25, div.smallinput .bloqueform.w25, form .bloqueform.w35, div.smallinput .bloqueform.w35, form .contenedor .bloqueform.w65, .contenedor form .bloqueform.w65, div.smallinput .contenedor .bloqueform.w65, .contenedor div.smallinput .bloqueform.w65, form .bloqueform .bloqueform.w65, div.smallinput form .bloqueform .bloqueform.w65, form .bloqueform div.smallinput .bloqueform.w65, form.basico .bloqueform .bloqueform.w65, div.smallinput form.basico .bloqueform .bloqueform.w65, form.basico .bloqueform div.smallinput .bloqueform.w65, form .bloqueform.contenedor.w60, div.smallinput .bloqueform.contenedor.w60, form .bloqueform.w60, div.smallinput form .bloqueform.w60, form div.smallinput .bloqueform.w60, form.basico .bloqueform.w60, div.smallinput form.basico .bloqueform.w60, form.basico div.smallinput .bloqueform.w60, form .bloqueform.contenedor.w50, div.smallinput .bloqueform.contenedor.w50, form .bloqueform.w50, div.smallinput form .bloqueform.w50, form div.smallinput .bloqueform.w50, form.basico .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w50, form .bloqueform.contenedor.w40, div.smallinput .bloqueform.contenedor.w40, form .bloqueform.w40, div.smallinput form .bloqueform.w40, form div.smallinput .bloqueform.w40, form.basico .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w40, form .bloqueform.contenedor.w33, div.smallinput .bloqueform.contenedor.w33, form .bloqueform.w33, div.smallinput form .bloqueform.w33, form div.smallinput .bloqueform.w33, form.basico .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w33, form .bloqueform.contenedor.w25, div.smallinput .bloqueform.contenedor.w25, form .bloqueform.w25, div.smallinput form .bloqueform.w25, form div.smallinput .bloqueform.w25, form.basico .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico div.smallinput .bloqueform.w25, form .bloqueform.contenedor.w35, div.smallinput .bloqueform.contenedor.w35, form .bloqueform.w35, div.smallinput form .bloqueform.w35, form div.smallinput .bloqueform.w35, form.basico .bloqueform.w35, div.smallinput form.basico .bloqueform.w35, form.basico div.smallinput .bloqueform.w35, form div.smallinput .bloqueform .bloqueform.w65, div.smallinput .bloqueform form .bloqueform.w65, div.smallinput .bloqueform .bloqueform.w65, form div.basico.smallinput .bloqueform .bloqueform.w65, div.basico.smallinput .bloqueform form .bloqueform.w65, div.basico.smallinput .bloqueform .bloqueform.w65, form div.smallinput .bloqueform.w60, div.smallinput form .bloqueform.w60, div.smallinput .bloqueform.w60, form div.basico.smallinput .bloqueform.w60, div.basico.smallinput form .bloqueform.w60, div.basico.smallinput .bloqueform.w60, form div.smallinput .bloqueform.w50, div.smallinput form .bloqueform.w50, div.smallinput .bloqueform.w50, form div.basico.smallinput .bloqueform.w50, div.basico.smallinput form .bloqueform.w50, div.basico.smallinput .bloqueform.w50, form div.smallinput .bloqueform.w40, div.smallinput form .bloqueform.w40, div.smallinput .bloqueform.w40, form div.basico.smallinput .bloqueform.w40, div.basico.smallinput form .bloqueform.w40, div.basico.smallinput .bloqueform.w40, form div.smallinput .bloqueform.w33, div.smallinput form .bloqueform.w33, div.smallinput .bloqueform.w33, form div.basico.smallinput .bloqueform.w33, div.basico.smallinput form .bloqueform.w33, div.basico.smallinput .bloqueform.w33, form div.smallinput .bloqueform.w25, div.smallinput form .bloqueform.w25, div.smallinput .bloqueform.w25, form div.basico.smallinput .bloqueform.w25, div.basico.smallinput form .bloqueform.w25, div.basico.smallinput .bloqueform.w25, form div.smallinput .bloqueform.w35, div.smallinput form .bloqueform.w35, div.smallinput .bloqueform.w35, form div.basico.smallinput .bloqueform.w35, div.basico.smallinput form .bloqueform.w35, div.basico.smallinput .bloqueform.w35, form.basico .bloqueform.w75, form.basico .bloqueform.contenedor.w25, form.basico .bloqueform.w25, form.basico div.smallinput .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico .bloqueform.w25, form.basico .bloqueform.contenedor.w33, form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico .bloqueform.w33, form.basico .bloqueform.contenedor.w40, form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico .bloqueform.w40, form.basico .bloqueform.contenedor.w50, form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico .bloqueform.w50, form.basico .bloqueform.w65, form.basico .bloqueform.w60, form.basico .bloqueform.w50, form.basico .bloqueform.w40, form.basico .bloqueform.w25, form.basico .bloqueform.w35, form.basico .contenedor .bloqueform.w65, .contenedor form.basico .bloqueform.w65, form.basico .bloqueform .bloqueform.w65, form.basico .bloqueform .bloqueform.w65, form.basico .bloqueform.contenedor.w60, form.basico .bloqueform.w60, form.basico .bloqueform.w60, form.basico .bloqueform.contenedor.w50, form.basico .bloqueform.w50, form.basico .bloqueform.w50, form.basico .bloqueform.contenedor.w40, form.basico .bloqueform.w40, form.basico .bloqueform.w40, form.basico .bloqueform.contenedor.w33, form.basico .bloqueform.w33, form.basico .bloqueform.w33, form.basico .bloqueform.contenedor.w25, form.basico .bloqueform.w25, form.basico .bloqueform.w25, form.basico .bloqueform.contenedor.w35, form.basico .bloqueform.w35, form.basico .bloqueform.w35, form.basico div.smallinput .bloqueform .bloqueform.w65, div.smallinput .bloqueform form.basico .bloqueform.w65, form.basico div.basico.smallinput .bloqueform .bloqueform.w65, div.basico.smallinput .bloqueform form.basico .bloqueform.w65, form.basico div.smallinput .bloqueform.w60, div.smallinput form.basico .bloqueform.w60, form.basico div.basico.smallinput .bloqueform.w60, div.basico.smallinput form.basico .bloqueform.w60, form.basico div.smallinput .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico div.basico.smallinput .bloqueform.w50, div.basico.smallinput form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico div.basico.smallinput .bloqueform.w40, div.basico.smallinput form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico div.basico.smallinput .bloqueform.w33, div.basico.smallinput form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico div.basico.smallinput .bloqueform.w25, div.basico.smallinput form.basico .bloqueform.w25, form.basico div.smallinput .bloqueform.w35, div.smallinput form.basico .bloqueform.w35, form.basico div.basico.smallinput .bloqueform.w35, div.basico.smallinput form.basico .bloqueform.w35 {
  width: 73%;
  float: left;
  clear: none;
  display: inline-block; }

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

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

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

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

.transparent {
  background-color: transparent !important;
  color: #808080; }

.div-panel {
  width: 90%;
  background-color: #f7ffff;
  height: auto;
  margin: 0 auto;
  padding: 20px 30px;
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.duo {
  width: 50%;
  min-height: 35px;
  position: relative;
  display: inline-block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.w80 {
  width: 80%; }

.w20 {
  width: 20%; }

.w70 {
  width: 70%; }

.w30 {
  width: 30%; }

.div-blanco {
  width: 80%;
  position: relative;
  background-color: white;
  border: 1.5px #eae8e8 solid;
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .div-blanco.graf-abajo {
    width: 90%; }

.h150 {
  height: 150px; }

.h130 {
  height: 130px; }

.h330 {
  height: 300px; }

.h400 {
  height: 400px; }

.top40 {
  margin-top: 40px; }

.paddin {
  padding-top: 25px; }

.div-100 {
  width: 100%;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.h50 {
  height: 50px; }

.h100 {
  height: 100px; }

.div-trio {
  width: auto;
  height: auto;
  position: relative;
  display: inline-block;
  padding-top: 5px;
  text-align: center;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .div-trio.flechas {
    padding-top: 0; }

.azul {
  color: blue; }

.verde {
  color: green; }

.red {
  color: red; }

.letra-peq {
  font-size: 0.7em; }

.letra-grand {
  font-size: 1.2em; }

.centro {
  width: 40%;
  height: auto;
  position: relative;
  margin: 0 auto;
  padding: 15px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .centro.img {
    width: 15%; }
  .centro.d-barra {
    width: 90%; }
    .centro.d-barra p {
      font-size: 1.4em;
      color: #0298cf; }

.imagen {
  width: 100%;
  height: auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.monto {
  font-size: 1.5em; }

.negritas {
  color: black; }

#line-chart {
  padding: 0 0 0 0;
  margin: 0 0 0 0; }

.circulo {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  position: relative;
  background-color: red;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.icono-dash {
  margin: 10px 0 0 10px; }

.barraporcentaje {
  width: 100%;
  height: 5px;
  display: block;
  position: relative;
  text-align: center;
  background-color: rgba(169, 169, 169, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }
  .barraporcentaje span.barra {
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(2, 152, 207, 0.5); }
  .barraporcentaje .boton, .barraporcentaje form input[type=submit], form .barraporcentaje input[type=submit], .barraporcentaje form .boton.botonaccion, form .barraporcentaje .boton.botonaccion, .barraporcentaje div.smallinput input[type=submit], div.smallinput .barraporcentaje input[type=submit], .barraporcentaje div.smallinput .boton.botonaccion, div.smallinput .barraporcentaje .boton.botonaccion, .barraporcentaje form a.boton.table, form .barraporcentaje a.boton.table, .barraporcentaje div.smallinput a.boton.table, div.smallinput .barraporcentaje a.boton.table {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    max-height: 100%;
    background-color: rgba(0, 0, 0, 0.1); }

/* FUENTES DE GOOGLE WEB FONTS || https://www.google.com/fonts */
@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"); }

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

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

.acenter {
  text-align: center; }

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

.capitalize {
  text-transform: capitalize; }

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

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

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

.acenter {
  text-align: center; }

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

.iconos-1 {
  background-image: url(../images/iconos/iconos200blanco.png);
  background-repeat: no-repeat;
  background-size: 330px;
  width: 30px;
  height: 30px;
  display: block; }
  .iconos-1.solicitud {
    background-position: 0px -0px; }
    .iconos-1.solicitud.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos-1.ventas {
    background-position: -30px -0px; }
    .iconos-1.ventas.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-1.cobranza {
    background-position: -60px -0px; }
    .iconos-1.cobranza.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos-1.transito {
    background-position: -90px -0px; }
    .iconos-1.transito.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos-1.inventario {
    background-position: -120px -0px; }
    .iconos-1.inventario.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos-1.reportes {
    background-position: -150px -0px; }
    .iconos-1.reportes.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .iconos-1.sucursales {
    background-position: -180px -0px; }
    .iconos-1.sucursales.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .iconos-1.catalogos {
    background-position: -210px -0px; }
    .iconos-1.catalogos.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .iconos-1.config {
    background-position: -240px -0px; }
    .iconos-1.config.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .iconos-1.clientes {
    background-position: -270px -0px; }
    .iconos-1.clientes.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .iconos-1.cuentas {
    background-position: -300px -0px; }
    .iconos-1.cuentas.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .iconos-1.venta {
    background-position: 0px -30px; }
    .iconos-1.venta.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos-1.apartados {
    background-position: -30px -30px; }
    .iconos-1.apartados.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-1.vitrina {
    background-position: -60px -30px; }
    .iconos-1.vitrina.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos-1.almacen {
    background-position: -90px -30px; }
    .iconos-1.almacen.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos-1.gastos {
    background-position: -120px -30px; }
    .iconos-1.gastos.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos-1.rh {
    background-position: -210px -30px; }
    .iconos-1.rh.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .iconos-1.compras {
    background-position: -240px -30px; }
    .iconos-1.compras.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .iconos-1.cobranza {
    background-position: -270px -30px; }
    .iconos-1.cobranza.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .iconos-1.proveedores {
    background-position: -300px -30px; }
    .iconos-1.proveedores.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }

.iconos-2 {
  background-image: url(../images/iconos/iconos200.png);
  background-repeat: no-repeat;
  background-size: 160px;
  width: 20px;
  height: 20px;
  display: block; }
  .iconos-2.solicitud {
    background-position: 0px -0px; }
    .iconos-2.solicitud.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .iconos-2.ventas {
    background-position: -20px -0px; }
    .iconos-2.ventas.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .iconos-2.cobranza {
    background-position: -40px -0px; }
    .iconos-2.cobranza.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .iconos-2.transito {
    background-position: -60px -0px; }
    .iconos-2.transito.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .iconos-2.inventario {
    background-position: -80px -0px; }
    .iconos-2.inventario.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .iconos-2.reportes {
    background-position: -100px -0px; }
    .iconos-2.reportes.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .iconos-2.sucursales {
    background-position: -120px -0px; }
    .iconos-2.sucursales.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .iconos-2.catalogos {
    background-position: -140px -0px; }
    .iconos-2.catalogos.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .iconos-2.config {
    background-position: -160px -0px; }
    .iconos-2.config.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .iconos-2.clientes {
    background-position: -180px -0px; }
    .iconos-2.clientes.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .iconos-2.cuentas {
    background-position: -200px -0px; }
    .iconos-2.cuentas.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .iconos-2.venta {
    background-position: 0px -20px; }
    .iconos-2.venta.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .iconos-2.apartados {
    background-position: -20px -20px; }
    .iconos-2.apartados.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .iconos-2.vitrina {
    background-position: -40px -20px; }
    .iconos-2.vitrina.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .iconos-2.almacen {
    background-position: -60px -20px; }
    .iconos-2.almacen.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .iconos-2.gastos {
    background-position: -80px -20px; }
    .iconos-2.gastos.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .iconos-2.rh {
    background-position: -140px -20px; }
    .iconos-2.rh.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .iconos-2.compras {
    background-position: -160px -20px; }
    .iconos-2.compras.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .iconos-2.cobranza {
    background-position: -180px -20px; }
    .iconos-2.cobranza.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .iconos-2.proveedores {
    background-position: -200px -20px; }
    .iconos-2.proveedores.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }

.botones-1 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 870px;
  width: 30px;
  height: 30px;
  display: block; }
  .botones-1.agregar {
    background-position: 0px -0px; }
    .botones-1.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .botones-1.borrar {
    background-position: -30px -0px; }
    .botones-1.borrar.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .botones-1.editar {
    background-position: -60px -0px; }
    .botones-1.editar.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .botones-1.cerrar {
    background-position: -90px -0px; }
    .botones-1.cerrar.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .botones-1.detalles {
    background-position: -120px -0px; }
    .botones-1.detalles.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .botones-1.temporal {
    background-position: -150px -0px; }
    .botones-1.temporal.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .botones-1.ver {
    background-position: -180px -0px; }
    .botones-1.ver.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .botones-1.ver2 {
    background-position: -210px -0px; }
    .botones-1.ver2.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .botones-1.recibir {
    background-position: -240px -0px; }
    .botones-1.recibir.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .botones-1.recibido {
    background-position: -270px -0px; }
    .botones-1.recibido.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .botones-1.enviar {
    background-position: -300px -0px; }
    .botones-1.enviar.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .botones-1.nota {
    background-position: -330px -0px; }
    .botones-1.nota.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .botones-1.factura {
    background-position: -360px -0px; }
    .botones-1.factura.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .botones-1.facturacancel {
    background-position: -390px -0px; }
    .botones-1.facturacancel.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .botones-1.facturareemplazo {
    background-position: -420px -0px; }
    .botones-1.facturareemplazo.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .botones-1.enviarmail {
    background-position: -450px -0px; }
    .botones-1.enviarmail.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .botones-1.enviarpaquete {
    background-position: -480px -0px; }
    .botones-1.enviarpaquete.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .botones-1.cancelar {
    background-position: -510px -0px; }
    .botones-1.cancelar.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .botones-1.descargar {
    background-position: -540px -0px; }
    .botones-1.descargar.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .botones-1.estadisticas {
    background-position: -570px -0px; }
    .botones-1.estadisticas.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .botones-1.aprobar {
    background-position: -600px -0px; }
    .botones-1.aprobar.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .botones-1.aprobado {
    background-position: -600px -30px; }
    .botones-1.aprobado.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .botones-1.imprimir {
    background-position: -630px -0px; }
    .botones-1.imprimir.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }
  .botones-1.copiar {
    background-position: -660px -0px; }
    .botones-1.copiar.hover:hover {
      cursor: pointer;
      background-position: -660px -30px; }
  .botones-1.refacturar {
    background-position: -690px -0px; }
    .botones-1.refacturar.hover:hover {
      cursor: pointer;
      background-position: -690px -30px; }
  .botones-1.actualizar {
    background-position: -720px -0px; }
    .botones-1.actualizar.hover:hover {
      cursor: pointer;
      background-position: -720px -30px; }
  .botones-1.actualizar-gris {
    background-position: -720px -30px; }
    .botones-1.actualizar-gris.hover:hover {
      cursor: pointer;
      background-position: -720px -30px; }
  .botones-1.adelantar {
    background-position: -750px -0px; }
    .botones-1.adelantar.hover:hover {
      cursor: pointer;
      background-position: -750px -30px; }
  .botones-1.regresar {
    background-position: -780px -0px; }
    .botones-1.regresar.hover:hover {
      cursor: pointer;
      background-position: -780px -30px; }
  .botones-1.siguiente {
    background-position: -810px -0px; }
    .botones-1.siguiente.hover:hover {
      cursor: pointer;
      background-position: -810px -30px; }
  .botones-1.anterior {
    background-position: -840px -0px; }
    .botones-1.anterior.hover:hover {
      cursor: pointer;
      background-position: -840px -30px; }

.botones-2 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 580px;
  width: 20px;
  height: 20px;
  display: block; }
  .botones-2.agregar {
    background-position: 0px -0px; }
    .botones-2.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .botones-2.borrar {
    background-position: -20px -0px; }
    .botones-2.borrar.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .botones-2.editar {
    background-position: -40px -0px; }
    .botones-2.editar.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .botones-2.cerrar {
    background-position: -60px -0px; }
    .botones-2.cerrar.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .botones-2.detalles {
    background-position: -80px -0px; }
    .botones-2.detalles.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .botones-2.temporal {
    background-position: -100px -0px; }
    .botones-2.temporal.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .botones-2.ver {
    background-position: -120px -0px; }
    .botones-2.ver.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .botones-2.ver2 {
    background-position: -140px -0px; }
    .botones-2.ver2.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .botones-2.recibir {
    background-position: -160px -0px; }
    .botones-2.recibir.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .botones-2.recibido {
    background-position: -180px -0px; }
    .botones-2.recibido.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .botones-2.enviar {
    background-position: -200px -0px; }
    .botones-2.enviar.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .botones-2.nota {
    background-position: -220px -0px; }
    .botones-2.nota.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .botones-2.factura {
    background-position: -240px -0px; }
    .botones-2.factura.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }
  .botones-2.facturacancel {
    background-position: -260px -0px; }
    .botones-2.facturacancel.hover:hover {
      cursor: pointer;
      background-position: -260px -20px; }
  .botones-2.facturareemplazo {
    background-position: -280px -0px; }
    .botones-2.facturareemplazo.hover:hover {
      cursor: pointer;
      background-position: -280px -20px; }
  .botones-2.enviarmail {
    background-position: -300px -0px; }
    .botones-2.enviarmail.hover:hover {
      cursor: pointer;
      background-position: -300px -20px; }
  .botones-2.enviarpaquete {
    background-position: -320px -0px; }
    .botones-2.enviarpaquete.hover:hover {
      cursor: pointer;
      background-position: -320px -20px; }
  .botones-2.cancelar {
    background-position: -340px -0px; }
    .botones-2.cancelar.hover:hover {
      cursor: pointer;
      background-position: -340px -20px; }
  .botones-2.descargar {
    background-position: -360px -0px; }
    .botones-2.descargar.hover:hover {
      cursor: pointer;
      background-position: -360px -20px; }
  .botones-2.estadisticas {
    background-position: -380px -0px; }
    .botones-2.estadisticas.hover:hover {
      cursor: pointer;
      background-position: -380px -20px; }
  .botones-2.aprobar {
    background-position: -400px -0px; }
    .botones-2.aprobar.hover:hover {
      cursor: pointer;
      background-position: -400px -20px; }
  .botones-2.aprobado {
    background-position: -400px -20px; }
    .botones-2.aprobado.hover:hover {
      cursor: pointer;
      background-position: -400px -20px; }
  .botones-2.imprimir {
    background-position: -420px -0px; }
    .botones-2.imprimir.hover:hover {
      cursor: pointer;
      background-position: -420px -20px; }
  .botones-2.copiar {
    background-position: -440px -0px; }
    .botones-2.copiar.hover:hover {
      cursor: pointer;
      background-position: -440px -20px; }
  .botones-2.refacturar {
    background-position: -460px -0px; }
    .botones-2.refacturar.hover:hover {
      cursor: pointer;
      background-position: -460px -20px; }
  .botones-2.actualizar {
    background-position: -480px -0px; }
    .botones-2.actualizar.hover:hover {
      cursor: pointer;
      background-position: -480px -20px; }
  .botones-2.actualizar-gris {
    background-position: -480px -20px; }
    .botones-2.actualizar-gris.hover:hover {
      cursor: pointer;
      background-position: -480px -20px; }
  .botones-2.adelantar {
    background-position: -500px -0px; }
    .botones-2.adelantar.hover:hover {
      cursor: pointer;
      background-position: -500px -20px; }
  .botones-2.regresar {
    background-position: -520px -0px; }
    .botones-2.regresar.hover:hover {
      cursor: pointer;
      background-position: -520px -20px; }
  .botones-2.siguiente {
    background-position: -540px -0px; }
    .botones-2.siguiente.hover:hover {
      cursor: pointer;
      background-position: -540px -20px; }
  .botones-2.anterior {
    background-position: -560px -0px; }
    .botones-2.anterior.hover:hover {
      cursor: pointer;
      background-position: -560px -20px; }

.botones-3 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 1740px;
  width: 60px;
  height: 60px;
  display: block; }
  .botones-3.agregar {
    background-position: 0px -0px; }
    .botones-3.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -60px; }
  .botones-3.borrar {
    background-position: -60px -0px; }
    .botones-3.borrar.hover:hover {
      cursor: pointer;
      background-position: -60px -60px; }
  .botones-3.editar {
    background-position: -120px -0px; }
    .botones-3.editar.hover:hover {
      cursor: pointer;
      background-position: -120px -60px; }
  .botones-3.cerrar {
    background-position: -180px -0px; }
    .botones-3.cerrar.hover:hover {
      cursor: pointer;
      background-position: -180px -60px; }
  .botones-3.detalles {
    background-position: -240px -0px; }
    .botones-3.detalles.hover:hover {
      cursor: pointer;
      background-position: -240px -60px; }
  .botones-3.temporal {
    background-position: -300px -0px; }
    .botones-3.temporal.hover:hover {
      cursor: pointer;
      background-position: -300px -60px; }
  .botones-3.ver {
    background-position: -360px -0px; }
    .botones-3.ver.hover:hover {
      cursor: pointer;
      background-position: -360px -60px; }
  .botones-3.ver2 {
    background-position: -420px -0px; }
    .botones-3.ver2.hover:hover {
      cursor: pointer;
      background-position: -420px -60px; }
  .botones-3.recibir {
    background-position: -480px -0px; }
    .botones-3.recibir.hover:hover {
      cursor: pointer;
      background-position: -480px -60px; }
  .botones-3.recibido {
    background-position: -540px -0px; }
    .botones-3.recibido.hover:hover {
      cursor: pointer;
      background-position: -540px -60px; }
  .botones-3.enviar {
    background-position: -600px -0px; }
    .botones-3.enviar.hover:hover {
      cursor: pointer;
      background-position: -600px -60px; }
  .botones-3.nota {
    background-position: -660px -0px; }
    .botones-3.nota.hover:hover {
      cursor: pointer;
      background-position: -660px -60px; }
  .botones-3.factura {
    background-position: -720px -0px; }
    .botones-3.factura.hover:hover {
      cursor: pointer;
      background-position: -720px -60px; }
  .botones-3.facturacancel {
    background-position: -780px -0px; }
    .botones-3.facturacancel.hover:hover {
      cursor: pointer;
      background-position: -780px -60px; }
  .botones-3.facturareemplazo {
    background-position: -840px -0px; }
    .botones-3.facturareemplazo.hover:hover {
      cursor: pointer;
      background-position: -840px -60px; }
  .botones-3.enviarmail {
    background-position: -900px -0px; }
    .botones-3.enviarmail.hover:hover {
      cursor: pointer;
      background-position: -900px -60px; }
  .botones-3.enviarpaquete {
    background-position: -960px -0px; }
    .botones-3.enviarpaquete.hover:hover {
      cursor: pointer;
      background-position: -960px -60px; }
  .botones-3.cancelar {
    background-position: -1020px -0px; }
    .botones-3.cancelar.hover:hover {
      cursor: pointer;
      background-position: -1020px -60px; }
  .botones-3.descargar {
    background-position: -1080px -0px; }
    .botones-3.descargar.hover:hover {
      cursor: pointer;
      background-position: -1080px -60px; }
  .botones-3.estadisticas {
    background-position: -1140px -0px; }
    .botones-3.estadisticas.hover:hover {
      cursor: pointer;
      background-position: -1140px -60px; }
  .botones-3.aprobar {
    background-position: -1200px -0px; }
    .botones-3.aprobar.hover:hover {
      cursor: pointer;
      background-position: -1200px -60px; }
  .botones-3.aprobado {
    background-position: -1200px -60px; }
    .botones-3.aprobado.hover:hover {
      cursor: pointer;
      background-position: -1200px -60px; }
  .botones-3.imprimir {
    background-position: -1260px -0px; }
    .botones-3.imprimir.hover:hover {
      cursor: pointer;
      background-position: -1260px -60px; }
  .botones-3.copiar {
    background-position: -1320px -0px; }
    .botones-3.copiar.hover:hover {
      cursor: pointer;
      background-position: -1320px -60px; }
  .botones-3.refacturar {
    background-position: -1380px -0px; }
    .botones-3.refacturar.hover:hover {
      cursor: pointer;
      background-position: -1380px -60px; }
  .botones-3.actualizar {
    background-position: -1440px -0px; }
    .botones-3.actualizar.hover:hover {
      cursor: pointer;
      background-position: -1440px -60px; }
  .botones-3.actualizar-gris {
    background-position: -1440px -60px; }
    .botones-3.actualizar-gris.hover:hover {
      cursor: pointer;
      background-position: -1440px -60px; }
  .botones-3.adelantar {
    background-position: -1500px -0px; }
    .botones-3.adelantar.hover:hover {
      cursor: pointer;
      background-position: -1500px -60px; }
  .botones-3.regresar {
    background-position: -1560px -0px; }
    .botones-3.regresar.hover:hover {
      cursor: pointer;
      background-position: -1560px -60px; }
  .botones-3.siguiente {
    background-position: -1620px -0px; }
    .botones-3.siguiente.hover:hover {
      cursor: pointer;
      background-position: -1620px -60px; }
  .botones-3.anterior {
    background-position: -1680px -0px; }
    .botones-3.anterior.hover:hover {
      cursor: pointer;
      background-position: -1680px -60px; }

.b-fac-1 {
  background-image: url(../images/iconos/botonesfacnew.png);
  background-repeat: no-repeat;
  background-size: 240px;
  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.enviar {
    background-position: -80px -0px; }
    .b-fac-1.enviar.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .b-fac-1.notacred {
    background-position: -100px -0px; }
    .b-fac-1.notacred.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-1.satcancels {
    background-position: -180px -0px; }
    .b-fac-1.satcancels.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .b-fac-1.descargarfactura {
    background-position: -200px -0px; }
    .b-fac-1.descargarfactura.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .b-fac-1.subirfactura {
    background-position: -220px -0px; }
    .b-fac-1.subirfactura.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }

.icono-dash {
  background-image: url(../images/iconos/iconos200-dash.png?v1.2);
  background-repeat: no-repeat;
  background-size: 1150px;
  width: 50px;
  height: 50px;
  display: block; }
  .icono-dash.engrane {
    background-position: 0px -0px; }
    .icono-dash.engrane.hover:hover {
      cursor: pointer;
      background-position: 0px -50px; }
  .icono-dash.medir {
    background-position: -50px -0px; }
    .icono-dash.medir.hover:hover {
      cursor: pointer;
      background-position: -50px -50px; }
  .icono-dash.precio-m {
    background-position: -100px -0px; }
    .icono-dash.precio-m.hover:hover {
      cursor: pointer;
      background-position: -100px -50px; }
  .icono-dash.botella {
    background-position: -150px -0px; }
    .icono-dash.botella.hover:hover {
      cursor: pointer;
      background-position: -150px -50px; }
  .icono-dash.home-bo {
    background-position: -200px -0px; }
    .icono-dash.home-bo.hover:hover {
      cursor: pointer;
      background-position: -200px -50px; }
  .icono-dash.lista-precio {
    background-position: -250px -0px; }
    .icono-dash.lista-precio.hover:hover {
      cursor: pointer;
      background-position: -250px -50px; }
  .icono-dash.usuario {
    background-position: -300px -0px; }
    .icono-dash.usuario.hover:hover {
      cursor: pointer;
      background-position: -300px -50px; }
  .icono-dash.llave {
    background-position: -350px -0px; }
    .icono-dash.llave.hover:hover {
      cursor: pointer;
      background-position: -350px -50px; }
  .icono-dash.mueble {
    background-position: -400px -0px; }
    .icono-dash.mueble.hover:hover {
      cursor: pointer;
      background-position: -400px -50px; }
  .icono-dash.notas {
    background-position: -450px -0px; }
    .icono-dash.notas.hover:hover {
      cursor: pointer;
      background-position: -450px -50px; }
  .icono-dash.calendario {
    background-position: -500px -0px; }
    .icono-dash.calendario.hover:hover {
      cursor: pointer;
      background-position: -500px -50px; }
  .icono-dash.botella-blanca {
    background-position: -550px -0px; }
    .icono-dash.botella-blanca.hover:hover {
      cursor: pointer;
      background-position: -550px -50px; }
  .icono-dash.engrane-blanco {
    background-position: -600px -0px; }
    .icono-dash.engrane-blanco.hover:hover {
      cursor: pointer;
      background-position: -600px -50px; }
  .icono-dash.notas-blancas {
    background-position: -650px -0px; }
    .icono-dash.notas-blancas.hover:hover {
      cursor: pointer;
      background-position: -650px -50px; }
  .icono-dash.mueble-blanco {
    background-position: -700px -0px; }
    .icono-dash.mueble-blanco.hover:hover {
      cursor: pointer;
      background-position: -700px -50px; }
  .icono-dash.home-blanco {
    background-position: -750px -0px; }
    .icono-dash.home-blanco.hover:hover {
      cursor: pointer;
      background-position: -750px -50px; }
  .icono-dash.lista-precios {
    background-position: -800px -0px; }
    .icono-dash.lista-precios.hover:hover {
      cursor: pointer;
      background-position: -800px -50px; }
  .icono-dash.libreta {
    background-position: -850px -0px; }
    .icono-dash.libreta.hover:hover {
      cursor: pointer;
      background-position: -850px -50px; }
  .icono-dash.usurio-blanco {
    background-position: -900px -0px; }
    .icono-dash.usurio-blanco.hover:hover {
      cursor: pointer;
      background-position: -900px -50px; }
  .icono-dash.llave-blanca {
    background-position: -950px -0px; }
    .icono-dash.llave-blanca.hover:hover {
      cursor: pointer;
      background-position: -950px -50px; }
  .icono-dash.engrane-uno {
    background-position: -1000px -0px; }
    .icono-dash.engrane-uno.hover:hover {
      cursor: pointer;
      background-position: -1000px -50px; }
  .icono-dash.flecha-izq {
    background-position: -1050px -0px; }
    .icono-dash.flecha-izq.hover:hover {
      cursor: pointer;
      background-position: -1050px -50px; }
  .icono-dash.flecha-der {
    background-position: -1100px -0px; }
    .icono-dash.flecha-der.hover:hover {
      cursor: pointer;
      background-position: -1100px -50px; }

.icono-dash-1 {
  background-image: url(../images/iconos/iconos200-dash.png?v1.2);
  background-repeat: no-repeat;
  background-size: 690px;
  width: 30px;
  height: 30px;
  display: block; }
  .icono-dash-1.engrane {
    background-position: 0px -0px; }
    .icono-dash-1.engrane.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .icono-dash-1.medir {
    background-position: -30px -0px; }
    .icono-dash-1.medir.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .icono-dash-1.precio-m {
    background-position: -60px -0px; }
    .icono-dash-1.precio-m.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .icono-dash-1.botella {
    background-position: -90px -0px; }
    .icono-dash-1.botella.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .icono-dash-1.home-bo {
    background-position: -120px -0px; }
    .icono-dash-1.home-bo.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .icono-dash-1.lista-precio {
    background-position: -150px -0px; }
    .icono-dash-1.lista-precio.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .icono-dash-1.usuario {
    background-position: -180px -0px; }
    .icono-dash-1.usuario.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .icono-dash-1.llave {
    background-position: -210px -0px; }
    .icono-dash-1.llave.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .icono-dash-1.mueble {
    background-position: -240px -0px; }
    .icono-dash-1.mueble.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .icono-dash-1.notas {
    background-position: -270px -0px; }
    .icono-dash-1.notas.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .icono-dash-1.calendario {
    background-position: -300px -0px; }
    .icono-dash-1.calendario.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .icono-dash-1.botella-blanca {
    background-position: -330px -0px; }
    .icono-dash-1.botella-blanca.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .icono-dash-1.engrane-blanco {
    background-position: -360px -0px; }
    .icono-dash-1.engrane-blanco.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .icono-dash-1.notas-blancas {
    background-position: -390px -0px; }
    .icono-dash-1.notas-blancas.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .icono-dash-1.mueble-blanco {
    background-position: -420px -0px; }
    .icono-dash-1.mueble-blanco.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .icono-dash-1.home-blanco {
    background-position: -450px -0px; }
    .icono-dash-1.home-blanco.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .icono-dash-1.lista-precios {
    background-position: -480px -0px; }
    .icono-dash-1.lista-precios.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .icono-dash-1.libreta {
    background-position: -510px -0px; }
    .icono-dash-1.libreta.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .icono-dash-1.usurio-blanco {
    background-position: -540px -0px; }
    .icono-dash-1.usurio-blanco.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .icono-dash-1.llave-blanca {
    background-position: -570px -0px; }
    .icono-dash-1.llave-blanca.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .icono-dash-1.engrane-uno {
    background-position: -600px -0px; }
    .icono-dash-1.engrane-uno.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .icono-dash-1.flecha-izq {
    background-position: -630px -0px; }
    .icono-dash-1.flecha-izq.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }
  .icono-dash-1.flecha-der {
    background-position: -660px -0px; }
    .icono-dash-1.flecha-der.hover:hover {
      cursor: pointer;
      background-position: -660px -30px; }

.menu-i {
  background-image: url(../images/iconos/iconos-menu.png?v1.2);
  background-repeat: no-repeat;
  background-size: 570px;
  width: 30px;
  height: 30px;
  display: block; }
  .menu-i.medir {
    background-position: 0px -0px; }
    .menu-i.medir.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .menu-i.precio-m {
    background-position: -30px -0px; }
    .menu-i.precio-m.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .menu-i.estante {
    background-position: -60px -0px; }
    .menu-i.estante.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .menu-i.calendar {
    background-position: -90px -0px; }
    .menu-i.calendar.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .menu-i.prospectos {
    background-position: -120px -0px; }
    .menu-i.prospectos.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .menu-i.plasticos {
    background-position: -150px -0px; }
    .menu-i.plasticos.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .menu-i.mecanica {
    background-position: -180px -0px; }
    .menu-i.mecanica.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .menu-i.bitacora {
    background-position: -210px -0px; }
    .menu-i.bitacora.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .menu-i.almacen {
    background-position: -240px -0px; }
    .menu-i.almacen.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .menu-i.almacen-grl {
    background-position: -270px -0px; }
    .menu-i.almacen-grl.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .menu-i.compras {
    background-position: -300px -0px; }
    .menu-i.compras.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .menu-i.caja {
    background-position: -300px -0px; }
    .menu-i.caja.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .menu-i.catalogo {
    background-position: -330px -0px; }
    .menu-i.catalogo.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .menu-i.rrhh {
    background-position: -360px -0px; }
    .menu-i.rrhh.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .menu-i.usuarios {
    background-position: -390px -0px; }
    .menu-i.usuarios.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .menu-i.mantenimiento {
    background-position: -420px -0px; }
    .menu-i.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .menu-i.confg {
    background-position: -450px -0px; }
    .menu-i.confg.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .menu-i.row-left {
    background-position: -480px -0px; }
    .menu-i.row-left.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .menu-i.row-right {
    background-position: -510px -0px; }
    .menu-i.row-right.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .menu-i.notas {
    background-position: -540px -0px; }
    .menu-i.notas.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }

.btn-1 {
  background-image: url(../images/iconos/botones200.png?v1);
  background-repeat: no-repeat;
  background-size: 180px;
  width: 20px;
  height: 20px;
  display: block; }
  .btn-1.agregar {
    background-position: 0px -0px; }
    .btn-1.agregar.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .btn-1.borrar {
    background-position: -20px -0px; }
    .btn-1.borrar.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .btn-1.editar {
    background-position: -40px -0px; }
    .btn-1.editar.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .btn-1.cerrar {
    background-position: -60px -0px; }
    .btn-1.cerrar.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .btn-1.buscar {
    background-position: -80px -0px; }
    .btn-1.buscar.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .btn-1.agregar {
    background-position: -100px -0px; }
    .btn-1.agregar.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .btn-1.tiempo {
    background-position: -120px -0px; }
    .btn-1.tiempo.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .btn-1.ver-green {
    background-position: -140px -0px; }
    .btn-1.ver-green.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .btn-1.ver-blue {
    background-position: -160px -0px; }
    .btn-1.ver-blue.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }

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

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

body {
  background: #E6EBF2; }

.cultyvo-filter-button.active, .cultyvo-filter-button:hover {
  background-color: #39A9E3; }

body {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }
  body.menu {
    margin-left: 0; }
    body.menu #nav {
      margin-left: 0; }
      body.menu #nav .openMenu {
        margin-left: 9px;
        z-index: 3; }
    body.menu section {
      padding-left: 10%; }

#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;
  border-top: none;
  border-left: none; }
  #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: 136px;
    margin: 0 0 0 35%;
    background-color: #1D2C69;
    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;
    border-top: none;
    z-index: 2; }
  #nav ul {
    width: 100%;
    height: auto;
    list-style: none;
    padding-left: 0;
    padding-top: 0; }
    #nav ul li {
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      width: 100%;
      height: auto;
      padding-left: 0;
      padding-top: 10%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      #nav ul li.activo {
        background-color: #eee; }
        #nav ul li.activo ul {
          max-height: 1000px; }
      #nav ul li.head {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        background-size: 30px 30px;
        background-repeat: no-repeat;
        background-position: left 10px top 5px;
        min-height: 40px; }
        #nav ul li.head > a:first-child, #nav ul form li.head > input[type=submit]:first-child, form #nav ul li.head > input[type=submit]:first-child, #nav ul form li.head > .boton.botonaccion:first-child, form #nav ul li.head > .boton.botonaccion:first-child, #nav ul div.smallinput li.head > input[type=submit]:first-child, div.smallinput #nav ul li.head > input[type=submit]:first-child, #nav ul div.smallinput li.head > .boton.botonaccion:first-child, div.smallinput #nav ul li.head > .boton.botonaccion:first-child, #nav ul form li.head > a.boton.table:first-child, #nav ul div.smallinput li.head > a.boton.table: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, #nav ul form li.level2 > input[type=submit]:first-child, form #nav ul li.level2 > input[type=submit]:first-child, #nav ul form li.level2 > .boton.botonaccion:first-child, form #nav ul li.level2 > .boton.botonaccion:first-child, #nav ul div.smallinput li.level2 > input[type=submit]:first-child, div.smallinput #nav ul li.level2 > input[type=submit]:first-child, #nav ul div.smallinput li.level2 > .boton.botonaccion:first-child, div.smallinput #nav ul li.level2 > .boton.botonaccion:first-child, #nav ul form li.level2 > a.boton.table:first-child, #nav ul div.smallinput li.level2 > a.boton.table:first-child {
        text-transform: uppercase;
        color: #1D2C69;
        font-family: 'Muli-Bold';
        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, #nav ul form li.level2 > input[type=submit]:first-child:before, form #nav ul li.level2 > input[type=submit]:first-child:before, #nav ul form li.level2 > .boton.botonaccion:first-child:before, form #nav ul li.level2 > .boton.botonaccion:first-child:before, #nav ul div.smallinput li.level2 > input[type=submit]:first-child:before, div.smallinput #nav ul li.level2 > input[type=submit]:first-child:before, #nav ul div.smallinput li.level2 > .boton.botonaccion:first-child:before, div.smallinput #nav ul li.level2 > .boton.botonaccion:first-child:before, #nav ul form li.level2 > a.boton.table:first-child:before, #nav ul div.smallinput li.level2 > a.boton.table:first-child:before {
          content: ' ';
          vertical-align: top; }
      #nav ul li.off {
        background-color: #f7fbff; }

#nav ul li ul {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  width: 100%;
  height: auto;
  padding-left: 5px;
  padding-right: 5px;
  max-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden; }
  #nav ul li ul li {
    padding-left: 0%;
    padding-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #nav ul li ul a, #nav ul li ul form input[type=submit], form #nav ul li ul input[type=submit], #nav ul li ul form .boton.botonaccion, form #nav ul li ul .boton.botonaccion, #nav ul li ul div.smallinput input[type=submit], div.smallinput #nav ul li ul input[type=submit], #nav ul li ul div.smallinput .boton.botonaccion, div.smallinput #nav ul li ul .boton.botonaccion {
    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, #nav ul li form input[type=submit], form #nav ul li input[type=submit], #nav ul li form .boton.botonaccion, form #nav ul li .boton.botonaccion, #nav ul li div.smallinput input[type=submit], div.smallinput #nav ul li input[type=submit], #nav ul li div.smallinput .boton.botonaccion, div.smallinput #nav ul li .boton.botonaccion {
  width: 100%;
  margin: 0;
  color: white; }

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

#pestanas {
  font-family: "Muli-regular";
  border-bottom: 5px solid #1D2C69; }
  #pestanas li a, #pestanas li form input[type=submit], form #pestanas li input[type=submit], #pestanas li form .boton.botonaccion, form #pestanas li .boton.botonaccion, #pestanas li div.smallinput input[type=submit], div.smallinput #pestanas li input[type=submit], #pestanas li div.smallinput .boton.botonaccion, div.smallinput #pestanas li .boton.botonaccion {
    background-color: #F1F1F3; }
  #pestanas li.activo a, #pestanas li.activo form input[type=submit], form #pestanas li.activo input[type=submit], #pestanas li.activo form .boton.botonaccion, form #pestanas li.activo .boton.botonaccion, #pestanas li.activo div.smallinput input[type=submit], div.smallinput #pestanas li.activo input[type=submit], #pestanas li.activo div.smallinput .boton.botonaccion, div.smallinput #pestanas li.activo .boton.botonaccion {
    background-color: #1D2C69;
    font-family: "Muli-bold"; }
  #pestanas li:hover {
    background-color: rgba(29, 44, 105, 0.8); }
    #pestanas li:hover a, #pestanas li:hover form input[type=submit], form #pestanas li:hover input[type=submit], #pestanas li:hover form .boton.botonaccion, form #pestanas li:hover .boton.botonaccion, #pestanas li:hover div.smallinput input[type=submit], div.smallinput #pestanas li:hover input[type=submit], #pestanas li:hover div.smallinput .boton.botonaccion, div.smallinput #pestanas li:hover .boton.botonaccion {
      background-color: rgba(29, 44, 105, 0.8); }

.table h4, form a.boton.table h4, div.smallinput a.boton.table h4 {
  font-family: "Muli-bold";
  color: #4D4D4D !important; }

table thead th {
  font-family: "Muli-regular";
  background-color: #2E84CC; }

table tbody tr {
  background-color: white; }
  table tbody tr:hover {
    background-color: #c4deff; }

table tbody tr:nth-child(odd) {
  background-color: #f6faff; }
  table tbody tr:nth-child(odd):hover {
    background-color: #c4deff; }
  table tbody tr:nth-child(odd) td:nth-child(odd) {
    background-color: transparent !important; }

table tbody td:nth-child(odd) {
  background-color: transparent !important; }

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

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

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

.acenter {
  text-align: center; }

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

.capitalize {
  text-transform: capitalize; }

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

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

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

.acenter {
  text-align: center; }

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

div.notificacion {
  position: relative;
  width: auto;
  max-width: 450px;
  margin: 20px auto;
  padding: 80px 30px 20px 30px;
  display: block;
  height: auto;
  background-color: white;
  text-align: center; }
  div.notificacion b {
    color: #1D2C69; }
  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: #F6FAFF;
    margin-top: 3%;
    height: auto;
    width: 100%; }
    div.notificacion p.buttons a.boton {
      float: initial;
      background-color: #39A9E3;
      color: white; }
      div.notificacion p.buttons a.boton:hover {
        background-color: #40C3F0;
        color: white; }
  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; }

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

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

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

.acenter {
  text-align: center; }

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

.capitalize {
  text-transform: capitalize; }

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

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

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

.acenter {
  text-align: center; }

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

div.sesion-out {
  float: right;
  margin: 5% 16% 5% 16%; }
  div.sesion-out small.getout {
    color: red;
    width: auto; }
  div.sesion-out i.icon {
    filter: sepia(50%) saturate(50%) invert(50%); }

.normal {
  background-color: #1D2C69; }

.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: #66666630; }
    .container-bell:hover > .bell-icon {
      background-image: url(../images/varios/notColor.png); }
  .container-bell .bell-icon {
    background-color: transparent;
    padding: 0px;
    background-image: url(../images/varios/notGris.png);
    background-repeat: no-repeat;
    background-position: top 0px right 0px;
    background-size: 15px;
    position: absolute;
    width: 15px;
    height: 15px;
    margin: 5px; }
  .container-bell #notcounter {
    width: 12px;
    height: 12px;
    background-color: red;
    color: white;
    font-size: 6px;
    font-weight: bold;
    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 2px right 10px;
  background-size: 20px;
  padding: 0px 33px 0px 0px;
  position: relative;
  margin: 0px 0px 0px 0px; }

.select-user {
  background-color: transparent;
  cursor: pointer;
  background-image: url(../images/select.png);
  background-repeat: no-repeat;
  background-position: top 1px right 0px;
  background-size: 15px;
  color: #4D4D4D;
  font-size: 15px;
  padding: 0px 20px 0px 0px;
  position: relative;
  margin: 0px 0px 0px -8px; }

#worksucursal, #tryusuarios, #workempresa, #tryune {
  width: 200px;
  height: 40px;
  margin: 5px auto;
  float: right;
  display: block; }
  #worksucursal .update, #tryusuarios .update, #workempresa .update, #tryune .update {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 3px !important;
    background: transparent url(../images/update-green.png) no-repeat center center;
    background-size: 20px;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    cursor: pointer; }
    #worksucursal .update:hover, #tryusuarios .update:hover, #workempresa .update:hover, #tryune .update:hover {
      cursor: pointer;
      transform: rotate(180deg); }
  #worksucursal select, #tryusuarios select, #workempresa select, #tryune select {
    background-size: 15px;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

#form_sesiones {
  position: absolute;
  margin-top: 54px;
  right: 0;
  width: 250px;
  display: block;
  background-color: white;
  right: 12px;
  z-index: 10000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); }
  #form_sesiones header {
    width: 100%;
    float: left;
    letter-spacing: 1px;
    text-align: center;
    background-color: white;
    padding: 10px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid transparent; }
    #form_sesiones header h2 {
      font-size: 15px;
      text-shadow: none;
      color: #4D4D4D;
      font-family: 'Muli-Black';
      font-weight: bold;
      letter-spacing: 2px; }
  #form_sesiones:before {
    content: '';
    width: 0;
    height: 0;
    top: 2px;
    right: 20%;
    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: 21%;
    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: 49%;
    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: 50%;
    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: #1D2C69; }

.flex-center, .not.ver-todo, .not .container-mensajes .not-botones .btns-hide .not-resolver, .not .container-mensajes .not-botones .btns-hide .not-close, .not .container-mensajes .not-botones .btns-hide, .not .container-mensajes .not-botones, .not .container-mensajes {
  display: flex;
  justify-content: center;
  align-items: center; }

.not {
  width: 100%;
  background-color: white;
  padding: 10px;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-transform: none;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  font-size: 13px;
  border: 1px solid #f6f6f6;
  margin: 0px auto 0px auto;
  display: flex; }
  .not:hover {
    background-color: #f0f2fb; }
    .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: #1D2C69; }
  .not small {
    font-size: 10px !important; }
  .not .container-mensajes {
    margin: 5px auto 0px;
    width: 100%;
    color: #4D4D4D; }
    .not .container-mensajes .not-mensaje {
      width: 80%; }
      .not .container-mensajes .not-mensaje a.boton {
        color: #FFFFFF;
        border-left: none;
        border-top: none;
        position: absolute;
        right: 3%;
        bottom: 12px;
        float: right;
        min-width: 50px;
        text-align: center;
        padding: 5px 10px !important;
        font-size: 12px; }
    .not .container-mensajes .not-botones {
      width: 20%;
      flex-direction: column; }
      .not .container-mensajes .not-botones .btns-hide {
        display: none;
        width: 80%;
        position: relative; }
        .not .container-mensajes .not-botones .btns-hide .not-close {
          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; }
      .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;
    background-color: #39A9E3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }
    .not.ver-todo a, .not.ver-todo form input[type=submit], form .not.ver-todo input[type=submit], .not.ver-todo form .boton.botonaccion, form .not.ver-todo .boton.botonaccion, .not.ver-todo div.smallinput input[type=submit], div.smallinput .not.ver-todo input[type=submit], .not.ver-todo div.smallinput .boton.botonaccion, div.smallinput .not.ver-todo .boton.botonaccion, .not.ver-todo form a.boton.table, form .not.ver-todo a.boton.table, .not.ver-todo div.smallinput a.boton.table, div.smallinput .not.ver-todo a.boton.table {
      cursor: pointer;
      color: #F6FAFF;
      border: none;
      font-weight: bold;
      font-size: 12px;
      background-color: transparent;
      padding: 10px 5px 10px 5px;
      display: block;
      width: 100%;
      margin: auto;
      float: none; }
      .not.ver-todo a:hover, .not.ver-todo form input[type=submit]:hover, form .not.ver-todo input[type=submit]:hover, .not.ver-todo form .boton.botonaccion:hover, form .not.ver-todo .boton.botonaccion:hover, .not.ver-todo div.smallinput input[type=submit]:hover, div.smallinput .not.ver-todo input[type=submit]:hover, .not.ver-todo div.smallinput .boton.botonaccion:hover, div.smallinput .not.ver-todo .boton.botonaccion:hover {
        color: #c9e1ff;
        background-color: transparent; }

section#panel-notificaciones div.table h2.seccion {
  color: #FF8100; }

section#panel-notificaciones div.table div.panel-notis p.alerta span.normal {
  background-color: #FF8100; }

section#panel-notificaciones div.table div.panel-pasadas div.not div.container-mensajes div.not-botones {
  display: none; }

#controlbar {
  position: relative;
  background: none;
  width: 600px;
  display: block; }

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

.nolinks a, .nolinks form input[type=submit], form .nolinks input[type=submit], .nolinks form .boton.botonaccion, form .nolinks .boton.botonaccion, .nolinks div.smallinput input[type=submit], div.smallinput .nolinks input[type=submit], .nolinks div.smallinput .boton.botonaccion, div.smallinput .nolinks .boton.botonaccion, .nolinks form a.boton.table, form .nolinks a.boton.table, .nolinks div.smallinput a.boton.table, div.smallinput .nolinks a.boton.table {
  display: none; }

div.sesion-out {
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 163px; }
  div.sesion-out a, div.sesion-out form input[type=submit], form div.sesion-out input[type=submit], div.sesion-out form .boton.botonaccion, form div.sesion-out .boton.botonaccion, div.sesion-out div.smallinput input[type=submit], div.smallinput div.sesion-out input[type=submit], div.sesion-out div.smallinput .boton.botonaccion, div.smallinput div.sesion-out .boton.botonaccion, div.sesion-out form a.boton.table, form div.sesion-out a.boton.table, div.sesion-out div.smallinput a.boton.table, div.smallinput div.sesion-out a.boton.table {
    display: block;
    width: 100%; }
    div.sesion-out a small, div.sesion-out form input[type=submit] small, form div.sesion-out input[type=submit] small, div.sesion-out form .boton.botonaccion small, form div.sesion-out .boton.botonaccion small, div.sesion-out div.smallinput input[type=submit] small, div.smallinput div.sesion-out input[type=submit] small, div.sesion-out div.smallinput .boton.botonaccion small, div.smallinput div.sesion-out .boton.botonaccion small, div.sesion-out form a.boton.table small, form div.sesion-out a.boton.table small, div.sesion-out div.smallinput a.boton.table small, div.smallinput div.sesion-out a.boton.table small {
      width: 130px;
      margin: 0% auto 5% auto;
      padding: 3% 15%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: bold;
      transition: 0.3s;
      font-size: 11px !important;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      border-radius: 7px; }
      div.sesion-out a small.getout, div.sesion-out form input[type=submit] small.getout, form div.sesion-out input[type=submit] small.getout, div.sesion-out form .boton.botonaccion small.getout, form div.sesion-out .boton.botonaccion small.getout, div.sesion-out div.smallinput input[type=submit] small.getout, div.smallinput div.sesion-out input[type=submit] small.getout, div.sesion-out div.smallinput .boton.botonaccion small.getout, div.smallinput div.sesion-out .boton.botonaccion small.getout {
        color: white;
        background-color: #D40C1F;
        font-family: 'Muli-bold'; }
        div.sesion-out a small.getout:hover, div.sesion-out form input[type=submit] small.getout:hover, form div.sesion-out input[type=submit] small.getout:hover, div.sesion-out form .boton.botonaccion small.getout:hover, form div.sesion-out .boton.botonaccion small.getout:hover, div.sesion-out div.smallinput input[type=submit] small.getout:hover, div.smallinput div.sesion-out input[type=submit] small.getout:hover, div.sesion-out div.smallinput .boton.botonaccion small.getout:hover, div.smallinput div.sesion-out .boton.botonaccion small.getout:hover {
          background-color: rgba(212, 12, 31, 0.7); }
      div.sesion-out a small.changepass, div.sesion-out form input[type=submit] small.changepass, form div.sesion-out input[type=submit] small.changepass, div.sesion-out form .boton.botonaccion small.changepass, form div.sesion-out .boton.botonaccion small.changepass, div.sesion-out div.smallinput input[type=submit] small.changepass, div.smallinput div.sesion-out input[type=submit] small.changepass, div.sesion-out div.smallinput .boton.botonaccion small.changepass, div.smallinput div.sesion-out .boton.botonaccion small.changepass {
        color: white;
        width: 115px;
        background-color: #4D4D4D;
        font-family: 'Muli-bold'; }
        div.sesion-out a small.changepass:hover, div.sesion-out form input[type=submit] small.changepass:hover, form div.sesion-out input[type=submit] small.changepass:hover, div.sesion-out form .boton.botonaccion small.changepass:hover, form div.sesion-out .boton.botonaccion small.changepass:hover, div.sesion-out div.smallinput input[type=submit] small.changepass:hover, div.smallinput div.sesion-out input[type=submit] small.changepass:hover, div.sesion-out div.smallinput .boton.botonaccion small.changepass:hover, div.smallinput div.sesion-out .boton.botonaccion small.changepass:hover {
          background-color: rgba(77, 77, 77, 0.7); }
      div.sesion-out a small span, div.sesion-out form input[type=submit] small span, form div.sesion-out input[type=submit] small span, div.sesion-out form .boton.botonaccion small span, form div.sesion-out .boton.botonaccion small span, div.sesion-out div.smallinput input[type=submit] small span, div.smallinput div.sesion-out input[type=submit] small span, div.sesion-out div.smallinput .boton.botonaccion small span, div.smallinput div.sesion-out .boton.botonaccion small span, div.sesion-out form a.boton.table small span, form div.sesion-out a.boton.table small span, div.sesion-out div.smallinput a.boton.table small span, div.smallinput div.sesion-out a.boton.table small span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 5px;
        background-color: transparent; }
        div.sesion-out a small span.cerrarSesion, div.sesion-out form input[type=submit] small span.cerrarSesion, form div.sesion-out input[type=submit] small span.cerrarSesion, div.sesion-out form .boton.botonaccion small span.cerrarSesion, form div.sesion-out .boton.botonaccion small span.cerrarSesion, div.sesion-out div.smallinput input[type=submit] small span.cerrarSesion, div.smallinput div.sesion-out input[type=submit] small span.cerrarSesion, div.sesion-out div.smallinput .boton.botonaccion small span.cerrarSesion, div.smallinput div.sesion-out .boton.botonaccion small span.cerrarSesion {
          background-image: url(../images/varios/cerrarSesion.png);
          background-size: 20px;
          background-position: center; }
        div.sesion-out a small span.changePass, div.sesion-out form input[type=submit] small span.changePass, form div.sesion-out input[type=submit] small span.changePass, div.sesion-out form .boton.botonaccion small span.changePass, form div.sesion-out .boton.botonaccion small span.changePass, div.sesion-out div.smallinput input[type=submit] small span.changePass, div.smallinput div.sesion-out input[type=submit] small span.changePass, div.sesion-out div.smallinput .boton.botonaccion small span.changePass, div.smallinput div.sesion-out .boton.botonaccion small span.changePass {
          background-image: url(../images/varios/changePass.png);
          background-size: 20px;
          background-position: center; }

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

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

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

.acenter {
  text-align: center; }

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

.capitalize {
  text-transform: capitalize; }

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

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

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

.acenter {
  text-align: center; }

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

form#upload div#folio, div#upload.smallinput div#folio {
  top: 20px;
  right: 20px;
  color: #45AFCE;
  font-weight: 500;
  position: absolute;
  text-align: right; }
  form#upload div#folio small, div#upload.smallinput div#folio small {
    font-size: 18px; }
  form#upload div#folio span.folio, div#upload.smallinput div#folio span.folio {
    color: #FF0036;
    font-size: 20px; }

form#upload div#drag_drop, div#upload.smallinput div#drag_drop {
  margin: 20px 0px;
  padding: 25px 50px;
  background-color: white !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }
  form#upload div#drag_drop #drop, div#upload.smallinput div#drag_drop #drop {
    padding: 0px 0px 0px 0px;
    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: 0%;
    width: 100%;
    min-height: 150px; }
  form#upload div#drag_drop small, div#upload.smallinput div#drag_drop small {
    display: block;
    font-size: 11px;
    color: #999; }
  form#upload div#drag_drop a.find, div#upload.smallinput div#drag_drop a.find, form#upload div#drag_drop input.find[type=submit], form#upload div#drag_drop .find.boton.botonaccion, div#upload.smallinput div#drag_drop input.find[type=submit], div#upload.smallinput div#drag_drop .find.boton.botonaccion {
    margin-top: 0px;
    background-color: #F9B700 !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }
    form#upload div#drag_drop a.find:hover, div#upload.smallinput div#drag_drop a.find:hover, form#upload div#drag_drop input.find[type=submit]:hover, form#upload div#drag_drop .find.boton.botonaccion:hover, div#upload.smallinput div#drag_drop input.find[type=submit]:hover, div#upload.smallinput div#drag_drop .find.boton.botonaccion:hover {
      background-color: #F9B7008A !important;
      color: white; }

form#upload .lista, div#upload.smallinput .lista {
  width: 100%;
  margin: 0 auto;
  min-height: 35px;
  overflow-y: scroll;
  margin-bottom: 2%;
  border-right: none;
  border-bottom: none; }
  form#upload .lista h4, div#upload.smallinput .lista h4 {
    text-align: center; }
  form#upload .lista ul.listadearchivos, div#upload.smallinput .lista ul.listadearchivos {
    margin: 0px !important; }
    form#upload .lista ul.listadearchivos li, div#upload.smallinput .lista ul.listadearchivos li {
      background: none !important; }
      form#upload .lista ul.listadearchivos li.archivo, div#upload.smallinput .lista ul.listadearchivos li.archivo {
        background: none !important;
        width: 100%;
        float: right; }
      form#upload .lista ul.listadearchivos li p, div#upload.smallinput .lista ul.listadearchivos li p {
        padding: 0%; }
      form#upload .lista ul.listadearchivos li a.boton.red.borrar, div#upload.smallinput .lista ul.listadearchivos li a.boton.red.borrar {
        left: 3px !important;
        top: 2px !important;
        line-height: 1em !important;
        padding: 7px !important;
        cursor: pointer; }
      form#upload .lista ul.listadearchivos li input.fileurls, div#upload.smallinput .lista ul.listadearchivos li input.fileurls {
        width: 7%;
        height: 25px;
        margin-top: -5px;
        z-index: 5;
        display: block;
        margin-left: 11px; }