cronapp-framework-js 2.9.6-SP.40 → 2.9.6-SP.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,23 +11,23 @@
11
11
  /* Font */
12
12
  --fontFamily: "Raleway", "Arial", sans-serif;
13
13
  --textColor: #f0f0f0;
14
- --textColorTexts: #14202A;
14
+ --textColorTexts: #14202a;
15
15
  --backgroundColor: #090f13;
16
16
 
17
17
  --textSmallSize: 10px;
18
18
  --textNormalSize: 12px;
19
19
  --textMediumSize: 16px;
20
20
  --textSmallTitle: 18px;
21
- --textBigSize: 22px;
21
+ --textBigSize: 24px;
22
22
  --textExtraBigSize: 28px;
23
- --textFullSize: 34px;
23
+ --textFullSize: 36px;
24
24
 
25
25
  --textColor10: #fbfbfb;
26
26
  --textColor20: #f7f7f7;
27
27
  --textColor30: #f4f4f4;
28
28
  --textColor40: #f0f0f0;
29
29
  --textColor50: #d2d2d2;
30
- --textColor60: #5F5F5F;
30
+ --textColor60: #5f5f5f;
31
31
  --textColor70: #434343;
32
32
 
33
33
  /* Icon Size */
@@ -87,7 +87,7 @@
87
87
  --colorDefault20: #b0b1b1;
88
88
  --colorDefault30: #434343;
89
89
  --colorDefault40: #262c32;
90
- --colorDefault50: #252E36;
90
+ --colorDefault50: #252e36;
91
91
  --colorDefault60: #1c2025;
92
92
  --colorDefault70: #15181b;
93
93
  --textColorDefault10: #434343;
@@ -105,7 +105,7 @@
105
105
  --colorPrimary40: #197fdd;
106
106
  --colorPrimary50: #166fc2;
107
107
  --colorPrimary60: #125da2;
108
- --colorPrimary70: #09467F;
108
+ --colorPrimary70: #09467f;
109
109
  --textColorPrimary10: #838383;
110
110
  --textColorPrimary20: #b0b0b0;
111
111
  --textColorPrimary30: #d2d2d2;
@@ -121,7 +121,7 @@
121
121
  --colorSuccess40: #2ffc2b;
122
122
  --colorSuccess50: #29dd26;
123
123
  --colorSuccess60: #22b920;
124
- --colorSuccess70: #108D0D;
124
+ --colorSuccess70: #108d0d;
125
125
  --textColorSuccess10: #838383;
126
126
  --textColorSuccess20: #b0b0b0;
127
127
  --textColorSuccess30: #d2d2d2;
@@ -136,7 +136,7 @@
136
136
  --colorWarning30: #f7ae7c;
137
137
  --colorWarning40: #f58d11;
138
138
  --colorWarning50: #d77b0f;
139
- --colorWarning60: #B46406;
139
+ --colorWarning60: #b46406;
140
140
  --colorWarning70: #864d09;
141
141
  --textColorWarning10: #838383;
142
142
  --textColorWarning20: #b0b0b0;
@@ -152,7 +152,7 @@
152
152
  --colorDanger30: #f48585;
153
153
  --colorDanger40: #f03a3a;
154
154
  --colorDanger50: #d23333;
155
- --colorDanger60: #7E2121;
155
+ --colorDanger60: #7e2121;
156
156
  --colorDanger70: #832020;
157
157
  --textColorDanger10: #838383;
158
158
  --textColorDanger20: #b0b0b0;
@@ -165,11 +165,11 @@
165
165
  /* Color - Royal (mobile) */
166
166
  --colorRoyal10: #d5d7dc;
167
167
  --colorRoyal20: #5487bd;
168
- --colorRoyal30: #394C5E;
168
+ --colorRoyal30: #394c5e;
169
169
  --colorRoyal40: #0e3760;
170
170
  --colorRoyal50: #0c3054;
171
171
  --colorRoyal60: #0a2846;
172
- --colorRoyal70: #1A2E43;
172
+ --colorRoyal70: #1a2e43;
173
173
  --textColorRoyal10: #838383;
174
174
  --textColorRoyal20: #b0b0b0;
175
175
  --textColorRoyal30: #d2d2d2;
@@ -183,8 +183,8 @@
183
183
  --colorCalm20: #68f8f1;
184
184
  --colorCalm30: #4eebe3;
185
185
  --colorCalm40: #44e1d8;
186
- --colorCalm50: #00ABC2;
187
- --colorCalm60: #169F97;
186
+ --colorCalm50: #00abc2;
187
+ --colorCalm60: #169f97;
188
188
  --colorCalm70: #077988;
189
189
  --textColorCalm10: #838383;
190
190
  --textColorCalm20: #b0b0b0;
@@ -200,7 +200,7 @@
200
200
  --colorLight30: #aebbc7;
201
201
  --colorLight40: #8da0b2;
202
202
  --colorLight50: #7b8c9c;
203
- --colorLight60: #303B46;
203
+ --colorLight60: #303b46;
204
204
  --colorLight70: #4d5861;
205
205
  --textColorLight10: #838383;
206
206
  --textColorLight20: #677582;
@@ -215,7 +215,7 @@
215
215
  --colorStable20: #c6c6c6;
216
216
  --colorStable30: #a7a7a7;
217
217
  --colorStable40: #818181;
218
- --colorStable50: #4D4D4D;
218
+ --colorStable50: #4d4d4d;
219
219
  --colorStable60: #5f5f5f;
220
220
  --colorStable70: #3e4042;
221
221
  --textColorStable10: #838383;
@@ -231,7 +231,7 @@
231
231
  --colorDark20: #999999;
232
232
  --colorDark30: #5e5e5e;
233
233
  --colorDark40: #000000;
234
- --colorDark50: #0A141E;
234
+ --colorDark50: #0a141e;
235
235
  --colorDark60: #000000;
236
236
  --colorDark70: #000000;
237
237
  --textColorDark10: #838383;
@@ -243,26 +243,26 @@
243
243
  --textColorDark70: #fbfbfb;
244
244
 
245
245
  /* Color - Neutral (web e mobile) */
246
- --colorNeutral00: #FFFFFF;
247
- --colorNeutral10: #F1F1F1;
248
- --colorNeutral20: #E3E3E3;
249
- --colorNeutral30: #D5D5D5;
250
- --colorNeutral40: #C7C7C7;
251
- --colorNeutral50: #B9B9B9;
252
- --colorNeutral60: #ACACAC;
253
- --colorNeutral70: #9E9E9E;
246
+ --colorNeutral00: #ffffff;
247
+ --colorNeutral10: #f1f1f1;
248
+ --colorNeutral20: #e3e3e3;
249
+ --colorNeutral30: #d5d5d5;
250
+ --colorNeutral40: #c7c7c7;
251
+ --colorNeutral50: #b9b9b9;
252
+ --colorNeutral60: #acacac;
253
+ --colorNeutral70: #9e9e9e;
254
254
  --colorNeutral80: #909090;
255
255
  --colorNeutral90: #828282;
256
256
  --colorNeutral100: #747474;
257
257
  --colorNeutral110: #666666;
258
- --colorNeutral120: #5D5D5D;
258
+ --colorNeutral120: #5d5d5d;
259
259
  --colorNeutral130: #535353;
260
- --colorNeutral140: #4A4A4A;
260
+ --colorNeutral140: #4a4a4a;
261
261
  --colorNeutral150: #414141;
262
262
  --colorNeutral160: #383838;
263
- --colorNeutral170: #2E2E2E;
263
+ --colorNeutral170: #2e2e2e;
264
264
  --colorNeutral180: #252525;
265
- --colorNeutral190: #1C1C1C;
265
+ --colorNeutral190: #1c1c1c;
266
266
  --colorNeutral200: #131313;
267
267
  --colorNeutral210: #090909;
268
268
  --colorNeutral220: #000000;
@@ -271,16 +271,16 @@
271
271
 
272
272
  /* Components - Button */
273
273
  --btnDefault: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
274
- --btnPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
275
- --btnSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
274
+ --btnPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
275
+ --btnSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
276
276
  --btnCalm: linear-gradient(180deg, var(--colorCalm40, #44e1d8) 0%, var(--colorCalm70, #077988) 100%);
277
277
  --btnWarning: linear-gradient(180deg, var(--colorWarning40, #f58d11) 0%, var(--colorWarning70, #864d09) 100%);
278
278
  --btnDanger: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
279
279
  --btnLight: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
280
280
  --btnLink: var(--colorCalm60, #2fc2ba);
281
281
  --btnStable: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
282
- --btnRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
283
- --btnDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
282
+ --btnRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
283
+ --btnDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
284
284
 
285
285
  --textColorDefault: var(--textColorDefault40, #f0f0f0);
286
286
  --textColorPrimary: var(--textColorPrimary40, #f0f0f0);
@@ -307,27 +307,27 @@
307
307
 
308
308
  /* Components - Text color */
309
309
  --colorDefault: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
310
- --colorPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
311
- --colorSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
310
+ --colorPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
311
+ --colorSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
312
312
  --colorCalm: linear-gradient(180deg, var(--colorCalm40, #44e1d8) 0%, var(--colorCalm70, #077988) 100%);
313
313
  --colorWarning: linear-gradient(180deg, var(--colorWarning40, #f58d11) 0%, var(--colorWarning70, #864d09) 100%);
314
314
  --colorDanger: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
315
315
  --colorLight: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
316
316
  --colorStable: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
317
- --colorRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
318
- --colorDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
317
+ --colorRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
318
+ --colorDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
319
319
 
320
320
  /* Components - Checkbox */
321
321
  --checkboxDefault: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
322
- --checkboxPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
323
- --checkboxSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
322
+ --checkboxPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
323
+ --checkboxSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
324
324
  --checkboxCalm: linear-gradient(180deg, var(--colorCalm40, #44e1d8) 0%, var(--colorCalm70, #077988) 100%);
325
325
  --checkboxWarning: linear-gradient(180deg, var(--colorWarning40, #f58d11) 0%, var(--colorWarning70, #864d09) 100%);
326
326
  --checkboxDanger: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
327
327
  --checkboxLight: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
328
328
  --checkboxStable: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
329
- --checkboxRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
330
- --checkboxDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
329
+ --checkboxRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
330
+ --checkboxDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
331
331
 
332
332
  --borderCheckboxDefault: transparent;
333
333
  --borderCheckboxPrimary: transparent;
@@ -342,38 +342,38 @@
342
342
 
343
343
  /* Components - Combobox */
344
344
  --comboboxDefault: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
345
- --comboboxPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
346
- --comboboxSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
345
+ --comboboxPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
346
+ --comboboxSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
347
347
  --comboboxCalm: linear-gradient(180deg, var(--colorCalm40, #44e1d8) 0%, var(--colorCalm70, #077988) 100%);
348
348
  --comboboxWarning: linear-gradient(180deg, var(--colorWarning40, #f58d11) 0%, var(--colorWarning70, #864d09) 100%);
349
349
  --comboboxDanger: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
350
350
  --comboboxLight: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
351
351
  --comboboxStable: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
352
- --comboboxRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
353
- --comboboxDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
352
+ --comboboxRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
353
+ --comboboxDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
354
354
 
355
355
  --borderComboboxDefault: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
356
- --borderComboboxPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
357
- --borderComboboxSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
356
+ --borderComboboxPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
357
+ --borderComboboxSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
358
358
  --borderComboboxCalm: linear-gradient(180deg, var(--colorCalm40, #44e1d8) 0%, var(--colorCalm70, #077988) 100%);
359
359
  --borderComboboxWarning: linear-gradient(180deg, var(--colorWarning40, #f58d11) 0%, var(--colorWarning70, #864d09) 100%);
360
360
  --borderComboboxDanger: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
361
361
  --borderComboboxLight: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
362
362
  --borderComboboxStable: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
363
- --borderComboboxRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
364
- --borderComboboxDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
363
+ --borderComboboxRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
364
+ --borderComboboxDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
365
365
 
366
366
  /* Components - Radio input */
367
367
  --optionDefault: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
368
- --optionPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
369
- --optionSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
368
+ --optionPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
369
+ --optionSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
370
370
  --optionCalm: linear-gradient(180deg, var(--colorCalm40, #44e1d8) 0%, var(--colorCalm70, #077988) 100%);
371
371
  --optionWarning: linear-gradient(180deg, var(--colorWarning40, #f58d11) 0%, var(--colorWarning70, #864d09) 100%);
372
372
  --optionDanger: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
373
373
  --optionLight: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
374
374
  --optionStable: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
375
- --optionRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
376
- --optionDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
375
+ --optionRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
376
+ --optionDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
377
377
 
378
378
  --borderOptionDefault: transparent;
379
379
  --borderOptionPrimary: transparent;
@@ -388,15 +388,15 @@
388
388
 
389
389
  /* Components - Panel */
390
390
  --panelDefault: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
391
- --panelPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
392
- --panelSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
391
+ --panelPrimary: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
392
+ --panelSuccess: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
393
393
  --panelCalm: linear-gradient(180deg, var(--colorCalm40, #44e1d8) 0%, var(--colorCalm70, #077988) 100%);
394
394
  --panelWarning: linear-gradient(180deg, var(--colorWarning40, #f58d11) 0%, var(--colorWarning70, #864d09) 100%);
395
395
  --panelDanger: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
396
396
  --panelLight: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
397
397
  --panelStable: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
398
- --panelRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
399
- --panelDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
398
+ --panelRoyal: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
399
+ --panelDark: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
400
400
 
401
401
  --borderPanelDefault: transparent;
402
402
  --borderPanelPrimary: transparent;
@@ -472,22 +472,18 @@ h6,
472
472
  color: var(--textColor40, #f0f0f0);
473
473
  }
474
474
 
475
- .h1 {
475
+ h1 {
476
476
  font-size: var(--textFullSize, 36px);
477
477
  }
478
478
 
479
479
  .h3 {
480
- font-size: var(--textMediumSize, 24px);
480
+ font-size: var(--textBigSize, 24px);
481
481
  }
482
482
 
483
483
  .h5 {
484
484
  font-size: var(--textSmallTitle, 18px);
485
485
  }
486
486
 
487
- .h5 {
488
- font-size: var(--textSmallSize, 10px);
489
- }
490
-
491
487
  .cardinput {
492
488
  padding: 0;
493
489
  }
@@ -554,12 +550,12 @@ div[data-component^='crn-textinputicon'] .k-button {
554
550
 
555
551
  .bootstrap-datetimepicker-widget table td.active,
556
552
  .bootstrap-datetimepicker-widget table td.active:hover {
557
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
553
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
558
554
  color: var(--textColor40, #f0f0f0);
559
555
  }
560
556
 
561
557
  .table-condensed>thead>tr>th {
562
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
558
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
563
559
  color: var(--textColorDefault40, #f0f0f0);
564
560
  font-weight: 400;
565
561
  text-transform: capitalize;
@@ -627,7 +623,7 @@ input .k-textbox {
627
623
 
628
624
  #crn-botao-cadastre:hover,
629
625
  .login-view .sign-up:hover {
630
- color: var(--colorDefault50, #252E36);
626
+ color: var(--colorDefault50, #252e36);
631
627
  }
632
628
 
633
629
  div[data-component="crn-button"] {
@@ -657,41 +653,41 @@ div[data-component="crn-button"] {
657
653
  .btn.btn-default:focus,
658
654
  .btn.btn-default:hover {
659
655
  background: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
660
- box-shadow: 0px 0px 3px #3A4753;
656
+ box-shadow: 0px 0px 3px #3a4753;
661
657
  }
662
658
 
663
659
  .btn.btn-default:active {
664
- background: var(--colorDefault50, #252E36);
660
+ background: var(--colorDefault50, #252e36);
665
661
  box-shadow: none;
666
662
  }
667
663
 
668
664
  .btn.btn-primary {
669
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
665
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
670
666
  }
671
667
 
672
668
  .btn.btn-primary:focus,
673
669
  .btn.btn-primary:hover {
674
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
675
- box-shadow: 0px 0px 3px #187AD4;
670
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
671
+ box-shadow: 0px 0px 3px #187ad4;
676
672
  }
677
673
 
678
674
  .btn.btn-primary:active {
679
- background: var(--colorPrimary70, #09467F);
675
+ background: var(--colorPrimary70, #09467f);
680
676
  box-shadow: none;
681
677
  }
682
678
 
683
679
  .btn.btn-success {
684
- background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
680
+ background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
685
681
  }
686
682
 
687
683
  .btn.btn-success:focus,
688
684
  .btn.btn-success:hover {
689
- background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
685
+ background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
690
686
  box-shadow: 0px 0px 3px #2FFC2B;
691
687
  }
692
688
 
693
689
  .btn.btn-success:active {
694
- background: var(--colorSuccess70, #108D0D);
690
+ background: var(--colorSuccess70, #108d0d);
695
691
  box-shadow: none;
696
692
  }
697
693
 
@@ -705,11 +701,11 @@ div[data-component="crn-button"] {
705
701
  .btn.btn-info:focus,
706
702
  .btn.btn-info:hover {
707
703
  background: linear-gradient(180deg, var(--colorCalm40, #44e1d8) 0%, var(--colorCalm70, #077988) 100%);
708
- box-shadow: 0px 0px 3px #42DCD3;
704
+ box-shadow: 0px 0px 3px #42dcd3;
709
705
  }
710
706
 
711
707
  .btn.btn-info:active {
712
- background: var(--colorCalm60, #169F97);
708
+ background: var(--colorCalm60, #169f97);
713
709
  box-shadow: none;
714
710
  }
715
711
 
@@ -720,11 +716,11 @@ div[data-component="crn-button"] {
720
716
  .btn.btn-warning:focus,
721
717
  .btn.btn-warning:hover {
722
718
  background: linear-gradient(180deg, var(--colorWarning40, #f58d11) 0%, var(--colorWarning70, #864d09) 100%);
723
- box-shadow: 0px 0px 3px #F58D11;
719
+ box-shadow: 0px 0px 3px #f58d11;
724
720
  }
725
721
 
726
722
  .btn.btn-warning:active {
727
- background: var(--colorWarning60, #B46406);
723
+ background: var(--colorWarning60, #b46406);
728
724
  box-shadow: none;
729
725
  }
730
726
 
@@ -735,11 +731,11 @@ div[data-component="crn-button"] {
735
731
  .btn.btn-danger:focus,
736
732
  .btn.btn-danger:hover {
737
733
  background: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
738
- box-shadow: 0px 0px 3px #DE3636;
734
+ box-shadow: 0px 0px 3px #de3636;
739
735
  }
740
736
 
741
737
  .btn.btn-danger:active {
742
- background: var(--colorDanger60, #7E2121);
738
+ background: var(--colorDanger60, #7e2121);
743
739
  box-shadow: none;
744
740
  }
745
741
 
@@ -750,30 +746,30 @@ div[data-component="crn-button"] {
750
746
  .btn.btn-light:focus,
751
747
  .btn.btn-light:hover {
752
748
  background: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
753
- box-shadow: 0px 0px 3px #8DA0B2;
749
+ box-shadow: 0px 0px 3px #8da0b2;
754
750
  border: none;
755
751
  }
756
752
 
757
753
  .btn.btn-light:active {
758
- background: var(--colorLight60, #303B46);
754
+ background: var(--colorLight60, #303b46);
759
755
  box-shadow: none;
760
756
  }
761
757
 
762
758
  .btn.btn-link {
763
759
  background: transparent;
764
- border: solid 1px var(--colorCalm50, #00ABC2);
760
+ border: solid 1px var(--colorCalm50, #00abc2);
765
761
  }
766
762
 
767
763
  .btn.btn-link span {
768
- color: var(--colorCalm50, #00ABC2);
764
+ color: var(--colorCalm50, #00abc2);
769
765
  }
770
766
 
771
767
  .btn.btn-link i {
772
- color: var(--colorCalm50, #00ABC2);
768
+ color: var(--colorCalm50, #00abc2);
773
769
  }
774
770
 
775
771
  .btn.btn-link i:active {
776
- color: var (--colorCalm50, #00ABC2);
772
+ color: var (--colorCalm50, #00abc2);
777
773
  }
778
774
 
779
775
  .btn.btn-stable {
@@ -783,17 +779,17 @@ div[data-component="crn-button"] {
783
779
  .btn.btn-stable:focus,
784
780
  .btn.btn-stable:hover {
785
781
  background: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
786
- box-shadow: 0px 0px 3px #7B7B7B;
782
+ box-shadow: 0px 0px 3px #7b7b7b;
787
783
  }
788
784
 
789
785
  .btn.btn-stable:active {
790
- background: var(--colorStable50, #4D4D4D);
786
+ background: var(--colorStable50, #4d4d4d);
791
787
  box-shadow: none;
792
788
  }
793
789
 
794
790
  .btn.btn-link span:focus,
795
791
  .btn.btn-link span:hover {
796
- filter: drop-shadow(0px 0px 3px #00ABC2);
792
+ filter: drop-shadow(0px 0px 3px #00abc2);
797
793
  }
798
794
 
799
795
  .btn.btn-link span:active {
@@ -802,43 +798,43 @@ div[data-component="crn-button"] {
802
798
  }
803
799
 
804
800
  .btn.btn-royal {
805
- background: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
801
+ background: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
806
802
  }
807
803
 
808
804
  .btn.btn-royal:focus,
809
805
  .btn.btn-royal:hover {
810
- background: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
811
- box-shadow: 0px 0px 3px #11375D;
806
+ background: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
807
+ box-shadow: 0px 0px 3px #11375d;
812
808
  }
813
809
 
814
810
  .btn.btn-royal:active {
815
- background: var(--colorRoyal70, #1A2E43);
811
+ background: var(--colorRoyal70, #1a2e43);
816
812
  box-shadow: none;
817
813
  }
818
814
 
819
815
  .btn.btn-dark {
820
- background: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
816
+ background: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
821
817
  }
822
818
 
823
819
  .btn.btn-dark:focus,
824
820
  .btn.btn-dark:hover {
825
- background: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
821
+ background: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
826
822
  box-shadow: 0px 0px 3px #132639;
827
823
  }
828
824
 
829
825
  .btn.btn-dark:active {
830
- background: var(--colorDark50, #0A141E);
826
+ background: var(--colorDark50, #0a141e);
831
827
  box-shadow: none;
832
828
  }
833
829
 
834
830
  .privacy-view .dialog-cookies button {
835
831
  color: var(--textColor40, #f0f0f0);
836
- background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
832
+ background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
837
833
  }
838
834
 
839
835
  /*Login*/
840
836
  .login-view .btn-block {
841
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
837
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
842
838
  width: 136px;
843
839
  margin: auto;
844
840
  display: block;
@@ -847,13 +843,13 @@ div[data-component="crn-button"] {
847
843
  }
848
844
 
849
845
  .login-view .btn-block:hover {
850
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
851
- box-shadow: 0px 0px 3px #187AD4;
846
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
847
+ box-shadow: 0px 0px 3px #187ad4;
852
848
  }
853
849
 
854
850
  .login-view .btn-block:active,
855
851
  .login-view .btn-block:focus {
856
- background: var(--colorPrimary70, #09467F);
852
+ background: var(--colorPrimary70, #09467f);
857
853
  }
858
854
 
859
855
  .login-view .reset-password {
@@ -904,7 +900,7 @@ textarea.k-textbox {
904
900
  }
905
901
 
906
902
  .crn-textinputbutton-button button .btn.btn-defaul {
907
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
903
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
908
904
  }
909
905
 
910
906
  .dynamic-image-container {
@@ -913,16 +909,16 @@ textarea.k-textbox {
913
909
  }
914
910
 
915
911
  .dynamic-image-container .btn {
916
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
912
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
917
913
  }
918
914
 
919
915
  .dynamic-image-container .btn:hover {
920
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
921
- box-shadow: 0px 0px 3px #187AD4;
916
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
917
+ box-shadow: 0px 0px 3px #187ad4;
922
918
  }
923
919
 
924
920
  .k-grid-toolbar .k-button:active {
925
- background: var(--colorPrimary70, #09467F);
921
+ background: var(--colorPrimary70, #09467f);
926
922
  box-shadow: none;
927
923
  }
928
924
 
@@ -935,40 +931,40 @@ textarea.k-textbox {
935
931
 
936
932
  .combobox-default .k-multiselect-wrap .k-button:hover {
937
933
  background: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
938
- box-shadow: 0px 0px 3px #3A4753;
934
+ box-shadow: 0px 0px 3px #3a4753;
939
935
  }
940
936
 
941
937
  .k-multiselect .k-button:active,
942
938
  .combobox-default .k-multiselect .k-button:active {
943
- background: var(--colorDefault50, #252E36);
939
+ background: var(--colorDefault50, #252e36);
944
940
  box-shadow: none;
945
941
  }
946
942
 
947
943
  .combobox-primary .k-multiselect .k-button {
948
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
944
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
949
945
  }
950
946
 
951
947
  .combobox-primary .k-multiselect-wrap .k-button:hover {
952
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
953
- box-shadow: 0px 0px 3px #187AD4;
948
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
949
+ box-shadow: 0px 0px 3px #187ad4;
954
950
  }
955
951
 
956
952
  .combobox-primary .k-multiselect .k-button:active {
957
- background: var(--colorPrimary70, #09467F);
953
+ background: var(--colorPrimary70, #09467f);
958
954
  box-shadow: none;
959
955
  }
960
956
 
961
957
  .combobox-success .k-multiselect .k-button {
962
- background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
958
+ background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
963
959
  }
964
960
 
965
961
  .combobox-success .k-multiselect-wrap .k-button:hover {
966
- background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
967
- box-shadow: 0px 0px 3px #2FFC2B;
962
+ background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
963
+ box-shadow: 0px 0px 3px #2ffc2b;
968
964
  }
969
965
 
970
966
  .combobox-success .k-multiselect-wrap .k-button.k-state-hover .k-select {
971
- background: var(--colorSuccess70, #108D0D);
967
+ background: var(--colorSuccess70, #108d0d);
972
968
  color: var(--colorSuccess60, #22b920);
973
969
  box-shadow: none;
974
970
  }
@@ -979,11 +975,11 @@ textarea.k-textbox {
979
975
 
980
976
  .combobox-info .k-multiselect-wrap .k-button:hover {
981
977
  background: linear-gradient(180deg, var(--colorCalm40, #44e1d8) 0%, var(--colorCalm70, #077988) 100%);
982
- box-shadow: 0px 0px 3px #42DCD3;
978
+ box-shadow: 0px 0px 3px #42dcd3;
983
979
  }
984
980
 
985
981
  .combobox-info .k-multiselect .k-button:active {
986
- background: var(--colorCalm60, #169F97);
982
+ background: var(--colorCalm60, #169f97);
987
983
  box-shadow: none;
988
984
  }
989
985
 
@@ -993,11 +989,11 @@ textarea.k-textbox {
993
989
 
994
990
  .combobox-warning .k-multiselect-wrap .k-button:hover {
995
991
  background: linear-gradient(180deg, var(--colorWarning40, #f58d11) 0%, var(--colorWarning70, #864d09) 100%);
996
- box-shadow: 0px 0px 3px #F58D11;
992
+ box-shadow: 0px 0px 3px #f58d11;
997
993
  }
998
994
 
999
995
  .combobox-warning .k-multiselect .k-button:active {
1000
- background: var(--colorWarning60, #B46406);
996
+ background: var(--colorWarning60, #b46406);
1001
997
  box-shadow: none;
1002
998
  }
1003
999
 
@@ -1007,11 +1003,11 @@ textarea.k-textbox {
1007
1003
 
1008
1004
  .combobox-danger .k-multiselect-wrap .k-button:hover {
1009
1005
  background: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
1010
- box-shadow: 0px 0px 3px #DE3636;
1006
+ box-shadow: 0px 0px 3px #de3636;
1011
1007
  }
1012
1008
 
1013
1009
  .combobox-danger .k-multiselect .k-button:active {
1014
- background: var(--colorDanger60, #7E2121);
1010
+ background: var(--colorDanger60, #7e2121);
1015
1011
  box-shadow: none;
1016
1012
  }
1017
1013
 
@@ -1021,11 +1017,11 @@ textarea.k-textbox {
1021
1017
 
1022
1018
  .combobox-light .k-multiselect-wrap .k-button:hover {
1023
1019
  background: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
1024
- box-shadow: 0px 0px 3px #8DA0B2;
1020
+ box-shadow: 0px 0px 3px #8da0b2;
1025
1021
  }
1026
1022
 
1027
1023
  .combobox-light .k-multiselect .k-button:active {
1028
- background: var(--colorLight60, #303B46);
1024
+ background: var(--colorLight60, #303b46);
1029
1025
  box-shadow: none;
1030
1026
  }
1031
1027
 
@@ -1035,38 +1031,38 @@ textarea.k-textbox {
1035
1031
 
1036
1032
  .combobox-stable .k-multiselect-wrap .k-button:hover {
1037
1033
  background: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
1038
- box-shadow: 0px 0px 3px #7B7B7B;
1034
+ box-shadow: 0px 0px 3px #7b7b7b;
1039
1035
  }
1040
1036
 
1041
1037
  .combobox-stable .k-multiselect .k-button:active {
1042
- background: var(--colorStable50, #4D4D4D);
1038
+ background: var(--colorStable50, #4d4d4d);
1043
1039
  box-shadow: none;
1044
1040
  }
1045
1041
 
1046
1042
  .combobox-royal .k-multiselect .k-button {
1047
- background: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
1043
+ background: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
1048
1044
  }
1049
1045
 
1050
1046
  .combobox-royal .k-multiselect-wrap .k-button:hover {
1051
- background: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
1052
- box-shadow: 0px 0px 3px #11375D;
1047
+ background: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1a2e43) 100%);
1048
+ box-shadow: 0px 0px 3px #11375d;
1053
1049
  }
1054
1050
 
1055
1051
  .combobox-royal .k-multiselect .k-button:active {
1056
- background: var(--colorRoyal70, #1A2E43);
1052
+ background: var(--colorRoyal70, #1a2e43);
1057
1053
  }
1058
1054
 
1059
1055
  .combobox-dark .k-multiselect .k-button {
1060
- background: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
1056
+ background: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
1061
1057
  }
1062
1058
 
1063
1059
  .combobox-dark .k-multiselect-wrap .k-button:hover {
1064
- background: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
1060
+ background: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0f1e2e) 100%);
1065
1061
  box-shadow: 0px 0px 3px #132639;
1066
1062
  }
1067
1063
 
1068
1064
  .combobox-dark .k-multiselect .k-button:active {
1069
- background: var(--colorDark50, #0A141E);
1065
+ background: var(--colorDark50, #0a141e);
1070
1066
  box-shadow: none;
1071
1067
  }
1072
1068
 
@@ -1115,7 +1111,7 @@ textarea.k-textbox {
1115
1111
 
1116
1112
  .color-success:focus,
1117
1113
  .color-success:hover {
1118
- color: var(--colorSuccess70, #108D0D);
1114
+ color: var(--colorSuccess70, #108d0d);
1119
1115
  }
1120
1116
 
1121
1117
  .color-info {
@@ -1124,7 +1120,7 @@ textarea.k-textbox {
1124
1120
 
1125
1121
  .color-info:focus,
1126
1122
  .color-info:hover {
1127
- color: var(--colorCalm60, #169F97);
1123
+ color: var(--colorCalm60, #169f97);
1128
1124
  }
1129
1125
 
1130
1126
  .color-warning {
@@ -1133,7 +1129,7 @@ textarea.k-textbox {
1133
1129
 
1134
1130
  .color-warning:focus,
1135
1131
  .color-warning:hover {
1136
- color: var(--colorWarning60, #B46406);
1132
+ color: var(--colorWarning60, #b46406);
1137
1133
  }
1138
1134
 
1139
1135
  .color-danger {
@@ -1142,7 +1138,7 @@ textarea.k-textbox {
1142
1138
 
1143
1139
  .color-danger:focus,
1144
1140
  .color-danger:hover {
1145
- color: var(--colorDanger60, #7E2121);
1141
+ color: var(--colorDanger60, #7e2121);
1146
1142
  }
1147
1143
 
1148
1144
  .color-light {
@@ -1169,7 +1165,7 @@ textarea.k-textbox {
1169
1165
 
1170
1166
  .color-royal:focus,
1171
1167
  .color-royal:hover {
1172
- color: var(--colorRoyal30, #394C5E);
1168
+ color: var(--colorRoyal30, #394c5e);
1173
1169
  }
1174
1170
 
1175
1171
  .color-dark {
@@ -1219,12 +1215,12 @@ table:hover {
1219
1215
 
1220
1216
  /*Button form*/
1221
1217
  button.btn.k-button.btn-block.btn-default.btn-fab {
1222
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1218
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1223
1219
  color: var(--textColorPrimary40, #f0f0f0);
1224
1220
  }
1225
1221
 
1226
1222
  btn k-button btn-block btn-default btn-fab {
1227
- background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
1223
+ background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108d0d) 100%);
1228
1224
  }
1229
1225
 
1230
1226
  /*Checkbox*/
@@ -1299,7 +1295,7 @@ btn k-button btn-block btn-default btn-fab {
1299
1295
  }
1300
1296
 
1301
1297
  .k-scheduler-navigation .k-nav-prev .k-link {
1302
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1298
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1303
1299
  color: var(--textColorPrimary40, #f0f0f0);
1304
1300
  }
1305
1301
 
@@ -1313,7 +1309,7 @@ btn k-button btn-block btn-default btn-fab {
1313
1309
  }
1314
1310
 
1315
1311
  .k-scheduler div.k-scheduler-footer .k-link {
1316
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1312
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1317
1313
  color: var(--textColorPrimary40, #f0f0f0);
1318
1314
  border-radius: 20px;
1319
1315
  border-color: transparent;
@@ -1324,12 +1320,12 @@ btn k-button btn-block btn-default btn-fab {
1324
1320
  }
1325
1321
 
1326
1322
  .k-scheduler div.k-scheduler-footer .k-link:hover {
1327
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1328
- box-shadow: 0px 0px 3px 0px #187AD4;
1323
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1324
+ box-shadow: 0px 0px 3px 0px #187ad4;
1329
1325
  }
1330
1326
 
1331
1327
  .k-scheduler div.k-scheduler-footer .k-link:active {
1332
- background: var(--colorPrimary70, #09467F);
1328
+ background: var(--colorPrimary70, #09467f);
1333
1329
  }
1334
1330
 
1335
1331
  .k-scheduler div.k-scheduler-footer ul li {
@@ -1344,13 +1340,13 @@ btn k-button btn-block btn-default btn-fab {
1344
1340
 
1345
1341
  .k-scheduler-table td {
1346
1342
  background: var(--backgroundColor10, #f0f0f0);
1347
- color: var(--textColorTexts, #14202A);
1343
+ color: var(--textColorTexts, #14202a);
1348
1344
  border-color: var(--backgroundColor30, #546270);
1349
1345
  }
1350
1346
 
1351
1347
  .k-widget {
1352
1348
  background: var(--backgroundColor30, #546270);
1353
- color: var(--textColorTexts, #14202A);
1349
+ color: var(--textColorTexts, #14202a);
1354
1350
  border-color: unset;
1355
1351
  padding: 30px;
1356
1352
  }
@@ -1359,7 +1355,7 @@ btn k-button btn-block btn-default btn-fab {
1359
1355
  cron-scheduler a.k-link,
1360
1356
  cron-scheduler .k-link:link {
1361
1357
  background: var(--backgroundColor10, #f0f0f0);
1362
- color: var(--textColorTexts, #14202A);
1358
+ color: var(--textColorTexts, #14202a);
1363
1359
  display: inline-block;
1364
1360
  padding: 0.16666em 1.1em;
1365
1361
  border: unset;
@@ -1374,14 +1370,14 @@ cron-scheduler .k-link:link {
1374
1370
  }
1375
1371
 
1376
1372
  .k-scheduler .k-state-selected>.k-link {
1377
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1373
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1378
1374
  color: var(--textColorPrimary40, #f0f0f0);
1379
1375
  border-color: unset !important;
1380
1376
  border: unset;
1381
1377
  }
1382
1378
 
1383
1379
  .k-scheduler-times th {
1384
- color: var(--textColorTexts, #14202A) !important;
1380
+ color: var(--textColorTexts, #14202a) !important;
1385
1381
  background: var(--backgroundColor10, #f0f0f0);
1386
1382
  }
1387
1383
 
@@ -1399,13 +1395,13 @@ k-scheduler-table td:first-child {
1399
1395
  .k-scheduler .k-scheduler-header th,
1400
1396
  .k-scheduler-header {
1401
1397
  background: var(--backgroundColor10, #f0f0f0);
1402
- color: var(--textColorTexts, #14202A);
1398
+ color: var(--textColorTexts, #14202a);
1403
1399
  }
1404
1400
 
1405
1401
  .k-scheduler-navigation .k-nav-prev .k-link:hover {
1406
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1402
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1407
1403
  color: var(--textColorPrimary40, #f0f0f0);
1408
- box-shadow: 0px 0px 3px 0px #187AD4;
1404
+ box-shadow: 0px 0px 3px 0px #187ad4;
1409
1405
  }
1410
1406
 
1411
1407
  /*Agendar Evento*/
@@ -1505,21 +1501,21 @@ body .k-datetimepicker .k-select,
1505
1501
 
1506
1502
  /*Button fuso evento*/
1507
1503
  .k-scheduler-edit-form .k-edit-field .k-button {
1508
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1504
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1509
1505
  color: var(--textColorPrimay40, #f0f0f0);
1510
1506
  border-radius: 20px;
1511
1507
  border: unset;
1512
1508
  }
1513
1509
 
1514
1510
  .k-scheduler-edit-form .k-edit-field .k-button:hover {
1515
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1516
- box-shadow: 0px 0px 3px 0px #187AD4;
1511
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1512
+ box-shadow: 0px 0px 3px 0px #187ad4;
1517
1513
  color: var(--textColorPrimay40, #f0f0f0);
1518
1514
  }
1519
1515
 
1520
1516
  .k-scheduler-edit-form .k-edit-field .k-button:active {
1521
- background: var(--colorPrimary70, #09467F);
1522
- box-shadow: 0px 0px 3px 0px #187AD4;
1517
+ background: var(--colorPrimary70, #09467f);
1518
+ box-shadow: 0px 0px 3px 0px #187ad4;
1523
1519
  color: var(--textColorPrimay40, #f0f0f0);
1524
1520
  }
1525
1521
  /* ---- End Button ----*/
@@ -1534,7 +1530,7 @@ body .k-datetimepicker .k-select,
1534
1530
 
1535
1531
  /* Botão salvar evento*/
1536
1532
  .k-edit-form-container .k-edit-buttons .k-primary {
1537
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1533
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1538
1534
  color: var(--textColorPrimay40, #f0f0f0);
1539
1535
  border-radius: 20px;
1540
1536
  border: unset;
@@ -1542,14 +1538,14 @@ body .k-datetimepicker .k-select,
1542
1538
 
1543
1539
  .k-edit-form-container .k-edit-buttons .k-primary:focus,
1544
1540
  .k-edit-form-container .k-edit-buttons .k-primary:hover {
1545
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1546
- box-shadow: 0px 0px 3px 0px #187AD4;
1541
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1542
+ box-shadow: 0px 0px 3px 0px #187ad4;
1547
1543
  color: var(--textColorPrimay40, #f0f0f0);
1548
1544
  }
1549
1545
 
1550
1546
  .k-edit-form-container .k-edit-buttons .k-primary:active,
1551
1547
  .k-edit-form-container .k-edit-buttons .k-primary:selected {
1552
- background: var(--colorPrimary70, #09467F);
1548
+ background: var(--colorPrimary70, #09467f);
1553
1549
  }
1554
1550
 
1555
1551
  /*Button Cancelar/Excluir Evento*/
@@ -1564,17 +1560,17 @@ body .k-datetimepicker .k-select,
1564
1560
  .k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete:hover,
1565
1561
  .k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
1566
1562
  background: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
1567
- box-shadow: 0px 0px 3px 0px #DE3636;
1563
+ box-shadow: 0px 0px 3px 0px #de3636;
1568
1564
  }
1569
1565
 
1570
1566
  .k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete:active,
1571
1567
  .k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active {
1572
- background: var(--colorDanger60, #7E2121);
1568
+ background: var(--colorDanger60, #7e2121);
1573
1569
  }
1574
1570
  /* -----*/
1575
1571
 
1576
1572
  .k-event {
1577
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1573
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1578
1574
  }
1579
1575
 
1580
1576
  .k-event .k-event-actions .k-event-delete {
@@ -1583,7 +1579,7 @@ body .k-datetimepicker .k-select,
1583
1579
 
1584
1580
  /*Calendario Agendador*/
1585
1581
  .k-scheduler-navigation .k-i-arrow-60-right {
1586
- color: var(--textColorTexts, #14202A);
1582
+ color: var(--textColorTexts, #14202a);
1587
1583
  }
1588
1584
 
1589
1585
  .k-calendar .k-link.k-nav-fast {
@@ -1599,7 +1595,7 @@ body .k-datetimepicker .k-select,
1599
1595
  }
1600
1596
 
1601
1597
  .k-calendar th {
1602
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1598
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1603
1599
  color: var(--textColorPrimary40, #f0f0f0);
1604
1600
  border-bottom: transparent;
1605
1601
  border-radius: 4px;
@@ -1621,7 +1617,7 @@ body .k-datetimepicker .k-select,
1621
1617
 
1622
1618
  .k-calendar .k-content .k-link {
1623
1619
  background: var(--backgroundColor10, #f0f0f0);
1624
- color: var(--textColorTexts, #14202A);
1620
+ color: var(--textColorTexts, #14202a);
1625
1621
  display: block;
1626
1622
  overflow: hidden;
1627
1623
  min-height: 1.8333em;
@@ -1631,13 +1627,13 @@ body .k-datetimepicker .k-select,
1631
1627
  }
1632
1628
 
1633
1629
  .k-calendar .k-content .k-link:hover {
1634
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1630
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1635
1631
  color: var(--textColorPrimary40, #f0f0f0);
1636
- box-shadow: 0px 0px 3px 0px #187AD4;
1632
+ box-shadow: 0px 0px 3px 0px #187ad4;
1637
1633
  }
1638
1634
 
1639
1635
  td.k-state-focused.k-state-selected .k-link {
1640
- background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
1636
+ background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
1641
1637
  color: var(--textColorPrimary40, #f0f0f0);
1642
1638
  box-shadow: unset;
1643
1639
  }