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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

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

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

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

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

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

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

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

.b-fac-1 {
  background-image: url(../images/iconos/botonesfacnew.png);
  background-repeat: no-repeat;
  background-size: 240px;
  width: 20px;
  height: 20px;
  display: block; }
  .b-fac-1.factura {
    background-position: 0px -0px; }
    .b-fac-1.factura.hover:hover {
      cursor: pointer;
      background-position: 0px -20px; }
  .b-fac-1.pdf {
    background-position: -20px -0px; }
    .b-fac-1.pdf.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .b-fac-1.xml {
    background-position: -40px -0px; }
    .b-fac-1.xml.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .b-fac-1.cancelar {
    background-position: -60px -0px; }
    .b-fac-1.cancelar.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .b-fac-1.enviar {
    background-position: -80px -0px; }
    .b-fac-1.enviar.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .b-fac-1.notacred {
    background-position: -100px -0px; }
    .b-fac-1.notacred.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .b-fac-1.pagar {
    background-position: -120px -0px; }
    .b-fac-1.pagar.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .b-fac-1.relacionar {
    background-position: -140px -0px; }
    .b-fac-1.relacionar.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .b-fac-1.timbrarcancelacion {
    background-position: -160px -0px; }
    .b-fac-1.timbrarcancelacion.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .b-fac-1.satcancels {
    background-position: -180px -0px; }
    .b-fac-1.satcancels.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .b-fac-1.descargarfactura {
    background-position: -200px -0px; }
    .b-fac-1.descargarfactura.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .b-fac-1.subirfactura {
    background-position: -220px -0px; }
    .b-fac-1.subirfactura.hover:hover {
      cursor: pointer;
      background-position: -220px -20px; }

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

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

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

.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;
  margin-right: 5px;
  margin-top: -5px; }

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

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

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

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

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

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

.capitalize {
  text-transform: capitalize; }

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

.fsize13 {
  font-size: 13px; }

.fsize12 {
  font-size: 12px; }

.aleft {
  text-align: left; }

.aright {
  text-align: right; }

.acenter {
  text-align: center; }

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

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

.hide {
  display: none !important; }

.fright {
  float: right !important; }

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

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

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

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

a.close, form a.boton.table, div.smallinput a.boton.table, form input.close[type=submit], div.smallinput input.close[type=submit], form .close.boton.botonaccion, div.smallinput .close.boton.botonaccion {
  position: absolute;
  right: 40px;
  top: 12px; }

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

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

/* 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: green !important; }

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

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

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

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

.red {
  color: red; }

.bold {
  font-weight: bold; }

pre {
  white-space: pre-wrap; }

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

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

div.table, div.regular {
  padding: 20px;
  float: left;
  margin: 0 1% 20px 1%;
  width: 98%;
  position: relative;
  /* background: #f0f0f0; */
  background: #f3f3f3;
  -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: #127577; }

div.topinfo {
  padding: 20px;
  margin: 0 1%;
  width: 95%;
  background: #8dadad;
  float: left; }
  div.topinfo .saldo {
    background-color: white;
    margin-right: 50px;
    padding: 10px;
    margin-top: 10px;
    color: white;
    width: 17%;
    height: auto;
    display: block;
    float: left;
    text-align: left;
    overflow: hidden;
    font-size: 13px;
    font-weight: normals; }
    div.topinfo .saldo b.text {
      width: 100%;
      text-align: center;
      display: block;
      font-weight: bold;
      color: black;
      margin-right: 10px;
      margin-top: 2px;
      font-size: 10px; }
    div.topinfo .saldo b.valor {
      width: 100%;
      text-align: center;
      display: block;
      font-weight: bold;
      color: black !important;
      font-size: 20px; }

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 5%;
  -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: 5px 0; }
    .index-block .modulo .boton, .index-block .modulo form input[type=submit], .index-block .modulo div.smallinput input[type=submit], form .index-block .modulo input[type=submit], div.smallinput .index-block .modulo input[type=submit] {
      padding: 20px 10px 20px 50px !important;
      text-transform: uppercase;
      background-color: #4d4d4d;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      border-radius: 2px;
      position: relative;
      width: 150px; }
    .index-block .modulo .mod-icon {
      position: absolute;
      left: 10px;
      top: 12px; }

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

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

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

h4 {
  clear: both; }

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

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

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

h1 {
  font-weight: 300;
  font-size: 20px;
  margin-top: 3px;
  text-transform: uppercase; }
  h1 img {
    display: inline;
    vertical-align: middle;
    width: 100px;
    margin-top: -6px; }
    h1 img.arrowr {
      width: 10px;
      margin-top: -2px;
      margin-left: 10px; }
  h1 small, h1 small a, h1 small form a.boton.table, form h1 small a.boton.table, h1 small div.smallinput a.boton.table, div.smallinput h1 small a.boton.table, h1 small form input[type=submit], h1 small div.smallinput input[type=submit], form h1 small input[type=submit], div.smallinput h1 small input[type=submit], h1 small form .boton.botonaccion, h1 small div.smallinput .boton.botonaccion, h1 small form input.botonaccion[type=submit], h1 small form.basico .botonaccion.boton, form h1 small .boton.botonaccion, div.smallinput h1 small .boton.botonaccion, form h1 small input.botonaccion[type=submit], form.basico h1 small .botonaccion.boton, h1 small form.basico input.botonaccion[type=submit], form.basico h1 small input.botonaccion[type=submit], h1 small form.basico input[type=submit], form.basico h1 small input[type=submit] {
    font-size: 10px !important;
    vertical-align: middle;
    text-transform: none; }
  h1 .userinfo {
    float: right;
    margin-top: 0; }

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

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

#nav {
  width: 188px;
  height: auto;
  margin-left: -188px;
  min-height: 100%;
  padding: 10px 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #353531;
  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 black;
  border-left: 2px solid black; }
  #nav .openMenu {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    position: fixed;
    top: 0;
    left: 188px;
    margin: 0 0 0 -188px;
    background-color: #353531;
    background-image: url(../images/menu.png);
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 39px;
    display: block;
    padding: 7px 10px;
    color: white;
    border-top: 2px solid black;
    z-index: 11; }
  #nav ul {
    width: 100%;
    height: auto;
    list-style: none;
    padding-left: 0;
    padding-top: 0; }
    #nav ul li {
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      width: 100%;
      height: auto;
      padding-left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      #nav ul li.activo {
        background-color: #1d1d1b; }
        #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; }
        #nav ul li.head > a:first-child, #nav ul form li.head > a.boton.table:first-child, #nav ul div.smallinput li.head > a.boton.table:first-child, #nav ul form li.head > input[type=submit]:first-child, #nav ul div.smallinput li.head > input[type=submit]:first-child, form #nav ul li.head > input[type=submit]:first-child, div.smallinput #nav ul li.head > input[type=submit]:first-child, #nav ul form li.head > .boton.botonaccion:first-child, #nav ul div.smallinput li.head > .boton.botonaccion:first-child, form #nav ul li.head > .boton.botonaccion:first-child, div.smallinput #nav ul li.head > .boton.botonaccion:first-child {
          width: 100%;
          height: 40px;
          display: block;
          padding-top: 10px;
          padding-left: 10px;
          font-size: 13px;
          font-weight: bold;
          line-height: 2em;
          text-transform: uppercase;
          color: #ccc;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
      #nav ul li.level2 > a:first-child, #nav ul form li.level2 > a.boton.table:first-child, #nav ul div.smallinput li.level2 > a.boton.table:first-child, #nav ul form li.level2 > input[type=submit]:first-child, #nav ul div.smallinput li.level2 > input[type=submit]:first-child, form #nav ul li.level2 > input[type=submit]:first-child, div.smallinput #nav ul li.level2 > input[type=submit]:first-child, #nav ul form li.level2 > .boton.botonaccion:first-child, #nav ul div.smallinput li.level2 > .boton.botonaccion:first-child, form #nav ul li.level2 > .boton.botonaccion:first-child, div.smallinput #nav ul li.level2 > .boton.botonaccion:first-child {
        text-transform: uppercase;
        color: #3dcddf;
        font-size: 1.1em;
        vertical-align: middle;
        padding-left: 1% !important; }
        #nav ul li.level2 > a:first-child:before, #nav ul form li.level2 > a.boton.table:first-child:before, #nav ul div.smallinput li.level2 > a.boton.table:first-child:before, #nav ul form li.level2 > input[type=submit]:first-child:before, #nav ul div.smallinput li.level2 > input[type=submit]:first-child:before, form #nav ul li.level2 > input[type=submit]:first-child:before, div.smallinput #nav ul li.level2 > input[type=submit]:first-child:before, #nav ul form li.level2 > .boton.botonaccion:first-child:before, #nav ul div.smallinput li.level2 > .boton.botonaccion:first-child:before, form #nav ul li.level2 > .boton.botonaccion:first-child:before, div.smallinput #nav ul li.level2 > .boton.botonaccion:first-child:before {
          content: ' ';
          vertical-align: top; }
      #nav ul li.off {
        background-color: #40403c; }

#nav ul li ul {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  width: 100%;
  height: auto;
  max-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden; }
  #nav ul li ul li {
    padding-left: 6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #nav ul li ul a, #nav ul li ul form input[type=submit], #nav ul li ul div.smallinput input[type=submit], form #nav ul li ul input[type=submit], div.smallinput #nav ul li ul input[type=submit], #nav ul li ul form .boton.botonaccion, #nav ul li ul div.smallinput .boton.botonaccion, form #nav ul li ul .boton.botonaccion, div.smallinput #nav ul li ul .boton.botonaccion {
    width: 100%;
    padding: 5px 5px !important;
    display: block;
    margin: 0;
    color: #CCC;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

#nav ul li a, #nav ul li form input[type=submit], #nav ul li div.smallinput input[type=submit], form #nav ul li input[type=submit], div.smallinput #nav ul li input[type=submit], #nav ul li form .boton.botonaccion, #nav ul li div.smallinput .boton.botonaccion, form #nav ul li .boton.botonaccion, div.smallinput #nav ul li .boton.botonaccion {
  width: 100%;
  margin: 0;
  color: white; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.getform, .getModulo {
  cursor: pointer; }

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

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

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

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

.w60 {
  width: 57%; }

.w50 {
  width: 48%; }

.w40 {
  width: 38%; }

.w25 {
  width: 23%; }

.w35 {
  width: 33%; }

.w90 {
  width:99%; }

.w10 {
  width: 9%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #53b9e2;
  color: white; }

.container-bell {
  margin-right: 10px;
  margin-left: -40px;
  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); } }

.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, div.conslide.smallinput {
  padding-top: 220px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.verde {
  background: #03b170; }

.amarillo {
  background: #f9c85f; }

.azul {
  background: #4874d3; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

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

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

.update {
  width: 30px;
  height: 30px;
  float: left;
  display: block;
  margin-top: 3px !important;
  background: transparent url(../images/update-green.png) no-repeat center center;
  background-size: 20px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  cursor: pointer; }
  .update:hover {
    cursor: pointer;
    transform: rotate(180deg); }
    
i.btn-user-not {
  background-color: transparent;
  cursor: pointer;
  background-image: url(../images/varios/users.png);
  background-repeat: no-repeat;
  background-position: top 4px right 12px;
  background-size: 20px;
  padding: 0px 33px 0px 0px;
  position: relative;
  margin: 0px 0px 0px 0px;
  /* filter: saturate(3);  */
}

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

#worksucursal, #tryusuarios, #workempresa {
  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; }

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

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

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

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

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

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

#pestanas {
  float: left;
  clear: both;
  display: block;
  width: 100%;
  padding: 0 20px;
  border-bottom: 5px solid #8dadad;
  width: 95%;
  margin: 0 1%; }
  #pestanas ul {
    list-style: none; }
  #pestanas li a, #pestanas li form input[type=submit], #pestanas li div.smallinput input[type=submit], form #pestanas li input[type=submit], div.smallinput #pestanas li input[type=submit], #pestanas li form .boton.botonaccion, #pestanas li div.smallinput .boton.botonaccion, form #pestanas li .boton.botonaccion, div.smallinput #pestanas li .boton.botonaccion {
    width: auto;
    max-width: 400px;
    padding: 8px 10px;
    display: inline-block;
    text-align: center;
    background-color: rgba(234, 234, 234, 0.4);
    color: #706f6f;
    float: left;
    font-size: 12px;
    font-weight: 400;
    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.activo form input[type=submit], #pestanas li.activo div.smallinput input[type=submit], form #pestanas li.activo input[type=submit], div.smallinput #pestanas li.activo input[type=submit], #pestanas li.activo form .boton.botonaccion, #pestanas li.activo div.smallinput .boton.botonaccion, form #pestanas li.activo .boton.botonaccion, div.smallinput #pestanas li.activo .boton.botonaccion, #pestanas li:hover a, #pestanas li:hover form input[type=submit], #pestanas li:hover div.smallinput input[type=submit], form #pestanas li:hover input[type=submit], div.smallinput #pestanas li:hover input[type=submit], #pestanas li:hover form .boton.botonaccion, #pestanas li:hover div.smallinput .boton.botonaccion, form #pestanas li:hover .boton.botonaccion, div.smallinput #pestanas li:hover .boton.botonaccion {
    background-color: #8dadad;
    color: white; }
  #pestanas li.activo a, #pestanas li.activo form input[type=submit], #pestanas li.activo div.smallinput input[type=submit], form #pestanas li.activo input[type=submit], div.smallinput #pestanas li.activo input[type=submit], #pestanas li.activo form .boton.botonaccion, #pestanas li.activo div.smallinput .boton.botonaccion, form #pestanas li.activo .boton.botonaccion, div.smallinput #pestanas li.activo .boton.botonaccion {
    font-size: 17px;
    padding: 8px 15px 8px 15px;
    margin-top: -4px;
    text-transform: uppercase;
    font-size: lighter; }

    #pestanas-doble-nivel {
      display: flex;
      /* justify-content: center; */
      width: 98%;
      margin: auto;
      background-color: #ffffff;
      overflow: hidden;
      /* float: left; } */
    }
      #pestanas-doble-nivel ul {
        list-style: none; 
        display: flex; /* Alinear elementos en una fila */
        padding: 0;
        margin: 0;}
      #pestanas-doble-nivel li a {
        width: auto;
        max-width: 400px;
        padding: 10px 15px 13px 15px;
        margin: auto;
        display: block;
        text-align: center;
        background-color: rgba(234, 234, 234, 0.4);
        color: #706f6f;
        float: left;
        font-size: 12px;
        text-transform: uppercase;
        box-sizing: border-box;
        /* border-bottom: 4px solid transparent; */
      }
      #pestanas-doble-nivel li.activo a, #pestanas-doble-nivel li:hover a {
        /* background-color: #26a828; */
        /* border-bottom: 2.5px solid #8dadad; */
        /* border: 1.5px solid #8dadad; */
        color: #8dadad;
        background-color: rgba(234, 234, 234, 1) !important;
        /* color: #333;  */
        /* padding-bottom: 10px !important; */
      }
        #pestanas-doble-nivel li.activo a {
          font-size: 13px; /* Un poco más grande */
          font-weight: bold;
          /* padding-bottom: 12px; */
          padding-bottom: 12px !important;
          background-color: rgba(234, 234, 234, 1) !important;
          color: #557676;
          /* padding: 8px 18px 5px 18px; Más equilibrio en la izquierda y derecha */
          /* border-bottom: 3px solid #8dadad; */
          border-left: 2px solid #8dadad;
          border-right: 2px solid #8dadad; 
          text-transform: uppercase;
        }

        #pestanas li.head .contador {
          position: absolute;
          right: -14px;
          background-color: #d9534f;
          color: white;
          font-size: 11px;
          padding: 2px 6px;
          border-radius: 12px;
          font-weight: bold;
        }

#detproducto {
  float: left;
  width: 210px;
  height: 40px;
  margin-top: 0; }
  #detproducto input[type=image], #detproducto span.custom-combobox[type=image], #detproducto .custom-combobox-input[type=image] {
    border: none;
    float: left;
    height: 30px;
    width: 50px !important;
    margin-right: 0;
    margin-top: 0;
    padding: 0; }
  #detproducto input[type=text], #detproducto input span.custom-combobox, #detproducto input .custom-combobox-input, #detproducto span.custom-combobox[type=text], #detproducto span.custom-combobox span.custom-combobox, #detproducto span.custom-combobox .custom-combobox-input, #detproducto .custom-combobox-input[type=text], #detproducto .custom-combobox-input span.custom-combobox, #detproducto .custom-combobox-input .custom-combobox-input {
    margin: 0;
    border: none;
    float: left;
    height: 30px;
    border-top: 1px solid #009fbd;
    border-left: 1px solid #009fbd;
    border-bottom: 1px solid #009fbd;
    padding-left: 10px;
    width: 150px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left: 3px; }

#folio, #entrada, .topRight {
  position: absolute;
  text-align: right; }

.topRight {
  top: 15px;
  right: 35px;
  color: #047DB3;
  font-weight: 500; }
  .topRight small {
    font-size: 18px; }
  .topRight span.folio {
    color: red !important;
    font-size: 28px;
    vertical-align: middle; }
  .topRight.enbloque {
    top: 12px;
    right: 40px; }

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

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

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

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

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

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

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

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

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

table td select, table td input, table td textarea {
  width: 100% !important;
  margin: auto !important;
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
  height: 25px !important;
  padding: 5px 3px;
  vertical-align: middle;
  font-size: 11px; }
  table td select:disabled, table td input:disabled, table td textarea:disabled {
    font-size: 11px !important; vertical-align: middle;}
    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; vertical-align: middle;}

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

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

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

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

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

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

form.basico.plomo, div.plomo.smallinput {
  background-color: #999; }
  form.basico.plomo h3.fnombre, div.plomo.smallinput h3.fnombre {
    color: white; }
  form.basico.plomo a, div.plomo.smallinput a, form.basico.plomo input[type=submit], div.plomo.smallinput input[type=submit], form.basico.plomo .boton.botonaccion, div.plomo.smallinput .boton.botonaccion {
    color: #ccc; }
  form.basico.plomo .bloqueform .bloqueform, div.plomo.smallinput .bloqueform .bloqueform {
    background-color: #fcfcfc; }
    form.basico.plomo .bloqueform .bloqueform .bloqueform, div.plomo.smallinput .bloqueform .bloqueform .bloqueform {
      background-color: #f0f0f0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

form input[type=submit], div.smallinput input[type=submit], form .boton.botonaccion, form a.boton.table, div.smallinput .boton.botonaccion, form input.botonaccion[type=submit], form.basico input[type=submit], div.basico.smallinput input[type=submit], form.basico .boton.botonaccion, form.basico input.botonaccion[type=submit] {
  text-transform: uppercase;
  padding: 10px 9px !important;
  height: auto !important;
  border-left: 1px solid #25c6db;
  border-top: 1px solid #25c6db;
  background-color: #20b1c4 !important;
  float: right; }
  form input[type=submit]:hover, div.smallinput input[type=submit]:hover, form .boton.botonaccion:hover, div.smallinput .boton.botonaccion:hover, form.basico input[type=submit]:hover, form.basico .boton.botonaccion:hover {
    background-color: white !important;
    color: #20b1c4;
    border-right: 1px solid #1a8e9d;
    border-bottom: 1px solid #1a8e9d; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.msidiv.active > .msilabel span {
      background: rgba(255, 255, 255, 0.9) url(../images/good.png) no-repeat center center;
      background-size: 12px;
      box-shadow: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

form.filtros_, div.filtros_.smallinput {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  position: inherit;
  min-width: 95%;
  margin: 0 1%;
  padding: 0 20px 10px 20px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important; }
  form.filtros_ h4, div.filtros_.smallinput h4 {
    margin: 0;
    padding: 0;
    color: #557676; }
  form.filtros_ .abrircerrar, div.filtros_.smallinput .abrircerrar {
    display: inline-block;
    margin-right: 10px;
    position: inherit;
    background-image: url(../images/less.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; }
  form.filtros_.closed, div.filtros_.closed.smallinput {
    max-height: 35px;
    overflow: hidden; }
    form.filtros_.closed .abrircerrar, div.filtros_.closed.smallinput .abrircerrar {
      background-image: url(../images/plus.png); }
  form.filtros_.show, div.filtros_.show.smallinput {
    background-image: url(../images/less.png);
    position: inherit;
    max-height: 1000px;
    background-color: #f0f0f0; }

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

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

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

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

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

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

.orange {
  color: orange; }

.black {
  color: black; }

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

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

#bitacora .cancelar {
  bottom: 80px; }

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

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

.det-comment {
  position: relative;
  padding: 10px 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: 20px;
    width: 20px;
    display: block;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -13px; }
  .det-comment.rosa:after {
    background-color: #ffaab9; }
  .det-comment.verde:after {
    background-color: limegreen; }
  .det-comment.azul:after {
    background-color: #71c5e7; }
  .det-comment.naranja:after {
    background-color: orange; }
  .det-comment.gris:after {
    background-color: #ebebeb; }
  .det-comment.rojo:after {
    background-color: red; }

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

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

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

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

span.rosa {
  color: #ffaab9; }

span.azul {
  color: #71c5e7; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

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

#notcounter {
  width: 16px;
  height: 16px;
  padding: 4px 5px 5px 5px;
  display: block;
  background-color: #218EEF;
  float: right;
  margin: 1px 4px 0 4px;
  text-align: center;
  color: white;
  font-size: 14px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  cursor: pointer; }
  #notcounter.open {
    background-color: #90c7f7; }

#worksucursal, #tryusuarios, #workempresa, #tryune, #workUnidades {
  width: 200px;
  height: 40px;
  margin: 5px auto;
  float: right;
  display: flex; }
  #worksucursal .update, #tryusuarios .update, #workempresa .update, #tryune .update, #workUnidades .update {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 3px !important;
    background: transparent url(../images/update-green.png) no-repeat center center;
    background-size: 20px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    cursor: pointer; }
    #worksucursal .update:hover, #tryusuarios .update:hover, #workempresa .update:hover, #tryune .update:hover, #workUnidades .update:hover {
      cursor: pointer;
      transform: rotate(180deg); }
  #worksucursal select, #tryusuarios select, #workempresa select, #tryune select, #workUnidades select {
    width: 70%;
    float: left;
    height: 35px;
    padding: 3px 10px;
    margin: 3px 0 0 0;
    position: relative;
    background: rgba(216, 216, 219, 0.2) url(../images/select.png?v1) no-repeat center right 8px;
    background-size: 15px;
    border: 1px solid #f0f0f0;
    appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

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

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

.not {
  width: 95%;
  background-color: white;
  padding: 7px 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: 10px;
  border-top-right-radius: 10px;
  font-size: 13px; }
  .not:nth-child(odd) {
    background-color: #f7f9f9; }
  .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: #999;
    font-size: 11px; }
    .not p .head {
      width: 100%;
      color: black;
      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;
        font-weight: lighter;
        color: #ccc;
        vertical-align: middle;
        line-height: 1.4em;
        display: block; }
    .not p i {
      display: block; }
  .not .boton, .not form a.boton.table, form .not a.boton.table, .not div.smallinput a.boton.table, div.smallinput .not a.boton.table, .not form input[type=submit], form .not input[type=submit], .not form .boton.botonaccion, form .not .boton.botonaccion, .not div.smallinput input[type=submit], div.smallinput .not input[type=submit], .not div.smallinput .boton.botonaccion, div.smallinput .not .boton.botonaccion {
    width: auto;
    padding: 4px 5px !important;
    margin: 0px 5px 0px 0px !important;
    float: inline-start;
    color: white;
    font-size: 11px;
    background-color: #fbfcfc;
    border: 1px solid #EFF3F3; }
    .not .boton:first-child, .not form input[type=submit]:first-child, form .not input[type=submit]:first-child, .not div.smallinput input[type=submit]:first-child, div.smallinput .not input[type=submit]: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, .not.ver-todo form a.boton.table, form .not.ver-todo a.boton.table, .not.ver-todo div.smallinput a.boton.table, div.smallinput .not.ver-todo a.boton.table, .not.ver-todo form input[type=submit], form .not.ver-todo input[type=submit], .not.ver-todo form .boton.botonaccion, form .not.ver-todo .boton.botonaccion, .not.ver-todo div.smallinput input[type=submit], div.smallinput .not.ver-todo input[type=submit], .not.ver-todo div.smallinput .boton.botonaccion, div.smallinput .not.ver-todo .boton.botonaccion {
      cursor: pointer;
      color: #0e6bbe;
      border: none;
      font-weight: bold;
      font-size: 12px;
      background-color: transparent;
      padding: 5px 5px 2px 5px;
      display: block;
      width: 76%;
      margin: auto;
      float: none; }
      .not.ver-todo a:hover, .not.ver-todo form input[type=submit]:hover, form .not.ver-todo input[type=submit]:hover, .not.ver-todo form .boton.botonaccion:hover, form .not.ver-todo .boton.botonaccion:hover, .not.ver-todo div.smallinput input[type=submit]:hover, div.smallinput .not.ver-todo input[type=submit]:hover, .not.ver-todo div.smallinput .boton.botonaccion:hover, div.smallinput .not.ver-todo .boton.botonaccion:hover {
        color: #0CA03F;
        background-color: transparent; }

a.boton 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 {
    background-image: url(../images/varios/eliminar1.png); }

a.boton 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 {
    background-image: url(../images/varios/ver1.png); }

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

.not {
  position: relative;
  border: 1px solid #adc4c4;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  margin: 5px auto 5px auto;
  display: flex; }
  .not a.close, .not form a.boton.table, form .not a.boton.table, .not div.smallinput a.boton.table, div.smallinput .not a.boton.table, .not form input.close[type=submit], form .not input.close[type=submit], .not form .close.boton.botonaccion, form .not .close.boton.botonaccion, .not div.smallinput input.close[type=submit], div.smallinput .not input.close[type=submit], .not div.smallinput .close.boton.botonaccion, div.smallinput .not .close.boton.botonaccion {
    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: .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, #controlbar.panel .not p form input[type=submit], form #controlbar.panel .not p input[type=submit], #controlbar.panel .not p form .boton.botonaccion, form #controlbar.panel .not p .boton.botonaccion, #controlbar.panel .not p div.smallinput input[type=submit], div.smallinput #controlbar.panel .not p input[type=submit], #controlbar.panel .not p div.smallinput .boton.botonaccion, div.smallinput #controlbar.panel .not p .boton.botonaccion {
      margin: -18px 0 8px 10px; }
    #controlbar.panel .not .close {
      display: none; }

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

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

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

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

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

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

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

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

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

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

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

p {
  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: #f0f0f0;
  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: #d9e8e5;
    -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: #d9e8e5;
      padding: 10px; }
    div.cont-dasthird div.dasthird .cubitos {
      width: 45%;
      height: auto;
      margin: 2%;
      background-color: white;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      div.cont-dasthird div.dasthird .cubitos .info-cubo {
        width: 100%;
        height: 120px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        div.cont-dasthird div.dasthird .cubitos .info-cubo .ingreso {
          width: 100%;
          height: 80px;
          float: left;
          position: relative;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
          div.cont-dasthird div.dasthird .cubitos .info-cubo .ingreso h2 {
            color: #127577;
            text-align: center;
            font-size: 10px; }
        div.cont-dasthird div.dasthird .cubitos .info-cubo .triangulo {
          width: 100%;
          float: left;
          position: relative;
          height: 40px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
          div.cont-dasthird div.dasthird .cubitos .info-cubo .triangulo img {
            margin-left: 43%;
            margin-bottom: 2%; }

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

#line-template {
  display: none; }

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

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

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

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

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

table.fixed {
  table-layout: fixed; }

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

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

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

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

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

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

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

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

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

.alignleft {
  text-align: left; }

.mayus {
  text-transform: uppercase; }

.dtticons {
  width: 10px; }

.red {
  color: #e30a18; }

.redredf {
  color: red; }

.green {
  color: #00CC00; }

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

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

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

.dtticons {
  width: 10px; }

img.edit {
  width: 20px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

h3.ingresos {
  color: #1d98d1; }

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

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

p.info b.yellow {
  color: #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 #adc4c4;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37);
  -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37);
  -ms-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37);
  box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.37); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#reporte table {
  font-size: 12px;
  margin-bottom: 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
  #reporte table th {
    font-size: 1em;
    background-color: #ccc;
    padding: 5px !important;
    letter-spacing: 1px;
    border: 1px solid #ccc; }
    #reporte table th small {
      font-size: 0.8em;
      vertical-align: middle; }
  #reporte table td {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc; }
    #reporte table td.no-lines {
      border: none; }
    #reporte table td:first-child {
      border-left: 1px solid #ccc; }
      #reporte table td: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, .contenedor.w60, form .contenedor.bloqueform.w60, form.basico .contenedor.bloqueform.w60, .contenedor.w50, form .contenedor.bloqueform.w50, form.basico .contenedor.bloqueform.w50, .contenedor.w40, form .contenedor.bloqueform.w40, form.basico .contenedor.bloqueform.w40, .contenedor.w33, form .contenedor.bloqueform.w33, form.basico .contenedor.bloqueform.w33, .contenedor.w25, form .contenedor.bloqueform.w25, form.basico .contenedor.bloqueform.w25, .contenedor.w35, form .contenedor.bloqueform.w35, form.basico .contenedor.bloqueform.w35, div.smallinput .contenedor.bloqueform.w60, div.basico.smallinput .contenedor.bloqueform.w60, div.smallinput .contenedor.bloqueform.w50, div.basico.smallinput .contenedor.bloqueform.w50, div.smallinput .contenedor.bloqueform.w40, div.basico.smallinput .contenedor.bloqueform.w40, div.smallinput .contenedor.bloqueform.w33, div.basico.smallinput .contenedor.bloqueform.w33, div.smallinput .contenedor.bloqueform.w25, div.basico.smallinput .contenedor.bloqueform.w25, div.smallinput .contenedor.bloqueform.w35, div.basico.smallinput .contenedor.bloqueform.w35, form .bloqueform.w75, div.smallinput .bloqueform.w75, form .bloqueform.w60, div.smallinput .bloqueform.w60, form .bloqueform.w50, div.smallinput .bloqueform.w50, form .bloqueform.w40, div.smallinput .bloqueform.w40, form .bloqueform.w25, div.smallinput .bloqueform.w25, form .bloqueform.w35, div.smallinput .bloqueform.w35, form .bloqueform.contenedor.w60, div.smallinput .bloqueform.contenedor.w60, form .bloqueform.w60, div.smallinput form .bloqueform.w60, form div.smallinput .bloqueform.w60, form.basico .bloqueform.w60, div.smallinput form.basico .bloqueform.w60, form.basico div.smallinput .bloqueform.w60, form .bloqueform.contenedor.w50, div.smallinput .bloqueform.contenedor.w50, form .bloqueform.w50, div.smallinput form .bloqueform.w50, form div.smallinput .bloqueform.w50, form.basico .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w50, form .bloqueform.contenedor.w40, div.smallinput .bloqueform.contenedor.w40, form .bloqueform.w40, div.smallinput form .bloqueform.w40, form div.smallinput .bloqueform.w40, form.basico .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w40, form .bloqueform.contenedor.w33, div.smallinput .bloqueform.contenedor.w33, form .bloqueform.w33, div.smallinput form .bloqueform.w33, form div.smallinput .bloqueform.w33, form.basico .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w33, form .bloqueform.contenedor.w25, div.smallinput .bloqueform.contenedor.w25, form .bloqueform.w25, div.smallinput form .bloqueform.w25, form div.smallinput .bloqueform.w25, form.basico .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico div.smallinput .bloqueform.w25, form .bloqueform.contenedor.w35, div.smallinput .bloqueform.contenedor.w35, form .bloqueform.w35, div.smallinput form .bloqueform.w35, form div.smallinput .bloqueform.w35, form.basico .bloqueform.w35, div.smallinput form.basico .bloqueform.w35, form.basico div.smallinput .bloqueform.w35, form div.smallinput .bloqueform.w60, div.smallinput form .bloqueform.w60, div.smallinput .bloqueform.w60, form div.basico.smallinput .bloqueform.w60, div.basico.smallinput form .bloqueform.w60, div.basico.smallinput .bloqueform.w60, form div.smallinput .bloqueform.w50, div.smallinput form .bloqueform.w50, div.smallinput .bloqueform.w50, form div.basico.smallinput .bloqueform.w50, div.basico.smallinput form .bloqueform.w50, div.basico.smallinput .bloqueform.w50, form div.smallinput .bloqueform.w40, div.smallinput form .bloqueform.w40, div.smallinput .bloqueform.w40, form div.basico.smallinput .bloqueform.w40, div.basico.smallinput form .bloqueform.w40, div.basico.smallinput .bloqueform.w40, form div.smallinput .bloqueform.w33, div.smallinput form .bloqueform.w33, div.smallinput .bloqueform.w33, form div.basico.smallinput .bloqueform.w33, div.basico.smallinput form .bloqueform.w33, div.basico.smallinput .bloqueform.w33, form div.smallinput .bloqueform.w25, div.smallinput form .bloqueform.w25, div.smallinput .bloqueform.w25, form div.basico.smallinput .bloqueform.w25, div.basico.smallinput form .bloqueform.w25, div.basico.smallinput .bloqueform.w25, form div.smallinput .bloqueform.w35, div.smallinput form .bloqueform.w35, div.smallinput .bloqueform.w35, form div.basico.smallinput .bloqueform.w35, div.basico.smallinput form .bloqueform.w35, div.basico.smallinput .bloqueform.w35, form.basico .bloqueform.w75, form.basico .bloqueform.w60, form.basico .bloqueform.w50, form.basico .bloqueform.w40, form.basico .bloqueform.w25, form.basico .bloqueform.w35, form.basico .bloqueform.contenedor.w60, form.basico .bloqueform.w60, form.basico .bloqueform.w60, form.basico .bloqueform.contenedor.w50, form.basico .bloqueform.w50, form.basico .bloqueform.w50, form.basico .bloqueform.contenedor.w40, form.basico .bloqueform.w40, form.basico .bloqueform.w40, form.basico .bloqueform.contenedor.w33, form.basico .bloqueform.w33, form.basico .bloqueform.w33, form.basico .bloqueform.contenedor.w25, form.basico .bloqueform.w25, form.basico .bloqueform.w25, form.basico .bloqueform.contenedor.w35, form.basico .bloqueform.w35, form.basico .bloqueform.w35, form.basico div.smallinput .bloqueform.w60, div.smallinput form.basico .bloqueform.w60, form.basico div.basico.smallinput .bloqueform.w60, div.basico.smallinput form.basico .bloqueform.w60, form.basico div.smallinput .bloqueform.w50, div.smallinput form.basico .bloqueform.w50, form.basico div.basico.smallinput .bloqueform.w50, div.basico.smallinput form.basico .bloqueform.w50, form.basico div.smallinput .bloqueform.w40, div.smallinput form.basico .bloqueform.w40, form.basico div.basico.smallinput .bloqueform.w40, div.basico.smallinput form.basico .bloqueform.w40, form.basico div.smallinput .bloqueform.w33, div.smallinput form.basico .bloqueform.w33, form.basico div.basico.smallinput .bloqueform.w33, div.basico.smallinput form.basico .bloqueform.w33, form.basico div.smallinput .bloqueform.w25, div.smallinput form.basico .bloqueform.w25, form.basico div.basico.smallinput .bloqueform.w25, div.basico.smallinput form.basico .bloqueform.w25, form.basico div.smallinput .bloqueform.w35, div.smallinput form.basico .bloqueform.w35, form.basico div.basico.smallinput .bloqueform.w35, div.basico.smallinput form.basico .bloqueform.w35 {
  width: 73%;
  float: left;
  clear: none;
  display: inline-block; }

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

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

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

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

.div-contenedor-checkbox {
  width: 30%;
  float: right;
  height: auto;
  margin-top: -15px; }
  .div-contenedor-checkbox .div-checkbox {
    width: 30%;
    text-align: left;
    position: relative;
    display: inline-block;
    height: 30px;
    border: 2px white solid;
    margin: 5px 5px;
    background: #009bc1;
    padding: 1px 5px 10px 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px; }
    .div-contenedor-checkbox .div-checkbox:hover {
      background-color: gray; }
    .div-contenedor-checkbox .div-checkbox .input-checkbox {
      display: block;
      width: 10%;
      border: 2px pink solid; }
    .div-contenedor-checkbox .div-checkbox p {
      margin-top: 12px;
      font-size: 12px;
      color: white; }

input.accion.btn-cotizacion {
  float: left !important; }

table td .boton-pequeno, table td .boton-mediano, table td .boton-grande {
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
  margin: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  color: #fff;
}
table td .boton-pequeno.edit, table td .boton-mediano.edit, table td .boton-grande.edit {
  background-color: #3498db;
}
table td .boton-pequeno.edit:hover, table td .boton-mediano.edit:hover, table td .boton-grande.edit:hover {
  background-color: #1d6fa5;
}
table td .boton-pequeno.cancel, table td .boton-mediano.cancel, table td .boton-grande.cancel {
  background-color: #dc3545;
}
table td .boton-pequeno.cancel:hover, table td .boton-mediano.cancel:hover, table td .boton-grande.cancel:hover {
  background-color: #66121a;
}
table td .boton-pequeno.success, table td .boton-mediano.add, table td .boton-grande.add {
  background-color: #28a745;
}
table td .boton-pequeno.success:hover, table td .boton-mediano.add:hover, table td .boton-grande.add:hover {
  background-color: #124a1f;
}
table td .boton-pequeno.imp, table td .boton-mediano.imp, table td .boton-grande.imp {
  background-color: #6c757d;
}
table td .boton-pequeno.imp:hover, table td .boton-mediano.imp:hover, table td .boton-grande.imp:hover {
  background-color: #373b3f;
}
table td .boton-pequeno {
  padding: 3px 8px;
  font-size: 10px;
}
table td .boton-mediano {
  padding: 8px 13px;
  font-size: 12px;
}
table td .boton-grande {
  padding: 13px 18px;
  font-size: 14px;
}

div.contendor-indicadores {
  padding: 10px;
  float: left;
  margin: 0 1% 20px 1%;
  width: 98%;
  position: relative;
  background: #f3f3f3;
  /* background: #f0f0f0; */
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; } 

.contenedor-ventas {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.ventas-indicador {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 18px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 200px;
  flex-grow: 1;
  min-width: 200px;
  max-width: 440px;
}

.ventas-graficas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 18px;
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 200px;
  flex-grow: 1;
  min-width: 200px;
  max-width: 440px;
}

.ventas-graficas2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 18px;
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 200px;
  flex-grow: 1;
  min-width: 200px;
  max-width: 940px;
}

.ventas-graficas3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 18px;
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 200px;
  flex-grow: 1;
  min-width: 200px;
  max-width: 400px;
}

.texto-indicador {
  flex: 1;
}

.tit-indicador {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}

.tit-indicador2 {
  margin: 0;
  font-size: 14px !important;
  font-weight: bold;
  margin-bottom: 7px;
}
.tit-indicador3 {
  margin: 0;
  font-size: 16px !important;
  font-weight: bold;
  color: red;
  margin-bottom: 7px;
}

.mes-indicador {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
}

.mes-ant-indicador {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

#total-ventas {
  margin: 5px 0;
  font-size: 24px;
  font-weight: bold;
  color: #4CAF50;
}

.imagen-indicador {
  text-align: center;
}

.imagen-indicador img {
  width: 45px;
  height: 45px;
}

.enlace-indicador {
  color: blue;
  text-decoration: underline;
  font-size: 10px;
}

/* KARDEX */

.container_general_1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  padding: 20px;
}

/* Estilos comunes para los items */
.item_kardex_1 {
  background-color: #f0f8f7; /* Un fondo claro */
  padding: 2px;
  position: relative;
  text-align: left;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-style: preserve-3d;
}

.item_kardex_1:hover {
  transform: translateZ(20px) scale(1.05);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.item_kardex_1:first-child {
  grid-column: span 2;
  grid-row: span 2;
}

/* Títulos */
.top-text_1 {
  font-weight: bold;
  font-size: 10px;
  color: #38a169;
  margin-bottom: -1px;
}

/* Datos */
.bottom-text_1 {
  font-size: 12px;
  color: #666;
  font-weight: bold;
}

/* Datos (Texto de abajo) aplicado solo al primer item */
.item_kardex_1:first-child .bottom-text_1 {
  font-size: 16px;
  color: #666;
  font-weight: bold;
  text-align: center;
  position: relative;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

/* Datos (Texto de abajo) para los demás items */
.item_kardex_1:not(:first-child) .bottom-text_1 {
  font-size: 12px;
  color: #666;
  font-weight: bold;
}

/* Responsividad */
@media (max-width: 768px) {
  .container_general_1 {
    grid-template-columns: 1fr;
  }

  .item_kardex_1 {
    padding: 1px;
  }

  .top-text_1 {
    font-size: 6px;
  }

  .bottom-text_1 {
    font-size: 8px !important;
  }
}

.container_general {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 20px;
  padding: 20px;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

.item_kardex {
  padding: 40px;
  position: relative;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-style: preserve-3d;
}

.item_kardex:hover {
  transform: translateZ(20px) scale(1.05);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

/* Fondos pastel */
.verde_suave {
  background-color: #c2e1c4;
  border: 1px solid #38a169;
} 

.azul_pastel {
  background-color: #d6eaf8;
  border: 1px solid #00aeff;
}

.morado_pastel {
  background-color: #e5c9e6;
  border: 1px solid #9b4d96;
}

.rojo_pastel {
  background-color: #f9d0d0;
  border: 1px solid #e53e3e;
}

.naranja_pastel {
  background-color: #f9d8a1;
  border: 1px solid #dd6b20;
}

.amarillo_pastel {
  background-color: #fef9b5;
  border: 1px solid #d69e2e;
}

.top-text {
  font-size: 11px;
  color: black;
  margin-top: -35px;
  font-weight: bold;
}

.bottom-text {
  font-size: 20px;
  /* color: red; */
  font-weight: bold;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}

.verde_fuerte {
  color: #38a169;
}

.azul_fuerte {
  color: #00aeff;
}

.morado_fuerte {
  color: #9b4d96;
}

.rojo_fuerte {
  color: #e53e3e;
}

.naranja_fuerte {
  color: #dd6b20;
}

.amarillo_fuerte {
  color: #d69e2e;
}

.image_kardex {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 45px; /* Ajusta el tamaño de la imagen */
  height: 45px;
}

/* Responsivo */

@media (max-width: 1024px) {
  .container_general {
    grid-template-columns: 1fr; /* Una columna en pantallas pequeñas */
  }
}
@media (max-width: 768px) {
  .container_general {
    grid-template-columns: 1fr; /* Una columna en pantallas pequeñas */
  }

  .item_kardex {
    padding: 20px;
  }

  .top-text {
    font-size: 5px;
    margin-top: -15px;
  }

  .bottom-text {
    font-size: 9px;
    bottom: 9px;
  }

  .image_kardex {
    width: 20px; /* Imagen más pequeña en pantallas pequeñas */
    height: 20px;
  }
}
/* KARDEX */

/* EXISTENCIAS */
.container_exist {
  width: 100%;
  background-color: #f0f8f7;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-style: preserve-3d;
}

.container_exist:hover {
  transform: translateZ(20px) scale(1.05);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.indicador_exist {
  text-align: left;
}

.indicador_exist2 {
  text-align: right;
}

.container_exist_2 {
  margin-left: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  width: 100%;
  justify-content: space-around;
}

.item-exist {
  width: 30%;
  background-color: white;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  /* margin: 5px 0; */
  margin-bottom: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-style: preserve-3d;
}
.item-exist:hover {
  transform: translateZ(20px) scale(1.05);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.item-exist h3 {
  margin: 0 0 5px 0;
  font-size: 10px;
}

.item-exist .cantidad-exist {
  font-weight: bold;
}

/* Para el séptimo item, que ocupa el espacio de dos divs */
.item-exist.large {
  width: 63.5%; /* Esto hace que ocupe el espacio de dos divs */
}
/* EXISTENCIAS */

/* NUEVO INDEX */
.contendor-accesos {
  padding: 10px;
  margin: 0 1% 20px 1%;
  width: 98%;
  background: #f3f3f3;
  /* background: #f0f0f0; */
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.titulo-accesos {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
  text-align: center;
}

.contenedor-subcontenedores {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}

.subcontenedor {
  width: 19%;
  margin-bottom: 20px;
  padding: 10px;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.titulo-con-imagen {
  display: flex;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
}

.titulo-con-imagen .icono-titulo {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.titulo-con-imagen .titulo-texto {
  font-size: 16px;
  color: #333;
}

.subcontenedor .botones {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}

.subcontenedor .btn {
  display: block;
  width: 98%;
  padding: 8px 3px;
  background-color: #009BC1;
  color: white;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 5px;
  margin: 0px 0;
  text-align: center;
}

.subcontenedor .btn.naranja {
  background-color: #ff8800;
}

.subcontenedor .btn.verde {
  background-color: #00a744;
}

a.btn[data-count] {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  a.btn[data-count]::after,  div#basicstyle a[data-count].table.boton::after {
    content: attr(data-count);
    position: absolute;
    width: auto;
    min-width: 13px;
    height: 13px;
    top: -5px;
    right: -5px;
    background-color: red;
    color: white;
    padding: 4px 4px;
    border-radius: 50%;
    font-size: 10px; }

.subcontenedor .btn:hover {
  background-color: #007A9B;
}

.subcontenedor .btn.naranja:hover {
  background-color: #ff5500;
}

.subcontenedor .btn.verde:hover {
  background-color: #009933;
}

@media (max-width: 1200px) {
  .subcontenedor {
    width: 23%;
  }
}

@media (max-width: 900px) {
  .subcontenedor {
    width: 30%;
  }
}

@media (max-width: 600px) {
  .subcontenedor {
    width: 45%;
  }
}

@media (max-width: 400px) {
  .subcontenedor {
    width: 100%;
  }
}
/* NUEVO INDEX */

.img-thumb {
  display: inline-block;
  margin: 3px;
  position: relative;
}
.img-thumb img {
  border: 1px solid #ccc;
  border-radius: 3px;
}
.eliminar-imagen {
  position: absolute;
  top: -5px;
  right: -5px;
  background: red;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  padding: 2px 4px;
  cursor: pointer;
}

label.large {
  width: 36% !important;
}

.tit-coment {
  color: #0e585a;
  font-size: 22px;
}

.boton-texto {
  background-color: white;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: bold;
  display: inline-block;
}

.borde-w {
  border: 2px solid #5b9e54;
  color: #5b9e54;
}

.borde-tf {
  border: 2px solid #4da5d1;
  color: #4da5d1;
}

.borde-gp {
  border: 2px solid #c47733;
  color: #c47733;
}

.borde-rs {
  border: 2px solid #9c8ab5;
  color: #9c8ab5;
}

.borde-re {
  border: 2px solid #f5c34e;
  color: #d6aa38;
}

.borde-ei {
  border: 2px solid #c4c3c9;
  color: #6a696f;
}

.comment-td {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.comment-td.rosa {
  background-color: #ffaab9; }
.comment-td.verde {
  background-color: limegreen; }
.comment-td.azul {
  background-color: #71c5e7; }
.comment-td.naranja {
  background-color: orange; }
.comment-td.gris {
  background-color: #ebebeb; }
.comment-td.rojo {
  background-color: red; }

.asist-container {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: white;
  border: 2px solid transparent; /* Se actualizará dinámicamente */
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;

  /* Animación */
  animation: pulse-twice 6s infinite;
}

/* Animación personalizada */
@keyframes pulse-twice {
  0% {
    transform: scale(1);
  }
  8% {
    transform: scale(1.05);
  }
  16% {
    transform: scale(1);
  }

  24% {
    transform: scale(1.05);
  }
  32% {
    transform: scale(1);
  }

  /* El resto del tiempo se mantiene en reposo */
  100% {
    transform: scale(1);
  }
}

.circle-asist {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: gray; /* Color por defecto */
  /* flex: 0 0 10%; */
  margin-right: 10px;
}

.asist-text {
  flex: 0 0 90%;
  font-size: 0.680rem; /* Texto más pequeño */
  color: #333;
  font-family: Arial, sans-serif;
  line-height: 1.4;
}

.asist-text b,
.asist-text strong {
  font-weight: bold;
}

.asist-container2 {
  display: flex;
  align-items: flex-start;
  width: 100%;
  background-color: white;
  border: 2px solid transparent; /* Se actualizará dinámicamente */
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;

  /* Animación */
  animation: pulse-twice 4s infinite;
}

/* Animación personalizada */
@keyframes pulse-twice {
  0% {
    transform: scale(1);
  }
  8% {
    transform: scale(1.05);
  }
  16% {
    transform: scale(1);
  }

  24% {
    transform: scale(1.05);
  }
  32% {
    transform: scale(1);
  }

  /* El resto del tiempo se mantiene en reposo */
  100% {
    transform: scale(1);
  }
}

.circle-asist2 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: gray; /* Color por defecto */
  margin-right: 10px;

  display: flex;
  align-items: center;   /* Centra verticalmente el contenido */
  justify-content: center; /* Centra horizontalmente el contenido */
  color: white;           /* Color del símbolo % */
  font-size: 12px;        /* Ajusta el tamaño del símbolo % */
  font-weight: bold;
}

.asist-text2 {
  flex: 0 0 90%;
  font-size: 0.680rem; /* Texto más pequeño */
  color: #333;
  font-family: Arial, sans-serif;
  line-height: 1.4;
}

.asist-text2 b,
.asist-text2 strong {
  font-weight: bold;
}

.border-green {
  border-color: green;
}

.border-yellow {
  border-color: yellow;
}

.border-orange {
  border-color: orange;
}

.border-red {
  border-color: red;
}

.bg-green {
  background-color: green;
}

.bg-yellow {
  background-color: yellow;
}

.bg-orange {
  background-color: orange;
}

.bg-red {
  background-color: red;
}

.alerta_ventas {
  background-color: red;      /* Fondo rojo */
  color: white;               /* Texto blanco */
  width: 100%;                /* Ocupa todo el ancho del contenedor */
  text-align: center;         /* Texto alineado al centro */
  padding: 10px;              /* Espaciado interno (opcional, para mejor visibilidad) */
  box-sizing: border-box;     /* Asegura que el padding no desborde el ancho */
}

.btn-topinfo {
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  color: #fff;
  font-size: 12px;
  padding: 3px;
}
.btn-topinfo.edit {
  background-color: #3498db;
}
.btn-topinfo.edit:hover {
  background-color: #1d6fa5;
}