bullframe.css 3.8.1 → 4.0.1

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 (103) hide show
  1. package/.browserslistrc +10 -6
  2. package/.stylelintrc.json +10 -0
  3. package/CHANGELOG.md +20 -4
  4. package/LICENSE +20 -20
  5. package/README.md +28 -179
  6. package/dist/css/bullframe-classless-dark-prefers.css +357 -425
  7. package/dist/css/bullframe-classless-dark-prefers.min.css +2 -3
  8. package/dist/css/bullframe-classless-dark-prefers.min.css.map +1 -1
  9. package/dist/css/bullframe-classless-dark.css +328 -412
  10. package/dist/css/bullframe-classless-dark.min.css +2 -3
  11. package/dist/css/bullframe-classless-dark.min.css.map +1 -1
  12. package/dist/css/bullframe-classless.css +237 -293
  13. package/dist/css/bullframe-classless.min.css +2 -2
  14. package/dist/css/bullframe-classless.min.css.map +1 -1
  15. package/dist/css/bullframe-dark-prefers.css +468 -633
  16. package/dist/css/bullframe-dark-prefers.min.css +2 -2
  17. package/dist/css/bullframe-dark-prefers.min.css.map +1 -1
  18. package/dist/css/bullframe-dark.css +402 -593
  19. package/dist/css/bullframe-dark.min.css +2 -2
  20. package/dist/css/bullframe-dark.min.css.map +1 -1
  21. package/dist/css/bullframe-utilities.css +87 -125
  22. package/dist/css/bullframe-utilities.min.css +1 -1
  23. package/dist/css/bullframe-utilities.min.css.map +1 -1
  24. package/dist/css/bullframe.css +288 -455
  25. package/dist/css/bullframe.min.css +1 -1
  26. package/dist/css/bullframe.min.css.map +1 -1
  27. package/docs/test/css/style.css +130 -130
  28. package/docs/test/icons/safari-pinned-tab.svg +28 -28
  29. package/docs/test/js/vendor/html5shiv.js +335 -335
  30. package/docs/test/js/vendor/ie10-viewport-bug-workaround.js +20 -20
  31. package/gulpfile.js +5 -2
  32. package/index.html +1214 -1223
  33. package/package.json +14 -11
  34. package/src/scss/bullframe-classless-dark-prefers.scss +5 -5
  35. package/src/scss/bullframe-classless-dark.scss +5 -5
  36. package/src/scss/bullframe-classless.scss +1 -9
  37. package/src/scss/bullframe-dark-prefers.scss +4 -4
  38. package/src/scss/bullframe-dark.scss +4 -4
  39. package/src/scss/bullframe-utilities.scss +1 -1
  40. package/src/scss/bullframe.scss +0 -7
  41. package/src/scss/forms/_forms-normalization.scss +4 -2
  42. package/src/scss/forms/_forms-styling-radio-checkbox.scss +84 -85
  43. package/src/scss/forms/_forms-styling-range.scss +99 -103
  44. package/src/scss/forms/_forms-styling-select.scss +63 -63
  45. package/src/scss/forms/_forms-styling.scss +119 -121
  46. package/src/scss/miscellaneous/_misc-focus.scss +0 -1
  47. package/src/scss/miscellaneous/_misc-layout.scss +1 -24
  48. package/src/scss/mixins/_mixin-grid-flex.scss +83 -83
  49. package/src/scss/mixins/_mixin-layout.scss +42 -42
  50. package/src/scss/mixins/_mixin-texts.scss +38 -37
  51. package/src/scss/typography/_typography-blockquotes.scss +23 -23
  52. package/src/scss/typography/_typography-headings.scss +43 -43
  53. package/src/scss/typography/_typography-html-body.scss +72 -72
  54. package/src/scss/typography/_typography-misc.scss +3 -3
  55. package/src/scss/typography/_typography-monospaced-elements.scss +50 -56
  56. package/src/scss/utilities/_utility-buttons.scss +71 -71
  57. package/src/scss/utilities/_utility-embeds.scss +34 -34
  58. package/src/scss/utilities/_utility-filters.scss +24 -24
  59. package/src/scss/utilities/_utility-form-states.scss +80 -80
  60. package/src/scss/utilities/_utility-global-dark-classless.scss +157 -169
  61. package/src/scss/utilities/_utility-global-dark-prefers-classless.scss +3 -3
  62. package/src/scss/utilities/_utility-global-dark-prefers.scss +3 -3
  63. package/src/scss/utilities/_utility-global-dark-scrollbars.scss +29 -29
  64. package/src/scss/utilities/_utility-global-dark.scss +213 -224
  65. package/src/scss/utilities/_utility-grid-system.scss +204 -204
  66. package/src/scss/utilities/_utility-layout.scss +195 -196
  67. package/src/scss/utilities/_utility-lists.scss +17 -17
  68. package/src/scss/utilities/_utility-print.scss +101 -111
  69. package/src/scss/utilities/_utility-reduced-motion.scss +29 -29
  70. package/src/scss/utilities/_utility-tables.scss +40 -40
  71. package/src/scss/utilities/_utility-texts.scss +199 -199
  72. package/src/scss/utilities/_utility-z-index.scss +82 -82
  73. package/src/scss/variables/_variables-breakpoints.scss +5 -5
  74. package/src/scss/variables/_variables-colors.scss +31 -31
  75. package/src/scss/variables/_variables-spacing.scss +25 -25
  76. package/src/scss/variables/_variables-texts.scss +12 -12
  77. package/dist/css/bullframe-classless-dark-ie10+.css +0 -1321
  78. package/dist/css/bullframe-classless-dark-ie10+.min.css +0 -4
  79. package/dist/css/bullframe-classless-dark-ie10+.min.css.map +0 -1
  80. package/dist/css/bullframe-classless-dark-prefers-ie10+.css +0 -1301
  81. package/dist/css/bullframe-classless-dark-prefers-ie10+.min.css +0 -4
  82. package/dist/css/bullframe-classless-dark-prefers-ie10+.min.css.map +0 -1
  83. package/dist/css/bullframe-classless-ie10+.css +0 -1084
  84. package/dist/css/bullframe-classless-ie10+.min.css +0 -3
  85. package/dist/css/bullframe-classless-ie10+.min.css.map +0 -1
  86. package/dist/css/bullframe-dark-ie10+.css +0 -2569
  87. package/dist/css/bullframe-dark-ie10+.min.css +0 -3
  88. package/dist/css/bullframe-dark-ie10+.min.css.map +0 -1
  89. package/dist/css/bullframe-dark-prefers-ie10+.css +0 -2541
  90. package/dist/css/bullframe-dark-prefers-ie10+.min.css +0 -3
  91. package/dist/css/bullframe-dark-prefers-ie10+.min.css.map +0 -1
  92. package/dist/css/bullframe-ie10+.css +0 -2250
  93. package/dist/css/bullframe-ie10+.min.css +0 -2
  94. package/dist/css/bullframe-ie10+.min.css.map +0 -1
  95. package/docs/images-readme/browserstack-logo.png +0 -0
  96. package/src/scss/bullframe-classless-dark-ie10+.scss +0 -5
  97. package/src/scss/bullframe-classless-dark-prefers-ie10+.scss +0 -5
  98. package/src/scss/bullframe-classless-ie10+.scss +0 -43
  99. package/src/scss/bullframe-dark-ie10+.scss +0 -4
  100. package/src/scss/bullframe-dark-prefers-ie10+.scss +0 -4
  101. package/src/scss/bullframe-ie10+.scss +0 -121
  102. package/src/scss/forms/_forms-styling-ie-hacks.scss +0 -56
  103. package/src/scss/forms/_forms-styling-select-ie-hacks.scss +0 -30
@@ -1,2250 +0,0 @@
1
- /*! bullframe.css v3.8.0 | MIT License | https://github.com/marcop135/bullframe.css */
2
- *,
3
- *::before,
4
- *::after {
5
- box-sizing: border-box;
6
- }
7
-
8
- article,
9
- aside,
10
- dialog,
11
- figcaption,
12
- figure,
13
- footer,
14
- header,
15
- hgroup,
16
- main,
17
- menu,
18
- nav,
19
- section,
20
- details {
21
- display: block;
22
- }
23
-
24
- template {
25
- display: none;
26
- }
27
-
28
- a,
29
- area,
30
- button,
31
- input,
32
- label,
33
- select,
34
- summary,
35
- textarea,
36
- [tabindex] {
37
- -ms-touch-action: manipulation;
38
- }
39
-
40
- [hidden] {
41
- display: none !important;
42
- }
43
-
44
- @-ms-viewport {
45
- width: device-width;
46
- }
47
-
48
- html {
49
- -webkit-text-size-adjust: 100%;
50
- -moz-text-size-adjust: 100%;
51
- text-size-adjust: 100%;
52
- font-size: 62.5%;
53
- color: #222;
54
- font-family: sans-serif;
55
- line-height: 1.15;
56
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
57
- }
58
-
59
- body {
60
- margin: 0;
61
- font-size: 16px;
62
- font-size: 1.6rem;
63
- line-height: 1.5;
64
- font-weight: 400;
65
- text-align: left;
66
- font-family: BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
67
- text-rendering: optimizeLegibility;
68
- word-wrap: break-word;
69
- background-color: #fff;
70
- }
71
-
72
- h1,
73
- h2,
74
- h3,
75
- h4,
76
- h5,
77
- h6 {
78
- margin-top: 0;
79
- font-weight: 700;
80
- font-weight: 600;
81
- font-family: inherit;
82
- color: inherit;
83
- line-height: 1.25;
84
- margin-bottom: 10px;
85
- margin-bottom: 1rem;
86
- }
87
-
88
- h1 {
89
- font-size: 36px;
90
- font-size: 3.6rem;
91
- }
92
-
93
- h2 {
94
- font-size: 30px;
95
- font-size: 3rem;
96
- }
97
-
98
- h3 {
99
- font-size: 24px;
100
- font-size: 2.4rem;
101
- }
102
-
103
- h4 {
104
- font-size: 20px;
105
- font-size: 2rem;
106
- }
107
-
108
- h5,
109
- h6 {
110
- font-size: 16px;
111
- font-size: 1.6rem;
112
- }
113
-
114
- blockquote {
115
- margin: 0 0 20px 0;
116
- margin-bottom: 2rem;
117
- padding-left: 0;
118
- font-style: italic;
119
- }
120
-
121
- blockquote p {
122
- margin-bottom: 0;
123
- }
124
-
125
- blockquote small {
126
- color: #999;
127
- display: block;
128
- }
129
-
130
- blockquote small:before {
131
- content: '\2014 \00A0';
132
- }
133
-
134
- q {
135
- quotes: "“" "”" "‘" "’";
136
- }
137
-
138
- pre {
139
- margin: 0 0 20px 0;
140
- margin: 0 0 2rem 0;
141
- }
142
-
143
- pre {
144
- display: block;
145
- overflow: auto;
146
- word-break: break-all;
147
- word-wrap: break-word;
148
- white-space: pre;
149
- -webkit-hyphens: none;
150
- -ms-hyphens: none;
151
- hyphens: none;
152
- -ms-overflow-style: auto;
153
- display: block;
154
- }
155
-
156
- pre,
157
- code,
158
- kbd,
159
- samp {
160
- font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
161
- font-size: .875em;
162
- }
163
-
164
- code {
165
- word-wrap: break-word;
166
- }
167
-
168
- a > code {
169
- color: inherit;
170
- }
171
-
172
- pre code {
173
- font-size: inherit;
174
- color: inherit;
175
- word-break: normal;
176
- }
177
-
178
- p {
179
- margin: 0 0 20px 0;
180
- margin: 0 0 2rem 0;
181
- }
182
-
183
- abbr[title],
184
- abbr[data-original-title] {
185
- cursor: help;
186
- text-decoration: underline;
187
- -webkit-text-decoration: underline dotted;
188
- text-decoration: underline dotted;
189
- cursor: help;
190
- border-bottom: 0;
191
- }
192
-
193
- mark {
194
- background-color: #ff0;
195
- color: #000;
196
- }
197
-
198
- ins {
199
- background-color: #ff9;
200
- color: #000;
201
- text-decoration: none;
202
- }
203
-
204
- b,
205
- strong {
206
- font-weight: inherit;
207
- }
208
-
209
- b,
210
- strong {
211
- font-weight: bolder;
212
- }
213
-
214
- dfn {
215
- font-style: italic;
216
- }
217
-
218
- sub,
219
- sup {
220
- font-size: 75%;
221
- line-height: 0;
222
- position: relative;
223
- vertical-align: baseline;
224
- }
225
-
226
- sup {
227
- top: -8px;
228
- top: -.8rem;
229
- }
230
-
231
- sub {
232
- bottom: -4px;
233
- bottom: -.4rem;
234
- }
235
-
236
- small {
237
- font-size: 80%;
238
- }
239
-
240
- hr {
241
- box-sizing: content-box;
242
- display: block;
243
- height: 0;
244
- border-style: solid;
245
- border-width: 1px 0 0;
246
- color: inherit;
247
- margin: 20px 0;
248
- margin: 2rem 0;
249
- padding: 0;
250
- overflow: visible;
251
- }
252
-
253
- address {
254
- font-style: normal;
255
- margin-bottom: 10px;
256
- margin-bottom: 1rem;
257
- line-height: inherit;
258
- }
259
-
260
- summary {
261
- display: list-item;
262
- cursor: pointer;
263
- }
264
-
265
- a {
266
- color: #007bff;
267
- text-decoration: none;
268
- background-color: transparent;
269
- }
270
-
271
- a:hover, a:focus {
272
- text-decoration: underline;
273
- color: #0056b3;
274
- }
275
-
276
- a:not([href]):not([tabindex]) {
277
- color: inherit;
278
- text-decoration: none;
279
- }
280
-
281
- a:not([href]):not([tabindex]):hover,
282
- a:not([href]):not([tabindex]):focus,
283
- a:not([href]):not([class]),
284
- a:not([href]):not([class]):hover {
285
- color: inherit;
286
- text-decoration: none;
287
- }
288
-
289
- a:not([href]):not([tabindex]):focus {
290
- outline: 0;
291
- }
292
-
293
- :focus:not(:focus-visible) {
294
- outline: none;
295
- }
296
-
297
- [tabindex='-1']:focus:not(:focus-visible) {
298
- outline: 0 !important;
299
- }
300
-
301
- a:focus,
302
- input:focus {
303
- outline: 2px solid orange;
304
- }
305
-
306
- :focus-visible {
307
- outline: 2px solid orange;
308
- }
309
-
310
- button:focus,
311
- [type='button']:focus,
312
- [type='reset']:focus,
313
- [type='submit']:focus,
314
- [type='email']:focus,
315
- [type='number']:focus,
316
- [type='password']:focus,
317
- [type='tel']:focus,
318
- [type='search']:focus,
319
- [type='text']:focus,
320
- [type='date']:focus,
321
- [type='datetime-local']:focus,
322
- [type='month']:focus,
323
- [type='time']:focus,
324
- [type='week']:focus,
325
- [type='time']:focus,
326
- [type='url']:focus,
327
- [type='radio']:focus,
328
- [type='checkbox']:focus,
329
- input[list]:focus,
330
- select:focus,
331
- textarea:focus {
332
- outline: 0;
333
- }
334
-
335
- menu,
336
- ol,
337
- ul,
338
- dl {
339
- margin: 0 0 20px 0;
340
- margin: 0 0 2rem 0;
341
- padding: 0;
342
- }
343
-
344
- menu ul,
345
- menu ol,
346
- ul ul,
347
- ul ol,
348
- ol ol,
349
- ol ul,
350
- dd {
351
- margin-bottom: 0;
352
- }
353
-
354
- ul,
355
- ol {
356
- margin-left: 20px;
357
- margin-left: 2rem;
358
- }
359
-
360
- nav ol,
361
- nav ul {
362
- list-style: none;
363
- list-style-image: none;
364
- margin-left: 0;
365
- }
366
-
367
- dt {
368
- font-weight: 700;
369
- }
370
-
371
- dd {
372
- margin-left: 0;
373
- }
374
-
375
- nav li:before {
376
- content: '\200B';
377
- position: absolute;
378
- }
379
-
380
- audio,
381
- canvas,
382
- progress,
383
- video {
384
- display: inline-block;
385
- }
386
-
387
- img,
388
- canvas,
389
- audio,
390
- video,
391
- iframe,
392
- object,
393
- embed {
394
- max-width: 100%;
395
- }
396
-
397
- audio,
398
- video,
399
- canvas,
400
- img,
401
- svg {
402
- vertical-align: middle;
403
- }
404
-
405
- img {
406
- height: auto;
407
- border-style: none;
408
- }
409
-
410
- figure {
411
- margin: 0;
412
- }
413
-
414
- figure,
415
- figcaption {
416
- display: block;
417
- }
418
-
419
- figcaption {
420
- line-height: 1.375;
421
- font-size: 90%;
422
- }
423
-
424
- video {
425
- height: auto;
426
- }
427
-
428
- audio {
429
- width: 100%;
430
- }
431
-
432
- audio:not([controls]) {
433
- display: none;
434
- height: 0;
435
- }
436
-
437
- svg:not(:root) {
438
- overflow: hidden;
439
- }
440
-
441
- svg:not([fill]) {
442
- fill: currentColor;
443
- }
444
-
445
- progress,
446
- meter {
447
- display: inline-block;
448
- vertical-align: baseline;
449
- width: 100%;
450
- max-width: 100%;
451
- }
452
-
453
- progress[value] {
454
- -webkit-appearance: none;
455
- -moz-appearance: none;
456
- appearance: none;
457
- border: none;
458
- height: 20px;
459
- height: 2rem;
460
- background: #ccc;
461
- color: #007bff;
462
- }
463
-
464
- progress[value]::-webkit-progress-bar {
465
- background: #ccc;
466
- }
467
-
468
- progress[value]::-webkit-progress-value {
469
- background: #007bff;
470
- }
471
-
472
- iframe {
473
- border-style: none;
474
- }
475
-
476
- html input,
477
- button,
478
- select,
479
- optgroup,
480
- textarea {
481
- color: inherit;
482
- font-family: inherit;
483
- font-size: inherit;
484
- line-height: inherit;
485
- }
486
-
487
- html input,
488
- button,
489
- [type='radio'],
490
- [type='checkbox'],
491
- select,
492
- optgroup,
493
- textarea {
494
- margin: 0;
495
- }
496
-
497
- html input,
498
- select,
499
- textarea,
500
- legend {
501
- width: 100%;
502
- }
503
-
504
- html label,
505
- button,
506
- [type='image'],
507
- [type='submit'],
508
- [type='reset'],
509
- html [type='button'],
510
- [type='radio'],
511
- [type='checkbox'] {
512
- width: auto;
513
- }
514
-
515
- html input,
516
- label,
517
- select,
518
- textarea,
519
- button,
520
- html [type='button'],
521
- [type='reset'],
522
- [type='submit'],
523
- output {
524
- display: inline-block;
525
- }
526
-
527
- [type='file'] {
528
- display: block;
529
- background-color: transparent;
530
- }
531
-
532
- button,
533
- html input,
534
- select,
535
- textarea {
536
- background-image: none;
537
- }
538
-
539
- input,
540
- select,
541
- textarea {
542
- vertical-align: baseline;
543
- }
544
-
545
- form {
546
- margin: 0;
547
- }
548
-
549
- fieldset {
550
- border: 0;
551
- padding: 0;
552
- margin: 0;
553
- min-width: 0;
554
- }
555
-
556
- legend {
557
- display: table;
558
- max-width: 100%;
559
- white-space: normal;
560
- border: 0;
561
- padding: 0;
562
- font-weight: 400;
563
- margin-bottom: 5px;
564
- margin-bottom: 0.5rem;
565
- font-size: inherit;
566
- line-height: 1.375;
567
- color: inherit;
568
- }
569
-
570
- label {
571
- font-weight: 400;
572
- font-size: 90%;
573
- line-height: 1.375;
574
- margin-bottom: 5px;
575
- margin-bottom: 0.5rem;
576
- }
577
-
578
- label input,
579
- label select,
580
- label textarea {
581
- font-size: 110%;
582
- }
583
-
584
- [type='number']::-webkit-outer-spin-button,
585
- [type='number']::-webkit-inner-spin-button {
586
- height: auto;
587
- }
588
-
589
- ::-webkit-datetime-edit-fields-wrapper,
590
- ::-webkit-datetime-edit-text,
591
- ::-webkit-datetime-edit-minute,
592
- ::-webkit-datetime-edit-hour-field,
593
- ::-webkit-datetime-edit-day-field,
594
- ::-webkit-datetime-edit-month-field,
595
- ::-webkit-datetime-edit-year-field {
596
- padding: 0;
597
- }
598
-
599
- ::-webkit-color-swatch-wrapper {
600
- padding: 0;
601
- }
602
-
603
- [type='search'] {
604
- outline-offset: -2.5px;
605
- outline-offset: -0.25rem;
606
- }
607
-
608
- output {
609
- vertical-align: middle;
610
- }
611
-
612
- button,
613
- select {
614
- text-transform: none;
615
- }
616
-
617
- select {
618
- word-wrap: normal;
619
- }
620
-
621
- [list]::-webkit-calendar-picker-indicator {
622
- display: none;
623
- }
624
-
625
- optgroup {
626
- font-family: inherit;
627
- font-size: inherit;
628
- font-style: inherit;
629
- font-weight: 700;
630
- font-weight: 600;
631
- }
632
-
633
- button,
634
- html [type="button"],
635
- [type="reset"],
636
- [type="submit"],
637
- [type="email"],
638
- [type="number"],
639
- [type="text"],
640
- [type="tel"],
641
- [type="date"],
642
- [type="datetime-local"],
643
- [type="month"],
644
- [type="week"],
645
- [type="url"],
646
- [type="image"],
647
- [type="password"],
648
- [type="search"],
649
- [type="search"]::-webkit-search-decoration,
650
- [type="search"]::-webkit-search-cancel-button,
651
- input[list],
652
- textarea {
653
- -webkit-appearance: none;
654
- }
655
-
656
- ::-webkit-file-upload-button {
657
- -webkit-appearance: button;
658
- font: inherit;
659
- }
660
-
661
- button,
662
- input,
663
- select,
664
- textarea {
665
- border-radius: 2.5px;
666
- border-radius: 0.25rem;
667
- }
668
-
669
- [type='radio'] {
670
- border-radius: 50%;
671
- }
672
-
673
- [type='checkbox'] {
674
- border-radius: 5px;
675
- border-radius: 0.5rem;
676
- }
677
-
678
- [type='radio'],
679
- [type='checkbox'] {
680
- padding: 0;
681
- background-color: #fff;
682
- }
683
-
684
- [type='range'] {
685
- background-color: transparent;
686
- }
687
-
688
- select[size],
689
- select[multiple] {
690
- height: auto;
691
- }
692
-
693
- select[multiple] {
694
- background-image: none;
695
- }
696
-
697
- textarea {
698
- height: auto;
699
- min-height: 60px;
700
- min-height: 6rem;
701
- overflow: auto;
702
- vertical-align: top;
703
- resize: vertical;
704
- }
705
-
706
- ::-moz-focus-inner {
707
- padding: 0;
708
- border-style: none;
709
- }
710
-
711
- button,
712
- [type='button'],
713
- [type='reset'],
714
- [type='submit'] {
715
- line-height: normal;
716
- text-align: center;
717
- margin: 0;
718
- background-clip: padding-box;
719
- vertical-align: baseline;
720
- overflow: visible;
721
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
722
- -webkit-user-select: none;
723
- -moz-user-select: none;
724
- -ms-user-select: none;
725
- user-select: none;
726
- border: 0;
727
- background-image: none;
728
- }
729
-
730
- button:hover, button:active, button:focus,
731
- [type='button']:hover,
732
- [type='button']:active,
733
- [type='button']:focus,
734
- [type='reset']:hover,
735
- [type='reset']:active,
736
- [type='reset']:focus,
737
- [type='submit']:hover,
738
- [type='submit']:active,
739
- [type='submit']:focus {
740
- text-decoration: none;
741
- color: #222;
742
- }
743
-
744
- button,
745
- select,
746
- input[type='submit'],
747
- input[type='button'],
748
- [type='checkbox'],
749
- [type='range'],
750
- [type='radio'],
751
- [role='button'] {
752
- cursor: pointer;
753
- }
754
-
755
- input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
756
- color: #666;
757
- }
758
-
759
- input::-moz-placeholder, textarea::-moz-placeholder {
760
- color: #666;
761
- }
762
-
763
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
764
- color: #666;
765
- }
766
-
767
- input::placeholder,
768
- textarea::placeholder {
769
- color: #666;
770
- }
771
-
772
- :-moz-ui-invalid {
773
- box-shadow: none;
774
- }
775
-
776
- [type='email'],
777
- [type='number'],
778
- [type='password'],
779
- [type='tel'],
780
- [type='search'],
781
- [type='text'],
782
- [type='date'],
783
- [type='datetime-local'],
784
- [type='month'],
785
- [type='time'],
786
- [type='week'],
787
- [type='time'],
788
- [type='url'],
789
- input[list],
790
- select,
791
- textarea {
792
- background-color: #fff;
793
- border: 1px solid #999;
794
- padding: 5px 7.5px;
795
- padding: 0.5rem 0.75rem;
796
- }
797
-
798
- [type='email']:active, [type='email']:focus,
799
- [type='number']:active,
800
- [type='number']:focus,
801
- [type='password']:active,
802
- [type='password']:focus,
803
- [type='tel']:active,
804
- [type='tel']:focus,
805
- [type='search']:active,
806
- [type='search']:focus,
807
- [type='text']:active,
808
- [type='text']:focus,
809
- [type='date']:active,
810
- [type='date']:focus,
811
- [type='datetime-local']:active,
812
- [type='datetime-local']:focus,
813
- [type='month']:active,
814
- [type='month']:focus,
815
- [type='time']:active,
816
- [type='time']:focus,
817
- [type='week']:active,
818
- [type='week']:focus,
819
- [type='time']:active,
820
- [type='time']:focus,
821
- [type='url']:active,
822
- [type='url']:focus,
823
- input[list]:active,
824
- input[list]:focus,
825
- select:active,
826
- select:focus,
827
- textarea:active,
828
- textarea:focus,
829
- [type='radio']:active,
830
- [type='radio']:focus,
831
- [type='checkbox']:active,
832
- [type='checkbox']:focus {
833
- transition: border .2s, background-color .2s, box-shadow .2s;
834
- border-color: #007bff;
835
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);
836
- }
837
-
838
- button,
839
- [type='button'],
840
- [type='reset'],
841
- [type='submit'] {
842
- color: #222;
843
- padding: 6.66667px 13.33333px;
844
- padding: 0.66667rem 1.33333rem;
845
- background: #ccc;
846
- transition: color .2s, background .2s, box-shadow .2s;
847
- }
848
-
849
- button:hover, button:active, button:focus,
850
- [type='button']:hover,
851
- [type='button']:active,
852
- [type='button']:focus,
853
- [type='reset']:hover,
854
- [type='reset']:active,
855
- [type='reset']:focus,
856
- [type='submit']:hover,
857
- [type='submit']:active,
858
- [type='submit']:focus {
859
- text-decoration: none;
860
- color: #222;
861
- background: #b3b3b3;
862
- }
863
-
864
- button:active, button:focus,
865
- [type='button']:active,
866
- [type='button']:focus,
867
- [type='reset']:active,
868
- [type='reset']:focus,
869
- [type='submit']:active,
870
- [type='submit']:focus {
871
- box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
872
- }
873
-
874
- fieldset[disabled] button,
875
- fieldset[disabled] input,
876
- fieldset[disabled] input:after,
877
- fieldset[disabled] input:before,
878
- fieldset[disabled] input:checked,
879
- fieldset[disabled] select,
880
- fieldset[disabled] textarea,
881
- fieldset[disabled] label,
882
- button[disabled],
883
- input[disabled],
884
- input[disabled]:after,
885
- input[disabled]:before,
886
- input[disabled]:checked,
887
- select[disabled],
888
- textarea[disabled],
889
- label[disabled],
890
- button:disabled,
891
- input:disabled,
892
- input:disabled:after,
893
- input:disabled:before,
894
- input:disabled:checked,
895
- select:disabled,
896
- textarea:disabled,
897
- label:disabled,
898
- button[aria-disabled="true"],
899
- input[aria-disabled="true"],
900
- input[aria-disabled="true"]:after,
901
- input[aria-disabled="true"]:before,
902
- input[aria-disabled="true"]:checked,
903
- select[aria-disabled="true"],
904
- textarea[aria-disabled="true"],
905
- label[aria-disabled="true"] {
906
- cursor: default !important;
907
- cursor: not-allowed !important;
908
- pointer-events: none !important;
909
- -webkit-user-select: none !important;
910
- -moz-user-select: none !important;
911
- -ms-user-select: none !important;
912
- user-select: none !important;
913
- box-shadow: none !important;
914
- opacity: .5 !important;
915
- }
916
-
917
- select:not([size]):not([multiple]) {
918
- -webkit-appearance: none;
919
- -moz-appearance: none;
920
- appearance: none;
921
- }
922
-
923
- select::-ms-expand {
924
- display: none;
925
- }
926
-
927
- select:not([size]):not([multiple]) {
928
- background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.85rem center/8px 10px;
929
- padding-right: 20px;
930
- padding-right: 2rem;
931
- }
932
-
933
- *[dir='rtl'] select:not([size]):not([multiple]),
934
- select[dir='rtl']:not([size]):not([multiple]) {
935
- background-position: left .85rem top 50%;
936
- padding-right: 7.5px;
937
- padding-right: 0.75rem;
938
- padding-left: 20px;
939
- padding-left: 2rem;
940
- }
941
-
942
- @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
943
- [type='checkbox'],
944
- [type='radio'] {
945
- -webkit-appearance: none;
946
- -moz-appearance: none;
947
- appearance: none;
948
- height: 1.8rem;
949
- width: 1.8rem;
950
- vertical-align: top;
951
- position: relative;
952
- border: 1px solid #999;
953
- }
954
- [type='checkbox'] + label,
955
- [type='radio'] + label {
956
- line-height: 1.8rem;
957
- vertical-align: top;
958
- margin-left: 5px;
959
- margin-left: 0.5rem;
960
- }
961
- *[dir='rtl'] [type='checkbox'] + label,
962
- [type='checkbox'][dir='rtl'] + label, *[dir='rtl']
963
- [type='radio'] + label,
964
- [type='radio'][dir='rtl'] + label {
965
- margin-left: 0;
966
- margin-right: 5px;
967
- margin-right: 0.5rem;
968
- }
969
- [type='checkbox']:after,
970
- [type='radio']:after {
971
- content: '';
972
- display: block;
973
- position: absolute;
974
- }
975
- [type='checkbox']:checked,
976
- [type='radio']:checked {
977
- background-color: #007bff;
978
- border-color: #000;
979
- }
980
- [type='radio']:after {
981
- width: 1.8rem;
982
- height: 1.8rem;
983
- left: -.05rem;
984
- top: -.05rem;
985
- border-radius: 50%;
986
- background: #fff;
987
- -webkit-transform: scale(0.35);
988
- transform: scale(0.35);
989
- }
990
- [type='checkbox']:after {
991
- width: .6rem;
992
- height: .8rem;
993
- border: 2px solid #fff;
994
- border-top: 0;
995
- border-left: 0;
996
- left: 35%;
997
- top: 20%;
998
- -webkit-transform: rotate(43deg);
999
- transform: rotate(43deg);
1000
- }
1001
- }
1002
-
1003
- @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
1004
- [type='range'] {
1005
- -webkit-appearance: none;
1006
- -moz-appearance: none;
1007
- appearance: none;
1008
- width: 100%;
1009
- height: 1.4rem;
1010
- }
1011
- [type='range']::-webkit-slider-thumb {
1012
- border: 0;
1013
- -webkit-appearance: none;
1014
- appearance: none;
1015
- width: 1.5rem;
1016
- height: 1.5rem;
1017
- margin-top: -.25rem;
1018
- background-color: #007bff;
1019
- border-radius: 1.5rem;
1020
- -webkit-transition: background-color .15s ease-in-out,
1021
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1022
- transition: background-color .15s ease-in-out,
1023
1
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1024
- }
1025
- [type='range']::-webkit-slider-thumb:active {
1026
- background-color: #007bff;
1027
- }
1028
- [type='range']::-moz-range-thumb {
1029
- border: 0;
1030
- -moz-appearance: none;
1031
- appearance: none;
1032
- width: 1.5rem;
1033
- height: 1.5rem;
1034
- background-color: #007bff;
1035
- border-radius: 1.5rem;
1036
- -moz-transition: background-color .15s ease-in-out,
1037
2
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1038
- transition: background-color .15s ease-in-out,
1039
3
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1040
- }
1041
- [type='range']::-moz-range-thumb:active {
1042
- background-color: #007bff;
1043
- }
1044
- [type='range']::-webkit-slider-runnable-track {
1045
- color: transparent;
1046
- border-color: transparent;
1047
- width: 100%;
1048
- height: .65rem;
1049
- cursor: pointer;
1050
- background-color: #e9e9e9;
1051
- }
1052
- [type='range']::-moz-range-track {
1053
- color: transparent;
1054
- border-color: transparent;
1055
- width: 100%;
1056
- height: .65rem;
1057
- cursor: pointer;
1058
- background-color: #e9e9e9;
1059
- }
1060
- [type='range']:focus {
1061
- outline: none;
1062
- }
1063
- [type='range']:focus::-webkit-slider-thumb {
1064
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1065
- }
1066
- [type='range']:focus::-moz-slider-thumb {
1067
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1068
- }
1069
- [type='range']::-moz-focus-outer {
1070
- border: 0;
1071
- }
1072
- [type='range']:focus::-webkit-slider-thumb {
1073
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1074
- }
1075
- [type='range']:focus::-moz-range-thumb {
1076
- box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
1077
- }
1078
- [type='range']:disabled {
1079
- pointer-events: none;
1080
- }
1081
- [type='range']:disabled::-webkit-slider-thumb {
1082
- background-color: #ccc;
1083
- }
1084
- [type='range']:disabled::-moz-slider-thumb {
1085
- background-color: #ccc;
1086
- }
1087
- }
1088
-
1089
- table {
1090
- max-width: 100%;
1091
- border-collapse: collapse;
1092
- }
1093
-
1094
- thead,
1095
- tbody,
1096
- tfoot,
1097
- tr,
1098
- td,
1099
- th {
1100
- border-color: inherit;
1101
- border-style: solid;
1102
- border-width: 0;
1103
- }
1104
-
1105
- thead th {
1106
- vertical-align: bottom;
1107
- }
1108
-
1109
- th,
1110
- td {
1111
- vertical-align: top;
1112
- }
1113
-
1114
- th {
1115
- text-align: inherit;
1116
- font-weight: 700;
1117
- }
1118
-
1119
- caption {
1120
- padding-top: 5px;
1121
- padding-top: 0.5rem;
1122
- padding-bottom: 5px;
1123
- padding-bottom: 0.5rem;
1124
- color: #999;
1125
- text-align: left;
1126
- caption-side: bottom;
1127
- line-height: 1.375;
1128
- font-size: 90%;
1129
- }
1130
-
1131
- .bf-container,
1132
- .bf-container--fluid {
1133
- box-sizing: content-box;
1134
- display: block;
1135
- margin-right: auto;
1136
- margin-left: auto;
1137
- padding-left: 15px;
1138
- padding-left: 1.5rem;
1139
- padding-right: 15px;
1140
- padding-right: 1.5rem;
1141
- }
1142
-
1143
- .bf-container:before, .bf-container:after,
1144
- .bf-container--fluid:before,
1145
- .bf-container--fluid:after {
1146
- display: table;
1147
- content: ' ';
1148
- }
1149
-
1150
- .bf-container:after,
1151
- .bf-container--fluid:after {
1152
- clear: both;
1153
- }
1154
-
1155
- .bf-container {
1156
- max-width: 1140px;
1157
- max-width: 114rem;
1158
- }
1159
-
1160
- .bf-row {
1161
- display: block;
1162
- margin-left: -15px;
1163
- margin-left: -1.5rem;
1164
- margin-right: -15px;
1165
- margin-right: -1.5rem;
1166
- }
1167
-
1168
- .bf-row:before, .bf-row:after {
1169
- content: ' ';
1170
- display: table;
1171
- }
1172
-
1173
- .bf-row:after {
1174
- clear: both;
1175
- }
1176
-
1177
- [class^='bf-col-'] {
1178
- float: left;
1179
- position: relative;
1180
- min-height: 1px;
1181
- padding-left: 15px;
1182
- padding-left: 1.5rem;
1183
- padding-right: 15px;
1184
- padding-right: 1.5rem;
1185
- }
1186
-
1187
- .bf-no-gutters {
1188
- margin-right: 0;
1189
- margin-left: 0;
1190
- }
1191
-
1192
- .bf-no-gutters > [class^='bf-col'] {
1193
- padding-right: 0;
1194
- padding-left: 0;
1195
- }
1196
-
1197
- .bf-col-12 {
1198
- width: 100%;
1199
- }
1200
-
1201
- .bf-col-11 {
1202
- width: 91.66666666666666%;
1203
- }
1204
-
1205
- .bf-col-10 {
1206
- width: 83.33333333333334%;
1207
- }
1208
-
1209
- .bf-col-9 {
1210
- width: 75%;
1211
- }
1212
-
1213
- .bf-col-8 {
1214
- width: 66.66666666666666%;
1215
- }
1216
-
1217
- .bf-col-7 {
1218
- width: 58.333333333333336%;
1219
- }
1220
-
1221
- .bf-col-6 {
1222
- width: 50%;
1223
- }
1224
-
1225
- .bf-col-5 {
1226
- width: 41.66666666666667%;
1227
- }
1228
-
1229
- .bf-col-4 {
1230
- width: 33.33333333333333%;
1231
- }
1232
-
1233
- .bf-col-3 {
1234
- width: 25%;
1235
- }
1236
-
1237
- .bf-col-2 {
1238
- width: 16.666666666666664%;
1239
- }
1240
-
1241
- .bf-col-1 {
1242
- width: 8.3333%;
1243
- }
1244
-
1245
- @media (max-width: 575px) {
1246
- .bf-container--break-xs .bf-row {
1247
- margin-left: 0;
1248
- margin-right: 0;
1249
- }
1250
- .bf-container--break-xs [class^='bf-col'] {
1251
- width: 100%;
1252
- float: none;
1253
- margin-left: 0;
1254
- padding-left: 0;
1255
- padding-right: 0;
1256
- }
1257
- }
1258
-
1259
- @media (max-width: 767px) {
1260
- .bf-container--break-md .bf-row {
1261
- margin-left: 0;
1262
- margin-right: 0;
1263
- }
1264
- .bf-container--break-md [class^='bf-col'] {
1265
- width: 100%;
1266
- float: none;
1267
- margin-left: 0;
1268
- padding-left: 0;
1269
- padding-right: 0;
1270
- }
1271
- }
1272
-
1273
- @media (max-width: 991px) {
1274
- .bf-container--break-lg .bf-row {
1275
- margin-left: 0;
1276
- margin-right: 0;
1277
- }
1278
- .bf-container--break-lg [class^='bf-col'] {
1279
- width: 100%;
1280
- float: none;
1281
- margin-left: 0;
1282
- padding-left: 0;
1283
- padding-right: 0;
1284
- }
1285
- }
1286
-
1287
- table td[class^='bf-col'],
1288
- table th[class^='bf-col'] {
1289
- position: static;
1290
- }
1291
-
1292
- .bf-clearfix:before,
1293
- .bf-clearfix:after {
1294
- content: ' ';
1295
- display: table;
1296
- }
1297
-
1298
- .bf-clearfix:after {
1299
- clear: both;
1300
- }
1301
-
1302
- .bf-hide {
1303
- display: none !important;
1304
- }
1305
-
1306
- .bf-hidden {
1307
- display: none !important;
1308
- visibility: hidden !important;
1309
- }
1310
-
1311
- .bf-text-hide {
1312
- font: 0/0 a !important;
1313
- color: transparent !important;
1314
- text-shadow: none !important;
1315
- background-color: transparent !important;
1316
- border: 0 !important;
1317
- margin: 0 !important;
1318
- padding: 0 !important;
1319
- }
1320
-
1321
- /*
1322
- // taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css
1323
- //
1324
- * Hide only visually, but have it available for screen readers:
1325
- * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
1326
- *
1327
- * 1. For long content, line feeds are not interpreted as spaces and small width
1328
- * causes content to wrap 1 word per line:
1329
- * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
1330
- */
1331
- .bf-sr-only {
1332
- border: 0 !important;
1333
- clip: rect(0, 0, 0, 0) !important;
1334
- height: 1px !important;
1335
- margin: -1px !important;
1336
- overflow: hidden !important;
1337
- padding: 0 !important;
1338
- position: absolute !important;
1339
- white-space: nowrap !important;
1340
- width: 1px !important;
1341
- }
1342
-
1343
- /*
1344
- // taken from https://github.com/h5bp/html5-boilerplate/blob/v7.3.0/dist/css/main.css
1345
- //
1346
- * Extends the .sr-only class to allow the element
1347
- * to be focusable when navigated to via the keyboard:
1348
- * https://www.drupal.org/node/897638
1349
- */
1350
- .bf-sr-only.focusable:active,
1351
- .bf-sr-only.focusable:focus {
1352
- clip: auto !important;
1353
- height: auto !important;
1354
- margin: 0 !important;
1355
- overflow: visible !important;
1356
- position: static !important;
1357
- white-space: inherit !important;
1358
- width: auto !important;
1359
- }
1360
-
1361
- .bf-invisible {
1362
- visibility: hidden !important;
1363
- }
1364
-
1365
- .bf-visible {
1366
- visibility: visible !important;
1367
- }
1368
-
1369
- .bf-display-block {
1370
- display: block !important;
1371
- }
1372
-
1373
- .bf-display-block-center {
1374
- display: block !important;
1375
- margin-left: auto !important;
1376
- margin-right: auto !important;
1377
- text-align: center !important;
1378
- }
1379
-
1380
- .bf-display-inline {
1381
- display: inline !important;
1382
- }
1383
-
1384
- .bf-display-inline-block {
1385
- display: inline-block !important;
1386
- }
1387
-
1388
- .bf-display-flex {
1389
- display: -webkit-flex !important;
1390
- display: flex !important;
1391
- }
1392
-
1393
- .bf-display-inline-flex {
1394
- display: -webkit-inline-flex !important;
1395
- display: inline-flex !important;
1396
- }
1397
-
1398
- .bf-display-flex--justify-start {
1399
- -webkit-justify-content: flex-start !important;
1400
- justify-content: flex-start !important;
1401
- }
1402
-
1403
- .bf-display-flex--justify-end {
1404
- -webkit-justify-content: flex-end !important;
1405
- justify-content: flex-end !important;
1406
- }
1407
-
1408
- .bf-display-flex--justify-center {
1409
- -webkit-justify-content: center !important;
1410
- justify-content: center !important;
1411
- }
1412
-
1413
- .bf-display-flex--wrap {
1414
- -webkit-flex-wrap: wrap !important;
1415
- flex-wrap: wrap !important;
1416
- }
1417
-
1418
- .bf-display-flex--nowrap {
1419
- -webkit-flex-wrap: nowrap !important;
1420
- flex-wrap: nowrap !important;
1421
- }
1422
-
1423
- .bf-float-left {
1424
- float: left !important;
1425
- }
1426
-
1427
- .bf-float-right {
1428
- float: right !important;
1429
- }
1430
-
1431
- .bf-position-fixed {
1432
- position: fixed !important;
1433
- }
1434
-
1435
- .bf-position-sticky {
1436
- position: -webkit-sticky !important;
1437
- position: sticky !important;
1438
- top: 0 !important;
1439
- }
1440
-
1441
- .bf-align-center-unknown {
1442
- position: relative !important;
1443
- }
1444
-
1445
- .bf-align-center-unknown--item {
1446
- position: absolute !important;
1447
- top: 50% !important;
1448
- left: 50% !important;
1449
- -webkit-transform: translate(-50%, -50%) !important;
1450
- transform: translate(-50%, -50%) !important;
1451
- }
1452
-
1453
- .bf-align-center-flex {
1454
- display: -webkit-flex;
1455
- display: flex;
1456
- -webkit-align-items: center;
1457
- align-items: center;
1458
- -webkit-justify-content: center;
1459
- justify-content: center;
1460
- }
1461
-
1462
- .bf-width-25 {
1463
- width: 25% !important;
1464
- }
1465
-
1466
- .bf-width-33 {
1467
- width: 33.33333333333333% !important;
1468
- }
1469
-
1470
- .bf-width-50 {
1471
- width: 50% !important;
1472
- }
1473
-
1474
- .bf-width-75 {
1475
- width: 75% !important;
1476
- }
1477
-
1478
- .bf-width-100 {
1479
- width: 100% !important;
1480
- }
1481
-
1482
- .bf-width-auto {
1483
- width: auto !important;
1484
- }
1485
-
1486
- .bf-z-index-1 {
1487
- z-index: 1;
1488
- }
1489
-
1490
- .bf-z-index-2 {
1491
- z-index: 2;
1492
- }
1493
-
1494
- .bf-z-index-3 {
1495
- z-index: 3;
1496
- }
1497
-
1498
- .bf-z-index-4 {
1499
- z-index: 4;
1500
- }
1501
-
1502
- .bf-z-index-5 {
1503
- z-index: 5;
1504
- }
1505
-
1506
- .bf-z-index-6 {
1507
- z-index: 6;
1508
- }
1509
-
1510
- .bf-z-index-7 {
1511
- z-index: 7;
1512
- }
1513
-
1514
- .bf-z-index-8 {
1515
- z-index: 8;
1516
- }
1517
-
1518
- .bf-z-index-9 {
1519
- z-index: 9;
1520
- }
1521
-
1522
- .bf-z-index-10 {
1523
- z-index: 10;
1524
- }
1525
-
1526
- .bf-z-index-20 {
1527
- z-index: 20;
1528
- }
1529
-
1530
- .bf-z-index-30 {
1531
- z-index: 30;
1532
- }
1533
-
1534
- .bf-z-index-40 {
1535
- z-index: 40;
1536
- }
1537
-
1538
- .bf-z-index-50 {
1539
- z-index: 50;
1540
- }
1541
-
1542
- .bf-z-index-60 {
1543
- z-index: 60;
1544
- }
1545
-
1546
- .bf-z-index-70 {
1547
- z-index: 70;
1548
- }
1549
-
1550
- .bf-z-index-80 {
1551
- z-index: 80;
1552
- }
1553
-
1554
- .bf-z-index-90 {
1555
- z-index: 90;
1556
- }
1557
-
1558
- .bf-z-index-100 {
1559
- z-index: 100;
1560
- }
1561
-
1562
- .bf-z-index-200 {
1563
- z-index: 200;
1564
- }
1565
-
1566
- .bf-z-index-300 {
1567
- z-index: 200;
1568
- }
1569
-
1570
- .bf-m-0 {
1571
- margin: 0 !important;
1572
- }
1573
-
1574
- .bf-m-t-0 {
1575
- margin-top: 0 !important;
1576
- }
1577
-
1578
- .bf-m-b-0 {
1579
- margin-bottom: 0 !important;
1580
- }
1581
-
1582
- .bf-m-l-0 {
1583
- margin-left: 0 !important;
1584
- }
1585
-
1586
- .bf-m-r-0 {
1587
- margin-right: 0 !important;
1588
- }
1589
-
1590
- .bf-m-1 {
1591
- margin-bottom: 5px !important;
1592
- margin-bottom: 0.5rem !important;
1593
- }
1594
-
1595
- .bf-m-2 {
1596
- margin-bottom: 10px !important;
1597
- margin-bottom: 1rem !important;
1598
- }
1599
-
1600
- .bf-m-3 {
1601
- margin-bottom: 20px !important;
1602
- margin-bottom: 2rem !important;
1603
- }
1604
-
1605
- .bf-m-4 {
1606
- margin-bottom: 30px !important;
1607
- margin-bottom: 3rem !important;
1608
- }
1609
-
1610
- .bf-m-b-1 {
1611
- margin-bottom: 5px !important;
1612
- margin-bottom: 0.5rem !important;
1613
- }
1614
-
1615
- .bf-m-b-2 {
1616
- margin-bottom: 10px !important;
1617
- margin-bottom: 1rem !important;
1618
- }
1619
-
1620
- .bf-m-b-3 {
1621
- margin-bottom: 20px !important;
1622
- margin-bottom: 2rem !important;
1623
- }
1624
-
1625
- .bf-m-b-4 {
1626
- margin-bottom: 30px !important;
1627
- margin-bottom: 3rem !important;
1628
- }
1629
-
1630
- .bf-p-0 {
1631
- padding: 0 !important;
1632
- }
1633
-
1634
- .bf-p-t-0 {
1635
- padding-top: 0 !important;
1636
- }
1637
-
1638
- .bf-p-b-0 {
1639
- padding-bottom: 0 !important;
1640
- }
1641
-
1642
- .bf-p-l-0 {
1643
- padding-left: 0 !important;
1644
- }
1645
-
1646
- .bf-p-r-0 {
1647
- padding-right: 0 !important;
1648
- }
1649
-
1650
- .bf-p-1 {
1651
- padding-bottom: 5px !important;
1652
- padding-bottom: 0.5rem !important;
1653
- }
1654
-
1655
- .bf-p-2 {
1656
- padding-bottom: 10px !important;
1657
- padding-bottom: 1rem !important;
1658
- }
1659
-
1660
- .bf-p-3 {
1661
- padding-bottom: 20px !important;
1662
- padding-bottom: 2rem !important;
1663
- }
1664
-
1665
- .bf-p-4 {
1666
- padding-bottom: 30px !important;
1667
- padding-bottom: 3rem !important;
1668
- }
1669
-
1670
- .bf-p-t-1 {
1671
- padding-top: 5px !important;
1672
- padding-top: 0.5rem !important;
1673
- }
1674
-
1675
- .bf-p-t-2 {
1676
- padding-top: 10px !important;
1677
- padding-top: 1rem !important;
1678
- }
1679
-
1680
- .bf-p-t-3 {
1681
- padding-top: 20px !important;
1682
- padding-top: 2rem !important;
1683
- }
1684
-
1685
- .bf-p-t-4 {
1686
- padding-top: 30px !important;
1687
- padding-top: 3rem !important;
1688
- }
1689
-
1690
- .bf-p-b-1 {
1691
- padding-bottom: 5px !important;
1692
- padding-bottom: 0.5rem !important;
1693
- }
1694
-
1695
- .bf-p-b-2 {
1696
- padding-bottom: 10px !important;
1697
- padding-bottom: 1rem !important;
1698
- }
1699
-
1700
- .bf-p-b-3 {
1701
- padding-bottom: 20px !important;
1702
- padding-bottom: 2rem !important;
1703
- }
1704
-
1705
- .bf-p-b-4 {
1706
- padding-bottom: 30px !important;
1707
- padding-bottom: 3rem !important;
1708
- }
1709
-
1710
- .bf-t-transform-uppercase {
1711
- text-transform: uppercase !important;
1712
- }
1713
-
1714
- .bf-t-transform-none {
1715
- text-transform: none !important;
1716
- }
1717
-
1718
- .bf-t-left {
1719
- text-align: left !important;
1720
- }
1721
-
1722
- .bf-t-center {
1723
- text-align: center !important;
1724
- }
1725
-
1726
- .bf-t-right {
1727
- text-align: right !important;
1728
- }
1729
-
1730
- .bf-t-shadow {
1731
- text-shadow: 0 0 2px #222 !important;
1732
- text-shadow: 0 0 0.2rem #222 !important;
1733
- }
1734
-
1735
- .bf-t-italic {
1736
- font-style: italic !important;
1737
- }
1738
-
1739
- .bf-t-style-normal {
1740
- font-style: normal !important;
1741
- }
1742
-
1743
- .bf-t-weight-300 {
1744
- font-weight: 300 !important;
1745
- }
1746
-
1747
- .bf-t-weight-400 {
1748
- font-weight: 400 !important;
1749
- }
1750
-
1751
- .bf-t-weight-500 {
1752
- font-weight: 500 !important;
1753
- }
1754
-
1755
- .bf-t-weight-600 {
1756
- font-weight: 600 !important;
1757
- }
1758
-
1759
- .bf-t-weight-700 {
1760
- font-weight: 700 !important;
1761
- }
1762
-
1763
- .bf-t-weight-800 {
1764
- font-weight: 800 !important;
1765
- }
1766
-
1767
- .bf-text-break {
1768
- word-wrap: break-word !important;
1769
- }
1770
-
1771
- .bf-t-truncate {
1772
- max-width: 100% !important;
1773
- overflow: hidden !important;
1774
- text-overflow: ellipsis !important;
1775
- white-space: nowrap !important;
1776
- word-wrap: normal !important;
1777
- }
1778
-
1779
- .bf-t-truncate--multiline-2 {
1780
- overflow: hidden !important;
1781
- text-overflow: ellipsis !important;
1782
- display: -webkit-box !important;
1783
- -webkit-line-clamp: 2 !important;
1784
- -webkit-box-orient: vertical !important;
1785
- }
1786
-
1787
- .bf-t-truncate--multiline-3 {
1788
- overflow: hidden !important;
1789
- text-overflow: ellipsis !important;
1790
- display: -webkit-box !important;
1791
- -webkit-line-clamp: 3 !important;
1792
- -webkit-box-orient: vertical !important;
1793
- }
1794
-
1795
- .bf-no-select {
1796
- -webkit-user-select: none !important;
1797
- -moz-user-select: none !important;
1798
- -ms-user-select: none !important;
1799
- user-select: none !important;
1800
- -webkit-touch-callout: none !important;
1801
- }
1802
-
1803
- .bf-font-sans-serif {
1804
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1805
- }
1806
-
1807
- .bf-font-serif {
1808
- font-family: Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1809
- }
1810
-
1811
- .bf-font-monospace {
1812
- font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1813
- }
1814
-
1815
- .bf-h1,
1816
- .bf-h2,
1817
- .bf-h3,
1818
- .bf-h4,
1819
- .bf-h5,
1820
- .bf-h6 {
1821
- font-weight: 700 !important;
1822
- font-weight: 600 !important;
1823
- margin-top: 0 !important;
1824
- line-height: 1.2 !important;
1825
- margin-bottom: 10px !important;
1826
- margin-bottom: 1rem !important;
1827
- }
1828
-
1829
- .bf-h1 {
1830
- font-size: 36px !important;
1831
- font-size: 3.6rem !important;
1832
- }
1833
-
1834
- .bf-h2 {
1835
- font-size: 30px !important;
1836
- font-size: 3rem !important;
1837
- }
1838
-
1839
- .bf-h3 {
1840
- font-size: 24px !important;
1841
- font-size: 2.4rem !important;
1842
- }
1843
-
1844
- .bf-h4 {
1845
- font-size: 20px !important;
1846
- font-size: 2rem !important;
1847
- }
1848
-
1849
- .bf-h5,
1850
- .bf-h6 {
1851
- font-size: 16px !important;
1852
- font-size: 1.6rem !important;
1853
- }
1854
-
1855
- p.bf-lead {
1856
- font-size: 120% !important;
1857
- }
1858
-
1859
- body.bf-responsive-typography {
1860
- --body-rt-font-size-flex: calc(1.6rem + 3 * ((100vw - 320px) / 680));
1861
- --body-rt-font-size-max: 1.9rem;
1862
- }
1863
-
1864
- @media (min-width: 320px) {
1865
- body.bf-responsive-typography {
1866
- font-size: var(--body-rt-font-size-flex);
1867
- }
1868
- }
1869
-
1870
- @media (min-width: 1000px) {
1871
- body.bf-responsive-typography {
1872
- font-size: var(--body-rt-font-size-max);
1873
- }
1874
- }
1875
-
1876
- .bf-btn {
1877
- display: inline-block;
1878
- cursor: pointer;
1879
- color: #222;
1880
- padding: 6.66667px 13.33333px;
1881
- padding: 0.66667rem 1.33333rem;
1882
- line-height: normal;
1883
- text-align: center;
1884
- margin: 0;
1885
- background-clip: padding-box;
1886
- vertical-align: baseline;
1887
- overflow: visible;
1888
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1889
- -webkit-user-select: none;
1890
- -moz-user-select: none;
1891
- -ms-user-select: none;
1892
- user-select: none;
1893
- border-radius: 2.5px;
1894
- border-radius: 0.25rem;
1895
- border: 0;
1896
- background-image: none;
1897
- background: #ccc;
1898
- transition: all .2s;
1899
- }
1900
-
1901
- .bf-btn:hover, .bf-btn:active, .bf-btn:focus {
1902
- text-decoration: none;
1903
- color: #222;
1904
- background: #b3b3b3;
1905
- }
1906
-
1907
- .bf-btn:active, .bf-btn:focus {
1908
- box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
1909
- }
1910
-
1911
- .bf-btn:focus {
1912
- outline: 0;
1913
- }
1914
-
1915
- .bf-btn.bf-btn--primary {
1916
- color: #fff;
1917
- background: #007bff;
1918
- }
1919
-
1920
- .bf-btn.bf-btn--primary:hover, .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {
1921
- color: #fff;
1922
- background: #0062cc;
1923
- }
1924
-
1925
- .bf-btn.bf-btn--primary:active, .bf-btn.bf-btn--primary:focus {
1926
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25);
1927
- }
1928
-
1929
- fieldset[disabled] .bf-btn,
1930
- .bf-btn[disabled],
1931
- .bf-btn:disabled,
1932
- .bf-btn[aria-disabled='true'] {
1933
- cursor: default !important;
1934
- cursor: not-allowed !important;
1935
- pointer-events: none !important;
1936
- -webkit-user-select: none !important;
1937
- -moz-user-select: none !important;
1938
- -ms-user-select: none !important;
1939
- user-select: none !important;
1940
- box-shadow: none !important;
1941
- opacity: .5 !important;
1942
- }
1943
-
1944
- .bf-focused {
1945
- transition: border .2s, background-color .2s, box-shadow .2s !important;
1946
- border-color: #007bff !important;
1947
- box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.25) !important;
1948
- }
1949
-
1950
- .bf-disabled,
1951
- .bf-disabled:hover,
1952
- .bf-disabled:active,
1953
- .bf-disabled:focus,
1954
- .bf-disabled:after,
1955
- .bf-disabled:before,
1956
- .bf-disabled:invalid,
1957
- .bf-disabled:checked {
1958
- cursor: default !important;
1959
- cursor: not-allowed !important;
1960
- pointer-events: none !important;
1961
- -webkit-user-select: none !important;
1962
- -moz-user-select: none !important;
1963
- -ms-user-select: none !important;
1964
- user-select: none !important;
1965
- box-shadow: none !important;
1966
- opacity: .5 !important;
1967
- background-color: #fff;
1968
- border-color: #999;
1969
- }
1970
-
1971
- label.bf-disabled {
1972
- background-color: transparent;
1973
- border-color: transparent;
1974
- }
1975
-
1976
- button.bf-disabled,
1977
- [type='button'].bf-disabled,
1978
- [type='reset'].bf-disabled,
1979
- [type='submit'].bf-disabled,
1980
- .bf-btn.bf-disabled {
1981
- cursor: default;
1982
- cursor: not-allowed;
1983
- pointer-events: none;
1984
- -webkit-user-select: none;
1985
- -moz-user-select: none;
1986
- -ms-user-select: none;
1987
- user-select: none;
1988
- box-shadow: none;
1989
- opacity: .5;
1990
- color: #222;
1991
- background: #ccc;
1992
- }
1993
-
1994
- button.bf-disabled:hover, button.bf-disabled:active, button.bf-disabled:focus,
1995
- [type='button'].bf-disabled:hover,
1996
- [type='button'].bf-disabled:active,
1997
- [type='button'].bf-disabled:focus,
1998
- [type='reset'].bf-disabled:hover,
1999
- [type='reset'].bf-disabled:active,
2000
- [type='reset'].bf-disabled:focus,
2001
- [type='submit'].bf-disabled:hover,
2002
- [type='submit'].bf-disabled:active,
2003
- [type='submit'].bf-disabled:focus,
2004
- .bf-btn.bf-disabled:hover,
2005
- .bf-btn.bf-disabled:active,
2006
- .bf-btn.bf-disabled:focus {
2007
- box-shadow: none;
2008
- color: #222;
2009
- background: #ccc;
2010
- }
2011
-
2012
- .bf-btn--primary.bf-disabled {
2013
- cursor: default;
2014
- cursor: not-allowed;
2015
- pointer-events: none;
2016
- -webkit-user-select: none;
2017
- -moz-user-select: none;
2018
- -ms-user-select: none;
2019
- user-select: none;
2020
- box-shadow: none;
2021
- opacity: .5;
2022
- color: #fff;
2023
- background: #007bff;
2024
- }
2025
-
2026
- .bf-btn--primary.bf-disabled:hover, .bf-btn--primary.bf-disabled:active, .bf-btn--primary.bf-disabled:focus {
2027
- box-shadow: none;
2028
- color: #fff;
2029
- background: #007bff;
2030
- }
2031
-
2032
- .bf-invalid,
2033
- .bf-invalid:focus {
2034
- color: #ff0000 !important;
2035
- border-color: #ff0000 !important;
2036
- box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.25) !important;
2037
- }
2038
-
2039
- .bf-list-unstyled,
2040
- menu ul.bf-list-unstyled,
2041
- menu ol.bf-list-unstyled,
2042
- ul.bf-list-unstyled ul,
2043
- ul.bf-list-unstyled ol,
2044
- ol.bf-list-unstyled ol,
2045
- ol.bf-list-unstyled ul,
2046
- dd.bf-list-unstyled {
2047
- margin: 0;
2048
- padding: 0;
2049
- list-style: none;
2050
- }
2051
-
2052
- dt {
2053
- font-weight: 700;
2054
- }
2055
-
2056
- .bf-embed-responsive {
2057
- position: relative;
2058
- display: block;
2059
- width: 100%;
2060
- padding: 0;
2061
- overflow: hidden;
2062
- }
2063
-
2064
- .bf-embed-responsive::before {
2065
- display: block;
2066
- content: '';
2067
- padding-top: 56.25%;
2068
- }
2069
-
2070
- .bf-embed-responsive .bf-embed-responsive--4-3::before {
2071
- padding-top: 75%;
2072
- }
2073
-
2074
- .bf-embed-responsive .bf-embed-responsive--item,
2075
- .bf-embed-responsive iframe,
2076
- .bf-embed-responsive embed,
2077
- .bf-embed-responsive object,
2078
- .bf-embed-responsive video {
2079
- position: absolute;
2080
- top: 0;
2081
- bottom: 0;
2082
- left: 0;
2083
- width: 100%;
2084
- height: 100%;
2085
- border: 0;
2086
- }
2087
-
2088
- .bf-table th,
2089
- .bf-table td {
2090
- padding: 10px;
2091
- padding: 1rem;
2092
- border-bottom: 1px solid #999;
2093
- margin-bottom: 5px;
2094
- margin-bottom: 0.5rem;
2095
- }
2096
-
2097
- .bf-table-responsive {
2098
- overflow-x: auto;
2099
- overflow-y: hidden;
2100
- -ms-overflow-style: scrollbar;
2101
- }
2102
-
2103
- .bf-table-responsive table {
2104
- width: 100%;
2105
- margin-bottom: 5px;
2106
- margin-bottom: 0.5rem;
2107
- }
2108
-
2109
- .bf-table-responsive.scrollbar {
2110
- -webkit-overflow-scrolling: auto;
2111
- }
2112
-
2113
- .bf-table--zebra tbody tr:nth-child(odd),
2114
- .bf-table-responsive--zebra tbody tr:nth-child(odd) {
2115
- background-color: #e9e9e9;
2116
- }
2117
-
2118
- /* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
2119
- /* ==========================================================================
2120
- Print styles.
2121
- Inlined to avoid the additional HTTP request:
2122
- https://www.phpied.com/delay-loading-your-print-css/
2123
- ========================================================================== */
2124
- @media print {
2125
- *,
2126
- *::before,
2127
- *::after {
2128
- background: #fff !important;
2129
- color: #000 !important;
2130
- /* Black prints faster */
2131
- box-shadow: none !important;
2132
- text-shadow: none !important;
2133
- }
2134
- a,
2135
- a:visited {
2136
- text-decoration: underline;
2137
- }
2138
- a[href]::after {
2139
- content: " (" attr(href) ")";
2140
- }
2141
- abbr[title]::after {
2142
- content: " (" attr(title) ")";
2143
- }
2144
- /*
2145
- * Don't show links that are fragment identifiers,
2146
- * or use the `javascript:` pseudo protocol
2147
- */
2148
- a[href^='#']::after,
2149
- a[href^='javascript:']::after {
2150
- content: '';
2151
- }
2152
- pre {
2153
- white-space: pre-wrap !important;
2154
- }
2155
- pre,
2156
- blockquote {
2157
- border: 1px solid #999;
2158
- page-break-inside: avoid;
2159
- }
2160
- /*
2161
- * Printing Tables:
2162
- * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
2163
- */
2164
- thead {
2165
- display: table-header-group;
2166
- }
2167
- tr,
2168
- img {
2169
- page-break-inside: avoid;
2170
- }
2171
- p,
2172
- h2,
2173
- h3 {
2174
- orphans: 3;
2175
- widows: 3;
2176
- }
2177
- h2,
2178
- h3 {
2179
- page-break-after: avoid;
2180
- }
2181
- }
2182
-
2183
- @media print {
2184
- body,
2185
- .bf-container {
2186
- min-width: 992px !important;
2187
- }
2188
- .bf-table-responsive {
2189
- overflow: auto;
2190
- }
2191
- .bf-table-responsive table {
2192
- width: auto;
2193
- }
2194
- .bf-table-responsive table,
2195
- .bf-table {
2196
- border-collapse: collapse !important;
2197
- }
2198
- }
2199
-
2200
- @media (prefers-reduced-motion: reduce) {
2201
- .bf-reduced-motion,
2202
- .bf-reduced-motion::before,
2203
- .bf-reduced-motion::after,
2204
- .bf-reduced-motion *,
2205
- .bf-reduced-motion *::before,
2206
- .bf-reduced-motion *::after {
2207
- -webkit-animation-delay: -1ms !important;
2208
- animation-delay: -1ms !important;
2209
- -webkit-animation-duration: 1ms !important;
2210
- animation-duration: 1ms !important;
2211
- -webkit-animation-iteration-count: 1 !important;
2212
- animation-iteration-count: 1 !important;
2213
- background-attachment: initial !important;
2214
- scroll-behavior: auto !important;
2215
- transition-delay: 0s !important;
2216
- transition-duration: 0s !important;
2217
- }
2218
- }
2219
-
2220
- /**
2221
- * Change the cursor on busy elements in all browsers (opinionated).
2222
- */
2223
- [aria-busy="true"] {
2224
- cursor: progress;
2225
- }
2226
-
2227
- /*
2228
- * Change the cursor on control elements in all browsers (opinionated).
2229
- */
2230
- [aria-controls] {
2231
- cursor: pointer;
2232
- }
2233
-
2234
- /*
2235
- * Change the cursor on disabled, not-editable, or otherwise
2236
- * inoperable elements in all browsers (opinionated).
2237
- */
2238
- [aria-disabled="true"],
2239
- [disabled] {
2240
- cursor: not-allowed;
2241
- }
2242
-
2243
- /*
2244
- * Change the display on visually hidden accessible elements
2245
- * in all browsers (opinionated).
2246
- */
2247
- [aria-hidden="false"][hidden] {
2248
- display: initial;
2249
- }
2250
-
2251
- [aria-hidden="false"][hidden]:not(:focus) {
2252
- clip: rect(0, 0, 0, 0);
2253
- position: absolute;
2254
- }