Martin Macola / wrapper-facturador

Download as
Browse Code »

Commit 3cd7253332617a49bc112c3d37b90d13d33c6f21

Authored by Martin Macola
1 parent 9f5526fae0
Exists in master

Cambio de color primario

Showing 6 changed files with 29 additions and 18 deletions   Show diff stats
src/sass/_bootstrap.scss
Diff comments   View file @ 3cd7253
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: #2872AD !important;
93 } 93 }
94 94
95 .rounded-1 { 95 .rounded-1 {
96 border-radius: .25rem!important; 96 border-radius: .25rem!important;
97 } 97 }
98 98
99 .rounded-2 { 99 .rounded-2 {
100 border-radius: .5rem!important; 100 border-radius: .5rem!important;
101 } 101 }
src/sass/_botonera-secundaria.scss
Diff comments   View file @ 3cd7253
1 .botonera-secundaria { 1 .botonera-secundaria {
2 .row { 2 .row {
3 border-radius: 5px; 3 border-radius: 5px;
4 overflow: hidden; 4 overflow: hidden;
5 } 5 }
6 .btn-xs { 6 .btn-xs {
7 display: grid; 7 display: grid;
8 border-width: 3px !important; 8 border-width: 3px !important;
9 border-radius: .7rem !important; 9 border-radius: .7rem !important;
10 margin-right: 1px; 10 margin-right: 1px;
11 width: calc(100% - 1px); 11 width: calc(100% - 1px);
12 margin-bottom: 1px; 12 margin-bottom: 1px;
13 &:hover{ 13 &:hover{
14 background-color: #cd903550 ; 14 background-color: #2872AD50 ;
15 border-color: #cd9035 !important; 15 border-color: #2872AD !important;
16 } 16 }
17 &:focus{ 17 &:focus{
18 box-shadow: 0 0 0 0.2rem rgb(216, 176, 125); 18 box-shadow: 0 0 0 0.2rem rgb(216, 176, 125);
19 } 19 }
20 img{ 20 img{
21 width: 40%; 21 width: 40%;
22 margin: auto 22 margin: auto
23 } 23 }
24 span{ 24 span{
25 font-size: 11px; 25 font-size: 11px;
26 margin-left: -.25rem; 26 margin-left: -.25rem;
27 margin-right: -.25rem; 27 margin-right: -.25rem;
28 } 28 }
29 } 29 }
30 .btn-tarjeta { 30 .btn-tarjeta {
31 border-width: 3px !important; 31 border-width: 3px !important;
32 border-radius: .7rem !important; 32 border-radius: .7rem !important;
33 &:hover{ 33 &:hover{
34 background-color: #cd903550 ; 34 background-color: #2872AD50 ;
35 border-color: #cd9035 !important; 35 border-color: #2872AD !important;
36 } 36 }
37 &:focus{ 37 &:focus{
38 box-shadow: none; 38 box-shadow: none;
39 border-color: #cd9035 !important; 39 border-color: #2872AD !important;
40 } 40 }
41 img{ 41 img{
42 width: 5em; 42 width: 5em;
43 margin: auto 43 margin: auto
44 } 44 }
45 } 45 }
46 .btn-producto { 46 .btn-producto {
47 border-width: 3px !important; 47 border-width: 3px !important;
48 border-radius: .7rem !important; 48 border-radius: .7rem !important;
49 &:hover{ 49 &:hover{
50 background-color: #cd903550 ; 50 background-color: #2872AD50 ;
51 border-color: #cd9035 !important; 51 border-color: #2872AD !important;
52 } 52 }
53 &:focus{ 53 &:focus{
54 box-shadow: none; 54 box-shadow: none;
55 border-color: #cd9035 !important; 55 border-color: #2872AD !important;
56 } 56 }
57 img{ 57 img{
58 width: 100%; 58 width: 100%;
59 margin: auto; 59 margin: auto;
60 border-radius: .6rem !important; 60 border-radius: .6rem !important;
61 } 61 }
62 } 62 }
63 .btn-producto-default { 63 .btn-producto-default {
64 border-width: 3px !important; 64 border-width: 3px !important;
65 border-radius: .7rem !important; 65 border-radius: .7rem !important;
66 &:hover{ 66 &:hover{
67 background-color: #cd903550 ; 67 background-color: #2872AD50 ;
68 border-color: #cd9035 !important; 68 border-color: #2872AD !important;
69 } 69 }
70 &:focus{ 70 &:focus{
71 box-shadow: none; 71 box-shadow: none;
72 border-color: #cd9035 !important; 72 border-color: #2872AD !important;
73 } 73 }
74 img{ 74 img{
75 width: 60%; 75 width: 60%;
76 margin: auto 76 margin: auto
77 } 77 }
78 } 78 }
79 @media(max-width: 992px){ 79 @media(max-width: 992px){
80 .btn-xs{ 80 .btn-xs{
81 font-weight: 700; 81 font-weight: 700;
82 } 82 }
83 } 83 }
84 @media(min-width: 1200px){ 84 @media(min-width: 1200px){
85 .btn-xs{ 85 .btn-xs{
86 height: 85px !important; 86 height: 85px !important;
87 } 87 }
88 .foca-facturador-px{ 88 .foca-facturador-px{
89 padding-left: 3rem; 89 padding-left: 3rem;
90 padding-right: 3rem; 90 padding-right: 3rem;
91 } 91 }
92 } 92 }
93 93
94 @media(min-width: 992px) and (max-width: 1200px){ 94 @media(min-width: 992px) and (max-width: 1200px){
95 .btn-xs{ 95 .btn-xs{
96 height: 73px !important; 96 height: 73px !important;
97 } 97 }
98 } 98 }
99 99
100 @media(min-width: 768px) and (max-width: 992px){ 100 @media(min-width: 768px) and (max-width: 992px){
101 .btn-xs{ 101 .btn-xs{
102 height: 62px !important; 102 height: 62px !important;
103 } 103 }
104 } 104 }
105 105
106 @media(min-width: 576px) and (max-width: 768px){ 106 @media(min-width: 576px) and (max-width: 768px){
107 .btn-xs{ 107 .btn-xs{
108 max-height: 51px; 108 max-height: 51px;
109 } 109 }
110 } 110 }
111 111
112 @media(max-width: 576px) { 112 @media(max-width: 576px) {
113 .btn-xs{ 113 .btn-xs{
114 max-height: 22vw; 114 max-height: 22vw;
115 } 115 }
116 } 116 }
117 117
118 } 118 }
119 .foca-overflow-hidden{ 119 .foca-overflow-hidden{
120 overflow: hidden; 120 overflow: hidden;
121 text-overflow: ellipsis; 121 text-overflow: ellipsis;
122 white-space: nowrap; 122 white-space: nowrap;
123 } 123 }
124 124
125 .foca-boton-facturador-right { 125 .foca-boton-facturador-right {
126 right: 5; 126 right: 5;
127 } 127 }
128 128
src/sass/_constants.scss
Diff comments   View file @ 3cd7253
1 $primary: #cd9035; 1 $primary: #2872AD;
2 $primaryTransparency: #d6a55bcc; 2 $primaryTransparency: #226daacc;
3 $highlightedArea: #df9424; 3 $highlightedArea: #247fca;
4 $default: #6c757d; 4 $default: #6c757d;
5 5
6 $defaultTransparency: #6c757dcc; 6 $defaultTransparency: #6c757dcc;
7 $danger: #dc3545; 7 $danger: #dc3545;
8 $dangerTransparency: #e98a94; 8 $dangerTransparency: #e98a94;
9 $textDanger: #ae4c3c; 9 $textDanger: #ae4c3c;
10 $textSuccess: #95ac3d; 10 $textSuccess: #95ac3d;
11
12 // $primary: #cd9035;
13 // $primaryTransparency: #d6a55bcc;
14 // $highlightedArea: #df9424;
15 // $default: #6c757d;
16
17 // $defaultTransparency: #6c757dcc;
18 // $danger: #dc3545;
19 // $dangerTransparency: #e98a94;
20 // $textDanger: #ae4c3c;
21 // $textSuccess: #95ac3d;
11 22
src/sass/_login.scss
Diff comments   View file @ 3cd7253
1 .login { 1 .login {
2 background-color: #bdbdbd; 2 background-color: #bdbdbd;
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(193px + 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 &:focus { 32 &:focus {
33 border-color: #ff9900; 33 border-color: #ff9900;
34 } 34 }
35 } 35 }
36 } 36 }
37 37
38 &-button { 38 &-button {
39 width: 80%; 39 width: 80%;
40 background-color: #cd9035; 40 background-color: #2872AD;
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 50
51 &-alerta-error { 51 &-alerta-error {
52 width: 260px; 52 width: 260px;
53 left: calc(50% - 130px); 53 left: calc(50% - 130px);
54 top: calc(383px + 1.5em); 54 top: calc(383px + 1.5em);
55 } 55 }
56 } 56 }
57 57
src/sass/_swiper.scss
Diff comments   View file @ 3cd7253
1 .swiper { 1 .swiper {
2 &-container { 2 &-container {
3 height: 55%; 3 height: 55%;
4 } 4 }
5 &-slide { 5 &-slide {
6 background: transparent; 6 background: transparent;
7 width: 100% !important; 7 width: 100% !important;
8 height: 100%; 8 height: 100%;
9 text-align: unset; 9 text-align: unset;
10 -webkit-align-items: unset; 10 -webkit-align-items: unset;
11 align-items: unset; 11 align-items: unset;
12 } 12 }
13 13
14 @media(max-width: 765px){ 14 @media(max-width: 765px){
15 &-container{ 15 &-container{
16 height: 100%; 16 height: 100%;
17 } 17 }
18 &-pagination{ 18 &-pagination{
19 background: none; 19 background: none;
20 padding: 0.5rem; 20 padding: 0.5rem;
21 } 21 }
22 } 22 }
23 } 23 }
24 24
25 .swiper-pagination-bullet-active { 25 .swiper-pagination-bullet-active {
26 opacity: 1; 26 opacity: 1;
27 background: #CD9035; 27 background: #2872AD;
28 } 28 }
29 29
src/sass/general.scss
Diff comments   View file @ 3cd7253
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: #2872AD;
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 381
382 .bg-gray-gradient { 382 .bg-gray-gradient {
383 background: linear-gradient(0deg, hsl(0, 0%, 90%),hsl(0, 0%, 70%)); 383 background: linear-gradient(0deg, hsl(0, 0%, 90%),hsl(0, 0%, 70%));
384 } 384 }
385 385