Florencia Cazzola / wrapper-facturador

Download as
Browse Code »

Commit af871bc6b55d3ba942889bd02b05ca6282ecdcc7

Authored by Marcelo Puebla
1 parent f9a4d57903
Exists in master

Cambios de estilos.

Showing 4 changed files with 14 additions and 2 deletions   Show diff stats
1 <html ng-app="appWrapperFacturador"> 1 <html ng-app="appWrapperFacturador">
2 <head> 2 <head>
3 <meta charset="UTF-8"/> 3 <meta charset="UTF-8"/>
4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
5 <base href="./"> 5 <base href="./">
6 6
7 <!--CSS--> 7 <!--CSS-->
8 <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/> 8 <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
9 <link href="./node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/> 9 <link href="./node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
10 <link href="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.css" rel="stylesheet"/> 10 <link href="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.css" rel="stylesheet"/>
11 <link href="./node_modules/angular-ui-grid/ui-grid.min.css" rel="stylesheet"/> 11 <link href="./node_modules/angular-ui-grid/ui-grid.min.css" rel="stylesheet"/>
12 <link href="./node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet"/> 12 <link href="./node_modules/ladda/dist/ladda-themeless.min.css" rel="stylesheet"/>
13 <link href="./node_modules/leaflet/dist/leaflet.css" rel="stylesheet"/> 13 <link href="./node_modules/leaflet/dist/leaflet.css" rel="stylesheet"/>
14 <link href="./css/general.css" rel="stylesheet"/> 14 <link href="./css/general.css" rel="stylesheet"/>
15 <link rel="shortcut icon" href="./img/favicon.png" /> 15 <link rel="shortcut icon" href="./img/favicon.png" />
16 16
17 <!--VENDOR JS--> 17 <!--VENDOR JS-->
18 <script src="./node_modules/jquery/dist/jquery.min.js"></script> 18 <script src="./node_modules/jquery/dist/jquery.min.js"></script>
19 <script src="./node_modules/popper.js/dist/umd/popper.min.js"></script> 19 <script src="./node_modules/popper.js/dist/umd/popper.min.js"></script>
20 <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script> 20 <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
21 <script src="./node_modules/angular/angular.min.js"></script> 21 <script src="./node_modules/angular/angular.min.js"></script>
22 <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script> 22 <script src="./node_modules/angular-cookies/angular-cookies.min.js"></script>
23 <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script> 23 <script src="./node_modules/angular-i18n/angular-locale_es-ar.js"></script>
24 <script src="./node_modules/angular-route/angular-route.min.js"></script> 24 <script src="./node_modules/angular-route/angular-route.min.js"></script>
25 <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script> 25 <script src="./node_modules/angular-sanitize/angular-sanitize.min.js"></script>
26 <script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script> 26 <script src="./node_modules/ui-bootstrap4/dist/ui-bootstrap-tpls.js"></script>
27 <script src="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script> 27 <script src="./node_modules/angular-ui-swiper/dist/angular-ui-swiper.js"></script>
28 <script src="./node_modules/pdfmake/build/pdfmake.min.js"></script> 28 <script src="./node_modules/pdfmake/build/pdfmake.min.js"></script>
29 <script src="./node_modules/pdfmake/build/vfs_fonts.js"></script> 29 <script src="./node_modules/pdfmake/build/vfs_fonts.js"></script>
30 <script src="./node_modules/lodash/lodash.min.js"></script> 30 <script src="./node_modules/lodash/lodash.min.js"></script>
31 <script src="./node_modules/jszip/dist/jszip.min.js"></script> 31 <script src="./node_modules/jszip/dist/jszip.min.js"></script>
32 <script src="./node_modules/excel-builder/dist/excel-builder.dist.min.js"></script> 32 <script src="./node_modules/excel-builder/dist/excel-builder.dist.min.js"></script>
33 <script src="./node_modules/angular-ui-grid/ui-grid.min.js"></script> 33 <script src="./node_modules/angular-ui-grid/ui-grid.min.js"></script>
34 <script src="./node_modules/ladda/dist/spin.min.js"></script> 34 <script src="./node_modules/ladda/dist/spin.min.js"></script>
35 <script src="./node_modules/ladda/dist/ladda.min.js"></script> 35 <script src="./node_modules/ladda/dist/ladda.min.js"></script>
36 <script src="./node_modules/angular-ladda/dist/angular-ladda.min.js"></script> 36 <script src="./node_modules/angular-ladda/dist/angular-ladda.min.js"></script>
37 <script src="./node_modules/leaflet/dist/leaflet.js"></script> 37 <script src="./node_modules/leaflet/dist/leaflet.js"></script>
38 <script src="./node_modules/ngstorage/ngStorage.min.js"></script> 38 <script src="./node_modules/ngstorage/ngStorage.min.js"></script>
39 <script src="./node_modules/chart.js/dist/Chart.min.js"></script> 39 <script src="./node_modules/chart.js/dist/Chart.min.js"></script>
40 <script src="./node_modules/angular-chart.js/dist/angular-chart.min.js"></script> 40 <script src="./node_modules/angular-chart.js/dist/angular-chart.min.js"></script>
41 <script src="./node_modules/angular-file-saver/dist/angular-file-saver.bundle.js"></script> 41 <script src="./node_modules/angular-file-saver/dist/angular-file-saver.bundle.js"></script>
42 <script src="./node_modules/angular-md5/angular-md5.min.js"></script> 42 <script src="./node_modules/angular-md5/angular-md5.min.js"></script>
43 43
44 <script src="./node_modules/foca-abm-chofer/dist/foca-abm-chofer.min.js"></script> 44 <script src="./node_modules/foca-abm-chofer/dist/foca-abm-chofer.min.js"></script>
45 <script src="./node_modules/foca-abm-cliente/dist/foca-abm-cliente.min.js"></script> 45 <script src="./node_modules/foca-abm-cliente/dist/foca-abm-cliente.min.js"></script>
46 <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script> 46 <script src="./node_modules/foca-abm-precios-condiciones/dist/foca-abm-precios-condiciones.min.js"></script>
47 <script src="./node_modules/foca-abm-vehiculo/dist/foca-abm-vehiculo.min.js"></script> 47 <script src="./node_modules/foca-abm-vehiculo/dist/foca-abm-vehiculo.min.js"></script>
48 <script src="./node_modules/foca-abm-vendedor-cobrador/dist/foca-abm-vendedor-cobrador.min.js"></script> 48 <script src="./node_modules/foca-abm-vendedor-cobrador/dist/foca-abm-vendedor-cobrador.min.js"></script>
49 <script src="./node_modules/foca-activar-hoja-ruta/dist/foca-activar-hoja-ruta.min.js"></script> 49 <script src="./node_modules/foca-activar-hoja-ruta/dist/foca-activar-hoja-ruta.min.js"></script>
50 <script src="./node_modules/foca-admin-seguimiento/dist/foca-admin-seguimiento.min.js"></script> 50 <script src="./node_modules/foca-admin-seguimiento/dist/foca-admin-seguimiento.min.js"></script>
51 <script src="./node_modules/foca-agendar-visita/dist/foca-agendar-visita.min.js"></script> 51 <script src="./node_modules/foca-agendar-visita/dist/foca-agendar-visita.min.js"></script>
52 <script src="./node_modules/foca-autorizar-nota-pedido/dist/foca-autorizar-nota-pedido.min.js"></script> 52 <script src="./node_modules/foca-autorizar-nota-pedido/dist/foca-autorizar-nota-pedido.min.js"></script>
53 <script src="./node_modules/foca-botonera-facturador/dist/foca-botonera-facturador.min.js"></script> 53 <script src="./node_modules/foca-botonera-facturador/dist/foca-botonera-facturador.min.js"></script>
54 <script src="./node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js"></script> 54 <script src="./node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js"></script>
55 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script> 55 <script src="./node_modules/foca-botonera-principal/dist/foca-botonera-principal.min.js"></script>
56 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script> 56 <script src="./node_modules/foca-busqueda-cliente/dist/foca-busqueda-cliente.min.js"></script>
57 <script src="./node_modules/foca-cabecera-facturador/dist/foca-cabecera-facturador.min.js"></script> 57 <script src="./node_modules/foca-cabecera-facturador/dist/foca-cabecera-facturador.min.js"></script>
58 <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script> 58 <script src="./node_modules/foca-configuracion/dist/foca-configuracion.min.js"></script>
59 <script src="./node_modules/foca-configurar-terminal/dist/foca-configurar-terminal.min.js"></script> 59 <script src="./node_modules/foca-configurar-terminal/dist/foca-configurar-terminal.min.js"></script>
60 <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script> 60 <script src="./node_modules/foca-crear-cobranza/dist/foca-crear-cobranza.min.js"></script>
61 <script src="./node_modules/foca-crear-factura/dist/foca-crear-factura.min.js"></script> 61 <script src="./node_modules/foca-crear-factura/dist/foca-crear-factura.min.js"></script>
62 <script src="./node_modules/foca-crear-hoja-ruta/dist/foca-crear-hoja-ruta.min.js"></script> 62 <script src="./node_modules/foca-crear-hoja-ruta/dist/foca-crear-hoja-ruta.min.js"></script>
63 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script> 63 <script src="./node_modules/foca-crear-nota-pedido/dist/foca-crear-nota-pedido.min.js"></script>
64 <script src="./node_modules/foca-crear-login/dist/foca-crear-login.min.js"></script> 64 <script src="./node_modules/foca-crear-login/dist/foca-crear-login.min.js"></script>
65 <script src="./node_modules/foca-crear-remito/dist/foca-crear-remito.min.js"></script> 65 <script src="./node_modules/foca-crear-remito/dist/foca-crear-remito.min.js"></script>
66 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script> 66 <script src="./node_modules/foca-directivas/dist/foca-directivas.min.js"></script>
67 <script src="./node_modules/foca-estado-cisternas/dist/foca-estado-cisternas.min.js"></script> 67 <script src="./node_modules/foca-estado-cisternas/dist/foca-estado-cisternas.min.js"></script>
68 <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script> 68 <script src="./node_modules/foca-filtros/dist/foca-filtros.min.js"></script>
69 <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script> 69 <script src="./node_modules/foca-hoja-ruta/dist/foca-hoja-ruta.min.js"></script>
70 <script src="./node_modules/foca-informes/dist/foca-informes.min.js"></script> 70 <script src="./node_modules/foca-informes/dist/foca-informes.min.js"></script>
71 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script> 71 <script src="./node_modules/foca-login/dist/foca-login.min.js"></script>
72 <script src="./node_modules/foca-logistica-pedido-ruta/dist/foca-logistica-pedido-ruta.min.js"></script> 72 <script src="./node_modules/foca-logistica-pedido-ruta/dist/foca-logistica-pedido-ruta.min.js"></script>
73 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script> 73 <script src="./node_modules/foca-modal/dist/foca-modal.min.js"></script>
74 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script> 74 <script src="./node_modules/foca-modal-busqueda-productos/dist/foca-busqueda-productos.min.js"></script>
75 <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script> 75 <script src="./node_modules/foca-modal-cheque/dist/foca-modal-cheque.min.js"></script>
76 <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script> 76 <script src="./node_modules/foca-modal-cobranza/dist/foca-modal-cobranza.min.js"></script>
77 <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script> 77 <script src="./node_modules/foca-modal-cotizacion/dist/foca-modal-cotizacion.min.js"></script>
78 <script src="./node_modules/foca-modal-descarga/dist/foca-modal-descarga.min.js"></script> 78 <script src="./node_modules/foca-modal-descarga/dist/foca-modal-descarga.min.js"></script>
79 <script src="./node_modules/foca-modal-detalle-cisternas/dist/foca-modal-detalle-cisternas.min.js"></script> 79 <script src="./node_modules/foca-modal-detalle-cisternas/dist/foca-modal-detalle-cisternas.min.js"></script>
80 <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script> 80 <script src="./node_modules/foca-modal-detalle-hoja-ruta/dist/foca-modal-detalle-hoja-ruta.min.js"></script>
81 <script src="./node_modules/foca-modal-detalles/dist/foca-modal-detalles.min.js"></script> 81 <script src="./node_modules/foca-modal-detalles/dist/foca-modal-detalles.min.js"></script>
82 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script> 82 <script src="./node_modules/foca-modal-domicilio/dist/foca-modal-domicilios.min.js"></script>
83 <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script> 83 <script src="./node_modules/foca-modal-efectivo/dist/foca-modal-efectivo.min.js"></script>
84 <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script> 84 <script src="./node_modules/foca-modal-factura/dist/foca-modal-factura.min.js"></script>
85 <script src="./node_modules/foca-modal-factura-detalle/dist/foca-modal-factura-detalle.min.js"></script> 85 <script src="./node_modules/foca-modal-factura-detalle/dist/foca-modal-factura-detalle.min.js"></script>
86 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script> 86 <script src="./node_modules/foca-modal-flete/dist/foca-modal-flete.min.js"></script>
87 <script src="./node_modules/foca-modal-grafico-cisternas/dist/foca-modal-grafico-cisternas.min.js"></script> 87 <script src="./node_modules/foca-modal-grafico-cisternas/dist/foca-modal-grafico-cisternas.min.js"></script>
88 <script src="./node_modules/foca-modal-informe/dist/foca-modal-informe.min.js"></script> 88 <script src="./node_modules/foca-modal-informe/dist/foca-modal-informe.min.js"></script>
89 <script src="./node_modules/foca-modal-lista-precio/dist/foca-modal-lista-precio.min.js"></script> 89 <script src="./node_modules/foca-modal-lista-precio/dist/foca-modal-lista-precio.min.js"></script>
90 <script src="./node_modules/foca-modal-localizar/dist/foca-modal-localizar.min.js"></script> 90 <script src="./node_modules/foca-modal-localizar/dist/foca-modal-localizar.min.js"></script>
91 <script src="./node_modules/foca-modal-login/dist/foca-modal-login.min.js"></script> 91 <script src="./node_modules/foca-modal-login/dist/foca-modal-login.min.js"></script>
92 <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script> 92 <script src="./node_modules/foca-modal-nota-pedido/dist/foca-modal-nota-pedido.min.js"></script>
93 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script> 93 <script src="./node_modules/foca-modal-precio-condiciones/dist/foca-modal-precio-condiciones.min.js"></script>
94 <script src="./node_modules/foca-modal-punto-descarga/dist/foca-modal-punto-descarga.min.js"></script> 94 <script src="./node_modules/foca-modal-punto-descarga/dist/foca-modal-punto-descarga.min.js"></script>
95 <script src="./node_modules/foca-modal-remito/dist/foca-modal-remito.min.js"></script> 95 <script src="./node_modules/foca-modal-remito/dist/foca-modal-remito.min.js"></script>
96 <script src="./node_modules/foca-modal-resumen-cuenta/dist/foca-modal-resumen-cuenta.min.js"></script> 96 <script src="./node_modules/foca-modal-resumen-cuenta/dist/foca-modal-resumen-cuenta.min.js"></script>
97 <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script> 97 <script src="./node_modules/foca-modal-tarifa-flete/dist/foca-modal-tarifa-flete.min.js"></script>
98 <script src="./node_modules/foca-modal-unidad-medida/dist/foca-modal-unidad-medida.min.js"></script> 98 <script src="./node_modules/foca-modal-unidad-medida/dist/foca-modal-unidad-medida.min.js"></script>
99 <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script> 99 <script src="./node_modules/foca-nombre-empresa/dist/foca-nombre-empresa.min.js"></script>
100 <script src="./node_modules/foca-parametros/dist/foca-parametros.min.js"></script> 100 <script src="./node_modules/foca-parametros/dist/foca-parametros.min.js"></script>
101 <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script> 101 <script src="./node_modules/foca-seguimiento/dist/foca-seguimiento.min.js"></script>
102 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script> 102 <script src="./node_modules/foca-teclado/dist/foca-teclado.min.js"></script>
103 <script src="./node_modules/foca-modal-descarga/dist/foca-modal-descarga.min.js"></script> 103 <script src="./node_modules/foca-modal-descarga/dist/foca-modal-descarga.min.js"></script>
104 <script src="./node_modules/foca-modal-forma-pago/dist/foca-modal-forma-pago.min.js"></script> 104 <script src="./node_modules/foca-modal-forma-pago/dist/foca-modal-forma-pago.min.js"></script>
105 <script src="./src/js/app.js"></script> 105 <script src="./src/js/app.js"></script>
106 <script src="./src/js/controller.js"></script> 106 <script src="./src/js/controller.js"></script>
107 <script src="./src/etc/develop.js"></script> 107 <script src="./src/etc/develop.js"></script>
108 108
109 </head> 109 </head>
110 <body class="w-100"> 110 <body class="w-100">
111 <style> 111 <style>
112 </style> 112 </style>
113 <foca-nombre-empresa></foca-nombre-empresa> 113 <foca-nombre-empresa></foca-nombre-empresa>
114 <div ng-view class="container contenedor"></div> 114 <div ng-view class="container"></div>
115 <div ng-controller="appWrapperFacturadorController" class="teclado-container container d-none d-md-block "> 115 <div ng-controller="appWrapperFacturadorController" class="teclado-container container d-none d-md-block ">
116 <foca-botonera-lateral></foca-botonera-lateral> 116 <foca-botonera-lateral></foca-botonera-lateral>
117 <foca-teclado 117 <foca-teclado
118 ng-show="usarTeclado && mostrarTeclado" 118 ng-show="usarTeclado && mostrarTeclado"
119 alfanumeric="true" 119 alfanumeric="true"
120 numeric="true" 120 numeric="true"
121 > 121 >
122 </foca-teclado> 122 </foca-teclado>
123 </div> 123 </div>
124 </body> 124 </body>
125 125
126 </html> 126 </html>
127 127
src/sass/_bootstrap.scss
Diff comments   View file @ af871bc
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 } 40 }
41 } 41 }
42 @media (max-width: 576px) { 42 @media (max-width: 576px) {
43 height: auto; 43 height: auto;
44 height: 100%; 44 height: 100%;
45 border-radius: 0; 45 border-radius: 0;
46 } 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;
89 } 89 }
90 90
91 .border-warning { 91 .border-warning {
92 border-color: #cd9035 !important; 92 border-color: #cd9035 !important;
93 } 93 }
94
95 .rounded-1 {
96 border-radius: .25rem!important;
97 }
98
99 .rounded-2 {
100 border-radius: .5rem!important;
101 }
src/sass/_botonera-principal.scss
Diff comments   View file @ af871bc
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: 50%;
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 } 233 }
234 234
235 .swiper-button-next { 235 .swiper-button-next {
236 background-image: url("../img/derecha.png"); 236 background-image: url("../img/derecha.png");
237 &:hover { 237 &:hover {
238 filter: drop-shadow(4px 4px 4px gray); 238 filter: drop-shadow(4px 4px 4px gray);
239 } 239 }
240 } 240 }
241 241
242 .swiper-button-prev { 242 .swiper-button-prev {
243 background-image: url("../img/izquierda.png"); 243 background-image: url("../img/izquierda.png");
244 &:hover { 244 &:hover {
245 filter: drop-shadow(4px 4px 4px gray); 245 filter: drop-shadow(4px 4px 4px gray);
246 } 246 }
247 } 247 }
248 @media (min-width: 992px) { 248 @media (min-width: 992px) {
249 a { 249 a {
250 margin-top: 2.5rem; 250 margin-top: 2.5rem;
251 } 251 }
252 } 252 }
253 } 253 }
254 254
src/sass/general.scss
Diff comments   View file @ af871bc
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 23
24 //OCULTA FLECHAS INPUT NUMBER 24 //OCULTA FLECHAS INPUT NUMBER
25 input[type="number"] { 25 input[type="number"] {
26 -moz-appearance: textfield; 26 -moz-appearance: textfield;
27 } 27 }
28 28
29 input::-webkit-outer-spin-button, 29 input::-webkit-outer-spin-button,
30 input::-webkit-inner-spin-button { 30 input::-webkit-inner-spin-button {
31 -webkit-appearance: none; 31 -webkit-appearance: none;
32 } 32 }
33 33
34 .d-md-grid { 34 .d-md-grid {
35 @media (min-width: 768px) { 35 @media (min-width: 768px) {
36 display: grid !important; 36 display: grid !important;
37 } 37 }
38 } 38 }
39 39
40 .btn-dashed { 40 .btn-dashed {
41 border-style: dashed !important; 41 border-style: dashed !important;
42 border-width: 3px; 42 border-width: 3px;
43 border-color: white; 43 border-color: white;
44 background-color: #dedfe0; 44 background-color: #dedfe0;
45 } 45 }
46 46
47 .marcador { 47 .marcador {
48 position: absolute; 48 position: absolute;
49 right: 44.5%; 49 right: 44.5%;
50 bottom: -32%; 50 bottom: -32%;
51 } 51 }
52 52
53 .informacion { 53 .informacion {
54 position: absolute; 54 position: absolute;
55 right: 18px; 55 right: 18px;
56 bottom: 5px; 56 bottom: 5px;
57 } 57 }
58 58
59 .flashit { 59 .flashit {
60 -webkit-animation: flash linear 1s infinite; 60 -webkit-animation: flash linear 1s infinite;
61 animation: flash linear 1s infinite; 61 animation: flash linear 1s infinite;
62 } 62 }
63 @-webkit-keyframes flash { 63 @-webkit-keyframes flash {
64 0% { 64 0% {
65 opacity: 1; 65 opacity: 1;
66 } 66 }
67 50% { 67 50% {
68 opacity: 0.6; 68 opacity: 0.6;
69 } 69 }
70 100% { 70 100% {
71 opacity: 1; 71 opacity: 1;
72 } 72 }
73 } 73 }
74 @keyframes flash { 74 @keyframes flash {
75 0% { 75 0% {
76 opacity: 1; 76 opacity: 1;
77 } 77 }
78 50% { 78 50% {
79 opacity: 0.6; 79 opacity: 0.6;
80 } 80 }
81 100% { 81 100% {
82 opacity: 1; 82 opacity: 1;
83 } 83 }
84 } 84 }
85 85
86 .btn-outline-debo { 86 .btn-outline-debo {
87 background-color: transparent; 87 background-color: transparent;
88 color: $primary; 88 color: $primary;
89 border-color: $primary; 89 border-color: $primary;
90 &:hover { 90 &:hover {
91 color: #fff; 91 color: #fff;
92 border-color: transparent; 92 border-color: transparent;
93 background-color: $primary; 93 background-color: $primary;
94 } 94 }
95 &:focus { 95 &:focus {
96 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 96 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
97 } 97 }
98 &:active { 98 &:active {
99 color: #fff; 99 color: #fff;
100 background-color: $primary !important; 100 background-color: $primary !important;
101 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 101 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
102 } 102 }
103 } 103 }
104 104
105 .input-group-append > button { 105 .input-group-append > button {
106 &:focus { 106 &:focus {
107 border-color: $primary !important; 107 border-color: $primary !important;
108 box-shadow: 0 0 5px $primary !important; 108 box-shadow: 0 0 5px $primary !important;
109 } 109 }
110 &:active { 110 &:active {
111 border-color: $primary !important; 111 border-color: $primary !important;
112 box-shadow: 0 0 5px $primary !important; 112 box-shadow: 0 0 5px $primary !important;
113 } 113 }
114 } 114 }
115 115
116 .line-break { 116 .line-break {
117 white-space: pre-wrap; 117 white-space: pre-wrap;
118 } 118 }
119 119
120 .input-group-append > button { 120 .input-group-append > button {
121 &:focus { 121 &:focus {
122 border-color: $primary !important; 122 border-color: $primary !important;
123 box-shadow: 0 0 5px $primary !important; 123 box-shadow: 0 0 5px $primary !important;
124 } 124 }
125 &:active { 125 &:active {
126 border-color: $primary !important; 126 border-color: $primary !important;
127 box-shadow: 0 0 5px $primary !important; 127 box-shadow: 0 0 5px $primary !important;
128 } 128 }
129 } 129 }
130 130
131 .btn-login { 131 .btn-login {
132 box-shadow: none !important; 132 box-shadow: none !important;
133 } 133 }
134 134
135 input[type="file"] { 135 input[type="file"] {
136 display: none; 136 display: none;
137 } 137 }
138 .custom-file-upload { 138 .custom-file-upload {
139 border: 1px solid #ccc; 139 border: 1px solid #ccc;
140 display: inline-block; 140 display: inline-block;
141 padding: 6px 12px; 141 padding: 6px 12px;
142 cursor: pointer; 142 cursor: pointer;
143 } 143 }
144 144
145 .btn-brown { 145 .btn-brown {
146 background-color: $primary; 146 background-color: $primary;
147 -webkit-appearance: none; 147 -webkit-appearance: none;
148 border-color: transparent; 148 border-color: transparent;
149 &:focus { 149 &:focus {
150 outline: 0 !important; 150 outline: 0 !important;
151 box-shadow: none; 151 box-shadow: none;
152 } 152 }
153 .icon-white { 153 .icon-white {
154 color: white; 154 color: white;
155 } 155 }
156 } 156 }
157 157
158 .btn-Guardar { 158 .btn-Guardar {
159 background-color: green; 159 background-color: green;
160 -webkit-appearance: none; 160 -webkit-appearance: none;
161 border-color: transparent; 161 border-color: transparent;
162 &:focus { 162 &:focus {
163 outline: 0 !important; 163 outline: 0 !important;
164 box-shadow: none; 164 box-shadow: none;
165 } 165 }
166 .icon-white { 166 .icon-white {
167 color: white; 167 color: white;
168 } 168 }
169 } 169 }
170 170
171 .page-item.active .page-link { 171 .page-item.active .page-link {
172 z-index: 1; 172 z-index: 1;
173 color: #fff; 173 color: #fff;
174 background-color: $primary; 174 background-color: $primary;
175 border-color: $primary; 175 border-color: $primary;
176 } 176 }
177 177
178 .foca-input { 178 .foca-input {
179 &:focus { 179 &:focus {
180 border-color: $primary; 180 border-color: $primary;
181 box-shadow: 0 0 5px $primary; 181 box-shadow: 0 0 5px $primary;
182 } 182 }
183 &:hover { 183 &:hover {
184 border-color: $primary; 184 border-color: $primary;
185 box-shadow: 0 0 5px $primary; 185 box-shadow: 0 0 5px $primary;
186 } 186 }
187 } 187 }
188 188
189 .btn-enviar { 189 .btn-enviar {
190 background-color: white; 190 background-color: white;
191 border-color: #cd9035; 191 border-color: #cd9035;
192 &:focus { 192 &:focus {
193 box-shadow: none !important; 193 box-shadow: none !important;
194 } 194 }
195 &:hover { 195 &:hover {
196 border-color: $primaryTransparency !important; 196 border-color: $primaryTransparency !important;
197 background-color: $primaryTransparency !important; 197 background-color: $primaryTransparency !important;
198 } 198 }
199 &:active { 199 &:active {
200 background-color: $primary !important; 200 background-color: $primary !important;
201 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 201 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
202 } 202 }
203 } 203 }
204 204
205 .btn-primary { 205 .btn-primary {
206 background-color: $primary !important; 206 background-color: $primary !important;
207 border-color: $primary !important; 207 border-color: $primary !important;
208 &:focus { 208 &:focus {
209 box-shadow: none !important; 209 box-shadow: none !important;
210 } 210 }
211 &:hover { 211 &:hover {
212 border-color: $primaryTransparency !important; 212 border-color: $primaryTransparency !important;
213 background-color: $primaryTransparency !important; 213 background-color: $primaryTransparency !important;
214 } 214 }
215 &:active { 215 &:active {
216 background-color: $primary !important; 216 background-color: $primary !important;
217 box-shadow: 0px 0px 0px 3px $primaryTransparency !important; 217 box-shadow: 0px 0px 0px 3px $primaryTransparency !important;
218 } 218 }
219 } 219 }
220 220
221 .input-group-text { 221 .input-group-text {
222 &:focus { 222 &:focus {
223 outline: none; 223 outline: none;
224 border-color: $primary; 224 border-color: $primary;
225 box-shadow: 0 0 5px $primary; 225 box-shadow: 0 0 5px $primary;
226 } 226 }
227 &:hover { 227 &:hover {
228 border-color: $primary; 228 border-color: $primary;
229 box-shadow: 0 0 5px $primary; 229 box-shadow: 0 0 5px $primary;
230 } 230 }
231 &:active { 231 &:active {
232 box-shadow: 0 0 5px $primary; 232 box-shadow: 0 0 5px $primary;
233 } 233 }
234 } 234 }
235 235
236 .btn-default { 236 .btn-default {
237 color: #fff; 237 color: #fff;
238 background-color: $default !important; 238 background-color: $default !important;
239 border-color: $default !important; 239 border-color: $default !important;
240 &:focus { 240 &:focus {
241 box-shadow: none !important; 241 box-shadow: none !important;
242 } 242 }
243 &:hover { 243 &:hover {
244 color: #fff; 244 color: #fff;
245 border-color: $defaultTransparency !important; 245 border-color: $defaultTransparency !important;
246 background-color: $defaultTransparency !important; 246 background-color: $defaultTransparency !important;
247 } 247 }
248 &:active { 248 &:active {
249 background-color: $default !important; 249 background-color: $default !important;
250 box-shadow: 0px 0px 0px 3px $defaultTransparency !important; 250 box-shadow: 0px 0px 0px 3px $defaultTransparency !important;
251 } 251 }
252 } 252 }
253 253
254 .btn-danger { 254 .btn-danger {
255 &:hover { 255 &:hover {
256 color: #fff; 256 color: #fff;
257 border-color: $dangerTransparency !important; 257 border-color: $dangerTransparency !important;
258 background-color: $dangerTransparency !important; 258 background-color: $dangerTransparency !important;
259 } 259 }
260 } 260 }
261 261
262 .table-celda-total { 262 .table-celda-total {
263 background-color: $highlightedArea; 263 background-color: $highlightedArea;
264 } 264 }
265 265
266 marquee { 266 marquee {
267 background-color: $highlightedArea; 267 background-color: $highlightedArea;
268 } 268 }
269 269
270 .front-index { 270 .front-index {
271 z-index: 9999; 271 z-index: 9999;
272 } 272 }
273 273
274 .uib-daypicker { 274 .uib-daypicker {
275 outline: 0; 275 outline: 0;
276 } 276 }
277 277
278 .right-0 { 278 .right-0 {
279 right: 0; 279 right: 0;
280 } 280 }
281 281
282 .tabla-factura { 282 .tabla-factura {
283 word-wrap: break-word; 283 word-wrap: break-word;
284 table-layout: fixed; 284 table-layout: fixed;
285 } 285 }
286 286
287 .ladda-w-100 .ladda-label { 287 .ladda-w-100 .ladda-label {
288 width: 100%; 288 width: 100%;
289 float: right; 289 float: right;
290 } 290 }
291 291
292 .btn-delete-image { 292 .btn-delete-image {
293 height: 25px; 293 height: 25px;
294 width: 25px; 294 width: 25px;
295 top: -10px; 295 top: -10px;
296 right: 0; 296 right: 0;
297 } 297 }
298 298
299 button.clear-input { 299 button.clear-input {
300 cursor: pointer; 300 cursor: pointer;
301 background: transparent; 301 background: transparent;
302 border: none; 302 border: none;
303 margin-left: -24px; 303 margin-left: -24px;
304 z-index: 9; 304 z-index: 9;
305 color: #a3a3a3; 305 color: #a3a3a3;
306 &:focus { 306 &:focus {
307 outline: none; 307 outline: none;
308 } 308 }
309 } 309 }
310 .custom-control-input { 310 .custom-control-input {
311 &:checked ~ .custom-control-label::before { 311 &:checked ~ .custom-control-label::before {
312 border: none !important; 312 border: none !important;
313 color: $primary !important; 313 color: $primary !important;
314 background-color: $primary !important; 314 background-color: $primary !important;
315 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 315 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
316 } 316 }
317 &:active ~ .custom-control-label::before { 317 &:active ~ .custom-control-label::before {
318 border: none !important; 318 border: none !important;
319 color: $primary !important; 319 color: $primary !important;
320 background-color: $primary !important; 320 background-color: $primary !important;
321 } 321 }
322 &:focus ~ .custom-control-label::before { 322 &:focus ~ .custom-control-label::before {
323 border: none !important; 323 border: none !important;
324 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 324 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
325 } 325 }
326 &:focus:not(:checked) ~ .custom-control-label::before { 326 &:focus:not(:checked) ~ .custom-control-label::before {
327 border: none !important; 327 border: none !important;
328 } 328 }
329 &:not(:disabled):active ~ .custom-control-label::before { 329 &:not(:disabled):active ~ .custom-control-label::before {
330 border: none !important; 330 border: none !important;
331 color: $primary !important; 331 color: $primary !important;
332 box-shadow: 0px 0px 0px 2px $primaryTransparency !important; 332 box-shadow: 0px 0px 0px 2px $primaryTransparency !important;
333 } 333 }
334 &:hover ~ .custom-control-label::before { 334 &:hover ~ .custom-control-label::before {
335 border: none !important; 335 border: none !important;
336 background-color: $primaryTransparency; 336 background-color: $primaryTransparency;
337 } 337 }
338 } 338 }
339 .disable-selection { 339 .disable-selection {
340 user-select: none; 340 user-select: none;
341 -moz-user-select: none; /* Firefox */ 341 -moz-user-select: none; /* Firefox */
342 -ms-user-select: none; /* Internet Explorer */ 342 -ms-user-select: none; /* Internet Explorer */
343 -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */ 343 -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
344 -webkit-user-select: none; /* Chrome, Safari, and Opera */ 344 -webkit-user-select: none; /* Chrome, Safari, and Opera */
345 -webkit-touch-callout: none; /* Disable Android and iOS callouts*/ 345 -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
346 } 346 }
347 .foca-text-success { 347 .foca-text-success {
348 color: $textSuccess !important; 348 color: $textSuccess !important;
349 } 349 }
350 .foca-text-danger { 350 .foca-text-danger {
351 color: $textDanger !important; 351 color: $textDanger !important;
352 } 352 }
353 .cover-spin { 353 .cover-spin {
354 width: -webkit-fill-available; 354 width: -webkit-fill-available;
355 height: -webkit-fill-available; 355 height: -webkit-fill-available;
356 display: flex; 356 display: flex;
357 position: absolute; 357 position: absolute;
358 background-color: rgba(255, 255, 255, 0.6); 358 background-color: rgba(255, 255, 255, 0.6);
359 left: 0; 359 left: 0;
360 top: 0; 360 top: 0;
361 z-index: 9999; 361 z-index: 9999;
362 } 362 }
363 .fadeIn { 363 .fadeIn {
364 opacity: 0; 364 opacity: 0;
365 animation: fadeIn 1.8s forwards; 365 animation: fadeIn 1.8s forwards;
366 } 366 }
367 367
368 @keyframes fadeIn { 368 @keyframes fadeIn {
369 0% { 369 0% {
370 opacity: 0; 370 opacity: 0;
371 transform: translateY(10px); 371 transform: translateY(10px);
372 } 372 }
373 30% { 373 30% {
374 opacity: 0.6; 374 opacity: 0.6;
375 } 375 }
376 100% { 376 100% {
377 opacity: 1; 377 opacity: 1;
378 transform: translateY(0); 378 transform: translateY(0);
379 } 379 }
380 } 380 }
381
382 .bg-gray-gradient {
383 background: linear-gradient(0deg, hsl(0, 0%, 90%),hsl(0, 0%, 70%));
384 }
381 385