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

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

.acenter {
  text-align: center; }

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/iconos200blanconew.png?v1);
  background-repeat: no-repeat;
  background-size: 570px;
  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.familiasyline {
    background-position: -60px -0px; }
    .iconos-1.familiasyline.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.ingresosventas {
    background-position: -330px -0px; }
    .iconos-1.ingresosventas.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .iconos-1.calendario {
    background-position: -360px -0px; }
    .iconos-1.calendario.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .iconos-1.cotizacion {
    background-position: -390px -0px; }
    .iconos-1.cotizacion.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .iconos-1.cotizaciones {
    background-position: -420px -0px; }
    .iconos-1.cotizaciones.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .iconos-1.facturas {
    background-position: -450px -0px; }
    .iconos-1.facturas.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .iconos-1.productos {
    background-position: -480px -0px; }
    .iconos-1.productos.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .iconos-1.kardex {
    background-position: -510px -0px; }
    .iconos-1.kardex.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .iconos-1.precios {
    background-position: 0px -30px; }
    .iconos-1.precios.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos-1.mayoreo {
    background-position: -30px -30px; }
    .iconos-1.mayoreo.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-1.mostrador {
    background-position: -60px -30px; }
    .iconos-1.mostrador.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.inventario {
    background-position: -150px -30px; }
    .iconos-1.inventario.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .iconos-1.sugerido {
    background-position: -180px -30px; }
    .iconos-1.sugerido.hover:hover {
      cursor: pointer;
      background-position: -180px -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-1.nuevoprov {
    background-position: -330px -30px; }
    .iconos-1.nuevoprov.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .iconos-1.encamino {
    background-position: -360px -30px; }
    .iconos-1.encamino.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .iconos-1.existencia {
    background-position: -390px -30px; }
    .iconos-1.existencia.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .iconos-1.existenciagral {
    background-position: -420px -30px; }
    .iconos-1.existenciagral.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .iconos-1.sugcompra {
    background-position: -450px -30px; }
    .iconos-1.sugcompra.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .iconos-1.compras {
    background-position: -480px -30px; }
    .iconos-1.compras.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .iconos-1.ventaespecial {
    background-position: -510px -30px; }
    .iconos-1.ventaespecial.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .iconos-1.descuentos {
    background-position: -540px -0px; }
    .iconos-1.descuentos.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }

.iconos-2 {
  background-image: url(../images/iconos/iconos200.png?v1.1);
  background-repeat: no-repeat;
  background-size: 220px;
  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.familiasyline {
    background-position: -40px -0px; }
    .iconos-2.familiasyline.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.ingresosventas {
    background-position: -220px -0px; }
    .iconos-2.ingresosventas.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .iconos-2.calendario {
    background-position: -240px -0px; }
    .iconos-2.calendario.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }
  .iconos-2.cotizacion {
    background-position: -260px -0px; }
    .iconos-2.cotizacion.hover:hover {
      cursor: pointer;
      background-position: -260px -20px; }
  .iconos-2.cotizaciones {
    background-position: -280px -0px; }
    .iconos-2.cotizaciones.hover:hover {
      cursor: pointer;
      background-position: -280px -20px; }
  .iconos-2.facturas {
    background-position: -300px -0px; }
    .iconos-2.facturas.hover:hover {
      cursor: pointer;
      background-position: -300px -20px; }
  .iconos-2.productos {
    background-position: -320px -0px; }
    .iconos-2.productos.hover:hover {
      cursor: pointer;
      background-position: -320px -20px; }
  .iconos-2.kardex {
    background-position: -340px -0px; }
    .iconos-2.kardex.hover:hover {
      cursor: pointer;
      background-position: -340px -20px; }
  .iconos-2.precios {
    background-position: 0px -20px; }
    .iconos-2.precios.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .iconos-2.mayoreo {
    background-position: -20px -20px; }
    .iconos-2.mayoreo.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .iconos-2.mostrador {
    background-position: -40px -20px; }
    .iconos-2.mostrador.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.inventario {
    background-position: -100px -20px; }
    .iconos-2.inventario.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .iconos-2.sugerido {
    background-position: -120px -20px; }
    .iconos-2.sugerido.hover:hover {
      cursor: pointer;
      background-position: -120px -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; }
  .iconos-2.nuevoprov {
    background-position: -220px -20px; }
    .iconos-2.nuevoprov.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .iconos-2.encamino {
    background-position: -240px -20px; }
    .iconos-2.encamino.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }
  .iconos-2.existencia {
    background-position: -260px -20px; }
    .iconos-2.existencia.hover:hover {
      cursor: pointer;
      background-position: -260px -20px; }
  .iconos-2.existenciagral {
    background-position: -280px -20px; }
    .iconos-2.existenciagral.hover:hover {
      cursor: pointer;
      background-position: -280px -20px; }
  .iconos-2.sugcompra {
    background-position: -300px -20px; }
    .iconos-2.sugcompra.hover:hover {
      cursor: pointer;
      background-position: -300px -20px; }
  .iconos-2.compras {
    background-position: -320px -20px; }
    .iconos-2.compras.hover:hover {
      cursor: pointer;
      background-position: -320px -20px; }
  .iconos-2.ventaespecial {
    background-position: -340px -20px; }
    .iconos-2.ventaespecial.hover:hover {
      cursor: pointer;
      background-position: -340px -20px; }
  .iconos-2.descuentos {
    background-position: -360px -0px; }
    .iconos-2.descuentos.hover:hover {
      cursor: pointer;
      background-position: -360px -20px; }

.iconos-3 {
  background-image: url(../images/iconos/iconos200.png?v1.1);
  background-repeat: no-repeat;
  background-size: 330px;
  width: 30px;
  height: 30px;
  display: block; }
  .iconos-3.solicitud {
    background-position: 0px -0px; }
    .iconos-3.solicitud.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos-3.ventas {
    background-position: -30px -0px; }
    .iconos-3.ventas.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-3.familiasyline {
    background-position: -60px -0px; }
    .iconos-3.familiasyline.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos-3.transito {
    background-position: -90px -0px; }
    .iconos-3.transito.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos-3.inventario {
    background-position: -120px -0px; }
    .iconos-3.inventario.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos-3.reportes {
    background-position: -150px -0px; }
    .iconos-3.reportes.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .iconos-3.sucursales {
    background-position: -180px -0px; }
    .iconos-3.sucursales.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .iconos-3.catalogos {
    background-position: -210px -0px; }
    .iconos-3.catalogos.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .iconos-3.config {
    background-position: -240px -0px; }
    .iconos-3.config.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .iconos-3.clientes {
    background-position: -270px -0px; }
    .iconos-3.clientes.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .iconos-3.cuentas {
    background-position: -300px -0px; }
    .iconos-3.cuentas.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .iconos-3.ingresosventas {
    background-position: -330px -0px; }
    .iconos-3.ingresosventas.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .iconos-3.calendario {
    background-position: -360px -0px; }
    .iconos-3.calendario.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .iconos-3.cotizacion {
    background-position: -390px -0px; }
    .iconos-3.cotizacion.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .iconos-3.cotizaciones {
    background-position: -420px -0px; }
    .iconos-3.cotizaciones.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .iconos-3.facturas {
    background-position: -450px -0px; }
    .iconos-3.facturas.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .iconos-3.productos {
    background-position: -480px -0px; }
    .iconos-3.productos.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .iconos-3.kardex {
    background-position: -510px -0px; }
    .iconos-3.kardex.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .iconos-3.precios {
    background-position: 0px -30px; }
    .iconos-3.precios.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos-3.mayoreo {
    background-position: -30px -30px; }
    .iconos-3.mayoreo.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-3.mostrador {
    background-position: -60px -30px; }
    .iconos-3.mostrador.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos-3.almacen {
    background-position: -90px -30px; }
    .iconos-3.almacen.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos-3.gastos {
    background-position: -120px -30px; }
    .iconos-3.gastos.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos-3.inventario {
    background-position: -150px -30px; }
    .iconos-3.inventario.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .iconos-3.sugerido {
    background-position: -180px -30px; }
    .iconos-3.sugerido.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .iconos-3.rh {
    background-position: -210px -30px; }
    .iconos-3.rh.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .iconos-3.compras {
    background-position: -240px -30px; }
    .iconos-3.compras.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .iconos-3.cobranza {
    background-position: -270px -30px; }
    .iconos-3.cobranza.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .iconos-3.proveedores {
    background-position: -300px -30px; }
    .iconos-3.proveedores.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .iconos-3.nuevoprov {
    background-position: -330px -30px; }
    .iconos-3.nuevoprov.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .iconos-3.encamino {
    background-position: -360px -30px; }
    .iconos-3.encamino.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .iconos-3.existencia {
    background-position: -390px -30px; }
    .iconos-3.existencia.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .iconos-3.existenciagral {
    background-position: -420px -30px; }
    .iconos-3.existenciagral.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .iconos-3.sugcompra {
    background-position: -450px -30px; }
    .iconos-3.sugcompra.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .iconos-3.compras {
    background-position: -480px -30px; }
    .iconos-3.compras.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .iconos-3.ventaespecial {
    background-position: -510px -30px; }
    .iconos-3.ventaespecial.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .iconos-3.descuentos {
    background-position: -540px -0px; }
    .iconos-3.descuentos.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }

.botones-1 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 930px;
  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: -180px -0px; }
    .botones-1.temporal.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .botones-1.ver {
    background-position: -210px -0px; }
    .botones-1.ver.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .botones-1.ver2 {
    background-position: -240px -0px; }
    .botones-1.ver2.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .botones-1.recibir {
    background-position: -270px -0px; }
    .botones-1.recibir.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .botones-1.recibido {
    background-position: -300px -0px; }
    .botones-1.recibido.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .botones-1.enviar {
    background-position: -330px -0px; }
    .botones-1.enviar.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .botones-1.nota {
    background-position: -360px -0px; }
    .botones-1.nota.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .botones-1.factura {
    background-position: -390px -0px; }
    .botones-1.factura.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .botones-1.facturacancel {
    background-position: -420px -0px; }
    .botones-1.facturacancel.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.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.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-1.codigoplo {
    background-position: -870px -0px; }
    .botones-1.codigoplo.hover:hover {
      cursor: pointer;
      background-position: -870px -30px; }
  .botones-1.codigobarras {
    background-position: -900px -0px; }
    .botones-1.codigobarras.hover:hover {
      cursor: pointer;
      background-position: -900px -30px; }

.botones-2 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 620px;
  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: -120px -0px; }
    .botones-2.temporal.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .botones-2.ver {
    background-position: -140px -0px; }
    .botones-2.ver.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .botones-2.ver2 {
    background-position: -160px -0px; }
    .botones-2.ver2.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .botones-2.recibir {
    background-position: -180px -0px; }
    .botones-2.recibir.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .botones-2.recibido {
    background-position: -200px -0px; }
    .botones-2.recibido.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .botones-2.enviar {
    background-position: -220px -0px; }
    .botones-2.enviar.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .botones-2.nota {
    background-position: -240px -0px; }
    .botones-2.nota.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }
  .botones-2.factura {
    background-position: -260px -0px; }
    .botones-2.factura.hover:hover {
      cursor: pointer;
      background-position: -260px -20px; }
  .botones-2.facturacancel {
    background-position: -280px -0px; }
    .botones-2.facturacancel.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.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.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-2.codigoplo {
    background-position: -580px -0px; }
    .botones-2.codigoplo.hover:hover {
      cursor: pointer;
      background-position: -580px -20px; }
  .botones-2.codigobarras {
    background-position: -600px -0px; }
    .botones-2.codigobarras.hover:hover {
      cursor: pointer;
      background-position: -600px -20px; }

.botones-3 {
  background-image: url(../images/iconos/botones200new.png?v1.2);
  background-repeat: no-repeat;
  background-size: 1860px;
  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: -360px -0px; }
    .botones-3.temporal.hover:hover {
      cursor: pointer;
      background-position: -360px -60px; }
  .botones-3.ver {
    background-position: -420px -0px; }
    .botones-3.ver.hover:hover {
      cursor: pointer;
      background-position: -420px -60px; }
  .botones-3.ver2 {
    background-position: -480px -0px; }
    .botones-3.ver2.hover:hover {
      cursor: pointer;
      background-position: -480px -60px; }
  .botones-3.recibir {
    background-position: -540px -0px; }
    .botones-3.recibir.hover:hover {
      cursor: pointer;
      background-position: -540px -60px; }
  .botones-3.recibido {
    background-position: -600px -0px; }
    .botones-3.recibido.hover:hover {
      cursor: pointer;
      background-position: -600px -60px; }
  .botones-3.enviar {
    background-position: -660px -0px; }
    .botones-3.enviar.hover:hover {
      cursor: pointer;
      background-position: -660px -60px; }
  .botones-3.nota {
    background-position: -720px -0px; }
    .botones-3.nota.hover:hover {
      cursor: pointer;
      background-position: -720px -60px; }
  .botones-3.factura {
    background-position: -780px -0px; }
    .botones-3.factura.hover:hover {
      cursor: pointer;
      background-position: -780px -60px; }
  .botones-3.facturacancel {
    background-position: -840px -0px; }
    .botones-3.facturacancel.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.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.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; }
  .botones-3.codigoplo {
    background-position: -1740px -0px; }
    .botones-3.codigoplo.hover:hover {
      cursor: pointer;
      background-position: -1740px -60px; }
  .botones-3.codigobarras {
    background-position: -1800px -0px; }
    .botones-3.codigobarras.hover:hover {
      cursor: pointer;
      background-position: -1800px -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; }

.b-fac-2 {
  background-image: url(../images/iconos/botonesfacnew.png);
  background-repeat: no-repeat;
  background-size: 360px;
  width: 30px;
  height: 30px;
  display: block; }
  .b-fac-2.factura {
    background-position: 0px -0px; }
    .b-fac-2.factura.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .b-fac-2.pdf {
    background-position: -30px -0px; }
    .b-fac-2.pdf.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .b-fac-2.xml {
    background-position: -60px -0px; }
    .b-fac-2.xml.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .b-fac-2.cancelar {
    background-position: -90px -0px; }
    .b-fac-2.cancelar.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .b-fac-2.enviar {
    background-position: -120px -0px; }
    .b-fac-2.enviar.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .b-fac-2.notacred {
    background-position: -150px -0px; }
    .b-fac-2.notacred.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .b-fac-2.pagar {
    background-position: -180px -0px; }
    .b-fac-2.pagar.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .b-fac-2.relacionar {
    background-position: -210px -0px; }
    .b-fac-2.relacionar.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .b-fac-2.timbrarcancelacion {
    background-position: -240px -0px; }
    .b-fac-2.timbrarcancelacion.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .b-fac-2.satcancels {
    background-position: -270px -0px; }
    .b-fac-2.satcancels.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .b-fac-2.descargarfactura {
    background-position: -300px -0px; }
    .b-fac-2.descargarfactura.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .b-fac-2.subirfactura {
    background-position: -330px -0px; }
    .b-fac-2.subirfactura.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }

.iconosk-1 {
  background-image: url(../images/iconos/iconos-kardex.png);
  background-repeat: no-repeat;
  background-size: 90px;
  width: 30px;
  height: 30px;
  display: block; }
  .iconosk-1.ulventa {
    background-position: 0px -0px; }
    .iconosk-1.ulventa.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconosk-1.carrito-blanco {
    background-position: -30px -0px; }
    .iconosk-1.carrito-blanco.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconosk-1.calendariok {
    background-position: -60px -0px; }
    .iconosk-1.calendariok.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }

.iconosk-2 {
  background-image: url(../images/iconos/iconos-kardex.png);
  background-repeat: no-repeat;
  background-size: 69px;
  width: 23px;
  height: 23px;
  display: block; }
  .iconosk-2.ulventa {
    background-position: 0px -0px; }
    .iconosk-2.ulventa.hover:hover {
      cursor: pointer;
      background-position: 0px -23px; }
  .iconosk-2.carrito-blanco {
    background-position: -23px -0px; }
    .iconosk-2.carrito-blanco.hover:hover {
      cursor: pointer;
      background-position: -23px -23px; }
  .iconosk-2.calendariok {
    background-position: -46px -0px; }
    .iconosk-2.calendariok.hover:hover {
      cursor: pointer;
      background-position: -46px -23px; }

.btnnew-1 {
  background-image: url(../images/iconos/botones200new.png);
  background-repeat: no-repeat;
  background-size: 465px;
  width: 15px;
  height: 15px;
  display: block; }
  .btnnew-1.vermas {
    background-position: 0px -0px; }
    .btnnew-1.vermas.hover:hover {
      cursor: pointer;
      background-position: 0px -15px; }
  .btnnew-1.boteb {
    background-position: -15px -0px; }
    .btnnew-1.boteb.hover:hover {
      cursor: pointer;
      background-position: -15px -15px; }
  .btnnew-1.editar-verde {
    background-position: -30px -0px; }
    .btnnew-1.editar-verde.hover:hover {
      cursor: pointer;
      background-position: -30px -15px; }
  .btnnew-1.cerrar {
    background-position: -45px -0px; }
    .btnnew-1.cerrar.hover:hover {
      cursor: pointer;
      background-position: -45px -15px; }
  .btnnew-1.buscar {
    background-position: -60px -0px; }
    .btnnew-1.buscar.hover:hover {
      cursor: pointer;
      background-position: -60px -15px; }
  .btnnew-1.mas-gris {
    background-position: -75px -0px; }
    .btnnew-1.mas-gris.hover:hover {
      cursor: pointer;
      background-position: -75px -15px; }
  .btnnew-1.reloj {
    background-position: -90px -0px; }
    .btnnew-1.reloj.hover:hover {
      cursor: pointer;
      background-position: -90px -15px; }
  .btnnew-1.ver1 {
    background-position: -105px -0px; }
    .btnnew-1.ver1.hover:hover {
      cursor: pointer;
      background-position: -105px -15px; }
  .btnnew-1.ver2 {
    background-position: -120px -0px; }
    .btnnew-1.ver2.hover:hover {
      cursor: pointer;
      background-position: -120px -15px; }
  .btnnew-1.descargar1 {
    background-position: -135px -0px; }
    .btnnew-1.descargar1.hover:hover {
      cursor: pointer;
      background-position: -135px -15px; }
  .btnnew-1.palomita {
    background-position: -150px -0px; }
    .btnnew-1.palomita.hover:hover {
      cursor: pointer;
      background-position: -150px -15px; }
  .btnnew-1.subir {
    background-position: -165px -0px; }
    .btnnew-1.subir.hover:hover {
      cursor: pointer;
      background-position: -165px -15px; }
  .btnnew-1.ver-doc {
    background-position: -180px -0px; }
    .btnnew-1.ver-doc.hover:hover {
      cursor: pointer;
      background-position: -180px -15px; }
  .btnnew-1.ver-fac {
    background-position: -195px -0px; }
    .btnnew-1.ver-fac.hover:hover {
      cursor: pointer;
      background-position: -195px -15px; }
  .btnnew-1.cerar-fac {
    background-position: -210px -0px; }
    .btnnew-1.cerar-fac.hover:hover {
      cursor: pointer;
      background-position: -210px -15px; }
  .btnnew-1.subir-ms {
    background-position: -225px -0px; }
    .btnnew-1.subir-ms.hover:hover {
      cursor: pointer;
      background-position: -225px -15px; }
  .btnnew-1.subir-caja {
    background-position: -240px -0px; }
    .btnnew-1.subir-caja.hover:hover {
      cursor: pointer;
      background-position: -240px -15px; }
  .btnnew-1.cerrar-rojo {
    background-position: -255px -0px; }
    .btnnew-1.cerrar-rojo.hover:hover {
      cursor: pointer;
      background-position: -255px -15px; }
  .btnnew-1.descargar-2 {
    background-position: -270px -0px; }
    .btnnew-1.descargar-2.hover:hover {
      cursor: pointer;
      background-position: -270px -15px; }
  .btnnew-1.estadistica {
    background-position: -285px -0px; }
    .btnnew-1.estadistica.hover:hover {
      cursor: pointer;
      background-position: -285px -15px; }
  .btnnew-1.good {
    background-position: -300px -0px; }
    .btnnew-1.good.hover:hover {
      cursor: pointer;
      background-position: -300px -15px; }
  .btnnew-1.imprimir-1 {
    background-position: -315px -0px; }
    .btnnew-1.imprimir-1.hover:hover {
      cursor: pointer;
      background-position: -315px -15px; }
  .btnnew-1.docs {
    background-position: -330px -0px; }
    .btnnew-1.docs.hover:hover {
      cursor: pointer;
      background-position: -330px -15px; }
  .btnnew-1.actualizar-doc {
    background-position: -345px -0px; }
    .btnnew-1.actualizar-doc.hover:hover {
      cursor: pointer;
      background-position: -345px -15px; }
  .btnnew-1.refrescar-1 {
    background-position: -360px -0px; }
    .btnnew-1.refrescar-1.hover:hover {
      cursor: pointer;
      background-position: -360px -15px; }
  .btnnew-1.sig-rombo {
    background-position: -375px -0px; }
    .btnnew-1.sig-rombo.hover:hover {
      cursor: pointer;
      background-position: -375px -15px; }
  .btnnew-1.ant-rombo {
    background-position: -390px -0px; }
    .btnnew-1.ant-rombo.hover:hover {
      cursor: pointer;
      background-position: -390px -15px; }
  .btnnew-1.flecha-sig {
    background-position: -405px -0px; }
    .btnnew-1.flecha-sig.hover:hover {
      cursor: pointer;
      background-position: -405px -15px; }
  .btnnew-1.flecha-ant {
    background-position: -420px -0px; }
    .btnnew-1.flecha-ant.hover:hover {
      cursor: pointer;
      background-position: -420px -15px; }
  .btnnew-1.cod-anz {
    background-position: -435px -0px; }
    .btnnew-1.cod-anz.hover:hover {
      cursor: pointer;
      background-position: -435px -15px; }
  .btnnew-1.codigo-barras {
    background-position: -450px -0px; }
    .btnnew-1.codigo-barras.hover:hover {
      cursor: pointer;
      background-position: -450px -15px; }
  .btnnew-1.codigo-barras2 {
    background-position: -450px -15px; }
    .btnnew-1.codigo-barras2.hover:hover {
      cursor: pointer;
      background-position: -450px -15px; }

.iconos-kinno1 {
  background-image: url(../images/iconos/iconos-kn.png);
  background-repeat: no-repeat;
  background-size: 1020px;
  width: 30px;
  height: 30px;
  display: block; }
  .iconos-kinno1.almacen {
    background-position: 0px -0px; }
    .iconos-kinno1.almacen.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .iconos-kinno1.existencia {
    background-position: -30px -0px; }
    .iconos-kinno1.existencia.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-kinno1.compras {
    background-position: -60px -0px; }
    .iconos-kinno1.compras.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos-kinno1.productos {
    background-position: -90px -0px; }
    .iconos-kinno1.productos.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos-kinno1.newprod {
    background-position: -120px -0px; }
    .iconos-kinno1.newprod.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos-kinno1.garantia {
    background-position: -150px -0px; }
    .iconos-kinno1.garantia.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .iconos-kinno1.reportes {
    background-position: -180px -0px; }
    .iconos-kinno1.reportes.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .iconos-kinno1.catalogos {
    background-position: -210px -0px; }
    .iconos-kinno1.catalogos.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .iconos-kinno1.ventas {
    background-position: -240px -0px; }
    .iconos-kinno1.ventas.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .iconos-kinno1.nota {
    background-position: -270px -0px; }
    .iconos-kinno1.nota.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .iconos-kinno1.cuentas {
    background-position: -300px -0px; }
    .iconos-kinno1.cuentas.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .iconos-kinno1.mostrador {
    background-position: -330px -0px; }
    .iconos-kinno1.mostrador.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .iconos-kinno1.check {
    background-position: -360px -0px; }
    .iconos-kinno1.check.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .iconos-kinno1.ayuda {
    background-position: -390px -0px; }
    .iconos-kinno1.ayuda.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .iconos-kinno1.usuario {
    background-position: -420px -0px; }
    .iconos-kinno1.usuario.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .iconos-kinno1.cotizacion {
    background-position: -450px -0px; }
    .iconos-kinno1.cotizacion.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .iconos-kinno1.encamino {
    background-position: -480px -0px; }
    .iconos-kinno1.encamino.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .iconos-kinno1.almacen-rosa {
    background-position: -510px -0px; }
    .iconos-kinno1.almacen-rosa.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .iconos-kinno1.existencia-rosa {
    background-position: -540px -0px; }
    .iconos-kinno1.existencia-rosa.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .iconos-kinno1.compras-rosa {
    background-position: -570px -0px; }
    .iconos-kinno1.compras-rosa.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .iconos-kinno1.productos-rosa {
    background-position: -600px -0px; }
    .iconos-kinno1.productos-rosa.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .iconos-kinno1.newprod-rosa {
    background-position: -630px -0px; }
    .iconos-kinno1.newprod-rosa.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }
  .iconos-kinno1.garantia-rosa {
    background-position: -660px -0px; }
    .iconos-kinno1.garantia-rosa.hover:hover {
      cursor: pointer;
      background-position: -660px -30px; }
  .iconos-kinno1.reportes-rosa {
    background-position: -690px -0px; }
    .iconos-kinno1.reportes-rosa.hover:hover {
      cursor: pointer;
      background-position: -690px -30px; }
  .iconos-kinno1.catalogos-rosa {
    background-position: -720px -0px; }
    .iconos-kinno1.catalogos-rosa.hover:hover {
      cursor: pointer;
      background-position: -720px -30px; }
  .iconos-kinno1.ventas-rosa {
    background-position: -750px -0px; }
    .iconos-kinno1.ventas-rosa.hover:hover {
      cursor: pointer;
      background-position: -750px -30px; }
  .iconos-kinno1.nota-rosa {
    background-position: -780px -0px; }
    .iconos-kinno1.nota-rosa.hover:hover {
      cursor: pointer;
      background-position: -780px -30px; }
  .iconos-kinno1.cuentas-rosa {
    background-position: -810px -0px; }
    .iconos-kinno1.cuentas-rosa.hover:hover {
      cursor: pointer;
      background-position: -810px -30px; }
  .iconos-kinno1.mostrador-rosa {
    background-position: -840px -0px; }
    .iconos-kinno1.mostrador-rosa.hover:hover {
      cursor: pointer;
      background-position: -840px -30px; }
  .iconos-kinno1.check-rosa {
    background-position: -870px -0px; }
    .iconos-kinno1.check-rosa.hover:hover {
      cursor: pointer;
      background-position: -870px -30px; }
  .iconos-kinno1.ayuda-rosa {
    background-position: -900px -0px; }
    .iconos-kinno1.ayuda-rosa.hover:hover {
      cursor: pointer;
      background-position: -900px -30px; }
  .iconos-kinno1.usuario-rosa {
    background-position: -930px -0px; }
    .iconos-kinno1.usuario-rosa.hover:hover {
      cursor: pointer;
      background-position: -930px -30px; }
  .iconos-kinno1.cotizacion-rosa {
    background-position: -960px -0px; }
    .iconos-kinno1.cotizacion-rosa.hover:hover {
      cursor: pointer;
      background-position: -960px -30px; }
  .iconos-kinno1.encamino-rosa {
    background-position: -990px -0px; }
    .iconos-kinno1.encamino-rosa.hover:hover {
      cursor: pointer;
      background-position: -990px -30px; }

.btns-noti {
  background-image: url(../images/iconos/botones-kn.png);
  background-repeat: no-repeat;
  background-size: 120px;
  width: 30px;
  height: 30px;
  display: block; }
  .btns-noti.trash {
    background-position: 0px -0px; }
    .btns-noti.trash.hover:hover {
      cursor: pointer;
      background-position: 0px -30px; }
  .btns-noti.eye {
    background-position: -30px -0px; }
    .btns-noti.eye.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .btns-noti.rowLeft {
    background-position: -60px -0px; }
    .btns-noti.rowLeft.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .btns-noti.rowRight {
    background-position: -90px -0px; }
    .btns-noti.rowRight.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }

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

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

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

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

html, body {
  display: block; }
  html.infinitywidth, body.infinitywidth {
    overflow-x: scroll;
    overflow-y: scroll; }

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 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

.capitalize {
  text-transform: capitalize; }

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

.fsize13 {
  font-size: 13px; }

.fsize12 {
  font-size: 12px; }

.aleft {
  text-align: left; }

.aright {
  text-align: right; }

.acenter {
  text-align: center; }

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

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

.hide {
  display: none !important; }

.fright {
  float: right !important; }

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

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

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

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

a.close, form a.boton.table, div.smallinput a.boton.table {
  position: absolute;
  right: 40px;
  top: 12px; }

body {
  font-family: "Helvetica", arial, sans-serif;
  font-weight: 300;
  background-color: #ddd;
  margin-left: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }
  body.infinitywidth {
    width: auto;
    overflow: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
    body.infinitywidth header {
      position: fixed; }
    body.infinitywidth section {
      margin-top: 65px; }
  body.menu {
    margin-left: 188px; }
    body.menu #nav {
      margin-left: 0; }
      body.menu #nav .openMenu {
        margin-left: 7px; }

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

.user {
  font-size: 23px; }

h1, h2, h3, h4, h5 {
  letter-spacing: 1px; }

span.red, small.red, h1.red, h2.red, h3.red, h4.red, h5.red, th.red, b.red {
  color: red !important; }
  span.red.downred, small.red.downred, h1.red.downred, h2.red.downred, h3.red.downred, h4.red.downred, h5.red.downred, th.red.downred, b.red.downred {
    color: #ffd9d9; }

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

span.green, small.green, h1.green, h2.green, h3.green, h4.green, h5.green, th.green, b.green {
  color: green !important; }
  span.green.downred, small.green.downred, h1.green.downred, h2.green.downred, h3.green.downred, h4.green.downred, h5.green.downred, th.green.downred, b.green.downred {
    color: #c6ffc6 !important; }

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

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

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

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

.red {
  color: red; }

.bold {
  font-weight: bold; }

pre {
  white-space: pre-wrap; }

section {
  min-width: 100%;
  padding: 30px 20px 60px 20px;
  min-height: 400px;
  height: auto;
  display: block;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  width: auto !important; }
  section.menu1 {
    padding-left: 177px; }
  section.infinitywidth {
    overflow: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
  section.thebitacoracontent {
    padding: 0; }
    section.thebitacoracontent .table, section.thebitacoracontent form a.boton.table, form section.thebitacoracontent a.boton.table, section.thebitacoracontent div.smallinput a.boton.table, div.smallinput section.thebitacoracontent a.boton.table {
      margin: 0; }
  section.pop {
    position: relative;
    min-width: inherit;
    width: 80%;
    margin: 60px auto 0 auto;
    padding: 0;
    display: block;
    height: auto;
    overflow: inherit;
    border-top: 5px solid #a5a5a5; }
    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: #a5a5a5; }

div.dash {
  display: block;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.8);
  height: auto;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  -ms-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.dash .dash-hold {
    border: 1px solid #f4f9fe;
    padding: 12px 12px 8px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
  div.dash h3 {
    line-height: 2em;
    margin-bottom: 20px;
    display: inline;
    font-size: 16px;
    margin-left: -4px;
    color: #4d4d4d;
    text-transform: uppercase; }
    div.dash h3 img {
      display: inline-block;
      width: 40px;
      vertical-align: middle;
      margin: -14px 0 0 -10px;
      background-color: white;
      padding: 0 5px; }
  div.dash p, div.dash ul {
    margin-top: 5px;
    height: auto;
    overflow: hidden; }
  div.dash li {
    list-style: none;
    width: 100%;
    display: block; }
    div.dash li a, div.dash li form a.boton.table, form div.dash li a.boton.table, div.dash li div.smallinput a.boton.table, div.smallinput div.dash li a.boton.table {
      color: white;
      width: 100%;
      font-size: 13px;
      text-align: center;
      background-color: #a5a5a5;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 1px;
      padding: 8px 0;
      -webkit-border-radius: 3px !important;
      -moz-border-radius: 3px !important;
      -ms-border-radius: 3px !important;
      border-radius: 3px !important;
      display: block;
      text-transform: uppercase; }
    div.dash li:hover a {
      background-color: #ff0100; }

div.table, div.regular {
  padding: 20px;
  float: left;
  margin: 0 1% 20px 1%;
  width: 98%;
  position: relative;
  background: #f0f0f0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.table h4, div.regular h4 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
    color: #280404; }

div.topinfo {
  padding: 20px;
  margin: 0 1%;
  width: 95%;
  background: #8c8c8c;
  float: left; }
  div.topinfo .saldo {
    margin-top: 10px;
    color: white;
    width: 20%;
    height: auto;
    display: block;
    float: left;
    text-align: left;
    overflow: hidden;
    font-size: 13px;
    font-weight: normals; }
    div.topinfo .saldo b {
      width: 35%;
      text-align: right;
      float: left;
      display: block;
      font-weight: bold;
      color: #ffd9d9;
      margin-right: 10px;
      margin-top: 2px;
      font-size: 9px; }

div.half {
  float: left;
  width: 44.5%;
  display: block;
  margin: 0 1% 20px 1%;
  position: relative;
  clear: none;
  padding: 10px;
  min-height: 350px; }
  div.half.sort .dataTables_length {
    margin-top: 10px; }
  div.half.sort .dataTables_filter {
    margin-top: 10px;
    margin-right: 10px; }
  div.half:nth-child(odd) {
    float: left;
    display: block;
    margin: 0 1% 20px 1%;
    clear: left; }
  div.half.center {
    margin: 0 auto;
    float: inherit; }

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

div.fourth {
  float: left;
  width: 23%;
  display: block;
  margin: 0 1% 20px 1%;
  min-height: 260px; }

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

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

.index-block {
  width: 100%;
  padding: 0 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  display: block;
  clear: left; }
  .index-block .modulo {
    float: left;
    list-style: none;
    margin: 0px 0; }
    .index-block .modulo:hover {
      font-weight: bold; }
    .index-block .modulo .boton, .index-block .modulo form input[type=submit], .index-block .modulo div.smallinput input[type=submit], form .index-block .modulo input[type=submit], div.smallinput .index-block .modulo input[type=submit] {
      padding: 20px 10px 20px 50px !important;
      background-color: #4d4d4d;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px;
      position: relative;
      width: 193px;
      font-size: initial; }
    .index-block .modulo .mod-icon {
      position: absolute;
      left: 10px;
      top: 12px; }
      .index-block .modulo .mod-icon:hover {
        background-color: red;
        border-radius: 15px; }

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

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 {
  text-decoration: underline; }

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

h4 {
  clear: both; }

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

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

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

h1 {
  font-weight: 300;
  font-size: 20px;
  margin-top: 3px;
  text-transform: uppercase; }
  h1 img {
    display: inline;
    vertical-align: middle;
    width: 100px;
    margin-top: -6px; }
    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 {
    font-size: 10px !important;
    vertical-align: middle;
    text-transform: none; }
  h1 .userinfo {
    float: right;
    margin-top: 0; }

header.header h1 a, header.header h1 form a.boton.table, form header.header h1 a.boton.table, header.header h1 div.smallinput a.boton.table, div.smallinput header.header h1 a.boton.table {
  font-size: 14px;
  font-weight: lighter;
  color: gray; }

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

#nav {
  width: 145px;
  height: auto;
  margin-left: -188px;
  min-height: 100%;
  position: absolute;
  top: 1px;
  left: 0;
  background-color: white;
  font-size: 12px;
  color: white;
  display: block;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }
  #nav .openMenu {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    position: absolute;
    top: 0%;
    left: 138px;
    margin: 0 0 0 35%;
    background-color: white;
    width: 19px;
    height: auto;
    text-align: center;
    font-size: 22px;
    display: block;
    padding: 15px 10px;
    color: red;
    z-index: 11; }
  #nav ul {
    width: 100%;
    height: auto;
    list-style: none;
    padding-left: 0;
    padding-top: 0; }
    #nav ul li {
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      width: 100%;
      height: auto;
      padding-left: 0;
      padding-top: 31px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      #nav ul li.activo {
        background-color: #eee; }
        #nav ul li.activo ul {
          max-height: 1000px; }
      #nav ul li.head {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        background-size: 30px 30px;
        background-repeat: no-repeat;
        background-position: left 10px top 5px;
        min-height: 40px; }
        #nav ul li.head > a:first-child, #nav ul form li.head > a.boton.table:first-child, #nav ul div.smallinput li.head > a.boton.table:first-child {
          width: 100%;
          height: 60px;
          display: block;
          font-size: 16px;
          margin: 2px 0px 0px 0px;
          font-weight: bold;
          line-height: 2em;
          color: #333;
          -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 > a.boton.table:first-child, #nav ul div.smallinput li.level2 > a.boton.table:first-child {
        text-transform: uppercase;
        color: red;
        font-weight: normal;
        font-size: 1.1em;
        vertical-align: middle;
        padding-left: 1% !important;
        text-align: center;
        text-align: -webkit-center; }
        #nav ul li.level2 > a:first-child:before, #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: #40403c; }

#nav ul li ul {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  width: 100%;
  height: auto;
  padding-left: 5px;
  padding-right: 5px;
  max-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden; }
  #nav ul li ul li {
    padding-left: 0%;
    padding-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #nav ul li ul a {
    width: 100%;
    padding: 5px 0px !important;
    display: block;
    margin: 0;
    color: #333;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    text-align: -webkit-center; }

#nav ul li a {
  width: 100%;
  margin: 0;
  color: white; }

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

#notcounter {
  width: 16px;
  height: 16px;
  padding: 4px 5px 5px 5px;
  display: block;
  background-color: orange;
  float: right;
  margin: 8px 60px 0px 0px;
  text-align: center;
  color: white;
  font-size: 14px;
  font-weight: bold;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  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;
  cursor: pointer; }
  #notcounter.open {
    background-color: #ffd280; }

#notificaciones {
  position: absolute;
  margin-top: 20px;
  right: 0;
  width: 350px;
  display: block;
  left: 30px;
  top: 7px;
  background-color: white;
  z-index: 1000;
  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;
    padding: 5px 10px; }
    #notificaciones header h2 {
      font-size: 12px;
      text-shadow: none;
      color: #4d4d4d;
      font-weight: bold; }
  #notificaciones:before {
    content: '';
    width: 0;
    height: 0;
    top: 24px;
    left: -13px;
    margin-top: -20px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 9px solid rgba(0, 0, 0, 0.1);
    transform: rotate(270deg); }
  #notificaciones:after {
    content: '';
    width: 0;
    height: 0;
    top: 24px;
    left: -13px;
    margin-top: -21px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 10px solid white;
    transform: rotate(270deg); }
  #notificaciones.hidden {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }
  #notificaciones .alerta {
    margin: 0;
    padding: 0px 10px; }
    #notificaciones .alerta span.normal {
      margin: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px 10px 10px 25px; }

label.labelNoti {
  transform: translate(10px, 10px);
  display: block;
  background-color: red;
  color: white;
  -webkit-border-top-left-radius: 5px !important;
  -moz-border-radius-topleft: 5px !important;
  border-top-left: 5px !important;
  -webkit-border-bottom-left-radius: 5px !important;
  -moz-border-radius-bottomleft: 5px !important;
  border-bottom-left: 5px !important;
  text-align: center;
  width: 145px;
  height: 35px;
  padding-top: 6px; }

.not {
  width: 100%;
  background-color: white;
  padding: 10px 10px 5px 25px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-transform: none;
  font-size: 13px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }
  .not h2 {
    width: 100%;
    height: 24px;
    font-size: 12px;
    padding-left: 10px;
    line-height: 1.7em;
    font-weight: 100;
    padding-top: 2px; }
    .not h2.hoy {
      color: blue; }
  .not p {
    clear: both;
    color: #999;
    font-size: 11px;
    border-top-style: outset; }
    .not p .head {
      width: 100%;
      color: black;
      clear: both;
      float: left;
      display: block;
      font-size: 1em;
      font-weight: bold;
      color: #a5a5a5;
      margin-bottom: 5px; }
      .not p .head small {
        font-size: 0.8em;
        font-weight: lighter;
        color: #ccc;
        vertical-align: middle;
        line-height: 1.4em; }
  .not .boton, .not form a.boton.table, form .not a.boton.table, .not div.smallinput a.boton.table, div.smallinput .not a.boton.table, .not form input[type=submit], .not div.smallinput input[type=submit], form .not input[type=submit], div.smallinput .not input[type=submit], .not form .boton.botonaccion, .not div.smallinput .boton.botonaccion, form .not .boton.botonaccion, div.smallinput .not .boton.botonaccion {
    width: auto;
    padding: 0 !important;
    float: right;
    color: white;
    font-size: 11px;
    float: right;
    color: white; }
    .not .boton:first-child, .not form input[type=submit]:first-child, .not div.smallinput input[type=submit]:first-child, form .not input[type=submit]:first-child, div.smallinput .not input[type=submit]:first-child {
      clear: left; }
  .not.ver-todo {
    padding: 5px 85px 5px 0;
    text-align: center; }
    .not.ver-todo a, .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: #a5a5a5;
      font-weight: bold;
      font-size: 12px;
      padding: 5px 5px 2px 5px;
      display: block; }
      .not.ver-todo a:hover {
        color: red; }

.nolinks a, .nolinks form a.boton.table, form .nolinks a.boton.table, .nolinks div.smallinput a.boton.table, div.smallinput .nolinks a.boton.table {
  display: none; }

.not {
  position: relative; }
  .not span.level {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    float: left;
    width: 7px;
    height: 100px;
    display: block;
    margin-left: -25px;
    margin-top: -40px;
    position: absolute;
    top: 65%; }
    .not span.level.colorgreen, .not span.level.colorTrasito, .not span.level.colorFundición {
      background: #72aa00; }
    .not span.level.colored, .not span.level.colorComentario, .not span.level.colorCancelación, .not span.level.colorCuentas {
      background: #fd8a8a; }
    .not span.level.colorblue, .not span.level.colorMonitoreo {
      background: #1e69de; }
    .not span.level.coloryellow, .not span.level.colorMensaje, .not span.level {
      background: #f1da36; }
    .not span.level.olds {
      opacity: .5; }

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

#controlbar.panel {
  position: relative;
  background: none;
  width: 600px;
  display: block; }
  #controlbar.panel .not {
    width: 700px;
    margin: 2px 0; }
    #controlbar.panel .not small {
      margin-right: 10px; }
    #controlbar.panel .not p a {
      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 {
  display: none; }

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

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

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

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

.mensaje {
  color: #009BC1;
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  max-width: 330px;
  padding: 10px 10px 10px 30px;
  line-height: 1.5em;
  border: 1px solid white;
  background: lightyellow url(../images/normal.png?v3) no-repeat center left;
  -webkit-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.2);
  box-shadow: 2px 1px 4px rgba(50, 50, 50, 0.2); }
  .mensaje ul {
    padding-left: 18px; }
  .mensaje li {
    padding-top: 7px;
    background-position: 5px 5px; }
  .mensaje.left {
    margin: 0 9px 0 0;
    background-position: right center; }
  .mensaje.blackmamba {
    padding: 10px 20px;
    color: #f0f0f0;
    border: none;
    background: black;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 4px; }
    .mensaje.blackmamba p, .mensaje.blackmamba h3 {
      color: white !important; }
    .mensaje.blackmamba:after {
      content: '';
      width: 0;
      height: 0;
      border-top: 10px solid rgba(0, 0, 0, 0.75);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      position: absolute;
      left: 50%;
      bottom: 0;
      margin-left: -10px;
      margin-bottom: -10px; }
    .mensaje.blackmamba.left {
      margin-top: -20px; }
      .mensaje.blackmamba.left:after {
        border-right: 7px solid rgba(0, 0, 0, 0.75);
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 0;
        left: 0;
        top: 50%;
        bottom: inherit;
        margin-top: -17px;
        margin-left: -7px;
        margin-bottom: none; }
    .mensaje.blackmamba.down:after {
      content: '';
      border-top: none;
      border-bottom: 10px solid rgba(0, 0, 0, 0.75);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      position: absolute;
      left: 50%;
      top: 0;
      bottom: inherit;
      margin-left: -10px;
      margin-top: -10px; }
    .mensaje.blackmamba .ficha h3 {
      font-size: 14px; }
    .mensaje.blackmamba .ficha p {
      font-size: 1px; }

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

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

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

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

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, 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, 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, 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: #ff0100; }
  div.notificacion .fecha {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 12px;
    color: #ff0100; }
  div.notificacion p.buttons {
    line-height: 1em;
    margin-right: -17px; }
  div.notificacion a.boton {
    margin-top: -10px;
    background-color: #706F6F;
    color: white; }

div#reportepop a.boton {
  margin-top: -10px;
  background-color: #706F6F;
  color: white; }

div.notificacion a.boton:hover, div#reportepop a.boton:hover {
  background-color: white;
  color: #706F6F; }

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

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

@media only screen and (max-width: 768px) {
  section#login {
    width: 50%;
    margin: 0 auto;
    left: 0; } }

@media only screen and (max-width: 450px) {
  section#login {
    width: 90%;
    left: 1%; } }

.getform, .getModulo {
  cursor: pointer; }

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

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

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

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

.w60 {
  width: 57%; }

.w50 {
  width: 48%; }

.w40 {
  width: 38%; }

.w25 {
  width: 23%; }

.w35 {
  width: 33%; }

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

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

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

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

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

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

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

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

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

.lista-cultyvo {
  clear: both;
  list-style: none;
  font-size: 12px;
  margin: 10px 0;
  float: left; }
  .lista-cultyvo li {
    padding: 7px 6px;
    float: left;
    width: 100%;
    margin: 2px 0;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    .lista-cultyvo li .key, .lista-cultyvo li .val {
      float: left; }
    .lista-cultyvo li .key {
      width: 20%;
      font-size: 1em;
      text-transform: uppercase;
      font-weight: bold;
      color: #4d4d4d; }
      .lista-cultyvo li .key:after {
        content: ':'; }
    .lista-cultyvo li .val {
      float: left;
      width: 100%;
      padding: 3% 5%;
      font-size: 1.1em;
      text-align: justify;
      color: #333; }
  .lista-cultyvo.c2 li {
    width: 49%;
    margin: 2px 0.5%; }
    .lista-cultyvo.c2 li .key {
      width: 100%; }
    .lista-cultyvo.c2 li .val {
      width: 100%; }
    .lista-cultyvo.c2 li:nth-child(2n+1) {
      clear: left; }
  .lista-cultyvo.c3 li {
    width: 32%;
    margin: 2px 0.5%; }
    .lista-cultyvo.c3 li .key {
      width: 100%; }
    .lista-cultyvo.c3 li .val {
      width: 100%;
      text-align: right; }
    .lista-cultyvo.c3 li:nth-child(3n+1) {
      clear: left; }
  .lista-cultyvo.c4 li {
    width: 24%;
    margin: 2px 0.5%; }
    .lista-cultyvo.c4 li .key {
      width: 100%; }
    .lista-cultyvo.c4 li .val {
      width: 100%;
      text-align: right; }
    .lista-cultyvo.c4 li:nth-child(4n+1) {
      clear: left; }

.bloqueform .lista-cultyvo li, .bloque .lista-cultyvo li {
  background-color: #f9f9f9; }

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

#alertas {
  width: 400px;
  position: fixed;
  height: auto;
  right: 5px;
  top: 0;
  margin-left: -250px;
  z-index: 999999999999;
  display: block;
  padding-top: 5px; }
  #alertas .alerta, #alertas .waiting {
    float: right;
    padding: 10px 10px 10px 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    color: white;
    background-size: 20px; }
  #alertas .waiting {
    position: fixed;
    z-index: 100;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    display: none; }
    #alertas .waiting.activo {
      display: block;
      text-align: center;
      font-size: 13px;
      background: limegreen url(../images/loading.gif) no-repeat center top 9px;
      background-size: 40px;
      color: white;
      padding-top: 52px;
      padding-left: 10px; }

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

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

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

.normal {
  background: url(../images/normal-w.png?v1) no-repeat center left 5px;
  background-color: red;
  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 {
    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 {
  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 {
  position: absolute;
  display: block;
  margin: 0;
  top: 0;
  left: 0; }

span.imgcont.cuadros a img {
  height: 100%;
  left: 50%; }

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

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

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

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

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

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

.div-duo {
  height: auto;
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .div-duo.izq {
    float: left;
    width: 40%;
    background: #e8eded; }
    .div-duo.izq.w70 {
      width: 74%; }
  .div-duo.der {
    width: 59.7%;
    float: right; }
    .div-duo.der.w25 {
      width: 25%; }
  .div-duo.w80 {
    width: 80%;
    height: 62px;
    float: left;
    background: #e8eded;
    text-align: center; }
  .div-duo.w20 {
    width: 20%;
    float: left;
    height: 62px;
    text-align: center; }

.cont-datos {
  width: 100%;
  height: auto;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .cont-datos table.tablak tbody tr:hover {
    background-color: transparent !important;
    cursor: default; }
  .cont-datos table.tablak tbody tr:hover td {
    background-color: transparent !important;
    cursor: default; }
  .cont-datos.colores {
    margin-top: 8px;
    display: inline-block; }
  .cont-datos.tb {
    margin-top: 9px;
    border-top: 1px #dae7e5 solid; }
  .cont-datos.espacio {
    top: 0;
    text-align: center;
    height: 210px;
    padding-top: 35px; }

.p-kardex {
  font-size: 0.7em;
  padding-top: 15px; }
  .p-kardex.pv {
    color: #03b170; }
  .p-kardex.pa {
    color: #f9c85f; }
  .p-kardex.paz {
    color: #4874d3; }

.span-kardex {
  color: #4d4d4d; }

i.icono {
  display: block;
  top: 14px;
  margin: 0 auto;
  position: relative; }

i.icono-movil {
  display: none;
  top: 20px;
  margin: 0 auto;
  position: relative; }

.verde-aqua {
  color: #20b1c4;
  font-size: 0.8em; }

.verde {
  background: #03b170; }

.amarillo {
  background: #f9c85f; }

.azul {
  background: #4874d3; }

.td-trans {
  background-color: #e8eded !important;
  padding: 8px 10px; }

.fondo-verdecito {
  background: #e8eded;
  color: #808080; }

@media screen and (max-width: 1024px) {
  i.icono {
    display: none; }
  i.icono-movil {
    display: block; } }

div.charts {
  padding: 20px 20px 40px 20px;
  margin: 0 1%;
  width: 95%;
  height: 200px;
  float: left;
  background-color: white;
  overflow: hidden; }
  div.charts h2 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15px;
    color: gray;
    padding-bottom: 30px;
    width: 80%;
    margin-right: 0 !important;
    -webkit-margin-after: 0; }
  div.charts .chart {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    float: left; }
    div.charts .chart .chart-concepts {
      float: left;
      width: 20%;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      div.charts .chart .chart-concepts h2 {
        padding-bottom: 10px !important;
        -webkit-margin-after: 0; }
      div.charts .chart .chart-concepts .chart-concepts-concept {
        width: 50%;
        text-transform: capitalize;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 2px 1% 2px 5%;
        float: left;
        font-size: 10px;
        position: relative;
        background-color: transparent; }
        div.charts .chart .chart-concepts .chart-concepts-concept:after {
          content: '';
          width: 7px;
          height: 7px;
          display: block;
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -3.5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          border-radius: 5px; }
    div.charts .chart .chart-container {
      height: 65% !important;
      width: 80%;
      float: left;
      display: block;
      position: relative;
      margin-top: 30px;
      border-bottom: 1px solid #f0f0f0;
      border-left: 1px solid #f0f0f0; }
      div.charts .chart .chart-container .chart-element {
        height: 100%;
        float: left;
        display: block;
        position: relative;
        margin: 0 1% 0 1%; }
        div.charts .chart .chart-container .chart-element .chart-bar {
          display: block;
          padding: 0;
          float: left;
          position: absolute;
          bottom: 0;
          z-index: 3;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          cursor: pointer; }
          div.charts .chart .chart-container .chart-element .chart-bar .chart-bar-pieza {
            float: left;
            width: 100%;
            display: block;
            margin: 0 !important; }
          div.charts .chart .chart-container .chart-element .chart-bar .chart-bar-topvalue {
            position: absolute;
            font-size: 10px;
            width: 100px;
            left: 50%;
            margin-left: -35px;
            text-align: left;
            margin-top: -65px;
            transform: rotate(-65deg); }
    div.charts .chart .chart-names {
      width: 80%;
      margin: 0;
      height: 25px;
      display: block;
      float: left;
      border-left: 1px solid transparent; }
      div.charts .chart .chart-names .chart-elementname {
        float: left;
        text-align: center;
        margin: 0 1%;
        font-size: 10.5px;
        color: #333;
        text-transform: capitalize; }
        div.charts .chart .chart-names .chart-elementname .chart-barname {
          margin: 0 1%;
          display: block;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          float: left;
          font-size: 9px;
          position: relative !important; }
        div.charts .chart .chart-names .chart-elementname .chart-elementname-label {
          float: left;
          font-size: 10px;
          clear: both;
          width: 100%;
          text-align: center;
          display: block;
          position: relative;
          font-weight: normal;
          text-transform: uppercase; }

.bg-1, .chart-concepts-concept.bg-1:after {
  background-color: rgba(232, 89, 24, 0.9); }

.bg-2, .chart-concepts-concept.bg-2:after {
  background-color: rgba(232, 175, 24, 0.9); }

.bg-3, .chart-concepts-concept.bg-3:after {
  background-color: rgba(202, 232, 24, 0.9); }

.bg-4, .chart-concepts-concept.bg-4:after {
  background-color: rgba(115, 232, 24, 0.9); }

.bg-5, .chart-concepts-concept.bg-5:after {
  background-color: rgba(29, 232, 24, 0.9); }

.bg-6, .chart-concepts-concept.bg-6:after {
  background-color: rgba(24, 232, 106, 0.9); }

.bg-7, .chart-concepts-concept.bg-7:after {
  background-color: rgba(24, 232, 193, 0.9); }

.bg-8, .chart-concepts-concept.bg-8:after {
  background-color: rgba(24, 185, 232, 0.9); }

.bg-9, .chart-concepts-concept.bg-9:after {
  background-color: rgba(24, 98, 232, 0.9); }

.bg-10, .chart-concepts-concept.bg-10:after {
  background-color: rgba(37, 24, 232, 0.9); }

.bg-11, .chart-concepts-concept.bg-11:after {
  background-color: rgba(123, 24, 232, 0.9); }

.bg-12, .chart-concepts-concept.bg-12:after {
  background-color: rgba(210, 24, 232, 0.9); }

.bg-13, .chart-concepts-concept.bg-13:after {
  background-color: rgba(232, 24, 167, 0.9); }

.bg-14, .chart-concepts-concept.bg-14:after {
  background-color: rgba(232, 24, 81, 0.9); }

.bg-15, .chart-concepts-concept.bg-15:after {
  background-color: rgba(232, 54, 24, 0.9); }

.bg-16, .chart-concepts-concept.bg-16:after {
  background-color: rgba(232, 141, 24, 0.9); }

.bg-17, .chart-concepts-concept.bg-17:after {
  background-color: rgba(232, 227, 24, 0.9); }

.bg-18, .chart-concepts-concept.bg-18:after {
  background-color: rgba(150, 232, 24, 0.9); }

.bg-19, .chart-concepts-concept.bg-19:after {
  background-color: rgba(63, 232, 24, 0.9); }

.bg-20, .chart-concepts-concept.bg-20:after {
  background-color: rgba(24, 232, 71, 0.9); }

.bg-21, .chart-concepts-concept.bg-21:after {
  background-color: rgba(24, 232, 158, 0.9); }

.bg-22, .chart-concepts-concept.bg-22:after {
  background-color: rgba(24, 219, 232, 0.9); }

.bg-23, .chart-concepts-concept.bg-23:after {
  background-color: rgba(24, 133, 232, 0.9); }

.color-1 {
  color: rgba(232, 89, 24, 0.9); }

.color-2 {
  color: rgba(232, 175, 24, 0.9); }

.color-3 {
  color: rgba(202, 232, 24, 0.9); }

.color-4 {
  color: rgba(115, 232, 24, 0.9); }

.color-5 {
  color: rgba(29, 232, 24, 0.9); }

.color-6 {
  color: rgba(24, 232, 106, 0.9); }

.color-7 {
  color: rgba(24, 232, 193, 0.9); }

.color-8 {
  color: rgba(24, 185, 232, 0.9); }

.color-9 {
  color: rgba(24, 98, 232, 0.9); }

.color-10 {
  color: rgba(37, 24, 232, 0.9); }

.color-11 {
  color: rgba(123, 24, 232, 0.9); }

.color-12 {
  color: rgba(210, 24, 232, 0.9); }

.color-13 {
  color: rgba(232, 24, 167, 0.9); }

.color-14 {
  color: rgba(232, 24, 81, 0.9); }

.color-15 {
  color: rgba(232, 54, 24, 0.9); }

.color-16 {
  color: rgba(232, 141, 24, 0.9); }

.color-17 {
  color: rgba(232, 227, 24, 0.9); }

.color-18 {
  color: rgba(150, 232, 24, 0.9); }

.color-19 {
  color: rgba(63, 232, 24, 0.9); }

.color-20 {
  color: rgba(24, 232, 71, 0.9); }

.color-21 {
  color: rgba(24, 232, 158, 0.9); }

.color-22 {
  color: rgba(24, 219, 232, 0.9); }

.color-23 {
  color: rgba(24, 133, 232, 0.9); }

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

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

input:focus, textarea:focus, select:focus {
  outline: 2px solid rgba(50, 205, 50, 0.5) !important; }

.update {
  width: 30px;
  height: 30px;
  float: left;
  display: block;
  margin-top: 3px !important;
  background: transparent url(../images/update-green.png) no-repeat center center;
  background-size: 20px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  cursor: pointer; }
  .update:hover {
    cursor: pointer;
    transform: rotate(180deg); }

#worksucursal, #tryusuarios, #workempresa, .input-header {
  float: left;
  width: 200px;
  height: 40px;
  margin-top: -2px;
  color: red; }
  #worksucursal .update, #tryusuarios .update, #workempresa .update, .input-header .update {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 292px;
    margin-top: -34px !important;
    background: transparent url(../images/update-green.png) no-repeat center center;
    background-size: 20px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    cursor: pointer; }
    #worksucursal .update:hover, #tryusuarios .update:hover, #workempresa .update:hover, .input-header .update:hover {
      cursor: pointer;
      transform: rotate(180deg); }
  #worksucursal select, #tryusuarios select, #workempresa select, .input-header select {
    background-size: 15px;
    border: 1px solid #4d4d4d;
    -webkit-border-top-right-radius: 5px !important;
    -moz-border-radius-topright: 5px !important;
    border-top-right: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
    -moz-border-radius-bottomright: 5px !important;
    border-bottom-right: 5px !important; }

#worksucursal, #tryusuarios {
  height: 34px;
  margin-top: 10px;
  margin-left: 15px; }

.input-header {
  display: flex;
  width: auto;
  height: 35px; }

input.header {
  width: auto;
  padding: 3px 10px;
  border: none; }

span.find-img {
  height: auto;
  margin-right: 10px;
  padding: 3%;
  background-color: #a5a5a5;
  color: white;
  text-align: center;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

label.kar {
  text-align: center;
  color: white;
  border-left: 2px solid white;
  margin-right: 10px;
  padding: 8px 20px; }

a, form a.boton.table, div.smallinput a.boton.table {
  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: #f0f0f0;
  padding: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  form .bloqueform .foliopestana, div.smallinput .bloqueform .foliopestana, form.basico .bloqueform .foliopestana {
    margin-top: -35px;
    background-color: #f0f0f0;
    display: block;
    color: #4d4d4d;
    padding: 10px 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: -1px; }
  form .bloqueform h4, div.smallinput .bloqueform h4, form .bloqueform h5, div.smallinput .bloqueform h5, form.basico .bloqueform h4, form.basico .bloqueform h5 {
    margin-top: -15px;
    margin-bottom: 5px;
    font-size: 18px;
    color: #4d4d4d; }
  form .bloqueform h5, div.smallinput .bloqueform h5, form.basico .bloqueform h5 {
    margin-top: -6px;
    font-size: 12px;
    font-weight: lighter;
    margin-bottom: 8px; }
  form .bloqueform .edit, div.smallinput .bloqueform .edit, form .bloqueform .borrarbloque, div.smallinput .bloqueform .borrarbloque, form .bloqueform .eliminar, div.smallinput .bloqueform .eliminar, form.basico .bloqueform .edit, form.basico .bloqueform .borrarbloque, form.basico .bloqueform .eliminar {
    display: none;
    position: absolute;
    top: 15px;
    right: 60px;
    font-size: 11px;
    cursor: pointer; }
  form .bloqueform:hover .edit, div.smallinput .bloqueform:hover .edit, form .bloqueform:hover .eliminar, div.smallinput .bloqueform:hover .eliminar, form .bloqueform .edit .edit, div.smallinput .bloqueform .edit .edit, form .bloqueform .edit .eliminar, div.smallinput .bloqueform .edit .eliminar, form.basico .bloqueform:hover .edit, form.basico .bloqueform:hover .eliminar, form.basico .bloqueform .edit .edit, form.basico .bloqueform .edit .eliminar {
    display: block; }
  form .bloqueform.inside, div.smallinput .bloqueform.inside, form.basico .bloqueform.inside {
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }
  form .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform, form.basico .bloqueform .bloqueform {
    background-color: #ebe8e8; }
    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: #f0f0f0; }
      form .bloqueform .bloqueform .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform {
        background-color: #ebe8e8; }
        form .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform, div.smallinput .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform {
          background-color: #f0f0f0; }

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

.bloqueform.moreless, .bloque.moreless {
  max-height: 90000px;
  position: relative; }
  .bloqueform.moreless .abrircerrar, .bloque.moreless .abrircerrar {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    background-image: url(../images/less.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }
  .bloqueform.moreless.closed, .bloque.moreless.closed {
    max-height: 45px;
    overflow: hidden; }
    .bloqueform.moreless.closed .abrircerrar, .bloque.moreless.closed .abrircerrar {
      background-image: url(../images/plus.png); }

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

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

#pestanas {
  float: left;
  clear: both;
  display: block;
  width: 100%;
  padding: 0 20px;
  border-bottom: 5px solid #8c8c8c;
  width: 95%;
  margin: 0 1%; }
  #pestanas ul {
    list-style: none; }
  #pestanas li a {
    width: auto;
    max-width: 400px;
    padding: 8px 10px;
    display: inline-block;
    text-align: center;
    background-color: rgba(234, 234, 234, 0.4);
    color: gray;
    float: left;
    font-size: 12px;
    margin-right: 1px;
    vertical-align: bottom;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    border-top-left: 2px !important;
    -webkit-border-top-right-radius: 2px !important;
    -moz-border-radius-topright: 2px !important;
    border-top-right: 2px !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-bottom-left: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-bottom-right: 0 !important; }
  #pestanas li:first-child {
    margin-left: -20px; }
  #pestanas li.activo a, #pestanas li:hover a {
    background-color: #8c8c8c;
    color: white; }
  #pestanas li.activo a {
    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; }
  .topRight.enbloque {
    top: 12px;
    right: 40px; }

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

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

form.basico, div.smallinput, div.form.basico, table.form.basico {
  width: 550px;
  height: auto;
  margin: 0 auto 0 auto;
  background-color: #a5a5a5;
  padding: 40px 20px 20px 20px;
  overflow: hidden;
  position: relative; }
  form.basico h3, div.smallinput h3, div.form.basico h3, table.form.basico h3 {
    margin: -20px 0 20px 0;
    text-transform: uppercase;
    color: #280404;
    font-weight: lighter;
    font-size: 24px; }
    form.basico h3 .resaltar, div.smallinput h3 .resaltar, div.form.basico h3 .resaltar, table.form.basico h3 .resaltar {
      color: #f9f9f9; }
  form.basico h4, div.smallinput h4, div.form.basico h4, table.form.basico h4 {
    margin: 5px 0 0 0;
    line-height: 2.5em;
    color: #20b1c4;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold; }

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

form.basico, div.smallinput, div.form.basico, table.form.basico {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  form.basico label, div.smallinput label, div.form.basico label, table.form.basico label {
    width: 25%;
    height: 35px;
    float: left;
    padding: 2px 15px 3px 0;
    margin: 3px 0 0 0;
    font-size: 12px;
    text-align: right;
    font-weight: bold;
    line-height: 2.6em;
    clear: left;
    position: relative;
    color: #4d4d4d;
    background-color: transparent !important; }
    form.basico label.half, div.smallinput label.half, div.form.basico label.half, table.form.basico label.half {
      width: 40%; }
    form.basico label.duo, div.smallinput label.duo, div.form.basico label.duo, table.form.basico label.duo {
      width: 10%; }
    form.basico label.lduo, div.smallinput label.lduo, div.form.basico label.lduo, table.form.basico label.lduo {
      clear: none; }
    form.basico label.trio:not(.radio), div.smallinput label.trio:not(.radio), div.form.basico label.trio:not(.radio), table.form.basico label.trio:not(.radio) {
      clear: none;
      width: 11%;
      margin-left: 10px; }
    form.basico label.right-side, div.smallinput label.right-side, div.form.basico label.right-side, table.form.basico label.right-side {
      float: right;
      clear: right;
      text-align: left;
      padding: 3px 0 3px 7px; }
    form.basico label.red, div.smallinput label.red, div.form.basico label.red, table.form.basico label.red {
      background-color: red !important;
      color: white; }
    form.basico label.green, div.smallinput label.green, div.form.basico label.green, table.form.basico label.green {
      background-color: limegreen !important;
      color: white; }
    form.basico label.orange, div.smallinput label.orange, div.form.basico label.orange, table.form.basico label.orange {
      background-color: orange !important;
      color: white; }

form.filtros_ label, div.filtros_.smallinput label, div.form.filtros_ label, table.form.filtros_ label {
  background-color: rgba(255, 255, 255, 0.3); }

form input, div.smallinput input, form textarea, div.smallinput textarea, form select, div.smallinput select, form span.custom-combobox, div.smallinput span.custom-combobox, form .custom-combobox-input, div.smallinput .custom-combobox-input, div.form input, div.form textarea, div.form select, div.form span.custom-combobox, div.form .custom-combobox-input, table.form input, table.form textarea, table.form select, table.form span.custom-combobox, table.form .custom-combobox-input {
  width: 70%;
  border: none;
  float: left;
  height: 35px;
  padding: 3px 10px;
  margin: 3px 0 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  form input.half, div.smallinput input.half, form textarea.half, div.smallinput textarea.half, form select.half, div.smallinput select.half, form span.custom-combobox.half, div.smallinput span.custom-combobox.half, form .custom-combobox-input.half, div.smallinput .custom-combobox-input.half, div.form input.half, div.form textarea.half, div.form select.half, div.form span.custom-combobox.half, div.form .custom-combobox-input.half, table.form input.half, table.form textarea.half, table.form select.half, table.form span.custom-combobox.half, table.form .custom-combobox-input.half {
    width: 35%;
    margin-right: 35%; }
  form input.trio, div.smallinput input.trio, form textarea.trio, div.smallinput textarea.trio, form select.trio, div.smallinput select.trio, form span.custom-combobox.trio, div.smallinput span.custom-combobox.trio, form .custom-combobox-input.trio, div.smallinput .custom-combobox-input.trio, div.form input.trio, div.form textarea.trio, div.form select.trio, div.form span.custom-combobox.trio, div.form .custom-combobox-input.trio, table.form input.trio, table.form textarea.trio, table.form select.trio, table.form span.custom-combobox.trio, table.form .custom-combobox-input.trio {
    margin-right: 1%;
    width: 20%; }
  form input.duo, div.smallinput input.duo, form textarea.duo, div.smallinput textarea.duo, form select.duo, div.smallinput select.duo, form span.custom-combobox.duo, div.smallinput span.custom-combobox.duo, form .custom-combobox-input.duo, div.smallinput .custom-combobox-input.duo, div.form input.duo, div.form textarea.duo, div.form select.duo, div.form span.custom-combobox.duo, div.form .custom-combobox-input.duo, table.form input.duo, table.form textarea.duo, table.form select.duo, table.form span.custom-combobox.duo, table.form .custom-combobox-input.duo {
    margin-right: 1%;
    width: 23.55%; }
    form input.duo.half, div.smallinput input.duo.half, form textarea.duo.half, div.smallinput textarea.duo.half, form select.duo.half, div.smallinput select.duo.half, form span.custom-combobox.duo.half, div.smallinput span.custom-combobox.duo.half, form .custom-combobox-input.duo.half, div.smallinput .custom-combobox-input.duo.half, div.form input.duo.half, div.form textarea.duo.half, div.form select.duo.half, div.form span.custom-combobox.duo.half, div.form .custom-combobox-input.duo.half, table.form input.duo.half, table.form textarea.duo.half, table.form select.duo.half, table.form span.custom-combobox.duo.half, table.form .custom-combobox-input.duo.half {
      margin-right: 2%;
      width: 40%; }
  form input.cuatrocinco, div.smallinput input.cuatrocinco, form textarea.cuatrocinco, div.smallinput textarea.cuatrocinco, form select.cuatrocinco, div.smallinput select.cuatrocinco, form span.custom-combobox.cuatrocinco, div.smallinput span.custom-combobox.cuatrocinco, form .custom-combobox-input.cuatrocinco, div.smallinput .custom-combobox-input.cuatrocinco, div.form input.cuatrocinco, div.form textarea.cuatrocinco, div.form select.cuatrocinco, div.form span.custom-combobox.cuatrocinco, div.form .custom-combobox-input.cuatrocinco, table.form input.cuatrocinco, table.form textarea.cuatrocinco, table.form select.cuatrocinco, table.form span.custom-combobox.cuatrocinco, table.form .custom-combobox-input.cuatrocinco {
    width: 44%;
    margin-right: 25%; }
  form input.cincocinco, div.smallinput input.cincocinco, form textarea.cincocinco, div.smallinput textarea.cincocinco, form select.cincocinco, div.smallinput select.cincocinco, form span.custom-combobox.cincocinco, div.smallinput span.custom-combobox.cincocinco, form .custom-combobox-input.cincocinco, div.smallinput .custom-combobox-input.cincocinco, div.form input.cincocinco, div.form textarea.cincocinco, div.form select.cincocinco, div.form span.custom-combobox.cincocinco, div.form .custom-combobox-input.cincocinco, table.form input.cincocinco, table.form textarea.cincocinco, table.form select.cincocinco, table.form span.custom-combobox.cincocinco, table.form .custom-combobox-input.cincocinco {
    width: 55%;
    margin-right: 15%; }
  form input.right-side, div.smallinput input.right-side, form textarea.right-side, div.smallinput textarea.right-side, form select.right-side, div.smallinput select.right-side, form span.custom-combobox.right-side, div.smallinput span.custom-combobox.right-side, form .custom-combobox-input.right-side, div.smallinput .custom-combobox-input.right-side, div.form input.right-side, div.form textarea.right-side, div.form select.right-side, div.form span.custom-combobox.right-side, div.form .custom-combobox-input.right-side, table.form input.right-side, table.form textarea.right-side, table.form select.right-side, table.form span.custom-combobox.right-side, table.form .custom-combobox-input.right-side {
    float: right;
    clear: left; }
    form input.right-side.half, div.smallinput input.right-side.half, form textarea.right-side.half, div.smallinput textarea.right-side.half, form select.right-side.half, div.smallinput select.right-side.half, form span.custom-combobox.right-side.half, div.smallinput span.custom-combobox.right-side.half, form .custom-combobox-input.right-side.half, div.smallinput .custom-combobox-input.right-side.half, div.form input.right-side.half, div.form textarea.right-side.half, div.form select.right-side.half, div.form span.custom-combobox.right-side.half, div.form .custom-combobox-input.right-side.half, table.form input.right-side.half, table.form textarea.right-side.half, table.form select.right-side.half, table.form span.custom-combobox.right-side.half, table.form .custom-combobox-input.right-side.half {
      margin-right: 0;
      margin-left: 35%; }
    form input.right-side.duo, div.smallinput input.right-side.duo, form textarea.right-side.duo, div.smallinput textarea.right-side.duo, form select.right-side.duo, div.smallinput select.right-side.duo, form span.custom-combobox.right-side.duo, div.smallinput span.custom-combobox.right-side.duo, form .custom-combobox-input.right-side.duo, div.smallinput .custom-combobox-input.right-side.duo, div.form input.right-side.duo, div.form textarea.right-side.duo, div.form select.right-side.duo, div.form span.custom-combobox.right-side.duo, div.form .custom-combobox-input.right-side.duo, table.form input.right-side.duo, table.form textarea.right-side.duo, table.form select.right-side.duo, table.form span.custom-combobox.right-side.duo, table.form .custom-combobox-input.right-side.duo {
      margin-right: 0;
      margin-left: 2%; }
    form input.right-side.cincocinco, div.smallinput input.right-side.cincocinco, form textarea.right-side.cincocinco, div.smallinput textarea.right-side.cincocinco, form select.right-side.cincocinco, div.smallinput select.right-side.cincocinco, form span.custom-combobox.right-side.cincocinco, div.smallinput span.custom-combobox.right-side.cincocinco, form .custom-combobox-input.right-side.cincocinco, div.smallinput .custom-combobox-input.right-side.cincocinco, div.form input.right-side.cincocinco, div.form textarea.right-side.cincocinco, div.form select.right-side.cincocinco, div.form span.custom-combobox.right-side.cincocinco, div.form .custom-combobox-input.right-side.cincocinco, table.form input.right-side.cincocinco, table.form textarea.right-side.cincocinco, table.form select.right-side.cincocinco, table.form span.custom-combobox.right-side.cincocinco, table.form .custom-combobox-input.right-side.cincocinco {
      margin-right: 0;
      margin-left: 15%; }
  form input.no-right, div.smallinput input.no-right, form textarea.no-right, div.smallinput textarea.no-right, form select.no-right, div.smallinput select.no-right, form span.custom-combobox.no-right, div.smallinput span.custom-combobox.no-right, form .custom-combobox-input.no-right, div.smallinput .custom-combobox-input.no-right, div.form input.no-right, div.form textarea.no-right, div.form select.no-right, div.form span.custom-combobox.no-right, div.form .custom-combobox-input.no-right, table.form input.no-right, table.form textarea.no-right, table.form select.no-right, table.form span.custom-combobox.no-right, table.form .custom-combobox-input.no-right {
    margin-right: 0 !important; }
  form input.big, div.smallinput input.big, form textarea.big, div.smallinput textarea.big, form select.big, div.smallinput select.big, form span.custom-combobox.big, div.smallinput span.custom-combobox.big, form .custom-combobox-input.big, div.smallinput .custom-combobox-input.big, div.form input.big, div.form textarea.big, div.form select.big, div.form span.custom-combobox.big, div.form .custom-combobox-input.big, table.form input.big, table.form textarea.big, table.form select.big, table.form span.custom-combobox.big, table.form .custom-combobox-input.big {
    font-size: 25px; }

form .custom-combobox-input, div.smallinput .custom-combobox-input, div.form .custom-combobox-input, table.form .custom-combobox-input {
  margin: 0; }

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

form select.workuser, div.smallinput select.workuser {
  margin: -25px 0 0 155px;
  background: none; }

form select.worksuc, div.smallinput select.worksuc {
  margin: -25px 0 0 155px;
  background: none; }

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

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

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

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

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

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

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

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

form.basico.plomo, div.plomo.smallinput {
  background-color: #999; }
  form.basico.plomo h3.fnombre, div.plomo.smallinput h3.fnombre {
    color: white; }
  form.basico.plomo a, div.plomo.smallinput a {
    color: #ccc; }
  form.basico.plomo .bloqueform .bloqueform, div.plomo.smallinput .bloqueform .bloqueform {
    background-color: #fcfcfc; }
    form.basico.plomo .bloqueform .bloqueform .bloqueform, div.plomo.smallinput .bloqueform .bloqueform .bloqueform {
      background-color: #f0f0f0; }

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

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

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

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

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

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

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

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

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

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

a, form a.boton.table, div.smallinput a.boton.table {
  -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 {
    position: absolute;
    top: 0;
    right: -315%;
    width: 35px;
    height: 35px;
    display: block;
    overflow: hidden;
    z-index: 10 !important;
    opacity: 0.7;
    cursor: pointer;
    z-index: 1;
    background: transparent url(../images/mas.png) no-repeat center center;
    background-size: 20px;
    font-size: 20px; }
    a.added:hover, form a.boton.table:hover, div.smallinput a.boton.table:hover {
      opacity: 0.9; }
  a.half, form a.boton.table, div.smallinput a.boton.table {
    right: -166%; }
  a.add, a.boton, form a.boton.table, div.smallinput a.boton.table {
    margin: 5px 0 0 10px !important;
    padding: 10px 10px 8px 10px !important;
    background-color: #c71717;
    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 {
      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 {
      -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 {
      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 {
      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 {
      float: left; }
    a.add.green, a.boton.green, form a.boton.table, div.smallinput a.boton.table {
      background-color: green; }
      a.add.green:hover, a.boton.green:hover {
        background-color: #005a00; }
    a.add.red, a.boton.red, form a.boton.table, div.smallinput a.boton.table {
      background-color: red; }
      a.add.red:hover, a.boton.red:hover {
        background-color: #b30000; }
    a.add.blue, a.boton.blue, form a.boton.table, div.smallinput a.boton.table {
      background-color: blue; }
      a.add.blue:hover, a.boton.blue:hover {
        background-color: #0000b3; }
    a.add.gray, a.boton.gray, form a.boton.table, div.smallinput a.boton.table {
      background-color: gray; }
      a.add.gray:hover, a.boton.gray:hover {
        background-color: #5a5a5a; }
    a.add.purple, a.boton.purple, form a.boton.table, div.smallinput a.boton.table {
      background-color: purple; }
      a.add.purple:hover, a.boton.purple: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 {
  float: inherit !important;
  padding: 6px 8px 5px 28px !important;
  margin-left: 6px;
  margin-top: -10px; }

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

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

h2 a, h2 form a.boton.table, form h2 a.boton.table, h2 div.smallinput a.boton.table, div.smallinput h2 a.boton.table, h4 a, h4 form a.boton.table, form h4 a.boton.table, h4 div.smallinput a.boton.table, div.smallinput h4 a.boton.table {
  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 {
  font-size: 10px;
  float: none;
  text-transform: none;
  text-decoration: none;
  padding: 3px 8px 2px 25px;
  background-color: white;
  color: #333;
  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, div .not p a:hover {
  background-color: #E5EAEA; }

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

a.add:hover, a.boton:hover, form a.boton.table:hover, div.smallinput a.boton.table:hover {
  background-color: #666; }

form.basico input[type=submit]:hover, div.smallinput input[type=submit]:hover, form.basico input[type=submit]:disabled, div.smallinput input[type=submit]:disabled, form.basico input.loading[type=submit], div.smallinput input.loading[type=submit], form.basico .boton:hover, div.smallinput .boton:hover, form.basico .boton:disabled, div.smallinput .boton:disabled, form.basico .boton.loading, div.smallinput .boton.loading {
  background-color: #666 !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;
  border-left: 1px solid #ff1a1a;
  border-top: 1px solid #ff1a1a;
  background-color: #ff0100 !important;
  float: right; }
  form input[type=submit]:hover, div.smallinput input[type=submit]:hover, form .boton.botonaccion:hover, div.smallinput .boton.botonaccion:hover, form.basico input[type=submit]:hover, form.basico .boton.botonaccion:hover {
    background-color: white !important;
    color: #ff0100;
    border-right: 1px solid #cc0100;
    border-bottom: 1px solid #cc0100; }

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: 6px; }
  form.basico input.big:disabled, div.smallinput input.big:disabled, form.basico textarea.big:disabled, div.smallinput textarea.big:disabled, form.basico select.big:disabled, div.smallinput select.big:disabled {
    font-size: 25px !important; }

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

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

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

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

a.added.half, form a.half.table.boton, div.smallinput a.half.table.boton {
  right: -205%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

form label.radio, div.smallinput label.radio, form label.checkbox, div.smallinput label.checkbox {
  width: 100% !important;
  display: block;
  position: relative;
  padding-left: 32px;
  margin: 0 1px;
  font-weight: lighter;
  text-align: left;
  padding-top: 1px;
  color: white;
  background-color: #ed6b6b !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

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

form div.radiobox.activo > label.radio, div.smallinput div.radiobox.activo > label.radio {
  background-color: #c71818 !important;
  color: white; }
  form div.radiobox.activo > label.radio span, div.smallinput div.radiobox.activo > label.radio span {
    background: rgba(255, 255, 255, 0.9) url(../images/good.png) no-repeat center center;
    background-size: 12px;
    box-shadow: none; }

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

form label.checkbox, div.smallinput label.checkbox {
  border: 1px solid #20b1c4; }
  form label.checkbox input:checked, div.smallinput label.checkbox input:checked {
    background-color: #D40C1F; }
  form label.checkbox span, div.smallinput label.checkbox span {
    background: rgba(255, 255, 255, 0.9);
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    left: 6px;
    top: 6px;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    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.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 {
  right: 0;
  width: 18px;
  height: 18px;
  opacity: 1;
  background: transparent url(../images/varios/addw.png) no-repeat center center;
  margin: 0;
  padding: 2px;
  background-size: 12px; }
  .smallinput th a.added:hover {
    background-size: 17px; }

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

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

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

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

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

.topRight, .topright {
  top: 15px;
  right: 30px;
  color: #a5a5a5;
  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: #ff0100;
    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.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  position: 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;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important; }
  form.filtros_ h4, div.filtros_.smallinput h4 {
    margin: 0;
    padding: 0;
    color: #5b5b5b; }
  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: 12px;
    height: 12px;
    display: block;
    background-color: #ebebeb;
    float: left;
    border: 4px solid #f0f0f0;
    margin: 2.5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px; }
    .colorBox .colorSelect.activo, .colorBox .colorSelect:hover {
      width: 20px;
      height: 20px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      border-radius: 10px;
      border: none; }
    .colorBox .colorSelect.rosa {
      background-color: #ffaab9; }
    .colorBox .colorSelect.verde {
      background-color: limegreen; }
    .colorBox .colorSelect.azul {
      background-color: #71c5e7; }
    .colorBox .colorSelect.naranja {
      background-color: orange; }
    .colorBox .colorSelect.gris {
      background-color: #ebebeb; }
    .colorBox .colorSelect.rojo {
      background-color: red; }
    .colorBox .colorSelect.linea {
      background-color: #268aa0; }
    .colorBox .colorSelect.linea1 {
      background-color: #40a7ad; }
    .colorBox .colorSelect.linea2 {
      background-color: #A1B584; }
    .colorBox .colorSelect.linea3 {
      background-color: #C3846A; }
    .colorBox .colorSelect.linea4 {
      background-color: #ED3567; }
    .colorBox .colorSelect.linea5 {
      background-color: #222943; }

span.rosa {
  color: #ffaab9; }

span.azul {
  color: #71c5e7; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.asignacion-usuarios {
  width: 100%;
  padding: 10px 10px 15px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ededed;
  display: block;
  height: auto;
  overflow: hidden;
  margin: 5px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .asignacion-usuarios .avatar-holder {
    width: 60px;
    max-width: 120px;
    height: 80px;
    display: block;
    float: left;
    position: relative; }
    .asignacion-usuarios .avatar-holder .avatar {
      width: 35px;
      height: 35px;
      overflow: hidden;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      margin: 5px auto;
      border: 2px solid white; }
      .asignacion-usuarios .avatar-holder .avatar img {
        width: 100%; }
    .asignacion-usuarios .avatar-holder h4 {
      width: 100%;
      font-size: 11px;
      font-weight: bold;
      margin: 0 auto;
      color: black;
      text-align: center; }
      .asignacion-usuarios .avatar-holder h4.small {
        font-weight: lighter !important;
        font-size: 10px !important;
        color: #666 !important; }
  .asignacion-usuarios .proyectos-holder {
    width: 75%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 15px;
    display: block;
    overflow: hidden; }
    .asignacion-usuarios .proyectos-holder .proyecto {
      background-color: #a5a5a5;
      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;
  backdrop-filter: blur(5px);
  filter: alpha(opacity=30); }

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a, .mfp-preloader form a.boton.table, form .mfp-preloader a.boton.table, .mfp-preloader div.smallinput a.boton.table, div.smallinput .mfp-preloader a.boton.table {
    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 {
      color: white; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

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

p {
  font-size: 18px;
  padding: 1% 6%;
  color: white;
  font-weight: 500; }

span.text-monto {
  font-size: 13px; }

span.cantidad {
  float: right;
  right: -2%;
  font-size: 16px; }

div.cont-form-kardex {
  width: 80%;
  background-color: #20b1c4;
  height: auto;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-left: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  border-bottom-right: 20px;
  position: relative;
  top: 0;
  margin: -34px auto 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.cont-acceso-rapido {
  width: auto;
  display: block;
  float: left;
  background-color: #4d4d4d;
  position: relative;
  margin: 0% 2% 0% 4%;
  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-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .cont-acceso-rapido.menu1 {
    margin-left: 188px; }
  .cont-acceso-rapido .titulo-accesos {
    width: 100%;
    height: 60px;
    background-color: #ebe8e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

div.cont-dasthird {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  margin: 0auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.cont-dasthird div.dasthird {
    width: 50%;
    height: auto;
    display: inline-block;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    div.cont-dasthird div.dasthird .dasthird-info {
      width: 45%;
      margin: 2%;
      height: auto;
      display: inline-block;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    div.cont-dasthird div.dasthird p.titulo {
      text-align: center;
      padding: 1% 6%;
      color: white;
      font-weight: 500; }
    div.cont-dasthird div.dasthird .cubitos {
      width: 45%;
      height: auto;
      margin: 2%;
      background-color: white;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      div.cont-dasthird div.dasthird .cubitos .info-cubo {
        width: 100%;
        height: 120px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        div.cont-dasthird div.dasthird .cubitos .info-cubo .ingreso {
          width: 100%;
          height: 80px;
          float: left;
          position: relative;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
          div.cont-dasthird div.dasthird .cubitos .info-cubo .ingreso h2 {
            color: #280404;
            text-align: center;
            font-size: 10px; }
        div.cont-dasthird div.dasthird .cubitos .info-cubo .triangulo {
          width: 100%;
          float: left;
          position: relative;
          height: 40px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
          div.cont-dasthird div.dasthird .cubitos .info-cubo .triangulo img {
            margin-left: 43%;
            margin-bottom: 2%; }

@media only screen and (max-width: 1440px) {
  span.ciente {
    font-size: 14px; }
  span.text-monto {
    font-size: 11px; } }

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

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

#line-template {
  display: none; }

input.check[type=checkbox] {
  width: 13px !important;
  height: 18px !important;
  display: inline-block !important;
  float: none; }

a.cvs.boton, form a.boton.table, div.smallinput a.boton.table, form input.cvs[type=submit], form .cvs.boton.botonaccion, div.smallinput input.cvs[type=submit], div.smallinput .cvs.boton.botonaccion {
  background-color: #C71717 !important; }

section.pop div.table {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 20px; }

section.infinitywidth div.table {
  min-height: 600px; }
  section.infinitywidth div.table.no-min {
    min-height: inherit; }

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

.dinabox {
  display: block;
  width: 300px;
  float: left;
  position: relative;
  margin: 5px;
  padding: 45px 10px 20px 10px;
  min-height: 400px;
  background-color: #f6f6f6;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .dinabox.infinity {
    width: 350px;
    position: relative;
    margin: 5px; }
  .dinabox.personaltask {
    width: 400px;
    position: relative;
    background-color: #f0f0f0;
    border: 1px solid #e6e6e6; }
    .dinabox.personaltask .bloque {
      border-right: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .dinabox.personaltask.lista {
      width: 550px;
      background-color: white;
      border: none;
      padding-top: 0; }
  .dinabox.holder {
    border: 1px dashed #ccc !important;
    background-color: #f9f9f9; }
  .dinabox header {
    height: 33px;
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
    padding: 3px 0 3px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left: 5px; }
    .dinabox header .dinabox-folio {
      float: left;
      font-size: 20px;
      line-height: 1.5em;
      font-weight: bold;
      color: black;
      text-transform: uppercase; }
    .dinabox header .dinabox-fecha {
      float: left;
      font-size: 12px;
      color: #ccc;
      margin: 7px 0 0 10px; }
    .dinabox header .dinabox-fav {
      width: 15px;
      height: 20px;
      display: block;
      position: absolute;
      top: 5px;
      right: 35px;
      background-color: transparent;
      background-position: top center;
      background-size: 15px;
      background-repeat: no-repeat;
      background-image: url(../images/pin.png); }
      .dinabox header .dinabox-fav:hover, .dinabox header .dinabox-fav.fav {
        cursor: pointer;
        background-size: 12px;
        background-image: url(../images/pin2.png); }
    .dinabox header .dinabox-etiqueta {
      color: white;
      text-transform: uppercase;
      float: right;
      width: auto;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      border-radius: 15px;
      padding: 3px 8px;
      display: block;
      position: absolute;
      font-size: 12px;
      top: 5px;
      right: 5px;
      font-weight: bold;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      border-radius: 100px;
      color: white;
      background-color: #ccc; }
      .dinabox header .dinabox-etiqueta.Moldes {
        background-color: #00cc00; }
      .dinabox header .dinabox-etiqueta.Fabricación {
        background-color: #9999ff; }
      .dinabox header .dinabox-etiqueta.Reparación {
        background-color: gray; }
    .dinabox header .circulos {
      width: 100%;
      display: block;
      position: absolute;
      margin-top: -35px; }
    .dinabox header .circulo-top {
      width: 25px;
      height: 25px;
      display: block;
      background-color: #f6f6f6;
      border-right: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      float: left;
      cursor: pointer;
      margin-left: 5px; }
      .dinabox header .circulo-top.encargado {
        background: #ff0100 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 #ff0100; }
        .dinabox header .circulo-top.encargado.operador {
          background-color: #cccccc;
          border: 1px solid #ccc; }
        .dinabox header .circulo-top.encargado img {
          width: 100%;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          -ms-border-radius: 20px;
          border-radius: 20px; }
      .dinabox header .circulo-top.diseno0, .dinabox header .circulo-top.diseno1 {
        background: #f0f0f0 url(../images/diseno1.png) no-repeat center left 7px;
        background-size: 15px; }
      .dinabox header .circulo-top.material0, .dinabox header .circulo-top.material1 {
        background: #f0f0f0 url(../images/material1.png) no-repeat center center;
        background-size: 15px; }
      .dinabox header .circulo-top.material1, .dinabox header .circulo-top.material0:hover {
        background-color: #32cd32;
        background-image: url(../images/material.png); }
      .dinabox header .circulo-top.diseno1, .dinabox header .circulo-top.diseno0:hover {
        background-color: #32cd32;
        background-image: url(../images/diseno.png); }
  .dinabox article {
    width: 60%;
    font-size: 12px;
    float: left;
    padding: 0 5px 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .dinabox article .bloque {
      position: relative;
      background-color: white;
      padding: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      border-right: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0;
      margin-bottom: 10px; }
      .dinabox article .bloque:hover .edit {
        display: block; }
      .dinabox article .bloque.moreless.closed {
        max-height: 108px; }
    .dinabox article h2 {
      font-weight: normal;
      text-transform: uppercase;
      font-size: 1.3em; }
    .dinabox article h3 {
      color: #ccc; }
    .dinabox article p {
      padding-top: 3px;
      line-height: 1.5em;
      font-size: 12px;
      text-align: justify; }
    .dinabox article.w25 {
      width: 40%; }
  .dinabox .dinabox-botonest .boton, .dinabox .dinabox-botonest form input[type=submit], form .dinabox .dinabox-botonest input[type=submit], .dinabox .dinabox-botonest div.smallinput input[type=submit], div.smallinput .dinabox .dinabox-botonest input[type=submit] {
    padding-left: 10px !important;
    text-align: center; }
  .dinabox .edit {
    display: none;
    top: 5px;
    right: 5px; }
    .dinabox .edit img {
      width: 20px;
      opacity: 0.4; }
    .dinabox .edit:hover img {
      opacity: 0.7; }
  .dinabox footer {
    position: absolute;
    float: left;
    width: 100%;
    opacity: 1;
    color: black;
    z-index: 1;
    margin-left: -10px;
    padding: 3px 10px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ccc;
    color: white;
    text-align: center;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left: 5px; }
    .dinabox footer .boton.table, .dinabox footer form input.table[type=submit], form .dinabox footer input.table[type=submit], .dinabox footer div.smallinput input.table[type=submit], div.smallinput .dinabox footer input.table[type=submit] {
      width: 100%;
      background-color: rgba(128, 128, 128, 0.15);
      -webkit-border-radius: none !important;
      -moz-border-radius: none !important;
      -ms-border-radius: none !important;
      border-radius: none !important; }
      .dinabox footer .boton.table:hover, .dinabox footer form input.table[type=submit]:hover, form .dinabox footer input.table[type=submit]:hover, .dinabox footer div.smallinput input.table[type=submit]:hover, div.smallinput .dinabox footer input.table[type=submit]:hover {
        background-color: gray; }
      .dinabox footer .boton.table span, .dinabox footer form input.table[type=submit] span, form .dinabox footer input.table[type=submit] span, .dinabox footer div.smallinput input.table[type=submit] span, div.smallinput .dinabox footer input.table[type=submit] span {
        font-size: 3em;
        position: absolute;
        right: 3px;
        top: -7px; }
      .dinabox footer .boton.table.small, .dinabox footer form input.table.small[type=submit], form .dinabox footer input.table.small[type=submit], .dinabox footer div.smallinput input.table.small[type=submit], div.smallinput .dinabox footer input.table.small[type=submit] {
        margin: 1px 0 1px 0 !important;
        padding: 4px 10px !important; }
    .dinabox footer.cotizado {
      background-color: #e6c200; }
    .dinabox footer.aprobada {
      background-color: #009b00; }
    .dinabox footer.abierto {
      background-color: #ff6666; }

table {
  width: 100%;
  text-align: center;
  border-spacing: 0;
  background-color: transparent;
  position: relative; }
  table.vertical th {
    width: 30%;
    text-align: left;
    border-bottom: 1px solid white; }
  table .medida {
    background-repeat: no-repeat;
    background-position: left 2px center;
    background-size: 15px;
    padding-left: 15px; }

table.fixed {
  table-layout: fixed; }

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

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

a.accion img, form a.boton.table img, div.smallinput a.boton.table img {
  width: 20px; }

tr.input td {
  padding: 1px;
  vertical-align: top; }
  tr.input td input, tr.input td textarea, tr.input td select {
    background-color: rgba(255, 255, 255, 0.5) !important; }

tr.merged td.merged {
  background: transparent !important; }
  tr.merged td.merged input {
    display: none; }

span.merged {
  width: 100%;
  height: 20px;
  display: block;
  background-image: url(../images/merge-op.png);
  background-position: center left 60%;
  background-repeat: no-repeat;
  background-size: 20px;
  opacity: 0.2; }

table {
  border-spacing: 1px;
  border-collapse: separate; }
  table tbody td, table thead th {
    border-top: none; }
  table th:last-child {
    border-right: none; }
  table thead th, table th {
    font-weight: bold;
    position: relative;
    font-size: 12px;
    text-align: center;
    background-color: transparent;
    color: #4d4d4d;
    padding: 6px 3px;
    text-transform: uppercase; }
    table thead th.resaltar, table th.resaltar {
      background-color: rgba(0, 0, 0, 0.06) !important; }
    table thead th.importante, table th.importante {
      background-color: rgba(0, 0, 0, 0.02) !important; }
  table td.resaltar:not(.merged), table tbody td.resaltar:not(.merged) {
    background-color: rgba(0, 0, 0, 0.06) !important; }
  table td.importantef:not(.merged), table tbody td.importantef:not(.merged) {
    background-color: rgba(0, 0, 0, 0.02) !important; }
  table td.transparent, table tbody td.transparent {
    background-color: transparent !important; }
  table tbody tr {
    background-color: rgba(230, 230, 230, 0.01); }
    table tbody tr:nth-child( odd ) {
      background-color: rgba(230, 230, 230, 0.09); }
      table tbody tr:nth-child( odd ) td:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.7); }
  table td {
    font-size: 11px;
    font-weight: 400;
    padding: 2px 3px;
    background-color: rgba(255, 255, 255, 0.85) !important; }
    table td.merged {
      background-image: url(../images/merge-op.png);
      background-position: center left 51%;
      background-repeat: no-repeat;
      background-size: 20px; }
    table td:first-child {
      font-weight: 500; }
    table td a, table td form a.boton.table, form table td a.boton.table, table td div.smallinput a.boton.table, div.smallinput table td a.boton.table {
      color: #b30100; }
      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 {
        color: #330000; }
    table td b {
      font-size: 1.1em;
      font-weight: 700; }
    table td.input {
      padding: 1px;
      vertical-align: top; }
    table td:nth-child(odd) {
      background-color: rgba(255, 255, 255, 0.9) !important; }
    table td.topline {
      border-top: 1px solid black; }

table.trselect tbody tr:hover, table.trselect tbody tr.activo, div.table table tbody tr:hover, div.table table tbody tr.activo {
  background-color: #ff0100 !important;
  cursor: pointer; }

table.trselect tbody tr:hover td, div.table table tbody tr:hover td {
  background-color: rgba(255, 255, 255, 0.6) !important;
  cursor: pointer; }

.alignleft {
  text-align: left; }

.mayus {
  text-transform: uppercase; }

.dtticons {
  width: 10px; }

.red {
  color: #e30a18; }

.redredf {
  color: red; }

.green {
  color: #00CC00; }

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

p.paginado {
  text-align: center;
  color: #999;
  font-size: 13px; }
  p.paginado a, p.paginado form a.boton.table, form p.paginado a.boton.table, p.paginado div.smallinput a.boton.table, div.smallinput p.paginado a.boton.table {
    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 {
    color: blue; }

table tr.lineadeTotal td {
  font-size: 12px;
  border-top: 1px solid #ccc !important;
  border-bottom: 15px solid white !important;
  background-color: white; }
  table tr.lineadeTotal td.entradasysalidasde:before {
    content: ''; }

table tr.lineadeTotal.grand td {
  border-bottom: 25px solid white !important; }
  table tr.lineadeTotal.grand td:first-child {
    border-top: 1px solid transparent !important; }

table#items {
  border: none;
  background: black;
  background: rgba(0, 0, 0, 0.02); }
  table#items th {
    border: none; }
  table#items td {
    border: none;
    border-bottom: 1px solid #E5EAEA; }

table.log tbody td {
  padding: 3px 2px;
  font-size: 11px;
  font-family: 'Helvetica', Arial, sans-serif; }

table.log .fecha {
  min-width: 130px; }

table.nuevaprenda {
  background: transparent; }
  table.nuevaprenda thead tr th  {
    background-color: black !important;
    color: white; }

table .medida {
  background-repeat: no-repeat;
  background-position: left 2px center;
  background-size: 15px;
  padding-left: 15px; }
  table .medida.money {
    text-align: right !important; }

table .kg {
  background-image: url(../images/tablas/kg.png); }

table .horas {
  text-align: right !important; }
  table .horas:after {
    content: ' hrs'; }

table .gr {
  background-image: url(../images/tablas/gr.png); }

table .horas {
  text-align: right !important; }
  table .horas:after {
    content: ' hrs'; }

table .money {
  background-image: url(../images/tablas/money.png); }

table .horas {
  text-align: right !important; }
  table .horas:after {
    content: ' hrs'; }

table .l {
  background-image: url(../images/tablas/l.png); }

table .horas {
  text-align: right !important; }
  table .horas:after {
    content: ' hrs'; }

table .ml {
  background-image: url(../images/tablas/ml.png); }

table .horas {
  text-align: right !important; }
  table .horas:after {
    content: ' hrs'; }

table .t {
  background-image: url(../images/tablas/t.png); }

table .horas {
  text-align: right !important; }
  table .horas:after {
    content: ' hrs'; }

table .pz {
  background-image: url(../images/tablas/pz.png); }

table .horas {
  text-align: right !important; }
  table .horas:after {
    content: ' hrs'; }

table .percent {
  background-image: url(../images/tablas/percent.png);
  padding-left: 20px; }

table .horas {
  text-align: right !important; }
  table .horas:after {
    content: ' hrs'; }

table.ligera {
  margin-top: 20px; }
  table.ligera thead th, table.ligera th {
    background-color: transparent !important;
    color: #333;
    padding: 5px 2px;
    font-size: 11px;
    font-weight: bold; }
  table.ligera td {
    font-size: 10px; }

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

a.boton.table, form a.boton.table, div.smallinput a.boton.table {
  position: relative !important;
  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 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: #ff0100; }
  .cultyvo-filter-button:focus {
    outline: none; }

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

ul.cultyvo-paginacion {
  display: inline-block;
  text-align: center;
  width: 100%; }
  ul.cultyvo-paginacion li {
    list-style: none;
    display: inline-block;
    text-align: center;
    margin: 0 1px;
    font-size: 11px; }
    ul.cultyvo-paginacion li .page {
      color: lightgray;
      padding: 3px 6px;
      background-color: #f9f9f9; }
    ul.cultyvo-paginacion li.active a, ul.cultyvo-paginacion li .page:hover {
      font-size: 14px;
      color: #ff0100; }

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

h3.ingresos {
  color: #1d98d1; }

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

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

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

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

table tbody tr.red, table tbody tr.red td {
  color: black;
  background-color: rgba(255, 0, 0, 0.05) !important; }

table tbody tr.green, table tbody tr.green td {
  color: black;
  background-color: rgba(169, 200, 17, 0.3) !important; }

table tbody tr.blue, table tbody tr.blue td {
  color: black;
  background-color: rgba(113, 197, 231, 0.3) !important; }

table tbody tr.yellow, table tbody tr.yellow td {
  color: black;
  background-color: #ffffd9 !important; }

table tbody tr.orange, table tbody tr.orange td {
  color: black;
  background-color: #ffe4b3 !important; }

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

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

table tr:nth-child(odd) td.sumar {
  background-color: #ff0100 !important;
  border: 1px dotted white; }
  table tr:nth-child(odd) td.sumar:nth-child(odd) {
    background-color: #ff1514 !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 #a5a5a5;
  -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; }

a.bigadd, form a.bigadd.boton.table, div.smallinput a.bigadd.boton.table, .botonbigadd {
  width: 160px;
  height: 34px;
  padding-right: 50px;
  padding-top: 4px;
  background: url(../images/bigadd.png) no-repeat top right;
  display: block;
  text-align: right;
  line-height: 2em;
  color: white;
  opacity: .3;
  float: right;
  margin-top: 20px;
  font-size: 14px;
  cursor: pointer; }

.cobrar {
  cursor: pointer;
  opacity: 0.9; }
  .cobrar:hover {
    opacity: 1; }

tr:hover > td.eliminar > .deathnote {
  display: block; }

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

td.eliminar:hover > .deathnote {
  display: block; }

td.cultyvo-edit {
  position: relative;
  cursor: pointer; }
  td.cultyvo-edit input, td.cultyvo-edit select {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    height: 30px;
    -webkit-border-top-right-radius: inherit !important;
    -moz-border-radius-topright: inherit !important;
    border-top-right: inherit !important;
    -webkit-border-bottom-right-radius: inherit !important;
    -moz-border-radius-bottomright: inherit !important;
    border-bottom-right: inherit !important; }
  td.cultyvo-edit:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: transparent url(../images/editar.png) no-repeat top 2px right 2px;
    background-size: 5px;
    opacity: 0; }
  td.cultyvo-edit:hover:after {
    opacity: 1; }

#tempinput {
  position: absolute;
  top: 0;
  left: 100%;
  width: 200px;
  z-index: 10;
  border: 2px solid #ff0100;
  margin: -2px 0 0 0; }
  #tempinput input {
    width: 60% !important;
    clear: none;
    margin: 0;
    float: left;
    height: 30px !important;
    padding: 0; }
  #tempinput .boton, #tempinput form input[type=submit], form #tempinput input[type=submit], #tempinput div.smallinput input[type=submit], div.smallinput #tempinput input[type=submit] {
    width: 20% !important;
    clear: none;
    margin: 0 !important;
    padding: 9px 5px;
    float: left !important;
    height: 30px;
    -webkit-border-radius: none !important;
    -moz-border-radius: none !important;
    -ms-border-radius: none !important;
    border-radius: none !important; }
    #tempinput .boton.red, #tempinput form input.red[type=submit], form #tempinput input.red[type=submit], #tempinput div.smallinput input.red[type=submit], div.smallinput #tempinput input.red[type=submit] {
      background-color: red; }
      #tempinput .boton.red:hover, #tempinput form input.red[type=submit]:hover, form #tempinput input.red[type=submit]:hover, #tempinput div.smallinput input.red[type=submit]:hover, div.smallinput #tempinput input.red[type=submit]:hover {
        background-color: #CC3300; }

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

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

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

#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.w60, .contenedor.w50, .contenedor.w40, .contenedor.w25, .contenedor.w35, .contenedor.w60, form .contenedor.bloqueform.w60, form.basico .contenedor.bloqueform.w60, .contenedor.w50, form .contenedor.bloqueform.w50, form.basico .contenedor.bloqueform.w50, .contenedor.w40, form .contenedor.bloqueform.w40, form.basico .contenedor.bloqueform.w40, .contenedor.w33, form .contenedor.bloqueform.w33, form.basico .contenedor.bloqueform.w33, .contenedor.w25, form .contenedor.bloqueform.w25, form.basico .contenedor.bloqueform.w25, .contenedor.w35, form .contenedor.bloqueform.w35, form.basico .contenedor.bloqueform.w35, div.smallinput .contenedor.bloqueform.w60, div.basico.smallinput .contenedor.bloqueform.w60, div.smallinput .contenedor.bloqueform.w50, div.basico.smallinput .contenedor.bloqueform.w50, div.smallinput .contenedor.bloqueform.w40, div.basico.smallinput .contenedor.bloqueform.w40, div.smallinput .contenedor.bloqueform.w33, div.basico.smallinput .contenedor.bloqueform.w33, div.smallinput .contenedor.bloqueform.w25, div.basico.smallinput .contenedor.bloqueform.w25, div.smallinput .contenedor.bloqueform.w35, div.basico.smallinput .contenedor.bloqueform.w35, form .bloqueform.w75, div.smallinput .bloqueform.w75, form .bloqueform.w60, div.smallinput .bloqueform.w60, form .bloqueform.w50, div.smallinput .bloqueform.w50, form .bloqueform.w40, div.smallinput .bloqueform.w40, form .bloqueform.w25, div.smallinput .bloqueform.w25, form .bloqueform.w35, div.smallinput .bloqueform.w35, form .bloqueform.contenedor.w60, div.smallinput .bloqueform.contenedor.w60, form .bloqueform.w60, div.smallinput form .bloqueform.w60, form div.smallinput .bloqueform.w60, form.basico .bloqueform.w60, div.smallinput form.basico .bloqueform.w60, form.basico div.smallinput .bloqueform.w60, form .bloqueform.contenedor.w50, div.smallinput .bloqueform.contenedor.w50, form .bloqueform.w50, div.smallinput form .bloqueform.w50, form div.smallinput .bloqueform.w50, form.basico .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w50, form .bloqueform.contenedor.w40, div.smallinput .bloqueform.contenedor.w40, form .bloqueform.w40, div.smallinput form .bloqueform.w40, form div.smallinput .bloqueform.w40, form.basico .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w40, form .bloqueform.contenedor.w33, div.smallinput .bloqueform.contenedor.w33, form .bloqueform.w33, div.smallinput form .bloqueform.w33, form div.smallinput .bloqueform.w33, form.basico .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w33, form .bloqueform.contenedor.w25, div.smallinput .bloqueform.contenedor.w25, form .bloqueform.w25, div.smallinput form .bloqueform.w25, form div.smallinput .bloqueform.w25, form.basico .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico div.smallinput .bloqueform.w25, form .bloqueform.contenedor.w35, div.smallinput .bloqueform.contenedor.w35, form .bloqueform.w35, div.smallinput form .bloqueform.w35, form div.smallinput .bloqueform.w35, form.basico .bloqueform.w35, div.smallinput form.basico .bloqueform.w35, form.basico div.smallinput .bloqueform.w35, form div.smallinput .bloqueform.w60, div.smallinput form .bloqueform.w60, div.smallinput .bloqueform.w60, form div.basico.smallinput .bloqueform.w60, div.basico.smallinput form .bloqueform.w60, div.basico.smallinput .bloqueform.w60, form div.smallinput .bloqueform.w50, div.smallinput form .bloqueform.w50, div.smallinput .bloqueform.w50, form div.basico.smallinput .bloqueform.w50, div.basico.smallinput form .bloqueform.w50, div.basico.smallinput .bloqueform.w50, form div.smallinput .bloqueform.w40, div.smallinput form .bloqueform.w40, div.smallinput .bloqueform.w40, form div.basico.smallinput .bloqueform.w40, div.basico.smallinput form .bloqueform.w40, div.basico.smallinput .bloqueform.w40, form div.smallinput .bloqueform.w33, div.smallinput form .bloqueform.w33, div.smallinput .bloqueform.w33, form div.basico.smallinput .bloqueform.w33, div.basico.smallinput form .bloqueform.w33, div.basico.smallinput .bloqueform.w33, form div.smallinput .bloqueform.w25, div.smallinput form .bloqueform.w25, div.smallinput .bloqueform.w25, form div.basico.smallinput .bloqueform.w25, div.basico.smallinput form .bloqueform.w25, div.basico.smallinput .bloqueform.w25, form div.smallinput .bloqueform.w35, div.smallinput form .bloqueform.w35, div.smallinput .bloqueform.w35, form div.basico.smallinput .bloqueform.w35, div.basico.smallinput form .bloqueform.w35, div.basico.smallinput .bloqueform.w35, form.basico .bloqueform.w75, form.basico .bloqueform.w60, form.basico .bloqueform.w50, form.basico .bloqueform.w40, form.basico .bloqueform.w25, form.basico .bloqueform.w35, form.basico .bloqueform.contenedor.w60, form.basico .bloqueform.w60, form.basico .bloqueform.w60, form.basico .bloqueform.contenedor.w50, form.basico .bloqueform.w50, form.basico .bloqueform.w50, form.basico .bloqueform.contenedor.w40, form.basico .bloqueform.w40, form.basico .bloqueform.w40, form.basico .bloqueform.contenedor.w33, form.basico .bloqueform.w33, form.basico .bloqueform.w33, form.basico .bloqueform.contenedor.w25, form.basico .bloqueform.w25, form.basico .bloqueform.w25, form.basico .bloqueform.contenedor.w35, form.basico .bloqueform.w35, form.basico .bloqueform.w35, form.basico div.smallinput .bloqueform.w60, div.smallinput form.basico .bloqueform.w60, form.basico div.basico.smallinput .bloqueform.w60, div.basico.smallinput form.basico .bloqueform.w60, form.basico div.smallinput .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico div.basico.smallinput .bloqueform.w50, div.basico.smallinput form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico div.basico.smallinput .bloqueform.w40, div.basico.smallinput form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico div.basico.smallinput .bloqueform.w33, div.basico.smallinput form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico div.basico.smallinput .bloqueform.w25, div.basico.smallinput form.basico .bloqueform.w25, form.basico div.smallinput .bloqueform.w35, div.smallinput form.basico .bloqueform.w35, form.basico div.basico.smallinput .bloqueform.w35, div.basico.smallinput form.basico .bloqueform.w35 {
  width: 73%;
  float: left;
  clear: none;
  display: inline-block; }

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

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

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

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