@charset "UTF-8";
@font-face {
  font-family: "Muli Regular";
  src: url("../fonts/Muli-Regular.ttf") format("truetype"); }
@font-face {
  font-family: "Muli Black";
  src: url("../fonts/Muli-Black.ttf") format("truetype"); }
@font-face {
  font-family: "Muli Bold";
  src: url("../fonts/Muli-Bold.ttf") format("truetype"); }
.aleft {
  text-align: left;
  padding-left: 5px; }

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

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

.iconos-1 {
  background-image: url(../images/iconos/iconos200blanco.png);
  background-repeat: no-repeat;
  background-size: 330px;
  width: 30px;
  height: 30px;
  display: block; }
  .iconos-1.calendario {
    background-position: -0px -0px; }
    .iconos-1.calendario.hover:hover {
      cursor: pointer;
      background-position: -0px -30px; }
  .iconos-1.calendario2 {
    background-position: -30px -0px; }
    .iconos-1.calendario2.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-1.sucursal {
    background-position: -60px -0px; }
    .iconos-1.sucursal.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos-1.clip {
    background-position: -90px -0px; }
    .iconos-1.clip.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos-1.cuentas {
    background-position: -120px -0px; }
    .iconos-1.cuentas.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos-1.grabar {
    background-position: -150px -0px; }
    .iconos-1.grabar.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .iconos-1.catalogo {
    background-position: -180px -0px; }
    .iconos-1.catalogo.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .iconos-1.catalogo2 {
    background-position: -210px -0px; }
    .iconos-1.catalogo2.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .iconos-1.engranes {
    background-position: -240px -0px; }
    .iconos-1.engranes.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .iconos-1.doc {
    background-position: -270px -0px; }
    .iconos-1.doc.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .iconos-1.docplus {
    background-position: -300px -0px; }
    .iconos-1.docplus.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }
  .iconos-1.notatranscripcion {
    background-position: -0px -30px; }
    .iconos-1.notatranscripcion.hover:hover {
      cursor: pointer;
      background-position: -0px -30px; }
  .iconos-1.transcribir {
    background-position: -30px -30px; }
    .iconos-1.transcribir.hover:hover {
      cursor: pointer;
      background-position: -30px -30px; }
  .iconos-1.guardar {
    background-position: -60px -30px; }
    .iconos-1.guardar.hover:hover {
      cursor: pointer;
      background-position: -60px -30px; }
  .iconos-1.repetir {
    background-position: -90px -30px; }
    .iconos-1.repetir.hover:hover {
      cursor: pointer;
      background-position: -90px -30px; }
  .iconos-1.ingresos {
    background-position: -120px -30px; }
    .iconos-1.ingresos.hover:hover {
      cursor: pointer;
      background-position: -120px -30px; }
  .iconos-1.egresos {
    background-position: -150px -30px; }
    .iconos-1.egresos.hover:hover {
      cursor: pointer;
      background-position: -150px -30px; }
  .iconos-1.nota {
    background-position: -180px -30px; }
    .iconos-1.nota.hover:hover {
      cursor: pointer;
      background-position: -180px -30px; }
  .iconos-1.catalogoserv {
    background-position: -210px -30px; }
    .iconos-1.catalogoserv.hover:hover {
      cursor: pointer;
      background-position: -210px -30px; }
  .iconos-1.checkgrabar {
    background-position: -240px -30px; }
    .iconos-1.checkgrabar.hover:hover {
      cursor: pointer;
      background-position: -240px -30px; }
  .iconos-1.cuenta {
    background-position: -270px -30px; }
    .iconos-1.cuenta.hover:hover {
      cursor: pointer;
      background-position: -270px -30px; }
  .iconos-1.bajarcuenta {
    background-position: -300px -30px; }
    .iconos-1.bajarcuenta.hover:hover {
      cursor: pointer;
      background-position: -300px -30px; }

.iconos-2 {
  background-image: url(../images/iconos/iconos200blanco.png);
  background-repeat: no-repeat;
  background-size: 220px;
  width: 20px;
  height: 20px;
  display: block; }
  .iconos-2.calendario {
    background-position: -0px -0px; }
    .iconos-2.calendario.hover:hover {
      cursor: pointer;
      background-position: -0px -20px; }
  .iconos-2.calendario2 {
    background-position: -20px -0px; }
    .iconos-2.calendario2.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .iconos-2.sucursal {
    background-position: -40px -0px; }
    .iconos-2.sucursal.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .iconos-2.clip {
    background-position: -60px -0px; }
    .iconos-2.clip.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .iconos-2.cuentas {
    background-position: -80px -0px; }
    .iconos-2.cuentas.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .iconos-2.grabar {
    background-position: -100px -0px; }
    .iconos-2.grabar.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .iconos-2.catalogo {
    background-position: -120px -0px; }
    .iconos-2.catalogo.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .iconos-2.catalogo2 {
    background-position: -140px -0px; }
    .iconos-2.catalogo2.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .iconos-2.engranes {
    background-position: -160px -0px; }
    .iconos-2.engranes.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .iconos-2.doc {
    background-position: -180px -0px; }
    .iconos-2.doc.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .iconos-2.docplus {
    background-position: -200px -0px; }
    .iconos-2.docplus.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }
  .iconos-2.notatranscripcion {
    background-position: -0px -20px; }
    .iconos-2.notatranscripcion.hover:hover {
      cursor: pointer;
      background-position: -0px -20px; }
  .iconos-2.transcribir {
    background-position: -20px -20px; }
    .iconos-2.transcribir.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .iconos-2.guardar {
    background-position: -40px -20px; }
    .iconos-2.guardar.hover:hover {
      cursor: pointer;
      background-position: -40px -20px; }
  .iconos-2.repetir {
    background-position: -60px -20px; }
    .iconos-2.repetir.hover:hover {
      cursor: pointer;
      background-position: -60px -20px; }
  .iconos-2.ingresos {
    background-position: -80px -20px; }
    .iconos-2.ingresos.hover:hover {
      cursor: pointer;
      background-position: -80px -20px; }
  .iconos-2.egresos {
    background-position: -100px -20px; }
    .iconos-2.egresos.hover:hover {
      cursor: pointer;
      background-position: -100px -20px; }
  .iconos-2.nota {
    background-position: -120px -20px; }
    .iconos-2.nota.hover:hover {
      cursor: pointer;
      background-position: -120px -20px; }
  .iconos-2.catalogoserv {
    background-position: -140px -20px; }
    .iconos-2.catalogoserv.hover:hover {
      cursor: pointer;
      background-position: -140px -20px; }
  .iconos-2.checkgrabar {
    background-position: -160px -20px; }
    .iconos-2.checkgrabar.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .iconos-2.cuenta {
    background-position: -180px -20px; }
    .iconos-2.cuenta.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }
  .iconos-2.bajarcuenta {
    background-position: -200px -20px; }
    .iconos-2.bajarcuenta.hover:hover {
      cursor: pointer;
      background-position: -200px -20px; }

.iconos-3 {
  background-image: url(../images/iconos/iconos200blanco.png);
  background-repeat: no-repeat;
  background-size: 264px;
  width: 24px;
  height: 24px;
  display: block; }
  .iconos-3.calendario {
    background-position: -0px -0px; }
    .iconos-3.calendario.hover:hover {
      cursor: pointer;
      background-position: -0px -24px; }
  .iconos-3.calendario2 {
    background-position: -24px -0px; }
    .iconos-3.calendario2.hover:hover {
      cursor: pointer;
      background-position: -24px -24px; }
  .iconos-3.sucursal {
    background-position: -48px -0px; }
    .iconos-3.sucursal.hover:hover {
      cursor: pointer;
      background-position: -48px -24px; }
  .iconos-3.clip {
    background-position: -72px -0px; }
    .iconos-3.clip.hover:hover {
      cursor: pointer;
      background-position: -72px -24px; }
  .iconos-3.cuentas {
    background-position: -96px -0px; }
    .iconos-3.cuentas.hover:hover {
      cursor: pointer;
      background-position: -96px -24px; }
  .iconos-3.grabar {
    background-position: -120px -0px; }
    .iconos-3.grabar.hover:hover {
      cursor: pointer;
      background-position: -120px -24px; }
  .iconos-3.catalogo {
    background-position: -144px -0px; }
    .iconos-3.catalogo.hover:hover {
      cursor: pointer;
      background-position: -144px -24px; }
  .iconos-3.catalogo2 {
    background-position: -168px -0px; }
    .iconos-3.catalogo2.hover:hover {
      cursor: pointer;
      background-position: -168px -24px; }
  .iconos-3.engranes {
    background-position: -192px -0px; }
    .iconos-3.engranes.hover:hover {
      cursor: pointer;
      background-position: -192px -24px; }
  .iconos-3.doc {
    background-position: -216px -0px; }
    .iconos-3.doc.hover:hover {
      cursor: pointer;
      background-position: -216px -24px; }
  .iconos-3.docplus {
    background-position: -240px -0px; }
    .iconos-3.docplus.hover:hover {
      cursor: pointer;
      background-position: -240px -24px; }
  .iconos-3.notatranscripcion {
    background-position: -0px -24px; }
    .iconos-3.notatranscripcion.hover:hover {
      cursor: pointer;
      background-position: -0px -24px; }
  .iconos-3.transcribir {
    background-position: -24px -24px; }
    .iconos-3.transcribir.hover:hover {
      cursor: pointer;
      background-position: -24px -24px; }
  .iconos-3.guardar {
    background-position: -48px -24px; }
    .iconos-3.guardar.hover:hover {
      cursor: pointer;
      background-position: -48px -24px; }
  .iconos-3.repetir {
    background-position: -72px -24px; }
    .iconos-3.repetir.hover:hover {
      cursor: pointer;
      background-position: -72px -24px; }
  .iconos-3.ingresos {
    background-position: -96px -24px; }
    .iconos-3.ingresos.hover:hover {
      cursor: pointer;
      background-position: -96px -24px; }
  .iconos-3.egresos {
    background-position: -120px -24px; }
    .iconos-3.egresos.hover:hover {
      cursor: pointer;
      background-position: -120px -24px; }
  .iconos-3.nota {
    background-position: -144px -24px; }
    .iconos-3.nota.hover:hover {
      cursor: pointer;
      background-position: -144px -24px; }
  .iconos-3.catalogoserv {
    background-position: -168px -24px; }
    .iconos-3.catalogoserv.hover:hover {
      cursor: pointer;
      background-position: -168px -24px; }
  .iconos-3.checkgrabar {
    background-position: -192px -24px; }
    .iconos-3.checkgrabar.hover:hover {
      cursor: pointer;
      background-position: -192px -24px; }
  .iconos-3.cuenta {
    background-position: -216px -24px; }
    .iconos-3.cuenta.hover:hover {
      cursor: pointer;
      background-position: -216px -24px; }
  .iconos-3.bajarcuenta {
    background-position: -240px -24px; }
    .iconos-3.bajarcuenta.hover:hover {
      cursor: pointer;
      background-position: -240px -24px; }

.iconos-4 {
  background-image: url(../images/iconos/iconos200blanco.png);
  background-repeat: no-repeat;
  background-size: 187px;
  width: 17px;
  height: 17px;
  display: block; }
  .iconos-4.calendario {
    background-position: -0px -0px; }
    .iconos-4.calendario.hover:hover {
      cursor: pointer;
      background-position: -0px -17px; }
  .iconos-4.calendario2 {
    background-position: -17px -0px; }
    .iconos-4.calendario2.hover:hover {
      cursor: pointer;
      background-position: -17px -17px; }
  .iconos-4.sucursal {
    background-position: -34px -0px; }
    .iconos-4.sucursal.hover:hover {
      cursor: pointer;
      background-position: -34px -17px; }
  .iconos-4.clip {
    background-position: -51px -0px; }
    .iconos-4.clip.hover:hover {
      cursor: pointer;
      background-position: -51px -17px; }
  .iconos-4.cuentas {
    background-position: -68px -0px; }
    .iconos-4.cuentas.hover:hover {
      cursor: pointer;
      background-position: -68px -17px; }
  .iconos-4.grabar {
    background-position: -85px -0px; }
    .iconos-4.grabar.hover:hover {
      cursor: pointer;
      background-position: -85px -17px; }
  .iconos-4.catalogo {
    background-position: -102px -0px; }
    .iconos-4.catalogo.hover:hover {
      cursor: pointer;
      background-position: -102px -17px; }
  .iconos-4.catalogo2 {
    background-position: -119px -0px; }
    .iconos-4.catalogo2.hover:hover {
      cursor: pointer;
      background-position: -119px -17px; }
  .iconos-4.engranes {
    background-position: -136px -0px; }
    .iconos-4.engranes.hover:hover {
      cursor: pointer;
      background-position: -136px -17px; }
  .iconos-4.doc {
    background-position: -153px -0px; }
    .iconos-4.doc.hover:hover {
      cursor: pointer;
      background-position: -153px -17px; }
  .iconos-4.docplus {
    background-position: -170px -0px; }
    .iconos-4.docplus.hover:hover {
      cursor: pointer;
      background-position: -170px -17px; }
  .iconos-4.notatranscripcion {
    background-position: -0px -17px; }
    .iconos-4.notatranscripcion.hover:hover {
      cursor: pointer;
      background-position: -0px -17px; }
  .iconos-4.transcribir {
    background-position: -17px -17px; }
    .iconos-4.transcribir.hover:hover {
      cursor: pointer;
      background-position: -17px -17px; }
  .iconos-4.guardar {
    background-position: -34px -17px; }
    .iconos-4.guardar.hover:hover {
      cursor: pointer;
      background-position: -34px -17px; }
  .iconos-4.repetir {
    background-position: -51px -17px; }
    .iconos-4.repetir.hover:hover {
      cursor: pointer;
      background-position: -51px -17px; }
  .iconos-4.ingresos {
    background-position: -68px -17px; }
    .iconos-4.ingresos.hover:hover {
      cursor: pointer;
      background-position: -68px -17px; }
  .iconos-4.egresos {
    background-position: -85px -17px; }
    .iconos-4.egresos.hover:hover {
      cursor: pointer;
      background-position: -85px -17px; }
  .iconos-4.nota {
    background-position: -102px -17px; }
    .iconos-4.nota.hover:hover {
      cursor: pointer;
      background-position: -102px -17px; }
  .iconos-4.catalogoserv {
    background-position: -119px -17px; }
    .iconos-4.catalogoserv.hover:hover {
      cursor: pointer;
      background-position: -119px -17px; }
  .iconos-4.checkgrabar {
    background-position: -136px -17px; }
    .iconos-4.checkgrabar.hover:hover {
      cursor: pointer;
      background-position: -136px -17px; }
  .iconos-4.cuenta {
    background-position: -153px -17px; }
    .iconos-4.cuenta.hover:hover {
      cursor: pointer;
      background-position: -153px -17px; }
  .iconos-4.bajarcuenta {
    background-position: -170px -17px; }
    .iconos-4.bajarcuenta.hover:hover {
      cursor: pointer;
      background-position: -170px -17px; }

.iconos-6 {
  background-image: url(../images/iconos/iconos200blanco.png);
  background-repeat: no-repeat;
  background-size: 264px;
  width: 24px;
  height: 24px;
  display: block; }
  .iconos-6.calendario {
    background-position: -0px -0px; }
    .iconos-6.calendario.hover:hover {
      cursor: pointer;
      background-position: -0px -24px; }
  .iconos-6.calendario2 {
    background-position: -24px -0px; }
    .iconos-6.calendario2.hover:hover {
      cursor: pointer;
      background-position: -24px -24px; }
  .iconos-6.sucursal {
    background-position: -48px -0px; }
    .iconos-6.sucursal.hover:hover {
      cursor: pointer;
      background-position: -48px -24px; }
  .iconos-6.clip {
    background-position: -72px -0px; }
    .iconos-6.clip.hover:hover {
      cursor: pointer;
      background-position: -72px -24px; }
  .iconos-6.cuentas {
    background-position: -96px -0px; }
    .iconos-6.cuentas.hover:hover {
      cursor: pointer;
      background-position: -96px -24px; }
  .iconos-6.grabar {
    background-position: -120px -0px; }
    .iconos-6.grabar.hover:hover {
      cursor: pointer;
      background-position: -120px -24px; }
  .iconos-6.catalogo {
    background-position: -144px -0px; }
    .iconos-6.catalogo.hover:hover {
      cursor: pointer;
      background-position: -144px -24px; }
  .iconos-6.catalogo2 {
    background-position: -168px -0px; }
    .iconos-6.catalogo2.hover:hover {
      cursor: pointer;
      background-position: -168px -24px; }
  .iconos-6.engranes {
    background-position: -192px -0px; }
    .iconos-6.engranes.hover:hover {
      cursor: pointer;
      background-position: -192px -24px; }
  .iconos-6.doc {
    background-position: -216px -0px; }
    .iconos-6.doc.hover:hover {
      cursor: pointer;
      background-position: -216px -24px; }
  .iconos-6.docplus {
    background-position: -240px -0px; }
    .iconos-6.docplus.hover:hover {
      cursor: pointer;
      background-position: -240px -24px; }
  .iconos-6.notatranscripcion {
    background-position: -0px -24px; }
    .iconos-6.notatranscripcion.hover:hover {
      cursor: pointer;
      background-position: -0px -24px; }
  .iconos-6.transcribir {
    background-position: -24px -24px; }
    .iconos-6.transcribir.hover:hover {
      cursor: pointer;
      background-position: -24px -24px; }
  .iconos-6.guardar {
    background-position: -48px -24px; }
    .iconos-6.guardar.hover:hover {
      cursor: pointer;
      background-position: -48px -24px; }
  .iconos-6.repetir {
    background-position: -72px -24px; }
    .iconos-6.repetir.hover:hover {
      cursor: pointer;
      background-position: -72px -24px; }
  .iconos-6.ingresos {
    background-position: -96px -24px; }
    .iconos-6.ingresos.hover:hover {
      cursor: pointer;
      background-position: -96px -24px; }
  .iconos-6.egresos {
    background-position: -120px -24px; }
    .iconos-6.egresos.hover:hover {
      cursor: pointer;
      background-position: -120px -24px; }
  .iconos-6.nota {
    background-position: -144px -24px; }
    .iconos-6.nota.hover:hover {
      cursor: pointer;
      background-position: -144px -24px; }
  .iconos-6.catalogoserv {
    background-position: -168px -24px; }
    .iconos-6.catalogoserv.hover:hover {
      cursor: pointer;
      background-position: -168px -24px; }
  .iconos-6.checkgrabar {
    background-position: -192px -24px; }
    .iconos-6.checkgrabar.hover:hover {
      cursor: pointer;
      background-position: -192px -24px; }
  .iconos-6.cuenta {
    background-position: -216px -24px; }
    .iconos-6.cuenta.hover:hover {
      cursor: pointer;
      background-position: -216px -24px; }
  .iconos-6.bajarcuenta {
    background-position: -240px -24px; }
    .iconos-6.bajarcuenta.hover:hover {
      cursor: pointer;
      background-position: -240px -24px; }

.botones-1 {
  background-image: url(../images/iconos/botones.png?v1.3);
  background-repeat: no-repeat;
  background-size: 672px;
  width: 24px;
  height: 24px;
  display: block; }
  .botones-1.capturafoto {
    background-position: -0px -0px; }
    .botones-1.capturafoto.hover:hover {
      cursor: pointer;
      background-position: -0px -24px; }
  .botones-1.atras {
    background-position: -24px -0px; }
    .botones-1.atras.hover:hover {
      cursor: pointer;
      background-position: -24px -24px; }
  .botones-1.adelante {
    background-position: -48px -0px; }
    .botones-1.adelante.hover:hover {
      cursor: pointer;
      background-position: -48px -24px; }
  .botones-1.agregar {
    background-position: -72px -0px; }
    .botones-1.agregar.hover:hover {
      cursor: pointer;
      background-position: -72px -24px; }
  .botones-1.cerrar {
    background-position: -96px -0px; }
    .botones-1.cerrar.hover:hover {
      cursor: pointer;
      background-position: -96px -24px; }
  .botones-1.borrar {
    background-position: -120px -0px; }
    .botones-1.borrar.hover:hover {
      cursor: pointer;
      background-position: -120px -24px; }
  .botones-1.ver {
    background-position: -144px -0px; }
    .botones-1.ver.hover:hover {
      cursor: pointer;
      background-position: -144px -24px; }
  .botones-1.editar {
    background-position: -168px -0px; }
    .botones-1.editar.hover:hover {
      cursor: pointer;
      background-position: -168px -24px; }
  .botones-1.lupa {
    background-position: -192px -0px; }
    .botones-1.lupa.hover:hover {
      cursor: pointer;
      background-position: -192px -24px; }
  .botones-1.siguiente {
    background-position: -216px -0px; }
    .botones-1.siguiente.hover:hover {
      cursor: pointer;
      background-position: -216px -24px; }
  .botones-1.anterior {
    background-position: -240px -0px; }
    .botones-1.anterior.hover:hover {
      cursor: pointer;
      background-position: -240px -24px; }
  .botones-1.temporal {
    background-position: -264px -0px; }
    .botones-1.temporal.hover:hover {
      cursor: pointer;
      background-position: -264px -24px; }
  .botones-1.clip {
    background-position: -288px -0px; }
    .botones-1.clip.hover:hover {
      cursor: pointer;
      background-position: -288px -24px; }
  .botones-1.imprimir {
    background-position: -312px -0px; }
    .botones-1.imprimir.hover:hover {
      cursor: pointer;
      background-position: -312px -24px; }
  .botones-1.subir {
    background-position: -336px -0px; }
    .botones-1.subir.hover:hover {
      cursor: pointer;
      background-position: -336px -24px; }
  .botones-1.descargar {
    background-position: -360px -0px; }
    .botones-1.descargar.hover:hover {
      cursor: pointer;
      background-position: -360px -24px; }
  .botones-1.adelante2 {
    background-position: -384px -0px; }
    .botones-1.adelante2.hover:hover {
      cursor: pointer;
      background-position: -384px -24px; }
  .botones-1.atras2 {
    background-position: -408px -0px; }
    .botones-1.atras2.hover:hover {
      cursor: pointer;
      background-position: -408px -24px; }
  .botones-1.subirticket {
    background-position: -432px -0px; }
    .botones-1.subirticket.hover:hover {
      cursor: pointer;
      background-position: -432px -24px; }
  .botones-1.verticket {
    background-position: -456px -0px; }
    .botones-1.verticket.hover:hover {
      cursor: pointer;
      background-position: -456px -24px; }
  .botones-1.hamburger {
    background-position: -480px -0px; }
    .botones-1.hamburger.hover:hover {
      cursor: pointer;
      background-position: -480px -24px; }
  .botones-1.enviarmail {
    background-position: -504px -0px; }
    .botones-1.enviarmail.hover:hover {
      cursor: pointer;
      background-position: -504px -24px; }
  .botones-1.reabrir {
    background-position: -528px -0px; }
    .botones-1.reabrir.hover:hover {
      cursor: pointer;
      background-position: -528px -24px; }
  .botones-1.doc {
    background-position: -552px -0px; }
    .botones-1.doc.hover:hover {
      cursor: pointer;
      background-position: -552px -24px; }
  .botones-1.factura {
    background-position: -576px -0px; }
    .botones-1.factura.hover:hover {
      cursor: pointer;
      background-position: -576px -24px; }
  .botones-1.recibo {
    background-position: -600px -0px; }
    .botones-1.recibo.hover:hover {
      cursor: pointer;
      background-position: -600px -24px; }
  .botones-1.duplicidad {
    background-position: -624px -0px; }
    .botones-1.duplicidad.hover:hover {
      cursor: pointer;
      background-position: -624px -24px; }
  .botones-1.buscadorser {
    background-position: -648px -0px; }
    .botones-1.buscadorser.hover:hover {
      cursor: pointer;
      background-position: -648px -24px; }
  .botones-1.enviarfact {
    background-position: -672px -0px; }
    .botones-1.enviarfact.hover:hover {
      cursor: pointer;
      background-position: -672px -24px; }

.botones-2 {
  background-image: url(../images/iconos/botones.png?v1.3);
  background-repeat: no-repeat;
  background-size: 476px;
  width: 17px;
  height: 17px;
  display: block; }
  .botones-2.capturafoto {
    background-position: -0px -0px; }
    .botones-2.capturafoto.hover:hover {
      cursor: pointer;
      background-position: -0px -17px; }
  .botones-2.atras {
    background-position: -17px -0px; }
    .botones-2.atras.hover:hover {
      cursor: pointer;
      background-position: -17px -17px; }
  .botones-2.adelante {
    background-position: -34px -0px; }
    .botones-2.adelante.hover:hover {
      cursor: pointer;
      background-position: -34px -17px; }
  .botones-2.agregar {
    background-position: -51px -0px; }
    .botones-2.agregar.hover:hover {
      cursor: pointer;
      background-position: -51px -17px; }
  .botones-2.cerrar {
    background-position: -68px -0px; }
    .botones-2.cerrar.hover:hover {
      cursor: pointer;
      background-position: -68px -17px; }
  .botones-2.borrar {
    background-position: -85px -0px; }
    .botones-2.borrar.hover:hover {
      cursor: pointer;
      background-position: -85px -17px; }
  .botones-2.ver {
    background-position: -102px -0px; }
    .botones-2.ver.hover:hover {
      cursor: pointer;
      background-position: -102px -17px; }
  .botones-2.editar {
    background-position: -119px -0px; }
    .botones-2.editar.hover:hover {
      cursor: pointer;
      background-position: -119px -17px; }
  .botones-2.lupa {
    background-position: -136px -0px; }
    .botones-2.lupa.hover:hover {
      cursor: pointer;
      background-position: -136px -17px; }
  .botones-2.siguiente {
    background-position: -153px -0px; }
    .botones-2.siguiente.hover:hover {
      cursor: pointer;
      background-position: -153px -17px; }
  .botones-2.anterior {
    background-position: -170px -0px; }
    .botones-2.anterior.hover:hover {
      cursor: pointer;
      background-position: -170px -17px; }
  .botones-2.temporal {
    background-position: -187px -0px; }
    .botones-2.temporal.hover:hover {
      cursor: pointer;
      background-position: -187px -17px; }
  .botones-2.clip {
    background-position: -204px -0px; }
    .botones-2.clip.hover:hover {
      cursor: pointer;
      background-position: -204px -17px; }
  .botones-2.imprimir {
    background-position: -221px -0px; }
    .botones-2.imprimir.hover:hover {
      cursor: pointer;
      background-position: -221px -17px; }
  .botones-2.subir {
    background-position: -238px -0px; }
    .botones-2.subir.hover:hover {
      cursor: pointer;
      background-position: -238px -17px; }
  .botones-2.descargar {
    background-position: -255px -0px; }
    .botones-2.descargar.hover:hover {
      cursor: pointer;
      background-position: -255px -17px; }
  .botones-2.adelante2 {
    background-position: -272px -0px; }
    .botones-2.adelante2.hover:hover {
      cursor: pointer;
      background-position: -272px -17px; }
  .botones-2.atras2 {
    background-position: -289px -0px; }
    .botones-2.atras2.hover:hover {
      cursor: pointer;
      background-position: -289px -17px; }
  .botones-2.subirticket {
    background-position: -306px -0px; }
    .botones-2.subirticket.hover:hover {
      cursor: pointer;
      background-position: -306px -17px; }
  .botones-2.verticket {
    background-position: -323px -0px; }
    .botones-2.verticket.hover:hover {
      cursor: pointer;
      background-position: -323px -17px; }
  .botones-2.hamburger {
    background-position: -340px -0px; }
    .botones-2.hamburger.hover:hover {
      cursor: pointer;
      background-position: -340px -17px; }
  .botones-2.enviarmail {
    background-position: -357px -0px; }
    .botones-2.enviarmail.hover:hover {
      cursor: pointer;
      background-position: -357px -17px; }
  .botones-2.reabrir {
    background-position: -374px -0px; }
    .botones-2.reabrir.hover:hover {
      cursor: pointer;
      background-position: -374px -17px; }
  .botones-2.doc {
    background-position: -391px -0px; }
    .botones-2.doc.hover:hover {
      cursor: pointer;
      background-position: -391px -17px; }
  .botones-2.factura {
    background-position: -408px -0px; }
    .botones-2.factura.hover:hover {
      cursor: pointer;
      background-position: -408px -17px; }
  .botones-2.recibo {
    background-position: -425px -0px; }
    .botones-2.recibo.hover:hover {
      cursor: pointer;
      background-position: -425px -17px; }
  .botones-2.duplicidad {
    background-position: -442px -0px; }
    .botones-2.duplicidad.hover:hover {
      cursor: pointer;
      background-position: -442px -17px; }
  .botones-2.buscadorser {
    background-position: -459px -0px; }
    .botones-2.buscadorser.hover:hover {
      cursor: pointer;
      background-position: -459px -17px; }
  .botones-2.enviarfact {
    background-position: -476px -0px; }
    .botones-2.enviarfact.hover:hover {
      cursor: pointer;
      background-position: -476px -17px; }

.b-fac-1 {
  background-image: url(../images/iconos/botonesfac.png?v1.2);
  background-repeat: no-repeat;
  background-size: 200px;
  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.canceltimbra {
    background-position: -160px -0px; }
    .b-fac-1.canceltimbra.hover:hover {
      cursor: pointer;
      background-position: -160px -20px; }
  .b-fac-1.cancelsat {
    background-position: -180px -0px; }
    .b-fac-1.cancelsat.hover:hover {
      cursor: pointer;
      background-position: -180px -20px; }

.icono-1 {
  background-image: url(../images/iconos/iconos2.png);
  background-repeat: no-repeat;
  background-size: 40px;
  width: 20px;
  height: 20px;
  display: block; }
  .icono-1.salir {
    background-position: -0px -0px; }
    .icono-1.salir.hover:hover {
      cursor: pointer;
      background-position: -0px -20px; }
  .icono-1.lupa {
    background-position: -20px -0px; }
    .icono-1.lupa.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
  .icono-1.npassword {
    background-position: -0px -20px; }
    .icono-1.npassword.hover:hover {
      cursor: pointer;
      background-position: -0px -20px; }
      .icono-1.recargar {
        background-position: -20px -20px; }
        .icono-1.recargar.hover:hover {
          cursor: pointer;
          background-position: -20px -20px; }

.icono-2 {
  background-image: url(../images/iconos/iconos-plus.png);
  background-repeat: no-repeat;
  background-size: 80px;
  width: 20px;
  height: 20px;
  display: block; }
  .icono-2.salir {
    background-position: -0px -0px; }
    .icono-2.salir.hover:hover {
      cursor: pointer;
      background-position: -0px -20px; }
  .icono-2.lupa {
    background-position: -20px -0px; }
    .icono-2.lupa.hover:hover {
      cursor: pointer;
      background-position: -20px -20px; }
      .icono-2.importe {
        background-position: -40px -0px; }
        .icono-2.importe.hover:hover {
          cursor: pointer;
          background-position: -40px -20px; }
          .icono-2.descuento {
            background-position: -60px -0px; }
            .icono-2.descuento.hover:hover {
              cursor: pointer;
              background-position: -60px -20px; }
            .icono-2.npassword {
              background-position: -0px -20px; }
              .icono-2.npassword.hover:hover {
                cursor: pointer;
                background-position: -0px -20px; }
                .icono-2.recargar {
                  background-position: -20px -20px; }
                  .icono-2.recargar.hover:hover {
                    cursor: pointer;
                    background-position: -20px -20px; }
                    .icono-2.retencion {
                      background-position: -40px -20px; }
                      .icono-2.retencion.hover:hover {
                        cursor: pointer;
                        background-position: -40px -20px; }
                        .icono-2.filtrar {
                          background-position: -60px -20px; }
                          .icono-2.filtrar.hover:hover {
                            cursor: pointer;
                            background-position: -60px -20px; }
          

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

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

.menu-i {
  margin-left: -10px !important;
  margin-right: 5px;
  margin-top: -4px;
  background-color: #6dc8bf;
  border: 3px solid #6dc8bf;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px; }
  .menu-i.nota {
    background-color: red;
    border: 3px solid red; }
  .menu-i.transcribir {
    background-color: orange;
    border: 3px solid orange; }
  .menu-i.calendario2 {
    background-color: #96c13c;
    border: 3px solid #96c13c; }
  .menu-i.ingresos {
    background-color: #524fa1;
    border: 3px solid #524fa1; }
  .menu-i.catalogoserv {
    background-color: #ffc40c;
    border: 3px solid #ffc40c; }
  .menu-i.guardar {
    background-color: #6dc8bf;
    border: 3px solid #6dc8bf; }
  .menu-i.egresos {
    background-color: green;
    border: 3px solid green; }
  .menu-i.catalogo {
    background-color: skyblue;
    border: 3px solid skyblue; }

.iconos-6 {
  background-color: orange;
  border: 2px solid orange;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer; }
  .iconos-6.cancelar {
    background-color: red;
    border: 3px solid red; }
  .iconos-6:hover {
    background-color: darkorange;
    border: 3px solid darkorange; }
  .iconos-6.on {
    background-color: red;
    border: 3px solid red; }

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

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

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

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

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

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

.capitalize {
  text-transform: capitalize; }

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

.fsize13 {
  font-size: 13px; }

.fsize12 {
  font-size: 12px; }

.aleft {
  text-align: left; }

.aright {
  text-align: right; }

.acenter {
  text-align: center; }

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

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

.hide {
  display: none !important; }

.fright {
  float: right !important; }

.cverde {
  filter: hue-rotate(290deg);
}
.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 input.close[type=submit], form .close.botonaccion.boton, form.basico input.close.botonaccion[type=submit] {
  position: absolute;
  right: 40px;
  top: 12px; }

body {
  font-family: "Muli", Helvetica, arial, sans-serif;
  font-weight: 300;
  background-color: #f1f2f2;
  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: 200px; }
    body.menu #nav {
      margin-left: -2px; }
      body.menu #nav .openMenu {
        margin-left: 0; }

a, form.basico input[type=submit], form input[type=submit], form input.botonaccion[type=submit], form .botonaccion.boton, form.basico .botonaccion.boton, form.basico input.botonaccion[type=submit] {
  border: none;
  text-decoration: none; }
  a img, form.basico input[type=submit] img, form input[type=submit] img, form input.botonaccion[type=submit] img, form .botonaccion.boton img, form.basico .botonaccion.boton img, form.basico input.botonaccion[type=submit] img {
    border: none;
    text-decoration: none; }
  a.rightup, form input.rightup[type=submit], form .rightup.botonaccion.boton, form.basico input.rightup.botonaccion[type=submit] {
    float: right;
    margin-left: 10px;
    cursor: pointer; }
  a.remove, form input.remove[type=submit], form .remove.botonaccion.boton, form.basico input.remove.botonaccion[type=submit] {
    cursor: pointer; }
  a.pointer, form input.pointer[type=submit], form .pointer.botonaccion.boton, form.basico input.pointer.botonaccion[type=submit] {
    cursor: pointer; }
  a.orange, form input.orange[type=submit], form .orange.botonaccion.boton, form.basico input.orange.botonaccion[type=submit] {
    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: #c6ffc6 !important; }
span.orange, small.orange, h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, th.orange, b.orange {
  color: orange !important; }
span.purple, small.purple, h1.purple, h2.purple, h3.purple, h4.purple, h5.purple, th.purple, b.purple {
  color: purple !important; }
span.blue, small.blue, h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, th.blue, b.blue {
  color: blue !important; }
span.gray, small.gray, h1.gray, h2.gray, h3.gray, h4.gray, h5.gray, th.gray, b.gray {
  color: gray; }

.red {
  color: red; }

.bold {
  font-weight: bold; }

pre {
  white-space: pre-wrap; }

section {
  min-width: 100%;
  padding: 30px 20px 60px 20px;
  min-height: 400px;
  height: auto;
  display: block;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out; }
  section.infinitywidth {
    width: auto !important;
    display: block;
    overflow: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden; }
  section.thebitacoracontent {
    padding: 0; }
    section.thebitacoracontent .table {
      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 #4fa2f8; }
    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: #4fa2f8; }

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: #717171;
    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 input[type=submit], form div.dash li input[type=submit], div.dash li form .botonaccion.boton, form div.dash li .botonaccion.boton, div.dash li form.basico input.botonaccion[type=submit], form.basico div.dash li input.botonaccion[type=submit] {
      color: white;
      width: 100%;
      font-size: 13px;
      text-align: center;
      background-color: #e6e7e8;
      -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], form div.dash li:hover input[type=submit], div.dash li:hover form .botonaccion.boton, form div.dash li:hover .botonaccion.boton {
      background-color: #20b1c4; }
div.table, div.regular {
  padding: 20px;
  float: left;
  margin: 0 1% 20px 1%;
  width: 98%;
  position: relative;
  background: white;
  -webkit-box-shadow: 1px 1px 1px rgba(153, 153, 153, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(153, 153, 153, 0.2);
  -ms-box-shadow: 1px 1px 1px rgba(153, 153, 153, 0.2);
  box-shadow: 1px 1px 1px rgba(153, 153, 153, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.table h4, div.regular h4 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: lighter;
    text-transform: uppercase;
    color: #0b4d59; }
div.topinfo {
  padding: 18px;
  margin: 0 1%;
  width: 95%;
  background: #0860bd;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* grid-template-rows: 1fr 2fr 1fr; */
  gap: 10px 40px;
  }
  div.topinfo .saldo {
    margin-top: 10px;
    color: white;
    width: 20%;
    height: auto;
    display: block;
    float: left;
    text-align: left;
    overflow: hidden;
    font-size: 13px;
    font-weight: normals; }
    div.topinfo .saldo b {
      width: 35%;
      text-align: right;
      float: left;
      display: block;
      font-weight: bold;
      color: #e7f9fb;
      margin-right: 10px;
      margin-top: 2px;
      font-size: 9px; }
div.half {
  float: left;
  width: 44.5%;
  display: block;
  margin: 0 1% 20px 1%;
  position: relative;
  clear: none;
  padding: 10px;
  min-height: 350px; }
  div.half.sort .dataTables_length {
    margin-top: 10px; }
  div.half.sort .dataTables_filter {
    margin-top: 10px;
    margin-right: 10px; }
  div.half:nth-child(odd) {
    float: left;
    display: block;
    margin: 0 1% 20px 1%;
    clear: left; }
  div.half.center {
    margin: 0 auto;
    float: inherit; }
div.third {
  float: left;
  width: 24%;
  display: block;
  margin: 0 1% 20px 1%; }
div.fourth {
  float: left;
  width: 23%;
  display: block;
  margin: 0 1% 20px 1%;
  min-height: 260px; }
.pop div.fourth, .pop div.third, .pop div.dash, .pop div.half, .pop div.table {
  background-color: white;
  clear: both !important;
  position: relative;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.pop div.table {
  width: 100%; }
@media (max-width: 1130px) {
  div.topinfo{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}

.info-item {
  height: 35px;
  width: 320px;
  border-radius: 15px;
  background-color: #e3edff;
  margin-bottom: 15px;
  justify-self: center;
}
 
.info-elements {
  height: 100%;
  width:50%;
  background: #6C92E0;
  display: flex;
  align-items: center;
  border-radius: 15px;
}

.info-icon {
  margin-left: 13px;
  padding: 13px;
  font-weight: bold;
  color: #cce7f5;
}
 
.info-text {
  margin-right: 30px;
  padding: 13px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  color: #cce7f5;
}

.info-amount {
  margin-left:200px;
  position:absolute;
  padding: 13px;
  font-weight: bold;
  font-size: 13px;
  color: #000000;
}

.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], form .index-block .modulo input[type=submit], .index-block .modulo form.basico .boton.botonaccion, form.basico .index-block .modulo .boton.botonaccion {
      padding: 21px 20px 20px 45px !important;
      text-transform: uppercase;
      background-color: #637cd4;
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      -ms-border-radius: 1px;
      border-radius: 1px;
      position: relative;
      width: 150px; }
    .index-block .modulo .mod-icon {
      position: absolute;
      left: 12px;
      top: 15px; }

h2.seccion {
  font-weight: 300;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #4fa2f8; }
h2 small a, h2 small form.basico input[type=submit], form.basico h2 small input[type=submit], h2 small form input[type=submit], form h2 small input[type=submit], h2 small form input.botonaccion[type=submit], form h2 small input.botonaccion[type=submit], h2 small form .botonaccion.boton, form h2 small .botonaccion.boton, h2 small form.basico .botonaccion.boton, form.basico h2 small .botonaccion.boton, h2 small form.basico input.botonaccion[type=submit], form.basico h2 small input.botonaccion[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: -5px; }
    h1 img.arrowr {
      width: 10px;
      margin-top: -2px;
      margin-left: 10px; }
  h1 small, h1 small a, h1 small form.basico input[type=submit], form.basico h1 small input[type=submit], h1 small form input[type=submit], form h1 small input[type=submit], h1 small form input.botonaccion[type=submit], form h1 small input.botonaccion[type=submit], h1 small form .botonaccion.boton, form h1 small .botonaccion.boton, h1 small form.basico .botonaccion.boton, form.basico h1 small .botonaccion.boton, h1 small form.basico input.botonaccion[type=submit], form.basico h1 small input.botonaccion[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 input[type=submit], form header.header h1 input[type=submit], header.header h1 form .botonaccion.boton, form header.header h1 .botonaccion.boton, header.header h1 form.basico input.botonaccion[type=submit], form.basico header.header h1 input.botonaccion[type=submit] {
  font-size: 14px;
  font-weight: lighter;
  color: gray; }

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

#nav {
  width: 200px;
  height: auto;
  margin-left: -200px;
  min-height: 100%;
  padding: 10px 0;
  position: absolute;
  top: -2px;
  left: 0;
  background-color: white;
  font-size: 12px;
  color: white;
  display: block;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  border-top: 2px solid #f0f0f0;
  border-left: 2px solid #f0f0f0; }
  #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: 200px;
    margin: -2px 0 0 -200px;
    background-color: white;
    background-image: url(../images/menu-azul.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 #f0f0f0;
    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: #f7faff; }
        #nav ul li.activo ul {
          max-height: 1000px; }
      #nav ul li.head {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        background-size: 30px 30px;
        background-repeat: no-repeat;
        background-position: left 10px top 5px;
        min-height: 40px;
        padding-left: 10px;
        border-bottom: 1px solid #f0f0f0; }
        #nav ul li.head > a:first-child, #nav ul form li.head > input[type=submit]:first-child, form #nav ul li.head > input[type=submit]:first-child, #nav ul form li.head > .botonaccion.boton:first-child, form #nav ul li.head > .botonaccion.boton: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: black;
          -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 > input[type=submit]:first-child, form #nav ul li.level2 > input[type=submit]:first-child, #nav ul form li.level2 > .botonaccion.boton:first-child, form #nav ul li.level2 > .botonaccion.boton:first-child {
        text-transform: uppercase;
        color: #4d4d4d;
        font-size: 1.1em;
        vertical-align: middle;
        font-weight: bold;
        padding-left: 1% !important; }
        #nav ul li.level2 > a:first-child:before, #nav ul form li.level2 > input[type=submit]:first-child:before, form #nav ul li.level2 > input[type=submit]:first-child:before, #nav ul form li.level2 > .botonaccion.boton:first-child:before, form #nav ul li.level2 > .botonaccion.boton:first-child:before {
          content: " ";
          vertical-align: top; }
      #nav ul li.off {
        background-color: white; }

#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], form #nav ul li ul input[type=submit], #nav ul li ul form .botonaccion.boton, form #nav ul li ul .botonaccion.boton {
    width: 100%;
    padding: 3px 5px !important;
    display: block;
    margin: 0;
    color: #4d4d4d;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#nav ul li a, #nav ul li form input[type=submit], form #nav ul li input[type=submit], #nav ul li form .botonaccion.boton, form #nav ul li .botonaccion.boton {
  width: 100%;
  margin: 0;
  color: white; }

.not-close{
  cursor: pointer;
  font-size: 15px;
}

.not-close:hover{
  color:black;
}

.not span{
  font-family: 'Muli Regular';
}

.count{
  font-family: 'Muli Black';
}

#notcounter {
  width: 16px;
  height: 16px;
  padding: 4px 5px 5px 5px;
  display: block;
  background-color: red;
  float: right;
  margin: 1px 4px 0 4px;
  text-align: center;
  color: white;
  font-size: 13px;
  -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: #ff8080; }

#notificaciones, #optionsUser  {
  position: absolute;
  margin-top: 20px;
  right: 0;
  width: 350px;
  display: block;
  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, #optionsUser header {
    width: 100%;
    float: left;
    letter-spacing: 1px;
    text-align: center;
    background-color: white;
    padding: 5px 10px;
    border-bottom: 1px solid #f0f0f0; }
    #notificaciones header h2, #optionsUser header h2{
      font-size: 12px;
      text-shadow: none;
      color: #4fa2f8;
      font-weight: bold; }
  #notificaciones:before, #optionsUser:before {
    content: "";
    width: 0;
    height: 0;
    top: 1px;
    right: 5px;
    margin-top: -10px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 9px solid rgba(0, 0, 0, 0.1); }
  #notificaciones:after, #optionsUser:after {
    content: "";
    width: 0;
    height: 0;
    top: 0;
    right: 7px;
    margin-top: -10px;
    z-index: 2;
    display: block;
    position: absolute;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 10px solid white; }
  #notificaciones.hidden, #optionsUser.hidden {
    max-height: 0;
    overflow: hidden;
    opacity: 0; }
  #notificaciones .alerta, #optionsUser .alerta {
    margin: 0;
    padding: 0; }
    #notificaciones .alerta span.normal {
      margin: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px 10px 10px 25px; }

.not {
  width: 100%;
  background-color: white;
  padding: 10px 10px 5px 25px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-transform: none;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px; }
  .not:nth-child(odd) {
    background-color: #f6f6f6; }
  .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: 100%;
    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: #e6e7e8; */
      margin-bottom: 5px; }
      .not p .head small {
        font-size: 0.8em;
        font-weight: lighter;
        color: black;
        vertical-align: middle;
        line-height: 1.4em; }
  .not .boton, .not form input[type=submit], form .not input[type=submit], .not form .boton.botonaccion, form .not .boton.botonaccion {
    width: auto;
    padding: 4px 5px !important;
    float: right;
    color: white;
    font-size: 11px;
    float: right;
    background-color: #004BA6 ;
    color: white;
    border-top: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0; }
    .not .boton:first-child, .not form input[type=submit]:first-child, form .not input[type=submit]:first-child, .not form.basico .boton.botonaccion:first-child, form.basico .not .boton.botonaccion:first-child {
      clear: left; }
  .not.ver-todo {
    padding: 0 5px 5px 0;
    text-align: center; }
    /* .not.ver-todo a, .not.ver-todo form input[type=submit], form .not.ver-todo input[type=submit], .not.ver-todo form .botonaccion.boton, form .not.ver-todo .botonaccion.boton {
      cursor: pointer;
      color: #4fa2f8;
      font-weight: bold;
      font-size: 12px;
      padding: 5px 5px 2px 5px;
      display: block; }
      .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 .botonaccion.boton:hover, form .not.ver-todo .botonaccion.boton:hover {
        color: red; }

.nolinks a, .nolinks form input[type=submit], form .nolinks input[type=submit], .nolinks form .botonaccion.boton, form .nolinks .botonaccion.boton, .nolinks form.basico input.botonaccion[type=submit], form.basico .nolinks input.botonaccion[type=submit] {
  display: none; } */

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

.botonOption{
  margin: 5px 0 0 10px !important;
  padding: 10px 10px 8px 10px !important;
  background-color: #524fa1;
  border: none;
  color: white !important;
  float: right;
  cursor: pointer;
  width: 50%;
  font-size: 10px !important;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  text-align: center;
}
.botonOption:hover{
  background-color: gray;
}

@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 .botonaccion.boton, form #controlbar.panel .not p .botonaccion.boton {
      margin: -18px 0 8px 10px; }
    #controlbar.panel .not .close {
      display: none; }

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

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

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

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

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

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

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

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

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

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

form.basico.login {
  position: absolute;
  top: 40%;
  left: 50%;
  margin: -130px 0 0 -275px;
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 25%) 0px 25px 50px -12px;
  background-color: white !important;
  width: 450px !important; }


section#login h1{
  background-color: #e8eaf2;
}

section#login h1 img{
  mix-blend-mode: multiply;
}


.container-title{
  text-align: center;
}

.container-logo{
  text-align: center;
  padding-bottom: 14px;
}
.container-btn{
  text-align: center;
}
.container-inputs{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.title-login{
  color: #4d4d4d;
  font-size: 18px;
}

.btn-login{
  margin: 12px 0 0 10px ;
  padding: 11px 11px 9px 11px ;
  background-color: #004BA6;
  border-radius: 3px;
  border: none;
  color: white;
  font-size: 11px;
  cursor: pointer;
}

.input-login{
  width: 85%;
  background-color: #f8faff;
  color: #7f7f7f;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
}

.input-login::placeholder{
  color: #7f7f7f;
}


@media only screen and (max-width: 768px) {
  form.login {
    width: 50%;
    margin: 0 auto;
    left: 0; } }
@media only screen and (max-width: 450px) {
  form.login {
    width: 90%;
    left: 1%; } }
div.notificacion {
  position: relative;
  width: auto;
  max-width: 450px;
  margin: 20px auto;
  padding: 80px 30px 20px 30px;
  display: block;
  height: auto;
  background-color: #1D1D1B; }
  div.notificacion h3 {
    font-weight: 300;
    margin: 0 0 30px 0;
    color: white; }
  div.notificacion .fecha {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 12px;
    color: white; }
  div.notificacion p.alerta {
    color: #333; }
    div.notificacion p.alerta span {
      color: #333 !important; }
  div.notificacion p.buttons {
    line-height: 1em;
    margin-right: -17px; }
  div.notificacion a.boton, div.notificacion form input[type=submit], form div.notificacion input[type=submit], div.notificacion form .botonaccion.boton, form div.notificacion .botonaccion.boton, div.notificacion form.basico input.botonaccion[type=submit], form.basico div.notificacion input.botonaccion[type=submit], div.notificacion form input[type=submit] {
    margin-top: -10px;
    background-color: #706F6F;
    color: white; }
  div.notificacion b {
    color: #0979ec; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.w60 {
  width: 57%; }

.w50 {
  width: 48%; }

.w40 {
  width: 38%; }

.w25 {
  width: 23%; }

.w35 {
  width: 33%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

span.imgcont {
  position: relative;
  display: inline-block;
  width: 15%;
  margin: 1%;
  cursor: pointer; }
  span.imgcont a, span.imgcont form input[type=submit], form span.imgcont input[type=submit], span.imgcont form .botonaccion.boton, form span.imgcont .botonaccion.boton, span.imgcont form.basico input.botonaccion[type=submit], form.basico span.imgcont input.botonaccion[type=submit] {
    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 > input[type=submit], form .no-touch span.imgcont:hover > input[type=submit], .no-touch form span.imgcont:hover > .botonaccion.boton, form .no-touch span.imgcont:hover > .botonaccion.boton {
  width: 105%;
  height: 105%;
  margin: -2.5% 0 0 -2.5%;
  position: absolute;
  z-index: 100; }

span.imgcont a img, span.imgcont form input[type=submit] img, form span.imgcont input[type=submit] img, span.imgcont form .botonaccion.boton img, form span.imgcont .botonaccion.boton img, span.imgcont form.basico input.botonaccion[type=submit] img, form.basico span.imgcont input.botonaccion[type=submit] img {
  position: absolute;
  display: block;
  margin: 0;
  top: 0;
  left: 0; }
span.imgcont.cuadros a img, span.imgcont.cuadros form input[type=submit] img, form span.imgcont.cuadros input[type=submit] img, span.imgcont.cuadros form .botonaccion.boton img, form span.imgcont.cuadros .botonaccion.boton img {
  height: 100%;
  left: 50%; }

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

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

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

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

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

a.quick, form input.quick[type=submit], form .quick.botonaccion.boton, form.basico input.quick.botonaccion[type=submit] {
  position: relative; }
  a.quick span, form input.quick[type=submit] span, form .quick.botonaccion.boton span, form.basico input.quick.botonaccion[type=submit] span {
    width: auto;
    height: auto;
    padding: 5px;
    border: 1px solid #CEE3FB;
    border-radius: 25px;
    color: #4D4D4D;
    background-color: #F1F1F3;
    display: inline-block; }
    a.quick span:hover, form input.quick[type=submit] span:hover, form .quick.botonaccion.boton span:hover {
      color: #4371D5; }
    a.quick span:before, form input.quick[type=submit] span:before, form .quick.botonaccion.boton span:before, form.basico input.quick.botonaccion[type=submit] span:before {
      content: "";
      background-image: url(../images/editar.png);
      background-repeat: no-repeat;
      background-size: 10px;
      background-position: center;
      height: 10px;
      width: 10px;
      position: absolute;
      left: 85%;
      top: 0px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: "Muli Regular";
  src: url("../fonts/Muli-Regular.ttf") format("truetype"); }
@font-face {
  font-family: "Muli Black";
  src: url("../fonts/Muli-Black.ttf") format("truetype"); }
@font-face {
  font-family: "Muli Bold";
  src: url("../fonts/Muli-Bold.ttf") format("truetype"); }
.aleft {
  text-align: left;
  padding-left: 5px; }

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

.acenter {
  text-align: center; }

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

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

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

.acenter {
  text-align: center; }

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

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

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


#worksucursal, #tryusuarios, #workempresa {
  float: left;
  width: 200px;
  height: 40px;
  margin-top: -5px;
  position: relative;
  right: 10px; }
  #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.basico input[type=submit], form input[type=submit], form input.botonaccion[type=submit], form .botonaccion.boton, form.basico .botonaccion.boton, form.basico input.botonaccion[type=submit] {
  color: gray; }

form .bloqueform, form.basico .bloqueform {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  position: relative;
  background-color: white;
  padding: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  form .bloqueform .foliopestana, form.basico .bloqueform .foliopestana {
    margin-top: -35px;
    background-color: white;
    display: block;
    color: #717171;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 5px; }
  form .bloqueform h4, form .bloqueform h5, form.basico .bloqueform h4, form.basico .bloqueform h5 {
    margin-top: -15px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #044ca3; }
  form .bloqueform h5, form.basico .bloqueform h5 {
    margin-top: -6px;
    font-size: 14px;
    font-weight: lighter;
    margin-bottom: 8px; }
  form .bloqueform .edit, form .bloqueform .borrarbloque, form .bloqueform .eliminar, form.basico .bloqueform .edit, form.basico .bloqueform .borrarbloque, form.basico .bloqueform .eliminar {
    display: none;
    position: absolute;
    top: 15px;
    right: 60px;
    font-size: 11px;
    cursor: pointer; }
  form .bloqueform:hover .edit, form .bloqueform:hover .eliminar, form .bloqueform .edit .edit, form .bloqueform .edit .eliminar, form.basico .bloqueform:hover .edit, form.basico .bloqueform:hover .eliminar, form.basico .bloqueform .edit .edit, form.basico .bloqueform .edit .eliminar {
    display: block; }
  form .bloqueform.inside, form.basico .bloqueform.inside {
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }
  form .bloqueform .bloqueform, form.basico .bloqueform .bloqueform {
    background-color: #F6FAFF; }
    form .bloqueform .bloqueform input, form .bloqueform .bloqueform textarea, form .bloqueform .bloqueform select, form .bloqueform .bloqueform span.custom-combobox, form .bloqueform .bloqueform .custom-combobox-input, form.basico .bloqueform .bloqueform input, form.basico .bloqueform .bloqueform textarea, form.basico .bloqueform .bloqueform select, form.basico .bloqueform .bloqueform span.custom-combobox, form.basico .bloqueform .bloqueform .custom-combobox-input {
      background-color: #EEF5FA; }
    form .bloqueform .bloqueform h4, form .bloqueform .bloqueform h5, form.basico .bloqueform .bloqueform h4, form.basico .bloqueform .bloqueform h5 {
      color: #003768;
      font-family: "Muli Bold";
      font-size: 14px; }
    form .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform {
      background-color: white; }
      form .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform {
        background-color: #F6FAFF; }
        form .bloqueform .bloqueform .bloqueform .bloqueform input, form .bloqueform .bloqueform .bloqueform .bloqueform textarea, form .bloqueform .bloqueform .bloqueform .bloqueform select, form .bloqueform .bloqueform .bloqueform .bloqueform span.custom-combobox, form .bloqueform .bloqueform .bloqueform .bloqueform .custom-combobox-input, form.basico .bloqueform .bloqueform .bloqueform .bloqueform input, form.basico .bloqueform .bloqueform .bloqueform .bloqueform textarea, form.basico .bloqueform .bloqueform .bloqueform .bloqueform select, form.basico .bloqueform .bloqueform .bloqueform .bloqueform span.custom-combobox, form.basico .bloqueform .bloqueform .bloqueform .bloqueform .custom-combobox-input {
          background-color: #EEF5FA; }
        form .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform, form.basico .bloqueform .bloqueform .bloqueform .bloqueform .bloqueform {
          background-color: white; }

.bloqueform p, .bloque p {
  font-size: 13px;
  color: #666; }
.bloqueform.moreless, .bloque.moreless {
  max-height: 9000px;
  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 #0860bd;
  width: 95%;
  margin: 0 1%; }
  #pestanas ul {
    list-style: none; }
  #pestanas li a, #pestanas li form input[type=submit], form #pestanas li input[type=submit], #pestanas li form .botonaccion.boton, form #pestanas li .botonaccion.boton {
    width: auto;
    max-width: 400px;
    padding: 8px 10px;
    display: inline-block;
    text-align: center;
    background-color: rgba(234, 234, 234, 0.4);
    color: gray;
    float: left;
    font-size: 12px;
    margin-right: 1px;
    vertical-align: bottom;
    text-transform: uppercase; }
  #pestanas li:first-child {
    margin-left: -20px; }
  #pestanas li.activo a, #pestanas li.activo form input[type=submit], form #pestanas li.activo input[type=submit], #pestanas li.activo form .botonaccion.boton, form #pestanas li.activo .botonaccion.boton, #pestanas li:hover a, #pestanas li:hover form input[type=submit], form #pestanas li:hover input[type=submit], #pestanas li:hover form .botonaccion.boton, form #pestanas li:hover .botonaccion.boton {
    background-color: #0860bd;
    color: white;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
  #pestanas li.activo a, #pestanas li.activo form input[type=submit], form #pestanas li.activo input[type=submit], #pestanas li.activo form .botonaccion.boton, form #pestanas li.activo .botonaccion.boton {
    font-size: 20px;
    padding: 8px 15px 3px 15px;
    margin-top: -4px;
    text-transform: uppercase;
    font-size: lighter; }

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

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

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

form.small, div.form.small, table.form.small {
  max-width: 450px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }
form.basico.full, div.form.basico.full, table.form.basico.full {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 99%;
  min-height: 99%;
  height: auto;
  top: 0.5%;
  left: 0.5%;
  padding: 80px;
  z-index: 100;
  font-size: 25px; }
  form.basico.full .boton, form.basico.full input[type=submit], form.basico.full input[type=submit], div.form.basico.full .boton, div.form.basico.full form input[type=submit], form div.form.basico.full input[type=submit], div.form.basico.full input[type=submit], table.form.basico.full .boton, table.form.basico.full form input[type=submit], form table.form.basico.full input[type=submit], table.form.basico.full input[type=submit] {
    font-size: 30px;
    -webkit-appearance: none;
    line-height: 50px;
    height: auto; }
  form.basico.full input, form.basico.full select, form.basico.full textarea, form.basico.full label, form.basico.full span.custom-combobox, form.basico.full .custom-combobox-input, div.form.basico.full input, div.form.basico.full select, div.form.basico.full textarea, div.form.basico.full label, div.form.basico.full span.custom-combobox, div.form.basico.full .custom-combobox-input, table.form.basico.full input, table.form.basico.full select, table.form.basico.full textarea, table.form.basico.full label, table.form.basico.full span.custom-combobox, table.form.basico.full .custom-combobox-input {
    font-size: 25px !important; }
  form.basico.full input, form.basico.full select, form.basico.full span.custom-combobox, form.basico.full .custom-combobox-input, div.form.basico.full input, div.form.basico.full select, div.form.basico.full span.custom-combobox, div.form.basico.full .custom-combobox-input, table.form.basico.full input, table.form.basico.full select, table.form.basico.full span.custom-combobox, table.form.basico.full .custom-combobox-input {
    height: 75px; }
  form.basico.full textarea, div.form.basico.full textarea, table.form.basico.full textarea {
    height: 200px; }
form.basico, div.form.basico, table.form.basico {
  width: 550px;
  height: auto;
  margin: 0 auto 0 auto;
  background-color: #F6FAFF;
  padding: 40px 20px 20px 20px;
  overflow: hidden;
  position: relative; }
  form.basico h3, div.form.basico h3, table.form.basico h3 {
    margin: -20px 0 20px 0;
    text-transform: uppercase;
    font-family: "Muli Black";
    color: #4D4D4D;
    font-size: 24px; }
    form.basico h3 .resaltar, div.form.basico h3 .resaltar, table.form.basico h3 .resaltar {
      color: #f9f9f9; }
  form.basico h4, div.form.basico h4, table.form.basico h4 {
    margin: 5px 0 0 0;
    line-height: 2.5em;
    color: #003768;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Muli Regular"; }
form p.info, div.form p.info, table.form p.info {
  font-size: 11.5px;
  margin: 0 0 10px 0;
  padding: 0 0 5px 30px;
  background: url(../images/normal.png?v3) no-repeat top left;
  line-height: 1.5em;
  clear: both; }
form.basico, div.form.basico, table.form.basico {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  form.basico label, div.form.basico label, table.form.basico label {
    width: 25%;
    height: 35px;
    float: left;
    padding: 2px 15px 3px 0;
    margin: 3px 0 0 0;
    font-size: 12px;
    text-align: right;
    font-weight: bold;
    line-height: 2.6em;
    clear: left;
    position: relative;
    color: #003768;
    font-family: "Muli Regular";
    background-color: transparent !important; }
    form.basico label.half, div.form.basico label.half, table.form.basico label.half {
      width: 40%; }
    form.basico label.duo, div.form.basico label.duo, table.form.basico label.duo {
      width: 10%; }
    form.basico label.lduo, div.form.basico label.lduo, table.form.basico label.lduo {
      clear: none; }
      form.basico label.lduo.lduo-w22, div.form.basico label.lduo.lduo-w22, table.form.basico label.lduo.lduo-w22 {
        width: 22%; }
    form.basico label.trio:not(.radio), div.form.basico label.trio:not(.radio), table.form.basico label.trio:not(.radio) {
      clear: none;
      width: 11%;
      margin-left: 10px; }
    form.basico label.right-side, div.form.basico label.right-side, table.form.basico label.right-side {
      float: right;
      clear: right;
      text-align: left;
      padding: 3px 0 3px 7px; }
    form.basico label.red, div.form.basico label.red, table.form.basico label.red {
      background-color: red !important;
      color: white; }
    form.basico label.green, div.form.basico label.green, table.form.basico label.green {
      background-color: limegreen !important;
      color: white; }
    form.basico label.orange, div.form.basico label.orange, table.form.basico label.orange {
      background-color: orange !important;
      color: white; }
form.filtros_ label, div.form.filtros_ label, table.form.filtros_ label {
  background-color: rgba(255, 255, 255, 0.3); }
form input, form textarea, form select, form span.custom-combobox, form .custom-combobox-input, div.form input, div.form textarea, div.form select, div.form span.custom-combobox, div.form .custom-combobox-input, table.form input, table.form textarea, table.form select, table.form span.custom-combobox, table.form .custom-combobox-input {
  width: 70%;
  border: none;
  float: left;
  height: 35px;
  padding: 3px 10px;
  margin: 3px 0 0 0;
  background-color: #EEF5FA;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  form input.half, form textarea.half, form select.half, form span.custom-combobox.half, form .custom-combobox-input.half, div.form input.half, div.form textarea.half, div.form select.half, div.form span.custom-combobox.half, div.form .custom-combobox-input.half, table.form input.half, table.form textarea.half, table.form select.half, table.form span.custom-combobox.half, table.form .custom-combobox-input.half {
    width: 35%;
    margin-right: 35%; }
  form input.trio, form textarea.trio, form select.trio, form span.custom-combobox.trio, form .custom-combobox-input.trio, div.form input.trio, div.form textarea.trio, div.form select.trio, div.form span.custom-combobox.trio, div.form .custom-combobox-input.trio, table.form input.trio, table.form textarea.trio, table.form select.trio, table.form span.custom-combobox.trio, table.form .custom-combobox-input.trio {
    margin-right: 1%;
    width: 20%; }
  form input.duo, form textarea.duo, form select.duo, form span.custom-combobox.duo, form .custom-combobox-input.duo, div.form input.duo, div.form textarea.duo, div.form select.duo, div.form span.custom-combobox.duo, div.form .custom-combobox-input.duo, table.form input.duo, table.form textarea.duo, table.form select.duo, table.form span.custom-combobox.duo, table.form .custom-combobox-input.duo {
    margin-right: 1%;
    width: 23.55%; }
    form input.duo.half, form textarea.duo.half, form select.duo.half, form span.custom-combobox.duo.half, form .custom-combobox-input.duo.half, div.form input.duo.half, div.form textarea.duo.half, div.form select.duo.half, div.form span.custom-combobox.duo.half, div.form .custom-combobox-input.duo.half, table.form input.duo.half, table.form textarea.duo.half, table.form select.duo.half, table.form span.custom-combobox.duo.half, table.form .custom-combobox-input.duo.half {
      margin-right: 2%;
      width: 40%; }
  form input.cuatrocinco, form textarea.cuatrocinco, form select.cuatrocinco, form span.custom-combobox.cuatrocinco, form .custom-combobox-input.cuatrocinco, div.form input.cuatrocinco, div.form textarea.cuatrocinco, div.form select.cuatrocinco, div.form span.custom-combobox.cuatrocinco, div.form .custom-combobox-input.cuatrocinco, table.form input.cuatrocinco, table.form textarea.cuatrocinco, table.form select.cuatrocinco, table.form span.custom-combobox.cuatrocinco, table.form .custom-combobox-input.cuatrocinco {
    width: 44%;
    margin-right: 25%; }
  form input.cincocinco, form textarea.cincocinco, form select.cincocinco, form span.custom-combobox.cincocinco, form .custom-combobox-input.cincocinco, div.form input.cincocinco, div.form textarea.cincocinco, div.form select.cincocinco, div.form span.custom-combobox.cincocinco, div.form .custom-combobox-input.cincocinco, table.form input.cincocinco, table.form textarea.cincocinco, table.form select.cincocinco, table.form span.custom-combobox.cincocinco, table.form .custom-combobox-input.cincocinco {
    width: 55%;
    margin-right: 15%; }
  form input.right-side, form textarea.right-side, form select.right-side, form span.custom-combobox.right-side, form .custom-combobox-input.right-side, div.form input.right-side, div.form textarea.right-side, div.form select.right-side, div.form span.custom-combobox.right-side, div.form .custom-combobox-input.right-side, table.form input.right-side, table.form textarea.right-side, table.form select.right-side, table.form span.custom-combobox.right-side, table.form .custom-combobox-input.right-side {
    float: right;
    clear: left; }
    form input.right-side.half, form textarea.right-side.half, form select.right-side.half, form span.custom-combobox.right-side.half, form .custom-combobox-input.right-side.half, div.form input.right-side.half, div.form textarea.right-side.half, div.form select.right-side.half, div.form span.custom-combobox.right-side.half, div.form .custom-combobox-input.right-side.half, table.form input.right-side.half, table.form textarea.right-side.half, table.form select.right-side.half, table.form span.custom-combobox.right-side.half, table.form .custom-combobox-input.right-side.half {
      margin-right: 0;
      margin-left: 35%; }
    form input.right-side.duo, form textarea.right-side.duo, form select.right-side.duo, form span.custom-combobox.right-side.duo, form .custom-combobox-input.right-side.duo, div.form input.right-side.duo, div.form textarea.right-side.duo, div.form select.right-side.duo, div.form span.custom-combobox.right-side.duo, div.form .custom-combobox-input.right-side.duo, table.form input.right-side.duo, table.form textarea.right-side.duo, table.form select.right-side.duo, table.form span.custom-combobox.right-side.duo, table.form .custom-combobox-input.right-side.duo {
      margin-right: 0;
      margin-left: 2%; }
    form input.right-side.cincocinco, form textarea.right-side.cincocinco, form select.right-side.cincocinco, form span.custom-combobox.right-side.cincocinco, form .custom-combobox-input.right-side.cincocinco, div.form input.right-side.cincocinco, div.form textarea.right-side.cincocinco, div.form select.right-side.cincocinco, div.form span.custom-combobox.right-side.cincocinco, div.form .custom-combobox-input.right-side.cincocinco, table.form input.right-side.cincocinco, table.form textarea.right-side.cincocinco, table.form select.right-side.cincocinco, table.form span.custom-combobox.right-side.cincocinco, table.form .custom-combobox-input.right-side.cincocinco {
      margin-right: 0;
      margin-left: 15%; }
  form input.no-right, form textarea.no-right, form select.no-right, form span.custom-combobox.no-right, form .custom-combobox-input.no-right, div.form input.no-right, div.form textarea.no-right, div.form select.no-right, div.form span.custom-combobox.no-right, div.form .custom-combobox-input.no-right, table.form input.no-right, table.form textarea.no-right, table.form select.no-right, table.form span.custom-combobox.no-right, table.form .custom-combobox-input.no-right {
    margin-right: 0 !important; }
  form input.big, form textarea.big, form select.big, form span.custom-combobox.big, form .custom-combobox-input.big, div.form input.big, div.form textarea.big, div.form select.big, div.form span.custom-combobox.big, div.form .custom-combobox-input.big, table.form input.big, table.form textarea.big, table.form select.big, table.form span.custom-combobox.big, table.form .custom-combobox-input.big {
    font-size: 25px; }
form .custom-combobox-input, div.form .custom-combobox-input, table.form .custom-combobox-input {
  margin: 0; }
form select, form span.custom-combobox, form .custom-combobox-input, div.form select, div.form span.custom-combobox, div.form .custom-combobox-input, table.form select, table.form span.custom-combobox, table.form .custom-combobox-input {
  -webkit-appearance: none;
  background: #f0f5fa url(../images/select.png?v1) no-repeat center right 8px;
  border-radius: 0;
  position: relative;
  background-size: 15px; }
  form select.picker__select--year, form select.picker__select--month, form span.custom-combobox.picker__select--year, form span.custom-combobox.picker__select--month, form .custom-combobox-input.picker__select--year, form .custom-combobox-input.picker__select--month, div.form select.picker__select--year, div.form select.picker__select--month, div.form span.custom-combobox.picker__select--year, div.form span.custom-combobox.picker__select--month, div.form .custom-combobox-input.picker__select--year, div.form .custom-combobox-input.picker__select--month, table.form select.picker__select--year, table.form select.picker__select--month, table.form span.custom-combobox.picker__select--year, table.form span.custom-combobox.picker__select--month, table.form .custom-combobox-input.picker__select--year, table.form .custom-combobox-input.picker__select--month {
    float: left;
    font-size: 12px;
    height: 30px !important;
    border: 1px solid #f0f0f0 !important;
    -webkit-border-top-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    border-top-right: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-bottom-right: 0 !important;
    background-size: 14px;
    margin-left: 10px; }
  form select.picker__select--year, form span.custom-combobox.picker__select--year, form .custom-combobox-input.picker__select--year, div.form select.picker__select--year, div.form span.custom-combobox.picker__select--year, div.form .custom-combobox-input.picker__select--year, table.form select.picker__select--year, table.form span.custom-combobox.picker__select--year, table.form .custom-combobox-input.picker__select--year {
    margin-left: 100px !important; }
  form select.ui-autocomplete-input, form span.custom-combobox.ui-autocomplete-input, form .custom-combobox-input.ui-autocomplete-input, div.form select.ui-autocomplete-input, div.form span.custom-combobox.ui-autocomplete-input, div.form .custom-combobox-input.ui-autocomplete-input, table.form select.ui-autocomplete-input, table.form span.custom-combobox.ui-autocomplete-input, table.form .custom-combobox-input.ui-autocomplete-input {
    background: #f0f5fa url(../images/search.png?v1) no-repeat center right 8px;
    background-size: 15px; }

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

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

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

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

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

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

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

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

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

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

h2 a.boton, h2 form.basico input[type=submit], form.basico h2 input[type=submit], h2 form input[type=submit], form h2 input[type=submit], h2 form input.botonaccion[type=submit], form h2 input.botonaccion[type=submit], h2 form .botonaccion.boton, form h2 .botonaccion.boton, h2 form.basico .botonaccion.boton, 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.basico input[type=submit], form.basico h4 input[type=submit], h4 form input[type=submit], form h4 input[type=submit], h4 form .boton.botonaccion, form h4 .boton.botonaccion, h4 form.basico .boton.botonaccion, form.basico h4 .boton.botonaccion {
  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.basico input[type=submit], form.basico h2 input[type=submit], h2 form input[type=submit], form h2 input[type=submit], h2 form .boton.botonaccion, form h2 .boton.botonaccion, h2 form.basico .boton.botonaccion, form.basico h2 .boton.botonaccion {
  margin-top: -8px !important; }

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

div .not p a, div .not p form input[type=submit], form div .not p input[type=submit], div .not p form .botonaccion.boton, form div .not p .botonaccion.boton, div .not p form.basico input.botonaccion[type=submit], form.basico div .not p input.botonaccion[type=submit] {
  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 input[type=submit]:hover, form h4 input[type=submit]:hover, h4 form .botonaccion.boton:hover, form h4 .botonaccion.boton:hover, h4 form.basico input.botonaccion[type=submit]:hover, form.basico h4 input.botonaccion[type=submit]:hover, div .not p a:hover, div .not p form input[type=submit]:hover, form div .not p input[type=submit]:hover, div .not p form .botonaccion.boton:hover, form div .not p .botonaccion.boton:hover {
  background-color: gray; }

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

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

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

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

form input[type=submit], form input.botonaccion[type=submit], form .botonaccion.boton, form.basico .botonaccion.boton, form.basico input[type=submit], form.basico input.botonaccion[type=submit], form.basico .botonaccion.boton {
  text-transform: uppercase;
  padding: 10px 9px !important;
  height: auto !important;
  border-left: 1px solid #5f5caf;
  border-top: 1px solid #5f5caf;
  background-color: #004BA6 !important;
  float: right; }
  form input[type=submit]:hover, form input.botonaccion[type=submit]:hover, form .botonaccion.boton:hover, form.basico input[type=submit]:hover, form.basico input.botonaccion[type=submit]:hover, form.basico .botonaccion.boton:hover {
    background-color: white !important;
    color: #004BA6;
    border-right: 1px solid #423f81;
    border-bottom: 1px solid #423f81; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

form input[type=checkbox], form input[type=radio] {
  display: none; }
form div.radiobox {
  float: left;
  position: relative;
  width: 25%;
  display: block;
  height: 35px;
  margin-top: 3px;
  margin-left: 1px; }
  form div.radiobox.activo > label.radio, form div.radiobox.activo > label.checkbox {
    /* background-color: #00B8DA !important; */
    /* color: white; } */
    /* box-shadow: -4px -5px 5px 2px gray; */
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; segunda opcion */
    /* box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px; El mejor*/
    /* box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; tercera*/
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  }
form label.radio, form label.checkbox {
  width: 100% !important;
  display: block;
  position: relative;
  padding-left: 32px;
  margin: 0 1px;
  font-weight: lighter;
  text-align: left;
  padding-top: 1px;
  color: white;
  background-color: #00B8DA !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
form label.radio span {
  background: white;
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: 6px;
  top: 6px;
  z-index: 2;
  padding: 0;
  margin: 2px 3px 0 0 !important;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px;
  -webkit-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.1); }
form div.radiobox.activo > label.radio span {
  background: rgba(255, 255, 255, 0.9) url(../images/good-b.png) no-repeat center center;
  background-size: 12px;
  box-shadow: none; }
form label.radio input:checked {
  background-color: #D40C1F; }
form label.checkbox input:checked {
  background-color: #D40C1F; }
form label.checkbox span {
  background: rgba(255, 255, 255, 0.9);
  width: 17px;
  height: 17px;
  display: block;
  position: absolute;
  left: 6px;
  top: 6px;
  z-index: 2;
  padding: 0;
  margin: 2px 1px 0 0 !important;
  -webkit-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 0px 6px -1px rgba(0, 0, 0, 0.3); }
form div.radiobox.activo > label.checkbox span {
  background: rgba(255, 255, 255, 0.9) url(../images/good-b.png) no-repeat center center;
  background-size: 15px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
form small {
  font-size: 0.7em; }

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

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

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

.smallinput th a.added, .smallinput th form input.added[type=submit], form .smallinput th input.added[type=submit], .smallinput th form .added.botonaccion.boton, form .smallinput th .added.botonaccion.boton {
  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.botonaccion.boton:hover, form .smallinput th .added.botonaccion.boton: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: #e6e7e8;
  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 form.basico .boton.botonaccion, form.basico .det-element.big .boton.botonaccion {
      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] {
        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] {
          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] {
        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_ {
  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: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  border-radius: none; }
  form.filtros_ h4 {
    margin: 0;
    padding: 0; }

  form.filtros_ {
    background-color: #ebf3ff !important;
  }

  form.filtros_:hover, form.filtros_.show {
    background-image: url(../images/less.png);
    position: inherit;
    max-height: 1000px;
    padding-bottom: 50px;
    background-color: #f7faff !important; }
  
  .filtros_ input,.filtros_ select{
    background-color: #ebf3ff;
  }

.container-filter{
  display:flex; 
  justify-content:center; 
  align-items:center; 
  width:10%;
}

.icon-filter{
  display:flex; 
  justify-content:center;
  align-items: center;
  width:28px; 
  height:28px; 
  background-color:#00B8DA; 
  border:none; 
  border-radius:50%;
  margin-right:5px;
}
  
.archivosCapturables {
  position: relative;
  clear: both;
  text-align: center; }
  .archivosCapturables .boton, .archivosCapturables form input[type=submit], form .archivosCapturables input[type=submit], .archivosCapturables form .boton.botonaccion, form .archivosCapturables .boton.botonaccion {
    float: none;
    display: inline-block; }

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

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

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

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

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

.orange {
  color: orange; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

form {
  background-color: #F6FAFF; }

div.widget_div {
  margin: 1em 0 0 0;
  display: inline-block; }
  div.widget_div .text_div {
    display: inline-block;
    margin-left: 0px;
    width: calc( 100% - 60px );
    vertical-align: middle; }
  div.widget_div .icon_div {
    display: inline-block;
    margin-left: 15px;
    width: 30px;
    vertical-align: middle; }

.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 input[type=submit], form .mfp-preloader input[type=submit], .mfp-preloader form .botonaccion.boton, form .mfp-preloader .botonaccion.boton, .mfp-preloader form.basico input.botonaccion[type=submit], form.basico .mfp-preloader input.botonaccion[type=submit] {
    color: #cccccc; }
    .mfp-preloader a:hover, .mfp-preloader form input[type=submit]:hover, form .mfp-preloader input[type=submit]:hover, .mfp-preloader form .botonaccion.boton:hover, form .mfp-preloader .botonaccion.boton:hover {
      color: white; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#line-template {
  display: none; }

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

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

.dinabox {
  display: block;
  width: 300px;
  float: left;
  position: relative;
  margin: 5px;
  padding: 45px 10px 20px 10px;
  min-height: 400px;
  background-color: #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: #4fa2f8 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 #4fa2f8; }
        .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 form.basico .boton.botonaccion, form.basico .dinabox .dinabox-botonest .boton.botonaccion {
    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] {
      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 {
        background-color: gray; }
      .dinabox footer .boton.table span, .dinabox footer form input.table[type=submit] span, form .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] {
        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; }

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

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

a.accion img, form input.accion[type=submit] img, form .accion.botonaccion.boton img, form.basico input.accion.botonaccion[type=submit] 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: 0px;
  border-collapse: separate; }
  table tbody td, table thead th {
    border-top: none;
    background-color: #f0f0f0; }
  table th:last-child {
    border-right: none; }
  table th.picker__weekday {
    color: #fff; }
  table thead th, table thead {
    font-weight: lighter;
    position: relative;
    font-size: 12px;
    text-align: center;
    background-color: transparent;
    color: white;
    padding: 4px 4px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #6C92E0; }
    table thead th.resaltar, table thead.resaltar {
      background-color: rgba(0, 0, 0, 0.06) !important; }
    table thead th.importante, table thead.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).importante, table tbody td:not(.merged).importante {
    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 4px;
    background-color: #f9f9f9 !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.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 input.botonaccion[type=submit], form table td input.botonaccion[type=submit], table td form .botonaccion.boton, form table td .botonaccion.boton, table td form.basico .botonaccion.boton, form.basico table td .botonaccion.boton, table td form.basico input.botonaccion[type=submit], form.basico table td input.botonaccion[type=submit] {
      color: #0971dc; }
      table td a:hover, table td form input[type=submit]:hover, form table td input[type=submit]:hover, table td form .botonaccion.boton:hover, form table td .botonaccion.boton:hover, table td form.basico input.botonaccion[type=submit]:hover, form.basico table td input.botonaccion[type=submit]:hover {
        color: #03203f; }
    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: #f6f6f6 ; }

table.trselect tbody tr:hover, table.trselect tbody tr.activo, div.table table tbody tr:hover, div.table table tbody tr.activo {
  background-color: rgba(48, 145, 247, 0.1) !important;
  cursor: pointer; }
  table.trselect tbody tr:hover:nth-child(odd), table.trselect tbody tr.activo:nth-child(odd), div.table table tbody tr:hover:nth-child(odd), div.table table tbody tr.activo:nth-child(odd) {
    background-color: rgba(48, 145, 247, 0.1) !important; }
  table.trselect tbody tr:hover td, table.trselect tbody tr.activo td, div.table table tbody tr:hover td, div.table table tbody tr.activo td {
    background-color: rgba(79, 162, 248, 0.1) !important; }

.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 input[type=submit], form p.paginado input[type=submit], p.paginado form .botonaccion.boton, form p.paginado .botonaccion.boton, p.paginado form.basico input.botonaccion[type=submit], form.basico p.paginado input.botonaccion[type=submit] {
    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 input[type=submit], form p.paginado input[type=submit], p.paginado form .botonaccion.boton, form p.paginado .botonaccion.boton, p.paginado form.basico input.botonaccion[type=submit], form.basico p.paginado input.botonaccion[type=submit] {
    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.log tbody td {
  padding: 3px 2px;
  font-size: 11px;
  font-family: "Helvetica", Arial, sans-serif; }
table.log .fecha {
  min-width: 130px; }
table.nuevaprenda {
  background: transparent; }
  table.nuevaprenda thead tr th  {
    background-color: black !important;
    color: white; }
table .medida {
  background-repeat: no-repeat;
  background-position: left 2px center;
  background-size: 15px;
  padding-left: 15px; }
  table .medida.money {
    text-align: right !important; }
table .kg {
  background-image: url(../images/tablas/kg.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .gr {
  background-image: url(../images/tablas/gr.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .money {
  background-image: url(../images/tablas/money.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .l {
  background-image: url(../images/tablas/l.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .ml {
  background-image: url(../images/tablas/ml.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .t {
  background-image: url(../images/tablas/t.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .pz {
  background-image: url(../images/tablas/pz.png); }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }
table .percent {
  background-image: url(../images/tablas/percent.png);
  padding-left: 20px; }
table .horas {
  text-align: right !important; }
  table .horas:after {
    content: " hrs"; }

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

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

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

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

a.boton.table.mid, form input.table.mid[type=submit], form .table.mid.botonaccion.boton {
  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: #4fa2f8; }
  .cultyvo-filter-button:focus {
    outline: none; }

.cultyvo-filter-sort {
  color: white;
  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 .botonaccion.boton, form ul.cultyvo-paginacion li.active .botonaccion.boton, ul.cultyvo-paginacion li .page:hover {
      font-size: 14px;
      color: #4fa2f8; }

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

h3.ingresos {
  color: #1d98d1; }

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

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

p.info b.yellow {
  color: #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: #fbf0b0   !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: #fdfefe !important;
  border: 1px dotted white; }
  table tr td.sumar:nth-child(odd) {
    background-color: white !important;
    border: 1px dotted white; }
table tr:nth-child(odd) td.sumar {
  background-color: #f0f5fa !important;
  border: 1px dotted white; }
  table tr:nth-child(odd) td.sumar:nth-child(odd) {
    background-color: white !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 #e6e7e8;
  -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 #4fa2f8;
  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] {
    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] {
      background-color: red; }
      #tempinput .boton.red:hover, #tempinput form input.red[type=submit]:hover, form #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; }

table tbody tr:has(td.linea_red) td {
  background-color: rgba(255, 0, 0, 0.05) !important; }
table tbody tr:has(td.linea_blue) td {
  background-color: rgba(0, 0, 255, 0.05) !important; }
table tbody tr:has(td.linea_green) td {
  background-color: rgba(0, 128, 0, 0.05) !important; }
table tbody tr:has(td.linea_yellow) td {
  background-color: rgba(255, 255, 0, 0.05) !important; }
table tbody tr:has(td.linea_orange) td {
  background-color: rgba(255, 165, 0, 0.05) !important; }

div#calendar table tr:hover {
  background-color: #f6f6f6 !important; }
  div#calendar table tr:hover td {
    background-color: #f6f6f6 !important; }
div#calendar table tr:nth-child(odd) {
  background-color: #f6f6f6 !important; }
div#calendar table td:hover {
  background-color: #f6f6f6 !important; }
div#calendar table td:nth-child(odd) {
  background-color: #f6f6f6 !important; }

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

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

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

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

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

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

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

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

span.red {
  color: red; }

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

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