wj-elements 0.0.2 → 0.0.4

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.
Files changed (66) hide show
  1. package/dist/router-links-e0087f84.js +146 -0
  2. package/dist/style.css +2 -2365
  3. package/dist/wj-aside.js +18 -22
  4. package/dist/wj-avatar.js +32 -49
  5. package/dist/wj-badge.js +18 -22
  6. package/dist/wj-breadcrumb.js +53 -103
  7. package/dist/wj-breadcrumbs.js +21 -36
  8. package/dist/wj-button-group.js +24 -36
  9. package/dist/wj-button.js +37 -80
  10. package/dist/wj-card-content.js +16 -18
  11. package/dist/wj-card-controls.js +16 -18
  12. package/dist/wj-card-header.js +16 -20
  13. package/dist/wj-card-subtitle.js +17 -19
  14. package/dist/wj-card-title.js +16 -18
  15. package/dist/wj-card.js +16 -20
  16. package/dist/wj-checkbox.js +24 -46
  17. package/dist/wj-chip.js +21 -39
  18. package/dist/wj-col.js +18 -32
  19. package/dist/wj-color-picker.js +503 -868
  20. package/dist/wj-container.js +18 -20
  21. package/dist/wj-copy-button.js +66 -112
  22. package/dist/wj-dialog.js +43 -67
  23. package/dist/wj-divider.js +16 -20
  24. package/dist/wj-dropdown.js +22 -31
  25. package/dist/wj-element.js +241 -416
  26. package/dist/wj-footer.js +16 -18
  27. package/dist/wj-form.js +16 -18
  28. package/dist/wj-grid.js +17 -21
  29. package/dist/wj-header.js +18 -22
  30. package/dist/wj-icon-picker.js +66 -107
  31. package/dist/wj-icon.js +67 -140
  32. package/dist/wj-img-comparer.js +43 -72
  33. package/dist/wj-img.js +21 -31
  34. package/dist/wj-infinite-scroll.js +49 -84
  35. package/dist/wj-input.js +67 -146
  36. package/dist/wj-item.js +19 -34
  37. package/dist/wj-label.js +19 -21
  38. package/dist/wj-list.js +17 -20
  39. package/dist/wj-main.js +16 -18
  40. package/dist/wj-master.js +331 -462
  41. package/dist/wj-menu-button.js +18 -21
  42. package/dist/wj-menu-item.js +67 -144
  43. package/dist/wj-menu-label.js +17 -21
  44. package/dist/wj-menu.js +20 -24
  45. package/dist/wj-popup.js +714 -1140
  46. package/dist/wj-progress-bar.js +42 -100
  47. package/dist/wj-radio-group.js +27 -38
  48. package/dist/wj-radio.js +24 -46
  49. package/dist/wj-route.js +8 -11
  50. package/dist/wj-router-link.js +19 -22
  51. package/dist/wj-router-outlet.js +71 -135
  52. package/dist/wj-routerx.js +641 -1121
  53. package/dist/wj-row.js +20 -22
  54. package/dist/wj-slider.js +55 -97
  55. package/dist/wj-split-view.js +45 -81
  56. package/dist/wj-store.js +110 -195
  57. package/dist/wj-textarea.js +39 -86
  58. package/dist/wj-thumbnail.js +17 -19
  59. package/dist/wj-toast.js +34 -88
  60. package/dist/wj-toggle.js +24 -42
  61. package/dist/wj-toolbar-action.js +16 -27
  62. package/dist/wj-toolbar.js +21 -26
  63. package/dist/wj-tooltip.js +27 -41
  64. package/dist/wj-visually-hidden.js +16 -18
  65. package/package.json +1 -1
  66. package/dist/router-links-26e4a166.js +0 -204
package/dist/style.css CHANGED
@@ -1,2366 +1,3 @@
1
- @charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600");@import url("https://keplerapis.com/fonts/css?family=Inter+UI:300,400,500,600");
2
-
3
-
4
- /*!
1
+ @charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600";@import"https://keplerapis.com/fonts/css?family=Inter+UI:300,400,500,600";/*!
5
2
  * direction.scss
6
- */
7
- /* Skeleton Variables */
8
- :root {
9
- --wj-color: #212529;
10
- --wj-font-family: Inter UI, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
11
- --wj-font-family-secondary: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
12
- --wj-font-size: 14px;
13
- --wj-line-height: 21px;
14
- --wj-color-contrast: #212529;
15
- --wj-border-radius: 8px;
16
- --wj-border-color: rgba(0, 0, 0, 0.08) !important;
17
- --wj-border-size: 0px;
18
- --wj-border-style: solid;
19
- }
20
- /*------------------------------------------------------------------
21
- [5@mixin Typography]
22
- */
23
- /* Standard elements
24
- --------------------------------------------------
25
- */
26
- html {
27
- font-size: 100%;
28
- -ms-text-size-adjust: 100%;
29
- -webkit-text-size-adjust: 100%;
30
- }
31
- body {
32
- color: #4b4b4b;
33
- font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
34
- font-size: 14px;
35
- font-weight: normal;
36
- letter-spacing: 0.01em;
37
- -webkit-font-smoothing: antialiased;
38
- -webkit-text-size-adjust: 100%;
39
- -ms-text-size-adjust: 100%;
40
- -webkit-font-feature-settings: "kern" 1;
41
- -moz-font-feature-settings: "kern" 1;
42
- margin: 0;
43
- padding: 0 !important;
44
- }
45
- /* Headings
46
- ------------------------------------
47
- */
48
- h1,
49
- h2,
50
- h3,
51
- h4,
52
- h5,
53
- h6 {
54
- margin: 10px 0;
55
- font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
56
- -webkit-font-smoothing: antialiased;
57
- -webkit-text-size-adjust: 100%;
58
- -ms-text-size-adjust: 100%;
59
- font-weight: 500;
60
- color: inherit;
61
- display: inline-block;
62
- }
63
- h1 {
64
- font-size: 34px;
65
- line-height: 44px;
66
- letter-spacing: -0.0141279em;
67
- }
68
- h2 {
69
- font-size: 26px;
70
- line-height: 34px;
71
- letter-spacing: -0.021em;
72
- }
73
- h3 {
74
- font-size: 22px;
75
- line-height: 28px;
76
- letter-spacing: -0.0114923em;
77
- }
78
- h4 {
79
- font-size: 20px;
80
- line-height: 26px;
81
- letter-spacing: -0.00865734em;
82
- }
83
- h5 {
84
- font-size: 18px;
85
- line-height: 24px;
86
- letter-spacing: -0.00630069em;
87
- }
88
- h3 small,
89
- h4 small,
90
- h5 small {
91
- font-weight: 300;
92
- }
93
- h1.block,
94
- h2.block,
95
- h3.block,
96
- h4.block,
97
- h5.block,
98
- h6.block {
99
- padding-bottom: 10px;
100
- }
101
- /* Lins and Others
102
- ------------------------------------
103
- */
104
- a {
105
- text-shadow: none !important;
106
- color: #4e37b6;
107
- transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
108
- font-weight: 500;
109
- }
110
- a:focus,
111
- a:hover,
112
- a:active {
113
- color: #7252D3;
114
- }
115
- a,
116
- a:focus,
117
- a:hover,
118
- a:active {
119
- outline: 0 !important;
120
- text-decoration: none;
121
- }
122
- a[ng-click] {
123
- cursor: pointer;
124
- }
125
- a.no-style {
126
- color: inherit;
127
- font-weight: normal;
128
- }
129
- br {
130
- line-height: normal;
131
- clear: both;
132
- }
133
- p {
134
- display: block;
135
- color: inherit;
136
- font-size: 14px;
137
- font-weight: normal;
138
- letter-spacing: 0.00177646em;
139
- line-height: 21px;
140
- margin: 0px 0px 10px 0px;
141
- font-style: normal;
142
- white-space: normal;
143
- }
144
- small,
145
- .small {
146
- line-height: 18px;
147
- font-size: 85.714%;
148
- }
149
- label.inline {
150
- display: inline-block;
151
- position: relative;
152
- top: 0px;
153
- font-size: 13px;
154
- }
155
- ul,
156
- ol {
157
- margin-bottom: 10px;
158
- }
159
- ul > li,
160
- ol > li {
161
- padding-left: 3px;
162
- line-height: 24px;
163
- }
164
- ul.lg-icon > li,
165
- ol.lg-icon > li {
166
- font-size: 21px;
167
- }
168
- ul.lg-icon > li span,
169
- ol.lg-icon > li span {
170
- font-size: 14px;
171
- }
172
- ul.no-style,
173
- ol.no-style {
174
- list-style: none;
175
- padding-left: 5px;
176
- }
177
- address {
178
- margin-bottom: 0px;
179
- }
180
- address a {
181
- color: #4b4b4b;
182
- }
183
- blockquote {
184
- padding: 4px 0 0 18px;
185
- border-left: 0;
186
- }
187
- blockquote:before {
188
- content: "\e95d";
189
- font-family: "pages-icon";
190
- font-size: 20px;
191
- margin-right: 6px;
192
- float: left;
193
- position: relative;
194
- top: -12px;
195
- }
196
- blockquote p {
197
- font-size: 16px;
198
- margin-bottom: 4px;
199
- }
200
- blockquote small {
201
- line-height: 29px;
202
- color: #4b4b4b;
203
- }
204
- blockquote small:before {
205
- content: "—";
206
- margin-right: 6px;
207
- }
208
- blockquote.pull-right {
209
- border-right: 0;
210
- }
211
- blockquote.pull-right:before {
212
- float: right;
213
- font-family: "pages-icon";
214
- content: "\e95d";
215
- margin-left: 6px;
216
- margin-right: 0;
217
- }
218
- blockquote.pull-right small {
219
- padding-right: 30px;
220
- }
221
- blockquote.pull-right small:after {
222
- content: "";
223
- }
224
- hr {
225
- border-color: #e0e0e0;
226
- }
227
- hr.double {
228
- border-width: 2px;
229
- }
230
- hr.dotted {
231
- border-style: dotted none none;
232
- }
233
- .ff-sup {
234
- font-feature-settings: "kern" 1, "sups" 1;
235
- -webkit-font-feature-settings: "kern" 1, "sups" 1;
236
- -ms-font-feature-settings: "kern" 1, "sups" 1;
237
- -moz-font-feature-settings: "kern" 1, "sups" 1;
238
- }
239
- .ff-sub {
240
- font-feature-settings: "kern" 1, "subs" 1;
241
- -webkit-font-feature-settings: "kern" 1, "subs" 1;
242
- -ms-font-feature-settings: "kern" 1, "subs" 1;
243
- -moz-font-feature-settings: "kern" 1, "subs" 1;
244
- }
245
- /* Standard HTML Typography tags
246
- ------------------------------------
247
- */
248
- code {
249
- color: #757575;
250
- background-color: rgba(33, 33, 33, 0.05);
251
- font-size: 97%;
252
- position: relative;
253
- line-height: inherit;
254
- border-radius: 3px;
255
- padding: 5px 7px;
256
- margin: 0;
257
- }
258
- code:hover {
259
- color: #0072EC;
260
- }
261
- code.code-sm {
262
- padding: 3px 6px;
263
- }
264
- figcaption {
265
- font-size: 13px;
266
- margin-top: 10px;
267
- font-weight: 400;
268
- display: block;
269
- letter-spacing: 0.008em;
270
- text-align: center;
271
- color: #757575;
272
- line-height: 1.46;
273
- }
274
- em {
275
- font-style: italic !important;
276
- font-family: inherit;
277
- font-weight: inherit;
278
- }
279
- ins {
280
- font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
281
- border-bottom: 1px solid #d0d0d0;
282
- text-decoration: none;
283
- color: #4b4b4b;
284
- font-weight: normal;
285
- font-size: 94%;
286
- }
287
- cite {
288
- font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
289
- font-weight: 300;
290
- color: #757575;
291
- text-decoration: none;
292
- font-style: normal;
293
- hanging-punctuation: first;
294
- }
295
- sup {
296
- top: -0.28em;
297
- font-size: 70%;
298
- }
299
- sub {
300
- bottom: 0.03em;
301
- }
302
- var {
303
- font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
304
- font-feature-settings: "calt" 1, "tnum" 1, "frac" 1, "case" 1, "ss01" 1, "cv11" 1;
305
- }
306
- abbr {
307
- text-decoration: none;
308
- letter-spacing: 0.01em;
309
- background-color: transparent;
310
- border-bottom: 2px solid #ffba5a;
311
- transition-property: color, background, border;
312
- transition-duration: 0.15s;
313
- transition-timing-function: linear;
314
- text-decoration: none;
315
- color: #4b4b4b;
316
- border-bottom-color: #ffba5a;
317
- -webkit-text-stroke: 0.18px;
318
- }
319
- q {
320
- font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
321
- font-weight: 500;
322
- font-size: 20px;
323
- hanging-punctuation: first;
324
- }
325
- q:before {
326
- content: "“";
327
- color: rgba(0, 0, 0, 0.44);
328
- font-size: 35px;
329
- }
330
- q:after {
331
- content: "”";
332
- font-size: 35px;
333
- color: rgba(0, 0, 0, 0.44);
334
- }
335
- audio {
336
- margin-top: 42px;
337
- }
338
- hr {
339
- clear: both;
340
- margin-bottom: 42px;
341
- margin-top: 42px;
342
- border: 0;
343
- border-bottom: 1px solid rgba(0, 0, 0, 0.13);
344
- }
345
- address {
346
- font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
347
- font-style: normal;
348
- margin: 0 0 1.75em;
349
- font-size: 14px;
350
- line-height: 24px;
351
- margin-top: 24px;
352
- }
353
- abbr {
354
- text-decoration: none;
355
- letter-spacing: 0.01em;
356
- background-color: transparent;
357
- border-bottom: 2px solid #ffba5a;
358
- transition-property: color, background, border;
359
- transition-duration: 0.15s;
360
- transition-timing-function: linear;
361
- text-decoration: none;
362
- color: #4b4b4b;
363
- border-bottom-color: #ffba5a;
364
- -webkit-text-stroke: 0.18px;
365
- }
366
- acronym {
367
- text-decoration: none;
368
- text-transform: uppercase;
369
- letter-spacing: 0.06em;
370
- background-color: transparent;
371
- border-bottom: 2px solid #ffba5a;
372
- transition-property: color, background, border;
373
- transition-duration: 0.15s;
374
- transition-timing-function: linear;
375
- text-decoration: none;
376
- color: #4b4b4b;
377
- border-bottom-color: #ffba5a;
378
- -webkit-text-stroke: 0.2px;
379
- }
380
- pre {
381
- tab-size: 4;
382
- font-size: 85.714%;
383
- overflow-x: auto;
384
- font-family: monospace, monospace;
385
- line-height: 1.7;
386
- counter-reset: line;
387
- background-color: #f4f4f4;
388
- color: #4b4b4b;
389
- margin: 0px;
390
- counter-reset: line;
391
- padding: 17px 20px;
392
- border-radius: 3px;
393
- margin-top: 20px;
394
- margin-bottom: 20px;
395
- }
396
- dt {
397
- font-weight: 700;
398
- margin-bottom: 5px;
399
- }
400
- dd {
401
- margin: 0 0 1.75em;
402
- }
403
- kbd {
404
- font-size: 85.714%;
405
- font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
406
- position: relative;
407
- line-height: 34px;
408
- top: -3px;
409
- letter-spacing: 0.01em;
410
- padding: 5px 7px;
411
- margin: 0;
412
- color: rgba(0, 0, 0, 0.53);
413
- background-color: #fff;
414
- border-radius: 3px;
415
- box-shadow: 0px 2px 0px 1px #c7c7c7, 0px 1px 0px 1px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px #ececec;
416
- }
417
- /* Types
418
- ------------------------------------
419
- */
420
- .overline {
421
- text-transform: uppercase;
422
- display: inline-block;
423
- letter-spacing: 0.06em;
424
- font-size: 11px;
425
- }
426
- /* Font Sizes
427
- ------------------------------------
428
- */
429
- .small-text {
430
- font-size: 12px !important;
431
- letter-spacing: 0.00849077em;
432
- line-height: 18px;
433
- }
434
- .small-text a {
435
- text-decoration: underline;
436
- }
437
- .normal-text {
438
- font-size: 13px !important;
439
- }
440
- .large-text {
441
- font-size: 15px !important;
442
- }
443
- /* Font Weights
444
- ------------------------------------
445
- */
446
- .normal {
447
- font-weight: normal !important;
448
- }
449
- .semi-bold {
450
- font-weight: 500 !important;
451
- }
452
- .bold {
453
- font-weight: 600 !important;
454
- }
455
- .light {
456
- font-weight: 300 !important;
457
- }
458
- /* Misc
459
- ------------------------------------
460
- */
461
- .logo {
462
- margin: 18px 14px;
463
- }
464
- .all-caps {
465
- text-transform: uppercase;
466
- letter-spacing: 0.07em !important;
467
- }
468
- .text-uppercase {
469
- text-transform: uppercase !important;
470
- letter-spacing: 0.07em !important;
471
- }
472
- .muted {
473
- color: #757575;
474
- }
475
- .hint-text {
476
- opacity: 0.76 !important;
477
- }
478
- .no-decoration {
479
- text-decoration: none !important;
480
- }
481
- .text-ellipsis {
482
- white-space: nowrap;
483
- overflow: hidden;
484
- text-overflow: ellipsis;
485
- }
486
- /* Monochrome Colors
487
- ------------------------------------
488
- */
489
- .bg-contrast-higher {
490
- background-color: #212121 !important;
491
- color: #fff;
492
- }
493
- .bg-contrast-high {
494
- background-color: #4b4b4b !important;
495
- color: #fff;
496
- }
497
- .bg-contrast-medium {
498
- background-color: #757575 !important;
499
- color: #fff;
500
- }
501
- .bg-contrast-low {
502
- background-color: #e0e0e0 !important;
503
- color: #4b4b4b;
504
- }
505
- .bg-contrast-lower {
506
- background-color: #f4f4f4 !important;
507
- color: #4b4b4b;
508
- }
509
- .bg-contrast-lowest {
510
- background-color: #fff !important;
511
- color: #4b4b4b;
512
- }
513
- /* Primary
514
- ------------------------------------
515
- */
516
- .bg-primary {
517
- background-color: #7252D3 !important;
518
- color: #fff;
519
- }
520
- .bg-primary-dark {
521
- background-color: #4e37b6 !important;
522
- color: #fff;
523
- }
524
- .bg-primary-darker {
525
- background-color: #2d218f !important;
526
- color: #fff;
527
- }
528
- .bg-primary-light {
529
- background-color: #845ae0 !important;
530
- color: #fff;
531
- }
532
- .bg-primary-lighter {
533
- background-color: #eae0fb !important;
534
- color: #4b4b4b;
535
- }
536
- /* Complete
537
- ------------------------------------
538
- */
539
- .bg-complete {
540
- background-color: #0072EC !important;
541
- color: #fff;
542
- }
543
- .bg-complete-dark {
544
- background-color: #004fbf !important;
545
- color: #fff;
546
- }
547
- .bg-complete-darker {
548
- background-color: #00318e !important;
549
- color: #fff;
550
- }
551
- .bg-complete-light {
552
- background-color: #0f8ff9 !important;
553
- color: #fff;
554
- }
555
- .bg-complete-lighter {
556
- background-color: #d3eeff !important;
557
- color: #4b4b4b;
558
- }
559
- /* Success
560
- ------------------------------------
561
- */
562
- .bg-success {
563
- background-color: #19AD79 !important;
564
- color: #fff;
565
- }
566
- .bg-success-dark {
567
- background-color: #0d935b !important;
568
- color: #fff;
569
- }
570
- .bg-success-darker {
571
- background-color: #04733e !important;
572
- color: #fff;
573
- }
574
- .bg-success-light {
575
- background-color: #26bf93 !important;
576
- color: #4b4b4b;
577
- }
578
- .bg-success-lighter {
579
- background-color: #d6f7f0 !important;
580
- color: #4b4b4b;
581
- }
582
- /* Info
583
- ------------------------------------
584
- */
585
- .bg-info {
586
- background-color: #3B4752 !important;
587
- color: #fff;
588
- }
589
- .bg-info-dark {
590
- background-color: #2b3947;
591
- color: #fff;
592
- }
593
- .bg-info-darker {
594
- background-color: #1b2839;
595
- color: #fff;
596
- }
597
- .bg-info-light {
598
- background-color: #475b6b;
599
- color: #fff;
600
- }
601
- .bg-info-lighter {
602
- background-color: #dbe6e8;
603
- color: #4b4b4b;
604
- }
605
- /* Danger
606
- ------------------------------------
607
- */
608
- .bg-danger {
609
- background-color: #D83C31 !important;
610
- color: #fff;
611
- }
612
- .bg-danger-dark {
613
- background-color: #b91e1e;
614
- color: #fff;
615
- }
616
- .bg-danger-darker {
617
- background-color: #900f17;
618
- color: #fff;
619
- }
620
- .bg-danger-light {
621
- background-color: #e6533c;
622
- color: #4b4b4b;
623
- }
624
- .bg-danger-lighter {
625
- background-color: #fde2da;
626
- color: #4b4b4b;
627
- }
628
- /* Warning
629
- ------------------------------------
630
- */
631
- .bg-warning {
632
- background-color: #FFd945 !important;
633
- color: #4b4b4b;
634
- }
635
- .bg-warning-dark {
636
- background-color: #daab2d;
637
- color: #4b4b4b;
638
- }
639
- .bg-warning-darker {
640
- background-color: #aa7918;
641
- color: #4b4b4b;
642
- }
643
- .bg-warning-light {
644
- background-color: #ffe858;
645
- color: #4b4b4b;
646
- }
647
- .bg-warning-lighter {
648
- background-color: #fffde1;
649
- color: #4b4b4b;
650
- }
651
- /* Menu
652
- ------------------------------------
653
- */
654
- .bg-menu-dark {
655
- background-color: #21252d;
656
- color: #fff;
657
- }
658
- .bg-menu {
659
- background-color: #2b303b;
660
- color: #fff;
661
- }
662
- .bg-menu-light {
663
- background-color: rgb(146, 154, 172);
664
- color: #4b4b4b;
665
- }
666
- /* Gradients
667
- ------------------------------------
668
- */
669
- .gradient-grey {
670
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
671
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
672
- }
673
- .gradient-black {
674
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
675
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
676
- }
677
- /* Other Colors
678
- ------------------------------------
679
- */
680
- .bg-black {
681
- background-color: #000 !important;
682
- color: #fff;
683
- }
684
- .bg-white {
685
- background-color: #fff !important;
686
- color: #4b4b4b;
687
- }
688
- .bg-transparent {
689
- background-color: transparent !important;
690
- }
691
- /* Text Colors */
692
- .link {
693
- opacity: 0.7;
694
- }
695
- .link:hover {
696
- opacity: 1;
697
- }
698
- .text-dark {
699
- color: #212121 !important;
700
- }
701
- .text-color {
702
- color: #4b4b4b !important;
703
- }
704
- .text-primary {
705
- color: #45289c !important;
706
- }
707
- .text-primary-lighter {
708
- color: #eae0fb !important;
709
- }
710
- .text-complete {
711
- color: #0054af !important;
712
- }
713
- .text-complete-lighter {
714
- color: #d3eeff !important;
715
- }
716
- .text-success {
717
- color: #148e63 !important;
718
- }
719
- .text-success-lighter {
720
- color: #d6f7f0 !important;
721
- }
722
- .text-info {
723
- color: #3B4752 !important;
724
- }
725
- .text-info-lighter {
726
- color: #dbe6e8 !important;
727
- }
728
- .text-warning {
729
- color: #927400 !important;
730
- }
731
- .text-warning-lighter {
732
- color: #fffde1 !important;
733
- }
734
- .text-danger {
735
- color: #b82d23 !important;
736
- }
737
- .text-danger-lighter {
738
- color: #fde2da !important;
739
- }
740
- .text-black {
741
- color: #000 !important;
742
- }
743
- .text-white {
744
- color: #fff !important;
745
- }
746
- /* Text Aligngments
747
- ------------------------------------
748
- */
749
- .text-right {
750
- text-align: right !important;
751
- }
752
- .text-left {
753
- text-align: left !important;
754
- }
755
- .text-center {
756
- text-align: center !important;
757
- }
758
- /* Labels
759
- ------------------------------------
760
- */
761
- .label {
762
- padding: 0px 5px;
763
- font-size: 11px;
764
- line-height: 21px;
765
- text-shadow: none;
766
- background-color: #e0e0e0;
767
- font-weight: 600;
768
- color: #4b4b4b;
769
- border-radius: 3px;
770
- text-transform: uppercase;
771
- display: inline-block;
772
- }
773
- .label-primary {
774
- background-color: #7252D3;
775
- color: #fff;
776
- }
777
- .label-primary-lighter {
778
- background-color: #eae0fb;
779
- color: #4e37b6;
780
- }
781
- .label-success {
782
- background-color: #19AD79;
783
- color: #fff;
784
- }
785
- .label-success-lighter {
786
- background-color: #d6f7f0;
787
- color: #0d935b;
788
- }
789
- .label-warning {
790
- background-color: #FFd945;
791
- color: #4b4b4b;
792
- }
793
- .label-warning-lighter {
794
- background-color: #fffde1;
795
- color: #daab2d;
796
- }
797
- .label-important,
798
- .label-danger {
799
- background-color: #D83C31;
800
- color: #fff;
801
- }
802
- .label-danger-lighter {
803
- background-color: #fde2da;
804
- color: #b91e1e;
805
- }
806
- .label-info {
807
- background-color: #0072EC;
808
- color: #fff;
809
- }
810
- .label-info-lighter {
811
- background-color: #dbe6e8;
812
- color: #2b3947;
813
- }
814
- .label-inverse {
815
- background-color: #004fbf;
816
- color: #fff;
817
- }
818
- .label-complete-lighter {
819
- background-color: #d3eeff;
820
- color: #004fbf;
821
- }
822
- .label-white {
823
- background-color: #fff;
824
- color: #4b4b4b;
825
- }
826
- /* Strokes
827
- ------------------------------------
828
- */
829
- .stroke-primary {
830
- stroke: #7252D3 !important;
831
- }
832
- .stroke-complete {
833
- stroke: #0072EC !important;
834
- }
835
- .stroke-success {
836
- stroke: #19AD79 !important;
837
- }
838
- .stroke-info {
839
- stroke: #3B4752 !important;
840
- }
841
- .stroke-warning {
842
- stroke: #FFd945 !important;
843
- }
844
- .stroke-danger {
845
- stroke: #D83C31 !important;
846
- }
847
- /* Font Sizes
848
- ------------------------------------
849
- tracking =a+b×e(c × z)
850
-
851
- a, b and c are constants
852
- a = -0.0223
853
- b = 0.185
854
- c = -0.1745
855
- z = font size
856
-
857
- */
858
- .fs-10 {
859
- font-size: 10px !important;
860
- letter-spacing: 0.0180093em;
861
- line-height: 15px;
862
- }
863
- .fs-11 {
864
- font-size: 10.5px !important;
865
- letter-spacing: 0.0128359em;
866
- line-height: 16px;
867
- }
868
- .fs-12 {
869
- font-size: 12px !important;
870
- letter-spacing: 0.00849077em;
871
- line-height: 18px;
872
- }
873
- .fs-13 {
874
- font-size: 13px !important;
875
- letter-spacing: 0.00484144em;
876
- line-height: 19px;
877
- }
878
- .fs-14 {
879
- font-size: 14px !important;
880
- letter-spacing: 0.00177646em;
881
- line-height: 22px;
882
- }
883
- .fs-15 {
884
- font-size: 15px !important;
885
- letter-spacing: -0.000797757em;
886
- line-height: 23px;
887
- }
888
- .fs-16 {
889
- font-size: 16px !important;
890
- letter-spacing: -0.00295978em;
891
- line-height: 24px;
892
- }
893
- /* Line-heights
894
- ------------------------------------
895
- */
896
- .lh-normal {
897
- line-height: normal;
898
- }
899
- .lh-10 {
900
- line-height: 10px;
901
- }
902
- .lh-11 {
903
- line-height: 11px;
904
- }
905
- .lh-12 {
906
- line-height: 12px;
907
- }
908
- .lh-13 {
909
- line-height: 13px;
910
- }
911
- .lh-14 {
912
- line-height: 14px;
913
- }
914
- .lh-15 {
915
- line-height: 15px;
916
- }
917
- .lh-16 {
918
- line-height: 16px;
919
- }
920
- /* Font Faces
921
- ------------------------------------
922
- */
923
- .font-arial {
924
- font-family: Arial, sans-serif !important;
925
- }
926
- .font-montserrat {
927
- font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
928
- }
929
- .font-georgia {
930
- font-family: Georgia !important;
931
- }
932
- .font-heading {
933
- font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
934
- }
935
- .font-secondary {
936
- font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
937
- }
938
- /* Wells
939
- ------------------------------------
940
- */
941
- .well {
942
- background-color: #e0e0e0;
943
- -webkit-border-radius: 3px;
944
- -moz-border-radius: 3px;
945
- border-radius: 3px;
946
- -webkit-box-shadow: none !important;
947
- -moz-box-shadow: none !important;
948
- box-shadow: none !important;
949
- border: none;
950
- background-image: none;
951
- }
952
- .well.well-large {
953
- padding: 24px;
954
- width: auto;
955
- }
956
- .well.well-small {
957
- padding: 13px;
958
- width: auto;
959
- }
960
- .well.green {
961
- background-color: #0072EC;
962
- color: #fff;
963
- border: none;
964
- }
965
- .overflow-ellipsis {
966
- text-overflow: ellipsis;
967
- overflow: hidden;
968
- white-space: nowrap;
969
- }
970
- .jumbotron {
971
- border-radius: 0;
972
- -webkit-border-radius: 0;
973
- -moz-border-radius: 0;
974
- }
975
- .jumbotron p {
976
- font-size: 14px;
977
- font-weight: normal;
978
- margin-bottom: inherit;
979
- }
980
- .jumbotron p.small {
981
- font-size: 85.714%;
982
- }
983
- /* Responsive Handlers : Typo
984
- ------------------------------------
985
- */
986
- @media (max-width: 1400px) {
987
- body,
988
- p {
989
- font-size: 13px;
990
- line-height: 20px;
991
- }
992
- h1 {
993
- font-size: 33px;
994
- line-height: 44px;
995
- letter-spacing: -0.08px;
996
- }
997
- h2 {
998
- font-size: 28px;
999
- line-height: 40px;
1000
- }
1001
- h3 {
1002
- font-size: 24px;
1003
- line-height: 35.88px;
1004
- }
1005
- h4 {
1006
- font-size: 18px;
1007
- line-height: 33.88px;
1008
- }
1009
- h5 {
1010
- font-size: 16px;
1011
- line-height: 25.88px;
1012
- }
1013
- small,
1014
- .small {
1015
- font-size: 89%;
1016
- line-height: 17px;
1017
- }
1018
- }
1019
- .alert > p, .alert > ul {
1020
- margin-bottom: 0;
1021
- }
1022
- .table > tbody > tr > td, .table > tbody > tr > th {
1023
- line-height: 1.42857143;
1024
- }
1025
- .table > tfoot > tr > td, .table > tfoot > tr > th {
1026
- line-height: 1.42857143;
1027
- }
1028
- .table > thead > tr > td, .table > thead > tr > th {
1029
- line-height: 1.42857143;
1030
- }
1031
- /* For Windows : Fixes
1032
- ------------------------------------
1033
- */
1034
- .windows .small-text, .windows small, .windows .small {
1035
- -webkit-text-stroke: 0.028px;
1036
- }
1037
- .line-clamp-2 {
1038
- display: -webkit-box;
1039
- -webkit-line-clamp: 2;
1040
- -webkit-box-orient: vertical;
1041
- overflow: hidden;
1042
- }
1043
- .line-clamp-3 {
1044
- display: -webkit-box;
1045
- -webkit-line-clamp: 3;
1046
- -webkit-box-orient: vertical;
1047
- overflow: hidden;
1048
- }
1049
- .line-clamp-5 {
1050
- display: -webkit-box;
1051
- -webkit-line-clamp: 5;
1052
- -webkit-box-orient: vertical;
1053
- overflow: hidden;
1054
- }
1055
- .text-separator {
1056
- display: block;
1057
- text-align: center;
1058
- margin: 1.5rem 0;
1059
- width: 100%;
1060
- background: linear-gradient(to top, transparent 0%, transparent calc(50% - 1px), var(--color-contrast-low) calc(50% - 1px), var(--color-contrast-low) calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);
1061
- }
1062
- .text-separator::before {
1063
- background: #fff;
1064
- content: attr(data-text);
1065
- padding: 0 1rem;
1066
- text-transform: uppercase;
1067
- }
1068
- .visible-xlg {
1069
- display: none;
1070
- }
1071
- .hidden-xlg {
1072
- display: block;
1073
- }
1074
- /*** Large screens ***/
1075
- @media (min-width: 1824px) {
1076
- .visible-xlg {
1077
- display: block !important;
1078
- }
1079
- .hidden-xlg {
1080
- display: none !important;
1081
- }
1082
- .quickview-wrapper .tab-content #quickview-notes > .inner {
1083
- width: 570px;
1084
- }
1085
- .container-fluid.container-fixed-lg {
1086
- width: 1700px;
1087
- margin-right: auto;
1088
- margin-left: auto;
1089
- }
1090
- .menu-pin .container-fluid.container-fixed-lg {
1091
- width: 1450px;
1092
- }
1093
- /*.visible-xlg {
1094
- display: block !important;
1095
- }
1096
- .hidden-xlg {
1097
- display: none !important;
1098
- }*/
1099
- .col-xlg-1,
1100
- .col-xlg-2,
1101
- .col-xlg-3,
1102
- .col-xlg-4,
1103
- .col-xlg-5,
1104
- .col-xlg-6,
1105
- .col-xlg-7,
1106
- .col-xlg-8,
1107
- .col-xlg-9,
1108
- .col-xlg-10,
1109
- .col-xlg-11 {
1110
- min-height: 1px;
1111
- padding-left: 15px;
1112
- padding-right: 15px;
1113
- position: relative;
1114
- }
1115
- .col-xlg-12 {
1116
- min-height: 1px;
1117
- padding-left: 15px;
1118
- padding-right: 15px;
1119
- position: relative;
1120
- flex: 0 0 100%;
1121
- max-width: 100%;
1122
- }
1123
- .col-xlg-11 {
1124
- flex: 0 0 91.6667%;
1125
- max-width: 91.6667%;
1126
- }
1127
- .col-xlg-10 {
1128
- width: 83.3333%;
1129
- flex: 0 0 83.3333%;
1130
- max-width: 83.3333%;
1131
- }
1132
- .col-xlg-9 {
1133
- flex: 0 0 75%;
1134
- max-width: 75%;
1135
- }
1136
- .col-xlg-8 {
1137
- flex: 0 0 66.6667%;
1138
- max-width: 66.6667%;
1139
- }
1140
- .col-xlg-7 {
1141
- flex: 0 0 58.3333%;
1142
- max-width: 58.3333%;
1143
- }
1144
- .col-xlg-6 {
1145
- flex: 0 0 50%;
1146
- max-width: 50%;
1147
- }
1148
- .col-xlg-5 {
1149
- flex: 0 0 41.6667%;
1150
- max-width: 41.6667%;
1151
- }
1152
- .col-xlg-4 {
1153
- flex: 0 0 33.3333%;
1154
- max-width: 33.3333%;
1155
- }
1156
- .col-xlg-3 {
1157
- flex: 0 0 25%;
1158
- max-width: 25%;
1159
- }
1160
- .col-xlg-2 {
1161
- flex: 0 0 16.6667%;
1162
- max-width: 16.6667%;
1163
- }
1164
- .col-xlg-1 {
1165
- flex: 0 0 8.33333%;
1166
- max-width: 8.33333%;
1167
- }
1168
- .col-xlg-pull-12 {
1169
- right: 100%;
1170
- }
1171
- .col-xlg-pull-11 {
1172
- right: 91.6667%;
1173
- }
1174
- .col-xlg-pull-10 {
1175
- right: 83.3333%;
1176
- }
1177
- .col-xlg-pull-9 {
1178
- right: 75%;
1179
- }
1180
- .col-xlg-pull-8 {
1181
- right: 66.6667%;
1182
- }
1183
- .col-xlg-pull-7 {
1184
- right: 58.3333%;
1185
- }
1186
- .col-xlg-pull-6 {
1187
- right: 50%;
1188
- }
1189
- .col-xlg-pull-5 {
1190
- right: 41.6667%;
1191
- }
1192
- .col-xlg-pull-4 {
1193
- right: 33.3333%;
1194
- }
1195
- .col-xlg-pull-3 {
1196
- right: 25%;
1197
- }
1198
- .col-xlg-pull-2 {
1199
- right: 16.6667%;
1200
- }
1201
- .col-xlg-pull-1 {
1202
- right: 8.33333%;
1203
- }
1204
- .col-xlg-pull-0 {
1205
- right: 0;
1206
- }
1207
- .col-xlg-push-12 {
1208
- left: 100%;
1209
- }
1210
- .col-xlg-push-11 {
1211
- left: 91.6667%;
1212
- }
1213
- .col-xlg-push-10 {
1214
- left: 83.3333%;
1215
- }
1216
- .col-xlg-push-9 {
1217
- left: 75%;
1218
- }
1219
- .col-xlg-push-8 {
1220
- left: 66.6667%;
1221
- }
1222
- .col-xlg-push-7 {
1223
- left: 58.3333%;
1224
- }
1225
- .col-xlg-push-6 {
1226
- left: 50%;
1227
- }
1228
- .col-xlg-push-5 {
1229
- left: 41.6667%;
1230
- }
1231
- .col-xlg-push-4 {
1232
- left: 33.3333%;
1233
- }
1234
- .col-xlg-push-3 {
1235
- left: 25%;
1236
- }
1237
- .col-xlg-push-2 {
1238
- left: 16.6667%;
1239
- }
1240
- .col-xlg-push-1 {
1241
- left: 8.33333%;
1242
- }
1243
- .col-xlg-push-0 {
1244
- left: 0;
1245
- }
1246
- .col-xlg-offset-12 {
1247
- margin-left: 100%;
1248
- }
1249
- .col-xlg-offset-11 {
1250
- margin-left: 91.6667%;
1251
- }
1252
- .col-xlg-offset-10 {
1253
- margin-left: 83.3333%;
1254
- }
1255
- .col-xlg-offset-9 {
1256
- margin-left: 75%;
1257
- }
1258
- .col-xlg-offset-8 {
1259
- margin-left: 66.6667%;
1260
- }
1261
- .col-xlg-offset-7 {
1262
- margin-left: 58.3333%;
1263
- }
1264
- .col-xlg-offset-6 {
1265
- margin-left: 50%;
1266
- }
1267
- .col-xlg-offset-5 {
1268
- margin-left: 41.6667%;
1269
- }
1270
- .col-xlg-offset-4 {
1271
- margin-left: 33.3333%;
1272
- }
1273
- .col-xlg-offset-3 {
1274
- margin-left: 25%;
1275
- }
1276
- .col-xlg-offset-2 {
1277
- margin-left: 16.6667%;
1278
- }
1279
- .col-xlg-offset-1 {
1280
- margin-left: 8.33333%;
1281
- }
1282
- .col-xlg-offset-0 {
1283
- margin-left: 0;
1284
- }
1285
- }
1286
- /*** Desktops ***/
1287
- /*** Medium Size Screen ***/
1288
- @media only screen and (max-width: 1400px) {
1289
- .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu {
1290
- bottom: 50px;
1291
- }
1292
- .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-widgets {
1293
- display: none;
1294
- }
1295
- .footer-widget {
1296
- padding: 11px 21px !important;
1297
- }
1298
- }
1299
- @media only screen and (max-width: 1199px) {
1300
- .visible-xl-down {
1301
- display: block !important;
1302
- }
1303
- }
1304
- /*** Desktops & Laptops ***/
1305
- @media only screen and (min-width: 980px) {
1306
- body.ie9.menu-pin .page-sidebar {
1307
- transform: none !important;
1308
- -webkit-transform: none !important;
1309
- -ms-transform: none !important;
1310
- }
1311
- body.menu-pin .header .brand {
1312
- width: 245px;
1313
- }
1314
- body.menu-pin .page-container {
1315
- padding-left: 0;
1316
- }
1317
- body.menu-pin .page-container .page-content-wrapper .content {
1318
- padding-left: 250px;
1319
- }
1320
- body.menu-pin .page-container .page-content-wrapper .footer {
1321
- left: 250px;
1322
- }
1323
- body.menu-pin [data-toggle-pin=sidebar] > i:before {
1324
- content: "\e9a2";
1325
- }
1326
- body.menu-pin .page-sidebar {
1327
- transform: translate(210px, 0) !important;
1328
- -webkit-transform: translate(210px, 0) !important;
1329
- -ms-transform: translate(210px, 0) !important;
1330
- width: 250px;
1331
- }
1332
- body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls {
1333
- transform: translateX(21px);
1334
- -webkit-transform: translateX(21px);
1335
- }
1336
- body.menu-pin .page-sidebar .menu-items .icon-thumbnail {
1337
- transform: translate3d(-14px, 0, 0);
1338
- -webkit-transform: -webkit-translate3d(-14px, 0, 0);
1339
- }
1340
- body.menu-behind .page-sidebar {
1341
- z-index: 799;
1342
- }
1343
- body.menu-behind .header .brand {
1344
- width: 200px;
1345
- text-align: left;
1346
- padding-left: 20px;
1347
- }
1348
- body.box-layout {
1349
- background-color: #fff;
1350
- }
1351
- body.box-layout > .container, body.box-layout > .full-height > .container {
1352
- height: 100%;
1353
- padding: 0;
1354
- background-color: #fff;
1355
- }
1356
- body.box-layout .header {
1357
- background-color: transparent;
1358
- border: 0;
1359
- padding: 0;
1360
- }
1361
- body.box-layout .header > .container {
1362
- background-color: #fff;
1363
- border-bottom: 1px solid rgba(230, 230, 230, 0.7);
1364
- padding: 0 20px 0 0;
1365
- height: 100%;
1366
- }
1367
- body.box-layout .page-sidebar {
1368
- left: auto;
1369
- transform: none !important;
1370
- -webkit-transform: none !important;
1371
- }
1372
- body.box-layout .page-container .page-content-wrapper .footer {
1373
- width: auto;
1374
- }
1375
- .header .brand {
1376
- position: relative;
1377
- }
1378
- .header .user-info-wrapper .user-details .user-name {
1379
- font-size: 16px;
1380
- }
1381
- .header .user-info-wrapper .user-details .user-other {
1382
- font-size: 10px;
1383
- }
1384
- .header .user-info-wrapper .user-pic {
1385
- position: relative;
1386
- top: -6px;
1387
- }
1388
- .notification-panel {
1389
- width: 400px;
1390
- }
1391
- }
1392
- /*** General Small Screen Desktops ***/
1393
- /*** General tablets and phones ***/
1394
- @media (max-width: 991px) {
1395
- .container-fluid {
1396
- padding-left: 1rem;
1397
- padding-right: 1rem;
1398
- }
1399
- .hidden-lg-down {
1400
- display: none !important;
1401
- }
1402
- .page-container {
1403
- padding-left: 0;
1404
- }
1405
- .d-flex-lg-down {
1406
- display: flex;
1407
- }
1408
- .justify-between-lg-down {
1409
- -webkit-box-pack: justify;
1410
- -webkit-justify-content: space-between;
1411
- -ms-flex-pack: justify;
1412
- justify-content: space-between;
1413
- }
1414
- body.sidebar-open .page-container {
1415
- -webkit-transform: translate3d(250px, 0, 0);
1416
- transform: translate3d(250px, 0, 0);
1417
- -ms-transform: translate(250px, 0);
1418
- overflow: hidden;
1419
- position: fixed;
1420
- }
1421
- body.sidebar-open .push-on-sidebar-open {
1422
- -webkit-transform: translate3d(250px, 0, 0);
1423
- transform: translate3d(250px, 0, 0);
1424
- -ms-transform: translate(250px, 0);
1425
- overflow: hidden;
1426
- }
1427
- body.box-layout > .container {
1428
- padding: 0;
1429
- height: 100%;
1430
- }
1431
- body.box-layout .header > .container {
1432
- padding: 0;
1433
- }
1434
- body.box-layout .header > .container .pull-right .sm-action-bar {
1435
- right: 0;
1436
- }
1437
- body.horizontal-app-menu .header > .container {
1438
- padding: 0;
1439
- }
1440
- body.horizontal-app-menu .secondary-sidebar {
1441
- margin-left: 0;
1442
- }
1443
- .sm-action-bar {
1444
- position: absolute;
1445
- top: 50%;
1446
- transform: translateY(-50%);
1447
- z-index: 10;
1448
- }
1449
- .sm-action-bar > a {
1450
- padding: 10px;
1451
- display: inline-block;
1452
- }
1453
- .pace .pace-activity {
1454
- top: 60px;
1455
- }
1456
- .page-sidebar {
1457
- width: 250px;
1458
- z-index: auto;
1459
- left: 0 !important;
1460
- -webkit-transform: translate3d(0, 0px, 0px) !important;
1461
- transform: translate3d(0, 0px, 0px) !important;
1462
- }
1463
- .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
1464
- padding: 0px 30px 0 36px;
1465
- }
1466
- .page-container {
1467
- padding-left: 0;
1468
- position: relative;
1469
- transition: transform 0.25s ease;
1470
- -webkit-transition: -webkit-transform 0.25s ease;
1471
- }
1472
- .page-container .page-content-wrapper .content {
1473
- overflow-x: hidden;
1474
- height: auto;
1475
- padding-top: 48px !important;
1476
- }
1477
- .icon-thumbnail {
1478
- margin-right: 24px;
1479
- }
1480
- .page-sidebar {
1481
- display: none;
1482
- z-index: auto;
1483
- }
1484
- .page-sidebar.visible {
1485
- display: block;
1486
- }
1487
- .page-sidebar .page-sidebar-inner {
1488
- z-index: 1;
1489
- left: 0 !important;
1490
- width: 260px;
1491
- }
1492
- .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu {
1493
- overflow: scroll;
1494
- -webkit-overflow-scrolling: touch;
1495
- top: 40px;
1496
- bottom: 0;
1497
- }
1498
- .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul > li > a > .badge {
1499
- display: inline-block;
1500
- }
1501
- .secondary-sidebar .btn-compose {
1502
- display: none;
1503
- }
1504
- .inner-content,
1505
- .horizontal-app-menu .inner-content {
1506
- margin: 0;
1507
- }
1508
- .breadcrumb {
1509
- padding-left: 15px;
1510
- padding-right: 15px;
1511
- }
1512
- .copyright {
1513
- padding-left: 15px;
1514
- padding-right: 15px;
1515
- }
1516
- body > .pgn-wrapper[data-position=top] {
1517
- top: 48px;
1518
- left: 0;
1519
- }
1520
- body > .pgn-wrapper[data-position=bottom] {
1521
- left: 0;
1522
- }
1523
- body > .pgn-wrapper[data-position$=-left] {
1524
- left: 20px;
1525
- right: auto;
1526
- }
1527
- .sm-table {
1528
- display: table;
1529
- width: 100%;
1530
- }
1531
- .user-profile-wrapper {
1532
- position: absolute;
1533
- right: 50px;
1534
- top: -9px;
1535
- }
1536
- .container {
1537
- width: 100%;
1538
- }
1539
- .table-responsive-block table,
1540
- .table-responsive-block thead,
1541
- .table-responsive-block tbody,
1542
- .table-responsive-block th,
1543
- .table-responsive-block td,
1544
- .table-responsive-block tr {
1545
- display: block;
1546
- }
1547
- .table-responsive-block thead tr {
1548
- position: absolute;
1549
- top: -9999px;
1550
- left: -9999px;
1551
- }
1552
- .table-responsive-block tr {
1553
- border: 1px solid rgba(230, 230, 230, 0.7);
1554
- border-right: 0;
1555
- border-left: 0;
1556
- margin-bottom: 15px;
1557
- }
1558
- .table-responsive-block td {
1559
- /* Behave like a "row" */
1560
- border: none;
1561
- border-bottom: 1px solid #eee;
1562
- position: relative;
1563
- padding-left: 50%;
1564
- white-space: normal;
1565
- text-align: left;
1566
- }
1567
- .table-responsive-block td:last-child {
1568
- border-bottom: 0;
1569
- }
1570
- .table-responsive-block td:before {
1571
- /* Now like a table header */
1572
- position: absolute;
1573
- /* Top/left values mimic padding */
1574
- top: 6px;
1575
- left: 6px;
1576
- width: 45%;
1577
- padding-right: 10px;
1578
- white-space: nowrap;
1579
- text-align: left;
1580
- font-weight: bold;
1581
- }
1582
- .table-responsive-block td:before {
1583
- content: attr(data-title);
1584
- }
1585
- .kill-pull-md-down {
1586
- position: relative;
1587
- display: block;
1588
- width: inherit;
1589
- }
1590
- .kill-pull-md-down .toggle-secondary-sidebar {
1591
- display: inline-block;
1592
- font-size: 18px;
1593
- }
1594
- .nav-tabs-header.nav-tabs-linetriangle {
1595
- height: 61px;
1596
- }
1597
- .overlay {
1598
- padding-left: 15px;
1599
- }
1600
- }
1601
- /* Landscape view of all tablet devices */
1602
- @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
1603
- .page-sidebar .sidebar-menu .menu-items ul {
1604
- -webkit-transform: translateZ(0);
1605
- -webkit-backface-visibility: hidden;
1606
- -webkit-perspective: 1000;
1607
- }
1608
- .page-container .page-content-wrapper .content {
1609
- padding-top: 60px;
1610
- }
1611
- body.box-layout > .container {
1612
- width: 100%;
1613
- }
1614
- .inner-content {
1615
- margin-left: 0;
1616
- }
1617
- .secondary-sidebar {
1618
- float: none;
1619
- height: auto;
1620
- left: 50%;
1621
- margin-left: -155px;
1622
- padding: 20px;
1623
- padding-left: 0;
1624
- position: absolute;
1625
- right: 0;
1626
- top: 60px;
1627
- z-index: 9999;
1628
- display: none;
1629
- border-radius: 10px;
1630
- box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
1631
- }
1632
- .secondary-sidebar .btn-compose {
1633
- display: none;
1634
- }
1635
- .mark-email {
1636
- margin-left: 25px;
1637
- }
1638
- .horizontal-app-menu .secondary-sidebar {
1639
- display: inline-block;
1640
- position: relative;
1641
- top: inherit;
1642
- left: inherit;
1643
- right: inherit;
1644
- padding: 20px 0;
1645
- border-radius: 0;
1646
- float: left;
1647
- height: 100%;
1648
- }
1649
- .split-details {
1650
- margin-left: 0;
1651
- }
1652
- .toggle-secondary-sidebar {
1653
- font-size: 18px;
1654
- display: block;
1655
- font-size: 18px;
1656
- left: 50%;
1657
- margin-left: -36px;
1658
- position: absolute;
1659
- }
1660
- .toggle-secondary-sidebar ~ .brand {
1661
- display: none !important;
1662
- }
1663
- }
1664
- @media (max-width: 991px) {
1665
- .sm-b-r,
1666
- .sm-b-l,
1667
- .sm-b-t,
1668
- .sm-b-b {
1669
- border-width: 0;
1670
- }
1671
- .sm-b-r {
1672
- border-right-width: 1px;
1673
- }
1674
- .sm-b-l {
1675
- border-left-width: 1px;
1676
- }
1677
- .sm-b-t {
1678
- border-top-width: 1px;
1679
- }
1680
- .sm-b-b {
1681
- border-bottom-width: 1px;
1682
- }
1683
- .sidebar-menu .icon-thumbnail {
1684
- margin-right: 15px;
1685
- }
1686
- }
1687
- @media (min-width: 1200px) {
1688
- .row-same-height {
1689
- overflow: hidden;
1690
- }
1691
- .row-same-height > [class*=col-lg] {
1692
- margin-bottom: -99999px;
1693
- padding-bottom: 99999px;
1694
- }
1695
- }
1696
- @media (max-width: 1199px) and (min-width: 992px) {
1697
- .visible-md {
1698
- display: block !important;
1699
- }
1700
- }
1701
- @media (min-width: 992px) {
1702
- .row-same-height {
1703
- overflow: hidden;
1704
- }
1705
- .row-same-height > [class*=col-md] {
1706
- margin-bottom: -99999px;
1707
- padding-bottom: 99999px;
1708
- }
1709
- }
1710
- @media (min-width: 768px) {
1711
- .row-same-height {
1712
- overflow: hidden;
1713
- }
1714
- .row-same-height > [class*=col-sm] {
1715
- margin-bottom: -99999px;
1716
- padding-bottom: 99999px;
1717
- }
1718
- .box-layout .container .jumbotron,
1719
- .container-fluid .jumbotron {
1720
- padding: 0;
1721
- }
1722
- .d-flex-md-up {
1723
- display: flex;
1724
- }
1725
- .navbar-toggle {
1726
- display: none;
1727
- }
1728
- .navbar-collapse.collapse {
1729
- display: block !important;
1730
- height: auto !important;
1731
- padding-bottom: 0;
1732
- overflow: visible !important;
1733
- }
1734
- .dataTables_wrapper.form-inline .checkbox input[type=checkbox],
1735
- .form-inline .radio input[type=radio] {
1736
- position: absolute;
1737
- }
1738
- .justify-end-md-up {
1739
- -webkit-box-pack: end;
1740
- -webkit-justify-content: flex-end;
1741
- -ms-flex-pack: end;
1742
- justify-content: flex-end;
1743
- }
1744
- }
1745
- @media (min-width: 700px) {
1746
- .dd {
1747
- float: none;
1748
- }
1749
- }
1750
- /* Portrait view of all tablet devices */
1751
- @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
1752
- .page-sidebar .sidebar-menu .menu-items > li > a {
1753
- padding-left: 27px;
1754
- }
1755
- .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
1756
- padding: 0px 27px 0 31px;
1757
- }
1758
- .icon-thumbnail {
1759
- margin-right: 21px;
1760
- }
1761
- }
1762
- @media (max-width: 991px) and (min-width: 768px) {
1763
- .visible-sm {
1764
- display: block;
1765
- }
1766
- .hidden-sm {
1767
- display: none;
1768
- }
1769
- .visible-sm-inline-block {
1770
- display: inline-block !important;
1771
- }
1772
- .md-p-t-0 {
1773
- margin-top: 0px !important;
1774
- }
1775
- .md-p-r-0 {
1776
- margin-right: 0px !important;
1777
- }
1778
- .md-p-l-0 {
1779
- margin-left: 0px !important;
1780
- }
1781
- .md-p-b-0 {
1782
- margin-bottom: 0px !important;
1783
- }
1784
- .md-p-t-5 {
1785
- margin-top: 5px !important;
1786
- }
1787
- .md-p-r-5 {
1788
- margin-right: 5px !important;
1789
- }
1790
- .md-p-l-5 {
1791
- margin-left: 5px !important;
1792
- }
1793
- .md-p-b-5 {
1794
- margin-bottom: 5px !important;
1795
- }
1796
- .md-p-t-10 {
1797
- margin-top: 10px !important;
1798
- }
1799
- .md-p-r-10 {
1800
- margin-right: 10px !important;
1801
- }
1802
- .md-p-l-10 {
1803
- margin-left: 10px !important;
1804
- }
1805
- .md-p-b-10 {
1806
- margin-bottom: 10px !important;
1807
- }
1808
- .md-p-t-15 {
1809
- margin-top: 15px !important;
1810
- }
1811
- .md-p-r-15 {
1812
- margin-right: 15px !important;
1813
- }
1814
- .md-p-l-15 {
1815
- margin-left: 15px !important;
1816
- }
1817
- .md-p-b-15 {
1818
- margin-bottom: 15px !important;
1819
- }
1820
- .md-p-t-0 {
1821
- margin-top: 0px !important;
1822
- }
1823
- .md-p-r-0 {
1824
- margin-right: 0px !important;
1825
- }
1826
- .md-p-l-0 {
1827
- margin-left: 0px !important;
1828
- }
1829
- .md-p-b-0 {
1830
- margin-bottom: 0px !important;
1831
- }
1832
- .md-p-t-5 {
1833
- margin-top: 5px !important;
1834
- }
1835
- .md-p-r-5 {
1836
- margin-right: 5px !important;
1837
- }
1838
- .md-p-l-5 {
1839
- margin-left: 5px !important;
1840
- }
1841
- .md-p-b-5 {
1842
- margin-bottom: 5px !important;
1843
- }
1844
- .md-p-t-10 {
1845
- margin-top: 10px !important;
1846
- }
1847
- .md-p-r-10 {
1848
- margin-right: 10px !important;
1849
- }
1850
- .md-p-l-10 {
1851
- margin-left: 10px !important;
1852
- }
1853
- .md-p-b-10 {
1854
- margin-bottom: 10px !important;
1855
- }
1856
- .md-p-t-15 {
1857
- margin-top: 15px !important;
1858
- }
1859
- .md-p-r-15 {
1860
- margin-right: 15px !important;
1861
- }
1862
- .md-p-l-15 {
1863
- margin-left: 15px !important;
1864
- }
1865
- .md-p-b-15 {
1866
- margin-bottom: 15px !important;
1867
- }
1868
- }
1869
- @media (max-width: 979px) {
1870
- .toggle-secondary-sidebar {
1871
- font-size: 18px;
1872
- position: static;
1873
- display: block;
1874
- }
1875
- .toggle-secondary-sidebar ~ .brand {
1876
- display: none !important;
1877
- }
1878
- .secondary-sidebar .btn-compose {
1879
- display: none;
1880
- }
1881
- .split-view .split-list {
1882
- width: 100%;
1883
- height: auto;
1884
- bottom: 50px;
1885
- left: 0;
1886
- top: 0;
1887
- position: absolute;
1888
- z-index: 700;
1889
- float: none;
1890
- }
1891
- .split-view .split-list .item {
1892
- padding: 8px;
1893
- }
1894
- .split-view .split-list .item .inline {
1895
- width: 188px;
1896
- }
1897
- .split-view .split-details {
1898
- margin-left: 0;
1899
- width: 100%;
1900
- }
1901
- .split-view .split-details .email-content-wrapper {
1902
- overflow: auto;
1903
- padding: 0;
1904
- height: calc(100% - 50px);
1905
- }
1906
- .split-view .split-details .email-content-wrapper .email-content {
1907
- width: 90%;
1908
- }
1909
- .compose-wrapper {
1910
- display: block !important;
1911
- }
1912
- .compose-wrapper .btn-compose {
1913
- display: block !important;
1914
- }
1915
- }
1916
- @media (max-width: 767px) {
1917
- .container-fluid {
1918
- padding-left: 1rem;
1919
- padding-right: 1rem;
1920
- }
1921
- .page-container .page-content-wrapper .content {
1922
- padding-top: 48px;
1923
- padding-bottom: 100px;
1924
- }
1925
- .page-sidebar .sidebar-header {
1926
- padding: 0 12px;
1927
- }
1928
- .page-sidebar .sidebar-menu .menu-items > li > a {
1929
- padding-left: 20px;
1930
- }
1931
- .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
1932
- padding: 0px 25px 0 28px;
1933
- }
1934
- .icon-thumbnail {
1935
- margin-right: 20px;
1936
- }
1937
- .split-details {
1938
- margin-left: 0;
1939
- }
1940
- .email-composer {
1941
- padding-left: 30px;
1942
- padding-right: 30px;
1943
- }
1944
- .sm-pull-bottom,
1945
- .sm-pull-up {
1946
- position: relative !important;
1947
- }
1948
- .sm-p-t-0 {
1949
- margin-top: 0px !important;
1950
- }
1951
- .sm-p-r-0 {
1952
- margin-right: 0px !important;
1953
- }
1954
- .sm-p-l-0 {
1955
- margin-left: 0px !important;
1956
- }
1957
- .sm-p-b-0 {
1958
- margin-bottom: 0px !important;
1959
- }
1960
- .sm-p-t-5 {
1961
- margin-top: 5px !important;
1962
- }
1963
- .sm-p-r-5 {
1964
- margin-right: 5px !important;
1965
- }
1966
- .sm-p-l-5 {
1967
- margin-left: 5px !important;
1968
- }
1969
- .sm-p-b-5 {
1970
- margin-bottom: 5px !important;
1971
- }
1972
- .sm-p-t-10 {
1973
- margin-top: 10px !important;
1974
- }
1975
- .sm-p-r-10 {
1976
- margin-right: 10px !important;
1977
- }
1978
- .sm-p-l-10 {
1979
- margin-left: 10px !important;
1980
- }
1981
- .sm-p-b-10 {
1982
- margin-bottom: 10px !important;
1983
- }
1984
- .sm-p-t-15 {
1985
- margin-top: 15px !important;
1986
- }
1987
- .sm-p-r-15 {
1988
- margin-right: 15px !important;
1989
- }
1990
- .sm-p-l-15 {
1991
- margin-left: 15px !important;
1992
- }
1993
- .sm-p-b-15 {
1994
- margin-bottom: 15px !important;
1995
- }
1996
- .sm-p-t-20 {
1997
- margin-top: 20px !important;
1998
- }
1999
- .sm-p-r-20 {
2000
- margin-right: 20px !important;
2001
- }
2002
- .sm-p-l-20 {
2003
- margin-left: 20px !important;
2004
- }
2005
- .sm-p-b-20 {
2006
- margin-bottom: 20px !important;
2007
- }
2008
- .sm-p-t-25 {
2009
- margin-top: 25px !important;
2010
- }
2011
- .sm-p-r-25 {
2012
- margin-right: 25px !important;
2013
- }
2014
- .sm-p-l-25 {
2015
- margin-left: 25px !important;
2016
- }
2017
- .sm-p-b-25 {
2018
- margin-bottom: 25px !important;
2019
- }
2020
- .sm-p-t-30 {
2021
- margin-top: 30px !important;
2022
- }
2023
- .sm-p-r-30 {
2024
- margin-right: 30px !important;
2025
- }
2026
- .sm-p-l-30 {
2027
- margin-left: 30px !important;
2028
- }
2029
- .sm-p-b-30 {
2030
- margin-bottom: 30px !important;
2031
- }
2032
- .sm-p-t-35 {
2033
- margin-top: 35px !important;
2034
- }
2035
- .sm-p-r-35 {
2036
- margin-right: 35px !important;
2037
- }
2038
- .sm-p-l-35 {
2039
- margin-left: 35px !important;
2040
- }
2041
- .sm-p-b-35 {
2042
- margin-bottom: 35px !important;
2043
- }
2044
- .sm-p-t-40 {
2045
- margin-top: 40px !important;
2046
- }
2047
- .sm-p-r-40 {
2048
- margin-right: 40px !important;
2049
- }
2050
- .sm-p-l-40 {
2051
- margin-left: 40px !important;
2052
- }
2053
- .sm-p-b-40 {
2054
- margin-bottom: 40px !important;
2055
- }
2056
- .sm-p-t-45 {
2057
- margin-top: 45px !important;
2058
- }
2059
- .sm-p-r-45 {
2060
- margin-right: 45px !important;
2061
- }
2062
- .sm-p-l-45 {
2063
- margin-left: 45px !important;
2064
- }
2065
- .sm-p-b-45 {
2066
- margin-bottom: 45px !important;
2067
- }
2068
- .sm-p-t-50 {
2069
- margin-top: 50px !important;
2070
- }
2071
- .sm-p-r-50 {
2072
- margin-right: 50px !important;
2073
- }
2074
- .sm-p-l-50 {
2075
- margin-left: 50px !important;
2076
- }
2077
- .sm-p-b-50 {
2078
- margin-bottom: 50px !important;
2079
- }
2080
- .sm-p-t-0 {
2081
- margin-top: 0px !important;
2082
- }
2083
- .sm-p-r-0 {
2084
- margin-right: 0px !important;
2085
- }
2086
- .sm-p-l-0 {
2087
- margin-left: 0px !important;
2088
- }
2089
- .sm-p-b-0 {
2090
- margin-bottom: 0px !important;
2091
- }
2092
- .sm-p-t-5 {
2093
- margin-top: 5px !important;
2094
- }
2095
- .sm-p-r-5 {
2096
- margin-right: 5px !important;
2097
- }
2098
- .sm-p-l-5 {
2099
- margin-left: 5px !important;
2100
- }
2101
- .sm-p-b-5 {
2102
- margin-bottom: 5px !important;
2103
- }
2104
- .sm-p-t-10 {
2105
- margin-top: 10px !important;
2106
- }
2107
- .sm-p-r-10 {
2108
- margin-right: 10px !important;
2109
- }
2110
- .sm-p-l-10 {
2111
- margin-left: 10px !important;
2112
- }
2113
- .sm-p-b-10 {
2114
- margin-bottom: 10px !important;
2115
- }
2116
- .sm-p-t-15 {
2117
- margin-top: 15px !important;
2118
- }
2119
- .sm-p-r-15 {
2120
- margin-right: 15px !important;
2121
- }
2122
- .sm-p-l-15 {
2123
- margin-left: 15px !important;
2124
- }
2125
- .sm-p-b-15 {
2126
- margin-bottom: 15px !important;
2127
- }
2128
- .sm-p-t-20 {
2129
- margin-top: 20px !important;
2130
- }
2131
- .sm-p-r-20 {
2132
- margin-right: 20px !important;
2133
- }
2134
- .sm-p-l-20 {
2135
- margin-left: 20px !important;
2136
- }
2137
- .sm-p-b-20 {
2138
- margin-bottom: 20px !important;
2139
- }
2140
- .sm-p-t-25 {
2141
- margin-top: 25px !important;
2142
- }
2143
- .sm-p-r-25 {
2144
- margin-right: 25px !important;
2145
- }
2146
- .sm-p-l-25 {
2147
- margin-left: 25px !important;
2148
- }
2149
- .sm-p-b-25 {
2150
- margin-bottom: 25px !important;
2151
- }
2152
- .sm-p-t-30 {
2153
- margin-top: 30px !important;
2154
- }
2155
- .sm-p-r-30 {
2156
- margin-right: 30px !important;
2157
- }
2158
- .sm-p-l-30 {
2159
- margin-left: 30px !important;
2160
- }
2161
- .sm-p-b-30 {
2162
- margin-bottom: 30px !important;
2163
- }
2164
- .sm-p-t-35 {
2165
- margin-top: 35px !important;
2166
- }
2167
- .sm-p-r-35 {
2168
- margin-right: 35px !important;
2169
- }
2170
- .sm-p-l-35 {
2171
- margin-left: 35px !important;
2172
- }
2173
- .sm-p-b-35 {
2174
- margin-bottom: 35px !important;
2175
- }
2176
- .sm-p-t-40 {
2177
- margin-top: 40px !important;
2178
- }
2179
- .sm-p-r-40 {
2180
- margin-right: 40px !important;
2181
- }
2182
- .sm-p-l-40 {
2183
- margin-left: 40px !important;
2184
- }
2185
- .sm-p-b-40 {
2186
- margin-bottom: 40px !important;
2187
- }
2188
- .sm-p-t-45 {
2189
- margin-top: 45px !important;
2190
- }
2191
- .sm-p-r-45 {
2192
- margin-right: 45px !important;
2193
- }
2194
- .sm-p-l-45 {
2195
- margin-left: 45px !important;
2196
- }
2197
- .sm-p-b-45 {
2198
- margin-bottom: 45px !important;
2199
- }
2200
- .sm-p-t-50 {
2201
- margin-top: 50px !important;
2202
- }
2203
- .sm-p-r-50 {
2204
- margin-right: 50px !important;
2205
- }
2206
- .sm-p-l-50 {
2207
- margin-left: 50px !important;
2208
- }
2209
- .sm-p-b-50 {
2210
- margin-bottom: 50px !important;
2211
- }
2212
- .sm-no-margin {
2213
- margin: 0px;
2214
- }
2215
- .sm-no-padding {
2216
- padding: 0px;
2217
- }
2218
- .sm-text-right {
2219
- text-align: right !important;
2220
- }
2221
- .sm-text-left {
2222
- text-align: left !important;
2223
- }
2224
- .sm-text-center {
2225
- text-align: center !important;
2226
- }
2227
- .sm-pull-right {
2228
- float: right !important;
2229
- }
2230
- .sm-pull-left {
2231
- float: left !important;
2232
- }
2233
- .sm-pull-reset {
2234
- float: none !important;
2235
- }
2236
- .sm-block {
2237
- display: block;
2238
- }
2239
- .sm-image-responsive-height {
2240
- width: 100%;
2241
- height: auto;
2242
- }
2243
- .email-composer {
2244
- padding-left: 30px;
2245
- padding-right: 30px;
2246
- }
2247
- .sm-padding-10 {
2248
- padding: 10px !important;
2249
- }
2250
- .lock-box {
2251
- align-items: flex-start;
2252
- height: auto;
2253
- }
2254
- .login-box {
2255
- padding-right: 15px;
2256
- padding-left: 15px;
2257
- }
2258
- .visible-xs-inline-block {
2259
- display: inline-block !important;
2260
- }
2261
- .sm-padding-10 {
2262
- padding: 10px !important;
2263
- }
2264
- .lock-box {
2265
- align-items: flex-start;
2266
- height: auto;
2267
- }
2268
- .login-box {
2269
- padding-right: 15px;
2270
- padding-left: 15px;
2271
- }
2272
- .visible-xs-inline-block {
2273
- display: inline-block !important;
2274
- }
2275
- .nav-tabs-linetriangle.nav-cust {
2276
- flex-direction: column;
2277
- }
2278
- .nav-tabs-linetriangle li a.active:after,
2279
- .nav-tabs-linetriangle li a.active:before {
2280
- display: none;
2281
- }
2282
- .sm-vh-25 {
2283
- height: 25vh;
2284
- }
2285
- .sm-vh-50 {
2286
- height: 50vh;
2287
- }
2288
- .sm-vh-75 {
2289
- height: 75vh;
2290
- }
2291
- .sm-vh-100 {
2292
- height: 100vh;
2293
- }
2294
- .horizontal-app-menu .page-container .page-content-wrapper .content > .container {
2295
- padding-left: 0;
2296
- padding-right: 0;
2297
- }
2298
- .summernote-wrapper .btn-group {
2299
- -ms-flex-flow: wrap;
2300
- flex-flow: wrap;
2301
- }
2302
- }
2303
- /*** Phones ***/
2304
- @media (max-width: 480px) {
2305
- body {
2306
- width: 100%;
2307
- }
2308
- body #overlay-search {
2309
- font-size: 48px;
2310
- height: 118px;
2311
- line-height: 46px;
2312
- }
2313
- .page-sidebar .sidebar-header {
2314
- height: 48px;
2315
- line-height: 48px;
2316
- }
2317
- .panel .panel-heading {
2318
- padding-left: 15px;
2319
- }
2320
- .panel .panel-body {
2321
- padding: 15px;
2322
- padding-top: 0;
2323
- }
2324
- .map-controls {
2325
- left: 10px;
2326
- }
2327
- .register-container {
2328
- height: auto !important;
2329
- }
2330
- }
2331
- /*** Retina Display Images **/
2332
- @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200/100), only screen and (min-device-pixel-ratio: 2) {
2333
- .editor-icon {
2334
- background-image: url("../../img/editor_tray_2x.png");
2335
- background-size: 480px 40px;
2336
- }
2337
- .alert .close {
2338
- background: url("../../img/icons/noti-cross-2x.png") no-repeat scroll 0 0 transparent;
2339
- background-position: -9px -10px;
2340
- width: 10px;
2341
- height: 9px;
2342
- position: relative;
2343
- opacity: 0.8;
2344
- background-size: 114px 29px;
2345
- }
2346
- }
2347
- .hidden {
2348
- display: none !important;
2349
- }
2350
- .visible-sm,
2351
- .visible-xs {
2352
- display: none;
2353
- }
2354
- @media (max-width: 767px) {
2355
- .visible-xs {
2356
- display: block;
2357
- }
2358
- .hidden-xs {
2359
- display: none;
2360
- }
2361
- }
2362
- @media (min-width: 768px) {
2363
- ul[data-init-reponsive-tabs=dropdownfx] li span.hide-text {
2364
- display: none !important;
2365
- }
2366
- }
3
+ */:root{--wj-color: #212529;--wj-font-family: Inter UI, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--wj-font-family-secondary: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--wj-font-size: 14px;--wj-line-height: 21px;--wj-color-contrast: #212529;--wj-border-radius: 8px;--wj-border-color: rgba(0, 0, 0, .08) !important;--wj-border-size: 0px;--wj-border-style: solid}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:#4b4b4b;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;margin:0;padding:0!important}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-weight:500;color:inherit;display:inline-block}h1{font-size:34px;line-height:44px;letter-spacing:-.0141279em}h2{font-size:26px;line-height:34px;letter-spacing:-.021em}h3{font-size:22px;line-height:28px;letter-spacing:-.0114923em}h4{font-size:20px;line-height:26px;letter-spacing:-.00865734em}h5{font-size:18px;line-height:24px;letter-spacing:-.00630069em}h3 small,h4 small,h5 small{font-weight:300}h1.block,h2.block,h3.block,h4.block,h5.block,h6.block{padding-bottom:10px}a{text-shadow:none!important;color:#4e37b6;transition:color .1s linear 0s,background-color .1s linear 0s,opacity .2s linear 0s!important;font-weight:500}a:focus,a:hover,a:active{color:#7252d3}a,a:focus,a:hover,a:active{outline:0!important;text-decoration:none}a[ng-click]{cursor:pointer}a.no-style{color:inherit;font-weight:400}br{line-height:normal;clear:both}p{display:block;color:inherit;font-size:14px;font-weight:400;letter-spacing:.00177646em;line-height:21px;margin:0 0 10px;font-style:normal;white-space:normal}small,.small{line-height:18px;font-size:85.714%}label.inline{display:inline-block;position:relative;top:0;font-size:13px}ul,ol{margin-bottom:10px}ul>li,ol>li{padding-left:3px;line-height:24px}ul.lg-icon>li,ol.lg-icon>li{font-size:21px}ul.lg-icon>li span,ol.lg-icon>li span{font-size:14px}ul.no-style,ol.no-style{list-style:none;padding-left:5px}address{margin-bottom:0}address a{color:#4b4b4b}blockquote{padding:4px 0 0 18px;border-left:0}blockquote:before{content:"";font-family:pages-icon;font-size:20px;margin-right:6px;float:left;position:relative;top:-12px}blockquote p{font-size:16px;margin-bottom:4px}blockquote small{line-height:29px;color:#4b4b4b}blockquote small:before{content:"—";margin-right:6px}blockquote.pull-right{border-right:0}blockquote.pull-right:before{float:right;font-family:pages-icon;content:"";margin-left:6px;margin-right:0}blockquote.pull-right small{padding-right:30px}blockquote.pull-right small:after{content:""}hr{border-color:#e0e0e0}hr.double{border-width:2px}hr.dotted{border-style:dotted none none}.ff-sup{font-feature-settings:"kern" 1,"sups" 1;-webkit-font-feature-settings:"kern" 1,"sups" 1;-ms-font-feature-settings:"kern" 1,"sups" 1;-moz-font-feature-settings:"kern" 1,"sups" 1}.ff-sub{font-feature-settings:"kern" 1,"subs" 1;-webkit-font-feature-settings:"kern" 1,"subs" 1;-ms-font-feature-settings:"kern" 1,"subs" 1;-moz-font-feature-settings:"kern" 1,"subs" 1}code{color:#757575;background-color:#2121210d;font-size:97%;position:relative;line-height:inherit;border-radius:3px;padding:5px 7px;margin:0}code:hover{color:#0072ec}code.code-sm{padding:3px 6px}figcaption{font-size:13px;margin-top:10px;font-weight:400;display:block;letter-spacing:.008em;text-align:center;color:#757575;line-height:1.46}em{font-style:italic!important;font-family:inherit;font-weight:inherit}ins{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;border-bottom:1px solid #d0d0d0;text-decoration:none;color:#4b4b4b;font-weight:400;font-size:94%}cite{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:300;color:#757575;text-decoration:none;font-style:normal;hanging-punctuation:first}sup{top:-.28em;font-size:70%}sub{bottom:.03em}var{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-feature-settings:"calt" 1,"tnum" 1,"frac" 1,"case" 1,"ss01" 1,"cv11" 1}q{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;font-size:20px;hanging-punctuation:first}q:before{content:"“";color:#00000070;font-size:35px}q:after{content:"”";font-size:35px;color:#00000070}audio{margin-top:42px}hr{clear:both;margin-bottom:42px;margin-top:42px;border:0;border-bottom:1px solid rgba(0,0,0,.13)}address{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-style:normal;margin:24px 0 1.75em;font-size:14px;line-height:24px}abbr{letter-spacing:.01em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;text-decoration:none;color:#4b4b4b;border-bottom-color:#ffba5a;-webkit-text-stroke:.18px}acronym{text-transform:uppercase;letter-spacing:.06em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;text-decoration:none;color:#4b4b4b;border-bottom-color:#ffba5a;-webkit-text-stroke:.2px}pre{-moz-tab-size:4;tab-size:4;font-size:85.714%;overflow-x:auto;font-family:monospace,monospace;line-height:1.7;background-color:#f4f4f4;color:#4b4b4b;margin:20px 0;counter-reset:line;padding:17px 20px;border-radius:3px}dt{font-weight:700;margin-bottom:5px}dd{margin:0 0 1.75em}kbd{font-size:85.714%;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;line-height:34px;top:-3px;letter-spacing:.01em;padding:5px 7px;margin:0;color:#00000087;background-color:#fff;border-radius:3px;box-shadow:0 2px 0 1px #c7c7c7,0 1px 0 1px #00000026,0 0 0 1px #ececec}.overline{text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-size:11px}.small-text{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.small-text a{text-decoration:underline}.normal-text{font-size:13px!important}.large-text{font-size:15px!important}.normal{font-weight:400!important}.semi-bold{font-weight:500!important}.bold{font-weight:600!important}.light{font-weight:300!important}.logo{margin:18px 14px}.all-caps{text-transform:uppercase;letter-spacing:.07em!important}.text-uppercase{text-transform:uppercase!important;letter-spacing:.07em!important}.muted{color:#757575}.hint-text{opacity:.76!important}.no-decoration{text-decoration:none!important}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-contrast-higher{background-color:#212121!important;color:#fff}.bg-contrast-high{background-color:#4b4b4b!important;color:#fff}.bg-contrast-medium{background-color:#757575!important;color:#fff}.bg-contrast-low{background-color:#e0e0e0!important;color:#4b4b4b}.bg-contrast-lower{background-color:#f4f4f4!important;color:#4b4b4b}.bg-contrast-lowest{background-color:#fff!important;color:#4b4b4b}.bg-primary{background-color:#7252d3!important;color:#fff}.bg-primary-dark{background-color:#4e37b6!important;color:#fff}.bg-primary-darker{background-color:#2d218f!important;color:#fff}.bg-primary-light{background-color:#845ae0!important;color:#fff}.bg-primary-lighter{background-color:#eae0fb!important;color:#4b4b4b}.bg-complete{background-color:#0072ec!important;color:#fff}.bg-complete-dark{background-color:#004fbf!important;color:#fff}.bg-complete-darker{background-color:#00318e!important;color:#fff}.bg-complete-light{background-color:#0f8ff9!important;color:#fff}.bg-complete-lighter{background-color:#d3eeff!important;color:#4b4b4b}.bg-success{background-color:#19ad79!important;color:#fff}.bg-success-dark{background-color:#0d935b!important;color:#fff}.bg-success-darker{background-color:#04733e!important;color:#fff}.bg-success-light{background-color:#26bf93!important;color:#4b4b4b}.bg-success-lighter{background-color:#d6f7f0!important;color:#4b4b4b}.bg-info{background-color:#3b4752!important;color:#fff}.bg-info-dark{background-color:#2b3947;color:#fff}.bg-info-darker{background-color:#1b2839;color:#fff}.bg-info-light{background-color:#475b6b;color:#fff}.bg-info-lighter{background-color:#dbe6e8;color:#4b4b4b}.bg-danger{background-color:#d83c31!important;color:#fff}.bg-danger-dark{background-color:#b91e1e;color:#fff}.bg-danger-darker{background-color:#900f17;color:#fff}.bg-danger-light{background-color:#e6533c;color:#4b4b4b}.bg-danger-lighter{background-color:#fde2da;color:#4b4b4b}.bg-warning{background-color:#ffd945!important;color:#4b4b4b}.bg-warning-dark{background-color:#daab2d;color:#4b4b4b}.bg-warning-darker{background-color:#aa7918;color:#4b4b4b}.bg-warning-light{background-color:#ffe858;color:#4b4b4b}.bg-warning-lighter{background-color:#fffde1;color:#4b4b4b}.bg-menu-dark{background-color:#21252d;color:#fff}.bg-menu{background-color:#2b303b;color:#fff}.bg-menu-light{background-color:#929aac;color:#4b4b4b}.gradient-grey,.gradient-black{background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%)}.bg-black{background-color:#000!important;color:#fff}.bg-white{background-color:#fff!important;color:#4b4b4b}.bg-transparent{background-color:transparent!important}.link{opacity:.7}.link:hover{opacity:1}.text-dark{color:#212121!important}.text-color{color:#4b4b4b!important}.text-primary{color:#45289c!important}.text-primary-lighter{color:#eae0fb!important}.text-complete{color:#0054af!important}.text-complete-lighter{color:#d3eeff!important}.text-success{color:#148e63!important}.text-success-lighter{color:#d6f7f0!important}.text-info{color:#3b4752!important}.text-info-lighter{color:#dbe6e8!important}.text-warning{color:#927400!important}.text-warning-lighter{color:#fffde1!important}.text-danger{color:#b82d23!important}.text-danger-lighter{color:#fde2da!important}.text-black{color:#000!important}.text-white{color:#fff!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.label{padding:0 5px;font-size:11px;line-height:21px;text-shadow:none;background-color:#e0e0e0;font-weight:600;color:#4b4b4b;border-radius:3px;text-transform:uppercase;display:inline-block}.label-primary{background-color:#7252d3;color:#fff}.label-primary-lighter{background-color:#eae0fb;color:#4e37b6}.label-success{background-color:#19ad79;color:#fff}.label-success-lighter{background-color:#d6f7f0;color:#0d935b}.label-warning{background-color:#ffd945;color:#4b4b4b}.label-warning-lighter{background-color:#fffde1;color:#daab2d}.label-important,.label-danger{background-color:#d83c31;color:#fff}.label-danger-lighter{background-color:#fde2da;color:#b91e1e}.label-info{background-color:#0072ec;color:#fff}.label-info-lighter{background-color:#dbe6e8;color:#2b3947}.label-inverse{background-color:#004fbf;color:#fff}.label-complete-lighter{background-color:#d3eeff;color:#004fbf}.label-white{background-color:#fff;color:#4b4b4b}.stroke-primary{stroke:#7252d3!important}.stroke-complete{stroke:#0072ec!important}.stroke-success{stroke:#19ad79!important}.stroke-info{stroke:#3b4752!important}.stroke-warning{stroke:#ffd945!important}.stroke-danger{stroke:#d83c31!important}.fs-10{font-size:10px!important;letter-spacing:.0180093em;line-height:15px}.fs-11{font-size:10.5px!important;letter-spacing:.0128359em;line-height:16px}.fs-12{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.fs-13{font-size:13px!important;letter-spacing:.00484144em;line-height:19px}.fs-14{font-size:14px!important;letter-spacing:.00177646em;line-height:22px}.fs-15{font-size:15px!important;letter-spacing:-.000797757em;line-height:23px}.fs-16{font-size:16px!important;letter-spacing:-.00295978em;line-height:24px}.lh-normal{line-height:normal}.lh-10{line-height:10px}.lh-11{line-height:11px}.lh-12{line-height:12px}.lh-13{line-height:13px}.lh-14{line-height:14px}.lh-15{line-height:15px}.lh-16{line-height:16px}.font-arial{font-family:Arial,sans-serif!important}.font-montserrat{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.font-georgia{font-family:Georgia!important}.font-heading,.font-secondary{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.well{background-color:#e0e0e0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:none;background-image:none}.well.well-large{padding:24px;width:auto}.well.well-small{padding:13px;width:auto}.well.green{background-color:#0072ec;color:#fff;border:none}.overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.jumbotron{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.jumbotron p{font-size:14px;font-weight:400;margin-bottom:inherit}.jumbotron p.small{font-size:85.714%}@media (max-width: 1400px){body,p{font-size:13px;line-height:20px}h1{font-size:33px;line-height:44px;letter-spacing:-.08px}h2{font-size:28px;line-height:40px}h3{font-size:24px;line-height:35.88px}h4{font-size:18px;line-height:33.88px}h5{font-size:16px;line-height:25.88px}small,.small{font-size:89%;line-height:17px}}.alert>p,.alert>ul{margin-bottom:0}.table>tbody>tr>td,.table>tbody>tr>th{line-height:1.42857143}.table>tfoot>tr>td,.table>tfoot>tr>th{line-height:1.42857143}.table>thead>tr>td,.table>thead>tr>th{line-height:1.42857143}.windows .small-text,.windows small,.windows .small{-webkit-text-stroke:.028px}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.text-separator{display:block;text-align:center;margin:1.5rem 0;width:100%;background:linear-gradient(to top,transparent 0%,transparent calc(50% - 1px),var(--color-contrast-low) calc(50% - 1px),var(--color-contrast-low) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}.text-separator:before{background:#fff;content:attr(data-text);padding:0 1rem;text-transform:uppercase}.visible-xlg{display:none}.hidden-xlg{display:block}@media (min-width: 1824px){.visible-xlg{display:block!important}.hidden-xlg{display:none!important}.quickview-wrapper .tab-content #quickview-notes>.inner{width:570px}.container-fluid.container-fixed-lg{width:1700px;margin-right:auto;margin-left:auto}.menu-pin .container-fluid.container-fixed-lg{width:1450px}.col-xlg-1,.col-xlg-2,.col-xlg-3,.col-xlg-4,.col-xlg-5,.col-xlg-6,.col-xlg-7,.col-xlg-8,.col-xlg-9,.col-xlg-10,.col-xlg-11{min-height:1px;padding-left:15px;padding-right:15px;position:relative}.col-xlg-12{min-height:1px;padding-left:15px;padding-right:15px;position:relative;flex:0 0 100%;max-width:100%}.col-xlg-11{flex:0 0 91.6667%;max-width:91.6667%}.col-xlg-10{width:83.3333%;flex:0 0 83.3333%;max-width:83.3333%}.col-xlg-9{flex:0 0 75%;max-width:75%}.col-xlg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-xlg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-xlg-6{flex:0 0 50%;max-width:50%}.col-xlg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-xlg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xlg-3{flex:0 0 25%;max-width:25%}.col-xlg-2{flex:0 0 16.6667%;max-width:16.6667%}.col-xlg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xlg-pull-12{right:100%}.col-xlg-pull-11{right:91.6667%}.col-xlg-pull-10{right:83.3333%}.col-xlg-pull-9{right:75%}.col-xlg-pull-8{right:66.6667%}.col-xlg-pull-7{right:58.3333%}.col-xlg-pull-6{right:50%}.col-xlg-pull-5{right:41.6667%}.col-xlg-pull-4{right:33.3333%}.col-xlg-pull-3{right:25%}.col-xlg-pull-2{right:16.6667%}.col-xlg-pull-1{right:8.33333%}.col-xlg-pull-0{right:0}.col-xlg-push-12{left:100%}.col-xlg-push-11{left:91.6667%}.col-xlg-push-10{left:83.3333%}.col-xlg-push-9{left:75%}.col-xlg-push-8{left:66.6667%}.col-xlg-push-7{left:58.3333%}.col-xlg-push-6{left:50%}.col-xlg-push-5{left:41.6667%}.col-xlg-push-4{left:33.3333%}.col-xlg-push-3{left:25%}.col-xlg-push-2{left:16.6667%}.col-xlg-push-1{left:8.33333%}.col-xlg-push-0{left:0}.col-xlg-offset-12{margin-left:100%}.col-xlg-offset-11{margin-left:91.6667%}.col-xlg-offset-10{margin-left:83.3333%}.col-xlg-offset-9{margin-left:75%}.col-xlg-offset-8{margin-left:66.6667%}.col-xlg-offset-7{margin-left:58.3333%}.col-xlg-offset-6{margin-left:50%}.col-xlg-offset-5{margin-left:41.6667%}.col-xlg-offset-4{margin-left:33.3333%}.col-xlg-offset-3{margin-left:25%}.col-xlg-offset-2{margin-left:16.6667%}.col-xlg-offset-1{margin-left:8.33333%}.col-xlg-offset-0{margin-left:0}}@media only screen and (max-width: 1400px){.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu{bottom:50px}.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-widgets{display:none}.footer-widget{padding:11px 21px!important}}@media only screen and (max-width: 1199px){.visible-xl-down{display:block!important}}@media only screen and (min-width: 980px){body.ie9.menu-pin .page-sidebar{transform:none!important;-webkit-transform:none!important;-ms-transform:none!important}body.menu-pin .header .brand{width:245px}body.menu-pin .page-container{padding-left:0}body.menu-pin .page-container .page-content-wrapper .content{padding-left:250px}body.menu-pin .page-container .page-content-wrapper .footer{left:250px}body.menu-pin [data-toggle-pin=sidebar]>i:before{content:""}body.menu-pin .page-sidebar{transform:translate(210px)!important;-webkit-transform:translate(210px,0)!important;-ms-transform:translate(210px,0)!important;width:250px}body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls{transform:translate(21px);-webkit-transform:translateX(21px)}body.menu-pin .page-sidebar .menu-items .icon-thumbnail{transform:translate3d(-14px,0,0);-webkit-transform:-webkit-translate3d(-14px,0,0)}body.menu-behind .page-sidebar{z-index:799}body.menu-behind .header .brand{width:200px;text-align:left;padding-left:20px}body.box-layout{background-color:#fff}body.box-layout>.container,body.box-layout>.full-height>.container{height:100%;padding:0;background-color:#fff}body.box-layout .header{background-color:transparent;border:0;padding:0}body.box-layout .header>.container{background-color:#fff;border-bottom:1px solid rgba(230,230,230,.7);padding:0 20px 0 0;height:100%}body.box-layout .page-sidebar{left:auto;transform:none!important;-webkit-transform:none!important}body.box-layout .page-container .page-content-wrapper .footer{width:auto}.header .brand{position:relative}.header .user-info-wrapper .user-details .user-name{font-size:16px}.header .user-info-wrapper .user-details .user-other{font-size:10px}.header .user-info-wrapper .user-pic{position:relative;top:-6px}.notification-panel{width:400px}}@media (max-width: 991px){.container-fluid{padding-left:1rem;padding-right:1rem}.hidden-lg-down{display:none!important}.page-container{padding-left:0}.d-flex-lg-down{display:flex}.justify-between-lg-down{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}body.sidebar-open .page-container{-webkit-transform:translate3d(250px,0,0);transform:translate3d(250px,0,0);-ms-transform:translate(250px,0);overflow:hidden;position:fixed}body.sidebar-open .push-on-sidebar-open{-webkit-transform:translate3d(250px,0,0);transform:translate3d(250px,0,0);-ms-transform:translate(250px,0);overflow:hidden}body.box-layout>.container{padding:0;height:100%}body.box-layout .header>.container{padding:0}body.box-layout .header>.container .pull-right .sm-action-bar{right:0}body.horizontal-app-menu .header>.container{padding:0}body.horizontal-app-menu .secondary-sidebar{margin-left:0}.sm-action-bar{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.sm-action-bar>a{padding:10px;display:inline-block}.pace .pace-activity{top:60px}.page-sidebar{width:250px;z-index:auto;left:0!important;-webkit-transform:translate3d(0,0px,0px)!important;transform:translateZ(0)!important}.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li{padding:0 30px 0 36px}.page-container{padding-left:0;position:relative;transition:transform .25s ease;-webkit-transition:-webkit-transform .25s ease}.page-container .page-content-wrapper .content{overflow-x:hidden;height:auto;padding-top:48px!important}.icon-thumbnail{margin-right:24px}.page-sidebar{display:none;z-index:auto}.page-sidebar.visible{display:block}.page-sidebar .page-sidebar-inner{z-index:1;left:0!important;width:260px}.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu{overflow:scroll;-webkit-overflow-scrolling:touch;top:40px;bottom:0}.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul>li>a>.badge{display:inline-block}.secondary-sidebar .btn-compose{display:none}.inner-content,.horizontal-app-menu .inner-content{margin:0}.breadcrumb,.copyright{padding-left:15px;padding-right:15px}body>.pgn-wrapper[data-position=top]{top:48px;left:0}body>.pgn-wrapper[data-position=bottom]{left:0}body>.pgn-wrapper[data-position$=-left]{left:20px;right:auto}.sm-table{display:table;width:100%}.user-profile-wrapper{position:absolute;right:50px;top:-9px}.container{width:100%}.table-responsive-block table,.table-responsive-block thead,.table-responsive-block tbody,.table-responsive-block th,.table-responsive-block td,.table-responsive-block tr{display:block}.table-responsive-block thead tr{position:absolute;top:-9999px;left:-9999px}.table-responsive-block tr{border:1px solid rgba(230,230,230,.7);border-right:0;border-left:0;margin-bottom:15px}.table-responsive-block td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;white-space:normal;text-align:left}.table-responsive-block td:last-child{border-bottom:0}.table-responsive-block td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700}.table-responsive-block td:before{content:attr(data-title)}.kill-pull-md-down{position:relative;display:block;width:inherit}.kill-pull-md-down .toggle-secondary-sidebar{display:inline-block;font-size:18px}.nav-tabs-header.nav-tabs-linetriangle{height:61px}.overlay{padding-left:15px}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.page-sidebar .sidebar-menu .menu-items ul{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-perspective:1000}.page-container .page-content-wrapper .content{padding-top:60px}body.box-layout>.container{width:100%}.inner-content{margin-left:0}.secondary-sidebar{float:none;height:auto;left:50%;margin-left:-155px;padding:20px 20px 20px 0;position:absolute;right:0;top:60px;z-index:9999;display:none;border-radius:10px;box-shadow:#0f0f0f0d 0 0 0 1px,#0f0f0f1a 0 3px 6px,#0f0f0f33 0 9px 24px}.secondary-sidebar .btn-compose{display:none}.mark-email{margin-left:25px}.horizontal-app-menu .secondary-sidebar{display:inline-block;position:relative;top:inherit;left:inherit;right:inherit;padding:20px 0;border-radius:0;float:left;height:100%}.split-details{margin-left:0}.toggle-secondary-sidebar{display:block;font-size:18px;left:50%;margin-left:-36px;position:absolute}.toggle-secondary-sidebar~.brand{display:none!important}}@media (max-width: 991px){.sm-b-r,.sm-b-l,.sm-b-t,.sm-b-b{border-width:0}.sm-b-r{border-right-width:1px}.sm-b-l{border-left-width:1px}.sm-b-t{border-top-width:1px}.sm-b-b{border-bottom-width:1px}.sidebar-menu .icon-thumbnail{margin-right:15px}}@media (min-width: 1200px){.row-same-height{overflow:hidden}.row-same-height>[class*=col-lg]{margin-bottom:-99999px;padding-bottom:99999px}}@media (max-width: 1199px) and (min-width: 992px){.visible-md{display:block!important}}@media (min-width: 992px){.row-same-height{overflow:hidden}.row-same-height>[class*=col-md]{margin-bottom:-99999px;padding-bottom:99999px}}@media (min-width: 768px){.row-same-height{overflow:hidden}.row-same-height>[class*=col-sm]{margin-bottom:-99999px;padding-bottom:99999px}.box-layout .container .jumbotron,.container-fluid .jumbotron{padding:0}.d-flex-md-up{display:flex}.navbar-toggle{display:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.dataTables_wrapper.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:absolute}.justify-end-md-up{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}}@media (min-width: 700px){.dd{float:none}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){.page-sidebar .sidebar-menu .menu-items>li>a{padding-left:27px}.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li{padding:0 27px 0 31px}.icon-thumbnail{margin-right:21px}}@media (max-width: 991px) and (min-width: 768px){.visible-sm{display:block}.hidden-sm{display:none}.visible-sm-inline-block{display:inline-block!important}.md-p-t-0{margin-top:0!important}.md-p-r-0{margin-right:0!important}.md-p-l-0{margin-left:0!important}.md-p-b-0{margin-bottom:0!important}.md-p-t-5{margin-top:5px!important}.md-p-r-5{margin-right:5px!important}.md-p-l-5{margin-left:5px!important}.md-p-b-5{margin-bottom:5px!important}.md-p-t-10{margin-top:10px!important}.md-p-r-10{margin-right:10px!important}.md-p-l-10{margin-left:10px!important}.md-p-b-10{margin-bottom:10px!important}.md-p-t-15{margin-top:15px!important}.md-p-r-15{margin-right:15px!important}.md-p-l-15{margin-left:15px!important}.md-p-b-15{margin-bottom:15px!important}}@media (max-width: 979px){.toggle-secondary-sidebar{font-size:18px;position:static;display:block}.toggle-secondary-sidebar~.brand{display:none!important}.secondary-sidebar .btn-compose{display:none}.split-view .split-list{width:100%;height:auto;bottom:50px;left:0;top:0;position:absolute;z-index:700;float:none}.split-view .split-list .item{padding:8px}.split-view .split-list .item .inline{width:188px}.split-view .split-details{margin-left:0;width:100%}.split-view .split-details .email-content-wrapper{overflow:auto;padding:0;height:calc(100% - 50px)}.split-view .split-details .email-content-wrapper .email-content{width:90%}.compose-wrapper,.compose-wrapper .btn-compose{display:block!important}}@media (max-width: 767px){.container-fluid{padding-left:1rem;padding-right:1rem}.page-container .page-content-wrapper .content{padding-top:48px;padding-bottom:100px}.page-sidebar .sidebar-header{padding:0 12px}.page-sidebar .sidebar-menu .menu-items>li>a{padding-left:20px}.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li{padding:0 25px 0 28px}.icon-thumbnail{margin-right:20px}.split-details{margin-left:0}.sm-pull-bottom,.sm-pull-up{position:relative!important}.sm-p-t-0{margin-top:0!important}.sm-p-r-0{margin-right:0!important}.sm-p-l-0{margin-left:0!important}.sm-p-b-0{margin-bottom:0!important}.sm-p-t-5{margin-top:5px!important}.sm-p-r-5{margin-right:5px!important}.sm-p-l-5{margin-left:5px!important}.sm-p-b-5{margin-bottom:5px!important}.sm-p-t-10{margin-top:10px!important}.sm-p-r-10{margin-right:10px!important}.sm-p-l-10{margin-left:10px!important}.sm-p-b-10{margin-bottom:10px!important}.sm-p-t-15{margin-top:15px!important}.sm-p-r-15{margin-right:15px!important}.sm-p-l-15{margin-left:15px!important}.sm-p-b-15{margin-bottom:15px!important}.sm-p-t-20{margin-top:20px!important}.sm-p-r-20{margin-right:20px!important}.sm-p-l-20{margin-left:20px!important}.sm-p-b-20{margin-bottom:20px!important}.sm-p-t-25{margin-top:25px!important}.sm-p-r-25{margin-right:25px!important}.sm-p-l-25{margin-left:25px!important}.sm-p-b-25{margin-bottom:25px!important}.sm-p-t-30{margin-top:30px!important}.sm-p-r-30{margin-right:30px!important}.sm-p-l-30{margin-left:30px!important}.sm-p-b-30{margin-bottom:30px!important}.sm-p-t-35{margin-top:35px!important}.sm-p-r-35{margin-right:35px!important}.sm-p-l-35{margin-left:35px!important}.sm-p-b-35{margin-bottom:35px!important}.sm-p-t-40{margin-top:40px!important}.sm-p-r-40{margin-right:40px!important}.sm-p-l-40{margin-left:40px!important}.sm-p-b-40{margin-bottom:40px!important}.sm-p-t-45{margin-top:45px!important}.sm-p-r-45{margin-right:45px!important}.sm-p-l-45{margin-left:45px!important}.sm-p-b-45{margin-bottom:45px!important}.sm-p-t-50{margin-top:50px!important}.sm-p-r-50{margin-right:50px!important}.sm-p-l-50{margin-left:50px!important}.sm-p-b-50{margin-bottom:50px!important}.sm-no-margin{margin:0}.sm-no-padding{padding:0}.sm-text-right{text-align:right!important}.sm-text-left{text-align:left!important}.sm-text-center{text-align:center!important}.sm-pull-right{float:right!important}.sm-pull-left{float:left!important}.sm-pull-reset{float:none!important}.sm-block{display:block}.sm-image-responsive-height{width:100%;height:auto}.email-composer{padding-left:30px;padding-right:30px}.sm-padding-10{padding:10px!important}.lock-box{align-items:flex-start;height:auto}.login-box{padding-right:15px;padding-left:15px}.visible-xs-inline-block{display:inline-block!important}.nav-tabs-linetriangle.nav-cust{flex-direction:column}.nav-tabs-linetriangle li a.active:after,.nav-tabs-linetriangle li a.active:before{display:none}.sm-vh-25{height:25vh}.sm-vh-50{height:50vh}.sm-vh-75{height:75vh}.sm-vh-100{height:100vh}.horizontal-app-menu .page-container .page-content-wrapper .content>.container{padding-left:0;padding-right:0}.summernote-wrapper .btn-group{-ms-flex-flow:wrap;flex-flow:wrap}}@media (max-width: 480px){body{width:100%}body #overlay-search{font-size:48px;height:118px;line-height:46px}.page-sidebar .sidebar-header{height:48px;line-height:48px}.panel .panel-heading{padding-left:15px}.panel .panel-body{padding:0 15px 15px}.map-controls{left:10px}.register-container{height:auto!important}}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 200/100),only screen and (min-device-pixel-ratio: 2){.editor-icon{background-image:url(../../img/editor_tray_2x.png);background-size:480px 40px}.alert .close{background:url(../../img/icons/noti-cross-2x.png) no-repeat scroll 0 0 transparent;background-position:-9px -10px;width:10px;height:9px;position:relative;opacity:.8;background-size:114px 29px}}.hidden{display:none!important}.visible-sm,.visible-xs{display:none}@media (max-width: 767px){.visible-xs{display:block}.hidden-xs{display:none}}@media (min-width: 768px){ul[data-init-reponsive-tabs=dropdownfx] li span.hide-text{display:none!important}}