Commit b3ba56d5ffa2fdee8da4ac5fdf8a789bddcd6c13

Authored by Marcelo Puebla
Exists in master and in 1 other branch develop

Merge branch 'master' into 'develop'

Master(benjaminr)

See merge request !162
1 { 1 {
2 "name": "wrapper-demo", 2 "name": "wrapper-demo",
3 "version": "0.0.1", 3 "version": "0.0.1",
4 "description": "", 4 "description": "",
5 "main": "main.js", 5 "main": "main.js",
6 "scripts": { 6 "scripts": {
7 "test": "unit-test.html", 7 "test": "unit-test.html",
8 "initdev": "npm install gulp --global && npm install && npm install -g jshint", 8 "initdev": "npm install gulp --global && npm install && npm install -g jshint",
9 "gulp-pre-commit": "gulp pre-commit", 9 "gulp-pre-commit": "gulp pre-commit",
10 "compile": "gulp uglify && gulp sass", 10 "compile": "gulp uglify && gulp sass",
11 "actualizar": "git pull origin master", 11 "actualizar": "git pull origin master",
12 "install-dev": "gulp pre-install && npm install && gulp post-install", 12 "install-dev": "gulp pre-install && npm install && gulp post-install",
13 "install-gulp": "npm install gulp-sass gulp-concat gulp-rename gulp-uglify pump gulp-jshint gulp-replace gulp-connect gulp-watch gulp-sequence jshint" 13 "install-gulp": "npm install gulp-sass gulp-concat gulp-rename gulp-uglify pump gulp-jshint gulp-replace gulp-connect gulp-watch gulp-sequence jshint"
14 }, 14 },
15 "pre-commit": [ 15 "pre-commit": [
16 "gulp-pre-commit" 16 "gulp-pre-commit"
17 ], 17 ],
18 "repository": { 18 "repository": {
19 "type": "git", 19 "type": "git",
20 "url": "git@debonline.dyndns.org:npm/wrapper-demo.git" 20 "url": "git@debonline.dyndns.org:npm/wrapper-demo.git"
21 }, 21 },
22 "author": "Foca Software", 22 "author": "Foca Software",
23 "license": "ISC", 23 "license": "ISC",
24 "dependencies": { 24 "dependencies": {
25 "angular": "^1.7.8", 25 "angular": "^1.7.8",
26 "angular-chart.js": "1.1.1", 26 "angular-chart.js": "1.1.1",
27 "angular-cookies": "^1.7.8", 27 "angular-cookies": "^1.7.8",
28 "angular-file-saver": "^1.1.3", 28 "angular-file-saver": "^1.1.3",
29 "angular-i18n": "^1.7.8", 29 "angular-i18n": "^1.7.8",
30 "angular-ladda": "^0.4.3", 30 "angular-ladda": "^0.4.3",
31 "angular-md5": "^0.1.10", 31 "angular-md5": "^0.1.10",
32 "angular-mocks": "^1.7.8", 32 "angular-mocks": "^1.7.8",
33 "angular-route": "^1.7.8", 33 "angular-route": "^1.7.8",
34 "angular-sanitize": "^1.7.8", 34 "angular-sanitize": "^1.7.8",
35 "angular-ui-grid": "4.6.6", 35 "angular-ui-grid": "4.6.6",
36 "angular-ui-swiper": "^2.3.8", 36 "angular-ui-swiper": "^2.3.8",
37 "bootstrap": "^4.3.1", 37 "bootstrap": "^4.3.1",
38 "chart.js": "2.7.3", 38 "chart.js": "2.7.3",
39 "excel-builder": "2.0.3", 39 "excel-builder": "2.0.3",
40 "foca-abm-chofer": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-chofer.git", 40 "foca-abm-chofer": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-chofer.git",
41 "foca-abm-cliente": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-cliente.git", 41 "foca-abm-cliente": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-cliente.git",
42 "foca-abm-plazo-pago": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-plazo-pago.git", 42 "foca-abm-plazo-pago": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-plazo-pago.git",
43 "foca-abm-precios-condiciones": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-precios-condiciones.git", 43 "foca-abm-precios-condiciones": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-precios-condiciones.git",
44 "foca-abm-vehiculo": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-vehiculo.git", 44 "foca-abm-vehiculo": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-vehiculo.git",
45 "foca-abm-vendedor-cobrador": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-vendedor-cobrador.git", 45 "foca-abm-vendedor-cobrador": "git+ssh://git@debonline.dyndns.org:npm/foca-abm-vendedor-cobrador.git",
46 "foca-activar-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-activar-hoja-ruta.git", 46 "foca-activar-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-activar-hoja-ruta.git",
47 "foca-admin-seguimiento": "git+ssh://git@debonline.dyndns.org:npm/foca-admin-seguimiento.git", 47 "foca-admin-seguimiento": "git+ssh://git@debonline.dyndns.org:npm/foca-admin-seguimiento.git",
48 "foca-agendar-visita": "git+ssh://git@debonline.dyndns.org:npm/foca-agendar-visita.git", 48 "foca-agendar-visita": "git+ssh://git@debonline.dyndns.org:npm/foca-agendar-visita.git",
49 "foca-autorizar-nota-pedido": "git+ssh://git@debonline.dyndns.org:npm/foca-autorizar-nota-pedido.git", 49 "foca-autorizar-nota-pedido": "git+ssh://git@debonline.dyndns.org:npm/foca-autorizar-nota-pedido.git",
50 "foca-botonera-facturador": "git+ssh://git@debonline.dyndns.org:npm/foca-botonera-facturador.git", 50 "foca-botonera-facturador": "git+ssh://git@debonline.dyndns.org:npm/foca-botonera-facturador.git",
51 "foca-botonera-lateral": "git+ssh://git@debonline.dyndns.org:npm/foca-botonera-lateral.git", 51 "foca-botonera-lateral": "git+ssh://git@debonline.dyndns.org:npm/foca-botonera-lateral.git",
52 "foca-botonera-principal": "git+ssh://git@debonline.dyndns.org:npm/foca-botonera-principal.git", 52 "foca-botonera-principal": "git+ssh://git@debonline.dyndns.org:npm/foca-botonera-principal.git",
53 "foca-busqueda-cliente": "git+ssh://git@debonline.dyndns.org:npm/foca-busqueda-cliente.git", 53 "foca-busqueda-cliente": "git+ssh://git@debonline.dyndns.org:npm/foca-busqueda-cliente.git",
54 "foca-cabecera-facturador": "git+ssh://git@debonline.dyndns.org:npm/foca-cabecera-facturador.git", 54 "foca-cabecera-facturador": "git+ssh://git@debonline.dyndns.org:npm/foca-cabecera-facturador.git",
55 "foca-configuracion": "git+ssh://git@debonline.dyndns.org:npm/foca-configuracion.git", 55 "foca-configuracion": "git+ssh://git@debonline.dyndns.org:npm/foca-configuracion.git",
56 "foca-configurar-terminal": "git+ssh://git@debonline.dyndns.org:npm/foca-configurar-terminal.git", 56 "foca-configurar-terminal": "git+ssh://git@debonline.dyndns.org:npm/foca-configurar-terminal.git",
57 "foca-crear-cobranza": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-cobranza.git", 57 "foca-crear-cobranza": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-cobranza.git",
58 "foca-crear-factura": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-factura.git", 58 "foca-crear-factura": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-factura.git",
59 "foca-crear-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-hoja-ruta.git", 59 "foca-crear-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-hoja-ruta.git",
60 "foca-crear-login": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-login.git", 60 "foca-crear-login": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-login.git",
61 "foca-crear-nota-pedido": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-nota-pedido.git", 61 "foca-crear-nota-pedido": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-nota-pedido.git",
62 "foca-crear-remito": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-remito.git", 62 "foca-crear-remito": "git+ssh://git@debonline.dyndns.org:npm/foca-crear-remito.git",
63 "foca-directivas": "git+ssh://git@debonline.dyndns.org:npm/foca-directivas.git", 63 "foca-directivas": "git+ssh://git@debonline.dyndns.org:npm/foca-directivas.git",
64 "foca-estado-cisternas": "git+ssh://git@debonline.dyndns.org:npm/foca-estado-cisternas.git", 64 "foca-estado-cisternas": "git+ssh://git@debonline.dyndns.org:npm/foca-estado-cisternas.git",
65 "foca-filtros": "git+ssh://git@debonline.dyndns.org:npm/foca-filtros.git", 65 "foca-filtros": "git+ssh://git@debonline.dyndns.org:npm/foca-filtros.git",
66 "foca-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-hoja-ruta.git", 66 "foca-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-hoja-ruta.git",
67 "foca-informes": "git+ssh://git@debonline.dyndns.org:npm/foca-informes.git", 67 "foca-informes": "git+ssh://git@debonline.dyndns.org:npm/foca-informes.git",
68 "foca-login": "git+ssh://git@debonline.dyndns.org:npm/foca-login.git", 68 "foca-login": "git+ssh://git@debonline.dyndns.org:npm/foca-login.git",
69 "foca-logistica-pedido-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-logistica-pedido-ruta.git", 69 "foca-logistica-pedido-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-logistica-pedido-ruta.git",
70 "foca-modal": "git+ssh://git@debonline.dyndns.org:npm/foca-modal.git", 70 "foca-modal": "git+ssh://git@debonline.dyndns.org:npm/foca-modal.git",
71 "foca-modal-busqueda-productos": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-busqueda-productos.git", 71 "foca-modal-busqueda-productos": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-busqueda-productos.git",
72 "foca-modal-cheque": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-cheque.git", 72 "foca-modal-cheque": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-cheque.git",
73 "foca-modal-cobranza": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-cobranza.git", 73 "foca-modal-cobranza": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-cobranza.git",
74 "foca-modal-cotizacion": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-cotizacion.git", 74 "foca-modal-cotizacion": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-cotizacion.git",
75 "foca-modal-descarga": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-descarga.git", 75 "foca-modal-descarga": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-descarga.git",
76 "foca-modal-detalle-cisternas": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-detalle-cisternas.git", 76 "foca-modal-detalle-cisternas": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-detalle-cisternas.git",
77 "foca-modal-detalle-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-detalle-hoja-ruta.git", 77 "foca-modal-detalle-hoja-ruta": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-detalle-hoja-ruta.git",
78 "foca-modal-detalles": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-detalles.git", 78 "foca-modal-detalles": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-detalles.git",
79 "foca-modal-domicilio": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-domicilio.git", 79 "foca-modal-domicilio": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-domicilio.git",
80 "foca-modal-efectivo": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-efectivo.git", 80 "foca-modal-efectivo": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-efectivo.git",
81 "foca-modal-factura": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-factura.git", 81 "foca-modal-factura": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-factura.git",
82 "foca-modal-factura-detalle": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-factura-detalle.git", 82 "foca-modal-factura-detalle": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-factura-detalle.git",
83 "foca-modal-flete": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-flete.git", 83 "foca-modal-flete": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-flete.git",
84 "foca-modal-forma-pago": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-forma-pago.git", 84 "foca-modal-forma-pago": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-forma-pago.git",
85 "foca-modal-grafico-cisternas": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-grafico-cisternas.git", 85 "foca-modal-grafico-cisternas": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-grafico-cisternas.git",
86 "foca-modal-informe": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-informe.git", 86 "foca-modal-informe": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-informe.git",
87 "foca-modal-lista-precio": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-lista-precio.git", 87 "foca-modal-lista-precio": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-lista-precio.git",
88 "foca-modal-localizar": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-localizar.git", 88 "foca-modal-localizar": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-localizar.git",
89 "foca-modal-login": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-login.git", 89 "foca-modal-login": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-login.git",
90 "foca-modal-nota-pedido": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-nota-pedido.git", 90 "foca-modal-nota-pedido": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-nota-pedido.git",
91 "foca-modal-precio-condiciones": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-precio-condiciones.git", 91 "foca-modal-precio-condiciones": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-precio-condiciones.git",
92 "foca-modal-punto-descarga": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-punto-descarga.git", 92 "foca-modal-punto-descarga": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-punto-descarga.git",
93 "foca-modal-remito": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-remito.git", 93 "foca-modal-remito": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-remito.git",
94 "foca-modal-resumen-cuenta": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-resumen-cuenta.git", 94 "foca-modal-resumen-cuenta": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-resumen-cuenta.git",
95 "foca-modal-tarifa-flete": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-tarifa-flete.git", 95 "foca-modal-tarifa-flete": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-tarifa-flete.git",
96 "foca-modal-unidad-medida": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-unidad-medida.git", 96 "foca-modal-unidad-medida": "git+ssh://git@debonline.dyndns.org:npm/foca-modal-unidad-medida.git",
97 "foca-nombre-empresa": "git+ssh://git@debonline.dyndns.org:npm/foca-nombre-empresa.git", 97 "foca-nombre-empresa": "git+ssh://git@debonline.dyndns.org:npm/foca-nombre-empresa.git",
98 "foca-orden-carga": "git+ssh://git@debonline.dyndns.org:npm/foca-orden-carga.git", 98 "foca-orden-carga": "git+ssh://git@debonline.dyndns.org:npm/foca-orden-carga.git",
99 "foca-parametros": "git+ssh://git@debonline.dyndns.org:npm/foca-parametros.git", 99 "foca-parametros": "git+ssh://git@debonline.dyndns.org:npm/foca-parametros.git",
100 "foca-seguimiento": "git+ssh://git@debonline.dyndns.org:npm/foca-seguimiento.git", 100 "foca-seguimiento": "git+ssh://git@debonline.dyndns.org:npm/foca-seguimiento.git",
101 "foca-teclado": "git+ssh://git@debonline.dyndns.org:npm/foca-teclado.git", 101 "foca-teclado": "git+ssh://git@debonline.dyndns.org:npm/foca-teclado.git",
102 "font-awesome": "^4.7.0", 102 "font-awesome": "^4.7.0",
103 "gulp-angular-templatecache": "^2.2.7", 103 "gulp-angular-templatecache": "^2.2.7",
104 "gulp-htmlmin": "^5.0.1", 104 "gulp-htmlmin": "^5.0.1",
105 "gulp-sequence": "^1.0.0", 105 "gulp-sequence": "^1.0.0",
106 "gulp-uglify-es": "^1.0.4", 106 "gulp-uglify-es": "^1.0.4",
107 "jquery": "^3.4.1", 107 "jquery": "^3.4.1",
108 "jszip": "2.6.1", 108 "jszip": "2.6.1",
109 "ladda": "1.0.6", 109 "ladda": "1.0.6",
110 "leaflet": "1.3.4", 110 "leaflet": "1.3.4",
111 "lodash": "4.17.11", 111 "lodash": "4.17.11",
112 "moment": "2.23.0", 112 "moment": "2.23.0",
113 "ngstorage": "^0.3.11", 113 "ngstorage": "^0.3.11",
114 "node-sass": "^4.12.0", 114 "node-sass": "^4.12.0",
115 "pdfmake": "0.1.41", 115 "pdfmake": "0.1.41",
116 "popper.js": "^1.15.0", 116 "popper.js": "^1.15.0",
117 "uglify": "^0.1.5", 117 "uglify": "^0.1.5",
118 "ui-bootstrap4": "^3.0.6" 118 "ui-bootstrap4": "^3.0.6"
119 }, 119 },
120 "devDependencies": { 120 "devDependencies": {
121 "gulp": "^3.9.1", 121 "gulp": "^3.9.1",
122 "gulp-clean": "^0.4.0", 122 "gulp-clean": "^0.4.0",
123 "gulp-concat": "^2.6.1", 123 "gulp-concat": "^2.6.1",
124 "gulp-connect": "^5.7.0", 124 "gulp-connect": "^5.7.0",
125 "gulp-jshint": "^2.1.0", 125 "gulp-jshint": "^2.1.0",
126 "gulp-rename": "^1.4.0", 126 "gulp-rename": "^1.4.0",
127 "gulp-replace": "^1.0.0", 127 "gulp-replace": "^1.0.0",
128 "gulp-sass": "^4.0.2", 128 "gulp-sass": "^4.0.2",
129 "gulp-uglify": "^3.0.2", 129 "gulp-uglify": "^3.0.2",
130 "gulp-watch": "^5.0.1", 130 "gulp-watch": "^5.0.1",
131 "jasmine-core": "^3.4.0", 131 "jasmine-core": "^3.5.0",
132 "jshint": "^2.10.2", 132 "jshint": "^2.10.2",
133 "pre-commit": "^1.2.2", 133 "pre-commit": "^1.2.2",
134 "pump": "^3.0.0" 134 "pump": "^3.0.0"
135 } 135 }
136 } 136 }
137 137
src/sass/_animations.scss
File was created 1 .modal-content,
2 .focus-in {
3 animation: focus-in 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
4 }
5 @keyframes focus-in {
6 0% {
7 filter: blur(12px);
8 opacity: 0;
9 }
10 100% {
11 filter: blur(0px);
12 opacity: 1;
13 }
14 }
15
src/sass/_bootstrap.scss
1 button.active { 1 button.active {
2 text-decoration: none; 2 text-decoration: none;
3 outline: 0; 3 outline: 0;
4 color: white; 4 color: white;
5 background-color: $primary; 5 background-color: $primary;
6 &:focus { 6 &:focus {
7 box-shadow: 0 0 0 0.2rem $primaryTransparency; 7 box-shadow: 0 0 0 0.2rem $primaryTransparency;
8 } 8 }
9 } 9 }
10 .btn-xs { 10 .btn-xs {
11 padding: 0.15rem 0.5rem; 11 padding: 0.15rem 0.5rem;
12 font-size: 0.8rem; 12 font-size: 0.8rem;
13 line-height: 1.5; 13 line-height: 1.5;
14 border-radius: 0.2rem; 14 border-radius: 0.2rem;
15 } 15 }
16 16
17 .no-border-bottom { 17 .no-border-bottom {
18 border-bottom: 0 !important; 18 border-bottom: 0 !important;
19 } 19 }
20 .no-border-top { 20 .no-border-top {
21 border-top: 0 !important; 21 border-top: 0 !important;
22 } 22 }
23 .no-border { 23 .no-border {
24 border: 0 !important; 24 border: 0 !important;
25 } 25 }
26 .margin-bottom-mobile { 26 .margin-bottom-mobile {
27 margin-bottom: 2.5em !important; 27 margin-bottom: 2.5em !important;
28 } 28 }
29 .tamaรฑo-boton { 29 .tamaรฑo-boton {
30 width: 44px; 30 width: 44px;
31 } 31 }
32 .modal-content { 32 .modal-content {
33 .modal-header { 33 .modal-header {
34 display: block; 34 display: block;
35 > div.row { 35 > div.row {
36 margin: 0 !important; 36 margin: 0 !important;
37 > div { 37 > div {
38 padding: 0 !important; 38 padding: 0 !important;
39 } 39 }
40 }
41 }
42 @media (max-width: 576px) {
43 height: auto;
44 height: 100%;
45 border-radius: 0;
46 } 40 }
41 }
42 @media (max-width: 576px) {
43 height: auto;
44 height: 100%;
45 border-radius: 0;
46 }
47 } 47 }
48 .modal.show .modal-dialog { 48 .modal.show .modal-dialog {
49 @media (min-width: 1201px) { 49 @media (min-width: 1201px) {
50 -webkit-transform: translate(0, 70px); 50 -webkit-transform: translate(0, 70px);
51 transform: translate(0, 70px); 51 transform: translate(0, 70px);
52 } 52 }
53 @media (min-width: 576px) { 53 @media (min-width: 576px) {
54 -webkit-transform: translate(0, 90px); 54 -webkit-transform: translate(0, 90px);
55 transform: translate(0, 90px); 55 transform: translate(0, 90px);
56 } 56 }
57 @media (max-width: 576px) { 57 @media (max-width: 576px) {
58 width: 100%; 58 width: 100%;
59 height: 100%; 59 height: 100%;
60 margin: 0; 60 margin: 0;
61 padding: 0; 61 padding: 0;
62 } 62 }
63 } 63 }
64 .modal-body { 64 .modal-body {
65 @media (max-width: 576px) { 65 @media (max-width: 576px) {
66 overflow-y: auto; 66 overflow-y: auto;
67 } 67 }
68 } 68 }
69 69
70 .boton-salir { 70 .boton-salir {
71 position: absolute; 71 position: absolute;
72 bottom: 10px; 72 bottom: 10px;
73 right: 15px; 73 right: 15px;
74 width: calc(100% - 15px); 74 width: calc(100% - 15px);
75 } 75 }
76 76
77 input[type="number"]::-webkit-inner-spin-button, 77 input[type="number"]::-webkit-inner-spin-button,
78 input[type="number"]::-webkit-outer-spin-button { 78 input[type="number"]::-webkit-outer-spin-button {
79 -webkit-appearance: none; 79 -webkit-appearance: none;
80 margin: 0; 80 margin: 0;
81 } 81 }
82 82
83 .invisible { 83 .invisible {
84 color: rgba(0, 0, 0, 0); 84 color: rgba(0, 0, 0, 0);
85 } 85 }
86 86
87 .badge-success { 87 .badge-success {
88 background-color: #9aae47 !important; 88 background-color: #9aae47 !important;
src/sass/_botonera-principal.scss
1 .botonera-principal { 1 .botonera-principal {
2 menuitem { 2 menuitem {
3 display: inline-block; 3 display: inline-block;
4 height: 130px; 4 height: 130px;
5 text-align: center; 5 text-align: center;
6 width: 180px; 6 width: 180px;
7 @media (max-width: 576px) { 7 @media (max-width: 576px) {
8 width: 100%; 8 width: 100%;
9 } 9 }
10 @media (min-width: 992px) and (max-width: 1200px) { 10 @media (min-width: 992px) and (max-width: 1200px) {
11 width: 150px; 11 width: 150px;
12 } 12 }
13 } 13 }
14 button { 14 button {
15 cursor: pointer; 15 cursor: pointer;
16 background-image: url("../img/botonera.png"); 16 background-image: url("../img/botonera.png");
17 border-radius: 12px; 17 border-radius: 12px;
18 border-width: 0; 18 border-width: 0;
19 height: 90px; 19 height: 90px;
20 position: relative; 20 position: relative;
21 width: 90px; 21 width: 90px;
22 outline: 0; 22 outline: 0;
23 span { 23 span {
24 left: 0; 24 left: 0;
25 position: absolute; 25 position: absolute;
26 text-align: center; 26 text-align: center;
27 top: 90px; 27 top: 90px;
28 width: 100%; 28 width: 100%;
29 font-size: 12px; 29 font-size: 12px;
30 color: #777777; 30 color: #777777;
31 } 31 }
32 &:hover { 32 &:hover {
33 background-color: rgb(250, 250, 250); 33 background-color: rgb(250, 250, 250);
34 filter: drop-shadow(4px 4px 4px gray); 34 filter: drop-shadow(4px 4px 4px gray);
35 } 35 }
36 &:active { 36 &:active {
37 background-color: rgb(230, 230, 230); 37 background-color: rgb(230, 230, 230);
38 filter: drop-shadow(4px 4px 4px gray); 38 filter: drop-shadow(4px 4px 4px gray);
39 } 39 }
40 &:focus { 40 &:focus {
41 background-color: rgb(250, 250, 250); 41 background-color: rgb(250, 250, 250);
42 filter: drop-shadow(4px 4px 4px gray); 42 filter: drop-shadow(4px 4px 4px gray);
43 } 43 }
44 } 44 }
45 &-menu { 45 &-menu {
46 width: 100%; 46 width: 100%;
47 padding-left: 90px; 47 padding-left: 90px;
48 @media (max-width: 576px) { 48 @media (max-width: 576px) {
49 padding: 0; 49 padding: 0;
50 } 50 }
51 } 51 }
52 &-logo { 52 &-logo {
53 width: 100%; 53 width: 100%;
54 margin-left: 50%; 54 margin-left: 50%;
55 opacity: 0.8; 55 opacity: 0.8;
56 @media (max-width: 576px) { 56 @media (max-width: 576px) {
57 width: 180%; 57 width: 180%;
58 margin-left: 20%; 58 margin-left: 20%;
59 } 59 }
60 } 60 }
61 &-vacio { 61 &-vacio {
62 & button { 62 & button {
63 background-position: -4380px 0; 63 background-position: -4380px 0;
64 &:hover { 64 &:hover {
65 background-position: -4380px -90px; 65 background-position: -4380px -90px;
66 } 66 }
67 } 67 }
68 } 68 }
69 &-abrir-turno { 69 &-abrir-turno {
70 & button { 70 & button {
71 background-position: 0 0; 71 background-position: 0 0;
72 &:hover { 72 &:hover {
73 background-position: 0 -90px; 73 background-position: 0 -90px;
74 } 74 }
75 } 75 }
76 } 76 }
77 &-cerrar-turno { 77 &-cerrar-turno {
78 & button { 78 & button {
79 background-position: -90px 0; 79 background-position: -90px 0;
80 &:hover { 80 &:hover {
81 background-position: -90px -90px; 81 background-position: -90px -90px;
82 } 82 }
83 } 83 }
84 } 84 }
85 &-caja { 85 &-caja {
86 & button { 86 & button {
87 background-position: -180px 0; 87 background-position: -180px 0;
88 &:hover { 88 &:hover {
89 background-position: -180px -90px; 89 background-position: -180px -90px;
90 } 90 }
91 } 91 }
92 } 92 }
93 &-estado-cisterna { 93 &-estado-cisterna {
94 & button { 94 & button {
95 background-image: url("../img/control_stock.png"); 95 background-image: url("../img/control_stock.png");
96 background-size: 90px 90px; 96 background-size: 90px 90px;
97 } 97 }
98 } 98 }
99 &-logistica { 99 &-logistica {
100 & button { 100 & button {
101 background-image: url("../img/logistica.png"); 101 background-image: url("../img/logistica.png");
102 background-size: 90px 90px; 102 background-size: 90px 90px;
103 } 103 }
104 } 104 }
105 &-facturador { 105 &-facturador {
106 & button { 106 & button {
107 background-position: -270px 0px; 107 background-position: -270px 0px;
108 &:hover { 108 &:hover {
109 background-position: -270px -90px; 109 background-position: -270px -90px;
110 } 110 }
111 } 111 }
112 } 112 }
113 &-nota-pedido { 113 &-nota-pedido {
114 & button { 114 & button {
115 background-image: url("../img/notaPedido.png"); 115 background-image: url("../img/notaPedido.png");
116 background-size: 90px 90px; 116 background-size: 90px 90px;
117 } 117 }
118 } 118 }
119 &-remito { 119 &-remito {
120 & button { 120 & button {
121 background-image: url("../img/remito.png"); 121 background-image: url("../img/remito.png");
122 background-size: 90px 90px; 122 background-size: 90px 90px;
123 } 123 }
124 } 124 }
125 &-hoja-ruta { 125 &-hoja-ruta {
126 & button { 126 & button {
127 background-image: url("../img/hoja-ruta.png"); 127 background-image: url("../img/hoja-ruta.png");
128 background-size: 86px 90px; 128 background-size: 86px 90px;
129 } 129 }
130 } 130 }
131 &-activar-hoja-ruta { 131 &-activar-hoja-ruta {
132 & button { 132 & button {
133 background-image: url("../img/activar_hoja.png"); 133 background-image: url("../img/activar_hoja.png");
134 background-size: 90px 90px; 134 background-size: 90px 90px;
135 } 135 }
136 } 136 }
137 &-hoja-ruta-transportista { 137 &-hoja-ruta-transportista {
138 & button { 138 & button {
139 background-image: url("../img/hojaRutaVolante.png"); 139 background-image: url("../img/hojaRutaVolante.png");
140 background-size: 90px 90px; 140 background-size: 90px 90px;
141 } 141 }
142 } 142 }
143 &-seguimiento { 143 &-seguimiento {
144 & button { 144 & button {
145 background-image: url("../img/seguimientoNotaPedido.png"); 145 background-image: url("../img/seguimientoNotaPedido.png");
146 background-size: 90px 90px; 146 background-size: 90px 90px;
147 } 147 }
148 } 148 }
149 &-seguimiento-hoja-ruta { 149 &-seguimiento-hoja-ruta {
150 & button { 150 & button {
151 background-image: url("../img/seguimientoHojaRuta.png"); 151 background-image: url("../img/seguimientoHojaRuta.png");
152 background-size: 90px 90px; 152 background-size: 90px 90px;
153 } 153 }
154 } 154 }
155 &-cobranzas { 155 &-cobranzas {
156 & button { 156 & button {
157 background-image: url("../img/cobranzas.png"); 157 background-image: url("../img/cobranzas.png");
158 background-size: 90px 90px; 158 background-size: 90px 90px;
159 } 159 }
160 } 160 }
161 &-seguimiento-cobranzas { 161 &-seguimiento-cobranzas {
162 & button { 162 & button {
163 background-image: url("../img/seguimientoCobranza.png"); 163 background-image: url("../img/seguimientoCobranza.png");
164 background-size: 90px 90px; 164 background-size: 90px 90px;
165 } 165 }
166 } 166 }
167 &-vehiculo { 167 &-vehiculo {
168 & button { 168 & button {
169 background-image: url("../img/abmVehiculos.png"); 169 background-image: url("../img/abmVehiculos.png");
170 background-size: 90px 90px; 170 background-size: 90px 90px;
171 } 171 }
172 } 172 }
173 &-precio-condicion { 173 &-precio-condicion {
174 & button { 174 & button {
175 background-image: url("../img/abmPrecios.png"); 175 background-image: url("../img/abmPrecios.png");
176 background-size: 90px 90px; 176 background-size: 90px 90px;
177 } 177 }
178 } 178 }
179 &-chofer { 179 &-chofer {
180 & button { 180 & button {
181 background-image: url("../img/abmChofer.png"); 181 background-image: url("../img/abmChofer.png");
182 background-size: 90px 90px; 182 background-size: 90px 90px;
183 } 183 }
184 } 184 }
185 &-agendar-visita { 185 &-agendar-visita {
186 & button { 186 & button {
187 background-image: url("../img/agendarVisita.png"); 187 background-image: url("../img/agendarVisita.png");
188 background-size: 90px 90px; 188 background-size: 90px 90px;
189 } 189 }
190 } 190 }
191 &-informes { 191 &-informes {
192 & button { 192 & button {
193 background-image: url("../img/informes.png"); 193 background-image: url("../img/informes.png");
194 background-size: 90px 90px; 194 background-size: 90px 90px;
195 } 195 }
196 } 196 }
197 &-vendedor-cobrador { 197 &-vendedor-cobrador {
198 & button { 198 & button {
199 background-image: url("../img/abmVendedorCobrador.png"); 199 background-image: url("../img/abmVendedorCobrador.png");
200 background-size: 90px 90px; 200 background-size: 90px 90px;
201 } 201 }
202 } 202 }
203 &-autorizar-nota { 203 &-autorizar-nota {
204 & button { 204 & button {
205 background-image: url("../img/autorizarNota.png"); 205 background-image: url("../img/autorizarNota.png");
206 background-size: 90px 90px; 206 background-size: 90px 90px;
207 } 207 }
208 } 208 }
209 209
210 &-cliente { 210 &-cliente {
211 & button { 211 & button {
212 background-image: url("../img/clientePrincipal.png"); 212 background-image: url("../img/clientePrincipal.png");
213 background-size: 90px 90px; 213 background-size: 90px 90px;
214 } 214 }
215 } 215 }
216 216
217 &-parametros { 217 &-parametros {
218 & button { 218 & button {
219 background-image: url("../img/parametrizar.png"); 219 background-image: url("../img/parametrizar.png");
220 background-size: 90px 90px; 220 background-size: 90px 90px;
221 } 221 }
222 } 222 }
223 223
224 &-factura { 224 &-factura {
225 & button { 225 & button {
226 background-image: url("../img/factura.png"); 226 background-image: url("../img/factura.png");
227 background-size: 90px 90px; 227 background-size: 90px 90px;
228 } 228 }
229 } 229 }
230 230
231 .swiper-pagination { 231 .swiper-pagination {
232 bottom: 0px !important; 232 bottom: 0px !important;
233 background: none; 233 background: none;
234 } 234 }
235 235
236 .swiper-button-next { 236 .swiper-button-next {
237 background-image: url("../img/derecha.png"); 237 background-image: url("../img/derecha.png");
238 &:hover { 238 &:hover {
239 filter: drop-shadow(4px 4px 4px gray); 239 filter: drop-shadow(4px 4px 4px gray);
240 } 240 }
241 } 241 }
242 242
243 .swiper-button-prev { 243 .swiper-button-prev {
244 background-image: url("../img/izquierda.png"); 244 background-image: url("../img/izquierda.png");
245 &:hover { 245 &:hover {
246 filter: drop-shadow(4px 4px 4px gray); 246 filter: drop-shadow(4px 4px 4px gray);
247 } 247 }
248 } 248 }
249
250 .btn-tareas-pausadas{
251 background-color: #cd9035;
252 border-color: #cd9035 !important;
253 height: 30px;
254 text-align: center;
255 width: 280px;
256 background-image: none;
257 flood-color: #ffffff;
258 &:hover {
259 background-color: #cd9035;
260 }
261 &:focus {
262 background-color: #cd9035;
263 }
264 }
265
266 .dropdown-tareas-pausadas{
267 background: linear-gradient(0 ,#ffffff, #e6e6e6);
268 position: absolute;
269 will-change: transform;
270 top: 0px;
271 left: 0px;
272 transform: translate3d(0px, 0px, 0px);
273 margin-bottom: 5px;
274 padding: 0px;
275 box-sizing: content-box;
276 border-radius: 12px;
277 font: small;
278 transform: translate3d(0px, 30px, 0px);
279 }
280
281 .items-dropdown{
282 background-color:rgba(0, 0, 0, 0);
283 cursor: hand;
284 &:hover {
285 background-color: #e6e6e6;
286 width: 98%;
287 border-radius: 12px;
288 }
289 }
290
249 @media (min-width: 992px) { 291 @media (min-width: 992px) {
250 a { 292 a {
251 margin-top: 2.5rem; 293 margin-top: 2.5rem;
252 } 294 }
253 } 295 }
254 } 296 }
255 297
src/sass/_login.scss
1 .login { 1 .login {
2 background-color: #bdbdbd; 2 background: linear-gradient(0 ,#ffffff, #e6e6e6);
3 border: 1px solid #000000; 3 border: 1px solid #000000;
4 border-radius: 3px; 4 border-radius: 3px;
5 height: calc(193px + 1em); 5 height: calc(280px + 1em);
6 left: calc(50% - 130px); 6 left: calc(50% - 130px);
7 opacity: 0.7; 7 opacity: 0.7;
8 position: absolute; 8 position: absolute;
9 text-align: center; 9 text-align: center;
10 top: 190px; 10 top: 190px;
11 width: 260px; 11 width: 260px;
12 &-titulo { 12 &-titulo {
13 border-bottom: 1px solid #ffffff; 13 border-bottom: 1px solid #ffffff;
14 padding: 5px 0; 14 padding: 5px 0;
15 } 15 }
16 &-campo { 16 &-campo {
17 label { 17 label {
18 display: block; 18 display: block;
19 font-size: 12px; 19 font-size: 12px;
20 margin: 5px 0 0; 20 margin: 5px 0 0;
21 } 21 }
22 input { 22 input {
23 -moz-border-radius: 10px; 23 -moz-border-radius: 10px;
24 -khtml-border-radius: 10px; 24 -khtml-border-radius: 10px;
25 -webkit-border-radius: 10px; 25 -webkit-border-radius: 10px;
26 -webkit-appearance: none; 26 -webkit-appearance: none;
27 padding-right: 5%; 27 padding-right: 5%;
28 padding-left: 5%; 28 padding-left: 5%;
29 border-radius: 10px; 29 border-radius: 10px;
30 outline: 0; 30 outline: 0;
31 border-color: transparent; 31 border-color: transparent;
32 text-transform: none !important; 32 text-transform: none !important;
33 &:focus { 33 &:focus {
34 border-color: #ff9900; 34 border-color: #ff9900;
35 } 35 }
36 } 36 }
37 } 37 }
38 &-button { 38 &-button {
39 width: 80%; 39 width: 80%;
40 background-color: #cd9035; 40 background-color: #cd9035;
41 color: white; 41 color: white;
42 &:hover { 42 &:hover {
43 background-color: #a7743d; 43 background-color: #a7743d;
44 color: white 44 color: white
45 } 45 }
46 &:focus { 46 &:focus {
47 color: white; 47 color: white;
48 } 48 }
49 } 49 }
50 &-alerta-error { 50 &-alerta-error {
51 width: 260px; 51 width: 260px;
52 left: calc(50% - 130px); 52 left: calc(50% - 130px);
53 top: calc(383px + 1.5em); 53 top: calc(383px + 1.5em);
54 } 54 }
55 } 55 }
56 56
57 @media (min-width: 600px) {
58 .img-login{
59 height: 190px;
60 width: 211px;
61 }
62 }
63
64 @media (max-width: 600px) {
65 .img-login{
66 height: 150px;
67 width: 158px;
68 }
69 }
70
src/sass/general.scss
1 @import "constants"; 1 @import 'constants';
2 @import "admin-seguimiento"; 2 @import 'admin-seguimiento';
3 @import "bootstrap"; 3 @import 'bootstrap';
4 @import "botonera"; 4 @import 'botonera';
5 @import "botonera-lateral"; 5 @import 'botonera-lateral';
6 @import "botonera-principal"; 6 @import 'botonera-principal';
7 @import "botonera-secundaria"; 7 @import 'botonera-secundaria';
8 @import "contenedor"; 8 @import 'contenedor';
9 @import "lista"; 9 @import 'lista';
10 @import "login"; 10 @import 'login';
11 @import "panel-informativo"; 11 @import 'panel-informativo';
12 @import "tabla"; 12 @import 'tabla';
13 @import "teclado"; 13 @import 'teclado';
14 @import "tabla-articulos"; 14 @import 'tabla-articulos';
15 @import "acciones-mobile"; 15 @import 'acciones-mobile';
16 @import "swiper"; 16 @import 'swiper';
17 @import "foca-crear"; 17 @import 'foca-crear';
18 @import "logistica-pedido-ruta"; 18 @import 'logistica-pedido-ruta';
19 @import "tabs"; 19 @import 'tabs';
20 @import "grid"; 20 @import 'grid';
21 @import "paginador-abm"; 21 @import 'paginador-abm';
22 @import "table-autorizar-nota-pedido"; 22 @import 'table-autorizar-nota-pedido';
23 @import 'animations';
23 24
24 //OCULTA FLECHAS INPUT NUMBER 25 //OCULTA FLECHAS INPUT NUMBER
25 input[type="number"] { 26 input[type="number"] {
26 -moz-appearance: textfield; 27 -moz-appearance: textfield;
27 } 28 }
28 29
29 input::-webkit-outer-spin-button, 30 input::-webkit-outer-spin-button,
30 input::-webkit-inner-spin-button { 31 input::-webkit-inner-spin-button {
31 -webkit-appearance: none; 32 -webkit-appearance: none;
32 } 33 }
33 34
34 .d-md-grid { 35 .d-md-grid {
35 @media (min-width: 768px) { 36 @media (min-width: 768px) {
36 display: grid !important; 37 display: grid !important;
37 } 38 }
38 } 39 }
39 40
40 .btn-dashed { 41 .btn-dashed {
41 border-style: dashed !important; 42 border-style: dashed !important;
42 border-width: 3px; 43 border-width: 3px;
43 border-color: white; 44 border-color: white;
44 background-color: #dedfe0; 45 background-color: #dedfe0;
45 } 46 }
46 47
47 .marcador { 48 .marcador {
48 position: absolute; 49 position: absolute;
49 right: 44.5%; 50 right: 44.5%;
50 bottom: -32%; 51 bottom: -32%;
51 } 52 }
52 53
53 .informacion { 54 .informacion {
54 position: absolute; 55 position: absolute;
55 right: 18px; 56 right: 18px;
56 bottom: 5px; 57 bottom: 5px;
57 } 58 }
58 59
59 .flashit { 60 .flashit {
60 -webkit-animation: flash linear 1s infinite; 61 -webkit-animation: flash linear 1s infinite;
61 animation: flash linear 1s infinite; 62 animation: flash linear 1s infinite;
62 } 63 }
63 @-webkit-keyframes flash { 64 @-webkit-keyframes flash {
64 0% { 65 0% {
65 opacity: 1; 66 opacity: 1;
66 } 67 }
67 50% { 68 50% {
68 opacity: 0.6; 69 opacity: 0.6;
69 } 70 }
70 100% { 71 100% {
71 opacity: 1; 72 opacity: 1;
72 } 73 }
73 } 74 }
74 @keyframes flash { 75 @keyframes flash {
75 0% { 76 0% {
76 opacity: 1; 77 opacity: 1;
77 } 78 }
78 50% { 79 50% {
79 opacity: 0.6; 80 opacity: 0.6;
80 } 81 }
81 100% { 82 100% {
82 opacity: 1; 83 opacity: 1;
83 } 84 }
84 } 85 }
85 86
86 .btn-outline-debo { 87 .btn-outline-debo {
87 background-color: transparent; 88 background-color: transparent;
88 color: $primary; 89 color: $primary;
89 border-color: $primary; 90 border-color: $primary;
90 &:hover { 91 &:hover {
91 color: #fff; 92 color: #fff;
92 border-color: transparent; 93 border-color: transparent;
93 background-color: $primary; 94 background-color: $primary;
94 } 95 }
95 &:focus { 96 &:focus {
96 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 97 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
97 } 98 }
98 &:active { 99 &:active {
99 color: #fff; 100 color: #fff;
100 background-color: $primary !important; 101 background-color: $primary !important;
101 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 102 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
102 } 103 }
103 } 104 }
104 105
105 .input-group-append > button { 106 .input-group-append > button {
106 &:focus { 107 &:focus {
107 border-color: $primary !important; 108 border-color: $primary !important;
108 box-shadow: 0 0 5px $primary !important; 109 box-shadow: 0 0 5px $primary !important;
109 } 110 }
110 &:active { 111 &:active {
111 border-color: $primary !important; 112 border-color: $primary !important;
112 box-shadow: 0 0 5px $primary !important; 113 box-shadow: 0 0 5px $primary !important;
113 } 114 }
114 } 115 }
115 116
116 .line-break { 117 .line-break {
117 white-space: pre-wrap; 118 white-space: pre-wrap;
118 } 119 }
119 120
120 .input-group-append > button { 121 .input-group-append > button {
121 &:focus { 122 &:focus {
122 border-color: $primary !important; 123 border-color: $primary !important;
123 box-shadow: 0 0 5px $primary !important; 124 box-shadow: 0 0 5px $primary !important;
124 } 125 }
125 &:active { 126 &:active {
126 border-color: $primary !important; 127 border-color: $primary !important;
127 box-shadow: 0 0 5px $primary !important; 128 box-shadow: 0 0 5px $primary !important;
128 } 129 }
129 } 130 }
130 131
131 .btn-login { 132 .btn-login {
132 box-shadow: none !important; 133 box-shadow: none !important;
133 } 134 }
134 135
135 input[type="file"] { 136 input[type="file"] {
136 display: none; 137 display: none;
137 } 138 }
138 .custom-file-upload { 139 .custom-file-upload {
139 border: 1px solid #ccc; 140 border: 1px solid #ccc;
140 display: inline-block; 141 display: inline-block;
141 padding: 6px 12px; 142 padding: 6px 12px;
142 cursor: pointer; 143 cursor: pointer;
143 } 144 }
144 145
145 .btn-brown { 146 .btn-brown {
146 background-color: $primary; 147 background-color: $primary;
147 -webkit-appearance: none; 148 -webkit-appearance: none;
148 border-color: transparent; 149 border-color: transparent;
149 &:focus { 150 &:focus {
150 outline: 0 !important; 151 outline: 0 !important;
151 box-shadow: none; 152 box-shadow: none;
152 } 153 }
153 .icon-white { 154 .icon-white {
154 color: white; 155 color: white;
155 } 156 }
156 } 157 }
157 158
158 .btn-Guardar { 159 .btn-Guardar {
159 background-color: green; 160 background-color: green;
160 -webkit-appearance: none; 161 -webkit-appearance: none;
161 border-color: transparent; 162 border-color: transparent;
162 &:focus { 163 &:focus {
163 outline: 0 !important; 164 outline: 0 !important;
164 box-shadow: none; 165 box-shadow: none;
165 } 166 }
166 .icon-white { 167 .icon-white {
167 color: white; 168 color: white;
168 } 169 }
169 } 170 }
170 171
171 .page-link { 172 .page-link {
172 &:focus { 173 &:focus {
173 box-shadow: 0 0 0 0.2rem $primaryTransparency !important; 174 box-shadow: 0 0 0 0.2rem $primaryTransparency !important;
174 } 175 }
175 } 176 }
176 177
177 .page-item.active .page-link { 178 .page-item.active .page-link {
178 z-index: 1; 179 z-index: 1;
179 color: #fff; 180 color: #fff;
180 background-color: $primary; 181 background-color: $primary;
181 border-color: $primary; 182 border-color: $primary;
182 } 183 }
183 184
184 .foca-input { 185 .foca-input {
185 &:focus { 186 &:focus {
186 border-color: $primary; 187 border-color: $primary;
187 box-shadow: 0 0 5px $primary; 188 box-shadow: 0 0 5px $primary;
188 } 189 }
189 &:hover { 190 &:hover {
190 border-color: $primary; 191 border-color: $primary;
191 box-shadow: 0 0 5px $primary; 192 box-shadow: 0 0 5px $primary;
192 } 193 }
193 } 194 }
194 195
195 .btn-enviar { 196 .btn-enviar {
196 background-color: white; 197 background-color: white;
197 border-color: #cd9035; 198 border-color: #cd9035;
198 &:focus { 199 &:focus {
199 box-shadow: none !important; 200 box-shadow: none !important;
200 } 201 }
201 &:hover { 202 &:hover {
202 border-color: $primaryTransparency !important; 203 border-color: $primaryTransparency !important;
203 background-color: $primaryTransparency !important; 204 background-color: $primaryTransparency !important;
204 } 205 }
205 &:active { 206 &:active {
206 background-color: $primary !important; 207 background-color: $primary !important;
207 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 208 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
208 } 209 }
209 } 210 }
210 211
211 .btn-primary { 212 .btn-primary {
212 background-color: $primary !important; 213 background-color: $primary !important;
213 border-color: $primary !important; 214 border-color: $primary !important;
214 &:focus { 215 &:focus {
215 background-color: $primary !important; 216 background-color: $primary !important;
216 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 217 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
217 } 218 }
218 &:hover { 219 &:hover {
219 border-color: $primaryTransparency !important; 220 border-color: $primaryTransparency !important;
220 background-color: $primaryTransparency !important; 221 background-color: $primaryTransparency !important;
221 } 222 }
222 &:active { 223 &:active {
223 background-color: $primary !important; 224 background-color: $primary !important;
224 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 225 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
225 } 226 }
226 } 227 }
227 228
228 .input-group-text { 229 .input-group-text {
229 &:focus { 230 &:focus {
230 outline: none; 231 outline: none;
231 border-color: $primary; 232 border-color: $primary;
232 box-shadow: 0 0 5px $primary; 233 box-shadow: 0 0 5px $primary;
233 } 234 }
234 &:hover { 235 &:hover {
235 border-color: $primary; 236 border-color: $primary;
236 box-shadow: 0 0 5px $primary; 237 box-shadow: 0 0 5px $primary;
237 } 238 }
238 &:active { 239 &:active {
239 box-shadow: 0 0 5px $primary; 240 box-shadow: 0 0 5px $primary;
240 } 241 }
241 } 242 }
242 243
243 .btn-default { 244 .btn-default {
244 color: #fff; 245 color: #fff;
245 background-color: $default !important; 246 background-color: $default !important;
246 border-color: $default !important; 247 border-color: $default !important;
247 &:focus { 248 &:focus {
248 box-shadow: none !important; 249 box-shadow: none !important;
249 } 250 }
250 &:hover { 251 &:hover {
251 color: #fff; 252 color: #fff;
252 border-color: $defaultTransparency !important; 253 border-color: $defaultTransparency !important;
253 background-color: $defaultTransparency !important; 254 background-color: $defaultTransparency !important;
254 } 255 }
255 &:active { 256 &:active {
256 background-color: $default !important; 257 background-color: $default !important;
257 box-shadow: 0px 0px 0px 3px $defaultTransparency !important; 258 box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
258 } 259 }
259 } 260 }
260 261
261 .btn-danger { 262 .btn-danger {
262 &:hover { 263 &:hover {
263 color: #fff; 264 color: #fff;
264 border-color: $dangerTransparency !important; 265 border-color: $dangerTransparency !important;
265 background-color: $dangerTransparency !important; 266 background-color: $dangerTransparency !important;
266 } 267 }
267 } 268 }
268 269
269 .table-celda-total { 270 .table-celda-total {
270 background-color: $highlightedArea; 271 background-color: $highlightedArea;
271 } 272 }
272 273
273 marquee { 274 marquee {
274 background-color: $highlightedArea; 275 background-color: $highlightedArea;
275 } 276 }
276 277
277 .front-index { 278 .front-index {
278 z-index: 9999; 279 z-index: 9999;
279 } 280 }
280 281
281 .uib-daypicker { 282 .uib-daypicker {
282 outline: 0; 283 outline: 0;
283 } 284 }
284 285
285 .right-0 { 286 .right-0 {
286 right: 0; 287 right: 0;
287 } 288 }
288 289
289 .tabla-factura { 290 .tabla-factura {
290 word-wrap: break-word; 291 word-wrap: break-word;
291 table-layout: fixed; 292 table-layout: fixed;
292 } 293 }
293 294
294 .ladda-w-100 .ladda-label { 295 .ladda-w-100 .ladda-label {
295 width: 100%; 296 width: 100%;
296 float: right; 297 float: right;
297 } 298 }
298 299
299 .btn-delete-image { 300 .btn-delete-image {
300 height: 25px; 301 height: 25px;
301 width: 25px; 302 width: 25px;
302 top: -10px; 303 top: -10px;
303 right: 0; 304 right: 0;
304 } 305 }
305 306
306 button.clear-input { 307 button.clear-input {
307 cursor: pointer; 308 cursor: pointer;
308 background: transparent; 309 background: transparent;
309 border: none; 310 border: none;
310 margin-left: -24px; 311 margin-left: -24px;
311 z-index: 9; 312 z-index: 9;
312 color: #a3a3a3; 313 color: #a3a3a3;
313 &:focus { 314 &:focus {
314 outline: none; 315 outline: none;
315 } 316 }
316 } 317 }
317 .custom-control-input { 318 .custom-control-input {
318 &:checked ~ .custom-control-label::before { 319 &:checked ~ .custom-control-label::before {
319 border: none !important; 320 border: none !important;
320 color: $primary !important; 321 color: $primary !important;
321 background-color: $primary !important; 322 background-color: $primary !important;
322 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 323 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
323 } 324 }
324 &:active ~ .custom-control-label::before { 325 &:active ~ .custom-control-label::before {
325 border: none !important; 326 border: none !important;
326 color: $primary !important; 327 color: $primary !important;
327 background-color: $primary !important; 328 background-color: $primary !important;
328 } 329 }
329 &:focus ~ .custom-control-label::before { 330 &:focus ~ .custom-control-label::before {
330 border: none !important; 331 border: none !important;
331 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 332 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
332 } 333 }
333 &:focus:not(:checked) ~ .custom-control-label::before { 334 &:focus:not(:checked) ~ .custom-control-label::before {
334 border: none !important; 335 border: none !important;
335 } 336 }
336 &:not(:disabled):active ~ .custom-control-label::before { 337 &:not(:disabled):active ~ .custom-control-label::before {
337 border: none !important; 338 border: none !important;
338 color: $primary !important; 339 color: $primary !important;
339 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 340 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
340 } 341 }
341 &:hover ~ .custom-control-label::before { 342 &:hover ~ .custom-control-label::before {
342 border: none !important; 343 border: none !important;
343 background-color: $primaryTransparency; 344 background-color: $primaryTransparency;
344 } 345 }
345 } 346 }
346 .disable-selection { 347 .disable-selection {
347 user-select: none; 348 user-select: none;
348 -moz-user-select: none; /* Firefox */ 349 -moz-user-select: none; /* Firefox */
349 -ms-user-select: none; /* Internet Explorer */ 350 -ms-user-select: none; /* Internet Explorer */
350 -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */ 351 -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
351 -webkit-user-select: none; /* Chrome, Safari, and Opera */ 352 -webkit-user-select: none; /* Chrome, Safari, and Opera */
352 -webkit-touch-callout: none; /* Disable Android and iOS callouts*/ 353 -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
353 } 354 }
354 .foca-text-success { 355 .foca-text-success {
355 color: $textSuccess !important; 356 color: $textSuccess !important;
356 } 357 }
357 .foca-text-danger { 358 .foca-text-danger {
358 color: $textDanger !important; 359 color: $textDanger !important;
359 } 360 }
360 .cover-spin { 361 .cover-spin {
361 width: -webkit-fill-available; 362 width: -webkit-fill-available;
362 height: -webkit-fill-available; 363 height: -webkit-fill-available;
363 display: flex; 364 display: flex;
364 position: absolute; 365 position: absolute;
365 background-color: rgba(255, 255, 255, 0.6); 366 background-color: rgba(255, 255, 255, 0.6);
366 left: 0; 367 left: 0;
367 top: 0; 368 top: 0;
368 z-index: 9999; 369 z-index: 9999;
369 } 370 }
370 .fadeIn { 371 .fadeIn {
371 opacity: 0; 372 opacity: 0;
372 animation: fadeIn 1.8s forwards; 373 animation: fadeIn 1.8s forwards;
373 } 374 }
374 375
375 @keyframes fadeIn { 376 @keyframes fadeIn {
376 0% { 377 0% {
377 opacity: 0; 378 opacity: 0;
378 transform: translateY(10px); 379 transform: translateY(10px);
379 } 380 }
380 30% { 381 30% {
381 opacity: 0.6; 382 opacity: 0.6;
382 } 383 }
383 100% { 384 100% {
384 opacity: 1; 385 opacity: 1;
385 transform: translateY(0); 386 transform: translateY(0);
386 } 387 }
387 } 388 }
388 389