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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

td.addkg:after {
  content: " kg";
  font-size: 0.9em; }

.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-min {
  background-image: url(../images/iconos/iconos200blanconew.png?v2);
  background-repeat: no-repeat;
  background-size: 380px;
  width: 20px;
  height: 20px;
  display: block; }
  .iconos-min.solicitud {
    background-position: -0px -0px; }
    .iconos-min.solicitud.hover:hover {
      cursor: pointer;
      background-position: -0px -20px; }
  .iconos-min.ventas {
    background-position: -20px -0px; }
    .iconos-min.ventas.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .iconos-min.familiasyline {
    background-position: -40px -0px; }
    .iconos-min.familiasyline.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .iconos-min.transito {
    background-position: -60px -0px; }
    .iconos-min.transito.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .iconos-min.inventario {
    background-position: -80px -0px; }
    .iconos-min.inventario.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .iconos-min.reportes {
    background-position: -100px -0px; }
    .iconos-min.reportes.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .iconos-min.sucursales {
    background-position: -120px -0px; }
    .iconos-min.sucursales.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .iconos-min.catalogos {
    background-position: -140px -0px; }
    .iconos-min.catalogos.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .iconos-min.config {
    background-position: -160px -0px; }
    .iconos-min.config.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .iconos-min.clientes {
    background-position: -180px -0px; }
    .iconos-min.clientes.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .iconos-min.cuentas {
    background-position: -200px -0px; }
    .iconos-min.cuentas.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .iconos-min.ingresosventas {
    background-position: -220px -0px; }
    .iconos-min.ingresosventas.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .iconos-min.calendario {
    background-position: -240px -0px; }
    .iconos-min.calendario.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }
  .iconos-min.cotizacion {
    background-position: -260px -0px; }
    .iconos-min.cotizacion.hover:hover {
      cursor: pointer;
      background-position: -260px -20px; }
  .iconos-min.cotizaciones {
    background-position: -280px -0px; }
    .iconos-min.cotizaciones.hover:hover {
      cursor: pointer;
      background-position: -280px -20px; }
  .iconos-min.facturas {
    background-position: -300px -0px; }
    .iconos-min.facturas.hover:hover {
      cursor: pointer;
      background-position: -300px -20px; }
  .iconos-min.productos {
    background-position: -320px -0px; }
    .iconos-min.productos.hover:hover {
      cursor: pointer;
      background-position: -320px -20px; }
  .iconos-min.kardex {
    background-position: -340px -0px; }
    .iconos-min.kardex.hover:hover {
      cursor: pointer;
      background-position: -340px -20px; }
  .iconos-min.precios {
    background-position: -0px -20px; }
    .iconos-min.precios.hover:hover {
      cursor: pointer;
      background-position: -0px -20px; }
  .iconos-min.mayoreo {
    background-position: -20px -20px; }
    .iconos-min.mayoreo.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .iconos-min.mostrador {
    background-position: -40px -20px; }
    .iconos-min.mostrador.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .iconos-min.almacen {
    background-position: -60px -20px; }
    .iconos-min.almacen.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .iconos-min.gastos {
    background-position: -80px -20px; }
    .iconos-min.gastos.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .iconos-min.inventario {
    background-position: -100px -20px; }
    .iconos-min.inventario.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .iconos-min.sugerido {
    background-position: -120px -20px; }
    .iconos-min.sugerido.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .iconos-min.rh {
    background-position: -140px -20px; }
    .iconos-min.rh.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .iconos-min.compras {
    background-position: -160px -20px; }
    .iconos-min.compras.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .iconos-min.cobranza {
    background-position: -180px -20px; }
    .iconos-min.cobranza.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .iconos-min.proveedores {
    background-position: -200px -20px; }
    .iconos-min.proveedores.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .iconos-min.nuevoprov {
    background-position: -220px -20px; }
    .iconos-min.nuevoprov.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .iconos-min.encamino {
    background-position: -240px -20px; }
    .iconos-min.encamino.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }
  .iconos-min.existencia {
    background-position: -260px -20px; }
    .iconos-min.existencia.hover:hover {
      cursor: pointer;
      background-position: -260px -20px; }
  .iconos-min.existenciagral {
    background-position: -280px -20px; }
    .iconos-min.existenciagral.hover:hover {
      cursor: pointer;
      background-position: -280px -20px; }
  .iconos-min.sugcompra {
    background-position: -300px -20px; }
    .iconos-min.sugcompra.hover:hover {
      cursor: pointer;
      background-position: -300px -20px; }
  .iconos-min.compras {
    background-position: -320px -20px; }
    .iconos-min.compras.hover:hover {
      cursor: pointer;
      background-position: -320px -20px; }
  .iconos-min.ventaespecial {
    background-position: -340px -20px; }
    .iconos-min.ventaespecial.hover:hover {
      cursor: pointer;
      background-position: -340px -20px; }
  .iconos-min.descuentos {
    background-position: -360px -0px; }
    .iconos-min.descuentos.hover:hover {
      cursor: pointer;
      background-position: -360px -20px; }

.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-2 {
  background-image: url(../images/iconos/botones200new.png?v1.3);
  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.3);
  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; }

.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?v1.3);
  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; }

.botones-1 {
  background-image: url(../images/iconos/botones.png);
  background-repeat: no-repeat;
  background-size: 930px;
  width: 30px;
  height: 30px;
  display: block; }
  .botones-1.edit {
    background-position: -0px -0px; }
    .botones-1.edit.hover:hover {
      cursor: pointer;
      background-position: -0px -30px; }
  .botones-1.peso {
    background-position: -30px -0px; }
    .botones-1.peso.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .botones-1.eye-1 {
    background-position: -60px -0px; }
    .botones-1.eye-1.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .botones-1.eye-2 {
    background-position: -90px -0px; }
    .botones-1.eye-2.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .botones-1.trash-1 {
    background-position: -120px -0px; }
    .botones-1.trash-1.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .botones-1.trash-2 {
    background-position: -150px -0px; }
    .botones-1.trash-2.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .botones-1.mas-1 {
    background-position: -180px -0px; }
    .botones-1.mas-1.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .botones-1.mas-2 {
    background-position: -210px -0px; }
    .botones-1.mas-2.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .botones-1.doc {
    background-position: -240px -0px; }
    .botones-1.doc.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .botones-1.msj {
    background-position: -270px -0px; }
    .botones-1.msj.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .botones-1.envia {
    background-position: -300px -0px; }
    .botones-1.envia.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .botones-1.bitacora {
    background-position: -330px -0px; }
    .botones-1.bitacora.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .botones-1.bajada {
    background-position: -360px -0px; }
    .botones-1.bajada.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .botones-1.precio {
    background-position: -390px -0px; }
    .botones-1.precio.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .botones-1.check {
    background-position: -420px -0px; }
    .botones-1.check.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .botones-1.foto {
    background-position: -450px -0px; }
    .botones-1.foto.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .botones-1.manten {
    background-position: -480px -0px; }
    .botones-1.manten.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .botones-1.agua {
    background-position: -510px -0px; }
    .botones-1.agua.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .botones-1.alimen {
    background-position: -540px -0px; }
    .botones-1.alimen.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .botones-1.gas {
    background-position: -570px -0px; }
    .botones-1.gas.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .botones-1.historial {
    background-position: -600px -0px; }
    .botones-1.historial.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .botones-1.actualiza {
    background-position: -630px -0px; }
    .botones-1.actualiza.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }

.icon-1 {
  background-image: url(../images/iconos/botones.png?v1);
  background-repeat: no-repeat;
  background-size: 825px;
  width: 25px;
  height: 25px;
  display: block; }
  .icon-1.configuracion {
    background-position: -0px -0px; }
    .icon-1.configuracion.hover:hover {
      cursor: pointer;
      background-position: -0px -25px; }
  .icon-1.catalogo {
    background-position: -25px -0px; }
    .icon-1.catalogo.hover:hover {
      cursor: pointer;
      background-position: -25px -25px; }
  .icon-1.mantenimiento {
    background-position: -50px -0px; }
    .icon-1.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -50px -25px; }
  .icon-1.crianza {
    background-position: -75px -0px; }
    .icon-1.crianza.hover:hover {
      cursor: pointer;
      background-position: -75px -25px; }
  .icon-1.transito {
    background-position: -100px -0px; }
    .icon-1.transito.hover:hover {
      cursor: pointer;
      background-position: -100px -25px; }
  .icon-1.usuarios {
    background-position: -125px -0px; }
    .icon-1.usuarios.hover:hover {
      cursor: pointer;
      background-position: -125px -25px; }
  .icon-1.cuentas {
    background-position: -150px -0px; }
    .icon-1.cuentas.hover:hover {
      cursor: pointer;
      background-position: -150px -25px; }
  .icon-1.compras {
    background-position: -175px -0px; }
    .icon-1.compras.hover:hover {
      cursor: pointer;
      background-position: -175px -25px; }
  .icon-1.agricultura {
    background-position: -200px -0px; }
    .icon-1.agricultura.hover:hover {
      cursor: pointer;
      background-position: -200px -25px; }
  .icon-1.editar {
    background-position: -225px -0px; }
    .icon-1.editar.hover:hover {
      cursor: pointer;
      background-position: -225px -25px; }
  .icon-1.peso {
    background-position: -250px -0px; }
    .icon-1.peso.hover:hover {
      cursor: pointer;
      background-position: -250px -25px; }
  .icon-1.eye-1 {
    background-position: -275px -0px; }
    .icon-1.eye-1.hover:hover {
      cursor: pointer;
      background-position: -275px -25px; }
  .icon-1.eye-2 {
    background-position: -300px -0px; }
    .icon-1.eye-2.hover:hover {
      cursor: pointer;
      background-position: -300px -25px; }
  .icon-1.trash-1 {
    background-position: -325px -0px; }
    .icon-1.trash-1.hover:hover {
      cursor: pointer;
      background-position: -325px -25px; }
  .icon-1.trash-2 {
    background-position: -350px -0px; }
    .icon-1.trash-2.hover:hover {
      cursor: pointer;
      background-position: -350px -25px; }
  .icon-1.mas-1 {
    background-position: -375px -0px; }
    .icon-1.mas-1.hover:hover {
      cursor: pointer;
      background-position: -375px -25px; }
  .icon-1.mas-2 {
    background-position: -400px -0px; }
    .icon-1.mas-2.hover:hover {
      cursor: pointer;
      background-position: -400px -25px; }
  .icon-1.doc {
    background-position: -425px -0px; }
    .icon-1.doc.hover:hover {
      cursor: pointer;
      background-position: -425px -25px; }
  .icon-1.doc_gris {
    background-position: -425px -25px; }
    .icon-1.doc_gris.hover:hover {
      cursor: pointer;
      background-position: -425px -25px; }
  .icon-1.msj {
    background-position: -450px -0px; }
    .icon-1.msj.hover:hover {
      cursor: pointer;
      background-position: -450px -25px; }
  .icon-1.envia {
    background-position: -475px -0px; }
    .icon-1.envia.hover:hover {
      cursor: pointer;
      background-position: -475px -25px; }
  .icon-1.bitacora {
    background-position: -500px -0px; }
    .icon-1.bitacora.hover:hover {
      cursor: pointer;
      background-position: -500px -25px; }
  .icon-1.bajada {
    background-position: -525px -0px; }
    .icon-1.bajada.hover:hover {
      cursor: pointer;
      background-position: -525px -25px; }
  .icon-1.precio {
    background-position: -550px -0px; }
    .icon-1.precio.hover:hover {
      cursor: pointer;
      background-position: -550px -25px; }
  .icon-1.check {
    background-position: -575px -0px; }
    .icon-1.check.hover:hover {
      cursor: pointer;
      background-position: -575px -25px; }
  .icon-1.foto {
    background-position: -600px -0px; }
    .icon-1.foto.hover:hover {
      cursor: pointer;
      background-position: -600px -25px; }
  .icon-1.foto_gris {
    background-position: -600px -25px; }
    .icon-1.foto_gris.hover:hover {
      cursor: pointer;
      background-position: -600px -25px; }
  .icon-1.manten {
    background-position: -625px -0px; }
    .icon-1.manten.hover:hover {
      cursor: pointer;
      background-position: -625px -25px; }
  .icon-1.agua {
    background-position: -650px -0px; }
    .icon-1.agua.hover:hover {
      cursor: pointer;
      background-position: -650px -25px; }
  .icon-1.alimen {
    background-position: -675px -0px; }
    .icon-1.alimen.hover:hover {
      cursor: pointer;
      background-position: -675px -25px; }
  .icon-1.gas {
    background-position: -700px -0px; }
    .icon-1.gas.hover:hover {
      cursor: pointer;
      background-position: -700px -25px; }
  .icon-1.tarea {
    background-position: -725px -0px; }
    .icon-1.tarea.hover:hover {
      cursor: pointer;
      background-position: -725px -25px; }
  .icon-1.actualizar {
    background-position: -750px -0px; }
    .icon-1.actualizar.hover:hover {
      cursor: pointer;
      background-position: -750px -25px; }
  .icon-1.cancelar {
    background-position: -775px -0px; }
    .icon-1.cancelar.hover:hover {
      cursor: pointer;
      background-position: -775px -25px; }
  .icon-1.temporals {
    background-position: -800px -0px; }
    .icon-1.temporals.hover:hover {
      cursor: pointer;
      background-position: -800px -25px; }
  .icon-1.bitacora-gris {
    background-position: -500px -25px; }
    .icon-1.bitacora-gris.hover:hover {
      cursor: pointer;
      background-position: -500px -25px; }

.icon-2 {
  background-image: url(../images/iconos/botones.png?v1);
  background-repeat: no-repeat;
  background-size: 660px;
  width: 20px;
  height: 20px;
  display: block; }
  .icon-2.configuracion {
    background-position: -0px -0px; }
    .icon-2.configuracion.hover:hover {
      cursor: pointer;
      background-position: -0px -20px; }
  .icon-2.catalogo {
    background-position: -20px -0px; }
    .icon-2.catalogo.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .icon-2.mantenimiento {
    background-position: -40px -0px; }
    .icon-2.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .icon-2.crianza {
    background-position: -60px -0px; }
    .icon-2.crianza.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .icon-2.transito {
    background-position: -80px -0px; }
    .icon-2.transito.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .icon-2.usuarios {
    background-position: -100px -0px; }
    .icon-2.usuarios.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .icon-2.cuentas {
    background-position: -120px -0px; }
    .icon-2.cuentas.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .icon-2.compras {
    background-position: -140px -0px; }
    .icon-2.compras.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .icon-2.agricultura {
    background-position: -160px -0px; }
    .icon-2.agricultura.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .icon-2.editar {
    background-position: -180px -0px; }
    .icon-2.editar.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .icon-2.peso {
    background-position: -200px -0px; }
    .icon-2.peso.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .icon-2.eye-1 {
    background-position: -220px -0px; }
    .icon-2.eye-1.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .icon-2.eye-2 {
    background-position: -240px -0px; }
    .icon-2.eye-2.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }
  .icon-2.trash-1 {
    background-position: -260px -0px; }
    .icon-2.trash-1.hover:hover {
      cursor: pointer;
      background-position: -260px -20px; }
  .icon-2.trash-2 {
    background-position: -280px -0px; }
    .icon-2.trash-2.hover:hover {
      cursor: pointer;
      background-position: -280px -20px; }
  .icon-2.mas-1 {
    background-position: -300px -0px; }
    .icon-2.mas-1.hover:hover {
      cursor: pointer;
      background-position: -300px -20px; }
  .icon-2.mas-2 {
    background-position: -320px -0px; }
    .icon-2.mas-2.hover:hover {
      cursor: pointer;
      background-position: -320px -20px; }
  .icon-2.doc {
    background-position: -340px -0px; }
    .icon-2.doc.hover:hover {
      cursor: pointer;
      background-position: -340px -20px; }
  .icon-2.doc_gris {
    background-position: -340px -20px; }
    .icon-2.doc_gris.hover:hover {
      cursor: pointer;
      background-position: -340px -20px; }
  .icon-2.msj {
    background-position: -360px -0px; }
    .icon-2.msj.hover:hover {
      cursor: pointer;
      background-position: -360px -20px; }
  .icon-2.envia {
    background-position: -380px -0px; }
    .icon-2.envia.hover:hover {
      cursor: pointer;
      background-position: -380px -20px; }
  .icon-2.bitacora {
    background-position: -400px -0px; }
    .icon-2.bitacora.hover:hover {
      cursor: pointer;
      background-position: -400px -20px; }
  .icon-2.bajada {
    background-position: -420px -0px; }
    .icon-2.bajada.hover:hover {
      cursor: pointer;
      background-position: -420px -20px; }
  .icon-2.precio {
    background-position: -440px -0px; }
    .icon-2.precio.hover:hover {
      cursor: pointer;
      background-position: -440px -20px; }
  .icon-2.check {
    background-position: -460px -0px; }
    .icon-2.check.hover:hover {
      cursor: pointer;
      background-position: -460px -20px; }
  .icon-2.foto {
    background-position: -480px -0px; }
    .icon-2.foto.hover:hover {
      cursor: pointer;
      background-position: -480px -20px; }
  .icon-2.manten {
    background-position: -500px -0px; }
    .icon-2.manten.hover:hover {
      cursor: pointer;
      background-position: -500px -20px; }
  .icon-2.agua {
    background-position: -520px -0px; }
    .icon-2.agua.hover:hover {
      cursor: pointer;
      background-position: -520px -20px; }
  .icon-2.alimen {
    background-position: -540px -0px; }
    .icon-2.alimen.hover:hover {
      cursor: pointer;
      background-position: -540px -20px; }
  .icon-2.gas {
    background-position: -560px -0px; }
    .icon-2.gas.hover:hover {
      cursor: pointer;
      background-position: -560px -20px; }
  .icon-2.tarea {
    background-position: -580px -0px; }
    .icon-2.tarea.hover:hover {
      cursor: pointer;
      background-position: -580px -20px; }
  .icon-2.actualizar {
    background-position: -600px -0px; }
    .icon-2.actualizar.hover:hover {
      cursor: pointer;
      background-position: -600px -20px; }
  .icon-2.cancelar {
    background-position: -620px -0px; }
    .icon-2.cancelar.hover:hover {
      cursor: pointer;
      background-position: -620px -20px; }
  .icon-2.temporals {
    background-position: -640px -0px; }
    .icon-2.temporals.hover:hover {
      cursor: pointer;
      background-position: -640px -20px; }
  .icon-2.bitacora-gris {
    background-position: -400px -20px; }
    .icon-2.bitacora-gris.hover:hover {
      cursor: pointer;
      background-position: -400px -20px; }

.icon-min {
  background-image: url(../images/iconos/botones.png?v1);
  background-repeat: no-repeat;
  background-size: 396px;
  width: 12px;
  height: 12px;
  display: block; }
  .icon-min.configuracion {
    background-position: -0px -0px; }
    .icon-min.configuracion.hover:hover {
      cursor: pointer;
      background-position: -0px -12px; }
  .icon-min.catalogo {
    background-position: -12px -0px; }
    .icon-min.catalogo.hover:hover {
      cursor: pointer;
      background-position: -12px -12px; }
  .icon-min.mantenimiento {
    background-position: -24px -0px; }
    .icon-min.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -24px -12px; }
  .icon-min.crianza {
    background-position: -36px -0px; }
    .icon-min.crianza.hover:hover {
      cursor: pointer;
      background-position: -36px -12px; }
  .icon-min.transito {
    background-position: -48px -0px; }
    .icon-min.transito.hover:hover {
      cursor: pointer;
      background-position: -48px -12px; }
  .icon-min.usuarios {
    background-position: -60px -0px; }
    .icon-min.usuarios.hover:hover {
      cursor: pointer;
      background-position: -60px -12px; }
  .icon-min.cuentas {
    background-position: -72px -0px; }
    .icon-min.cuentas.hover:hover {
      cursor: pointer;
      background-position: -72px -12px; }
  .icon-min.compras {
    background-position: -84px -0px; }
    .icon-min.compras.hover:hover {
      cursor: pointer;
      background-position: -84px -12px; }
  .icon-min.agricultura {
    background-position: -96px -0px; }
    .icon-min.agricultura.hover:hover {
      cursor: pointer;
      background-position: -96px -12px; }
  .icon-min.editar {
    background-position: -108px -0px; }
    .icon-min.editar.hover:hover {
      cursor: pointer;
      background-position: -108px -12px; }
  .icon-min.peso {
    background-position: -120px -0px; }
    .icon-min.peso.hover:hover {
      cursor: pointer;
      background-position: -120px -12px; }
  .icon-min.eye-1 {
    background-position: -132px -0px; }
    .icon-min.eye-1.hover:hover {
      cursor: pointer;
      background-position: -132px -12px; }
  .icon-min.eye-2 {
    background-position: -144px -0px; }
    .icon-min.eye-2.hover:hover {
      cursor: pointer;
      background-position: -144px -12px; }
  .icon-min.trash-1 {
    background-position: -156px -0px; }
    .icon-min.trash-1.hover:hover {
      cursor: pointer;
      background-position: -156px -12px; }
  .icon-min.trash-2 {
    background-position: -168px -0px; }
    .icon-min.trash-2.hover:hover {
      cursor: pointer;
      background-position: -168px -12px; }
  .icon-min.mas-1 {
    background-position: -180px -0px; }
    .icon-min.mas-1.hover:hover {
      cursor: pointer;
      background-position: -180px -12px; }
  .icon-min.mas-2 {
    background-position: -192px -0px; }
    .icon-min.mas-2.hover:hover {
      cursor: pointer;
      background-position: -192px -12px; }
  .icon-min.doc {
    background-position: -204px -0px; }
    .icon-min.doc.hover:hover {
      cursor: pointer;
      background-position: -204px -12px; }
  .icon-min.doc_gris {
    background-position: -204px -12px; }
    .icon-min.doc_gris.hover:hover {
      cursor: pointer;
      background-position: -204px -12px; }
  .icon-min.msj {
    background-position: -216px -0px; }
    .icon-min.msj.hover:hover {
      cursor: pointer;
      background-position: -216px -12px; }
  .icon-min.envia {
    background-position: -228px -0px; }
    .icon-min.envia.hover:hover {
      cursor: pointer;
      background-position: -228px -12px; }
  .icon-min.bitacora {
    background-position: -240px -0px; }
    .icon-min.bitacora.hover:hover {
      cursor: pointer;
      background-position: -240px -12px; }
  .icon-min.bajada {
    background-position: -252px -0px; }
    .icon-min.bajada.hover:hover {
      cursor: pointer;
      background-position: -252px -12px; }
  .icon-min.precio {
    background-position: -264px -0px; }
    .icon-min.precio.hover:hover {
      cursor: pointer;
      background-position: -264px -12px; }
  .icon-min.check {
    background-position: -276px -0px; }
    .icon-min.check.hover:hover {
      cursor: pointer;
      background-position: -276px -12px; }
  .icon-min.foto {
    background-position: -288px -0px; }
    .icon-min.foto.hover:hover {
      cursor: pointer;
      background-position: -288px -12px; }
  .icon-min.manten {
    background-position: -300px -0px; }
    .icon-min.manten.hover:hover {
      cursor: pointer;
      background-position: -300px -12px; }
  .icon-min.agua {
    background-position: -312px -0px; }
    .icon-min.agua.hover:hover {
      cursor: pointer;
      background-position: -312px -12px; }
  .icon-min.alimen {
    background-position: -324px -0px; }
    .icon-min.alimen.hover:hover {
      cursor: pointer;
      background-position: -324px -12px; }
  .icon-min.gas {
    background-position: -336px -0px; }
    .icon-min.gas.hover:hover {
      cursor: pointer;
      background-position: -336px -12px; }
  .icon-min.tarea {
    background-position: -348px -0px; }
    .icon-min.tarea.hover:hover {
      cursor: pointer;
      background-position: -348px -12px; }
  .icon-min.actualizar {
    background-position: -360px -0px; }
    .icon-min.actualizar.hover:hover {
      cursor: pointer;
      background-position: -360px -12px; }
  .icon-min.cancelar {
    background-position: -372px -0px; }
    .icon-min.cancelar.hover:hover {
      cursor: pointer;
      background-position: -372px -12px; }
  .icon-min.temporals {
    background-position: -384px -0px; }
    .icon-min.temporals.hover:hover {
      cursor: pointer;
      background-position: -384px -12px; }
  .icon-min.bitacora-gris {
    background-position: -240px -12px; }
    .icon-min.bitacora-gris.hover:hover {
      cursor: pointer;
      background-position: -240px -12px; }

.icon-4 {
  background-image: url(../images/iconos/botones.png?v2);
  background-repeat: no-repeat;
  background-size: 2640px;
  width: 80px;
  height: 80px;
  display: block; }
  .icon-4.configuracion {
    background-position: -0px -0px; }
    .icon-4.configuracion.hover:hover {
      cursor: pointer;
      background-position: -0px -80px; }
  .icon-4.catalogo {
    background-position: -80px -0px; }
    .icon-4.catalogo.hover:hover {
      cursor: pointer;
      background-position: -80px -80px; }
  .icon-4.mantenimiento {
    background-position: -160px -0px; }
    .icon-4.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -160px -80px; }
  .icon-4.crianza {
    background-position: -240px -0px; }
    .icon-4.crianza.hover:hover {
      cursor: pointer;
      background-position: -240px -80px; }
  .icon-4.transito {
    background-position: -320px -0px; }
    .icon-4.transito.hover:hover {
      cursor: pointer;
      background-position: -320px -80px; }
  .icon-4.usuarios {
    background-position: -400px -0px; }
    .icon-4.usuarios.hover:hover {
      cursor: pointer;
      background-position: -400px -80px; }
  .icon-4.cuentas {
    background-position: -480px -0px; }
    .icon-4.cuentas.hover:hover {
      cursor: pointer;
      background-position: -480px -80px; }
  .icon-4.compras {
    background-position: -560px -0px; }
    .icon-4.compras.hover:hover {
      cursor: pointer;
      background-position: -560px -80px; }
  .icon-4.agricultura {
    background-position: -640px -0px; }
    .icon-4.agricultura.hover:hover {
      cursor: pointer;
      background-position: -640px -80px; }
  .icon-4.editar {
    background-position: -720px -0px; }
    .icon-4.editar.hover:hover {
      cursor: pointer;
      background-position: -720px -80px; }
  .icon-4.peso {
    background-position: -800px -0px; }
    .icon-4.peso.hover:hover {
      cursor: pointer;
      background-position: -800px -80px; }
  .icon-4.eye-1 {
    background-position: -880px -0px; }
    .icon-4.eye-1.hover:hover {
      cursor: pointer;
      background-position: -880px -80px; }
  .icon-4.eye-2 {
    background-position: -960px -0px; }
    .icon-4.eye-2.hover:hover {
      cursor: pointer;
      background-position: -960px -80px; }
  .icon-4.trash-1 {
    background-position: -1040px -0px; }
    .icon-4.trash-1.hover:hover {
      cursor: pointer;
      background-position: -1040px -80px; }
  .icon-4.trash-2 {
    background-position: -1120px -0px; }
    .icon-4.trash-2.hover:hover {
      cursor: pointer;
      background-position: -1120px -80px; }
  .icon-4.mas-1 {
    background-position: -1200px -0px; }
    .icon-4.mas-1.hover:hover {
      cursor: pointer;
      background-position: -1200px -80px; }
  .icon-4.mas-2 {
    background-position: -1280px -0px; }
    .icon-4.mas-2.hover:hover {
      cursor: pointer;
      background-position: -1280px -80px; }
  .icon-4.doc {
    background-position: -1360px -0px; }
    .icon-4.doc.hover:hover {
      cursor: pointer;
      background-position: -1360px -80px; }
  .icon-4.doc_gris {
    background-position: -1360px -80px; }
    .icon-4.doc_gris.hover:hover {
      cursor: pointer;
      background-position: -1360px -80px; }
  .icon-4.msj {
    background-position: -1440px -0px; }
    .icon-4.msj.hover:hover {
      cursor: pointer;
      background-position: -1440px -80px; }
  .icon-4.envia {
    background-position: -1520px -0px; }
    .icon-4.envia.hover:hover {
      cursor: pointer;
      background-position: -1520px -80px; }
  .icon-4.bitacora {
    background-position: -1600px -0px; }
    .icon-4.bitacora.hover:hover {
      cursor: pointer;
      background-position: -1600px -80px; }
  .icon-4.bajada {
    background-position: -1680px -0px; }
    .icon-4.bajada.hover:hover {
      cursor: pointer;
      background-position: -1680px -80px; }
  .icon-4.precio {
    background-position: -1760px -0px; }
    .icon-4.precio.hover:hover {
      cursor: pointer;
      background-position: -1760px -80px; }
  .icon-4.check {
    background-position: -1840px -0px; }
    .icon-4.check.hover:hover {
      cursor: pointer;
      background-position: -1840px -80px; }
  .icon-4.foto {
    background-position: -1920px -0px; }
    .icon-4.foto.hover:hover {
      cursor: pointer;
      background-position: -1920px -80px; }
  .icon-4.manten {
    background-position: -2000px -0px; }
    .icon-4.manten.hover:hover {
      cursor: pointer;
      background-position: -2000px -80px; }
  .icon-4.agua {
    background-position: -2080px -0px; }
    .icon-4.agua.hover:hover {
      cursor: pointer;
      background-position: -2080px -80px; }
  .icon-4.alimen {
    background-position: -2160px -0px; }
    .icon-4.alimen.hover:hover {
      cursor: pointer;
      background-position: -2160px -80px; }
  .icon-4.gas {
    background-position: -2240px -0px; }
    .icon-4.gas.hover:hover {
      cursor: pointer;
      background-position: -2240px -80px; }
  .icon-4.tarea {
    background-position: -2320px -0px; }
    .icon-4.tarea.hover:hover {
      cursor: pointer;
      background-position: -2320px -80px; }
  .icon-4.actualizar {
    background-position: -2400px -0px; }
    .icon-4.actualizar.hover:hover {
      cursor: pointer;
      background-position: -2400px -80px; }
  .icon-4.cancelar {
    background-position: -2480px -0px; }
    .icon-4.cancelar.hover:hover {
      cursor: pointer;
      background-position: -2480px -80px; }
  .icon-4.temporals {
    background-position: -2560px -0px; }
    .icon-4.temporals.hover:hover {
      cursor: pointer;
      background-position: -2560px -80px; }
  .icon-4.bitacora-gris {
    background-position: -1600px -80px; }
    .icon-4.bitacora-gris.hover:hover {
      cursor: pointer;
      background-position: -1600px -80px; }

.icon-3-min {
  background-image: url(../images/iconos/botones.png?v1);
  background-repeat: no-repeat;
  background-size: 396px;
  width: 12px;
  height: 12px;
  display: block; }
  .icon-3-min.configuracion {
    background-position: -0px -12px; }
    .icon-3-min.configuracion.hover:hover {
      cursor: pointer;
      background-position: -0px -12px; }
  .icon-3-min.catalogo {
    background-position: -12px -12px; }
    .icon-3-min.catalogo.hover:hover {
      cursor: pointer;
      background-position: -12px -12px; }
  .icon-3-min.mantenimiento {
    background-position: -24px -12px; }
    .icon-3-min.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -24px -12px; }
  .icon-3-min.crianza {
    background-position: -36px -12px; }
    .icon-3-min.crianza.hover:hover {
      cursor: pointer;
      background-position: -36px -12px; }
  .icon-3-min.transito {
    background-position: -48px -12px; }
    .icon-3-min.transito.hover:hover {
      cursor: pointer;
      background-position: -48px -12px; }
  .icon-3-min.usuarios {
    background-position: -60px -12px; }
    .icon-3-min.usuarios.hover:hover {
      cursor: pointer;
      background-position: -60px -12px; }
  .icon-3-min.cuentas {
    background-position: -72px -12px; }
    .icon-3-min.cuentas.hover:hover {
      cursor: pointer;
      background-position: -72px -12px; }
  .icon-3-min.compras {
    background-position: -84px -12px; }
    .icon-3-min.compras.hover:hover {
      cursor: pointer;
      background-position: -84px -12px; }
  .icon-3-min.agricultura {
    background-position: -96px -12px; }
    .icon-3-min.agricultura.hover:hover {
      cursor: pointer;
      background-position: -96px -12px; }
  .icon-3-min.editar {
    background-position: -108px -12px; }
    .icon-3-min.editar.hover:hover {
      cursor: pointer;
      background-position: -108px -12px; }
  .icon-3-min.peso {
    background-position: -120px -12px; }
    .icon-3-min.peso.hover:hover {
      cursor: pointer;
      background-position: -120px -12px; }
  .icon-3-min.eye-1 {
    background-position: -132px -12px; }
    .icon-3-min.eye-1.hover:hover {
      cursor: pointer;
      background-position: -132px -12px; }
  .icon-3-min.eye-2 {
    background-position: -144px -12px; }
    .icon-3-min.eye-2.hover:hover {
      cursor: pointer;
      background-position: -144px -12px; }
  .icon-3-min.trash-1 {
    background-position: -156px -12px; }
    .icon-3-min.trash-1.hover:hover {
      cursor: pointer;
      background-position: -156px -12px; }
  .icon-3-min.trash-2 {
    background-position: -168px -12px; }
    .icon-3-min.trash-2.hover:hover {
      cursor: pointer;
      background-position: -168px -12px; }
  .icon-3-min.mas-1 {
    background-position: -180px -12px; }
    .icon-3-min.mas-1.hover:hover {
      cursor: pointer;
      background-position: -180px -12px; }
  .icon-3-min.mas-2 {
    background-position: -192px -12px; }
    .icon-3-min.mas-2.hover:hover {
      cursor: pointer;
      background-position: -192px -12px; }
  .icon-3-min.doc {
    background-position: -204px -12px; }
    .icon-3-min.doc.hover:hover {
      cursor: pointer;
      background-position: -204px -12px; }
  .icon-3-min.msj {
    background-position: -216px -12px; }
    .icon-3-min.msj.hover:hover {
      cursor: pointer;
      background-position: -216px -12px; }
  .icon-3-min.envia {
    background-position: -228px -12px; }
    .icon-3-min.envia.hover:hover {
      cursor: pointer;
      background-position: -228px -12px; }
  .icon-3-min.bitacora {
    background-position: -240px -12px; }
    .icon-3-min.bitacora.hover:hover {
      cursor: pointer;
      background-position: -240px -12px; }
  .icon-3-min.bajada {
    background-position: -252px -12px; }
    .icon-3-min.bajada.hover:hover {
      cursor: pointer;
      background-position: -252px -12px; }
  .icon-3-min.precio {
    background-position: -264px -12px; }
    .icon-3-min.precio.hover:hover {
      cursor: pointer;
      background-position: -264px -12px; }
  .icon-3-min.check {
    background-position: -276px -12px; }
    .icon-3-min.check.hover:hover {
      cursor: pointer;
      background-position: -276px -12px; }
  .icon-3-min.foto {
    background-position: -288px -12px; }
    .icon-3-min.foto.hover:hover {
      cursor: pointer;
      background-position: -288px -12px; }
  .icon-3-min.manten {
    background-position: -300px -12px; }
    .icon-3-min.manten.hover:hover {
      cursor: pointer;
      background-position: -300px -12px; }
  .icon-3-min.agua {
    background-position: -312px -12px; }
    .icon-3-min.agua.hover:hover {
      cursor: pointer;
      background-position: -312px -12px; }
  .icon-3-min.alimen {
    background-position: -324px -12px; }
    .icon-3-min.alimen.hover:hover {
      cursor: pointer;
      background-position: -324px -12px; }
  .icon-3-min.gas {
    background-position: -336px -12px; }
    .icon-3-min.gas.hover:hover {
      cursor: pointer;
      background-position: -336px -12px; }
  .icon-3-min.tarea {
    background-position: -348px -12px; }
    .icon-3-min.tarea.hover:hover {
      cursor: pointer;
      background-position: -348px -12px; }
  .icon-3-min.actualizar {
    background-position: -360px -12px; }
    .icon-3-min.actualizar.hover:hover {
      cursor: pointer;
      background-position: -360px -12px; }

.menu-icon-1 {
  background-image: url(../images/iconos/botones-menu.png?v1);
  background-repeat: no-repeat;
  background-size: 375px;
  width: 25px;
  height: 25px;
  display: block; }
  .menu-icon-1.bitacora {
    background-position: 0px -0px; }
    .menu-icon-1.bitacora.hover:hover {
      cursor: pointer;
      background-position: 0px -25px; }
  .menu-icon-1.crianza {
    background-position: -25px -0px; }
    .menu-icon-1.crianza.hover:hover {
      cursor: pointer;
      background-position: -25px -25px; }
  .menu-icon-1.eys {
    background-position: -50px -0px; }
    .menu-icon-1.eys.hover:hover {
      cursor: pointer;
      background-position: -50px -25px; }
  .menu-icon-1.granja {
    background-position: -75px -0px; }
    .menu-icon-1.granja.hover:hover {
      cursor: pointer;
      background-position: -75px -25px; }
  .menu-icon-1.inv-granja {
    background-position: -100px -0px; }
    .menu-icon-1.inv-granja.hover:hover {
      cursor: pointer;
      background-position: -100px -25px; }
  .menu-icon-1.p_modulos {
    background-position: -125px -0px; }
    .menu-icon-1.p_modulos.hover:hover {
      cursor: pointer;
      background-position: -125px -25px; }
  .menu-icon-1.cuentas {
    background-position: -175px -0px; }
    .menu-icon-1.cuentas.hover:hover {
      cursor: pointer;
      background-position: -175px -25px; }
  .menu-icon-1.compras {
    background-position: -200px -0px; }
    .menu-icon-1.compras.hover:hover {
      cursor: pointer;
      background-position: -200px -25px; }
  .menu-icon-1.mantenimiento {
    background-position: -225px -0px; }
    .menu-icon-1.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -225px -25px; }
  .menu-icon-1.transito {
    background-position: -250px -0px; }
    .menu-icon-1.transito.hover:hover {
      cursor: pointer;
      background-position: -250px -25px; }
  .menu-icon-1.catalogo {
    background-position: -275px -0px; }
    .menu-icon-1.catalogo.hover:hover {
      cursor: pointer;
      background-position: -275px -25px; }
  .menu-icon-1.usuarios {
    background-position: -300px -0px; }
    .menu-icon-1.usuarios.hover:hover {
      cursor: pointer;
      background-position: -300px -25px; }
  .menu-icon-1.configuracion {
    background-position: -325px -0px; }
    .menu-icon-1.configuracion.hover:hover {
      cursor: pointer;
      background-position: -325px -25px; }
  .menu-icon-1.user-men {
    background-position: -350px -0px; }
    .menu-icon-1.user-men.hover:hover {
      cursor: pointer;
      background-position: -350px -25px; }
  
.icon-1-2 {
  background-image: url(../images/iconos/botones-v2.png?v1);
  background-repeat: no-repeat;
  background-size: 875px;
  width: 25px;
  height: 25px;
  display: block; }
  .icon-1-2.pago {
    background-position: -825px -0px; }
    .icon-1-2.pago.hover:hover {
      cursor: pointer;
      background-position: -825px -25px; }
  .icon-1-2.rel-dep {
    background-position: -850px -0px; }
    .icon-1-2.rel-dep.hover:hover {
      cursor: pointer;
      background-position: -850px -25px; }

.icon-3 {
  background-image: url(../images/iconos/botones.png?v1);
  background-repeat: no-repeat;
  background-size: 660px;
  width: 20px;
  height: 20px;
  display: block; }
  .icon-3.configuracion {
    background-position: -0px -20px; }
    .icon-3.configuracion.hover:hover {
      cursor: pointer;
      background-position: -0px -20px; }
  .icon-3.catalogo {
    background-position: -20px -20px; }
    .icon-3.catalogo.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .icon-3.mantenimiento {
    background-position: -40px -20px; }
    .icon-3.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .icon-3.crianza {
    background-position: -60px -20px; }
    .icon-3.crianza.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .icon-3.transito {
    background-position: -80px -20px; }
    .icon-3.transito.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .icon-3.usuarios {
    background-position: -100px -20px; }
    .icon-3.usuarios.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .icon-3.cuentas {
    background-position: -120px -20px; }
    .icon-3.cuentas.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .icon-3.compras {
    background-position: -140px -20px; }
    .icon-3.compras.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .icon-3.agricultura {
    background-position: -160px -20px; }
    .icon-3.agricultura.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .icon-3.editar {
    background-position: -180px -20px; }
    .icon-3.editar.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .icon-3.peso {
    background-position: -200px -20px; }
    .icon-3.peso.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .icon-3.eye-1 {
    background-position: -220px -20px; }
    .icon-3.eye-1.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }
  .icon-3.eye-2 {
    background-position: -240px -20px; }
    .icon-3.eye-2.hover:hover {
      cursor: pointer;
      background-position: -240px -20px; }
  .icon-3.trash-1 {
    background-position: -260px -20px; }
    .icon-3.trash-1.hover:hover {
      cursor: pointer;
      background-position: -260px -20px; }
  .icon-3.trash-2 {
    background-position: -280px -20px; }
    .icon-3.trash-2.hover:hover {
      cursor: pointer;
      background-position: -280px -20px; }
  .icon-3.mas-1 {
    background-position: -300px -20px; }
    .icon-3.mas-1.hover:hover {
      cursor: pointer;
      background-position: -300px -20px; }
  .icon-3.mas-2 {
    background-position: -320px -20px; }
    .icon-3.mas-2.hover:hover {
      cursor: pointer;
      background-position: -320px -20px; }
  .icon-3.doc {
    background-position: -340px -20px; }
    .icon-3.doc.hover:hover {
      cursor: pointer;
      background-position: -340px -20px; }
  .icon-3.msj {
    background-position: -360px -20px; }
    .icon-3.msj.hover:hover {
      cursor: pointer;
      background-position: -360px -20px; }
  .icon-3.envia {
    background-position: -380px -20px; }
    .icon-3.envia.hover:hover {
      cursor: pointer;
      background-position: -380px -20px; }
  .icon-3.bitacora {
    background-position: -400px -20px; }
    .icon-3.bitacora.hover:hover {
      cursor: pointer;
      background-position: -400px -20px; }
  .icon-3.bajada {
    background-position: -420px -20px; }
    .icon-3.bajada.hover:hover {
      cursor: pointer;
      background-position: -420px -20px; }
  .icon-3.precio {
    background-position: -440px -20px; }
    .icon-3.precio.hover:hover {
      cursor: pointer;
      background-position: -440px -20px; }
  .icon-3.check {
    background-position: -460px -20px; }
    .icon-3.check.hover:hover {
      cursor: pointer;
      background-position: -460px -20px; }
  .icon-3.foto {
    background-position: -480px -20px; }
    .icon-3.foto.hover:hover {
      cursor: pointer;
      background-position: -480px -20px; }
  .icon-3.manten {
    background-position: -500px -20px; }
    .icon-3.manten.hover:hover {
      cursor: pointer;
      background-position: -500px -20px; }
  .icon-3.agua {
    background-position: -520px -20px; }
    .icon-3.agua.hover:hover {
      cursor: pointer;
      background-position: -520px -20px; }
  .icon-3.alimen {
    background-position: -540px -20px; }
    .icon-3.alimen.hover:hover {
      cursor: pointer;
      background-position: -540px -20px; }
  .icon-3.gas {
    background-position: -560px -20px; }
    .icon-3.gas.hover:hover {
      cursor: pointer;
      background-position: -560px -20px; }
  .icon-3.tarea {
    background-position: -580px -20px; }
    .icon-3.tarea.hover:hover {
      cursor: pointer;
      background-position: -580px -20px; }
  .icon-3.actualizar {
    background-position: -600px -20px; }
    .icon-3.actualizar.hover:hover {
      cursor: pointer;
      background-position: -600px -20px; }

.icon-5 {
  background-image: url(../images/iconos/botones.png?v1);
  background-repeat: no-repeat;
  background-size: 990px;
  width: 30px;
  height: 30px;
  display: block; }
  .icon-5.configuracion {
    background-position: -0px -0px; }
    .icon-5.configuracion.hover:hover {
      cursor: pointer;
      background-position: -0px -30px; }
  .icon-5.catalogo {
    background-position: -30px -0px; }
    .icon-5.catalogo.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .icon-5.mantenimiento {
    background-position: -60px -0px; }
    .icon-5.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .icon-5.crianza {
    background-position: -90px -0px; }
    .icon-5.crianza.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .icon-5.transito {
    background-position: -120px -0px; }
    .icon-5.transito.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .icon-5.usuarios {
    background-position: -150px -0px; }
    .icon-5.usuarios.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .icon-5.cuentas {
    background-position: -180px -0px; }
    .icon-5.cuentas.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .icon-5.compras {
    background-position: -210px -0px; }
    .icon-5.compras.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .icon-5.agricultura {
    background-position: -240px -0px; }
    .icon-5.agricultura.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .icon-5.editar {
    background-position: -270px -0px; }
    .icon-5.editar.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .icon-5.peso {
    background-position: -300px -0px; }
    .icon-5.peso.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .icon-5.eye-11 {
    background-position: -330px -0px; }
    .icon-5.eye-11.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .icon-5.eye-2 {
    background-position: -360px -0px; }
    .icon-5.eye-2.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .icon-5.trash-1 {
    background-position: -390px -0px; }
    .icon-5.trash-1.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .icon-5.trash-2 {
    background-position: -420px -0px; }
    .icon-5.trash-2.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .icon-5.mas-1 {
    background-position: -450px -0px; }
    .icon-5.mas-1.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .icon-5.mas-2 {
    background-position: -480px -0px; }
    .icon-5.mas-2.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .icon-5.doc {
    background-position: -510px -0px; }
    .icon-5.doc.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .icon-5.msj {
    background-position: -540px -0px; }
    .icon-5.msj.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .icon-5.envia {
    background-position: -570px -0px; }
    .icon-5.envia.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .icon-5.bitacora {
    background-position: -600px -0px; }
    .icon-5.bitacora.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .icon-5.bajada {
    background-position: -630px -0px; }
    .icon-5.bajada.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }
  .icon-5.precio-n {
    background-position: -660px -0px; }
    .icon-5.precio-n.hover:hover {
      cursor: pointer;
      background-position: -660px -30px; }
  .icon-5.check {
    background-position: -690px -0px; }
    .icon-5.check.hover:hover {
      cursor: pointer;
      background-position: -690px -30px; }
  .icon-5.foto {
    background-position: -720px -0px; }
    .icon-5.foto.hover:hover {
      cursor: pointer;
      background-position: -720px -30px; }
  .icon-5.manten-n {
    background-position: -750px -0px; }
    .icon-5.manten-n.hover:hover {
      cursor: pointer;
      background-position: -750px -30px; }
  .icon-5.agua-n {
    background-position: -780px -0px; }
    .icon-5.agua-n.hover:hover {
      cursor: pointer;
      background-position: -780px -30px; }
  .icon-5.alimen-n {
    background-position: -810px -0px; }
    .icon-5.alimen-n.hover:hover {
      cursor: pointer;
      background-position: -810px -30px; }
  .icon-5.gas-n {
    background-position: -840px -0px; }
    .icon-5.gas-n.hover:hover {
      cursor: pointer;
      background-position: -840px -30px; }
  .icon-5.tarea {
    background-position: -870px -0px; }
    .icon-5.tarea.hover:hover {
      cursor: pointer;
      background-position: -870px -30px; }
  .icon-5.actualizar {
    background-position: -900px -0px; }
    .icon-5.actualizar.hover:hover {
      cursor: pointer;
      background-position: -900px -30px; }
  .icon-5.configuracion {
    background-position: -0px -30px; }
    .icon-5.configuracion.hover:hover {
      cursor: pointer;
      background-position: -0px -30px; }
  .icon-5.catalogo {
    background-position: -30px -30px; }
    .icon-5.catalogo.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .icon-5.mantenimiento {
    background-position: -60px -30px; }
    .icon-5.mantenimiento.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .icon-5.crianza {
    background-position: -90px -30px; }
    .icon-5.crianza.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .icon-5.transito {
    background-position: -120px -30px; }
    .icon-5.transito.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .icon-5.usuarios {
    background-position: -150px -30px; }
    .icon-5.usuarios.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .icon-5.cuentas {
    background-position: -180px -30px; }
    .icon-5.cuentas.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .icon-5.compras {
    background-position: -210px -30px; }
    .icon-5.compras.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .icon-5.agricultura {
    background-position: -240px -30px; }
    .icon-5.agricultura.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .icon-5.editar {
    background-position: -270px -30px; }
    .icon-5.editar.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .icon-5.peso {
    background-position: -300px -30px; }
    .icon-5.peso.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .icon-5.eye-1 {
    background-position: -330px -30px; }
    .icon-5.eye-1.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .icon-5.eye-2 {
    background-position: -360px -30px; }
    .icon-5.eye-2.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .icon-5.trash-1 {
    background-position: -390px -30px; }
    .icon-5.trash-1.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .icon-5.trash-2 {
    background-position: -420px -30px; }
    .icon-5.trash-2.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .icon-5.mas-1 {
    background-position: -450px -30px; }
    .icon-5.mas-1.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .icon-5.mas-2 {
    background-position: -480px -30px; }
    .icon-5.mas-2.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .icon-5.doc {
    background-position: -510px -30px; }
    .icon-5.doc.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .icon-5.msj {
    background-position: -540px -30px; }
    .icon-5.msj.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .icon-5.envia {
    background-position: -570px -30px; }
    .icon-5.envia.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .icon-5.bitacora {
    background-position: -600px -30px; }
    .icon-5.bitacora.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .icon-5.bajada {
    background-position: -630px -30px; }
    .icon-5.bajada.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }
  .icon-5.precio {
    background-position: -660px -30px; }
    .icon-5.precio.hover:hover {
      cursor: pointer;
      background-position: -660px -30px; }
  .icon-5.check {
    background-position: -690px -30px; }
    .icon-5.check.hover:hover {
      cursor: pointer;
      background-position: -690px -30px; }
  .icon-5.foto {
    background-position: -720px -30px; }
    .icon-5.foto.hover:hover {
      cursor: pointer;
      background-position: -720px -30px; }
  .icon-5.manten {
    background-position: -750px -30px; }
    .icon-5.manten.hover:hover {
      cursor: pointer;
      background-position: -750px -30px; }
  .icon-5.agua {
    background-position: -780px -30px; }
    .icon-5.agua.hover:hover {
      cursor: pointer;
      background-position: -780px -30px; }
  .icon-5.alimen {
    background-position: -810px -30px; }
    .icon-5.alimen.hover:hover {
      cursor: pointer;
      background-position: -810px -30px; }
  .icon-5.gas {
    background-position: -840px -30px; }
    .icon-5.gas.hover:hover {
      cursor: pointer;
      background-position: -840px -30px; }
  .icon-5.tarea {
    background-position: -870px -30px; }
    .icon-5.tarea.hover:hover {
      cursor: pointer;
      background-position: -870px -30px; }
  .icon-5.actualizar {
    background-position: -900px -30px; }
    .icon-5.actualizar.hover:hover {
      cursor: pointer;
      background-position: -900px -30px; }

.btn-1 {
  background-image: url(../images/iconos/iconos.png);
  background-repeat: no-repeat;
  background-size: 375px;
  width: 15px;
  height: 15px;
  display: block; }
  .btn-1.tareas {
    background-position: -0px -0px; }
    .btn-1.tareas.hover:hover {
      cursor: pointer;
      background-position: -0px -15px; }
  .btn-1.tipo-1 {
    background-position: -15px -0px; }
    .btn-1.tipo-1.hover:hover {
      cursor: pointer;
      background-position: -15px -15px; }
  .btn-1.tipo-2 {
    background-position: -30px -0px; }
    .btn-1.tipo-2.hover:hover {
      cursor: pointer;
      background-position: -30px -15px; }
  .btn-1.precio-verde {
    background-position: -45px -0px; }
    .btn-1.precio-verde.hover:hover {
      cursor: pointer;
      background-position: -45px -15px; }
  .btn-1.precio-naranja {
    background-position: -60px -0px; }
    .btn-1.precio-naranja.hover:hover {
      cursor: pointer;
      background-position: -60px -15px; }
  .btn-1.check-1 {
    background-position: -75px -0px; }
    .btn-1.check-1.hover:hover {
      cursor: pointer;
      background-position: -75px -15px; }
  .btn-1.check-2 {
    background-position: -90px -0px; }
    .btn-1.check-2.hover:hover {
      cursor: pointer;
      background-position: -90px -15px; }
  .btn-1.check-3 {
    background-position: -105px -0px; }
    .btn-1.check-3.hover:hover {
      cursor: pointer;
      background-position: -105px -15px; }
  .btn-1.reloj-1 {
    background-position: -120px -0px; }
    .btn-1.reloj-1.hover:hover {
      cursor: pointer;
      background-position: -120px -15px; }
  .btn-1.cancel-1 {
    background-position: -135px -0px; }
    .btn-1.cancel-1.hover:hover {
      cursor: pointer;
      background-position: -135px -15px; }
  .btn-1.cancel-2 {
    background-position: -150px -0px; }
    .btn-1.cancel-2.hover:hover {
      cursor: pointer;
      background-position: -150px -15px; }
  .btn-1.cancel-3 {
    background-position: -165px -0px; }
    .btn-1.cancel-3.hover:hover {
      cursor: pointer;
      background-position: -165px -15px; }
  .btn-1.trash {
    background-position: -180px -0px; }
    .btn-1.trash.hover:hover {
      cursor: pointer;
      background-position: -180px -15px; }
  .btn-1.menos-1 {
    background-position: -195px -0px; }
    .btn-1.menos-1.hover:hover {
      cursor: pointer;
      background-position: -195px -15px; }
  .btn-1.menos-2 {
    background-position: -210px -0px; }
    .btn-1.menos-2.hover:hover {
      cursor: pointer;
      background-position: -210px -15px; }
  .btn-1.mas {
    background-position: -225px -0px; }
    .btn-1.mas.hover:hover {
      cursor: pointer;
      background-position: -225px -15px; }
  .btn-1.cerdito {
    background-position: -240px -0px; }
    .btn-1.cerdito.hover:hover {
      cursor: pointer;
      background-position: -240px -15px; }
  .btn-1.grafica {
    background-position: -255px -0px; }
    .btn-1.grafica.hover:hover {
      cursor: pointer;
      background-position: -255px -15px; }
  .btn-1.cerdito-up {
    background-position: -270px -0px; }
    .btn-1.cerdito-up.hover:hover {
      cursor: pointer;
      background-position: -270px -15px; }
  .btn-1.flecha-abajo {
    background-position: -285px -0px; }
    .btn-1.flecha-abajo.hover:hover {
      cursor: pointer;
      background-position: -285px -15px; }
  .btn-1.cerrar-gris {
    background-position: -300px -0px; }
    .btn-1.cerrar-gris.hover:hover {
      cursor: pointer;
      background-position: -300px -15px; }
  .btn-1.temperatura {
    background-position: -315px -0px; }
    .btn-1.temperatura.hover:hover {
      cursor: pointer;
      background-position: -315px -15px; }
  .btn-1.candado-abierto {
    background-position: -330px -0px; }
    .btn-1.candado-abierto.hover:hover {
      cursor: pointer;
      background-position: -330px -15px; }
  .btn-1.traspaso-mod {
    background-position: -345px -0px; }
    .btn-1.traspaso-mod.hover:hover {
      cursor: pointer;
      background-position: -345px -15px; }
  .btn-1.venta-desechos {
    background-position: -360px -0px; }
    .btn-1.venta-desechos.hover:hover {
      cursor: pointer;
      background-position: -360px -15px; }
  .btn-1.reloj-2 {
    background-position: -0px -15px; }
    .btn-1.reloj-2.hover:hover {
      cursor: pointer;
      background-position: -0px -15px; }
  .btn-1.nota {
    background-position: -15px -15px; }
    .btn-1.nota.hover:hover {
      cursor: pointer;
      background-position: -15px -15px; }
  .btn-1.cancel {
    background-position: -30px -15px; }
    .btn-1.cancel.hover:hover {
      cursor: pointer;
      background-position: -30px -15px; }
  .btn-1.doc-1 {
    background-position: -45px -15px; }
    .btn-1.doc-1.hover:hover {
      cursor: pointer;
      background-position: -45px -15px; }
  .btn-1.doc-2 {
    background-position: -60px -15px; }
    .btn-1.doc-2.hover:hover {
      cursor: pointer;
      background-position: -60px -15px; }
  .btn-1.busca {
    background-position: -75px -15px; }
    .btn-1.busca.hover:hover {
      cursor: pointer;
      background-position: -75px -15px; }
  .btn-1.vacuna {
    background-position: -90px -15px; }
    .btn-1.vacuna.hover:hover {
      cursor: pointer;
      background-position: -90px -15px; }
  .btn-1.calendar {
    background-position: -105px -15px; }
    .btn-1.calendar.hover:hover {
      cursor: pointer;
      background-position: -105px -15px; }
  .btn-1.silo {
    background-position: -120px -15px; }
    .btn-1.silo.hover:hover {
      cursor: pointer;
      background-position: -120px -15px; }
  .btn-1.medica {
    background-position: -135px -15px; }
    .btn-1.medica.hover:hover {
      cursor: pointer;
      background-position: -135px -15px; }
  .btn-1.actualiza {
    background-position: -150px -15px; }
    .btn-1.actualiza.hover:hover {
      cursor: pointer;
      background-position: -150px -15px; }
  .btn-1.advert {
    background-position: -165px -15px; }
    .btn-1.advert.hover:hover {
      cursor: pointer;
      background-position: -165px -15px; }
  .btn-1.compra {
    background-position: -180px -15px; }
    .btn-1.compra.hover:hover {
      cursor: pointer;
      background-position: -180px -15px; }
  .btn-1.carrito {
    background-position: -195px -15px; }
    .btn-1.carrito.hover:hover {
      cursor: pointer;
      background-position: -195px -15px; }
  .btn-1.desc {
    background-position: -210px -15px; }
    .btn-1.desc.hover:hover {
      cursor: pointer;
      background-position: -210px -15px; }
  .btn-1.flecha {
    background-position: -225px -15px; }
    .btn-1.flecha.hover:hover {
      cursor: pointer;
      background-position: -225px -15px; }
  .btn-1.saco {
    background-position: -240px -15px; }
    .btn-1.saco.hover:hover {
      cursor: pointer;
      background-position: -240px -15px; }
  .btn-1.icon-form {
    background-position: -255px -15px; }
    .btn-1.icon-form.hover:hover {
      cursor: pointer;
      background-position: -255px -15px; }
  .btn-1.flecha-arriba {
    background-position: -270px -15px; }
    .btn-1.flecha-arriba.hover:hover {
      cursor: pointer;
      background-position: -270px -15px; }
  .btn-1.cerrar-naranja {
    background-position: -285px -15px; }
    .btn-1.cerrar-naranja.hover:hover {
      cursor: pointer;
      background-position: -285px -15px; }
  .btn-1.gas {
    background-position: -300px -15px; }
    .btn-1.gas.hover:hover {
      cursor: pointer;
      background-position: -300px -15px; }
  .btn-1.candado-cerrado {
    background-position: -315px -15px; }
    .btn-1.candado-cerrado.hover:hover {
      cursor: pointer;
      background-position: -315px -15px; }
  .btn-1.traspaso-interno {
    background-position: -330px -15px; }
    .btn-1.traspaso-interno.hover:hover {
      cursor: pointer;
      background-position: -330px -15px; }
  .btn-1.traspaso-externo {
    background-position: -345px -15px; }
    .btn-1.traspaso-externo.hover:hover {
      cursor: pointer;
      background-position: -345px -15px; }

.btn-2 {
  background-image: url(../images/iconos/iconos.png);
  background-repeat: no-repeat;
  background-size: 750px;
  width: 30px;
  height: 30px;
  display: block; }
  .btn-2.tareas {
    background-position: -0px -0px; }
    .btn-2.tareas.hover:hover {
      cursor: pointer;
      background-position: -0px -30px; }
  .btn-2.tipo-1 {
    background-position: -30px -0px; }
    .btn-2.tipo-1.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .btn-2.tipo-2 {
    background-position: -60px -0px; }
    .btn-2.tipo-2.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .btn-2.precio-verde {
    background-position: -90px -0px; }
    .btn-2.precio-verde.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .btn-2.precio-naranja {
    background-position: -120px -0px; }
    .btn-2.precio-naranja.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .btn-2.check-1 {
    background-position: -150px -0px; }
    .btn-2.check-1.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .btn-2.check-2 {
    background-position: -180px -0px; }
    .btn-2.check-2.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .btn-2.check-3 {
    background-position: -210px -0px; }
    .btn-2.check-3.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .btn-2.reloj-1 {
    background-position: -240px -0px; }
    .btn-2.reloj-1.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .btn-2.cancel-1 {
    background-position: -270px -0px; }
    .btn-2.cancel-1.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .btn-2.cancel-2 {
    background-position: -300px -0px; }
    .btn-2.cancel-2.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .btn-2.cancel-3 {
    background-position: -330px -0px; }
    .btn-2.cancel-3.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .btn-2.trash {
    background-position: -360px -0px; }
    .btn-2.trash.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .btn-2.menos-1 {
    background-position: -390px -0px; }
    .btn-2.menos-1.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .btn-2.menos-2 {
    background-position: -420px -0px; }
    .btn-2.menos-2.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .btn-2.mas {
    background-position: -450px -0px; }
    .btn-2.mas.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .btn-2.cerdito {
    background-position: -480px -0px; }
    .btn-2.cerdito.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .btn-2.grafica {
    background-position: -510px -0px; }
    .btn-2.grafica.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .btn-2.cerdito-up {
    background-position: -540px -0px; }
    .btn-2.cerdito-up.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .btn-2.flecha-abajo {
    background-position: -570px -0px; }
    .btn-2.flecha-abajo.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .btn-2.cerrar-gris {
    background-position: -600px -0px; }
    .btn-2.cerrar-gris.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .btn-2.temperatura {
    background-position: -630px -0px; }
    .btn-2.temperatura.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }
  .btn-2.candado-abierto {
    background-position: -660px -0px; }
    .btn-2.candado-abierto.hover:hover {
      cursor: pointer;
      background-position: -660px -30px; }
  .btn-2.traspaso-mod {
    background-position: -690px -0px; }
    .btn-2.traspaso-mod.hover:hover {
      cursor: pointer;
      background-position: -690px -30px; }
  .btn-2.venta-desechos {
    background-position: -720px -0px; }
    .btn-2.venta-desechos.hover:hover {
      cursor: pointer;
      background-position: -720px -30px; }
  .btn-2.reloj-2 {
    background-position: -0px -30px; }
    .btn-2.reloj-2.hover:hover {
      cursor: pointer;
      background-position: -0px -30px; }
  .btn-2.nota {
    background-position: -30px -30px; }
    .btn-2.nota.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .btn-2.cancel {
    background-position: -60px -30px; }
    .btn-2.cancel.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .btn-2.doc-1 {
    background-position: -90px -30px; }
    .btn-2.doc-1.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .btn-2.doc-2 {
    background-position: -120px -30px; }
    .btn-2.doc-2.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .btn-2.busca {
    background-position: -150px -30px; }
    .btn-2.busca.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .btn-2.vacuna {
    background-position: -180px -30px; }
    .btn-2.vacuna.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .btn-2.calendar {
    background-position: -210px -30px; }
    .btn-2.calendar.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .btn-2.silo {
    background-position: -240px -30px; }
    .btn-2.silo.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .btn-2.medica {
    background-position: -270px -30px; }
    .btn-2.medica.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .btn-2.actualiza {
    background-position: -300px -30px; }
    .btn-2.actualiza.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .btn-2.advert {
    background-position: -330px -30px; }
    .btn-2.advert.hover:hover {
      cursor: pointer;
      background-position: -330px -30px; }
  .btn-2.compra {
    background-position: -360px -30px; }
    .btn-2.compra.hover:hover {
      cursor: pointer;
      background-position: -360px -30px; }
  .btn-2.carrito {
    background-position: -390px -30px; }
    .btn-2.carrito.hover:hover {
      cursor: pointer;
      background-position: -390px -30px; }
  .btn-2.desc {
    background-position: -420px -30px; }
    .btn-2.desc.hover:hover {
      cursor: pointer;
      background-position: -420px -30px; }
  .btn-2.flecha {
    background-position: -450px -30px; }
    .btn-2.flecha.hover:hover {
      cursor: pointer;
      background-position: -450px -30px; }
  .btn-2.saco {
    background-position: -480px -30px; }
    .btn-2.saco.hover:hover {
      cursor: pointer;
      background-position: -480px -30px; }
  .btn-2.icon-form {
    background-position: -510px -30px; }
    .btn-2.icon-form.hover:hover {
      cursor: pointer;
      background-position: -510px -30px; }
  .btn-2.flecha-arriba {
    background-position: -540px -30px; }
    .btn-2.flecha-arriba.hover:hover {
      cursor: pointer;
      background-position: -540px -30px; }
  .btn-2.cerrar-naranja {
    background-position: -570px -30px; }
    .btn-2.cerrar-naranja.hover:hover {
      cursor: pointer;
      background-position: -570px -30px; }
  .btn-2.gas {
    background-position: -600px -30px; }
    .btn-2.gas.hover:hover {
      cursor: pointer;
      background-position: -600px -30px; }
  .btn-2.candado-cerrado {
    background-position: -630px -30px; }
    .btn-2.candado-cerrado.hover:hover {
      cursor: pointer;
      background-position: -630px -30px; }
  .btn-2.traspaso-interno {
    background-position: -660px -30px; }
    .btn-2.traspaso-interno.hover:hover {
      cursor: pointer;
      background-position: -660px -30px; }
  .btn-2.traspaso-externo {
    background-position: -690px -30px; }
    .btn-2.traspaso-externo.hover:hover {
      cursor: pointer;
      background-position: -690px -30px; }

.btn2-1 {
  background-image: url(../images/iconos/botones2.png);
  background-repeat: no-repeat;
  background-size: 30px;
  width: 15px;
  height: 15px;
  display: block; }
  .btn2-1.duplic {
    background-position: 0px -0px; }
    .btn2-1.duplic.hover:hover {
      cursor: pointer;
      background-position: 0px -15px; }
  .btn2-1.duplic-2 {
    background-position: -15px -0px; }
    .btn2-1.duplic-2.hover:hover {
      cursor: pointer;
      background-position: -15px -15px; }

.btn2-2 {
  background-image: url(../images/iconos/botones2.png);
  background-repeat: no-repeat;
  background-size: 40px;
  width: 20px;
  height: 20px;
  display: block; }
  .btn2-2.duplic {
    background-position: 0px -0px; }
    .btn2-2.duplic.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .btn2-2.duplic-2 {
    background-position: -20px -0px; }
    .btn2-2.duplic-2.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }

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

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

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

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

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

div#alertas div#debugg pre {
  overflow: scroll;
  height: 600px; }

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

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

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

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

.capitalize {
  text-transform: capitalize; }

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

.fsize13 {
  font-size: 13px; }

.fsize12 {
  font-size: 12px; }

.aleft {
  text-align: left; }

.aright {
  text-align: right; }

.acenter {
  text-align: center; }

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

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

.hide {
  display: none !important; }

.fright {
  float: right !important; }

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

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

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

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

a.close {
  position: absolute;
  right: 40px;
  top: 12px; }

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

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

.user {
  font-size: 23px; }

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

span.red, small.red, h1.red, h2.red, h3.red, h4.red, h5.red, th.red, b.red {
  color: red !important; }
  span.red.downred, small.red.downred, h1.red.downred, h2.red.downred, h3.red.downred, h4.red.downred, h5.red.downred, th.red.downred, b.red.downred {
    color: #ffd9d9; }
span.yellow, small.yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, th.yellow, b.yellow {
  color: #d9d900 !important; }
span.green, small.green, h1.green, h2.green, h3.green, h4.green, h5.green, th.green, b.green {
  color: green !important; }
  span.green.downred, small.green.downred, h1.green.downred, h2.green.downred, h3.green.downred, h4.green.downred, h5.green.downred, th.green.downred, b.green.downred {
    color: #69C369 !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; }

.yellow {
  color: yellow; }

.bold {
  font-weight: bold; }

pre {
  white-space: pre-wrap; }

section {
  min-width: 100%;
  padding: 3%;
  min-height: 400px;
  height: auto;
  display: block;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  width: auto !important;
}
  section.menu1 {
    padding-left: 177px; }
  section.infinitywidth {
    overflow: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
  section.thebitacoracontent {
    padding: 0; }
    section.thebitacoracontent .table {
      margin: 0; }
  section.pop {
    position: relative;
    min-width: inherit;
    width: 80%;
    margin: 60px auto 0 auto;
    padding: 0;
    display: block;
    height: auto;
    overflow: inherit;
    border-top: 5px solid white; }
    section.pop.no-border {
      border-top: none; }
      section.pop.no-border.minipieza {
        width: 400px; }
      section.pop.no-border.seccotizacion {
        width: 950px; }
        section.pop.no-border.seccotizacion.biger {
          width: 1074px; }
    section.pop h2.seccion {
      position: absolute;
      top: 0;
      left: 0;
      color: white;
      display: block;
      padding: 10px 20px;
      margin: -52px 0 0 0;
      overflow: hidden;
      -webkit-text-shadow: none;
      -moz-text-shadow: none;
      -ms-text-shadow: none;
      text-shadow: none;
      background-color: white; }

div.dash {
  display: block;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.8);
  height: auto;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  -ms-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.dash .dash-hold {
    border: 1px solid #f4f9fe;
    padding: 12px 12px 8px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
  div.dash h3 {
    line-height: 2em;
    margin-bottom: 20px;
    display: inline;
    font-size: 16px;
    margin-left: -4px;
    color: #4d4d4d;
    text-transform: uppercase; }
    div.dash h3 img {
      display: inline-block;
      width: 40px;
      vertical-align: middle;
      margin: -14px 0 0 -10px;
      background-color: white;
      padding: 0 5px; }
  div.dash p, div.dash ul {
    margin-top: 5px;
    height: auto;
    overflow: hidden; }
  div.dash li {
    list-style: none;
    width: 100%;
    display: block; }
    div.dash li a {
      color: white;
      width: 100%;
      font-size: 13px;
      text-align: center;
      background-color: #f8faff;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 1px;
      padding: 8px 0;
      -webkit-border-radius: 3px !important;
      -moz-border-radius: 3px !important;
      -ms-border-radius: 3px !important;
      border-radius: 3px !important;
      display: block;
      text-transform: uppercase; }
    div.dash li:hover a {
      background-color: #20b1c4; }
div.table, div.regular {
  padding: 20px;
  float: left;
  margin: 0 1% 20px 1%;
  width: 100%;
  position: relative;
  background: white;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.table h4, div.regular h4 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
    color: #4d4d4d; }
div.topinfo {
  padding: 20px;
  margin: 0 1%;
  width: 96.5%;
  background: #FFFFFF;
  float: left; }
  div.topinfo .saldo {
    margin-top: 10px;
    color: #5370D2;
    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: #FF5100;
      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 {
      padding: 20px 10px 20px 50px !important;
      background-color: #4d4d4d;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px;
      position: relative;
      width: 193px;
      font-size: initial; }
    .index-block .modulo .mod-icon {
      position: absolute;
      left: 10px;
      top: 12px; }
      .index-block .modulo .mod-icon:hover {
        background-color: red;
        border-radius: 15px; }

h2.seccion {
  font-weight: 300;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #218eef; }
h2 small a {
  text-decoration: underline; }

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

h4 {
  clear: both; }

@media only screen and (max-width: 1024px) {
  section {
    padding-right: 10px; } }
.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 25px;
  background-color: white;
  position: relative;
  z-index: 10; }

h1 {
  font-weight: 300;
  font-size: 20px;
  margin-top: 3px;
  text-transform: uppercase; }
  h1 img {
    display: inline;
    vertical-align: middle;
    width: 100px;
    margin-top: -6px;
    margin-left: -3.5px; }
    h1 img.arrowr {
      width: 10px;
      margin-top: -2px;
      margin-left: 10px; }
  h1 small, h1 small a {
    font-size: 10px !important;
    vertical-align: middle;
    text-transform: none; }
  h1 .userinfo {
    float: right;
    margin-top: 0; }

header.header h1 a {
  font-size: 14px;
  font-weight: lighter;
  color: gray; }

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

.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: 0.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 {
  display: none; }

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

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

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

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

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

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

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

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

form.basico.login {
  position: absolute;
  top: 40%;
  left: 50%;
  margin: -130px 0 0 -275px;
  width: 550px !important;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.container_login{
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  form.login {
    width: 50%;
    margin: 0 auto;
    left: 0; } }
@media only screen and (max-width: 450px) {
  form.login {
    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], form div.notificacion input[type=submit], div.notificacion form .boton.botonaccion, form div.notificacion .boton.botonaccion, div.notificacion form input[type=submit] {
    margin-top: -10px;
    background-color: #706F6F;
    color: white; }
  div.notificacion b {
    color: #0e6bbe; }

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

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

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

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

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

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

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

div.notificacion {
  position: relative;
  width: auto;
  max-width: 450px;
  margin: 20px auto;
  padding: 80px 30px 20px 30px;
  display: block;
  height: auto;
  background-color: white; }
  div.notificacion h3 {
    font-weight: 300;
    margin: 0 0 30px 0;
    color: #218eef; }
  div.notificacion .fecha {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 12px;
    color: #218eef; }
  div.notificacion p.buttons {
    line-height: 1em;
    margin-right: -17px; }
  div.notificacion a.boton, div.notificacion form input[type=submit], form div.notificacion input[type=submit], div.notificacion form .boton.botonaccion, form div.notificacion .boton.botonaccion {
    margin-top: -10px;
    background-color: #706F6F;
    color: white; }
div#reportepop a.boton, div#reportepop form input[type=submit], form div#reportepop input[type=submit], div#reportepop form .boton.botonaccion, form div#reportepop .boton.botonaccion {
  margin-top: -10px;
  background-color: #706F6F;
  color: white; }
div.notificacion a.boton:hover, div.notificacion form input[type=submit]:hover, form div.notificacion input[type=submit]:hover, div.notificacion form .boton.botonaccion:hover, form div.notificacion .boton.botonaccion:hover, div#reportepop a.boton:hover, div#reportepop form input[type=submit]:hover, form div#reportepop input[type=submit]:hover, div#reportepop form .boton.botonaccion:hover, form div#reportepop .boton.botonaccion:hover {
  background-color: white;
  color: #706F6F; }
div.notificacion p {
  padding: 20px 0;
  font-size: 13px;
  line-height: 1em;
  text-align: left; }
  div.notificacion p.alerta {
    border: none; }
    div.notificacion p.alerta span {
      line-height: 1.5em;
      color: white;
      border: none; }
div.notificacion .good, div.notificacion .bad, div.notificacion .normal {
  background-color: transparent;
  border: none; }

@media only screen and (max-width: 768px) {
  section#login {
    width: 50%;
    margin: 0 auto;
    left: 0; } }
@media only screen and (max-width: 450px) {
  section#login {
    width: 90%;
    left: 1%; } }
.getform, .getModulo {
  cursor: pointer; }

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

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

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

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

.w60 {
  width: 57%; }

.w50 {
  width: 48%; }

.w40 {
  width: 38%; }

.w25 {
  width: 23%; }

.w35 {
  width: 33%; }

.contenedor.w75, .contenedor.w60, .contenedor.w50, .contenedor.w40, .contenedor.w25, .contenedor.w35, form .contenedor.bloqueform.w60, form .contenedor.bloqueform.w50, form .contenedor.bloqueform.w40, .contenedor.w33, form .contenedor.bloqueform.w33, form .contenedor.bloqueform.w25, form .contenedor.bloqueform.w35, form .bloqueform.w75, form .bloqueform.w60, form.basico .bloqueform.w60, form .bloqueform.w50, form.basico .bloqueform.w50, form .bloqueform.w40, form.basico .bloqueform.w40, form .bloqueform.w33, form.basico .bloqueform.w33, form .bloqueform.w25, form.basico .bloqueform.w25, form .bloqueform.w35, form.basico .bloqueform.w35, form.basico .bloqueform.w75, form.basico .bloqueform.w60, form.basico .bloqueform.w50, form.basico .bloqueform.w40, form.basico .bloqueform.w33, form.basico .bloqueform.w25, form.basico .bloqueform.w35 {
  width: 73%;
  float: left;
  clear: none;
  display: inline-block; }
.contenedor.w60, form .bloqueform.w60, form.basico .bloqueform.w60 {
  width: 57% !important; }
.contenedor.w50, form .bloqueform.w50, form.basico .bloqueform.w50 {
  width: 48%; }
.contenedor.w40, form .bloqueform.w40, form.basico .bloqueform.w40 {
  width: 38%; }
.contenedor.w33, form .bloqueform.w33, form.basico .bloqueform.w33 {
  width: 31%; }
.contenedor.w25, form .bloqueform.w25, form.basico .bloqueform.w25 {
  width: 23%; }
.contenedor.w35, form .bloqueform.w35, form.basico .bloqueform.w35 {
  width: 33% !important; }
.contenedor .lista-cultyvo li, form .bloqueform .lista-cultyvo li, form.basico .bloqueform .lista-cultyvo li {
  background-color: rgba(0, 0, 0, 0.05); }
.contenedor .bloque, form .bloqueform .bloque, form.basico .bloqueform .bloque {
  background-color: rgba(0, 0, 0, 0.04) !important;
  display: block;
  padding: 10px;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .contenedor .bloque input, .contenedor .bloque select, form .bloqueform .bloque input, form .bloqueform .bloque select, form.basico .bloqueform .bloque input, form.basico .bloqueform .bloque select {
    border: none;
    border-left: 1px solid #f0f0f0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

span.imgcont {
  position: relative;
  display: inline-block;
  width: 15%;
  margin: 1%;
  cursor: pointer; }
  span.imgcont a {
    width: 100%;
    height: 100%;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block; }

.no-touch span.imgcont:hover > a {
  width: 105%;
  height: 105%;
  margin: -2.5% 0 0 -2.5%;
  position: absolute;
  z-index: 100; }

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

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

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

.no-touch span.imgcont.seven:hover {
  margin: 0.2% 1%; }
  .no-touch span.imgcont.seven:hover > a {
    width: 105%;
    height: 105%;
    margin: -2.5% 0 0 -2.5%;
    position: absolute;
    z-index: 100; }

@media only screen and (min-width: 640px) and (max-width: 800px) {
  span.imgcont.seven {
    width: 16%;
    margin: 0.4 3%; } }
@media only screen and (min-width: 300px) and (max-width: 639px) {
  span.imgcont.seven {
    width: 20%;
    margin: 0.4 3%; } }
.rating {
  width: 100px;
  height: 20px;
  background-color: transparent;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  background-image: url(../images/cali.png?v1);
  background-position: center bottom 0;
  background-repeat: no-repeat;
  background-size: 101px; }
  .rating.c0 {
    background-position: center bottom 0; }
  .rating.c1 {
    background-position: center bottom -20px; }
  .rating.c2 {
    background-position: center bottom -39px; }
  .rating.c3 {
    background-position: center bottom -58px; }
  .rating.c4 {
    background-position: center bottom -77px; }
  .rating.c5 {
    background-position: center top 0; }

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

.div-inputs {
  width: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .div-inputs .div-duo-p {
    width: 50%;
    height: auto;
    margin: 0 0;
    padding: 0 0;
    font-size: 1em;
    text-align: center;
    display: inline-block;
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .div-inputs .div-duo-p input[type=text] {
      width: 50% !important; }

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

td.addkg:after {
  content: " kg";
  font-size: 0.9em; }

#nav {
  width: 160px;
  height: auto;
  margin-left: -188px;
  min-height: 100%;
  padding: 10px;
  position: absolute;
  top: 53px;
  left: 0;
  background-color: white;
  font-size: 12px;
  color: white;
  display: block;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  border-top: 2px solid white;
  border-left: 2px solid white; }
  #nav .openMenu {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    position: fixed;
    position: absolute;
    top: 0px;
    left: 132px;
    margin: 0 0 0 30%;
    background-color: #FF5100;
    width: 23px;
    height: auto;
    text-align: center;
    font-size: 24px;
    display: block;
    padding: 15px 10px;
    color: white;
    z-index: 2; }
  #nav ul {
    width: 100%;
    height: auto;
    list-style: none;
    padding-left: 0;
    padding-top: 0; }
    #nav ul li {
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      width: 100%;
      height: auto;
      padding-left: 0;
      -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;
        /* padding-left: 10px; */
        border-radius: 8px;
      }
      #nav ul li.head:hover > a {
        background-color: rgba(255, 128, 0, 1);
        color: #ffff!important;
      }
        #nav ul li.head > a:first-child {
          width: 100%;
          height: 40px;
          display: block;
          padding-top: 10px;
          padding-left: 10px;
          font-size: 13px;
          font-weight: bold;
          line-height: 2em;
          text-transform: uppercase;
          color: #4d4d4d;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
        #nav ul li.activo>a{
          background-color: #ff8000;
          color:#ffffff!important;
        }
        nav ul li.activo>ul{
          /* background-color: rgba( 255,  128,  0, 0.1); */
          background-color: #f7faff;
        }
        #nav ul li.activo > ul > li:not(.level2):hover,
        #nav ul li.activo > ul .level2 li:hover{
          background-color: rgba( 255,  128,  0, 0.5);
        }
        
      #nav ul li.level2 > a:first-child {
        text-transform: uppercase;
        font-weight: normal;
        color: #FF5100;
        font-size: 1.1em;
        vertical-align: middle;
        padding-left: 1% !important; }
        #nav ul li.level2 > a:first-child:before {
          content: " ";
          vertical-align: top; }
      #nav ul li.off {
        background-color: #ff6b26; }

#nav ul li ul {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  width: 100%;
  height: auto;
  max-height: 0;
  color: #4d4d4d;
  -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: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #nav ul li ul a {
    width: 95%;
    padding: 5px 5px !important;
    display: block;
    margin: 0;
    color: #4d4d4d;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#nav ul li a {
  width: 100%;
  margin: 0;
  color: white; }

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

li.user {
  text-align: center !important;
  padding: 0px !important;
  min-height: 55px !important;
  margin-left: -3px; }
  li.user.activo {
    background-color: white !important; }

span#menu {
  display: block;
  font-size: 14px; }

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

td.addkg:after {
  content: " kg";
  font-size: 0.9em; }

.middle-padding {
  padding: 2% 0%; }

.flex-center {
  display: flex !important;
  justify-content: center;
  align-items: center; }

.cont-acceso-rapido {
  background-color: #E8EAF2 !important;
  padding: 10px 0px !important; }

#dashboard {
  display: inline-block;
  position: relative;
  margin: 1% 0%;
  width: 99%;
  padding: 0px 0px 0px 13px;
  height: auto; }
  #dashboard.graficos {
    display: block;
    font-size: 15px;
    line-height: 1em;
    padding: 0px; }
  #dashboard.control {
    font-size: 12px; }

.div-trio {
  display: inline-block;
  position: relative;
  width: 19%;
  min-height: 47px;
  padding: 1% 0%;
  background-color: white;
  box-shadow: 0px 0px 5px 2px rgba(77, 77, 77, 0.12);
  text-align: center;
  border-radius: 10px;
  color: #4d4d4d; }
  .div-trio.left {
    position: relative;
    float: left;
    margin-right: 1%; }
  .div-trio.centro {
    position: relative;
    margin-left: 1%;
    margin-right: 1%; }
  .div-trio.right {
    position: relative;
    float: right;
    margin-left: 1%; }
  .div-trio.reporte {
    width: 40%; }

.mod {
  width: 100%;
  background-color: white;
  color: #4d4d4d; }
  .mod.duo {
    width: 50%;
    float: left;
    margin-left: 5%;
    display: inline-block;
    height: auto;
    text-align: justify; }
  .mod.duo-der {
    width: 40%;
    float: right;
    margin-right: 5%;
    display: inline-block;
    height: auto;
    text-align: right;
    color: #5370D2; }
  .mod label {
    color: #FF5100; }

.tright {
  float: right !important;
  text-align: right;
  padding: 0px 10px 0px 0px;
  line-height: 1.2em; }

.tright2 {
  text-align: center;
  line-height: 1.2em; }
.tright3 {
  text-align: left;
  line-height: 1.2em;
  padding-left: 10px; }
.rigt_eye {
  text-align: right;
  padding-right: 10px; }

.color-indicador {
  font-weight: bold;
  font-size: 13px; }
  .color-indicador.big {
    font-size: 20px; }
  .color-indicador.big2 {
    font-size: 15px; }
  .color-indicador.naranja {
    color: #FF5100; }
  .color-indicador.azul {
    color: #5370D2; }

.color-indicador2 {
  font-size: 13px; }
  .color-indicador2.big2 {
    font-size: 15px; }
  .color-indicador2.azul {
    color: #5370D2; }

.constante-btn, .btn-blue, .btn-downblue {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  padding: 10px 20px !important;
  font-size: 11px;
  float: inherit !important;
  line-height: 1.5em;
  color: white;
  cursor: pointer;
  margin: 5px 15px 5px 0px; }

.btn-blue {
  background-color: #4097DA !important; }
  .btn-blue:hover {
    background-color: #6BBEFF !important; }

.btn-downblue {
  background-color: #50B4E5 !important; }
  .btn-downblue:hover {
    background-color: #3C83A7 !important; }

.indicadores {
  width: 95px;
  height: 95px;
  margin: 5px;
  display: inline-block;
  position: relative; }
  .indicadores span {
    color: white;
    font-weight: bolder;
    font-size: 25px;
    display: block;
    margin: 33px auto; }
  .indicadores.rojo {
    border-radius: 50%;
    background-color: #FF0016; }
  .indicadores.amarillo {
    border-radius: 50%;
    background-color: #FFBA00; }
  .indicadores.verde {
    border-radius: 50%;
    background-color: #86B14E; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

td.addkg:after {
  content: " kg";
  font-size: 0.9em; }

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

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

.cultyvo-evento-volver {
  float: left;
  bottom: -25px;
  display: block;
  position: absolute;
  left: -7px; }

#worksucursal, #tryusuarios, #workempresa {
  float: left;
  width: 200px;
  height: 40px;
  margin-top: -5px; }
  #worksucursal .update, #tryusuarios .update, #workempresa .update {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 3px !important;
    background: transparent url(../images/update-green.png) no-repeat center center;
    background-size: 20px;
    transition: all 0.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 {
      cursor: pointer;
      transform: rotate(180deg); }
  #worksucursal select, #tryusuarios select, #workempresa select {
    background-size: 15px;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

#worknave, #tryuser {
  height: 34px;
  margin-top: 10px;
  margin-left: 15px;
  color: #FF5100; }

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

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

a {
  color: gray; }

form .bloqueform, form.basico .bloqueform {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  position: relative;
  background-color: white;
  padding: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  form .bloqueform .foliopestana, form.basico .bloqueform .foliopestana {
    margin-top: -35px;
    background-color: white;
    display: block;
    color: #4d4d4d;
    padding: 10px 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: -1px; }
  form .bloqueform h4, form .bloqueform h5, form.basico .bloqueform h4, form.basico .bloqueform h5 {
    margin-top: -15px;
    margin-bottom: 6px;
    font-size: 18px;
    color: #4d4d4d; }
  form .bloqueform h5, form.basico .bloqueform h5 {
    margin-top: -6px;
    font-size: 12px;
    font-weight: lighter;
    margin-bottom: 8px; }
  form .bloqueform .edit, form .bloqueform .borrarbloque, form .bloqueform .eliminar, form.basico .bloqueform .edit, form.basico .bloqueform .borrarbloque, form.basico .bloqueform .eliminar {
    display: none;
    position: absolute;
    top: 15px;
    right: 60px;
    font-size: 11px;
    cursor: pointer; }
  form .bloqueform:hover .edit, form .bloqueform:hover .eliminar, form .bloqueform .edit .edit, form .bloqueform .edit .eliminar, form.basico .bloqueform:hover .edit, form.basico .bloqueform:hover .eliminar, form.basico .bloqueform .edit .edit, form.basico .bloqueform .edit .eliminar {
    display: block; }
  form .bloqueform.inside, form.basico .bloqueform.inside {
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }
  form .bloqueform .bloqueform, form.basico .bloqueform .bloqueform {
    background-color: #F7FAFF; }
    form .bloqueform .bloqueform h4, form .bloqueform .bloqueform h5, form.basico .bloqueform .bloqueform h4, form.basico .bloqueform .bloqueform h5 {
      color: #666;
      font-size: 14px; }
    form .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform {
      background-color: white; }
      form .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform {
        background-color: #F7FAFF; }
        form .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform {
          background-color: white; }

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

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

#pestanas {
  float: left;
  clear: both;
  display: block;
  width: 100%;
  padding: 0 20px;
  border-bottom: 5px solid #5370D2;
  width: 96.5%;
  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: #4d4d4d;
    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: #5370D2;
    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.form.small, table.form.small, div.bloqueform.small {
  min-width: 350px;
  width: auto !important;
  max-width: 450px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }
form.basico.full, div.form.basico.full, table.form.basico.full, div.bloqueform.basico.full {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 99%;
  min-height: 99%;
  height: auto;
  top: 0.5%;
  left: 0.5%;
  padding: 80px;
  z-index: 100;
  font-size: 25px; }
  form.basico.full .boton, form.basico.full input[type=submit], div.form.basico.full .boton, div.form.basico.full input[type=submit], table.form.basico.full .boton, table.form.basico.full input[type=submit], div.bloqueform.basico.full .boton, div.bloqueform.basico.full input[type=submit] {
    font-size: 30px;
    -webkit-appearance: none;
    line-height: 50px;
    height: auto; }
  form.basico.full input, form.basico.full select, form.basico.full textarea, form.basico.full label, form.basico.full span.custom-combobox, form.basico.full .custom-combobox-input, div.form.basico.full input, div.form.basico.full select, div.form.basico.full textarea, div.form.basico.full label, div.form.basico.full span.custom-combobox, div.form.basico.full .custom-combobox-input, table.form.basico.full input, table.form.basico.full select, table.form.basico.full textarea, table.form.basico.full label, table.form.basico.full span.custom-combobox, table.form.basico.full .custom-combobox-input, div.bloqueform.basico.full input, div.bloqueform.basico.full select, div.bloqueform.basico.full textarea, div.bloqueform.basico.full label, div.bloqueform.basico.full span.custom-combobox, div.bloqueform.basico.full .custom-combobox-input {
    font-size: 25px !important; }
  form.basico.full input, form.basico.full select, form.basico.full span.custom-combobox, form.basico.full .custom-combobox-input, div.form.basico.full input, div.form.basico.full select, div.form.basico.full span.custom-combobox, div.form.basico.full .custom-combobox-input, table.form.basico.full input, table.form.basico.full select, table.form.basico.full span.custom-combobox, table.form.basico.full .custom-combobox-input, div.bloqueform.basico.full input, div.bloqueform.basico.full select, div.bloqueform.basico.full span.custom-combobox, div.bloqueform.basico.full .custom-combobox-input {
    height: 75px; }
  form.basico.full textarea, div.form.basico.full textarea, table.form.basico.full textarea, div.bloqueform.basico.full textarea {
    height: 200px; }
form.basico, div.form.basico, table.form.basico, div.bloqueform.basico {
  width: 550px;
  height: auto;
  margin: 0 auto 0 auto;
  background-color: #FFFFFF;
  padding: 40px 20px 20px 20px;
  overflow: hidden;
  position: relative; }
form.basico2 {
  width: 550px;
  height: auto;
  margin: 0 auto 0 auto;
  background-color: #f8faff;
  padding: 40px 40px 20px 40px;
  overflow: hidden;
  position: relative; }
  form.basico h3, div.form.basico h3, table.form.basico h3, div.bloqueform.basico h3 {
    margin: -20px 0 20px 0;
    text-transform: uppercase;
    color: #4d4d4d;
    font-weight: lighter;
    font-size: 24px; }
    form.basico h3 .resaltar, div.form.basico h3 .resaltar, table.form.basico h3 .resaltar, div.bloqueform.basico h3 .resaltar {
      color: #f9f9f9; }
  form.basico h4, div.form.basico h4, table.form.basico h4, div.bloqueform.basico h4 {
    margin: 5px 0 0 0;
    line-height: 2.5em;
    color: #20b1c4;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold; }
form p.info, div.form p.info, table.form p.info, div.bloqueform p.info {
  font-size: 11.5px;
  margin: 0 0 10px 0;
  padding: 0 0 5px 30px;
  background: url(../images/normal.png?v3) no-repeat top left;
  line-height: 1.5em;
  clear: both; }
form.basico, div.form.basico, table.form.basico, div.bloqueform.basico {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 4px; }
  form.basico label, div.form.basico label, table.form.basico label, div.bloqueform.basico label {
    width: 25%;
    height: 35px;
    float: left;
    padding: 2px 15px 3px 0;
    margin: 3px 0 0 0;
    font-size: 12px;
    text-align: right;
    font-weight: bold;
    line-height: 2.6em;
    clear: left;
    position: relative;
    color: white;
    background-color: #666666 !important; }
    form.basico label.half, div.form.basico label.half, table.form.basico label.half, div.bloqueform.basico label.half {
      width: 40%; }
    form.basico label.duo, div.form.basico label.duo, table.form.basico label.duo, div.bloqueform.basico label.duo {
      width: 15%; }
    form.basico label.lduo, div.form.basico label.lduo, table.form.basico label.lduo, div.bloqueform.basico label.lduo {
      clear: none; }
    form.basico label.trio:not(.radio), div.form.basico label.trio:not(.radio), table.form.basico label.trio:not(.radio), div.bloqueform.basico label.trio:not(.radio) {
      clear: none;
      width: 11%;
      margin-left: 10px; }
    form.basico label.right-side, div.form.basico label.right-side, table.form.basico label.right-side, div.bloqueform.basico label.right-side {
      float: right;
      clear: right;
      text-align: left;
      padding: 3px 0 3px 7px; }
    form.basico label.red, div.form.basico label.red, table.form.basico label.red, div.bloqueform.basico label.red {
      background-color: red !important;
      color: white; }
    form.basico label.green, div.form.basico label.green, table.form.basico label.green, div.bloqueform.basico label.green {
      background-color: limegreen !important;
      color: white; }
    form.basico label.orange, div.form.basico label.orange, table.form.basico label.orange, div.bloqueform.basico label.orange {
      background-color: orange !important;
      color: white; }
form.filtros_ label, div.form.filtros_ label, table.form.filtros_ label, div.bloqueform.filtros_ label {
  background-color: rgba(255, 255, 255, 0.3);
  width: 25% !important; }
form input, form textarea, form select, form span.custom-combobox, form .custom-combobox-input, div.form input, div.form textarea, div.form select, div.form span.custom-combobox, div.form .custom-combobox-input, table.form input, table.form textarea, table.form select, table.form span.custom-combobox, table.form .custom-combobox-input, div.bloqueform input, div.bloqueform textarea, div.bloqueform select, div.bloqueform span.custom-combobox, div.bloqueform .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.login{
  width: 90%;
  border: none;
  height: 40px;
  padding: 3px 10px;
  margin: 5px 0 0 0;
  background-color: #f8faff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px; 
  border-radius: 5px;
  border: 1px solid #d9d9d9;
}
  form input.half, form textarea.half, form select.half, form span.custom-combobox.half, form .custom-combobox-input.half, div.form input.half, div.form textarea.half, div.form select.half, div.form span.custom-combobox.half, div.form .custom-combobox-input.half, table.form input.half, table.form textarea.half, table.form select.half, table.form span.custom-combobox.half, table.form .custom-combobox-input.half, div.bloqueform input.half, div.bloqueform textarea.half, div.bloqueform select.half, div.bloqueform span.custom-combobox.half, div.bloqueform .custom-combobox-input.half {
    width: 35%;
    margin-right: 35%; }
  form input.trio, form textarea.trio, form select.trio, form span.custom-combobox.trio, form .custom-combobox-input.trio, div.form input.trio, div.form textarea.trio, div.form select.trio, div.form span.custom-combobox.trio, div.form .custom-combobox-input.trio, table.form input.trio, table.form textarea.trio, table.form select.trio, table.form span.custom-combobox.trio, table.form .custom-combobox-input.trio, div.bloqueform input.trio, div.bloqueform textarea.trio, div.bloqueform select.trio, div.bloqueform span.custom-combobox.trio, div.bloqueform .custom-combobox-input.trio {
    margin-right: 1%;
    width: 20%; }
  form input.duo, form textarea.duo, form select.duo, form span.custom-combobox.duo, form .custom-combobox-input.duo, div.form input.duo, div.form textarea.duo, div.form select.duo, div.form span.custom-combobox.duo, div.form .custom-combobox-input.duo, table.form input.duo, table.form textarea.duo, table.form select.duo, table.form span.custom-combobox.duo, table.form .custom-combobox-input.duo, div.bloqueform input.duo, div.bloqueform textarea.duo, div.bloqueform select.duo, div.bloqueform span.custom-combobox.duo, div.bloqueform .custom-combobox-input.duo {
    margin-right: 1%;
    width: 23.55%; }
    form input.duo.half, form textarea.duo.half, form select.duo.half, form span.custom-combobox.duo.half, form .custom-combobox-input.duo.half, div.form input.duo.half, div.form textarea.duo.half, div.form select.duo.half, div.form span.custom-combobox.duo.half, div.form .custom-combobox-input.duo.half, table.form input.duo.half, table.form textarea.duo.half, table.form select.duo.half, table.form span.custom-combobox.duo.half, table.form .custom-combobox-input.duo.half, div.bloqueform input.duo.half, div.bloqueform textarea.duo.half, div.bloqueform select.duo.half, div.bloqueform span.custom-combobox.duo.half, div.bloqueform .custom-combobox-input.duo.half {
      margin-right: 2%;
      width: 40%; }
  form input.cuatrocinco, form textarea.cuatrocinco, form select.cuatrocinco, form span.custom-combobox.cuatrocinco, form .custom-combobox-input.cuatrocinco, div.form input.cuatrocinco, div.form textarea.cuatrocinco, div.form select.cuatrocinco, div.form span.custom-combobox.cuatrocinco, div.form .custom-combobox-input.cuatrocinco, table.form input.cuatrocinco, table.form textarea.cuatrocinco, table.form select.cuatrocinco, table.form span.custom-combobox.cuatrocinco, table.form .custom-combobox-input.cuatrocinco, div.bloqueform input.cuatrocinco, div.bloqueform textarea.cuatrocinco, div.bloqueform select.cuatrocinco, div.bloqueform span.custom-combobox.cuatrocinco, div.bloqueform .custom-combobox-input.cuatrocinco {
    width: 44%;
    margin-right: 25%; }
  form input.cincocinco, form textarea.cincocinco, form select.cincocinco, form span.custom-combobox.cincocinco, form .custom-combobox-input.cincocinco, div.form input.cincocinco, div.form textarea.cincocinco, div.form select.cincocinco, div.form span.custom-combobox.cincocinco, div.form .custom-combobox-input.cincocinco, table.form input.cincocinco, table.form textarea.cincocinco, table.form select.cincocinco, table.form span.custom-combobox.cincocinco, table.form .custom-combobox-input.cincocinco, div.bloqueform input.cincocinco, div.bloqueform textarea.cincocinco, div.bloqueform select.cincocinco, div.bloqueform span.custom-combobox.cincocinco, div.bloqueform .custom-combobox-input.cincocinco {
    width: 55%;
    margin-right: 15%; }
  form input.right-side, form textarea.right-side, form select.right-side, form span.custom-combobox.right-side, form .custom-combobox-input.right-side, div.form input.right-side, div.form textarea.right-side, div.form select.right-side, div.form span.custom-combobox.right-side, div.form .custom-combobox-input.right-side, table.form input.right-side, table.form textarea.right-side, table.form select.right-side, table.form span.custom-combobox.right-side, table.form .custom-combobox-input.right-side, div.bloqueform input.right-side, div.bloqueform textarea.right-side, div.bloqueform select.right-side, div.bloqueform span.custom-combobox.right-side, div.bloqueform .custom-combobox-input.right-side {
    float: right;
    clear: left; }
    form input.right-side.half, form textarea.right-side.half, form select.right-side.half, form span.custom-combobox.right-side.half, form .custom-combobox-input.right-side.half, div.form input.right-side.half, div.form textarea.right-side.half, div.form select.right-side.half, div.form span.custom-combobox.right-side.half, div.form .custom-combobox-input.right-side.half, table.form input.right-side.half, table.form textarea.right-side.half, table.form select.right-side.half, table.form span.custom-combobox.right-side.half, table.form .custom-combobox-input.right-side.half, div.bloqueform input.right-side.half, div.bloqueform textarea.right-side.half, div.bloqueform select.right-side.half, div.bloqueform span.custom-combobox.right-side.half, div.bloqueform .custom-combobox-input.right-side.half {
      margin-right: 0;
      margin-left: 35%; }
    form input.right-side.duo, form textarea.right-side.duo, form select.right-side.duo, form span.custom-combobox.right-side.duo, form .custom-combobox-input.right-side.duo, div.form input.right-side.duo, div.form textarea.right-side.duo, div.form select.right-side.duo, div.form span.custom-combobox.right-side.duo, div.form .custom-combobox-input.right-side.duo, table.form input.right-side.duo, table.form textarea.right-side.duo, table.form select.right-side.duo, table.form span.custom-combobox.right-side.duo, table.form .custom-combobox-input.right-side.duo, div.bloqueform input.right-side.duo, div.bloqueform textarea.right-side.duo, div.bloqueform select.right-side.duo, div.bloqueform span.custom-combobox.right-side.duo, div.bloqueform .custom-combobox-input.right-side.duo {
      margin-right: 0;
      margin-left: 2%; }
    form input.right-side.cincocinco, form textarea.right-side.cincocinco, form select.right-side.cincocinco, form span.custom-combobox.right-side.cincocinco, form .custom-combobox-input.right-side.cincocinco, div.form input.right-side.cincocinco, div.form textarea.right-side.cincocinco, div.form select.right-side.cincocinco, div.form span.custom-combobox.right-side.cincocinco, div.form .custom-combobox-input.right-side.cincocinco, table.form input.right-side.cincocinco, table.form textarea.right-side.cincocinco, table.form select.right-side.cincocinco, table.form span.custom-combobox.right-side.cincocinco, table.form .custom-combobox-input.right-side.cincocinco, div.bloqueform input.right-side.cincocinco, div.bloqueform textarea.right-side.cincocinco, div.bloqueform select.right-side.cincocinco, div.bloqueform span.custom-combobox.right-side.cincocinco, div.bloqueform .custom-combobox-input.right-side.cincocinco {
      margin-right: 0;
      margin-left: 15%; }
  form input.no-right, form textarea.no-right, form select.no-right, form span.custom-combobox.no-right, form .custom-combobox-input.no-right, div.form input.no-right, div.form textarea.no-right, div.form select.no-right, div.form span.custom-combobox.no-right, div.form .custom-combobox-input.no-right, table.form input.no-right, table.form textarea.no-right, table.form select.no-right, table.form span.custom-combobox.no-right, table.form .custom-combobox-input.no-right, div.bloqueform input.no-right, div.bloqueform textarea.no-right, div.bloqueform select.no-right, div.bloqueform span.custom-combobox.no-right, div.bloqueform .custom-combobox-input.no-right {
    margin-right: 0 !important; }
  form input.big, form textarea.big, form select.big, form span.custom-combobox.big, form .custom-combobox-input.big, div.form input.big, div.form textarea.big, div.form select.big, div.form span.custom-combobox.big, div.form .custom-combobox-input.big, table.form input.big, table.form textarea.big, table.form select.big, table.form span.custom-combobox.big, table.form .custom-combobox-input.big, div.bloqueform input.big, div.bloqueform textarea.big, div.bloqueform select.big, div.bloqueform span.custom-combobox.big, div.bloqueform .custom-combobox-input.big {
    font-size: 25px; }
form .custom-combobox-input, div.form .custom-combobox-input, table.form .custom-combobox-input, div.bloqueform .custom-combobox-input {
  margin: 0; }
form select, form span.custom-combobox, form .custom-combobox-input, div.form select, div.form span.custom-combobox, div.form .custom-combobox-input, table.form select, table.form span.custom-combobox, table.form .custom-combobox-input, div.bloqueform select, div.bloqueform span.custom-combobox, div.bloqueform .custom-combobox-input {
  -webkit-appearance: none;
  background: #F1F1F2 url(../images/select.png?v1) no-repeat center right 8px;
  border-radius: 0;
  position: relative;
  background-size: 15px; }
  form select.picker__select--year, form select.picker__select--month, form span.custom-combobox.picker__select--year, form span.custom-combobox.picker__select--month, form .custom-combobox-input.picker__select--year, form .custom-combobox-input.picker__select--month, div.form select.picker__select--year, div.form select.picker__select--month, div.form span.custom-combobox.picker__select--year, div.form span.custom-combobox.picker__select--month, div.form .custom-combobox-input.picker__select--year, div.form .custom-combobox-input.picker__select--month, table.form select.picker__select--year, table.form select.picker__select--month, table.form span.custom-combobox.picker__select--year, table.form span.custom-combobox.picker__select--month, table.form .custom-combobox-input.picker__select--year, table.form .custom-combobox-input.picker__select--month, div.bloqueform select.picker__select--year, div.bloqueform select.picker__select--month, div.bloqueform span.custom-combobox.picker__select--year, div.bloqueform span.custom-combobox.picker__select--month, div.bloqueform .custom-combobox-input.picker__select--year, div.bloqueform .custom-combobox-input.picker__select--month {
    float: left;
    font-size: 12px;
    height: 30px !important;
    border: 1px solid #f0f0f0 !important;
    -webkit-border-top-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    border-top-right: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-bottom-right: 0 !important;
    background-size: 14px;
    margin-left: 10px; }
  form select.picker__select--year, form span.custom-combobox.picker__select--year, form .custom-combobox-input.picker__select--year, div.form select.picker__select--year, div.form span.custom-combobox.picker__select--year, div.form .custom-combobox-input.picker__select--year, table.form select.picker__select--year, table.form span.custom-combobox.picker__select--year, table.form .custom-combobox-input.picker__select--year, div.bloqueform select.picker__select--year, div.bloqueform span.custom-combobox.picker__select--year, div.bloqueform .custom-combobox-input.picker__select--year {
    margin-left: 100px !important; }

@media (max-width: 500px) {
  form.basico.full {
    padding: 80px 30px; }
    form.basico.full .boton {
      font-size: 20px; }
    form.basico.full input, form.basico.full select, form.basico.full textarea, form.basico.full span.custom-combobox, form.basico.full .custom-combobox-input {
      width: 100%; } }
table td select, table td input, table td textarea {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
  height: 25px !important;
  padding: 5px 3px;
  font-size: 10px; }
  table td select:disabled, table td input:disabled, table td textarea:disabled {
    font-size: 10px !important; }
    table td select:disabled.big, table td input:disabled.big, table td textarea:disabled.big {
      font-size: 25px !important; }
  table td select.codigo, table td input.codigo, table td textarea.codigo {
    font-size: 11px !important; }

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

form.basico label.masuno {
  width: 25%;
  padding: 3px 10px 3px 0; }
form.basico select.masuno {
  width: 57%;
  padding: 3px 0 3px 10px; }
form.basico.cotizacion, form.basico.medium {
  width: 100%;
  max-width: 750px; }
  form.basico.cotizacion.big, form.basico.medium.big {
    max-width: 900px; }
  form.basico.cotizacion.biger, form.basico.medium.biger {
    max-width: 1024px !important; }
  form.basico.cotizacion.biggger, form.basico.medium.biggger {
    width: 100%;
    min-width: 90% !important;
    max-width: 1280px !important; }
form.basico.big {
  width: 900px; }
form.basico.big2 {
  width: 1000px; }
form.basico.biger {
  width: 1024px !important; }
form.basico.plomo {
  background-color: #999; }
  form.basico.plomo h3.fnombre {
    color: white; }
  form.basico.plomo a {
    color: #ccc; }
  form.basico.plomo .bloqueform .bloqueform {
    background-color: #fcfcfc; }
    form.basico.plomo .bloqueform .bloqueform .bloqueform {
      background-color: #f0f0f0; }
form p.infocliente {
  font-size: 12px;
  margin: 5px 0 20px 0;
  padding: 10px 0 10px 30px;
  background: url(../images/info.png?v2) no-repeat top 11px left 7px;
  line-height: 1.5em;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  clear: both; }

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

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

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

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

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

@media only screen and (min-width: 1025px) {
  form.detpro {
    margin-right: 20px; }
    form.detpro.code {
      margin-right: 180px; } }
p.startinit {
  text-align: center;
  width: 100%;
  float: left;
  margin: 5px; }
  p.startinit a {
    display: inline-block;
    padding: 40px 30px;
    border-radius: 100px;
    background-color: limegreen;
    font-size: 14px;
    color: white;
    cursor: pointer; }
    p.startinit a:hover {
      background-color: #5bd75b; }
    p.startinit a.stop {
      padding: 35px 20px;
      background-color: red; }
      p.startinit a.stop:hover {
        background-color: #ff3333; }

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

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

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

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

.categoria {
  width: 35%; }

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

h4 .boton {
  font-size: 11px;
  float: inherit !important;
  padding: 4px 8px 2px 8px !important;
  line-height: 1.5em;
  background-color: ColorSec;
  margin-top: -7px !important; }

h2 .boton {
  margin-top: -8px !important; }

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

div .not p a {
  font-size: 10px;
  float: none;
  text-transform: none;
  text-decoration: none;
  padding: 3px 8px 2px 25px;
  background-color: white;
  color: #333;
  border: 1px solid #999;
  margin-left: 10px;
  float: right;
  padding-left: 8px;
  margin-top: 10px; }

h4 a:hover, div .not p a:hover {
  background-color: #E5EAEA; }

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

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

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

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

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

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

form input[type=submit], form .boton.botonaccion, form.basico input[type=submit], form.basico .boton.botonaccion {
  text-transform: uppercase;
  /* padding: 10px 9px !important; */
  /* height: auto !important; */
  /* border-left: 1px solid #ff621a; */
  /* border-top: 1px solid #ff621a; */
  background-color: #FF5100 !important;
  float: right; }
  form input[type=submit].left, form .boton.botonaccion.left, form.basico input[type=submit].left, form.basico .boton.botonaccion.left {
    background-color: #666 !important;
    border-left: #666;
    border-top: #666;
    color: white;
    float: left; }
    form input[type=submit].left:hover, form .boton.botonaccion.left:hover, form.basico input[type=submit].left:hover, form.basico .boton.botonaccion.left:hover {
      border-left: 1px solid #cc4100;
      border-top: 1px solid #cc4100; }
  form input[type=submit]:hover, form .boton.botonaccion:hover, form.basico input[type=submit]:hover, form.basico .boton.botonaccion:hover {
    background-color: white !important;
    color: #FF5100;
    border-right: 1px solid #cc4100;
    border-bottom: 1px solid #cc4100; }

form.basico input[type=submit]:disabled  {
  cursor: none; }
form.basico textarea {
  height: 100px; }
form.basico input:disabled, form.basico textarea:disabled, form.basico select:disabled {
  background-color: rgba(0, 0, 0, 0.02);
  color: black;
  font-size: 11.5px;
  cursor: default;
  background-image: url(../images/disabled.png);
  background-repeat: no-repeat;
  background-position: top 2px right 2px;
  background-size: 6px; }
  form.basico input:disabled.big, form.basico textarea:disabled.big, form.basico select:disabled.big {
    font-size: 25px !important; }
form.basico input.codigo {
  border: 1px solid #f0f0f0;
  font-weight: 500;
  font-size: 13px;
  border: 2px solid #999; }
form.notificacion {
  background-color: #f0f0f0;
  position: relative;
  padding: 80px 30px 20px 30px; }
  form.notificacion h3 {
    font-weight: 400;
    margin: 0 0 30px 0; }
  form.notificacion .fecha {
    position: absolute;
    top: 15px;
    right: 15px; }
  form.notificacion p {
    padding: 20px 0;
    font-size: 15px;
    line-height: 1.5em; }
form p.totales {
  font-size: 19px;
  text-align: right;
  margin-top: 20px; }
  form p.totales small {
    font-size: 0.6em;
    margin-left: 10px; }
    form p.totales small.dos {
      font-size: 0.8em;
      color: #666; }
form.reporte {
  background-color: white;
  padding-top: 10px;
  min-width: 750px;
  position: relative; }
  form.reporte h3 {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
    text-align: right; }
  form.reporte h4.titulo {
    margin-top: 30px;
    color: #878787; }
  form.reporte .fecha {
    position: absolute;
    top: 60px;
    right: 15px; }

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

form .boton.cancelar, form .boton.cancel, form .boton.borrar {
  float: left;
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: red; }
  form .boton.cancelar.green, form .boton.cancel.green, form .boton.borrar.green {
    background-color: ColorSec !important; }
    form .boton.cancelar.green:hover, form .boton.cancel.green:hover, form .boton.borrar.green:hover {
      background-color: olivedrab; }
form .boton.red {
  background-color: red; }
  form .boton.red:hover {
    background-color: crimson; }
form .boton.green {
  background-color: ColorSec !important; }
  form .boton.green:hover {
    background-color: olivedrab; }
form .boton.orange {
  background-color: orange; }
  form .boton.orange:hover {
    background-color: darkorange; }
form .boton.lightgreen {
  background-color: skyblue; }

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

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

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

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

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

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

.archivosCapturables {
  position: relative;
  clear: both;
  text-align: center; }
  .archivosCapturables .boton {
    float: none;
    display: inline-block; }

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

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

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

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

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

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

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

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

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

form input[type=checkbox], form input[type=radio] {
  display: none; }
form div.radiobox {
  float: left;
  position: relative;
  width: 25%;
  display: block;
  height: 35px;
  margin-top: 3px;
  margin-left: 1px; }
  form div.radiobox.activo > label.radio, form div.radiobox.activo > label.checkbox {
    background-color: #ff5100 !important; }
form label.radio, form label.checkbox {
  width: 100% !important;
  display: block;
  position: relative;
  padding-left: 32px;
  margin: 0 1px;
  font-weight: lighter;
  text-align: left;
  padding-top: 1px;
  color: white;
  background-color: #ff8000 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
form label.radio {
  background-color: #ff5100 !important; }
  form label.radio span {
    background: white;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: 6px;
    top: 6px;
    z-index: 2;
    border: 1px solid #ff5100;
    padding: 0;
    margin: 2px 3px 0 0 !important;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    -webkit-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); }
form div.radiobox.activo > label.radio {
  background-color: #424242 !important;
  color: white; }
  form div.radiobox.activo > label.radio span {
    background: rgba(255, 255, 255, 0.9) url(../images/good.png) no-repeat center center;
    background-size: 12px;
    box-shadow: none; }
form label.radio input:checked {
  background-color: #D40C1F; }
form label.checkbox {
  border: 1px solid #ff8000; }
  form label.checkbox input:checked {
    background-color: #D40C1F; }
  form 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 {
  background: rgba(255, 255, 255, 0.9) url(../images/good.png) no-repeat center center;
  background-size: 15px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
form small {
  font-size: 0.7em; }

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

form.basico.smallinput input, div.smallinput input, form.basico.smallinput textarea, div.smallinput textarea, form.basico.smallinput select, div.smallinput select, form.basico.smallinput label, div.smallinput label, form.basico.smallinput span.custom-combobox, div.smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, div.smallinput .custom-combobox-input {
  height: 27px;
  /* margin: 1px 0 !important; */
  font-size: 11px !important; }
form.basico.smallinput select, div.smallinput select, form.basico.smallinput span.custom-combobox, div.smallinput span.custom-combobox, form.basico.smallinput .custom-combobox-input, div.smallinput .custom-combobox-input {
  background-size: 15px; }
  form.basico.smallinput select.picker__select--year, div.smallinput select.picker__select--year, form.basico.smallinput select.picker__select--month, div.smallinput select.picker__select--month, form.basico.smallinput span.custom-combobox.picker__select--year, div.smallinput span.custom-combobox.picker__select--year, form.basico.smallinput span.custom-combobox.picker__select--month, div.smallinput span.custom-combobox.picker__select--month, form.basico.smallinput .custom-combobox-input.picker__select--year, div.smallinput .custom-combobox-input.picker__select--year, form.basico.smallinput .custom-combobox-input.picker__select--month, div.smallinput .custom-combobox-input.picker__select--month {
    margin-top: -4px !important;
    margin-bottom: 10px !important; }
  form.basico.smallinput select.picker__select--year, div.smallinput select.picker__select--year, form.basico.smallinput span.custom-combobox.picker__select--year, div.smallinput span.custom-combobox.picker__select--year, form.basico.smallinput .custom-combobox-input.picker__select--year, div.smallinput .custom-combobox-input.picker__select--year {
    margin-left: 90px !important; }
form.basico.smallinput label, div.smallinput label {
  line-height: 1.9em; }
  form.basico.smallinput label.radio span, div.smallinput label.radio span {
    top: 2px;
    width: 12px;
    height: 12px;
    background-size: 10px; }
  form.basico.smallinput label.checkbox span, div.smallinput label.checkbox span {
    top: 2px;
    width: 12px;
    height: 12px;
    background-size: 10px;
    top: 3px; }
form.basico.smallinput div.radiobox, div.smallinput div.radiobox {
  height: 25px;
  margin: 0 0; }
form.basico.smallinput input.falsemin, div.smallinput input.falsemin, form.basico.smallinput textarea.falsemin, div.smallinput textarea.falsemin, form.basico.smallinput select.falsemin, div.smallinput select.falsemin, form.basico.smallinput label.falsemin, div.smallinput label.falsemin {
  height: 30px;
  margin: 10px 0 0 5px;
  padding: 8px 7px 8px 7px; }
form.smallinput input[type=submit].falsemin, div.smallinput input[type=submit].falsemin {
  height: 30px;
  margin: 10px 0 0 5px;
  padding: 8px 7px 8px 7px; }
form.basico.left {
  float: left;
  clear: none;
  width: 68.3%; }
  form.basico.left.fclientes {
    height: auto; }
  form.basico.left.fprendas {
    height: auto;
    padding-top: 25px;
    margin-top: -235px;
    margin-bottom: 10px; }
    form.basico.left.fprendas h4 {
      line-height: 1em; }
form.basico.left-help {
  float: left;
  clear: none;
  width: 250px;
  height: auto;
  margin-left: 10px;
  margin-bottom: 10px; }
  form.basico.left-help label {
    width: 40%; }
  form.basico.left-help input, form.basico.left-help textarea, form.basico.left-help select, form.basico.left-help span.custom-combobox, form.basico.left-help .custom-combobox-input {
    width: 60%; }

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

.smallinput th a.added {
  right: 0;
  width: 18px;
  height: 18px;
  opacity: 1;
  background: transparent url(../images/varios/addw.png) no-repeat center center;
  margin: 0;
  padding: 2px;
  background-size: 12px; }
  .smallinput th a.added:hover {
    background-size: 17px; }

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

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

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

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

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

.topRight, .topright {
  top: 15px;
  right: 30px;
  color: #f8faff;
  font-weight: 500; }
  .topRight small, .topright small {
    font-size: 14px;
    text-transform: uppercase; }
    .topRight small.small, .topright small.small {
      font-size: 18px; }
      .topRight small.small b, .topright small.small b {
        color: black; }
  .topRight span.folio, .topright span.folio {
    color: #20b1c4;
    font-size: 20px; }

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

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

@media (max-width: 768px) {
  .det-element.big {
    width: 100%; } }
form.basico.filtro-normal {
  width: 80%;
  padding-top: 20px;
  margin-bottom: 20px; }
form.basico.filtro-small {
  width: 80%;
  padding-top: 20px;
  margin-bottom: 20px; }

.title-number, form.filtros_ .abrircerrar {
  width: 35px;
  height: 35px;
  background-color: #FF5100;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  display: block;
  position: absolute;
  top: 30px;
  left: 15px;
  color: white;
  font-size: 25px;
  font-weight: bold;
  text-align: center; }

form.filtros_ {
  background-color: #F7FAFF !important;
  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: 96.5%;
  margin: 0 1%;
  padding: 0 20px 10px 20px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important; }
  form.filtros_ h4 {
    padding: 0;
    font-size: 20px !important;
    line-height: 2em !important;
    color: #4d4d4d; }
  form.filtros_ .abrircerrar {
    margin-right: 10px;
    display: inline-block;
    position: inherit;
    background-image: url(../images/less-white.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }
  form.filtros_.closed {
    max-height: 35px;
    overflow: hidden; }
    form.filtros_.closed .abrircerrar {
      background-image: url(../images/plus-white.png); }
  form.filtros_.show {
    background-image: url(../images/less-white.png);
    position: inherit;
    max-height: 1000px;
    background-color: #f0f0f0; }

.archivosCapturables {
  position: relative;
  clear: both;
  text-align: center; }
  .archivosCapturables .boton {
    float: none;
    display: inline-block; }

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

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

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

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

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

.orange {
  color: orange; }

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

#bitacora .contenedor {
  width: 100%;
  margin-top: 10%; }
#bitacora .cancelar {
  bottom: 80px; }

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

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

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

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

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

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

.colorBox {
  position: relative;
  float: right;
  height: 57px;
  width: 75px;
  top: 10px;
  right: 0;
  margin-right: -15px; }
  .colorBox.fullwidth {
    height: 30px;
    width: 100%; }
  .colorBox .colorSelect {
    cursor: pointer;
    width: 12px;
    height: 12px;
    display: block;
    background-color: #ebebeb;
    float: left;
    border: 4px solid #f0f0f0;
    margin: 2.5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px; }
    .colorBox .colorSelect.activo, .colorBox .colorSelect:hover {
      width: 20px;
      height: 20px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      border-radius: 10px;
      border: none; }
    .colorBox .colorSelect.rosa {
      background-color: #ffaab9; }
    .colorBox .colorSelect.verde {
      background-color: limegreen; }
    .colorBox .colorSelect.azul {
      background-color: #71c5e7; }
    .colorBox .colorSelect.naranja {
      background-color: orange; }
    .colorBox .colorSelect.gris {
      background-color: #ebebeb; }
    .colorBox .colorSelect.rojo {
      background-color: red; }
    .colorBox .colorSelect.linea {
      background-color: #268aa0; }
    .colorBox .colorSelect.linea1 {
      background-color: #40a7ad; }
    .colorBox .colorSelect.linea2 {
      background-color: #A1B584; }
    .colorBox .colorSelect.linea3 {
      background-color: #C3846A; }
    .colorBox .colorSelect.linea4 {
      background-color: #ED3567; }
    .colorBox .colorSelect.linea5 {
      background-color: #222943; }

span.rosa {
  color: #ffaab9; }
span.azul {
  color: #71c5e7; }

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

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

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

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

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

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

#tcompra label {
  width: 40%;
  margin-left: 7%; }
#tcompra input[type=text] {
  width: 53%;
  text-align: right; }

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

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

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

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

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

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

.asignacion-usuarios {
  width: 100%;
  padding: 10px 10px 15px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ededed;
  display: block;
  height: auto;
  overflow: hidden;
  margin: 5px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .asignacion-usuarios .avatar-holder {
    width: 60px;
    max-width: 120px;
    height: 80px;
    display: block;
    float: left;
    position: relative; }
    .asignacion-usuarios .avatar-holder .avatar {
      width: 35px;
      height: 35px;
      overflow: hidden;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      margin: 5px auto;
      border: 2px solid white; }
      .asignacion-usuarios .avatar-holder .avatar img {
        width: 100%; }
    .asignacion-usuarios .avatar-holder h4 {
      width: 100%;
      font-size: 11px;
      font-weight: bold;
      margin: 0 auto;
      color: black;
      text-align: center; }
      .asignacion-usuarios .avatar-holder h4.small {
        font-weight: lighter !important;
        font-size: 10px !important;
        color: #666 !important; }
  .asignacion-usuarios .proyectos-holder {
    width: 75%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 15px;
    display: block;
    overflow: hidden; }
    .asignacion-usuarios .proyectos-holder .proyecto {
      background-color: white;
      width: auto;
      height: 24px;
      font-size: 11.5px;
      float: left;
      margin: 3px;
      padding: 4px 9px 4px 9px;
      overflow: hidden;
      color: white;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      position: relative;
      display: block;
      padding-right: 35px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .asignacion-usuarios .proyectos-holder .proyecto small {
        font-size: 8px;
        margin-top: -3px; }
      .asignacion-usuarios .proyectos-holder .proyecto .remover {
        float: right;
        margin-right: -3px;
        height: 25px;
        width: 20px;
        display: block;
        font-size: 14px;
        font-weight: bold;
        display: none;
        text-align: center;
        line-height: 1.5em; }
        .asignacion-usuarios .proyectos-holder .proyecto .remover.activo {
          display: block;
          color: white; }
          .asignacion-usuarios .proyectos-holder .proyecto .remover.activo:hover {
            background-color: red;
            color: white; }

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

form.basico.compras {
  background: white;
  position: relative;
  float: left;
  margin: 0% 1%;
  width: 95%; }

div.bloqueform div.w50 {
  width: 50%; }
  div.bloqueform div.w50 label {
    width: 50%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg, .mfp-zoom .mfp-container, .mfp-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
.mfp-with-zoom.mfp-ready .mfp-container, .mfp-zoom.mfp-ready .mfp-container {
  opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg, .mfp-zoom.mfp-ready.mfp-bg {
  opacity: 0.3;
  filter: alpha(opacity=30); }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg, .mfp-zoom.mfp-removing .mfp-container, .mfp-zoom.mfp-removing.mfp-bg {
  opacity: 0; }

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

td.addkg:after {
  content: " kg";
  font-size: 0.9em; }

p {
  color: #127577;
  font-size: 18px;
  padding: 1.5%; }

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

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

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

.cont-acceso-rapido {
  width: 100%;
  display: block;
  float: left;
  background-color: white;
  position: relative;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .cont-acceso-rapido .titulo-accesos {
    width: 100%;
    height: 60px;
    background-color: #F7FAFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

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

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

  span.text-monto {
    font-size: 11px; } }
#line-template {
  display: none; }

section.pop div.table {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 20px; }
section.infinitywidth div.table {
  min-height: 600px; }
  section.infinitywidth div.table.no-min {
    min-height: inherit; }

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

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

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

table.fixed {
  table-layout: fixed; }

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

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

a.accion img {
  width: 20px; }

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

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

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

table {
  border-spacing: 1px;
  border-collapse: separate; }
  table tbody td, table thead th {
    border-top: none; }
  table th:last-child {
    border-right: none; }
  table thead th, table th {
    font-weight: bold;
    position: relative;
    font-size: 12px;
    text-align: center;
    background-color: #E0A700;
    color: white;
    padding: 6px 3px;
    text-transform: uppercase; }
    table thead th.resaltar, table th.resaltar {
      background-color: rgba(0, 0, 0, 0.06) !important; }
    table thead th.importante, table th.importante {
      background-color: rgba(0, 0, 0, 0.02) !important; }
  table td:not(.merged).resaltar, table tbody td:not(.merged).resaltar {
    background-color: rgba(0, 0, 0, 0.06) !important; }
  table td:not(.merged).importantef, table tbody td:not(.merged).importantef {
    background-color: rgba(0, 0, 0, 0.02) !important; }
  table td.transparent, table tbody td.transparent {
    background-color: transparent !important; }
  table tbody tr {
    background-color: white; }
    table tbody tr:nth-child(odd) {
      background-color: rgba(69, 69, 69, 0.5); }
      table tbody tr:nth-child(odd) td:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.7); }
  table td {
    font-size: 11px;
    font-weight: 400;
    padding: 2px 3px;
    background-color: rgba(255, 255, 255, 0.85) !important; }
    table td.merged {
      background-image: url(../images/merge-op.png);
      background-position: center left 51%;
      background-repeat: no-repeat;
      background-size: 20px; }
    table td:first-child {
      font-weight: 500; }
    table td a {
      color: #0d64b2; }
      table td a:hover {
        color: #041d33; }
    table td b {
      font-size: 1.1em;
      font-weight: 700; }
    table td.input {
      padding: 1px;
      vertical-align: top; }
    table td:nth-child(odd) {
      background-color: rgba(255, 255, 255, 0.9) !important; }
    table td.topline {
      border-top: 1px solid black; }

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

.alignleft {
  text-align: left; }

.mayus {
  text-transform: uppercase; }

.dtticons {
  width: 10px; }

.red {
  color: #e30a18; }

.naranja {
  color: #FF5100; }

.redredf {
  color: red; }

.green {
  color: #00CC00; }

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

p.paginado {
  text-align: center;
  color: #999;
  font-size: 13px; }
  p.paginado a {
    color: blue; }

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

.dtticons {
  width: 10px; }

img.edit {
  width: 20px; }

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

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

p.paginado {
  text-align: center;
  color: #999;
  font-size: 13px; }
  p.paginado a {
    color: blue; }

table tr.lineadeTotal td {
  font-size: 12px;
  border-top: 1px solid #ccc !important;
  border-bottom: 15px solid white !important;
  background-color: white; }
  table tr.lineadeTotal td.entradasysalidasde:before {
    content: ""; }
table tr.lineadeTotal.grand td {
  border-bottom: 25px solid white !important; }
  table tr.lineadeTotal.grand td:first-child {
    border-top: 1px solid transparent !important; }
table#items {
  border: none;
  background: black;
  background: rgba(0, 0, 0, 0.02); }
  table#items th {
    border: none; }
  table#items td {
    border: none;
    border-bottom: 1px solid #E5EAEA; }
table.log tbody td {
  padding: 3px 2px;
  font-size: 11px;
  font-family: "Helvetica", Arial, sans-serif; }
table.log .fecha {
  min-width: 130px; }
table.nuevaprenda {
  background: transparent; }
  table.nuevaprenda thead tr th  {
    background-color: black !important;
    color: white; }
table .medida {
  background-repeat: no-repeat;
  background-position: left 2px center;
  background-size: 15px;
  padding-left: 15px; }
  table .medida.money {
    text-align: right !important; }
table .kg {
  background-image: url(../images/tablas/kg.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .gr {
  background-image: url(../images/tablas/gr.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .money {
  background-image: url(../images/tablas/money.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .l {
  background-image: url(../images/tablas/l.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .ml {
  background-image: url(../images/tablas/ml.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .t {
  background-image: url(../images/tablas/t.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .pz {
  background-image: url(../images/tablas/pz.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .percent {
  background-image: url(../images/tablas/percent.png);
  padding-left: 20px; }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }

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

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

a.boton.table, form input.table[type=submit], form .table.boton.botonaccion, form a.boton.table {
  padding: 8px 9px 7px 30px !important;
  text-align: left; }
  a.boton.table.mid, form input.table.mid[type=submit], form .table.mid.boton.botonaccion {
    padding: 5px 10px 4px 10px;
    margin-bottom: 1px; }
  a.boton.table.small, form input.table.small[type=submit], form .table.small.boton.botonaccion {
    margin: 1px 0 1px 0 !important;
    padding: 4px 10px !important;
    text-align: center;
    position: relative;
    background: #FF5100 !important;
    color: white !important; }

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

a.boton.table.mid, form input.table.mid[type=submit], form .table.mid.boton.botonaccion {
  margin-bottom: 1px; }

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

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

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

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

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

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

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

h3.ingresos {
  color: #1d98d1; }

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

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

p.info b.yellow {
  color: #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: #0bb345 !important;
  border: 1px dotted white; }
  table tr td.sumar:nth-child(odd) {
    background-color: #0dc64c !important;
    border: 1px dotted white; }
table tr:nth-child(odd) td.sumar {
  background-color: #0ca03f !important;
  border: 1px dotted white; }
  table tr:nth-child(odd) td.sumar:nth-child(odd) {
    background-color: #0db346 !important;
    border: 1px dotted white; }

#sumatoria {
  position: fixed;
  bottom: 10px;
  right: 8%;
  z-index: 99999999; }

.sumatoria {
  float: right;
  background-color: white;
  padding: 10px;
  margin-left: 10px;
  border: 1px solid #f8faff;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37);
  -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37);
  -ms-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37);
  box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37); }

.notas-post {
  width: 22px;
  height: 22px;
  display: inline-block;
  overflow: hidden;
  background-image: url(../images/note-colors.png);
  background-position: center left -3px;
  background-repeat: no-repeat;
  background-size: 150px; }
  .notas-post.notas-verde {
    background-position: center left -28px; }
  .notas-post.notas-naranja {
    background-position: center left -52px; }
  .notas-post.notas-azul {
    background-position: center left -76px; }
  .notas-post.notas-rosa {
    background-position: center left -100px; }
  .notas-post.notas-roja {
    background-position: center left -124px; }

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

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

td.eliminar .deathnote {
  display: none;
  position: absolute;
  right: 0;
  margin-top: -25px;
  margin-right: -20px;
  cursor: pointer;
  opacity: 0.5; }
  td.eliminar .deathnote:hover {
    opacity: 1; }
td.eliminar:hover > .deathnote {
  display: block; }
td.c-l-requerimiento {
  font-size: 10px; }

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

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

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

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

input[type='checkbox'] {
  width: auto !important;
  margin: 0 !important;
  border: none;
  height: auto !important;
  cursor: pointer;
  padding: initial;
  outline: none !important; }
  input[type='checkbox']:after {
    line-height: 1.5em;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    margin-left: -4px;
    border: 1px solid silver;
    border-radius: 0.25em;
    background: white; }
  input[type='checkbox']:checked:after {
    background: white url(../images/good.png) no-repeat center center;
    background-size: 13px 13px;
    width: 18px;
    height: 18px;
    border: 1px solid #4d4d4d; }

.div-duo {
  width: 35px !important;
  height: 35px !important;
  display: inline-block;
  float: left;
  margin-left: 15px;
  font-size: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .div-duo.solicitado {
    background-color: gray !important;
    padding: 10px 10px;
    color: white; }
  .div-duo.acciones {
    color: black;
    background-color: transparent !important; }
    .div-duo.acciones.left {
      margin-left: 20px; }
  .div-duo.distribuir {
    width: 68px !important;
    border: 2px gray solid; }
    .div-duo.distribuir input {
      height: 30px !important;
      font-size: 1em; }

.btn-reportes {
  background-color: #FF5100;
  float: left !important;
  margin: 5px 0 0 10px !important;
  padding: 12px 12px 10px 12px !important;
  border: none;
  color: white;
  float: left;
  font-size: 11px;
  cursor: pointer; }

.font1 {
  font-size: 1.3em; }

div.filtros {
  display: flex;
  margin: 0px 0px 5px 0px; }
  div.filtros label {
    width: 125px;
    height: 35px;
    float: left;
    padding: 2px 15px 3px 0px;
    margin: 3px 0px 0px 0px;
    font-size: 12px;
    text-align: right;
    font-weight: bold;
    line-height: 2.6em;
    clear: left;
    position: relative;
    color: white;
    background-color: #666666 !important; }
  div.filtros select {
    width: 180px;
    border: none;
    float: left;
    height: 35px;
    padding: 3px 10px;
    margin: 3px 3px 0px 0px;
    -webkit-appearance: none;
    background: #F1F1F2 url(../images/select.png?v1) no-repeat center right 8px;
    border-radius: 0;
    position: relative;
    background-size: 15px; }
  div.filtros input[type='submit'] {
    width: auto;
    padding: 10px 9px;
    height: 35px;
    margin: 3px 0px 0px 10px;
    border: none;
    color: white;
    background-color: #FF5100; }

div.solicitudes label {
  background-color: rgba(255, 255, 255, 0.85) !important;
  padding: 5px 5px !important; }
div.solicitudes .radio-izq {
  border-bottom-left-radius: 25px !important;
  border-top-left-radius: 25px !important; }
div.solicitudes .radio-der {
  background: #ffa880 !important;
  border-bottom-right-radius: 25px !important;
  border-top-right-radius: 25px !important; }
  div.solicitudes .radio-der:hover {
    background: #ffeee6 !important; }

table td input {
  border: 2.2px solid #4d4d4d !important;
  text-align: center;
  float: none;
  width: auto !important; }
table td input[type='number'] {
  text-align: center;
  float: none;
  width: 100% !important; }

div.bloqueform .crianza .contenedor {
  width: auto;
  height: 25px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 12px;
  user-select: none;
  background-color: transparent !important;
  color: #4d4d4d; }
div.bloqueform .contenedor input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }
div.bloqueform .checkmark {
  outline: none;
  margin: 1px;
  border: 1.5px solid #4d4d4d;
  position: absolute;
  top: 3px;
  left: 2px;
  height: 18px;
  width: 18px;
  background-color: #eee;
  border-radius: 0px; }
div.bloqueform .contenedor:hover input ~ .checkmark {
  background-color: transparent; }
div.bloqueform .contenedor input:checked ~ .checkmark {
  background-color: white; }
div.bloqueform table.crianza span:nth-child(even) {
  background-color: white; }
  div.bloqueform table.crianza span:nth-child(even):hover {
    background-color: white; }
div.bloqueform .checkmark:after {
  background: white url(../images/good.png) no-repeat center center;
  content: "";
  position: absolute;
  display: none; }
div.bloqueform .contenedor input:checked ~ .checkmark:after {
  display: block; }
div.bloqueform .contenedor .checkmark:after {
  left: 1px;
  top: 1px;
  width: 15px;
  height: 15px;
  border: none; }

table input[type='checkbox'] {
  display: inline-block; }

form#material table#agregar_acciones input[type='checkbox'] {
  display: none; }

section table span {
  display: block;
  margin: 10px 0px;
  border-radius: 25px; }
  section table span.gris {
    color: #4d4d4d;
    background-color: #E6E6E7; }
    section table span.gris:hover {
      background-color: rgba(235, 235, 236, 0.9); }
  section table span.verde {
    color: white;
    background-color: #7BB550; }
    section table span.verde:hover {
      background-color: rgba(149, 196, 115, 0.9); }
  section table span.naranja {
    color: white;
    background-color: #EC9E41; }
    section table span.naranja:hover {
      background-color: rgba(240, 177, 103, 0.9); }
  section table span.rojo {
    color: white;
    background-color: #CC2229; }
    section table span.rojo:hover {
      background-color: rgba(102, 17, 21, 0.9); }
  section table span.azul {
    color: white;
    background-color: #47B9E9; }
    section table span.azul:hover {
      background-color: rgba(16, 100, 136, 0.9); }
  section table span.amarillo {
    color: white;
    background-color: #FFF34D; }
    section table span.amarillo:hover {
      background-color: rgba(166, 155, 0, 0.9); }
  section table span.indicador {
    margin: 0 5px;
    width: 25px;
    height: 25px;
    display: inline-block; }
    section table span.indicador a {
      margin: 0px; }
  section table span:hover {
    color: white; }

.boton-imagen {
  background-color: transparent;
  color: #ff6000;
  padding: 2px 5px;
  border: thin solid #ff5e003d;
  cursor: pointer;
  background-image: url(../images/editar.png);
  background-repeat: no-repeat;
  background-position: top 1px right 1px;
  background-size: 4px; }
  .boton-imagen:hover {
    background-color: transparent;
    color: #e0a840;
    background-image: url(../images/mas.png);
    background-repeat: no-repeat;
    background-position: top 1px right 1px;
    background-size: 4px; }

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

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

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

#reporte header {
  height: 100px;
  width: 100%;
  display: block;
  overflow: hidden;
  background-color: #FFFFFF;
  top: 0;
  left: 0;
  position: relative; }
  #reporte header h1 {
    margin-top: 0; }
    #reporte header h1 img {
      display: inline;
      vertical-align: middle;
      width: 195px !important;
      margin-top: 0; }
#reporte div.topcenter {
  position: absolute;
  width: 35%;
  top: 0;
  left: 50%;
  margin-left: -17.5%;
  text-align: center; }
#reporte table {
  font-size: 12px;
  margin-bottom: 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
  #reporte table th {
    font-size: 1em;
    background-color: #ccc;
    padding: 5px !important;
    letter-spacing: 1px;
    border: 1px solid #ccc; }
    #reporte table th small {
      font-size: 0.8em;
      vertical-align: middle; }
  #reporte table td {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc; }
    #reporte table td.no-lines {
      border: none; }
    #reporte table td:first-child {
      border-left: 1px solid #ccc; }
      #reporte table td:first-child.no-lines {
        border: none; }
  #reporte table.prendas {
    float: left;
    width: 470px !important; }
  #reporte table.tasa {
    float: left;
    width: 450px !important; }
    #reporte table.tasa th {
      text-align: left; }

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

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

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

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

span.red {
  color: red; }

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

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

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

td.addkg:after {
  content: " kg";
  font-size: 0.9em; }

span.datosCrianza {
  font-size: 0.8rem;
  display: inline;
  height: auto;
  margin: 10px 10px 0px 0px; }
  span.datosCrianza p {
    color: #FF5100;
    font-size: inherit;
    padding: 0px;
    display: inline;
    font-weight: bold; }

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

.normal {
  background-color: #218eef; }

.userinfo {
  display: flex; }
  .userinfo small {
    font-size: 20px !important;
    color: #666; }

.container-bell {
  margin-right: 10px;
  width: 25px;
  height: 25px; }
  .container-bell:hover {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    background-color: rgba(102, 102, 102, 0.188); }
    .container-bell:hover > .bell-icon {
      background-image: url(../images/varios/notColor.png); }
  .container-bell .bell-icon {
    background-color: transparent;
    padding: 0px;
    background-image: url(../images/varios/notGris.png);
    background-repeat: no-repeat;
    background-position: top 0px right 0px;
    background-size: 15px;
    position: absolute;
    width: 15px;
    height: 15px;
    margin: 5px; }
  .container-bell #notcounter {
    width: 12px;
    height: 12px;
    background-color: red;
    color: white;
    font-size: 8px;
    text-align: center;
    line-height: 14px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    position: absolute;
    margin: 0px 10px;
    border: 1px solid white;
    display: none; }
    .container-bell #notcounter.active {
      animation: pulsar 0.5s infinite alternate ease-in-out;
      display: block; }

@keyframes pulsar {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.5); } }
i.btn-user-not {
  background-color: transparent;
  cursor: pointer;
  background-image: url(../images/usuario.jpg);
  background-repeat: no-repeat;
  background-position: top 4px right 12px;
  background-size: 17px;
  padding: 0px 33px 0px 0px;
  position: relative;
  margin: 0px 0px 0px 0px; }

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

#worksucursal, #tryusuarios, #workempresa {
  width: 200px;
  height: 40px;
  margin: 5px auto;
  float: right;
  display: block; }
  #worksucursal .update, #tryusuarios .update, #workempresa .update {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 3px !important;
    background: transparent url(../images/update-green.png) no-repeat center center;
    background-size: 20px;
    transition: all 0.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 {
      cursor: pointer;
      transform: rotate(180deg); }
  #worksucursal select, #tryusuarios select, #workempresa select {
    background-size: 15px;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

#form_sesiones {
  position: absolute;
  margin-top: 54px;
  right: 0;
  width: 250px;
  display: block;
  background-color: white;
  right: 12px;
  z-index: 1000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); }
  #form_sesiones header {
    width: 100%;
    float: left;
    letter-spacing: 1px;
    text-align: center;
    background-color: white;
    padding: 10px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid transparent; }
    #form_sesiones header h2 {
      font-size: 15px;
      text-shadow: none;
      color: #4D4D4D;
      font-weight: bold;
      letter-spacing: 2px; }
  #form_sesiones:before {
    content: "";
    width: 0;
    height: 0;
    top: 2px;
    right: 15%;
    margin-top: -15px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid rgba(0, 0, 0, 0.1); }
  #form_sesiones:after {
    content: "";
    width: 0;
    height: 0;
    top: 0;
    right: 15%;
    margin-top: -13px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white; }
  #form_sesiones.hidden {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }

#notificaciones {
  position: absolute;
  margin-top: 54px;
  right: 0;
  width: 350px;
  display: block;
  background-color: white;
  right: 12px;
  z-index: 10000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); }
  #notificaciones header {
    width: 100%;
    float: left;
    letter-spacing: 1px;
    text-align: center;
    background-color: white;
    padding: 10px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid transparent; }
    #notificaciones header h2 {
      font-size: 15px;
      text-shadow: none;
      color: #4D4D4D;
      font-weight: bold;
      letter-spacing: 2px; }
  #notificaciones:before {
    content: "";
    width: 0;
    height: 0;
    top: 2px;
    right: 42%;
    margin-top: -15px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid rgba(0, 0, 0, 0.1); }
  #notificaciones:after {
    content: "";
    width: 0;
    height: 0;
    top: 0;
    right: 42%;
    margin-top: -13px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white; }
  #notificaciones.hidden {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }
  #notificaciones .alerta {
    margin: 0;
    padding: 0; }
    #notificaciones .alerta span.normal {
      width: 95%;
      border-radius: 10px;
      margin: 5px auto 10px auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px 10px 10px 25px;
      background-color: #FF5100; }

a.cerrar-nots {
  border: none !important;
  display: none;
  width: 4px !important;
  height: 16px !important; }

a.not-rel {
  border: none !important;
  color: white !important;
  padding: 6px !important;
  float: left;
  background-color: #F9D66C !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

.not {
  width: 100%;
  background-color: white;
  padding: 0px 0px 0px 7px;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-transform: none;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  font-size: 13px; }
  .not:hover {
    background-color: #f4f9fe; }
    .not:hover a.cerrar-nots {
      display: block; }
  .not h2 {
    width: 100%;
    height: 24px;
    font-size: 12px;
    padding-left: 10px;
    line-height: 1.7em;
    font-weight: 100;
    padding-top: 2px; }
  .not p {
    width: 99%;
    display: block;
    clear: both;
    color: #4D4D4D;
    font-weight: 500;
    font-size: 11px;
    padding: 3% 5% 3% 2%; }
    .not p .head {
      width: 100%;
      color: #F9D66C !important;
      clear: both;
      float: left;
      display: block;
      font-size: 1em;
      font-weight: bold;
      color: #0ca03f;
      margin-bottom: 5px; }
      .not p .head small {
        font-size: 0.8em !important;
        font-weight: lighter;
        color: #ccc;
        vertical-align: middle;
        line-height: 1.4em;
        display: block; }
    .not p i {
      display: block; }
  .not .boton {
    width: auto;
    padding: 4px 5px !important;
    margin: 0px 5px 0px 0px !important;
    float: inline-start;
    color: white;
    font-size: 11px;
    background-color: white;
    border: 1px solid #EFF3F3; }
    .not .boton:first-child {
      clear: left; }
  .not.ver-todo {
    padding: 10px auto 10px auto;
    text-align: center;
    padding: 5px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }
    .not.ver-todo a {
      cursor: pointer;
      color: #FF5100;
      border: none;
      font-weight: bold;
      font-size: 12px;
      background-color: transparent;
      padding: 5px 5px 2px 5px;
      display: block;
      width: 76%;
      margin: auto;
      float: none; }
      .not.ver-todo a:hover {
        color: #e84a00;
        background-color: transparent; }

a.boton i.resolver, form input[type=submit] i.resolver, form .boton.botonaccion i.resolver {
  background-image: url(../images/varios/eliminar.png);
  width: 20px;
  height: 21px;
  background-repeat: no-repeat;
  display: block;
  background-size: 20px; }
  a.boton i.resolver:hover, form input[type=submit] i.resolver:hover, form .boton.botonaccion i.resolver:hover {
    background-image: url(../images/varios/eliminar1.png); }
a.boton i.ver, form input[type=submit] i.ver, form .boton.botonaccion i.ver {
  background-image: url(../images/varios/ver.png);
  width: 20px;
  height: 21px;
  background-repeat: no-repeat;
  display: block;
  background-size: 20px; }
  a.boton i.ver:hover, form input[type=submit] i.ver:hover, form .boton.botonaccion i.ver:hover {
    background-image: url(../images/varios/ver1.png); }

.not {
  position: relative;
  border: 1px solid #f6f6f6;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  margin: 0px auto 0px auto;
  display: flex; }
  .not a.close {
    position: absolute;
    right: 8px;
    top: 4px;
    font-size: 20px; }
  .not span.level {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    float: left;
    width: 7px;
    height: 80px;
    display: block;
    margin-left: -7px;
    margin-top: -40px;
    position: absolute;
    top: 50%; }
    .not span.level.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: 0.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 {
  display: none; }

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

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

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

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

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

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

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

td.addkg:after {
  content: " kg";
  font-size: 0.9em; }

/* Estilos de la tabla de transitos
 */
table.transito_activo thead tr th[data-sort="c-l-folio"], table.transito_activo thead tr th[data-sort="c-l-tipo"], table.transito_activo thead tr th[data-sort="c-l-modulo"], table.transito_activo thead tr th[data-sort="c-l-insumo"], table.transito_activo thead tr th[data-sort="c-l-fprog"], table.transito_activo thead tr th[data-sort="c-l-proveedor"], table.transito_activo thead tr th[data-sort="c-l-transportista"], table.transito_activo thead tr th[data-sort="c-l-entrada"] {
  background-color: #6B92DE !important; }
table.transito_activo thead tr th[data-sort="c-l-pesoentrada"] {
  background-color: #9482D5 !important; }
table.transito_activo thead tr th[data-sort="c-l-salida"], table.transito_activo thead tr th[data-sort="c-l-pesosalida"], table.transito_activo thead tr th[data-sort="c-l-flejes"], table.transito_activo thead tr th[data-sort="c-l-pesopromedio"] {
  background-color: #58B547 !important; }
table.transito_activo thead tr th[data-sort="c-l-acomodo"], table.transito_activo thead tr th[data-sort="c-l-cerrar"], table.transito_activo thead tr th[data-sort="c-l-doc"], table.transito_activo thead tr th[data-sort="c-l-tara"], table.transito_activo thead tr th[data-sort="c-l-neto"], table.transito_activo thead tr th[data-sort="c-l-requerimiento"], table.transito_activo thead tr th[data-sort="c-l-cancel"], table.transito_activo thead tr th[data-sort="c-l-edit"] {
  background-color: #BB5AD2 !important; }
table.transito_activo thead tr th[data-sort="c-l-acomodo"] {
  width: 200px; }

div.contenedor_principal {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.contenedor_principal div.cont_flejes {
    width: 50%;
    position: relative;
    display: inline-block;
    float: left;
    color: white;
    font-size: 0.8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    div.contenedor_principal div.cont_flejes .f_entrada {
      background-color: #2cc3f9;
      border-radius: 10px;
      padding: 5px 5px;
      margin-top: 2px; }
    div.contenedor_principal div.cont_flejes .f_salida {
      background-color: #fcac4b;
      border-radius: 10px;
      padding: 5px 5px;
      margin-top: 2px; }

div.div_gris {
  width: 100% !important;
  height: auto;
  position: relative;
  display: block;
  background-color: #d3d1d1;
  color: black;
  border-radius: 10px;
  font-size: 0.8em;
  padding: 2px 1.5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.div_gris.alim {
    width: 30% !important; }

a.quick {
  position: relative; }
  a.quick span.newQuickEdit {
    width: auto;
    height: auto;
    padding: 10px 5px;
    border: 1px solid #CEE3FB;
    border-radius: 25px;
    color: #4D4D4D;
    background-color: #F1F1F3; }
    a.quick span.newQuickEdit:hover {
      color: #4371D5; }
    a.quick span.newQuickEdit:before {
      content: "";
      background-image: url(../images/editBlue.png);
      background-repeat: no-repeat;
      background-size: 15px;
      background-position: center;
      height: 15px;
      width: 15px;
      position: absolute;
      left: 0%;
      top: 5px; }